@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body,div,p,a,ul,ol,li,dl,dt,h1,h2,h3,h4,h5,h6,table,td,tr,img,dl,dd,dt,strong,span{padding:0; margin:0; }
body{font-size:12px; color:#484848; font-family:'Noto Sans KR'; overflow:auto;}
img{border:0;}
ul,ol{list-style:none;}
a{color:#484848; text-decoration:none;}


#wrap {width:100%; max-width:1800px; margin:0 auto; position:relative;}

#header {width:100%; max-width:1800px;}
#header > div.call {float:left; width:15.5%; max-width:278px;}
#header > div.call img {width:100%;}
#header > div.logo {float:left; width:69%; max-width:1244px;}
#header > div.logo > h1 {}
#header > div.logo > h1 img {width:100%;}
#header > div.menu {float:left; width:15.5%; max-width:278px; cursor:pointer;}
#header > div.menu img {width:100%;}

#footer {clear:both; margin-top:3%; width:100%; max-width:1800px;}
#footer > div.combtn {clear:both; width:100%; max-width:1800px; background:#ebebeb; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
#footer > div.combtn > ul {overflow:hidden;}
#footer > div.combtn > ul li {float:left; font-size:0; width:50%; max-width:600px;}
#footer > div.combtn > ul li img {width:100%;}
#footer > div.copyright {clear:both; width:100%; max-width:1800px;}
#footer > div.copyright img {width:100%;}

/* #menubox {width:41%; max-width:740px; position:absolute; top:0; right:0; background:#545459; z-index:1000; display: none;} */
#menubox {width:41%; max-width:740px; position:fixed; top:0; right:0; bottom:0; height: 100%; background:#545459; z-index:1000; display: none;}
#menubox > div.close {width:100%; max-width:740px; text-align:center; overflow:hidden;}
#menubox > div.close p {width:22%; max-width:137px; cursor:pointer; float:right;}
#menubox > div.close img {width:100%;}
#menubox > div.title {clear:both; width:100%; max-width:740px; background:#393939;}
#menubox > div.title p {width:63%; max-width:466px; margin:0 auto;}
#menubox > div.title p img {width:100%;}
#menubox > ul.sub {clear:both; width:63%; max-width:466px; padding:3% 0; margin:0 auto; display: none;}
#menubox > ul.sub li {font-size:0; width:100%; padding:4% 0;}
#menubox > ul.sub li img {width:100%;}

#menubg {width:100%; height:auto; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:999;}

img[usemap] {border:none; height:auto;}