@charset "euc-kr";
#wrapper {min-height:0 !important;background:#000;}
#wrapper #container {padding-bottom:0;}
.mainIndList {position:fixed;top:350px;right:0;margin-right:50px;z-index:99;}
.mainIndList .indIn {position:relative;}
.mainIndList .indIco {background:url(/images/main/ind_line.png) no-repeat 10px 24px;}
.mainIndList .indIco li {width:24px;height:24px;margin-top:30px;}
.mainIndList .indIco li button {overflow:hidden;width:24px;height:24px;background:url(/images/main/ind_icon.png) no-repeat 0 -24px;}
.mainIndList .indIco li:first-child {margin-top:0;}
.mainIndList .indIco li.on button {background-position:0 0;}
.mainIndList .indIco li.hover button {background-position:0 0;}

.mainIndList .playArea {margin:0 0 20px -3px;}
.mainIndList .playArea .play.on {display:inline-block;width:31px;height:12px;background:url(/images/main/btn_play.png) 0 0 no-repeat;}
.mainIndList .playArea .play {display:inline-block;width:31px;height:12px;background:url(/images/main/btn_stop.png) 0 0 no-repeat;}

.mainWrap {position:relative;height:767px;overflow:hidden;}
.mainArea {position:absolute;top:0;left:0;width:100%;height:767px;/* background:url(/images/main/bg_visual.jpg) #000 center -90px no-repeat; */}

.mainArea .mainVisual01 {position:absolute;left:50%; width:880px;margin-left:-440px;}
.mainArea .mainVisual01 .pos {position:absolute;}
.mainArea .mainVisual01 .pos01 {top:410px;left:-290px;}
.mainArea .mainVisual01 .pos02 {top:92px;left:370px;}
.mainArea .mainVisual01 .pos03 {top:176px;left:0px;}
.mainArea .mainVisual01 .pos04 {top:420px;left:220px;}
.mainArea .mainVisual01 .pos05 {top:147px;left:630px;}
.mainArea .mainVisual01 .pos06 {top:397px;left:630px;}
.mainArea .mainVisual01 .pos07 {width:277px;top:565px;left:630px;}

.mainArea .mainVisual02 {position:absolute;left:50%;width:920px;margin-left:-460px;}
.mainArea .mainVisual02 .pos {position:absolute;}
.mainArea .mainVisual02 .pos01 {top:0;left:0;}
.mainArea .mainVisual02 .pos02 {top:195px;left:504px;}
.mainArea .mainVisual02 .pos03 {top:335px;left:490px;}
.mainArea .mainVisual02 .pos04 {width:377px;top:590px;left:504px;}

.mainArea .mainVisual03 {position:absolute;left:50%;width:920px;margin-left:-460px;}
.mainArea .mainVisual03 .pos {position:absolute;}
.mainArea .mainVisual03 .pos01 {top:85px;left:590px;}
.mainArea .mainVisual03 .pos02 {top:112px;left:0;}
.mainArea .mainVisual03 .pos03 {top:300px;left:0;}
.mainArea .mainVisual03 .pos04 {top:305px;left:290px;}
.mainArea .mainVisual03 .pos05 {width:377px;top:570px;}

.mainArea .mainVisual04 {position:absolute;left:50%;width:920px;margin-left:-460px;}
.mainArea .mainVisual04 .pos {position:absolute;}
.mainArea .mainVisual04 .pos01 {top:207px;left:100px;}
.mainArea .mainVisual04 .pos02 {top:130px;left:-50px;}
.mainArea .mainVisual04 .pos03 {top:340px;left:-50px;}
.mainArea .mainVisual04 .pos04 {width:152px;top:480px;left:-50px;}

.mainArea .mainVisual05 {position:absolute;left:50%;width:920px;margin-left:-460px;}
.mainArea .mainVisual05 .pos {position:absolute;}
.mainArea .mainVisual05 .pos01 {top:95px;left:10px;}
.mainArea .mainVisual05 .pos02 {top:110px;left:3px;}
.mainArea .mainVisual05 .pos03 {top:163px;left:0px;}
.mainArea .mainVisual05 .pos03_list{margin-top:35px}
.mainArea .mainVisual05 .pos04 {width:152px;top:418px;left:0px;}

.mainVisual02Sub {position:absolute;top:83px;left:0;z-index:100;width:100%;height:767px;background:url(/images/main/bg_sub.jpg) #0b81b7 center 0 no-repeat;}
.mainVisual02Sub .mainSubArea {position:relative;width:1000px;margin:0 auto;padding-top:80px;}
.mainVisual02Sub .mainSubTit {margin-bottom:25px;text-align:center;}
.mainVisual02Sub .mainSubTab li {overflow:hidden;float:left;width:250px;height:70px;margin-left:-1px;}
.mainVisual02Sub .mainSubTab li.on {width:250px;height:83px;}
.mainVisual02Sub .mainSubTab li.on a img {margin-top:-70px;}
.mainVisual02Sub .movieArea {margin-top:55px;}
.mainVisual02Sub .mainMovie {float:left;width:584px;height:334px;background:url(/images/main/bg_movie.png) 0 0 no-repeat;}
.mainVisual02Sub .mainMovieTxt {float:left;width:350px;height:325px;margin-left:50px;color:#fff;font-size:13px;line-height:18px;}
.mainVisual02Sub .mainMovieTxt strong {font-weight:bold;font-size:20px;line-height:24px;}
.mainVisual02Sub .movieBtn {margin-top:40px;text-align:center;}
.mainVisual02Sub .movieClose {position:absolute;top:25px;right:-70px;display:inline-block;width:43px !important;height:43px !important;background:url(/images/main/btn_close.png) no-repeat left top !important;}

/*.floatingBan {position:absolute;top:10px;left:50%;width:482px;height:220px;margin-left:14px;z-index:99;}*/
.floatingBan {position:absolute;top:10px;left:50%;width:241px;height:220px;margin-left:255px;z-index:99;}
.floatingBan .floatingBanCont {position:relative;}
.floatingBan .floatingBanCont .banImg {display:inline-block;vertical-align:top;}
.floatingBan .floatingBanCont > a {display:block;position:absolute;text-indent:-99999px;background:url(/images/main/bg_dummy.png) repeat left top;}
.floatingBan .floatingBanCont .btnDView01 {top:77px;left:138px;width:83px;height:17px;}
.floatingBan .floatingBanCont .btnDView02 {top:186px;left:138px;width:83px;height:17px;}
.floatingBan .floatingBanCont .btnDView03 {bottom:16px;left:138px;width:83px;height:17px;}
.floatingBan .floatingBanCont .btnDView04 {top:0px;left:0px;width:482px;height:584px;}
/*.floatingBan .floatingBanCont .btnBClose {top:6px;right:6px;width:31px;height:31px;}*/
.floatingBan .floatingBanCont .btnBClose {top:6px;right:6px;width:11px;height:11px;}


.uccBanner{ position:absolute; top:0; width:100%; z-index:100; }
.uccBanner .contentArea {width:100%;height:759px; background:url(/images/main/ucc_bg.png) no-repeat top center;}
.uccBanner .contentArea .cont{width:670px;margin:0 auto; padding-left:20px;}
.uccBanner .btnArea {width:100%; height:8px; background:#f2e1c9;}
.uccBanner .btnArea a{position:relative;display:block;top:8px;width:55px;height:25px;margin:0 auto;}
.uccBanner .btnArea .btn.open{background:url(/images/main/ucc_closeBtn.png) no-repeat top center; }
.uccBanner .btnArea .btn.close{background:url(/images/main/ucc_openBtn.png) no-repeat top center;}
.uccBanner .openTitle{position:absolute;width:100%; height:42px; background:#c6b182;bottom:8px;opacity:0;filter:alpha(opacity=0);}
.uccBanner .openTitle .tit{display:block;width:100%;text-align:center; margin-top:10px;}

.uccBanner .contentArea .uccTit0{ text-align:center;padding-top:45px;}
.uccBanner .contentArea .uccTit1{ text-align:center;padding-top:14px;}
.uccBanner .contentArea .movieTab{width:670px;padding-top:27px;}

.uccBanner .contentArea .menuList > ul > li a{display:block;width:162px;height:53px;text-indent:-9999px;}
.uccBanner .contentArea .menuList > ul > li{width:162px; height:53px;float:left;margin-right:5px;}
.uccBanner .contentArea .menuList > ul > li.step0{background:url(/images/main/ucc_step0.png) no-repeat 0 0;}
.uccBanner .contentArea .menuList > ul > li.step0.on{background:url(/images/main/ucc_step0.png) no-repeat 0 -53px;}
.uccBanner .contentArea .menuList > ul > li.step1{background:url(/images/main/ucc_step1.png) no-repeat 0 0;}
.uccBanner .contentArea .menuList > ul > li.step1.on{background:url(/images/main/ucc_step1.png) no-repeat 0 -53px;}
.uccBanner .contentArea .menuList > ul > li.step2{background:url(/images/main/ucc_step2.png) no-repeat 0 0;}
.uccBanner .contentArea .menuList > ul > li.step2.on{background:url(/images/main/ucc_step2.png) no-repeat 0 -53px;}
.uccBanner .contentArea .menuList > ul > li.step3{background:url(/images/main/ucc_step3.png) no-repeat 0 0;}
.uccBanner .contentArea .menuList > ul > li.step3.on{background:url(/images/main/ucc_step3.png) no-repeat 0 -53px;}
.uccBanner .contentArea .menuList:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

.uccBanner .contentArea .contList{width:663px;height:391px;background:#211f1d;}
.uccBanner .contentArea .contList .contStep{padding:21px 12px 28px 12px;}
.uccBanner .contentArea .contList .contStep .video{float:left;width:516px; height:338px;background:#000;}
.uccBanner .contentArea .contList .contStep .info{float:left;}
.uccBanner .contentArea .contList .contStep:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.uccBanner .contentArea .contList .contStep .info .team{width:81px;height:85px; margin-left:10px; text-indent:-9999px}
.uccBanner .contentArea .contList .contStep .info .team.name1 {background:url(/images/main/ucc_step0_name.png) no-repeat;}
.uccBanner .contentArea .contList .contStep .info .team.name2 {background:url(/images/main/ucc_step1_name.png) no-repeat;}
.uccBanner .contentArea .contList .contStep .info .team.name3 {background:url(/images/main/ucc_step2_name1.png) no-repeat;}
.uccBanner .contentArea .contList .contStep .info .team.name4 {background:url(/images/main/ucc_step2_name2.png) no-repeat;}
.uccBanner .contentArea .contList .contStep .info .team.name5 {background:url(/images/main/ucc_step2_name3.png) no-repeat;}
.uccBanner .contentArea .contList .contStep .info .team.name6 {background:url(/images/main/ucc_step3_name.png) no-repeat;}
/*.uccBanner .contentArea .contList .contStep .info .team dt{float:left;}
.uccBanner .contentArea .contList .contStep .info .team dd{float:right;width:50px;}
.uccBanner .contentArea .contList .contStep .info .team dl:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}*/

/*.uccBanner .contentArea .menuList > ul > li > ul:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.uccBanner .contentArea .menuList > ul > li > ul {padding-top:31px; margin-left:8px}
.uccBanner .contentArea .menuList > ul > li > ul  > li { position:relative;float:left; margin-left:0px;z-index:500;}
.uccBanner .contentArea .menuList > ul > li.step2 a{display:block; width:45px; height:19px; }
.uccBanner .contentArea .menuList > ul > li.step2 li.on a {}
.uccBanner .contentArea .menuList > ul > li.step2 li.step2_01 {width:47px; height:16px; background:url(/images/main/ucc_step2_txt1.gif) no-repeat;}
.uccBanner .contentArea .menuList > ul > li.step2 li.step2_02 {width:51px; height:16px; background:url(/images/main/ucc_step2_txt2.gif) no-repeat;}
.uccBanner .contentArea .menuList > ul > li.step2 li.step2_03 {width:51px; height:16px; background:url(/images/main/ucc_step2_txt3.gif) no-repeat;}
.uccBanner .contentArea .menuList > ul > li.step2.on li {background-position: 0 -16px; }
.uccBanner .contentArea .menuList > ul > li.step2.on li.on{ background-position: 0 -32px; }*/