@charset "euc-kr";

#header{position:fixed; top:30px; z-index:9999;}
#header.on{top:0;}
#header.close{top:0;}
#container{position:relative; left:0; top:0;}

.video_area{overflow:hidden; position:relative; background:#fff;}
.video_area .video_inner{position:absolute; left:50%; top:0; width:1920px; height:100%; margin-left:-960px;}
.video_area .video_inner #player{width:100%; height:100%;}
.video_area .date{position:absolute; bottom:0; right:0; overflow:hidden;}
.video_area .date img, .video_area .date a{float:left;}
.video_area .video_inner .event_area{position:absolute; width:900px; left:50%; margin-left:-450px; bottom:5%;}
.video_area .video_inner .event_area .radio{position:absolute; right:0; top:-49px;}

.pop_up{display:none; position:absolute; left:50%; top:30%; margin-left:-450px;}
.pop_up.on{display:block;}
.pop_up a.btn_apply{position:absolute; right:370px; bottom:50px;}
.pop_up a.btn_close{position:absolute; right:20px; top:20px;}

.sec{position:relative;}
.sec .sec_inner{position:absolute; width:1100px; min-height:600px; left:50%; top:50%; margin:-230px 0 0 -550px;}
.sec .box:after{display:block; clear:both; content:"";}
.sec h2{margin-bottom:60px;}

.sec1{background:url(../images/index/bg_premium.gif) #fff center bottom no-repeat;}
.sec1 .sec_inner{text-align:center;}
.sec1 ul{padding:0 135px; overflow:hidden;}
.sec1 ul li{float:left; width:250px; height:360px; margin-left:40px;}
.sec1 ul li .motion{position:relative;}
.sec1 ul li .premium_ico{padding:80px 0;}
.sec1 ul li.first{margin-left:0; background:url(../images/index/premium_box_01.jpg) 0 0 no-repeat;}
.sec1 ul li.center{background:url(../images/index/premium_box_02.jpg) 0 0 no-repeat;}
.sec1 ul li.last{background:url(../images/index/premium_box_03.jpg) 0 0 no-repeat;}
.sec1 ul li p{color:#fff; font-size:22px;}
.sec1 ul li p span{display:block; padding-bottom:10px; font-size:14px;}
.sec1 .bot_text{display:inline-block; position:relative; padding:0 50px; margin-top:72px; height:73px; font-size:20px; line-height:30px;}
.sec1 .bot_text span{position:absolute; width:27px; height:21px; background:url(../images/index/premium_quotation.png) 0 0 no-repeat;}
.sec1 .bot_text .quotation_top{top:0; left:0; }
.sec1 .bot_text .quotation_bot{right:0; bottom:0; background-position:-29px 0;}

.sec2{background:url(../images/index/bg_interior.gif) center top #fff no-repeat;}
.sec2 .sec_inner{text-align:center;}
.sec2 .interior_area{position:relative;}
.sec2 .tab_area{position:absolute; left:0px; bottom:0px; z-index:1; padding:16px 0 5px; background:#fff;}
.sec2 .tab_area li{float:left; padding:0 32px; font-family:"Century Gothic", serif; font-size:32px; text-align:center; background:url(../images/index/interior_bar.gif) 0 center no-repeat;}
.sec2 .tab_area li:first-child{padding-left:0; background:none;}
.sec2 .tab_area li.on a{color:#bc875b;}
.sec2 .tab_area li a{display:block; color:#101010;}
.sec2 .tab_area li a .small{font-size:26px;}
.sec2 .tab_area li a sup{font-size:16px;}
.sec2 .img_area{position:relative; width:1100px; overflow:hidden;}
.sec2 .img_area ul{overflow:hidden; position:relative; left:0; top:0;}
.sec2 .img_area li{float:left; width:1100px; overflow:hidden;}
.sec2 .interior_area .btn{position:absolute; right:20px; bottom:-60px ;}

.sec3{background:url(../images/index/bg_unitplan.jpg) center center no-repeat; background-size:cover;}
.sec3 .sec_inner{text-align:center;}
.sec3 .plan_slide{position:relative; width:1100px;}
.sec3 .box{overflow:hidden; width:1100px; margin:0 auto;}
.sec3 .slide_wrap{overflow:hidden; position:relative; left:0; top:0;}
.sec3 .slide_wrap.on{display:block;}
.sec3 .slide_wrap1{width:9999px;}
.sec3 .slide_wrap ul{float:left;}
.sec3 .slide_wrap1 ul{width:9999px;}
.sec3 ul{overflow:hidden;}
.sec3 li{float:left; width:350px; height:400px; margin-right:21px; background:url(../images/index/plan_ico.gif) 300px 49px #fff no-repeat;}
.sec3 li.last{margin-right:0;}
.sec3 li dl{padding:40px 0 0 45px; text-align:left;}
.sec3 li dt{font-family:"Century Gothic", serif; font-size:32px; color:#333;}
.sec3 li dt small{font-size:26px;}
.sec3 li dd{font-size:14px; color:#333;}
.sec3 .controller_plan .btn_prev{position:absolute; top:180px; left:-50px;}
.sec3 .controller_plan .btn_next{position:absolute; top:180px; right:-50px;}


.sec4{background:url(../images/index/bg_map.gif) #fff center bottom no-repeat;}
.sec4 .map_area{position:relative;}
.sec4 #map{width:100%; height:400px;}
.sec4 .text_area{position:relative; height:130px; overflow:hidden; background:#fff;}
.sec4 .text_area .left{float:left; width:450px; padding-left:50px;}
.sec4 .text_area .left:after{display:block; position:absolute; left:500px; top:40px; width:1px; height:59px; clear:both; content:""; background:#dcdcdc;}
.sec4 .text_area .right{float:right; width:540px; padding-left:60px;}
.sec4 .text_area dl{padding-top:35px;font-size:18px; }
.sec4 .text_area dt{padding-bottom:10px; font-weight:700; color:#9c6d50;}
.sec4 .text_area dd{color:#555;}
.sec4 .map_area .location{position:absolute; right:40px; bottom:40px; z-index:2;}

.controller{position:fixed; right:5%; top:50%; margin-top:-67px;}
.controller a{display:block; width:10px; height:10px; margin-bottom:17px; background:url(../images/index/controller.png) 0 center no-repeat; text-indent:-9999px;}
.controller a.on{background-position:-10px center;}