@charset "utf-8";


/* 컨테이너 ======================================== */

/* CSS Reset
-------------------------------------------------------------- */
/* html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
article, aside, figcaption, figure, video, audio, footer, header, hgroup, menu, nav, section{display:block;}
body, input, button, textarea, select, table{line-height:1.2; font-family:'Nanum Gothic', sans-serif; font-size:16px; font-weight:400; color:#3d3d3d; letter-spacing:-1px;}
font{line-height:1.6;}
strong{font-weight:700;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#3d3d3d; transition:color 0.3s ease; -moz-transition:color 0.3s ease; -o-transition:color 0.3s ease; -webkit-transition:color 0.3s ease;}
a:hover, a:focus, a:active{color:#0095a4;}
img{vertical-align:middle;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
select{height:41px; line-height:37px; font-size:14px; color:#626262; border:1px solid #c9c9c9}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}
textarea:focus::-webkit-input-placeholder{color: transparent!important;}
textarea:focus::-moz-placeholder{color: transparent!important;}
textarea:focus:-moz-placeholder{color: transparent!important;}
textarea:focus:placeholder{color: transparent!important;} */




.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}
.sprSet{background:url(../images/char_btn.png) no-repeat;text-indent:-9999px;display:block;}
.transOpacity{-moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease;  transition: opacity 1s ease;}




/* AD */
.promotionArea{width: 1920px;height: 450px;position: relative;overflow: hidden;left: 50%;margin-left: -960px;}
.promotionArea .list{width:100%; height:100%; position:relative; left:0; top:0; z-index:10;}
.promotionArea .list li{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); z-index:-1; transition:opacity 1s ease; -moz-transition:opacity 1s ease; -o-transition:opacity 1s ease; -webkit-transition:opacity 1s ease;}
.promotionArea .list li.trans{}
.promotionArea .list li.on{opacity:1; filter:alpha(opacity=100); z-index:1;}
.promotionArea .list li:first-child{display:block;}
.promotionArea .list li.firstChild{display:block;}
.promotionArea .list li a{width:100%; height:100%; text-decoration: none; display:block; position:relative; z-index:10;}
.promotionArea .list li video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.promotionArea .list li .bgVideo{width:100%; height:100%; background:#000; position:absolute; left:0; top:0; transition:opacity 1s ease; -moz-transition:opacity 1s ease; -o-transition:opacity 1s ease; -webkit-transition:opacity 1s ease;}
.promotionArea .list li .inner{ position:relative; width: 600px; left: 983px; top: 107px; z-index:9;}
.promotionArea .list li .txt{color:#000; display:block; visibility:hidden;}
.promotionArea .list li .txt1{background: url('../images/character_text1.png') no-repeat; text-indent: -999999px;}
/* .promotionArea .list li .txt2{font-size:14px; text-shadow: 1px 1px #000;} */
.promotionArea .list li .txtDate{font-size:17px;}
.promotionArea .list li .btn{height:34px; line-height:34px; font-size:12px; font-weight:bold; border:1px solid rgba(255,255,255,0.5); display:inline-block; padding:0 23px; margin:10px 0 0 0; transition:color 0.6s ease,background 0.6s ease; -moz-transition:color 0.6s ease,background 0.6s ease; -o-transition:color 0.6s ease,background 0.6s ease; -webkit-transition:color 0.6s ease,background 0.6s ease;}
.promotionArea .list li .btn:hover{background:#fff; color:#000;}
.promotionArea .nav{margin:283px 0 0 50px; position:relative; z-index:20; display:inline-block; *display:inline; zoom:1;}
.promotionArea .nav li{margin:0 4px 0 0; display:inline-block; *display:inline; zoom:1;}
.promotionArea .nav li button{width:36px; height:11px; background:#fff; text-indent:-9999px; display:block; outline:none;}
.promotionArea .nav li button.on{background:#ff4e00; transition:0.3s ease; -moz-transition:0.3s ease; -o-transition:0.3s ease; -webkit-transition:0.3s ease;}


/* 메인 */
.main .promotionArea .list li .txt1{font-size:26px; color: #000; line-height:53px;font-family: '微软雅黑', Microsoft YaHei; font-weight: 600;}
.main .promotionArea .list li .txt2{font-size:15px; color: #929292; font-family: '微软雅黑', Microsoft YaHei; line-height: 22px;}
.main .promotionArea .list li .txt3{display:none;}
.main .promotionArea .list li .btn{height:41px; line-height:41px; font-size:14px; margin-top:14px; margin-left:5px;}
.main .promotionArea .navWrap{width:600px; height:98px;  position:absolute; left:872px; top: 308px; bottom:0; z-index:14;}
.main .promotionArea .navWrap .inner{height:100%; padding:0 119px; overflow: hidden;}
.main .promotionArea .nav{width:400px; height:100%; margin:0; padding:0;}
.main .promotionArea .nav li{width:91px; height:100%; margin:0; float:left; position:relative; padding-right: 9px;}
/* .main .promotionArea .nav li:after{width:1px; height:13px; background:#505051; position:absolute; right:0; top:23px; content:''; display:block;} */
/* .main .promotionArea .nav li.last:after{background:none;} */

.main .promotionArea .nav li button.nav0{width:100%;height:100%;background: url('../images/main_ch01_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav0:hover{background: url('../images/main_ch01_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav0.on{background: url('../images/main_ch01_thum_on.png') no-repeat;}

.main .promotionArea .nav li button.nav1{width:100%;height:100%;background: url('../images/main_ch02_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav1:hover{background: url('../images/main_ch02_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav1.on{background: url('../images/main_ch02_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav2{width:100%;height:100%;background: url('../images/main_ch03_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav2:hover{background: url('../images/main_ch03_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav2.on{background: url('../images/main_ch03_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav3{width:100%;height:100%;background: url('../images/main_ch04_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav3:hover{background: url('../images/main_ch04_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav3.on{background: url('../images/main_ch04_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav4{width:100%;height:100%;background: url('../images/main_ch05_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav4:hover{background: url('../images/main_ch05_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav4.on{background: url('../images/main_ch05_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav5{width:100%;height:100%;background: url('../images/main_ch06_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav5:hover{background: url('../images/main_ch06_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav5.on{background: url('../images/main_ch06_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav6{width:100%;height:100%;background: url('../images/main_ch07_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav6:hover{background: url('../images/main_ch07_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav6.on{background: url('../images/main_ch07_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav7{width:100%;height:100%;background: url('../images/main_ch08_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav7:hover{background: url('../images/main_ch08_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav7.on{background: url('../images/main_ch08_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav8{width:100%;height:100%;background: url('../images/main_ch09_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav8:hover{background: url('../images/main_ch09_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav8.on{background: url('../images/main_ch09_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav9{width:100%;height:100%;background: url('../images/main_ch10_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav9:hover{background: url('../images/main_ch10_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav9.on{background: url('../images/main_ch10_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav10{width:100%;height:100%;background: url('../images/main_ch11_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav10:hover{background: url('../images/main_ch11_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav10.on{background: url('../images/main_ch11_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav11{width:100%;height:100%;background: url('../images/main_ch12_thum_off.png') no-repeat;}
.main .promotionArea .nav li button.nav11:hover{background: url('../images/main_ch12_thum_on.png') no-repeat;}
.main .promotionArea .nav li button.nav11.on{background: url('../images/main_ch12_thum_on.png') no-repeat;}



.main .promotionArea .navWrap .btnTrigger{width:14px; height:25px; position:absolute; top:38px; outline:none;}
.main .promotionArea .navWrap .btnTrigger.btnPrev{background-position: 6px 0; left:-39px;}
.main .promotionArea .navWrap .btnTrigger.btnNext{background-position:-14px 0; right:-29px;}
.main .promotionArea .navWrap .btnTrigger.disabled{opacity:0.3; cursor:default;}
/* .main .promotionArea .trigger2 .btnTrigger{width:85px; height:176px; position:absolute; top:221px; z-index:14; outline:none;}
.main .promotionArea .trigger2 .btnTrigger.btnPrev{height:166px; background-position:-569px 0; left:30px;}
.main .promotionArea .trigger2 .btnTrigger.btnNext{background-position:-569px -166px; right:30px;}
.main .promotionArea .trigger2 .btnTrigger.disabled{opacity:0.3; cursor:default;} */
.main #content{margin:0; padding:0;}
.main #sideArea .btnExpand{display:none !important;}
.main #container .sns{padding:0 0 82px 0;}
.main #container .sns p{width:326px; background:none; margin:0 auto;}
.main #container .sns a{width:84px; height:107px; background:url('../images/spr_set_20181010.png') no-repeat; text-indent:-9999px; float:left;}
.main #container .sns a.f{background-position:-120px -353px; margin:0 38px 0 0;}
.main #container .sns a.y{background-position:-228px -353px; margin:0 36px 0 0;}
.main #container .sns a.n{background-position:-336px -353px;}