@charset "utf-8";


/* Font */
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 100; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 300; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
}
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 400; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 500; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
}
 @font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 700; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
}



/* Element Reset */
html, body				{ margin:0; padding:0; font-family:'Noto Sans KR'; letter-spacing:-0.75px;}
header, footer, section, article, nav, aside, figure, figcaption, main { display:block; }
video, audio, iframe, object, embed	{ max-width:100%; }
select					{ border:1px solid #dcdcdc}
option					{ font-size:14px; line-height:100%}
img, fieldset			{ border:0 }
ul						{ margin:0; padding:0}
li						{ list-style:none}
a:link, 
a:visited,a:hover, a:focus	{ color:#555; text-decoration:none; letter-spacing:0; }



/* All */
.after:after			{ content:''; display:block; clear:both;}
.blind, .skip			{ position:absolute; top:-3000px; left:-3000px; width:1px; height:1px; font-size:1px; color:#fff; z-index:-999 }
.skip a					{ position:absolute; left:-5000px; top:-5000px; display:block; width:1px; height:1px; overflow:hidden; font-size:12px;}
.skip a:focus,
.skip a:active			{ position:relative; left:0; width:100%; height:auto; padding:5px 0; text-align:center; font-weight:bold; border-bottom:1px solid #dcdcdc}


/* Layout */
.container		{ position:relative; width:100%; margin:0;}
.header			{ position:relative; width:100%; z-index:99; zoom:1;}
.body			{ position:relative; width:100%; min-height:600px; margin:0 auto; padding:0; zoom:1 }
.body:after		{ content:""; clear:both; display:block}
.footer			{ position:relative; }
.inner			{ position:relative; width:1200px; margin-left:auto; margin-right:auto;}
.mobile			{ display:none;}


/* Header */
.header .inner	{ position:static; text-align:center;}
.header h1		{ float:left; margin:25px 0 0; line-height:0;}
.header h1 img	{ width:142px; vertical-align:top;}
.top_menu		{ float:right; margin-top:2.5em;}
.top_menu .lang { position:relative; float:left; }
.top_menu .lang button { padding-left:17px; font-size:12px; line-height:2; color:#558235; border:0; cursor:pointer;  background:none; background:url('/img/common/icon_lang.svg') no-repeat left center; background-size:15px;}
.top_menu .lang .link	{ position:absolute; left:0; bottom:-100%; width:100%; height:0; background:#558235; border-radius:0 0 5px 5px; overflow:hidden;}
.top_menu .lang .link a	{ color:#fff; font-family:'Noto Sans Kr'; font-size:12px; font-weight:300;}
.top_menu .lang.active .link { height:100%;}
.top_menu .allmenu { float:left; margin-left:0.5em;}
.gnb_area		{ display:inline-block;}


/* Gnb */
.gnb					{ height:85px; text-align:center; z-index:100;}
.gnb>ul>li				{ display:inline-block; *display:inline; margin:0; vertical-align:top; }
.gnb>ul>li>a			{ position:relative; display:block; margin:0 20px; font-family:'Noto Sans KR'; font-size:18.5px; font-weight:500; line-height:95px; color:#000; }
.gnb>ul>li>a span		{ color:#959595}
.gnb>ul>li._over>a,
.gnb>ul>li>a:hover,
.gnb>ul>li>a:focus		{ color:#02a515 !important; font-weight:700;}
.gnb>ul>li>div			{ position:absolute; top:85px; left:0; width:100%; height:0; text-align:center; opacity:0; overflow:hidden; transition:all .5s; border-top:1px solid #ddd; background:rgba(0,0,0,.7);}
.gnb div.active			{ height:auto; opacity:1;}  
.gnb div ul				{ position:relative; display:inline-block; }
.gnb>ul>li:nth-child(1) div ul { left:-115px;}
.gnb>ul>li:nth-child(2) div ul { left:-105px;}
.gnb>ul>li:nth-child(3) div ul { left:8px;}
.gnb>ul>li:nth-child(4) div ul { left:150px;}
.gnb>ul>li:nth-child(5) div ul { left:225px;}
.gnb>ul>li:nth-child(6) div ul { left:380px;}
.gnb div li				{ display:inline-block; *display:inline; padding:20px 0; margin-right:30px;}
.gnb div li:last-child	{ margin-right:0;}
.gnb div li a			{ font-size:15.5px; font-weight:300; color:#fff;}
.gnb div li a:before	{ content:'·'; display:inline-block; margin-right:5px;}
.gnb div li a:hover		{ font-weight:500; color:#02a515}


/* Allmenu */
.allmenu .button				{ margin:0; width:38px; height:27px; background:url('/img/common/btn_allmenu.svg') no-repeat center; cursor:pointer; background-size:100%;}

.header.active .gnb>ul>li>div	{ display:none;}
.menu_area						{ display:none; position:fixed; top:0; right:0; width:0; height:100%; box-sizing:border-box; z-index:-1;}
.menu_area.active				{ display:block; width:100%; padding:5% 10%; background:rgba(255,255,255,1); z-index:1000; }
.menu_area .allmenu				{ position:absolute; top:95px; right:5%; cursor:pointer; z-index:1;}
.menu_area .allmenu .button		{ width:70px; height:70px; background:url('/img/common/btn_allmenu_close.jpg') no-repeat center; background-size:100%;}
.menu_area>ul					{ overflow:hidden; max-width:1200px;}
.menu_area>ul>li				{ float:left; width:50%; margin-bottom:70px; line-height:1.2; overflow:hidden;}
.menu_area>ul>li h3				{ position:relative; margin:0 0 15px; font-family:'Noto Sans KR'; font-size:45px;}
.menu_area>ul>li h3	a			{ font-size:inherit; color:#05559e}
.menu_area>ul>li:nth-child(4n+2) h3	a,
.menu_area>ul>li:nth-child(4n+3) h3 a{ color:#5d9834}
.menu_area>ul>li h3:after		{ content:'+'; display:inline-block; margin-left:20px; font-weight:100; font-size:0.8em; color:#dedede; transition:all .5s;}
.menu_area>ul>li:hover h3:after	{ font-size:1em; font-weight:600; transform:rotate(180deg)}

.menu_area>ul>li li				{ position:relative; float: left; margin-right:30px; }
.menu_area>ul>li li:before		{ content:''; position:absolute; top:-5px; left:-15px;  width:1px; height:10px; margin:10px 10px 0 0; background:#999;}
.menu_area>ul>li a				{ font-family:'Noto Sans KR'; font-weight:400; font-size:18px; color:#777;}
.menu_area>ul>li a:hover		{ font-weight:600;}


/* Footer */
.footer							{ width:100%; padding:40px 0 50px; font-family:'Noto Sans KR'; line-height:1.5; border-top:1px solid #d5d6d7;}
.footer .footer_area			{ position:relative; width:780px; font-size:13px; letter-spacing:0; font-weight:100; line-height:15px; }
.footer .footer_area:after		{ content:''; position:absolute; top:-59px; right:40px; width:1px; height:270px; background:rgba(255,255,255,.1);}
.footer address					{ font-style:normal; }
.footer address div				{ width:100%; zoom:1 }
.footer address dl				{ display:inline-block; margin:0; padding:0 8px; font-size:15.5px; font-weight:300;}
.footer address dl.first		{ padding-left:0;}
.footer address dt				{ display:inline-block;}
.footer address dd				{ display:inline-block; margin-left:2px;}
.footer .copyright				{ clear:both; padding-top:1em; font-family:'Noto Sans KR'; font-weight:100; color:#999; letter-spacing:.5px}
.footer .sns					{ position:absolute; right:0; top:0;}
.footer .sns li					{ float:left; margin-left:10px;}



/* AsideMenu */
.fix_menu				{ position:fixed; top:880px; right:80px; width:100px; text-align:center; z-index:100; transition:all .5s;}
.fix_menu.active		{ top:100px;}
.fix_menu .cs li		{ display:table; width:100%; height:100px; margin:0 auto; border-radius:50%; box-sizing:border-box;}
.fix_menu .cs li.qna	{ background:#d7e4ef;}
.fix_menu .cs li.consul	{ margin:1em 0 0.5em; color:#f2cb27; background:#05559e;}
.fix_menu .cs li a		{ font-family:'Noto Sans Kr'; font-weight:600; font-size:16px;} 
.fix_menu .cs li.qna a	{ display:block; padding-top:4em; color:#05559e; background:url('/img/main/img_qna.png') no-repeat center 40%;}
.fix_menu .cs li.consul	a{ display:table-cell; vertical-align:middle; color:#f2cb27; line-height:1.15; font-size:1.08em;}
.fix_menu .center li	{ padding:0.3em 0; font-family:'Noto Sans Kr'; font-size:13.5px; font-weight:500; color:#000; letter-spacing:-0.03em; line-height:1.2; border-bottom:1px solid #bbcdae; }








/*반응형시작*/
@media only all and (max-width : 1400px) {

	/* AsideMenu */
	.fix_menu	{ display:none;}


}

@media only all and (max-width : 1200px) {

	/* common */
	.inner			{ width:92%;}

	/* Header */
    .header					{ height:70px;}
	.header h1				{ margin:15px 0 10px;}
	.top_menu				{ margin-top:1.5em;}

	/* Gnb */
	.gnb_area	{ display:none;}
	.menu_area>ul>li { float:none; width:100%;}
	.menu_area.active	{ padding:3em;}
	.menu_area .allmenu { top:3em;}

}

@media only screen and (max-width : 900px) {
	.pc				{ display:none;}
	.mobile			{ display:block;}
	img						{ max-width:100%; height:auto;}

	/* Header */
	.menu_area .allmenu .button { width:50px; height:50px;}

	/* Footer */
	.footer address dl		{ font-size:14px;}
	.footer .copyright		{ padding-top:0; font-size:13px;}
	.footer .sns			{ position:static; margin-top:15px; text-align:center;}
	.footer .sns li			{ float:none; display:inline-block; margin:0 3px;}
 }

@media only screen and (max-width : 600px) {

	/* Header */
    .header				{ height:60px;}
    .header h1 a img	{ width:120px; height:auto;}
	.top_menu			{ margin-top:20px;}

	.menu_area			{ position:absolute;}
	.menu_area.active	{ padding:2em;}
	.menu_area .allmenu { top:2em;}
	.menu_area .allmenu .button { width:30px; height:30px;}

	.menu_area>ul>li { margin-bottom:10px;}
	.menu_area>ul>li a	{ font-size:16px;}
	.menu_area>ul>li li { margin-right:15px;}
	.menu_area>ul>li li:before { left:-7px;}
	.menu_area>ul>li li:last-child		{ margin-right:0;}
	.menu_area>ul>li h3 a { font-size:28px;}


	/* Footer */
	.footer				{ padding-top:30px; background:#333;}
	.footer ul li a		{ font-size:12px;}
	.footer address dl	{ display:block; text-align:center; font-size:13px; color:#fff;}
	.footer address dl a { color:#fff;}
	.footer .copyright	{ padding-bottom:15px; text-align:center; font-size:12px;}
	.footer .sns li img	{ width:30px;}

}