@charset "utf-8";

.webtong_gallery03 .card_wrap a span:before,
.webtong_gallery03 .card_wrap a span:after {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

/************ gnb *********************/
.skipnav {position: fixed;width: 100%;background: #000;color: #fff;text-align: center;z-index: 1}
.skipnav a {display: block;color: #fff;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display: block;padding: 5px 0;width: auto;height: auto;line-height: 1.5;font-size: 14px}

header {position: relative; border-bottom: 1px solid #e5e5e5; border-top: 2px solid #ff614c;}
header:after {content: '';clear: both;display: block}
header .navi {position: relative}
header > .navi > h1 {padding: 10px 0; transition: all .5s; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0)}
header > .navi > h1 > a {background: url('../images/common/logo.png') no-repeat;display: block;text-indent: -999em;width: 147px;margin:0 auto;height: 80px}
header > .navi > .m_menu {display:none}

.utility_wrap {max-width: 1400px;margin: 0 auto;padding: 40px 0}
.top_left_menu {}
.top_left_menu:after {content:'';display:block;clear: both}
.top_left_menu > li {float: left; margin-right: 25px; position: relative}
.top_left_menu > li:nth-child(1):before {content:none}
.top_left_menu > li:before {content:'';background-color:#7e7e7e; width: 3px; height: 3px; display: block; border-radius: 100%; position: absolute; top: 8px; left: -14px}
.top_left_menu > li > a {font-size: 15px; color: #666}
.top_left_menu > li > a:hover, .top_left_menu > li > a:focus {font-weight:600;color: #ff614c}
.top_right_menu {position: absolute;right: 0;top:-64px}
.top_right_menu > li {float: left; margin-left: 18px}
.top_right_menu > li > a {position: relative; text-indent: -999em; display: inline-block;  width: 20px}
.top_right_menu > li > a:after {content:''; width: 20px; height: 25px; display: block; position: absolute; top: 0; left: 0}
/* .top_right_menu > li:nth-child(1) > a:after {content:''; background: url('../images/common/top_right_link.png') no-repeat 0px top}
.top_right_menu > li:nth-child(2) > a:after {content:''; background: url('../images/common/top_right_link.png') no-repeat -38px top}
.top_right_menu > li:nth-child(3) > a:after {content:''; background: url('../images/common/top_right_link.png') no-repeat -76px top}
.top_right_menu > li:nth-child(4) > a:after {content:''; background: url('../images/common/top_right_link.png') no-repeat -114px top} */
.top_right_menu > li:nth-child(1) > a:after {content:''; background: url('../images/common/top_right_link2.png') no-repeat 0px top}
.top_right_menu > li:nth-child(2) > a:after {content:''; background: url('../images/common/top_right_link2.png') no-repeat -38px top}
.top_right_menu > li:nth-child(3) > a {width: 25px;}
.top_right_menu > li:nth-child(3) > a:after {width: 25px; content:''; background: url('../images/common/top_right_link2.png') no-repeat -73px top}
.top_right_menu > li:nth-child(4) > a {width: 23px;}
/* .top_right_menu > li:nth-child(4) > a:after {width: 24px; content:''; background: url('../images/common/top_right_link2.png') no-repeat left -112px top -1px} */
.top_right_menu > li:nth-child(4) > a:after {width: 23px; content:''; background: url('../images/common/ins_ic.png')no-repeat center center;  background-size: 23px;}
.top_right_menu > li:nth-child(5) > a:after {content:''; background: url('../images/common/top_right_link2.png') no-repeat left -151px top -1px}

nav {z-index: 5; clear: both;position:relative;max-width: 1400px;margin: 0 auto}
	nav:after { content: '';clear: both;display: block}
	nav > .menu { text-align:center;}
	nav > .menu > li { display:inline-block; position: relative; margin:0 60px;}
	nav > .menu > li > a {color: #333; display: block; text-align: center; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-weight: 400; font-size: 21px; padding: 26px 0;position:relative}
	nav > .menu > li.on > a:after, nav > .menu > li:hover > a:after,  nav > .menu > li > a:focus:after {position: absolute;content: '';background-color: #ff614c;width: 8px;height: 8px;display: inline-block;bottom: 18px;right: 50%;margin-right: -4px;border-radius: 100%}
	nav > .menu > li > a:hover, nav > .menu > li.on > a, nav > .menu > li > a:focus {color:#ff614c}
@media(max-width:1400px){
	nav > .menu > li{ margin:0 40px;}
}
@media(max-width:1200px){
	nav > .menu > li{ margin:0 30px;}
}
@media(max-width:1024px){
	nav > .menu > li{ margin:0 25px;}
}       
@media(max-width:1000px){
	nav > .menu > li{ margin:0 15px;}
	nav > .menu > li a{ font-size:18px;}
}

.m_bottom_menu {display:none}
.m_close {display:none}

/**비주얼**/
.main_visual {position: relative;max-width:1980px;margin:0 auto}
.main_visual .bx-controls-direction > a {position: absolute;top: 50%;margin-top: -30px;display: inline-block;width: 28px;height: 60px;text-indent: -999em;background: url(../images/common/pre_next.png) no-repeat 0 0}
.main_visual .bx-controls-direction .bx-prev {left:40px}
.main_visual .bx-controls-direction .bx-next {right:40px;background-position: -33px 0}
.main_visual .bx-pager {max-width: 1400px;margin: 0 auto;position: relative;top: -64px}
.bx-controls {height:0}
.main_visual .bx-pager .bx-pager-item {display: inline-block}
.main_visual .bx-pager .bx-pager-item a {display: inline-block;margin: 0 5px;width: 10px;height: 10px;text-indent: -999em;background-color: #b6bfc5;border-radius: 100%}
.main_visual .bx-pager .bx-pager-item a.active {border-radius: 10px;background-color: #ff614c}
.v_mobile {display:none}

/**내용**/
.contents {max-width:1400px;margin: 0 auto;padding-bottom: 50px}
.contents h2 {font-size: 35px;font-family: "NanumSquare";font-weight: 800;color: #333;text-align: center;clear: both;padding: 100px 0 50px;letter-spacing: -0.7px;text-align: left}
.contents h3 {font-size: 28px;letter-spacing: -0.7px;color: #333;padding: 60px 0 20px}

/**갤러리**/
.webtong_gallery03 { margin:0 -15px}
.webtong_gallery03:after {content: "";display: block;clear: both}
.webtong_gallery03 .card_wrap {width: 20%;float: left;padding: 0 15px;margin-bottom: 50px}
.webtong_gallery03 .card_wrap .thumbnail {position:relative;display: block}
.webtong_gallery03 .card_wrap .thumbnail .time {position: absolute;bottom: 10px;right: 8px;border: 1px solid rgba(0,0,0,0.6);color: #fff;font-size: 12px;line-height: 22px;padding: 0 7px;background-color: rgba(0,0,0,0.6);z-index: 1}
.webtong_gallery03 .card_wrap .thumbnail span {display: block;position:relative;padding-top:58.7%;overflow: hidden}
.webtong_gallery03 .card_wrap .thumbnail span:before {content: '';position: absolute;background-color: rgba(255, 97, 76, 0.90);width: 100%;left: 0;height: 100%;top: 0;z-index: 1;visibility: hidden;opacity:0}
.webtong_gallery03 .card_wrap .thumbnail:focus span:before,
.webtong_gallery03 .card_wrap .thumbnail:hover span:before {visibility: visible;opacity:1}
.webtong_gallery03 .card_wrap .thumbnail span:after {content: '';background: url(../images/common/play.png) no-repeat 0 0;z-index: 1;top: 50%;left: 50%;position: absolute;width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;visibility: hidden;opacity:0}
.webtong_gallery03 .card_wrap .thumbnail:focus span:after,
.webtong_gallery03 .card_wrap .thumbnail:hover span:after {visibility: visible;opacity:1}
.webtong_gallery03 .card_wrap .thumbnail span img {width: 100%;position: absolute;top: 0;transition: all 0.5s}
.webtong_gallery03 .card_wrap .thumbnail:hover span img, .webtong_gallery03 .card_wrap a:focus span img {transform: scale(1.2)}
.webtong_gallery03 .card_wrap .title {display: block;padding: 20px 0 10px;font-weight: 600;white-space: nowrap;}
.webtong_gallery03 .card_wrap .title.center {display: block;padding: 20px 0 10px;font-weight: 600;white-space: nowrap;text-align:center}
.webtong_gallery03 .card_wrap em {font-size: 13px;color: #767676;background: url(../images/common/lookup.png) no-repeat 0 0px;padding-left: 17px;line-height: 20px;display: inline-block;margin-bottom: 15px}
.webtong_gallery03 .card_wrap dl {font-size: 13px;display: table;background-color: #f0f0f0;width: 100%}
.webtong_gallery03 .card_wrap dt {display: table-cell;width: 90px;background-color: #ff614c;color: #fff;text-align: center;padding: 13px 0}
.webtong_gallery03 .card_wrap dd {padding-left: 13px;vertical-align: middle;display: table-cell}
.webtong_gallery03.w04 .card_wrap {width: 25%;float: left;padding: 0 15px;margin-bottom: 50px}
.webtong_gallery03.w04 .card_wrap em {font-size: 13px;color: #767676;background:none;padding-left: 0;line-height: 20px;display: inline-block;margin-bottom: 15px}
.webtong_gallery03.w04.big .card_wrap .thumbnail span {display: block;position:relative;padding-top:136%;overflow: hidden}
.webtong_gallery03 .card_wrap .map {display: table;background-color: #ff614c;color: #fff;text-align: center;padding: 0 29px;font-size: 13px;margin: 0 auto;line-height: 40px;margin-top: 5px}

/**갤러리 추가 2019-09-27**/
.webtong_gallery03 .card_wrap .thumbnail2 {position:relative;display: block}
.webtong_gallery03 .card_wrap .thumbnail2 .time {position: absolute;bottom: 10px;right: 8px;border: 1px solid rgba(0,0,0,0.6);color: #fff;font-size: 12px;line-height: 22px;padding: 0 7px;background-color: rgba(0,0,0,0.6);z-index: 1}
.webtong_gallery03 .card_wrap .thumbnail2 span {display: block;position:relative;padding-top:58.7%;overflow: hidden}
.webtong_gallery03 .card_wrap .thumbnail2 span:before {content: '';position: absolute;background-color: rgba(255, 97, 76, 0.90);width: 100%;left: 0;height: 100%;top: 0;z-index: 1;visibility: hidden;opacity:0}
.webtong_gallery03 .card_wrap .thumbnail2:focus span:before,
.webtong_gallery03 .card_wrap .thumbnail2:hover span:before {visibility: visible;opacity:1}
.webtong_gallery03 .card_wrap .thumbnail2 span:after {content: '';z-index: 1;top: 50%;left: 50%;position: absolute;width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;visibility: hidden;opacity:0}
.webtong_gallery03 .card_wrap .thumbnail2:focus span:after,
.webtong_gallery03 .card_wrap .thumbnail2:hover span:after {visibility: visible;opacity:1}
.webtong_gallery03 .card_wrap .thumbnail2 span img {width: 100%;position: absolute;top: 0;transition: all 0.5s}
.webtong_gallery03 .card_wrap .thumbnail2:hover span img, .webtong_gallery03 .card_wrap a:focus span img {transform: scale(1.2)}
.webtong_gallery03.w04.big .card_wrap .thumbnail2 span {display: block;position:relative;padding-top:136%;overflow: hidden}


/**메인 인기순 최신순 버튼**/
.right_btn {float: right;}
.right_btn a { display:inline-block; padding:0 20px; height:35px; line-height:33px; font-size: 15px; font-weight: 400;color: #999;margin-left: -4px;border: 1px solid #d9d9d9}
.right_btn a.on {background-color: #999;color: #fff;border: 1px solid #999}

/**메인하단배너**/
.banner_wrap {background-color:#f3f4fa;padding: 35px 0}
.banner_wrap .banner_wrap_in {max-width:1400px;margin:0 auto}
.banner_wrap .banner_wrap_in ul {margin:0 -15px}
.banner_wrap ul li {width:50%;float:left;}
.banner_wrap ul li a {padding:15px;display:block}

.banner_wrap02 {padding: 15px 0}
.banner_wrap02 .banner_wrap_in {max-width:1400px;margin:0 auto}
.banner_wrap02 .banner_wrap_in ul {margin:0 -15px}
.banner_wrap02 ul li {width:25%;float:left;}
.banner_wrap02 ul li a {padding:15px;display:block}

/**footer**/

footer {background-color: #333;color: #999;font-size: 15px;font-weight: 400;padding: 60px 0}
footer .footer_wrap {max-width:1400px;margin:0 auto;position:relative}
footer .f_logo {position: absolute;width: 116px;height: 66px;background: url(../images/common/f_logo.png) no-repeat;text-indent: -999em;left: 0;top: 0;display:block}
footer address {margin: 0 auto;line-height: 24px;max-width: 557px}
footer address a {text-decoration: underline;color: #fff}
footer .f_sns {position: absolute;right: 0;top: 0}
/* footer .f_sns a {width: 39px;height: 21px;display: inline-block;text-indent: -999em;background: url('../images/common/top_right_link2.png') no-repeat} */
footer .f_sns a {height: 21px;display: inline-block;text-indent: -999em;background: url('../images/common/top_right_link2.png') no-repeat; margin-right: 28px;}






footer .f_sns a.f_facebook {width: 20px; background-position: 0px top}
footer .f_sns a.f_twitter {width: 20px; background-position: -38px top}
footer .f_sns a.f_youtu {width: 25px; background-position: -73px top}
footer .f_sns a.f_ins {width: 24px;background: url('../images/common/ins_ic.png') no-repeat; background-size: 24px;   background-position: center center}
footer .f_sns a.f_naver {width: 20px; background-position: -151px top; margin-right: 0px;}















footer .copyright {margin: 0 auto;line-height: 24px;max-width: 557px}

/**etc**/
.line01 {clear: both; margin:0 -50px; height: 1px;background: #e5e5e5}
.brblock {display:none}
.brnone {display:block}
.visual img.mobile {display:none}


/**메인**/
#dimmed0 {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 5;display: none}
#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 5;display: none}
.pop-wrap {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #fff;width: 100%;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);overflow: hidden}

.pop-wrap.w450 {width: 450px}

.pop-wrap .pop_wrap header {background-color: #f5f5f5;padding: 30px 40px 40px;border-top: 0}
.pop-wrap .pop_wrap header.bgcolor {background-color: #ff614c;padding: 30px}
.pop-wrap .pop_wrap header.bgcolor h2 {text-align: center;color: #fff}
.pop-wrap .pop_wrap header h2 {font-size:30px;margin-bottom: 2px}

.pop-wrap .pop_wrap header p {color: #333;font-weight: 400;margin-bottom: 4px}
/* 09.30 추가 */
.pop-wrap .pop_wrap header p {width: 230px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;}
@media all and (max-width: 350px) {
	.pop-wrap .pop_wrap header p {width: 200px;}
}
.pop-wrap .pop_wrap header .pop_icon span {font-size: 14px;color: #767676;background: url(../images/common/pop_icon.png) no-repeat 0 0;padding: 0 20px;display: inline-block}
.pop-wrap .pop_wrap header .pop_icon .icon02 {background-position: 0 -28px}
.pop-wrap .pop_wrap header .viedo {max-width: 137px;display: block;float: right;top: 29px;position: absolute;right: 40px}
/* 09.30 추가 */
.pop-wrap .pop_wrap header .viedo {height: 100px; width: 137px; overflow: hidden; text-align: right;}
.pop-wrap .pop_wrap header .viedo img {height: 100%; width: auto !important;}
@media all and (max-width: 450px){
	.pop-wrap .pop_wrap header .viedo {height: 70px;}
}




.pop-wrap .pop_wrap header .viedo em {position: absolute;bottom: 0;right: 0;font-size: 12px;color: #fff;background-color: #000;line-height: 20px;padding: 0 6px}
.pop-wrap .pop_wrap fieldset {padding: 40px}
.pop-wrap .pop_wrap ul li {margin-bottom:10px}
.pop-wrap .pop_wrap .text_box {font-size: 15px;background-color: #f5f5f5;padding: 40px;display:none}
.pop-wrap .pop_wrap .text_box.off {display:block}
.pop-wrap .pop_wrap .text_box ol {}
.pop-wrap .pop_wrap .text_box ol li {text-indent: -16px;padding-left: 16px;line-height: 18px;font-weight: 400;margin-bottom: 18px;letter-spacing: -0.6px}
.pop-wrap .pop_wrap .pop_bon {    margin-top: 29px;}
.pop-wrap .pop_wrap .pop_bon a {display: inline-block;width: 49%;text-align: center;background-color: #ff614c;color: #fff;font-size: 20px;line-height: 50px;border-radius: 5px}
.pop-wrap .pop_wrap .pop_bon a.pop-on_btn {float: left}
.pop-wrap .pop_wrap .pop_bon a.pop-close_btn {float: right;background-color: #333333}

.pop-wrap .pop_wrap .complete_wrap {padding: 30px 40px 40px}
.pop-wrap .pop_wrap .complete_wrap p {font-size: 18px;text-align: center;font-weight: 600;margin-bottom: 17px}
.pop-wrap .pop_wrap .complete_wrap span {text-align: center;display: block;line-height: 46px;border: 1px solid #d0d0d0;background-color: #f5f5f5;border-radius: 5px;font-weight: 600;color: #565656;margin-bottom: 20px}
.pop-wrap .pop_wrap .complete_wrap em {display: block;text-align: center;color: #ff614c;}
.pop-wrap .pop_wrap .complete_wrap .basic_title {text-align: center;color: #ff614c;margin: 10px;font-size: 30px}

.webtong_checkbox {position: relative;padding: 10px 0 6px;line-height: 33px;margin-top: 10px;font-weight: 400;font-size: 18px;color: #666}
.webtong_checkbox input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip:rect(0,0,0,0); border: 0 }
.webtong_checkbox input[type="checkbox"] + label {display: inline-block;position: relative;padding-left: 38px;cursor: pointer;-webkit-user-select: none;-ms-user-select: none}
.webtong_checkbox input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 30px; height: 30px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 5px}
.webtong_checkbox input[type="checkbox"] + label:active:before,
.webtong_checkbox input[type="checkbox"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.webtong_checkbox input[type="checkbox"]:checked + label:after {content: '';position: absolute;top: 10px;left: 8px;width: 15px;height: 12px;background: url(../images/common/checked.png) no-repeat}
.pop_open {position: absolute;background: url(../images/common/up_down.png) no-repeat 0 0;width: 14px;height: 9px;right: 0;top: 17px;text-indent: -999em}
.pop_open.off {background-position: 0 -8px}

/**서브**/
.video_wrap {position: relative;overflow: hidden;padding-top: 41%;background-color:#333333}
.video_wrap iframe {position: absolute;top: 0;right: 50%;width: 100%;height: 100%;margin-right: -700px;max-width: 1400px}
.sub_contents {max-width: 1400px;margin: 0 auto;padding: 50px 0 40px;position: relative;}
.sub_contents h2 {font-size:40px; }
.sub_contents h2.size35 {font-size:35px}
.btn_righr {float: right;margin-top: -58px}
.btn_righr a {border: 1px solid #d4d4d4;background-color: #f9f9f9;font-size: 18px;font-weight: 500;line-height: 50px;display: inline-block;padding: 0 33px}
.btn_righr a span {background: url(../images/common/sub_btn01.png) no-repeat 0 0;padding-left: 28px}
.btn_righr a.left {background-color: #ff614c;border-color: #ff614c;color: #fff}
.btn_righr a.left span {}
.btn_righr a.right span {background-position: 0 -40px}
.pop_icon02 span {font-size: 14px;color: #767676;background: url(../images/common/icon01.png) no-repeat 0 2px;padding: 0 25px;display: inline-block;line-height: 26px}
.pop_icon02 .icon02 {background-position: 0 -30px}
.pop_icon02 .none {background:none;padding-left: 0}
.hr_line {background-color: #e5e5e5;height: 1px;border: 0;clear: both}
.text_wrap01 {max-width: 1400px;margin: 0 auto;font-size: 18px;padding: 60px 0 ;color: #767676;font-weight: 400;line-height: 29px}
.text_wrap01 img {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
}
.orange_link {text-decoration: underline;color: #ff614c;background: url(../images/common/link_icon.png) no-repeat 119px 8px;padding-right: 10px;display: inline-block}

/**서브 비주얼**/
.sub_visual {background-color: #e4eff6;}
/* .sub_visual .sub_visual_in {max-width: 1400px;margin: 0 auto} */
.sub_visual .sub_visual_in {max-width: 100%;margin: 0 auto}/*0930 min-width 100%변경 */
.sub_visual .sub_visual_in p {font-size: 35px;font-weight: 600;background: url(../images/sub_banner.jpg) no-repeat;padding: 61px 0}
.sub_visual .sub_visual_in p span {color:#ff614c}

/**이벤트**/
.event_wrap {margin: 35px -15px 0}
.event_wrap li {float:left;width:50%;padding: 15px;margin-bottom: 10px}
.event_wrap li a {display:block}
.event_wrap li a img {max-width: 680px;max-height: 200px}
.event_wrap li a strong {display: block;font-size: 20px;margin: 16px 0 4px}
.event_wrap li a span {display: block;font-size: 15px;font-weight: 400;color: #767676}
.location {float: right;margin-top: -30px}
.location a {position:relative;padding: 0 15px}
.location a:first-child {height: 23px;background: url(../images/common/location_home.png) no-repeat 0 0;text-indent: -999em;display: inline-block;width: 56px}
.location a:after {position: absolute;top: 2px;right: -6px;content: '';background: url(../images/common/next_page.png) no-repeat 0 0;width: 8px;height: 14px}
.location a:last-child:after {background:none}

/*paging*/
.webtong-paging {text-align: center;margin: 30px 0;line-height: 32px}
.webtong-paging.text_left {text-align: left}
.webtong-paging.text_right {text-align: right}
.webtong-paging a {display: inline-block;width: 40px;height: 40px;text-indent: -999em;border: 1px solid #e6e6e6;line-height: 40px;margin: 0 3px}
.webtong-paging .previous {background: #fff url('../images/common/previous_page.png') no-repeat center}
.webtong-paging .next {background: #fff url('../images/common/next_page.png') no-repeat center}
.webtong-paging span a {display: inline-block;width: 40px;height: 40px;margin: 0 3px;border: 1px solid #e6e6e6;line-height: 40px;font-size: 15px;text-indent: 0}
.webtong-paging span a.on {color: #fff;background-color:#ff614c;border-color: #ff614c}

.text_box_wrap {border-top: 2px solid #000;margin-top: 25px}
.program_wrap {margin-top: 60px}
.page_next_pre {border-top: 1px solid #000;border-bottom: 1px solid #000}
.page_next_pre li {font-size:18px;font-weight:500;clear: both;line-height: 80px}
.page_next_pre li:last-child {border-top:1px solid #ddd; background-color:#f9f9f9}
.page_next_pre li strong {display: inline-block;width: 173px;padding-left: 54px}
.page_next_pre li:first-child strong {position:relative}
.page_next_pre li:first-child strong:before {position:absolute;content:'';top:34px;right:0;background:url(../images/common/up_down.png) no-repeat 0 0;width:14px;height:9px}
.page_next_pre li:last-child strong {position:relative}
.page_next_pre li:last-child strong:before {position:absolute;content:'';top:34px;right:0;background:url(../images/common/up_down.png) no-repeat 0 -9px;width:14px;height:9px}
.page_next_pre li a {font-size:18px;margin-left: 83px}
.page_next_pre li a img {width: auto;vertical-align: middle;margin-right: 14px}
.page_next_pre li span {float:right;font-size: 15px;color: #767676;margin-right:50px}
.list_btn {font-size: 18px;font-weight: 400;line-height: 50px;padding: 0px 64px;border: 1px solid #cdcccc;display: inline-block;text-align: center}

/**출연진 소개**/
.cast_wrap {margin-top: 35px}
.cast_wrap .cast_box {display:inline-block;position: relative;padding-right: 13px}
.cast_wrap .cast_box img {width:auto; max-width: 160px;}
@media all and (max-width: 768px){
	.cast_wrap .cast_box img {max-width: 100%;}
}
.cast_wrap .cast_box span {position: absolute;bottom: -12px;z-index: 1;left: 0;display: inline-block;width: 97px;background-color: #999;line-height: 35px;text-align: center;color: #fff}
.cast_wrap .cast_box span:after {border-left-width: 18px;border-left-style: solid;border-bottom: 35px solid transparent;border-left-color: #999;display: block;content: "";position: absolute;top: 0px;left: 97px}
.cast_wrap .cast_box.on span {background-color: #ff614c}
.cast_wrap .cast_box.on span:after {border-left-color: #ff614c}
.profile_wrap {margin-top: 70px;padding: 50px;border: 1px solid #cdcccc}
.profile_wrap img {width: 40%;float: left}
.profile_wrap .profile_text {float: left;padding-left: 50px;width: 60%}
.profile_wrap .profile_text strong {font-size: 30px;font-weight: 600;display: block;margin-top: 40px;margin-bottom: 10px}
.profile_wrap .profile_text span {display: block;font-weight: 500}
.profile_wrap .profile_text dl {margin-top: 40px}
.profile_wrap .profile_text dt {font-size: 18px;color: #333;font-weight: 600;width: 30%;float: left;position:relative;padding-left:12px}
.profile_wrap .profile_text dt:before {content: '';position: absolute;top: 7px;left: 0;background-color: #333;width: 4px;height: 3px;border-radius: 3px}
.profile_wrap .profile_text dd {font-size: 15px;width: 70%;float: left}
.profile_wrap .profile_text dd ul {margin-bottom: 26px;}
.profile_wrap .profile_text dd ul li {line-height: 24px;font-weight: 400;color: #767676}

@media screen and (max-width: 1400px) {
	.contents,
	.banner_wrap_in{ padding:0 20px;}
	.sub_contents {padding:35px 0}
	footer .footer_wrap {margin:0 1.5%}
	.utility_wrap {padding: 40px 20px}
	.top_right_menu {right:20px}
	.footer_wrap {padding:15px 1.5%}
	.text_box02 p {top: 123px}
	.webtong_gallery03 .card_wrap {width: 33.3333%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s}
	.webtong_gallery03 .card_wrap dt {width:70px}
	.sub_visual .sub_visual_in p {background: url(../images/sub/sub_bg_m.png) no-repeat right -29px;font-size: 29px;font-weight: 500;padding: 61px 0 61px 63px}
}

@media screen and (max-width: 1024px) {
	header > .navi > h1 > a {background-size: 98px}
	.top_left_menu {display:none}
	.text_box02 img {float: none;width: 100%}
	.text_box02 p {font-size: 15px;margin: 0 auto;top: -36px;position: relative;width: 90%}
	.contents h3 {font-size: 20px}
	.text_box01 {font-size: 15px}
	.f_logo {width:100%;background-position:center}
	.f_link {float: none;padding: 0;margin: 0 auto;display: table;text-align: center}
	.f_link ul li a {padding:10px;line-height: 20px}
	.f_sns {margin: 0 auto 10px;display: table;float: none}
	address p {margin-bottom:20px}
	.page_next_pre li span {display: none}
	.page_next_pre li strong {width: 20%;padding-left: 34px}
	.page_next_pre li a {width: 80%;margin-left: 43px;}
	.profile_wrap img {width:100%}
	.profile_wrap .profile_text {width:100%}
}

@media screen and (max-width: 840px) {
	.webtong_gallery03{ margin:0 -10px;}
	.webtong_gallery03 .card_wrap{ padding:0 10px; width:50%;}
	footer {padding: 15px 0 60px 0}
	footer .f_logo {position:relative;top:auto;left:auto;margin: 0 auto;margin-bottom: 26px}
	footer .f_sns {position:relative;top:auto;right:auto;margin: 0 auto;padding: 25px 0}
	footer address, footer .copyright {text-align:center}
	
}
@media screen and (max-width: 750px) {
	header > h1 {background-color: #01385d;padding: 6px 3% 7px;position: relative;width: 100%;z-index: 4}
	header > .navi > h1 {background-color: #fff;padding:0 15px;width: 100%;z-index: 4;border-bottom: 1px solid #e6e6e6}
	header > .navi > h1 > a {background: url('../images/common/logo.png') no-repeat center left / 71%;margin:0}
	header > .navi > .m_menu { position:absolute; z-index:4; top:25px; right:20px;color:#fff; display:block; background: url('../images/common/menu.png') center no-repeat; text-indent: -999em; width:30px; height:30px}
	.m_close {background: url(../images/common/close.png) no-repeat;right: 18px;z-index: 6;position: absolute;top: 29px;text-indent: -999em;width: 19px;height: 19px;display:block}
	nav {background-color: #fff;top: 0;position: fixed;height: 100vh;right: 0;transform: translate3d(100%,0,0);transition: all .5s cubic-bezier(.685,.0473,.346,1);margin-right: 0;width: 70%;visibility: hidden;opacity:0}
	nav.on {transform: translateZ(0);visibility: visible;opacity:1}
	nav.menu-fixed {top:10px;top: 86px;background-color: #093654}
	nav > ul > li {float:left;width:100%}
	nav > ul > .slider {display:none}
	nav > ul > li > a {height:auto;padding:15px 20px;line-height: 22px; display:block; text-align:left;color: #fff; font-size:15px}
	nav > ul > li > a:hover {color:#f7514a}
	nav > ul > li.active > a {background-color: #3483b9}
	nav > .menu { overflow:hidden; padding: 30px 0;border-bottom:0;margin-left: 30px}
	nav > .menu > li > a {text-align: left;padding: 14px 0;font-size: 20px}
	nav > .menu > li.on > a:after, nav > .menu > li:hover > a:after {background: url(../images/common/on.png) no-repeat; background-size:100% auto; width:12px; height:24px; bottom:13px; right:60px; margin-right: 0}
	.main_visual {margin: 76px auto 0}
	.bx-controls-direction {display:none}
	.main_visual .bx-pager {left:26px}
	.m_bottom_menu { overflow:hidden; display: block;margin-left:51px;}
	.m_bottom_menu li a {color: #767676;padding: 5px 0}
	.m_bottom_menu li a:hover, .m_bottom_menu li a:focus {font-weight:600}
	.top_right_menu {position: relative;top: auto;right: auto;display: table;background-color: #f5f5f5;width: 100%;padding: 28px 0 28px 30px}
	.top_right_menu > li {display: table-cell;width: auto}
	.top_right_menu > li > a {padding: 0}
	.utility_wrap {display:none}
	.contents h2 { line-height:35px; font-size:25px; padding:40px 0 25px 0;}
	.sub_contents h2.size35 {font-size: 25px}
	.banner_wrap ul li {width:100%}
	.right_btn {margin-top: -60px}
	.brnone {display:none}
	.brblock {display:block}
	.v_pc {display:none}
	.v_mobile {display:block}
	.webtong_gallery03 .card_wrap dt {width: 64px}
	.banner_wrap02 ul li {width:50%}
	.sub_visual {margin-top: 76px}
	.sub_visual .sub_visual_in p {font-size: 23px;padding: 61px 0 61px 19px;background-size: 261px;background-position: right 11px}
	.page_next_pre li a {margin-left: 27px;width:75%;font-size: 15px}
	.page_next_pre li strong {width: 15%;padding-left: 9px;min-width: 72px;font-size: 15px}
	.list_btn {width:100%}
	.profile_wrap .profile_text {padding-left: 0}
	.profile_wrap {border:0;padding: 10px;position: relative;    margin-top: 103px}
	.profile_wrap .profile_text strong {/* position: absolute;top: -88px */}
	.profile_wrap .profile_text span {/* position: absolute;top: -33px;left: 103px */}
	.cast_wrap {display:table}
	.cast_wrap .cast_box {display:table-cell}
	.webtong_gallery03.w04 .card_wrap {width:50%}
	

}
@media screen and (max-width: 550px) {
	.cast_wrap .cast_box {width: 50%;float: left;margin-bottom: 32px}
}
@media screen and (max-width: 450px) {
	.pop-wrap .pop_wrap header .viedo {right:20px}
	.pop-wrap .pop_wrap fieldset,.pop-wrap .pop_wrap header {padding: 20px}
	.pop-wrap.w450 {width: 99%}
	/*.sub_visual .sub_visual_in p {background-image: url(../images/sub/sub_bg_m_op.png)}*/
	.page_next_pre li a img {display:none}
	.profile_wrap .profile_text dt {width:40%}
	.profile_wrap .profile_text dd {width:60%}
	

}
@media screen and (max-width: 400px) {
	.webtong_gallery03 .card_wrap .title {font-size:14px}
	.webtong_gallery03 {margin:0 -6px}
	.webtong_gallery03 .card_wrap {padding: 0 6px}
	.webtong_gallery03 .card_wrap dt {width: 52px}
	.banner_wrap02 ul li {width:100%}
	
}

/*0930추가*/
.webtong_gallery03 .card_wrap .title{max-width: 309px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;}
@media all and (max-width: 767px) {
	.webtong_gallery03 .card_wrap .title{max-width: 360px;}
}












header{ padding:0 50px;}
@media(max-width:1025px){
	header{ padding:0 30px;}
}
@media(max-width:767px){
	header{ padding:0;}
}




@media(max-width:1400px){
	.main_visual .bx-pager { padding:0 50px;}
}
@media(max-width:1025px){
	.main_visual .bx-pager { padding:0 30px;}
}
@media(max-width:767px){
	.main_visual .bx-pager { padding:0 15px;}
}


#contents{ padding:0 50px;}
#contents2{ padding:0 50px;}
	.contents{ margin:0 auto; max-width:1400px;}
@media(max-width:1025px){
	#contents{ padding:0 30px;}
	#contents2{ padding:0 30px;}
}
@media(max-width:767px){
	#contents{ padding:0 15px;}
	#contents2{ padding:0 15px;}
}


.contents{ padding:0 !important;}
	.contents h2{ padding:80px 0 50px 0; line-height:35px; font-size:35px;}
	.right_btn{ float:right; margin:-85px 0 0 0;}
	.right_btn a{ display:block; float:left; margin:0 0 0 -1px; padding:0 20px; height:35px; border:1px solid #d9d9d9; line-height:33px; font-size:15px; font-weight:400; color:#999;}
	.right_btn a.on{ position:relative; z-index:1;}
	
	.webtong_gallery03{ margin:0 -15px; padding:0 0 50px 0;}
	.webtong_gallery03 .card_wrap{ margin:0; padding:0 15px 50px 15px; width:20% !important;}
@media(max-width:1400px){
	.webtong_gallery03 .card_wrap{ width:25% !important;}
}
@media(max-width:1025px){
	.webtong_gallery03{ margin:0 -10px; padding:0 0 30px 0;}
	.webtong_gallery03 .card_wrap{ padding:0 10px 50px 10px;}
}
@media(max-width:1000px){
	.webtong_gallery03 .card_wrap{ width:33.333% !important;}
}
@media(max-width:767px){
	.contents h2{ padding:40px 0 25px 0; font-size:25px;}
	.right_btn{ margin:-60px 0 0 0;}
	
	.webtong_gallery03{ margin:0 -5px; padding:0 0 25px 0;}
	.webtong_gallery03 .card_wrap{ padding:0 5px 25px 5px; width:50% !important;}
	.webtong_gallery03 .card_wrap .title{ padding:10px 0 5px 0; height: 34px;}
	.webtong_gallery03 .card_wrap    em{ margin-bottom:10px;}
	.webtong_gallery03 .card_wrap dl{ display:block; box-sizing:border-box; height:35px;}
	.webtong_gallery03 .card_wrap dl dt{ box-sizing:border-box; padding:0; width:35px; height:35px;}
	.webtong_gallery03 .card_wrap dl dt a{ display:block; padding:5px 0; text-align:center; line-height:12px; font-size:12px;}
	.webtong_gallery03 .card_wrap dl dd{ box-sizing:border-box; padding:0 0 0 10px; height:35px; font-size:12px;}
	
	
}


.banner_wrap{ padding:50px;}
	.banner_wrap .banner_wrap_in{ margin:0 auto; padding:0 !important; max-width:1400px;}
	.banner_wrap ul{ overflow:hidden; margin:0 -10px !important;}
	.banner_wrap ul li{ float:left; width:50%;}
	.banner_wrap ul li:nth-child(n+3) {
		margin-top: 20px;
	}
	.banner_wrap ul li a{ margin:0 10px; padding:0;}
	.banner_wrap ul li a img{ display:block; width:100%;}
@media(max-width:1025px){
	.banner_wrap{ padding:40px 30px;}
}
@media(max-width:767px){
	.banner_wrap{ padding:25px 15px;}
	.banner_wrap ul{ margin:-10px 0 0 0 !important;}
	.banner_wrap ul li{ margin:10px 0 0 0; width:100%;}
	.banner_wrap ul li a{ margin:0;}
	
	.banner_wrap ul li:nth-child(n+3) {
		margin-top: 10px;
	}
}


.banner_wrap02{ padding:30px 50px;}
	.banner_wrap02 .banner_wrap_in{ margin:0 auto; padding:0 !important; max-width:1400px;}
	.banner_wrap02 ul{ overflow:hidden; margin:0 -10px !important;}
	.banner_wrap02 ul li{ float:left; width:25%;}
	.banner_wrap02 ul li a{ margin:0 10px; padding:0;}
	.banner_wrap02 ul li a img{ display:block; width:100%;}
@media(max-width:1025px){
	.banner_wrap02{ padding:30px;}
}
@media(max-width:767px){
	.banner_wrap02{ padding:25px 15px;}
	.banner_wrap02 ul{ margin:-10px -5px 0 -5px !important;}
	.banner_wrap02 ul li{ margin:10px 0 0 0; width:50%;}
	.banner_wrap02 ul li a{ margin:0 5px;}
}


footer{ padding:60px 50px;}
	footer .footer_wrap{ margin:0 auto !important; padding:0 !important; max-width:1400px;}
	footer .f_logo{}
	footer address{}
	footer .f_sns{}
	footer .copyright{ margin-top:15px;}
@media(max-width:1025px){
	footer{ padding:50px 30px;}
}
@media(max-width:767px){
	footer{ padding:30px 15px;}
	footer .copyright{ margin-top:10px; line-height:15px; font-size:12px;}
}


.video_wrap{ padding:0 50px; background:#333;}
	.video_wrap .play{ position:relative; margin:0 auto; max-width:1400px;}
	.video_wrap .play iframe{ position:absolute !important; z-index:1 !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; margin:0 !important;}
	.video_wrap .play img{ display:block; width:100% !important; height:auto !important;}
@media(max-width:1500px){
	.video_wrap{ padding:0;}
}
@media(max-width:767px){
	.video_wrap{ margin:76px 0 0 0;}
}


@media(max-width:767px){
	.sub_visual .sub_visual_in p{ padding:30px 0 30px 20px; height:100px; background:url(../images/sub/sub_bg_m.png) no-repeat center right -15px; background-size:auto 140%; line-height:20px; font-size:15px;}
	
	.sub_contents h2{ margin:0 0 15px 0; line-height:30px; font-size:30px; color:#333;}
	
	.location{     /* margin-top: -40px; */ margin-top: 0; width: 100%;}
	
	
	
	.btn_righr{ overflow:hidden; float:inherit; margin:15px -1% 0 -1%;}
	.btn_righr a{ display:block; box-sizing:border-box; float:left; margin:0 1%; padding:0; width:48%; text-align:center; line-height:50px;}
	.btn_righr a span{ display:inline-block; vertical-align:middle; height:20px; line-height:20px;}
	
	.event_wrap{ margin:20px 0 0 0;}
	.event_wrap li{ margin:15px 0 0 0; padding:0; width:100%;}
	.event_wrap li strong{ margin:10px 0 5px 0 !important; font-size:17px !important;}
	.event_wrap li span{ font-size:13px !important;}
	
	
	.cast_wrap{ margin:-10px -1% 0 -1%;}
	.cast_wrap .cast_box{ float:left; margin:30px 1% 0 1%; padding:0; width:48%;}
	.cast_wrap .cast_box img{ display:block; width:100%;}
	
	.webtong_gallery03.w04 .card_wrap{ padding:0 5px;}
	
}


.webtong_gallery03 .card_wrap.nospan .thumbnail2 span:before{ display:none !important;}
.webtong_gallery03 .card_wrap.nospan .thumbnail2 span img{ transform:scale(1) !important;}



.program_wrap{ overflow:hidden;}
	.program_wrap img{ display:block; float:left; margin:0 50px 0 0; width:400px;}
	.program_wrap .tit{ margin:80px 0 40px 0; line-height:80px; font-size:80px; font-weight:700; color:#333;}
	.program_wrap .txt{ line-height:30px; font-size:20px; color:#666;}
@media(max-width:1000px){
	.program_wrap{ margin-top:30px;}
	.program_wrap img{ float:inherit; margin:0; width:100%;}
}
@media(max-width:767px){
	.program_wrap .tit{ margin:30px 0 20px 0; line-height:30px; font-size:30px;}
	.program_wrap .txt{ line-height:25px; font-size:16px;}
}


/* cast.html 출연진 수정 */

.profile_wrap-mobile { display: none;}
.profile_wrap-mobile .strong-name { font-size: 30px; font-weight: 600; display: block; margin-top: 40px; margin-bottom: 10px;}
@media all and (max-width: 1024px) {
	.profile_wrap-mobile {display: block;}
	.pc-name {display: none !important;	}
	.pc-jop {display: none !important;}
	.profile_wrap .profile_text {padding-left: 0 !important;}
}
@media all and (max-width: 768px) {
	.profile_wrap {	margin-top: 0;}
}