@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;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}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {padding:10px 0;border-top:3px solid #cc0001; }
#nav-header::after {content:'';display:table;clear:both}
#nav-header .dis-table {position:relative;width:100%;table-layout:fixed}
#nav-header .dis-table-cell {width:100%;height:80px;vertical-align:middle}
#nav-header .dis-table-cell.user-logo {width:345px;height:80px;vertical-align:middle}
#nav-header .dis-table-cell.user-top-other {width:300px}
#nav-header .dis-table-cell.user-logo a {display:block;width:345px;height:49px}

/* 전체 */
#nav-header .dis-table-cell .all-section {position:relative;margin-top:1.313rem;float:left;cursor:pointer}
#nav-header .dis-table-cell .all-section i {overflow:hidden;display:block;width:37px;height:37px;text-indent:-1000pt}
#nav-header .dis-table-cell .all-section i.all-on {background:#fff url(/menuskin/pd_01/menuicon.png) no-repeat 0 0}
#nav-header .dis-table-cell .all-section i.all-close {background:#fff url(/menuskin/pd_01/menuicon.png) no-repeat -74px 0}

/* 최종편집 */
#nav-header .dis-table-cell .user-intro {font-size:.75rem;color:#181e2e}

/* 인터넷신문위원회 */
#nav-header .dis-table-cell .user-inc {font-size:.875rem;color:#333;font-weight: 600;letter-spacing:-.05rem;}

#nav-header .dis-table-cell .user-top {text-align: left;margin-left: 25px;margin-top: 1.313rem;}
#nav-header .dis-table-cell .user-top li {font-size:.75rem;color:#181e2e}
#nav-header .dis-table-cell .user-top li .intro {font-size:.75rem;color:#181e2e}
#nav-header .dis-table-cell .user-top li .inc {font-size:.875rem;color:#333;font-weight: 600;letter-spacing:-.05rem;}


/* sns */
#nav-header .dis-table-cell .user-top-sns {float:right;margin-top:1.625rem;}
#nav-header .dis-table-cell .user-top-sns li {float:left;margin-left:.625rem}
#nav-header .dis-table-cell .user-top-sns li:frist-child {margin-left:0}
#nav-header .dis-table-cell .user-top-sns li a {display:inline-block;overflow:hidden;width:1.75rem;height:1.75rem;padding-top:.18rem;font-size:.9rem;color:#323232;text-align:center;border:1px solid #323232;border-radius:50%;-moz-transition:all .1s;transition:all .1s}
#nav-header .dis-table-cell .user-top-sns li a:hover {color:#fefefe;border-color:rgba(0,0,0,.08)}
#nav-header .dis-table-cell .user-top-sns li a.facebook:hover {background-color:#48659f}
#nav-header .dis-table-cell .user-top-sns li a.twitter:hover {background-color:#1da1f3}
#nav-header .dis-table-cell .user-top-sns li a.story:hover {background-color:#fae100}
#nav-header .dis-table-cell .user-top-sns li a.naver:hover {background-color:#00c63b}
#nav-header .dis-table-cell .user-top-sns li a.phone:hover {background-color:#cd0303}
#nav-header .dis-table-cell .user-top-sns li a.kakao-plus{padding-top:.3rem}
#nav-header .dis-table-cell .user-top-sns li a.kakao-plus:hover {background-color:#2c1617}
#nav-header .dis-table-cell .user-top-sns li a i.img-icon.icon-kakaoplus{display:block; margin:auto; width:16px; height:15px; background-image:url('/menuskin/pd_01/kakao_plus.png'); background-repeat:no-repeat; background-position:0 0; background-size:100%}
#nav-header .dis-table-cell .user-top-sns li a:hover i.img-icon.icon-kakaoplus{background-position:0 bottom}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both}
#user-nav {position:relative}
#user-nav::before {content:'';position:absolute;left:0;top:0;z-index:1;width:100%;height:48px;background-color:#171e2e}

/* 섹션 */
#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;margin:.969rem 0;font-size:.875rem;color:rgba(255,255,255,.95);font-weight:400;letter-spacing:-.04rem;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline > a::after {content:'';display:block;float:left;height:14px;margin:.078rem .5rem;border-left:1px solid rgba(255,255,255,.3)}
#user-nav .mega-menu li.megaline:first-child > a::after {margin:0;border:none}
#user-nav .mega-menu li.megaline > a.a-hover {color:#fff}
#user-nav .mega-menu li.megaline > a.a-hover:hover {text-decoration:underline}
/*#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-new {float:right;position:relative;margin-right:2.813rem;z-index:3}
#user-nav  .mega-menu-new li.megaline-new {float:left}
#user-nav  .mega-menu-new li.megaline-new a {display:inline-block;position:relative;margin:.75rem 0;font-size:.875rem;color:rgba(255,255,255,.7);font-weight:400;letter-spacing:-.04rem;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#user-nav  .mega-menu-new li.megaline-new a::after {content:'';display:block;float:left;height:14px;margin:.313rem .5rem;border-left:1px solid rgba(255,255,255,.3)}
#user-nav  .mega-menu-new li.megaline-new:first-child a::after {margin:0;border:none}
#user-nav  .mega-menu-new li.megaline-new a:hover {color:#fff;text-decoration:underline}

/*********************************************
note : 검색영역
*********************************************/
/* 검색버튼 */
#header-wrapper .user-search-wrap .user-search-btn {position:absolute;z-index:4;top:-39px;right:0;font-size:1.8rem;color:#fff;cursor:pointer}
#header-wrapper .user-search-wrap .user-search-btn i.s-close {overflow:hidden;display:block;margin-top:-4px;width:37px;height:37px;text-indent:-1000pt;background:url(/menuskin/pd_01/menuicon.png) no-repeat -148px 0}

/* 검색 */
#header-wrapper .user-search {overflow:hidden;position:absolute;z-index:1004;width:100%;height:1px;border-bottom:1px solid #c9c9c9;background-color:#ddd;visibility:hidden;-webkit-transition:all .25s;transition:all .25s}
#header-wrapper .user-search .user-search-form::after {content:'';display:table;clear:both}
#header-wrapper .user-search .user-search-form input {float:left;z-index:12;width:calc(100% - 50px);height:61px;margin:0;padding:0;font-size:1.7rem;letter-spacing:-0.02em;background:transparent;border:none;border-bottom:1px solid #707070;box-shadow:none}
#header-wrapper .user-search .user-search-form button {float:right;width:50px;height:61px;font-size:2rem;color:#222;cursor:pointer}

/* 검색화면 */
#header-wrapper .search-etc {z-index:1004;width:100%;height:59px;border-bottom:1px solid #c9c9c9;background-color:#f8f8f8}
#header-wrapper .search-etc ul li {float:left}
#header-wrapper .search-etc ul li a {display:inline-block;position:relative;padding:1.12rem 1.25rem;color:#222;font-size:.9rem;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#header-wrapper .search-etc .left-text ul li a::before {content:'';position:absolute;z-index:1;border-bottom:2px solid transparent;left:0;right:0;bottom:0;-moz-transition:all .15s;transition:all .15s}
#header-wrapper .search-etc .left-text ul li a.se-click,#header-wrapper .search-etc .right-text ul li a:hover {color:#e6336e}
#header-wrapper .search-etc .left-text ul li a.se-click::before {border-bottom-color:#e6336e}
#header-wrapper .search-etc .right-text ul li:last-child a {padding-right:0}

/*********************************************
note : 전체메뉴
*********************************************/
/* 기본 */
#header-wrapper .user-all-wrap {overflow:hidden;position:absolute;z-index:99999999999999;left:0;top:100%;width:100%;height:1px;background-color:#f6f6f6;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
#header-wrapper .user-all-wrap::after {content:'';display:table;clear:both}

/* 메뉴 */
#header-wrapper .all-nav {padding:2.2rem 0;border-bottom:1px solid #000}
#header-wrapper .all-nav::after {content:'';display:table;clear:both}
#header-wrapper .all-nav .dis-table {width:100%;table-layout:fixed}
#header-wrapper .all-nav .dis-table-cell {width:100%;vertical-align:top;text-align:left}
#header-wrapper .all-nav .dis-table-cell ul {padding-left:1rem;height:10rem;border-right:1px solid rgba(0,0,0,.05)}
#header-wrapper .all-nav .dis-table-cell:first-child ul {border-left:1px solid rgba(0,0,0,.05)}
#header-wrapper .all-nav ul li {padding:.375rem 0}
#header-wrapper .all-nav ul li a {font-size:.938rem;color:#171e2e;font-weight:300}
#header-wrapper .all-nav ul li a:hover {color:#cd0303}

/* 문의 */
#header-wrapper .user-nav-com {padding:.938rem 0}
#header-wrapper .user-nav-com::after {content:'';display:table;clear:both}

/* 문의메뉴 */
#header-wrapper .user-nav-com .nav-com {float:left}
#header-wrapper .user-nav-com .nav-com a {display:inline-block;padding:.7rem 0;color:#101010;font-size:.8rem;line-height:1em;letter-spacing:-0.1em}
#header-wrapper .user-nav-com .nav-com a:first-child {margin-right:3.125rem}
#header-wrapper .user-nav-com .angle-right {display:block;overflow:hidden;float:right;margin-left:.313rem;position:relative;width:4px;height:10px;background:url(/menuskin/pd_01/menuicon.png) no-repeat -222px 3px;text-indent:-1000pt}

/* sns */
#header-wrapper .user-nav-com .nav-sns {float:left;padding-top:.2rem}
#header-wrapper .user-nav-com .nav-sns li {float:left;margin-right:.5rem}
#header-wrapper .user-nav-com .nav-sns li:last-child {margin-right:1.25rem}
#header-wrapper .user-nav-com .nav-sns li a {display:inline-block;overflow:hidden;width:32px;height:32px;padding-top:.25rem;font-size:1rem;color:#323232;background-color:#fefefe;text-align:center;border:1px solid rgba(0,0,0,.8);border-radius:50%;-webkit-transition:all .1s;transition:all .1s}
#header-wrapper .user-nav-com .nav-sns li a:hover {color:#fefefe;border-color:rgba(0,0,0,.08)}
#header-wrapper .user-nav-com .nav-sns li a.facebook:hover {background-color:#48659f}
#header-wrapper .user-nav-com .nav-sns li a.twitter:hover {background-color:#1da1f3}
#header-wrapper .user-nav-com .nav-sns li a.story:hover {background-color:#fae100}
#header-wrapper .user-nav-com .nav-sns li a.phone:hover {background-color:#cd0303}
#header-wrapper .user-nav-com .nav-sns li a.post:hover {background-color:#00c63b}
#header-wrapper .user-nav-com .nav-sns li a.naver:hover {background-color:#00c63b}
#header-wrapper .user-nav-com .nav-sns li a.kakao-plus{padding-top:.45rem}
#header-wrapper .user-nav-com .nav-sns li a.kakao-plus:hover {background-color:#2c1617}
#header-wrapper .user-nav-com .nav-sns li a i.img-icon.icon-kakaoplus{display:block; margin:auto; width:16px; height:15px; background-image:url('/menuskin/pd_01/kakao_plus.png'); background-repeat:no-repeat; background-position:0 0; background-size:100%}
#header-wrapper .user-nav-com .nav-sns li a:hover i.img-icon.icon-kakaoplus{background-position:0 bottom}

/* 닫기 */
#header-wrapper .user-nav-com .nav-close i {display:block;overflow:hidden;float:left;position:relative;width:37px;height:37px;background:url(/menuskin/pd_01/menuicon.png) no-repeat -74px 0;text-indent:-1000pt}

/*********************************************
note : 버튼제어
*********************************************/
#header-wrapper.nav-active .user-all-wrap {height:302px;visibility:visible}
#header-wrapper.sch-active .user-search {height:74px;visibility:visible}
#header-wrapper.sch-active .user-all-wrap {top:calc(100% + 74px)}

/*********************************************
note : 스크롤
*********************************************/
#header-wrapper.menu-active {position:fixed;z-index:99999999999999;top:0px;left:0;width:100%}
#header-wrapper.menu-active #nav-header {position:absolute;z-index:2;top:0;left:0;right:0;transform:translateY(-100%)}

/* 메뉴바 */
#header-wrapper.menu-active #user-nav::before {height:3.938rem}
#header-wrapper.menu-active #user-nav-wrapper {display:none}

/* 로고 */
#header-wrapper.menu-active #nav-header .dis-table-cell.user-logo {display:block;position:absolute;z-index:10;left:0;top:calc(100% +  10px)}
#header-wrapper.menu-active #nav-header .dis-table-cell.user-logo a {width:233px;height:3.938rem}

/* 검색 */
#header-wrapper.menu-active .user-search-wrap .user-search-btn {top:.938rem;right:3.125rem}
#header-wrapper.menu-active .user-search {margin-top:3.938rem}

/* 인기기사 */
#header-wrapper .pop-news {position:absolute;z-index:1005;top:-62px;left:calc(50% - 350px)}
#header-wrapper.menu-active .pop-news {top:.25rem;padding-left: 40px;}

/* 전체 */
#header-wrapper.menu-active .dis-table-cell .all-section {position:absolute;z-index:10;right:0;/* top:100% */top:100%}
#header-wrapper.menu-active .dis-table-cell .all-section i.all-close {background:url(/menuskin/pd_01/menuicon.png) no-repeat -148px 0}
#header-wrapper.menu-active .user-all-wrap {top:3.938rem}
#header-wrapper.menu-active.nav-active .user-all-wrap {top:calc(100% + 63px);height:302px;visibility:visible}
#header-wrapper.menu-active.sch-active .user-all-wrap {top:calc(100% + 137px)}