@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99;margin-bottom:3rem}
#header-wrapper ul, #header-wrapper ol {margin:0;padding:0;list-style:none}
#header-wrapper em ,#header-wrapper i {font-style:normal}
#header-wrapper button {cursor:pointer}
#header-wrapper .no-bullet {margin-bottom:0}
#header-wrapper .has-tip {border:0}
#header-wrapper.basic, #header-wrapper .mode-inner, #nav-header {margin-left:auto;margin-right:auto}
#header-wrapper .mode-inner::after {content:'';display:table;clear:both}

/*********************************************
note : Sticky
*********************************************/
#header-wrapper .sticky {background:#fff}
#header-wrapper .sticky.is-stuck .all-section {display:none !important}

/*********************************************
note : gnb
*********************************************/
#user-gnb {background-color:#F8F8F8;border-bottom:1px solid #EDEDED;}
#user-gnb > .mode-inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;height:38px}

/* 최종편집 */
#user-gnb .updated {-ms-flex:1 0 0%;flex:1 0 0%;min-width:0;color:#333;font-size:.8125rem}
#user-gnb .updated > strong {font-weight:400}
#user-gnb .updated > strong::after {content:'|';margin:0 .625rem;color:#aaa}

/* 로그인 */
#user-gnb .spon-box {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}
#user-gnb .spon-box .item {display:block;overflow:hidden;font-size:.8125rem !important;font-weight:400;line-height:1.2;color:#333;white-space:nowrap;text-decoration:none}
#user-gnb .spon-box .item:not(:first-child) {margin-left:.5rem;padding-left:.5rem;border-left:1px solid #ddd}

/* 로그인 */
#user-gnb .spon-logbox {-ms-flex:0 0 auto;flex:0 0 auto;min-width:0}
#user-gnb .spon-logbox > li {float:left;position:relative;margin-left:.5rem}
#user-gnb .spon-logbox > li > a {color:#ea2127;font-size:.75rem;font-weight:400}
#user-gnb .spon-logbox > li > a.btn-point,
#user-gnb .spon-logbox > li > a.btn-gray {padding:4px 13px;color:#fff;border-radius:30px}
#user-gnb .spon-logbox > li > a.btn-point {color:#fff;background-color:#ea2127}
#user-gnb .spon-logbox > li > a.btn-gray {color:#fff;background-color:#282b2c}

/* 검색 */
#user-gnb .user-search {-ms-flex:0 0 auto;flex:0 0 auto;min-width:0;position:relative;margin-left:1.25rem}
#user-gnb .sch-btns {width:30px;height:30px;font-size:1.3125rem;color:#000} 
#user-gnb .user-search.active .sch-btns > i[class^="icon-"]::before {content:"\e9af"}
#user-gnb .user-search > .user-search-form {display:none;position:absolute;z-index:5;right:35px;top:50%;width:200px;height:35px;background-color:#fff;border:1px solid #444;border-radius:2rem;transform:translateY(-50%)}
#user-gnb .user-search.active > .user-search-form {display:block}
#user-gnb .user-search > .user-search-form input#search {float:left;width:calc(100% - 40px);height:35px;margin:0;font-size:.8125rem;background:transparent;border:none;box-shadow:none}
#user-gnb .user-search > .user-search-form button[onclick] {float:right;width:40px;height:35px;font-size:1rem;color:#000}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;min-height:105px}
#header-wrapper.basic #nav-header {margin-left:auto;margin-right:auto}
#nav-header .user-header-item {-ms-flex:0 0 auto;flex:0 0 auto;width:300px;max-width:100%}

/* logo */
#nav-header .user-logo {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;font-size:0;text-align:center}
#nav-header .user-logo > a {display:inline-block}
#nav-header .user-logo > a img {height:38px}

/* etc */
#nav-header .user-etc {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;margin-left:-.5rem}
#nav-header .user-etc > li {-ms-flex:0 0 auto;flex:0 0 auto;position:relative;max-width:100%}
#nav-header .user-allbtn,
#nav-header .user-search-btn {display:block;width:100%;padding:.5rem;line-height:1}
#nav-header .user-allbtn {font-size:1.5rem}

/* search */
#nav-header .user-search-btn {font-size:1.25rem}
#nav-header .user-search {display:none;position:absolute;z-index:10;left:0;top:0;width:200px}
#nav-header .user-search input#search {height:38px;margin-bottom:0;padding-right:42px;border-radius:.25rem}
#nav-header .user-search button[onclick] {position:absolute;z-index:1;right:0;top:0;width:42px;height:100%;padding:0 .75rem;font-size:1.25rem;line-height:1}
#nav-header .user-search-close {position:absolute;z-index:5;left:100%;top:50%;padding:.5rem;font-size:1rem;color:#848484;-ms-transform:translateY(-50%);transform:translateY(-50%);transition:color .15s ease-in-out}
#nav-header .user-search-close:hover {color:#000}

/* account */
#nav-header .user-account {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:flex-end;justify-content:flex-end;margin:0 -.75rem}
#nav-header .user-account > li {-ms-flex:0 0 auto;flex:0 0 auto;position:relative;max-width:100%;padding:.375rem .35rem;font-size:.8125rem;color:#848484}
#nav-header .user-account > li > a,
#nav-header .user-account-more {color:inherit}
#nav-header .user-account-more {transition:transform .15s ease-in-out}
#nav-header .user-account-more.active {-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
#nav-header .user-logbox {display:none;position:absolute;z-index:10;right:.75rem;top:100%;min-width:80px;padding:.5rem;background:#fff;border:1px solid #848484;border-radius:.25rem}
#nav-header .user-logbox > a {display:block;overflow:hidden;padding:.25rem 0;font-size:.75rem;line-height:1.3;color:#848484;white-space:nowrap;text-overflow:ellipsis;text-align:center;transition:color .15s ease-in-out}
#nav-header .user-logbox > a:hover {color:#000}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;z-index:2}
#header-wrapper.basic #user-nav {margin-left:auto;margin-right:auto}
#header-wrapper.full #user-nav,
#header-wrapper.basic #user-nav .mode-inner {position:relative;border-bottom:3px solid #000}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}
#user-nav .user-menu .secline {position:relative}
#user-nav .user-menu .secline > a {display:block;overflow:hidden;padding:.9375rem 1rem;font-size:1rem;font-weight:700;line-height:1.2;color:#000;white-space:nowrap;text-decoration:none;transition:color .15s ease-in-out}
#user-nav .user-menu .secline > a.a-hover {text-decoration:underline}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {overflow:hidden;position:absolute;z-index:1;top:100%;left:0;background-color:#fff;border-width:3px 1px 1px;border-style:solid;border-color:#000;visibility:hidden}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;font-size:.875rem;color:#5a5a5a;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
#user-nav .user-menu .secline .sub > a.a-sub-hover,
#user-nav .user-menu .secline .sub > a:hover {color:#000}

/* 메뉴바 - 2차섹션(가로) */
#header-wrapper.horizon #user-nav .user-menu .secline > ul {display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:center;justify-content:center}
#header-wrapper.horizon #user-nav .user-menu .secline .sub {-ms-flex:0 0 auto;flex:0 0 auto;display:block}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a {position:relative;padding:.375rem .625rem}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {width:128px}

#header-wrapper.vertical #user-nav .user-menu .secline:nth-child(5) > ul {width:200px} /* 지역 */
#header-wrapper.vertical #user-nav .user-menu .secline:nth-child(5) > ul .sub {display:inline;float:left;width:50%}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {position:relative;padding:.625rem 1rem;line-height:1;color:#5a5a5a}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover {background-color:#f8f8f9}

/* 메뉴바 - 2차섹션(세로 - 자동박스) */
#header-wrapper.vertical.nav-autobox #user-nav .user-menu,
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline {position:static}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:100%;height:300px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub {float:left;width:50%}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a.a-sub-hover::before,
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a:hover::before {border-left-color:rgba(255,255,255,.35)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .article-menu {position:absolute;left:320px;top:0;right:0;bottom:0;padding:0 1.25rem;border-left:1px solid rgba(0,0,0,.08)}

/* 메뉴바 - 2차섹션 위치 */
#header-wrapper.left #user-nav .user-menu .secline > ul {left:0}
#header-wrapper.center #user-nav .user-menu .secline > ul {left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#header-wrapper.right #user-nav .user-menu .secline > ul {left:inherit;right:0}

/*********************************************
note : 메뉴영역 (2차섹션 배경이 slideDown이 되어야 할 경우)
- subShow 옵션값을 hidden으로 설정해주세요.
#header-wrapper.horizon #user-nav::before {content:'';position:absolute;z-index:1;top:100%;width:100%;height:0;border-top:1px solid rgba(0,0,0,.12)}
#header-wrapper.horizon #user-nav::after {content:'';position:absolute;z-index:-1;top:100%;left:0;height:0;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
#header-wrapper.horizon #user-nav.active::after {height:55px}
*********************************************/


/*********************************************
note : 전체메뉴
*********************************************/
#header-wrapper .all-section {display:none;position:absolute;z-index:990;left:0;top:0;width:100%;background-color:#fff;border-bottom:3px solid #000}
#header-wrapper .all-section-inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#header-wrapper .all-section-inner > li {-ms-flex:0 0 auto;flex:0 0 auto;width:16.66667%;max-width:100%;padding:0 .75rem;margin-bottom:1.5rem}
#header-wrapper .all-section-inner > li > a {display:block;padding:.9375rem 0;font-size:1rem;font-weight:700}
#header-wrapper .all-section-inner .sub-menu {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:.75rem;margin-top:-.5rem}
#header-wrapper .all-section-inner .sub-menu > li {-ms-flex:0 0 auto;flex:0 0 auto;width:50%;max-width:50%}
#header-wrapper .all-section-inner .sub-menu > li > a {display:block;overflow:hidden;padding:.375rem 0;font-size:.875rem;line-height:1.3;color:#848484;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease-in-out}
#header-wrapper .all-section-inner .sub-menu > li > a:hover {color:#000}

/* 강수현 / 1337205 / 20240108 */
#nav-header .user-search .d-search {position:absolute;right:36px;top:0px;padding:3px 5px;margin-top:10px;width:47px;line-height:1.2;font-size:10px;color:#fff;text-decoration:none;border-radius:5px}
#nav-header .user-search input#search {font-size:11px}


/* 윤미정 / 1337289 / 20240108 */
#user-gnb .spon-box  >  a, #user-gnb .user-hw-more, #user-gnb .user-jb-more  {color:inherit}
#user-gnb .user-hw-more, #user-gnb .user-jb-more  {transition:transform .15s ease-in-out}
#user-gnb .user-hw-more.active, #user-gnb .user-jb-more.active {-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
#user-gnb .user-hw, #user-gnb .user-jb {display:none;position:absolute;z-index:10;top:100%;min-width:80px;padding:.5rem;background:#fff;border:1px solid #848484;border-radius:.25rem}
#user-gnb .user-hw {left:-10px;} 
#user-gnb .user-jb {left:75px;} 
#user-gnb .user-hw > a, #user-gnb .user-jb > a {display:block;overflow:hidden;padding:.25rem 0;font-size:.75rem;line-height:1.3;color:#848484;white-space:nowrap;text-overflow:ellipsis;text-align:center;transition:color .15s ease-in-out}
#user-gnb .user-hw > a:hover, #user-gnb  .user-jb > a:hover {color:#000}

/* 윤미정 / 1338649 / 20240111 */
#nav-header {min-height: 95px;padding-top: 13px;}

/* 윤미정 / 1339326 / 20240115 */
#user-nav .user-menu .secline > a {padding: 0.9375rem 1rem 5px;}


/* 윤미정 / 1340429 / 20240118 */
#nav-header .user-search button[onclick] {top: -10px;}
#nav-header .user-search-close {top: 35%;}
#nav-header .user-search .d-search-box {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center; -ms-flex-pack: center;width: 100%;position: relative;left: 0px;top: 10px;}
#nav-header .user-search .d-search-box span {font-size: 11px;}
#nav-header .user-search .d-search-box .d-search  {position: absolute;right: 0;padding: 3px 5px;margin-top: 0;margin-left: 10px;width: 47px;line-height: 1.2;font-size: 10px;color: #fff;text-decoration: none;border-radius: 5px;z-index: 999;}
#nav-header .user-search .d-search-box .icon-sh {display: inline-block;margin-left: 3px;width: 12px;height: 10px;background-image:url(/image/icon_img.jpg);}