/*******Public*********/
.show-1400 { display: block !important; }
.hide-1400 { display: none !important; }

html{min-width: 1300px;overflow-x: hidden;}
.tab1{border-bottom: 2px solid #666;}
.tab1 li{vertical-align: top;display: inline-block;width: 210px;}
.tab1 li a{display: block;width: 210px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #ddd;border-bottom: none;font-size: 15px;color: #888888;text-decoration: none;background: #fff;box-sizing: border-box;}
.tab1 li.on a{border: 2px solid #666;border-bottom: none;height: 47px;line-height: 47px;color: #000;margin-bottom: -2px;}

.btnWrap{ margin-top: 40px;text-align: center; }
.btnWrap > *{margin: 0 2px;}
.btn{ display: inline-block;box-sizing: border-box; }
.btn.type1{ background: #112a81;border: 1px solid #112a81;color: #fff !important;font-size: 16px;height: 40px;line-height: 40px;padding: 0 50px; }
.btn.type2{ background: #398eff;border: 1px solid #398eff;color: #fff !important;font-size: 16px;height: 40px;line-height: 40px;padding: 0 50px; }
.btn.type3{ background: #dddddd;border: 1px solid #dddddd;color: #555555 !important;font-size: 16px;height: 40px;line-height: 40px;padding: 0 50px; }
.btn.small{width: 80px;height: 28px;line-height: 28px;font-size: 12px;padding: 0;text-align: center;}


/************************************************** Layout**************************************************/
.w50p{width: 50%;}.w100p{width: 100%;}
.policybox{white-space: pre-wrap;border: 1px solid #ddd;height: 500px;overflow-y: scroll;padding: 30px;}

#header{position: fixed;top: 0;margin-top: 0px;left: 0;z-index: 90;width: 100%;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#header .inner{width: 1300px;height: 80px;position: relative;margin: 0 auto;}
#header .logo{position: absolute;top: 15px;left: 0;display: block;text-indent: -999em;width: 180px;height: 47px;background: url('../img/main/ecoverlogo.png') no-repeat center center / contain;}
#header.on{background: #fff;margin-top: 0;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
#header.on:before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.07);}
#header.on .logo{background-image: url('../img/main/ecoverlogo-on.png');}
#header.on #gnb > li:first-child{background: none;}
#header.on #gnb > li > a{color: #444444;}
#header.on #tnb > li > a{color: #888888;}
#header.on #drdw{width: 2000px;left: 50%;margin-left: -1000px;}
#header.on #drdw > ul{width: 1300px;margin: 0 auto;border-right: 1px solid #e8e8e8;box-sizing: border-box;}
#header.on #drdw > ul > li{border-left: 1px solid #e8e8e8;}

#header.sub{background: #fff;margin-top: 0;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
#header.sub:before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.07);}
#header.sub .logo{background-image: url('../img/main/ecoverlogo-on.png');}
#header.sub #gnb > li:first-child{background: none;}
#header.sub #gnb > li > a{color: #444444;}
#header.sub #drdw{width: 2000px;left: 50%;margin-left: -1000px;}
#header.sub #drdw > ul{width: 1300px;margin: 0 auto;border-right: 1px solid #e8e8e8;box-sizing: border-box;}
#header.sub #drdw > ul > li{border-left: 1px solid #e8e8e8;}


#gnb{position: absolute;top: 0;right:90px;}
#gnb > li{position: relative;display: inline-block;padding: 0 25px;background: url('/images/layout/gnb-line.png') no-repeat 0 center;}
#gnb > li:first-child{background: none;}
#gnb > li > a{display: block;font-size: 18px;line-height: 80px;display: block;color: #fff;letter-spacing: -1px;text-decoration: none;}
#gnb > li > ul{background:rgba(57, 142, 255, 0.7 );width: 200px;position: absolute;top: 80px;left: 50%;margin-left: -100px;visibility: hidden;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);opacity: 0;}
#gnb > li > ul li a{display: block;text-align: center;text-decoration: none;font-size: 14px;line-height: 35px;color: #fff;border-bottom: 1px solid #5ea3ff;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}#tnb{position: absolute;top: 32px;right: 150px;}

#tnb > li{display: inline-block;padding: 0 10px;left: 70%;margin-left: 10px;}
#tnb > li a{font-size: 14px;color: #cccccc;text-decoration: none;transition: color 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#tnb > li:hover a{color: #fff;}

#header .header_ui{display:inline-block; width: 370px; vertical-align: middle; text-align: right; margin-left:950px;}
#header .header_ui .lang{display:inline-block; vertical-align: middle; text-align: left; margin-right: 103px;margin-top:-7px;}
#header .header_ui .lang li{position:relative; display:inline-block; vertical-align: top; margin-right: 30px;}
#header .header_ui .lang li:last-of-type{margin-right: 0;}
#header .header_ui .lang li::after{content:""; position:absolute; top: calc(50% + 1px); right: -16px; width: 2px; height: 10px; background: #00315c; transform:translateY(-50%);}
#header .header_ui .lang li:last-of-type::after{display:none; }
#header .header_ui .lang li a{font-family: 'Montserrat', sans-serif; display:inline-block; vertical-align: top; line-height:100px; font-weight:600; font-size:15px; color:#00315c;}
#header .header_ui .lang li.on a{color: #6e6e6e;}

#lang{display:inline-block; vertical-align: middle; text-align: left; margin-right: 103px;}
#lang li{position:relative; display:inline-block; vertical-align: top; margin-right: 30px;}
#lang li:last-of-type{margin-right: 0;}
#lang li::after{content:""; position:absolute; top: calc(50% + 1px); right: -16px; width: 2px; height: 10px; background: #b5b5b5; transform:translateY(-50%);}
#lang li:last-of-type::after{display:none; }
#lang li a{font-family: 'Montserrat', sans-serif; display:inline-block; vertical-align: top; line-height:100px; font-weight:600; font-size:15px; color: #b5b5b5;}
#lang li.on a{color: #e50012;}

#mo_slide-btn{display: none;text-indent: -999em;width: 40px;height: 40px;position: absolute;top: 30px;right: 30px;background: #398eff;border-radius: 50%;}
#mo_slide-btn a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#mo_slide-btn a span,
#mo_slide-btn a:before,
#mo_slide-btn a:after{border-radius: 2px;overflow: hidden;position: absolute;left: 50%;margin-left: -10px;width: 20px;height: 2px;background: #fff;}
#mo_slide-btn a span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#mo_slide-btn a:before{content: '';display: block;top: 37%;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#mo_slide-btn a:after{content: '';display: block;bottom: 37%;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#mo_slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
#slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;}
#slide-close:before,
#slide-close:after{content: '';display: block;border-radius: 2px;overflow: hidden;position: absolute;left: 50%;margin-left: -10px;width: 20px;height: 2px;background: #fff;}
#slide-close:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-close:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#mo_slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#mo_slide-menu .tit{height: 50px;position: relative;background: #398eff;}
#mo_slide-menu.on{right: 0;}
#mo_tnb{text-align: center;line-height: 40px;background: #f7f7f7;}
#mo_tnb > li{display: inline-block;margin: 0 10px;}
#mo_tnb > li a{font-size: 12px;color: #333;}

#mo_gnb > li{border-bottom: 1px solid #e1e1e1;}
#mo_gnb > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
#mo_gnb > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
#mo_gnb > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}#footer{background: #00315c; }


#footer .inner{width: 1300px;position: relative;margin: 0 auto;}
#footer address{width: 1300px;position: relative;margin: 0 auto;box-sizing: border-box;padding: 50px 0 50px 205px;background: url('../img/main/b_logo.png') no-repeat 0 center;font-style: normal;}
#footer address .add{display: block;font-family:NanumSquare-R,sans-serif;font-size: 15px;color: #fff;}
#footer address .copy{font-size: 15px;color: #fff;display: block;margin-top: 5px;}#footer address .copy strong{color: #9a9a9a;}
#footer address hr{display: inline-block;width: 1px;height: 1px;vertical-align: middle;border: none;margin: 0 10px;}

.tnbWrap{border-bottom: 1px solid #575757;}
#fnb > li{display: inline-block;padding: 0 10px;}#fnb > li:first-child{padding-left: 0;}
#fnb > li a{display: block;line-height: 60px;font-size: 15px;color: #fff;text-decoration: none;}
#fnb > li:hover a{color: #fff;}

#ft-fam{position: absolute;top: 10px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #575757;font-size: 15px;color: #fff;text-decoration: none;background: url('../img/main/ft-family-spr.png') no-repeat 92% center;}#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}#slideBtn{display: block;text-indent: -999em;width: 40px;height: 40px;position: absolute;top: 22px;right: 0;background: #398eff;border-radius: 50%;}

#slideBtn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slideBtn button span,
#slideBtn button:before,
#slideBtn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 50%;margin-left: -10px;width: 20px;height: 2px;background: #fff;}
#slideBtn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#slideBtn button:before{content: '';display: block;top: 37%;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#slideBtn button:after{content: '';display: block;bottom: 37%;transition: all 0.3s cubic-bezier(1, 0.53, 0.48, 1.32);}
#slideBtn.on button span{opacity: 0;}
#slideBtn.on button:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slideBtn.on button:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}
#slideMenu { position: fixed; top: 0; right: 0; z-index: 101; height: 100%; margin-right:-85%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-overflow-scrolling: touch; }
#slideMenu .inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto; background: #333; padding: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#slideClose { position: absolute; top: 10px; left: -30px; font-size: 20px; font-family: Arial; }
#slideMenuBg { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; height: 100%; background: rgba(256, 256, 256, 0); cursor: pointer; }

#drdw{position: absolute;top: 80px;left: 0;width: 100%;background: #fff;border-bottom: 3px solid #398eff;display: none;}
#drdw > ul > li{position: relative;display: inline-block;width: 25%;vertical-align: top;border-left: 1px solid #e8e8e8;min-height: 390px;box-sizing: border-box;padding: 40px 40px 0;}
#drdw > ul > li:first-child{border-left: none;}
#drdw > ul > li > a{display: block;text-align: center;border-bottom: 1px solid #ddd;font-size: 18px;color: #0859a2;letter-spacing: -1px;font-weight: 300;padding-bottom: 15px;margin-bottom: 15px;}
#drdw > ul > li ul li a{font-size: 15px;line-height: 32px;display: block;text-align: center;}
#drdw > ul > li ul li.active a,
#drdw > ul > li ul li:hover a{color: #398eff;text-decoration: underline;}

#main{ }
#main .visual{position: relative;}
#main .visual .roll li{position: relative;height: 750px;background-size: cover;background-position: center center;}
#main .visual .vis-txt{position: absolute;top: 110px;right:0px;width: 100%;z-index: 81;text-align: center;}
#main .visual .vis-txt span,#main .visual .vis-txt p{display: block;letter-spacing:-1px;line-height:120%; color: #fff;}
#main .visual .vis-txt .txt1{font-size: 25px;}#main .visual .vis-txt .txt2{font-size: 60px;font-weight:600;text-shadow: 0px 0px 3px rgba(0,0,0,0.5);}
#main .visual .vis-txt .txt3{font-size: 20px;display: inline-block;line-height: 36px;padding: 0 30px;border-radius: 36px;background: #3d8cf4;margin-top: 10px;}
#main .visual .vis-txt .info{margin-top: 25px;}#main .visual .vis-txt .info strong{font-size: 18px;font-weight: 300;}
#main .visual .vis-txt .info p{font-size: 16px;font-weight: 100;margin-top: 5px;}
#main .visual .bx-pager{position: absolute;bottom: 20px;left: 0;width: 100%;text-align: center;z-index: 81;}
#main .visual .bx-pager-item{display: inline-block;margin: 0 2px;}
#main .visual .bx-pager-item a{display: block;text-indent: -999em;width: 24px;height: 24px;background: url('../img/main/main_roll.png');}
#main .visual .bx-pager-item a.active{background-image: url('../img/main/main_roll_on.png');}
#main .tit_box{text-align: center; padding:40px 0px 20px 0 ;}
#main .tit_box h3{font-size:35px; font-family:NanumSquare-R, sans-serif; !important; font-weight: bold; color: #2d94d1;}
#main .tit_box p{font-size: 18px;font-family:NanumSquare-R, sans-serif;color: #555;margin-bottom:10px;}

/* °øÅë */
.part-bg {background-repeat:no-repeat; background-size:cover; background-position:center top;}
#part8 { background-image:url("../img/main/filter-bg.png");}

#part8{ padding:7% 0;}

@media all and (max-width: 1358px){
.intro-tit2 {text-align:center;}
}


@media screen and (min-width: 1025px) and (max-width: 1300px){


#main .visual .vis-txt .txt1{font-size: 16px;}
#main .visual .vis-txt .txt2{font-size: 40px;}
}


@media all and (max-width: 1024px){
#part10 { padding:10% 0;}
.intro-tit,
.intro-tit2 {font-size:0.9em;}
#main .visual .roll li{height: 350px;}
#main .visual .vis-txt .txt1{font-size: 16px;}
#main .visual .vis-txt .txt2{font-size: 40px;}
}
@media all and (max-width: 760px){
#main .tit_box h3{font-size:30px; font-family:NanumSquare-R, sans-serif; !important; font-weight: bold; color: #2d94d1;}
#main .tit_box p{font-size:18px;font-family:NanumSquare-R, sans-serif;color: #555;margin-bottom:10px;}

#main .visual .roll li{height: 350px;}
#main .visual .vis-txt{top:180px;width: 90%;left: 5%;}
#main .visual .vis-txt .txt1{font-size: 16px;}
#main .visual .vis-txt .txt2{font-size: 38px;}
.intro-tit,
.intro-tit2 {font-size:0.8em;}
}
@media all and (max-width: 580px){
#main .tit_box h3{font-size:27px; font-family:NanumSquare-R, sans-serif; !important; font-weight: bold; color: #2d94d1;}
#main .tit_box p{font-size: 16px;font-family:NanumSquare-R, sans-serif;color: #555;margin-bottom:10px;}
.intro-tit,
.intro-tit2 {font-size:0.7em;}
}
@media all and (max-width: 480px){
#part8{ padding:18% 0;}
#main .tit_box h3{font-size:21px; font-family:NanumSquare-R, sans-serif; !important; font-weight: bold; color: #2d94d1;}
#main .tit_box p{font-size: 14px;font-family:NanumSquare-R, sans-serif;color: #555;margin-bottom:10px;}
}

/* part8 */
#part8 {padding:3% 0; text-align:center}
#part8 ul { overflow:hidden;}
#part8 ul li {width:50%; float:left}
@media all and (max-width: 1390px){
#part8 ul li img{width:90%}
}
@media all and (max-width: 890px){
#part8 ul li {width:100%;}
#part8 ul li:first-child img {width:70%; padding-bottom:5%;}
}

#mSpecial { position: relative; width:100%; overflow: hidden; text-align: center; padding:10px 0 20px;background:url("../img/main/m_specialBG.jpg") no-repeat; background-size: cover; }
#mSpecial h2{font-size:40px; color:#0c0c0c; font-weight:400; }
#mSpecial p.t1 { font-size: 1.25em; color:#4a4a4a; margin-top: 1%; }
#mSpecial ul { overflow: hidden; margin: 0 auto; }
#mSpecial ul li { display: inline-block; width: 200px; height: 160px; margin-left: -30px; background:url("../img/main/special_listBG.png") no-repeat center; background-size: 100% auto;}
#mSpecial ul li:first-child { margin-left:0; }#mSpecial ul li div { display:flex; align-items:center; justify-content:center; height: 100%; }
#mSpecial ul li div p {color:#181818; font-size: 1.31em; font-weight: 300; line-height: 1.4em;}

/*Á¦Ç°*/
/* layout */

.inner { width:1300px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner { width:1300px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner-m { width:1300px; position:relative; margin:100px auto;}
#mVisual { position: relative; width: 100%; overflow: hidden; }
/* Ÿºí·¿ °¡·Î */
@media all and (max-width:1399px) {
.s-inner {width:96%;}
.s-inner-m {width:96%; margin:5% auto;}
}
@media all and (max-width:1311px) {
.inner {width:100%;}
}
.m-tit {text-align:center; margin-bottom:45px;}
.m-tit h3 {font-family: 'Poppins', sans-serif; font-weight:700 !important; text-transform:uppercase; color:#2d94d1;
font-size:2.88em; letter-spacing:-0.05em; line-height:1.15em;}
.m-tit p {color:#696969}
@media screen and (max-width: 1024px) {
.m-tit {font-size:0.90em; margin-bottom:4%;}
}
@media screen and (max-width: 767px) {
.m-tit {font-size:0.80em;}
}
@media screen and (max-width: 540px) {
.m-tit {font-size:0.70em; margin-bottom:6%;}
}
@media screen and (max-width: 1024px) {
#products .selectBox {padding:15px 25px; margin-bottom:2%;}
}
@media screen and (max-width: 976px) {
#products .selList li {margin:0.5%;}
#products .selList li.sel-1 {width:30%}
#products .selList li.sel-2 {width:68%}
#products .selList li.sel-3 {width:99%}
#products .selList li.sel-4 {width:99%;}
}
@media screen and (max-width: 676px) {
#products .selectBox {padding:10px 14px;}
#products .selList li.sel-4 button {width: 38px; height: 38px;}
#products .selList li select, #products .selList li input {height:38px;}
}

#products .proList {overflow:hidden; width:100%;}
#products .proList li {float:left; width:calc(33.333% - 14px); margin-right:20px;margin-top:10px; margin-bottom:10px; box-sizing:border-box; }
#products .proList li:nth-of-type(3n) {margin-right:0}
#products .proList li a {display:block; width:100%; height:100%; text-align:center; box-sizing:border-box; position:relative; border:1px solid #ddd;}
#products .proList li a:before {display:none; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid rgba(3,125,249,0.7); border-top-width:2px;
background:rgba(0,0,0,0.2) url(/images/main/pro-hover-ico.png)no-repeat center center; box-sizing:border-box;}
#products .proList li a:hover:before {display:block;}
#products .proList li a img {width:100%;}
#products .proList li a p {border-top:1px solid #ddd; color:#2b2b2b; font-size:1.15em; font-weight:500; padding:10px; 0}
@media screen and (max-width: 976px) {
#products .proList li {float:left; width:calc(50% - 6px); margin-right:10px;margin-top:5px; margin-bottom:5px;}
#products .proList li:nth-of-type(2n) {margin-right:0 !important}
#products .proList li:nth-of-type(3n) {margin-right:10px}
}




#main .products{background: url('../img/main/mainecover-bg.jpg') no-repeat center center / cover;}
#main .products .inner{width: 1200px;position: relative;margin: 0 auto;padding: 80px 0;}
#main .products .box-tit{margin-bottom: 40px;}#main .products .box-tit em{font-style: normal;display: block;text-align: center;font-size: 20px;color: #fff;letter-spacing: -1px;font-weight: 100;}
#main .products .box-tit h4{font-weight: 100;font-size: 35px;color: #fff;letter-spacing: -1px;text-align: center;}
#main .products .box-tit h4 strong{font-weight: 300;}
#main .products .list{margin: -10px;}
#main .products .list li{position: relative;margin: 10px;display: inline-block;width: 380px;height: 290px;vertical-align: top;background: rgba(256,256,256,0.95);padding: 15px 20px;box-sizing: border-box;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#main .products .list li > span{transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#main .products .list .tit{display: block;margin-bottom: 10px;font-size: 20px;color: #fff;}
#main .products .list .txt{display: block;font-size: 14px;line-height: 22px;color: #fff;letter-spacing: -0.5px;white-space: nowrap;}
#main .products .list .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#main .products .list img{position: absolute;bottom: 0;left: 0;}
#main .products .list li:hover{background: rgba(256,256,256,0.9);transform: scale(1.05);}
#main .products .list li:hover > span{color: #000;}

#main .lat-wrap{padding: 65px 0 70px 0;}
#main .lat-wrap .inner{width: 1200px;position: relative;margin: 0 auto;zoom: 1;}
#main .lat-wrap .inner:after{display: block;content: '';clear: both;}
#main .lat-wrap .box{float: left;width: 570px;margin-left: 60px;}
#main .lat-wrap .box:first-child{margin-left: 0;}
#main .lat-wrap .box-tit{border-bottom: 2px solid #666666;position: relative;padding-bottom: 15px;}
#main .lat-wrap .box-tit h4{ text-align: center;font-size: 34px;letter-spacing: -1px;line-height: 1.26;color: #2d94d1;font-weight: 700;}
#main .lat-wrap .box-tit form{position: relative;display: inline-block;vertical-align: middle;width: 200px;height: 40px;box-sizing: border-box;padding-right: 40px;}
#main .lat-wrap .box-tit form .inp{width: 100%;border: 3px solid #398eff;border-right: none;height: 40px;box-sizing: border-box;padding-left: 10px;font-size: 13px;color: #a1a1a1;}
#main .lat-wrap .box-tit form .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #398eff url('/images/main/lat-sch-sbm.jpg') no-repeat center center / contain;border: none;text-indent: -999em;}
#main .lat-wrap .box-tit .more{display: block;text-indent: -999em;background: url('../img/main/main_more.jpg') no-repeat center center;position: absolute;top:10px;right: 0;width: 21px;height: 40px;}
#main .lat-wrap .list li{position: relative;padding-right: 100px;border-bottom: 1px solid #ddd; margin-top: 5px;height: 30px; }
#main .lat-wrap .list li .sbj{position: relative;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 20px;font-size: 17px;line-height: 60px;color: #555555;text-decoration: none;}
#main .lat-wrap .list li .sbj:before{content: '';display: block;position: absolute;top: 50%;left: 3px;margin-top: -2px;width: 3px;height: 3px;background: #a6a6a6;}
#main .lat-wrap .list li .date{position: absolute;top: 0;right: 10px;line-height: 60px;font-size: 15px;color: #aaaaaa;}
#main .lat-wrap .list li:hover *{color: #000;}
#main .lat-wrap .list li:hover .sbj{color: #398eff;}

#main .gate{padding:40px 0;background: #f0f4fa;}
#main .gate .list{width: 1200px;margin: 0 auto;}
#main .gate .list > li{position: relative;display: inline-block;vertical-align: top;width: 275px;margin-left: 33px;background: #fff;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#main .gate .list > li:first-child{margin-left: 0;}
#main .gate .list > li:after{content: '';display: block;position: absolute;width: 55px;height: 55px;bottom: -27px;left: 50%;margin-left: -27px;background: url('../img/main/gate-more.jpg') no-repeat center center / contain;}
#main .gate .list .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#main .gate .list .info{padding: 30px 10px;border-bottom: 3px solid #3d8cf4;height: 155px;box-sizing: border-box;}#main .gate .list .info .tit{display: block;text-align: center;font-size: 19px;color: #444444;letter-spacing: -1px;font-weight: 300;}#main .gate .list .info .txt{display: block;text-align: center;font-size: 14px;line-height: 22px;color: #888888;margin-top: 5px;}
#main .gate .list > li:hover{transform: scale(1.02);}

/*ecover¼³Ä¡*/
.cols_2nd {background: url('../img/main/mc_6bg.jpg') no-repeat center center; background-size:cover; height:630px;}
.cols_2nd .container {padding:20px 15px;}
.cols_2nd .col_box {background:rgba(80,169,249,.80); width:80%; max-width:800px; margin:150px auto; padding:80px 5% 65px; color:#fff;}
.cols_2nd .col_box .txt {font-size:2.13em; line-height:1.2em; letter-spacing:-0.075em; margin:0 0 30px;}
.cols_2nd .col_box p.txt_small {font-size:1.0em; line-height:1.1em; font-weight:400; letter-spacing:-0.075em; margin:.25em 0 0;color:#fff;}
.cols_2nd .col_box p.txt_big {font-size:1.43em; line-height:1.1em; font-weight:500; letter-spacing:-0.075em; margin:.25em 0 0;color:#fff;}

@media (max-width: 1199px) {
.cols_2nd {background:url('../img/main/mc_6bg.jpg') no-repeat center center; background-size:cover; height:630px;}
.cols_2nd .container {padding:12.5% 15px;}
}

@media (max-width: 991px) {
.cols_2nd .col_box .txt {font-size:1.83em; margin:0 0 25px;}
.cols_2nd .col_box {padding:66px 5% 54px;}
}

@media (max-width: 767px) {
.cols_2nd .col_box {margin:50px auto;}
.cols_2nd .col_box .txt {font-size:1.5em; margin:0 0 17px;}
.cols_2nd {background-image:url('../img/main/mo_mc_6bg.jpg');height:400px;}
}

@media (max-width: 575px) {
.cols_2nd .col_box .txt {font-size:1em; margin:0 0 17px;}
.cols_2nd .col_box {padding:47px 7% 38px; width:80%;}
}

@media \0screen\,screen\9 {
.cols_2nd .col_box {background:url('../img/main/2nd_box_bg.png');}}.text-center {text-align: center;}
.cols_2nd a.more {margin-top:auto; margin-bottom:auto; font-weight:bold; font-size:1.10em; display:inline-block; border:1px solid #fff; color:#fff; width:200px; padding:0 15px; height:40px; line-height:40px; background:url('../image/btn_arr.png') 90% center no-repeat; margin-top:0px; text-align:center; letter-spacing:-0.5pt;}
.cols_2nd a.more:hover {background:#fff url('../img/main/btn_arr_w.png') 90% center no-repeat; color:#50AAF9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}


***************** ¿¡ÄÚ¹ö È«º¸¿µ»ó *****************/
#s1_9_2{padding-top: 50px; !important;background: #F4F4F4;}
#s1_9_2 .arti01 {padding-bottom:400px;}
.s1_902 .tit1{margin-top: -10px;margin-bottom: 69px;}
.s1_902{max-width:1320px; margin:0 auto; position: margin-top: 3px;margin-bottom: 47px; text-align: center;}
.s1_902 div{display: inline-block; margin: 0 29.5px;}


.s1_902_2 {}
.s1_902_2:before{position: absolute;content: '';width: 398px;height: 222px;background: url(../img/main/sub/s109_bg1.png) no-repeat ;top:-34px; left:-42px; z-index: 1;}
.s1_902_2:after{position: absolute;content: '';width: 398px;height: 222px;background: url(../img/main/sub/s109_bg2.png) no-repeat ;bottom:-35px; right:-37px; z-index: 1;}
.s1_902_2{max-width:1320px; margin:0 auto; position: relative;}
.s1_902_2 .s109_video2{float: right !important;} .s1_902_2 div.s109_video{float: left; width:48.48%; height: 360px; position: relative;}
.s1_902_2 div.s109_video:before{position: absolute;content: '';width: 100%;height: 55px;background: url(../img/main/s1_9_bg3.png)no-repeat ;;bottom:-55px; left:0;background-size:100%;}
.s1_902_2 div.s109_video iframe{width: 100%;height: 100%;}
.s1_902_2 div.s109_video p {display: block;position: absolute;bottom: -60px;left: 0;width: 100%;text-align: center;font-size: 23px;font-weight: 500;color: #303030;}

@media (max-width:1300px){
.s1_902_2 {box-sizing:border-box;padding: 30px 40px;}
.s1_902_2:before {left: 0;top: 0;}.s1_902_2:after {right: 0;bottom: 0;}
}

@media (max-width:1024px){
#s1_9_2{padding-top:20px; !important;}
#s1_9_2 .arti01 {padding-bottom: 5vw;}
#s1_9_2 article {background-size:auto 100%;}
.s1_902 {margin-bottom: 0;}
.s1_902 .tit1 {margin-bottom: 50px;}.s1_902 div {margin: 0 15px;}
.s1_902_2 div.s109_video {height: 200px;}
}

@media screen and (max-width: 768px){
#s1_9_2 .arti01 {padding-bottom: 5vw;}
.s1_902 {position: relative;}
.s1_902 .tit1 {margin-bottom: 52vw;}
.s1_902 div {margin: 0;}
.s1_902_2 {padding: 7vw 10vw;}
.s1_902_2:before,.s1_902_2:after {max-width: 100%;background-size:100%;}
.s1_902_2 div.s109_video {height: 50vw;float: none;width: 100%;margin-bottom: 17vw;}
.s1_902_2 div.s109_video p {bottom: -10vw;font-size: 5vw;}
.s1_902_2 .s109_video2 {float: none !important;margin-bottom: 0 !important;}

}@media (max-width:640px){
#s1_9_2 .arti01 {padding-bottom: 5vw;}
.s1_902 {position: relative;}
.s1_902 .tit1 {margin-bottom: 52vw;}
.s1_902 div {margin: 0;}
.s1_902_2 {padding: 7vw 10vw;}
.s1_902_2:before,.s1_902_2:after {max-width: 100%;background-size:100%;}
.s1_902_2 div.s109_video {height: 50vw;float: none;width: 100%;margin-bottom: 10vw;}
.s1_902_2 div.s109_video p {bottom: -10vw;font-size: 5vw;}
.s1_902_2 .s109_video2 {float: none !important;margin-bottom: 0 !important;}
}

/* mBrand */

#mBrand {width:100%;}
#mBrand ul {width:100%; text-align:center;}
#mBrand ul li {display:inline-block; height:50px; line-height:50px; margin:0 25px;}
#mBrand ul li img {vertical-align:middle;margin-bottom:-90px;}

@media screen and (max-width:976px){
#mBrand ul li {height:50px; line-height:50px; margin:0 2%}

}
@media screen and (max-width:767px){

#mBrand ul li { height:20px; line-height:20px; margin:0 2%}
#mBrand ul li img {height:70px; margin-bottom:-130px;}
}

@media (min-width: 481px) and (max-width: 766px) {
#mBrandsub ul li { height:20px; line-height:20px; margin:0}
#mBrandsub ul li img {height:40px; margin-bottom:-30px;}
}

@media all and (max-width: 480px){
#mBrand ul li { height:10px; line-height:10px; margin:0 2%}
#mBrand ul li img {margin-bottom:-140px;height:40px;}
}

/* mBrand */

#mBrandsub {width:100%;height:100px;background: #f0f4fa;}
#mBrandsub ul {width:100%; text-align:center;}
#mBrandsub ul li {display:inline-block; line-height:50px;margin:10px;}
#mBrandsub ul li img {vertical-align:middle; margin-bottom:-120px;}

@media screen and (max-width:976px){
#mBrandsub ul li {line-height:50px; margin:10px;}

}
@media (min-width: 767px) and (max-width: 784px) {
#mBrandsub { height:80px;margin-bottom:-50px;}
#mBrandsub ul li { height:20px; line-height:20px; margin:10px;}
#mBrandsub ul li img {height:60px; margin-bottom:-20px;}
}

@media (min-width: 481px) and (max-width: 766px) {
#mBrandsub { height:70px;margin-bottom:-50px;}
#mBrandsub ul li { height:20px; line-height:20px; margin:10px;}
#mBrandsub ul li img {height:50px;margin-bottom:-40px;}
}

@media all and (max-width: 480px){
#mBrandsub {width:100%;height:70px;background: #f0f4fa;  margin-bottom:-50px;}
#mBrandsub ul li { height:10px; line-height:10px; margin:10px;}
#mBrandsub ul li img {margin-bottom:-40px;height:40px;}
}