/* 상단 레이아웃 */
#hd {position:fixed;width:100%; left:0px;top:0px;background:#ffffff;z-index:9999;color:#232323;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_wrapper {overflow:hidden; padding:15px 0%;box-sizing:border-box}
#logo {width:120px;padding:10px 20px;text-align:left; z-index:99;position:relative}
#logo img {width:100%;}


.gnb_empty {padding:15px 0;text-align:center;line-height:2em}
.gnb_empty a {display:inline;text-decoration:underline}

/* gnb - bar */
#gnb_wrap {width:100%;position:absolute; top:0px;left:0px;z-index:90;padding:25px;box-sizing:border-box}
#gnb_wrap.sticky {position:inherit !important}

#gnb {position:relative;z-index:951; padding-left:120px;padding-right:3%}
#gnb ul {display:flex; justify-content:end; align-items:stretch;}
#gnb ul li { padding:0px 0px; margin:0px; display:flex; align-items:center;position:relative;}
#gnb ul li a {padding:10px 20px; width:100%; text-align:center;display:block;font-family:'Rubik','맑은고딕'; font-size:1.3em; font-weight:500}
#gnb ul li a:hover {color:#6F4A9B}
#gnb ul li ul {display:none; position:absolute; left:0px; top:50px; background:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); border-radius:5px; margin:0px auto; padding:7px 0px;}
#gnb ul li.on ul {display:block;}
#gnb ul li ul .arrow {position:absolute; top:-25px; left:50%; margin-left:-22px;}
#gnb ul li ul li a {font-weight:400;padding:7px 10px;font-size:1.115em;}

@media (max-width:320px){
  min-width:auto;
}


#hd_sch {text-align:center;padding:15px;background:#3598dc}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:52px}
#hd_sch #sch_stx {width:100%;height:36px;background:#f4f4f4;border:0;padding-left:10px}
#hd_sch #sch_submit {position:absolute;top:0;right:52px;width:40px;height:36px;border:1px solid #0976c1;cursor:pointer;color:#fff;background:#1986d1;font-size:1.25em}
#hd_sch #user_close {position:absolute;top:0;right:0;display:inline-block;width:42px;height:36px;border:1px solid #0976c1;background:#1986d1;color:#fff}

#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;color:#232323;font-size:16px;background:none;letter-spacing:-0.1em}
#login_btn {position:absolute;top:10px;right:50px;z-index:99;}
#login_btn a {display:inline-block;padding:6px 8px;color:#232323;border-radius:2px;vertical-align:top;text-align:center}
#login_btn strong {color:#fff;line-height:26px;vertical-align:middle}
#login_btn img {width:20px;border-radius:50%}

#user_menu {display:none;position:fixed;top:0;right:0;overflow-y:auto;width:100%;z-index:9999;background:#fff;text-align:center;
-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 10px 10px rgba(0,0,0,0.1);
box-shadow:0 10px 10px rgba(0,0,0,0.1)}
#snb_cnt span {display:inline-block;padding:0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}

#hd_nb {padding:15px}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li a {width:49%;height:40px;line-height:20px;float:left;margin-right:2%;padding:10px;border-radius:3px;font-size:1.083em;font-weight:bold;text-align:center}
#hd_nb li:nth-child(1) a {background:#54d0c8;border:1px solid #38c3ba;margin-bottom:5px}
#hd_nb li:nth-child(2) a {background:#5bbad6;border:1px solid #38a3c3;margin-bottom:5px}
#hd_nb li:nth-child(3) a {background:#5488e8;border:1px solid #497dde}
#hd_nb li:nth-child(4) a {background:#1ec679;border:1px solid #13b66b}
#hd_nb li:nth-child(2) a, #hd_nb li:nth-child(4) a {margin-right:0}
#hd_nb li a {color:#232323}
#hd_nb li .visit-num {display:inline-block;padding:0 4px;border-radius:10px;margin-left:5px;font-size:10px;background:#f04e00;color:#fff}


.global {text-align:center; width:40px;  margin:0px auto; height:40px; overflow:hidden;position:absolute;left:0px;top:0px;}
.global.show {height:auto;}
.global > div {display:block;padding:4px;}
#gnb ul li .global a {display:block;padding:0px;}
.global img {width:28px;}

.btn_mmenu .global {left:auto;right:30px; height:32px}
.btn_mmenu .global.show {height:auto;}
.btn_mmenu .global img {width:24px;}
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.line {
  fill: none;
  stroke: black;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
  stroke:white;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
  stroke:white;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
  stroke:white;
}

.btn_mmenu {position:absolute; top:12px; right:10px; z-index:99999;display:none}
.btn_mmenu.open .line {stroke:white;}
.btn_mmenu.open .line1 {stroke:white;}
.btn_mmenu.open .line2 {stroke:white;}
.btn_mmenu.open .line3 {stroke:white;}

.m_gnb {position:fixed; width:0%; background:rgb(35,35,35,0.9); height:100%;right:0px;top:0px; z-index:999;transition:width 0.3s ease;overflow:hidden;}
.m_gnb.open {width:300px; transition: width 0.3s ease;}
.m_gnb p.title {display:block; font-size:1.4em;color:#ffffff;padding:15px 20px; background:#1d1d1d;}
.m_gnb ul {border-top:1px solid rgba(255, 255, 255, 0.1);}
.m_gnb li {position:relative;}
.m_gnb a {color:#ffffff; font-size:1.2em; font-weight:300;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,0.1); display:block;}
.btn_mopen {background:transparent;padding:3px 5px;position:absolute; right:10px; top:10px; border:0px solid #ffffff; color:#ffffff;}
.m_gnb li ul {height:0px; transition: height 1s ease; overflow:hidden;}
.m_gnb li.open ul {height:auto;transition: height 1s ease;}
.mmenu2 a {padding-left:40px;}
@media (max-width:1280px) {
  #gnb ul li a {padding:10px 10px;font-size:1.2em;letter-spacing:-0.3px}
}
@media (max-width:1024px) {
  .btn_mmenu {display:block;}
  #gnb {display:none;}
}