@charset "euc-kr";

.response-obj { position:relative; height:0; font-size:1em; }
.response-obj img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}

/* Color */
.color01 { color:#f00; }

/* Button */
.btn01 { box-sizing:border-box; display:inline-block; width:6.203em; height:2.037em; padding:0.425em 0; border-radius:0.18em; text-align:center; line-height:1; font-size:0.9em; font-weight:bold;  }
.btn01_v1 { border:1px solid #101010; background-color:#1b1b1b; color:#ababab; }
.btn01_v2 { border:1px solid #222; background-color:#fff; color:#222; }

.btn-play { background:rgba(0,0,0,.7) url('../images/common/btn_play_new.png') no-repeat center center; background-size:36px 36px; }
.btn-more { display:block; margin:1.25em 0.833em; padding:0.667em 0; border:1px solid #cbcbcb; border-radius:0.18em; background-color:#fff; color:#767676; font-size:12px; text-align:center; line-height:1; font-weight:bold; }
.btn-more_ser { display:block; margin:1.25em 0.833em; padding:0.667em 0; border:1px solid #1b1b1b; border-radius:0.18em; background-color:#101010; color:#adadad; font-size:12px; text-align:center; line-height:1; font-weight:bold; }

/* Title */
.tit01 { margin-bottom:0.7em; padding:0 0.715em 0 ; font-size:14px; color:#000; font-weight:bold; line-height:1; }
.tit01_non-shadow { box-shadow:none; }

/* Title */
.tit01_spe { margin-bottom:0.7em; padding:1.142em 0.715em 0 ; font-size:14px; color:#adadad; font-weight:bold; line-height:1; background-color:#101010; }
.tit01_non-shadow_spe { box-shadow:none; }

/* Paragraph */
.para01 { margin:0.833em; }

/* Tab */
.tab01 { overflow:hidden; border-top:1px solid #181818; border-bottom:1px solid #d6d6d6; font-size:14px; line-height:1; }
.tab01__item { float:left; margin-left:0.715em; font-size:1em; }
.tab01__link { display:table-cell; height:2.857em; vertical-align:middle; color:#959595; }
.tab01__link:before { display:inline-block; width:1em; height:0.715em; margin-right:0.35em; background:url('../images/common/icon_set_01.png') no-repeat -1.428em 0; background-size:2.857em auto; content:""; }
.tab01__link.on { color:#f00; }
.tab01__link.on:before { background-position:0 0; }

/* Tab */
.tab01_ser { overflow:hidden; border-top:1px solid #181818; font-size:14px; line-height:1; }

/* Content */
.video01 { position:relative; height:0; padding-bottom:56.333%; font-size:12px; line-height:1; margin:0 0.833em 0.833em;}
.video01__btn { position:absolute; z-index:100; top:0; right:0; bottom:0; left:0; }
.video01__img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; }

.image01 { margin:0.833em; min-height:50px; }
.image01 { min-height:50px; }
.image01.overlay:before { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.85; content:''; }
.image01.overlay:after { display:-webkit-box; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; position:absolute; top:0; left:0; right:0; bottom:0; width:45px; height:45px; margin:auto; border:3px solid #b70906; border-radius:50%; font-size:30px; color:#b70906; content:'19'; font-family:Arial,sans-serif; font-weight:bold; }
.image01__img { max-width:100%; }

.image02 { min-height:50px; }
.image02 { min-height:50px; }
.image02.overlay:before { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.85; content:''; }
.image02.overlay:after { display:-webkit-box; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; position:absolute; top:0; left:0; right:0; bottom:0; width:45px; height:45px; margin:auto; border:3px solid #b70906; border-radius:50%; font-size:30px; color:#b70906; content:'19'; font-family:Arial,sans-serif; font-weight:bold; }
.image02__img { max-width:100%; }

.list-style { overflow:hidden; font-size:12px; }
.list-style__btn { box-sizing:border-box; float:left; position:relative; margin-left:-1px; width:2.5em; height:2.667em; border:1px solid #cbcbcb; background-color:#fff; text-indent:-999em; }
.list-style__btn:after { display:block; position:absolute; top:0; right:0; left:0; bottom:0; width:1.6em; height:1.6em; margin:auto; background:url('../images/common/icon_set_01.png') no-repeat -2em 0; background-size:4em auto; content:""; font-size:10px; }
.list-style__btn:focus { position:relative; z-index:1; }
.list-style__btn:first-child { margin-left:0; border-radius:0.18em 0 0 0.18em; }
.list-style__btn:last-child { border-radius:0 0.18em 0.18em 0; }
.list-style__btn_webzine:after  { background-position:-2em -2em; }
.list-style__btn_gallery:after  { background-position:-2em -4em; }
.list-style__btn_webzine.on:after { background-position:0px -2em; }
.list-style__btn_gallery.on:after { background-position:0px -4em; }

.list-filter+.list-style { position:absolute; right:0.833em; z-index:1; margin-top:-3em; }

.list-webzine01 { overflow:hidden; margin-top:0.833em; font-size:12px; line-height:1; }
.list-webzine01__item { overflow:hidden; position:relative; margin:1.25em 0.833em 0; font-size:1em; }
.list-webzine01__item:first-child { margin-top:0; }
.list-webzine01__link { display:block; overflow:hidden; font-size:1em; }
.list-webzine01__img { float:left; width:12.084em; margin-right:0.833em; font-size:1em; }
.list-webzine01__response { padding-bottom:66.206%; }
.list-webzine01__tit { overflow:hidden; margin-bottom:0.666em; font-weight:bold; font-size:inherit; line-height:1.1; color:#000; }
.list-webzine01__summary { display: -webkit-box; -webkit-line-clamp:3; overflow:hidden; height:3.9em; line-height:1.3; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; font-size:1em; }
.list-webzine01__group { display:inline-block; /*position:absolute;*/ float:left;bottom:0px; overflow:hidden; font-size:1em; }
.list-webzine01__btn {float:left; margin-right:0.833em; }
.list-webzine01_col .list-webzine01__img { width:7.708em; }
.list-webzine01_col .list-webzine01__response { padding-bottom:133.5%;}
.list-webzine01_col .list-webzine01__summary { -webkit-line-clamp:5; height:6.4em; }

.list-gallery01 { overflow:hidden; font-size:12px; line-height:1; margin:-0.3em 0.416em 0; }
.list-gallery01__item { box-sizing:border-box; float:left; width:50%; margin-top:1.2em; padding:0 0.416em; font-size:1em; }
.list-gallery01__link { display:block; }
.list-gallery01__img { width:100%; padding-bottom:66.206%; }
.list-gallery01__tit { margin-top:.5em; color:#000; font-weight:bold; font-size:1em; }

.list-gallery02-wrap { margin-bottom:0.833em; overflow:hidden; }
.list-gallery02-wrap .flex-viewport { overflow:visible !important; margin:0.625rem; }
.list-gallery02 { margin:0; white-space:nowrap; font-size:0; }
.list-gallery02__item { position:relative; display:inline-block; width:93px !important; margin-right:5px; font-size:12px; white-space:normal; }
.list-gallery02__item:first-child { margin-left:0; }
.list-gallery02__link { display:block; }
.list-gallery02__img-wrap { overflow:hidden; position:relative; height:124px; }
.list-gallery02__img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; }
.list-gallery02__tit { overflow:hidden;-webkit-box-orient: vertical; display:-webkit-box; height:2.4em; margin-top:0.4166em; color:#000; line-height:1.2; -webkit-line-clamp:2; text-overflow: ellipsis; word-wrap:break-word;  }

.limit1 [class$='img-wrap']:before { z-index:10; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.85; content:''; }
.limit1 [class$='img-wrap']:after { z-index:10; display:-webkit-box; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; position:absolute; top:0; left:0; right:0; bottom:0; width:45px; height:45px; margin:auto; border:3px solid #b70906; border-radius:50%; font-size:30px; color:#b70906; content:'19'; font-family:Arial,sans-serif; font-weight:bold; }

.limit2 .list-gallery02__img-wrap:before { z-index:10; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.9; content:''; }
.limit2 .list-gallery02__img-wrap:after { z-index:10; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/common/icon_logo_white50.png') no-repeat center center;background-size:70px 78px; content:''; }

.vod-info { overflow:hidden; background-color:#fff; padding:0.833em; font-size:12px; line-height:1; }
.vod-info__img { float:left; width:12.084em; height:8em; margin-right:0.833em; }
.vod-info__tit { overflow:hidden; margin-bottom:0.666em; font-weight:bold; font-size:inherit; font-weight:bold; color:#000; }
.vod-info__summary { display: -webkit-box; -webkit-line-clamp:5; overflow:hidden; height:6.4em; line-height:1.3; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; font-size:1em; }

.ad-banner01 { background-color:#efefef; padding:0.833em; }
.ad-banner01 a { display:block; }
.ad-banner01 img { width:100%; }

.box01 { margin-top:0.625rem; border-bottom:1px solid #1b1b1b;background-color:#101010; }
.box01:before,
.box01:after { overflow:hidden; display:block; clear:both; height:0; content:''; }

.list-header { margin:0 0.833em 1em; padding-top:1.33em; }
.list-header:before { overflow:hidden; display:block; content:'';}
.list-header__tit { display:table-cell; font-size:1.166em; color:#000; font-weight:bold; line-height:1; }
.list-header__edge { display:table-cell; width:1%; white-space:nowrap; color:#666; font-size:1em; }
.list-header__edge a { color:inherit;}

.list-gallery03 { overflow:hidden; margin:-1rem 0.625rem 0.625rem 0; line-height:1.3; }
.list-gallery03__link { display:block; }
.list-gallery03__item { box-sizing:border-box; float:left; width:50%; margin-top:1rem; padding-left:0.625rem; }
.list-gallery03__img-wrap { overflow:hidden; position:relative; height:0; padding-bottom:66.55%; }
.list-gallery03__img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; }
.list-gallery03__tit { overflow:hidden; width:100%; margin-top:0.833em; white-space:nowrap; text-overflow:ellipsis; }

.main-quick { overflow:hidden; margin:0.3125rem 0.625rem 0.625rem 0.1875rem; }
.main-quick__item { box-sizing:border-box; float:left; width:50%; margin-top:0.3125rem; padding-left:0.4375rem;}
.main-quick__link { display:block; }
.main-quick__img { max-width:100%; }

.main-footer-banner { margin:0.625rem 0; }
.main-footer-banner img { max-width:100%; }

.main-top-banner {  }
.main-top-banner__slide { }

.pagination-dot .bx-pager { overflow:hidden; padding:10px 0; height:6px; overflow:hidden; text-align:center; font-size:0; }
.pagination-dot .bx-pager-item { display:inline-block; font-size:12px; margin:0 3px; }
.pagination-dot .bx-pager-link { width:6px; height:6px; display:block; text-indent:-999em; -webkit-border-radius:50%; border-radius:50%; background-color:#a7a7a7; }
.pagination-dot .bx-pager-link.active { background-color:#ff0900;}

.main-on-air img { max-width:100%; }

#container.main { padding:0; background-color:#1b1b1b; }

@media screen and (max-width: 639px) and (min-width: 320px) {
	#container.main { padding:0; }
}

/* 641px Over */
@media screen and (min-width:641px) { 
	#container.main { padding:0; }
	.btn_play { background-size:auto; }
	.btn-more { font-size:1.5em; }
	.tit01 { font-size:20px;}
	.para01 { font-size:1.5em; }
	.tab01__item { font-size:1.5em; }
	.tab01__item+.tab01__item { margin-left:15px; }
	.video01 { font-size:1.5em; }
	.image01 { font-size:1.5em; }
	.list-style { font-size:1.5em; }
	.list-webzine01 { font-size:1.5em; }
	.list-gallery01 { font-size:1.5em; }
	.list-gallery02-wrap .flex-viewport { margin-left:0.9375rem; margin-right:0.9375rem; }
	.list-gallery02__item { font-size:15px; }
	.vod-info { font-size:1.5em; }
	.ad-banner01 { font-size:1.5em; }
	.box01 { margin-top:0.9375rem; }
	.list-header{ font-size:1.5em; }
	.list-gallery03 { font-size:1.5em; margin:-1rem 0.9375rem 0.9375rem 0;}
	.list-gallery03__item { width:25%; padding-left:0.9375rem; }
	.main-quick { margin:0.3125rem 0.9375rem 0.9375rem 0.3125rem; }
	.main-quick__item { margin-top:0.625rem; padding-left:0.625rem;}
	.main-footer-banner { margin:0.9375rem 0; }
	.pagination-dot .bx-pager { height:12px; }
	.pagination-dot .bx-pager-link	{ width:12px; height:12px; }
}

/* 1024 Over */
@media screen and (min-width:1024px) { 
	.list-gallery01__item { width:25%; }
	.list-gallery03__item { width:25%; }
}