@charset "UTF-8";

/********* common_layout *********/
html, body {height:100%;/* overflow-y:auto */}
body {line-height:1.2; color:#333;white-space: normal;
word-break: keep-all;
overflow-wrap: break-word; font-size:16px;}
body.scroll_fixed {position: fixed !important; width: 100% !important;}
.wrapper {position:relative; z-index:1; min-height:100%; overflow: hidden;}

.main_wrapper {position:relative; z-index:1; min-height:100%; overflow: hidden;}
.main_wrapper::before {
  content: "";
  position: absolute;
  width: 800px;
  height: 800px;
  background: #c1eefc;
  border-radius: 50%;
  top: 40%;     /* 원하는 위치로 이동 */
  left: 0px;
  z-index: -1;     /* 콘텐츠 뒤로 보냄 */
}
.container {position:relative; max-width:1200px; margin:0 auto;}
.container.paper_view {max-width: 830px;}
/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

/* header */
.header {position:relative; z-index:1; width:100%;}
.gnb_header {position: relative; width: 100%; top:0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; /*ipad 에서 header바로보이게*/transform: translate3d(0,0,0);}

.head_sch_ui .ui-menu-item {text-align: left;}

.head_sch_ui { left:20px !important; width: calc(100% - 40px) !important; height: 200px !important; overflow: scroll; overflow-x:hidden}

/* head_top */
.gnb_header .head_top {position: relative; padding: 30px 0px; text-align: center; width:100%;}
.gnb_header .head_top .header_left_wrap {position: relative;     /* absolute 기준을 여기로 */
  width: 100%;
  display: flex;
  align-items: center;}
  
.head_logo2{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:50%;
  transform:translate(-50%,-50%); /* 세로도 중앙 원하면 */
}
/* [1] 공통 및 PC 버전 스타일 */
.header_left_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* 모바일 밀어내기를 위한 핵심 */
}

.head_sch_box {
display: block;
    position: static;
    margin-left: auto;      /* 우측 끝 정렬 */
    
    /* 위치가 아래로 처져 보일 때 조절하는 값 */
    margin-top: -40px; 
    
    width: 280px;
    padding: 1px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    background: #fff;
    transform: none;        /* 기존 translateY 제거 */
    transition: all 0.3s ease;
}
.gnb_header .head_top .head_sch_box  form {position: relative; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}
.gnb_header .head_top .head_sch_box  form input {width: 240px; height: 50px; padding-left: 15px; padding-right: 15px; border: none; color: #576271; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; outline: none; font-size: 14px; cursor: pointer;}
.gnb_header .head_top .head_sch_box  .sch_ico {position: absolute; top: 50%; right: 20px; display: inline-block; width: 30px; height: 40px; margin-top: -20px; background: #fff url('/images/common/sch_ico.png') no-repeat center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
html.is-ie.ie9 .head_sch_box  {border: 1px solid #0a3f88;}
.gnb_header .head_top .login_ui_wrap {position: absolute; right: 0px; top: 50%; margin-top: -26.5px;}
.gnb-wrap{width:100%;}
.quick_ui_wrap{position: relative; right:0px; float:right; margin-top:30px;}
/* 파란 동그라미 버튼 (이미 있으시면 생략) */
.service-toggle-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
  background: #00418f;
  color:#fff;
  cursor: pointer;
}

/* 레이어 위치: 헤더 아래 오른쪽 */
.service-layer {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 12px;
  z-index: 20000;

  /* 처음엔 숨김 상태 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px); /* 살짝 위에서 시작 */
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease, visibility .25s;
}

/* 열렸을 때 */
.service-layer.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* 안쪽 박스: 최대 폭 500px + 오른쪽 정렬 */
.service-layer-inner {
  max-width: 500px;
  width: 500px;
  margin-left: auto;
  margin-right: 0;

  background: #fff;
  border-radius: 0px 30px 0px 0px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
  padding: 40px 40px;
}

/* 헤더 부분 (타이틀 + X 버튼) */
.service-layer-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.service-layer-head h3 {
  font-size: 24px;
  font-weight: 700;
  color: #003a8c;
   letter-spacing:-0.05rem;
}

.service-layer-close {
  background: none;
  border: 0;
  font-size: 22px;
  cursor: pointer;
}

/* 내부 아이콘 리스트는 자유롭게 레이아웃 */
.service-layer-body {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 40px;
  font-size: 0.95rem;
}
.service-layer-body ul li{display:inline-block; width:49%; text-align:left; padding-left:38px; height:43px; cursor:pointer;}
.service-layer-body ul li:nth-child(1){background:url("/images/common/quick_icon1.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(2){background:url("/images/common/quick_icon2.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(3){background:url("/images/common/quick_icon3.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(4){background:url("/images/common/quick_icon4.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(5){background:url("/images/common/quick_icon5.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(6){background:url("/images/common/quick_icon6.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(7){background:url("/images/common/quick_icon7.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(8){background:url("/images/common/quick_icon8.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(9){background:url("/images/common/quick_icon9.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(10){background:url("/images/common/quick_icon10.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(11){background:url("/images/common/quick_icon11.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(12){background:url("/images/common/quick_icon12.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(13){background:url("/images/common/quick_icon13.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(14){background:url("/images/common/quick_icon14.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(15){background:url("/images/common/quick_icon15.png") 0px 0px no-repeat;}
.service-layer-body ul li:nth-child(16){background:url("/images/common/quick_icon16.png") 0px 0px no-repeat;}
.service-layer-body ul li a{color:#000; font-weight:600; font-size:18px; letter-spacing:-0.05rem;}

.gnb_header .ebook-ok{position:absolute; right:60px; top:50%; margin-top: -26px;}
.gnb_header .ebook-ok a{}

/* gnb */
.gnb {padding-right:40px; width:100%;}
.gnb > li {position:relative; z-index:1; float:left;}
.gnb > li.w1 {width: 25%;}
.gnb > li.w2 {width: 23%;}
.gnb > li.w3 {width: 18%;}
.gnb > li.w4 {width: 14%;}
.gnb > li:first-child {margin-left:0;}
.gnb > li > a {display: block; height:70px; /* padding-right: 70px; */ line-height:70px; font-size:1.33em; color: #212121; text-align: center;}
.gnb > li:hover > a {position: relative; color: #0a3f88;}
.gnb > li:hover > a:after {display: inline-block; content:''; position: absolute; left: 50%; bottom: 0; width: 10px; height: 6px; margin-left: -5px; background: url('/images/common/gnb_on.png') no-repeat 0 0;}
.sub_gnb {display:none; position:absolute; left:0; top:71px; z-index:1; width:100%; min-height: 130px; padding-top: 20px; background-color:#FFF;}
.sub_gnb > li {margin-bottom: 8px; }
.sub_gnb > li:last-child {margin-bottom: 0;}
.sub_gnb > li a {display:block; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; font-size: 1.067em; text-align: center;}
.sub_gnb > li a:hover, .sub_gnb li > a:focus {color: #ffa921; font-weight: 700;}
.sub2_gnb {margin-top: 8px;}
.sub2_gnb li {margin-bottom: 5px;}
.sub2_gnb li:last-child {margin-bottom: 0;}
.sub2_gnb li a {display: block; padding-left: 8px; background: url('/images/common/sub_gnb2.png') no-repeat 0 9px; font-size: 1em; opacity: 0.79;}
.gnb_bg {display: none; position: absolute; left: 0; top: 186px; width: 100%;}

/*allmenu*/
/* 기본 숨김 상태 */
.allmenu {
  position: absolute;
  left: 0;
  top: 80px; /* 헤더 아래 */
  width: 100%;
  background: #fff;
  border-top: 1px solid #ddd;
  display: none;
  padding: 40px 0;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

.menu-columns {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 60px;
}

.menu-col h3 {
  font-size: 17px;
  margin-bottom: 16px;
  font-weight: 700;
}

.menu-col ul li {
  margin-bottom: 10px;
}

.menu-col a {
  color: #333;
  font-size: 14px;
  text-decoration: none;
}

.btn-allmenu {
  background: none;
  border: none;
  color: #333;
  font-size: 15px;
  cursor: pointer;
}


/* util_header */
.util_header {position:absolute; top:0; z-index:1; width:100%;}
.util_header .container {height:30px; line-height:30px;}
.util_header .util_link {float: left;}
.util_header .util_link > a {display: inline-block; height: 29px; line-height: 29px; padding: 0 16px; margin-left: 1px;background-color: #e7ebed; float: left; color: #fff; font-size: 0.867em; }
.util_header .util_link > a.person {background-color: #f37031;}
.util_header .util_link > a.company {background-color: #0da3e6;}
.util_header .baro_link {float: right;}
.util_header .baro_link li {float: left; margin-left: 15px;}
.util_header .baro_link li a {display: inline-block; height: 18px; line-height: 18px; color: #404040; font-size: 0.867em; font-weight: 500;}
.util_header .baro_link li.li01 a {padding-left: 18px; background: url('/images/common/login_ico.png') no-repeat 0 1px;}
.util_header .baro_link li.li02 a {padding-left: 20px; background: url('/images/common/join_ico.png') no-repeat 0 2px;}
.util_header .baro_link li.li03 a {padding-left: 22px; background: url('/images/common/center_ico.png') no-repeat 0 0;}
.util_header .baro_link li.li04 a {padding-left: 22px; background: url('/images/common/logout_ico.png') no-repeat 0 2px;}

/* sitemap */
.sitemap_btn {position: absolute; right: 5px; top: 50%; margin-top: -10px; outline: none;}
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; padding: 110px 0; background-color: rgba(0,0,0,0.8);}
.sitemap_wrap .title {position: absolute; top: -55px; left: 0; width: 100%; text-align: center; color: #fff; font-family: 'NanumSquare'; font-size: 2em;}
.sitemap_wrap .sitemap_close {position: absolute; right: 0; top: -60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap .sitemap_close:hover {transform:rotate(180deg);}
.sitemap_wrap .sitemap {padding: 50px 30px; background-color: #fff;}
.sitemap_wrap .sitemap > li {float: left; width: 23.5%; margin-right: 2%;}
.sitemap_wrap .sitemap > li:nth-child(4n) {margin-right: 0;}
.sitemap_wrap .sitemap > li:nth-child(n+5) {margin-top: 2%;}
.sitemap_wrap .sitemap > li > a {display: block; padding-bottom: 20px; border-bottom: 2px solid #0a3f88; color: #0a3f88; text-align: center; font-family: 'NanumSquare'; font-size: 1.467em; font-weight: 700;}
.sitemap_wrap .sitemap_sub_gnb {min-height: 200px; margin-top: 20px;}
.sitemap_wrap .sitemap_sub_gnb > li {margin-bottom: 8px;}
.sitemap_wrap .sitemap_sub_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub_gnb > li > a {display: block; padding-left: 13px; background: url('/images/bull/bull_dot.jpg') 0 8px no-repeat; font-size: 1.067em; }
.sitemap_wrap .sitemap_sub2_gnb {margin-top: 8px;}
.sitemap_wrap .sitemap_sub2_gnb > li {margin-bottom: 5px;}
.sitemap_wrap .sitemap_sub2_gnb > li:last-child {margin-bottom: 0;}
.sitemap_wrap .sitemap_sub2_gnb > li > a {display: block; color: #777; margin-left: 13px; padding-left: 6px; background: url('/images/common/sub_gnb2.png') no-repeat 0 9px;}

/* login_layer_wrap */
.login_layer_wrap {z-index: 9999;display: none; position: absolute; top: 0px; right: 0;}
.login_layer_wrap .login_layer_box {position: relative; width: 380px; height: 290px; background: #fff; box-shadow: 5px 5px 20px rgba(0,0,0,0.3); border-radius:20px;}
.login_layer_wrap .login_layer_box:before {content: ""; display: block; position: absolute; top: -28px; right: 10px; border-radius:20px;}
.login_layer_wrap .login_layer_box .top_txt {border-bottom: 1px solid #dedede; padding: 25px; font-size: 0.938em; color: #333;}
.login_layer_wrap .top_txt .close_btn {position: absolute; top: 25px; right: 25px; width: 28px; height: 28px; background: url("/images/common/layer_close.png") no-repeat center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.login_layer_wrap .top_txt .close_btn:hover {transform: rotate(180deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.login_layer_wrap .login_layer_box .btm_box {padding: 25px 25px 40px 25px;}
.login_layer_wrap .btm_box .form_box {position: relative; width: 100%; height: 88px; padding-right: 87px;}
.login_layer_wrap .btm_box .lyr_login_btn {position: absolute; top: 0; right: 0; width: 88px; height: 88px; color: #fff; background: #3d37c2; border-radius:5px;}
.login_layer_wrap .btm_box input[type=text] {width: 100%; height: 44px; padding-left: 15px; border: 1px solid #dedede; }
.login_layer_wrap .btm_box input[type=password] {width: 100%; height: 44px; padding-left: 15px; border: 1px solid #dedede; border-top: 0;}
.login_layer_wrap .util_btn {margin-top: 30px;}
.login_layer_wrap .util_btn_ul > li {position: relative; float: left; width: auto; padding: 0 20px;}
.login_layer_wrap .util_btn_ul > li:first-child {padding-left: 0;}
.login_layer_wrap .util_btn_ul > li:first-child a {color: #ff035c;}
.login_layer_wrap .util_btn_ul > li:last-child {padding-right: 0;}
.login_layer_wrap .util_btn_ul > li:last-child:after {display: none;}
.login_layer_wrap .util_btn_ul > li:after {content:""; display: block; position: absolute; right: 0; top: 4px; width: 1px; height: 15px; background: #b1b1b1; }
.login_layer_wrap .util_btn_ul > li a { font-size: 0.938em;}
.login_layer_wrap .btm_box input {outline: none; border: 0;}
.login_layer_wrap .btm_box .chk_each .vchkbox {display: block; position: absolute; left: 0; top: 4px; z-index: 1; width: 15px;
    height: 15px; border: 1px solid #cacaca;}
.login_layer_wrap .chk_each input:checked + label .vchkbox {background-size: contain;}
.login_layer_wrap .btm_box .chk_each {vertical-align: top;}
.login_layer_wrap .btm_box .chk_each label {font-size: 0.938em;}

.login_layer_wrap .after_login .logout_box {padding: 18px; text-align: right; border-bottom: 1px solid #dedede;}
.login_layer_wrap .after_login .logout_box .lgout_btn {display: inline-block; padding-left: 20px; color: #565656; font-size: 0.813em;
background: url("/images/common/logout_bg.png") no-repeat left center;}
.login_layer_wrap .after_login .member_con {padding:50px 18px 18px 18px;}
/* .login_layer_wrap .after_login .member_con .photo_wrap {float: left; width: 32%;}
.login_layer_wrap .after_login .member_con .photo_wrap .photo {display: table; width: 110px; height: 110px; border: 1px solid #eaeaec; background: #eaeaec; border-radius: 50%; overflow: hidden;}
.login_layer_wrap .after_login .member_con .photo_wrap .photo .va_m {display: table-cell; vertical-align: middle; text-align: center;}
.login_layer_wrap .after_login .member_con .photo_wrap .photo img {width: 100%; height: auto !important; max-height: 110px !important;} */
.login_layer_wrap .after_login .member_con .photo_wrap {position: relative; float: left; width: 32%; border-radius:50%; overflow: hidden;}
.login_layer_wrap .after_login .member_con .photo_wrap .photo {display: table; width: 110px; height: 110px; border: 1px solid #eaeaec; background: #eaeaec;}
.login_layer_wrap .after_login .member_con .photo_wrap .photo .va_m {display: table-cell; vertical-align: middle; text-align: center;}
.login_layer_wrap .after_login .member_con .photo_wrap .photo img {position: absolute; left: 50%; top: 50%; width: 100%; max-height: none;
-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

}
.login_layer_wrap .after_login .member_con .mem_info {position: relative;float: right; width: 62%;}
.login_layer_wrap .after_login .member_con .mem_info .mem_name {font-size: 1.125em; color: #565656;}
.login_layer_wrap .after_login .member_con .mem_info .mem_id {display: inline-block;font-size: 0.813em; margin-top: 8px;}
.login_layer_wrap .after_login .member_con .mem_info .go_mypage {position: absolute; right: 0; top: -35px; display: inline-block; font-size: 0.938em; color: #5388ff;}
.login_layer_wrap .after_login .member_con .mem_info .resume_comm {margin-top: 15px;}
.login_layer_wrap .after_login .member_con .mem_info .resume_comm > a {display: block; text-align: center; color: #fff; font-size: 1.0em; height: 45px; line-height: 45px; background: #4385ff;}
.login_layer_wrap .after_login .btm {margin-top: 20px; padding: 25px 20px; background: #f9f9fe;}
.login_layer_wrap .after_login .btm ul > li {position: relative; float: left; padding: 0 14px;}
.login_layer_wrap .after_login .btm ul > li:after {content:""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d9d9e6;}
.login_layer_wrap .after_login .btm ul > li:last-child:after {display: none;}
.login_layer_wrap .after_login .btm ul > li:first-child {padding-left: 0;}
.login_layer_wrap .after_login .btm ul > li:last-child {padding-right: 0;}
.login_layer_wrap .after_login .btm ul > li a {display: block; text-align: center; font-size: 0.938em; color: #565656;}
.login_layer_wrap .after_login.after_login_type2 .btm ul > li {width: 50%; text-align: center;}
.login_layer_wrap .after_login.after_login_type2 .btm ul > li a {display: inline-block;}
/* 기업회원용 스타일 */
/* .login_layer_wrap .after_login.after_login_type2 .member_con .photo_wrap .photo {display: table; background: none;}
.login_layer_wrap .after_login.after_login_type2 .member_con .photo_wrap .photo .va_m {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.login_layer_wrap .after_login.after_login_type2 .member_con .photo_wrap .photo img {width: 100%; height: auto !important;
    max-height: 100% !important; margin-top: 0;} */




/* scrolled */
/* .header.scrolled {padding-top:186px;}
.header.scrolled .gnb_header {position:fixed; top:0; z-index:1; width:100%; border-bottom: 1px solid #e2e4e8;}
.header.scrolled .head_top {display: none;}
.header.scrolled .util_header {display: none;}
.header.scrolled .gnb > li > a {height: 70px; line-height: 70px;}
.header.scrolled .sub_gnb {top: 71px;}
.header.scrolled .gnb_bg {position: fixed; top: 70px;} */



.m_gnb_search_btn{display:none; position:absolute; right:55px; top:50%; margin-top: -12px; z-index:1; width:25px; height:25px;background: url("/images/common/sch_ico.png") no-repeat center center;}

.m_gnb_wrap {display:none; position:fixed; right:-480px; top:0; z-index:9999; overflow-y: auto; width: 100%; max-width: 480px; max-height:800px; height:100%; background-color:#fff;}
.m_gnb_top {display: table; width: 100%; height:80px; padding: 10px 35px; border-bottom:1px solid #e5e5e5;}

.m_gnb_top .photo_wrap {float: left; width: 20%;}
.m_gnb_top .photo_wrap .photo {display: inline-block; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #eaeaec; background: #eaeaec; overflow: hidden;}
.m_gnb_top .photo_wrap .photo img {width: 100%; height: auto !important; max-height: 200px !important; margin-top: -10px;}
.m_gnb_top .photo_wrap .no_photo {width: 60px; height: 60px;}
.m_gnb_top .photo_wrap .no_photo img {width: 60px; height: 60px;}
.m_gnb_top .mem_info {float: right; width: 75%; color: #2196F3; padding-top: 5px;}
.m_gnb_top .mem_info .go_mypage {display: inline-block; margin-top: 10px; color: #2196F3;}

.m_gnb_top .bg_login .mem_info {width: 75%; height: 60px; display: table;}
.m_gnb_top .bg_login .mem_info a {display: table-cell; width: 100%; height: 100%; color: #2196F3; vertical-align: middle;}
.m_gnb_top .bg_login .mem_info a i {vertical-align: bottom;}



.m_logo {display: inline-block; width: 200px; vertical-align: middle;}
.m_logo img {max-height:60px;}
.m_gnb > li > a {display:block; position:relative; z-index:1; height:55px; line-height:55px; padding-left:10%; border-bottom:1px solid #e5e5e5; color:#000; font-size:16px;}
.m_gnb > li > div > a {display:block; position:relative; z-index:1; height:55px; line-height:55px; padding-left:10%; border-bottom:1px solid #e5e5e5; color:#000; font-size:16px;}
.m_gnb > li a.dpth1_btn.on {background-color:#0a3f88; color:#fff;}
.m_sub_gnb {display:none; padding: 0 10%; background-color:#fff; border-bottom: 1px solid #e5e5e5;}
.m_sub_fnb {display:none; padding: 0 10%; background-color:#fff; border-bottom: 1px solid #e5e5e5;}
.m_sub_gnb > li > a {display:block; width:100%; height:40px; line-height:40px; border-top:1px solid #efede9; color:#000; font-size:14px;}
.m_sub_gnb > li:first-child > a {border-top:0 none;}
.m_sub2_gnb {padding:5px 10%; border-top: 1px solid #efede9;}
.m_sub2_gnb li a {display:block; padding:5px 0; color:#5a5340; font-size: 14px;}
.m_sub2_gnb li a:before {content:"-"; margin-right:5px; vertical-align:top;}
.m_gnb_close {display:block; position:absolute; top:20px; right:15px; z-index:1; width:30px; height:30px; line-height: 30px; color:#000; font-size:25px; text-align: center;}
.m_gnb_bg {display:none; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
.m_gnb_wrap .m_login_wrap {margin-top: 60px; text-align: center;}
.m_gnb_wrap .m_login_wrap > a {display: inline-block; padding: 10px 30px; color: #fff; font-size: 1.1em; background: #0a3f88; border-radius: 5px;}
.m_gnb_wrap .m_login_wrap > a > i {vertical-align: unset;}
.contents {padding-bottom:30px;}

/* hdr_side_quick */
.hdr_side_quick {z-index: 9998; position: fixed; top: 105px; right: 0;}
.hdr_siede_quick_box {box-shadow: 0px 4px 15px rgba(0,0,0,0.3);}
.hdr_side_quick .tit {padding: 10px 15px; font-size: 0.938em; color: #fff; background: #3d37c2;width: 138px;}
.hdr_side_quick .quick_list ul {display: block; background: #fff; padding: 0 15px;}
.hdr_side_quick .quick_list ul > li {display: block; width: 100%; height: 90px; border-bottom: 1px solid #dedede;}
.hdr_side_quick .quick_list ul > li a {display: table; width: 100%; height: 100%;}
.hdr_side_quick .quick_list ul > li a .va_m {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.hdr_side_quick .quick_list ul > li:last-child {border-bottom: none;}
.hdr_side_quick .quick_list .ico_box {width: 30px; height: 30px; margin: 0 auto 10px auto;}
.hdr_side_quick .quick_list .txt {font-size: 1.0em; color: #333333;}
.hdr_side_quick .quick_list ul > li a:hover .txt {color: #ff035c;}
.hdr_side_quick .quick_list ul > li:nth-child(1) a .ico_box {background: url("/images/common/hdr_qck1.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(1) a:hover .ico_box {background: url("/images/common/hdr_qck1_on.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(2) a .ico_box {background: url("/images/common/hdr_qck2.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(2) a:hover .ico_box {background: url("/images/common/hdr_qck2_on.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(3) a .ico_box {background: url("/images/common/hdr_qck3.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(3) a:hover .ico_box {background: url("/images/common/hdr_qck3_on.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(4) a .ico_box {background: url("/images/common/hdr_qck4.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(4) a:hover .ico_box {background: url("/images/common/hdr_qck4_on.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(5) a .ico_box {background: url("/images/common/hdr_qck5.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(5) a:hover .ico_box {background: url("/images/common/hdr_qck5_on.png") no-repeat center center;}
/*.hdr_side_quick .quick_list ul > li:nth-child(6) a .ico_box {background: url("/images/common/hdr_qck7.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(6) a:hover .ico_box {background: url("/images/common/hdr_qck7_on.png") no-repeat center center;}*/
.hdr_side_quick .quick_list ul > li:nth-child(6) a .ico_box {background: url("/images/common/hdr_qck8.png") no-repeat center center;}
.hdr_side_quick .quick_list ul > li:nth-child(6) a:hover .ico_box {background: url("/images/common/hdr_qck8_on.png") no-repeat center center;}
.hdr_side_quick .hdr_qck_open {position: absolute; left: -21px; top: 0; width: 21px; background: #0a3f88;}
.hdr_side_quick .hdr_qck_open span {display: block;word-break: break-all; font-size: 1.1em; color: #fff; text-align: center;}

.hdr_side_quick .quick_list.bf_login ul li:nth-child(1) a .ico_box {background: url("/images/common/bf_qck1.png") no-repeat center center;}          
.hdr_side_quick .quick_list.bf_login ul li:nth-child(1) a:hover .ico_box {background: url("/images/common/bf_qck1_on.png") no-repeat center center;} 
.hdr_side_quick .quick_list.bf_login ul li:nth-child(2) a .ico_box {background: url("/images/common/bf_qck2.png") no-repeat center center;}          
.hdr_side_quick .quick_list.bf_login ul li:nth-child(2) a:hover .ico_box {background: url("/images/common/bf_qck2_on.png") no-repeat center center;} /* footer */
.hdr_side_quick .quick_list.bf_login ul li:nth-child(3) a .ico_box {background: url("/images/common/bf_qck3.png") no-repeat center center;} 
.hdr_side_quick .quick_list.bf_login ul li:nth-child(4) a .ico_box {background: url("/images/common/bf_qck4.png") no-repeat center center;}  
.hdr_side_quick .quick_list.bf_login ul li:nth-child(5) a .ico_box {background: url("/images/common/bf_qck5.png") no-repeat center center;}  


/* footer */
.footer {position:absolute; bottom:0; z-index:1; width: 100%; background-color: #fff;}
.footer ~ p {display: none;}

.fnb_wrap {width: 100%; background: #e1e5f8;}
.fnb_wrap .container {padding: 40px 0 60px 0;}
.fnb > li {position: relative; float: left; width: 20% !important; text-align: center;}
.fnb.fng_4li > li {position: relative; float: left; width: 25% !important; text-align: center;}
.fnb > li:after {content:""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 227px; background: #fff;}
.fnb > li:last-child:after {display: none;}
.fnb > li > div {display: inline-block; text-align: left;}
/* .fnb > li:nth-child(1) {text-align: left; padding-left: 20px; width: 20%;}
.fnb > li:nth-child(2) {text-align: center; width: 30%;}
.fnb > li:nth-child(3) {text-align: center; width: 30%;} 
.fnb > li:nth-child(4) {text-align: right; padding-right: 20px; width: 20%;}*/
.fnb > li > div > a {display: inline-block; font-size: 1.125em; font-family:"SCDream", sans-serif; font-weight: 500;}
.fnb .sub_fnb {margin-top: 15px;}
.fnb .sub_fnb > li {margin-bottom: 10px;}
.fnb .sub_fnb > li:last-child {margin-bottom: 0;}
.fnb .sub_fnb > li > a {display: inline-block; color: #333; font-size: 1.0em; padding-bottom: 2px; border-bottom: 1px solid transparent;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.fnb .sub_fnb > li > a:hover {color: #ff035c; border-bottom: 1px solid #ef9cbc; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.banner_box {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.banner_box .banner_slider {padding: 0 20px; display:inline-block; width:75%;}
.banner_box .banner_slider .slick-arrow {width:9px; height:17px; background: url('/images/common/banner_next.png') no-repeat 0 0; margin-top: -8px; transform: none;}
.banner_box .banner_slider .slick-prev {left: 0; background: url('/images/common/banner_prev.png') no-repeat 0 0;}
.banner_box .banner_slider .slick-next {right: 0;}
.banner_box .banner_slider .slick-arrow:before {display: none;}
.banner_box .banner_slider .slick-slide a {display: block; height: 66px; line-height: 66px; text-align: center;}
.banner_box .banner_slider .slick-slide a img {display: inline-block; max-width: 130px; max-height: 40px; vertical-align: middle;}
.counsel_btn {display: none; position: absolute; right: -200px; bottom: -10px;}
.banner_box .site_baro_box {float: right;}
.banner_box .site_baro_box .baro_box {position: relative; float: left;}
.banner_box .site_baro_box .baro_box .site_btn {width: 260px; height: 70px; border-left: 1px solid #dcdcdc; padding: 0 15px; color: #8b8b8b; font-weight:800; text-align: left; outline: none; font-weight: 300;}
.banner_box .site_baro_box .baro_box .baro_arr {position: absolute; width: 9px; height: 6px; top: 50%; margin-top: -1.5px; right: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.banner_box .site_baro_box .baro_box .baro_arr.rotate {transform: rotate(180deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.banner_box .site_baro_box .baro_box .site_link {display: none; position: absolute; left: 0; bottom: 53px; width: 100%; max-height: 120px; border-bottom: 1px solid #515462; background-color: #323646; overflow-y: auto;}
.banner_box .site_baro_box .baro_box .site_link li {border-bottom: 1px dashed #515462;}
.banner_box .site_baro_box .baro_box .site_link li:last-child {border-bottom: 0;}
.banner_box .site_baro_box .baro_box .site_link li a {display: block; padding: 10px 15px; color: #8b8b8b;}




.foot_box {background-color: #8b8b8b;}
.foot_box .foot_top .link_list {padding: 20.5px 0; margin:auto; width:50%;}
.foot_box .foot_top .link_list > li {text-align:center; display:inline-block;}
.foot_box .foot_top .link_list > li a {display: inline-block; position: relative; padding: 0 25px; color: #fff; font-size: 1.0em; font-family: 'Noto Sans KR';}
.foot_box .foot_top .link_list > li:first-child a {color: #ced9fa;}
.foot_box .foot_top .link_list > li a:after {display: inline-block; content:''; position: absolute; right: 0; top: 3px; width: 1px; height: 16px; background-color: #70737e;}
.foot_box .foot_top .link_list > li:last-child a:after {display: none;}
.site-footer {
  background: #ffffff;
  padding: 30px 20px;
  border-top: 1px solid #eee;
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

/* 왼쪽 영역 */
.footer-left {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex: 1 1 auto;
}

.footer-logo img {
  display: block;
  max-width: 110px; /* 로고 크기 조절 */
  height: auto;
}

.footer-info {
  font-size: 13px;
  line-height: 1.7;
  color: #555;
}

.footer-info p {
  margin: 0 0 2px;
}

.footer-copy {
  margin-top: 8px;
}

/* 오른쪽 SNS */
.footer-right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

.sns-link img {
  display: block;
  width: 34px;
  height: 34px;
}



/*  비활성화 처리   */
.blind{display:none}

/* 플로팅 버튼 */
.quick-menu {
  position: fixed;
  right: 32px;
  bottom: 120px;
  z-index: 100; 
}

.quick-menu__btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: none;
  background: rgba(0,75,141,0.5);           /* 딥블루 기업형 */
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.quick-menu__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.3);
}

.quick-menu__btn:active {
  transform: translateY(0);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
}


/* 바텀시트 래퍼 */
.quick-sheet {
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: none;      /* 기본은 클릭 안 되게 */
}

/* 배경 오버레이 */
.quick-sheet__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* 패널(아래에서 올라오는 부분) */
.quick-sheet__panel {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);   /* 처음엔 화면 아래에 숨김 */
  width: 100%;
  max-width: 960px;
  max-height: 80vh;
  background: #ffffff;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.25);
  padding: 20px 24px 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s cubic-bezier(0.25, 0.9, 0.35, 1.0);
}

/* 열린 상태 */
.quick-sheet.is-open {
  pointer-events: auto;
}

.quick-sheet.is-open .quick-sheet__backdrop {
  opacity: 1;
}

.quick-sheet.is-open .quick-sheet__panel {
  transform: translate(-50%, 0);
}

/* 헤더 */
.quick-sheet__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 16px;
}

.quick-sheet__header h2 {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}

.quick-sheet__close {
  border: none;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
}

/* 아이콘 그리드 */
.quick-sheet__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 16px;
  overflow-y: auto;
  padding-right: 4px;
}


/* 개별 아이템 */
.quick-item {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #111827;
}

.quick-item__icon {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  background: #e5e7eb;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
}

/* 색 변형 – 필요에 따라 쓰기 */
.quick-item__icon--mint   { background: #d9f3eb; }
.quick-item__icon--green  { background: #e4f4d5; }
.quick-item__icon--purple { background: #e4ddff; }
.quick-item__icon--yellow { background: #ffeec5; }
.quick-item__icon--pink   { background: #ffe0dd; }

.quick-item__label {
  text-align: center;
  line-height: 1.3;
}
 
/* 시트 열렸을 때 스크롤 막기용 (선택) */
body.quick-sheet-open {
  overflow: hidden;
}

.m-bottom-nav{
  display: none; /* PC에서는 숨김 */
}