@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html {overflow-y:scroll}

#wrap {width:100%;}
#container {position:relative; width:100%; max-width:1000px; margin:0 auto;}
.top_tit {}
.top_tit img {max-width:100%;}

@media all and (max-width:640px){
	#container {position:relative; width:100%; max-width:640px; margin:0 auto;}
}

.top_banner {position:relative; width:100%; display:inline-block; border:1px solid #d1d1d1; margin:2% 0; text-align:center; font-size:0;}
.top_banner span {display:inline-block; padding:1% 2%;}
.top_banner span img {width:151px; height:54px;}

.gnb {position:relative; width:100%; display:inline-block; padding-bottom:20px;}
.gnb ul li {float:left; background:#969696; height:50px; line-height:46px; letter-spacing:-1px; text-align:center; padding:1% 0 0.5% 0;}
.gnb ul li a {font-size:22px; font-weight:700; color:#fff;}


.gnb_vod {position:relative; width:100%; display:inline-block; margin:20px 0 0 0;}
.gnb_vod ul li {float:left; background:#012f85; width:33%; height:50px; line-height:46px; border-right:1px solid #fff; letter-spacing:-1px; text-align:center;}
.gnb_vod ul li:nth-child( 3 ) {width:33.8%; border-right:none; background:#e22d3c;}
.gnb_vod ul li a {font-size:20px; font-weight:700; color:#fff;}

@media all and (max-width:1000px){
	.gnb_vod ul li {width:37%;}
	.gnb_vod ul li:nth-child( 3 ) {width:25.5%;}
	.gnb_vod ul li a {font-size:1.3em;}
}

.quit_box {color:#000;}
.quit_box dl {width:100%; display:inline-block; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin:2% 0 2% 0;}
.quit_box dl dt {background:#e1e7f1; width:15%; height:60px; line-height:22px; float:left; text-align:center; font-size:18px; padding-top:45px;}
.quit_box dl dd {width:85%; float:left;}
.quit_box dl dd textarea {width:82%; height:50px; margin:2%; padding:1%; border:1px solid #dddddd; font-size:16px; float:left;}

.btn {float:right; margin-top:2%;}
.btn input {font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#000; letter-spacing:-1px; padding:1% 5% 1% 5%; width:100px; height:70px;}

.btn2 {width:100%; text-align:center; margin:2% 0;}
.btn2 span {border-radius:14px; display:inline-block; margin:0 0.5%;}
.btn2 span a {width:180px; height:46px; line-height:42px; color:#fff; font-size:16px; font-weight:500; display:inline-block;}
.btn2 span.b1 {background:#4caf50;}
.btn2 span.b2 {background:#CE2622;}
.btn2 span.b3 {background:#f08e4c;}

/* 03.¿Â¶óÀκνº */
.both {position:relative; font-size:0;}

.both ul {}
.both ul li {width:230px; float:left; position:relative; box-shadow: 0 0 20px #bebebe; margin:1%;}

.both ul li img {width:230px;}
.both ul li span {display:inline-block; width:90%; height:36px; line-height:34px; background:url('/img/bg_both.gif') no-repeat 0 0; color:#fff; font-size:14px; font-weight:700; padding:0 5%;}

.loginbox {width:35%; margin:70px auto 0 auto;}
.loginbox label {font-size:18px; color:#000; width:30%; display:inline-block; margin-right:1%;}
.loginbox input {width:65%; height:40px; border:1px solid #adadad; padding:0 2%; margin-bottom:4%; font-size:18px;}

@media all and (max-width:640px){
	.top_banner span {display:inline-block; padding:3% 2%;}
	.top_banner span img {width:100px; height:36px;}

	.quit_box dl dt {height:78px; padding-top:3.7%;}
	.quit_box dl dd textarea {height:67px; font-size:18px;}

	.btn input {font-size:24px; padding:1.5% 7% 2% 7%;}

	.loginbox {width:55%; margin:10.9375vw auto 0 auto;}
	.loginbox label {width:30%;}

	.gnb ul li {width:19.4%; height:50px; line-height:46px;}
	.gnb ul li:nth-child( 2 ) {width:14.5%;}/*2.ÇÁ·Î±×·¥*/
	.gnb ul li:nth-child( 4 ) {width:21%;}/*4.Çмú´ëȸ ³ª°¡±â*/
	.gnb ul li:nth-child( 5 ) {width:25%; height:50px; line-height:46px;}/*5.°­ÀǽÇÀÔÀå(¼ö°­ Àü)*/
	.gnb ul li a {font-size:16px; font-weight:700; color:#fff;}

	.both span {margin:2%;}
	.both span img {width:187px;}
}

.vp_txt {padding-top:10px; font-size:15px; color:red; text-align:left;}


.program {text-align:center;}
.program img {max-width:100%;}
.program .tab li {float:left; background:#ece3dc; width:50%; text-align:center;}
.program .tab li:nth-child(1) {width:49.8%; border-right:2px solid #fff;}
.program .tab li a {font-size:18px; font-weight:700; color:#a18f81; height:48px; line-height:48px; display:block;}
.program .tab li.on {background:#ceb9a6; font-size:18px; font-weight:700; color:#fff; height:48px; line-height:48px; display:block;}

.program_s1 {font-size:16px; letter-spacing:-1px; text-align:left;}
.program_s1 .ul_01 {width:100%; display:inline-block; background:#242d47; color:#fff;}
.program_s1 .ul_01 li {float:left; padding:0.5% 0 1% 0; font-weight:700;}
.program_s1 .ul_01 li:nth-child( 1 ) {width:10%; padding-left:2%;}
.program_s1 .ul_01 li:nth-child( 2 ) {width:62%;}
.program_s1 .ul_01 li:nth-child( 3 ) {width:24%; padding-right:2%; text-align:right;}

.program_s1 {font-size:16px; letter-spacing:-1px; text-align:left;}
.program_s1 .ul_02 {width:100%; display:inline-block; background:#242d47; color:#fff;}
.program_s1 .ul_02 li {float:left; padding:0.5% 0 1% 0; font-weight:700;}
.program_s1 .ul_02 li:nth-child( 1 ) {width:72%; padding-left:2%;}
.program_s1 .ul_02 li:nth-child( 2 ) {width:24%; padding-right:2%; text-align:right;}


.tbl_pro {width:100%; border-collapse: collapse; color:#0d0908;}
.tbl_pro td {border:0; border-bottom:1px solid #d4d5d6; position:relative;}
.tbl_pro td:nth-child( 1 ) {text-align:center; width:11%;}
.tbl_pro td:nth-child( 2 ) {padding-left:1%;}
.tbl_pro td:nth-child( 3 ) {text-align:right; padding-right:2%; width:22%;}
.btn_vod {display:inline-block; margin-left:1%; vertical-align:middle; float:right;}
.btn_vod2 {position:absolute; top:27%; right:0;}


/* member */
.noticebox {width:90%; margin:0 auto; margin-top:8%;}
.noticebox .tit {font-size:18px; color:#002e87; font-weight:600; margin-bottom:1%;}
.noticebox .cont {font-size:16px; color:#585858; margin-bottom:1%;}

.noticebox table {font-size:16px; text-align:center; border:1px solid #afafaf; margin:1% 0 2% 0;}
.noticebox table th {background:#e4e4e4; border-right:1px solid #afafaf; font-size:0.925em; font-weight:500; color:#000; padding:4px 0 8px 0;}
.noticebox table th.last {border-right:none;}
.noticebox table td {border:1px solid #afafaf; padding:3px 0 5px 0; color:#585858; font-size:0.925em;}

.notice_section {border:1px solid #d79075; margin-bottom:3%;}
.notice_section h3 {background:#fabea7; border-bottom:1px solid #d79075; color:#231f20; font-size:1.2em; padding:5px 10px;}
.notice_cont {margin:2% 3%; font-size:1.2em; color:#797979; line-height:26px; word-break:keep-all;}
.notice_cont h4 {color:#BB9F8D; font-size:1.2em;}
.notice_cont ul li {background:url('/img/dot.png') no-repeat 4px 11px; padding-left:16px;}
.notice_cont img {vertical-align:middle;}
.txt_red {color:#ec0000;}
.txt_black {color:#000; font-weight:500;}

.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #3d3d3d;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  font-weight:500;
  letter-spacing:-1px;
  padding: 10px 20px;
  width: 228px;
  transition: all 0.5s;
  cursor: pointer;
  float:right;
  margin-right:3%;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}


/*Player */
.vod {position:relative; width:95%; max-width:1000px;}
.p_main {font-family:"±¼¸²"; font-size:13px; color:#494949}
.p_title {font-family:"±¼¸²"; font-size:13px; color:#444444; font-weight:bold}
.p_input {font-family:"±¼¸²"; font-size:13px; color:#494949; background-color:#FFFFFF; border:1px solid #DDDDDD; height:28px}
.p_submit {font-family:"±¼¸²"; font-size:13px; color:#333333; border:1px solid #BFBFBF; cursor:pointer; background-color:#EEEEEE; position:relative}

@media all and (max-width:1000px){
	.wrap {width:100%;}
}

@media all and (max-width:640px){
	.wrap {width:100%;}
}

/* Class */
.class_ares {font-size:1.2em; color:#120e0f;}
.class_ares h3 {font-size:1.4em; font-weight:700; letter-spacing:-1px; color:#012f85; margin-bottom:1.5%;}
.class_ares table {text-align:center;}
.class_ares table th, td {padding:5px 0; border:1px solid #012f85;}
.class_ares table th {background:#012f85; border-right:1px solid #fff; color:#fff; font-weight:600;}
.class_ares table th.last {border-right:none;}
.class_ares table td {}

/* Vod */
.contents {}
.contents img {max-width:100%;}

.vod_ares {position:relative; margin-bottom:5%;}
.vod_ares h3 {margin:4% 0 4% 3%;}
.vod_ares h3 img {max-width:50%;}

.vod_ares ul {width:90%; margin:0 auto;}
.vod_ares ul li {font-size:0; line-height:0;}
.vod_ares ul li img {max-width:100%;}

@media all and (max-width:1000px){
	.vod_ares h3 {margin:4% 0 4% 5%;}
	.vod_ares h3 img {max-width:40%;}
}