@charset "utf-8"
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url( "https://fonts.google.com/specimen/Noto+Serif" );

@font-face {font-family:'notor'; src:url(/fonts/NotoSansKR-Regular.eot)}
@font-face {font-family:'notor'; src:url(/fonts/NotoSansKR-Regular.woff)}

@font-face {font-family:'notob'; src:url(/fonts/NotoSansKR-Bold.eot)}
@font-face {font-family:'notob'; src:url(/fonts/NotoSansKR-Bold.woff)}

@font-face {font-family:'notom'; src:url(/fonts/NotoSans-Medium.eot)}
@font-face {font-family:'notom'; src:url(/fonts/NotoSans-Medium.woff)}

@font-face {font-family:'notol'; src:url(/fonts/NotoSans-Light.eot)}
@font-face {font-family:'notol'; src:url(/fonts/NotoSans-Light.woff)}

@font-face {font-family:'notod'; src:url(/fonts/NotoSans-DemiLight.eot)}
@font-face {font-family:'notod'; src:url(/fonts/NotoSans-DemiLight.woff)}

@font-face {font-family:'notot'; src:url(/fonts/NotoSansKR-Thin.eot)}
@font-face {font-family:'notot'; src:url(/fonts/NotoSansKR-Thin.woff)}

body{ font-family:notor; }

a {text-decoration:none; color:#4f4f4f; font-family: "Noto Sans KR";}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap{width:100%; height:100%; max-width:640px; margin:0 auto; overflow:hidden; position:relative;}
#contents {width:100%; min-height:500px;}


button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer;}
input[type="text"]{appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0;}
select {appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0;}
select::-ms-expand {display: none;}

/**/
#header {border-bottom:1px solid #e1e1e1; overflow:hidden; text-align:center; height:15.625vw;}
#header .all_menu {float:left; width:100%; max-width:15.625vw; border-right:1px solid #ccc;}
#header .all_menu img {width:100%; height:100%; display:block; cursor:pointer;}
#header .all_menu .all_close {display:none;}
#header > div.logo {width:100%; max-width:21.875vw; margin:0 auto; height:15.625vw;} 
div.logo > div{float:left; width:21.875vw; height:20.9375vw; box-sizing:border-box; position:absolute; z-index:2;}
div.logo > div > a > img {width:100%; height:100%; display:block;}
#header .h_right {float:right; margin-top:-15.625vw; width:100%; max-width:15.625vw;border-left:1px solid #ccc; }
.h_right > a > img { width:100%; height:100%; display:block; cursor:pointer;}
/*#header .all_menu img {width:100px;}*/
/*#header .h_right img {width:100px;}*/



/*nav*/
.nav {position:absolute; top:0; left:-100%; width:100%; height:100%; z-index:99; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; background:rgba(0,0,0,0.9);}
.nav.view {left:0; }

.menu_con {width:100%;}
a.close{}
.menu_con a.fdep {display:block; width:100%; font-size:4.6875vw; color:#cbb77a; font-weight:400; box-sizing:border-box; border-bottom:1px solid #3e3e3e; text-align:center; padding:4.6875vw 0 4.6875vw 0; font-family:notol;}

.menu_con a.fdep span {float:right; display:inline-block; padding-top:1%;}
.menu_con a.fdep span img {width:3.28125vw;}
.menu_con a.fdep span .meon {display:none;}
.menu_con a.fdep.on span .meoff {display:none;}
.menu_con a.fdep.on span .meon {display:block; padding-top:1.5625vw;}

.menu_con ul {display:none; background:transparent;}
.menu_con ul li a {display:block; width:100%; padding:1.5625vw 0; font-size:3.125vw; color:#fff; text-align:center; font-family:notol;}
.menu_con ul li:first-child a {margin-top:4.6875vw;} 
.menu_con ul li:last-child a {border-bottom:1px solid #3e3e3e; padding-bottom:7.8125vw;} 

/*footer*/
div#footer {width:100%; max-width:640px; background:#3b424d; }
div.foot {width:100%; max-width:93.75%; margin:0 auto; height:39.0625vw; padding-top:1.5625vw;}
div.footer_top{overflow:hidden; width:81.4375vw; margin:0 auto;}
div.login,div.register,div.policy01,div.policy02{float:left; width:17.1875vw; border-right:1px solid #5a6069;}
div.login > h4 ,div.register > h4 ,div.policy01 > h4 ,div.policy02 > h4 {font-size:2.65625vw; font-weight:300; font-family:notol; color:#fff; text-align:center;}
div.policy02 {width:28.09375vw; border-right:none;}
div.footer_bot {border-top:1px solid #5a6069; width:100%; margin-top:1.5625vw; padding: 7.03125vw 0;}
div.footer_bot > h4 {font-size:3.125vw; font-weight:300; font-family:notol; color:#fff; text-align:center;}
div.footer_bot > p  {font-size:2.65625vw; font-weight:300; font-family:notol; color:#fff; text-align:center;}


@media screen and (min-width:640px){
	#wrap{width:100%; height:100%; max-width:640px; margin:0 auto; overflow:hidden; position:relative;}
	#contents {width:100%; min-height:500px;}


	button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer;}
	input[type="text"]{appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0;}
	select {appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0;}
	select::-ms-expand {display: none;}

	/**/
	#header {border-bottom:1px solid #e1e1e1; overflow:hidden; text-align:center; height:100px;}
	#header .all_menu {float:left; width:100%; max-width:100px;}
	#header .all_menu img {display:block; cursor:pointer;}
	#header .all_menu .all_close {display:none;}
	#header > div.logo {width:100%; max-width:140px; margin:0 auto; height:100px;} 
	div.logo > div{float:left; width:140px; height:134px; box-sizing:border-box; position:absolute; z-index:2;}
	div.logo > div > a > img {width:100%; height:100%; display:block;}
	#header .h_right {float:right; margin-top:-100px;width:100%; max-width:100px;}

	#header .all_menu img {width:100px;}
	#header .h_right img {width:100px; display:block}



	/*nav*/
	.nav {position:absolute; top:0; left:-100%; width:100%; height:100%; z-index:999; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; background:rgba(0,0,0,0.9);}
	.nav.view {left:0; }

	.menu_con {width:100%;}
	a.close{}
	.menu_con a.fdep {display:block; width:100%; font-size:30px; color:#cbb77a; font-weight:400; box-sizing:border-box; border-bottom:1px solid #3e3e3e; text-align:center; padding:30px 0 30px 0; font-family:notor;}

	.menu_con a.fdep span {float:right; display:inline-block; padding-top:1%; font-family:notor;}
	.menu_con a.fdep span img {width:3.28125vw; }
	.menu_con a.fdep span .meon {display:none; font-family:notor;}
	.menu_con a.fdep.on span .meoff {display:none; font-family:notor;}
	.menu_con a.fdep.on span .meon {display:block; padding-top:10px; font-family:notor;}

	.menu_con ul {display:none; background:transparent;}
	.menu_con ul li a {display:block; width:100%; padding:10px 0; font-size:20px; color:#fff; text-align:center; font-family:notor;}
	.menu_con ul li:first-child a {margin-top:30px;} 
	.menu_con ul li:last-child a {border-bottom:1px solid #3e3e3e; padding-bottom:50px;} 

	/*footer*/
	div#footer {width:100%; max-width:640px; background:#3b424d;}
	div.foot {width:100%; max-width:93.75%; margin:0 auto; height:250px; padding-top:10px;padding-bottom:50px;}
	div.footer_top{overflow:hidden; width:470px; margin:0 auto;}
	div.login,div.register,div.policy01,div.policy02{float:left; width:110px; border-right:1px solid #5a6069;}
	div.login > h4 > a ,div.register > h4 > a ,div.policy01 > h4 > a ,div.policy02 > h4 > a {font-size:17px; font-weight:300; font-family:notol; color:#fff; text-align:center;}
	div.policy02 {width:135px; border-right:none;}
	div.footer_bot {border-top:1px solid #5a6069; width:100%; margin-top:10px; padding: 45px 0;}
	div.footer_bot > h4 {font-size:20px; font-weight:300; font-family:notol; color:#fff; text-align:center;}
	div.footer_bot > p  {font-size:17px; font-weight:300; font-family:notol; color:#fff; text-align:center;}
	
}
@media screen and (max-width:640px){
	
}