/*공통영역*/
body{font-family:'MalgunGothic','맑은고딕','Malgun Gothic','맑은 고딕','Arial',Helvetica,Dotum,'돋움',AppleSDGothicNeo,sans-serif;font-size:12px;color: #242424;}
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;word-break:break-all;}
header,main, address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
a{text-decoration:none;cursor: pointer;color: #242424}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:12px}
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;}
/*공통영역끝*/
button{cursor: pointer; border: none; font-size: 12px}
select{cursor: pointer; font-size: 12px}
footer{display: block;}

@keyframes gnb_open{
    0%{opacity: 0;}
    100%{opacity: 1;} }

body.fixed{overflow-y: hidden}
.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}

@media (min-width: 960px) {

	
	h1{display: block; width: 960px; padding: 24px 0; margin: auto}
	.logo_a{display: block; width: 300px;}
	.logo{display: block; width: 100%;}
	.gnb_btn{display: none}
	
	header{position: fixed; width: 100%; z-index: 4; background: #fff;}
	.gnb_btn{display: none;}
	.main{padding-top:133px}
	nav{border-bottom: 1px solid #eee;}
	.gnb{border-bottom: 3px solid #41B8EA; 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: 192px; text-align: center;}
	.gnb_li h2{display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px; font-weight: bold;}
	.gnb_li h2 a{display: block;}
	.gnb_li:hover h2 a{border-bottom: 1px solid #41B8EA; 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: 14px;}
	.gnb_sub a:hover{color:#41B8EA}
	.gnb_sub strong{display: none;}
	
	.footer_logo{display: block; width: 300px; margin: 25px auto}
	footer{text-align: center; line-height: 180%; border-top: 1px solid #ddd; padding: 10px 0 30px 0; position: relative;clear: both;}
	footer br{content: ' ·'}
	footer br:after{content: ' ·'}	
	.footer_a{color: #333; font-size: 14px}
	.copy{color: #888; font-size: 12px; line-height: 16px}

	.b_btn{display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; background-color:#41B8EA; color: #fff; font-size: 14px; border-radius: 50px; margin: 20px auto}
	.b_btn:hover{background-color: #005D9E}
	
}

@media (max-width: 959px) {

	h1{display: block; width: 100%; padding: 24px 0; border-bottom: 1px solid #ddd;}
	.logo_a{display: block; width: 60%;margin: auto}
	.logo{display: block; width: 100%;}
	.gnb_btn{display: block; position: absolute; width: 16px; height: 16px; background: url(../../img/common/gnb_btn.png) no-repeat center; background-size: contain; top:24px; right: 20px; text-indent: -9999px;}
	
	.header_fixed{position: fixed; 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: 16px; height: 16px; 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: 50px; line-height: 50px; font-size: 16px; border-bottom: 1px solid #ddd; font-weight: bold;}
	.gnb_sub{padding: 10px 0}
	.gnb_sub a{display: block; width: 100%; height:26px; line-height:26px; font-size: 14px; text-indent: 10px}
	.gnb_sub strong{color: #41B8EA}
	
	.footer_logo{display: block; width: 50%; margin: 25px auto}
	footer{text-align: center; line-height: 180%; border-top: 1px solid #ddd; padding: 10px 0 20px 0; position: relative;clear: both;}
	.footer_a{color: #333;}

	.copy{color: #888; font-size: 11px; line-height: 14px}

	.b_btn{display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; background-color:#41B8EA; color: #fff; font-size: 14px; border-radius: 50px; margin: 20px auto}

}