@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#user-wrap {background:url(./site_bg.gif) center top repeat-y #f9f9f9 /* background-color:#f9f9f9*/}
#header-wrapper {position:relative;margin-bottom:.625rem;text-align:center}
#header-wrapper::after {content:'';display:table;clear:both}
#header-wrapper ul, #header-wrapper ol {list-style:none;padding:0;margin:0}

/*********************************************
note : 최상단영역
*********************************************/
#user-gnb {line-height:1em}
#user-gnb::after {content:'';display:table;clear:both}
#user-gnb #wrapper {padding:.625rem 0;border-bottom:1px solid rgba(0,0,0,.08)}
#user-gnb #wrapper::after {content:'';display:table;clear:both}

/* 로그인 */
#user-gnb .user-logbox {position:relative}
#user-gnb .user-logbox li {float:left;padding:.125rem .425rem 0 .425rem;font-size:.75rem;line-height:1em;letter-spacing:-0.05em;color:rgba(0,0,0,1)}
#user-gnb .user-logbox li:first-child {padding-left:0}
#user-gnb .user-logbox li:last-child {padding-right:0}
#user-gnb .user-logbox li.dated {letter-spacing:-0.075em}
#user-gnb .user-logbox li a {color:rgba(0,0,0,1)}
#user-gnb .user-logbox li a:hover {color:rgba(0,0,0,.9)}

#user-gnb .user-logbox .eng {display:inline-block;width:72px;height:16px;background:#e40e86;border-radius:15px;padding:.125rem 0 .125rem .325rem}
#user-gnb .user-logbox .eng strong {font-size:.75rem;line-height:1;color:#fff;text-align:center}
#user-gnb .user-logbox .eng a {text-decoration:none}
#user-gnb .user-logbox .eng:hover {background:#821fb3}

#user-gnb .user-logbox li.etc-member {display:block;background:#9260a7;padding:3px 10px;font-size:.75rem;color:#fff;letter-spacing:-0.05rem}
#user-gnb .user-logbox li.etc-member a {color:#fff}
#user-gnb .user-logbox li.etc-member.color {background:#00a9af}

/*********************************************
note : 로고영역
*********************************************/
#nav-header::after {content:'';display:table;clear:both}
#nav-header #wrapper {padding:2rem 0 2.15rem 0}
#nav-header .dis-table {width:100%;table-layout:fixed}
#nav-header .dis-table-cell {width:100%;/*height:60px;*/vertical-align:middle}
#nav-header .dis-table-cell.user-banner {width:300px}
#nav-header .dis-table-cell.user-logo {text-align:center}

/* 검색 */
#nav-header .user-search {float:right;width:180px;height:34px;padding:0 .5rem;border:1px solid #ccc;border-radius:2rem}
#nav-header .user-search input {float:left;width:calc(100% - 32px);height:32px;font-size:.8rem;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none}
#nav-header .user-search button {float:right;width:30px;height:32px;font-size:1.25rem}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;z-index:995;height:46px;margin-bottom:1rem}
#user-nav::after,#user-nav #wrapper::after {content:'';display:table;clear:both}
#user-nav #wrapper {position:relative;height:46px;border-bottom:1px solid rgba(0,0,0,.07);border-top:2px solid rgba(0,0,0,1)}

/* 전체 */
#user-nav .all-section {display:block;float:left;position:relative;width:120px;height:46px;padding-right:0;margin-right:1rem;font-size:1rem;font-weight:400;letter-spacing:-0.05em;color:rgba(0,0,0,.9);outline:0;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;cursor:pointer}
#user-nav .all-section .icon {display:block;position:relative;width:22px;height:2px;background-color:rgba(0,0,0,.9)}
#user-nav .all-section .icon::before,#user-nav .all-section .icon::after {content:'';position:absolute;z-index:1;left:0;width:100%;height:0;border-top:2px solid rgba(0,0,0,.9);-webkit-transition:all .25s;transition:all .25s}
#user-nav .all-section .icon::before {top:-.438rem}
#user-nav .all-section .icon::after {bottom:-.438rem}
#user-nav .all-section::before {content:'';position:absolute;z-index:1;right:0;top:.8rem;bottom:.8rem;width:0;border-left:1px solid rgba(0,0,0,.12)}

#user-nav .all-section .all-con {float:left;width:10px;height:46px;padding-top:1.325rem}
#user-nav .all-section .all-title {display:block;padding-top:.813rem}

/* 전체닫기 */
#user-header.is-active #user-nav .all-section .icon {background-color:transparent}
#user-header.is-active #user-nav .all-section .icon::before {top:50%;transform:rotate(45deg)}
#user-header.is-active #user-nav .all-section .icon::after {top:50%;bottom:inherit;transform:rotate(-45deg)}

/* 검색 */
#user-nav .user-search {float:right;/*width:190px;*/height:34px;padding:0 .5rem;border:1px solid #d9d9d9;border-radius:2rem}
/* 강수현 / 1078425 / 20210802 */
#user-nav .user-search {width:138px}
#user-nav .user-search input {float:left;width:calc(100% - 32px);height:32px;font-size:.8rem;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none}
#user-nav .user-search button {float:right;width:30px;height:32px;font-size:1.25rem}

/* etc */
#user-nav .user-etc {position:relative;float:right}
#user-nav .user-etc li {float:left;font-size:.9rem;line-height:1}
#user-nav .user-etc li:first-child {padding-right:1rem;padding-top:.3rem}
#user-nav .user-etc li a {display:inline-block;position:relative;padding:.8rem .85rem .8rem 0;color:#333;font-weight:500;letter-spacing:-.07rem}
#user-nav .user-etc li:first-child a {color:#2580c0;font-size:.875rem;padding:.9rem 2.75rem .9rem 1.425rem} 
#user-nav .user-etc li:first-child a {background:url('menu-icon.png') left center no-repeat}
#user-nav .user-etc li:first-child a i {position:absolute;top:.725rem;left:-.5rem;font-size:1.25rem;}
#user-nav .user-etc li:last-child a:before {display:none}
#user-nav .user-etc li a:hover {color:#000;text-decoration:none}

/* sns */
#user-nav .user-etc .user-sns {float:right;padding-top:.425rem}
#user-nav .user-etc .user-sns a{display:inline-block; padding-top:.2rem;width:1.5rem;height:1.5rem;vertical-align:middle;text-align:center;font-size:.813rem;color:#fff;background:#ccc;border-radius:50%;transition:all .3s ease}
#user-nav .user-etc .user-sns a:hover{transform:rotate(360deg)}
#user-nav .user-etc .user-sns a.facebook {background:#4b65a0}
#user-nav .user-etc .user-sns a.twitter {background:#1da1f3}
#user-nav .user-etc .user-sns a.story {background:#fee905}

/* 섹션 */
#user-nav .mega-menu {float:left;z-index:2}
#user-nav .mega-menu li.megaline {float:left;line-height:1}
#user-nav .mega-menu li.megaline > a {display:inline-block;position:relative;height:46px;padding:.813rem .938rem;font-size:1rem;letter-spacing:0;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline > a::before {content:'';position:absolute;width:32px;margin:0 auto;z-index:1;border-bottom:2px solid transparent;left:0;right:0;bottom:2px;-webkit-transition:all .15s;transition:all .15s}
#user-nav .mega-menu li.megaline > a.a-hover {color:#e6336e}
#user-nav .mega-menu li.megaline > a.a-hover::before {border-bottom-color:#e6336e}
#user-nav .mega-menu li.megaline ul {display:none;position:absolute;z-index:1004;left:0 !important;top:100%;width:100%}
#user-nav .mega-menu li.megaline ul::after {content:'';display:table;clear:both}
#user-nav .mega-menu li.megaline ul li {float:left;font-size:.875rem;line-height:1em;letter-spacing:0}
#user-nav .mega-menu li.megaline ul li.sub a {display:inline-block;padding:.75rem .625rem;color:rgba(255,255,255,.65)}
#user-nav .mega-menu li.megaline ul li.sub a:hover {color:#fefefe}
#user-nav .mega-menu li.megaline ul li.sub::before {content:'|';color:rgba(255,255,255,.15)}
#user-nav .mega-menu li.megaline ul li.sub:first-child:before {content:'';}

#user-nav .mega-menu li.megaline:last-child ul {padding-left:450px !important}

/*********************************************
note : 전체메뉴
*********************************************/
#user-nav .all-menu {display:none;position:absolute;z-index:1003;left:0;top:100%;width:100%;padding:.75rem 1.5rem;border:1px solid rgba(0,0,0,.2);background:#fff}
#user-header.is-active #user-nav .all-menu {display:block}
#user-nav .all-menu::after {content:'';display:table;clear:both}
#user-nav .all-menu .menu-group {text-align:left}
#user-nav .all-menu .menu-group dl {margin-bottom:0 !important}
#user-nav .all-menu .group-list,
#user-nav .all-menu .group-list > dt,
#user-nav .all-menu .group-list > dd {float:left;text-align:left}
#user-nav .all-menu .group-list {width:100%;font-size:.875rem}
#user-nav .all-menu .group-list.line {padding-top:10px;margin-top:10px;border-top:1px dotted #ddd}
#user-nav .all-menu .group-list > dt {width:12%;font-size:.875rem;font-weight:700;border-right:1px solid #ddd;padding-right:1rem;margin-right:1.5rem;margin-bottom:0}
#user-nav .all-menu .group-list > dt a {color:#e40e86}
#user-nav .all-menu .group-list > dd {width:85%}
#user-nav .all-menu .group-list > dd > a {padding:0 .75rem;color:#777;font-weight:400}
#user-nav .all-menu .group-list > dd > a.nobr {padding-left:0}
#user-nav .all-menu .group-list > dd > a:hover {color:#000}

/**********************************************
note : 하단 영역
**********************************************/
/* 하단 커스텀 */
#user-footer.user-style-default {background-color:rgb(249, 249, 249);border-top:0;padding:0}
#user-footer .footer-qrcode {position:absolute;width:65px;height:65px;top:0;right:0;border:0}

/* 하단 리스트 */
.footer-selbox {position:absolute;top:-2.75rem;right:0;border:0;width:160px;border:1px solid #ccc}
.footer-selbox::after {content:'';display:table;clear:both}
.footer-selbox .selbox-select {float:right;width:100%;height:25px;padding-top:0;padding-bottom:0;margin-bottom:0;font-size:.813rem;border:1px solid transparent}
.footer-selbox .selbox-select:focus {border-color:rgba(0,0,0,.45)}


/* wrapper */
#user-footer.type-15 .wrap {display:block;width:1200px;margin:0 auto;padding:40px 60px;font-size:0;background-color:rgba(255,255,255,1);border-top:2px solid rgba(0,0,0,1);text-align:left}
#user-footer.type-15 .wrap::after {content:'';display:table;clear:both}
#user-footer.type-15 .wrap > .item {display:inline-block;width:20%;min-height:1px;padding-right:1.875rem;vertical-align:top}
#user-footer.type-15 .wrap > :nth-child(2) {width:40%}

/* address */
#user-footer.type-15 .wrap .user-logo {float:none;width:auto;font-size:inherit;margin-bottom:1.375rem}
#user-footer.type-15 .address {display:block;padding:0;margin:0;list-style:none}
#user-footer.type-15 .address > li {float: left;margin-bottom:.625rem;font-size:.75rem;font-style:normal;font-weight:700;line-height:1.25;color:rgba(0,0,0,.5)}
#user-footer.type-15 .address > li.bars::before {content:'|';float:right;padding:0 .625rem;font-size:.7rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.35)}
#user-footer.type-15 .address > :last-child {margin-bottom:0}
#user-footer.type-15 .address > li > a {color:inherit;text-decoration:none}
#user-footer.type-15 .address > li.clear {clear:both}

/* list */
#user-footer.type-15 .wrap .titles {display:block;margin-bottom:1.375rem;font-size:1.2rem;font-weight:800;line-height:1.125;color:#333}
#user-footer.type-15 .wrap .lists {display:block;padding:0;margin:0;list-style:none}
#user-footer.type-15 .wrap .lists > li {margin-bottom:.625rem;font-size:.75rem;font-weight:700;line-height:1.25;color:rgba(0,0,0,.6)}
#user-footer.type-15 .wrap .lists > :last-child {margin-bottom:0}
#user-footer.type-15 .wrap .lists > li > a {color:inherit}

/* copyright */
#user-footer.type-15 .copyright {display:block;margin:2rem 0;padding-top:2rem;font-size:.813rem;line-height:1.375;color:rgba(0,0,0,.6);border-top:1px solid rgba(0,0,0,.12);text-align:left}
#user-footer.type-15 .copyright a {color:inherit;text-decoration:none}
#user-footer.type-15 .copyright .ndsoft {bottom:.375rem}


#user-nav .mega-menu li.megaline > a {padding: 0.813rem .565rem}


/* 임희은 / 1220795 / 20221129 */
#user-nav .user-etc li a:hover {color:#e6336e}