@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99;margin-top:1.5rem;margin-bottom:1.875rem}
#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 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center}*/

/*********************************************
note : gnb
*********************************************/
/*#user-gnb .mode-inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;overflow:hidden}*/
/* 강수현 / 1239667 / 20230207 */
#user-gnb .mode-inner {display:block}

/* 로그인/회원가입 */
#user-gnb .user-logbox {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;margin:0 -.625rem}
#user-gnb .user-logbox li {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;padding:0 .625rem;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.75);white-space:nowrap}
#user-gnb .user-logbox > :not(:first-child) {border-left:1px solid #ccc}
#user-gnb .user-logbox li a {display:block;color:inherit}
#user-gnb .user-logbox li a:hover {color:rgba(0,0,0,.8)}

/* 최종편집 */
#user-gnb .user-intro {-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden;width:auto;max-width:100%;font-size:.8125rem;font-weight:300;line-height:1;color:rgba(0,0,0,.45);white-space:nowrap}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#header-wrapper.full #nav-header,
#header-wrapper.basic #nav-header .mode-inner {border-bottom:1px solid #e0e0e0}
#nav-header .mode-inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;padding:1rem 0 1.375rem}
#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;margin:0 1.875rem}
#nav-header > [class*="user-"] {-ms-flex:0 0 300px;flex:0 0 300px;width:300px}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#header-wrapper.full #user-nav,
#header-wrapper.basic #user-nav .mode-inner {border-bottom:1px solid rgba(0,0,0,.12)}
#user-nav .mode-inner {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;border-top:4px double #222}

/* 전체 */
#user-nav .user-allbtn {-ms-flex:0 0 40px;flex:0 0 40px;max-width:40x;height:52px;font-size:1.125rem}
#user-nav .user-allbtn > .icon {display:block;position:relative;width:12px;height:2px;background-color:#222;transition:background-color .25s}
#user-nav .user-allbtn:hover > .icon, #user-nav .user-allbtn[aria-expanded="true"] > .icon {background-color:#222}
#user-nav .user-allbtn > .icon::before, #user-nav .user-allbtn > .icon::after {content:'';display:block;overflow:hidden;position:absolute;z-index:1;
left:0;height:0;border-top:2px solid #222;transition:width .25s, border-color .25s}
#user-nav .user-allbtn > .icon::before {top:-7px;width:20px}
#user-nav .user-allbtn > .icon::after {bottom:-7px;width:18px}
#user-nav .user-allbtn:hover > .icon::before, #user-nav .user-allbtn:hover > .icon::after,
#user-nav .user-allbtn[aria-expanded="true"] > .icon::before, #user-nav .user-allbtn[aria-expanded="true"] > .icon::after {border-top-color:#222}
#user-nav .user-allbtn:hover > .icon::after, #user-nav .user-allbtn[aria-expanded="true"] > .icon::after {width:100%}

/* 메뉴바 - 1차섹션 */
/*#user-nav .user-menu {position:relative;z-index:10;width:calc(100% - 230px)}*/
/* 강수현 / 1239667 / 20230207 */
#user-nav .user-menu {position:relative;z-index:10;width:calc(100% - 145px)}
#user-nav .user-menu .secline {display:inline-block;position:relative;vertical-align:middle}
#user-nav .user-menu .secline > a {display:block;position:relative;padding:0 .95rem;font-size:1rem;font-weight:500;line-height:52px;color:#000;
text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
#user-nav .user-menu .secline > a::after {content:'';display:none;overflow:hidden;position:absolute;z-index:2;left:1.125rem;right:1.125rem;
bottom:-1px;height:0;border-top:2px solid #F15A4E}
/*#user-nav .user-menu .secline > a.a-hover {color:#F15A4E}*/
#user-nav .user-menu .secline > a.a-hover::after {display:block}
/*#user-nav .user-menu .secline:nth-child(7) > a {color:#f1655c}*/
/* 강수현 / 1179903 / 20220707 */
#user-nav .user-menu .secline:nth-child(7) > a {color:#5da24f}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {overflow:hidden;position:absolute;z-index:1;top:100%;left:0;font-size:0;background-color:#f9f9f9;border-radius:5px;box-shadow:1px 1px 6px rgba(0,0,0,.2);visibility:hidden}
#user-nav .user-menu .secline > ul::after {content:'';display:table;clear:both}
#user-nav .user-menu .secline > ul > :first-child::before {display:none}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;padding:0 1rem;font-size:.9375rem;font-weight:300;color:rgba(0,0,0,.85);text-overflow:ellipsis;white-space:nowrap}

/* 메뉴바 - 2차섹션(가로) */
#header-wrapper.horizon #user-nav .user-menu .secline > ul {width:auto;white-space:nowrap}
#header-wrapper.horizon #user-nav .user-menu .secline .sub {display:inline-block;position:relative;font-size:0;vertical-align:middle}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a {display:inline-block;line-height:48px}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {padding:0 .375rem}
#header-wrapper.vertical #user-nav .user-menu .secline .sub {float:none;border-top:1px solid #eee;text-align:center}
#header-wrapper.vertical #user-nav .user-menu .secline > ul > :first-child {border-top:0}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {line-height:40px}

/* 메뉴바 - 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;padding:0;-ms-transform:translateX(0);transform:translateX(0)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub {float:left;width:50%;border-top:0}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .article-menu {display:block;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 : search
*********************************************/
#user-nav .user-search {width:32px;height:32px;position:relative;margin-left:2px;font-size:0;line-height:32px;font-size:1.25rem;border-radius:50%;text-align:center;background-color:#111;color:#fff}
#user-nav .user-search > .sch-btns {width:100%;height:32px;font-size:1.25rem;color:#fff}
#user-nav .user-search.active .sch-btns > i[class^="icon-"]::before {content:"\e9af"}
#user-nav .user-search > .user-search-form {display:none;position:absolute;z-index:10;right:34px;top:50%;width:200px;background-color:#fff;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-nav .user-search.active > .user-search-form {display:block}
#user-nav .user-search > .user-search-form input#search {float:left;width:calc(100% - 32px);height:32px;margin:0;font-size:.8rem;background:transparent;border:none;box-shadow:none}
#user-nav .user-search > .user-search-form button[onclick] {float:right;width:32px;height:32px;font-size:1.25rem;font-weight:400;color:#333;cursor:pointer}

/* sns */
#user-nav .user-etc > [class*="user-"] {display:inline-block;vertical-align:middle}
#user-nav .user-sns::after {content:'';display:table;clear:both}
#user-nav .user-sns > .item {overflow:hidden;float:left;width:32px;height:32px;font-size:1.125rem;color:#fff;background-color:#cecece;line-height:32px;
border-radius:50%;text-align:center}
#user-nav .user-sns > .item.fb {background-color:#1877F2}
#user-nav .user-sns > .item.tw {background-color:#1D9BF0}
#user-nav .user-sns > .item.bl {background-color:#19CE60}
#user-nav .user-sns > .item:not(:first-child) {margin-left:5px}

/* 로그인 */
#user-nav .user-logbox {position:relative;margin-left:2px}
#user-nav .member-btns {width:32px;height:32px;font-size:1.375rem;color:#fff;background-color:#F15A4E;border-radius:50%;text-align:center;}
#user-nav .logbox-lists {display:none;position:absolute;z-index:10;left:50%;top:100%;padding:0 .75rem;background-color:#fff;border:1px solid #aaa;text-align:center;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#user-nav .user-logbox.active .logbox-lists {display:block}
#user-nav .logbox-lists::before, #user-nav .logbox-lists::after {content:'';position:absolute;left:50%;bottom:100%;border-style:solid;border-color:transparent;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#user-nav .logbox-lists::before {border-width:4px;border-bottom-color:#aaa}
#user-nav .logbox-lists::after {border-width:3px;border-bottom-color:#fff}
#user-nav .

 > a {display:block;overflow:hidden;font-size:.75rem;font-weight:lighter;line-height:35px;color:rgba(0,0,0,.65);white-space:nowrap}
#user-nav .logbox-lists > a:hover {color:rgba(0,0,0,.95)}
#user-nav .logbox-lists > a:not(:first-child) {border-top:1px solid rgba(0,0,0,.08)}

/* 배진희 / 1170971 / 20220607 */
/*#user-nav .user-menu .secline > a .youth{display:inline-block;width:38px;height:40px;background:url('../../image/menu_youth.png') center center no-repeat;background-size:contain;font-size:0;}*/
/* 강수현 / 1179903 / 20220707 */
#user-nav .user-menu .secline > a .youth{display:inline-block;width:38px;height:40px;background:url('../../image/menu_youth_2.png') center center no-repeat;background-size:contain;font-size:0;}
#user-nav .user-menu .secline > a:hover .youth{background:url('../../image/menu_youth_hover.png') center center no-repeat;}

/* 강수현 / 1239667 / 20230206 */
#header-wrapper .mode-inner .user-banner {width:150px}
#user-nav .user-menu .secline > a .olds{display:inline-block;width:38px;height:40px;background:url('../../image/menu_olds.png') center center no-repeat;background-size:contain;font-size:0;}
#user-nav .user-menu .secline > a:hover .olds{background:url('../../image/menu_olds_hover.png') center center no-repeat;}
#user-gnb .mode-inner .user-intro {float:left}
#user-gnb .mode-inner .user-etc {float:right}
#user-gnb .mode-inner .user-etc > [class*="user-"] {display:inline-block;vertical-align:middle}
#user-gnb .mode-inner .user-sns::after {content:'';display:table;clear:both}
#user-gnb .mode-inner .user-sns > .item {overflow:hidden;float:left;width:32px;height:32px;font-size:1.125rem;color:#fff;background-color:#cecece;line-height:32px;
border-radius:50%;text-align:center}
#user-gnb .mode-inner .user-sns > .item.fb {background-color:#1877F2}
#user-gnb .mode-inner .user-sns > .item.tw {background-color:#1D9BF0}
#user-gnb .mode-inner .user-sns > .item.bl {background-color:#19CE60}
#user-gnb .mode-inner .user-sns > .item:not(:first-child) {margin-left:5px}
#user-gnb .mode-inner .user-logbox {position:relative;margin-left:2px}
#user-gnb .mode-inner .member-btns {width:32px;height:32px;font-size:1.375rem;color:#fff;background-color:#F15A4E;border-radius:50%;text-align:center;}
#user-gnb .mode-inner .logbox-lists {display:none;position:absolute;z-index:10;left:50%;top:100%;padding:0 .75rem;background-color:#fff;border:1px solid #aaa;text-align:center;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#user-gnb .mode-inner .user-logbox.active .logbox-lists {display:block}
#user-gnb .mode-inner .logbox-lists::before, #user-nav .logbox-lists::after {content:'';position:absolute;left:50%;bottom:100%;border-style:solid;border-color:transparent;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#user-gnb .mode-inner .logbox-lists::before {border-width:4px;border-bottom-color:#aaa}
#user-gnb .mode-inner .logbox-lists::after {border-width:3px;border-bottom-color:#fff}
#user-gnb .mode-inner .logbox-lists > a {display:block;overflow:hidden;font-size:.75rem;font-weight:lighter;line-height:35px;color:rgba(0,0,0,.65);white-space:nowrap}
#user-gnb .mode-inner .logbox-lists > a:hover {color:rgba(0,0,0,.95)}
#user-gnb .mode-inner .logbox-lists > a:not(:first-child) {border-top:1px solid rgba(0,0,0,.08)}
#user-gnb .mode-inner .user-search {width:32px;height:32px;position:relative;margin-left:13px;font-size:0;line-height:32px;font-size:1.25rem;border-radius:50%;text-align:center;background-color:#111;color:#fff}
#user-gnb .mode-inner .user-search > .sch-btns {width:100%;height:32px;font-size:1.25rem;color:#fff}
#user-gnb .mode-inner .user-search.active .sch-btns > i[class^="icon-"]::before {content:"\e9af"}
#user-gnb .mode-inner .user-search > .user-search-form {display:none;position:absolute;z-index:10;right:34px;top:50%;width:200px;background-color:#fff;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-gnb .mode-inner .user-search.active > .user-search-form {display:block}
#user-gnb .mode-inner .user-search > .user-search-form input#search {float:left;width:calc(100% - 32px);height:32px;margin:0;font-size:.8rem;background:transparent;border:none;box-shadow:none}
#user-gnb .mode-inner .user-search > .user-search-form button[onclick] {float:right;width:32px;height:32px;font-size:1.25rem;font-weight:400;color:#333;cursor:pointer}