@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*폰트지정영역_Noto Sans KR*/
@font-face{
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 100;
	src: local('NanumSquareL'),
	url(../font/NanumSquareL.eot),
	url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumSquareL.woff) format('woff');
}
@font-face{    
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 300;
	src: local('NanumSquare'),
	url(../font/NanumSquare.eot),
	url(../font/NanumSquare.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumSquare.woff) format('woff');
}
@font-face{    
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 500;
	src: local('NanumSquareB'),
	url(../font/NanumSquareB.eot),
	url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumSquareB.woff) format('woff');
}
@font-face{    
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 700;
	src: local('NanumSquareEB'),
	url(../font/NanumSquareEB.eot),
	url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumSquareEB.woff) format('woff');
}

/*공통영역*/
/*.width960{width: 960px; margin:auto;position: relative;}*/
html,body{position: relative;}
body{font-family:'NanumSquare','MalgunGothic','맑은고딕', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:16px;margin: 0;color:#333745;}
body,div,section,article,img,figure,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,input,p,form,table,tr,td,th,fieldset,.main,a{margin: 0;padding: 0;}
section,article,address, article, aside, figure, footer, header, hgroup, menu, nav, footer, main {display:block;}
a{color: #555;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul, ol, li{list-style: none;}
address, strong{font-style: normal;font-weight: normal;}
.hidden{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; font-size: 0;}
fieldset, img{border:0px;}
table{border-collapse: collapse;}
textarea,input{font-family: inherit; font-size: inherit;}
/*공통영역끝*/
button{cursor: pointer; border: none; font-size: 12px}
select{cursor: pointer; font-size: 12px}
footer{display: block;}
header:after{display: block; content: ''; clear: both;}

@keyframes gnb_open{
	0%{opacity: 0;}
	100%{opacity: 1;} 
}
a:hover, a:active {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
body.fixed{overflow-y: hidden}
.top_back{background-color: #333; border-bottom: 5px solid #93C01F; padding: 8px 0}
.top_menu{max-width: 950px; margin: auto}
.top_menu,.top_menu a{color: #fff; font-weight: 300; font-size: 13px}
.language {display: inline-block; margin-left: 10px; background: #626262; padding: 0 5px; border-radius: 4px; line-height: 21px;}
.language:hover{background-color: #93C01F}
.bar{display: inline-block; margin: 0 5px}

.top_btn{display: block; position:absolute; right: 20px; top:20px; width: 40px; height: 40px; background: url(../../img/common/top.png) no-repeat center; text-indent: -9999px; background-size: contain; z-index: 2}
.footer{width: 100%; text-align: left; margin: auto; padding-bottom: 5px; background-color: #333; margin-top: 20px;}

.sns_wrap a{text-indent: -9999px; display: block; width: 40px; height: 40px; border-radius: 100%; background: center no-repeat; background-size: contain;}
.sns_wrap a:hover{opacity: 0.7}
.sns_wrap .icon_y{background-image: url(../../img/icon_y.svg);}
.sns_wrap .icon_i{background-image: url(../../img/icon_i.svg);}
.sns_wrap .icon_t{background-image: url(../../img/icon_t.svg);}
.sns_wrap .icon_f{background-image: url(../../img/icon_f.svg);}

.footer_left, .address{font-weight: 100}


/*게시판 관련 추가*/

#bo_v_con ul,#bo_v_con li{list-style: disc;}

@media (min-width: 960px) {
	.top_menu{text-align: right; width: 100%;}

	h1{display: block; width: 960px; padding: 24px 0; margin: auto}
	.logo_a{display: block; width: 500px; margin: auto}
	.logo{display: block; width: 32%; margin: auto}
	.gnb_btn{display: none}

	header{position: fixed; width: 100%; z-index: 4; background: #fff;}
	.gnb_btn{display: none;}
	.main{padding-top:223px; display: block;}
	nav{border-bottom: 1px solid #eee;}
	.gnb{border-bottom: 1px solid #eee; float: left; width: 100%}
	.gnb_back{display: block; width: 100%; border-bottom: 1px solid #eee; position: relative; top: 61px;}
	.close{display: none}

	.gnb_ul{display: block; float: left; position: relative; left: 50%; margin-left: -480px}
	.gnb_li{display: block; float: left; width: 160px; text-align: center;}
	.gnb_li h2{display: block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; font-weight: 500;}
	.gnb_li h2 a{display: block; color: #555}
	.gnb_li:hover h2 a{border-bottom: 1px solid #93C01F; position: relative;}

	.gnb_sub{display: none; margin-top: 10px; margin-bottom: 40px}
	.gnb_sub a{display: block; width: 100%; height:40px; line-height:40px; font-size: 16px; font-weight: 300}
	.gnb_sub a:hover{color:#93C01F}
	.gnb_sub strong{display: none;}

	.footer_align{width: 100%; max-width: 960px; margin: auto; display: block; padding: 2.5em 0 5em 0}
	.footer_left{display: block; float: left; width: 78%; font-size: 14px; color: #fff; line-height: 1.6em}
	.sns_wrap{display: block; float: right; width: 22%;}
	.sns_wrap li{display: block; float: right; margin-left: 1em}
	.sns_wrap li:last-child{margin-left: 0}

}

@media (max-width: 959px) {
	.top_menu{width: 90%; margin: auto;}

	h1{display: block; width: 100%; padding: 18px 0; border-bottom: 1px solid #ddd;}
	.logo_a{display: block; width: 18%;margin: auto}
	.logo{display: block; width: 100%; margin: auto;}
	.gnb_btn{display: block; position: absolute; width: 24px; height: 24px; background: url(../../img/common/gnb_btn.png) no-repeat center; background-size: contain; top:62px; right: 20px; text-indent: -9999px;}
	.gnb_btn_scroll{top: 22px}

	.header_fixed{position: fixed; top: 0; z-index: 4; background: #fff; animation: gnb_open 0.5s}

	.nav{width: 100%}
	.gnb{display: none;}
	.gnb_open{display: block;overflow: hidden; overflow-y: scroll; width: 80%;animation:gnb_open 0.3s;position: fixed; right: 0; top :0; background: #fff; height: 100%; z-index: 9;}
	.gnb_back{display: none; position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0 ,0,0,0.6); z-index: 5; animation: gnb_open 0.1s;}
	.gnb_back_on{display: block;}
	.close{display: block; width: 20px; height: 20px; margin-bottom: 20px; text-indent: -9999px; background: url(../../img/common/close.png) no-repeat center; position: absolute; right: 20px; top:20px;}

	.gnb_ul{margin-top: 40px;}
	.gnb_li{display: block;width: 90%; margin: auto}
	.gnb_li h2{display: block; width: 100%; height: 46px; line-height: 46px; font-size: 16px; border-bottom: 1px solid #ddd; font-weight: 500;}
	.gnb_sub{padding: 5px 0}
	.gnb_sub a{display: block; width: 100%; height:26px; line-height:26px; font-size: 14px; text-indent: 10px; font-weight: 300}
	.gnb_sub strong{color: #93C01F}

	.footer{clear: both;}
	.footer_align{width: 100%; margin: auto; display: block; padding: 1em 0 1em 0}
	.footer_left{display: block; font-size: 14px; color: #fff; line-height: 1.5em;text-align: center; margin: 1em 0; padding: 0 1em}
	.sns_wrap{display: block; text-align: center; margin: 1.5em auto 1em; width: 190px; float: none; height: 40px}
	.sns_wrap li{display: block; float: right; margin-left: 10px}
	.sns_wrap li:last-child{margin-left: 0}    

}