@charset "utf-8";



/* basic css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {display: block;}
html, body { height:auto;}
body {font-size: 18px; font-family: NotoSansCJKkr-Light, dotum, sans-serif;  color:#4c4c4c; line-height:1.6; letter-spacing:-1px; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link { color: #4c4c4c; text-decoration: none; }
a:visited { color: #4c4c4c; text-decoration: none; }
a:hover { color: #4c4c4c; text-decoration: none; }
a:active { color: #4c4c4c; text-decoration: none; }
a:focus { color: #4c4c4c; text-decoration: none; }
select, input, textarea {font-size: 100%;vertical-align: middle ; font-family: NotoSansCJKkr-Light, dotum, sans-serif;}
input {margin: 0;padding: 0;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;}
button:focus {outline: 1px dotted;}
img {vertical-align: top;}
table {}

.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}



input[type="text"] {box-sizing:border-box; -webkit-appearance:none;}
input:-ms-input-placeholder {color:#808080}
input::-webkit-input-placeholder {color:#808080}
input::-moz-placeholder {color:#808080}
input::-moz-placeholder {color:#808080}
textarea {}

.point {color:#916b4a}
html, body {height:auto; -ms-overflow-style: none;}

::-webkit-scrollbar {

display:none;

}

@font-face {
  font-family: 'Athena';
  src: local('Athena'),
  	   url('../font/Athena-Regular.eot') format('embedded-opentype'),
       url('../font/Athena-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'gotham';
  src: local('gotham'),
  	   url('../../font/GOTHAM-BOLD.eot') format('embedded-opentype'),
       url('../../font/GOTHAM-BOLD.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'gotham';
  src: local('gotham'),
  	   url('../../font/GOTHAM-THIN.eot') format('embedded-opentype'),
       url('../../font/GOTHAM-THIN.ttf') format('truetype');
  font-weight: 300;
}

/* layout*/

header { position: fixed; max-width: 720px; width:100%; height: 70px; margin: auto;; z-index: 999999; top: 0; overflow: hidden; 
  box-sizing: border-box;  }
.nav { width: 102%;position: fixed;position: fixed;  overflow: hidden; font-family: 'Noto Sans KR', sans-serif; left: 50%; transform: translateX(-50%);height: 70px; z-index: 99999;background-color: ;max-width: 720px; }
.nav_white{background: #fff !important; transition: .3s;}
.nav_left { float: left; }
.nav_left ul { overflow: hidden; }
.nav_left ul li .logo { width:134px; ; margin-top: 24px; margin-left: 20px; }
.nav_left ul li .logo img { width: 100%; }
.nav_left ul li { float: left; font-weight: 700; font-size: 20px; color: #1b1b1b; position: relative; }
.nav_left ul li:nth-child(2) { margin-top: 30px; margin-left: 33px; padding-left: 27px; }
.nav_left ul li:nth-child(2):after { content:''; position: absolute; width: 1px; height: 22px; background-color: #b1b1b1; left: 0; top: 5px; margin: auto; }
.nav_right { float: right;margin-right: 20px;}
.nav_right ul { overflow: hidden; }
.nav_right ul li { float: left; position: relative; }
.nav_right ul li:nth-child(1) { width: 70px; height: 25px; line-height: 32px; text-align: center; margin-top: 23px !important; margin-right: 16px; font-size: 12px; font-weight: 500; letter-spacing: -0.5px; }
.nav_right ul li:nth-child(2) { width: 21px; height: 23px; margin-top: 25px; margin-right: 42px; }
.nav_right ul li:nth-child(1) img { width: 100%; }
.nav_right ul li:nth-child(2) img { width: 100%; }
/*.nav_right ul li:nth-child(1):after { content:''; position: absolute; width: 1px; height: 22px; background-color: #b1b1b1; right: 0; top: 2px; margin: auto; }*/
/*.ham { height: 23px; cursor: pointer; display: flex; flex-direction: column-reverse; justify-content: space-between; margin-top: 43.5px; }
.ham>span { width: 35px; height: 2px; background-color: #111; }*/




.ham { z-index:9999999999; position: fixed; top: 27px; right: 17px; width: 25px; height: 17px; cursor:pointer; }
.ham span { display: block; background: #fff; width: 25px; height: 2px; border-radius: 3px; transition: margin 0.25s 0.25s, transform 0.25s; }
.ham .bar1 { margin-bottom: 5px; }
.ham .bar2 { }
.ham .bar3 { margin-top: 5px; }

.ham.active{ transition: 0.5s 0.5s; }
.ham.active span { transition: 0.5s 0.4s; background: #fff;}

.ham.active .bar1 { margin-top: 8px; margin-bottom: -2px; transform: rotate(45deg); background: #fff;}
.ham.active .bar2 { transition: transform 0.5s 0.4s, opacity 0.5s 0.8s; transform: rotate(45deg); opacity: 0;background: #fff; }
.ham.active .bar3 { margin-top: -2px; transform: rotate(135deg);background: #fff; }



.gnb_wrap { font-family: 'Noto Sans KR', sans-serif; position: fixed; top: 0; right: -250px; width:100%; max-width: 250px; height: 100%; z-index: 99999999; }
.gnb_wrap .gnb_top { position: relative; height: 70px; background:#004a76;}
.gnb_wrap .gnb_top h1 { position: absolute; width: 130px; left: 20px; top: 0; bottom: 0; }
.gnb_wrap .gnb_top h1 img { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.gnb_wrap .gnb_list { position: relative; width: 100%; height: 100%; background-color: #fff; overflow: scroll;box-sizing:border-box;  }
.gnb_wrap .gnb_list .gnb_dep1 { padding: 20px 25px; margin:0px; display: block; font-size: 16px; font-weight: 400; }
.gnb_wrap .gnb_list .gnb_dep1 span { display: block; color: #555; background-size: 24px 12px; font-weight: 500; }
.gnb_wrap .gnb_list li.on .gnb_dep1 span { background:url("image/on.png") center right no-repeat;  display: block; color: #442530; background-size: 24px 12px; }
.gnb_wrap .gnb_list .gnb_dep2 { display: none; }
.gnb_wrap .gnb_list .gnb_dep2 li { background-color: #f1f1f1; border-bottom: solid 1px #cacaca; color: #6c6c6c; font-weight: 400; }
.gnb_wrap .gnb_list .gnb_dep2 li a { color: #6c6c6c !important; padding: 13px 13px 13px 23px; display: block; font-size: 14px; font-weight: 500; }
.gnb_wrap .gnb_list .gnb_dep2 li.on { background-color: #1aa36e; border-bottom: solid 1px #cacaca; color: #fff !important; }
.gnb_wrap .gnb_list .gnb_dep2 li.on a { color: #fff !important; padding: 20px 20px 20px 30px; display: block; }
.gnb_overlay { z-index: 99999991; width: 100%; height: 100%; background: #000; opacity: 0.8; position: fixed; left: -100%; top: 0; }