@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:100;margin-bottom:50px}
#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 .mode-inner, #nav-header {margin-left:auto;margin-right:auto}
#header-wrapper .sticky {z-index:1004;max-width:100% !important}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header .mode-inner {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:160px}
#nav-header .user-banner {-ms-flex:0 0 auto;flex:0 0 auto;width:300px;max-width:100%}
#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-left:1.5rem;margin-right:1.5rem;font-size:0;text-align:center}
#nav-header .user-logo > a {display:inline-block}

/*********************************************
note : gnb
*********************************************/
#user-gnb {padding:.825rem 0;background-color:#f5f5f5}
#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}

/* 로그인/회원가입 */
#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;position:relative;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 li::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid #ccc;-ms-transform:translateY(-50%);transform:translateY(-50%)}

#user-gnb .user-logbox li a {display:block;font-size:.875rem;font-weight:400;color:rgba(0,0,0,.55)}
#user-gnb .user-logbox li a:hover {color:rgba(0,0,0,.8)}

/* 기타 */
#user-gnb .user-nav-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
#user-gnb .user-sns {display:block;font-size:0;text-align:left;white-space:nowrap}
#user-gnb .user-sns > .item {display:inline-block;margin-left:1rem;font-size:1.125rem;line-height:1;color:#000;vertical-align:middle;transition:color .3s ease-in-out}
#user-gnb .user-sns > .item.pt:hover {color:#2c8e1d}
#user-gnb .user-sns > .item.fb:hover {color:#3b5998}
#user-gnb .user-sns > .item.tw:hover {color:#1da1f2}
#user-gnb .user-sns > .item.yt:hover {color:#ff0000}
#user-gnb .user-sns > .item:first-child {margin-left:0}

/* 기타 */
#user-gnb .user-etc {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:-.5rem;margin-right:-.5rem}
#user-gnb .user-etc > li {-ms-flex:0 0 auto;flex:0 0 auto;display:block;position:relative;width:auto;max-width:100%;padding-left:.5rem;padding-right:.5rem}
#user-gnb .user-etc > li::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid #ccc;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-gnb .user-etc > li > a {display:block;font-size:.875rem;font-weight:400;color:rgba(0,0,0,.55)} 
#user-gnb .user-etc > li.user-update {padding-right:1rem;font-size:.8125rem;font-weight:400;color:#666}
#user-gnb .user-etc > li.user-update::before,
#user-gnb .user-etc > li.user-update + li::before {content:normal}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {padding:0 2.5rem;background:#fff;border-width:1px 0 3px;border-style:solid;border-color:#ccc transparent #000}
#user-nav .mode-inner {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;height:64px}
#user-nav .user-nav-basis {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;margin-left:1.5rem;margin-right:1.5rem}
#user-nav .user-nav-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.fixinner #user-nav {position:fixed;z-index:50;left:0;top:0;width:100%}

/* 전체 */
#user-nav .user-allbtn {display:block;padding:.25rem;font-size:1.5rem;line-height:1}
#user-nav.is-active .user-allbtn > i[class^="icon-"]::before {content:"\e921"}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:-1rem;margin-right:-1rem}
#user-nav .user-menu .secline {-ms-flex:0 0 auto;flex:0 0 auto;display:block;position:relative;width:auto;max-width:100%}
#user-nav .user-menu .secline > a {display:block;position:relative;padding:1.125rem .75rem;font-size:1.125rem;font-weight:600;line-height:1.5;color:#000;white-space:nowrap;text-decoration:none}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {overflow:hidden;position:absolute;z-index:990;top:100%;left:0;min-width:180px !important;padding:.5rem 0;visibility:hidden}
#user-nav .user-menu .secline .sub > a {display:block;padding:.375rem 1rem;font-size:.875rem;line-height:1.5;color:#fff;white-space:nowrap}

/* account */
#user-nav .user-logbox {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:-.5rem;margin-right:-.5rem}
#user-nav .user-logbox > li {-ms-flex:0 0 auto;flex:0 0 auto;display:block;position:relative;width:auto;max-width:100%;padding-left:.5rem;padding-right:.5rem}
#user-nav .user-logbox > li::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid #e7e7e7;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-nav .user-logbox > li > a {display:block;font-size:.875rem;font-weight:500} 
#user-nav .user-logbox > li.user-update {padding-right:1rem;font-size:.8125rem;font-weight:400;color:#666}
#user-nav .user-logbox > li.user-update::before,
#user-nav .user-logbox > li.user-update + li::before {content:normal}

/*********************************************
note : search
*********************************************/
#user-nav .user-search {-ms-flex:0 0 60px;flex:0 0 60px;position:relative;max-width:60px;height:60px;margin-left:30px;font-size:0}
#user-nav .user-search > .sch-btns {width:100%;height:60px;font-size:24px}
#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:60px;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:60px;margin:0;font-size:14px;background:transparent;border:none;box-shadow:none}
#user-nav .user-search > .user-search-form button[onclick] {float:right;width:32px;height:60px;font-size:24px;font-weight:400;color:#333;cursor:pointer}

/*********************************************
note : 전체메뉴
*********************************************/
/* 기본 */
#all-section {display:none;overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1004;left:0;top:calc(100% + 1px);width:100%;max-height:calc(100vh - 65px);padding:4rem 2.5rem 2.5rem;background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,.1)}

/* 로고 */
#all-section .nav-logo {display:block;height:30px;margin-top:1.875rem}
#all-section .nav-logo > img {height:100%;max-height:30px}

/* 메뉴 */
#all-section .all-menu {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-2.5rem -1rem 0}
#all-section .all-menu > li {-ms-flex:0 0 auto;flex:0 0 auto;width:20%;max-width:100%;padding-left:1rem;padding-right:1rem;margin-top:2.5rem}
#all-section .all-menu > li > a {display:block;margin-bottom:1rem;font-size:1.125rem;font-weight:600;line-height:1}
#all-section .sub-menu > li > a {display:block;padding:.25rem 0;font-size:.9375rem;font-weight:400;line-height:1.5;white-space:nowrap;transition:color .15s ease-in-out}
@media screen and (min-width: 80em) {
	#all-section .all-menu > li {width:14.28571%}
}

/* 하단버튼 */
#all-section .all-section-nav {display:-ms-flexbox;display:flex;-ms-flex-pack:space-between;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid #000}
#all-section .all-section-item {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
#all-section .user-spacial {display:-ms-flexbox;display:flex;margin-left:-.75rem;margin-right:-.75rem}
#all-section .user-spacial > li {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;padding-left:.75rem;padding-right:.75rem}
#all-section .user-spacial > li > a {display:block;font-size:.9375rem;white-space:nowrap}
#all-section .user-spacial > li > a::after {content:'\e93e';display:inline-block;margin-left:.25rem;font-family:fontello;font-size:.8em;line-height:1;vertical-align:middle;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#all-section .user-intro {display:-ms-flexbox;display:flex;margin-left:-.75rem;margin-right:-.75rem}
#all-section .user-intro > li {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;padding-left:.75rem;margin-right:.75rem}
#all-section .user-intro > li > a {display:block;font-size:.9375rem;white-space:nowrap}