@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*********************************************
note : reset
*********************************************/

#header-wrapper {position:relative;z-index:99;padding-bottom:20px}
#header-wrapper ul, #header-wrapper ol {margin:0;padding:0;list-style:none}
#header-wrapper em ,#header-wrapper i {font-style:normal}
#header-wrapper button {cursor:pointer}
#header-wrapper .no-bullet {margin-bottom:0}
#header-wrapper .has-tip {border:0}
#header-wrapper.basic, #header-wrapper .mode-inner, #nav-header {margin-left:auto;margin-right:auto}
#header-wrapper .mode-inner::after {content:'';display:table;clear:both}

/*********************************************
note : GNB
*********************************************/
#user-gnb {position:relative;background-color:#efefef}
#header-wrapper.basic #user-gnb .mode-inner {padding:0 1rem}

/* 로그인/회원가입 */
#user-gnb .user-logbox {float:right;font-size:0;text-align:left}
#user-gnb .user-logbox > a {display:inline-block;overflow:hidden;position:relative;padding:0 .625rem;font-size:.813rem;font-weight:300;line-height:40px;letter-spacing:-.05em;color:#fff;text-overflow:ellipsis;white-space:nowrap}
#user-gnb .user-logbox > :first-child {padding-left:0}
#user-gnb .user-logbox > :last-child {padding-right:0}
#user-gnb .user-logbox > a::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(255,255,255,.25);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#user-gnb .user-logbox > a:first-child::before {display:none}

/* 최신뉴스 */
#user-gnb .user-textbox {float:left}
#user-gnb .user-topnews {display:inline-block;vertical-align:middle;max-width:400px}

/* 최종편집 */
#user-gnb .user-info {position:relative;display:inline-block;vertical-align:middle;padding-right:.625rem;margin-right:.625rem;font-size:.813rem;line-height:40px;color:#fff}
#user-gnb .user-info::before {content:'';overflow:hidden;position:absolute;z-index:1;right:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(255,255,255,.25);-ms-transform:translateY(-50%);transform:translateY(-50%)}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {width:100%;padding:1.75rem 0;margin-bottom:20px;font-size:0;background-color:#fff}
#nav-header [class*="user-"] {display:inline-block;vertical-align:middle}
#nav-header .user-logo {width:calc(100% - 600px);font-size:inherit}
#nav-header .user-banner {width:300px}
#nav-header .user-etc {display:block;font-size:0}


/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;font-size:0;background-color:transparent;text-align:left;font-family: 'Noto Sans KR', sans-serif}
#user-nav .mode-inner > [class*="user-"] {float:left}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {position:relative}
#user-nav .user-menu .secline {display:inline-block;position:relative;vertical-align:middle}
#user-nav .user-menu .secline > a {display:block;overflow:hidden;position:relative;padding:0 .938rem;font-size:1.313rem;font-weight:bolder;line-height:52px;letter-spacing:-.05em;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
#user-nav .user-menu > :first-child > a {padding-left:0}
#user-nav .user-menu .secline > a.a-hover, #user-nav .user-menu .secline > a:hover {color:#ffa0b3}

/* arrow */
#user-nav .user-menu .secline > a::before, #user-nav .user-menu .secline > a::after {content:'';overflow:hidden;position:absolute;left:50%;bottom:-1px;width:0;height:0;border-style:solid;opacity:0;visibility:hidden;border-color:transparent;transform:translateX(-50%)}
#user-nav .user-menu .secline > a.arrow::before, #user-nav .user-menu .secline > a.arrow::after {opacity:1;visibility:visible}
#user-nav .user-menu .secline > a.arrow::before {z-index:99;border-width:8px;border-bottom-color:rgba(0,0,0,.1)}
#user-nav .user-menu .secline > a.arrow::after {z-index:100;border-width:7px;border-bottom-color:#fff}

/* arrow - 가로 */
#header-wrapper.horizon #user-nav .user-menu .secline > a.arrow::before, #header-wrapper.horizon #user-nav .user-menu .secline > a.arrow::after {transition:opacity .3s}
#header-wrapper.horizon #user-nav .user-menu .secline > a.arrow::before {border-width:6px}
#header-wrapper.horizon #user-nav .user-menu .secline > a.arrow::after {border-width:5px}

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {overflow:hidden;position:absolute;z-index:1004;top:100%;left:0;font-size:0;visibility:hidden}
#user-nav .user-menu .secline > ul::after {content:'';display:table;clear:both}
#user-nav .user-menu .secline > ul > :first-child::before {display:none}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;padding:0 .875rem;font-size:1.125rem;font-weight:bolder;letter-spacing:-.025em;color:rgba(0,0,0,.7);text-align:left;text-overflow:ellipsis;white-space:nowrap}
#user-nav .user-menu .secline .sub:first-child > a {padding-left:0}
#user-nav .user-menu .secline .sub > a.a-sub-hover, #user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.95);text-decoration:none}

/* 메뉴바 - 2차섹션(가로) */
#header-wrapper.horizon #user-nav::after {content:'';position:absolute;z-index:20;top:100%;left:50%;width:100%;height:70px;-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;opacity:0;visibility:hidden;box-shadow:10px 10px 10px rgba(0, 0, 0, 0.3);border-radius:10px;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#header-wrapper.horizon #user-nav.active::after {opacity:1;visibility:visible}
#header-wrapper.horizon #user-nav .user-menu .secline > ul {width:auto;white-space:nowrap}
#header-wrapper.horizon #user-nav .user-menu .secline .sub {display:inline-block;position:relative;font-size:0}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a {display:inline-block;line-height:70px}
#header-wrapper.horizon #user-nav.sub-hide::after, #header-wrapper.horizon #user-nav.sub-hide .secline a::after , #header-wrapper.horizon #user-nav.sub-hide .secline a::before, #header-wrapper.horizon #user-nav.sub-hide .user-menu .secline ul {display:none !important;}



/* 전국 2차섹션 */
#user-nav .user-menu .secline:nth-child(8) .sub > a {padding:0 .625rem}
#user-nav .user-menu .secline:nth-child(8) .sub:first-child > a {padding-left:0}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {padding:.375rem 0;border:1px solid rgba(0,0,0,.1);border-top-width:0;background-color:#fff;border-radius:10px}
#header-wrapper.vertical #user-nav .user-menu .secline .sub {float:none}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {padding:0 1.5rem;line-height:35px}

/* 메뉴바 - 2차섹션(세로 - 자동박스) */
#header-wrapper.vertical.nav-autobox #user-nav .user-menu,
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline {position:static}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:100%;height:300px;left:50%;padding:0;background-color:#fff;border:1px solid rgba(0,0,0,.12);-ms-transform:translateX(-50%);transform:translateX(-50%);}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub {float:left;width:50%}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a {text-decoration:none}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a.a-sub-hover::before,
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a:hover::before {border-left-color:rgba(255,255,255,.35)}
#header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .article-menu {position:absolute;left:320px;top:0;right:0;bottom:0;padding:0 1.25rem;border-left:1px solid rgba(0,0,0,.08)}

/* 메뉴바 - 2차섹션 위치 */
#header-wrapper.left #user-nav .user-menu .secline > ul {left:0}
#header-wrapper.center #user-nav .user-menu .secline > ul {left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
#header-wrapper.right #user-nav .user-menu .secline > ul {left:inherit;right:0}

/* search */
#user-nav .user-search {float:right !important;display:inline-block;font-size:0;vertical-align:middle}
#user-nav .sch-btns {display:block;overflow:hidden;width:55px;height:52px;cursor:pointer}
#user-nav .sch-btns::before {content:url('search-btn.png');display:block}
#user-nav .sch-btns.active:before {content:url('search-close.png')}
#user-nav .user-search-form {display:none;position:absolute;z-index:1000;left:0;top:100%;width:100%;padding:1.875rem;background-color:rgba(0,0,0,.5)}
#user-nav .user-search-form > .inner {display:block;max-width:560px;margin:0 auto}
#user-nav .user-search-form input#search {float:left;width:calc(100% - 60px);height:52px;margin:0;border:0;border-radius:0;box-shadow:none;font-size:.938rem}
#user-nav .user-search-form button[onclick] {float:left;width:60px;height:52px;font-size:1.5rem;color:#fff}

/*********************************************
note : 하단영역
*********************************************/
#user-footer.skin-4 {padding:0;margin:0}

/* navigation */
#user-footer.skin-4 .footer-nav {display:block;margin-bottom:1.375rem;padding-left:1.375rem;font-size:0;background-color:#f8f8fa;border:1px solid #d7d7d7;text-align:left}
#user-footer.skin-4 .footer-nav > .item {display:inline-block;overflow:hidden;height:48px;margin-left:1.5rem;font-size:.813rem;line-height:48px;letter-spacing:-.05em;color:#666}
#user-footer.skin-4 .footer-nav > :first-child {margin-left:0}
#user-footer.skin-4 .footer-nav > .item strong {color:#333}
#user-footer.skin-4 .footer-nav > .top {overflow:hidden;float:right;width:52px;height:48px;padding-top:.688rem;font-size:.688rem;line-height:1.125;color:#333;background-color:#fff;border-left:1px solid #d7d7d7;text-transform:uppercase;text-align:center}
#user-footer.skin-4 .footer-nav > .top::before {content:'';display:block;overflow:hidden;width:0;height:0;margin:0 auto .375rem;border-width:3px;border-style:solid;border-color:transparent transparent #333}

/* copyright */
#user-footer.skin-4 .footer-copy {display:table;width:100%;margin-bottom:3.875rem;table-layout:fixed}
#user-footer.skin-4 .footer-copy > .footer-columns {display:table-cell;vertical-align:middle; padding-bottom:10px}
/*#user-footer.skin-4 .footer-copy > .footer-columns.logo {width:200px;padding-right:50px;text-align:left}*/
#user-footer.skin-4 .footer-copy > .footer-columns.logo {width:130px;padding-right:20px;text-align:left}
#user-footer.skin-4 .footer-copy > .footer-columns.logo img {max-height:35px}
#user-footer.skin-4 .address {display:block;width:auto;margin:0;padding:0;list-style:none}
#user-footer.skin-4 .address::after {content:'';display:table;clear:both}
#user-footer.skin-4 .address > li {float:left;font-size:.75rem;line-height:1.625;color:#777}
#user-footer.skin-4 .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.625rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.25);vertical-align:baseline}
#user-footer.skin-4 .address > :first-child::before, #user-footer.skin-4 .address > li.clear::before {display:none}
#user-footer.skin-4 .address > li.clear {margin-left:0;clear:both}
#user-footer.skin-4 .address a {color:#777;text-decoration:none}
#user-footer.skin-4 .address .copyright {display:inline-block;margin-left:1.25rem}



/*test*/
#user-footer.skin-4-1.test {padding:0;margin:0;background:#a40023}

/* navigation */
#user-footer.skin-4-1.test .footer-nav {display:block;margin-bottom:1.375rem;padding-left:1.375rem;font-size:0;text-align:left}
#user-footer.skin-4-1.test .footer-nav > .item {display:inline-block;overflow:hidden;height:48px;margin-left:1.5rem;font-size:.813rem;line-height:48px;letter-spacing:-.05em;color:#e0e0e0}
#user-footer.skin-4-1.test .footer-nav > :first-child {margin-left:0}
#user-footer.skin-4-1.test .footer-nav > .item strong {color:#fff}
#user-footer.skin-4-1.test .footer-nav > .top {overflow:hidden;float:right;width:52px;height:48px;padding-top:.688rem;font-size:.688rem;line-height:1.125;color:#333;background-color:#fff;border-left:1px solid #d7d7d7;text-transform:uppercase;text-align:center}
#user-footer.skin-4-1.test .footer-nav > .top::before {content:'';display:block;overflow:hidden;width:0;height:0;margin:0 auto .375rem;border-width:3px;border-style:solid;border-color:transparent transparent #333}

/* copyright */
#user-footer.skin-4-1.test .footer-copy {display:table;width:100%;margin-bottom:3.875rem;table-layout:fixed}
#user-footer.skin-4-1.test .footer-copy > .footer-columns {display:table-cell;vertical-align:middle}
#user-footer.skin-4-1.test .footer-copy > .footer-columns.banner a{display: block;background: #fff;text-align: center;padding:3px 0;}
#user-footer.skin-4-1.test .footer-copy > .footer-columns.logo {width:200px;padding-right:50px;text-align:left}				
#user-footer.skin-4-1.test .footer-copy > .footer-columns.logo img {max-height:35px;}
#user-footer.skin-4-1.test .address {display:block;width:auto;margin:0;padding:0;list-style:none}
#user-footer.skin-4-1.test .address::after {content:'';display:table;clear:both}
#user-footer.skin-4-1.test .address > li {float:left;font-size:.75rem;line-height:1.625;color:#fff}
#user-footer.skin-4-1.test .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.625rem;margin:0 .625rem;border-left:1px solid rgba(179,108,123,1);vertical-align:baseline}
#user-footer.skin-4-1.test .address > :first-child::before, #user-footer.skin-4-1 .address > li.clear::before {display:none}
#user-footer.skin-4-1.test .address > li.clear {margin-left:0;clear:both}
#user-footer.skin-4-1.test .address a {color:#fff;text-decoration:none}
#user-footer.skin-4-1.test .address .copyright {display:inline-block;margin-left:1.25rem}


/* 홍경아 / 1141607 / 20220310 */
#user-gnb {background-color:#fff}
#user-gnb .user-info, #user-gnb .user-logbox > a, #skin-176 .auto-titles.auto-fontF {font-weight:bold; color:rgba(0,0,0,.95)!important}
#user-gnb .user-logbox > a::before, #user-gnb .user-info::before {border-left: 1px solid rgba(255,255,255,.25);}
#skin-176 .auto-titles.size-13 {font-size: 16px !important;}
 

/* 김민희 / 1196944 / 20220908 */
#roll-top-news {background-color:#000; height:32px; overflow:hidden;}
#roll-top-news .top-news-box {position: relative; width:100%; list-style:none;}
#roll-top-news .top-news-box .item {display: block; float: left; overflow: hidden; margin-right: 15px;}