
/**/
html,body{position:relative; width:100%; height:100%; min-height:480px;}
body,textarea,input,select{color:#fff; font-size:12px; font-family:"MalGun Gothic"; font-weight:normal; -webkit-text-size-adjust:none; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0;}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend{display:block;}
caption{width:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; line-height:0;}
button{color:#666; padding:0; margin:0; border:0; background:none; cursor:pointer; }
select{padding:4px; height:27px; background:#fff; border:1px solid #ddd;}
textarea{font-size:12px; vertical-align:top; background:#fff; color:#666; border:0; padding:12px 14px;}
a{text-decoration:none; color:#666; color:inherit;}
a:hover, a:focus, a:active{text-decoration:none;}
table{width:100%; border-collapse:collapse;}
table td,table th{vertical-align:top;}

/**/
.wrap{width:100%; height:100%; position:relative; background:#303030;}
.wrap.aboutWrap{background:#cac5b1;}
.wrap.paceWrap{background:#fff;}
header{width:100%; display:block;}/*-69*/
.headerWrap{position:fixed; top:-59px; left:0; width:100%; height:82px; z-index:9995555555555555599;}/*position:fixed;*/
header.up{top:0;}
.headerWrap .topHead{position:relative; height:17px; background:#000; overflow:hidden;}
.headerWrap .topHead ul{position:absolute; top:0; right:0; overflow:hidden;}
.headerWrap .topHead ul li{float:left; border-left:1px solid #aca568;}
.headerWrap .topHead ul li a{display:block; text-align:center; padding:4px 20px 0;}

nav{width:100%; display:block;}
.gnb{width:100%; background:#3a3a3a}
.gnb:after{clear:both; content:''; display:block; *zoom:1;}
.gnb li{float:left; width:25%;}
.gnb li a{display:block; height:8px; padding:16px 0; text-align:center; border-top:1px solid #aca568; border-bottom:1px solid #aca568;}
.gnbArrow{display:block; width:44px; height:22px; margin:0 auto; }


/**/
section{position:relative; width:100%; height:100%; }
.mainwrap{position:relative; height:100%;}
.mainwrap .mainSlide{position:relative; width:100%; height:100%; min-height:480px;}
.mainSlide .mainVisual{position:absolute; width:100%; height:100%;}
.mainSlide .mainVisual li{position:absolute; display:none; top:0; left:0; width:100%; height:100%;}
.mainSlide .mainVisual li.v1{background:url("../img/bg/main_1.png") center top no-repeat; background-size:cover;}
.mainSlide .mainVisual li.v2{background:url("../img/bg/main_2.png") center top no-repeat; background-size:cover;}
.mainSlide .mainVisual li.v3{background:url("../img/bg/main_3.png") center top no-repeat; background-size:cover;}

.mainSlide .visualCopy{position:absolute; top:50%; left:0; z-index:100; width:100%; height:293px; margin-top:-187px; text-indent:-9999px; background:url("../img/txt/main_title.png") center top no-repeat; background-size:320px 293px; }
.mainSlide .bgCtrl{position:absolute; bottom:17px; left:0; width:100%; z-index:100;}
.mainSlide .bgCtrl ul{overflow:hidden; width:57px; margin:0 auto;}
.mainSlide .bgCtrl li{float:left; margin:0 6px;}
.mainSlide .bgCtrl li a{display:block; width:7px; height:7px; background:#99978d; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; text-indent:-9999px;}
.mainSlide .bgCtrl li.active a{background:#fff;}

.btnSlideDown{display:block; position:absolute; bottom:40px; left:50%; margin-left:-26px; width:55px; height:72px; text-indent:-9999px; background:url("../img/btn/btn_slideDown.png") left top no-repeat; background-size:120px 72px; z-index:100;}
.btnSlideDown:hover{background-position:right top;}

.sceneCopy2{width:100%; height:100%; min-height:480px; overflow:hidden; background:url("../img/txt/main_title2.png") 50% bottom no-repeat; background-size:159px; text-indent:-9999px;}

.scene3{position:relative; width:100%; height:100%; min-height:550px; background:url("../img/bg/scene3_bg.png") center top no-repeat; background-size:cover;}
.scene3 .sceneCopy3{width:170px; height:298px; margin:0 auto; background:url("../img/txt/main_title3.png") 50% top no-repeat; background-size:170px 298px; text-indent:-9999px;}
.scene3 .txtBox{padding:20px 30px; height:190px; margin-top:25px; font-size:12px; overflow:hidden; background:rgba(0,0,0,0.5); }

.movieClip{height:100%;}
.movieClip .titlDiv{width:214px; height:77px; background:url("../img/txt/tit_movie.png") no-repeat; background-size:cover; margin:55px auto 0;}
.movieClip .titlDiv p{text-indent:-9999px;}

.mvArea{width:100%; height:200px; overflow:hidden; background:#000; margin-top:33px;}

.projectWrap{width:100%; overflow:hidden; border-top:1px solid #aca568; border-bottom:1px solid #aca568; background:#4e5860;}
.projectWrap .prj{height:201px;}
.projectWrap .prj.p1{float:left; width:49.8%; border-right:1px solid #aca568;  background:#988d65}
.projectWrap .prj.p2{float:right; width:49.8%;}
.projectWrap .prj a{display:block; width:100%; height:201px; margin:0 auto; text-indent:-9999px;}

.projectWrap .prj.p1 a{background:url("../img/txt/project_1.png") no-repeat center top; background-size:160px 201px;}
.projectWrap .prj.p2 a{background:url("../img/txt/project_2.png") no-repeat center top; background-size:160px 201px;}


.leftPanel{background:#414346 url("../img/bg/left_bg.png") repeat-y right top; background-size:20px 1px;  z-index:9000;}
.rightPanel{background:#3a3c3e url("../img/bg/right_bg.png") repeat-y left top; background-size:20px 1px; z-index:9000;}

.eventWrap{width:100%; height:100%;}/*position:absolute; top:0; left:0; */
.eventWrap .cont{padding:25px 0 25px 0;}
.eventWrap .cont .titleDiv{padding:0 10px;}
.eventWrap .close{position:absolute; top:25px; right:25px;}

.eventInfo{border-top:3px solid #585952; border-bottom:3px solid #585952; padding:4px 0; margin:20px 10px;}
.eventInfo ul{border-top:1px solid #585952; border-bottom:1px solid #585952; padding:20px 0;}
.eventInfo ul li{overflow:hidden; font-size:11px; line-height:21px;}
.eventInfo ul li .t1{float:left; color:#828da2; width:20%; padding-left:4px; font-weight:bold;}
.eventInfo ul li p{float:left; width:77%;}
.eventInfo ul li .s_bar{}
.eventInfo ul li.last{color:#828da2; margin-top:15px;}

.choiceDiv{background:#3a3c3e; padding-top:20px; margin:0 10px;}
.choiceDiv .title{text-align:center;}
.choiceDiv .desc{font-size:11px; color:#a2a2a2; text-align:center; line-height:auto; margin-top:10px;}

.choiceBox{background:#323638;  padding:20px 10px 10px; margin:20px 0;}
.choiceBox .elem{overflow:hidden; float:left; color:#fff;}
.choiceBox .elemWrap{overflow:hidden; margin:10px 0 15px}
.choiceBox fieldset{display:block;}
.mt50{margin-top:50px;}
.choiceBox legend{display:block; font-size:11px;  line-height:12px; }
.choiceBox legend img{padding:-1px 2px 0 0;}

.fWrap{padding:0 15px;}
.table{width:100%; overflow:hidden; margin:0;}
.table legend{display:none;}
.table th{color:#828da2; text-align:left; font-size:12px; line-height:18px;}
.table th,.table td{padding:3px 0; vertical-align:middle;}
.table th.top{vertical-align:middle; padding-top:10px;}
.inputBox{background:#323435; font-size:12px; border:0; height:26px; padding:0 15px;}
.btnPost{display:inline-block; color:#aca568; border:2px solid #aca568; width:75px; height:18px; text-align:center; margin-right:5px; border-radius:2px; margin-top:-2px; letter-spacing:-1px; font-size:11px;}
.btnDiv{text-align:center; margin-top:10px;}
.btnEvent{color:#aca568; border:2px solid #aca568; background:#444b56; width:100%; height:50px; line-height:40px; text-align:center; font-size:18px; cursor:pointer; font-weight:bold; padding-bottom:10px; border-radius:0;}

/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
/* input, label positioning */
.custom-checkbox input{position: absolute;left:0px;top: 0;margin: 0;z-index: 0; width:21px; height:21px;}
.custom-radio input {position: absolute;left:20px;top: 0;margin: 0;z-index: 0;}
.custom-checkbox label{display: block; position: relative;z-index: 1; width:430px; padding-left:35px; height:24px; overflow:hidden; font-size: 12px; cursor: pointer;}
.custom-radio label {display: block;position: relative;z-index: 1;  width:60px; overflow:hidden; padding-top:23px; height:39px;font-size: 11px; margin: 0 3px; cursor: pointer; text-align:center; line-height:14px; }

.choiceBox .elemWrap.e1 .custom-radio label{width:60px; padding-top:17px;height:45px;}

/* states */
.custom-checkbox label {background:url("../img/img/event_btns2.png") no-repeat; }
.custom-radio label {background:url("../img/img/event_btns3.png") no-repeat; background-size:125px 135px;}
.custom-checkbox label{background-position:0 -51px;} 
.custom-radio label {background-position:0 -69px;}
.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {background-position: 0 0;}
.custom-checkbox label.checked, 
.custom-radio label.checked {background-position:0 0}
.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {background-position: 0 0px;}
.custom-checkbox label.focus, 
.custom-radio label.focus {outline: 1px dotted #ccc;}

.style2 .custom-radio label {display: block;position: relative;z-index: 1; width:52px; height:52px; overflow:hidden; font-size: 11px; margin: 0 1px; cursor: pointer; text-align:center; line-height:18px; padding-top:16px;}
.style2 .custom-radio label {background-position:right -68px;}
.style2 .custom-radio label.hover,
.style2 .custom-radio label.focus {background-position:right 0px;}
.style2 .custom-radio label.checked {background-position:right 0px}
.tline{overflow:hidden; padding-top:3px;}
.tline a.btnPost{float:left;}
.tline .custom-checkbox{float:left;}

.share strong{display:block; font-size:12px; color:#fff; text-align:center; padding:20px 0 25px;}
.share p{margin-top:20px; color:#828da2; text-align:center;}
.sns{width:261px; height:109px; margin:0 auto; overflow:hidden; background:url("../img/btn/ico_fb.png") no-repeat;  background-size:260px 109px}
.sns.t2{background:none; width:140px;}
.sns a{position:relative; display:block; float:left; font-size:12px;}
.sns .fb{width:140px; height:109px; color:#80a0ff; ;}
.sns .fb span{display:block; width:100%; text-align:center; padding-top:80px;}
.sns .tw{width:121px; height:109px;color:#72d9ff;}
.sns .tw span{display:block; width:100%; text-align:center; padding-top:80px;}
.sns .fb2{width:139px; height:109px; color:#80a0ff; background:url("../img/btn/ico_fb.png") no-repeat;  background-size:260px 109px}
.sns .fb2 span{display:block; width:100%; text-align:center; padding-top:80px;}

.aboutWrap{height:100%;}
.about{padding:50px 15px 0; text-align:center; height:100%; min-height:480px;}
.titleabout{margin-bottom:30px;}

.about .txtBox .t1{width:260px;  margin:0 auto; text-align:left; color:#d6dce5; background:#384354; padding:15px 15px 5px;}
.about .txtBox .t1 p{margin-bottom:20px; font-size:9px;}

.footer{color:#636363; background:#fff; padding:15px 15px; font-size:8px;}
.footer address{font-style:normal;}

.pace7{text-align:center; padding:50px 0 23px;}

.slideGallery{}
/*.slideGallery{position:relative; margin-top:250px; width:100%; height:698px;}*/

.slideGallery  .slideView{position:relative; width:320px; height:400px; overflow:hidden; margin:0 auto}
.slideGallery  .slideView .imgWrap{position:absolute; top:0; left:0; width:960px;}
.slideGallery  .slideView .imgWrap a{display:block;}
.slideGallery  .slideView .imgWrap a img{}

.slideView .imgWrap .img{position:absolute; top:0; left:0;}
.slideView .imgWrap .imgleft{position:absolute; top:0; left:-320px;}
.slideView .imgWrap .imgRight{ position:absolute; top:0; left:320px;}


.slideCtrl{width:100%;}
.slideCtrl ul{overflow:hidden; width:64px; margin:0 auto 10px;}
.slideCtrl li{float:left; margin:0 7px; font-size:12px;}
.slideCtrl li a{background:#cac5b1; display:block; width:7px; height:7px;  border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; text-indent:-9999px;}
.slideCtrl li.active a{background:#526a97;}

.layerPost{width:100%;}
.popWrap{position:relative; width:100%; background:#fff;}
.popWrap .popHead{height:40px; line-height:40px; padding:0 15px; font-size:12px; background:#988d65;}
.popWrap .postContent{padding:15px; overflow:hidden; color:#414346; font-size:12px;}
.popWrap .popClose{position:absolute; top:10px; right:15px; z-index:100;}
.popWrap .postContent .footerPrivacy{font-size:13px; line-height:16px;}
.popWrap .postContent .footerPrivacy p{margin-bottom:10px;}
.footerPrivacy table{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:15px;}
.footerPrivacy table th{background:#eee; padding:5px 0;}
.footerPrivacy table td{text-align:center; padding:5px 0;}
.postContent .guide{line-height:27px;}
.postContent .guide .g2{color:#8f9091;}
.postContent .addressSrch{position:relative; margin:15px 0 10px; line-height:20px; height:20px;}
.postContent .addressSrch label{color:#526a97; font-size:12px; padding-right:20px;}
.postContent .addressSrch span{padding:0 30px 0 10px;}
.postContent .addressSrch .inputBox2{padding:0 10px; height:20px; background:#ebeef1; border-top:1px solid #d1d4d7; border-left:1px solid #d1d4d7; color:#000; font-size:12px;}
.postContent .addressSrch .btnSrch{color:#fff; font-size:12px; width:52px; height:20px; padding-left:13px; border:0; cursor:pointer; background:#988d65 url("../img/img/event_btns.png") no-repeat 28px -167px; background-size:50% 50%;}
.postContent .addressList{width:100%; height:232px; overflow-y:scroll; background:#f4f6f7;}
.postContent .addressList p{padding-top:90px; text-align:center;}
.postContent .addressList .addr{height:40px; line-height:40px; cursor:pointer; padding:0 20px;}
.postContent .addressList .addr.select{background:#8996af url("../img/img/event_btns.png") no-repeat right -240px; color:#fff;}