/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/sc01-1.jpg");height: 250px;}
.table_ul{display: table;width: 100%;}
.table_ul li{display: table-cell;float: none;vertical-align: middle;width: 50%;}
.table_ul .li1{padding-right: 1%;}
.table_ul .li2{padding-left: 1%;}
/* sub default */
.sub_top .sub_top_txt h1{font-size: 50px;}
.sub_top .sub_top_txt .p1{font-size: 25px;letter-spacing: 0;color: #2e2d2d;font-weight: bold;}



h1,h2,p{text-align: center;}
/* .custom_p1{color:#2f90d6;font-weight: bold;font-size: 18px;margin-bottom: 20px;} */

.section_div > section{padding: 60px 55px;background-position: top center;}

.section_div > section > ul > .li_th{width: 21.8%;max-width: 848px;padding-right: 20px;}
.section_div > section > ul > .li_th > *{text-align: left;}
.section_div > section > ul > .li_th > p{margin-bottom: 20px;}
.section_div > section > ul > .li_th > .hr_79{width: 79px;
    border: none;
    border-top: 1px solid #3d78a0;
    margin: 35px auto;margin-left: 0;}
.section_div > section > ul > .li_td{max-width: 848px;width: 78.2%;}

.section_div > .section3{background-repeat: no-repeat;height:542px;background-position: center; }
.section_div > .section3 div{display: table;width: 100%;height: 100%;}
.section_div > .section3 div span{display: table-cell;vertical-align: middle;}
.section_div > .section3 div span > *{color: #fff;text-align: center;}
.section_div > .section3 div span > h2{margin-top: 5px;margin-bottom: 20px;}

/* lks_touchSlider  */
.btn_area{display: none;} /*로딩문제  해결 display none 완료우 show!!*/
.lks_touchSlider { width:100%;  margin:0 auto; background:#ccc; position:relative; overflow:hidden; height: 0;} /* height 0 이뉴는 로딩완료후 태그에 style 자동지정됨*/
.lks_touchSlider ul { width:100%;  overflow:hidden; }
.lks_touchSlider ul li  img{margin: 0 auto;}
.lks_touchSlider ul li > .div2{background:rgba(51,37,32,0.8);height: 160px;width: 100%;display: table; }
.lks_touchSlider ul li > .div2 .div_innner{display: table-cell;vertical-align: middle;padding: 0 150px;}
.lks_touchSlider ul li > .div2 .p1{font-size: 18px;color: #fce0bc;font-weight: bold;margin-bottom: 15px;}
.lks_touchSlider ul li > .div2 .p2{font-size: 15px;color: #fff;}
.btn_area{width: 100%;height: 0;position: relative;}
.btn_area a{position: absolute;top: -160px;width: 100px;height: 160px;background:rgba(0,0,0,0.3);}
.btn_area .prev{left: 0;}
.btn_area .next{right: 0;}
.btn_area a .icon_bg{position: absolute;left: 50%;top:50% ;width: 43px;height: 79px;
margin-left: -21.5px;margin-top: -39.5px;}
.btn_area .prev .icon_bg{background-position:-216px -868px;}
.btn_area .next .icon_bg{background-position:-217px -950px;}

.lks_paging { background:#fff; text-align:center; overflow:hidden; }
.lks_paging li{height: 54px;border: 1px solid #3d799e;cursor: pointer;position: relative;color: #63656a;font-size: 18px;display:table;word-break: break-all;
	padding:0 5px;overflow:hidden;
    width: 30%;
    width: -webkit-calc(33.33333% - 12px);
    width: -moz-calc(33.33333% - 12px);
    width: calc(33.33333% - 12px);
    box-shadow: 2px 2px #e6e6e6;
    margin-bottom: 18px;
}
.lks_paging li .icon_bg{position: absolute;right: 0px;bottom:0px ;opacity: 0.7;
width: 56px;height: 54px;background-position: -261px -869px;}

.lks_paging .margin_right{margin-right: 18px;}

.lks_paging li span{display: table-cell;vertical-align: middle;}

.lks_paging li br{display: none;}


    
.lks_paging .li7{border-right:none ; }
.lks_paging .on{background: #3393d0;color: #fff;border: 1px solid #3d799e; }
.lks_paging .on .icon_bg{background: none;}
/* lks_touchSlider  */



@media only screen and (max-width: 1023px) {
	.section_div > section > ul > .li_th > .hr_79{margin: 20px auto 20px 0;}
	
	/* sub default */
	.sub_top{height: 175px;background-size:cover;}
	/* sub default */
	.sub_top .sub_top_txt h1{font-size: 30px;}
	.sub_top .sub_top_txt .p1{font-size: 18px;}
	
	
	.section_div > section{padding: 40px 20px;}
	.section_div > .section3{height: 302px;}
	
	/* lks_touchSlider  */
	.lks_touchSlider ul,.lks_touchSlider{height: 350px;}
	.lks_touchSlider ul li{background-size:cover; }
	.btn_area a .icon_bg{width: 20px;height: 35px;margin-left: -10px;margin-top: -17.5px;}
	.btn_area .prev .icon_bg{background-position:-217px -1062px;}
	.btn_area .next .icon_bg{background-position:-217px -1096px;}
	
	
	.lks_paging li{font-size: 13px;height: 43px;}
	.lks_paging li br{display: block;}
	.lks_paging li:BEFORE{top:30% }
	
	.section_div > section > ul > .li_th,
	.section_div > section > ul > .li_td{width: 100%;float: none;margin: 0 auto;}
	.lks_paging li .icon_bg{display: none;}
	.lks_paging li{
    width: 30%;
    width: -webkit-calc(33.33333% - 4px);
    width: -moz-calc(33.33333% - 4px);
    width: calc(33.33333% - 4px);
    box-shadow: 2px 2px #e6e6e6;
    margin-bottom: 6px;
	}
	.lks_paging .margin_right{margin-right: 6px;}
	.li_th h2 br{display: none;}
	/* lks_touchSlider  */
	
}


@media only screen and (max-width: 758px) {
	.lks_touchSlider ul li > .div2{height:200px; }
	.btn_area a{width: 40px;top: -200px;height: 200px;}
	.lks_touchSlider ul li > .div2 .div_innner{padding: 0 50px;}
	.lks_touchSlider ul li > .div2 .p2{font-size: 12px;}
	.lks_touchSlider ul li > .div2 .p1{margin-bottom: 0px;font-size: 15px;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.p2 br{display: none;}
	.section_div > section > ul > .li_th > h2{font-size: 28px;}
}