@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#user-wrap {background:url(/image/site_bg.gif) center top repeat-y #eee}
#header-wrapper {margin-bottom:.938rem;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;text-align:center}
#header-wrapper::after {content:'';display:table;clear:both}
#header-wrapper ul, #header-wrapper ol {list-style:none;padding:0;margin:0}
#header-gnb ul, #header-gnb ol {list-style:none;padding:0;margin:0}

/*********************************************
note : quick 배너영역
*********************************************/
/* 배너영역 */
#header-gnb .header-banner {height:120px;background:#ea6262;padding:1.25rem 0}

/* 최상단 큌배너 라인 삽입 */
/*#header-gnb .user-banner {margin:1.5rem 0;border:1px solid #ccc}*/
#header-gnb .user-banner {margin:.0 0 .425rem 0;}
#header-gnb .user-quick-wrap {position:relative;}
#header-gnb .user-quick-wrap .user-quick-close {position:absolute;top:0;right:0;z-index:2;padding:.25rem .525rem;background-color:rgba(255,255,255,.3);cursor:pointer;}
#header-gnb .user-quick-wrap .user-quick-close {font-size:.75rem;font-family:'돋움','dotum',sans-serif;color:#fff;text-decoration:none;}

/*********************************************
note : 최상단영역
*********************************************/
#user-gnb {padding:1rem 0 0 0;line-height:1;background:#eee}
#user-gnb::after {content:'';display:table;clear:both}

/* 사용자버튼 */
#user-gnb .user-etc {float:left}
#user-gnb .etc-btn {float:left;margin:0 .425rem}
#user-gnb .etc-btn li {float:left;padding:.425rem .75rem;border-radius:.938rem;margin-left:.625rem;font-size:.75rem;line-height:1;letter-spacing:-0.05em;background:#0350de}
#user-gnb .etc-btn li a {color:#fff}

/* sns */
#user-gnb .etc-sns {float:left}
#user-gnb .etc-sns ul li {float:left;display:inline-block;margin: 0 .625rem;}
#user-gnb .etc-sns ul li a {text-align:center;font-size:1.125rem;color:#222}

/* 로그인 */
#user-gnb .user-logbox {float:right}
#user-gnb .user-logbox li {float:left;padding:.425rem .75rem;border-radius:.938rem;margin-left:.625rem;font-size:.75rem;line-height:1;letter-spacing:-0.05em;background:#6c929f}
#user-gnb .user-logbox li a {color:#fff}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {padding:1.875rem 0}
#nav-header::after {content:'';display:table;clear:both}
#nav-header .dis-table {width:100%;table-layout:fixed}
#nav-header .dis-table-cell {width:100%;height:120px;vertical-align:middle}

/* 로고 */
#nav-header .user-logo {text-align:left;width:100%}

/* 검색 */
#nav-header .user-search {float:right;width:400px;height:34px;padding:0 .5rem;border:1px solid #ccc;}
#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;cursor:pointer;}

/* 업데이트 */
#nav-header .user-intro {float:right;font-size:.75rem;line-height:2.5;letter-spacing:-0.03em;color:#999}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both}
#user-nav-wrapper {overflow:inherit;position:relative;height:76px}
#user-nav-wrapper::before {content:'';position:absolute;z-index:1;width:100%;height:46px;border-top:1px dashed #dedede;border-bottom:1px dashed #dedede;left:0;top:0}

/* 전체 */
#user-nav .all-section {float:left;position:relative;z-index:2;width:46px; height:46px;font-size:1.325rem;font-weight:500;color:#222;cursor:pointer}

/* 섹션 */
#user-nav .mega-menu {float:left;position:relative;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:.938rem 1.425rem;color:#222;font-size:1rem;font-weight:500;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline > a.a-hover {color:#e6336e;border-bottom:2px solid #000}
#user-nav .mega-menu li.megaline ul {display:none;position:absolute;z-index:998;left:0;top:100%}
#user-nav .mega-menu li.megaline ul li.sub {float:left;font-size:.813rem;line-height:1;letter-spacing:-0.02em}
#user-nav .mega-menu li.megaline ul li.sub:first-child {padding-left:0}
#user-nav .mega-menu li.megaline ul li.sub a {display:inline-block;position:relative;padding:.5rem 0.6rem;font-weight:400;color:#000;text-decoration:none}
#user-nav .mega-menu li.megaline ul li.sub:first-child a {border-left:0}
#user-nav .mega-menu li.megaline ul li.sub a::after {content:'';position:absolute;z-index:1;border-bottom:2px solid transparent;left:0;right:0;top:100%;visibility:hidden;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline ul li.sub a:hover {background:#eee}
#user-nav .mega-menu li.megaline ul li.sub a:hover::after {border-bottom-color:#fff;visibility:visible}

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

#user-nav .mega-menu li.megaline:nth-child(7) ul {padding-left:250px !important}

/* 메뉴보기 */
.all-section:hover::after{content:'전체'; position:absolute; top:0; left:0; width:46px; height:46px; background:#333; font-size:.9rem;  line-height:3.1; font-weight:600; color:#fff}
.back-cover{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:1}
.close-btn{display:none; position:absolute; top:0;left:0; width:46px; height:46px; background:#333; z-index:9; cursor:pointer}
.close-btn span{position:relative; display:block; font-size:0}
.close-btn span::before{content:''; display:block; position:absolute; top:10px; left:50%; transform:rotate(45deg) translateX(-50%); width:2px; height:25px; background:#fff}
.close-btn span::after{content:''; display:block; position:absolute; top:10px; left:50%; transform:rotate(-45deg) translateX(-50%); width:2px; height:25px; background:#fff}
.all-navi{display:none; position:relative; clear:both; padding-top:15px; background:#fff; z-index:999}
.all-navi .all-navi-tool{border-top:1px solid rgba(0,0,0,.15)}
.all-navi .all-navi-tool dl{margin:0; overflow:hidden; border-bottom:1px solid rgba(0,0,0,.15)}
.all-navi .all-navi-tool dl dt,
.all-navi .all-navi-tool dl dd{padding:10px 30px}
.all-navi .all-navi-tool dl dt{min-width:200px; float:left; margin:0; font-size:1rem; color:#fff; font-weight:normal; background:rgba(0,0,0,.3)}
.all-navi .all-navi-tool dl dd{min-width:150px; float:left; font-size:.9rem; text-align:left}
.all-navi .all-navi-tool dl dd a:hover{color:#ea6262; text-decoration:none}

/* 강수현 / 1372078 / 20240508 */
#user-nav .mega-menu li.megaline > a {padding:.938rem 3rem;height:50px}
#user-nav-wrapper::before {height:50px}
#user-nav .mega-menu li.megaline > a span {display:block;margin-top:-5px;font-size:13px}

/* 윤미정 / 1372447 / 20240509 */
#user-nav .mega-menu li.megaline > a {padding: .938rem 2.6rem;}
#user-nav .mega-menu li.megaline:nth-child(3) ul {padding-left: 328px !important;}
#user-nav .mega-menu li.megaline:nth-child(7) ul {padding-left: 720px !important;}