@charset "UTF-8";
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Nanum+Myeongjo');

html, body {font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Arial; height:100%;position: relative; }
body {font-size:14px; color:#6e6e6e; line-height:170%; margin:0; padding:0; width:100%; letter-spacing:-0.5px; min-width:320px; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, header, footer, input {margin:0; padding:0;}
ul, ol, li {list-style:none;}
li{-webkit-tap-highlight-color: rgba(0,0,0,.1);}
img, input, fieldset {border:0 none;}
img, input, select, textarea{vertical-align:middle;}
address, em {font-style:normal; font-weight:normal;}
a {text-decoration:none; text-overflow:ellipsis;-webkit-tap-highlight-color: rgba(0,0,0,.1);}
a:link, a:hover, a:active {text-decoration:none;}
a:focus {outline:none;}
input:focus {outline:medium none;}
input, textarea, select {border-radius:0 0 0 0; font-size:14px; color:#6e6e6e; /*-webkit-appearance:none;*/}
input[type="checkbox"]:checked {background-color:#fff;}
input[type="radio"] {vertical-align:top;}
input[type="text"], [type="password"], [type="number"], textarea {-webkit-appearance:none;}
table {border-collapse:collapse; border-spacing:0; empty-cells:show; vertical-align:middle;}
caption {position:absolute; left:-999px; width:0; height:0; font-size:0; visibility:hidden; z-index:-1;}
header, footer, section, article {display:block;}
button {border:medium none; cursor:pointer; overflow:hidden; text-align:center;}
input[type=text]::-ms-clear {display: none;}
input[type=password]::-ms-reveal{display:none;}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent;}



/* layout */
.wrap {width: 100%; position: relative; max-width: 1920px; min-width: 320px; height:100%;}

/* 상단 헤더 */
.top_header {width:1264px/*1364px*/; margin:0 auto; height:110px; padding:20px 0 0 0; box-sizing: border-box; overflow: hidden;}
.top_header .logo {float: left;}
.top_header .logo img {width:164px;}
.top_header .search {float: right; margin-top:35px;}
.top_header .search .date {display: inline-block; font-size: 22px; font-weight: bold; color:#3C50EA; vertical-align: middle; line-height: 1.3; margin-right:5px;}
.top_header .search ul.list {display: inline-block; overflow: hidden; vertical-align: middle; margin-right:10px;}
.top_header .search ul.list li {float: left; font-size: 16px; color:#666666;  border-right:1px solid #666; padding:0 10px; line-height:1.1; }
.top_header .search ul.list li a {color:#666666;}
.top_header .search ul.list li:last-child{border-right: 0;}
.top_header .search .search_box {display: inline-block; position: relative; vertical-align: middle; }
.top_header .search .search_box input{width:380px; height:48px; box-sizing: border-box; margin:0; padding:0; border:1px solid #BFBFBF; border-radius: 10px; color:#333; font-size:17px; text-indent: 15px; }
.top_header .search .search_box img {width:24px; position: absolute; top:0; right:8px; padding:12px;}



/*상단 메뉴*/
.top_menu {width:100%; background: #1B2DB7;}
.top_menu .content {width:1264px;/*1364px*/; margin:0 auto;}
.top_menu .content .menu_list {overflow:hidden;}
.top_menu .content .menu_list li {width: 10%; line-height:70px; margin-right: 5%; float:left; text-align:center; color:#fff; font-size:20px; font-weight: bold; cursor: pointer;}
.top_menu .content .menu_list li a {color:#fff;}
.top_menu .content .menu_list li:last-child {margin-right: 0;}


/*상단 메뉴 펼침*/
.menu_draw {display:block; width:100%; background:#fff; position: absolute; top:180px; z-index:110; transition:.1s ease-out; box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.1);}
.menu_draw .draw_box {display:none; width:1350px/*1450px*/; margin:0 auto; padding:30px 0; overflow:hidden; height:100%;}
.menu_draw .draw_box .box_list{width:calc(14.2% - 1px); float:left;height:100%; position:relative; border-right: 1px solid #E3E3E3;}
.menu_draw .draw_box .box_list:first-child {border-left:1px solid #E3E3E3; }
.menu_draw .draw_box .box_list:last-child { margin-right: 0; padding-right: 0; }
.menu_draw .draw_box .box_list ul {}
.menu_draw .draw_box .box_list ul li {margin-bottom:20px;}
.menu_draw .draw_box .box_list ul li:last-child {margin-bottom: 0;}
.menu_draw .draw_box .box_list ul li:hover a{font-weight: bold;}
.menu_draw .draw_box .box_list ul li a {color:#4E5379; font-size:16px; display:block; text-align: center;}
.menu_draw .draw_box .box_list .bline {background-color:#666; width:100%; height:6px;position:absolute;top:-3px; z-index:8889;}
.main_slideD {display:block;}

/*M상단 메뉴*/
.Mtop_menu {display:none; width:100%; height:80px; background:#1B2DB7; position:fixed; top:0; z-index:888;}
.Mtop_menu .Mlogo {float:left;display:block; width:120px;padding: 14px 16px;}
.Mtop_menu .Mlogo img{width:100%;}
.Mtop_menu .Msearch_btn {float:right; display:block; width:48px; height:48px; border-radius: 50%; background:#EFF1FF; position: relative; top:17px; right:36px;}
.Mtop_menu .Msearch_btn img {width:24px; position: absolute; top:12px; left:12px;}
.Mtop_menu .Mmenu_btn {float:right; display:block; width:48px; height:48px; border-radius: 50%; background:#EFF1FF; position: relative; top: 17px; right: 16px;}
.Mtop_menu .Mmenu_btn img {width:24px; position: absolute; top:14px; left:12px;}

/*푸터*/
.footer {width:100%;}
.footer ul.list_top {overflow: hidden; background: #E4E7F2; text-align: center; padding:20px 0; }
.footer ul.list_top li {display: inline-block;  font-size: 15px; margin-right:15px; padding-right:20px; border-right:1px solid #7C7A8E; line-height: 1.3;}
.footer ul.list_top li:last-child {border-right: 0; padding-right: 0; margin-right: 0;}
.footer ul.list_top li a {color:#7C7A8E; transition: .1s linear;}
.footer ul.list_top li:hover a {color:#333;}
.footer .detail {background: #1F246A; padding: 30px 0 40px;}
.footer .detail .txtT {font-size: 15px; color:rgba(255, 255, 255, 0.6); line-height: 30px; text-align: center;}
.footer .detail .txtT span {margin-top: 5px; display: inline-block;}
.footer .copyright {font-size: 15px; font-weight: bold; color: rgba(255, 255, 255, 0.6); text-align: center; margin-top: 20px;}
.txtT_m {display: none;}


/*right open*/
.right_open {display:none; z-index:8889; width:300px; position:fixed; top:0; right:-300px; background:#fff; height:100%; overflow:hidden; transition:.3s ease;}
.right_open .lo_wrap {width:100%; height:100%; overflow:auto; }
.right_open .lo_wrap .closebox {width:100%; height:75px; position: relative; margin-bottom: 40px;}
.right_open .lo_wrap .closebox .logo_menu_open {width:120px; position: absolute; top:20px; left:20px; }
.right_open .lo_wrap .closebox .logo_menu_open img {width:100%;}
.right_open .lo_wrap .closebox .closeM {display:block; width:48px; height:48px; border-radius: 50%; background:#EFF1FF; position: absolute; top: 20px; right: 20px;}
.right_open .lo_wrap .closebox .closeM  img {width:20px; position: absolute; top:14px; left:14px;}

.right_open .lo_wrap > ul.mlist {padding: 30px 0; box-sizing: border-box;}
.right_open .lo_wrap > ul.mlist > li {height:45px; font-weight: bold; line-height:45px; color:#1B2DB7; text-indent: 20px; border-bottom:1px solid rgba(165, 168, 183, 0.8); font-size:18px; background:no-repeat top 19px right 30px;background-image:url("/images/arrowD.png"); background-size:18px 11px;transition: 0.1s linear; cursor: pointer;}
.right_open .lo_wrap > ul.mlist > li:first-child {border-top:1px solid rgba(165, 168, 183, 0.8);}
.right_open .lo_wrap > ul.mlist > div {width:100%; display:none;}
.right_open .lo_wrap > ul.mlist > div ul {padding: 10px 0; border-bottom:1px solid rgba(165, 168, 183, 0.8);}
.right_open .lo_wrap > ul.mlist > div ul li {height:40px;line-height:40px; text-indent: 40px;}
.right_open .lo_wrap > ul.mlist > div ul li a {display:block; font-size:15px; color:#4E5379; padding-left:4px;}
.right_open .lo_wrap ul.login {overflow: hidden; margin-left:10px;}
.right_open .lo_wrap ul.login li {float: left; color: #333333; font-size: 15px; padding:0 10px; line-height: 1; border-right: 1px solid #fff; cursor: pointer;}
.right_open .lo_wrap ul.login li:last-child {border-right: 0;}
.right_open .lo_wrap ul.login li a {color: #333333;}

/*right close*/
.left_close {display:none; position:fixed; z-index:999;width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8);}

.wrap .container {width:100%; box-sizing:border-box; }


/* main contents */
.container .contents_1 {width:1264px/*1364px*/; margin:16px auto 0; box-sizing: border-box;}
.container .contents_1 .banner1 {padding:10px 60px; margin-bottom: 16px; background-image: linear-gradient(to right, #7B4EF7 , #1EA2E8); }
.container .contents_1 .banner1 a {display: block;}
.container .contents_1 .banner1 .tit {display: inline-block; color:#fff; font-size: 24px; font-weight: bold; line-height: 36px; text-align: center; border:1px solid rgba(255, 255, 255, 0.5); }
.container .contents_1 .banner1 .tit .inner {border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:5px 37px; }
.container .contents_1 .banner1 .txt {display: inline-block; color:#fff; font-size: 32px; font-weight: bold; line-height:1.3; margin-left: 50px; position: relative; bottom:15px; font-family: 'Nanum Myeongjo';}
.container .contents_1 ul.bn_three {overflow: hidden; height: 330px; margin-bottom: 40px;}
.container .contents_1 ul.bn_three li {float: left; height:100%;}
.container .contents_1 ul.bn_three .bn1 {width: 311px; margin-right:16px; background-image:url('/images/bn1_sub.png'), url('/images/bn1.png'); background-size:65%, cover; background-position:center; background-repeat:no-repeat; text-align: center;}
.container .contents_1 ul.bn_three .bn2 {width:610px/*710px*/; margin-right: 16px; }
.container .contents_1 ul.bn_three .bn3 {width: 311px; background: url('/images/bn3.png') no-repeat center center; background-size: cover;}
.container .contents_1 ul.bn_three .bn1 .tit {font-size: 28px; line-height: 41px; font-weight: bold; color:#fff; text-align: center; padding:100px 0 50px;}
.container .contents_1 ul.bn_three .bn1 .today_btn {display: inline-block; font-size: 20px; line-height: 29px; font-weight: bold; color: #fff; border:1px solid #fff; padding:10px 25px; transition: .1s linear;}
.container .contents_1 ul.bn_three .bn1 .today_btn:hover {background: rgba(255, 255, 255, 0.1);}
.container .contents_1 ul.bn_three .bn1 .layer {width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
.container .contents_1 ul.bn_three .bn3 .layer {width:100%; height:100%; background:rgba(250, 191, 80, 0.8); text-align: center; padding:40px 0 0; box-sizing: border-box;}
.container .contents_1 ul.bn_three .bn3 .layer .tit {display: inline-block; font-size: 18px; font-weight: bold; color: #333; border-top:1px solid #333; border-bottom:1px solid #333; line-height:27px; padding:7px 0;}
.container .contents_1 ul.bn_three .bn3 .layer .btxt {font-size: 20px; font-weight: bold; color: #880A0A; line-height: 42px; text-align: left; margin:10px 0 50px 20px;}
.container .contents_1 ul.bn_three .bn3 .layer .mtxt {font-size: 16px; color: #333; line-height: 24px; text-align: center;}
.container .contents_1 ul.bn_three .bn2 .swiper-container {width: 100%; height:100%;}
.container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide {display:block; width:100%;}
.container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide a {display: block; height: 100%;}
.container .contents_1 ul.bn_three .bn2 .bg1 {background:url('/images/slide_1.png') no-repeat center center; background-size:cover;}
.container .contents_1 ul.bn_three .bn2 .bg2 {background:url('/images/slide_2.png') no-repeat center center; background-size:cover;}
.swiper-pagination-bullet {position: relative; display: inline-block; margin:0 16px 0 0!important; width: 16px!important; height: 16px!important; background: none!important; transition: all 250ms ease;opacity:1!important; border-radius:50%!important; border:2px solid rgba(255, 255, 255, 0.6); box-sizing: border-box;}
.swiper-pagination-bullet:last-child {margin-right:0!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background: rgba(255, 255, 255, 0.6)!important; border:0;}
.page_box {position: absolute; width: 148px; height: 16px;left:50%; bottom: 20px; margin-left: -74px;}
.container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer {width: 100%; height:50%; background-image: linear-gradient(rgba(18, 18, 18, 0), rgba(29, 29, 29, 1)); position: absolute; bottom:0; left:0;}
.container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title {width:530px; position: absolute; left: 50%; bottom: 50px; margin-left: -265px; text-align: center;}
.container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title span {display: inline-block; font-size: 14px; color:#fff; border:1px solid #fff; border-radius:25px; padding: 4px 20px; margin-bottom:12px; }
.container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title div {display: block;  margin: 0 auto; line-height: 1.3; font-size: 28px; font-weight: bold; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.common_tit {font-size: 22px; color:#333; line-height:33px; margin-bottom: 6px; margin-left:20px;}
.listen {width:130px; height:40px; line-height: 40px; font-size:15px; color:#fff; font-weight: bold; position: absolute; top:17px; right:0; background: #4354D6; text-align: center; border-radius: 25px;}
.listen .ls_img {position: relative; left: 5px; bottom: 1px;}
.listen2 {width:130px; height:40px; line-height: 40px; font-size:15px; color:#fff; font-weight: bold; position: absolute; top:17px; right:0; background: #4354D6; text-align: center; border-radius: 25px;}
.listen2 .ls_img {position: relative; left: 5px; bottom: 1px;}
/* 추천프로그램 */
.rcmd_program {margin-bottom:43px;}
.rcmd_program ul.list {overflow: hidden; padding-bottom: 5px;}
.rcmd_program ul.list li {float: left; width:23%; height:160px; margin-right: 2.5%; border-radius: 10px; position: relative; overflow: hidden;}
.rcmd_program ul.list li:last-child {margin-right: 0;}
.rcmd_program ul.list li .layer {width:100%; height:100%; background: rgba(43, 54, 60, 0.5);}
.rcmd_program ul.list li .layer .btxt {font-size: 28px; padding-top:35px; line-height: 40px; color:#fff; font-weight: bold; text-align: center; letter-spacing: -2px;}
.rcmd_program ul.list li .layer .stxt {width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight: bold; text-align: center; position: absolute; bottom: 0; left: 0;}
.rcmd_program ul.list li.ls_1 {background: url('/images/rcmd_1.png') no-repeat center center; background-size: cover;}
.rcmd_program ul.list li.ls_2 {background: url('/images/rcmd_2.png') no-repeat center center; background-size: cover;}
.rcmd_program ul.list li.ls_3 {background: url('/images/rcmd_3.png') no-repeat center center; background-size: cover;}
.rcmd_program ul.list li.ls_4 {background: url('/images/rcmd_4.png') no-repeat center center; background-size: cover;}
.rcmd_program ul.list li.ls_1 .layer .stxt {background: rgba(46, 110, 255, 0.8);}
.rcmd_program ul.list li.ls_2 .layer .stxt {background: rgba(16, 202, 247, 0.8);}
.rcmd_program ul.list li.ls_3 .layer .stxt {background: rgba(255, 159, 47, 0.8);}
.rcmd_program ul.list li.ls_4 .layer .stxt {background: rgba(80, 226, 164, 0.8);}
.rcmd_program ul.list li.ls_1 .layer .btxt span {color:#2E6EFF;}
.rcmd_program ul.list li.ls_2 .layer .btxt span {color:#10CAF7;}
.rcmd_program ul.list li.ls_3 .layer .btxt span {color:#FF9F2F;}
.rcmd_program ul.list li.ls_4 .layer .btxt span {color:#50E2A4;}
.br_show1 {display: none;}

/* 오늘 프로그램 */
.two_program {overflow: hidden; margin-bottom: 40px;}
.two_program .today {float: left; width:calc(100% - 330px); margin-right: 15px;}
.two_program .today ul.list {border-top: 2px solid #A2ADD3; }
.two_program .today ul.list li {padding: 16px 0; overflow: hidden; position: relative; border-bottom:1px solid #CDD0DB;}
.two_program .today ul.list li img.tpro {width:170px; margin-right: 25px; float: left;}
.two_program .today ul.list li .txt_box {float: left; width:calc(100% - 195px); }
.two_program .today ul.list li .txt_box.no_img {width:100%!important;}
.two_program .today ul.list li .txt_box .tit {font-size:20px; color:#333; font-weight: bold; margin:10px 0;}
.two_program .today ul.list li .txt_box .tit b {font-size: 20px; color:#384FFF; text-decoration: underline; margin-right:17px;}
.two_program .today ul.list li .txt_box .txt {font-size: 15px; color:#666666; line-height:22px;}

/* 많이 본 프로그램 */
.two_program .favor {float: left; width:310px; height:100%;}
.two_program .favor ul.list {height:100%; background:#F5F6F8; padding:5px 24px 20px; box-sizing: border-box;}
.two_program .favor ul.list li {border-bottom: 1px solid #CDD0DB; }
.two_program .favor ul.list li a {display: block; padding:13px 0; }
.two_program .favor ul.list li a div {font-size: 15px; color:#333;}

/* 눈으로 보는 RFK */
.rfk_video {margin-bottom: 140px;}
.rfk_video ul.video {overflow: hidden;}
.rfk_video ul.video li {width:18%; margin-right: 2.5%; float: left;}
.rfk_video ul.video li:last-child {margin-right: 0;}
.rfk_video ul.video li .txt {font-size: 16px; font-weight: bold; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.rfk_video ul.video li img {width:100%;}
.rfk_video ul.video li:hover .txt {color: #000;}

/* paging */
.paging {text-align: center;}
.paging .num {display: inline-block; vertical-align: top;}
.paging .num a {font-size: 16px; color:rgba(34, 34, 34, 0.7); padding:5px 10px; display: inline-block; vertical-align: top;}
.paging .num a.on {font-weight: bold; color:rgba(34, 34, 34, 1);}
.paging > a.arw {color:#d2d2d2; font-weight: bold; font-size: 17px; vertical-align: top; padding:5px 3px; display: inline-block;}
.paging > a.arw.on {color: #222;}


/* sub */
.container .contents_1 .banner2 {padding:15px 0; margin-bottom: 16px; background:#6634EF; text-align: center; }
.container .contents_1 .banner2 a {display: block;}
.container .contents_1 .banner2 .tit {display: inline-block; color:#fff;  text-align: center; border:1px solid rgba(255, 255, 255, 0.5); }
.container .contents_1 .banner2 .tit .inner {font-size: 18px; font-weight: bold; line-height: 27px; border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:12px 37px; }
.container .contents_1 .banner2 .txt {display: inline-block; color:#fff; font-size: 32px; font-weight: bold; line-height:1.3; margin-left: 45px; position: relative; top:5px; font-family: 'Nanum Myeongjo';}
.container .contents_1 .banner2 .txt span {font-size: 14px; font-weight: normal; line-height: 20px; display: inline-block; margin-left:23px;font-family:'Noto Sans KR'; position: relative; bottom:5px;}
.container .contents_1 .sub_menubox {background: #F5F7FC; padding:38px 222px 23px; margin-bottom: 80px; box-sizing: border-box;}
.container .contents_1 .sub_menubox ul.sub_menu {overflow: hidden; text-align: center;}
.container .contents_1 .sub_menubox ul.sub_menu li {display: inline-block; margin-bottom:15px; }
.container .contents_1 .sub_menubox ul.sub_menu li a {display: block; color: #4E5379; font-size: 16px; line-height:1.2; padding:0 15px; border-right:1px solid #4E5379;}
.container .contents_1 .sub_menubox ul.sub_menu li:hover a {font-weight: bold; transition: .1s linear;}
.container .contents_1 .sub_list {width:864px;/*964px*/; margin:0 auto; }
.container .contents_1 .sub_list.view {margin-bottom:150px;}
.container .contents_1 .sub_list ul.list {margin-bottom: 64px; border-top:1px solid #CDD0DB;}
.container .contents_1 .sub_list ul.list li {padding: 24px 0; overflow: hidden; position: relative; border-bottom:1px solid #CDD0DB;}
.container .contents_1 .sub_list ul.list li .txt_box {}
.container .contents_1 .sub_list ul.list li .txt_box .tit {font-size:16px; color:#666666; margin: 0 0 15px;}
.container .contents_1 .sub_list ul.list li .txt_box .tit b {font-size:16px; color:#384FFF; text-decoration: underline; margin-right:17px;}
.container .contents_1 .sub_list ul.list li .txt_box .txt {font-weight:bold; font-size:20px; color:#4a4a4a; line-height:38px;}
.container .contents_1 .sub_list ul.list li .list_view {margin-top:22px; padding-top:40px; border-top:1px solid #CDD0DB; margin-bottom:80px; }
.container .contents_1 .sub_list ul.list li .list_view p {font-size: 15px; color:#444444;}
.container .contents_1 .sub_list ul.list li .list_view img {width:100%; margin-top:22px;}
.container .contents_1 .sub_list .bot_img {width: 100%; margin:0 0 30px 0;}



/* intro */
.container .contents_1 .banner3 {padding:15px 0; margin-bottom: 16px; background:#4B5BD5; text-align: center; }
.container .contents_1 .banner3 a {display: block;}
.container .contents_1 .banner3 .tit {display: inline-block; color:#fff;  text-align: center; border:1px solid rgba(255, 255, 255, 0.5); }
.container .contents_1 .banner3 .tit .inner {font-size: 18px; font-weight: bold; line-height: 27px; border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:12px 37px; }
.container .contents_1 .banner3 .txt {display: inline-block; color:#fff; font-size: 32px; font-weight: bold; line-height:1.3; margin-left: 45px; position: relative; top:5px; font-family: 'Nanum Myeongjo';}
.container .contents_1 .intro_cont {width:964px; margin:100px auto 0;}
.container .contents_1 .intro_cont .desc {font-size: 17px; line-height: 30px; font-weight: bold; color: #2E335C; text-align: center; margin-bottom:80px; }
.container .contents_1 .intro_tit {border-bottom: 1px solid #5D6890; text-align: center; margin-bottom: 40px;}
.container .contents_1 .intro_tit span {width:120px; font-size: 22px; font-weight: bold; color:#2E335C; line-height: 33px; display: inline-block; position: relative; top:14px; background:#fff; }
.container .contents_1 ul.intro_list {overflow: hidden; margin-bottom: 50px;;}
.container .contents_1 ul.intro_list li {float: left; width:31%; margin-right: 3.5%; margin-bottom: 3.5%; text-align: center; background: #F4F4F8; border-radius: 10px; padding:16px 10px; box-sizing: border-box; }
.container .contents_1 ul.intro_list li:nth-child(3n) {margin-right: 0;}
.container .contents_1 ul.intro_list li b {display: inline-block; width:32px; height:32px; line-height: 32px; font-size: 15px; color:#fff; background:#5565E2; border-radius: 50%; margin-bottom: 12px;}
.container .contents_1 ul.intro_list li div {font-size: 15px; color:#444444; line-height: 22px;}
.container .contents_1 .history {background:#F9F9FC; padding:31px 0; box-sizing: border-box; margin-bottom: 50px; }
.container .contents_1 .history table {width:100%;}
.container .contents_1 .history table tr td.t_tar {text-align: right; margin-bottom: 50px;;}
.container .contents_1 .history table tr td.t_tal {text-align: left;}
.container .contents_1 .history table tr td.t_tac {text-align: center;}
.container .contents_1 .history table tr td.tableL {width:48%;}
.container .contents_1 .history table tr td.tableC {width:4%;}
.container .contents_1 .history table tr td.tableR {width:48%;}
.container .contents_1 .history table tr td div {padding-bottom: 50px; font-size: 15px; color: #515576; position: relative;}
.container .contents_1 .history table tr td div b {font-size: 16px; color: #2E335C; margin-bottom:5px; display: inline-block; line-height: 28px;}
.container .contents_1 .history table tr td .line {display: inline-block; width:1px; min-height:700px; height:100%; background:#DCDEEA; line-height: 30px;}
.container .contents_1 .history table tr td .first {margin-top:50px;}
.container .contents_1 .history table tr td .last {margin-bottom:30px;}
.container .contents_1 .history table tr td .circle1 {position: absolute; top:9px; left:-27px; width:12px; height:12px; border-radius: 50%; background: #5565E2; }
.container .contents_1 .history table tr td .circle2 {position: absolute; top:9px; right:-27px; width:12px; height:12px; border-radius: 50%; background: #5565E2; }
.container .contents_1 .intro_cont .desc2 {font-size: 15px; line-height: 30px; color: #2E335C; text-align: center; margin-bottom:180px; }
.container .contents_1 .intro_cont .desc2 a {color: #2E335C;}


.subList {margin-bottom: 0!important;}

@media screen and (max-width:1400px) {
    .top_header {width:100%; margin:0 auto; height:130px; padding:25px 0; box-sizing: border-box; overflow: hidden;}
    .top_header .logo img {width:164px; margin-left: 30px;}
    .top_header .search {float: right; margin-top:35px; margin-right: 30px;}
    .top_menu .content {width:100%; margin:0 auto;}
    .menu_draw .draw_box {width:100%; margin:0 auto; overflow:hidden; height:100%;}
    .menu_draw .draw_box .box_list{width:calc(14.2% - 1px); float:left;height:100%; position:relative; border-right: 1px solid #E3E3E3;}

    .container .contents_1 {width:97%; margin:16px auto 0; box-sizing: border-box;}
    .container .contents_1 ul.bn_three .bn1 {width: 24%; margin-right:1%; background-image:url('/images/bn1_sub.png'), url('/images/bn1.png'); background-size:65%, cover; background-position:center; background-repeat:no-repeat; text-align: center;}
    .container .contents_1 ul.bn_three .bn2 {width:50%; margin-right: 1%; }
    .container .contents_1 ul.bn_three .bn3 {width: 24%; background: url('/images/bn3.png') no-repeat center center; background-size: cover;}


}
@media screen and (max-width:1300px) {
    .container .contents_1 .banner1 {padding:20px 30px; margin-bottom: 16px; background-image: linear-gradient(to right, #7B4EF7 , #1EA2E8); }
    .container .contents_1 .banner1 .tit {display: inline-block; color:#fff; font-size: 24px; font-weight: bold; line-height: 36px; text-align: center; border:1px solid rgba(255, 255, 255, 0.5); }
    .container .contents_1 .banner1 .tit .inner {border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:12px 37px;}
    .container .contents_1 .banner1 .txt {display: inline-block; color:#fff; font-size: 32px; font-weight: bold; line-height:1.3; margin-left: 23px; position: relative; bottom:15px;}


}
@media screen and (max-width:1200px) {
    .container .contents_1 .banner1 {padding:20px 30px; margin-bottom: 16px; background-image: linear-gradient(to right, #7B4EF7 , #1EA2E8); }
    .container .contents_1 .banner1 .tit {display: inline-block; color:#fff; font-size: 22px; font-weight: bold; line-height: 36px; text-align: center; border:1px solid rgba(255, 255, 255, 0.5); }
    .container .contents_1 .banner1 .tit .inner {border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:12px 37px;}
    .container .contents_1 .banner1 .txt {display: inline-block; color:#fff; font-size: 28px; font-weight: bold; line-height:1.3; margin-left: 30px; position: relative; bottom:15px;}


    .container .contents_1 ul.bn_three .bn1 .tit {font-size: 25px; line-height: 36px; font-weight: bold; color:#fff; text-align: center; padding:100px 0 50px;}
    .container .contents_1 ul.bn_three .bn1 .today_btn {display: inline-block; font-size: 17px; line-height: 24px; font-weight: bold; color: #fff; border:1px solid #fff; padding:10px 25px; transition: .1s linear;}
    .container .contents_1 ul.bn_three .bn3 .layer .tit {display: inline-block; font-size: 18px; font-weight: bold; color: #333; border-top:1px solid #333; border-bottom:1px solid #333; line-height:27px; padding:7px 0;}
    .container .contents_1 ul.bn_three .bn3 .layer .btxt {font-size: 25px; font-weight: bold; color: #880A0A; line-height: 36px; text-align: center; margin:40px 0 50px;}
    .container .contents_1 ul.bn_three .bn3 .layer .mtxt {font-size: 15px; color: #333; line-height: 24px; text-align: center;}
    .swiper-pagination-bullet {position: relative; display: inline-block; margin:0 16px 0 0!important; width: 16px!important; height: 16px!important; background: none!important; transition: all 250ms ease;opacity:1!important; border-radius:50%!important; border:2px solid rgba(255, 255, 255, 0.6); box-sizing: border-box;}
    .page_box {position: absolute; width: 148px; height: 16px;left:50%; bottom: 230px; margin-left: -74px;}
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title {width:400px; position: absolute; left: 50%; bottom: 50px; margin-left: -200px; text-align: center;}
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title span {display: inline-block; font-size: 14px; color:#fff; border:1px solid #fff; border-radius:25px; padding: 4px 20px; margin-bottom:12px; }
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title div {display: block;  margin: 0 auto; line-height: 1.3; font-size: 25px; font-weight: bold; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


}
@media screen and (max-width:1120px) {
    .container .contents_1 .banner1 {padding:20px 20px; margin-bottom: 16px; background-image: linear-gradient(to right, #7B4EF7 , #1EA2E8); }
    .container .contents_1 .banner1 .txt {display: inline-block; color:#fff; font-size: 24px; font-weight: bold; line-height:1.3; margin-left: 20px; position: relative; bottom:15px;}

}
@media screen and (max-width:1000px) {
    .container .contents_1 .sub_list {width:100%; margin:0 auto; }
    .container .contents_1 .intro_cont {width:100%; margin:100px auto 0;}

}

@media screen and (max-width:991px) {
    .top_header {display:none;}
    .top_menu {display:none;}
    .Mtop_menu {display:block;}
    .right_open {display:block;}
    .wrap .container {width:100%; padding-top:80px; box-sizing:border-box; }
    .container .contents_1 {width:95%; margin:16px auto 0; box-sizing: border-box;}

    .container .contents_1 .banner1 {padding:25px 20px; margin-bottom: 16px; background-image: linear-gradient(to right, #7B4EF7 , #1EA2E8); text-align: center; }
    .container .contents_1 .banner1 .tit {display: inline-block; color:#fff; font-size: 22px; font-weight: bold; line-height: 36px; text-align: center; border:1px solid rgba(255, 255, 255, 0.5); margin-bottom:30px;}
     .container .contents_1 .banner1 .tit .inner {border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:12px 37px;}
    .container .contents_1 .banner1 .txt {display: block; color:#fff; font-size: 26px; font-weight: bold; line-height:1.3; margin-left: 0; position: relative; bottom:15px; text-align: center;}

    .container .contents_1 ul.bn_three {overflow: hidden; height: 270px; margin-bottom: 40px;}
    .container .contents_1 ul.bn_three .bn1 .tit {font-size: 25px; line-height: 36px; font-weight: bold; color:#fff; text-align: center; padding:60px 0 40px;}
    .container .contents_1 ul.bn_three .bn1 .today_btn {display: inline-block; font-size: 17px; line-height: 24px; font-weight: bold; color: #fff; border:1px solid #fff; padding:10px 25px; transition: .1s linear;}
    .container .contents_1 ul.bn_three .bn3 .layer {width:100%; height:100%; background:rgba(250, 191, 80, 0.8); text-align: center; padding:30px 0 0; box-sizing: border-box;}
    .container .contents_1 ul.bn_three .bn3 .layer .tit {display: inline-block; font-size: 15px; font-weight: bold; color: #333; border-top:1px solid #333; border-bottom:1px solid #333; line-height:27px; padding:6px 0;}
    .container .contents_1 ul.bn_three .bn3 .layer .btxt {font-size: 22px; font-weight: bold; color: #880A0A; line-height: 36px; text-align: center; margin:20px 0 30px;}
    .container .contents_1 ul.bn_three .bn3 .layer .mtxt {font-size: 14px; color: #333; line-height: 24px; text-align: center;}
    .swiper-pagination-bullet {position: relative; display: inline-block; margin:0 16px 0 0!important; width: 16px!important; height: 16px!important; background: none!important; transition: all 250ms ease;opacity:1!important; border-radius:50%!important; border:2px solid rgba(255, 255, 255, 0.6); box-sizing: border-box;}
    .page_box {position: absolute; width: 148px; height: 16px;left:50%; bottom: 230px; margin-left: -74px;}
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title {width:400px; position: absolute; left: 50%; bottom: 50px; margin-left: -200px; text-align: center;}
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title span {display: inline-block; font-size: 14px; color:#fff; border:1px solid #fff; border-radius:25px; padding: 4px 20px; margin-bottom:12px; }
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title div {display: block;  margin: 0 auto; line-height: 1.3; font-size: 25px; font-weight: bold; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .container .contents_1 ul.bn_three .bn3 .layer {width:100%; height:100%; background:rgba(250, 191, 80, 0.8); text-align: center; padding:25px 0 0; box-sizing: border-box;}

    .rcmd_program ul.list li {float: left; width:calc(49% - 3px); height:160px; margin-right: 2%; margin-bottom: 2%; border-radius: 20px; position: relative; overflow: hidden;}
    .rcmd_program ul.list li:nth-child(2n) {margin-right: 0;}
    .rcmd_program ul.list li:last-child {margin-right: 0;}
    .rcmd_program ul.list li .layer {width:100%; height:100%; background: rgba(43, 54, 60, 0.5);}
    .rcmd_program ul.list li .layer .btxt {font-size: 28px; padding-top:35px; line-height: 40px; color:#fff; font-weight: bold; text-align: center; letter-spacing: -2px;}
    .rcmd_program ul.list li .layer .stxt {width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight: bold; text-align: center; position: absolute; bottom: 0; left: 0;}


    .two_program .today {float: none; width:100%; margin-right: 0; margin-bottom: 40px;}
    .two_program .today ul.list {border-top: 2px solid #A2ADD3; }
    .two_program .today ul.list li {padding: 16px 0; margin-bottom: 1px solid #CDD0DB; overflow: hidden; position: relative; border-bottom:1px solid #CDD0DB;}
    .two_program .today ul.list li img.tpro {width:150px; margin-right: 25px; float: left;}
    .two_program .today ul.list li .txt_box {float: left; width:calc(100% - 175px); }
    .two_program .today ul.list li .txt_box.no_img {width:100%!important;}
    .two_program .today ul.list li .txt_box .tit {font-size:15px; color:#333; font-weight: bold; margin: 15px 0;}
    .two_program .today ul.list li .txt_box .tit b {font-size: 15px; color:#384FFF; text-decoration: underline; margin-right:17px;}
    .two_program .today ul.list li .txt_box .txt {font-size: 15px; color:#666666; line-height:22px;}

    .two_program .favor {float: none; width:100%; height:100%;}
    .two_program .favor ul.list {height:100%; background:#F5F6F8; padding:5px 24px 20px; box-sizing: border-box;}
    .two_program .favor ul.list li {border-bottom: 1px solid #CDD0DB; }
    .two_program .favor ul.list li a {display: block; padding:13px 0; }
    .two_program .favor ul.list li a div {font-size: 15px; color:#333;}

    .container .contents_1 .banner2 {padding:45px 0; margin-bottom: 16px; background:#6634EF; text-align: center; }
    .container .contents_1 .banner2 a {display: block;}
    .container .contents_1 .banner2 .tit {display: inline-block; color:#fff;  text-align: center; border:1px solid rgba(255, 255, 255, 0.5); margin-bottom: 30px;}
    .container .contents_1 .banner2 .tit .inner {font-size: 18px; font-weight: bold; line-height: 27px; border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:12px 37px; }
    .container .contents_1 .banner2 .txt {display: block; color:#fff; font-size: 32px; font-weight: bold; line-height:1.3; margin-left: 0; position: relative; top:5px; font-family: 'Nanum Myeongjo';}
    .container .contents_1 .banner2 .txt span {font-size: 14px; font-weight: normal; line-height: 20px; display: inline-block; margin-left:23px;font-family:'Noto Sans KR'; position: relative; bottom:5px;}

    .container .contents_1 .sub_menubox {background: #F5F7FC; padding:30px 30px 15px; margin-bottom: 60px; box-sizing: border-box;}
    .container .contents_1 .sub_menubox ul.sub_menu li {display: inline-block; margin-bottom:15px; }
    .container .contents_1 .sub_menubox ul.sub_menu li a {display: block; color: #4E5379; font-size: 16px; line-height:1.2; padding:0 15px; border-right:1px solid #4E5379;}

    .container .contents_1 .banner3 {padding:45px 0; margin-bottom: 16px; background:#4B5BD5; text-align: center; }
    .container .contents_1 .banner3 .tit {display: inline-block; color:#fff;  text-align: center; border:1px solid rgba(255, 255, 255, 0.5); margin-bottom: 30px;}
    .container .contents_1 .banner3 .tit .inner {font-size: 18px; font-weight: bold; line-height: 27px; border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:12px 37px; }
    .container .contents_1 .banner3 .txt {display:block; color:#fff; font-size: 32px; font-weight: bold; line-height:1.3; margin-left: 0; position: relative; top:5px; font-family: 'Nanum Myeongjo';}

    .container .contents_1 .history table tr td .circle1 {position: absolute; top:9px; left:-6%; width:12px; height:12px; border-radius: 50%; background: #5565E2; }
    .container .contents_1 .history table tr td .circle2 {position: absolute; top:9px; right:-6%; width:12px; height:12px; border-radius: 50%; background: #5565E2; }

}
@media screen and (max-width:830px) {
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title {width:340px; position: absolute; left: 50%; bottom: 90px; margin-left: -170px; text-align: center;}

}

@media screen and (max-width:768px) {
    .container .contents_1 ul.bn_three {overflow: hidden; height: auto; margin-bottom: 40px;}
    .container .contents_1 ul.bn_three li {float: none; height:100%;}
    .container .contents_1 ul.bn_three .bn1 {width: 100%; height:280px; margin-right:0%; margin-bottom:16px; background-image:url('/images/bn1_sub.png'), url('/images/bn1.png'); background-size:30%, cover; background-position:center; background-repeat:no-repeat; text-align: center;}
    .container .contents_1 ul.bn_three .bn2 {width:100%; height:250px; margin-right: 0%; margin-bottom:16px;}
    .container .contents_1 ul.bn_three .bn3 {width: 100%; height:200px; background: url('/images/bn3.png') no-repeat center center; background-size: cover;}
    .br_hide1_none {display: none;}

    .two_program .today {float: none; width:100%; margin-right: 0; margin-bottom: 40px;}
    .two_program .today ul.list {border-top: 1px solid #A2ADD3; }
    .two_program .today ul.list li {padding: 16px 0; margin-bottom: 1px solid #CDD0DB; overflow: hidden; position: relative; border-bottom:1px solid #CDD0DB;}
    .two_program .today ul.list li img.tpro {width:150px; margin-right: 0; float: none;}
    .two_program .today ul.list li .txt_box {float: none; width:100%; }
    .two_program .today ul.list li .txt_box.no_img {width:100%!important; padding-top: 40px;}
    .two_program .today ul.list li .txt_box .tit {font-size:15px; color:#333; font-weight: bold; margin: 15px 0;}
    .two_program .today ul.list li .txt_box .tit b {font-size: 15px; color:#384FFF; text-decoration: underline; margin-right:17px;}
    .two_program .today ul.list li .txt_box .txt {font-size: 15px; color:#666666; line-height:22px;}


    .rfk_video ul.video li {width:30%; margin-right: 5%; margin-bottom:3%; float: left;}
    .rfk_video ul.video li:last-child {margin-right: 0;}
    .rfk_video ul.video li:nth-child(3n) {margin-right:0;}

    .container .contents_1 .banner2 .txt span {font-size: 14px; font-weight: normal; line-height: 20px; display: block; margin-left:0; margin-top:12px; font-family:'Noto Sans KR'; position: relative; bottom:5px;}

    .listen2 {width:130px; height:40px; line-height: 40px; font-size:15px; color:#fff; font-weight: bold; position: absolute; top:unset; bottom:24px; right:0; background: #4354D6; text-align: center; border-radius: 25px;}
    .listen2 .ls_img {position: relative; left: 5px; bottom: 1px;}
    .container .contents_1 .sub_list ul.list li .txt_box {margin-bottom: 60px;}
    .container .contents_1 .sub_list ul.list li .txt_box.txt_view {margin-bottom: 0!important;}

    .container .contents_1 ul.intro_list {overflow: hidden; margin-bottom: 50px;;}
    .container .contents_1 ul.intro_list li {float: left; width:49%; margin-right: 2%; margin-bottom: 2%; text-align: center; background: #F4F4F8; border-radius: 10px; padding:16px 10px; box-sizing: border-box; }
    .container .contents_1 ul.intro_list li:nth-child(3n) {margin-right: 2%;}
    .container .contents_1 ul.intro_list li:nth-child(2n) {margin-right: 0;}
    .container .contents_1 ul.intro_list li b {display: inline-block; width:32px; height:32px; line-height: 32px; font-size: 15px; color:#fff; background:#5565E2; border-radius: 50%; margin-bottom: 12px;}
    .container .contents_1 ul.intro_list li div {font-size: 15px; color:#444444; line-height: 22px;}

}

@media screen and (max-width:680px) {
    .rfk_video ul.video li {width:48%; margin-right: 4%; float: left;}
    .rfk_video ul.video li:last-child {margin-right: 0;}
    .rfk_video ul.video li:nth-child(3n) {margin-right:4%;}
    .rfk_video ul.video li:nth-child(2n) {margin-right:0;}

    .container .contents_1 .history table tr td .circle1 {position: absolute; top:9px; left:-11.6%; width:12px; height:12px; border-radius: 50%; background: #5565E2; }
    .container .contents_1 .history table tr td .circle2 {position: absolute; top:9px; right:-11.6%; width:12px; height:12px; border-radius: 50%; background: #5565E2; }

    .container .contents_1 .history table tr td.tableL {width:46%;}
    .container .contents_1 .history table tr td.tableC {width:8%;}
    .container .contents_1 .history table tr td.tableR {width:46%;}
    .container .contents_1 .history table tr td div {padding-bottom: 50px; font-size: 13px; color: #515576; position: relative;}
    .container .contents_1 .history table tr td div b {font-size: 15px; color: #2E335C; margin-bottom:5px; display: inline-block; line-height: 28px;}
    .container .contents_1 .history table tr td .line {display: inline-block; width:1px; min-height:800px; height:100%; background:#DCDEEA; line-height: 25px;}

}

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

}


@media screen and (max-width:480px) {
    .container .contents_1 {width:93%; margin:16px auto 0; box-sizing: border-box;}

    .container .contents_1 .banner1 {padding:25px 20px; margin-bottom: 16px; background-image: linear-gradient(to right, #7B4EF7 , #1EA2E8); text-align: center; }
    .container .contents_1 .banner1 .tit {display: inline-block; color:#fff; font-size: 15px; font-weight: bold; line-height: 22px; text-align: center; border:1px solid rgba(255, 255, 255, 0.5); margin-bottom:30px;}
    .container .contents_1 .banner1 .tit .inner {border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:12px 37px;}
    .container .contents_1 .banner1 .txt {display: block; color:#fff; font-size: 23px; font-weight: bold; line-height:1.3; margin-left: 0; position: relative; bottom:15px; text-align: center;}

    .container .contents_1 ul.bn_three {overflow: hidden; height: auto; margin-bottom: 40px;}
    .container .contents_1 ul.bn_three li {float: none; height:100%;}
    .container .contents_1 ul.bn_three .bn1 {width: 100%; height:280px; margin-right:0%; margin-bottom:16px; background-image:url('/images/bn1_sub.png'), url('/images/bn1.png'); background-size:30%, cover; background-position:center; background-repeat:no-repeat; text-align: center;}
    .container .contents_1 ul.bn_three .bn2 {width:100%; height:250px; margin-right: 0%; margin-bottom:16px;}
    .container .contents_1 ul.bn_three .bn3 {width: 100%; height:200px; background: url('/images/bn3.png') no-repeat center center; background-size: cover;}

    .container .contents_1 ul.bn_three .bn1 .tit {font-size: 28px; line-height: 36px; font-weight: bold; color:#fff; text-align: center; padding:60px 0 40px;}
    .container .contents_1 ul.bn_three .bn1 .today_btn {display: inline-block; font-size: 17px; line-height: 24px; font-weight: bold; color: #fff; border:1px solid #fff; padding:10px 25px; transition: .1s linear;}
    .container .contents_1 ul.bn_three .bn3 .layer {width:100%; height:100%; background:rgba(250, 191, 80, 0.8); text-align: center; padding:30px 0 0; box-sizing: border-box;}
    .container .contents_1 ul.bn_three .bn3 .layer .tit {display: inline-block; font-size: 15px; font-weight: bold; color: #333; border-top:1px solid #333; border-bottom:1px solid #333; line-height:27px; padding:6px 0;}
    .container .contents_1 ul.bn_three .bn3 .layer .btxt {font-size: 22px; font-weight: bold; color: #880A0A; line-height: 36px; text-align: center; margin:20px 0 30px;}
    .container .contents_1 ul.bn_three .bn3 .layer .mtxt {font-size: 14px; color: #333; line-height: 24px; text-align: center;}
    .swiper-pagination-bullet {position: relative; display: inline-block; margin:0 16px 0 0!important; width: 16px!important; height: 16px!important; background: none!important; transition: all 250ms ease;opacity:1!important; border-radius:50%!important; border:2px solid rgba(255, 255, 255, 0.6); box-sizing: border-box;}
    .page_box {position: absolute; width: 148px; height: 16px;left:50%; bottom: 230px; margin-left: -74px;}
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title {width:90%; position: absolute; left: 5%; bottom: 96px; margin-left:0; text-align: center;}
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title span {display: inline-block; font-size: 13px; color:#fff; border:1px solid #fff; border-radius:25px; padding: 4px 20px; margin-bottom:12px; }
    .container .contents_1 ul.bn_three .bn2 .swiper-container .swiper-slide .layer .title div {display: block;  margin: 0 auto; line-height: 1.3; font-size: 20px; font-weight: bold; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .container .contents_1 ul.bn_three .bn3 .layer {width:100%; height:100%; background:rgba(250, 191, 80, 0.8); text-align: center; padding:25px 0 0; box-sizing: border-box;}

    .rcmd_program ul.list li {float: left; width:calc(49% - 3px); height:86px; margin-right: 2%; margin-bottom: 2%; border-radius: 10px; position: relative; overflow: hidden;}
    .rcmd_program ul.list li:nth-child(2n) {margin-right: 0;}
    .rcmd_program ul.list li:last-child {margin-right: 0;}
    .rcmd_program ul.list li .layer {width:100%; height:100%; background: rgba(43, 54, 60, 0.5);}
    .rcmd_program ul.list li .layer .btxt {font-size: 16px; padding-top:10px; line-height: 20px; color:#fff; font-weight: bold; text-align: center; letter-spacing: 0px;}
    .rcmd_program ul.list li .layer .stxt {width:100%; height:26px; line-height:26px; font-size:13px; color:#fff; font-weight: bold; text-align: center; position: absolute; bottom: 0; left: 0;}
    .br_show1 {display: block;}

    .rfk_video {margin-bottom: 80px;}
    .rfk_video ul.video li {width:100%; margin-right: 0%; margin-bottom:24px;  float: none;}
    .rfk_video ul.video li:last-child {margin-right: 0;}
    .rfk_video ul.video li:nth-child(3n) {margin-right:0;}
    .rfk_video ul.video li:nth-child(2n) {margin-right:0;}

    .footer ul.list_top {overflow: hidden; background: #E4E7F2; text-align: center; padding:20px 0; }
    .footer ul.list_top li {display: inline-block;  font-size: 14px; margin-right:15px; padding-right:20px; border-right:1px solid #7C7A8E; line-height: 1.3;}
    .footer ul.list_top li:last-child {border-right: 0; padding-right: 0; margin-right: 0;}
    .footer ul.list_top li:nth-child(2) {border-right: 0; padding-right: 0; margin-right: 0;}
    .footer ul.list_top li a {color:#7C7A8E; transition: .1s linear;}
    .footer ul.list_top li:hover a {color:#333;}
    .footer .detail {background: #1F246A; padding: 30px 34px 40px;}
    .footer .detail .txtT { display: none; font-size: 14px; color:rgba(255, 255, 255, 0.6); line-height: 30px; text-align: center;}
    .footer .detail .txtT span {margin-top: 5px; display: inline-block;}
    .footer .copyright {font-size: 14px; font-weight: bold; color: rgba(255, 255, 255, 0.6); text-align: center; margin-top: 20px;}
    .txtT_m {display: block; font-size: 14px; color:rgba(255, 255, 255, 0.6); line-height: 30px; text-align: center;}
    .txtT_m span {display: inline-block; margin-top: 20px;}

    .container .contents_1 .banner2 {padding:30px 0; margin-bottom: 16px; background:#6634EF; text-align: center; }
    .container .contents_1 .banner2 a {display: block;}
    .container .contents_1 .banner2 .tit {display: inline-block; color:#fff;  text-align: center; border:1px solid rgba(255, 255, 255, 0.5); margin-bottom: 19px;}
    .container .contents_1 .banner2 .tit .inner {font-size: 15px; font-weight: bold; line-height: 22px; border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:8px 22px; }
    .container .contents_1 .banner2 .txt {display: block; color:#fff; font-size: 23px; font-weight: bold; line-height:1.3; margin-left: 0; position: relative; top:5px; font-family: 'Nanum Myeongjo';}
    .container .contents_1 .banner2 .txt span {font-size: 13px; font-weight: normal; line-height: 19px; display: block; margin-left:0; margin-top:12px; font-family:'Noto Sans KR'; position: relative; bottom:5px;}

    .container .contents_1 .sub_menubox {background: #F5F7FC; padding:30px 10px 15px; margin-bottom: 80px; box-sizing: border-box;}
    .container .contents_1 .sub_menubox ul.sub_menu li {display: inline-block; margin-bottom:15px; }
    .container .contents_1 .sub_menubox ul.sub_menu li a {display: block; color: #4E5379; font-size: 15px; line-height:1.2; padding:0 10px; border-right:1px solid #4E5379;}

    .container .contents_1 .sub_list ul.list li .list_view {margin-top:22px; padding-top:40px; border-top:1px solid #CDD0DB; margin-bottom:50px; }

    .container .contents_1 .banner3 {padding:30px 0; margin-bottom: 16px; background:#4B5BD5; text-align: center; }
    .container .contents_1 .banner3 .tit {display: inline-block; color:#fff;  text-align: center; border:1px solid rgba(255, 255, 255, 0.5); margin-bottom: 19px;}
    .container .contents_1 .banner3 .tit .inner {font-size: 15px; font-weight: bold; line-height: 22px; border:1px solid rgba(255, 255, 255, 0.5); margin:5px 6px; padding:8px 22px; }
    .container .contents_1 .banner3 .txt {display:block; color:#fff; font-size: 23px; font-weight: bold; line-height:1.3; margin-left: 0; position: relative; top:5px; font-family: 'Nanum Myeongjo';}

    .container .contents_1 ul.intro_list {overflow: hidden; margin-bottom: 50px;;}
    .container .contents_1 ul.intro_list li {float: left; width:100%; margin-right: 0; margin-bottom: 16px; text-align: center; background: #F4F4F8; border-radius: 10px; padding:16px 10px; box-sizing: border-box; }
    .container .contents_1 ul.intro_list li:nth-child(3n) {margin-right: 0;}
    .container .contents_1 ul.intro_list li:nth-child(2n) {margin-right: 0;}
    .container .contents_1 ul.intro_list li b {display: inline-block; width:32px; height:32px; line-height: 32px; font-size: 15px; color:#fff; background:#5565E2; border-radius: 50%; margin-bottom: 12px;}
    .container .contents_1 ul.intro_list li div {font-size: 15px; color:#444444; line-height: 22px;}

    .container .contents_1 .intro_cont {width:100%; margin:50px auto 0;}
    .container .contents_1 .intro_cont .desc {font-size: 16px; line-height: 30px; font-weight: bold; color: #2E335C; text-align: center; margin-bottom:50px; }

    .container .contents_1 .history table tr td .line {display: inline-block; width:1px; min-height:915px; height:100%; background:#DCDEEA; line-height: 25px;}

    .container .contents_1 .history table tr td .circle1 {position: absolute; top:9px; left:-13%; width:12px; height:12px; border-radius: 50%; background: #5565E2; }
    .container .contents_1 .history table tr td .circle2 {position: absolute; top:9px; right:-14%; width:12px; height:12px; border-radius: 50%; background: #5565E2; }

}

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

}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

/* black
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;
}
*/