@charset "utf-8";

/* Reset */
html, body, div, header, footer, section, article, nav, figure, table, tr, th, td, dl, dt, dd, ul, ol, li, blockquote, form, fieldset, iframe, h1, h2, h3, h4, h5, h6, p, a, span, em, button, label, pre { color:#f2f4f6; }
a { color:#f2f4f6; }







/*-------------------------------- 데스크탑 퍼스트로 css 설계 --------------------------------*/


/*--------------------------------- Common Layout ---------------------------------*/

html.ov_h, html.ov_h body { overflow:hidden; }
body { background:#101010 url("../../images/ott/common/bg_body.jpg") no-repeat 50% 0px; }
.inner { position:relative; max-width:1800px; margin:0 auto; padding:0px 10px; }
.inner:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.inner.nopadding { padding:0px; }
.container .inner { max-width:1440px; }

/* Header */
.header { position:fixed; left:0px; top:0px; width:100%; padding:30px 10px 30px 20px; z-index:10; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
/* .header:before { content:""; display:block; position:absolute; right:0px; top:30px; width:calc(100vw - 258px); height:5px; background-color:#fff; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; } */
.header > .inner { max-width:100%; }
.header h1 { width:195px; height:63px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.header h1 a { display:block; width:100%; height:100%; overflow:hidden; background:url("../../images/ott/common/logo_kno_white2.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; text-indent:-9999px; }


.header .quick_nav { position:absolute; right:80px; top:18px; }
.header .quick_nav:after { content:""; display:block; clear:both; visibility:hidden; }
.header .quick_nav li { float:left; padding:0px 10px; }
.header .quick_nav li a { -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; font-weight:700; line-height:100%; color:#fff; font-family:"Montserrat", "scR", "NanumGothic", dotum, sans-serif; overflow:hidden; }

.header .gnb_mobile_open { position:absolute; right:0px; top:0px; display:block; width:60px; height:60px; overflow:hidden; z-index:30; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.header .gnb_mobile_open span { display:block; position:absolute; left:19px; right:19px; top:29px; height:2px; overflow:hidden; background:#fff; text-indent:-10000em; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.header .gnb_mobile_open:before { content:""; position:absolute; left:19px; right:19px; top:20px; height:2px; background:#fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.header .gnb_mobile_open:after { content:""; position:absolute; left:19px; right:19px; bottom:20px; height:2px; background:#fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.header .gnb_mobile_open:hover { background-color:rgba(255,255,255,0.05); }

.header.gnb_opened .gnb_mobile_open { top:-13px; }

.scrolled .header { padding:15px 20px 15px 30px; background-color:rgba(0,0,0,0.5); }
/* .scrolled .header:before { top:10px; width:calc(100vw - 170px); height:2px; } */
.scrolled .header h1 { width:150px; height:46px; }
/* .scrolled .header .btn_homepage { top:22px; } */
.scrolled .header .quick_nav { top:10px; }
.scrolled .header .gnb_mobile_open { top:-7px; }

@media (max-width:1199px) {
	.header { padding:10px 10px 10px 30px; }
	/* .header:before { top:10px; width:calc(100vw - 170px); height:2px; } */
	.header h1 { width:120px; height:76px; }
	.header .gnb_mobile_open { top:7px; }
	.header.gnb_opened .gnb_mobile_open { top:7px; }
	.header .quick_nav { top:25px; }
}

@media (max-width:991px) {
	.header { padding:10px; }
	.header .quick_nav li { padding:0px 7px; }
	/* .header:before { width:calc(100vw - 150px); } */
	/* .header .btn_homepage { right:70px; top:27px; width:100px; height:34px; padding:10px 0px; font-size:16px; }
	.header .btn_homepage:after { width:14px; height:14px; margin-left:5px; vertical-align:-1px; } */
	.scrolled .header { padding:10px; }
	.scrolled .header .top_func_form { top:27px; }

}

@media (max-width:767px) {
	.header .btn_open_search { display:block; }
	.header .quick_nav { right:60px; }
	.header .quick_nav li { padding:0px 5px; }
	.header .quick_nav li a { font-weight:500; }
	
	/* .scrolled .header .btn_homepage { top:27px; } */
}

@media (max-width:575px) {
	.header .quick_nav li { display:none; }
	.header .quick_nav li:first-child { display:block; }
}



/* GNB */
.gnb_wrap { position:fixed; right:-360px; top:0px; width:360px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fff; z-index:20; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.gnb_wrap > .gnb_area { position:relative; width:100%; height:100%; padding:100px 30px; min-height:550px; }
.gnb_wrap .gnb_logo { position:absolute; left:30px; top:30px; width:170px; height:35px; }
.gnb_wrap .gnb_logo a { display:block; width:100%; height:100%; overflow:hidden; background:url("../../images/ott/common/logo_myopera_black.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; text-indent:-9999px; }

.gnb_wrap .user_info { position:absolute; left:0px; top:90px; width:100%; padding:0px 30px; z-index:1; }
.gnb_wrap .user_info p { margin-bottom:10px; font-size:20px; color:#222; }
.gnb_wrap .user_info p:before { content:""; display:inline-block; width:28px; height:28px; margin-right:10px; background:url("../../images/ott/common/icon_nav_user.png") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; vertical-align:middle; }
.gnb_wrap .user_info ul { margin:-3px; }
.gnb_wrap .user_info ul:after { content:""; display:block; clear:both; visibility:hidden; }
.gnb_wrap .user_info ul li { float:left; width:50%; padding:3px; }
.gnb_wrap .user_info ul li a { position:relative; display:block; width:100%; height:44px; padding:8px 5px; overflow:hidden; border:1px solid #838383; text-align:center; color:#222; }
.gnb_wrap .user_info ul li a:before { content:""; position:absolute; left:10%; bottom:-30px; width:100px; height:100px; margin-left:-50px; margin-bottom:-80px; background:rgba(6,41,195,0.15); -webkit-border-radius:43%; -moz-border-radius:43%; border-radius:43%; -webkit-transform-origin:50% 48%; -moz-transform-origin:50% 48%; -ms-transform-origin:50% 48%; -o-transform-origin:50% 48%; transform-origin:50% 48%; -webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -ms-transition-duration:1.5s; -o-transition-duration:1.5s; transition-duration:1.5s; -webkit-transition-property:all; -moz-transition-property:all; -ms-transition-property:all; -o-transition-property:all; transition-property:all; -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; -ms-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease; -webkit-animation:rotate_nav_btn1 1500ms infinite linear; -o-animation:rotate_nav_btn1 1500ms infinite linear; animation:rotate_nav_btn1 1500ms infinite linear; }
.gnb_wrap .user_info ul li a:after { content:""; position:absolute; right:10%; bottom:-30px; width:100px; height:100px; margin-right:-50px; margin-bottom:-80px; background:rgba(6,41,195,0.15); -webkit-border-radius:43%; -moz-border-radius:43%; border-radius:43%; -webkit-transform-origin:50% 48%; -moz-transform-origin:50% 48%; -ms-transform-origin:50% 48%; -o-transform-origin:50% 48%; transform-origin:50% 48%; -webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -ms-transition-duration:1.5s; -o-transition-duration:1.5s; transition-duration:1.5s; -webkit-transition-property:all; -moz-transition-property:all; -ms-transition-property:all; -o-transition-property:all; transition-property:all; -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; -ms-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease; -webkit-animation:rotate_nav_btn1 1500ms infinite linear; -o-animation:rotate_nav_btn1 1500ms infinite linear; animation:rotate_nav_btn1 1500ms infinite linear; }
.gnb_wrap .user_info ul li a:hover:before { width:200px; height:200px; margin-bottom:-35px; }
.gnb_wrap .user_info ul li a:hover:after { width:200px; height:200px; margin-bottom:-35px; }

@keyframes rotate_nav_btn1 {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}


.gnb_wrap .gnb { position:relative; width:100%; height:100%; }
.gnb_wrap .gnb ul { position:absolute; left:0px; top:50%; width:100%; padding-top:30px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.gnb_wrap .gnb ul li { border-top:1px solid rgba(0,0,0,0.1); }
.gnb_wrap .gnb ul li:first-child { border-top:none; }
.gnb_wrap .gnb ul li > a { position:relative; display:block; width:100%; height:75px; padding:20px 20px 20px 50px; font-size:25px; font-family:"Montserrat", "scR", "NanumGothic", dotum, sans-serif; color:#222; line-height:120%; }
.gnb_wrap .gnb ul li > a:before { content:""; display:block; position:absolute; left:10px; top:50%; width:28px; height:28px; margin-top:-14px; background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:100%; background-size:100%; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; vertical-align:middle; }
.gnb_wrap .gnb ul li.home > a:before { background-image:url("../../images/ott/common/icon_nav_home.png"); }
.gnb_wrap .gnb ul li.english > a:before { background-image:url("../../images/ott/common/icon_nav_english.png"); }
.gnb_wrap .gnb ul li.login > a:before { background-image:url("../../images/ott/common/icon_nav_login.png"); }
.gnb_wrap .gnb ul li.logout > a:before { background-image:url("../../images/ott/common/icon_nav_logout.png"); }
.gnb_wrap .gnb ul li.join > a:before { background-image:url("../../images/ott/common/icon_nav_join.png"); }
.gnb_wrap .gnb ul li.live > a:before { background-image:url("../../images/ott/common/icon_nav_live.png"); }
.gnb_wrap .gnb ul li.vod > a:before { background-image:url("../../images/ott/common/icon_nav_vod.png"); }
.gnb_wrap .gnb ul li.membership > a:before { background-image:url("../../images/ott/common/icon_nav_membership.png"); }

.gnb_wrap .gnb ul li.info > a:before { background-image:url("../../images/ott/common/icon_nav_info.png"); }		
.gnb_wrap .gnb ul li.faq > a:before { background-image:url("../../images/ott/common/icon_nav_faq.png"); }

.gnb_wrap .gnb ul li > a:hover { color:#0629c3; }
.gnb_wrap .gnb ul li > a:hover:before { left:15px; }
/*
.gnb_wrap .gnb ul li.search_box { position:relative; width:100%; height:75px; padding-right:45px; }
.gnb_wrap .gnb ul li.search_box form { display:block; width:100%; height:100%; }
.gnb_wrap .gnb ul li.search_box input[type=text] { display:block; width:100%; height:100%; border:none; background:none; }
.gnb_wrap .gnb ul li.search_box .btn_search { position:absolute; right:0px; top:0px; display:block; width:45px; height:100%; overflow:hidden; background:url("../../images/ott/common/icon_search.png") no-repeat 50% 50%; text-indent:-9999px; }
*/
.gnb_wrap .gnb ul li.link_site { padding-top:30px; text-align:center; }
.gnb_wrap .gnb ul li.link_site .link { display:inline-block; }
.gnb_wrap .gnb ul li.link_site .link:after { content:""; display:block; clear:both; visibility:hidden; }
.gnb_wrap .gnb ul li.link_site .link a { float:left; display:block; margin:0px 15px; color:#888; font-family:"Montserrat", "scR", "NanumGothic", dotum, sans-serif; }
.gnb_wrap .gnb ul li.link_site .link a:hover { color:#0629c3; }
.gnb_wrap .sns { position:absolute; left:0px; bottom:95px; width:100%; text-align:center; }
.gnb_wrap .sns ul { display:inline-block; vertical-align:middle; }
.gnb_wrap .sns ul:after { content:""; display:block; clear:both; visibility:hidden; }
.gnb_wrap .sns ul li { float:left; padding:0px 5px; }
.gnb_wrap .sns ul li a { display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; text-indent:-9999px; }
.gnb_wrap .sns ul li a:hover { background-color:rgba(0,0,0,0.05); }
.gnb_wrap .sns ul li.instagram a { background-image:url("../../images/ott/common/icon_sns_instagram.png"); }
.gnb_wrap .sns ul li.facebook a { background-image:url("../../images/ott/common/icon_sns_facebook.png"); }
.gnb_wrap .sns ul li.youtube a { background-image:url("../../images/ott/common/icon_sns_youtube.png"); }
.gnb_wrap .sns ul li.blog a { background-image:url("../../images/ott/common/icon_sns_blog.png"); }
.header.gnb_opened .gnb_wrap { right:0px; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); }
.header.gnb_opened .gnb_mobile_open span { display:none; }
.header.gnb_opened .gnb_mobile_open:before { content:""; position:absolute; left:19px; right:19px; top:20px; height:2px; background:#222; transform:translate3D(0,9px,0) rotate(-45deg); }
.header.gnb_opened .gnb_mobile_open:after { content:""; position:absolute; left:19px; right:19px; bottom:20px; height:2px; background:#222; transform:translate3D(0,-9px,0) rotate(45deg); }
.header.gnb_opened .gnb_mobile_open:hover { background-color:rgba(0,0,0,0.05); }

.gnb_wrap .search_int_nav { position:absolute; left:30px; right:30px; bottom:30px; height:54px; padding-right:50px; border:1px solid #666; }
.gnb_wrap .search_int_nav form { width:100%; height:100%; }
.gnb_wrap .search_int_nav input[type=text] { display:block; width:100%; height:100%; border:none; background:none; }
.gnb_wrap .search_int_nav .btn_search { position:absolute; right:0px; top:0px; display:block; width:54px; height:54px; overflow:hidden; background:url("../../images/ott/common/icon_search.png") no-repeat 50% 50%; text-indent:-9999px; }



@media (max-width:1199px) {
	.gnb_wrap {  }
	.gnb_wrap > .gnb_area { padding-left:30px; padding-right:30px; }
	.gnb_wrap .gnb_logo { left:30px; }
}

@media (max-width:991px) {
	/* .gnb_wrap .gnb ul li > a { height:65px; padding-top:15px; padding-bottom:15px; font-size:24px; } */
	.gnb_wrap .user_info p { font-size:18px; }
	.gnb_wrap .gnb ul li > a { height:45px; padding-top:10px; padding-bottom:10px; padding-left:50px; font-size:17px; }
	.gnb_wrap .gnb ul li > a:before { width:20px; height:20px; margin-top:-10px; }
	.gnb_wrap .sns ul li > a { width:40px; height:40px; -webkit-background-size:25px 25px; background-size:25px 25px; }
}

@media (max-width:767px) {
	.header.gnb_opened .gnb_wrap { width:100%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
	.gnb_wrap .user_info ul li a:before { width:350px; height:350px; margin-bottom:-350px; }
	.gnb_wrap .user_info ul li a:after { width:350px; height:350px; margin-bottom:-350px; }
	.gnb_wrap .user_info ul li a:hover:before { left:20%; width:700px; height:700px; margin-bottom:-200px; }
	.gnb_wrap .user_info ul li a:hover:after { right:20%; width:700px; height:700px; margin-bottom:-200px; }

}

@media (max-height:767px) {
	.gnb_wrap .user_info p { font-size:18px; }
	.gnb_wrap .gnb ul li > a { height:45px; padding-top:10px; padding-bottom:10px; padding-left:50px; font-size:17px; }
	.gnb_wrap .gnb ul li > a:before { width:20px; height:20px; margin-top:-10px; }
	.gnb_wrap .sns ul li > a { width:40px; height:40px; -webkit-background-size:25px 25px; background-size:25px 25px; }
}


/* Footer */
.footer { width:100%; padding:40px 0px; background-color:#fff; }
.footer .inner { padding-left:300px; padding-right:200px; }
.footer .footer_logo { position:absolute; left:40px; top:0px; width:192px; }
.footer .footer_service:after { content:""; display:block; clear:both; visibility:hidden; }
.footer .footer_service li { position:relative; float:left; padding-left:40px; }
.footer .footer_service li:before { content:""; position:absolute; left:20px; top:4px; width:1px; height:15px; background-color:#d8d8d8; }
.footer .footer_service li:first-child { padding-left:0px; }
.footer .footer_service li:first-child:before { display:none; }
.footer .footer_service li a { color:#222; font-weight:700; }
.footer .footer_info { margin-top:30px; }
.footer .footer_info:after { content:""; display:block; clear:both; visibility:hidden; }
.footer .footer_info dl { float:left; margin-right:30px; }
.footer .footer_info dl.w100 { width:100%; margin-right:0px; }
.footer .footer_info dl dt { display:inline-block; margin-right:3px; font-size:16px; color:#444; }
.footer .footer_info dl dt:after { content:" :"; }
.footer .footer_info dl dd { display:inline-block; font-size:16px; color:#444; vertical-align:top; }
.footer .footer_info dl dd br { display:none; }
.footer .copyright { margin-top:30px; font-size:16px; color:#444; }
.footer .copyright br { display:none; }

@media (max-width:1199px) {
	.footer .inner { padding-left:200px; padding-right:10px; }
	.footer .footer_logo { width:120px; }
}

@media (max-width:991px) {
	.footer { padding:30px 0px; }
	.footer .inner { padding-left:10px; text-align:center; }
	.footer .footer_logo { position:static; display:block; margin:0px auto 20px; }
	.footer .footer_service { display:inline-block; }
	.footer .footer_info { margin-top:15px; }
	.footer .footer_info dl { float:none; display:inline-block; margin-left:10px; margin-right:10px; }
	.footer .footer_info dl.w100 { margin-left:0px; margin-right:0px; }
}

@media (max-width:767px) {
	.footer .footer_info dl dt { font-size:14px; }
	.footer .footer_info dl dd { font-size:14px; }
	.footer .footer_info dl dd br { display:block; }
	.footer .copyright { margin-top:15px; font-size:14px; }
	.footer .copyright br { display:block; }
}

@media (max-width:575px) {
	.footer .footer_service { display:block; }
	.footer .footer_service li { float:none; width:100%; padding-left:0px; }
	.footer .footer_service li:before { display:none; }
	.footer .footer_service li a { text-align:center; }
	.footer .footer_info dl { display:block; margin:0px; }
}


/* Content */

.container { position:relative; width:100%; min-height:100vh; padding-top:175px; padding-bottom:110px; }
.container:before { content:""; /* 할려다가 안 씀 */ display:none; position:absolute; left:40px; bottom:0px; width:5px; height:calc(100% - 203px); background-color:#fff; z-index:3; }
.scrolled .container:before { width:2px; }

.title_page_wrap { padding-bottom:50px; }
.title_page_wrap .title_page { font-size:45px; font-weight:700; text-align:center; }
.title_page_wrap .title_page span { display:inline-block; width:175px; height:36px; vertical-align:middle; background:url("../../images/ott/common/logo_myopera_white.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; overflow:hidden; text-indent:-9999px; }
.title_page_wrap .title_page span.kno { display:inline-block; width:175px; height:55px; vertical-align:middle; background:url("../../images/ott/common/logo_kno_white2.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; overflow:hidden; text-indent:-9999px; }
.title_page_wrap .title_page img { display:inline-block; width:381px; }
.title_page_wrap p { margin-top:30px; text-align:center; line-height:43px; }
.title_page_wrap p span.kno { display:inline-block; width:140px; height:43px; vertical-align:top; background:url("../../images/ott/common/logo_kno_white2.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; overflow:hidden; text-indent:-9999px; }

@media (max-width:1600px) {
	.container:before { display:none; }
}

@media (max-width:1199px) {
	.container { padding-top:130px; padding-bottom:100px; }
	.title_page_wrap { padding-bottom:46px; }
	.title_page_wrap .title_page { font-size:42px; }
	.title_page_wrap .title_page img { width:340px; }
	.title_page_wrap p { margin-top:25px; }
}

@media (max-width:991px) {
	.container { padding-bottom:70px; }
	.title_page_wrap { padding-bottom:42px; }
	.title_page_wrap .title_page { font-size:36px; }
	.title_page_wrap .title_page img { width:300px; }
	.title_page_wrap p { margin-top:20px; }
}

@media (max-width:767px) {
	.container { padding-bottom:50px; }
	.title_page_wrap { padding-bottom:35px; }
	.title_page_wrap .title_page { font-size:28px; }
	.title_page_wrap .title_page span { width:150px; height:30px; }
	.title_page_wrap .title_page img { width:260px; }
	.title_page_wrap p { margin-top:15px; }
}

/*--------------------------------- Common Style Guide ---------------------------------*/


/* display */
.dis_b { display:block; }
.dis_ib { display:inline-block; }
.dis_i { display:inline; }
.dis_t { display:table; }
.dis_tc { display:table-cell; }
.dis_n, .hide { display:none; }

@media (max-width: 767px) {
	.dis_b_res { display:block; width:100%; }
	.dis_ib_res { display:inline-block; }
	.dis_i_res { display:inline; }
	.dis_t_res { display:table; }
	.dis_tc_res { display:table-cell; }
}


/* Margin */
.mt_0 { margin-top:0px !important; }
.mt_5 { margin-top:5px !important; }
.mt_10 { margin-top:10px !important; }
.mt_15 { margin-top:15px !important; }
.mt_20 { margin-top:20px !important; }
.mt_30 { margin-top:30px !important; }
.mt_40 { margin-top:40px !important; }
.mb_5 { margin-bottom:5px !important; }
.mb_10 { margin-bottom:10px !important; }
.mb_15 { margin-bottom:15px !important; }
.mb_20 { margin-bottom:20px !important; }
.mb_30 { margin-bottom:30px !important; }
.mb_40 { margin-bottom:40px !important; }

@media (max-width: 767px) {
	.mt_5_res { margin-top:5px !important; }
	.mt_10_res { margin-top:10px !important; }
	.mt_15_res { margin-top:15px !important; }
	.mt_20_res { margin-top:20px !important; }
	.mt_30_res { margin-top:30px !important; }
	.mt_40_res { margin-top:40px !important; }
	.mb_5_res { margin-bottom:5px !important; }
	.mb_10_res { margin-bottom:10px !important; }
	.mb_15_res { margin-bottom:15px !important; }
	.mb_20_res { margin-bottom:20px !important; }
	.mb_30_res { margin-bottom:30px !important; }
	.mb_40_res { margin-bottom:40px !important; }
}


/* Padding */
.pt_5 { padding-top:5px !important; }
.pt_10 { padding-top:10px !important; }
.pt_15 { padding-top:15px !important; }
.pt_20 { padding-top:20px !important; }
.pt_30 { padding-top:30px !important; }
.pt_40 { padding-top:40px !important; }
.pb_5 { padding-bottom:5px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }
.pb_20 { padding-bottom:20px !important; }
.pb_30 { padding-bottom:30px !important; }
.pb_40 { padding-bottom:40px !important; }

@media (max-width: 767px) {
	.pt_5_res { padding-top:5px !important; }
	.pt_10_res { padding-top:10px !important; }
	.pt_15_res { padding-top:15px !important; }
	.pt_20_res { padding-top:20px !important; }
	.pt_30_res { padding-top:30px !important; }
	.pt_40_res { padding-top:40px !important; }
	.pb_5_res { padding-bottom:5px !important; }
	.pb_10_res { padding-bottom:10px !important; }
	.pb_15_res { padding-bottom:15px !important; }
	.pb_20_res { padding-bottom:20px !important; }
	.pb_30_res { padding-bottom:30px !important; }
	.pb_40_res { padding-bottom:40px !important; }
}


/* Width */
.w100per { width:100%; }
.w90per { width:90%; }
.w80per { width:80%; }
.w70per { width:70%; }
.w60per { width:60%; }
.w50per { width:50%; }
.w40per { width:40%; }
.w30per { width:30%; }
.w20per { width:20%; }
.w10per { width:10%; }
.num_2leng { width:38px; }
.num_3leng { width:46px; }
.num_4leng { width:54px; }
.num_5leng { width:62px; }
.num_6leng { width:70px; }
.num_7leng { width:78px; }
.w_mailaddress { width:130px; }

@media (max-width: 767px) {
	.w100per_res { width:100%; }
	.w90per_res { width:90%; }
	.w80per_res { width:80%; }
	.w70per_res { width:70%; }
	.w60per_res { width:60%; }
	.w50per_res { width:50%; }
	.w40per_res { width:40%; }
	.w30per_res { width:30%; }
	.w20per_res { width:20%; }
	.w10per_res { width:10%; }
	.num_2leng { width:36px; }
	.num_3leng { width:44px; }
	.num_4leng { width:52px; }
	.num_5leng { width:60px; }
	.num_6leng { width:68px; }
	.num_7leng { width:76px; }
}


/* Font-Style */
.font_normal { font-weight:300 !important; }
.font_bold { font-weight:700 !important; }
.color_blue { color:#1581ef !important; }
.color_skyblue { color:#00a6ff !important; }
.color_emerald { color:#16dcd5 !important; }
.color_red { color:#ff4855 !important; }
.color_green { color:#0cd123 !important; }
.color_orange { color:#ff9000 !important; }
.color_pink { color:#ff65ca !important; }
.color_grey { color:#bbbbbb !important; }
.font_link_type { color:#19c1ff !important; text-decoration:underline; }
.font_link_type:hover { color:#4ccfff !important; text-decoration:underline; }
.ta_c { text-align:center; }
.ta_l { text-align:left; }
.ta_r { text-align:right; }
.font_size_14 { font-size:14px !important; }
.font_size_15 { font-size:15px !important; }
.font_size_16 { font-size:16px !important; }
.font_size_17 { font-size:17px !important; }
.font_size_18 { font-size:18px !important; }


/* Disable Select */
.disableselect { -webkit-touch-callout:none; /* iOS Safari */ -webkit-user-select:none;   /* Chrome/Safari/Opera */ -khtml-user-select:none;    /* Konqueror */ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* Internet Explorer/Edge*/ user-select:none; }



/* Form Style */
input[type=text]:focus { border-color:#00a6ff; }
input[type=text].nobd { height:24px; padding:0px 0px 5px 0px; border-left:0; border-right:0; border-top:0; border-bottom:2px solid #ccc; }
input[type=radio] + label, input[type=checkbox] + label { cursor:pointer; }
input[type=text]:-moz-read-only { background-color:rgba(255,255,255,0.7); }
input[type=text]:read-only { background-color:rgba(255,255,255,0.7); }
input[type=text]:-moz-read-only:focus { border-color:#ccc; }
input[type=text]:read-only:focus { border-color:#ccc; }
.input_file_wrap { position:relative; padding-right:59px; }
.input_file_wrap input[type=file] { display:block; width:100%; }
.input_file_wrap .btn_refresh { position:absolute; right:0px; top:0px; width:60px; min-width:auto; }


/* Input List */
.list_input { clear:both; margin-top:-12px; }
.list_input:after { content:""; display:block; clear:both; visibility:hidden; }
.list_input > li { margin-top:12px; }
.list_input.col_2 > li { float:left; width:50%; }
.list_input.col_3 > li { float:left; width:33.3333%; }
.list_input.col_4 > li { float:left; width:25%; }
.list_input_file > li { margin-top:5px; }
.list_input_file > li:first-child { margin-top:0px; }
.list_input_file > li > input[type=file] { max-width:70%; }

@media (max-width: 767px) {
	.list_input > li { margin-top:8px; }
	/* .list_input > li:first-child { margin-top:0px; } */
	.list_input.col_2 > li, .list_input.col_3 > li, .list_input.col_4 > li { width:100%; }
}


/* Title Sub */
.title_sub { position:relative; margin-top:60px; margin-bottom:20px; font-size:30px; font-weight:700; color:#fff; }
.title_sub span { display:inline-block; margin-left:5px; }
.title_sub.mt_0 { margin-top:0px; }
.title_sub2 { position:relative; margin-top:40px; margin-bottom:10px; font-size:24px; font-weight:700; color:#fff; line-height:43px; }
.title_sub2 span.kno { display:inline-block; width:140px; height:43px; vertical-align:top; background:url("../../images/ott/common/logo_kno_white2.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; overflow:hidden; text-indent:-9999px; }
.title_sub2.mt_0 { margin-top:0px; }

@media (max-width: 767px) {
	.title_sub { margin-top:45px; margin-bottom:15px; font-size:26px; }
	.title_sub:before { top:15px; }
	.title_sub:after { top:7px; }
	.title_sub span { display:block; margin-left:0px; }
	.title_sub2 { margin-top:30px; margin-bottom:7px; font-size:20px; }
	.title_sub2:before { top:9px; }
}


/* Borded Box */
.box_border { padding:30px; border:1px solid rgba(255,255,255,0.2); }
.box_border.box_border_red { border-color:#ed1414; background-color:#ffeded; }
.box_border.box_border_orange { border-color:#ff7418; background-color:#fff0e6; }
.box_border.box_border_green { border-color:#1a9342; background-color:#e4fdec; }
.box_border.box_border_blue { border-color:#2a85da; background-color:#e6f3ff; }
.box_border.box_icon_notice { min-height:35px; padding-left:75px; background:url("../../images/ott/contents/icon_box_notice.png") no-repeat 30px 25px; }
.box_border.box_icon_nodata { min-height:74px; padding-left:120px; background:url("../../images/ott/contents/icon_box_nodata.png") no-repeat 30px 30px; }
.box_border .title_box_border { margin-bottom:12px; font-size:22px; font-weight:700; color:#fff; }

@media (max-width: 767px) {
	.box_border { padding:20px; }
	.box_border.box_icon_notice { padding-left:65px; background-position:20px 13px; }
	.box_border.box_icon_nodata { min-height:74px; padding-top:120px; padding-left:20px; background-position:50% 30px; }
	.box_border .title_box_border { font-size:18px; }
}


/* Dot bullet list */
.list_dot:after { content:""; display:block; clear:both; visibility:hidden; }
.list_dot > li { position:relative; margin-top:10px; padding-left:12px; text-align:left; }
.list_dot > li:first-child { margin-top:0px; }
.list_dot > li:before { content:""; display:block; position:absolute; left:0px; top:10px; width:4px; height:4px; background-color:#00a6ff; }
.list_dot.col_2, .list_dot.col_3, .list_dot.col_4 { margin-top:-10px; }
.list_dot.col_2 li { float:left; width:50%; }
.list_dot.col_3 li { float:left; width:33.3333%; }
.list_dot.col_4 li { float:left; width:25%; }
.list_dot.col_2 li:first-child, .list_dot.col_3 li:first-child, .list_dot.col_4 li:first-child { margin-top:10px; }
.list_dot > li > .list_dot > li { position:relative; margin-top:10px; padding-left:12px; }
.list_dot > li > .list_dot > li:before { content:""; display:block; position:absolute; left:0px; top:8px; width:5px; height:2px; background-color:#ccc; }

@media (max-width: 991px) {
	.list_dot.col_4 > li { width:50%; }
}

@media (max-width: 767px) {
	.list_dot.col_3 > li { width:50%; }
}


/* Dot Bullet */
.bullet_dot { position:relative; padding-left:12px; }
.bullet_dot:before { content:""; display:block; position:absolute; left:0px; top:7px; width:4px; height:4px; background-color:#888; }
.bullet_dot.color_blue:before { background-color:#146cc5; }
.bullet_dot.color_skyblue:before { background-color:#00a6ff; }
.bullet_dot.color_emerald:before { background-color:#139d98; }
.bullet_dot.color_red:before { background-color:#eb1827; }
.bullet_dot.color_green:before { background-color:#198826; }
.bullet_dot.color_orange:before { background-color:#eb5919; }
.bullet_dot.color_pink:before { background-color:#e34081; }
.bullet_dot.color_grey:before { background-color:#999; }



/* Button Style */
.btn_xs { display:inline-block; min-width:50px; height:30px; padding:8px 8px 9px; border:1px solid rgba(255,255,255,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:center; line-height:100%; cursor:pointer; font-weight:400; vertical-align:middle; font-size:14px; }
.btn_sm { display:inline-block; min-width:70px; height:40px; padding:11px 10px 12px; border:1px solid rgba(255,255,255,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:center; line-height:100%; cursor:pointer; font-weight:700; vertical-align:middle; font-size:15px; }
.btn_md { display:inline-block; min-width:100px; height:50px; padding:17px 20px 17px; border:1px solid rgba(255,255,255,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:center; line-height:100%; cursor:pointer; font-weight:700; vertical-align:middle; font-size:16px; }
.btn_lg { display:inline-block; min-width:150px; height:60px; padding:20px 25px 21px; border:1px solid rgba(255,255,255,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:center; line-height:100%; cursor:pointer; font-weight:700; vertical-align:middle; font-size:17px; }
.btn_xl { display:inline-block; min-width:250px; height:80px; padding:30px 30px 31px; border:1px solid rgba(255,255,255,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:center; line-height:100%; cursor:pointer; font-weight:700; vertical-align:middle; font-size:18px; }
.btn_xs:hover, .btn_sm:hover, .btn_md:hover, .btn_lg:hover, .btn_xl:hover { background-color:rgba(255,255,255,0.05); }

/* Primary */.btn_xs.btn_primary, .btn_sm.btn_primary, .btn_md.btn_primary, .btn_lg.btn_primary, .btn_xl.btn_primary { background-color:#0629c3; border-color:#0629c3; }
.btn_xs.btn_primary:hover, .btn_sm.btn_primary:hover, .btn_md.btn_primary:hover, .btn_lg.btn_primary:hover, .btn_xl.btn_primary:hover { background-color:#0f35dc; border-color:#0f35dc; }

.btn_xs.btn_red, .btn_sm.btn_red, .btn_md.btn_red, .btn_lg.btn_red, .btn_xl.btn_red { background-color:#dc404b; border-color:#dc404b; }
.btn_xs.btn_red:hover, .btn_sm.btn_red:hover, .btn_md.btn_red:hover, .btn_lg.btn_red:hover, .btn_xl.btn_red:hover { background-color:#d3343f; border-color:#d3343f; }
.btn_xs.btn_orange, .btn_sm.btn_orange, .btn_md.btn_orange, .btn_lg.btn_orange, .btn_xl.btn_orange { background-color:#eb5919; border-color:#eb5919; }
.btn_xs.btn_orange:hover, .btn_sm.btn_orange:hover, .btn_md.btn_orange:hover, .btn_lg.btn_orange:hover, .btn_xl.btn_orange:hover { background-color:#d44709; border-color:#d44709; }
.btn_xs.btn_green, .btn_sm.btn_green, .btn_md.btn_green, .btn_lg.btn_green, .btn_xl.btn_green { background-color:#198826; border-color:#198826; }
.btn_xs.btn_green:hover, .btn_sm.btn_green:hover, .btn_md.btn_green:hover, .btn_lg.btn_green:hover, .btn_xl.btn_green:hover { background-color:#10741c; border-color:#10741c; }
.btn_xs.btn_emerald, .btn_sm.btn_emerald, .btn_md.btn_emerald, .btn_lg.btn_emerald, .btn_xl.btn_emerald { background-color:#139d98; border-color:#139d98; }
.btn_xs.btn_emerald:hover, .btn_sm.btn_emerald:hover, .btn_md.btn_emerald:hover, .btn_lg.btn_emerald:hover, .btn_xl.btn_emerald:hover { background-color:#06837e; border-color:#06837e; }
.btn_xs.btn_blue, .btn_sm.btn_blue, .btn_md.btn_blue, .btn_lg.btn_blue, .btn_xl.btn_blue { background-color:#0629c3; border-color:#0629c3; }
.btn_xs.btn_blue:hover, .btn_sm.btn_blue:hover, .btn_md.btn_blue:hover, .btn_lg.btn_blue:hover, .btn_xl.btn_blue:hover { background-color:#001ea2; border-color:#001ea2; }
.btn_xs.btn_skyblue, .btn_sm.btn_skyblue, .btn_md.btn_skyblue, .btn_lg.btn_skyblue, .btn_xl.btn_skyblue { background-color:#00a6ff; border-color:#00a6ff; }
.btn_xs.btn_skyblue:hover, .btn_sm.btn_skyblue:hover, .btn_md.btn_skyblue:hover, .btn_lg.btn_skyblue:hover, .btn_xl.btn_skyblue:hover { background-color:#0096e7; border-color:#0096e7; }
.btn_xs.btn_purple, .btn_sm.btn_purple, .btn_md.btn_purple, .btn_lg.btn_purple, .btn_xl.btn_purple { background-color:#7c54ee; border-color:#7c54ee; }
.btn_xs.btn_purple:hover, .btn_sm.btn_purple:hover, .btn_md.btn_purple:hover, .btn_lg.btn_purple:hover, .btn_xl.btn_purple:hover { background-color:#6f47e0; border-color:#6f47e0; }
.btn_xs.btn_pink, .btn_sm.btn_pink, .btn_md.btn_pink, .btn_lg.btn_pink, .btn_xl.btn_pink { background-color:#e34081; border-color:#e34081; }
.btn_xs.btn_pink:hover, .btn_sm.btn_pink:hover, .btn_md.btn_pink:hover, .btn_lg.btn_pink:hover, .btn_xl.btn_pink:hover { background-color:#d02e6e; border-color:#d02e6e; }
.btn_xs.btn_black, .btn_sm.btn_black, .btn_md.btn_black, .btn_lg.btn_black, .btn_xl.btn_black { background-color:#68686b; border-color:#68686b; }
.btn_xs.btn_black:hover, .btn_sm.btn_black:hover, .btn_md.btn_black:hover, .btn_lg.btn_black:hover, .btn_xl.btn_black:hover { background-color:#56565b; border-color:#56565b; }
.btn_xs.btn_grey, .btn_sm.btn_grey, .btn_md.btn_grey, .btn_lg.btn_grey, .btn_xl.btn_grey { background-color:#7f8794; border-color:#7f8794; }
.btn_xs.btn_grey:hover, .btn_sm.btn_grey:hover, .btn_md.btn_grey:hover, .btn_lg.btn_grey:hover, .btn_xl.btn_grey:hover { background-color:#8d95a2; border-color:#8d95a2; }
.btn_xs.btn_deepgrey, .btn_sm.btn_deepgrey, .btn_md.btn_deepgrey, .btn_lg.btn_deepgrey, .btn_xl.btn_deepgrey { background-color:#3d4045; border-color:#3d4045; }
.btn_xs.btn_deepgrey:hover, .btn_sm.btn_deepgrey:hover, .btn_md.btn_deepgrey:hover, .btn_lg.btn_deepgrey:hover, .btn_xl.btn_deepgrey:hover { background-color:#52545a; border-color:#52545a; }
.btn_xs.btn_rounded { -webkit-border-radius:12px 12px; -moz-border-radius:12px 12px; border-radius:12px 12px; }
.btn_sm.btn_rounded { -webkit-border-radius:15px 15px; -moz-border-radius:15px 15px; border-radius:15px 15px; }
.btn_md.btn_rounded { -webkit-border-radius:19px 19px; -moz-border-radius:19px 19px; border-radius:19px 19px; }
.btn_lg.btn_rounded { -webkit-border-radius:25px 25px; -moz-border-radius:25px 25px; border-radius:25px 25px; }
.btn_xl.btn_rounded { -webkit-border-radius:29px 29px; -moz-border-radius:29px 29px; border-radius:29px 29px; }
.btn_xs.img_arrow:after, .btn_sm.img_arrow:after, .btn_md.img_arrow:after, .btn_lg.img_arrow:after, .btn_xl.img_arrow:after { content:""; display:inline-block; width:4px; height:7px; margin-left:10px; background:url("../../images/ott/contents/img_arrow.png") no-repeat 0 0; }
.btn_xs.img_arrow_white:after, .btn_sm.img_arrow_white:after, .btn_md.img_arrow_white:after, .btn_lg.img_arrow_white:after, .btn_xl.img_arrow_white:after { content:""; display:inline-block; width:4px; height:7px; margin-left:10px; background:url("../../images/ott/contents/img_arrow_white.png") no-repeat 0 0; }
.btn_refresh { background:url("../../images/ott/contents/icon_refresh.png") no-repeat 50% 50%; text-indent:-9999px; overflow:hidden; }
.btn_disable { opacity:0.5; cursor:not-allowed; }

.btn_xl.btn_icon:before { content:""; display:inline-block; width:26px; height:26px; margin-right:10px; background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:100%; background-size:100%; vertical-align:top; -webkit-transform:translateY(-4px); -moz-transform:translateY(-4px); -ms-transform:translateY(-4px); -o-transform:translateY(-4px); transform:translateY(-4px); }


@media (max-width: 767px) {
	.btn_xs { min-width:40px; height:24px; padding:5px 8px 6px; }
	.btn_sm { min-width:50px; height:34px; padding:8px 10px 9px; }
	.btn_md { min-width:70px; height:40px; padding:11px 20px 12px; }
	.btn_lg { min-width:90px; height:50px; padding:15px 25px 16px; }
	.btn_xl { min-width:120px; height:70px; padding:25px 30px 26px; }

	.btn_xl.btn_icon:before { width:20px; height:20px; margin-right:5px; -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -ms-transform:translateY(-3px); -o-transform:translateY(-3px); transform:translateY(-3px); }
}

@media (max-width: 575px) {
	.btn_xs { padding-left:6px; padding-right:6px; }
	.btn_sm { padding-left:8px; padding-right:8px; }
	.btn_md { padding-left:10px; padding-right:10px; }
	.btn_lg { padding-left:10px; padding-right:10px; }
	.btn_xl { padding-left:10px; padding-right:10px; }
}


/* Button Division */
.div_btn { position:relative; margin-top:70px; text-align:center; }
.div_btn_l { position:relative; margin-top:20px; text-align:left; }
.div_btn_r { position:relative; margin-top:20px; text-align:right; }
.div_btn_t { position:relative; margin-bottom:20px; text-align:center; }
.div_btn_t_l { position:relative; margin-bottom:20px; text-align:left; }
.div_btn_t_r { position:relative; margin-bottom:20px; text-align:right; }

@media (max-width: 767px) {
	.div_btn { margin-top:35px; }
}


/* Table */
.board_view, .board_view_wrap { clear:both; border-top:2px solid rgba(255,255,255,0.3); }
.board_view_wrap { border-bottom:1px solid #ccc; }
.board_view table th { width:30%; min-height:50px; padding:15px 15px 15px 10%; border-bottom:1px solid rgba(255,255,255,0.2); font-weight:700; text-align:left; }
.board_view table td { width:70%; min-height:50px; padding:15px 10% 15px 15px; border-bottom:1px solid rgba(255,255,255,0.2); text-align:left; }

.board_list { clear:both; border-top:2px solid rgba(255,255,255,0.3); }
.board_list table thead th { padding:15px 8px; border-bottom:1px solid rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); font-weight:700; text-align:center; }
.board_list table tbody th { padding:30px 8px; border-bottom:1px solid rgba(255,255,255,0.2); font-weight:700; }
.board_list table tbody td { padding:30px 8px; border-bottom:1px solid rgba(255,255,255,0.2); text-align:center; }
.board_list table tbody td span.cline { text-decoration: line-through; }
.board_list table tbody th.ta_left, .board_list table tbody td.ta_left { text-align:left; }
.board_list table tfoot tr { background-color:#fffdee; }
.board_list table tfoot th, .board_list table tfoot td { padding:30px 8px; border-bottom:1px solid rgba(255,255,255,0.2); text-align:center; }
.board_list table tfoot th { font-weight:700; }
.board_list table .board_num { width:8%; }
.board_list table th.board_title { text-align:center; }
.board_list table td.board_title { text-align:left; }
.board_list table td.board_title a { font-size:14px; font-weight:700; }
.board_list table .board_views { width:10%; }
.board_list table .board_date { width:15%; }
.board_view.board_border table td { border:1px solid #ddd; }
.board_list.board_border table th { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.board_list.board_border table tbody th { border-bottom:1px solid #ddd; }
.board_list.board_border table td { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.board_list.board_vscroll { max-height:293px; overflow-y:auto; overflow-x:hidden; }
.table_no_bd { margin:-15px -10px; }
.table_no_bd th { min-height:51px; padding:7px 10px; font-weight:700; font-size:14px; color:#333; text-align:left; vertical-align:top; }
.table_no_bd td { min-height:51px; padding:7px 10px; font-size:14px; color:#333; text-align:left; vertical-align:top; }
th.ess:after { content:"[필수]"; margin-left:5px; color:#e1e4ef; font-size:15px; font-weight:400; }
.eng th.ess:after { content:"[Essential]"; margin-left:5px; color:#e1e4ef; font-size:15px; font-weight:400; }
.tip { margin-top:5px; }
.board_view_box { min-height:300px; padding:30px; border-bottom:1px dashed #ddd; font-size:15px; line-height:180%; word-break:keep-all; }
.board_view_box * { font-size:15px; line-height:180%; word-break:keep-all; }
.board_view_file { padding:30px; }
.board_view_file ul li { padding-left:25px; margin-top:5px; background:url("../../images/ott/contents/icon_clip.png") no-repeat 0px 2px; }
.board_view_file ul li:first-child { margin-top:0px; }
.view_box { min-height:300px; font-size:15px; line-height:180%; word-break:keep-all; }
.view_box * { font-size:15px; line-height:180%; word-break:keep-all; }
.view_box img, .board_view_box img, .view_box video, .board_view_box video, .view_box iframe, .board_view_box iframe { max-width:100%; }
.view_box table, .board_view_box table { width:100%; }
.view_box table th, .board_view_box table th { padding:5px; font-weight:700; border:1px solid #ddd; background-color:#fafafa; }
.view_box table td, .board_view_box table td  { padding:5px; border:1px solid #ddd; }

@media (max-width: 991px) {
	.board_view table th { padding-left:15px; }
	.board_view table td { padding-right:15px; }

	.board_list.board_hscroll { width:100%; min-height:1px; overflow-y:hidden; overflow-x:auto; }
	.board_list.board_hscroll table { width:auto; min-width:992px; }
	.board_list.board_vscroll { max-height:300px; }
	.view_box .board_hscroll, .board_view_box .board_hscroll { width:100%; min-height:1px; overflow-y:hidden; overflow-x:auto; }
	.view_box .board_hscroll table, .board_view_box .board_hscroll table { width:auto; min-width:992px; }
}

@media (max-width: 767px) {
	.board_view table tr.mobile_fix { border-bottom:1px solid rgba(255,255,255,0.2); }
	.board_view table th { display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.07); }
	.board_view table td { display:block; width:100%; }
	.board_view table tr.mobile_fix th { float:left; width:30%; border-bottom:none; }
	.board_view table tr.mobile_fix td { float:left; width:70%; border-bottom:none; }
	.board_view_box { padding:20px; font-size:14px; }
	.board_view_box * { font-size:14px; }
	.board_view_file { padding:20px; }
	.view_box { font-size:14px; }
	.view_box * { font-size:14px; }
	.table_no_bd { margin:-20px 0px 0px; }
	.table_no_bd th, .table_no_bd td { display:block; width:100%; }
	.table_no_bd th { min-height:41px; padding:20px 0px 0px 0px; }
	.table_no_bd td { min-height:26px; padding:5px 0px 0px 0px; }
	.board_list table { table-layout: fixed; }
	.board_list table .board_num, .board_list table .board_views, .board_list table .board_date { display:none; }
	.board_list table .board_responsive { display:none; }
	.board_list.board_hscroll_mobile { width:100%; min-height:1px; overflow-y:hidden; overflow-x:auto; }
	.board_list.board_hscroll_mobile table { width:auto; min-width:768px; }
}


/* Paginate */
.paginate { margin-top:50px; text-align:center; }
.paginate ul { display:inline-block; }
.paginate ul:after { content:""; display:block; clear:both; visibility:hidden; }
.paginate ul li { float:left; width:42px; height:41px; }
.paginate ul li.disable { opacity:0.3; }
.paginate ul li.disable a { cursor:default; }
.paginate ul li.paginate_func a { display:block; width:100%; height:100%; border:1px solid #a4a4a4; background-repeat:no-repeat; background-position:50% 50%; background-color:#fff; -webkit-background-size:cover; background-size:cover; text-indent:-9999px; overflow:hidden; }
.paginate ul li.paginate_func.pprev { margin-right:-1px; }
.paginate ul li.paginate_func.prev { margin-right:5px; }
.paginate ul li.paginate_func.next { margin-left:5px; }
.paginate ul li.paginate_func.nnext { margin-left:-1px; }
.paginate ul li.paginate_func.pprev a { background-image:url("../../images/ott/contents/paginate_pprev.png"); }
.paginate ul li.paginate_func.prev a { background-image:url("../../images/ott/contents/paginate_prev.png"); }
.paginate ul li.paginate_func.next a { background-image:url("../../images/ott/contents/paginate_next.png"); }
.paginate ul li.paginate_func.nnext a { background-image:url("../../images/ott/contents/paginate_nnext.png"); }
.paginate ul li.paginate_func.pprev a:hover { background-image:url("../../images/ott/contents/paginate_pprev_hover.png"); }
.paginate ul li.paginate_func.prev a:hover { background-image:url("../../images/ott/contents/paginate_prev_hover.png"); }
.paginate ul li.paginate_func.next a:hover { background-image:url("../../images/ott/contents/paginate_next_hover.png"); }
.paginate ul li.paginate_func.nnext a:hover { background-image:url("../../images/ott/contents/paginate_nnext_hover.png"); }
.paginate ul li.num { margin-left:-1px; }
.paginate ul li.num:first-child { margin-left:0px; }
.paginate ul li.num a { display:block; width:100%; height:100%; padding:12px 0px; border:1px solid #a4a4a4; text-align:center; font-size:15px; line-height:100%; color:#333; }
.paginate ul li.num a:hover { background-color:#00a6ff; border:1px solid #00a6ff; color:#fff; }
.paginate ul li.num span { display:block; width:100%; height:100%; padding:12px 0px; background-color:#00a6ff; border:1px solid #00a6ff; text-align:center; font-size:15px; line-height:100%; color:#fff; }

@media (max-width: 767px) {
	.paginate { margin-top:30px; text-align:center; }
	.paginate ul li { float:left; width:24px; height:23px; }
	.paginate ul li { float:left; width:24px; height:23px; }
	.paginate ul li.paginate_func.prev { margin-right:2px; }
	.paginate ul li.paginate_func.next { margin-left:2px; }
	.paginate ul li.num a, .paginate ul li.num span { padding:3px 0px; font-size:12px; }
}


/* Layer Popup */
.layer_popup_wrap { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:10000; }
.layer_popup_wrap.show { display:block; }
.layer_popup_wrap .layer_popup { height:100%; padding:10px; }
.layer_popup_wrap .layer_popup .layer_popup_window { display:none; width:100%; max-width:800px; margin:0px auto; background:#292c2e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.layer_popup_wrap .layer_popup .layer_popup_window.short { max-height:600px; }
.layer_popup_wrap .layer_popup .layer_popup_window.show { display:block; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top { position:relative; display:block; height:70px; padding:20px 80px 20px 30px; background:#292c2e; /* border-bottom:1px solid #00a6ff; */ color:#00a6ff; font-size:20px; font-weight:700; line-height:100%; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top:before { content:""; display:block; position:absolute; left:30px; right:30px; bottom:0px; height:1px; background-color:rgba(255,255,255,0.2); }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .lp_title { white-space:nowrap; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; color:inherit; font-size:inherit; font-family:inherit; font-weight:inherit; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_popup { position:absolute; right:30px; top:20px; display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_popup:before { content:""; position:absolute; left:0px; right:0px; top:14px; height:2px; background:#b3b3bc; transform:translate3D(0,0px,0) rotate(-45deg); }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_popup:after { content:""; position:absolute; left:0px; right:0px; bottom:14px; height:2px; background:#b3b3bc; transform:translate3D(0,0px,0) rotate(45deg); }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_popup:hover:before, .layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_popup:hover:after { background:#00a6ff; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_content { min-height:100px; max-height:520px; padding:30px 0px; margin:0px 30px; overflow-y:auto; overflow-x:hidden; }
.layer_popup_wrap .layer_popup .layer_popup_window.short .lp_content { max-height:420px; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_bottom { position:relative; height:90px; padding:20px 0px; /* border-top:1px solid #eee; */ text-align:center; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_bottom:before { content:""; display:block; position:absolute; left:30px; right:30px; top:0px; height:1px; background-color:rgba(255,255,255,0.2); }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_bottom .today_closed { position:absolute; right:30px; bottom:20px;  }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_bottom .today_closed label {  }

@media (max-width: 767px) {
	.layer_popup_wrap .layer_popup { padding:0px; }
	.layer_popup_wrap .layer_popup .layer_popup_window { height:100%; max-height:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
	.layer_popup_wrap .layer_popup .layer_popup_window .lp_top { height:70px; padding:20px 60px 20px 20px; font-size:20px; }
	.layer_popup_wrap .layer_popup .layer_popup_window .lp_top:before { left:20px; right:20px; }
	.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_popup { right:20px; top:20px; }
	.layer_popup_wrap .layer_popup .layer_popup_window .lp_content { max-height:none; padding:25px 0px; margin:0px 20px; }
	.layer_popup_wrap .layer_popup .layer_popup_window.short .lp_content { max-height:455px; }
	.layer_popup_wrap .layer_popup .layer_popup_window .lp_bottom { height:76px; }
	.layer_popup_wrap .layer_popup .layer_popup_window .lp_bottom .today_closed { right:25px; bottom:3px; }
}



/* Layer Popup Simple */
.layer_popup_wrap .layer_popup .layer_popup_simple { display:none; width:100%; max-width:550px; height:100%; margin:0px auto; }
.layer_popup_wrap .layer_popup .layer_popup_simple.show { display:table; }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap { display:table-cell; width:100%; padding:10px; vertical-align:middle;  }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box { position:relative; width:100%; max-height:100%; padding:30px; margin:0 auto; background:#292c2e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow-x:hidden; overflow-y:auto; }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box > .close_popup { position:absolute; right:30px; top:30px; display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box > .close_popup:before { content:""; position:absolute; left:0px; right:0px; top:14px; height:2px; background:#b3b3bc; transform:translate3D(0,0px,0) rotate(-45deg); }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box > .close_popup:after { content:""; position:absolute; left:0px; right:0px; bottom:14px; height:2px; background:#b3b3bc; transform:translate3D(0,0px,0) rotate(45deg); }
.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box > .close_popup:hover:before, .layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box > .close_popup:hover:after { background:#00a6ff; }
.layer_popup_simple .popup_box_wrap .popup_box .title_popup_box { padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.2); font-weight:700; font-size:20px; color:#00a6ff; word-break:keep-all; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content { padding-top:15px; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content * { word-break:keep-all; }
.layer_popup_simple .popup_box_wrap .popup_box .popup_1day_close { margin-top:20px; text-align:center; }

/* 결제하기 팝업 */
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_table { width:100%; border-collapse: collapse; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_table tr th { text-align:left; border-bottom: 1px solid rgba(255,255,255,0.2); padding:10px 0; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_table tr td { text-align:left; border-bottom: 1px solid rgba(255,255,255,0.2); padding:10px 0; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_method { margin-top:20px; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom:10px;}
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_method_list { display:table; width:100%; margin-top:15px; border-spacing:15px; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_method_list a { display:table-cell; vertical-align:middle; text-align:center; width:130px; height:90px; text-align:center; background-color:#0078e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_method_list a:hover { background:#00679e; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .mb_join_info a { display:inline-block; text-align:center; margin-top:10px; padding:8px 15px; background-color:#00898b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .mb_join_info a:hover { background:#005b5c; }

@media (max-width: 767px) {
	.layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box { padding:20px; }
    .layer_popup_wrap .layer_popup .layer_popup_simple .popup_box_wrap .popup_box > .close_popup { right:20px; top:20px; }
    .layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_method_list {  border-spacing:10px; }
}

@media (max-width: 575px) {
	.layer_popup_simple .popup_box_wrap .popup_box .poup_box_content .pay_method_list {  border-spacing:5px; }
}

/* Login Popup */
.login_popup_wrap { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:10000; overflow-x:hidden; overflow-y:auto; }
.login_popup_wrap.show { display:block; }
.login_popup_wrap .login_popup { height:100%; padding:3% 10px; }
.login_popup_wrap .login_popup .login_popup_window { position:relative; width:100%; max-width:550px; margin:0px auto; padding:40px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.login_popup_wrap .login_popup .login_popup_window .close_login_popup { position:absolute; right:40px; top:40px; display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; }
.login_popup_wrap .login_popup .login_popup_window .close_login_popup:before { content:""; position:absolute; left:0px; right:0px; top:14px; height:2px; background:#b3b3bc; transform:translate3D(0,0px,0) rotate(-45deg); }
.login_popup_wrap .login_popup .login_popup_window .close_login_popup:after { content:""; position:absolute; left:0px; right:0px; bottom:14px; height:2px; background:#b3b3bc; transform:translate3D(0,0px,0) rotate(45deg); }
.login_popup_wrap .login_popup .login_popup_window .close_login_popup:hover:before, .login_popup_wrap .login_popup .login_popup_window .close_login_popup:hover:after { background:#00a6ff; }
.login_popup_wrap .login_popup .login_popup_window .login_title .logo { display:block; width:180px; }
.login_popup_wrap .login_popup .login_popup_window .login_title .login_text { display:block; width:203px; height:51px; overflow:hidden; background:url("../../images/common/text_login.png") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; text-indent:-9999px; }
.login_popup_wrap .login_popup .login_popup_window .login_type { margin-top:20px; }
.login_popup_wrap .login_popup .login_popup_window .login_type:after { content:""; display:block; clear:both; visibility:hidden; }
.login_popup_wrap .login_popup .login_popup_window .login_type li { float:left; width:50%; height:100px; }
.login_popup_wrap .login_popup .login_popup_window .login_type li a { display:block; width:100%; height:100%; padding-top:55px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-repeat:no-repeat; background-position:50% 15px; font-size:18px; font-weight:700; color:#888; text-align:center; }
.login_popup_wrap .login_popup .login_popup_window .login_type li a:hover { color:#00a6ff; }
.login_popup_wrap .login_popup .login_popup_window .login_type li:first-child a { border-left:1px solid #ccc; }
.login_popup_wrap .login_popup .login_popup_window .login_type li.selected a { border:3px solid #00a6ff; color:#00a6ff; }
.login_popup_wrap .login_popup .login_popup_window .login_type li.login_type_stu a { background-image:url("../../images/common/login_student.png"); }
.login_popup_wrap .login_popup .login_popup_window .login_type li.login_type_normal a { background-image:url("../../images/common/login_normal.png"); }
.login_popup_wrap .login_popup .login_popup_window .login_type li.selected.login_type_stu a, .login_popup_wrap .login_popup .login_popup_window .login_type li.login_type_stu a:hover { background-image:url("../../images/common/login_student_on.png"); }
.login_popup_wrap .login_popup .login_popup_window .login_type li.selected.login_type_normal a, .login_popup_wrap .login_popup .login_popup_window .login_type li.login_type_normal a:hover { background-image:url("../../images/common/login_normal_on.png"); }
.login_popup_wrap .login_popup .login_popup_window .input_login { margin-top:20px; }
.login_popup_wrap .login_popup .login_popup_window .input_login .input_login_org { width:100%; height:60px; padding:15px 20px 15px 45px; margin-bottom:5px; border:1px solid #ccc; background:#fafafa url("../../images/common/login_org.png") no-repeat 20px 50%; }
.login_popup_wrap .login_popup .login_popup_window .input_login .input_login_org input { display:block; width:100%; height:100%; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.login_popup_wrap .login_popup .login_popup_window .input_login .input_login_id, .login_popup_wrap .login_popup .login_popup_window .input_login .input_login_pw { width:100%; height:60px; padding:15px 20px 15px 45px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-repeat:no-repeat; background-position:20px 50%; }
.login_popup_wrap .login_popup .login_popup_window .input_login .input_login_id { border-top:1px solid #ccc; background-image:url("../../images/common/login_id.png"); }
.login_popup_wrap .login_popup .login_popup_window .input_login .input_login_pw { background-image:url("../../images/common/login_pw.png"); }
.login_popup_wrap .login_popup .login_popup_window .input_login .input_login_id input, .login_popup_wrap .login_popup .login_popup_window .input_login .input_login_pw input { display:block; width:100%; height:100%; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }

.login_popup_wrap .login_popup .login_popup_window .input_login .check_type { margin-top:10px; }
.login_popup_wrap .login_popup .login_popup_window .input_login .check_type:after { content:""; display:block; clear:both; visibility:hidden; }
.login_popup_wrap .login_popup .login_popup_window .input_login .check_type .left { float:left; }
.login_popup_wrap .login_popup .login_popup_window .input_login .check_type .right { float:right; }
.login_popup_wrap .login_popup .login_popup_window .sign_up_link { margin-top:20px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; text-align:center; }
.login_popup_wrap .login_popup .login_popup_window .sign_up_link ul { display:inline-block; }
.login_popup_wrap .login_popup .login_popup_window .sign_up_link ul:after { content:""; display:block; clear:both; visibility:hidden; }
.login_popup_wrap .login_popup .login_popup_window .sign_up_link ul li { position:relative; float:left; padding-left:20px; }
.login_popup_wrap .login_popup .login_popup_window .sign_up_link ul li:first-child { padding-left:0px; }
.login_popup_wrap .login_popup .login_popup_window .sign_up_link ul li:before { content:""; display:block; position:absolute; left:10px; top:4px; width:1px; height:13px; background-color:#ccc; }
.login_popup_wrap .login_popup .login_popup_window .sign_up_link ul li:first-child:before { display:none; }
.login_popup_wrap .login_popup .login_popup_window .sign_up_link ul li a:hover { color:#00a6ff; }

.login_popup_wrap .login_popup .login_popup_window .btn_login { display:block; width:100%; margin-top:20px; padding:20px 0px 21px; background:#00a6ff; text-align:center; font-size:17px; line-height:100%; cursor:pointer; font-weight:700; color:#fff; }
.login_popup_wrap .login_popup .login_popup_window .btn_login:hover { background:#0096e7; }









/* Window Popup */
#popup_window_body { overflow:hidden; }
.popup_window { display:block; width:100%; height:100%; max-height:700px; margin:0px auto; background:#fff;}
.popup_window .wp_top { position:relative; display:block; height:58px; padding:20px 60px 20px 20px; margin:0px auto; background:#00a6ff; color:#fff; font-size:18px; font-weight:700; line-height:100%; white-space:nowrap; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; }
.popup_window .wp_top .btn_close_popup { position:absolute; right:0px; top:0px; display:block; width:58px; height:58px; overflow:hidden; text-indent:-9999px; }
.popup_window .wp_top .btn_close_popup:before { content:""; position:absolute; left:19px; right:19px; top:20px; height:2px; background:#fff; transform:translate3D(0,8px,0) rotate(-45deg); }
.popup_window .wp_top .btn_close_popup:after { content:""; position:absolute; left:19px; right:19px; bottom:20px; height:2px; background:#fff; transform:translate3D(0,-8px,0) rotate(45deg); }
.popup_window .wp_content { padding:20px; margin:0px auto; min-height:100px; overflow-y:auto; overflow-x:hidden; }
.popup_window .wp_bottom { padding:10px 20px; margin:0px auto; border-top:1px solid #eee; text-align:center; }



/* Tab Title */
ul.tab_title { margin-bottom:45px; }
ul.tab_title:after { content:""; display:block; clear:both; visibility:hidden; }
ul.tab_title li { float:left; width:50%; height:70px; }
ul.tab_title.col_3 li { width:33.3333%; }
ul.tab_title.col_4 li { width:25%; }
ul.tab_title.col_5 li { width:20%; }
ul.tab_title li a { position:relative; display:block; width:100%; height:100%; padding:25px 25px; background-color:#eef2f5; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:center; font-size:18px; line-height:100%; color:#555; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; }
ul.tab_title li:first-child a { border-left:1px solid #d2d2d2; }
ul.tab_title li.active a { background-color:#fff; border-bottom:none; border-top:none; font-weight:700; color:#043ba0; }
ul.tab_title li.active a:before { content:""; display:block; position:absolute; left:-1px; top:0px; width:100%; height:3px; padding-right:2px; background-color:#0b61ba; }
ul.tab_title li a span { margin-left:5px; font-size:13px; color:#666; }
ul.tab_title li.active a span { color:#3b68b9; }

@media (max-width: 991px) {
	ul.tab_title li a { padding:25px 5px; font-size:17px; letter-spacing:-1px; }
}

@media (max-width: 767px) {
	ul.tab_title { background-color:#eef2f5; }
	ul.tab_title { margin-bottom:35px; }
	ul.tab_title li { height:50px; margin-top:-1px; }
	ul.tab_title.col_4 li, ul.tab_title.col_5 li { width:50%; }
	ul.tab_title.col_4 li:nth-child(odd) a, ul.tab_title.col_5 li:nth-child(odd) a { border-left:1px solid #d2d2d2; }
	ul.tab_title li a { padding:16px 5px; font-size:14px; font-family:"NanumGothic", dotum, arial, sans-serif; }
}

@media (max-width: 575px) {
	ul.tab_title li { height:48px; }
	ul.tab_title li a { font-size:13px; }
}


/* Tab */
.tab_wrap { text-align:center; margin-bottom:70px; }
ul.tab { display:inline-block; min-width:50%; vertical-align:middle; }
.eng ul.tab { min-width:80% }
ul.tab:after { content:""; display:block; clear:both; visibility:hidden; }
ul.tab li { float:left; height:60px; border-top:1px solid rgba(255,255,255,0.5); border-right:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); }
ul.tab li:first-child { border-left:1px solid rgba(255,255,255,0.5); }
ul.tab.col_2 li { width:50%; }
ul.tab.col_3 li { width:33.3333%; }
ul.tab.col_4 li { width:25%; }
ul.tab.col_5 li { width:20%; }
ul.tab li > a { display:table; width:100%; height:100%; }
ul.tab li p { display:table; width:100%; height:100%; }
ul.tab li p span { display:table-cell; width:100%; height:100%; padding:5px; vertical-align:middle; text-align:center; font-size:20px; font-weight:700; }
.eng ul.tab li p span { padding:0;}
ul.tab li.selected { border-color:#0629c3; background-color:#0629c3; }
ul.tab li.selected:first-child { border-color:#0629c3; }


.tab_content_wrap .tab_content { display:none; }
.tab_content_wrap .tab_content:first-child { display:block; }

@media (max-width:1199px) {
	.tab_wrap { margin-bottom:60px; }
	ul.tab { display:block; width:100%; }
}

@media (max-width:991px) {
	.tab_wrap { margin-bottom:50px; }
}

@media (max-width:767px) {
	.tab_wrap { margin-bottom:35px; }
	ul.tab li p span { font-size:17px; }
}

@media (max-width:575px) {
	.tab_wrap { margin-bottom:25px; }
	ul.tab li p span { padding:5px 0px; font-size:16px; }
}



/* Search Box Open */
.search_box_func { position:relative; margin-bottom:10px; }
.search_box_func:after { content:""; display:block; clear:both; visibility:hidden; }
.search_box_func .search_left { float:left; }
.search_box_func .search_left:after { content:""; display:block; clear:both; visibility:hidden; }
.search_box_func .search_left p strong { color:#00a6ff; }
.search_box_func .search_right { float:right; }
.search_box_func .search_right:after { content:""; display:block; clear:both; visibility:hidden; }
.search_box_func .search_box_open { text-align:right; }
.search_box_func .search_box_open a { display:inline-block; padding:8px 10px; background-color:#2e2e2e; border:1px solid #2e2e2e; text-align:center; font-size:13px; line-height:100%; cursor:pointer; font-weight:700; color:#fff; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.search_box_func .search_box_open a:hover { background-color:#111; border:1px solid #111; }
.search_box_func .search_box_open a:after { content:""; display:inline-block; width:11px; height:6px; margin-left:10px; background:url("../../images/ott/contents/img_arrow_down_white.png") no-repeat 0 0; }
.search_box_func .search_box_open a.active:after { background:url("../../images/ott/contents/img_arrow_up_white.png") no-repeat 0 0; }
.search_box_func .search_box_open + .box_border { margin-top:-1px; }
.search_box_func .box_border { padding-bottom:20px; }
.search_box_func .board_data_text { position:relative; left:auto; top:15px; }
.search_box_func.non_search .board_data_text { top:0px; }
.search_box_func .board_data_text strong { font-weight:700; color:#00a6ff; }
.search_box_func .table_no_bd { margin-bottom:0px; }
.search_box_func .div_btn { padding-top:15px; margin-top:10px; border-top:1px solid #eee; }
.search_box_func .table_search_detail { display:none; margin-top:15px; }
.search_box_func .search_input { height:52px; border:1px solid #ddd; }
.search_box_func .search_input:after { content:""; display:block; clear:both; visibility:hidden; }
.search_box_func .search_input select { float:left; display:block; width:100px; height:100%; padding:0px 10px; border-left:none; border-top:none; border-bottom:none; border-right:1px solid #eee; }
.search_box_func .search_input input[type=text] { float:left; display:block; width:240px; height:100%; padding:15px 20px; border:none; }
.search_box_func .search_input input[type=text]::-webkit-input-placeholder { color:#9f9f9f; }
.search_box_func .search_input input[type=text]:-ms-input-placeholder { color:#9f9f9f; }
.search_box_func .search_input input[type=text]::placeholder { color:#9f9f9f; }
.search_box_func .search_input a { position:relative; float:left; display:block; width:50px; height:50px; background:#f0f4f5 url("../../images/ott/contents/btn_search.png") no-repeat 50% 50%; -webkit-background-size:cover; background-size:cover; overflow:hidden; text-indent:-9999px; }
.search_box_func .search_input a:hover { background-color:#dde7ea; }
.search_box_func .search_input a:before { content:""; position:absolute; left:-1px; top:0px; width:1px; height:100%; background-color:#ddd; }
.search_box_func .tab_filter ul { position:relative; left:0px; top:20px; }
.search_box_func .tab_filter ul:after { content:""; display:block; clear:both; visibility:hidden; }
.search_box_func .tab_filter ul li { position:relative; float:left; padding-left:31px; }
.search_box_func .tab_filter ul li:before { content:""; display:block; position:absolute; left:15px; top:3px; width:1px; height:16px; background-color:#c6cfd7; }
.search_box_func .tab_filter ul li:first-child { padding-left:0px; }
.search_box_func .tab_filter ul li:first-child:before { display:none; }
.search_box_func .tab_filter ul li a { position:relative; display:inline-block; color:#666; }
.search_box_func .tab_filter ul li.active a { color:#222; font-weight:700; }
.search_box_func .tab_filter ul li.active a:before { content:""; display:inline-block; width:18px; height:18px; margin-right:3px; background:url("../../images/ott/contents/check.png") no-repeat 50% 50%; vertical-align:middle; }

.search_box_func input[type=text] { height:36px; }
.search_box_func select { padding:8px 8px 9px; }


@media (max-width: 767px) {
	.search_box_func .board_data_text { top:0px; margin-bottom:10px; }
	.search_box_func .search_input { height:42px; }
	.search_box_func .search_input select { width:80px; }
	.search_box_func .search_input input[type=text] { width:180px; padding:10px 15px; }
	.search_box_func .search_input a { width:40px; height:40px; }
	.search_box_func .tab_filter { float:none; margin-bottom:10px; text-align:center; }
	.search_box_func .tab_filter ul { position:static; display:inline-block; }

	.search_box_func input[type=text] { height:31px; }
	.search_box_func select { padding:6px 8px 6px; }
}


/* Checkbox & Radio Button With Style */
.checkbox { overflow:hidden; }
.checkbox input[type=checkbox] { position:absolute; left:-9999px; }
.checkbox input[type=checkbox] + label { position:relative; display:inline-block; min-height:25px; padding-left:35px; cursor:pointer; vertical-align:middle; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.checkbox input[type=checkbox] + label:before { content:""; display:block; position:absolute; left:0px; top:0px; width:23px; height:23px; border:1px solid rgba(255,255,255,0.2); background:url("../../images/ott/contents/checkbox.png") no-repeat 50% 50%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.checkbox input[type=checkbox] + label:after { content:""; display:block; position:absolute; left:0px; top:0px; width:23px; height:23px; border:1px solid rgba(255,255,255,1); background:url("../../images/ott/contents/checkbox_checked.png") no-repeat 50% 50%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; z-index:1; opacity:0; }
.checkbox input[type=checkbox]:checked + label { color:#fff; }
.checkbox input[type=checkbox]:checked + label:before { background:#fff; }
.checkbox input[type=checkbox]:checked + label:after { opacity:1; }
.radio { overflow:hidden; }
.radio input[type=radio] { position:absolute; left:-9999px; }
.radio input[type=radio] + label { position:relative; display:inline-block; min-height:25px; padding-left:35px; cursor:pointer; vertical-align:middle; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.radio input[type=radio] + label:before { content:""; display:block; position:absolute; left:0px; top:0px; width:21px; height:21px; border:1px solid rgba(255,255,255,0.2); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.radio input[type=radio] + label:after { content:""; display:block; position:absolute; left:6px; top:6px; width:9px; height:9px; border:1px solid rgba(255,255,255,0.2); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; z-index:1; }
.radio input[type=radio]:checked + label { color:#fff; }
.radio input[type=radio]:checked + label:before { border:1px solid rgba(255,255,255,1); }
.radio input[type=radio]:checked + label:after { border:1px solid rgba(255,255,255,1); background:#fff; }


/* Date Picker */
.input_datepicker { width:120px; background:url("../../images/ott/contents/icon_datepicker.png") no-repeat right 10px top 50%; }

@media (max-width: 767px) {
	/* .radio input[type=radio] + label:before { top:-1px; }
	.radio input[type=radio] + label:after { top:6px; } */
}



/* Tag */
.tag { display:inline-block; padding:5px; border:1px solid #889fb6; -webkit-border-radius:3px 3px; -moz-border-radius:3px 3px; border-radius:3px 3px; line-height:100%; color:#889fb6; text-align:center; font-size:12px; font-weight:700; }
.tag.tag_red { border:1px solid #eb1827; color:#eb1827; }
.tag.tag_orange { border:1px solid #eb5919; color:#eb5919; }
.tag.tag_green { border:1px solid #198826; color:#198826; }
.tag.tag_emerald { border:1px solid #139d98; color:#139d98; }
.tag.tag_blue { border:1px solid #146cc5; color:#146cc5; }
.tag.tag_skyblue { border:1px solid #00a6ff; color:#00a6ff; }
.tag.tag_purple { border:1px solid #6222aa; color:#6222aa; }
.tag.tag_pink { border:1px solid #e34081; color:#e34081; }



/* ETC */
.div_nodata { padding:220px 20px 100px; background-repeat:no-repeat; background-position:50% 100px; -webkit-background-size:80px 80px; background-size:80px 80px; text-align:center; color:#a4a4a4; font-size:20px; }
.div_nodata.icon_star { background-image:url(""); }

.img_responsive { display:block; max-width:100%; }
.page_preparing { padding-top:210px; background:url("../../images/ott/contents/page_preparing.png") no-repeat 50% 0px; text-align:center; }
.page_preparing h3 { font-size:32px; color:#146cc5; font-weight:700; text-align:center; }
.page_preparing h3 br { display:none; }
.page_preparing p { margin-top:10px; font-size:18px; color:#444; font-weight:700; text-align:center; }
body.no_gnb_footer { background-color:#e9f2f8; }
body.no_gnb_footer #wrap { padding-top:100px; padding-bottom:100px; }
h1.page_error_logo { display:block; width:212px; height:44px; margin:0 auto 50px; }
h1.page_error_logo img { display:block; width:100%; height:100%; }


@media (max-width: 575px) {
	.page_preparing h3 { font-size:28px; }
	.page_preparing h3 br { display:block; }
}
.page_error { background-color:#e9f2f8; }
.page_error_content { padding-top:210px; background:url("../../images/ott/contents/page_error.png") no-repeat 50% 0px; text-align:center; }
.page_error_content h3 { font-size:32px; color:#00a6ff; font-weight:700; text-align:center; }
.page_error_content h3 br { display:none; }
.page_error_content p { margin-top:10px; font-size:18px; color:#444; font-weight:700; text-align:center; }
@media (max-width: 575px) {
	.page_error_content h3 { font-size:28px; }
	.page_error_content h3 br { display:block; }
}




/* Input Wrap */
.input_wrap { margin-bottom:30px; }
.input_wrap:after { content:""; display:block; clear:both; visibility:hidden; }
.input_wrap > label { display:block; margin-bottom:10px; font-size:18px; color:#222; font-weight:700; }
.input_wrap > label.ess:after { content:"[필수]"; margin-left:5px; color:#00a6ff; font-size:15px; font-weight:500; }
.input_wrap .input_with_button { position:relative; padding-right:120px; }
.input_wrap .input_with_button input[type=text] { display:block; width:100%; }
.input_wrap .input_with_button a { position:absolute; right:0px; top:0px; width:110px; min-width:110px; padding-left:0px; padding-right:0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.input_wrap .input_search { position:relative; height:50px; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.input_wrap .input_search input[type=text] { display:block; width:100%; height:100%; padding-right:60px; border:none; }
.input_wrap .input_search a { position:absolute; right:0px; top:0px; display:block; width:60px; height:50px; background:url("../../images/ott/contents/btn_search.png") no-repeat 50% 50%; overflow:hidden; text-indent:-9999px; }
.input_wrap .input_search a:hover { background-image:url("../../images/ott/contents/btn_search_hover.png"); }

@media (max-width: 767px) {
	.input_wrap { margin-bottom:20px; }
	.input_wrap > label { margin-bottom:7px; font-size:16px; }
	.input_wrap > label.ess:after { font-size:14px; }
	.input_wrap .input_with_button { padding-right:95px; }
	.input_wrap .input_with_button a { width:90px; min-width:90px; letter-spacing:-1px; }
}



/* Terms Text */
pre.terms_text { word-break:keep-all; white-space:pre-wrap; }





/* Depth 2 */
.depth2_wrap { position:relative; padding:30px 20px ; margin-bottom:80px; border:1px solid rgba(255,255,255,0.2); text-align:center; }
.depth2_wrap ul { display:inline-block; vertical-align:middle; }
.depth2_wrap ul:after { content:""; display:block; clear:both; visibility:hidden; }
.depth2_wrap ul li { position:relative; float:left; padding-left:20px; padding-right:20px; }
.depth2_wrap ul li:first-child { padding-left:0px; }
.depth2_wrap ul li:before { content:""; display:block; position:absolute; left:0px; top:50%; width:1px; height:15px; margin-top:-7px; background-color:rgba(255,255,255,0.5); }
.depth2_wrap ul li:first-child:before { display:none; }
.depth2_wrap ul li a { position:relative; display:inline-block; padding:5px; font-size:22px; color:#fff; }
.depth2_wrap ul li.selected a { font-weight:700; }
.depth2_wrap ul li.selected a:before { content:""; display:block; position:absolute; left:0px; bottom:-8px; width:100%; height:4px; background-color:#fff; }

@media (max-width:1135px) {
	.depth2_wrap.mypage ul li { padding:0 10px; }
	.depth2_wrap.mypage ul li a { font-size:18px; }
}

@media (max-width: 991px) {
	.depth2_wrap { margin-bottom:70px; }
	.depth2_wrap ul li { padding-left:15px; padding-right:15px; }
	.depth2_wrap ul li a { padding:0px; font-size:20px; }
	.eng .depth2_wrap ul li a {font-size:17px; }
}
@media (max-width:860px) {
	.depth2_wrap.mypage ul li { padding:8px; width:50%; }
	.depth2_wrap.mypage ul li:before { height: 20px; margin-top:-10px; }
	.depth2_wrap.mypage ul li.selected a:before { bottom:-3px; height:2px; }
	.depth2_wrap.mypage ul li:nth-child(odd):before { display:none; }
}
@media (max-width: 767px) {
	.depth2_wrap { padding:20px 15px; margin-bottom:55px; }
	.depth2_wrap ul li { padding-left:10px; padding-right:10px; }
	.depth2_wrap ul li a { font-size:18px; }
	.depth2_wrap ul li.selected a:before { height:2px; }
	
	.eng .depth2_wrap ul { display:block; }
	.eng .depth2_wrap ul li { width:50%; padding:8px 0px; }
	.eng .depth2_wrap ul li:nth-child(odd):before { display:none; }
	.eng .depth2_wrap ul li:nth-child(3) { width:100%;}
	.eng .depth2_wrap ul li a { font-size:16px; }
	.eng .depth2_wrap ul li.selected a:before { bottom:-5px; height:1px; }
}

@media (max-width: 575px) {
	.depth2_wrap ul { display:block; }
	.depth2_wrap ul li { width:50%; padding:8px 0px; }
	.depth2_wrap ul li:nth-child(odd):before { display:none; }
	.eng .depth2_wrap ul li:nth-child(3) { width:100%;}
	.depth2_wrap ul li a { font-size:16px; }
	.depth2_wrap ul li.selected a:before { bottom:-5px; height:1px; }
}

@media (max-width:485px){
	.depth2_wrap.mypage ul li { float:none; width:100%;padding:10px 0; }
	.depth2_wrap.mypage ul li:before { display:none; }
}



/* Depth 3 */
.title_sub_wrap { position:relative; margin-top:60px; margin-bottom:20px; }
.title_sub_wrap:after { content:""; display:block; clear:both; visibility:hidden; }
.title_sub_wrap .title_sub { float:left; margin-top:0px; margin-bottom:0px; margin-right:30px; }
.title_sub_wrap .depth3_wrap { float:left; margin-top:8px; }
.title_sub_wrap .depth3_wrap:after { content:""; display:block; clear:both; visibility:hidden; }
.title_sub_wrap .depth3_wrap li { float:left; position:relative; float:left; padding:0px 30px; }
.title_sub_wrap .depth3_wrap li:before { content:""; display:block; position:absolute; left:0px; top:8px; width:1px; height:15px; background-color:rgba(255,255,255,0.5); }
.title_sub_wrap .depth3_wrap li:first-child:before { display:none; }
.title_sub_wrap .depth3_wrap li a { display:block; font-size:22px; color:#fff; }
.title_sub_wrap .depth3_wrap li.selected a { color:#0096ff; font-weight:700; }

@media (max-width: 991px) {
	.title_sub_wrap { width:100%; text-align:center; }
	.title_sub_wrap .title_sub { float:none; width:100%; text-align:center; }
	.title_sub_wrap .depth3_wrap { float:none; display:inline-block; margin-top:20px; vertical-align:middle; }
}

@media (max-width: 767px) {
	.title_sub_wrap { margin-top:45px; margin-bottom:15px; }
	.title_sub_wrap .title_sub { margin-top:0px; margin-bottom:0px; }
	.title_sub_wrap .depth3_wrap { margin-top:15px; }
	.title_sub_wrap .depth3_wrap li { padding:0px 20px; }
	.title_sub_wrap .depth3_wrap li a { font-size:20px; }
}

@media (max-width: 575px) {
	.title_sub_wrap .depth3_wrap { margin-top:10px; }
	.title_sub_wrap .depth3_wrap li { padding:0px 10px; }
	.title_sub_wrap .depth3_wrap li a { font-size:18px; }
}




/* Numbering List */
.numbering_list:after { content:""; display:block; clear:both; visibility:hidden; }
.numbering_list > li { position:relative; padding-left:30px; margin-top:10px; text-align:left; }
.numbering_list > li:before { content:""; display:block; position:absolute; left:0px; top:0px; width:24px; height:24px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#0629c3; text-align:center; color:#fff; font-size:14px; }
.numbering_list > li:nth-child(1):before { content:"1"; }
.numbering_list > li:nth-child(2):before { content:"2"; }
.numbering_list > li:nth-child(3):before { content:"3"; }
.numbering_list > li:nth-child(4):before { content:"4"; }
.numbering_list > li:nth-child(5):before { content:"5"; }
.numbering_list > li:nth-child(6):before { content:"6"; }
.numbering_list > li:nth-child(7):before { content:"7"; }
.numbering_list > li:nth-child(8):before { content:"8"; }
.numbering_list > li:nth-child(9):before { content:"9"; }
.numbering_list > li:nth-child(10):before { content:"10"; }

@media (max-width: 767px) {
	.numbering_list > li:before { width:22px; height:22px; }
}






/* Video Layer Popup */
.video_popup_wrap { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; padding-bottom:50px; overflow:hidden; background-color:#000; z-index:10000; }
.video_popup_wrap.show { display:block; }
.video_popup_wrap .video_top { position:absolute; left:0px; top:0px; width:100%; height:10px; z-index:10001; }
.video_popup_wrap .video_top .video_fixed_logo { position:absolute; left:30px; top:10px; width:100px; height:76px; overflow:hidden; background:url("../../images/ott/common/logo_kno_white.svg") no-repeat 50% 50%; -webkit-background-size:100%; background-size:100%; text-indent:-9999px; }
.video_popup_wrap .video_top .close_video_popup { position:absolute; right:50%; top:-45px; display:block; width:42px; height:42px; margin-right:-21px; border:1px solid rgba(255,255,255,0.8); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:rgba(0,0,0,0.2); -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; overflow:hidden; text-indent:-9999px; }
.video_popup_wrap .video_top .close_video_popup:before { content:""; position:absolute; left:10px; right:10px; top:19px; height:2px; background:rgba(255,255,255,0.8); transform:translate3D(0,0px,0) rotate(-45deg); }
.video_popup_wrap .video_top .close_video_popup:after { content:""; position:absolute; left:10px; right:10px; bottom:19px; height:2px; background:rgba(255,255,255,0.8); transform:translate3D(0,0px,0) rotate(45deg); }
.video_popup_wrap .video_top .close_video_popup:hover { border:1px solid rgba(255,255,255,1); }
.video_popup_wrap .video_top .close_video_popup:hover:before, .video_popup_wrap .video_top .close_video_popup:hover:after { background:rgba(255,255,255,1); }
.video_popup_wrap .video_top:hover { height:60px; }
.video_popup_wrap .video_top:hover .close_video_popup { top:15px; }
.video_popup_wrap .video_wrap { position:relative; width:100%; height:100%; }
.video_popup_wrap .video_wrap .player { display:block; width:100%; height:100%; }
.video_popup_wrap .video_bottom { position:absolute; left:0px; bottom:0px; width:100%; height:50px; padding:5px; background-color:#292c2e; text-align:center; }
.video_popup_wrap .video_bottom .bottom_func { display:inline-block; vertical-align:middle; }
.video_popup_wrap .video_bottom .bottom_func:after { content:""; display:block; clear:both; visibility:hidden; }
.video_popup_wrap .video_bottom .bottom_func .btn_kakaotalk_open { float:left; margin-right:5px; }
.video_popup_wrap .video_bottom .bottom_func .select_subtitle { float:left; height:40px; margin-right:5px; border:1px solid rgba(255,255,255,0.2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:none; font-size:15px; color:#f2f4f6; text-align:left; }
.video_popup_wrap .video_bottom .bottom_func .close_video_popup { float:left; }

@media (max-width: 991px) {
	.video_popup_wrap .video_top .video_fixed_logo { left:10px; width:52px; height:40px; }
	.video_popup_wrap .video_top .close_video_popup { top:15px; width:32px; height:32px; margin-right:-16px; }
	.video_popup_wrap .video_top .close_video_popup:before { left:8px; right:8px; top:14px; }
	.video_popup_wrap .video_top .close_video_popup:after { left:8px; right:8px; bottom:14px; }
	.video_popup_wrap .video_top:hover .close_video_popup { top:15px; }
}

@media (max-width: 767px) {
	.video_popup_wrap { padding-bottom:44px; }
	.video_popup_wrap .video_bottom { height:44px; }
	.video_popup_wrap .video_bottom .bottom_func .select_subtitle { height:34px; }
}

@media (max-width: 575px) {
	.video_popup_wrap .video_bottom .bottom_func .btn_kakaotalk_open { margin-right:2px; letter-spacing:-1px; }
	.video_popup_wrap .video_bottom .bottom_func .select_subtitle { margin-right:2px; letter-spacing:-1px; }
	.video_popup_wrap .video_bottom .bottom_func .close_video_popup { letter-spacing:-1px; }
}