@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {margin-bottom:1.25rem;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}
.menu.nested{margin-left:1.5rem}
/*********************************************
note : 최상단영역
*********************************************/
#user-gnb {padding:.35rem 0;line-height:1;background:#fff; border-bottom:1px solid #ddd}
#user-gnb::after {content:'';display:table;clear:both}

/* 업데이트 */
#user-gnb .user-intro {float:left;font-size:.75rem;font-weight:300;letter-spacing:-0.03em;color:#999}
#user-gnb .user-intro a:hover{text-decoration:none}
#user-gnb .user-intro .tv-icon{display:inline-block; width:57px; height:26px; background:url('./tv_icon.png') no-repeat}
#user-gnb .user-intro strong {position:relative; top:-.3rem; font-weight:500}

/* 로그인 */
#user-gnb .user-logbox {float:right; margin-top:.5rem}
#user-gnb .user-logbox li {position:relative; 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}
#user-gnb .user-logbox li::after{content:"";position:absolute;top:0;bottom:0;right:0;border-right:1px solid rgba(0, 0, 0, .2);}

/*********************************************
note : 로고영역
*********************************************/
#nav-header .user-banner.text-left .banner_box{float:left}
#nav-header {padding:1.15rem}
#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-logo {padding:0 1.25rem;text-align:center;}

/* 검색 */
#nav-header .user-search {position:relative;margin-right:.5rem}
#nav-header .user-search .user-search-btn {font-size:1.5rem;cursor:pointer}
#nav-header .user-search .user-search-btn > i{position:relative; top:-.15rem}
#nav-header .user-search .user-search-form {display:none;position:absolute;z-index:999;width:180px;height:40px;padding:0.28rem 0;right:0;top:0;border-bottom:2px solid rgba(0,0,0,.75); background:#fff}
#nav-header .user-search .user-search-form::after {content:'';display:table;clear:both}
#nav-header .user-search .user-search-form input {float:left;width:calc(100% - 65px);height:30px;margin:0;padding:0 .625rem;font-size:.9rem;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none}
#nav-header .user-search .user-search-form button {float:right;font-size:1.5rem;font-weight:400;color:#333;cursor:pointer}
#nav-header .user-search .user-search-form .user-search-close{float:left; margin-top:0.15rem; font-size:1rem}

/* sns */
#nav-header .sns-icon{text-align:left; vertical-align:bottom}
#nav-header .sns-icon a:last-child{margin-right:0}
#nav-header .sns-icon a{margin-right:.5rem; font-size:1.7rem; text-decoration:none}
#nav-header .sns-icon a.facebook{color:#216db6}
#nav-header .sns-icon a.jb{color:#007a2f}
#nav-header .sns-icon a .jb-text{font-size:.9rem; position:relative; top:-.28rem;}
/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both}
#user-nav-wrapper {border-bottom:1px solid #7ec51c;border-top:3px solid #007a2f;}

/* 전체 */
#user-nav .all-section {float:left;height:50px;padding-left:1rem;padding-right:1rem;font-size:1.5rem;font-weight:500;letter-spacing:-0.05em;color:#72b24e;cursor:pointer}

/* 섹션 */
#user-nav .mega-menu {float:left}
#user-nav .mega-menu li.megaline {float:left;position:relative;line-height:0.5}
#user-nav .mega-menu li.megaline > a {display:inline-block;padding:1.35rem 1.5rem;font-size:1.063rem;font-weight:500;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline > a.a-hover {color:#e6336e}

/* 추가 */
#user-nav .mega-menu li.megaline .sub-menu-vertical{display:none; height:0;position:absolute;top:100%;z-index:998;}
#user-nav .mega-menu li.megaline:hover .sub-menu-vertical .sub-menu{transform:rotateX(0deg); opacity:1; visibility:visible}
#user-nav .mega-menu li.megaline .sub-menu-vertical .sub-menu{background:#fff !important; border:1px solid #333; border-top:none; text-align:left; transform:rotateX(-90deg); opacity:0; visibility:hidden; transform-origin:0 0 0; transition:all 0.27s ease-in-out 0s;}
#user-nav .mega-menu li.megaline .sub-menu-vertical .sub-menu-box{float:left}
#user-nav .mega-menu li.megaline .sub-menu-vertical .sub-menu-box li.sub {font-size:.9rem;line-height:1;letter-spacing:-0.05em}
#user-nav .mega-menu li.megaline .sub-menu-vertical .sub-menu-box li.sub a {display:block; min-width:160px; padding:.6rem .8rem;font-weight:400;color:#0081cc ;text-decoration:none}
#user-nav .mega-menu li.megaline .sub-menu-vertical .sub-menu-box li.sub a:hover {color:#fff !important; background-color:#0081cc }
#user-nav .mega-menu li.megaline .sub-menu-vertical .sub-autobox{float:left; width:450px; padding:.5rem 1rem}
#user-nav .mega-menu li.megaline:nth-child(1) .sub-menu-vertical, #user-nav .mega-menu li.megaline:nth-child(2) .sub-menu-vertical, #user-nav .mega-menu li.megaline:nth-child(7) .sub-menu-vertical{width:615px}
#user-nav .mega-menu li.megaline:last-child .sub-menu-vertical{right:0}

/* 신문사소개 */
#user-nav .user-etc {float:right;margin-top:1.2rem; font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
#user-nav .user-etc li {float:left;font-size:1rem; font-weight:500; letter-spacing:-0.05em;line-height:0.5}
#user-nav .user-etc li span{font-size:1.04rem; padding-right:0.4rem}
#user-nav .user-etc li span, #user-nav .user-etc li a {color:#0081cc; }
#user-nav .user-etc li:hover span, #user-nav .user-etc li:hover a {color:#333; text-decoration:none}