@charset "euc-kr";

/*section01 visual*/
.section01 {position: relative; }
.section01 .inner {position: absolute; bottom:7%; left:50%; transform:translateX(-50%); z-index: 100;}
.section01 .inner > h3,
.section01 .inner > .more {display:none}
.section01 .bx-viewport {height:612px !important; }
.section01 .bx-pager {overflow:hidden; position:absolute; bottom:10%; left:50%; transform:translateX(-50%); width:100px; z-index:90}
.section01 .bx-pager-item {float:left; margin-left:7%;}
.section01 .bx-pager-item a {
	display:inline-block;  width:25px; height:7px; 
	background:#fff; text-indent:-9999px; 
	transition-property:width ,background; 
	transition-duration:1.2s, 1.5s;
	transition-timing-function: ease-in-out;}
.section01 .bx-pager-item a.active {
	width:55px; background:#04ba80; 
	transition-property:width ,background; 
	transition-duration:1.2s, 1.5s; 
	transition-timing-function: ease-in-out;}
.section01 .main_visual {width:100%!important;}
.section01 .main_visual li {width:100%!important;height:612px; }
.section01 .main_visual li.visual01 {background: url("../../images/main/visual1.jpg") 50% top no-repeat;}
.section01 .main_visual li.visual02 {background: url("../../images/main/visual2.jpg") 50% top no-repeat;}
.bx-prev{display:none;}
.bx-next{display:none;}
.bx-start{position:absolute; bottom:10.5%; left:53.5%; width:10px; height:12px; padding:5px; background: url("../../images/main/play.png") no-repeat; font-size:0; z-index:90}
.bx-stop{position:absolute; bottom:10.5%; left:54.5%; width:12px; height:11px; padding:5px; background: url("../../images/main/stop.png") no-repeat; font-size:0; z-index:90}
.v-text {padding-top: 195px; height: 510px; text-align: center; font-size: 1em; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); visibility: visible; color:#fff}
.v-text .line01 {position: relative; font-size:80px; line-height:80px;}
.v-text .line02 {font-size:38px; font-family:"³ª´®¸íÁ¶", "Nanum Myeongjo"; margin-top:25px;}
.v-text .line03 {margin-bottom: 125px; font-size: 1.438em;}
.v-text.active {visibility: hidden;}
@media all and (max-width:1380px){
	.bx-start{position:absolute; left:55%;}
	.bx-stop{position:absolute; left:56.5%;}
	.section01 .main_visual li.visual01 {background: url("../../images/main/visual1.jpg") center center /cover no-repeat;}
	.section01 .main_visual li.visual02 {background: url("../../images/main/visual2.jpg") center center /cover no-repeat;}
}
@media all and (max-width:1300px){
	.v-text .line01 {position: relative; font-size:60px; line-height:60px;}
	.v-text .line02 {font-size:28px; font-family:"³ª´®¸íÁ¶", "Nanum Myeongjo"; margin-top:20px;}
}
@media all and (max-width:1024px){
	.bx-start{position:absolute; left:56.5%;}
	.bx-stop{position:absolute; left:58%;}
}
@media all and (max-width:960px){
	.section01 .bx-viewport {height:345px !important; }
	.v-text {padding-top:97px; height: 210px;}
	.v-text .line01 {position: relative; font-size:45px; line-height:45px;}
	.v-text .line02 {font-size:18px; font-family:"³ª´®¸íÁ¶", "Nanum Myeongjo"; margin-top:20px;}
	.section01 .main_visual li {width:100%!important; height:345px; }
	.bx-start{position:absolute; bottom:11%; left:57.5%;}
	.bx-stop{position:absolute; bottom:11%; left:59%;}
}
@media all and (max-width:680px){
	.section01 .bx-viewport {height:245px !important; }
	.v-text {padding-top:67px; height: 210px;}
	.v-text .line01 {position: relative; font-size:35px; line-height:35px;}
	.v-text .line02 {font-size:15px; font-family:"³ª´®¸íÁ¶", "Nanum Myeongjo"; margin-top:20px;}
	.section01 .main_visual li {width:100%!important; height:245px; }
	.bx-start{position:absolute; bottom:11%; left:61%;}
	.bx-stop{position:absolute; bottom:11%; left:64%;}
}
@media all and (max-width:480px){
	.bx-start{position:absolute; bottom:12%; left:65%;}
	.bx-stop{position:absolute; bottom:12%; left:69%;}
}
/*ctbox*/
.ctbox{float:right; width:24.9%; z-index:100;}
.ctbox .info{height:315px; background:#2a658c;text-align:center;color:#fff; box-sizing: border-box;}
.ctbox .info a{color:#fff; line-height:1.5em; display:inline-block; height:318px; width:100%;}
.ctbox .edge{height:308px;margin:3px;}
.ctbox .info h2{display:inline-block;font-weight:500;font-size:30px;margin:28px 0 0 0;padding:2px 0; line-height:1.5em;}
.ctbox .info p{width:84%;margin:10px auto; font-size:17px; line-height:1.5em;}

.shortcut{height:350px; position:relative;background:#204d6a url("../../images/main/ico_line.png") center center no-repeat; background-size:90% 90%; text-align:center;}
.shortcut ul {float:left; width:100%; }
.shortcut ul::after {clear: both; content: ""; display: block;}
.shortcut li {height:175px; float: left; padding: 0 0 0 0; width:50%; }
.shortcut a {color:#fff; display: block; font-size: 20px; letter-spacing: -0.05em; line-height: 1.2;  position: relative; text-align: center; transition: all 0.4s ease 0s; width: 100%; word-break: keep-all; padding:0;}
.shortcut a:hover {color:#3a92cc;}
.shortcut a span { display: block; height:62px; margin:40px auto 0; transition: all 0.4s ease 0s; width:62px;}
.shortcut a:hover span {transform: rotateY(180deg);}

.shortcut .list1 span {background:url("../../images/main/ico01.png") no-repeat scroll 0 0;}
.shortcut .list2 span {background:url("../../images/main/ico02.png") no-repeat scroll 0 0;}
.shortcut .list3 span {background:url("../../images/main/ico03.png") no-repeat scroll 0 0;}
.shortcut .list4 span {background:url("../../images/main/ico04.png") no-repeat scroll 0 0;}


.call{height:288px; background:#2a658c;text-align:center;}
.call .call_cts{height:228px;color:#fff;}
.call .call_cts h2{font-size:25px;padding:50px 0 2px 0; font-weight:500; line-height:1.5em;}
.call .call_cts a{font-size:37px; color:#fff; line-height:1.5em;}
.call .call_cts span{display:block;font-size:14px;color:#cfcfda;}
.call ul li{height:44px;text-align:left;}
.call ul li:first-child{margin-bottom:1px;}
.call ul li a{display:block;line-height:56px;padding:0 0 4px 30px;background:#3a92cc url("../../images/main/more.gif") 90% center no-repeat;font-size:17px;color:#fff;}

@media all and (max-width:1300px){
	.ctbox .box.info p{width:84%;margin:10px auto; font-size:15px;}
	.edge img{width:75%;}
	.call .call_cts a{font-size:31px;}
}
@media all and (max-width:960px) {
	.ctbox{float:left; width:100%;}
	.ctbox .info{float:left; width:50%; height:350px; }
	.ctbox .edge img{width:60%;}
	.shortcut{float:left; width:50%;}
	.call{display:none;}
}
@media all and (max-width:768px) {
	.ctbox{top:0;left:0;}
	.ctbox .box{width:50%;}
	.ctbox .box .edge{width:98%;}
}
@media all and (max-width:680px) {
	.ctbox{clear:right; width:100%;}
	.ctbox .edge{position:relative; width:98%; height:118px; background:url("../../images/main/info_bg.gif") left top repeat-y;}
	.ctbox .info{height:128px; width:100%;}
	.ctbox .info h2{float:left; width:106px; font-weight:500;font-size:25px; margin:33px 36px 0 33px;padding:2px 0;}
	.ctbox .info p{width:90%; padding:12px 5%; margin:10px auto; font-size:15px; }
	.ctbox .edge img{display:none;}
	.shortcut ul{}
	.shortcut li {height:80px; float:left; padding:0 0 0 0; width:24.7%; border-right:1px solid #2a658c;}
	.shortcut li.list4 {border-right:0px;}
	.shortcut a {font-size:15px;} 
	.shortcut{width:100%; height:100px; background:#204d6a; padding-top:20px;}
	.shortcut a span {height:62px; margin:0 auto 0;}
	.call{display:none;}
}


/* cont_top */
.cont_top{float:right;width:73.9%; margin:330px 1.2% 0 0;}
.colgroup1{float:right; width:49.3%;}

.board {position:relative;width:100%;height:198px;border:1px solid #dedee0;margin:0 0 12px 0;}
.board ul{padding:19px 0 0 20px;}
.board ul li{float:left;padding:10px;}
.board ul li a{font-size:18px;color:#555;padding:0 0 7px 0; font-weight:500; line-height:1.5em;}
.board ul li.on a{color:#664a96;border-bottom:2px solid #ae83d4;}
.board ul li a:hover{text-decoration:none;color:#664a96;}
.board .tabplus{position:absolute;top:18px;right:22px;display:block;width:32px;height:32px;border:1px solid #e2e3e5;border-radius:50px;}
.board .tabplus img{margin:10px 0 0 10px;}
.board .tabContent ul{margin:12px 20px 0 30px;padding:0;}
.board .tabContent li{padding:0;width:100%;}
.board .tabContent li a{position:relative;display:inline-block; width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:15px;letter-spacing:0; font-weight:300; color:#444;line-height:32px;padding:0 0 0 8px;}
.board .tabContent li a:before{position:absolute;top:15px;left:0;width:3px;height:3px;background-color:#979797;border-radius:100%;content:"";}
.board .tabContent li span{font-size:12px;color:#858688;float:right; line-height:30px;letter-spacing:0;}

@media all and (max-width:1200px){
	 .board .tabContent li span{display:none;}
}


/* 20180412 °øÁö±Û ÁÙÀ̱â Ãß°¡ */
@media all and (max-width:1230px){
	.board .tabContent li a{display:inline-block; width:92%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
}
@media all and (max-width:1100px){
	.board .tabContent li a{display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
}
/* 20180412 °øÁö±Û ÁÙÀ̱â Ãß°¡ ³¡ */



@media all and (max-width:768px){
	 .board {height:178px;}
	 .board ul li{padding:10px 5px;}
	 .board ul{padding:10px 0 0 20px;}
}
.midea{float:left; border:1px solid #dedee0; position:relative; width:100%;height:200px;}
.midea .album{float:left; width:49.8%;border-right:1px solid #dedee0;}
.midea .album span{display:inline-block; position:absolute; bottom:0px; z-index:2000; background:#3a92cc;width:50%; height:40px;color:#fff;font-size:20px;line-height:38px;text-align:center;}
.midea .album span a{color:#fff; font-size:20px;}
.midea .album a img{width:100%; height:198px;}
.midea .video{float:left; width:49.8%;}
.midea .video span{display:inline-block; position:absolute; bottom:0px; z-index:2000; background:#2a658c; width:50%; height:40px;color:#fff;font-size:20px;line-height:38px;text-align:center;}
.midea .video span a{color:#fff; font-size:20px;}
.midea .video a img{width:100%; height:198px;}

.adv{float:right; width:49.4%; margin:-105px 1.3% 0 0;position:relative;}
.adv_model{background:url("../../images/main/adv_model.png") 74px no-repeat; height:176px;}
.adv_wrap{width:95.7%;height:343px;background:#3a92cc; padding-right:4.3%;}
.adv_wrap h2{height:58px;width:338px;background:url("../../images/main/adv_h2.png") no-repeat;font-size:27px;color:#fff;font-weight:500;line-height:54px;padding:0 0 0 40px;}
.adv_wrap ul ul{margin:0;float:left;}
.adv_wrap ul ul li{color:#fff;font-size:18px;font-weight:500;text-shadow:1px 1px rgba(0,0,0,0.4); line-height:24px; letter-spacing:-0.03em; padding:5px 0px; margin:10px 0 10px 20px;}
.adv_wrap ul ul li span{border-radius:100px; width:24px; height:24px; background:#2076af; padding:4px 10px; color:#cedce9; margin-right:7px;}
.adv_wrap ul li:nth-child(2){background-position:0 -38px;}
.adv_wrap ul li:nth-child(3){background-position:0 -76px;}
.adv_wrap ul li:nth-child(4){background-position:0 -114px;}
.adv_wrap ul li:nth-child(5){background-position:0 -154px;}
.adv_wrap ul li.n01{background:url("../../images/main/n01.png") left 4px no-repeat; padding-left:34px;}
.adv_wrap ul li.n02{background:url("../../images/main/n02.png") left 4px no-repeat; padding-left:34px;}
.adv_wrap ul li.n03{background:url("../../images/main/n03.png") left 4px no-repeat; padding-left:34px;}
.adv_wrap ul li.n04{background:url("../../images/main/n04.png") left 4px no-repeat; padding-left:34px;}
.adv_wrap ul li.n05{background:url("../../images/main/n05.png") left 4px no-repeat; padding-left:34px;}
.adv_wrap ul li.n06{background:url("../../images/main/n06.png") left 4px no-repeat; padding-left:34px;}
.adv_wrap ul li.n07{background:url("../../images/main/n07.png") left 4px no-repeat; padding-left:34px;}

/* 10´ë ÀåÁ¡ ¸ð¹ÙÀÏ */
.adv_m{display:none; float:right; width:100%; margin:0 0 0 0;position:relative;}
.adv_m_wrap{width:96%;height:205px;background:#3a92cc; padding-right:4%; display:block;}
.adv_m_wrap h2{height:48px; width:100%; background:url("../../images/main/adv_h2.png") no-repeat; background-size:96%; font-size:22px; color:#fff; font-weight:500; line-height:48px; padding:0 0 0 28px;}
.adv_m_wrap h2 strong{color:#fff;}
.adv_m_wrap ul ul{margin:10px 0 0 20px;overflow:hidden;}
.adv_m_wrap ul ul li{color:#fff;font-size:17px;font-weight:500;text-shadow:1px 1px rgba(0,0,0,0.4); line-height:24px; letter-spacing:-0.03em; padding:5px 0px; margin:10px 0;}
.adv_m_wrap ul ul li span{border-radius:100px; width:24px; height:24px; background:#2076af; padding:4px 10px; color:#cedce9; margin-right:7px;}
.adv_m_wrap ul li:nth-child(2){background-position:0 -38px;}
.adv_m_wrap ul li:nth-child(3){background-position:0 -76px;}
.adv_m_wrap ul li:nth-child(4){background-position:0 -114px;}
.adv_m_wrap ul li:nth-child(5){background-position:0 -154px;}
.adv_m_wrap ul li.n01{background:url("../../images/main/n01.png") left 4px no-repeat; padding-left:34px;}
.adv_m_wrap ul li.n02{background:url("../../images/main/n02.png") left 4px no-repeat; padding-left:34px;}
.adv_m_wrap ul li.n03{background:url("../../images/main/n03.png") left 4px no-repeat; padding-left:34px;}
.adv_m_wrap ul li.n04{background:url("../../images/main/n04.png") left 4px no-repeat; padding-left:34px;}
.adv_m_wrap ul li.n05{background:url("../../images/main/n05.png") left 4px no-repeat; padding-left:34px;}
.adv_m_wrap ul li.n06{background:url("../../images/main/n06.png") left 4px no-repeat; padding-left:34px;}
.adv_m_wrap ul li.n07{background:url("../../images/main/n07.png") left 4px no-repeat; padding-left:34px;}

@media all and (max-width:1200px){
	.adv_wrap h2{background-size:82%; font-size:24px;line-height:48px;}
	.adv_wrap ul{margin:0; padding-right:0;}
	.adv_wrap ul li{font-size:16px; letter-spacing:-0.04em;}
	
}
@media all and (max-width:960px) {
	.cont_top{float:left; width:100%; margin:0 0 0 0;}
	.colgroup1{float:left; width:100%;}
	.board {float:left; border:0px; margin:0 0 0 0; width:50%;}
	.adv{display:none;}
	.adv_m{float:left; width:50%; display:block;}
	.midea{float:left; width:50%; border:0px;}
	.midea .album{border-right:0px;}
	.midea .video{width:50%;}
}
@media all and (max-width:680px) {
	.cont_top{float:left; width:100%; margin:0 0 0 0;}
	.colgroup1{float:left; width:100%;}
	.board {border:0px; margin:0 0 0 0; width:100%;}
	.adv{display:none;}
	.adv_m{width:100%; display:block;}
	.midea{width:100%; height:170px;}
	.adv_m_wrap h2{height:48px; width:90%; background:url("../../images/main/adv_h2.png") no-repeat; background-size:96%;}
}

/* pc, ¸ð¹ÙÀÏ */
.adv .flexslider, .adv_m .flexslider {width:100%; max-width:100%; padding:0; background:none; border-radius:0px; border:0; margin:0 auto;
  position: relative; overflow:hidden; 
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
  }
.adv_m .flexslider .slides {
  overflow:hidden;
  height:130px;
}
.adv_m .flex-viewport {
  max-height: 130px;
  overflow:hidden; 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.adv .flex-control-nav, .adv_m .flex-control-nav {
  width: 100%;
  margin-top:0;
  text-align: center;
}
.adv .flex-control-nav li, .adv_m .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
}
.adv .flex-control-paging li a, .adv_m .flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.adv .flex-control-paging li a:hover, .adv_m .flex-control-paging li a:hover {
  background: #9dc9e6;
}
.adv .flex-control-paging li a.flex-active, .adv_m .flex-control-paging li a.flex-active {
  background: #fff;
  cursor: default;
  box-shadow:none;
}
/* pc */
.adv .flexslider .slides {
  overflow:hidden;
  height:260px;
}
.adv .flex-viewport{
  max-height: 260px;
  overflow:hidden; 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* cont_foot */
.cont_foot{float:right; width:73.9%; margin:12px 1.2% 0 0;}

.guide{width:49.4%; float:left;}
.message{float:left; width:48.7%; margin-right:2.6%;}
.final{float:left; width:48.7%;}

/* ÀçÇлý¿µ»ó¸Þ¼¼Áö */
.message a {float:left; position:relative; display:table-cell; background:#664a96 url("../../images/main/guide_img1.png") 110px 110px no-repeat; width:90%; padding:30px 0 0 10%; height:170px; line-height:1.2; font-size:18px; color:#fff; letter-spacing:-0.02em;}
.message a strong{display:block;font-size:25px;font-weight:500;}
.message a em{font-size:14px;}
.message a span {position:absolute; display:block; left:-4px; top:-4px; width:0; height:0; border-bottom:133px solid transparent; border-left:133px solid #00914c; opacity:0; transition: all 0.2s ease-in-out 0s; z-index:-1}
.message a::after {position:absolute; right:2.5%; bottom:5px; content:""; width:94%; height:0px; border:0px solid #fff; border-top:none; border-left:none; }
.message a:hover::after {position:absolute; right:2.5%; bottom:5px; content:""; width:94%; height:188px; border:1px solid #fff;}
.message a:hover span {border-bottom:140px solid #00914c; border-left:180px solid #00914c;}

/* ÀÔÇп¡¼­Á¹¾÷±îÁö */
.final a {float:left; position:relative; display:table-cell; background:#ae83d4 url("../../images/main/guide_img2.png") 100px 102px no-repeat; width:90%; padding:30px 0 0 10%; height:170px; line-height:1.2; font-size:18px; color:#fff; letter-spacing:-0.02em;}
.final a strong{display:block;font-size:25px;font-weight:500;}
.final a em{font-size:14px;}
.final a span {position:absolute; display:block; left:-4px; top:-4px; width:0; height:0; border-bottom:133px solid transparent; border-left:133px solid #00914c; opacity:0; transition: all 0.2s ease-in-out 0s; z-index:-1}
.final a::after {position:absolute; right:2.5%; bottom:5px; content:""; width:94%; height:0px; border:0px solid #fff; border-top:none; border-left:none; }
.final a:hover::after {position:absolute; right:2.5%; bottom:5px; content:""; width:94%; height:188px; border:1px solid #fff;}
.final a:hover span {border-bottom:140px solid #00914c; border-left:180px solid #00914c;}

/* ÀÚ°ÝÁõ¾È³» */
.license{float:right; width:49.3%;height:200px;background:#cdc4d9 url("../../images/main/license_img.png") 90% 25px no-repeat; }
.license a{font-size:16px;color:#555555;width:50%;display:block; padding:30px 0 0 40px; line-height:1.5em;}
.license a span{font-size:25px; color:#2d2d2c;display:block;background:url("../../images/main/license_line.gif") 2px 43px no-repeat;padding:0 0 15px 0;}

@media all and (max-width:1200px) {
	.license{background:#cdc4d9 url("../../images/main/license_img.png") 90% 25px no-repeat; background-size:30%;}
	.license a{font-size:15px;}
}
@media all and (max-width:960px) {
	.cont_foot{position:relative; width:100%; margin:0 0 0 0;}
	.license{position:absolute; right:0px; top:-218px; width:50%; height:218px;}
	.guide{width:50%; float:left;}
	.message{width:50%; margin-right:0;}
	.final{width:50%;}
}
@media all and (max-width:680px) {
	.guide{width:100%; float:left;}
	.guide div{float:left; width:100%;}
	.guide div.message{float:left; width:50%;}
	.message a{width:90%; height:150px; padding:22px 0 0 10%; font-size:15px; background:#664a96 url("../../images/main/guide_img1.png") 80% 90px no-repeat;}
	.message a strong{font-size:20px;}
	.message a em{display:none;}
	.message a:hover::after {height:158px;}
	.guide div.final{float:left; width:50%;}
	.final a{height:150px; padding:22px 0 0 10%;  font-size:15px; background:#ae83d4 url("../../images/main/guide_img2.png") 80% 85px no-repeat;}
	.final a strong{font-size:20px;}
	.final a:hover::after {height:158px;}
	.guide div.message{margin-right:0;}
	.message{width:48.7%; margin-right:2.6%;}
	.final{width:48.7%;}
	.final a em{display:none;}
	.license{position:relative; top:0px; float:left; width:100%; height:162px; background:#cdc4d9 url("../../images/main/license_img.png") 90% 25px no-repeat; background-size:15%;}
	.license a span{font-size:22px;}
	.license a{font-size:14px;  padding:25px 0 0 30px;}
}

@media all and (max-width:480px) {
	.license{height:142px;}
	.license a {padding:25px 0 0 25px; line-height:18px; width:52%;} 
	.license a span{font-size:22px; font-weight:500;}
	.license{background:#cdc4d9 url("../../images/main/license_img.png") 90% 20px no-repeat; background-size:22%;}
}