@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
*{-webkit-text-size-adjust:none;}
html {overflow-y:scroll;}
body {width:100%;height:100%;position:relative;}
ul, ol, li {list-style:none;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {font-family:"Noto Sans Korean", 'Nanum Gothic', "돋움","dotum", sans-serif;font-size:14px;line-height:140%;}
img {border:0px ; vertical-align: middle;}
input, select {line-height:100%;vertical-align:middle;background:#fff;}
legend{position:absolute;height:0;font-size:0px;line-height:0;overflow:hidden;text-indent:-20000px;}
fieldset,button {border:0; padding:0;}
label {cursor:pointer;vertical-align:middle;display:inline-block;}
a, a:link {color:#666666;font-family:"Noto Sans Korean", 'Nanum Gothic', "돋움","dotum", sans-serif;font-size:14px;text-decoration:none;}
a:visited {color:#666666;}
a:active {color:#666666;background:none;}
a:hover,a:focus {color:#3399cc;text-decoration:underline;}

#wrap{width:100%;min-width:1400px;position:relative;margin:0 auto;}
header{width:100%;overflow:hidden;position:absolute;top:0;left:0;height:116px;z-index:100;}
header::before{content:"";width:100%;height:116px;position:absolute;top:0;left:0;background:#000;opacity:0.3;}
header h1{width:19.84%;max-width:320px;position:absolute;left:2%;top:39px;}
header h1 img{width:100%;}
header nav{width:60%;position:relative;margin:0 25% 0 15%;}
header nav ul.gnb{overflow:hidden;text-align:center;}
header nav ul.gnb li{display:inline-block;margin:0 2.0%;}
header nav ul.gnb li a{display:block;font-size:26px;color:#fff;font-weight:500;line-height:116px;text-decoration:none;}
header nav ul.gnb li.on a, header nav ul.gnb li a:hover, header nav ul.gnb li a:focus{color:#fcc800;}
header ul.top-menu{width:25%;position:absolute;top:0;right:0;overflow:hidden;}
header ul.top-menu li{float:left;width:25%;max-width:118px;}
header ul.top-menu li a{width:100%;height:116px;display:block;overflow:hidden;text-align:center;color:#fff;text-decoration:none;}
header ul.top-menu li a::before{content:"";display:block;background:url('../images/common/top_icon.png') no-repeat left top;}
header ul.top-menu li.sch a::before{width:32px;height:34px;margin:30px auto 10px;}
header ul.top-menu li.mypage a::before{width:41px;height:41px;margin:28px auto 7px;background-position:-113px top;}
header ul.top-menu li.login a::before{width:38px;height:44px;margin:25px auto 5px;background-position:-32px top;}
header ul.top-menu li.cart a::before{width:43px;height:40px;margin:27px auto 7px;background-position:-70px top;}
header ul.top-menu li a:hover, header ul.top-menu li a:focus{color:#000;background:#fcc800;}
header ul.top-menu li.sch a:hover::before, header ul.top-menu li.sch a:focus::before{background-position:left -44px;}
header ul.top-menu li.mypage a:hover::before{width:41px;height:41px;background-position:-113px -44px;}
header ul.top-menu li.login a:hover::before, header ul.top-menu li.login a:focus::before{background-position:-32px -44px;}
header ul.top-menu li.cart a:hover::before, header ul.top-menu li.cart a:focus::before{background-position:-70px -44px;}
footer{width:100%;min-width:1400px;height:43px;overflow:hidden;text-align:center;background:#000;}
footer p{color:#fff;font-size:14px;line-height:44px;}

#quick{position:absolute;top:435px;left:50%;margin-left:700px;padding:8px;border:1px solid #ccc;background:#ffffcc;}
#quick a{display:block;margin-top:4px;}
#quick a:first-child{margin-top:0;}