@charset "utf-8";


/************************************************************** inc *********************************************************************/ 

header>div.wrapper { position:relative; font-family:'Noto Sans KR','Nanum Square', ;}
header { background:#ffffff; box-shadow: rgba(113, 113, 113, 0.2) 0px 2px 6px; box-sizing: border-box; height: 85px;  }
header h1 { position:absolute; z-index:3; top:0px; left:0; }
header h1 a { display:inline-block; width:204px; height:86px; background:url('../images/logo_pc.png') no-repeat 0 50%; background-size:100%; text-indent:-9999px; }
header h1 a img {display:none}
header nav #lnb { overflow:hidden; margin:0 0 0 10%; width:70%; padding-left:20%; overflow: hidden; }
header nav #lnb>li { float:left; width:25%; }
header nav #lnb>li>a {display: block;  transition:0.3s all ease; 
    padding: 33px 0;
    color: #404040;
    font-size: 20px;
    line-height: 18px;
    text-align: center;
	}
header nav #lnb>li>a.on { color:#12C8A7; /*color:#005bac;*/} 
header nav .submenu { position:absolute; z-index:999; top:76px; display:none;  width:17%; background:#0E6253; text-align:center; border-top: 4px solid #d2d2d2; margin:-4px 0 0 0; }
header nav .submenu ul li a { display:block; padding:7px 0; color:#ffffff; line-height: 160%; border-top: 1px solid #57B5A4; border-bottom: 1px solid #0E6253; /*border-top: 1px solid #0088da; border-bottom: 1px solid #0068a6;*/ font-family: 'Noto Sans KR'; font-size:15px; font-weight:400; letter-spacing: -0.2px;  }
header nav .submenu ul li a:hover { background:#138F79; }


footer { background:#2a2a2a;}
.topbtn { color:#ababab; font-size:14px;  text-align: center; width:200px; height:30px; line-height:30px; margin:0 auto; border:1px solid #15BA67; border-radius:3px;}
.topbtn a {display: block; color:#15BA67;}
.btm_info { padding:25px 0; letter-spacing:0px; }
.btm_info address, .btm_info .copyright {font-family: 'Noto Sans KR'; color:#e2e2e2; font-size:13px;  text-align: center; padding: 10px 0;}

.btm_info span {display: block;}
.btm_info .copyright {color:#ababab}


/*유투브카톡 아이콘*/
	.btm_info address .telnum02 {display:inline-block; margin-top:3px;margin-left:5px;}
	.btm_info address .telnum02 span img {width:100%;}



/*
footer { background:#2a2a2a;}
footer p { color:#ababab; font-size:13px; text-align:center; line-height: 160%;}
.btm_info { padding:25px 0; letter-spacing:0px; }
.map {display:inline-block; margin-left:5px;}
.map a {display:block; color:#fff; padding:1.5px 5px;font-size:12px;background:#666; box-sizing:border-box}
*/


/* search form */
.search_wrap {width:100%; padding:20px 0; overflow:hidden;}
._board {padding:0px 0;}
.search_wrap .search_area {float: right; position:relative;}
.search_wrap .search_area select {}
.search_wrap .search_area .txt_area {padding:0 40px 0 10px; display:inline-block; position:relative; border:0;border: 1px solid #d1d1d1;}
.search_wrap .search_area .txt_area .shc {border: 1px solid #d1d1d1;}
.search_wrap .search_area .m_input_wrap {display:inline-block; vertical-align:bottom;}
.search_wrap .search_area .txt_area input[type=text] {width:170px; height:33px; border:0; background-color: transparent;}
.search_wrap .search_area input[type=button] {width:43px; height:35px; position:absolute; right:0; top:0; border:0; background: #969696; color: #fff;}

.select_st1 {width:95px; height:35px; overflow:hidden; border:0; line-height:35px; font-size:0.9em; color:#666; text-align:left;    padding: 0 40px 0 10px;
    border: 1px solid #d1d1d1;
    vertical-align: middle;
    background: #fff url(../images/inc/drop_ic.png) no-repeat right center;}

.pagination {padding-top:25px; text-align:center;}
.pagination a {min-width:34px; height:34px; display:inline-block; line-height:35px; margin: 0 1px;}
.pagination .btn_first {background:url(../images/inc/btn_prev_first.gif) 0 0 no-repeat;}
.pagination .btn_first:hover {background:url(../images/inc/btn_prev_first_over.gif) 0 0 no-repeat;}
.pagination .btn_prev {background:url(../images/inc/btn_prev.gif) 0 0 no-repeat;}
.pagination .btn_prev:hover {background:url(../images/inc/btn_prev_over.gif) 0 0 no-repeat;}
.pagination .btn_next {background:url(../images/inc/btn_next.gif) 0 0 no-repeat;}
.pagination .btn_next:hover {background:url(../images/inc/btn_next_over.gif) 0 0 no-repeat;}
.pagination .btn_last {background:url(../images/inc/btn_next_last.gif) 0 0 no-repeat;}
.pagination .btn_last:hover {background:url(../images/inc/btn_next_last_over.gif) 0 0 no-repeat;}
.pagination .page a {font-family: 'Verdana'; min-width:32px; height:32px; margin:0 2px; padding:0 2px; border: solid 1px #d0d0d0; line-height:32px; background-color:#fff; color:#2b2b2b; vertical-align:top; font-size: 13px;}
.pagination .page a:hover {background-color:#e0e0e0;}
.pagination .page a.on {font-family:'Verdana'; background-color:#e8e8e8;} 




/************************************************************** main ***************************************************************************/ 

.main-slide,
.main-slide .slide{ position:relative;z-index:0 !important;}
.main-slide .slide .item{ background-repeat:no-repeat; background-position:50% 0; background-size:cover;}
.main-slide .slide .item a{ position:relative; display:block; height:590px; overflow:hidden;}
.main-slide .slide .item a img.pc{ position:absolute; top:0; left:50%; margin:0 0 0 -960px; display:block; width:1920px; height:590px; max-width:1920px;}
.main-slide .slide .item a img.mobile{ display:none;}
/*.main-slide .bx-controls-direction>a{ position:absolute; top:50%; width:21px; height:36px; background-position:50% 50%; text-indent:-9999px;}
.main-slide .bx-controls-direction>a.bx-prev{ background-image:url('../images/main/slide_prev.png'); left:50%; margin:0 0 0 -605px;}
.main-slide .bx-controls-direction>a.bx-next{ background-image:url('../images/main/slide_next.png'); right:50%; margin:0 -605px 0 0;}*/
.main-slide .dots{ position:absolute; bottom:45px; left:0; width:100%; text-align:center; height:12px; z-index:99999 !important;}
.main-slide .dots .dot{ display:inline-block; margin:0 3px; padding:1px 0 0;}
.main-slide .dots .dot span{ display:block; width:12px; height:12px; background-color:#999; border-radius:6px;}
.main-slide .dots .dot.active span{ width:38px; background-color:#0E6253;}
.main-slide .play{ display:inline-block; width:12px; height:14px; margin:0 3px; background-position:50% 50%; background-repeat:no-repeat; background-image:url('../images/main/icon_play_M.png'); z-index:9; background-size:10px 14px; z-index:9; display:none; }
.main-slide .stop{ display:inline-block; width:12px; height:14px; margin:0 3px; background-position:50% 50%; background-repeat:no-repeat; background-image:url('../images/main/slide_stop.png'); z-index:9; }
.main-slide .bx-controls-direction>a {display: none;}

/*
#visual { position:relative; left:50%; margin-left:-1000px; width:2000px; height:583px; }
#visual img {max-width:100%; height:auto}
#visual .pc { display:block; }
#visual .mobile { display:none; }*/
#main_cont { overflow:hidden; padding:45px 0; width:100%; max-width: 1100px; margin: 0 auto; }
#main_cont #banner>ul li {
    float: left;
    width: 14.5%;
    height: 100px;
    padding: 100px 1% 0 1%;
    border-right:1px solid #ddd;
    text-align: center;
    /*transition: 0.4s all ease;*/
	transition: ease-in-out .5s;
	-webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
    -ms-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    /* transition: ease-in-out .5s; */
	}
#main_cont #banner>ul li dl dt {font-family: 'Nanum Square' !important;font-size:18px; font-weight:600; color:#222}
#main_cont #banner>ul li dl dd {font-family: 'Noto Sans KR'; padding-top: 10px; line-height: 20px;font-size: 14px; letter-spacing: -1px;color: #808080;}

#main_cont #banner>ul li.banner01 {
    background:url(../images/main/icon_01.png)  center 15% no-repeat;
	background-size:80px;
	}
#main_cont #banner>ul li.banner01:hover {
    background:url(../images/main/icon_01_on.png) #0E6253 /*#005bac*/ center 15% no-repeat;
	background-size:80px;

	}
#main_cont #banner>ul li:hover dl dt {color:#fff; }
#main_cont #banner>ul li:hover dl dd {color:#fff}


#main_cont #banner>ul li.banner02 {
    background:url(../images/main/icon_02.png) center 15% no-repeat;
	background-size:80px;
	}
#main_cont #banner>ul li.banner02:hover {
    background:url(../images/main/icon_02_on.png) #0E6253 center 15% no-repeat;
	background-size:80px;
	}


#main_cont #banner>ul li.banner03 {
    background:url(../images/main/icon_03.png) center 15% no-repeat;
	background-size:80px;
	}
#main_cont #banner>ul li.banner03:hover {
    background:url(../images/main/icon_03_on.png) #0E6253 center 15% no-repeat;
	background-size:80px;
	}


#main_cont #banner>ul li.banner04 {
    background:url(../images/main/icon_04.png) center 15% no-repeat;
	background-size:70px;
	}
#main_cont #banner>ul li.banner04:hover {
    background:url(../images/main/icon_04_on.png) #0E6253 center 15% no-repeat;
	background-size:70px;
	}


#main_cont #banner>ul li.banner05 {
    background:url(../images/main/icon_05.png) center 15% no-repeat;
	background-size:80px;
	}
#main_cont #banner>ul li.banner05:hover {
    background:url(../images/main/icon_05_on.png) #0E6253 center 15% no-repeat;
	background-size:80px;
	}


#main_cont #banner>ul li.banner06 {
    background:url(../images/main/icon_06.png) center 15% no-repeat;
	background-size:80px;
	border-right:0;
	}
#main_cont #banner>ul li.banner06:hover {
    background:url(../images/main/icon_06_on.png) #0E6253 center 15% no-repeat;
	background-size:80px;
	}



/*************************************** media query ******************************************/ 





@media all and (min-width:1100px) {
	.wrapper { margin:0 auto; width:1100px; }
	.topbtn {display:none}



}





@media all and (max-width:1099px) {
	header h1 { left:20px; }
	header nav #lnb { width:66%; }
	header nav #lnb>li>a { font-size:17px; }
	header nav .submenu {width:17%; }
	/*footer .wrapper { padding:0 20px; }*/
	footer {padding-top:30px}
	}






@media all and (max-width:1020px) {
	#main_cont #banner>ul li dl dd { font-size: 13.5px;}
	.search_wrap {padding:20px 0;}

	}





@media all and (max-width:950px) {
	header nav #lnb {padding-left: 240px;}
	.main-slide .slide .item a{ display:block;}
	.main-slide .bx-controls-direction>a{ display:none;}
	header nav .submenu ul li a {font-size:14px; }
	/*#visual { position:relative; left:0; margin-left:0; width:100%; height:auto; }
	#visual .pc { display:none; }
	#visual .mobile { display:block;  width:100%;}*/
	#main_cont #banner>ul li {
    width: 24.8%;
    height: 100px;
    padding:100px 0 0 0;
    border-right:1px solid #ddd;
    text-align: center;
    transition: 0.5s all ease;
	}
	#main_cont #banner>ul li.banner04 {border-right:0}
	#main_cont #banner>ul li.banner05 {
    width: 50%;
    height: 150px;
    border-right: 1px solid #fff;
    background: #eee url(../images/main/icon_05.png) 16% 50% no-repeat;
    background-size: 70px;
    margin: 20px 0% 0 0;
    padding: 37px 0;
    box-sizing: border-box;
	}
	#main_cont #banner>ul li.banner05:hover {
    background:url(../images/main/icon_05_on.png) #0E6253 16% 50% no-repeat;
	background-size:70px;
	}
	#main_cont #banner>ul li.banner06 {
    width: 50%;
    height: 150px;
    border-right: 0;
    background: #eee url(../images/main/icon_06.png) 16% 50% no-repeat;
    background-size: 70px;
    margin-top: 20px;
    padding: 37px 0;
    box-sizing: border-box;
	}
	#main_cont #banner>ul li.banner06:hover {
    background:url(../images/main/icon_06_on.png) #0E6253 16% 50% no-repeat;
	background-size:70px;
	}
	.search_wrap {padding:0 0 20px 0;}
	.search_wrap .search_area {float: none; width: 347px; position: relative; margin: 0 auto;}

	.topbtn {display:block}
	.btm_info address .telnum a { color:#ababab; font-size:13px; }

	
}




@media all and (min-width:769px) {
	.pc_hidden { display:none; }
}




@media all and (max-width:768px) {
	.mb_hidden, .mb_hidden * { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }		
	.pc_hidden { display:block; }

	header { height:70px; }	
	header h1 { top:9px; left:8px; }
	header h1 a {width:100%; background: none; text-indent: -9999px; font-size: 0; height: 0;}
	header h1 a img {display: block; width:185px; padding-top: 5px; }
	header nav h2 a { position:absolute; z-index:3; top:0; right:0; display:block; width:70px; height:70px; background:#2C927F /*background:#0078c0*/ url('../images/inc/menu_btn.png') no-repeat center; background-size:24px; text-indent:-9999px; }
	header nav h2 a.on { background-image:url('../images/inc/all_close.png'); }
	header nav #lnb { overflow:inherit; position:absolute; z-index:100; top:70px; width:100%; padding-left:0px; margin: 0; }

	header nav #lnb>li { width:100% !important; background:#0E6253; border-top: 1px solid #57B5A4; border-bottom: 1px solid #0E6253; }
	header nav #lnb>li>a { padding:15px 20px; color:#ffffff; text-align:left; font-size:17px; letter-spacing: -0.5px;}
	header nav #lnb>li>a.on { color:#ffffff; }
	header nav .submenu { position:static; margin:0 !important; width:100%; background:#ffffff; }
	header nav .submenu ul li a { padding:10px 20px; border:0px; color:#333333; text-align:left; }
	header nav .submenu ul li a:hover { background:#ececec; }

	/*추가*/
	.btm_info address .btm_info .telnum02 span img {width:10%;}
	.btm_info address .telnum02 {display:inline-block; margin-top:3px;}
	.btm_info address .telnum02 span {padding-left:2px;}
	/*.btm_info address .telnum02 span img {width:30%;}*/





	
	.main-slide .slide .item a{ display:block; height:auto;}
	.main-slide .slide .item a img.pc{ display:none;}
	.main-slide .slide .item a img.mobile{ display:block; width:100%;}
	.main-slide .bx-controls-direction>a{display:none;}
	
	#main_cont #banner>ul li {
		width: 25%;
		height: 120px;
		padding: 90px 0 0 0;
		border-right: 1px solid #ddd;
		text-align: center;
		box-sizing: border-box;
		transition: 0.5s all ease;
		}
	#main_cont #banner>ul li dl dd {display:none}
	.banner05 dl dt {padding-top: 27px; text-align: right; padding-right:30%;}
	.banner06 dl dt {padding-top: 27px; text-align: right; padding-right:30%;}

}





@media all and (max-width:640px) {
	.main-slide .slide .item a{ display:block; height:auto;}
	.main-slide .slide .item a img.pc{ display:none;}
	.main-slide .slide .item a img.mobile{ display:block; width:100%;}
	.main-slide .dots{ bottom:20px;}
	.main-slide .bx-controls-direction>a{display:none;}

	#main_cont {padding:0;}
	#main_cont #banner>ul li {width:50%;height:190px;padding:130px 0 0 0;border:0;}
	#main_cont #banner>ul li:hover {}
	#main_cont #banner>ul li.banner01 {
		background:url(../images/main/icon_01.png) #eee center 30% no-repeat;
		background-size:70px;
		}
	#main_cont #banner>ul li.banner02 {
		background:url(../images/main/icon_02.png) center 30% no-repeat;
		background-size:60px;
		}
	#main_cont #banner>ul li.banner03 {
		background:url(../images/main/icon_03.png)  center 30% no-repeat;
		background-size:80px;
		}
	#main_cont #banner>ul li.banner04 {
		background:url(../images/main/icon_04.png)#eee center 30% no-repeat;
		background-size:70px;
		}
	#main_cont #banner>ul li.banner05 {
		height:190px;
		padding:130px 0 0 0;
		border:0;
		background:url(../images/main/icon_05.png) #eee center 30% no-repeat;
		background-size: 70px;
		margin:0;
		box-sizing: border-box;
		}
	#main_cont #banner>ul li.banner05:hover {
		background:url(../images/main/icon_05_on.png) #0E6253 center 30% no-repeat;
		background-size: 70px;
		}
	#main_cont #banner>ul li.banner06 {
		height:190px;
		padding:130px 0 0 0;
		border:0;
		background:url(../images/main/icon_06.png) center 30% no-repeat;
		background-size:70px;
		margin: 0px;
		box-sizing: border-box;
		}
	#main_cont #banner>ul li.banner06:hover {
		background:url(../images/main/icon_06_on.png) #0E6253 center 30% no-repeat;
		background-size: 70px;
		}
	.banner05 dl dt {padding-top: 0; text-align: center; padding-right:0;}
	.banner06 dl dt {padding-top: 0; text-align: center; padding-right:0;}
	
}





@media all and (max-width:480px) {
	body { min-width:320px; }
	/*#visual>ul>li>a { bottom:20px; }*/
	/*header nav h2 a { position:absolute; z-index:3; top:0; right:0; display:block; width:60px; height:60px; background:#0078c0 url('../images/inc/menu_btn.png') no-repeat center; background-size:24px; text-indent:-9999px; transition:0.3s all ease; }
	header nav h2 a.on { background-image:url('../images/inc/all_close.png'); }
    #main_cont #banner>div span { display:block; }*/
	.search_wrap .search_area {float: none; width: 282px; position: relative; margin: 0 auto;}
	.search_wrap .search_area .txt_area input[type=text] {width:130px; height:33px; border:0; background-color: transparent;}
	.select_st1 {width:70px; padding: 0 20px 0 10px;}

}