@charset "utf-8";

/*팝업설정(필수)*/
@media screen and (max-width:768px) {
	.drag_pop{left:0 !important;top:0 !important;max-width:350px !important;height:auto !important;}
}


#main_visual{position:relative;height:493px;}
#main_visual .typo{position:absolute;top:50%;left:0;width:100%;margin-top:-53px;text-align:center;z-index:100;}
#main_visual .bg{height:493px;width:100%;}

.slick-next{display: block;position:absolute;right:-55px;top:50%;margin-top:-22px;width:31px;height:44px;background:url(/img/main/slick_next.png) ;font-size: 0px;cursor:pointer;}
.slick-next:hover{background-position:0 -44px;}
.slick-prev{display: block;position:absolute;left:-55px;top:50%;margin-top:-22px;width:31px; height:44px;background:url(/img/main/slick_prev.png) ;font-size: 0px;cursor:pointer;}
.slick-prev:hover{background-position:0 -44px;}

ul.slick-dots{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:11;}
ul.slick-dots li{display: inline-block;margin:0 3px;}
ul.slick-dots li button{font-size: 0;display: block;height:10px;width:10px;border-radius:10px;border:1px solid #fff;background:none;-webkit-transition:all 0.3s; /* Safari */transition: all 0.3s;cursor:pointer;opacity:0.7;}
ul.slick-dots li.slick-active button{background:#fff;opacity:1;}




#section1{margin:60px auto;position:relative;}
#section1 .box{width:402px;}
#section1 .box .list{font-size:14px;line-height:25px;border:1px solid #e5e5e5;border-top:none;padding:17px 23px 0 22px;height:161px;}
#section1 .box .list li{position:relative;}
#section1 .box .list li a{background:url(/img/spot_ul.gif) no-repeat 0 center;padding-left:8px;}
#section1 .box .list li span{position:absolute;top:0;right:0;}

#section1 .notice,
#section1 .ad{float:left;margin-right:20px;}
#section1 .link{float:right;}
#section1 .link ul{margin-top:10px;font-size:0;}
#section1 .link ul li{display:inline-block;margin-right:10px;}
#section1 .link ul li:last-child{margin-right:0;}
#section1 .link a:hover{opacity:0.5;}

#section1 .box_wrap2{margin-top:23px;}
#section1 .banner,
#section1 .data1{float:left;margin-right:20px;}
#section1 .data2{float:right;}
#section1 .banner a:hover{opacity:0.5;}