@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99;margin-bottom:2.5rem}
#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 .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-between {-ms-flex-pack:space-between;justify-content:space-between}
#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 .flex-col {-ms-flex-preffered-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0}
#header-wrapper .flex-col-auto {flex:0 0 auto}

@media screen and (max-width: 64em) {
	#user-wrap .row #user-container {padding-left:2.5rem;padding-right:2.5rem}
	#header-wrapper .mode-inner {padding:0 2.5rem}
}
@media screen and (max-width: 39.9375em) {
	#user-wrap .row #user-container {padding-left:1.25rem;padding-right:1.25rem}
	#header-wrapper .mode-inner {padding:0 1.25rem}
}


/*********************************************
note : 최상단영역
*********************************************/
/* 기본 */
#user-gnb {position:relative;padding:.625rem 0;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}
#header-wrapper.is-active #user-gnb {z-index:9999}
@media screen and (max-width: 64em) {
	#user-gnb {display:none}
}

/* 최종편집 */
#user-gnb .user-intro {font-size:.813rem;color:rgba(0,0,0,.75)}
#user-gnb .user-intro > span {display:inline-block;margin-right:.625rem;padding:4px 8px;color:#fff;border-radius:4px}

/* SNS */
#user-gnb .user-sns {}
#user-gnb .user-sns > a {font-size:1.25rem}
#user-gnb .user-sns > a:not(:first-child) {margin-left:.625rem}
#user-gnb .user-sns > a.sns.newsletter:hover {color:#1C8ADB}
#user-gnb .user-sns > a.sns.blog:hover {color:#3EC729}
#user-gnb .user-sns > a.sns.facebook:hover {color:#1E4C99}
#user-gnb .user-sns > a.sns.youtube {font-size:1.5rem}
#user-gnb .user-sns > a.sns.youtube:hover {color:#FF0000}
#user-gnb .user-sns > a.sns.kakao:hover {color:#FFDC00}
#user-gnb .user-sns > a.sns.support:hover {color:#ff6b81}

/* 로그인/회원가입 */
#user-gnb .user-logbox {margin-left:1.5rem}
#user-gnb .user-logbox > li {-ms-flex:0 0 auto;flex:0 0 auto}
#user-gnb .user-logbox > li:not(:first-child) {margin-left:.625rem}
#user-gnb .user-logbox > li > a {font-weight:inherit;font-size:.813rem;color:#555}
#user-gnb .user-logbox > li > a:hover {text-decoration:underline}


/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {padding:1.5rem 0;transition:all .3s ease-in-out}
#nav-header .user-logo {font-size:inherit}
#nav-header .user-logo img {max-height:80px;transition:all .3s ease-in-out}
#nav-header .user-banner {-ms-flex:0 0 300px;flex:0 0 300px;width:300px}
#nav-header .user-banner .banner_box {display:inline-block}
#nav-header .user-banner .banner_box img {margin:0}
#nav-header .for-mobile {display:none;-ms-flex:0 0 50px;flex:0 0 50px;width:50px}

@media screen and (max-width: 64em) {
	#nav-header {padding-left:2.5rem;padding-right:2.5rem}
	#nav-header .user-banner {display:none}
	#nav-header .user-logo img {max-height:60px}
}
@media screen and (max-width: 39.9375em) {
	#nav-header {padding:1.25rem}
	#nav-header .user-logo img {max-height:40px}
}

/* 전체 */
@media screen and (max-width: 64em) {
	#nav-header .user-allbtn {display:flex;height:20px;margin:0}
	#nav-header .user-allbtn .line {position:relative;display:inline-block;width:18px;height:2px;background-color:#000}
	#nav-header .user-allbtn .line::before, #nav-header .user-allbtn .line::after {content:'';position:absolute;left:0;width:22px;height:2px;background-color:#000}
	#nav-header .user-allbtn .line::before {top:-7px}
	#nav-header .user-allbtn .line::after {top:7px}
}

/* 검색 */
@media screen and (max-width: 64em) {
	#nav-header .user-search {display:block;text-align:right}
	#nav-header .user-search .search-btn {font-size:1.5rem}
	#header-wrapper.sch-on #nav-header .search-btn > i[class*="icon-"]::before {content:'\e921';}
}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;z-index:2;border-top:1px solid rgba(0,0,0,.12)}
#user-nav::after {content:'';display:block;width:100%;height:55px;background-color:#ecf0f1}
#user-nav .mode-inner > [class*="user-"] {-ms-flex:0 0 50px;flex:0 0 50px}
#user-nav .mode-inner > .user-menu {-ms-flex-preffered-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0}
@media screen and (max-width: 64em) {
	#user-nav .mode-inner {display:block;overflow-x:auto}
}

/* 전체 */
#user-nav .user-allbtn {width:50px;height:20px;margin:0}
#user-nav .user-allbtn .line {position:relative;display:inline-block;width:18px;height:2px;background-color:#000}
#user-nav .user-allbtn .line::before, #user-nav .user-allbtn .line::after {content:'';position:absolute;left:0;width:22px;height:2px;background-color:#000}
#user-nav .user-allbtn .line::before {top:-7px}
#user-nav .user-allbtn .line::after {top:7px}
@media screen and (max-width: 64em) {
	#user-nav .user-allbtn {display:none}
}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {position:relative}
#user-nav .user-menu .secline {position:relative}
#user-nav .user-menu .secline > a {overflow:hidden;display:block;position:relative;padding:0 1.25rem;font-size:1.125rem;font-weight:500;line-height:60px;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}
#user-nav .user-menu .secline > a.for-read::after {content:'\ea5b';display:inline-block;margin-left:.313rem;font-family:fontello;font-size:1.125rem;}
@media screen and (max-width: 64em) {
	#user-nav .user-menu .secline > a {padding:0 .938rem;font-size:1rem;line-height:50px}
}
@media screen and (max-width: 39.9375em) {
	#user-nav .user-menu {flex-wrap:nowrap;justify-content:flex-start !important}
	#user-nav .user-menu .secline {flex:0 0 auto;width:auto;max-width:100%;min-width:0}
}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {overflow:hidden;position:absolute;z-index:1;top:100%;left:0;font-size:0;visibility:hidden}
#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(255,255,255,.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(255,255,255,.95)}

/* 메뉴바 - 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 {position:relative;display:inline-block;line-height:55px}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a::before {content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;border-top:3px solid transparent}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a.a-sub-hover::before,
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a:hover::before {border-top-color:#fff;transition:all .15s}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav::before {content:'';position:absolute;z-index:1;bottom:0;width:100%;border-top:1px solid rgba(0,0,0,.12)}
#header-wrapper.vertical #user-nav::after {display:none}
#header-wrapper.vertical #user-nav .user-menu .secline > ul {width:140px;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-top:0}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {position:relative;color:rgba(0,0,0,.5);line-height:40px}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a::before {content:'';position:absolute;z-index:1;top:50%;right:1rem;border:3px solid transparent;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#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);background-color:rgba(0,0,0,.03)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a.a-sub-hover::before,
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover::before {border-left-color:rgba(0,0,0,.35)}

/* 메뉴바 - 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 {display:flex;flex-wrap:wrap;width:100%;padding:1.5rem;left:50%;background-color:#f6f7f8;transform:translateX(-50%)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub {line-height:1}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub:not(:first-child) {margin-left:1.25rem}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a {display:block;padding:0;font-size:.938rem;font-weight:500;line-height:1}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a:hover {background:none}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a::before {content:'#';position:initial;display:inline-block;margin-right:.313rem;border:none;transform:translateY(0)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .article-menu {-ms-flex:1 0 100%;flex:1 0 100%;width:100%;margin-top:1.25rem}
@media screen and (max-width: 64em) {
	#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {display:none !important}
}

/* 메뉴바 - 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}
*********************************************/

/* 검색 */
#user-nav .user-search {text-align:right}
#user-nav .user-search .search-btn {font-size:1.5rem}
#header-wrapper.sch-on #user-nav .search-btn > i[class*="icon-"]::before {content:'\e921';}
.user-search-form {display:none;position:absolute;z-index:1;top:100%;left:0;right:0;width:100%;padding:5rem 0;background-color:rgba(0,0,0,.75)}
.user-search-form .form-inner {max-width:600px;margin:0 auto}
.user-search-form .form-title {display:block;margin-bottom:1.875rem;font-size:2.5rem;font-weight:700;color:#fff;text-align:center}
.user-search-form form {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;width:100%;padding-bottom:.625rem;border-bottom:2px solid #fff}
.user-search-form form input#search {-ms-flex-preffered-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;margin:0;padding:0;font-size:1.5rem;color:#fff;background:none;border:none;border-radius:0}
.user-search-form form button[onclick] {flex:0 0 auto;margin-left:1.25rem;font-size:1.875rem;color:#fff}
@media screen and (max-width: 64em) {
	#user-nav .user-search {display:none}
	.user-search-form .form-inner {width:100%;padding:0 20px}
	.user-search-form .form-title {text-align:left}
}

/*********************************************
note : 전체섹션
*********************************************/
#all-section {display:none;position:fixed;z-index:9999;top:57px;left:0;width:100%;height:400px;background-color:#fff;box-shadow:0 3px 4px rgba(0,0,0,.29)}
#header-wrapper.is-active #all-section {display:block}
#all-section .mode-inner {position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-direction:column;width:100%;height:100%;padding:2.5rem 0;background-color:#fff}

@media screen and (max-width: 64em) {
	#all-section {top:0;height:100%;padding:0 40px}
}

@media screen and (max-width: 39.9375em) {
	#all-section {padding:0 20px}
}

/* header */
#all-section .nav-header {-ms-align-items:flex-end;align-items:flex-end;-ms-flex-pack:space-between;justify-content:space-between;margin-bottom:3.125rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.12)}
#all-section .nav-header .nav-logo img {max-height:50px}
#all-section .nav-header .nav-close {font-size:1.5rem}

/* updated */
#all-section .user-intro {display:none}
@media screen and (max-width: 64em) {
	#all-section .user-intro {display:flex;width:100%;margin-bottom:1.25rem;font-size:.813rem;color:rgba(0,0,0,.75)}
	#all-section .user-intro > span {display:inline-block;margin-right:.625rem;padding:4px 8px;color:#fff;border-radius:4px}
}

/* search */
#all-section .nav-search {margin-bottom:1.875rem}
#all-section .nav-search form {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;flex-direction:row-reverse;padding-bottom:.5rem;border-bottom:3px solid #000}
#all-section .nav-search form input#search {-ms-flex-preffered-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;margin:0 0 0 .625rem;padding:0;font-size:1.125rem;font-weight:500;color:#000;border:none;border-radius:0}
#all-section .nav-search form input#search::placeholder {font-weight:700;color:rgba(0,0,0,.5)}
#all-section .nav-search form button[onclick] {flex:0 0 auto;margin:0;font-size:1.5rem;color:#000}

/* 메뉴 */
#all-section .all-section-menu {align-items:flex-start;margin:0}
#all-section .all-section-menu > li {-ms-flex:0 0 10%;flex:0 0 10%;width:10%;color:rgba(0,0,0,.95)}
/*#all-section .all-section-menu > li {-ms-flex-preffered-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;color:rgba(0,0,0,.95)}*/
#all-section .all-section-menu > li:not(:nth-child(-n + 10)) {margin-top:1.25rem}
#all-section .all-section-menu > li > a {position:relative;padding:0;font-size:1.063rem;font-weight:500;color:#000;text-decoration:none;text-align:left}

#all-section .all-section-sub {margin-top:.625rem}
#all-section .all-section-sub > li:not(:first-child) {margin-top:.625rem}
#all-section .all-section-sub > li > a {display:block;font-size:.875rem;font-weight:400;color:rgba(0,0,0,.65);line-height:1}
#all-section .all-section-sub > li > a:hover {text-decoration:underline}

@media screen and (max-width: 64em) {
	#all-section .all-section-menu > li {-ms-flex:0 0 25%;flex:0 0 25%;width:25%}
	#all-section .all-section-menu > li:not(:nth-child(-n + 4)) {margin-top:1.875rem}
}
@media screen and (max-width: 39.9375em) {
	#all-section .all-section-menu {overflow-y:auto}
	#all-section .all-section-menu > li {-ms-flex:0 0 100%;flex:0 0 100%;width:100%}
	#all-section .all-section-menu > li:not(:first-child) {margin-top:.625rem}
	#all-section .all-section-menu > li > a {display:block;width:100%}
	#all-section .all-section-menu > li.sub-parent > a::before {content:'\e942';position:absolute;z-index:1;top:50%;right:0;font-family:fontello;font-size:1.25rem;transform:translateY(-50%)}
	#all-section .all-section-menu > li.sub-parent > a.on::before {content:'\e945';}
	
	#all-section .all-section-sub {display:none}
}

/* SNS */
#all-section .user-sns {display:none}
@media screen and (max-width: 64em) {
	#all-section .user-sns {display:-ms-flexbox;display:flex;width:100%;margin-top:3.125rem}
	#all-section .user-sns > a {font-size:1.25rem;color:#555}
	#all-section .user-sns > a:not(:first-child) {margin-left:.625rem}
}

/* LOGIN */
#all-section .user-logbox {display:none}
@media screen and (max-width: 64em) {
	#all-section .user-logbox {display:-ms-flexbox;display:flex;width:100%}
	#all-section .user-logbox > li > a {font-size:.813rem;color:#555}
	#all-section .user-logbox > li.sns > a {font-size:1.25rem}
	#all-section .user-logbox > li:not(:first-child) {margin-left:.625rem}
}

/* overlap */
#header-wrapper .nav-overlap {display:none;position:fixed;z-index:1010;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.75)}
#header-wrapper.is-active .nav-overlap {display:block}


/**********************************************
note : footer
**********************************************/
#user-footer {margin-top:3.75rem;padding-top:0;padding-bottom:2.5rem;background-color:#424242}
#user-footer.for-main {margin-top:0}
#user-footer .flex {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#user-footer .flex.align-center {-ms-flex-align:center;align-items:center}
#user-footer .footer-inner {position:relative}
#user-footer .footer-inner .footer-column {-ms-flex-preffered-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0}
@media screen and (max-width: 64em) {
	#user-footer .footer-inner {-ms-flex-direction:column;flex-direction:column;padding:0 2.5rem}
	#user-footer .footer-inner .footer-column {-ms-flex:1 0 100%;flex:1 0 100%;width:100%}
}
@media screen and (max-width: 39.9375em) {
	#user-footer .footer-inner {}
}

/* nav */
#user-footer .footer-nav {margin-bottom:1.875rem;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.35)}
@media screen and (max-width: 64em) {
	#user-footer .footer-nav {padding:1.25rem 0}
}

/* quick menu */
#user-footer .quick-menu {padding-right:1.5rem}
#user-footer .quick-menu a {font-size:.938rem;color:rgba(255,255,255,.75);line-height:60px}
#user-footer .quick-menu a:not(:last-child) {margin-right:2.5rem}
@media screen and (max-width: 64em) {
	#user-footer .quick-menu {padding-right:0}
	#user-footer .quick-menu a {line-height:40px}
	#user-footer .quick-menu a:not(:last-child) {margin-right:1.25rem}
}
@media screen and (max-width: 39.9375em) {
	#user-footer .quick-menu {justify-content:center}
}

/* sns */
#user-footer .footer-sns {-ms-flex:0 0 auto;flex:0 0 auto;max-width:auto;margin:0 -.5rem;justify-content:flex-end}
#user-footer .footer-sns > a {padding:.5rem;font-size:1.125rem;color:#fff}
@media screen and (max-width: 64em) {
	#user-footer .footer-sns {-ms-flex:1 0 100%;flex:1 0 100%;width:100%;justify-content:flex-start}
}
@media screen and (max-width: 39.9375em) {
	#user-footer .footer-sns {justify-content:center}
}

/* logo */
#user-footer .footer-inner .footer-column.logo {-ms-flex:0 0 200px;flex:0 0 200px;width:200px;padding-right:40px}
@media screen and (max-width: 64em) {
	#user-footer .footer-inner .footer-column.logo {-ms-flex:1 0 100%;flex:1 0 100%;width:100%;margin-bottom:20px;padding-right:0}
}
@media screen and (max-width: 39.9375em) {
	#user-footer .footer-inner .footer-column.logo {text-align:center}
}

/* address */
#user-footer .address {}
#user-footer .address .group {margin:0 -10px}
#user-footer .address .group:not(:first-child) {margin-top:.5rem}
#user-footer .address .group:nth-child(4) {margin-top:1.125rem}
#user-footer .address .group .item {padding:0 10px;font-size:.813rem;color:rgba(255,255,255,.65);line-height:1;text-align:center}
#user-footer .address .group .item:not(:first-child) {border-left:1px solid rgba(255,255,255,.25)}
#user-footer .address .group .item a {color:inherit}
@media screen and (max-width: 64em) {
	#user-footer .address .group .item {line-height:1.75;border:none}
	#user-footer .address .group:not(:first-child) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
	#user-footer .address .group {flex-direction:column}
	#user-footer .address .group .item {margin-bottom:.313rem}
}


/* copyright */
#user-footer .ndsoft {margin-top:.938rem;text-align:right}
@media screen and (max-width: 39.9375em) {
	#user-footer .ndsoft {text-align:center}
}


/* banner */
#user-footer .footer-banner {position:absolute;right:0;bottom:30px;}
#user-footer .footer-banner .banner_box > img {max-height:56px}
@media screen and (max-width: 64em) {
	#user-footer .footer-banner {position:relative;right:initial;bottom:initial;display:block;margin-top:1.5rem;text-align:left}
	#user-footer .footer-banner .banner_box {display:inline-block}
	#user-footer .footer-banner .banner_box > img {margin:0 !important}
}
@media screen and (max-width: 39.9375em) {
	#user-footer .footer-banner {text-align:center}
}