/* boot strap*/
/* body{-webkit-touch-callout:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
@import url('//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
*/
body .container{width:1280px; margin: 0 auto;}
legend{display:none !important}

/* new_2021 */
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight:100;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight:900;
    font-style:normal;
}

@font-face {
    font-family:'jalnan';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-weight:100;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
	font-style:normal;
}
@font-face {
	font-weight:200;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
	font-style:normal;
}
@font-face {
	font-weight:300;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	font-style:normal;
}
@font-face {
	font-weight:400;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
	font-style:normal;
}
@font-face {
	font-weight:500;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
	font-style:normal;
}
@font-face {
	font-weight:600;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
	font-style:normal;
}
@font-face {
	font-weight:700;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
	font-style:normal;
}
@font-face {
	font-weight:800;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
	font-style:normal;
}
@font-face {
	font-weight:900;
	font-family:'S-CoreDream';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
	font-style:normal;
}

/* margin */
#hd_pop3 {z-index:99;position:relative;margin:0 auto;width:100%;height:0;}
#hd_pop3 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_pop2 {z-index:99;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop2 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops2 {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops2 img{max-width:100%}
.hd_pops_footer2 {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer2:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer2 button {padding:10px;border:0;color:#fff}
.hd_pops_footer2 .hd_pops_reject2{background:#000;text-align:left}
.hd_pops_footer2 .hd_pops_close2{background:#393939;position:absolute;top:0;right:0}

.padding-0{padding:0 !important}
.padding-5{padding:5px !important}
.padding-10{padding:10px !important}
.padding-20{padding:20px !important}
.padding-30{padding:30px !important}
.padding-40{padding:40px !important}

.padding-top-0{padding-top:0 !important}
.padding-top-10{padding-top:10px !important}
.padding-top-20{padding-top:20px !important}
.padding-top-30{padding-top:30px !important}
.padding-top-40{padding-top:40px !important}

.padding-bottom-0{padding-bottom:0 !important}
.padding-bottom-10{padding-bottom:10px !important}
.padding-bottom-20{padding-bottom:20px !important}
.padding-bottom-30{padding-bottom:30px !important}
.padding-bottom-40{padding-bottom:40px !important}

.padding-right-0{padding-right:0 !important}
.padding-right-10{padding-right:10px !important}
.padding-right-20{padding-right:20px !important}
.padding-right-30{padding-right:30px !important}
.padding-right-40{padding-right:40px !important}

.padding-left-0{padding-left:0 !important}
.padding-left-10{padding-left:10px !important}
.padding-left-20{padding-left:20px !important}
.padding-left-30{padding-left:30px !important}
.padding-left-40{padding-top:40px !important}

/* padding */

.margin-0{margin:0 !important}
.margin-10{margin:10px !important}
.margin-20{margin:20px !important}
.margin-30{margin:30px !important}
.margin-40{margin:40px !important}

.margin-top-0{margin-top:0 !important}
.margin-top-10{margin-top:10px !important}
.margin-top-20{margin-top:20px !important}
.margin-top-30{margin-top:30px !important}
.margin-top-40{margin-top:40px !important}

.margin-bottom-0{margin-bottom:0 !important}
.margin-bottom-10{margin-bottom:10px !important}
.margin-bottom-20{margin-bottom:20px !important}
.margin-bottom-30{margin-bottom:30px !important}
.margin-bottom-40{margin-bottom:40px !important}

.margin-right-0{margin-right:0 !important}
.margin-right-10{margin-right:10px !important}
.margin-right-20{margin-right:20px !important}
.margin-right-30{margin-right:30px !important}
.margin-right-40{margin-right:40px !important}

.margin-left-0{margin-left:0 !important}
.margin-left-10{margin-left:10px !important}
.margin-left-20{margin-left:20px !important}
.margin-left-30{margin-left:30px !important}
.margin-left-40{margin-left:40px !important}

.display-none{display:none !important}
.oh{overflow:hidden}
.float-left{float:left}
.float-right{float:right}

.width-100p{width:100% !important}


/* head */

.nw_container { width:1200px; }
.nw.navbar-default {background-color:white;border:0;margin:0;}
.nw>.container-fluid { border-top:solid 6px #444fa2; }
.nw .top_menu { float:right; margin:30px 10px 0; }
.nw .top_menu li { display:inline-block; padding:0 10px; }
.nw .top_menu li a { color:#666; }
.nw .top_menu .tnb_admin>a { color:#cf0000; }
.nw .top_menu .com_admin>a { color:#444fa2; }

.nw .top_menu .com_admin>a {}
.nw .dropdown:hover .dropdown-menu {     background-color:rgba(255, 255, 255, 0.87); }
.nw .head_top { overflow:hidden; margin:10px auto 20px; padding:0; }
.nw .head_top>a {margin-top:15px;float:left;}
.nw .head_top>a>img {min-height:60px;max-height:100px;}
.nw .head_bot { border-top:solid 1px #eee; border-bottom:solid 1px #eee;
/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+76,eee+76,eee+76,eee+100 */
background:#ffffff; /* Old browsers */
background:-moz-linear-gradient(left, #ffffff 0%, #ffffff 76%, #eee 76%, #eee 76%, #eee 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(left, #ffffff 0%,#ffffff 76%,#eee 76%,#eee 76%,#eee 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to right, #ffffff 0%,#ffffff 76%,#eee 76%,#eee 76%,#eee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=1 ); /* IE6-9 */
 }


.nw .head_bot>.container { padding:0; }
.nw .head_bot>.container>.nav>li { border-left:solid 1px #eee; }
.nw .head_bot>.container>.nav>li a {padding:10px 20px;font-size:16px;font-weight:bold;}
.nw .head_bot>.container>.nav>li:last-child { border-right:solid 1px #eee; }
.nw .menu_right { float:right; margin:0; }
.nw .menu_right>li { padding:10px 55px 10px 0; float:right; background-color:#eee; }
.nw .menu_right>li>a { color:#666; }
.nw .menu_right .none { width:0; height:0; border:40px solid #eeeeee; border-top-width:0px; border-left-color:transparent; margin:0; background-color:white; padding:0; }
.nw .com_board{background-color:#727ab9;}
.nw .com_board a{color:white !important;}

/* main */
#wrapper .container{}
.sec .row {margin:auto;padding:0;}
.sec1 { background-image:url(../img/main/main_slider.png); background-repeat:no-repeat; background-size:cover; background-position:center; }
.main_s .s_img {width:100%;}
.sec1 .main_r1 {background-color:rgba(231, 232, 75, 0.7);width:100%;padding:10px 10px;}
.sec1 .main_r2 {background-color:rgba(68, 79, 162, 0.9);color:white;text-align:center;}
.sec1 .main_r2 .p1 {margin:55px 0 0;font-size:25px;font-weight:bold;}
.sec1 .main_r2 .p2 { font-size:16px; color:rgba(255, 255, 255, 0.52); }
.sec1 .main_r2 .p3 { font-size:12px; margin:0; }
.sec1 .main_r2 .p4 {font-size:12px; margin-bottom:40px;}
.sec1 .main_r2 .a1 {color:white;width:160px;display:block;border:solid 1px #ccc;margin:40px auto 20px;padding:10px;}
.sec2 { margin:40px auto; }
.sec2 ul{ text-align:center; }
.sec2 ul li{ display:inline-block; width:24%; }
.sec2 ul li img{ width:100%; }

/*mypage*/
section.mypage_sec {background-color:#f8f8f8;border:solid 1px #ccc;padding:25px;margin:20px 0;}
section.mypage_sec .my_sec_tit { border-bottom:solid 1px #ccc;}

/* educompass */
.nw_survey{padding-top:40px;border:solid 1px #ccc;border-top:0;}
.nw_survey>div { margin:0; }
.nw_survey .s_box { box-sizing:border-box; padding:10px 20px 50px; }
.nw_survey .s_box.s_title{ padding-bottom:2px; padding-top:18px; }
.nw_survey .s_label { margin-bottom:10px; }

/* vod_intro */
.vod_intro_tit{font-size:24px; font-weight:bold; line-height:35px;}
.vod_intro{
    text-align:center;
    /* overflow:hidden; */
    margin-top:182px;
    margin-bottom:80px;
}

.vod_intro .in_btn {padding:25px 95px;/* border:solid 1px #ccc; */color:#fff;font-size:24px;display:inline-block;border-radius:100px;}
.vod_intro a.btn{width:40%}

/*board*/
#bo_gall,#bo_list,#bo_v,#bo_w{margin:50px auto; margin-top:0;}

/*register_member*/
#register_member { margin:50px auto; }


/*scrap*/
#scrap .s_wrap {display:table;margin:0;border:0;}
#scrap .s_wrap .s_l{ display:table-cell; }
#scrap .s_wrap .s_r{background-color:#3f3f3f;display:table-cell;vertical-align:middle;border-top:solid 1px white;borde;border-bottom:solid 1px white;}
#scrap .s_wrap .s_r a {color:white;text-align:center;vertical-align:middle;font-size:20px;padding:0 9px;margin:2px 0;height:100%;display:block;position:relative;}


.gall_slide {margin-bottom:50px;}
.gall_slide .slick-arrow {position:absolute; top:0; width:20px; height:100%; z-index:1; font-size:0; border:0; background:none;}
.gall_slide .slick-disabled {opacity:.3;}
.gall_slide .slick-arrow:before,
.gall_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:26px; height:2px; margin-left:-13px; background:#525252;}
.gall_slide .slick-arrow:before {margin-top:-10px;}
.gall_slide .slick-arrow:after {margin-top:8px;}
.gall_slide .slick-prev {left:-30px;}
.gall_slide .slick-prev:before {transform:rotate(-45deg);}
.gall_slide .slick-prev:after {transform:rotate(45deg);}
.gall_slide .slick-next {right:-30px;}
.gall_slide .slick-next:before {transform:rotate(45deg);}
.gall_slide .slick-next:after {transform:rotate(-45deg);}






/* mobile */


/* head */

body .nw_m .container {width:inherit;}

.nw_m .m_nav {background-color:white;box-sizing:border-box;}

.nw_m .m_nav .navbar-bot .open li {
    padding:9px 5px;
    border-bottom:solid 1px #ccc;
}

.nw_m .m_nav .navbar-bot .open li:last-child {
    border:0;
}
.nw_m .m_nav .nav_head {padding:10px;width:100%;margin:0;position:relative;text-align:center;}

.nw_m .m_nav .navbar-bot {
    border-top:solid 1px #eee;
    margin:0;
}

.nw_m .m_nav .navbar-bot > div {
    padding:0;
    text-align:center;
    padding:10px 0;
	font-size:12px;
}

.nw_m .m_nav .navbar-bot > .com_board {
    background:#444fa2;
}

.nw_m .m_nav .navbar-bot > .com_board a {
    color:white;
}
.nw_m .m_nav .nav_head .nav_logo {display:inline-block;margin:auto;}
.nw_m .m_nav .nav_head .nav_logo img {height:40px;}
.nw_m .m_nav .nav_head .nav_login { position:absolute; right:10px; top:11px; font-weight:bold; line-height:16px; color:#666; text-decoration:none; }
.nw_m .m_nav .nav_head .nav_login i { font-size:27px; }
.nw_m .m_nav .nav_head .navbar-toggle{padding:10px;margin:0;position:absolute;float:none;left:10px;top:15px;}

.nw_m .m_nav #menu1	{margin:0}
.nw_m .m_nav #menu1 .in_nav0{margin:0 0 10px;border-top:solid 1px #eee;}
.nw_m .m_nav #menu1 .in_nav1 {border-bottom:0;overflow:hidden;}
.nw_m .m_nav #menu1 .in_nav1 li{width:33.3%;float:left;text-align:center;padding:10px 0 10px;border-right:solid 1px #eee;border-bottom:solid 1px #eee;}
.nw_m .m_nav #menu1 .in_nav1 li:nth-child(3n+0) { border-right:0; }
.nw_m .m_nav #menu1 .in_nav1 li a{ color:#888; }

/* main */

.sec_1{width:100%;height:auto;background:url('/img/mobile/m_main.jpg');background-repeat:no-repeat;background-size:cover;}
.sec_2{width:100%;background-color:#eeef6a;padding:40px 20px 20px;}

.sec_2 .key10 { margin:15px 0; }
.sec_2 .key10>div { padding:0; }
.sec_2 .key10 .key10_in {padding:8px 5px;border:solid 5px #eeef6a;/* margin:5px; */background:#fcfcea;fffcf;}
.sec_2 .key10 .key10_in a{color:#555; font-size:1.0em;}
.sec_2>p {font-size:20px;font-weight:bold;text-align:center;font-size:1.8em;letter-spacing:-1px;line-height:25px;}
.sec_2>p span{font-size:0.7em;color:#b0b14f;font-weight:normal;}

.sec_3{background:#444fa2;padding:20px; width:100%; overflow:hidden;}
.flex-direction-nav a{height:48px !important}
.flex-control-nav{position:static !important; }
.navbar{margin-bottom:0px !important;}
.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{display:none;}

.sec_3 .test_l{float:left;}
.sec_3 .test_l p{ color:#fff; font-size:1.8em; font-weight:bold; padding:20px; }
.sec_3 .test_l p span{ font-weight:normal; font-size:0.7em; color:#7b83bd; }
.sec_3 .test_r{float:right;margin-top:62px;}
.test_btn{color:#fff !important;border:1px solid;padding:15px 30px;}
.s_img {/* max-width:640px; */margin:0 auto;}


/* tail */
.nw_m .ft_wr{}
.nw_m .ft_wr .ft_info{ color:#eee; word-break:keep-all; }
.nw_m .ft_wr .ft_info strong { font-size:17px; }
.nw_m .ft_wr #ft_logo{display:block;}
.nw_m .ft_wr #ft_logo img { display:block; margin:auto; }
.nw_m .ft_wr #top_btn{ position:fixed; right:10px; bottom:10px; background:rgba(34, 34, 34, 0.5); border:0; padding:12px 18px; font-size:25px; border:solid 1px white; color:white; }

.nw_m .ft_nw { padding:0; }
.nw_m .ft_nw .ft_ul{ width:100%; }
.nw_m .ft_nw .ft_ul a{}
.nw_m .ft_nw .ft_ul li{ float:left; width:33.3%; text-align:center; padding:10px 0; }
.nw_m .ft_nw .ft_ul li:last-child { border-right:0; }





/*vod_intro*/
.rolling_slider{ width:100%; height:300px; }
.rolling_slider>div{ width:100%; height:300px; }
.vod_intro_tit{font-size:24px; font-weight:bold; line-height:35px;}
.vod_intro_m { margin:0; }
.vod_intro_m .vod_slider_wrap .bx-wrapper {box-shadow:none;}
.vod_intro_m .vod_intro {margin:40px auto;margin-top:100px;}
.vod_intro_m .vod_intro .in_btn { padding:10px; box-sizing:border-box; font-size:15px; }
.vod_intro_m .vod_intro_tit{font-size:17px; font-weight:bold; line-height:20px;}

.vod_intro_wrap .bx-wrapper {margin:30px auto;}


/* banner 20180829 */
.row.container {position:relative;}
.row.container .mbanner {position:absolute; bottom:250px; left:690px;}



/* hotedu_slide */
.hotedu_slide_wrap {position:relative; overflow:hidden;}

.hotedu_slide_for {float:left; background:url('/img/bg_fptv.jpg') no-repeat 0 0; width:842px; height:536px; padding:39px 40px 0 40px; margin:0 40px;}
.hotedu_slide_for .slick-arrow {position:absolute; top:50%; width:26px; height:45px; margin-top:-22px; text-indent:-5000px; z-index:1; border:0; transition:.2s linear;}
.hotedu_slide_for .slick-prev {left:-40px; background:url('/img/arrow_prev.png') no-repeat;}
.hotedu_slide_for .slick-next {right:-40px; background:url('/img/arrow_next.png') no-repeat;}
.hotedu_slide_for .slick-arrow:hover {opacity:.6;}


.hotedu_slide_nav_wrap {float:right; position:relative; width:222px; padding-top:80px;}
.hotedu_slide_nav .slick-list {padding:0 !important;}
.hotedu_slide_nav .slick-slide {border:#ccc 1px solid !important; border-top:0 !important; opacity:.8; cursor:pointer;margin-bottom:5px;}
.hotedu_slide_nav .slick-slide:first-child {border-top:#ccc 1px solid !important;}
.hotedu_slide_nav .slick-slide.slick-current {opacity:1;}
.hotedu_slide_nav .slick-arrow {position:absolute; bottom:-54px; width:59px; height:34px; line-height:32px; text-indent:-5000px; z-index:1; border:#cfcfcf 1px solid; transition:.2s linear;}
.hotedu_slide_nav .slick-prev {left:32px; background:url('/img/arrow_prev2.gif') no-repeat 50% 50% #fff;}
.hotedu_slide_nav .slick-next {right:32px; background:url('/img/arrow_next2.gif') no-repeat 50% 50% #fff;}
.hotedu_slide_nav .slick-arrow:hover {opacity:.6;}
.hotedu_slide_wrap .hotedu_btn {position:absolute; top:384px; left:50%; margin-left:-20px; width:40px; height:34px; line-height:32px; text-align:center; border:#cfcfcf 1px solid; color:#ccc;}
.hotedu_slide_wrap .hotedu_btn img {vertical-align:top;}
.hotedu_slide_wrap .hotedu_play {display:none;}
/*.hotedu_slide_nav .custom_paging {position:absolute; bottom:-64px; left:50%; margin-left:-20px; width:40px; height:34px; line-height:32px; text-align:center;}
.hotedu_slide_nav .custom_paging li {position:absolute; top:0; left:0; width:100%; background:#fff; border:#cfcfcf 1px solid;}
.hotedu_slide_nav .custom_paging li.slick-active {z-index:1;}*/



.gall_table {position:relative; overflow:hidden; width:600px; margin:0 auto; border:#ddd 1px solid; }
.gall_table .top_txt {position:relative; width:100%; height:242px; text-align:right; line-height:50px; background:url('/img/img_lineup_top.jpg') no-repeat 0 0 / 100%; overflow:hidden; padding:0 50px;}
.gall_table .top_txt .month {font-size:44px; color:#948a54; font-weight:bold; margin-top:70px;}
.gall_table .top_txt strong {display:block; font-size:44px; color:#0d0d0d; font-weight:bold; margin-bottom:30px; text-shadow:rgba(0,0,0,.5) 0 3px 3px;}
.gall_table .top_txt p {font-size:11px; color:#000; line-height:20px; letter-spacing:-.5px; text-align:right;}
.gall_table .inbox {width:100%; padding:0 50px;}
.gall_table table {position:relative; width:100%; margin:-4px auto 0; border-bottom:#aeaca1 2px solid;}
.gall_table table th {font-size:18px; color:#000; border-top:#aeaca1 2px solid; border-bottom:#aeaca1 2px solid; line-height:30px; background:#ddd9c3; padding:0 20px;}
.gall_table table td {position:relative; text-align:left; border-left:#9f9f9f 1px solid; border-right:#9f9f9f 1px solid; vertical-align:top;}
.gall_table table td:first-child {border-left:0;}
.gall_table table td:last-child {border-right:0;}
.gall_table table td a {display:block; position:relative; color:#1e1e1e; padding:5px; border:#fff 1px solid; overflow:hidden;}
.gall_table table td .c {position:absolute; top:-25px; right:-25px; transform:rotate(45deg); width:40px; height:40px;}
.gall_table table td strong {display:block; font-size:14px; font-weight:normal; margin-bottom:5px;}
.gall_table table td p {font-size:12px; line-height:20px; margin:0;}
.gall_table .tar {text-align:right; font-size:11px; color:#333; padding:10px 0;}
.gall_table .btm_text {margin-bottom:20px;}
.gall_table .btm_text .tt {font-size:15px; color:#000; font-weight:bold; line-height:30px;}
.gall_table .btm_text ul {overflow:hidden;}
.gall_table .btm_text ul li {position:relative; margin-right:10px; font-size:12px; line-height:18px; padding-left:24px; float:left;}
.gall_table .btm_text ul li em {position:absolute; top:0; left:0; width:18px; height:18px;}
.gall_table .btm_text ul li em:before {content:""; position:absolute; top:-7px; right:-7px; width:10px; height:10px; background:#fff; transform:rotate(45deg);}
.gall_table .btm {width:100%;}
.gall_table .btm img {width:100%;}
.gall_table .c1 {background:#f74515;}
.gall_table .c2 {background:#bfbfbf;}
.gall_table .c3 {background:#ffc000;}
.gall_table .c4 {background:#0070c0;}
.gall_table .c5 {background:#00b050;}
.gall_table .c6 {background:#e745a5;}



#scrap .list_01 .s_r {
    background-color:#3f3f3f;
}

#scrap .list_01 .s_r > div {
    width:42px;
    height:42px;
    text-align:center;
    padding:3px;
}
#scrap .list_01 .s_r .top {
    border-bottom:solid 1px white;
}

#scrap .list_01 .s_r .bot {}

.tea_svisual {position:relative; height:240px;text-align:center;}
.tea_svisual img { top:0; }


/* 2111 추가 */
.review_wrap {padding-bottom:70px; font-family:'Noto sans KR', 'Noto Sans Korean', 'nanum gothic', 'Dotum', '돋움', 'Arial', sans-serif;}
.review_wrap a {transition:.2s linear;}
.review_wrap table {width:100%;}

.review_wrap .top {background:#fcff4f; padding:55px 0 45px; text-align:center;}
.review_wrap .top strong {display:block; font-size:28px; color:#333; font-weight:700; line-height:40px;}
.review_wrap .top p {font-size:17px; color:#666; line-height:20px; margin:10px 0 0; letter-spacing:2.5px;}
.review_wrap .select {padding:20px 0 40px;}
.review_wrap .select .all {display:block; font-size:17px; color:#cb2d2d; line-height:26px;}
.review_wrap .select .wrap {overflow:hidden;}
.review_wrap .select dl {float:left; width:50%; overflow:hidden; margin-bottom:0;}
.review_wrap .select dt,
.review_wrap .select dd {float:left;}
.review_wrap .select dt {font-size:17px; color:#333; font-weight:400; line-height:35px;}
.review_wrap .select dd {overflow:hidden; padding-left:5px;}
.review_wrap .select dd a,
.review_wrap .select dd em {float:left; font-size:17px; color:#333; font-weight:300; line-height:35px;}
.review_wrap .select dd em {font-style:normal; padding:0 5px;}
.review_wrap .board_list table {border-top:#333 2px solid; table-layout:fixed;}
.review_wrap .board_list th,
.review_wrap .board_list td {border-bottom:#ddd 1px solid; font-size:16px; line-height:400; line-height:52px; text-align:center;}
.review_wrap .board_list th {color:#333;}
.review_wrap .board_list td {color:#666;}
.review_wrap .board_list td.tal {text-align:left;}
.review_wrap .board_list td a {display:inline-block; max-width:100%; vertical-align:top; color:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.review_wrap .board_bottom .btns {overflow:hidden; margin-top:40px;}
.review_wrap .board_bottom .btns .btn {display:inline-block; width:150px; height:40px; line-height:38px; background:#fff; color:#0e5ba2; text-align:center; border:#0e5ba2 1px solid; vertical-align:top;}
.review_wrap .board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.review_wrap .board_bottom .btns .fl {float:left;}
.review_wrap .board_bottom .btns .fr {float:right; text-align:right;}
.review_wrap .board_bottom .paging {text-align:center; margin-top:40px; font-size:0;}
.review_wrap .board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#898989; vertical-align:top; margin:0 7px;}
.review_wrap .board_bottom .paging a:hover,
.review_wrap .board_bottom .paging a.on {background:#444fa2; color:#fff;}
.review_wrap .board_bottom .paging .nums {margin:0 10px;}
.review_wrap .board_bottom .paging .arrow {background:none !important;}
.review_wrap .board_bottom .search_wrap {text-align:center; margin-top:40px;}
.review_wrap .board_bottom .search_wrap .text,
.review_wrap .board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px; line-height:38px;}
.review_wrap .board_bottom .search_wrap select.text {}
.review_wrap .board_bottom .search_wrap input.text {width:240px; border:#ddd 1px solid;}
.review_wrap .board_bottom .search_wrap .btn {width:80px; border:#444fa2 1px solid; background:#fff; color:#444fa2; text-align:center; padding:0;}

.review_wrap .board_in table {border-top:#333 2px solid;}
.review_wrap .board_in th,
.review_wrap .board_in td {border-bottom:#ddd 1px solid;}
.review_wrap .board_in thead th {position:relative; text-align:center; font-size:24px; color:#333; font-weight:700; line-height:40px; padding:20px 160px;}
.review_wrap .board_in thead th span {position:absolute; top:20px; left:10px; width:140px; height:40px; line-height:40px; font-size:16px; color:#333; font-weight:700; text-align:center; background:#ffc000;}
.review_wrap .board_in thead td {padding:20px 0; text-align:center; font-size:0;}
.review_wrap .board_in thead td span {display:inline-block; vertical-align:top; font-size:16px; color:#666; line-height:20px; margin:0 40px;}
.review_wrap .board_in thead td span strong {color:#333;}
.review_wrap .board_in tbody td {padding:25px 15px; font-size:16px; color:#666; line-height:26px;}
.review_wrap .board_in tbody td .btn_chu {display:block; font-size:16px; color:#333; line-height:40px; width:230px; text-align:center; background:#eee; border:0; border-radius:10px; margin:40px auto 0;}
.review_wrap .board_in tbody td .btn_chu i {display:inline-block; vertical-align:top; width:32px; height:40px; background:url('/img/icon_chu.png') no-repeat 50% 50% / contain;}
.review_wrap .board_in tbody td .tal {text-align:left;}

.vod_h1 {position:relative; padding-right:140px; font-size:19px;}
.vod_h1 .btn_review {position:absolute; top:10px; right:0; width:124px; height:36px; line-height:36px; font-size:16px; color:#464da5; font-weight:500; padding-left:32px; text-align:center; border-radius:16px; background:#fff; font-family:'Noto sans KR', 'Noto Sans Korean';}
.vod_h1 .btn_review i {position:absolute; top:0; left:14px; display:block; width:26px; height:36px; background:url('/img/icon_review.png') no-repeat 50% 50%;}

.pop_review {width:860px; max-width:100%; background:#fff;}
.pop_review * {font-family:'Noto sans KR', 'Noto Sans Korean', 'nanum gothic', 'Dotum', '돋움', 'Arial', sans-serif;}
.pop_review .tit {font-size:23px; color:#fff; font-weight:700; line-height:44px; height:44px; width:100%; text-align:center; background:#2a2e63;}
.pop_review .cn {padding:10px 15px 20px;}
.pop_review .cn table {width:100%; border-top:#000 1px solid;}
.pop_review .cn th,
.pop_review .cn td {border-bottom:#ddd 1px solid; color:#333; line-height:20px; padding:15px 10px;}
.pop_review .cn th {font-size:18px; font-weight:500; border-right:#ddd 1px solid; width:228px;}
.pop_review .cn td {font-size:16px;}
.pop_review .cn td textarea {width:100%; height:150px; resize:none;}
.pop_review .tac {text-align:center;}
.pop_review label.check {display:inline-block; margin:25px 0 20px; vertical-align:top; font-size:18px; color:#666; font-weight:400; line-height:24px;}
.pop_review label.check input {vertical-align:top; width:16px; height:16px; margin:4px 5px 0 0;}
.pop_review .btn {display:block; font-size:18px; color:#fff; font-weight:700; line-height:56px; height:56px; width:170px; background:#2a2e63; border:0; text-align:center; margin:0 auto; padding:0;}
.fancybox-overlay .fancybox-close {top:0; right:0; width:44px; height:44px; background:none;}
.fancybox-overlay .fancybox-close:before,
.fancybox-overlay .fancybox-close:after {content:""; position:absolute; top:50%; left:50%; width:36px; height:4px; background:#9597b1; margin:-2px 0 0 -18px;}
.fancybox-overlay .fancybox-close:before {transform:rotate(45deg);}
.fancybox-overlay .fancybox-close:after {transform:rotate(-45deg);}

.inner {width:1280px; margin:0 auto;}
/* header */
.new_hd {position:relative; z-index:1000;}
.new_menu * {font-family:'Pretendard'; box-sizing:border-box;}
.new_menu .inner {position:relative; height:100px; padding-top:20px;}
.new_menu .logo {float:left; font-size:0; line-height:60px;max-width:150px;}
.new_menu .logo img {width:auto; height:auto; max-height:60px;}
.new_menu .gnb {position:relative; float:right; padding:0 10px 0 30px;}
.new_menu .gnb ul {height:80px; margin:0; float:left;}
.new_menu .gnb li {position:relative; float:left; margin-right:32px;}
.new_menu .gnb li > a {font-size:18px; color:#222; font-weight:500; line-height:80px;}
.new_menu .gnb li.btn_zzim {margin-right:20px;}
.new_menu .gnb li.btn_zzim a {font-size:16px; color:#33258c; padding:10px; border:#33258c 1px solid; border-radius:10px;}
.new_menu .gnb li.btn_zzim2 a {font-size:16px; color:#fff; padding:10px; background-color:#33258c; border-radius:10px;}
.new_menu .snb {position:absolute; top:80px; left:0; width:180px; border:#ddd 1px solid; background:rgba(255,255,255,.9); box-shadow:rgba(0,0,0,.2) 0 6px 12px; display:none;}
.new_menu .snb a {display:block; font-size:16px; color:#333; line-height:20px; padding:10px 20px;}
.new_menu .snb a:hover {background:#f5f5f5;}
.new_menu .gnb li:hover .snb {display:block;}
.new_menu .top_menu {position:absolute; top:0; right:0;}
.new_menu .top_menu ul {overflow:hidden;}
.new_menu .top_menu li {float:left; margin-left:5px;}
.new_menu .top_menu li a {display:block; font-size:14px; color:#222; font-weight:300; line-height:29px; height:30px; border:#d4d4d4 1px solid; border-radius:0 0 10px 10px; width:78px; text-align:center; border-top:0;}
.new_menu .top_menu li a.bg {color:#fff; background:#33258c; border-color:#33258c;}
.new_menu .top_menu li a.bg2 {color:#fff; background:#a50639; border-color:#a50639; width:100px;}
.select_area {position:absolute; top:50%; right:0; display:block; width:240px; padding-right:54px; background:#f6f6f6; border-radius:10px; margin-top:-22px;}
.select_area .text {display:block; border:0; outline:0; height:44px; padding:0 5px; background:none;}
.select_area .btn {position:absolute; top:0; right:0; width:54px; height:44px; background:url('/img/main/icon_search.png') no-repeat 50% 50%; border:0; outline:0; font-size:0;}
/* footer */
.footer_link {background:#fff;}
.footer_link .inner {position:relative;}
.footer_link .ft_ul {float:left; margin:0;}
.ft_nw{border-top:solid 1px #ccc;background-color:#f8f8f8;}
.ft_nw .ft_ul li { border-right:solid 1px #ccc; display:inline-block; padding:10px 10px; }
.ft_nw .ft_ul li a { color:#666; }
.ft_nw .ft_ul li:first-child { border-left:solid 1px #ccc }
.ft_nw .ft_ul {margin:0;float:left;}
.ft_nw .ft_tel {margin:0;float:right;padding:7px;font-size:18px;font-weight:bold;color:#666;}
.footer_new {border-top:#eee 1px solid; padding:40px 0 30px;}
.footer_new * {font-family:'Pretendard';}
.footer_new .inner {position:relative; font-size:16px; color:#525252; font-weight:300; line-height:28px;}
.footer_new .ft_ul {position:relative;}
.footer_new .ft_ul ul {overflow:hidden; margin-top:10px;}
.footer_new .ft_ul li {float:left; margin-right:40px;}
.footer_new .ft_ul li a {display:block; font-size:16px; color:#2e2e2e; font-weight:400; line-height:20px;}
.footer_new .ft_ul .copy {/* position:absolute; bottom:0; right:0; */ font-size:16px; color:#525252; font-weight:300; line-height:20px; margin-top:10px;}
.footer_slide_wrap {border-top:#ddd 1px solid; padding:20px 0; }
.footer_slide {position:relative;  padding:0px 45px; overflow:hidden;}
.footer_slide:before {content:""; position:absolute; top:0; left:0; width:40px; height:100%; background:#fff; z-index:2;}
.footer_slide .swiper-slide,
.footer_slide .slick-slide {display:block; width:165px; height:61px; border:#ddd 1px solid; margin-right:20px; overflow:hidden;}
.footer_slide .swiper-slide img,
.footer_slide .slick-slide img {width:100%; height:100%; object-fit:cover;}
.footer_slide .footer_arrow,
.footer_slide .slick-arrow {position:absolute; top:50%;  width:33px; height:33px; margin-top:-16px; background:url('/img/arrow_slide.png') #fff no-repeat 50% 50%; font-size:0; border:#ddd 1px solid; z-index:3;}
.footer_slide .swiper_prev,
.footer_slide .slick-prev {left:0;}
.footer_slide .swiper_next,
.footer_slide .slick-next {right:0px; transform:scaleX(-1);}
/* main */
.mo_vw {display:none !important;}
.new_main * {font-family:'Pretendard';}
.new_main .mvisual {position:relative; width:100%; max-width:1280px; margin:0 auto;}
.new_main .mvisual .slick-dots {position:absolute; bottom:20px; left:0; width:100%; font-size:0; text-align:center;}
.new_main .mvisual .slick-dots li {display:inline-block; vertical-align:top; margin:0 5px;}
.new_main .mvisual .slick-dots li button {display:block; width:10px; height:10px; border-radius:50%; background:#fff; border:0; opacity:.5; transition:.2s linear;}
.new_main .mvisual .slick-dots li.slick-active button {opacity:1;}
.new_main .mvisual .slick-slide {position:relative; overflow:hidden;}
.new_main .mvisual .slick-slide img {position:relative; top:0; left:50%; width:1920px; max-width:100%; transform:translate(-50%,0);}
.new_main .mvisual .text {position:absolute; top:110px; left:50%; width:1280px; margin-left:-640px; z-index:1;}
.new_main .mvisual .tit {font-size:36px; color:#fff; font-weight:600; line-height:52px;}
.new_main .mvisual p {font-size:20px; color:#fff; font-weight:300; line-height:30px; margin-top:15px;}
.new_main .inner {padding-bottom:80px;}
.new_main .title {position:relative; font-size:26px; color:#222; font-weight:700; line-height:30px; margin:80px 0 40px; text-align:center;}
.new_main .title .btn_menual {position:absolute; top:50%; right:50%; font-size:17px; color:#32248d; line-height:38px; height:38px; padding:0 30px; margin-right:160px; box-shadow:rgb(0 0 0 / 20%) 2px 2px 6px; border-radius:19px; transform:translate(0,-50%);}
.new_main .title .btn_menual:before {content:""; display:inline-block; vertical-align:top; width:27px; height:38px; background:url('/img/main/icon_menual.png') no-repeat 50% 50% / contain; margin-right:9px;}
.new_main .title .btn_demo {position:absolute; bottom:-97px; right:0; width:80px; height:67px; background:url('/img/icon_demo.png') no-repeat 50% 50% / contain;}
/* 220628추가 */
.new_main .title .btn_free {position:absolute; top:50%; right:65%; font-size:17px; color:#32248d; line-height:38px; height:38px; padding:0 30px; margin-right:160px; box-shadow:rgb(0 0 0 / 20%) 2px 2px 6px; border-radius:19px; transform:translate(0,-50%);}
.new_main .title .btn_free:before {content:""; display:inline-block; vertical-align:top; width:27px; height:38px; background:url('/img/main/icon_free.png') no-repeat 50% 50% / contain; margin-right:9px;}
.new_main .title .btn_all {position:absolute; top:50%; left:50%; font-size:17px; color:#596ed8; line-height:38px; height:40px; padding:0 20px; margin-left:160px; box-shadow:rgb(0 0 0 / 20%) 2px 2px 6px; border-radius:19px; transform:translate(0,-50%);}
.new_main .select_area {position:relative; width:510px; padding-right:40px; margin:0 auto; overflow:hidden; border:#ddd 1px solid;}
.new_main .select_area .text {border:0; outline:0; width:100%; height:40px; padding:0 10px;}
.new_main .select_area .btn {position:absolute; top:0; right:0; width:40px; height:40px; background:url('/img/main/icon_search.png') no-repeat 50% 50%; border:0; outline:0; font-size:0;}
.new_main .tags {text-align:center; font-size:0; margin:30px 0 40px;}
.new_main .tags .swiper-wrapper {min-width:100%; display:block; margin-top:0;}
.new_main .tags li {display:inline-block; width:200px; vertical-align:top; margin-top:10px;}
.new_main .tags a {display:block; font-size:17px; color:#596ed8; font-weight:400; line-height:38px; padding:0 20px; border-radius:19px; box-shadow:rgba(0,0,0,.2) 2px 2px 6px; margin:0 13px;}
.new_main .tags a:nth-child(2n) {color:#32248d;}
.new_main .tags .btn_free a {font-size:17px; color:#32248d; font-weight:700; line-height:38px; height:38px; padding:0 30px; box-shadow:rgb(0 0 0 / 20%) 2px 2px 6px; border-radius:19px;}
.new_main .tags .btn_free a:before {content:""; display:inline-block; vertical-align:top; width:27px; height:38px; background:url('/img/main/icon_free.png') no-repeat 50% 50% / contain; margin-right:9px;}
.new_main .tabs_slide_wrap {text-align:center; font-size:0; margin:20px 0; padding:0 15px;}
.new_main .tabs_slide_wrap .swiper-wrapper {display:flex; justify-content:center; min-width:100%; margin:0;}
#wrapper .new_main .tabs_slide_wrap .swiper-slide {width:16.6%;}
.new_main .tabs_slide_wrap a {display:block; font-size:17px; color:#666; padding:10px 20px; border:#ddd 1px solid; border-left:0; transition:.2s linear;}
.new_main .tabs_slide_wrap .swiper-slide:first-child a {border-left:#ddd 1px solid;}
.new_main .tabs_slide_wrap .on a,
.new_main .tabs_slide_wrap a:hover {color:#fff; background:#596ed8; border-color:#596ed8;}

.new_main .tabs_slide2 a {display:block; margin:0 5px; padding:0 15px;   font-size:13px;  line-height:26px; border:1px solid transparent; color:#333333;border-radius:16px; border:2px solid #e1e1e1;overflow:hidden;} /* 180620 수정 */
.new_main .tabs_slide2 a.on {z-index:2;background:#464da5;color:#fff;font-weight:bold;border:solid 3px #464da5;color:#fff;}

.new_main .stit {position:relative; font-size:24px; color:#222; font-weight:600; line-height:22px; padding-left:10px; margin:50px 0 30px;}
.new_main .stit:before {content:""; position:absolute; top:20px; left:0; width:4px; height:22px; background:#32248d;}
.new_main .stit:after {content:""; position:absolute; top:-30px; left:0; width:100%; height:1px; background:#ddd;}
.new_main .mc_slide {position:relative; margin:0 -2px;}
.new_main .mc_slide .slick-slide {position:relative; padding:0 2px; border:0; outline:0;}
.new_main .mc_slide .slick-slide .img {display:block; width:100%; height:141px; overflow:hidden;}
.new_main .mc_slide .slick-slide .img img {width:100%;}
.new_main .mc_slide .slick-slide .tt {display:block; font-size:15px; color:#222; font-weight:500; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
.new_main .mc_slide .slick-slide p {font-size:16px; color:#525252; font-weight:300; line-height:28px; margin:0;}
.new_main .mc_slide .slick-slide .btns_zzim {position:absolute; bottom:0; right:2px; height:28px; margin:0;}
.new_main .mc_slide .slick-slide .btns_zzim dt {position:relative; width:28px; height:28px; cursor:pointer;}
.new_main .mc_slide .slick-slide .btns_zzim dt i {position:absolute; top:50%; left:50%; width:4px; height:4px; background:#999; border-radius:50%; margin:-2px 0 0 -2px;}
.new_main .mc_slide .slick-slide .btns_zzim dt i:before,
.new_main .mc_slide .slick-slide .btns_zzim dt i:after {content:""; position:absolute; left:0; width:100%; height:100%; background:#999; border-radius:50%;}
.new_main .mc_slide .slick-slide .btns_zzim dt i:before {top:-6px;}
.new_main .mc_slide .slick-slide .btns_zzim dt i:after {bottom:-6px;}
.new_main .mc_slide .slick-slide .btns_zzim dd {position:absolute; bottom:0; right:28px; border-top:#337ab7 1px solid; width:180px; display:none;}
.new_main .mc_slide .slick-slide .btns_zzim dd a {display:block; font-size:13px; line-height:26px; height:28px; padding:0 10px; border:#337ab7 1px solid; border-top:0; text-align:center; background:#fff; outline:0;}
.new_main .mc_slide .slick-arrow {position:absolute; top:0; width:23px; height:calc(100% - 66px); border:0; font-size:0; background:none;}
.new_main .mc_slide .slick-disabled {opacity:.3;}
.new_main .mc_slide .slick-arrow:before,
.new_main .mc_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:26px; height:2px; margin-left:-13px; background:#525252;}
.new_main .mc_slide .slick-arrow:before {margin-top:-10px;}
.new_main .mc_slide .slick-arrow:after {margin-top:8px;}
.new_main .mc_slide .slick-prev {left:-30px;}
.new_main .mc_slide .slick-prev:before {transform:rotate(-45deg);}
.new_main .mc_slide .slick-prev:after {transform:rotate(45deg);}
.new_main .mc_slide .slick-next {right:-30px;}
.new_main .mc_slide .slick-next:before {transform:rotate(45deg);}
.new_main .mc_slide .slick-next:after {transform:rotate(-45deg);}

.new_main .mc_wrap .link {
    right:0; position:absolute; text-align:center;  
    border-radius:10%; font-size:13px; padding:5px 10px; border-bottom:solid 1px #ccc;  background:#f5f5f5;
}

#bo_gall .mc_slide {position:relative; margin:0 -2px;}
#bo_gall .mc_slide .slick-slide {position:relative; padding:0 2px; border:0; outline:0;}
#bo_gall .mc_slide .slick-slide .img {display:block; width:100%; height:141px; overflow:hidden;}
#bo_gall .mc_slide .slick-slide .img img {width:100%;}
#bo_gall .mc_slide .slick-slide .tt {display:block; font-size:15px; color:#222; font-weight:500; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
#bo_gall .mc_slide .slick-slide p {font-size:16px; color:#525252; font-weight:300; line-height:28px;}
#bo_gall .mc_slide .slick-arrow {position:absolute; top:0; width:23px; height:calc(100% - 66px); border:0; font-size:0; background:none;}
#bo_gall .mc_slide .slick-disabled {opacity:.3;}
#bo_gall .mc_slide .slick-arrow:before,
#bo_gall .mc_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:26px; height:2px; margin-left:-13px; background:#525252;}
#bo_gall .mc_slide .slick-arrow:before {margin-top:-10px;}
#bo_gall .mc_slide .slick-arrow:after {margin-top:8px;}
#bo_gall .mc_slide .slick-prev {left:-30px;}
#bo_gall .mc_slide .slick-prev:before {transform:rotate(-45deg);}
#bo_gall .mc_slide .slick-prev:after {transform:rotate(45deg);}
#bo_gall .mc_slide .slick-next {right:-30px;}
#bo_gall .mc_slide .slick-next:before {transform:rotate(45deg);}
#bo_gall .mc_slide .slick-next:after {transform:rotate(-45deg);}
#bo_gall .mc_slide .btns_zzim {position:absolute; bottom:0; right:2px; height:28px; margin:0;}
#bo_gall .mc_slide .btns_zzim dt {position:relative; width:28px; height:28px; cursor:pointer;}
#bo_gall .mc_slide .btns_zzim dt i {position:absolute; top:50%; left:50%; width:4px; height:4px; background:#999; border-radius:50%; margin:-2px 0 0 -2px;}
#bo_gall .mc_slide .btns_zzim dt i:before,
#bo_gall .mc_slide .btns_zzim dt i:after {content:""; position:absolute; left:0; width:100%; height:100%; background:#999; border-radius:50%;}
#bo_gall .mc_slide .btns_zzim dt i:before {top:-6px;}
#bo_gall .mc_slide .btns_zzim dt i:after {bottom:-6px;}
#bo_gall .mc_slide .btns_zzim dd {position:absolute; bottom:0; right:28px; border-top:#337ab7 1px solid; width:180px; display:none;}
#bo_gall .mc_slide .btns_zzim dd a {display:block; font-size:13px; line-height:26px; height:28px; padding:0 10px; border:#337ab7 1px solid; border-top:0; text-align:center; background:#fff; outline:0; padding:0;}


/* sub */
.new_sub * {font-family:'Pretendard'; font-style:normal;}

.link_box a {display:table; table-layout:fixed; width:100%; margin-bottom:20px;}
.link_box a > span {display:table-cell; vertical-align:top;}
.link_box .img {width:50%; overflow:hidden;}
.link_box .img img {width:100%;}
.link_box .text,
.link_box p,
.link_box .btns_zzim {padding-left:10px;}
.link_box .tt {display:block; font-size:15px; color:#222; font-weight:500; line-height:22px; height:44px; overflow:hidden; }
.link_box p {font-size:14px; color:#525252; font-weight:300; line-height:28px; margin-bottom:0;margin-top:5px;}
.btns_zzim dt {position:relative; width:28px; height:28px; cursor:pointer;}
.link_box .btns_zzim {position:relative; display:flex; justify-content:flex-end;}
.link_box .btns_zzim dt i {position:absolute; top:50%; left:50%; width:4px; height:4px; background:#999; border-radius:50%; margin:-2px 0 0 -2px;}
.link_box .btns_zzim dt i:before,
.link_box .btns_zzim dt i:after {content:""; position:absolute; left:0; width:100%; height:100%; background:#999; border-radius:50%;}
.link_box .btns_zzim dt i:before {top:-6px;}
.link_box .btns_zzim dt i:after {bottom:-6px;}
.link_box .btns_zzim dd {position:absolute; bottom:0; right:28px; border-top:#337ab7 1px solid; width:180px; display:none;}
.link_box .btns_zzim dd a {display:block !important; font-size:13px; line-height:26px; height:28px; padding:0 10px; border:#337ab7 1px solid; border-top:0; text-align:center; background:#fff; outline:0; padding:0;}
.link_box .btns_zzim.on {z-index:10;}
.link_box .btns_zzim.on .black {top:0; opacity:1;}
.link_box .btns_zzim.on dd,
.link_box .btns_zzim.on .inbox {bottom:0; opacity:1;}


.list_box {position:relative; padding:0 0 100px 0; overflow:hidden; text-align:center;}
.list_box .link_box {display:inline-block; text-align:left; width:100%; margin:0 -2px;}
.list_box .link_box a {position:relative; display:inline-block; width:305px;border:1px solid #eee;margin:30px 2px; text-align:left; vertical-align:top;}
.list_box .link_box .img {display:block; width:305px; height:171px; overflow:hidden;}
.list_box .link_box .img img {width:100%;}

.list_box .link_box.box_name .box {display:inline-block; width:305px; border:1px solid #eee; margin:20px 0 0 15px; position:relative; float:left; }
.list_box .link_box.box_name .box a { position:relative; display:inline-block; overflow:hidden; width:auto; border:0; margin:0;border-radius:6px; background:#fff;}
.list_box .link_box.box_name img {display:block; width:305px; height:171px; overflow:hidden;}
.list_box .link_box.box_name .text {position:relative; display:block;padding:5px 10px;}

.view_box {position:relative; padding:0 0 20px 0; overflow:hidden;}
.view_box .view_info {float:left; width:760px;}
.view_box .view_info .video {width:100%; height:540px; overflow:hidden; background:#000;}
.view_box .view_info .tit {position:relative; padding:30px 250px 85px 0; border-bottom:#e5e4e5 1px solid; margin-bottom:25px;}
.view_box .view_info strong {display:block; font-size:20px; color:#222; font-weight:600; line-height:20px;}
.view_box .view_info em {display:block; font-size:0; margin-top:10px;}
.view_box .view_info em a {display:inline-block; font-size:16px; color:#337ab7; font-weight:400; margin-right:10px;}
.view_box .view_info .btns {position:absolute; top:30px; right:0; overflow:hidden;}
.view_box .view_info .btns .btn {float:left; display:block; height:auto; text-align:center; padding:0 !important; margin-left:20px;}
.view_box .view_info .btns .btn i {display:block; width:62px; height:62px; border:#eaeaea 1px solid; border-radius:50%; text-align:center; background:no-repeat 50% 50%;}
.view_box .view_info .btns .btn span {display:block; font-size:15px; color:#525252; font-weight:500; line-height:18px; margin-top:6px;}
.view_box .view_info .btns .btn.heart i {background-image:url('/img/edu/icon_ddabong.png');}
.view_box .view_info .btns .btn.down i {background-image:url('/img/edu/icon_filedown.png');}
.view_box .view_info .btns .btn.write i {background-image:url('/img/edu/icon_write.png');}
.view_box .view_info .btns .btn.workbook i {background-image:url('/img/edu/icon_workbook.png');}
.view_box .view_info .btns .btn i {background-image:url('/img/edu/icon_workbook_qu.png');}
.view_box .view_info p {font-size:17px; color:#525252; line-height:28px;}
.view_box .link_box {float:right; width:420px;}
.view_box .link_box.box_name .box {display:table; table-layout:fixed; width:calc(100% - 20px); margin:0px 0px 20px 10px;}
.view_box .link_box.box_name .box .img {width:50%; height:auto;}
.view_box .link_box.box_name .box a {display:inline-block; width:100%; margin:0;}
.view_box .link_box.box_name .box a img {width:100%; height:auto;}
.view_box .link_box.box_name .box > span {display:table-cell; vertical-align:top;}

.list_box .link_box.box_name .box .btns_zzim {position:absolute; bottom:0; right:2px; height:28px; margin:0;}
.list_box .link_box.box_name .box .btns_zzim dt {position:relative; width:28px; height:28px; cursor:pointer;}
.list_box .link_box.box_name .box .btns_zzim dt i {position:absolute; top:50%; left:50%; width:4px; height:4px; background:#999; border-radius:50%; margin:-2px 0 0 -2px;}
.list_box .link_box.box_name .box .btns_zzim dt i:before,
.list_box .link_box.box_name .box .btns_zzim dt i:after {content:""; position:absolute; left:0; width:100%; height:100%; background:#999; border-radius:50%;}
.list_box .link_box.box_name .box .btns_zzim dt i:before {top:-6px;}
.list_box .link_box.box_name .box .btns_zzim dt i:after {bottom:-6px;}
.list_box .link_box.box_name .box .btns_zzim dd {position:absolute; bottom:0; right:28px; border-top:#337ab7 1px solid; width:180px; display:none;}
.list_box .link_box.box_name .box .btns_zzim dd a {display:block; font-size:13px; line-height:26px; height:28px; padding:0 10px; border:#337ab7 1px solid; border-top:0; text-align:center; background:#fff; outline:0; padding:0;}


label.radio {position:relative; padding-left:30px; font-size:15px; color:#555; line-height:20px; vertical-align:top; margin-right:30px;}
label.radio input {display:none;}
label.radio i {position:absolute; top:0; left:0; width:20px; height:20px; border:#ddd 1px solid; border-radius:10%;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#555; border-radius:10%; transition:.2s linear;}
label.radio input:checked + i:before {width:8px; height:8px; margin:-4px 0 0 -4px;}

label.heart {position:relative;}
label.heart input {display:none;}
label.heart i {display:block; width:26px; height:34px; background:url('/img/edu/icon_heart.png') no-repeat 50% 50%;}
label.heart input:checked + i {background-image:url('/img/edu/icon_heart_on.png');}


.tabs {overflow:hidden; border-left:#cdcfd0 1px solid; margin-bottom:30px;}
.tabs li {float:left; border:#cdcfd0 1px solid; border-left:0;}
.tabs li a {display:block; font-size:15px; color:#666; line-height:48px; text-align:center; background:#eee;}
.tabs li.on {border-top:#0080c6 2px solid; border-bottom-color:#fff;}
.tabs li.on a {color:#1e8fcc; background:#fff; line-height:46px;}
.tabs.set7 li {width:14.28%;}
.tabs.set6 li {width:16.6666%;}
.tabs.set5 li {width:20%;}
.tabs.set4 li {width:25%;}
.tabs.set3 li {width:33.3333%;}
.tabs.set2 li {width:50%;}

.sc_list {overflow:hidden; font-family:'Pretendard';}
.sc_list li {position:relative; float:left; width:305px; border:1px solid #eee; margin:20px 0 0 15px;}
.sc_list li:nth-child(4n-3) {margin-left:0; clear:both;}
.sc_list li .img {display:block; width:100%; height:141px; overflow:hidden;}
.sc_list li .img img {width:100%;}
.sc_list li .tt {display:block; font-size:15px; color:#222; font-weight:500; line-height:24px; height:48px; overflow:hidden; margin-top:10px; word-break:break-all;}
.sc_list li p {font-size:16px; color:#525252; font-weight:300; line-height:28px; margin-bottom:0;}
.sc_list li .zzim_del {position:absolute; bottom:0; right:0; font-size:13px; color:#337ab7; line-height:26px; height:28px; width:80px; text-align:center; border:#337ab7 1px solid;}
.sc_list li input[type="checkbox"] {position:absolute; top:10px; left:10px; width:16px; height:16px;}
.sc_list .btns_area {position:absolute; top:0; right:0; font-size:13px; color:#337ab7; line-height:26px; height:28px; width:80px; text-align:center; border:#337ab7 1px solid;}

/* new_main */
.over_h {overflow:hidden;}
.header_new {position:relative; height:50px; z-index: auto !important;}
.header_new * {font-family:'Pretendard';}
.header_new.on {overflow:hidden;}
.header_new .logo {display:inline-block; padding-left:10px; vertical-align:middle; height:50px; line-height:50px; font-size:0;}
.header_new .logo img {display:inline-block; height:36px; vertical-align:middle;}
.header_new .btn_menu {display:none; position:absolute; top:0; right:0; width:50px; height:50px; z-index:1;}
.header_new .btn_menu p {position:absolute; top:50%; left:50%; width:20px; height:2px; background:#333; margin-left:-10px; transition:.2s linear;}
.header_new .btn_menu .t {margin-top:-7px;}
.header_new .btn_menu .m {margin-top:-1px;}
.header_new .btn_menu .b {margin-top:5px;}
.header_new.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header_new.on .btn_menu .m {width:0;}
.header_new.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header_new .btn_cont {position:absolute; top:10px; right:5%; font-size:0;}
.header_new .btn_cont a {display:inline-block; vertical-align:top; font-size:13px; color:#333; padding:0 10px; line-height:28px; height:30px; border:#ddd 1px solid; border-radius:15px; margin-left:5px;}
.header_new .btn_cont a img {width:auto; max-height:calc(100% - 10px); margin-right:5px;}
.header_new .btn_cont .bg {color:#fff; background:#a50639; border-color:#a50639; margin-left:5px;}
.header_new .gnb {position:fixed; top:0; right:-100%; width:100%; height:100%; padding-left:30%; opacity:0; transition:.2s linear;}
.header_new.on .gnb {right:0; opacity:1;}
.header_new .gnb .black {position:fixed; top:0; left:-100%; width:100%; height:100%; background:#000a; opacity:0; transition:.2s linear;}
.header_new.on .gnb .black {left:0; opacity:1;}
.header_new .gnb ul {position:relative; width:100%; height:100%; overflow:auto; background:#fff; padding-top:50px;}
.header_new .gnb li {border-bottom:#ddd 1px solid;}
.header_new .gnb li:first-child {border-top:#ddd 1px solid;}
.header_new .gnb li > a {position:relative; display:block; font-size:15px; color:#333; font-weight:500; line-height:40px; padding:0 10px; text-decoration:none;}
.header_new .gnb li > a i {position:absolute; top:0; right:10px; width:10px; height:100%;}
.header_new .gnb li > a i:before,
.header_new .gnb li > a i:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#333; transition:.2s linear;}
.header_new .gnb li > a i:before {transform:rotate(45deg); margin-left:-8px;}
.header_new .gnb li > a i:after {transform:rotate(-45deg); margin-left:-2px;}
.header_new .gnb li.open > a i:before,
.header_new .gnb li.on > a i:before {transform:rotate(-45deg);}
.header_new .gnb li.open > a i:after,
.header_new .gnb li.on > a i:after {transform:rotate(45deg);}
.header_new .gnb li.open.on > a i:before {transform:rotate(45deg);}
.header_new .gnb li.open.on > a i:after {transform:rotate(-45deg);}
.header_new .snb {border-top:#ddd 1px dashed; background:#f5f5f5; padding:10px; display:none;}
.header_new .snb a {display:block; font-size:14px; color:#666; line-height:30px;}
.header_new .head_log {position:fixed; top:-50px; left:30%; width:calc(70% - 50px); overflow:hidden; border-left:#ddd 1px solid; transition:.2s linear;}
.header_new.on .head_log {top:0;}
.header_new .head_log a {float:left; width:50%; line-height:50px; text-align:center; border-right:#ddd 1px solid;}

.footer_new {border-top:#ddd 1px solid; padding:10px;}
.footer_new * {font-family:'Pretendard';}
.footer_new p {font-size:11px; color:#525252; font-weight:300; line-height:18px; margin:0;}
.footer_new p em {display:inline-block; width:1px; height:10px; background:#525252; margin:4px 5px 0;}
.footer_new .copy {margin-top:10px;}
.footer_new .flink {overflow:hidden; margin:10px 0;}
.footer_new .flink a {float:left; margin-right:5%; max-width:25%; font-size:11px;}
.footer_new #top_btn {position:fixed; bottom:10px; right:10px; width:30px; height:30px; border:#ddd 1px solid; border-radius:4px;}
.footer_new #device_change {display:block; font-size:13px; color:#333; line-height:38px; height:40px; border:#ddd 1px solid; text-align:center; background:#fff; margin-top:20px;}
.flink.nw_m {padding:0;}
.flink.nw_m .ft_ul {display:table; width:100%; table-layout:fixed;}
.flink.nw_m .ft_ul li {display:table-cell; padding:5px;}
.flink.nw_m .ft_ul li:first-child {border-left:0;}
.flink.nw_m .ft_ul li:last-child {border-right:0;}
.flink.nw_m .ft_ul li a {font-size:11px; line-height:20px; text-align:center; display:block;}

.nw_m * {font-family:'Pretendard';}
.nw_m .inner {width:100%; padding:0 10px;}
.nw_m .new_main * {font-family:'Pretendard';}
.nw_m .new_main .mvisual .slick-dots {position:absolute; bottom:10px; left:0; width:100%; font-size:0; text-align:center;}
.nw_m .new_main .mvisual .slick-dots li {display:inline-block; vertical-align:top; margin:0 5px;}
.nw_m .new_main .mvisual .slick-dots li button {display:block; width:10px; height:10px; border-radius:50%; background:#fff; border:0; opacity:.5; transition:.2s linear;}
.nw_m .new_main .mvisual .slick-dots li.slick-active button {opacity:1;}
.nw_m .new_main .mvisual .slick-slide {position:relative; height:auto; overflow:hidden;}
.nw_m .new_main .mvisual .slick-slide img {position:relative; left:0; min-width:100%; width:100%; transform:none;}
.nw_m .new_main .mvisual .text {position:absolute; top:20px; left:0; width:100%; margin-left:0; z-index:1; text-align:center;}
.nw_m .new_main .mvisual .tit {font-size:4vw; color:#fff; font-weight:600; line-height:5vw;}
.nw_m .new_main .mvisual p {font-size:3vw; color:#fff; font-weight:300; line-height:4vw; margin-top:1vw;}
.nw_m .new_main .mvisual .img {padding:15px 20%;}
.nw_m .new_main .mvisual .img img {width:100%;}
.nw_m .new_main .inner {padding-bottom:80px;}
.nw_m .new_main .title {position:relative; margin:20px 0; text-align:center; font-size:0;}
.nw_m .new_main .title > * {display:inline-block; vertical-align:top;}
.nw_m .new_main .title em {font-size:16px; color:#222; font-weight:700; line-height:28px; font-style:normal;}
.nw_m .new_main .title a {font-size:11px; color:#32248d; line-height:28px; height:28px; padding:0 5px; box-shadow:rgb(0 0 0 / 20%) 2px 2px 6px; border-radius:14px; position:relative; top:0; left:0; right:0; margin:0; transform:translate(0,0); margin:0 10px;}
.nw_m .new_main .title .btn_menual:before {content:""; display:inline-block; vertical-align:top; width:14px; height:28px; background:url('/img/main/icon_menual.png') no-repeat 50% 50% / contain; margin-right:3px;}
.nw_m .new_main .title .btn_free {color:#32248d;}
.nw_m .new_main .title .btn_free:before {content:""; display:inline-block; vertical-align:top; width:14px; height:28px; background:url('/img/main/icon_free.png') no-repeat 50% 50% / contain; margin-right:3px;}
.nw_m .new_main .title .btn_all {color:#596ed8;}

.nw_m .new_main .select_area {position:relative; width:90%; padding-right:40px; margin:0 auto; overflow:hidden; border:#ddd 1px solid;}
.nw_m .new_main .select_area .text {border:0; outline:0; width:100%; height:40px; padding:0 10px;}
.nw_m .new_main .select_area .btn {position:absolute; top:0; right:0; width:40px; height:40px; background:url('/img/main/icon_search.png') no-repeat 50% 50%; border:0; outline:0; font-size:0;}
/* .nw_m .new_main .tags {overflow:auto; width:100%; height:30px; text-align:center; font-size:0; margin:15px 0 20px;} */
.nw_m .new_main .tags {margin:0; overflow:hidden;}
.nw_m .new_main .tags .inbox {display:flex; padding:0 5px;}
.nw_m .new_main .tags .inbox li {width:80px; vertical-align:top; padding:0 5px;}
.nw_m .new_main .tags a {display:block; font-size:11px; color:#596ed8; font-weight:400; line-height:24px; padding:0 10px; border-radius:19px; box-shadow:rgba(0,0,0,.2) 2px 2px 6px; margin:0 5px;}
.nw_m .new_main .tags a:nth-child(2n) {color:#32248d;}
.nw_m .new_main .tags a:nth-child(n+5) {display:none;}
.nw_m .new_main .tags_slide {margin:15px 0 20px;}
.nw_m .new_main .tags_slide a {display:block; font-size:11px; color:#596ed8; font-weight:400; height:24px; line-height:24px; padding:0 10px; border-radius:19px; box-shadow:rgba(0,0,0,.2) 2px 2px 6px; margin:0;}
.nw_m .new_main .tags_slide .btn_free a {color:#32248d; font-weight:700;}
.nw_m .new_main .tags_slide .btn_free a:before {width:14px; height:24px; margin-right:3px;}
.nw_m .tabs_slide_wrap .swiper-wrapper {justify-content:flex-start}
.nw_m .new_main .tabs_slide_wrap {margin:10px 0; max-width:100%; overflow:hidden;}
.nw_m .new_main .tabs_slide_wrap .swiper-slide {width:auto;}
.nw_m .new_main .tabs_slide_wrap a {font-size:12px; padding:5px 10px;}
.nw_m .stit,
.nw_m .new_main .stit {position:relative; font-size:14px; color:#222; font-weight:600; line-height:22px; padding-left:10px; margin:50px 0 10px;}
.nw_m .stit:before,
.nw_m .new_main .stit:before {content:""; position:absolute; top:20px; left:0; width:4px; height:22px; background:#32248d;}
.nw_m .new_main .mlinks {border-top:#ddd 1px solid;}
.nw_m .new_main .mlinks ul {display:table; width:100%; table-layout:fixed; border-collapse:collapse; margin:0;}
.nw_m .new_main .mlinks li {display:table-cell; width:33.3333%; border:#ddd 1px solid; border-top:0; padding:15px 0; text-align:center;}
.nw_m .new_main .mlinks li img {height:30px;}
.nw_m .new_main .mlinks li p {font-size:13px; color:#222; line-height:20px; margin:10px 0 0;}
.nw_m .new_main .mc_list li {position:relative;}
.nw_m .new_main .mc_list a {display:table; width:100%; table-layout:fixed; margin-bottom:15px;}
.nw_m .new_main .mc_list a:last-child {margin-bottom:0;}
.nw_m .new_main .mc_list a > * {display:table-cell; vertical-align:top;}
.nw_m .new_main .mc_list a .img {width:40%;}
.nw_m .new_main .mc_list a .img img {width:100%; border-radius:6px;}
.nw_m .new_main .mc_list a .text {position:relative; padding:0 0 0 10px;}
.nw_m .new_main .mc_list a .tt {display:block; font-size:15px; color:#222; font-weight:500; line-height:24px; height:48px; overflow:hidden;}
.nw_m .new_main .mc_list a p {font-size:13px; color:#616161; font-weight:300; line-height:20px;}
.nw_m .new_main .mc_list a .btm {position:absolute; bottom:0; right:0; font-size:11px; color:#525252; font-weight:300; line-height:20px; display:none;}
.nw_m .new_main .mc_list a .btm em {display:inline-block; vertical-align:top; width:1px; height:10px; margin:5px 10px 0; background:#dbdbdb;}
.nw_m .new_main .mc_list li > p {position:absolute; bottom:0; left:calc(40% + 10px); margin-bottom:0;}
.nw_m .new_main .mc_list li > p a {display:inline-block; width:auto; margin:0;}

	.new_main .tabs_slide2 ul {display:block; }
	.new_main .tabs_slide2 ul li{width:auto; padding:5px 10px; display:inline-block;}
	.new_main .tabs_slide2 ul li a{line-height:16px;margin:0px; padding:5px 20px; }

#bo_gall #gall_ul,
#bo_gall,
.nw_m .list_box {z-index:100;}
#bo_gall .gall_text_href .btns_zzim,
#bo_gall .mc_list li .btns_zzim,
.nw_m .list_box .link_box.box_name .box .btns_zzim,
.nw_m .new_main .mc_list .btns_zzim {position:absolute; bottom:8px; right:2px; height:20px; width:20px; margin:0; z-index:1; transition:.2s linear;}
#bo_gall .gall_text_href .btns_zzim dt,
#bo_gall .mc_list li .btns_zzim dt,
.nw_m .list_box .link_box.box_name .box .btns_zzim dt,
.nw_m .new_main .mc_list .btns_zzim dt {position:relative; width:20px; height:20px; cursor:pointer; z-index:1; }
#bo_gall .gall_text_href .btns_zzim dt i,
#bo_gall .mc_list li .btns_zzim dt i,
.nw_m .list_box .link_box.box_name .box .btns_zzim dt i,
.nw_m .new_main .mc_list .btns_zzim dt i {position:absolute; top:50%; left:50%; width:4px; height:4px; background:#999; border-radius:50%; margin:-2px 0 0 -2px;}
#bo_gall .gall_text_href .btns_zzim dt i:before,
#bo_gall .gall_text_href .btns_zzim dt i:after,
#bo_gall .mc_list li .btns_zzim dt i:before,
#bo_gall .mc_list li .btns_zzim dt i:after,
.nw_m .list_box .link_box.box_name .box .btns_zzim dt i:before,
.nw_m .list_box .link_box.box_name .box .btns_zzim dt i:after,
.nw_m .new_main .mc_list .btns_zzim dt i:before,
.nw_m .new_main .mc_list .btns_zzim dt i:after {content:""; position:absolute; left:0; width:100%; height:100%; background:#999; border-radius:50%;}
#bo_gall .gall_text_href .btns_zzim dt i:before,
#bo_gall .mc_list li .btns_zzim dt i:before,
.nw_m .list_box .link_box.box_name .box .btns_zzim dt i:before,
.nw_m .new_main .mc_list .btns_zzim dt i:before {top:-6px;}
#bo_gall .gall_text_href .btns_zzim dt i:after,
#bo_gall .mc_list li .btns_zzim dt i:after,
.nw_m .list_box .link_box.box_name .box .btns_zzim dt i:after,
.nw_m .new_main .mc_list .btns_zzim dt i:after {bottom:-6px;}
#bo_gall .gall_text_href .btns_zzim dd,
#bo_gall .mc_list li .btns_zzim dd,
.nw_m .list_box .link_box.box_name .box .btns_zzim dd,
.nw_m .new_main .mc_list .btns_zzim dd {position:fixed; bottom:-100%; left:0; width:100%; height:100%; z-index:10; opacity:0; transition:.2s linear; display:block !important;}
#bo_gall .gall_text_href .btns_zzim dd .black,
#bo_gall .mc_list li .btns_zzim dd .black,
.nw_m .list_box .link_box.box_name .box .btns_zzim dd .black,
.nw_m .new_main .mc_list .btns_zzim dd .black {position:fixed; top:-100%; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:0; opacity:0; transition:.2s linear;}
#bo_gall .gall_text_href .btns_zzim dd .inbox,
#bo_gall .mc_list li .btns_zzim dd .inbox,
.nw_m .list_box .link_box.box_name .box .btns_zzim dd .inbox,
.nw_m .new_main .mc_list .btns_zzim dd .inbox {position:fixed; bottom:-100%; left:10px; border:#337ab7 1px solid; width:calc(100% - 20px); background:#fff; z-index:1; opacity:0; transition:.2s linear; border-radius:10px 10px 0 0; overflow:hidden;}
#bo_gall .gall_text_href .btns_zzim dd a,
#bo_gall .mc_list li .btns_zzim dd a,
.nw_m .list_box .link_box.box_name .box .btns_zzim dd a,
.nw_m .new_main .mc_list .btns_zzim dd a {display:block; font-size:14px; line-height:40px; height:42px; padding:0 10px; border-top:#337ab7 1px solid; text-align:center; background:#fff; outline:0; margin:0;}
#bo_gall .gall_text_href .btns_zzim dd a:first-child,
#bo_gall .mc_list li .btns_zzim dd a:first-child,
.nw_m .list_box .link_box.box_name .box .btns_zzim dd a:first-child,
.nw_m .new_main .mc_list .btns_zzim dd a:first-child {border-top:0;}
#bo_gall .gall_text_href .btns_zzim.on,
#bo_gall .mc_list li .btns_zzim.on,
.nw_m .list_box .link_box.box_name .box .btns_zzim.on,
.nw_m .new_main .mc_list .btns_zzim.on {z-index:10;}
#bo_gall .gall_text_href .btns_zzim.on .black,
#bo_gall .mc_list li .btns_zzim.on dd .black,
.nw_m .list_box .link_box.box_name .box .btns_zzim.on dd .black,
.nw_m .new_main .mc_list .btns_zzim.on dd .black {top:0; opacity:1;}
#bo_gall .gall_text_href .btns_zzim.on dd,
#bo_gall .gall_text_href .btns_zzim.on .inbox,
#bo_gall .mc_list li .btns_zzim.on dd,
#bo_gall .mc_list li .btns_zzim.on dd .inbox,
.nw_m .list_box .link_box.box_name .box .btns_zzim.on dd,
.nw_m .list_box .link_box.box_name .box .btns_zzim.on dd .inbox,
#bo_gall .mc_list li .btns_zzim.on dd .inbox,
.nw_m .new_main .mc_list .btns_zzim.on dd .inbox,
.nw_m .new_main .mc_list .btns_zzim.on dd .inbox {bottom:0; opacity:1;}

#bo_gall .mc_list li {position:relative;}
#bo_gall .mc_list a {display:table; width:100%; table-layout:fixed; margin-bottom:15px;}
#bo_gall .mc_list a:last-child {margin-bottom:0;}
#bo_gall .mc_list a > * {display:table-cell; vertical-align:top;}
#bo_gall .mc_list a .img {width:40%;}
#bo_gall .mc_list a .img img {width:100%; border-radius:6px;}
#bo_gall .mc_list a .text {position:relative; padding:0 0 0 10px;}
#bo_gall .mc_list a .tt {display:block; font-size:15px; color:#222; font-weight:500; line-height:24px; max-height:48px; overflow:hidden;}
#bo_gall .mc_list a p {font-size:13px; color:#616161; font-weight:300; line-height:20px;}
#bo_gall .mc_list a .btm {position:absolute; bottom:0; right:0; font-size:11px; color:#525252; font-weight:300; line-height:20px; display:none;}
#bo_gall .mc_list a .btm em {display:inline-block; vertical-align:top; width:1px; height:10px; margin:5px 10px 0; background:#dbdbdb;}
#bo_gall .mc_list li > p {position:absolute; bottom:0; left:calc(40% + 10px); margin-bottom:0;}
#bo_gall .mc_list li > p a {display:inline-block; width:auto; margin:0;}

.nw_m .my_cate_wrap {position:relative; width:100%; margin-bottom:20px;}
.nw_m .my_cate {margin-bottom:20px;}
.nw_m .my_cate li {width:80px; font-size:11px;}
.nw_m .my_cate li a {padding:0 10px;}
.nw_m .my_cate .all {display:none !important;}
/* sub */
.nw_m .new_sub * {font-family:'Pretendard'; font-style:normal;}
.nw_m .view_box {position:relative; overflow:hidden;}
.nw_m .view_box .view_info {width:100%;}
.nw_m .view_box .view_info .video {width:100%; height:auto; overflow:hidden; background:#000;}
.nw_m .view_box .view_info .video iframe {width:100%; height:52vw; max-width:100%;}
.nw_m .view_box .view_info .tit {position:relative; padding:20px 0; border-bottom:#e5e4e5 1px solid; margin-bottom:15px;}
.nw_m .view_box .view_info em {display:block; font-size:0; margin-top:10px;}
.nw_m .view_box .view_info em a {display:inline-block; font-size:11px; color:#337ab7; font-weight:400; margin-right:5px;}
.nw_m .view_box .view_info .btns {position:absolute; top:auto; bottom:0; right:0; overflow:hidden;}
.nw_m .view_box .view_info .btns .btn {float:left; display:block; height:auto; text-align:center; padding:0 !important; margin-left:5px;}
.nw_m .view_box .view_info .btns .btn i {display:block; width:30px; height:30px; border:#eaeaea 1px solid; border-radius:50%; text-align:center; background:no-repeat 50% 50% / 50%; margin:0 auto;}
.nw_m .view_box .view_info .btns .btn span {display:block; font-size:11px; color:#525252; font-weight:500; line-height:14px; margin-top:3px;}
.nw_m .view_box .view_info .btns .btn.heart i {background-image:url('/img/edu/icon_ddabong.png');}
.nw_m .view_box .view_info .btns .btn.down i {background-image:url('/img/edu/icon_filedown.png');}
.nw_m .view_box .view_info .btns .btn.write i {background-image:url('/img/edu/icon_write.png');}
.nw_m .view_box .view_info p {font-size:17px; color:#525252; line-height:28px;}
.nw_m .view_box .link_box {width:100%;}
.nw_m .view_box .link_box a {display:table; table-layout:fixed; width:100%; margin-bottom:15px;}
.nw_m .view_box .link_box a > span {display:table-cell; vertical-align:top;}
.nw_m .view_box .link_box .img {width:40%; overflow:hidden; border-radius:6px;}
.nw_m .view_box .link_box .img a {display:block;}
.nw_m .view_box .link_box .img img {width:100%;}
.nw_m .list_box .link_box {margin-top:-10px; padding:0 10px; width:100%;}
.nw_m .list_box .link_box a {position:relative; display:block; width:100%; height:20.3vw; padding-left:40%; margin:10px 0 0;}
.nw_m .list_box .link_box .img {position:absolute; top:0; left:0; width:38%; height:100%; border-radius:6px;}
.nw_m .list_box .link_box .img a {max-width:100%;}
.nw_m .list_box .link_box .img img {width:100%; height:100%; object-fit:cover; border-radius:6px;}
.gall_img .bar,
.list_box .bar {position:absolute;left:0;bottom:0;height:3px;background-color:#fc0000;margin:0;}

.nw_m .list_box .link_box.box_name .box {position:relative; display:block; width:100%; height:20.8vw; padding-left:40%; margin:10px 0 0;}
.nw_m .list_box .link_box.box_name .box a {display:inline-block; width:auto; height:auto; padding:0; border:0; margin:0;}
.nw_m .list_box .link_box.box_name .text {display:block; padding-left:0;}
.nw_m .list_box .link_box.box_name .tt {display:block; line-height:20px; height:40px;}

.nw_m #embed {width:100%; height:auto;}

.nw_m label.heart {position:relative;}
.nw_m label.heart input {display:none;}
.nw_m label.heart i {display:block; width:26px; height:34px; background:url('/img/edu/icon_heart.png') no-repeat 50% 50% / 50%;}
.nw_m label.heart input:checked + i {background-image:url('/img/edu/icon_heart_on.png');}

.vod_contents {padding-top:50px;margin-bottom:50px;}


.tabs {overflow:hidden; border-left:#cdcfd0 1px solid; margin-bottom:30px;}
.tabs li {float:left; border:#cdcfd0 1px solid; border-left:0;}
.tabs li a {display:block; font-size:15px; color:#666; line-height:48px; text-align:center; background:#eee;}
.tabs li.on {border-top:#0080c6 2px solid; border-bottom-color:#fff;}
.tabs li.on a {color:#1e8fcc; background:#fff; line-height:46px;}
.tabs.set5 li {width:20%;}
.tabs.set4 li {width:25%;}
.tabs.set3 li {width:33.3333%;}
.tabs.set2 li {width:50%;}

/*.my_cate li {text-align:center;border-right:solid 1px white;width:171px;background-color:#ffffff;border:2px solid #e1e1e1;}*//* 180620 수정 */
.my_cate_wrap,
.my_cate {display:inline-block; vertical-align:top;}
.my_cate_wrap {width:calc(100% - 160px); height:30px; overflow:hidden;}
.my_cate_wrap ul {margin:0;}
.my_cate li {text-align:center;border-right:solid 1px white;/* flex:0.2; */width:auto; min-width:118px;background-color:#ffffff;border:2px solid #e1e1e1;/* margin-left:-3px; */ font-size:13px; display:inline-block; margin:0 3px 0; border-radius:16px;}
.my_cate a {display:block;line-height:26px;border:1px solid transparent;color:#333333;font-weight:bold; border-radius:16px; padding:0 10px;} /* 180620 수정 */
.my_cate a:focus, .my_cate a:hover, .my_cate a:active {text-decoration:none;background:#464da5; color:#fff;}
.my_cate .my_cate_on {z-index:2;background:#464da5;color:#fff;font-weight:bold;border:solid 3px #464da5;color:#fff;}
.my_cate .my_cate_ul{border-radius:30px}

.bo_v_title{font-size:20px;color:#337ab7;  }
box-shadow:inset 0 2px 5px rgb(33, 135, 202);}

#wrapper .container.nw_m {width:100%;}

.gall_slide {margin:-15px 0 40px;}
#bo_gall .gall_img a {position:relative; display:block; overflow:hidden; border-radius:6px;}
#bo_gall .gall_li {margin:15px 0 0; vertical-align:top; position:relative;}
#bo_gall .gall_text_href {margin-bottom:0; min-height:80px; position:relative;}

.swiper-slide {
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}

#wrapper .swiper-slide {display:inline-block; width:auto; vertical-align:top;}
.stit {position:relative; font-size:24px; color:#222; font-weight:600; line-height:22px; padding:20px 0 0 10px; margin:40px 0 10px !important; font-family:'Pretendard';}
.stit:before {content:""; position:absolute; top:20px; left:0; width:4px; height:20px; background:#32248d;}
.stit:after {content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#ddd;}
#bo_gall input + .stit:after {display:none;}
#bo_gall .bo_tit {line-height:22px; height:44px; overflow:hidden;}
#bo_gall .bo_tit + b {display:block; margin-top:10px;}
.stit .link {
    right: 0;    position: absolute;    text-align: center;    border-radius: 10%;    font-size: 13px;    padding: 5px 10px;    border-bottom: solid 1px #ccc;    background: #f5f5f5;
}
.nw_m .btn-group dl {display:table; table-layout:fixed; width:100%;}
.nw_m .btn-group dt,
.nw_m .btn-group dd {display:table-cell; vertical-align:top;}
.nw_m .btn-group dt {font-size:13px; color:#fff; line-height:34px; width:80px; text-align:center; background:#25b8ef; border-radius:5px 0 0 5px;}
.nw_m .btn-group dd .btn {position:relative; width:100%; border-radius:0 5px 5px 0; text-align:left;}
.nw_m .btn-group dd .btn .caret {position:absolute; top:50%; right:10px; margin-top:-2px;}
.nw_m .btn-group dd .dropdown-menu {top:32px; left:80px; width:calc(100% - 80px);}

.pt50 {padding-top:50px;}

.nw_m .sc_list li {width:49%; margin:10px 0 0 2%;}
.nw_m .sc_list li:nth-child(5n-4) {margin-left:2%; clear:none;}
.nw_m .sc_list li:nth-child(2n-1) {margin-left:0; clear:both;}
.nw_m .sc_list li .img {height:26vw;}
.nw_m .sc_list li .tt {font-size:13px; line-height:20px; height:40px;}
.nw_m .sc_list li p {font-size:12px; line-height:20px;}
.nw_m .sc_list li input[type="checkbox"] {top:5px; left:5px; width:14px; height:14px;}
.nw_m .sc_list .btns_area {font-size:12px; line-height:22px; height:24px; width:70px;}

/* 25-03-26 생명보험설계사 상단 아이콘추가 */
.fp_life {display: inline-flex;  gap: 15px; position: absolute;    top: 113px;    left: 120px;  z-index:99; }
.fp_life li {border:1px solid #ccc; padding:6px 10px; border-radius: 27px;}
.fp_life li a {color:#222;     }
.view_body .fp_life {top:1652px;}
.admin_in .fp_life {top:186px;}
.admin_in.view_body .fp_life {top:1425px;}

/* 25-03-27 신입과정 생명보험설계사 아이콘 추가*/
.fp_new {display: inline-flex;  gap: 15px; position: absolute;    top: 755px;    left: 245px;  z-index:99; }
.fp_new li {border:1px solid #ccc; padding:6px 10px; border-radius: 27px;}
.fp_new li a {color:#222;     }
.view_body .fp_new {top:2130px;}
.admin_in .fp_new {top:830px;}
.admin_in.view_body .fp_new {top:2200px;}

.new_icon { position: absolute;    top:5px;    left: 565px;  z-index:99; }
.new_icon2 { position: absolute;    top:5px;    left: 832px;  z-index:99; width:55%;}

/* 25-03-28 신입과정 손해보험설계사 아이콘 추가*/
.fp_loss {display: inline-flex;  gap: 15px; position: absolute;    top: 1075px;    left: 195px;  z-index:99; }
.fp_loss li {border:1px solid #ccc; padding:6px 10px; border-radius: 27px;}
.fp_loss li a {color:#222;     }
.admin_in .fp_loss {top:1150px;}
.view_body .fp_loss {top:2455px;}


.admin_in.view_body .fp_loss {top:2525px;}

.fp_loss2 {display: inline-flex;  gap: 15px; position: absolute;    top: 113px;    left: 120px;  z-index:99; }
.fp_loss2 li {border:1px solid #ccc; padding:6px 10px; border-radius: 27px;}
.fp_loss2 li a {color:#222;     }
.view_body .fp_loss2 {top:1895px;}
.admin_in .fp_loss2 {top:186px;}
.admin_in.view_body .fp_loss2 {top:1975px;}

/* 25-04-01 변액보험 아이콘 추가*/
.fp_byun {display: inline-flex;  gap: 15px; position: absolute;    top: 113px;    left: 120px;  z-index:99; }
.fp_byun li {border:1px solid #ccc; padding:6px 10px; border-radius: 27px;}
.fp_byun li a {color:#222;     }
.view_body .fp_byun {top:1652px;}
.admin_in .fp_byun {top:186px;}
.admin_in.view_body .fp_byun {top:2935px;}


.ico_new {position:relative;}
/*.ico_new:before {content:""; position:absolute; top:-40px; left:50px; width:100%; height:20px; background:url('/img/icon_new.gif') no-repeat 50% 50% / contain;}*/
.gnb li.ico_new:before {top:10px; left:5px;}
.gnb .snb .ico_new:before {top:0; left:calc(100% - 30px); width:55px;}
.nw_m .gnb .snb .ico_new:before {left:auto; right:0; height:100%;}
.dropdown-menu > li > a.ico_new:before {top:0; left:auto; right:10px; width:50px; height:100%;}


/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#19469d; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
.ie_wrap .link a p {font-size:15px; color:#fff; font-weight:700; line-height:30px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}

#bo_cate .cset li {border:0;}
#bo_cate .cset a {color:#333; border:0;}
#bo_cate .cset #bo_cate_on {box-shadow:rgba(0,0,0,.2) 0 0 3px;}
#bo_cate .cset .c1 a,
#bo_cate .cset .c1 #bo_cate_on {background:#5b9bd5;}
#bo_cate .cset .c2 a,
#bo_cate .cset .c2 #bo_cate_on {background:#92d050;}
#bo_cate .cset .c3 a,
#bo_cate .cset .c3 #bo_cate_on {background:#f4b184;}

/* 이용권 구매 */
.ticketTc.t2 .sale {display:inline-block; font-size:0;}
.ticketTc.t2 .sale i {display:inline-block; vertical-align:baseline; width:68px; height:25px; line-height:25px; text-align:center; font-size:13px; color:#fff; border-radius:10px; margin-left:8px; background:#e73737;}
.ticketTc.t2 .priceDiv {bottom:5px;}
.ticketTc.t2 .delbox {float:left; padding:5px 0 0 25px;}
.ticketTc.t2 .delbox em {font-size:16px; color:#777; font-style:normal;}
.ticketTc.t2 .delbox strong {position:relative; font-size:20px; color:#777;}
.ticketTc.t2 .delbox strong:after {content:""; position:absolute; top:50%; left:50%; width:100px; height:2px; background:#e73737; transform:translate(-50%,-50%) rotate(-8deg)}
.ticketTc.t3 .count {font-size:14px; color:#fb0000; font-weight:700; margin-top:5px;}
/* 모바일 */
.nw_list .nw_dep_1 .cl_content {position:relative;}
.nw_list .nw_dep_1 .cl_content .sale {position:absolute; top:0; right:10px;}
.nw_list .nw_dep_1 .cl_content .sale i {display:block; font-size:10px; color:#fff; line-height:14px; height:14px; width:50px; text-align:center; border-radius:5px; background:#e73737; margin-bottom:5px;}
.nw_list .nw_dep_1 .cl_content .delbox {float:left;}
.nw_list .nw_dep_1 .cl_content .delbox em {font-size:10px; color:#777; font-style:normal;}
.nw_list .nw_dep_1 .cl_content .delbox strong {position:relative; font-size:12px; color:#777; margin-left:5px;}
.nw_list .nw_dep_1 .cl_content .delbox strong:after {content:""; position:absolute; top:50%; left:50%; width:100%; height:2px; background:#e73737; transform:translate(-50%,-50%) rotate(-8deg)}
.nw_list .nw_dep_1 .cl_content .count {display:block; font-size:10px; color:#fb0000; font-weight:700; margin-top:5px;}

.topbar_menu {padding:0 15px; background:#19469d; /* overflow:hidden; */}
.topbar_menu .swiper-slide {width:auto; margin-right:20px;}
.topbar_menu .swiper-slide:last-child {margin-right:0;}
.topbar_menu a {font-size:13px; color:#fff; line-height:40px;}
.topbar_menu .ico_new:before {top:-10px;}

.tabs_new {display:flex; flex-wrap:wrap; border-top:#ddd 1px solid; border-left:#ddd 1px solid; margin-top:40px;}
.tabs_new li {width:calc(100%/6); border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; text-align:center;}
.tabs_new li a {display:block; font-size:15px; color:#333; font-weight:700; line-height:40px; text-align:center;}
.tabs_new li.on a {color:#fff; background:#596ed8;}

.mo_tabs_select {display:none;}
.nw_m .tabs_new {display:none;}
.nw_m .mo_tabs_select {display:block; position:relative; width:90%; margin:20px auto 0; display:flex;}
.nw_m .mo_tabs_select .tit {width:60px; height:40px; line-height:40px; font-size:14px; color:#fff; background:#31a8f1; text-align:center; border-radius:10px 0 0 10px;}
.nw_m .mo_tabs_select select {width:calc(100% - 60px); height:40px; border:#ddd 1px solid; border-left:0; border-radius:0 10px 10px 0; padding:0 10px; outline:0;}

/*.nw_m .hd_pops {top:350px !important;}*/
.nw_m .hd_pops img {max-width:100%;}
/*
#hd_pops2_1 .hd_pops_con{width:550px !important;height:620px !important;}
#hd_pops2_1 .hd_pops_con img{width:550px !important;height:620px !important;}
*/

/* mobile */
.nw_m ~ #wrapper .footer_slide_wrap {padding:10px 0; overflow:hidden;}
.nw_m ~ #wrapper .footer_slide_wrap .inner {padding:0 10px;}
.nw_m ~ #wrapper .footer_slide_wrap .footer_slide {padding-left:45px;}
.nw_m ~ #wrapper .footer_slide_wrap .footer_slide:before {width:45px;}
.nw_m ~ #wrapper .footer_slide_wrap .footer_slide .slick-slide {width:82px; height:30px; margin-right:10px;}
.nw_m ~ #wrapper .footer_slide_wrap .footer_slide .slick-arrow {width:17px; height:17px; margin-top:-8px;}
.nw_m ~ #wrapper .footer_slide_wrap .footer_slide .slick-next {left:19px;}


.pop_workbook {width:calc(100vw - 80px); max-width:1200px;}
.pop_workbook .inbox {position:relative; width:100%; height:100%; max-height:calc(100vh - 78px); background:#ddd; padding-bottom:3vw;}
.pop_workbook .inbox:before {content:""; position:absolute; top:2vw; right:4.4vw; width:15.4vw; height:2.8125vw; background:url('/img/edu/bg_fp.jpg') no-repeat 50% 50% / contain;}
.pop_workbook .btn_close {position:absolute; top:0; right:0; font-size:0; width:4.4vw; height:4.4vw;}
.pop_workbook .btn_close:before,
.pop_workbook .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:1.8vw; height:4px; background:#9597b1; margin:-2px 0 0 -.9vw;}
.pop_workbook .btn_close:before {transform:rotate(45deg);}
.pop_workbook .btn_close:after {transform:rotate(-45deg);}
.pop_workbook .conbox {padding:1.8vw 0; overflow:auto; max-height:calc(100vh - 112px - 3vw);}
.pop_workbook .cha {background:url('/img/edu/bg_tit.jpg') no-repeat 50% 50% / contain; height:6vw; line-height:1; padding-top:1vw; text-align:center;}
.pop_workbook .cha .tit {font-size:2.4vw; font-weight:900;}
.pop_workbook .cha .tit span {color:#5d6dbe;}
.pop_workbook .cha p {font-size:1.2vw;font-weight:600; margin-top:.5vw;}
.pop_workbook p.tar {font-size:1vw; color:#fc5230; line-height:1; text-align:right; padding:0 4.4vw;}
.pop_workbook .qabox {overflow:auto; padding:0 4.4vw .5vw;}
.pop_workbook .qabox dl {border-radius:2vw; background:#fff; box-shadow:#aaa 6px 6px 0; margin-bottom:1vw; padding:.5vw 1vw;}
.pop_workbook .qabox dl:last-child {margin-bottom:0;}
.pop_workbook .qabox dt {font-size:1.1vw; color:#000; font-weight:700; padding-bottom:.5vw; border-bottom:#000 2px dashed;}
.pop_workbook .qabox dd {padding:10px 0 0; height:4vw; font-size:.8vw;}
.pop_workbook .qabox dd .text {width:100%; height:100%; background:none; border:0; outline:none; resize:none;}
.pop_workbook .qabox dd .text:focus {outline:none;}
.pop_workbook .btnbox {margin:10px auto; text-align:center;}
.pop_workbook .btnbox .btn{background:#787878; color:#fff; width:140px;}
.pop_workbook .foot {position:absolute; bottom:0; left:0; width:100%; height:3vw; line-height:3vw; font-size:1.14vw; color:#fff; font-weight:700; text-align:center; background:#787878; letter-spacing:4px;}

.page_workbook {width:calc(100vw - 80px); max-width:1300px;}
.page_workbook .first_area {position:relative;}
.page_workbook .first_area .name {position:absolute; bottom:80px; right:80px; z-index:1;}
.page_workbook .first_area p {font-size:16px; color:#222; line-height:40px; text-align:right; margin:0;}
.page_workbook img {max-width:100%;}
.page_workbook .inbox {position:relative; width:100%; background:#ddd; padding-bottom:3vw;}
.page_workbook .inbox:before {content:""; position:absolute; top:2vw; right:4.4vw; width:15.4vw; height:2.8125vw; background:url('/img/edu/bg_fp.jpg') no-repeat 50% 50% / contain;}
.page_workbook .conbox {padding:1.8vw 0;}
.page_workbook .cha {background:url('/img/edu/bg_tit.jpg') no-repeat 50% 50% / contain; height:6vw; line-height:1; padding-top:1vw; text-align:center;}
.page_workbook .cha .tit {font-size:2.4vw; font-weight:900; line-height:2.5vw;}
.page_workbook .cha .tit span {color:#5d6dbe;}
.page_workbook .cha p {font-size:1.2vw;font-weight:700; margin-top:.5vw;}
.page_workbook p.tar {font-size:1vw; color:#fc5230; line-height:1; text-align:right; padding:0 4.4vw;}
.page_workbook .qabox {padding:0 4.4vw .5vw;}
.page_workbook .qabox dl {border-radius:2vw; background:#fff; box-shadow:#aaa 6px 6px 0; margin-bottom:2vw; padding:.5vw 1vw;}
.page_workbook .qabox dl:last-child {margin-bottom:0;}
.page_workbook .qabox dt {font-size:1.2vw; color:#000; font-weight:500; padding-bottom:1vw; border-bottom:#000 2px dashed;}
.page_workbook .qabox dd {padding:10px 0 0; min-height:5.2vw; color:#555; font-size:1vw;}
.page_workbook .foot {position:absolute; bottom:0; left:0; width:100%; height:3vw; line-height:3vw; font-size:1.14vw; color:#fff; font-weight:700; text-align:center; background:#787878; letter-spacing:4px;}
.btn_print {display:block; font-size:16px; color:#fff; line-height:40px; height:40px; width:140px; background:#33258c; text-align:center; margin:50px auto; border-radius:10px;}
.btn_print:hover {color:#ddd; background:#23186b;}
.page_break {page-break-before:always;}

/*게시판 표*/
.tbl3 table {border-top:#22bebd 0px solid;font-family: 'Pretendard'; max-width:1240px; }
.tbl3 th {padding:10px;  text-align:center; line-height:25px;}
.tbl3 td {padding:10px; text-align:center; }
.tbl3 tr:nth-child(2n) {background:#f5f5f5; }
.tbl3 th:first-child,
.tbl3 td:first-child {border-left:0;}
.tbl3 th:last-child,
.tbl3 td:last-child {border-right:0;}
.tbl3 th {font-weight:500; color:#fff; background:#22bebd;}
.tbl3 td {color:#666;}
.tbl3 col.w17 {width:170px;}
.tbl3 col.w19 {width:190px;}
.tbl3 col.w22 {width:220px;}
.tbl3 col.w34p {width:34%;}


.tbl2 table {border-top:#00abd2 0px solid; font-family: 'Pretendard';max-width:1240px;}
.tbl2 th {padding:10px;  text-align:center;}
.tbl2 td {padding:10px; text-align:center;line-height:25px; }
.tbl2 tr:nth-child(2n) {background:#f5f5f5; }
.tbl2 th:first-child,
.tbl2 td:first-child {border-left:0;}
.tbl2 th:last-child,
.tbl2 td:last-child {border-right:0;}
.tbl2 th {font-weight:500; color:#fff; background:#00abd2;}
.tbl2 td {color:#666;}
.tbl2 col.w17 {width:170px;}
.tbl2 col.w19 {width:190px;}
.tbl2 col.w22 {width:220px;}
.tbl2 col.w34p {width:34%;}

.stit3 {
    position: relative;font-family: 'Pretendard';
    font-size: 28px;
    color: #22bebd;
    font-weight: 700;
    line-height: 20px;
    padding-left: 32px;
    margin: 10px 0 10px;}

.stit3:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
    border: #22bebd 4px solid;}

.stit2 {font-family: 'Pretendard';
    position: relative;
    font-size: 28px;
    color: #00abd2;
    font-weight: 700;
    line-height: 20px;
    padding-left: 32px;
    margin: 10px 0 10px;}

.stit2:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
    border: #00abd2 4px solid;}

.contact_tit { text-align: center; overflow: hidden; margin-top: 40px;}
.contact_tit h2{ font-size: 28px; font-weight: bold;}
.tbl3 .material-symbols-outlined {color:#22bebd;}
.tbl2 .material-symbols-outlined {color:#00abd2;}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 24
}

.new_banner {position:relative; width:100%; max-width:1280px; margin:0 auto;}
.new_banner .slick-dots {position:absolute; bottom:20px; left:0; width:100%; font-size:0; text-align:center;}
.new_banner .slick-dots li {display:inline-block; vertical-align:top; margin:0 5px;}
.new_banner .slick-dots li button {display:block; width:10px; height:10px; border-radius:50%; background:#fff; border:0; opacity:.5; transition:.2s linear;}
.new_banner .slick-dots li.slick-active button {opacity:1;}
.new_banner .slick-slide {position:relative; overflow:hidden;}
.new_banner .slick-slide img {position:relative; top:0; left:50%; width:1920px; max-width:100%; transform:translate(-50%,0);}



@media screen and (max-width:1200px){
	body .container{width:100%;}
	.header_new .gnb {z-index: 99999 !important;}
	.view_box .view_info {width:100%;}
	#embed {width:100%;    height:auto;}
	.vod_contents {padding-top:20px;margin-bottom:10px;}
	.nw_m .new_main .mc_list a .tt { white-space:normal;}
	.nw_m .view_box .view_info strong {display:block; font-size:13px; color:#222; font-weight:600; line-height:20px; padding-right:90px;}
	.bo_v_title{font-size:16px;}

	.view_box .list_box,
	.view_box .link_box {width:100%;}
	.view_box .link_box.box_name .box .img,
	.view_box .link_box .img {width:40%;}
	#wrapper .new_main .tabs_slide_wrap .swiper-slide {width:auto;}
	.pop_workbook .qabox dt {font-size:1.4vw;}
}


@media (min-width:768px){
	/* bootstrap dropdown hover */
	.dropdown:hover .dropdown-menu { display:block; margin-top:0; }

	/* mobile */

	/* head */
	body .nw_m .container {width:inherit;}
	.nw_m .navbar-toggle{display:block; float:right;}
	.nw_m .navbar-collapse.collapse{}
	.nw_m .m_nav .navbar-nav > li {float:none}
	.nw_m .m_nav #menu1 .in_nav0{width:100%}

}


@media (max-width:767px){

	.line_up .gall_table {width:100%; margin:0 auto; border:#ddd 1px solid; }
	.line_up .gall_table .top_txt {width:100%; height:180px; line-height:30px; background:url('/img/img_lineup_top.jpg') no-repeat 0 0 / 100%; overflow:hidden; padding:0 10px;}
	.line_up .gall_table .top_txt .month {font-size:30px;margin-top:40px;}
	.line_up .gall_table .top_txt strong {font-size:30px;margin-bottom:20px;}
	.line_up .gall_table .top_txt p {font-size:10px; line-height:16px;}
	.line_up .gall_table .inbox {width:100%; padding:0 10px;}
	.line_up .gall_table table {margin:0 auto;}
	.line_up .gall_table table th {font-size:16px; line-height:24px; padding:0 10px;}
	.line_up .gall_table table td .c {}
	.line_up .gall_table table td strong {font-size:13px;}
	.line_up .gall_table table td p {font-size:11px; line-height:16px;}
	.line_up .gall_table .tar {font-size:10px;}
	.line_up .gall_table .btm_text .tt {font-size:13px; line-height:24px;}
	.line_up .gall_table .btm_text ul li {width:50%; margin:0; font-size:11px; line-height:16px; padding:5px 10px 5px 20px; float:left; letter-spacing:-.5px;}
	.line_up .gall_table .btm_text ul li:nth-child(2n-1) {margin-left:0;}
	.line_up .gall_table .btm_text ul li em {width:16px; height:16px; top:5px;}
	.line_up .gall_table .btm_text ul li em:before {top:-5px; right:-5px; width:8px; height:8px;}

	.new_main .tabs_slide2 ul {display:block; }
	.new_main .tabs_slide2 ul li{width:auto; padding:0px 5px; display:inline-block;}
	.new_main .tabs_slide2 ul li a{line-height:16px;margin:0px;}
/* 2111 추가 */
	.review_wrap {padding-bottom:50px;}

	.review_wrap .top {padding:30px 0 20px;}
	.review_wrap .top strong {font-size:18px; line-height:30px;}
	.review_wrap .top p {font-size:13px; line-height:20px; margin:5px 0 0;}
	.review_wrap .select {overflow:hidden; padding:30px 0 20px;}
	.review_wrap .select li {float:left; width:24%; margin-left:1.3333%;}
	.review_wrap .select li:first-child {margin-left:0;}
	.review_wrap .select li a {display:block; font-size:13px; line-height:28px; height:30px; border-radius:15px; border:#ddd 1px solid; text-align:center;}
	.review_wrap .select li a#bo_cate_on {color:#fff; background:#464da5; border-color:#464da5;}
	.review_wrap .board_list th,
	.review_wrap .board_list td {font-size:13px; line-height:32px;}
	.review_wrap .board_list td .ca_name {display:inline-block; font-size:12px; color:#000; line-height:20px; background:#ffc000; padding:2px 0; border-radius:10px; margin-right:5px; width:90px; text-align:center;}
	.review_wrap .bo_notice td {background:#e6f8ff;}
	#bo_list .td_name {text-align:center;}

	.review_wrap .board_bottom .btns {margin-top:20px;}
	.review_wrap .board_bottom .btns .btn {width:100px; height:30px; line-height:28px; padding:0;}
	.review_wrap .board_bottom .btns .fl,
	.review_wrap .board_bottom .btns .fr {width:49%;}
	.review_wrap .board_bottom .btns .fl .btn,
	.review_wrap .board_bottom .btns .fr .btn {width:49%; margin-bottom:4px;}
	.review_wrap .board_bottom .paging {margin-top:20px;}
	.review_wrap .board_bottom .paging a {width:30px; height:30px; line-height:30px; font-size:13px; margin:0 2px;}
	.review_wrap .board_bottom .paging .nums {margin:0 5px;}
	.review_wrap .board_bottom .paging .arrow img {height:14px;}
	.review_wrap .board_bottom .search_wrap {margin-top:20px;}
	.review_wrap .board_bottom .search_wrap .text,
	.review_wrap .board_bottom .search_wrap .btn {height:30px; line-height:28px;}
	.review_wrap .board_bottom .search_wrap input.text {width:60%;}
	.review_wrap .board_bottom .search_wrap .btn {width:30%;}

	.review_wrap .board_in thead th {font-size:18px; line-height:30px; padding:10px;}
	.review_wrap .board_in thead th span {position:relative; top:0; left:0; display:block; width:100px; height:30px; line-height:30px; font-size:13px; margin-bottom:10px;}
	.review_wrap .board_in thead td {padding:10px 0;}
	.review_wrap .board_in thead td span {font-size:12px; margin:0 5px;}
	.review_wrap .board_in tbody td {padding:15px 10px; font-size:13px; line-height:22px;}
	.review_wrap .board_in tbody td .btn_chu {font-size:13px; line-height:30px; margin:20px auto 0;}
	.review_wrap .board_in tbody td .btn_chu i {width:20px; height:30px;}

	.vod_wrap .btn_review {position:relative; display:block; width:50%; height:36px; line-height:36px; font-size:16px; color:#464da5; font-weight:500; padding-left:32px; text-align:center; border-radius:16px; background:#fff; font-family:'Noto sans KR', 'Noto Sans Korean'; margin:0 auto 10px;}
	.vod_wrap .btn_review i {position:absolute; top:0; left:14px; display:block; width:26px; height:36px; background:url('/img/icon_review.png') no-repeat 50% 50%;}

	.pop_review .tit {font-size:16px; line-height:34px; height:34px;}
	.fancybox-overlay .fancybox-close {width:34px; height:34px;}
	.fancybox-overlay .fancybox-close:before,
	.fancybox-overlay .fancybox-close:after {width:20px; height:2px; margin:-1px 0 0 -10px;}
	.pop_review .cn th,
	.pop_review .cn td {padding:10px 5px;}
	.pop_review .cn th {font-size:14px; width:30%;}
	.pop_review .cn td {font-size:13px;}
	.pop_review label.check {font-size:13px; line-height:20px; margin:15px 0 10px;}
	.pop_review .btn {font-size:13px; line-height:40px; height:40px; width:50%;}
}

@media (max-width:480px){

	.sec_2 .key10 .key10_in a{color:#555; font-size:0.9em;}
	.sec_2>p {font-size:1.4em;line-height:16px;}


	.sec_3 .test_l{float:left;}
	.sec_3 .test_l p{ color:#fff; font-size:1.25em; font-weight:bold; padding:20px 0 0; }
	.sec_3 .test_l p span{ font-weight:normal; font-size:0.7em; color:#7b83bd; }
	.sec_3 .test_r{float:right;margin-top:44px;}
	.test_btn{color:#fff !important;border:1px solid;padding:15px 10px;font-size:0.8em;}
	.s_img {margin:0 auto;}
	.header_new .logo {}
	.header_new .logo img {max-width:130px !important;}
}