@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {margin-bottom:1.25rem;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 {padding:.5375rem 0;line-height:1;background:#fff;}
#user-gnb::after {content:'';display:table;clear:both}

/* 업데이트 */
#user-gnb .user-intro {float:left;font-size:.8rem;letter-spacing:-0.03em;color:#555}

/* 로그인 */
#user-gnb .user-logbox {float:right}
#user-gnb .user-logbox li {float:left;padding:0 .625rem;font-size:.8rem;line-height:1;letter-spacing:-0.05em}
#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 a {color:#555}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {padding:1.5rem 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:80px;vertical-align:middle}
#nav-header .dis-table-cell.user-banner {width:390px; height:100px}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both}
#user-nav-wrapper {overflow:hidden;position:relative;height:98px;border-bottom:1px solid #e7e7e7}
#user-nav-wrapper::before {content:'';position:absolute;z-index:1;width:100%;height:55px;background-color:#C5161D;left:0;top:0}

/* 전체 */
#user-nav .all-section {float:left;position:relative;z-index:2;height:55px;padding-left:1.25rem;padding-right:1.25rem;font-size:1.063rem;font-weight:700;letter-spacing:-0.05em;color:#fff;background-color:#C5161D;cursor:pointer}

/* 검색 */
#user-nav .user-search {position:absolute; bottom:6px; right:0; z-index:2}
#user-nav .user-search .user-search-btn {display:none; height:55px;padding-left:1rem;padding-right:1rem;font-size:2rem;cursor:pointer}
#user-nav .user-search .user-search-form {width:220px}
#user-nav .user-search .user-search-form::after {content:'';display:table;clear:both}
#user-nav .user-search .user-search-form input {float:left;width:calc(100% - 50px);height:30px;margin:0;padding:0 .625rem;font-size:.8rem;letter-spacing:-0.05em;background:transparent;border:1px solid #ddd;box-shadow:none}
#user-nav .user-search .user-search-form button {float:right; padding:9px 10px; font-size:.8rem; font-weight:400;color:#fff; background:#333; 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,
#user-nav .mega-menu li.megaline > button{display:inline-block;position:relative;padding:1.125rem 2rem;font-size:1.063rem;color:#fff;font-weight:700;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline > a::before {content:'';position:absolute;z-index:1;border-top:2px solid transparent;left:0;right:0;top:0;-moz-transition:all .15s;transition:all .15s}
#user-nav .mega-menu li.megaline > a.a-hover {color:#fff !important; background:#840202}
#user-nav .mega-menu li.megaline > a.a-hover::before {border-top-color:#e6336e}
#user-nav .mega-menu li.megaline button{color:#fff !important; font-weight:700; cursor:pointer}
#user-nav .mega-menu li.megaline button:hover{background:#840202}
#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:.9rem;line-height:1;letter-spacing:-0.05em}
#user-nav .mega-menu li.megaline ul li.sub a {display:inline-block;padding:.9rem .625rem;font-weight:400;color:#888}
#user-nav .mega-menu li.megaline ul li.sub a:hover {color:#333}
#user-nav .mega-menu li.megaline:nth-child(5) ul{padding-left:300px !important}


/* 뉴스레터 */
.reveal-overlay{background:rgba(0,0,0,.8)}
.newsletter-reveal{width:75rem; min-height:530px; padding:3rem 1rem 0; background:rgba(0,0,0,0)}
.letter-kd-box{position:relative; max-width:400px; margin:auto; padding:15px; border:4px solid #C5161D; color:#333; background:#eee; z-index:9}
.letter-kd-box h3{font-size:.9rem; font-weight:600; letter-spacing:-.02em}
.letter-kd-box button{margin:0}
.letter-kd-box .nd-pink{background:#C5161D}
.letter-kd-box .secondary{background:#000 !important}
.letter-kd-text{margin:10px 0; font-size:1rem; color:#fff; text-align:center; font-style:italic; font-weight:600}
.newsletter-month{position:absolute; top:80px; right:60px; overflow:hidden}
.newsletter-month .letter-ul{margin:0; list-style:none; overflow:hidden}
.newsletter-month .letter-ul .letter-li{float:right; margin:0 20px; color:#fff}
.newsletter-month .letter-ul .letter-li{margin-top:208px}
.newsletter-month .letter-ul .letter-li .letter-date{margin-bottom:7px; font-weight:600; text-align:center}
.newsletter-month .letter-ul .letter-li .letter-date span{color:#fffc00}
.newsletter-month .letter-ul .letter-li .letter-date p{margin:0; font-size:.8rem; font-weight:normal}
.newsletter-month .letter-ul .letter-li .letter-pdf{width:150px; height:200px; background:#fff}
.newsletter-month .letter-ul .letter-li:first-child{margin-top:0}
.newsletter-month .letter-ul .letter-li:first-child .letter-date p{margin:5px 0 0; font-size:.8rem; font-weight:normal}
.newsletter-month .letter-ul .letter-li:first-child .letter-pdf{width:250px; height:350px; background:#fff}