@charset "utf-8";

/*---
font-family: 'NanumSquareNeoLight';
font-family: 'NanumSquareNeo';
font-family: 'NanumSquareNeoBold';
font-family: 'NanumSquareNeoExtraBold';
font-family: 'NanumSquareNeoHeavy';
---*/

/*-----------------------공통-----------------------*/
html {width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden; 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: 'NanumSquareNeo'; font-size:15px; line-height:1.7; -webkit-text-size-adjust:none;}

html, body { height:100% !important;}

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;}

/*-----드래그----*/
::-moz-selection {
   background: #0f6c38;
   color: #fff;
}
::selection {
   background: #0f6c38;
   color: #fff;
}
/*-----드래그----*/

/*-----스크롤----*/
::-webkit-scrollbar { width:8px; height:4px;}
::-webkit-scrollbar-track { background:#fff;}
::-webkit-scrollbar-thumb { background:#0f6c38;}
/*-----스크롤----*/

/*-----공통----*/
img { height:auto; max-width:100%; vertical-align:middle;}
.clear {clear:both;}
.clear20 {clear:both; height:20px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}
.clear200 {clear:both; height:200px;}
.clear_dot {clear:both; height:80px; margin-bottom:80px; border-bottom:#ddd dashed 1px;}

.text_center { text-align:center;}

.container { font-family: 'NanumSquareNeo'; max-width:1300px; width:100%; position:relative; margin:0 auto; padding:0 20px;}
h1 { font-family: 'NanumSquareNeoHeavy';}
h2 { font-family: 'NanumSquareNeoBold';}
h3 { font-family: 'NanumSquareNeoLight';}

#top_btn {position:fixed; bottom:20px; right:20px; width:45px; height:45px; border:1px solid #888; text-align:center; z-index:90; background:rgba(0,0,0,0.3); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#top_btn img { position:relative; top:-3px;}
#top_btn:hover {border-color:#0f6c38; background:#0f6c38;}

.footer_partnrt { border-top:#ddd solid 1px; background:#fff;}
.footer_partnrt_ul { text-align:center; padding:15px 0; margin:0 -4%;}
.footer_partnrt_ul li { display:inline-block; vertical-align:middle; margin:0 4%;}
.footer_partnrt_ul li img { height:50px;}

.footer { vertical-align: top; width:100%; background:#333; padding:30px 0;}
.footer_ul { padding-left:200px; position:relative;}
.footer_ul img { position:absolute; width:180px; opacity:0.5; left:0; top:5px;}
.footer_ul li { display:inline-block; vertical-align:top; font-size:14px; color:rgba(255,255,255,0.5); margin-right:30px; margin-top:3px;}
.footer_ul li:last-child { width:100%; font-size:13px; color:rgba(255,255,255,0.3); margin-right:0;}
.footer_ul li:last-child a { font-size:13px; color:rgba(255,255,255,0.3);}
/*-----공통----*/


/* 메인 */
.main_nav {
	position: fixed;
	left: 60px;
	top: 40%;
	transform: translateY(-50%);
	z-index: 99;
}
.main_nav li a {
	line-height:2;
	transition: color 0.3s;
	text-decoration: none;
}
.main_nav li a .main_nav_text { display:none; font-size:13px; position:relative; top:-1px;}
.main_nav li a.active .main_nav_text { display:inline-block;}

.main_nav li a.section0,
.main_nav li a.section2 {
    color:#fff;
}

.main_nav li a.section1,
.main_nav li a.section3 {
    color:#0f6c38; font-weight:600;
}

.main_nav li a span {
    display: inline-block;
	margin-right:10px;
    width: 10px;
    height: 10px;
    border-radius: 50%; /* Make it circular */
    transition: all 0.3s;
}

.main_nav li a.active.section0 span,
.main_nav li a.active.section2 span {
	background:#fff;
	border:#fff solid 1px;
}
.main_nav li a.active.section1 span,
.main_nav li a.active.section3 span {
	background:#0f6c38;
	border:#0f6c38 solid 1px;
}

.main_nav li a .main_nav_bar { display: none; height: 80px; width:1px; margin-left:4px; margin-bottom:10px;}
.main_nav li a.active .main_nav_bar { display: block;}
.main_nav li a.section0 .main_nav_bar,
.main_nav li a.section2 .main_nav_bar { background: #fff;}
.main_nav li a.section1 .main_nav_bar,
.main_nav li a.section3 .main_nav_bar { background: #0f6c38;}


#myContainer { height: 100vh; }
.section {
    position:relative;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh; /* Make sure each section takes full viewport height */
	min-height:900px;
}

.main_title_box {}
.main_title_box .main_title01 { font-size:15px;}
.main_title_box .main_title02 { font-size:40px; line-height:1.3;}
.main_title_box .main_title02 span { font-size:40px; font-weight:900; line-height:1.3;}
.greencolor { color:#0f6c38;}
.whitecolor { color:#fff;}

#section0 {}
.arrowBox { position:absolute; bottom:30px; text-align:center; width:30px; left:50%; margin-left:-15px; z-index:99;}

#section1 { background:#ededed;}
.main_pointbox { position:relative; margin-top:-60px; text-align:center;}
.main_pointbox a { position:absolute; width:35px; height:35px; font-size:20px; font-weight:bold; text-align:center; line-height:35px; border-radius:50%; background:rgba(255,255,255,0.6); color:#0f6c38;}
.main_pointbox a:hover { background:#0f6c38; color:#fff;}
.main_point01 { top:18%; left:13%;}
.main_point02 { top:10%; left:46%;}
.main_point03 { top:4%; left:78%;}
.main_point04 { top:40%; left:46%;}
.main_point05 { top:42%; left:68%;}

.main_pop_cont { max-width:600px;}
.main_pop_cont img { height:50px;}
.main_pop_cont .main_pop_title { font-size:30px; color:#0f6c38;}
.main_pop_cont .main_pop_title02 { font-size:30px; color:#6c440f;}
.main_pop_cont .main_pop_link { color:#0f6c38;}
.main_pop_cont .main_pop_link a { display:inline-block; vertical-align:middle; color:#0f6c38; text-align:center; margin:-3px 0 0 5px; line-height:25px; width:25px; height:25px; background:#bed2ca; border-radius:50%;}
.main_pop_cont .main_pop_link a:hover { color:#fff; background:#0f6c38;}

#section2 { background:url("/kor/img/main/main_bg.jpg") center center no-repeat; background-size:cover;}

#section3 { position:relative;}
.main_board { margin-top:-200px;}

.main_icon_ul { font-size:0; margin:60px -0.5% 0 -0.5%;}
.main_icon_ul li { position:relative; display:inline-block; vertical-align:top; width:49%; margin:0.5%; padding:40px;}
.main_icon_ul li:first-child { background:#0f6c38 url("/kor/img/main/main_icon01.png") right bottom no-repeat;}
.main_icon_ul li:last-child { background:#805825 url("/kor/img/main/main_icon02.png") right bottom no-repeat;}
.main_icon_ul li .main_icon_ul_text { color:#fff; width:70%; height:120px;}
.main_icon_ul li .main_icon_ul_text .main_icon_ul_title { font-size:25px;}
.main_icon_ul li a { position:absolute; right:40px; top:50%; margin-top:-33px;}
.main_icon_ul li a img {}

.section_bottom { position:absolute; width:100%; bottom:0;}
/* 메인 */



/* 서브 */
.sub_top_title { padding-top:150px; margin-bottom:15px; font-size:0;}
.sub_top_title li { display:inline-block; vertical-align:bottom; width:50%;}
.sub_top_title li h1 { font-size:40px; line-height:1.3;}
.sub_top_title li:last-child { text-align:right; font-size:15px; color:#888;}
.sub_top_title li:last-child span { margin-left:15px; padding-left:20px; background:url("/kor/img/sub/arrow.png") left center no-repeat;}
.sub_top_title li:last-child span a { color:#888;}
.sub_top_title li:last-child span:last-child a { color:#0f6c38; font-weight:600;}

.sub_topimg01 { height:400px; background:url("/kor/img/sub/sub_top01.jpg") center center no-repeat; background-size:cover;}
.sub_topimg02 { height:400px; background:url("/kor/img/sub/sub_top02.jpg") center center no-repeat; background-size:cover;}
.sub_topimg03 { height:400px; background:url("/kor/img/sub/sub_top03.jpg") center center no-repeat; background-size:cover;}
.sub_topimg04 { height:400px; background:url("/kor/img/sub/sub_top04.jpg") center center no-repeat; background-size:cover;}


.sub_nav { margin:40px 0; text-align:center;}
.sub_nav span { border:#ddd solid 1px; padding:15px 0; border-radius:50px;}
.sub_nav li { display:inline-block; vertical-align:middle; margin:10px 0;}
.sub_nav li a { font-size:18px; color:#aaa; padding:15px 40px; border-radius:50px;}
.sub_nav li a:hover { color:#0f6c38;}
.sub_nav li .sub_nav_on { background:#0f6c38; color:#fff;}
.sub_nav li .sub_nav_on:hover { color:#fff;}

.sub_cont { padding:60px 0 100px 0;}
.sub_title01 { font-size:30px;}
.sub_gray { padding:80px 0; background-image: linear-gradient(#ededed 70%,#fff 50%);}

.com01_ul01 { font-size:0; text-align:center; margin:20px 0 60px 0;}
.com01_ul01 li { display:inline-block; vertical-align:top; width:31.3%; margin:1%;}
.com01_ul01 li img { padding:20%; border-radius:50%;}
.com01_ul01 li:nth-child(1) img { background: linear-gradient(45deg, #0f6c38, #055428);}
.com01_ul01 li:nth-child(2) img { background: linear-gradient(45deg, #1865a1, #084c81);}
.com01_ul01 li:nth-child(3) img { background: linear-gradient(45deg, #805825, #5d3c11);}
.com01_ul01 .com01_ul01_title { margin-top:10px; font-size:22px; font-weight:600;}
.com01_ul01 .com01_ul01_title span { display:block; font-size:16px; color:#aaa; font-weight:300;}

.history_img { margin-top:10px; height:350px; background:url("/kor/img/sub/his_bg.jpg") center center no-repeat; background-size:cover;}

.history_box { background:url("/kor/img/sub/his_line.jpg") center center repeat-y; margin-top:40px;}
.history_box .his_left { float:left; width:50%;}
.history_box .his_right { float:right; width:50%;}
.his_img { height:300px; margin-top:-30px;}
.his_img01 { background:url("/kor/img/sub/his01.jpg") center center no-repeat; background-size:cover;}
.his_img02 { background:url("/kor/img/sub/his02.jpg") center center no-repeat; background-size:cover;}
.his_img03 { background:url("/kor/img/sub/his03.jpg") center center no-repeat; background-size:cover;}

.his_text_box { padding:0 60px; margin-top:-30px;}
.his_year { position:relative; font-size:35px; color:#0f6c38; line-height:1.3; margin-bottom:25px;}
.his_year span { position:absolute; width:12px; height:12px; border-radius:50%; background:#0f6c38; top:40%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
.his_ul li { margin:7px 0; padding-left:100px;}
.his_ul li strong {display:inline-block; width:100px; margin-left:-100px;}

.history_box .his_left .his_year span { right:-66px;}
.history_box .his_right .his_year span { left:-66px;}
.history_box .his_left .his_img { margin-right:60px;}
.history_box .his_right .his_img { margin-left:60px;}

.history_box .his_left:hover .his_year span { outline:rgba(15,108,56,0.3) solid 5px;}
.history_box .his_right:hover .his_year span { outline:rgba(15,108,56,0.3) solid 5px;}


.greeting_top { height:50px; border:#0f6c38 solid 1px; border-bottom:none; border-radius:50px 50px 0 0; margin-top:60px;}
.greeting_top_text { padding:10px 20px; font-size:17px; text-align:center;}
.greeting_top_text strong { font-size:17px;}
.greeting_top_text h2 { font-size:20px; color:#0f6c38; margin-bottom:20px; word-break:keep-all;}
.greeting_bottom { height:50px; border:#0f6c38 solid 1px; border-top:none; border-radius:0 0 50px 50px; margin-bottom:100px;}

.greeting_title { font-size:30px; margin-bottom:10px; color:#777; line-height:1.5;}
.greeting_ul li { list-style:disc; margin:8px 0 8px 15px; font-size:16px;}
.greeting_img { height:400px; background:url("/kor/img/sub/greeting.jpg") center center no-repeat; background-size:cover; margin:60px 0;}

.greeting_title { font-size:22px; margin-bottom:20px;}
.greeting_title h1 { font-size:28px;color:#0f6c38; line-height:1.5; margin-top:10px;}
.greeting_text { font-size:17px;}
/* 서브 */



/*팝업*/
.layer {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.2; filter:alpha(opacity=20);}
.layer .btn-r { position:absolute; right:20px; top:110px;}
.layer .pop-container { position:absolute; top:0; width:50%; height:100%; left:50%; background:rgba(255,255,255,0.85);}
.pop-box { height:100%; margin:0 60px; display:flex; align-items:center;}
/*팝업*/

/*표*/
.table_pop { margin:30px 0;}
.table_pop table { width:100%; border-collapse:collapse; margin:0 auto;}
.table_pop table tr td { padding:10px 0; vertical-align:top; font-size:15px; color:#000; line-height:1.5; color:#444;}
.table_pop .table_title01 { padding-right:40px; font-size:15px; font-weight:600;}
/*표*/

@media screen and (max-width:991px){
	.footer_partnrt { display:none;}
	
	.main_nav { left: 20px;}
	.main_nav li a.active .main_nav_text { display:none;}
	
	.main_title_box { text-align:center; margin-bottom:20px;}
	.main_title_box .main_title02 { font-size:30px;}
	.main_title_box .main_title02 span { font-size:30px;}
	
	.main_pointbox { margin-top:0;}
	.main_pop_cont { max-width:100%; width:100%;}
	
	.main_icon_ul { padding:0 40px;}
	.main_icon_ul li .main_icon_ul_text { height:150px;}
	
	.sub_nav span { border:none; padding:10px 0;}
	.sub_nav li a { font-size:15px; padding:10px 20px;}

	.sub_title01 { font-size:22px;}
	
	.com01_ul01 .com01_ul01_title { font-size:18px;}
	.com01_ul01 .com01_ul01_title span { font-size:15px;}

	/*팝업*/
	.layer .pop-container { width:100%; left:0;}
	/*팝업*/
}


@media screen and (max-width:767px){
	.footer_ul { padding-left:0;}
	.footer_ul img { position:relative; width:130px; display:block; margin-bottom:20px;}
	.footer_ul li:nth-child(2) { display:block; margin-right:0;}
	
	.section { min-height:700px;}
	
	#section1 { height:600px;}
	.main_pop_cont img { height:30px;}
	.main_pop_cont .main_pop_title { font-size:22px;}
	.main_pop_cont .main_pop_title02 { font-size:22px;}
	
	#section3 { height:400px;}
	.main_icon_ul { display:none; margin:30px 0 0 0;}
	.main_icon_ul li { width:100%; margin:5px 0; padding:30px 20px;}
	.main_icon_ul li .main_icon_ul_text { height:auto;}
	.main_icon_ul li .main_icon_ul_text .main_icon_ul_title { font-size:20px;}
	
	.sub_top_title li { width:100%;}
	.sub_top_title li h1 { font-size:30px;}
	.sub_top_title li:last-child { text-align:left; margin-top:10px;}
	
	.history_img { height:250px;}
	
	.history_box { background:none;}
	.history_box .his_left { float:none; width:100%;}
	.history_box .his_right { float:none; width:100%;}
	.his_img { display:none;}
	.his_year { font-size:25px;}
	.his_year span { display:none;}
	.his_text_box { padding:0 20px; margin-top:-50px;}

	.greeting_top { height:30px; border-radius:30px 30px 0 0; margin-top:30px;}
	.greeting_top_text { padding:10px 0; font-size:15px;}
	.greeting_top_text strong { font-size:15px;}
	.greeting_top_text h2 { font-size:17px;}
	.greeting_bottom { height:30px; border-radius:0 0 30px 30px; margin-bottom:50px;}

	.greeting_title { font-size:25px;}
	.greeting_ul li { font-size:15px;}
	.greeting_img { height:350px; margin:40px 0;}

	.greeting_title { font-size:20px;}
	.greeting_title h1 { font-size:22px;}
	.greeting_text { font-size:15px;}
}