@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99;margin-bottom:1.5rem;background-color:#fff}
#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 .user-flex {display:flex;flex-wrap:wrap}
#header-wrapper .user-flex > .col {flex-basis:0;flex-grow:1;max-width:100%;min-width:0}
#header-wrapper .user-flex > .col-auto {flex:0 0 auto;width:auto}
#header-wrapper .sticky-container .sticky {background-color:#fff}

/*********************************************
note : 전체영역
*********************************************/
#user-gnb > .mode-inner {align-items:flex-end;position:relative;padding:1.5rem 0 1.25rem}

/*********************************************
note : 로고영역
*********************************************/
#user-gnb .user-logo {margin-bottom:0.75rem;margin-right:1.875rem}

/* 기타링크 */
#user-gnb .user-etc-link {}
#user-gnb .user-etc-link > a {font-size:.875rem;color:rgba(0,0,0,.65)}
#user-gnb .user-etc-link > a + a {margin-left:.625rem}

/*********************************************
note : 로그인영역
*********************************************/
/* 로그인/회원가입 */
#header-wrapper .user-logbox {display:flex;align-items:center;justify-content:flex-end;margin-bottom:22px;font-family:system-ui, -apple-system, "Malgun Gothic", sans-serif;font-size:13px;line-height:1;letter-spacing:-0.75px;color:#666}
#header-wrapper .user-logbox li + li {margin-left:12px;padding-left:12px;border-left:1px solid #ddd}
#header-wrapper .user-logbox li a {display:block;overflow:hidden;color:inherit;white-space:nowrap;text-decoration:none;transition:color .15s ease-in-out}
#header-wrapper .user-logbox li a:hover {color:#000}

#header-wrapper .user-logbox li.support-btn {padding:0;border:none}
#header-wrapper .user-logbox li.support-btn > a {padding:.44rem .625rem;font-weight:700;color:#fff;background-color:var(--nd-primary);border-radius:4px;transition:all .2s ease-in-out}
#header-wrapper .user-logbox li.support-btn > a:hover {background-color:#333}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {align-items:center}
#user-nav .user-btn {width:44px;height:44px;font-size:1.25rem;color:#000}

/* 전체 */
#user-nav .user-allbtn {flex:0 0 44px;margin-left:.5rem;margin-right:-.625rem;font-size:1.5rem}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {justify-content:flex-end;align-items:center}
#user-nav .user-menu .secline {position:relative;padding:0 .813rem}
#user-nav .user-menu .secline > a {display:block;overflow:hidden;font-size:1.0625rem;font-weight:700;line-height:43px;color:#000;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {position:absolute;z-index:1;top:100%;left:50%;min-width:6.5rem !important;background-color:#fff;border:1px solid #333;visibility:hidden;transform:translateX(-50%)}
#user-nav .user-menu .secline > ul > :first-child {border-top:0}
#user-nav .user-menu .secline .sub {text-align:center;border-top:1px solid #e5e5e5}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;padding:0 1rem;font-size:.875rem;color:#000;line-height:40px;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}

/*********************************************
note : translation
*********************************************/
#user-gnb .user-translation {position:relative;flex:0 0 auto;margin-left:1rem;}
#user-gnb .user-translation .language-btns {font-size:1.75rem;color:#000;background-color:#f2f2f2;border-radius:25rem}
#user-gnb .user-translation .language-btns > .icon-language::before {display:inline-block;font-size:1em;font-family:"fontello";font-variant:normal;font-style:normal;font-weight:400;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;}
#user-nav .user-translation.active .language-btns {font-size:1.25rem}
#user-nav .user-translation.active .language-btns > i[class^="icon-"]::before {content:"\e921"}
#user-gnb .user-translation .translation-box {display:none;position:absolute;z-index:99;top:calc(100% + 10px);left:50%;width:250px;gap:4px;padding:.938rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);transform:translateX(-50%)}
#user-gnb .user-translation.active .translation-box {display:flex;justify-content:center;}
#user-gnb .user-translation .translation-box .translation-btn {flex:0 0 auto;display:inline-block;width:32px;height:22px;background-image:url('/image/trans-icon.png');background-repeat:no-repeat}
#user-gnb .user-translation .translation-box .translation-btn.kr {background-position:0 0}
#user-gnb .user-translation .translation-box .translation-btn.cn {background-position:-40px 0}
#user-gnb .user-translation .translation-box .translation-btn.en {background-position:-80px 0}
#user-gnb .user-translation .translation-box .translation-btn.jp {background-position:-120px 0}
#user-gnb .user-translation .translation-box .translation-btn.vi {background-position:-160px 0}
#user-gnb .user-translation .translation-box .translation-btn.ru {background-position:-200px 0}

/*********************************************
note : search
*********************************************/
#user-nav .user-search {margin-left:.625rem}
#user-nav .user-search > .sch-btn {background-color:#f2f2f2;border-radius:25rem}
#user-nav .user-search.active .sch-btn > i[class^="icon-"]::before {content:"\e921"}
#user-nav .user-search-content {display:none;position:absolute;z-index:10;left:0;top:calc(100% + 1px);width:100%;padding:3.75rem 1rem;background-color:#fff;box-shadow:0 8px 8px rgba(0,0,0,.06)}
#user-nav .user-search.active .user-search-content {display:block}
#user-nav .user-search-form {width:540px;height:100%;margin:0 auto;background-color:#fff}
#user-nav .user-search-form input#search {float:left;width:calc(100% - 60px);height:60px;margin:0;padding:.625rem;font-size:1.25rem;background:transparent;border:none;box-shadow:none}
#user-nav .user-search-form button[onclick] {float:right;width:60px;height:60px;font-size:1.875rem;font-weight:400;color:#222;cursor:pointer}

/*********************************************
note : autobox
*********************************************/
#user-etc {display:flex;align-items:center}
#user-etc .user-autobox {display:flex;align-items:center;flex-basis:0;flex-grow:1;max-width:100%;min-width:0;min-height:64px;border-top:1px solid #000;border-bottom:3px solid #000;letter-spacing:-0.4px}
#user-etc .user-autobox-header {flex:0 0 162px;max-width:162px}
#user-etc .user-autobox-title {font-size:14px;font-weight:700;line-height:22px;color:#000}
#user-etc .user-updated {font-size:13px;font-weight:400;line-height:21px;color:#666}
#user-etc .user-autobox-body {flex-basis:0;flex-grow:1;max-width:100%;min-width:0}
#user-etc .user-banner {flex:0 0 300px;max-width:300px;margin-top:-8px;margin-bottom:-8px;margin-left:30px}

/* 강수현 / 1479258 / 20250613 */
#header-wrapper .user-logbox li.premium-btn {padding:0;border:none}
#header-wrapper .user-logbox li.premium-btn > a {padding:.44rem .625rem;font-weight:700;color:#fff;background-color:#114f84;border-radius:4px;transition:all .2s ease-in-out}
#header-wrapper .user-logbox li.premium-btn > a:hover {background-color:#333}
/* 최은비 / 1479261 / 20250613 */
#header-wrapper .user-logbox li.premium-btn > a{background-color:var(--nd-primary);}


/* 이승현 / 1479702 / 20250616 */
.hstack01{display: flex; flex-wrap: nowrap;justify-content:end;}
.gl-sns-container {margin-bottom: 22px; margin-right: 10px;}


.gl-sns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-bottom: 22px;
  margin-right: 15px;
}
.gl-sns > a {
  flex: 0 0 auto;
  width: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 50%;
  border=r: 0;
  border-radius: 0;
}
.gl-sns > a.yt {
  background-color: #ff0000;
}

.gl-sns > a.bl {
  background-color: #08cd17;
}
.gl-sns > a.is {
	background-color:#f10488;
	background:-webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background:-moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background:-ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background:-o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background:radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}

/* 윤미정 / 1495582 / 20250804 */
.hstack01 .banner-left {margin-right: 15px;width: 200px;}

/* 이승현 / 1496046 / 20250806 */
.gl-sns > a.ico_b{background:none; line-height:inherit;}
.gl-sns > a img{width:24px; height:24px;}


.gl-sns {
  /* width:87px; */
  gap:5px 7px;	
}
.gl-sns > a.ico_b{background:none;line-height:inherit;text-decoration: none;}
.gl-sns > a img{width: 24px;height: 24px;}
.gl-sns > a > span{font-size: .45rem;letter-spacing: -0.75px;color: #000;display: block;text-align: center;font-weight: 700;line-height: 1.3;margin-bottom: 3px;}
.hstack01 {align-items:flex-end;}
.hstack01 .banner-left {margin-right:20px; width:355px;padding-bottom:20px;}


/* 임희은 / 1499677 / 20250821 */
#header-wrapper .user-logbox li.support-btn > a {
  width:200px;
  text-align:center;
}


/* 윤미정 / 1501136 / 20250826 */

#user-nav .user-menu {
  justify-content: flex-start;
}
#header-wrapper .user-logbox {
  position: relative;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
#header-wrapper .user-logbox .member-btn {
   margin-bottom: 5px;
}

#header-wrapper .user-logbox2 {	
    display: flex;	 
    font-family: system-ui, -apple-system, "Malgun Gothic", sans-serif;
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.75px;
    color: #666;
}
#header-wrapper .user-logbox2 li + li {
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid #ddd;
}
#header-wrapper .user-logbox2 li a {
	display: block;
    overflow: hidden;
    color: inherit;
    white-space: nowrap;
    text-decoration: none;
    transition: color .15s ease-in-out;
}

.hstack01 .banner-left {
  width: 495px;
}
#user-nav .user-menu .secline {
  padding: 0 1.313rem;
}
#user-nav .user-menu .secline > a {
  font-size: 1.2625rem;
  
}

/* 배진희 / 1502766 / 20250829 */
#header-wrapper .user-logbox2 li a {
  font-size: 17px;
}
#header-wrapper .user-logbox li.support-btn > a {
  width: 300px;
}
#user-nav .user-menu .secline {
  padding: 0 1.2rem;
}
#user-nav .user-menu .secline > a {
  font-size: 22px;
}

/* 임희은 / 1503632 / 20250902 */
#header-wrapper .user-logbox {
  margin-bottom:0;
}
#header-wrapper .user-logbox li.support-btn > a {
  width:140px;
}
.gl-sns-container {
  width:303px;
  justify-content:space-between;
  margin-bottom:0;
  margin-right:0;
}
.gl-sns {
  margin-right:0;
  margin-bottom:8px
}
.gl-sns .icon-thread img {
  height:20px;
}