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


/* Reset */
 * {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:12px; font-family:'Noto Sans KR', sans-serif;color:#727272;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%; height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:20px; border-radius: 5px; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}


input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}


.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}


header {
    box-shadow: 1px 1px 6px 2px #bbb;
}
.navi-wrapper {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
}
.category {
    position: relative;
}
.category li {
    display: inline-block;
}
.category li a {
    display: block;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    transition: .3s;
}
.category li a:hover {
    color: #5f0080;
}
.drop-menu {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    width: 200px;
}
.drop-menu a {
    display: block;
    padding: 10px;
    color: #000;
    font-size: 16px;
    transition: .3s;
}
.menu-box {
    border: 1px solid #ddd;
}
.first-menu {
    position: relative;
    background-color: #fff;
    transition: 1s;
}
.first-menu > li:hover .second-menu {
    /* display: block; */
    /* top: -1px;
    left: 198px;
    transition: 1s; */
}
.first-menu > li > a:hover {
    /* background: #f7f7f7; */
    color: #5f0080;
    font-weight: bold;
}

.first-menu .current {
    background: #f7f7f7;
}


.second-menu {
    display: none;
    /* opacity: 0; */
    position: absolute;
    top: -1px;
    left: 198px;
    width: 200px;
    height: 100%;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-left: 0;
    z-index: 0;
}

.second-menu.current {
    display: block;
}

.second-menu > li > a {
    transition: .3s;
}
.second-menu > li > a:hover {
    color: #5f0080;
    font-weight: bold;
    text-decoration: underline;
}