/** MAIN **/

/* main 공통 */
#wrapper{overflow:hidden;}
.main_tit{font-size:30px;font-weight:500;text-align:center;margin-bottom:50px;}

@media screen and (max-width:700px){
	.main_tit{font-size:25px;margin-bottom:30px;}
}
#hd{top:80px;}
#hd.top{top:0;}
#hd.top_go{top:0;}

@media screen and (max-width:1200px){
	#hd{top:0;}
}

/* top bar */
.top_bar{background:#41e681;height:80px;text-align:center;}
.top_bar .w1200{position:relative;height:100%;}
.top_bar a{display: inline-block;padding-top: 15px;}
.top_bar img{cursor:pointer;}
.top_bar .top_bar_close{position: absolute;bottom: 0;right: 0;}

@media screen and (max-width:1200px){
	.top_bar{display:none;}
}

.mb_pop_overlay{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);display:none;z-index:1000;}
.mb_popup{position:fixed;left:50%;top:50%;margin-left:-150px;margin-top:-150px;width:300px;height:300px;display:none;z-index:1001;}
.mb_popup .popup{}
.mb_popup .close{position:fixed;left:50%;top:50%;margin-left: 125px;margin-top: -150px;}

@media screen and (max-width:1200px){
	.mb_pop_overlay{display:block;}
	.mb_popup{display:block;}
}

/* sec1 */
.sec1{background:url(/theme/adfinder/img/main/index/sec1_bg.jpg) center top no-repeat;background-size:cover;padding: 140px 0 121px;text-align:center;position:relative;}
.sec1 .top_tit{}

.sec1 .sec1_txt{margin-top:25px;}
.sec1 .sec1_txt .tit{margin-right:30px;opacity:0;transition:.5s;}

.sec1 .sec1_txt .right_cts{position:relative;display:inline-block;padding-left: 40px;}
.sec1 .sec1_txt .right_cts .txt{}
.sec1 .sec1_txt .right_cts .right_chk{position: absolute;left: 0;top: 6px;}
.sec1 .sec1_txt .right_cts .right_chk .check{position: absolute;left: 6px;top: -6px;overflow:hidden;width:0;transition:.5s;transition-delay:.8s;}
.sec1 .sec1_txt .right_cts .right_chk .bg{}

.sec1.on .sec1_txt .tit{opacity:1;}
.sec1.on .sec1_txt .right_cts .right_chk .check{width:23px;}
.sec1.on .search .txt{transform: scale3d(1, 1, 1);}

.sec1_mb{display:none;}

.search_box{position:absolute;background:url(/theme/adfinder/img/main/index/sec1_bt_bg.png) center top no-repeat;width: 1200px;height: 111px;bottom: -30px;left:50%;margin-left:-600px;}
.search_box p{color:#fff;font-size: 20px;font-family: 'Nanum Square';padding-top: 67px;}
.search_box .teletype-prefix{font-weight:600;}

@media screen and (max-width:1200px){
	.sec1{padding-top:115px;}
	.sec1 .sec1_txt .tit{margin-right: 5px;}
	.sec1 .sec1_txt .right_cts{padding-left: 31px;}
}
@media screen and (max-width:700px){
	.sec1{display:none;}
	.sec1_mb{display:block;}
	.sec1_mb img{width:100%;}
}

/* sec2 */
.sec2{padding:75px 0 100px;border-bottom:1px solid #d7d7d7;width: 2000px;position: relative;left: 50%;margin-left: -1000px;}
.sec2 .main_tit{transform: scale3d(1, 1, 1);}

.sec2 .lat{width:100%;}
.sec2 .lat ul{}
.sec2 .lat ul li{height: 371px;opacity:0.7;transition:.3s;margin-top: 40px;}
.sec2 .lat ul li.slick-center{opacity:1;margin-top:0;}
.sec2 .lat ul li a{display:block;padding:40px;margin:0 20px;background:#f3f3f3;border-radius:15px;position:relative;}
.sec2 .lat ul li.slick-center a{box-shadow: 0 20px 30px 5px rgba(0,0,0,0.1);}

.sec2 .lat ul li .notice_subject{width: 100%;font-size:18px;font-weight:500;transition:.3s;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;height: 4.2em;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;}
.sec2 .lat ul li a:hover .notice_subject{color:#1681c8;}
.sec2 .lat ul li .notice_content{overflow: hidden; text-overflow: ellipsis; height: 4.8em;display: block;margin:20px 0 10px;}
.sec2 .lat ul li .notice_date{float:right;font-size:12px;color:#6d6e71;}
.sec2 .lat ul li .notice_view{font-size:12px;color:#6d6e71;background:url(/theme/adfinder/img/main/index/sec2_notice_view_bg.png) left top 4px no-repeat;padding-left:20px;}
.sec2 .lat ul li .more_div{margin-top:25px;background:url(/theme/adfinder/img/main/index/sec2_notice_more_bg.png) left 60px top 10px no-repeat;transition:.3s;}
.sec2 .lat ul li a:hover .more_div{background:url(/theme/adfinder/img/main/index/sec2_notice_more_hv_bg.png) left 60px top 10px no-repeat;}
.sec2 .lat ul li a .more_div span{font-weight:400;transition:.3s;}
.sec2 .lat ul li a:hover .more_div span{color:#41e681;}

.sec2 .lat ul .slick-prev, .sec2 .lat ul .slick-next{top: -74px;border: 1px solid #333;background: #fff;border: 1px solid #a3a3a3;padding: 12px 12px;transition:.3s;}
.sec2 .lat ul .slick-prev:hover, .sec2 .lat ul .slick-next:hover{border: 1px solid #459ad3;}
.sec2 .lat ul .slick-prev:before, .sec2 .lat ul .slick-next:before{display:none;}
.sec2 .lat ul .slick-prev{left: 50%;margin-left: -200px;background:url(/theme/adfinder/img/main/index/sec_prev_btn.png) center top 7px no-repeat;}
.sec2 .lat ul .slick-next{right: 50%;margin-right: -200px;background:url(/theme/adfinder/img/main/index/sec_next_btn.png) center top 7px no-repeat;}
.sec2-backup{width: 1200px;padding-top: 50px;margin: 0 auto;}
@media screen and (max-width:1200px){
.sec2-backup{width: 100%;padding-top: 50px;margin: 0 auto;}
}

@media screen and (max-width:700px){
	.sec2 .lat ul .slick-prev, .sec2 .lat ul .slick-next{top: -49px;}
	.sec2-backup{width: 100%;padding-top: 10px;margin: 0 auto;}

}

@media screen and (max-width:480px){
	.sec2 .lat ul li a{padding: 20px;margin: 0 40px;}
	.sec2 .lat ul .slick-prev{margin-left: -150px;}
	.sec2 .lat ul .slick-next{margin-right: -150px;}

}

/* sec3 */
.sec3{padding:120px 0;}
.sec3 .cts{display:inline-block;width:100%;}
.sec3 .cts li{float:left;width:25%;text-align:center;border-right: 1px dotted #ddd;}
.sec3 .cts li:last-child{border-right:none;}
.sec3 .cts li a{display:block;padding-bottom:10px;}
.sec3 .cts li a img{margin-bottom:25px;}
.sec3 .cts li a h3{font-size:20px;font-weight:500;}
.sec3 .cts li a h4{font-size:15px;color:#58595b;font-weight:300;margin-bottom: 15px;}

.sec3 .cts li a .sec3_btn{position:relative;overflow:hidden;width:155px;height:45px;background:linear-gradient( to right, #41e681, #1681c8 );margin:0 auto;border-radius:25px;transition:all 0.3s;}
.sec3 .cts li a .sec3_btn:before{position:absolute;left:2px;top:2px;content:"";width:151px;height:41px;background:#fff;border-radius:25px;}
.sec3 .cts li a .sec3_btn span{position:relative;z-index:2;display:block;text-align:center;line-height:45px;transition:.3s;}
.sec3 .cts li a .sec3_btn:after{content:"";width:155px;height:45px;position:absolute;left:-155px;top:0;z-index:1;background:linear-gradient( to right, #41e681, #1681c8 );transition:.3s;border-radius:25px;opacity:0;}
.sec3 .cts li a:hover .sec3_btn{}
.sec3 .cts li a:hover span{color:#fff;}
.sec3 .cts li a:hover .sec3_btn:after{left:0;opacity:1;}

@media screen and (max-width:1200px){
	.sec3 .cts li{padding: 30px;border-bottom: 1px dotted #ddd;width:50%;}
	.sec3 .cts li:nth-child(2n){border-right:none;}
	.sec3 .cts li:nth-child(3n),.sec3 .cts li:nth-child(4n){border-bottom:none;}
}
@media screen and (max-width:700px){
	.sec3{padding:50px 0;}
	.sec3 .cts li{padding: 30px 0;width:100%;border-right:none;}
	.sec3 .cts li:nth-child(3n){border-bottom:1px dotted #ddd;}
	.sec3 .cts li a h3{font-size: 20px;}
}

/* sec4 */
.sec4{background:#f3f3f3;height:400px;padding:120px 0 180px;margin-bottom:260px;}
.sec4 .w1200{position:relative;height:350px;}
.sec4 .sec4_tit{float:left;}
.sec4 .main_tit{text-align:left;margin-bottom:10px;}
.sec4 .pic_lt{overflow:hidden;position:relative;width:810px;float:right;}
.sec4 .pic_lt ul{position:absolute;left:0;top:0;margin-right:-50px;}
.sec4 .pic_lt ul li{float:left;height:400px;}
.sec4 .pic_lt ul li:hover{}
.sec4 .pic_lt ul li a{display:block;position:relative;height: 100%;margin-right:25px;overflow:hidden;}
.sec4 .pic_lt ul li img{width:auto;height:100%;transition:.3s;}
.sec4 .pic_lt ul li:hover img{transform: scale3d(1.2, 1.2, 1); }
.sec4 .pic_lt ul li .overlay{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background:rgba(51,51,51,0.7);}
.sec4 .pic_lt ul li .lt_txt{transition:.3s;color:#fff;position:absolute;left: 50px;top: 295px;margin-right: 50px;z-index:11;}
.sec4 .pic_lt ul li:hover .lt_txt{color:#41e681;}
.sec4 .pic_lt ul li .lt_tit{font-size:17px;font-weight:400;margin-top: 15px;}

.sec4 .slide_btn{position:absolute;bottom:0;background:#fff;border:1px solid #a3a3a3;padding:8px 10px;transition:.3s;cursor:pointer;}
.sec4 .slide_btn:hover{border: 1px solid #459ad3;}
.sec4 .slide_btn.next{left:55px;}
.sec4 .slide_btn.prev{left:0;}

@media screen and (max-width:1200px){
	.sec4{height: auto;padding: 100px 0;margin-bottom: 100px;}
	.sec4 .w1200{display: inline-block;width: 100%;height:auto;}
	.sec4 .sec4_tit{float: none;text-align: center;margin-bottom: 30px;}
	.sec4 .main_tit{text-align: center;}
	.sec4 .pic_lt{width: 100%;float: none;}
	.sec4 .pic_lt ul li{height:auto;}
	.sec4 .pic_lt ul li a{margin-right:0;margin: 0 20px;}
	.sec4 .pic_lt ul li img{display: block;margin: 0 auto;width:100%;height:auto;}
	.sec4 .pic_lt ul li .overlay{height: 100%;z-index: 4;}
	.sec4 .pic_lt ul li .lt_txt{left: 20px;bottom: 20px;margin-right: 20px;z-index: 5;top: auto;}
	.sec4 .slide_btn{top: 6px;}
	.sec4 .slide_btn.prev{right: 50%;margin-right: 160px;left: auto;}
	.sec4 .slide_btn.next{left: 50%;margin-left: 160px;}
}
@media screen and (max-width:700px){
	.sec4{padding: 50px 0;margin-bottom:50px;}
	.sec4 .pic_lt ul li a{margin:0;}
	.sec4 .slide_btn{top: 4px;}
	.sec4 .slide_btn.prev{left: 6.25%;margin-right: 0;}
	.sec4 .slide_btn.next{right: 6.25%;margin-left: 0;left:auto;}
}

/* sec5 */
.sec5{padding:90px 0;border-top: 1px solid #d7d7d7;}
.sec5 ul{}
.sec5 ul li{text-align:center;}
.sec5 ul li img{margin:0 auto;}
.sec5 ul li p{font-size:16px;font-weight:400;}
.sec5 ul li p.txt{line-height: 1.3;margin-top: 5px;}
.sec5 .slick-prev, .sec5 .slick-next{width:25px;height:25px;z-index: 10;}
.sec5 .slick-prev:before, .sec5 .slick-next:before{color: #ccc;font-size: 25px;}
.sec5 .slick-prev{left:0;}
.sec5 .slick-next{right:0;}