@charset "utf-8";


/* slide */
#slides01 {min-width:774px; height:390px;}
.slides {position:relative; width:100%; margin:0 auto; z-index:1;}
.slides .slidesjs-slide {height:390px; z-index:4;}
.slides .slidesjs-slide > div,
.slides .slidesjs-slide > p,
.slides .slidesjs-slide > a {position:absolute;}
.slides .slidesjs-container {width:100%; min-width:774px; height:390px !important; z-index:1;}
.slides .slidesjs-control {height:100% !important;}
.slides .slidesjs-previous {display:block; position:absolute; top:50%; left:20px; background:url(../../images/main/btn_prev.png) 0 0 no-repeat; width:24px; height:47px; margin-top:-27px; text-indent:-9999em; z-index:20;}
.slides .slidesjs-next {display:block; position:absolute; top:50%; right:20px; background:url(../../images/main/btn_next.png) 0 0 no-repeat; width:24px; height:47px; margin-top:-27px; text-indent:-9999em; z-index:20;}
.slides .slidesjs-play,
.slides .slidesjs-stop {display:block; position:absolute; bottom:20px; font-size:0; z-index:20 }

.slides .slidesjs-play {left:820px; background:url(../../images/main/btn_play.png) 0 0 no-repeat; 
width:25px; height:15px;}
.slides .slidesjs-stop {left:850px; background:url(../../images/main/btn_stop.png) 0 0 no-repeat; 
width:25px; height:15px;}

.slides .slidesjs-pagination {position:absolute; bottom:16px; *bottom:16px; left:755px; text-align:right; z-index:30;}
.slides .slidesjs-pagination li:first-child {margin-left:0;}
.slides .slidesjs-pagination li {display:inline-block; *display:inline; zoom:1; width:16px; height:15px; margin-left:5px;}
.slides .slidesjs-pagination li a {display:block; overflow:hidden; background:url(../../images/main/paing.png) 0 0 no-repeat; width:16px; height:15px; text-indent:150%;}
.slides .slidesjs-pagination li a.active {background-position:0 -35px;}


.data-1 {}
.data-1 > span {display:block; position:absolute;}
.data-1 .bg01 {top:0; left:0; background:url(../../images/main/slide01_bg.jpg) 0 0 no-repeat; width:774px; height:390px;}
.data-1 .txt1 {top:62px; left:50%; margin-left:-385px; z-index:10;}
.data-1 .txt2 {top:112px; left:50%; margin-left:-194.5px; font-size:14px; z-index:10;}
.data-1 .txt3 {top:155px; left:50%; margin-left:-298px; font-size:14px; z-index:10;}

.data-2 {}
.data-2 > span {display:block; position:absolute;}
.data-2 .bg01 {top:0; left:0; background:url(../../images/main/slide02_bg.jpg) 0 0 no-repeat; width:774px; height:390px;}
.data-2 .txt1 {top:85px; left:50%; margin-left:-195px; z-index:10;}
.data-2 .txt2 {top:231px; left:50%; margin-left:-162.5px; font-size:14px; z-index:10;}
.data-2 .txt3 {top:273px; left:50%; margin-left:-157px; font-size:14px; z-index:10;}


/* 이벤트 레이어팝업 */
#main_event_pop {width:600px; height:680px; background:#fff; position:fixed; z-index:9999; top:50%; left:50%; margin:-340px 0 0 -300px}
#main_event_pop .title {width:600px; height:60px; background:#5CADE5; overflow:hidden;}
#main_event_pop .title .tit_txt {float:left; width:520px; height:60px; line-height:60px; color:#fff; font-size:18px; letter-spacing:-0.75px; font-weight:600; padding-left:30px;}
#main_event_pop .title .close {float:left; width:40px; height:40px; padding:10px 5px; cursor:pointer;}

#main_event_pop .main_event {width:600px; height:572px; overflow:hidden; }
#main_event_pop .main_event ul {width:540px; height:492px; overflow:hidden; margin:0 30px;}
#main_event_pop .main_event ul li p {margin:0; display:inline-block;}

#main_event_pop .main_event_pager {width:555px; height:40px; margin:20px 15px 20px 30px;}
#main_event_pop .main_event_pager a {float:left; width:170px; height:40px; line-height:38px; text-align:center; border:2px solid #979797; box-sizing:border-box; margin-right:15px; font-size:14px; font-weight:600;}
#main_event_pop .main_event_pager a.active {border:2px solid #5CADE5;}

#main_event_pop .bx-controls-direction {position:absolute; top:250px; left:0px; width:600px; height:25px; overflow:hidden;}
#main_event_pop .bx-controls-direction .bx-prev {width:15px; height:25px; float:left; background:url('/images/main/btn_event_pop_left.png') no-repeat; text-indent: -9999px; margin:0; position:relative; top:0;}
#main_event_pop .bx-controls-direction .bx-next {width:15px; height:25px; float:right; background:url('/images/main/btn_event_pop_right.png') no-repeat; text-indent: -9999px; margin:0; position:relative; top:0;}

#main_event_pop .today_check {width:540px; height:48px; margin:0 30px; text-align:right; line-height:40px; font-size:13px;}
#main_event_pop .today_check input {margin:0; vertical-align:middle;}
#main_event_pop .today_check span {background:#787878; color:#fff; width:50px; height:23px; display:inline-block; text-align:center; border:0; font-size:12px; line-height:23px; cursor:pointer;}

#popup_bg {position:fixed; top:0; left:0; background:url('/images/common/bg_black.png') left top repeat; width:100%; height:100%; z-index:9998;}


/* 최상단 수상 팝업 */
#layer_award {width:100%; height:150px; overflow:hidden; position:relative; z-index:1;}
#layer_award .layer_award_cont {width:1100px; height:150px; margin:0 auto; position:relative;}
#layer_award .left_bg {position:absolute; top:0; left:-450px;}
#layer_award .right_bg {position:absolute; top:0; right:-450px;}
#layer_award .close_area {position:absolute; top:10px; right:10px; text-align:right; z-index:2;}
#layer_award .close_area .close {display:inline-block; margin-bottom:90px;}
#layer_award .close_area input[type="checkbox"] {width:15px; height:15px; margin-left:8px;}