@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#user-wrap {background-color:#f5f5f5;background-image:repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(255,255,255,.5)1px, rgba(255,255,255,.5) 4px)}

#header-wrapper {text-align:center;background:#fff;height:182px !important}
#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:.625rem 0;line-height:1;border-bottom:1px solid #ccc;background:#fff}
#user-gnb::after {content:'';display:table;clear:both}

/* 업데이트 */
#user-gnb .user-intro {float:left;font-size:.938rem;font-weight:600;letter-spacing:-.085em;color:rgba(0,0,0,.3)}

/* 관련사이트 */
#user-gnb .user-etc {float:right}
#user-gnb .user-etc li {position:relative;float:left;padding:0 0 0 1rem;font-size:.75rem;line-height:1;letter-spacing:-.05em}
/*#user-gnb .user-etc li::after {content:'';position:absolute;right:0;top:0;bottom:0;z-index:1;border-right:1px solid rgba(0,0,0,.1)} */
#user-gnb .user-etc li:last-child::after {content:'';border-right:none}
#user-gnb .user-etc li a {color:rgba(0,0,0,.4)}

/* 로그인 */
#user-gnb .user-logbox {float:right;margin-left:.425rem;margin-top:.15rem}
#user-gnb .user-logbox li {position:relative;float:left;padding:0 .175rem;font-size:.75rem;line-height:1;letter-spacing:-.02em}
#user-gnb .user-logbox li:last-child {padding-right:0}
#user-gnb .user-logbox li a {color:rgba(255,255,255,1);padding:0 .325rem;background:#bbb;border-radius:15px}
#user-gnb .user-logbox li a:hover {text-decoration:none}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {padding:.5rem 0}
#nav-header-wrapper {position:relative;padding:.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-logo {text-align:left}
#nav-header .dis-table-cell.user-banner {width:270px;text-align:right; padding-left: 10px;}
#nav-header .dis-table-cell.user-banner2 {width:300px;text-align:left;}

/*********************************************
note : 메뉴따라다니기
*********************************************/
#user-nav.scroll {position:fixed;width:100%;top:0;transition: 0.1s ease-in;box-shadow:0px 0px 20px rgba(0,0,0,0.2);z-index:99999}

/* 스크롤 로고 */
#user-nav .user-scroll-logo {float:left;display:inline-block;padding:0;width:0px;transition:width 0.15s linear}
#user-nav.scroll .user-scroll-logo {float:left;width:110px;padding:.625rem 0;margin-right:1.25rem;transform:matrix();transition:width 0.15s linear}

/* 스크롤 시 메뉴 */
#user-nav.scroll .mega-menu li.megaline > a {padding:1.25rem .8rem;font-size:.938rem}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;background-color:rgba(255,255,255,1);border-top:1px solid #ccc;border-bottom:1px solid #e71f19;top:0px;transition:0.1s ease-in}
#user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both}
#user-nav-wrapper {height:45px;margin-bottom:0;background:#fff}

/* 검색 */
#user-nav .user-search {float:right;position:relative;width:180px;height:35px;margin:.375rem 0;background:transparent;border:1px solid #c8c8c8}
#user-nav .user-search:hover {border:1px solid #e71f19}
#user-nav .user-search::after {content:'';display:table;clear:both}
#user-nav .user-search input {position:relative;z-index:1004;float:left;width:calc(100% - 65px);height:32px;margin:0;padding:0 .625rem;font-size:.85rem;letter-spacing:-0.03em;color:#bbb;background:transparent;border:none;box-shadow:none}
#user-nav .user-search button {float:right;width:46px;height:35px;font-size:1.625rem;color:#c8c8c8;cursor:pointer}
#user-nav .user-search:hover button {color:#e71f19}

/* 섹션 */
#user-nav .mega-menu {float:left;position:relative;z-index:2}
#user-nav .mega-menu li.megaline {float:left;line-height:0.4}
#user-nav .mega-menu li.megaline > a {display:inline-block;position:relative;height:47px;padding:1.25rem .7rem;font-size:1rem;font-weight:600;color:rgba(0,0,0,1);text-decoration:none;-webkit-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline > a::before {content:'';position:absolute;z-index:1;border-top:1px solid transparent;left:0;right:0;top:0;-webkit-transition:all .15s;transition:all .15s}
#user-nav .mega-menu li.megaline > a.a-hover {color:#e6336e;background:rgba(240,240,240);border-bottom:1px solid #e71f19}

/*********************************************
note : 전체메뉴 (햄버거바)
*********************************************/
/* 전체 */
#user-nav .all-section {display:block;float:left;position:relative;width:35px;height:45px;font-weight:400;color:rgba(0,0,0,.9);outline:0;font-weight:500;cursor:pointer}
#user-nav .all-section .icon {display:block;position:relative;width:22px;height:2px;background-color:rgba(0,0,0,.9)}
#user-nav .all-section .icon::before,#user-nav .all-section .icon::after {content:'';position:absolute;z-index:1;left:0;width:100%;height:0;border-top:2px solid rgba(0,0,0,.9);-webkit-transition:all .25s;transition:all .25s}
#user-nav .all-section .icon::before {top:-.438rem}
#user-nav .all-section .icon::after {bottom:-.438rem}

#user-nav .all-section .all-con {float:left;width:10px;height:45px;padding-top:1.425rem}

/* 전체닫기 */
#user-header.is-active #user-nav .all-section .icon {background-color:transparent}
#user-header.is-active #user-nav .all-section .icon::before {top:50%;transform:rotate(45deg)}
#user-header.is-active #user-nav .all-section .icon::after {top:50%;bottom:inherit;transform:rotate(-45deg)}

/* 메뉴리스트 */
#user-nav .all-menu {display:none;position:absolute;z-index:1003;left:0;right:0;top:48px;width:1060px;margin:auto;padding:.125rem .75rem;border:1px solid #c8c8c8;border-top:0;background:#fff;}
#user-nav .all-menu::after {content:'';display:table;clear:both}
#user-nav .all-menu .menu-group {text-align:left}
#user-nav .all-menu .menu-group .group-list {padding:.25em 0;border-bottom:1px dotted #dfdfdf}
#user-nav .all-menu .menu-group .group-list:last-child {border-bottom:0;}
#user-nav .all-menu .menu-group .group-list::after {content:'';display:table;clear:both}
#user-nav .all-menu .menu-group .group-list .list-tit {float:left;width:150px;margin-right:.938rem;border-right:1px solid #e71f19;font-size:.938rem;font-weight:600;color:#000}
#user-nav .all-menu .menu-group .group-list .sub-list {}
#user-nav .all-menu .menu-group .group-list .sub-list > li {float:left;padding:0 .5rem}
#user-nav .all-menu .menu-group .group-list .sub-list > li > a {color:#000;font-size:.9rem;font-weight:400}
#user-nav .all-menu .menu-group .group-list .sub-list > li > a:hover {color:#333}

/*********************************************
note : 메뉴따라다니기
*********************************************/
#user-nav.scroll {position:fixed;width:100%;top:0;transition: 0.1s ease-in;box-shadow:0px 0px 20px rgba(0,0,0,0.2);z-index:99999}

/* 스크롤 로고 */
#user-nav .user-scroll-logo {float:left;display:inline-block;padding:0;width:0px;transition:width 0.15s linear}
#user-nav.scroll .user-scroll-logo {float:left;width:110px;padding:.625rem 0;margin-right:1.25rem;transform:matrix();transition:width 0.15s linear}

/* 스크롤 시 메뉴 */
#user-nav.scroll .mega-menu li.megaline > a {padding:1.25rem .8rem;font-size:.938rem}

/*********************************************
note : 기사리스트 메뉴바
*********************************************/
#header-wrapper.sub-header {padding-bottom:0;height:95px !important;background:#f5f5f5}
#header-wrapper.sub-header #user-nav-wrapper {height:47px}

/* 메뉴바 */
#user-nav.sub-nav {position:relative;background-color:rgba(255,255,255,1);border-top:1px solid #ccc;border-bottom:0}
#user-nav.sub-nav .mega-menu li.megaline > a {padding:1.25rem .8rem;font-size:.938rem}

#user-nav.sub-nav .sub-bg {height:42px;border-top:1px solid #e71f19;border-bottom:1px solid #c8c8c8;background:#f5f5f5}

/* 로고 */
#user-nav.sub-nav .user-scroll-logo {float:left;width:75px;padding:0;margin-right:1.5rem;transform:matrix();transition:width 0.15s linear}

/* 뷰/리스트 스크롤 */
#user-nav.sub-nav.scroll {position:fixed;width:100%;top:0;transition: 0.1s ease-in;box-shadow:0px 0px 20px rgba(0,0,0,0.2);z-index:9999}
#user-nav.sub-nav.scroll .mega-menu li.megaline ul li.sub {display:block}

#user-nav.sub-nav .all-menu {top:89px}

/* 2차메뉴 노출 */
#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:.938rem .625rem;font-weight:400;color:#777}
#user-nav .mega-menu li.megaline ul li.sub a:hover {color:#333}

/*********************************************
note : 기사뷰 메뉴바
*********************************************/
#header-wrapper.subview-header {padding-bottom:0;height:95px !important;background:#f5f5f5}
#header-wrapper.subview-header #user-nav-wrapper {height:47px}

/* 메뉴바 */
#user-nav.subview-nav {position:relative;background-color:rgba(255,255,255,1);border-top:1px solid #ccc;border-bottom:0}
#user-nav.subview-nav .mega-menu li.megaline > a {padding:1.25rem .8rem;font-size:.938rem}

#user-nav.subview-nav .sub-bg {height:42px;border-top:1px solid #e71f19;border-bottom:1px solid #c8c8c8;background:#f5f5f5}

#user-nav.subview-nav .all-menu {top:89px}

/* 로고 */
#user-nav.subview-nav .user-scroll-logo {float:left;width:75px;padding:0;margin-right:1.5rem;transform:matrix();transition:width 0.15s linear}

/* 2차메뉴 노출 */
#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:.938rem .625rem;font-weight:400;color:#777}
#user-nav .mega-menu li.megaline ul li.sub a:hover {color:#333}

/* 최은비 / 1281941 / 20230626 */
#nav-header .dis-table-cell.user-banner2{width:500px;}
#nav-header .dis-table-cell.user-banner2 img{margin-right:0;}