@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:.5rem 0;line-height:1em;background:#fefefe;border-bottom:1px solid rgba(0,0,0,.08)} #user-gnb::after {content:'';display:table;clear:both} /* sns */ #user-gnb .user-sns {float:left} #user-gnb .user-sns li {float:left;padding:0 .125rem;font-size:.75rem;line-height:1em;letter-spacing:-0.05em;color:#505050} #user-gnb .user-sns li:first-child {padding-left:0} #user-gnb .user-sns li:last-child {padding-right:0} #user-gnb .user-sns li.updated {margin-left:.75rem;padding-top:.375rem;letter-spacing:-0.025em} #user-gnb .user-sns li > a {display:block;overflow:hidden;width:26px;height:26px;padding-top:.3rem;font-size:1rem;color:#fefefe;background-color:#f8f8fa;border-radius:50%} #user-gnb .user-sns li.fb > a {background-color:#314a7e} #user-gnb .user-sns li.tw > a {background-color:#339dc3} #user-gnb .user-sns li.yt > a {background-color:#e52d27} #user-gnb .user-sns li.rss > a {background-color:#ffae00} /* 업데이트 */ #user-gnb .user-intro {float:left;font-size:.75rem;letter-spacing:-.025em;color:#505050} /* 로그인 */ #user-gnb .user-logbox {float:right;margin-top:.375rem} #user-gnb .user-logbox li {float:left;padding:0 .625rem;font-size:.75rem;line-height:1em;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:#505050} /********************************************* 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:300px} /********************************************* note : 메뉴영역 *********************************************/ /* 기본 */ #user-nav {overflow:hidden} #user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both} #user-nav-wrapper {position:relative;height:92px;border-bottom:1px solid #e7e7e7} #user-nav-wrapper::before {content:'';position:absolute;z-index:1;width:100%;height:50px;background-color:#ecf0f1;left:0;top:0} /* 전체 */ #user-nav .all-section {float:left;position:relative;z-index:2;width:55px;height:50px;font-size:1.25rem;color:#fefefe;background-color:#535c68;cursor:pointer} /* 검색 */ #user-nav .user-search {position:absolute;z-index:2;right:0;top:0} #user-nav .user-search .user-search-btn {width:55px;height:50px;padding-left:1rem;padding-right:1rem;font-size:1.25rem;cursor:pointer;outline:0} #user-nav .user-search .user-search-form {display:none;position:absolute;z-index:10;right:0;top:0;width:230px;height:50px;background:#fefefe;border:1px solid #e2e5e9} #user-nav .user-search .user-search-form::after {content:'';display:table;clear:both} #user-nav .user-search .user-search-form input#search {float:left;width:calc(100% - 54px);height:48px;margin:0;padding:0 3.125rem 0 .625rem;font-size:.8rem;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none} #user-nav .user-search .user-search-form button[onclick] {float:right;width:54px;height:48px;padding-left:1rem;padding-right:1rem;font-size:1.25rem;font-weight:400;color:#303030;cursor:pointer} #user-nav .user-search .user-search-form .sch-plus {position:absolute;z-index:1;right:48px;top:50%;font-size:.75rem;line-height:1em;letter-spacing:-0.075em;color:transparent;text-decoration:none;-webkit-transition:color .25s;transition:color .25s;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)} #user-nav .user-search .user-search-form:hover .sch-plus {color:rgba(0,0,0,.9)} #user-nav .user-search .user-search-form .sch-close {position:absolute;z-index:5;left:100%;top:0;width:42px;height:48px;font-size:1rem;color:#c0c0c0;border:none;cursor:pointer;outline:0} #user-nav .user-search .user-search-form .sch-close:hover {color:#303030} /* 섹션 */ #user-nav .mega-menu {float:left;position:relative;z-index:2;width:calc(100% - 55px)} #user-nav .mega-menu li.megaline {float:left;line-height:1} #user-nav .mega-menu li.megaline > a {display:inline-block;position:relative;padding:1.063rem .9rem;font-size:.9375rem;font-weight:700;letter-spacing:-0.05em;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:#e6336e} #user-nav .mega-menu li.megaline > a.a-hover::before {border-top-color:#e6336e} #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:.8rem;line-height:1em;letter-spacing:-0.05em} #user-nav .mega-menu li.megaline ul li.sub a {display:inline-block;padding:.9rem .625rem;font-weight:400;color:#808080} #user-nav .mega-menu li.megaline ul li.sub a:hover {color:#303030} #user-nav .mega-menu li.megaline:nth-last-child(4) ul{left:-30px !important} /* tv */ #user-nav .mega-menu li.megaline.for-tv {float:right;margin-right:55px} #user-nav .mega-menu li.megaline.for-tv > a {color:transparent !important} #user-nav .mega-menu li.megaline.for-tv > a::after {content:'';position:absolute;z-index:1;left:50%;top:50%;width:94px;height:25px;background:url('/image/menu-for-tv.png') 0 0 no-repeat;-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)} /* 이지은 / 914091 / 20200129 */ #header-bn {position:relative;width:1080px;height:110px;margin:0 auto} #header-bn .close {position:absolute;top:0px;right:0px;z-index:999;font-size:30px;color:#fff;background-color:#000} /* 황자연 / 932645 / 20200323 */ #user-gnb .chongson415 {width:250px; height:36px; margin-top:-4px; margin-bottom:-4px; margin-left:115px; float:left; background:url('/image/bg_chongson415.jpg') 0 0 no-repeat;} .chongson415 p{margin-left:182px; padding-bottom:2px; font-size:1.9rem; letter-spacing:.1rem; color:#000; text-align:left; height:34px; line-height:34px; font-weight:bold;}