@charset "utf-8";

#wrapper {height:100%;}
.base_width {margin:0 auto; width:1200px;}
/* 테스크탑 */
@media all and (max-width:1200px){
	.base_width {margin:0 10px; width:auto; box-sizing:border-box;}
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
}
@media all and (max-width:768px){	
}
/* 모바일*/
@media all and (max-width:480px){	

}

.header_area {display: block; width:100%; position:absolute; left:0; top:0; z-index:100; background-color: rgba(255,255,255,0.7);}

.header_cont {padding:0 30px; position:relative;}
.header_cont .base_width {position:relative;}
.header_cont h1.logo {display:inline-block; width:200px; height:90px; line-height:80px; font-size:0; text-indent:-10000px; background:url('../images/common/logo_original.png') no-repeat left center; position:relative; z-index:10;}
.header_cont h1.logo2023 {display:inline-block; width:200px; height:90px; line-height:80px; font-size:0; text-indent:-10000px; background:url('../images/common/logo2023.png') no-repeat left center; position:relative; z-index:10;}

.header_cont .gnb_area {height:90px; position:absolute; top:0; left:50%;}
.header_cont .gnb_area .gnb_menu {vertical-align:middle; font-family:'NotoSansKR';}
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 {float:left; position:relative;}
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 a.title {display:block; padding:0 25px; height:90px; line-height:90px; color:#333; font-size:22px; font-weight:600; text-align:left;}
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 a.title span.cert {display:inline-block; width:20px; height:10px;  background:url('../images/icon/icon_cert.png') no-repeat center center; background-size:50%; }
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 a.title:hover, .header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 a.title.active {border-top:solid 0px #f76c1b;}

.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 .submenudepth2 {width:230px; border:solid 1px #eee; background-color:#fff; position:absolute; top:85px; left:0; z-index:10;
-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 10px 10px 0 rgba(0,0,0,0.2); box-shadow:0 10px 10px 0 rgba(0,0,0,0.2);}
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 .submenudepth2 ul {}
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 .submenudepth2 ul li {border-top:solid 1px #ddd;}
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 .submenudepth2 ul li:first-child {border-top:none;}
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 .submenudepth2 ul li a {display:block; padding:10px; color:#333;}
.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 .submenudepth2 ul li a:hover {color:#000; background-color:#f2f2f2;}

/* 테스크탑 */
@media all and (max-width:1200px){
	.header_cont {padding:0 15px;}
	.header_cont .gnb_area .gnb_menu>ul>li.submenudepth1 a.title {padding:0 20px; font-size:20px;}
}

/* 검색 영역 */
.header_cont .header_right .header_search_box {display:inline-block; margin-right:10px; vertical-align:middle; line-height:1; position:relative;}
.header_cont .header_right .header_search_box a.btn_search {display:inline-block; padding:0 0 0 15px; height:22px; line-height:22px; background:url('../images/icon/icon_search2.png') no-repeat left 3px;}
.header_cont .header_right .header_search_box a.btn_search span {vertical-align:middle;}

.pop_search {width:700px; margin-left:-350px; padding:30px 0; box-sizing:border-box; text-align:center; background-color:#fff; border:solid 1px #eee; position:absolute; top:120px; left:50%;
	-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.1); box-shadow:0 5px 5px 0 rgba(0,0,0,0.1); border-radius:7px;}
.pop_search .outline {margin:0 auto; padding-right:60px; width:300px; position:relative;}
.pop_search .outline input {padding:0 30px; width:100%; height:48px; font-size:18px; border:solid 1px #ccc; box-sizing: border-box; border-radius:50px;}
.pop_search .outline input:focus {outline:none;}
.pop_search .outline button {width:50px; height:50px; font-size:0; text-indent:-10000px; border-radius:50px; background:url('../images/icon/icon_search.png') #0c7ce6 no-repeat center center; border:solid 1px #0c7ce6; position:absolute; top:0; right:0;}
.pop_search .outline button:hover {opacity:0.8;}
.pop_search .outline .bottom {position:absolute; top:50%; right:-50px; margin-top:-17px;}
.pop_search .outline .bottom .btn_search_close {display:inline-block; width:34px; height:34px; text-align:center; font-size:0; text-indent:-10000px; line-height:36px; /*border:solid 1px #ddd;*/ 
	background:url('../images/icon/btn_popup_close.png') no-repeat center center;
}

/* 태블릿*/
@media all and (max-width:1024px){	
	.pop_search {width:500px; margin-left:-250px; padding:20px 0; top:100px;}
	.pop_search .outline {margin:0 auto; padding-right:50px; width:300px; position:relative; left:-20px;}
	.pop_search .outline input {padding:0 30px; width:100%; height:38px; font-size:18px; border:solid 1px #ccc; box-sizing: border-box; border-radius:50px;}
	.pop_search .outline button {width:40px; height:40px; font-size:0; text-indent:-10000px; border-radius:40px; background:url('../images/icon/icon_search.png') #0c7ce6 no-repeat center center; border:solid 1px #0c7ce6; position:absolute; top:0; right:0;}
}
/* 모바일*/
@media all and (max-width:640px){	
	.pop_search {width:320px; margin-left:-160px; padding:15px 0; top:80px;}
	.pop_search .outline {margin:0 auto; padding-right:45px; width:200px; position:relative; left:-20px;}
	.pop_search .outline input {padding:0 15px; width:100%; height:38px; font-size:14px; border:solid 1px #ccc; box-sizing: border-box; border-radius:50px;}
	.pop_search .outline button {width:40px; height:40px; font-size:0; text-indent:-10000px; border-radius:40px; background:url('../images/icon/icon_search.png') #0c7ce6 no-repeat center center; border:solid 1px #0c7ce6; position:absolute; top:0; right:0;}
	.pop_search .outline .bottom {position:absolute; top:50%; right:-40px; margin-top:-15px;}
	.pop_search .outline .bottom .btn_search_close {display:inline-block; width:30px; height:30px; line-height:30px;
		background:url('../images/icon/btn_popup_close.png') no-repeat center center; background-size:80%;}
}


.header_cont .header_right {float:right;}
.header_cont .header_right .login_before {display:table; width:100%; height:90px;}
.header_cont .header_right .login_before .outline {display:table-cell; vertical-align:middle;}
.header_cont .header_right .login_before a {display:inline-block; padding:0 10px; color:#333; vertical-align: middle;}
.header_cont .header_right .login_before a.btn_membership {border-left:solid 1px #050505;}
.header_cont .header_right a.btn_search {display:inline-block; vertical-align:middle; padding:0; font-size:0; text-indent:-10000px; width:20px; height:20px; background:url('../images/icon/icon_search2.png') no-repeat center center;}

/* .header_cont .header_right button.btn_login {padding:0 15px; height:22px; line-height:22px; color:#666;  background-color:#fff; border:solid 1px #999; 
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.header_cont .header_right button.btn_login:hover {color:#333; border:solid 1px #333;} */

.header_cont .header_right .login_after {display:table; width:100%; height:90px;}
.header_cont .header_right .login_after .outline {display:table-cell; vertical-align:middle;}
.header_cont .header_right .login_after a.btn_username_menu {display:inline-block; margin-left:10px; padding:0 10px; height:26px; line-height:26px; color:#333; border:solid 1px #999; border-radius:30px;}
.header_cont .header_right .login_after a.btn_username_menu span.cert {display:inline-block; margin-left:5px; width: 10px; height:10px; background:url('../images/icon/icon_cert.png') no-repeat right center; background-size:100%;}

/* 나의 메뉴 팝업*/
.pop_mymenu {width:180px; line-height:1.2; border:solid 1px #ccc; background-color:#fff; position:absolute; top:65px; right:20px; z-index:10;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.pop_mymenu .my_top {padding:25px 15px 10px 15px; position:relative;}
.pop_mymenu .my_top .user_name {display:block; margin-bottom:5px; font-size:16px; color:#3366cc;}
.pop_mymenu .my_top .btn_func {}
.pop_mymenu .my_top .btn_func a {display:inline-block;  text-decoration:underline; font-size:12px;}
/*.pop_mymenu .my_top .btn_logout {padding:0 5px; height:18px; line-height:16px; color:#666; font-size:12px;  background-color:#fff; border:solid 1px #999; position:absolute; top:33px; right:10px;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.pop_mymenu .my_top .btn_logout:hover {background-color:#f2f2f2;}*/
.pop_mymenu .my_top .btn_popmymenu_close {position:absolute; top:5px; right:10px;}

.pop_mymenu .my_top a.btn_regular_subscribe {display:inline-block; padding:0 15px; height:24px; line-height:24px; color:#fff; font-size:13px; background-color:#333; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.pop_mymenu .my_top a.btn_regular_subscribe:hover {opacity:0.8;}
.pop_mymenu .mymenu_nav {padding:10px 15px; border-top:solid 1px #ccc;}
.pop_mymenu .mymenu_nav ul {}
.pop_mymenu .mymenu_nav ul li {padding:5px 0;}
.pop_mymenu .mymenu_nav ul li a {}
.pop_mymenu .mymenu_nav ul li a:hover {text-decoration:underline;}

.header_cont .func {display:inline-block; height:74px; position:absolute; top:0; right:0; z-index:9;}
.header_cont .func a {display:inline-block; font-size:1px; text-indent:-10000px; color:#333; width:43px; height:43px; line-height:43px;}
.header_cont .func a.btn_total_menu {margin-left:10px; background:url('../images/common/btn_totalmenu.png') no-repeat center center;}
.header_cont .func a.btn_total_menu.active {background:url('../images/common/btn_totalmenu_close.png') no-repeat center center;}

/*.header_cont .func a.btn_side_menu {display:none; background:url('../images/common/btn_totalmenu.png') no-repeat center center;}*/
.header_cont .func a.btn_side_menu {display:none; background:url('../images/common/btn_totalmenu_b.png') no-repeat center center;}
.header_cont .func a.btn_side_menu.active {background:url('../images/common/btn_totalmenu_close.png') no-repeat center center;}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){	
	.header_area {height:60px;}	

	.header_cont {text-align:left;}
	.header_cont .gnb_area {display:none;}
	
	.header_cont h1.logo {display:inline-block; margin-top:0; height:60px; line-height:60px;}
	.header_cont h1.logo img {height:40px;}
    .header_cont h1.logo2023 {display:inline-block; margin-top:0; height:60px; line-height:60px;}
	.header_cont h1.logo2023 img {height:40px;}
    
	.header_cont .func {display:inline-block; height:60px; position:absolute; top:0; right:10px;}
	.header_cont .func a.btn_side_menu {display:inline-block; position:absolute; top:10px; right:0;}

	.header_cont .header_right {float:right; margin-right:40px;}
	.header_cont .header_right .login_before {height:60px;}
	.header_cont .header_right .login_after {height:60px;}

	.header_cont .header_right .header_search_box {position:initial;}
	.header_cont .header_right .header_search_box a.btn_search span {display:none;}
}

/* 모바일*/
@media all and (max-width:480px){	
	.header_cont .header_right {display:none;}
	.header_cont .func {right:5px;}
}


/**************************************************************************************************************
 모바일 사이드 메뉴
***************************************************************************************************************/
.gnbarea_mobile {position:absolute; top:0; right:-320px; width:100%; height:100vh; height:100%; background-color:#fff; z-index:300;}
.gnbarea_mobile .outline {padding-bottom:70px; height:100vh; height:100%; overflow-y:auto; box-sizing:border-box;}
.gnbarea_mobile .self_info_area {position:relative; background-color:#f5f5f5;}
.gnbarea_mobile .self_info_area .login_before {padding:40px 0;}
.gnbarea_mobile .self_info_area .userinfo_header {text-align:center;}
.gnbarea_mobile .self_info_area .userinfo_header .user_photo {display:inline-block; margin-bottom:10px; padding:0 !important; vertical-align:middle; width:30px; height:30px; background:url('../images/ctl/sidemenu/icon_user.png') no-repeat center center;}
.gnbarea_mobile .self_info_area .userinfo_header .user_name {display:inline-block; padding-left:5px; vertical-align:middle;}
.gnbarea_mobile .self_info_area .userinfo_header .user_name strong {margin-right:5px; color:#2d3067; font-size:20px; font-weight:normal; vertical-align:middle;}
.gnbarea_mobile .self_info_area .func_area {padding-left:5px; padding-top:10px; text-align:center;}
.gnbarea_mobile .self_info_area .func_area a {display:inline-block; margin-right:10px; color:#333; font-weight:600;}
.gnbarea_mobile .self_info_area .func_area a.btn_login_mobile {display:inline-block; padding:0 20px 0; height:55px; line-height:55px; font-size:18px; font-weight:normal; background:url('../images/ctl/sidemenu/icon_touch.png') no-repeat 20px center #fff;
      -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}

.gnbarea_mobile .self_info_area .login_after {padding:20px 0;}
.gnbarea_mobile .self_info_area .func_area a.btn_lectureroom_mobile {display:inline-block; padding:0 40px 0; height:40px; line-height:40px; font-size:18px; font-weight:normal; color:#fff; background-color:#2e3192;
      -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}

.gnbarea_mobile .self_info_area .btn_sidemenu_close {display:inline-block; font-size:0; text-indent:-1000px; width:50px; height:50px; background:url('../images/icon/btn_popup_close.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-25px;}

.gnbarea_mobile .m_searchbox {padding:15px; text-align:center; border-bottom:solid 1px #ddd;}
.gnbarea_mobile .m_searchbox .m_innersearch {}
.gnbarea_mobile .m_searchbox .m_innersearch input {padding:0 15px; width:200px; height:30px; border-radius:30px;}
.gnbarea_mobile .m_searchbox .m_innersearch button {padding:0 10px; height:30px; color:#fff; background-color:#606060; border:none; border-radius:30px;}


ul.gnb_mobile {margin:0; border-top:solid 1px #fff;}
ul.gnb_mobile>li {border-bottom:solid 1px #f2f2f2; }
ul.gnb_mobile>li a.title {display:block; padding:10px 15px; color:#333; font-size:16px; background:url('../images/icon/icon_gray_cert.png') no-repeat 95% center;}

ul.gnb_mobile>li a.title_nonsub {display:block; padding:10px 15px; color:#333; font-size:16px;}
ul.gnb_mobile>li a.title_nonsub.active {background-color:#fff; color:#2e3192; font-weight:600;}

ul.gnb_mobile>li a.title.active {background-color:#fff; color:#2e3192; font-weight:600; background:url('../images/icon/icon_gray_cert_active.png') no-repeat 95% center;}
ul.gnb_mobile>li .submenu {opacity:0; padding:0 10px 10px; background-color:#fff;}
ul.gnb_mobile>li .submenu>ul {background-color:#f2f2f2;}
ul.gnb_mobile>li .submenu>ul>li>a {display:block; padding:0 20px 0 30px; height:35px; line-height:40px; color:#333; border-top:solid 0px #fff; background:url('../images/ctl/sidemenu/icon_nav_bar.png') no-repeat 15px center;}
ul.gnb_mobile>li .submenu>ul>li:first-child>a {border-top:none;}
ul.gnb_mobile>li .submenu>ul>li>a:hover {background-color:#f2f2f2;}

ul.gnb_mobile>li .submenu>ul>li ol.depth3 {padding:0 10px 10px; /*background-color:#f2f2f2;*/}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li {border-bottom:solid 0px #ebebeb;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li a {display:block; padding:3px 15px; color:#3c3c3c; font-size:13px;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li.active a {color:#009c97;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li:hover a {color:#009c97; text-decoration:underline;}

.modal_screen_sidemenu {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; z-index:150;}

.gnbarea_mobile .bottom_func {width:100%; height:50px; border-top:solid 1px #e2e2e2; background-color:#f5f5f5; position:absolute; bottom:0; left:0;}
.gnbarea_mobile .bottom_func ul {overflow:hidden;}
.gnbarea_mobile .bottom_func ul li {float:left; width:50%; text-align:center;}
.gnbarea_mobile .bottom_func ul li a {display:block; height:50px; line-height:50px; color:#555555; border-left:solid 1px #d3d3d3; border-right:solid 1px #fff;}
.gnbarea_mobile .bottom_func ul li a span {display:inline-block; vertical-align:middle;}
.gnbarea_mobile .bottom_func ul li:first-child a {border-left:none;}
.gnbarea_mobile .bottom_func ul li:last-child a {border-right:none;}

.gnbarea_mobile .bottom_func ul li.language_box_m {width:50%; font-size:13px;}
.gnbarea_mobile .bottom_func ul li.language_box_m .inner_box {text-align:center; line-height:50px; border-left:solid 1px #ebebeb; border-right:solid 1px #fff;}
.gnbarea_mobile .bottom_func ul li.language_box_m .inner_box select {border-radius:5px;}

span.icon_modify {display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px; background:url('../images/ctl/sidemenu/icon_modify.png') no-repeat center center;}
span.icon_power {display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px; background:url('../images/ctl/sidemenu/icon_power.png') no-repeat center center;}



/**************************************************************************************************************
 메인 페이지 - Visual
***************************************************************************************************************/
.main_visual {background:url('../images/main/main_visual.jpg') #0f2040 no-repeat; background-size:cover; background-attachment:fixed; position:relative;}
.main_visual .outline {display:table; margin:0 auto; width:1350px; height:100%;}
.main_visual .outline .innerbox {display:table-cell; position:relative;}

/* Live */
.onair_video {width:620px; margin-top:-200px; position:absolute; top:50%; left:0%;}
.onair_video .main_onlinelive {position:relative; padding-bottom:57%; padding-top:0; height:0; overflow:hidden;}  
.onair_video .main_onlinelive iframe,
.onair_video .main_onlinelive object,
.onair_video .main_onlinelive video,
.onair_video .main_onlinelive embed {position:absolute; top:0; left:0; width:100%; height:100%;} 
.onair_video .func {padding:10px; text-align:center;}
.onair_video .func a {display:inline-block; width:70px; height:30px; line-height:30px; color:#fff; font-size:14px; background-color:#ba0035; border-radius:30px;}
.onair_video .func a:hover {background-color:#eb0043;}

.popupzone_box {width:620px; margin-top:-200px; position:absolute; top:50%; right:0;}
.popupzone_box .speaker_swipe {text-align:center;}
.popupzone_box .speaker_swipe img {display:inline-block;}

@media only screen and (max-width:1200px){
	.main_visual .outline {margin:0 2%; width:96%;}

	.onair_video,
	.popupzone_box {width:49%;}
}

@media only screen and (max-width:768px){
	.main_visual .outline .innerbox {padding-top:100px; padding-bottom:200px;}
	.onair_video {width:500px; margin-top:0; margin:0 auto; position:relative; top:initial; left:initial;}
	.popupzone_box {width:500px; margin-top:0; margin:0 auto; margin-top:20px; position:relative; top:initial; right:initial;}
}

@media only screen and (max-width:640px){
	.main_visual .outline .innerbox {padding-top:100px; padding-bottom:300px;}
	.onair_video {width:400px;}
	.popupzone_box {width:400px;}
}

@media only screen and (max-width:480px){
	.main_visual .outline .innerbox {padding-top:140px;}
	.onair_video {width:300px;}
	.popupzone_box {width:300px;}
}



/* 팝업존 슬라이드 //////////////////////////////////////////////////////////////////*/
.popupzone_box .slick-next,
.popupzone_box .slick-next:before,
.popupzone_box .slick-prev,
.popupzone_box .slick-prev:before {display:none;}
.popupzone_box .slick-dots {bottom:-20px;}

.popupzone_box .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
	color:#fff;
    cursor: pointer;
}

.popupzone_box .slick-dots li button:before {
    font-family: 'slick';
    font-size: 30px !important;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity:1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.popupzone_box .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #52c3f1;
}

@media only screen and (max-width:640px){

}

/* 공지사항, 뉴스 */
.main_new_box {width:100%; position:absolute; left:0; bottom:0; background:rgba(6, 35, 78, 0.6)}
.main_new_box .base_width {margin:0 auto; width:1200px;}

.new_cell_box {display:flex; color:#fff;}
.new_cell {padding:35px 60px; width:50%; box-sizing:border-box; position:relative;}
.new_cell:last-child:after {display:block; content:''; width:2px; height:40px; background-color:#fff; opacity:0.5; position:absolute; left:0; top:50%; margin-top:-20px;}
.new_cell .top {margin-bottom:15px; position:relative;}
.new_cell .top h2 {font-size:22px; font-weight:normal;}
.new_cell .top a.btn_more {display:inline-block; margin-top:-12px; position:absolute; top:50%; right:10px;}
.new_cell ul.new_list {padding-right:50px;}
.new_cell ul.new_list li {display:block; padding:3px 0;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;}
.new_cell ul.new_list li a {font-size:16px; color:#fff;}
.new_cell ul.new_list li a:hover {text-decoration:underline;}

@media only screen and (max-width:1200px){
	.main_new_box .base_width {margin:0 auto; width:auto;}
	.new_cell {padding:30px 50px;}
}

@media only screen and (max-width:1024px){
	.new_cell {padding:30px 30px;}
}

@media only screen and (max-width:768px){
	.new_cell {padding:30px 20px;}
	.new_cell .top h2 {font-size:18px;}
	.new_cell ul.new_list {padding-right:0;}
}

@media only screen and (max-width:640px){
	.main_new_box {width:100%; position:absolute; left:0; bottom:0; background:rgba(6, 35, 78, 0.8)}
	.new_cell_box {display:block; padding:0 20px;}
	.new_cell .top a.btn_more {right:0;}

	.new_cell {width:100%; padding:15px 10px;}	
	.new_cell:last-child {border-top:solid 1px #3b4d66;}
	.new_cell:last-child:after {display:none;}
	.new_cell ul.new_list li a {font-size:14px;}
}


/**************************************************************************************************************
 메인 페이지 레이아웃 Grid
***************************************************************************************************************/
h3.title_main {display:inline-block; padding-bottom:5px; margin-bottom:10px; font-size:24px; color:#333; font-weight:normal; border-bottom:solid 2px #666;}

.grid_two_leftaside {display:table; width:1200px; margin:0 auto; position:relative;}

.grid_two_leftaside .left_side {display:table-cell; width:320px; padding-top:50px; padding-right:19px; vertical-align:top;}
.grid_two_leftaside .left_side h3.title {display:inline-block; padding-bottom:5px; font-size:24px; color:#333; font-weight:normal; border-bottom:solid 2px #666;}
.grid_two_leftaside .left_side .latest_list {}
.grid_two_leftaside .left_side .latest_list ul {}
.grid_two_leftaside .left_side .latest_list ul li {border-top:solid 1px #ddd;}
.grid_two_leftaside .left_side .latest_list ul li:first-child {border-top:none;}
.grid_two_leftaside .left_side .latest_list ul li a {display:block; padding:20px 10px;}
.grid_two_leftaside .left_side .latest_list ul li a:hover {}
.grid_two_leftaside .left_side .latest_list ul li a:hover span.subject {color:#000; text-decoration:underline;}
.grid_two_leftaside .left_side .latest_list ul li span.subject {display:block; margin-bottom:5px; font-size:16px; color:#000;}
.grid_two_leftaside .left_side .latest_list .bottom {}
.grid_two_leftaside .left_side .latest_list .bottom a.btn_more {display:inline-block; padding:10px; width:100px; font-size:16px; text-align:center; border-top:solid 2px #7e7e7e;}

.grid_two_leftaside .base_cont {display:table-cell; width:auto; padding-top:50px; padding-left:20px; padding-bottom:50px; vertical-align:top; border-left:solid 1px #ccc;}

span.go {display:inline-block; padding-left:17px; font-size:12px; color:#999; background:url('../images/icon/icon_clock.png') no-repeat left center;}

/* 테블릿과 모바일*/
@media all and (max-width:1200px){
	.grid_two_leftaside {display:table; width:100%; margin:0 auto;}
	.grid_two_leftaside .left_side {width:250px;}
	.grid_two_leftaside .base_cont {padding-right:10px;}
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
	.grid_two_leftaside {display:table; width:auto; margin:0 auto;}
	.grid_two_leftaside .left_side {width:160px;}
}

/* 모바일*/
@media all and (max-width:768px){	
	.grid_two_leftaside {display:block;}
	.grid_two_leftaside .left_side {display:none;}
	.grid_two_leftaside .base_cont {display:block; border-left:none; padding-left:0; padding-right:0;}

	.m_main_margin {margin:0 10px;}
	.m_main_bg {padding-top:30px !important; background-color:#f2f2f2;}
}

/* 모바일*/
@media all and (max-width:480px){	

}

/* 모바일 전용 최신기사 */
.mobile_latest {display:none;}
@media all and (max-width:768px){		
	.mobile_latest {display:block; margin-top:20px; padding:10px; background-color:#fff;}
	.mobile_latest h3.title {padding-left:20px; margin-bottom:10px; font-size:20px; color:#3366cc; font-weight:normal; background:url('../images/main/bullet_leftarea.png') no-repeat left center;}
	.mobile_latest .latest_list {}
	.mobile_latest .latest_list ul {}
	.mobile_latest .latest_list ul li {border-top:solid 1px #cccccc;}
	.mobile_latest .latest_list ul li a {display:block; padding:7px 10px;}
	.mobile_latest .latest_list ul li a:hover {}
	.mobile_latest .latest_list ul li a:hover span.subject {color:#000; text-decoration:underline;}
	.mobile_latest .latest_list ul li span.subject {display:block; margin-bottom:5px; font-size:14px; color:#333;}
}


/**************************************************************************************************************
 메인 페이지 Live 방송영역
***************************************************************************************************************/
.main_online_live_top {display:table; margin-bottom:5px; width:100%;}
.main_online_live_top .left {display:table-cell;}
.main_online_live_top .right {display:table-cell; text-align:right;}
.main_online_live_top .right a {display:none;}
/* 영상 노출영역 */
.main_online_live {position:relative;}
.main_online_live .video-container{position:relative; padding-bottom:53%; padding-top:30px; height:0; overflow:hidden; background:url('../images/main/view_hold.png') no-repeat center center; background-size:cover;}  
.main_online_live .video-container iframe,
.main_online_live .video-container object,
.main_online_live .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 
.main_online_live .bottom {display:table; width:100%; height:40px; background-color:#fff; border-bottom:solid 1px #e0e0e0;}
.main_online_live .bottom .left {display:table-cell; padding:10px; border-left:solid 1px #e0e0e0;}
.main_online_live .bottom .left span.live {display:inline-block; margin-right:5px; padding-left:10px; color:#da4444; background:url('../images/icon/icon_live_dot.png') no-repeat left center;}
.main_online_live .bottom .left span.current {display:inline-block; }
.main_online_live .bottom .right {display:table-cell; padding:10px; text-align:right; border-right:solid 1px #e0e0e0;}
.main_online_live .bottom .right a {display:inline-block; padding-right:26px; background:url('../images/icon/icon_live_table.png') no-repeat right center;}

@media only screen and (max-width:920px){
	.online_live {width:96%;}
}

@media only screen and (max-width:768px){
	.main_online_live_top .right a {display:inline-block; padding-right:26px; background:url('../images/icon/icon_live_table.png') no-repeat right center;}

	.main_online_live .bottom {display:block;}
	.main_online_live .bottom .left {display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
	.main_online_live .bottom .right {display:none;}
}

/* 방송 편성표 */
.pop_live_table {background-color:#222f48; margin-left:-400px; margin-top:-130px; width:800px; position:absolute; top:50%; left:50%; z-index:1000;}
.pop_live_table .top {padding:10px 0; height:26px; text-align:center; overflow:hidden; background-color:#222f48; position:relative;}
.pop_live_table .top img {vertical-align:middle; margin-right:5px;}
.pop_live_table .top strong {vertical-align:middle; font-size:18px; color:#fff; font-weight:normal;}
.pop_live_table .top strong span {color:#ffcc00;}
.pop_live_table .top .right {position:absolute; top:0; right:0;}
.pop_live_table .top .right a {display:inline-block; width:46px; height:46px; line-height:46px; text-align:center;}

.pop_live_table .live_table {background-color:#404f6b; height:200px; overflow-y:auto;}
.pop_live_table .live_table ul {}
.pop_live_table .live_table ul li {padding:10px 20px; padding-left:280px; color:#fff; border-top:solid 1px #53617a; border-bottom:solid 1px #333f56; overflow:hidden;}
.pop_live_table .live_table ul li span {display:inline-block;}
.pop_live_table .live_table ul li .left_info {float:left; width:280px; margin-left:-280px;}
.pop_live_table .live_table ul li .left_info span.time {opacity:0.5; width:100px; text-align:center;}
.pop_live_table .live_table ul li .left_info span.live_com {opacity:0.5; padding-left:10px; width:150px;}
.pop_live_table .live_table ul li span.program_name {float:right; display:block; width:100%; line-height: 1.5;}
.pop_live_table .live_table ul li span.program_name.current {}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){
	.pop_live_table {margin-left:0; width:80%; left:10%;}
}
@media all and (max-width:768px){
	.pop_live_table .top strong {font-size:16px;}

	.pop_live_table .live_table ul li {padding-left:260px;}
	.pop_live_table .live_table ul li .left_info {width:260px; margin-left:-260px;}
	.pop_live_table .live_table ul li .left_info span.time {width:120px;}
	.pop_live_table .live_table ul li .left_info span.live_com {padding-left:20px; width:100px;}
}

/* 모바일*/
@media all and (max-width:640px){
	.pop_live_table .top {padding:10px 0 10px 10px; text-align:left;}
	.pop_live_table .top strong {font-size:14px;}

	.pop_live_table .live_table ul li {padding-left:120px;}
	.pop_live_table .live_table ul li .left_info {width:120px; margin-left:-120px;}
	.pop_live_table .live_table ul li .left_info span.time {display:block; padding-left:20px; width:auto; text-align:left;}
	.pop_live_table .live_table ul li .left_info span.live_com {display:block; width:auto;}
}


/* 인증코드 배너 */
/*.btn_ceti_code {display:none;}*/
.btn_ceti_code {display:block; margin-bottom:5px;}
.btn_ceti_code a {display:block; padding:5px; text-align:center; height:40px; line-height:40px; color:#fff; font-size:20px; background-color:#3f51b5;}
.btn_ceti_code a img {margin-left:10px;}

/* 메인페이지 행사 배너 */
.main_banner {}
.main_banner ul {margin-bottom:5px;}
.main_banner ul li.m_banner {display:none;}
.main_banner ul li.pc_banner {}

@media all and (max-width:480px){
	.main_banner ul li.m_banner {display:block;}
	.main_banner ul li.pc_banner {display:none;}
}


/**************************************************************************************************************
 서브 공통 레이아웃
***************************************************************************************************************/
.sub_visual {height:300px; background:url('../images/sub/sub_visual.jpg') #0f2040 no-repeat center top; background-attachment:fixed; margin-top:90px;}
.sub_visual .outline {display:table; width:1200px; height:100%; margin:0 auto; position:relative;}
.sub_visual .outline .cell {display:table-cell; padding-top:90px; vertical-align:middle; text-align:center; font-size:22px; color:#fff;}
.sub_visual .outline .cell h2 {font-size:40px; font-weight:normal; color:#00e7ff;}
.sub_visual .outline .cell span.eng {display:inline-block; font-size:16px; color:#fff; opacity:0.5; line-height:1.5;}
.sub_visual .outline .cell span.eng:after {display:inline-block; content: ''; width:100%; height:2px; background-color:#00e7ff;}


.sub_visual .outline .cell2 {width:340px; background-color:#0c7ce6; padding:20px 10px; text-align:center; box-sizing:border-box; position:absolute; left:0; bottom:0;}
.sub_visual .outline .cell2 h2 {margin-bottom:10px; font-size:40px; font-weight:normal; color:#fff;}
.sub_visual .outline .cell2 span.eng {display:inline-block; font-size:16px; color:#fff; opacity:0.5; line-height:1;}
.sub_visual .outline .cell2 span.eng:after {display:inline-block; content: ''; width:100%; height:2px; background-color:#00e7ff;}

@media all and (max-width:1200px){
	.sub_visual .outline {width:100%;}

	.sub_visual .outline .cell2 {width:270px; padding:20px 10px;}
	.sub_visual .outline .cell2 h2 {margin-bottom:10px; font-size:30px;}
	.sub_visual .outline .cell2 span.eng {font-size:16px; line-height:1.2;}
}


@media all and (max-width:1024px){
	.sub_visual {height:250px; margin-top:70px;}
	.sub_visual .outline .cell {padding-top:60px;}
	.sub_visual .outline .cell h2 {font-size:30px;}
	.sub_visual .outline .cell span.eng {font-size:16px;}
}

@media all and (max-width:640px){
	.sub_visual {height:180px;}
	.sub_visual .outline .cell h2 {font-size:24px;}
	.sub_visual .outline .cell span.eng {font-size:12px; line-height:1;}

	.sub_visual {background:url('../images/sub/sub_visual.jpg') #0f2040 no-repeat right top;}

	.sub_visual .outline .cell2 {width:auto; padding:15px 20px;}
	.sub_visual .outline .cell2 h2 {margin-bottom:10px; font-size:20px;}
	.sub_visual .outline .cell2 span.eng {font-size:13px; line-height:1.2;}
}

.location {padding:33px 0 5px; text-align:right; font-size:12px; display:none;}
.location a {display:inline-block; padding:0 10px 0 5px; vertical-align:middle; line-height:12px; background:url('../images/common/location_arrow.png') no-repeat right center;}
.location a:hover {text-decoration:underline;}
.location span {display:inline-block; vertical-align:middle; line-height:12px;}

.grid_full {position:relative;}
.grid_full .base_width {}
.sub_contbox {padding:0 0 50px; /*border-top:solid 2px #333;*/}

.page_top_title {padding:30px 0 20px;}
.page_top_title h2 {font-size:30px;}
.page_top_title h2 img {margin-right:10px; vertical-align:middle; display:none;}
.page_top_title h2 strong {color:#333; vertical-align:middle; /*font-family:'SDSwaggerTTF',serif; font-weight:normal; letter-spacing:-0.2px;*/}
.page_top_title span.page_info_txt {display:inline-block; padding-top:5px; font-size:14px; color:#999999; vertical-align:middle;}

/* 테블릿과 모바일*/
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
	.sub_contbox {padding:0 0 50px;}
	.page_top_title {padding:15px 0 10px;}
	.page_top_title h2 {padding-bottom:5px; font-size:22px; border-bottom:solid 2px #666; vertical-align:middle;}
}





/**************************************************************************************************************
 마이페이지 Grid
***************************************************************************************************************/
.mypage_grid_leftaside {display:table; width:1200px; margin:0 auto;}
.mypage_grid_leftaside .left_side {display:table-cell; width:170px; padding-top:50px; padding-right:19px; vertical-align:top;}
.mypage_grid_leftaside .left_side .left_nav {margin-bottom:300px;}
.mypage_grid_leftaside .left_side .left_nav ul {}
.mypage_grid_leftaside .left_side .left_nav ul li {}
.mypage_grid_leftaside .left_side .left_nav ul li a {display:block; padding:10px 10px 10px 20px; font-size:16px;}
.mypage_grid_leftaside .left_side .left_nav ul li a:hover {color:#0c7ce6; text-decoration:underline;}
.mypage_grid_leftaside .left_side .left_nav ul li.active a {color:#0c7ce6; text-decoration:underline; font-weight:600;}

.mypage_grid_leftaside .base_cont {display:table-cell; width:auto; padding-left:20px; padding-bottom:50px; vertical-align:top; border-left:solid 1px #ccc;}


/* 테블릿과 모바일*/
@media all and (max-width:1200px){
	.mypage_grid_leftaside {width:100%;}
	.mypage_grid_leftaside .left_side {width:130px;}
}
/* 모바일*/
@media all and (max-width:768px){	
	.mypage_grid_leftaside {display:block;}
	.mypage_grid_leftaside .left_side {display:none;}
	.mypage_grid_leftaside .base_cont {display:block; border-left:none; padding-left:10px; padding-right:10px;}
}

/* 테블릿과 모바일*/
@media all and (max-width:1200px){
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
}

/* 모바일*/
@media all and (max-width:768px){
}


/* Quick Menu */
.quickmenu {width:60px; position:absolute; top:100px; left:50%; margin-left:620px;}
.quickmenu ul {}
.quickmenu li {}
.quickmenu li a {}
.quickmenu li a img {margin-bottom:3px;}
.quickmenu li a span {display:block; font-size:13px; font-weight:600;}

/* 테블릿과 모바일*/
@media all and (max-width:1350px){
	.quickmenu {width:auto; top:110px; margin-left:500px;}
	.quickmenu li a span {display:inline-block; vertical-align:middle;}
}

@media all and (max-width:1200px){
	.quickmenu {left:initial; right:10px; margin-left:0;}
	.quickmenu li a span {display:inline-block; vertical-align:middle;}
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
}

/* 모바일*/
@media all and (max-width:768px){
	.quickmenu {display:none;}
}



/**************************************************************************************************************
 메인 공통 팝업
***************************************************************************************************************/
.laypop {border:solid 1px #ccc; position:absolute; left:50%; top:90px; width:500px; margin-left:-250px; z-index: 999; background:#fff; }
.laypop_t { overflow:hidden; margin:5px; line-height:30px }
.laypop_btn { font-weight:bold; float:right; display:inline-block; background:#ddd; padding:0 20px; height:30px; line-height:33px; }

#pop_txt { max-width:600px; }
#pop_txt .top { padding:0 15px; height:48px; line-height:48px; background-color:#f3f4f6; position:relative; }
#pop_txt .top h3 { font-size:18px; color:#d2232a; }

#pop_txt .pop_body {padding:0; text-align:center; border-bottom: solid 1px #ccc;}
#pop_txt .pop_body p {padding:0; margin:0;}
#pop_txt .pop_body img {width:100%;}
#pop_txt .inner_txt {padding:20px; text-align:left;}

/*#div_laypopup1 {position:absolute; left:100px; top:90px; width:500px;}
#div_laypopup2 {position:absolute; left:600px; top:90px; width:500px;}*/

@media(max-width:1200px){
	/*#div_laypopup1 {left:5%; top:90px; width:40%;}
	#div_laypopup2 {left:45%; top:90px; width:40%;}*/
}

@media(max-width:640px){
	.laypop {left:5%; top:90px; width:90%; margin-left:initial;}
	#pop_txt .top {padding:10px 15px 15px 15px; line-height:initial;}
	/*#div_laypopup1 {left:5%; top:90px; width:90%;}
	#div_laypopup2 {left:5%; top:90px; width:90%;}*/
}
@media(max-width:500px){
}
#overlay {position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }




/**************************************************************************************************************
 푸터
***************************************************************************************************************/
.go_top {position:fixed; bottom:153px; right:10px; z-index:1; display: none;}

/* 모바일*/
@media all and (max-width:768px){
	.go_top {position:fixed; bottom:80px; right:10px;}
}


.footer {padding:0 0 30px; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

.footer_top {}

.footer_cont {}
.footer_cont .base_width {position:relative;}
.footer_cont .footer_func {overflow:hidden; padding:10px; border-top:solid 1px #dcdcdc; border-bottom:solid 2px #525252;}

.footer_cont .footer_func .footer_notice {float:left;}
.footer_cont .footer_func .footer_notice span.cata_notice {display:inline-block; padding:0 10px; margin-right:5px; vertical-align:middle; height:20px; line-height:20px; color:#cc3333; font-size:12px; background-color:#fff; border:solid 1px #cc3333;
-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.footer_cont .footer_func .footer_notice a {display:inline-block; vertical-align:middle;}
.footer_cont .footer_func .footer_notice a:hover {text-decoration:underline;}

.footer_cont .footer_func .footer_utill_menu {float:right;}
.footer_cont .footer_func .footer_utill_menu ul {}
.footer_cont .footer_func .footer_utill_menu ul li {display:inline-block; padding:0 10px; border-left:solid 1px #999; line-height:1;}
.footer_cont .footer_func .footer_utill_menu ul li.first {padding:0 10px 0 0; border-left:none;}
.footer_cont .footer_func .footer_utill_menu ul li a {color:#333; font-size:13px; letter-spacing:-1px;}
.footer_cont .footer_func .footer_utill_menu ul li a:hover {text-decoration:underline;}
.footer_cont .footer_func .footer_utill_menu ul li a.special {font-weight:500; color:#cc3333;}

.footer_cont .companyinfo {padding:20px 10px; line-height:1.5; color:#555555;  font-size:12px; position:relative;}
.footer_cont .companyinfo .sns_footer {position:absolute; top:10px; right:10px;}
.footer_cont .companyinfo .sns_footer ul {}
.footer_cont .companyinfo .sns_footer ul li {display:inline-block; margin:0 2px;}
.footer_cont .companyinfo .site_name {margin-bottom:10px; color:#000;}
.footer_cont .companyinfo .adress {color:#666666;}
.footer_cont .companyinfo .copyright {color:#666666;}


/* 테스크탑 */
@media all and (max-width:1200px){
	
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
}
@media all and (max-width:768px){	
	.footer {padding:0 0 50px; border-top:solid 1px #f2f2f2;}
	.footer_cont .base_width {margin:0;}

	.footer_top {border-top:solid 1px #ccc;}

	.footer_cont .base_width {position:relative;}
	.footer_cont .footer_func {margin:0 10px; padding-bottom:10px; border-top:none;  border-bottom:solid 2px #333;}
	.footer_cont .footer_func .footer_notice {display:none;}
	.footer_cont .footer_func .footer_utill_menu {float:none; text-align:center;}
	.footer_cont .footer_func .footer_utill_menu ul {}
	.footer_cont .footer_func .footer_utill_menu ul li {padding:0 3px;  border-left:none; line-height:1; text-align:center;}
	.footer_cont .footer_func .footer_utill_menu ul li.first {padding:0 3px; border-left:none;}

	.footer_cont .companyinfo {margin:0 10px; padding-top:15px;}
	.footer_cont .companyinfo .sns_footer {display:none;}
}
/* 모바일*/
@media all and (max-width:480px){	

}