@charset "UTF-8";
/**********************************************
note : reset
**********************************************/
#header-wrapper {position:relative;z-index:99;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::after {content:'';display:table;clear:both}
#header-wrapper .mode-inner,
#header-wrapper .flex-grid {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center}
#header-wrapper .flex-grid.justify-center {-ms-flex-pack:center;justify-content:center}
#header-wrapper .flex-grid.justify-end {-ms-flex-pack:flex-end;justify-content:flex-end}
#header-wrapper .col {-ms-flex-preffered-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0}
#header-wrapper .col-auto {-ms-flex:0 0 auto;flex:0 0 auto}

@media screen and (max-width: 71.25em) {
	#header-wrapper {padding:0 1.25rem}
}
@media screen and (max-width: 39.9375em) {
}


/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {padding:1.5rem 0}
#nav-header .grid {-ms-flex:0 0 300px;flex:0 0 300px;max-width:300px}
@media screen and (max-width: 63.9375em) {
	#nav-header .grid {-ms-flex:0 0 200px;flex:0 0 200px;max-width:200px}
}
@media screen and (max-width: 39.9375em) {
	#nav-header .grid {-ms-flex:0 0 50px;flex:0 0 50px;max-width:50px}
}

/* 전체 */
#nav-header .user-allbtn {position:relative;width:24px;height:24px}
#nav-header .user-allbtn .line {position:absolute;z-index:1;display:inline-block;width:100%;height:2px;background-color:#000}
#nav-header .user-allbtn .line::before,
#nav-header .user-allbtn .line::after {content:'';position:absolute;z-index:1;left:0;width:20px;height:2px;background-color:#000;transition:all .2s ease-in-out}
#nav-header .user-allbtn .line::before {top:-7px}
#nav-header .user-allbtn .line::after {top:7px;width:16px}
/*
#nav-header .user-allbtn.on .line {background-color:transparent}
#nav-header .user-allbtn.on .line::before,
#nav-header .user-allbtn.on .line::after {top:50%;width:30px}
#nav-header .user-allbtn.on .line::before {transform:translateY(-50%) rotate(45deg)}
#nav-header .user-allbtn.on .line::after {transform:translateY(-50%) rotate(-45deg)}
*/

/* 로고 */
@media screen and (max-width: 39.9375em) {
	#nav-header .user-logo a > img {max-height:40px}
}


/* SNS */
#nav-header .user-sns {margin:0 -.313rem;font-size:0}
#nav-header .user-sns .item {padding:0 .313rem;font-size:1.25rem}
@media screen and (max-width: 39.9375em) {
	#nav-header .user-sns {display:none}
}

/* Login */
#nav-header .user-login {position:relative;margin-left:.625rem;font-size:0}
#nav-header .user-login .login-btn {font-size:1.25rem}
#nav-header .user-login.on .login-btn > i[class*="icon-"]::before {content:'\e9f3'}
#nav-header .user-login .user-logbox {display:none;position:absolute;z-index:1;top:calc(100% + 10px);left:50%;width:120px;padding:1.25rem .938rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);transform:translateX(-50%)}
#nav-header .user-login .user-logbox > li:not(:first-child) {margin-top:.938rem}
#nav-header .user-login .user-logbox > li > a {display:block;width:100%;font-size:.875rem;color:rgba(0,0,0,.65);line-height:1;text-align:center}
@media screen and (max-width: 39.9375em) {
	#nav-header .user-login {margin-left:0}
	#nav-header .user-login .login-btn {font-size:1.5rem}
}

/*********************************************
note : 검색 (search)
*********************************************/
#userSearch {}
#userSearch .user-search-form {width:100%;padding:.313rem 1.5rem;border:2px solid #31B7C3;border-radius:.938rem}
#userSearch .user-search-form input#search {height:40px;margin:0;font-size:1.125rem;color:#000;border:none;border-radius:0}
#userSearch .user-search-form button[onclick] {margin:0 0 0 1.25rem;padding:0;font-size:1.5rem}

@media screen and (max-width: 39.9375em) {
	#userSearch .user-search-form input#search {height:30px}
}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;z-index:2;}/*border-bottom:2px solid rgba(0,0,0,.12)*/
@media screen and (max-width: 39.9375em) {
	#user-nav {display:none}
}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {position:relative;font-size:0}
#user-nav .user-menu .secline {position:relative}
#user-nav .user-menu .secline > a {overflow:hidden;display:block;position:relative;height:70px;padding:0 1.25rem;font-size:1.375rem;font-weight:700;line-height:70px;letter-spacing:-.025em;color:#000;transition:color .15s ease-in-out;text-decoration:none}
#user-nav .user-menu .secline > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;right:0;bottom:0;height:0;border-top:3px solid transparent;transition:border .15s ease-in-out}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {overflow:hidden;position:absolute;z-index:1;top:100%;left:0;visibility:hidden;min-width:300px;padding:.625rem .938rem;background-color:#fff;border:1px solid #000}
#user-nav .user-menu .secline > ul::after {content:'';display:table;clear:both}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;padding:0 1rem;font-size:.875rem;color:rgba(0,0,0,.65);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
#user-nav .user-menu .secline .sub > a.a-sub-hover,
#user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.95)}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {flex-direction:column;width:auto;padding:0;background-color:#fff;border:1px solid #000}
#header-wrapper.vertical #user-nav .user-menu .secline .sub {display:block;width:100%}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {position:relative;width:100%;color:rgba(0,0,0,.5);line-height:40px;text-align:center}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a.a-sub-hover,
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.85)}

/* 메뉴바 - 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 : all sections
*********************************************/
#all-sections {overflow-x:hidden;position:fixed;z-index:1004;top:0;left:0;width:80%;height:100%;background-color:#ececec;transform:translateX(-100%);transition:all .3s ease-in-out}
#header-wrapper.nav-on #all-sections {transform:translateX(0)}
#header-wrapper .nav-overlap {display:none;position:fixed;z-index:1003;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
#header-wrapper.nav-on .nav-overlap {display:block}
@media screen and (min-width: 40em) {
	#all-sections {max-width:360px}
}

/* header */
#all-sections .header {justify-content:space-between;padding:1.25rem 1.25rem;background-color:#fff;text-align:left}
#all-sections .header > .item {}
#all-sections .header > .item.logo > img {max-height:36px}
#all-sections .header > .item > .btns {font-size:1.25rem;color:rgba(0,0,0,.95);cursor:pointer}
#all-sections .header > .item > .btns:not(:first-child) {margin-left:.625rem}
#all-sections .header > .item > .btns.small {font-size:1.125rem;color:rgba(0,0,0,.5)}
#all-sections .header > :last-child > :first-child {margin-left:0}

/* search */
#all-sections .search-form {display:block;position:relative;padding:0 0 0 .625rem;background-color:#333}
#all-sections .search-form input#sc_word {height:50px;margin-bottom:0;font-size:.875rem;font-weight:normal;color:#fff;background-color:transparent;border:0;border-radius:0}
#all-sections .search-form input#sc_word::-webkit-input-placeholder {color:rgba(255,255,255,.15)}
#all-sections .search-form input#sc_word::-moz-placeholder {color:rgba(255,255,255,.15)}
#all-sections .search-form input#sc_word:-ms-input-placeholder {color:rgba(255,255,255,.15)}
#all-sections .search-form input#sc_word::placeholder {color:rgba(255,255,255,.15)}
#all-sections .search-form button[onclick] {-ms-flex:0 0 65px;9flex:0 0 65px;width:65px;height:50px;font-size:1.375rem;color:#fff;background-image:linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 30%);cursor:pointer}

/* sections */
#all-sections .menu {display:block;padding:1rem 1.25rem;margin-bottom:.625rem;background-color:#fff;text-align:left}
#all-sections .menu::after {content:'';display:table;clear:both}
#all-sections .menu > li {display:block}
#all-sections .menu:not(.nested) > li {border-top:1px solid rgba(0,0,0,.05)} 
#all-sections .menu:not(.nested) > :first-child {border-top:0}
#all-sections .menu > li > a {padding:.9375rem 0;font-size:1rem;line-height:1;letter-spacing:-.05em;color:rgba(0,0,0,.95);text-decoration:none}
#all-sections .menu > .is-accordion-submenu-parent[aria-expanded="true"] > a {font-weight:bolder}
#all-sections .menu > .is-accordion-submenu-parent > a::after {content:'+';right:1.25rem;width:auto;height:auto;margin:0;font-size:inherit;font-weight:normal;line-height:1;border:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#all-sections .menu > .is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:'-'}
#all-sections .menu.nested {margin:0;background-color:#f8f8f8}
#all-sections .menu.nested::after {content:'';display:table;clear:both}
#all-sections .menu.nested > li {float:left;width:50%}
#all-sections .menu.nested > li:first-child {width:100%}
#all-sections .menu.nested > :nth-child(2n + 2) {border-right:1px solid rgba(0,0,0,.05);clear:both}
#all-sections .menu.nested > li > a {overflow:hidden;padding:.625rem 1rem;font-size:.813rem;text-overflow:ellipsis;white-space:nowrap}

/* special menu */
#all-sections .rank-tile {display:block;font-size:0;text-align:left;background-color:#fff;border-top:1px solid #ececec}
#all-sections .rank-tile::after {content:'';display:table;clear:both}
#all-sections .rank-tile > a {float:left;width:33.33333%;padding:1rem .625rem;color:rgba(0,0,0,.75);background-color:#fff;border-width:1px 0 0 1px;border-style:solid;border-color:rgba(0,0,0,.08);text-decoration:none;text-align:center}
#all-sections .rank-tile > :nth-child(3n + 1) {border-left-width:0;clear:both}
#all-sections .rank-tile [class*="icon-"] {display:block;margin-bottom:.375rem;font-size:1.625rem;line-height:1}
#all-sections .rank-tile > :nth-child(1) > [class*="icon-"] {color:#5684ff}
#all-sections .rank-tile > :nth-child(2) > [class*="icon-"] {color:#13c0cb}
#all-sections .rank-tile > :nth-child(3) > [class*="icon-"] {color:#f39a11}
#all-sections .rank-tile > :nth-child(4) > [class*="icon-"] {color:#f44e5c}
#all-sections .rank-tile > :nth-child(5) > [class*="icon-"] {color:#005ca0}
#all-sections .rank-tile > :nth-child(6) > [class*="icon-"] {color:#832c81}
#all-sections .rank-tile .text {display:block;font-size:.813rem}

/* footer */
#all-sections .footer {display:block;padding:0 1.25rem;margin:2.125rem 0 1.25rem;font-size:0;text-align:left;background-color:#ececec}
#all-sections .footer .sns-list {margin-bottom:.938rem}
#all-sections .footer .sns-list > a {font-size:1.25rem}
#all-sections .footer .sns-list > a:not(:first-child) {margin-left:.625rem}
#all-sections .footer .sns-list > .sns.facebook {color:#1E7CF2}
#all-sections .footer .sns-list > .sns.twitter {color:#000}
#all-sections .footer .sns-list > .sns.instagram {color:#9125DE}
#all-sections .footer .sns-list > .sns.youtube {color:#FE0808}
#all-sections .footer .sns-list > .sns.telegram {color:#249BDD}
#all-sections .footer .sns-list > .sns.homepage {display:flex;align-items:center;height:20px}
#all-sections .footer .sns-list > .sns.homepage > .icon {display:inline-block;width:20px;height:20px;background:url('/image/icon-minjunochong.svg') no-repeat 50% 50%;background-size:contain}

#all-sections .footer .navs {display:block;font-size:0;text-align:center}
#all-sections .footer .navs > a {display:inline-block;position:relative;padding:.375rem .75rem;font-size:.813rem;line-height:1.125;color:rgba(0,0,0,.6);text-decoration:none;vertical-align:middle}
#all-sections .footer .navs > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.688rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#all-sections .footer .navs > :first-child::before {content:normal}
#all-sections .footer .address {display:block;margin:.375rem 0 0;padding:.75rem 0;font-size:0;border-top:1px solid rgba(0,0,0,.05);text-align:center}
#all-sections .footer .address > .item {display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-style:normal;font-weight:normal;line-height:1.375;color:rgba(0,0,0,.5);text-decoration:none}
#all-sections .footer .address > .item.zips {display:block}


/* 홍경아 / 1409018 / 20240927 */
#userSearch .user-search-form {width: calc(100% - 88px);}
#userSearch .sitemap {width:78px; margin-left:10px; padding: .313rem 1.5rem; border: 2px solid #31B7C3; border-radius: .938rem; font-size: 1.65rem;}


@media screen and (max-width: 39.9375em) {
	#userSearch .user-search-form {width: calc(100% - 65px);}
     #userSearch .sitemap {font-size: 1.3rem;width: 55px;padding: .313rem 1rem;}
}


/* 홍경아 / 1415918 / 20241024 */
#user-nav .user-menu .secline > a[href*="bit.ly/윤퇴진"] {color:#b22a20}


/* 강수현 / 1474854 / 20250528 */
#userSearch .user-search-form {width:calc(100% - 176px)}
#userSearch .gl-translation {position:relative;flex:0 0 auto;width:78px;margin-left:10px;padding:.313rem 1.5rem;border:2px solid #31B7C3;border-radius:.938rem;font-size:1.65rem}
#userSearch .gl-translation .gl-translation-ab {display:none;position:absolute;z-index:99;top:calc(100% + 10px);left:50%;width:auto;gap:4px;padding:.938rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);transform:translateX(-50%);}
#userSearch .gl-translation .gl-translation-action > i {display:none}
#userSearch .gl-translation.is-active .gl-translation-ab {display:flex;justify-content:center}
#userSearch .gl-translation.is-active .gl-translation-action {font-size:1.25rem}
#userSearch .gl-translation.is-active .gl-translation-action img {display:none}
#userSearch .gl-translation.is-active .gl-translation-action > i {display:block;content:"\e9af";font-size:1.65rem}
#userSearch .gl-translation .gl-translation-ab .translate-btn {flex:0 0 auto;display:inline-block;width:28px;height:22px;background-image:url('/image/country_list.png');background-repeat:no-repeat;}
#userSearch .gl-translation .gl-translation-ab .translate-btn.kr {background-position:0 0}
#userSearch .gl-translation .gl-translation-ab .translate-btn.en {background-position:-30px 0}
#userSearch .gl-translation .gl-translation-ab .translate-btn.jp {background-position:-60px 0}
#userSearch .gl-translation .gl-translation-ab .translate-btn.cn {background-position:-90px 0}
#userSearch .gl-translation .gl-translation-ab .translate-btn.np {background-position:-120px 0}
#userSearch .gl-translation .gl-translation-ab .translate-btn.vi {background-position:-150px 0}
#userSearch .gl-translation .gl-translation-ab .translate-btn.bg {background-position:-178px 0}
#userSearch .gl-translation .gl-translation-ab .translate-btn.sh {background-position:-207px 0}

@media screen and (max-width: 39.9375em) {
   #userSearch .user-search-form {width:calc(100% - 130px)}
   #userSearch .gl-translation .gl-translation-ab {left:0;gap:0}
   #userSearch .gl-translation {font-size:1.3rem;width:55px;padding:.313rem 1rem}
   #userSearch .gl-translation.is-active .gl-translation-action > i {font-size:1.3rem}
}