@charset "utf-8";

/*
=============================================
|  조성민    SungMin Jo                    |
|  Cell: +82-10-8837-4565, 010-8837-4565    |
|  Home: http://www.alitaz.com              |
|  e-mail: miracle_runa@naver.com           |
=============================================
*/

/*event*/
#event_wrap {width:100%;height:369px;background:#828284;position:relative;}
.event_banner_wrap {width:1200px;padding-left:6px;height:339px;margin:0 auto;background:#fff;overflow:hidden;}
.event_banner_wrap li {float:left;margin-right:6px;}
.event_btn_wrap {width:241px;left:50%;margin-left:-120px;position:absolute;}
.event_btn_wrap a {}

/*doc*/
#document {background:url('../img/main/main_bg.gif') center -1px repeat fixed;height:100%;}

#main_wrap {width:1200px;height:931px;position:relative;margin:0 auto;}
#main_wrap li.ht_box {position:absolute;border:1px solid #d2c8b6;background:#fff;display:none;}
#main_wrap li#ht1 {left:0;width:239px;height:449px;}
#main_wrap li#ht2 {left:240px;width:239px;height:209px;background:#f6f2e2;}
#main_wrap li#ht3 {left:480px;width:239px;height:209px;text-align:center;}
#main_wrap li#ht4 {left:720px;width:239px;height:209px;background:#dcf5f4;}
#main_wrap li#ht5 {left:960px;width:239px;height:209px;}

#main_wrap li#ht6 {top:209px;right:239px;width:239px;height:239px;}
#main_wrap li#ht7 {top:209px;right:-1px;width:239px;height:239px;background:#f6f6f6;}

#main_wrap li#ht8 {top:449px;left:0px;width:239px;height:239px;}
#main_wrap li#ht9 {top:449px;right:239px;width:239px;height:239px;}
#main_wrap li#ht10 {top:449px;right:-1px;width:239px;height:239px;}

#main_wrap li#ht11 {top:689px;left:0px;width:239px;height:239px;}
#main_wrap li#ht12 {top:689px;left:240px;width:239px;height:239px;}
#main_wrap li#ht13 {top:689px;left:480px;width:239px;height:239px;}
#main_wrap li#ht14 {top:689px;left:720px;width:239px;height:239px;}
#main_wrap li#ht15 {top:689px;right:-1px;width:239px;height:239px;}
#main_wrap li#ht15 div{ position:absolute; top: 20px; left:20px; }
#main_wrap li#ht16 {top:209px;left:240px;width:479px;height:479px;display:block;}

#main_wrap li#video_box1 {width:480px; height:272px; position:absolute; background:#fff; top:0px; right:0px; z-index:10; display:none;}
#main_wrap li#video_box2 {width:480px; height:272px; position:absolute; background:#fff; top:210px; right:0px; z-index:10; display:none;}

.mov_btn1, .mov_btn2 {cursor:pointer;}


/*디테일 css*/

.nav_wrap {width:135px;padding:20px 0 5px 35px;margin:10px 0;}
.nav_wrap .nav_title {margin:5px;position:relative;cursor:pointer;}
.nav_wrap .nav_cont {margin-top:5px;background:#66d3cf;padding:7px 0 7px 10px;display:none;}
.nav_wrap .nav_cont ul {font-size:0;}
.nav_wrap .nav_cont li {font-size:0;height:20px;background:#66d3cf;}
.nav_wrap .nav_cont a {width:100%;height:20px;display:block;background:#66d3cf;}

#main_wrap li#ht2 .ht_menu {margin:180px 0 0 55px;}
#main_wrap li#ht2 .ht_menu li {display:inline;}

#main_wrap li#ht3 img {margin-top:50px;}

#main_wrap li#ht4 .ht_time {margin:0 0 0 0; }
#main_wrap li#ht4 .ht_menu {margin:0 0 0 0;padding:18px 0 0 28px;height:67px;background:url('../img/main/ht4_bg.png') repeat;}
#main_wrap li#ht4 .ht_menu li {float:left;}

#main_wrap li#ht5 span {display:block;margin:21px 0 0 20px;}
#main_wrap li#ht5 p {margin:8px 0 0 20px;}

#ht7_banner {width:210px;height:207px;margin:15px auto;}
#ht7_banner .ar_slide {width:210px;height:207px;position: relative;overflow:hidden;}
#ht7_banner .ar_slide .remote {position:absolute;top:0px;right:4px;width:17px;height:14px;overflow:hidden;z-index:2;}
#ht7_banner .ar_slide .remote a {line-height:14px;display:block; text-indent:-5000px;}
#ht7_banner .ar_slide a.arstop {background:url('../img/main/bt2.png') no-repeat;}
#ht7_banner .ar_slide a.arplay {background:url('../img/main/bt1.png') no-repeat;}

#ht7_banner .ar_image {display:none;}
#ht7_banner .ar_image a {position:absolute;top:0px;right:0px;z-index:1;width:210px;height:207px;background:#fff;overflow:hidden;}
#ar_no1, #ar_no2, #ar_no3, #ar_no4 {position:absolute;top:0px;z-index:2;}
#ar_no1 {left:150px;}
#ar_no2 {left:169px;}
#ar_no3 {left:208px;}
#ar_no4 {left:237px;}

#ht7_banner .ar_btn a, .ar_btn a:visited {display:block;text-indent:-5000px;float:left;background-color:#494949;height:14px;line-height:14px;width:6px;padding:0px 5px;margin-right:4px;color:#000;cursor:pointer;}
#ht7_banner .ar_btn a:hover {background-color:#494949;color:#fff;}
#ht7_banner .ar_btn a.csld {background-color:#66d3cf;color:#fff;}

#main_wrap li#ht11 p {margin:28px 0 0 125px;}
#main_wrap li#ht11 .ht_menu {margin:20px 0 0 45px;}
#main_wrap li#ht11 .ht_menu li {float:left;}

#main_wrap li#ht14 .ht_tab {height:37px;border-bottom:1px solid #d9d2cd;}
#main_wrap li#ht14 .ht_tab li {float:left;cursor:pointer;}

#main_wrap li#ht14 .ht_tab_cont {}
#main_wrap li#ht14 .ht_tab_cont .comm_boxs {display:none;}
#main_wrap li#ht14 .ht_tab_cont .comm_boxs ul {margin:18px 0 0 0;padding-left:20px;}
#main_wrap li#ht14 .ht_tab_cont .comm_boxs li {height:22px;position:relative;}
#main_wrap li#ht14 .ht_tab_cont .comm_boxs li span {position:absolute;top:3px;right:20px;font:normal 12px "dotum";color:#939393;}
#main_wrap li#ht14 .ht_tab_cont .comm_boxs li a {font:normal 12px "dotum";color:#939393;}
#main_wrap li#ht14 .ht_tab_cont .comm_boxs li a:hover {color:#5abdb9;}

#main_wrap li#ht15 p {margin:95px 0 0 23px;}
#main_wrap li#ht15 .ht_menu {margin:20px 0 0 23px;}
#main_wrap li#ht15 .ht_menu li {float:left;}

/*큐브배너*/
#cube_banner {width:479px; height:479px; margin:0 auto; position:relative; overflow:hidden; background:#828284;}
#cube_banner .roll_img {width:479px; height:479px; position:absolute;}
#cube_banner .roll_img a {display:none;}
#cube_banner .roll_img a.on {display:block;}
#cube_banner .roll_img a.off {display:none;}

#cube_banner .roll_btn {position:absolute; left:10px; bottom:10px; z-index:2;}
#cube_banner .roll_btn a {display:block; width:11px; height:10px;}
#cube_banner .roll_btn#btn_num2 {left:25px;}
#cube_banner .roll_btn#btn_num3 {left:40px;}
#cube_banner .roll_btn#btn_num4 {left:55px;}
#cube_banner .roll_btn a.on {background:url('../img/comm/np_btn_ov.png') no-repeat;}
#cube_banner .roll_btn a.off {background:url('../img/comm/np_btn.png') no-repeat;}