 
/* layout */   
* {font-family:'Noto Sans KR', dotum, sans-serif;} /*Malgun Gothic*/
#wrap {  position:relative;  }
#body {width:100%; }
 

.at-container {width:92%; max-width:1277px; margin:0 auto;}


/*util
.util {float:left;	 position:relative; top:43px; }
.util_inner {border-left:1px solid #919092; border-right:1px solid #919092; padding:0 10px; float:left;}
.util a {font-size:14px; color:#9d9c9e; padding:8px; letter-spacing:-1px; font-weight:bold;}
.util_inner > ul > li {display:inline-block; position:relative;}*/


.util {float:right;	 position:relative; top:43px; }
.util_inner {border-left:1px solid #919092; border-right:1px solid #919092; padding:0 10px; float:left;}
.util a {font-size:14px; color:#9d9c9e; padding:8px; letter-spacing:-1px; font-weight:bold;}
.util_inner > ul > li {display:inline-block; position:relative;}


.onair_list {position:absolute; display:none; border:1px solid #ccc; top:30px; z-index:999; background:#FFF;}
.onair_list li {display:block; width:90px; border-bottom:1px solid #e5e5e5;}
.onair_list li a {display:block; font-size:12px; padding:5px 10px !important; background:#FFF; letter-spacing:-1px;}
.onair_list li a:hover {background:#aaa !important; color:#FFF;}

/*
.util_iconset {float:left; padding-left:20px; }
.util_iconset ul li {float:left; position:relative;}
.util_iconset a {color:#FFF; font-size:20px;}
.util_iconset a.top_admin {position:absolute; top:-43px; right:0; width:90px; font-size:12px; display:inline-block; background:#993333; color:#FFF; text-align:center; padding:0; }
.util_iconset ul li ul.youtube_chennel {position:absolute; width:350px; height:127px; right:0; background:rgba(255,255,255,0.8); padding:20px; top:50px; display:none;}
.util_iconset ul li ul.youtube_chennel li {float:left; width:25%;}
.util_iconset ul li ul.youtube_chennel li a {font-size:12px; color:#707070; line-height:120%; text-align:center; display:block; /*background:url(../img/top_youtube_icon.png) no-repeat center 0; padding-top:50px;}
.util_iconset ul li ul.youtube_chennel li p img {width:48px;}
.util_iconset ul li ul.youtube_chennel li p {margin-bottom:5px;}
*/

.util_iconset {float:none; padding-left:0px; position:absolute; right:0; top:-40px;}
.util_iconset ul li {float:left; position:relative;}
.util_iconset a {color:#FFF; font-size:20px;}
.util_iconset a.top_admin {position:relative; top:0px; right:0; width:90px; font-size:12px; display:inline-block; background:#993333; color:#FFF; text-align:center; padding:0; margin-left:10px;}
.util_iconset ul li ul.youtube_chennel {position:absolute; width:350px; height:127px; right:0; background:rgba(255,255,255,0.8); padding:20px; top:50px; display:none;}
.util_iconset ul li ul.youtube_chennel li {float:left; width:25%;}
.util_iconset ul li ul.youtube_chennel li a {font-size:12px; color:#707070; line-height:120%; text-align:center; display:block; /*background:url(../img/top_youtube_icon.png) no-repeat center 0; padding-top:50px;*/}
.util_iconset ul li ul.youtube_chennel li p img {width:48px;}
.util_iconset ul li ul.youtube_chennel li p {margin-bottom:5px;}


 /*header*/
 #mobile_header {display:none;}
 #header {padding:0px 0; position:relative; height:92px; background:rgba(0,0,0,0.5); position:absolute; width:100%; z-index:999;}
.top-menu {display:none;}
.top-tel {display:none;}

#header h1 {float:left;}

/*top menu*/
#navigation {display:none;}
#navi { z-index:99;    height:42px;   top:28px; margin-top:0px;  float:left; width:650px;  position:relative; margin-left:20px;}
 

.gn {  z-index:99999; display:flex;} 
.gn:after { display:block; content:""; clear:both; }
.gn li {  position:relative; flex:auto;  }
.gn li .btn_area { display:inline-block; height:51px; overflow:hidden; }
.gn li a { display:block; padding:0px 0px 0px 0px;     text-align:center; }
.gn li a.first {color:#ffffff; font-size:18px; padding:15px 0px 25px 0px; font-weight:bold;}

 
/*.gn li:hover a.first span { display:inline-block; border-bottom:2px solid #251d36; padding-bottom:11px; padding-right:0px; padding-left:0px;}*/
 
.gn li:hover ul.lnb_sub_wrap {display:inline-block; }
.gn li ul.lnb_sub_wrap { position:absolute;   top:64px;	padding:0px 0; z-index:9999;   display:none; background:rgba(0,0,0,0.8); z-index:9999;  min-width:150px;  left:-20%; padding:10px 0;}
.gn li ul.lnb_sub_wrap li { display:block;  width:100%;  float:none; border-top:none;}
.gn li ul.lnb_sub_wrap li a {color:#999; font-size:14px;   letter-spacing:-1px;   padding:5px 0px;  display:block; font-weight:normal; background:none; text-align:center;}
.gn li ul.lnb_sub_wrap li:hover a {color:#fff; font-weight:bold;}
.gn li ul.lnb_sub_wrap li:last-child a {border-bottom:none;}

  
#all_menu_box {position:absolute;  z-index:999; background:none; width:100%; top:95px; padding:0 0px; box-sizing:border-box;   display:none; }
#all_menu {border:1px solid #d6d6d6; float:left; width:100%; border:1px solid #000; background:#ffffff;}
#all_menu li {float:left; width:16.66666%; border-left:1px solid #eeeeee; box-sizing:border-box; padding:20px 20px;  min-height:240px; background:#ffffff; border-bottom:1px solid #ddd;}
#all_menu li:hover {background:#f3f3f3;}
#all_menu li:first-child {border-left:none;}
#all_menu li:nth-child(7) {width:16.66666%; min-height:255px;}
#all_menu li:nth-child(8) {width:50%; min-height:255px;}
#all_menu li a.first {color:#393939; font-size:16px; font-weight:bold;}
#all_menu .lnb_sub_wrap {margin-top:10px;}
#all_menu .lnb_sub_wrap li {display:block; float:none; width:100%; padding:0px 0px;  min-height:15px; border:none; background:none;}
#all_menu .lnb_sub_wrap a {color:#999; font-size:13px; padding:0px 0;}
#all_menu .lnb_sub_wrap a:hover {border-bottom:1px solid #000;}
#all_menu li:nth-child(8) > .lnb_sub_wrap li {width:33.33333%; float:left;}


/* 하단 레이아웃 */
#footer {clear:both;padding:30px 0 50px; width:100%;  background:#000000}
#footer .at-container {position:relative;}
.footer_menu {}
.footer_menu a {font-size:14px; color:#999; background:url(../img/footermenu_line.png) no-repeat 0 11px; padding:5px 10px 5px 12px; display:inline-block;}
.footer_menu a.point_txt {color:#d0cc90;}
.footer_menu a.mobile_not {display:inline-block;}
.footer_menu a:first-child {background:none; padding-left:0;}
.footer_copyright {font-size:14px; color:#828282; padding-left:150px; position:relative; margin-top:20px; box-sizing:border-box;}
.footer_copyright h3 {position:absolute; top:0; left:0; }
.footer_copyright p {display:block; color:#828282; font-size:14px;}


.main_local_list {position:absolute; box-sizing:border-box; right:0; top:-45px; }
.main_local_list h4 {font-size:16px; color:#FFF !important; letter-spacing:-1px; position:relative; display:inline-block; }
.main_local_list h4 > a {color:#FFF; font-weight:normal; border:1px solid #555; padding:6px 30px; font-size:14px; letter-spacing:0;}

.main_local_list .local_list { position:absolute; bottom:29px; display:none;}
.main_local_list ul {}
.main_local_list ul li {display:block; border:1px solid #494949; border-bottom:none;}
.main_local_list ul li a {font-size:14px; color:#FFF; display:block; width:137px; background:#222; padding:6px 20px; }
.main_local_list ul li a:hover {background:#000;}


@media (max-width:900px) {

.main_local_list {position:absolute; box-sizing:border-box; right:auto; top:0; text-align:center; width:100%;}
  }

@media (max-width:1350px) {
 .util_iconset {display:none;}
.util_inner {border-left:1px solid #919092; border-right:1px solid #919092; padding:0 5px; float:left;}
.util a {font-size:14px; color:#9d9c9e; padding:8px 3px; letter-spacing:-1px; font-weight:bold;}
}

@media (max-width:1150px) {
.util  {display:none;}
}

@media (max-width:1000px) {

a.topmenu_close {position:absolute; top:20px; right:20px; z-index:99;}
a.topmenu_close i { color:#fff;}


#navigation {position:fixed; display:block; width:100%; background:#fff; z-index:9999; border:1px solid #1a1a1a; height:100%; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; left:-100%;}
#navigation .mobile_menu_top {padding:18px;  color:#000; font-size:26px;  background:#1d97ed; position:relative; text-align:center;}
#navigation .mobile_login_area {padding:10px 18px; background:#ddd; position:relative;}
#navigation .mobile_login_area i {font-size:18px;}
#navigation .mobile_login_area a.logout_btn {position:absolute; right:15px;}
#navigation .mobile_menu_link {border-bottom:1px solid #dbdbdb; background:#f9f9fa;}
#navigation .mobile_menu_link ul {}
#navigation .mobile_menu_link ul li {float:left; width:25%;}
#navigation .mobile_menu_link ul li:first-child a {border-left:none;}
#navigation .mobile_menu_link ul li a {display:block; text-align:center; border-left:1px solid #e5e5e5; font-size:13px; letter-spacing:-1px; padding:15px 0; line-height:140%;}
#navigation .mobile_menu_link ul li a i {display:block; font-size:16px;}

#navigation .topmenu_area {border-right:1px solid #ddd; height:1000px; width:35%; border-right:1px solid #e5e5e5; display:table; padding-top:10px;}
#navigation ul.topmenu {  }
#navigation ul.topmenu li.first {  }
#navigation ul.topmenu li.first a {font-size:16px; padding:10px 0; color:#777; text-indent:15px; display:block; text-decoration:none;  font-weight:normal; position:relative;}
/*#navigation ul.topmenu li.first a::after {content: "\f078"; font-family: 'FontAwesome'; color:#ccc; right:10px; position:absolute; top:15px; font-weight:normal; font-size:12px;}*/

#navigation ul.topmenu li.hover {}
/*#navigation ul.topmenu li.hover a::after {content: "\f077"; font-family: 'FontAwesome'; color:#808080; right:10px; position:absolute; top:15px; font-weight:normal; font-size:12px;}*/

#navigation ul.topmenu li.first ul.sec {position:absolute; top:190px; left:38%; display:none; width:60%;}
#navigation ul.topmenu li.first ul.sec li {background:#fff; /*border-bottom:1px solid #e5e5e5;*/  }
#navigation ul.topmenu li.first ul.sec li:last-child {border-bottom:none;  }
#navigation ul.topmenu li.first ul.sec li a {display:block; padding:5px 0; color:#808080; font-size:15px; background:#fff;  text-indent:20px; font-weight:normal;}
#navigation ul.topmenu li.first ul.sec li a::after {display:none;}
#navigation ul.topmenu li.hover ul.sec {display:block;}
#navigation ul.topmenu li.hover a {font-weight:bold; color:#222;}
#navigation ul.topmenu li.first ul.sec li.depth3 a {text-indent:55px; font-size:14px;}

#navigation .bottom_info {  letter-spacing:-1px;  padding-left:0px; font-size:15px; padding-top:10px; padding-bottom:10px; background: #f2f2f2; text-align:center;}
#navigation .bottom_info span {color:#f15b42;}
#navigation .bottom_info a {background:url(../img/bottom_info_Bg2.png) no-repeat 0px center; display:inline-block; text-decoration:none; color:#5c5c5c; font-family:NanumGothic; font-weight:600; padding:12px 0px 12px 45px;}


#navi {display:none;}
#header {display:none;}
#mobile_header {display:block; position:absolute; /*background:url(../img/mobile_bg.png) repeat-x right 0;*/ padding:20px 0; z-index:999; width:100%; background:rgba(0,0,0,0.2);}
#mobile_header h1 {text-align:center;}
.top-menu {display:block; position:absolute; left:10px; top:15px; font-size:26px; width:40px; height:40px; text-align:center; line-height:35px;}
.top-menu i { color:#FFF;}

.top-onair {display:block; position:absolute; right:10px; top:15px; font-size:26px; width:40px; height:40px; text-align:center; line-height:35px;}
.top-onair i { color:#FFF;}
/*
.top-onair {display:block; position:absolute; right:0px; top:15px; font-size:14px; width:100px; height:40px; text-align:center; line-height:35px;}
.top-onair a {background:#c89b43; color:#FFF; padding:5px 10px;}

.onair_list {position:absolute; display:none; border:1px solid #ccc; top:30px; z-index:999; background:#FFF;}
.onair_list li {display:block; width:82px; border-bottom:1px solid #e5e5e5;}
.onair_list li a {display:block; font-size:12px; padding:0px 10px !important; background:#FFF; color:#666; text-align:left;}
.onair_list li a:hover {background:#aaa !important; color:#FFF;}
*/


.footer_copyright {font-size:14px; color:#828282; padding-left:0px; position:relative; margin-top:20px; padding-top:60px;}
.footer_copyright h3 {position:relative; top:0; left:0; width:100%; text-align:center;}
.footer_copyright p {display:block; color:#828282; font-size:12px; line-height:140%;}

.footer_menu {text-align:center;}
.footer_menu a {font-size:12px; color:#999; background:url(../img/footermenu_line.png) no-repeat 0 6px; padding:0px 5px 0px 8px; display:inline-block;}
.footer_menu a.mobile_not {display:none;}

}


.right_banner {position:fixed; z-index:99; right:0; top:13%; }
.right_banner .right_banner_inner {position:relative; text-align:right; display:block; margin-bottom:20px;} 
.right_banner .right_banner_inner a {box-shadow:5px 2px 10px 0px rgba(38, 31, 31, 0.5); display:inline-block;}

@media (max-width:1100px) {
.right_banner {display:none;}
}