@charset "utf-8";
@import url("fonts/fonts.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;500;700;900&family=Roboto:wght@100;300;500;700;900&display=swap');

/* 공통 */
html {width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none; font-family: "Roboto", "Noto Sans KR", sans-serif; font-weight: 300; -webkit-text-size-adjust:none;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;color:#777;}

a { -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}

p {margin: 20px 0; word-break:keep-all;}

.clear { clear:both;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;}
.clear60 { clear:both; height:60px;}
.clear80 { clear:both; height:80px;}
.clear100 { clear:both; height:100px;}
.clear_dot { clear:both; border-bottom:#ddd dashed 1px}
.clear_line120 { clear:both; height:60px; margin-bottom:60px; border-bottom:#ddd solid 1px}
.text_center { text-align:center;}
.right_img { float:right; margin:0 0 20px 20px;}
.left_img { float:left; margin:0 20px 20px 0;}
.shadow_img { box-shadow:5px 5px 15px rgba(0,0,0,0.2);}
.height20 { height:20px;}

.up-on-scroll { opacity:0; transition: transform 0.7s, opacity 0.5s;}

.sitemap_box { background:#f5f5f5 url(/eng/img/footer_bg.png) right center no-repeat; padding:20px 0;}
.sitemap_ul {}
.sitemap_ul .sitemap_li { display:inline-block; vertical-align:top; margin:20px 3% 20px 0; font-size:17px; font-weight:500; color:#555;}
.sitemap_ul .sitemap_li ul { font-size:15px; font-weight:300; color:#888; margin-top:10px;}
.sitemap_ul .sitemap_li ul li { margin-top:5px;}

footer { padding:30px 0 !important; background:#fff;}
footer .container { font-size:13px; color:#888; line-height:1.6; position:relative;}
.bottom_logo img { width:145px;}
.copyright { font-size:13px; color:#aaa; margin-top:5px;}

#back-top {
	position:fixed; bottom:0; right:10px; z-index:9;
	padding:10px 0;
	width:40px;
	height:40px;
	background:rgba(0,170,80,0.8);
	text-align:center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
#back-top:hover { background:rgba(0,170,80,1);}

/* 메인 */
.main_title01 { font-size:40px; color:#000; font-weight:500; text-align:center; text-transform:uppercase;}
.main_title01 span { font-size:40px; color:#00a650; font-weight:500;}
.main_title01_bar { width:1px; height:60px; background:#000; margin:10px auto;}

.main_title02 { font-size:40px; color:#fff; font-weight:500; text-align:center; text-transform:uppercase;}
.main_title02_bar { width:1px; height:60px; background:#fff; margin:10px auto;}

.main_top { border-bottom:#ccc solid 1px; position:relative; z-index:1; text-align:center;}
.main_top_ul { background:#fff; padding:60px 20px; margin-top:-80px;}
.main_top_text { font-size:18px; line-height:1.8; margin-bottom:30px;}
.main_top_ul li { display:inline-block; vertical-align:top; font-size:18px; font-weight:500; color:#999; text-transform:uppercase; line-height:1; border-right:#aaa solid 2px; margin:10px 20px 10px 0; padding-right:20px;}
.main_top_ul li:last-child { border-right:none; margin:10px 0 10px 0; padding-right:0;}

.main_pro { padding:80px 0;}
.main_contact { padding:80px 0; background:url(/eng/img/main_contact_bg.jpg) center center fixed no-repeat; background-size:cover; text-align:center; color:#fff; font-size:18px;}
.main_btn { margin-top:30px;}
.main_btn a { color:#fff; padding:15px 40px; border:#fff solid 1px; border-radius:50px; background:rgba(0,0,0,0.2);}
.main_btn a:hover { background:rgba(0,0,0,0.3);}

.main_board { padding:60px 0;}
.main_board .main_board_l { float:left; width:49%; height:280px; padding:30px; border:#ccc solid 1px;}
.main_board .main_board_r { float:right; width:49%; height:280px; padding:30px; border:#ccc solid 1px;}

.main_map { height:300px; background:url(/eng/img/main_map.jpg) center center no-repeat; background-size:cover;}
/* 메인 */

/* 서브 */
.sub_top { padding:180px 0 140px 0; text-shadow:0 0 10px rgba(0,0,0,0.7); font-weight:300; text-align:center; color:#fff;}
.sub_top .sub_top_text01 { font-size:30px; margin-bottom:10px; letter-spacing:1px;}
.sub_top .sub_top_text02 { font-size:20px;}
.sub_top01 { background:url(/eng/img/sub/sub_top01.jpg) center center no-repeat; background-size:cover;}
.sub_top02 { background:url(/eng/img/sub/sub_top02.jpg) center center no-repeat; background-size:cover;}
.sub_top03 { background:url(/eng/img/sub/sub_top03.jpg) center center no-repeat; background-size:cover;}
.sub_top04 { background:url(/eng/img/sub/sub_top04.jpg) center center no-repeat; background-size:cover;}
.sub_top05 { background:url(/eng/img/sub/sub_top05.jpg) center center no-repeat; background-size:cover;}

.sub_nav_menu { background:#fff; padding:20px 10px; text-align:center; margin-top:-40px; position:relative; z-index:1; border-bottom:#ccc dashed 1px;}
.sub_nav_menu li { display:inline-block; vertical-align:top; margin:5px 20px;}
.sub_nav_menu li a { font-size:18px; font-weight:500; color:#666;}
.sub_nav_menu li a:hover { color:#3a9d00;}
.sub_nav_menu .menu_on a { color:#3a9d00;}

.sub_container { padding:60px 0; font-size:18px; line-height:1.9;}

.sub_title01 { font-size:40px; font-weight:500; margin-bottom:40px; text-align:center;}

.abo01_top_img { float:left; width:400px; margin:0 40px 0 0;}
.abo01_top_img img { width:100%;}

.abo01_gray { background:#fbfbfb; padding:40px 30px; margin:30px 0;}
.abo01_gray_title { font-size:30px; font-weight:500; color:#2e8092; margin-bottom:5px;}
.abo01_ul li { font-size:17px; line-height:1.7; margin-bottom:10px;}

.abo01_icon { text-align:center; font-size:0;}
.abo01_icon li { display:inline-block; vertical-align:top; font-size:16px; width:46%; margin:20px 2%; line-height:1.5;}
.abo01_icon li img { background:#00a650; border-radius:50%;}
.abo01_icon li .abo01_icon_title { font-size:25px; font-weight:500; color:#00a650; margin:10px 0;}

.pro_prev { float:left; margin-top:-40px;}
.pro_prev a { font-size:15px; color:#777; text-transform:uppercase;}
.pro_prev a img { margin:0 5px -3px 0;}

.pro_btn01 { margin:40px 0; text-align:center;}
.pro_btn01 li { display:inline-block; vertical-align:top; margin:5px; padding:5px; border:#3a9d00 solid 2px; border-radius:50px; width:160px;}
.pro_btn01 li a { color:#3a9d00;}

.pro_bar { width:60px; height:2px; background:#ddd; margin:20px auto;}

.pro_list01 { font-size:0;}
.pro_list01 li { display:inline-block; vertical-align:top; margin:20px 1%; width:31%; min-width:190px;}
.pro_list01 li .pro_list01_text { font-size:15px; color:#666; line-height:1.5;}
.pro_list01 li img { max-width:100%; height:auto; border:#ddd solid 1px; margin-bottom:10px;}

.pro_title01 { font-size:15px; line-height:1.3; color:#888; text-align:center;}
.pro_title02 { font-size:35px; font-weight:600; line-height:1.3; color:#379b87; margin:10px 0 30px 0; text-align:center;}
.pro_title02 span { font-weight:300; color:#000;}
.pro_title03 { font-size:25px; font-weight:500; line-height:1.3; color:#888; margin:40px 0 10px 0;}

.pro_leftimg { float:left; margin-right:40px; text-align:center;}

.pro_cer { margin-top:40px;}
.pro_cer span { color:#3a9d00;}

.pro_text_box { font-size:16px;}
.pro_text_box strong { font-weight:500;}
.pro_text_box a { color:#2e3092; font-weight:500; text-decoration:underline !important;}
.pro_text_box a:hover { text-decoration:underline !important;}
.pro_text_box li { line-height:1.5; margin:8px 0; padding-left:15px; background:url(/eng/img/sub/ul_dot.png) left 9px no-repeat;}
.pro_text_box li span { color:#3a9d00;}

.pro_howto li { position:relative; display:inline-block; vertical-align:top; text-align:center; width:30%; margin:0 2% 0 0; font-size:15px; line-height:1.3;}
.pro_howto li .pro_howto_img { display:block; margin:0 auto 20px auto;}
.pro_howto li .pro_howto_arrow { position:absolute; right:-20px; top:40%; z-index:9;}

.pro_howto02 li { position:relative; display:inline-block; vertical-align:top; text-align:center; width:22%; margin:0 2% 0 0; font-size:15px; line-height:1.3;}
.pro_howto02 li .pro_howto_img { display:block; margin:0 auto 20px auto;}
.pro_howto02 li .pro_howto_arrow { position:absolute; right:-20px; top:40%; z-index:9;}
/* 서브 */

/*표*/
.table_style table { width:100%; min-width:600px; border-bottom:#999 solid 2px; border-collapse:collapse;}
.table_style table tr td { border:#ddd solid 1px; padding:7px 20px; vertical-align:middle; line-height:1.6; font-size:14px;}
.table_style .table_title01 { font-size:15px; color:#fff; padding:10px 20px; background:#7d9858; border:#93ab74 solid 1px;}
.table_style .table_title02 { color:#000; background:#fafafa;}
/*표*/

.video-box { max-width:850px; margin:0 auto;}
.sub_btn_bar { width:1px; height:60px; background:#ccc; margin:10px auto;}
.sub_btn { margin-top:30px; text-align:center;}
.sub_btn a { color:#3a9d00; padding:15px 40px; border:#3a9d00 solid 1px; border-radius:50px;}
.sub_btn a:hover { background:#3a9d00; color:#fff;}
/*----------영상 자동높이-----------*/
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 
/*----------영상 자동높이-----------*/

/*팝업*/
.cat_layer {display:none; position:fixed; top:20%; left:50%; width:600px; margin-left:-300px; z-index:99999; background:#fff; padding:30px;}
.cat_layer .close {position:absolute; top:-30px; right:0; display:block; width:30px; height:30px; background:url(/eng/img/x.png) center center no-repeat; background-size:30px 30px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.down_pop li { padding:15px 30px; border:#ccc solid 1px; margin-bottom:-1px;}
.down_pop li a { font-size:18px; color:#666;}
.down_pop li a:hover { color:#3a9d00;}
.down_pop li img { width:15px; margin-left:10px;}

.mov_layer {display:none; position:fixed; top:20%; left:50%; width:700px; margin-left:-350px; z-index:99999;}
.mov_layer iframe {width:700px; height:400px;}
.mov_layer .close {position:absolute; top:-30px; right:0; display:block; width:30px; height:30px; background:url(/eng/img/x.png) center center no-repeat; background-size:30px 30px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}

.dim {display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; z-index:9999;}
/*팝업*/

.cer_ul { text-align:center; font-size:0;}
.cer_ul li { display:inline-block; vertical-align:top; width:29%; margin:20px 2%;}
.cer_ul li img { margin:0 auto;}
.cer_ul li .cer_ul_text { font-size:15px; line-height:1.5; margin-top:10px;}

@media screen and (max-width:991px){
	/*팝업*/
	.mov_layer {width:600px; margin-left:-300px;}
	.mov_layer iframe {width:600px; height:350px;}
	/*팝업*/
	
	.right_img { max-width:50%;}
	.left_img { max-width:50%;}
}
@media screen and (max-width:767px){
	.sitemap_ul .sitemap_li { margin:20px 3% 20px 0; font-size:15px;}
	.sitemap_ul .sitemap_li ul { font-size:13px;}
	
	footer .container { font-size:12px;}
	.bottom_logo img { width:80px;}
	.copyright { font-size:12px;}

	/*팝업*/
	.cat_layer {width:440px; margin-left:-220px;}
	.mov_layer {width:440px; margin-left:-220px;}
	.mov_layer iframe {width:440px; height:270px;}
	/*팝업*/
	
	.right_img { max-width:100%; width:auto; float:none; margin:0 0 10px 0;}
	.left_img { max-width:100%; width:auto; float:none; margin:0 0 10px 0;}
	
	.main_title01 { font-size:26px;}
	.main_title01 span { font-size:26px;}
	.main_title01_bar { height:30px;}
	
	.main_title02 { font-size:26px;}
	.main_title02_bar { height:30px;}

	.main_top_text { font-size:15px;}
	.main_top_ul li { font-size:15px; margin:10px 10px 10px 0; padding-right:10px;}
	
	.main_contact { padding:50px 0; background:url(/eng/img/main_contact_bg.jpg) center center no-repeat; background-size:100%; font-size:15px;}
	.main_btn a { padding:12px 30px;}

	.main_board .main_board_l { float:none; width:100%; height:auto; padding:20px; margin-bottom:10px;}
	.main_board .main_board_r { float:none; width:100%; height:auto; padding:20px;}

	.sub_top { padding:120px 0 80px 0;}
	.sub_top .sub_top_text01 { font-size:20px;}
	.sub_top .sub_top_text02 { font-size:15px;}
	.sub_top_title .sub_top_title01 { display:block; margin:0;}
	
	.sub_nav_menu li { margin:5px 10px;}
	.sub_nav_menu li a { font-size:15px; font-weight:300;}
	
	.sub_container { font-size:16px;}
	.sub_title01 { font-size:30px; margin-bottom:20px;}
	.abo01_top_img { float:none; width:100%; height:250px; overflow:hidden; margin:0 0 20px 0;}
	
	.cer_ul li { width:46%;}
	
	.pro_btn01 li { width:120px;}
	.pro_leftimg { float:none; margin-right:auto; margin-left:auto; margin-bottom:20px; width:310px;}
	
	.pro_title01 { font-size:12px;}
	.pro_title02 { font-size:25px;}
	.pro_title03 { font-size:18px;}
	
	.pro_howto li { width:70%; margin:20px 0;}
	.pro_howto li .pro_howto_img { display:block; margin:0 auto 10px auto;}
	.pro_howto li .pro_howto_arrow { position:absolute; right:45%; top:auto; bottom:-50px; transform: rotate( 90deg );}
	
	.pro_howto02 li { width:48%; margin:20px 0;}
	.pro_howto02 li .pro_howto_img { display:block; margin:0 auto 10px auto;}
}