@charset "utf-8";
@import url("/new/css/font/font.css");

#main_visual{position:relative; z-index:10; width:100%; height:732px; margin-top:178px;}
body.includeTopBanner #main_visual {margin-top: 238px;}
#main_visual img {width:100%; height:732px;}
#main_visual .bx-wrapper .bx-pager {bottom:47px;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; opacity:0.4; width:14px; height:14px;	margin:0 10px; -webkit-border-radius:50%; border-radius:50%;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff; opacity:1;}

#main_visual .swiper-container-horizontal>.swiper-pagination {
    bottom: 47px;
}
#main_visual .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
	margin:0 10px;
    background: #fff;
    opacity: .4;
}
#main_visual .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

#promotion {height:1237px; background:url('../images/main/promotion_bg.jpg') no-repeat;}
#promotion h2 {padding:45px 0 54px; text-align:center;}
#promotion .slider_wrap {width:670px; margin:0 auto;}
#promotion .bx-controls-direction {position:absolute; top:912px; width:100%;}
#promotion .bx-controls-direction a {top:24px; width:14px; height:29px; margin:0;}
#promotion .bx-wrapper .bx-prev {left:50%; margin-left:-120px; background:url('../images/main/btn_prev.png');}
#promotion .bx-wrapper .bx-next {right:50%; margin-right:-120px; background:url('../images/main/btn_next.png');}
#promotion .page {position: relative; z-index: 1; width:670px; height:77px; margin:-5px auto 0; border-top:1px solid #c1c1c1; text-align:center; font-size:22px; line-height:77px; background:#fff;}
#promotion .page em {display:inline-block; padding:0 20px; font-size:30px; color:#6e6e6e;}

#hotdeal {margin-top: 60px;}
#hotdeal li+li {margin-top:7px;}

#tv {position:relative;}
#tv h2 {text-align:center;}
#tv .movie {position:relative; overflow:hidden; width:100%; height:371px;}
#tv .movie img {width:100%; vertical-align:top;}
#tv .movie .btn_movie_play {position:relative; z-index:10;}
#tv .movie video {position:absolute; top:0; left:0%; width:100%;}

#tv .movie.v2 {
	height: 0;
	padding-bottom: 51.46%;
}
#tv .main_tv_cover {
	width: 100%; 
	position: absolute; 
	z-index: 2; 
	top: 0; 
	left: 0; 
	right: 0;
}
#tv iframe {
	z-index: 1;
	position: absolute; 
	width: 100%; 
	height: 100%; 
	border: 0; 
	left: 0; 
	right: 0;
}

#best .cont {overflow:hidden;}
#best .cont img {float:left;}

#space {overflow:hidden; text-align:center;}
#space .slider_wrap {position:relative;}
#space .img_wrap {position:relative; padding-bottom:56.32%;}
#space .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#space .bx-wrapper .bx-prev {width:44px; height:44px; left:0; margin-top:-22px; background:url('../images/main/btn_prev02.png') no-repeat;}
#space .bx-wrapper .bx-next {width:44px; height:44px; right:0; margin-top:-22px; background:url('../images/main/btn_next02.png') no-repeat;}

#space .swiper-slide .txt {
	display: none;
}
#space .swiper-button-next,
#space .swiper-button-prev {
	width: 44px;
	height: 44px;
	margin-top: -22px;
	background-size: 44px 44px;
	background-repeat: no-repeat;
}
#space .swiper-button-prev {
	left: 0;
	background-image: url('../images/main/btn_prev02.png');
}
#space .swiper-button-next {
	right: 0;
	background-image: url('../images/main/btn_next02.png');
}

#issue {overflow:hidden;}
#issue .slider_wrap {height:702px; margin:0 -273px; padding-top:80px; background:url('../images/main/issue_bg.jpg');}
#issue > h2 {height: 137px; line-height: 137px; text-align: center;}
#issue > h2 img {vertical-align: middle;}

/* Intro */
.intro_wrap * {
	font-family: 'Noto Sans KR','돋음', sans-serif; font-style: normal;
	font-weight:300;
}
.intro_wrap {
	position:relative;
	z-index:10;
	width:100%;
	margin-top:218px;
	padding-bottom: 53px;
	background:url('../images/intro/open_bg01.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
}
.intro_wrap .txt_area {
	text-align: center;
	color: #fff;
	font-size: 33px;
	font-weight: 300;
	letter-spacing: -3px;
	padding-top: 40px;
}
.intro_wrap .txt_area .txt03 {
	font-weight: 500
}
.txt_area .txt01 {
    margin-top: 50px;
    opacity: 0;
    transition: all 0.8s ease 0.4s;
    -webkit-transition: all 0.8s ease 0.4s;
	-moz-transition: all 0.8s ease 0.4s;
}

.txt_area .txt02 {
    margin-top: 40px;
    padding-top: 20px;
    line-height: 1.2;
    opacity: 0;
    transition: all 0.8s ease 0.5s;
    -webkit-transition: all 0.8s ease 0.5s;
	-moz-transition: all 0.8s ease 0.5s;
}
.txt_area .txt03 {
    margin-top: 30px;
	padding-top: 8px;
    line-height: 1.2;
    opacity: 0;
    transition: all 0.8s ease 0.6s;
    -webkit-transition: all 0.8s ease 0.6s;
	-moz-transition: all 0.8s ease 0.6s;
}

.start_motion .txt_area [class^="txt0"] {
    margin-top: 0;
    opacity: 1;
}

.center_link {
	margin-top: 64px;
	text-align: center;
	opacity: 0;
	transition: opacity 1s 1s;
	-webkit-transition: opacity 1s 1s;
	-moz-transition: opacity 1s 1s;
}
.start_motion .center_link {
	opacity: 1
}
.center_link li {
	display: inline-block;
	width: 632px;
	height: 142px;
	background-color: rgba(255,255,255,0.95);
	background-image:url('../images/intro/arrow.png');
	background-repeat: no-repeat;
	background-position: 94.5% 50%;
	margin-bottom: 16px;
	box-sizing: border-box;
}
.center_link li a {
	width: 100%;
    height: 100%;
	display: block;
	color: #333;
	font-size: 24px;
	text-align: left;
	line-height: 1.3;
	padding: 29px 0 0 34px;
	letter-spacing: -2px;
}
.center_link li a span {
	display: block;
}
.center_link li a b {
	font-size: 40px;
	font-weight: 700
}

#real * {
	font-family: 'Noto Sans KR', '돋음', sans-serif;
}
#real .cont {
	overflow:hidden;
	margin-bottom: 56px;
}
#real li {
	position: relative;
	float: left;
	width: 33.333%;
	margin-bottom: 40px;
}
#real li img {
	width: 100%;
}
#real li p {
	position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: 0 auto;
    background: #fff;
    width: 212px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
	font-weight: 400;
    letter-spacing: -1px;
    text-align: center;
}

/* PPEUM TV 221208 */
#ppeumTv {
	position: relative;
}
#ppeumTv h2 {
    padding: 62px 0 45px;
	text-align: center;
}
ppeumTv .videoPlayBox {
	display: none;
}
#ppeumTv .thumWrapper {
    position: relative;
    margin: 0 auto;
}
#ppeumTv .thumWrapper:not(.normal) {
    margin-left: 26px;
}
#ppeumTv .swiper-container {
	margin: 0 auto;
}
#ppeumTv .swiper-slide {
	width: 300px;
    margin: 0 16px 0 0;
}
#ppeumTv .swiper-slide:first-child {
	margin-left: 20px;
}
#ppeumTv .thumWrapper.normal .swiper-wrapper {
    display: block;
    text-align: center;
}
#ppeumTv .thumWrapper.normal .swiper-slide {
    display: inline-block;
    vertical-align: top;
}
#ppeumTv .thumBox {
    position: relative;
    width: 100%;
    height: 170px;
    overflow: hidden;
}
#ppeumTv .swiper-slide.play .thumBox::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
}
#ppeumTv .swiper-slide p {
    font-size: 21px;
    color: #010101;
    line-height: 1.6;
    padding: 19px 18px 0;
    padding-left: 0;
    letter-spacing: -2px;
}

#ppeumTv .thumBox img {
	width: 100%;
    margin-top: -28px;
}
#ppeumTv .thumWrapper .swiper-button-prev,
#ppeumTv .thumWrapper .swiper-button-next {
	display: none;
}
.videoPlayBox {
    position: relative;
    background: #3e3e3e;
    padding: 0;
    overflow: hidden;
    height: 0;
}
.videoPlayBox.active {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 720px;
    height: 100%;
    padding: 70px 0;
    margin: 0 auto;
    background: rgba(0,0,0,0.8);
    z-index: 1100;
}
.videoPlayBox .tv_close {
    position: absolute;
    top: -100px;
    right: -20px;
    width: 100px;
    height: 100px;
    background-color: transparent;
    background-image: url("/include/common/img/main/m/ico_tv_close.png");
    background-size: 58px 58px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
    color: transparent;
    font-size: 0;
}
.videoPlayBox .vWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 672px;
    height: 379px;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}
.videoPlayBox iframe {
    display: block;
	position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
}