@charset "UTF-8";

/*********************************************
note : reset
*********************************************/
#header-wrapper {position:relative;width:100%;height:212px !important;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.05em;z-index:99999}
#header-wrapper,#header-wrapper a {color:rgba(0,0,0,.74);text-decoration:none}
#header-wrapper button {cursor:pointer}
#user-gnb,
#nav-header,
#user-nav {z-index:999;position:relative;display:table;width:100%}
#header-wrapper .no-bullet {margin-bottom:0}

/*********************************************
note : 최상단영역
*********************************************/
/* 기본 */
#user-gnb {background-color:#fff}
#user-gnb::before {content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #ecf0f1}
#user-gnb [class*="user-"] {overflow:hidden;height:39px;padding-top:.5rem;font-size:.75rem;font-weight:300;letter-spacing:0}

/* 최종편집 */
#user-gnb .user-intro {float:left}
#user-gnb .user-intro > li {float:left}
#user-gnb .user-intro > li {padding:0 .625rem;color:#6f6f6f}
#user-gnb .user-intro > li:first-child {padding-left:0}
#user-gnb .user-intro > li.user-sns > a {display:block;float:left;width:22px;height:22px;margin-left:.25rem;padding-top:.188rem;text-align:center;font-size:.625rem;color:#fff;border-radius:50%;background-color:#ddd}
#user-gnb .user-intro > li.user-sns > a.user-facebook {background-color:#3a5795}
#user-gnb .user-intro > li.user-sns > a.user-twitter {background-color:#55acee}
#user-gnb .user-intro > li.user-sns > a.user-rss {padding-top:.25rem;font-size:.563rem;background-color:#e67e22}
#user-gnb .user-intro > li.user-sns > a.user-mobile {background-color:#6b3ea2}

/* 로그인/회원가입 */
#user-gnb .user-logbox {float:right;margin-right:-.75rem}
#user-gnb .user-logbox > li {float:left}
#user-gnb .user-logbox > li > a {padding:0 .625rem;color:#6f6f6f}

/*********************************************
note : 로고영역
*********************************************/
/* 기본 */
#nav-header > [class*="user-"] {display:table-cell;height:120px;vertical-align:middle}

/* 기본 */
#nav-header > .user-banner {width:306px}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {border-top:3px solid #16244e;background-color:#fff;border-bottom:1px solid #7f8c8d}
#user-nav [class*="user-"] {float:left;height:49px;font-size:1.063rem;font-weight:400;line-height:1}
#user-nav .article-menu {display:none}
/*#user-nav .user-menu {width:1080px}*/
/* 윤미정 / 1105485 / 20211103 */
#user-nav .user-menu {width:1070px}

/* 전체 */
#user-nav .user-allbtn {padding:0 1rem;-webkit-transition:all .3s;transition:all .3s}
#user-nav .user-allbtn:hover {background-color:rgba(0,0,0,1);color:#fff;-webkit-transition:all .3s;transition:all .3s}
#user-nav .user-allbtn .menu-icon.custom {width:26px;height:21px}
#user-nav .user-allbtn .menu-icon.custom::after {height:3px;background:#939393;box-shadow:0 9px 0 #939393,0 18px 0 #939393;-webkit-transition:all .3s;transition:all .3s}
#user-nav .user-allbtn:hover  .menu-icon.custom::after {background:#fff;box-shadow:0 9px 0 #fff,0 18px 0 #fff}

/* 메뉴바 - 1차섹션 */
#user-nav .user-menu > .secline {display:inline-block}
#user-nav .user-menu > .secline.menu-border {position:relative}
#user-nav .user-menu > .secline.menu-border::after {content:'';position:absolute;z-index:2;left:0;top:14px;height:19px;border-left:1px solid #cfd2d4}
#user-nav .user-menu > .secline > a {overflow:hidden;display:block;height:49px;padding:.938rem 1rem;padding:.938rem .875rem\0\IE9;color:#000}
/*
#user-nav .user-menu > .secline > a[href*="http://www.mitv.kr/"] {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#652dce+34,ff3821+51,ff3821+58,1069d1+74,1069d1+74 *
background:transparent; /* Old browsers *
background: -moz-linear-gradient(-37deg, #652dce 34%, #ff3821 51%, #ff3821 58%, #1069d1 70%, #1069d1 70%); /* FF3.6-15 *
background: -webkit-linear-gradient(-37deg, #652dce 34%,#ff3821 51%,#ff3821 58%,#1069d1 70%,#1069d1 70%); /* Chrome10-25,Safari5.1-6 *
 -webkit-background: linear-gradient(135deg, #652dce 34%,#ff3821 51%,#ff3821 58%,#1069d1 70%,#1069d1 70%); /* Chrome26+ *
/* background: linear-gradient(135deg, #652dce 34%,#ff3821 51%,#ff3821 58%,#1069d1 70%,#1069d1 70%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color:#0072bc
}
*/
#user-nav .user-menu > .secline.menu-border {margin-left:.438rem}
#user-nav .user-menu > .secline.menu-border > a {padding-left:2.2rem;padding-right:2.2rem}
#user-nav .user-menu > .secline > a.a-hover {color:#e67e22}
#user-nav .user-menu > .secline > a.a-hover.hover-red {color:#ed1b2f}

/* 메뉴바 - 2차섹션(가로) */
#user-nav.horizon .user-menu > .secline > ul {visibility:hidden;overflow:hidden;z-index:9;position:absolute;top:100%;height:42px}
#user-nav.horizon .user-menu > .secline > ul > .sub {float:left;font-size:.938rem;line-height:1.2em;letter-spacing:0}
#user-nav.horizon .user-menu > .secline > ul > .sub::before {content:'|';color:rgba(255,255,255,.08)}
#user-nav.horizon .user-menu > .secline > ul > .sub:first-child::before {display:none}
#user-nav.horizon .user-menu > .secline > ul > .sub > a {display:inline-block;padding:.75rem 1rem;font-weight:400;color:rgba(255,255,255,.74)}
#user-nav.horizon .user-menu > .secline > ul > .sub > a.a-sub-hover,
#user-nav.horizon .user-menu > .secline > ul > .sub > a:hover {color:rgba(255,255,255,.9)}
#user-nav.horizon .user-menu > .secline > ul > .sub > a.a-sub-hover {font-weight:500}

/* 메뉴바 - 2차섹션(세로) */
#user-nav.vertical .user-menu > .secline > ul {visibility:hidden;overflow:hidden;display:none;z-index:9;position:absolute;top:calc(100% - 2px);width:160px;border:1px solid #000;border-top-width:2px;background-color:#fff}
#user-nav.vertical .user-menu > .secline > ul > .sub {border-top:1px dotted rgba(0,0,0,.15);font-size:.813rem;line-height:1.2em;letter-spacing:0}
#user-nav.vertical .user-menu > .secline > ul > .sub:first-child {border-top:none}
#user-nav.vertical .user-menu > .secline > ul > .sub > a {display:inline-block;position:relative;width:100%;padding:.75rem .313rem;font-weight:400;color:#7f8c8d}
#user-nav.vertical .user-menu > .secline > ul > .sub > a::after {content:'';position:absolute;z-index:99;border-width:4px;border-style:solid;border-color:transparent;right:.625rem;top:50%;transform:translateY(-50%);visibility:hidden}
#user-nav.vertical .user-menu > .secline > ul > .sub > a.a-sub-hover,
#user-nav.vertical .user-menu > .secline > ul > .sub > a:hover {color:#222;background-color:#f8f8f8;text-decoration:underline}
#user-nav.vertical .user-menu > .secline > ul > .sub > a.a-sub-hover::after,
#user-nav.vertical .user-menu > .secline > ul > .sub > a:hover::after {border-left-color:rgba(0,0,0,.35);visibility:visible}

/* 메뉴바 - 가로옵션:기본사이즈(서브) */
#user-nav.horizon.basic-mode {margin-left:auto;margin-right:auto;padding:0}
#user-nav.horizon.basic-mode > .user-menu > .secline > ul {left:0}

/* 메뉴바 - 가로옵션:전체사이트(서브) */
#user-nav.horizon.full-mode::before,
#user-nav.horizon.full-mode::after,
#user-nav.horizon.full-mode > .user-menu > .secline > ul {left:0;width:100%}
#user-nav.horizon.full-mode > .user-menu > .secline > ul::before {content:'';float:left;height:1px}

/* 메뉴바 - 세로옵션:기본사이즈(서브) */
#user-nav.vertical.basic-mode {margin-left:auto;margin-right:auto;padding:0}
#user-nav.vertical.basic-mode > .user-menu > .secline > ul {left:0}
#user-nav.vertical.basic-mode > .user-menu > .secline > ul > .sub {clear:both}

/* 메뉴바 - 세로옵션:전체사이트(서브) */
#user-nav.vertical.full-mode::before,
#user-nav.vertical.full-mode::after {left:0;width:100%}
#user-nav.vertical.full-mode .user-menu > .secline > ul {padding:.938rem;min-height:319px}
#user-nav.vertical.full-mode .user-menu > .secline > ul > .sub {float:left;width:100%}
#user-nav.vertical.full-mode .article-menu {display:block;position:absolute;left:202px;right:0;top:.938rem;bottom:.938rem;padding:0 .938rem}
#user-nav.vertical.full-mode .article-menu .auto-left {width:65%;padding:0 .938rem;border-left:1px solid #bdc3c7;border-right:1px solid #bdc3c7}
#user-nav.vertical.full-mode .article-menu .auto-right {width:35%;padding-left:.938rem}

/* 검색 */
#user-nav .user-search {/*float:right;*/position:relative}
#user-nav .user-search .user-search-btn {position:relative;height:48px;padding-left:1.25rem;color:#929292;font-size:1.5rem;cursor:pointer}
#user-nav .user-search .user-search-btn::after {content:'';position:absolute;z-index:2;left:0;top:.875rem;height:19px;border-left:1px solid #cfd2d4}
#user-nav .user-search .user-search-form {display:none;position:absolute;z-index:999;right:0;top:0;width:290px;background-color:#fff}
#user-nav .user-search .user-search-form input,#user-nav .user-search-form button {float:left;margin:0;padding:0;height:48px}
#user-nav .user-search .user-search-form input {float:left;width:calc(100% - 115px);padding:.5rem;font-size:.875rem;font-weight:300;border:none;box-shadow:none}
#user-nav .user-search .user-search-form .right-btn {float:right;margin-top:.5rem}
#user-nav .user-search .user-search-form .right-btn button {float:left;margin-left:2px;height:32px;padding:.625rem;text-align:center;color:#fff;font-size:.813rem;font-weight:400;letter-spacing:-.05em;border-radius:.188rem}
#user-nav .user-search .user-search-form button.search-btn {background-color:#168ac3} 
#user-nav .user-search .user-search-form button.search-form-btn {background-color:#a5aeaf}
#user-nav .user-search .user-search-form button.user-close-btn {position:absolute;z-index:9999;top:.5rem;left:100%}
#user-nav .user-search .user-search-form button.user-close-btn i {color:#000;font-size:2.5rem}

#user-nav .user-search.active .user-search-form {display:block}

/*********************************************
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-canvas {background-color:#93b2c3}
.user-canvas .user-canvas-navs .menu li > a:hover, .user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {color:#222;background:#fff !important}
.user-canvas .user-canvas-navs .menu li > a[href*="SRN30"] > strong {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#652dce+34,ff3821+51,ff3821+58,1069d1+74,1069d1+74 */
background:transparent; /* Old browsers */
background: -moz-linear-gradient(-37deg, #652dce 34%, #ff3821 51%, #ff3821 58%, #1069d1 70%, #1069d1 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(-37deg, #652dce 34%,#ff3821 51%,#ff3821 58%,#1069d1 70%,#1069d1 70%); /* Chrome10-25,Safari5.1-6 */
 -webkit-background: linear-gradient(135deg, #652dce 34%,#ff3821 51%,#ff3821 58%,#1069d1 70%,#1069d1 70%); /* Chrome26+ */
/* background: linear-gradient(135deg, #652dce 34%,#ff3821 51%,#ff3821 58%,#1069d1 70%,#1069d1 70%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color:#0072bc
}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after, .user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#fff !important}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a:hover::after, .user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#222 !important}
.user-canvas .user-canvas-navs .menu.submenu {margin-left:0;background-color:#fff}
.user-canvas .user-canvas-navs .menu.submenu li {padding-left:1rem}
.user-canvas .user-canvas-navs .menu.submenu li > a {color:#7f8c8d}
.user-canvas .user-canvas-navs .menu.submenu li > a:hover {color:#7f8c8d !important;text-decoration:underline}

/* 배진희 / 1032796 / 20210224 */
#user-nav .ban_anniv{display:none;}
#user-nav .ban_maeiltv{display:none;}
#user-nav.scroll .ban_anniv{display:block;position:absolute;right:85%;top:9px;}
#user-nav.scroll .ban_maeiltv{display:block;position:absolute;left:85%;top:17px;}


/* 임희은 / 1054334 / 20210510
#user-nav .user-menu > .secline:nth-child(8) > ul {display:none !important;} */

/* 배진희 / 1268998 / 20230510 */
#user-nav .user-menu > .secline:nth-last-child(2) > a{color:#E7316E}