@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;z-index:99;font-family:'Noto Sans KR',sans-serif}
#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 .mode-inner, #nav-header, #header-wrapper.basic #user-nav {margin-left:auto;margin-right:auto}
#header-wrapper .mode-inner::after {content:'';display:table;clear:both}

/*********************************************
note : 최상단영역
*********************************************/
/* 기본 */
#user-gnb {position:relative;background-color:#f3f3f3}
#user-gnb .mode-inner > [class*="user-"] {overflow:hidden;font-size:.813rem;font-weight:400;line-height:1;letter-spacing:-0.03em}

/* 최종편집 */
#user-gnb .user-intro {float:left;color:#555}
#user-gnb .user-intro > li {float:left;line-height:40px}
#user-gnb .user-intro > li:last-child {margin-left:.625rem}
/* 윤미정 / 1136874 / 20220221 */
/*#user-gnb .user-intro > li:nth-last-child(2) {margin-left:.625rem}*/
#user-gnb .user-intro > li > a {display:block;padding:0 .75rem;font-size:.938rem;color:rgba(0,0,0,.25);line-height:40px;background-color:#fff;transition:all .3s ease-in-out}
#user-gnb .user-intro > li > a:hover {color:#fff;background-color:rgba(0,0,0,1)}

/* 로그인/회원가입 */
#user-gnb .user-logbox {float:right}
#user-gnb .user-logbox > li {float:left;padding:0 .625rem}
#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 {font-size:.813rem;color:#555;line-height:40px}
#user-gnb .user-logbox > li > a:hover {text-decoration:underline}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header {position:relative;padding:1.875rem 0;font-size:0}
#nav-header > [class*="user-"] {display:inline-block;vertical-align:middle}
#nav-header > .user-banner {overflow:hidden;width:600px}

/* 로고 */
#nav-header > .user-logo {width:410px}

/* sns */
#nav-header .user-sns {width:230px}
#nav-header .user-sns > ul {margin:0;font-size:0}
#nav-header .user-sns > ul > li {display:inline-block;padding:0 .313rem;/*vertical-align:middle*/}
#nav-header .user-sns > ul > li:first-child {padding-left:0}
#nav-header .user-sns > ul > li:last-child {padding-right:0}
#nav-header .user-sns > ul > li > a {display:block;width:40px;height:40px;font-size:1.25rem;color:#fff;line-height:40px;border-radius:50%;text-align:center}
#nav-header .user-sns > ul > li > a > i.icon-navertv {display:inline-block;width:16px;height:18px;background:url('/image/icon-navertv.png') no-repeat}
#nav-header .user-sns > ul > li:nth-child(1) > a {background-color:#17a3f3}
#nav-header .user-sns > ul > li:nth-child(2) > a {background-color:#3a589e}
#nav-header .user-sns > ul > li:nth-child(3) > a {background-color:#ff0000}
#nav-header .user-sns > ul > li:nth-child(4) > a {background-color:#2bc90c}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;z-index:2}
#user-nav::before {content:'';position:absolute;z-index:3;top:0;left:0;width:100%;border-top:1px solid rgba(0,0,0,.12)}
#user-nav::after {content:'';position:absolute;z-index:1;bottom:0;left:0;width:100%;border-top:3px solid #000}
#user-nav .mode-inner {display:table}
#user-nav .mode-inner > [class*="user-"] {display:table-cell;vertical-align:top;height:60px;letter-spacing:-.05em}

/* 전체 */
#user-nav .user-allbtn {width:56px;margin:0;padding:0 1.063rem;color:#fff;line-height:1;background-color:#6d788e;-webkit-transition:all .15s;transition:all .15s}
#user-nav .user-allbtn:hover {background-color:rgba(0,0,0,1);-webkit-transition:all .15s;transition:all .15s}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu {position:relative;z-index:10;display:table}
#user-nav .user-menu .secline {position:relative;display:table-cell;vertical-align:middle;border-left:1px solid rgba(0,0,0,.12)}
#user-nav .user-menu .secline:first-child {border-left:0}
#user-nav .user-menu .secline > a {position:relative;overflow:hidden;display:block;height:60px;padding:0 .75rem;font-size:.938rem;font-weight:500;color:#000;line-height:60px;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out;text-decoration:none;text-align:center}
#user-nav .user-menu .secline > a::before {content:'';position:absolute;z-index:1;top:0;left:0;width:100%;;border-top:3px solid transparent;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
#user-nav .user-menu .secline > a.a-hover::before {border-top-color:rgba(0,0,0,.12)}

#user-nav .user-menu .secline:nth-child(1) > a {color:#e74c3c}
#user-nav .user-menu .secline:nth-child(2) > a {color:#e67e22}
#user-nav .user-menu .secline:nth-child(3) > a {color:#f1c40f}
#user-nav .user-menu .secline:nth-child(4) > a {color:#2ecc71}
#user-nav .user-menu .secline:nth-child(5) > a {color:#3498db}
#user-nav .user-menu .secline:nth-child(6) > a {color:#34495e}
#user-nav .user-menu .secline:nth-child(7) > a {color:#9b59b6}
#user-nav .user-menu .secline.classic-tv > a {color:#cd6133} /* 클래식tv */

/* 메뉴바 - 2차섹션 */
#user-nav .user-menu .secline > ul {position:absolute;overflow:hidden;visibility:hidden;z-index:1;top:100%;left:0;font-size:0}
#user-nav .user-menu .secline > ul::after {content:'';display:table;clear:both}
#user-nav .user-menu .secline .sub > a {display:block;overflow:hidden;padding:0 .75rem;font-size:.813rem;font-weight:300;color:rgba(0,0,0,.5);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
#user-nav .user-menu .secline .sub > a.a-sub-hover,
#user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.85)}

/* 메뉴바 - 2차섹션(가로) */
#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;vertical-align:middle}
#header-wrapper.horizon #user-nav .user-menu .secline .sub > a {position:relative;display:inline-block;line-height:40px}

/* 메뉴바 - 2차섹션(세로) */
#header-wrapper.vertical #user-nav .user-menu .secline > ul {width:140px;background-color:#fff;border:1px solid #000;border-top:0}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a {position:relative;color:rgba(0,0,0,.5);line-height:40px}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a.a-sub-hover,
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover {color:rgba(0,0,0,.85);background-color:rgba(0,0,0,.03)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a::before {content:'';visibility:hidden;position:absolute;z-index:1;top:50%;right:.75rem;border:3px solid transparent;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#header-wrapper.vertical #user-nav .user-menu .secline .sub > a:hover::before {border-left-color:rgba(0,0,0,.35);visibility:visible}

/* 메뉴바 - 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%;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}

/*********************************************
note : 메뉴영역 (2차섹션 배경이 slideDown이 되어야 할 경우)
- subShow 옵션값을 hidden으로 설정해주세요.
#header-wrapper.horizon #user-nav::before {content:'';position:absolute;z-index:1;top:50px;left:0;width:100%;height:0;background-color:transparent;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
#header-wrapper.horizon #user-nav.active::before {height:40px}
#header-wrapper.horizon #user-nav.active .user-menu .secline .sub > a {color:#fff}
*********************************************/

/* 검색 */
#user-nav .mode-inner .user-search {position:relative;z-index:2;width:60px}
#user-nav .user-search > .user-search-btn {width:60px;height:60px;font-size:1.875rem;color:#fff;line-height:64px;background-color:#000;text-align:center;cursor:pointer}
#user-nav .user-search > .user-search-form {display:none;position:absolute;z-index:1;top:calc(100% - 1px);right:0;width:300px;padding:1.25rem;background-color:#fff;border:1px solid #000}
#user-nav .user-search > .user-search-form::after {content:'';display:table;clear:both}
#user-nav .user-search > .user-search-form input {float:left;width:calc(100% - 40px);height:40px;margin:0;padding:0 .625rem;font-size:.9rem;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none}
#user-nav .user-search > .user-search-form input::placeholder {color:rgba(0,0,0,.5)}
#user-nav .user-search > .user-search-form button {float:right;height:40px;font-size:2rem;color:#333;line-height:40px;cursor:pointer}


#header-wrapper .absol_banner{display:inline-block;position:absolute;right:50%;bottom:4px;margin-right:635px;}


/* 황자연 / 938352 / 20200406 */
#header-wrapper .absol_banner2{display:inline-block;position:absolute;left:50%;bottom:22px; margin-left:610px; width:237px; height:57px; z-index:101;}
/* background:url('/image/bg_absol_banner2.gif') no-repeat; */


/* 윤미정 / 1136771 / 20220221 */
#user-gnb .user-intro > li > a.link_bt {display: block;padding: 0 0.25rem;font-size: .813rem;color: #555;line-height: 40px;background-color: #f3f3f3;}

/* 강수현 / 1159992 / 20220511 */
#user-gnb .user-intro > li {padding-right:.25rem}

/* 강수현 / 1171116 / 20220607 */
#nav-header .user-sns .youtube-box {margin-top:.5rem}
#nav-header .user-sns .youtube-box > li:nth-child(1) > a {background-color:#ff0000}
#nav-header .user-sns .youtube-box > li:nth-child(2) > a {background-color:#ff0000}
#nav-header .user-sns .youtube-box > li:nth-child(3) > a {background-color:#2bc90c}

/* 최은비 / 1271772 / 20230519 */
#user-gnb .user-intro > li.dculture > a{color: #fff;background-color: #8b8585;}
#user-gnb .user-intro > li.dculture > a:hover{color: #fff;background-color: rgba(0,0,0,1);}


/* 홍경아 / 1274311 / 20230531  */
#user-nav .user-menu .secline:nth-child(1) > a {background-color:#e74c3c;color:#fff }
#user-nav .user-menu .secline:nth-child(2) > a {background-color:#e67e22;color:#fff}
#user-nav .user-menu .secline:nth-child(3) > a {background-color:#f1c40f;color:#fff}
#user-nav .user-menu .secline:nth-child(4) > a {background-color:#2ecc71;color:#fff}
#user-nav .user-menu .secline:nth-child(5) > a {background-color:#3498db;color:#fff}
#user-nav .user-menu .secline:nth-child(6) > a {background-color:#34495e;color:#fff}
#user-nav .user-menu .secline:nth-child(7) > a {background-color:#9b59b6;color:#fff}
#user-nav .user-menu .secline:nth-child(8) > a {background-color:#2c4daa;color:#fff}
#user-nav .user-menu .secline.classic-tv > a {background-color:#cd6133;color:#fff}
#user-nav::after {z-index: 99999;}
#user-nav .user-menu .secline:nth-child(1) > a,#user-nav .user-menu .secline:nth-child(2) > a,#user-nav .user-menu .secline:nth-child(3) > a,#user-nav .user-menu .secline:nth-child(4) > a,#user-nav .user-menu .secline:nth-child(5) > a,#user-nav .user-menu .secline:nth-child(6) > a,#user-nav .user-menu .secline:nth-child(7) > a,#user-nav .user-menu .secline:nth-child(8) > a,#user-nav .user-menu .secline.classic-tv > a.a-hover {color:#fff !important;}


/* 홍경아 / 1275782 / 20230602
#user-nav .mode-inner > [class*="user-"] {height: 120px;}
#user-nav .user-menu {z-index: 99;} 
#user-nav .user-menu.dn {z-index: 10;} 
.main_right_floating_wrap .inner,.main_right_floating_wrap .inner2 { top: -145px;}
#header-wrapper .absol_banner {bottom: 25px;}*/

/* 임희은 / 1282024 / 20230626 */
.top-comment {position:relative;background-color:#2c4daa;border-top:1px solid #d9d9d9}
.top-comment p {padding:0 0.25rem;margin-bottom:0;font-size:.813rem;color:#fff;line-height:40px;text-align:center;font-weight:bold}

/* 강수현 / 1333959 / 20231227 */
#nav-header > .user-logo {width:315px}
#nav-header .user-sns {width:345px}

/* 임희은 / 1349319 / 20240222 */
#user-nav .top-nav {}
#user-nav .top-nav .nav-menu-wrap {margin-left:56px;margin-right:60px;border:1px solid rgba(0,0,0,.12);border-top:0;border-bottom:0}
#user-nav .top-nav .nav-menu-wrap ul {display:grid;grid-template-columns:658px 97px 1fr;}
#user-nav .top-nav .nav-menu-wrap li {position:relative;text-align:center;border-left:1px solid rgba(0,0,0,.12);}
#user-nav .top-nav .nav-menu-wrap li:first-child {border-left:0}
#user-nav .top-nav .nav-menu-wrap li:last-child {background-color:#0052a7}
#user-nav .top-nav .nav-menu-wrap li:last-child a {color:#fff}
#user-nav .top-nav .nav-menu-wrap li a {display:block;height:50px;line-height:50px;font-size:.938rem;font-weight:500}
#user-nav .top-nav .nav-menu-wrap li a::before {content:'';position:absolute;z-index:1;top:0;left:0;width:100%;border-top:3px solid transparent;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out;}
#user-nav .top-nav .nav-menu-wrap li a:hover {text-decoration:none}
#user-nav .top-nav .nav-menu-wrap li a:hover::before{border-top-color:#000}