=@charset "utf-8";

#dBody {padding-bottom:0;}

/* service */
#wrap.service {padding-top:0;}
#wrap.service header .inner {min-height:0; padding:0;}
#wrap.service header {height:auto; border:none;}
#wrap.service header .top-area .sub-tit span {margin-left:110px;}
#wrap.service .inner h1 {top:-29px;}
#wrap.service .top-header {position:relative; top:40px; left:50%; width:1200px; height:89px; margin-left:-600px; text-align:center;}
#wrap.service .top-header .logo {position:absolute; top:18px; left:0; z-index:2;}
#wrap.service .top-header #gnb {top:22px; left:0; z-index:1;}

/* 올더케이팝 */
.allthekpop #gnb nav a {color:#646464;}
.allthekpop #gnb nav a.active {color:#ff72ea;}
.allthekpop #gnb .bar {background:#ff72ea;}
.allthekpop .top-visual {padding-top:65px;}
.allthekpop .top-visual .vod-box {position:relative; width:1200px; margin:0 auto;}
.allthekpop .top-visual .vod-box .txt-box {position:relative; height:366px; padding-left:650px;}
.allthekpop .top-visual .vod-box .txt-box .kpop-sns-box {margin-top:-23px;}
.allthekpop .top-visual .vod-box .txt-box .kpop-sns-box a {margin-right:20px;}
.allthekpop .top-visual .vod-box .vod {position:absolute; top:35px; left:0; width:588px; height:331px; border-radius:15px; overflow:hidden; z-index:1;}

.allthekpop .hotclip-list-box {position:relative; width:1200px; margin:80px 0 -2px 0; overflow:hidden;}
.allthekpop .hotclip-list-box .swiper-container {width:1224px; height:277px; margin:0 0 0 -24px;}
.allthekpop .hotclip-list-box  ul {overflow:hidden; clear:both;}
.allthekpop .hotclip-list-box  ul li {float:left;}
.allthekpop .hotclip-list-box  ul li a {position:relative; display:block; width:282px; height:277px; margin-left:24px;}
.allthekpop .hotclip-list-box  ul li a > div {position:relative; width:282px; height:159px; overflow:hidden;}
.allthekpop .hotclip-list-box  ul li a > div .img {position:relative; top:0; left:0; border-radius:10px; overflow:hidden;}
.allthekpop .hotclip-list-box  ul li a > div .img img {display:block; border-radius:15px;}

.allthekpop .hotclip-list-box  ul li a > div .img iframe {display:block; border-radius:10px;}
.allthekpop .hotclip-list-box  ul li a > div .ico-movie02 {display:none;}
/*.allthekpop .hotclip-list-box  ul li a > div .ico-movie02 {position:absolute; top:50%; left:50%; width:54px; height:54px; margin:-27px 0 0 -27px; display:block;}
.allthekpop .hotclip-list-box  ul li a .img:after {background:rgba(0,0,0,0.0); transition:all 0.3s ease; border-radius:15px;}
.allthekpop .hotclip-list-box  ul li:hover a .img:after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,0.4); transition:all 0.3s ease;}
.allthekpop .hotclip-list-box  ul li .ico-movie02 img {opacity:0; transition:all 0.3s ease;}
.allthekpop .hotclip-list-box  ul li:hover .ico-movie02 img {opacity:1; transition:all 0.3s ease;}
.allthekpop .hotclip-list-box  ul li a:after {content:''; display:block; position:absolute; bottom:1px; left:0; width:100%; height:1px; background:#fff; transform:scaleX(0.000001); transition:all 0.3s ease;}
.allthekpop .hotclip-list-box  ul li:hover a:after {transform:scaleX(1);}*/
.allthekpop .hotclip-list-box  ul li a .txt {position:relative; display:block; height:28px; padding:15px 0; color:#fff; font-weight:400; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.allthekpop .hotclip-list-box .control-btn {position:absolute; top:-60px; right:27px;}
.allthekpop .hotclip-list-box .control-btn a {position:absolute; display:block; top:0; right:0; width:40px; height:20px; text-indent:-9999px; overflow:hidden; opacity:0.4; transition:all 0.3s ease; z-index:10;}
.allthekpop .hotclip-list-box .control-btn a:hover {opacity:1;}
.allthekpop .hotclip-list-box .control-btn a.active {opacity:0.1; cursor:default;}
.allthekpop .hotclip-list-box .control-btn .btn-prev {left:0; background:url('../images/icon/ico_arrow22.png')no-repeat center 0;}
.allthekpop .hotclip-list-box .control-btn .btn-next {right:0; background:url('../images/icon/ico_arrow21.png')no-repeat center 0;}

.allthekpop #contents {width:100%; margin-top:41px; padding:0; border-top:1px solid #ffb8f4; background:url('../images/contents/allthekpop_bg.jpg') no-repeat 0 0; background-size:cover, contain; background-position:center top;}
.allthekpop .content {position:relative; width:100%; padding-bottom:120px; border-top:1px solid rgba(250,250,250,0.2);}
.allthekpop .content .tab-type02 > * + * {padding-left:44px;}
.allthekpop .content .tab-type02 .h3-title01 {position:relative;}
.allthekpop .content .tab-type02 .h3-title01 img {opacity:0.4;}
.allthekpop .content .tab-type02 > * + *:before {content:''; display:block; position:absolute; top:11px; left:0; width:6px; height:6px; padding:0; border-radius:4px; background:#c6b1dd; border:none;}
.allthekpop .content .tab-type02 > * + * {padding-left:44px;}
.allthekpop .content .tab-type02 .h3-title01.active img {opacity:1;}
.allthekpop .schedule-table {width:1200px; margin:170px auto 0 auto; text-align:center;}

/* 실시간 sns */
.allthekpop .realtime-sns-box {width:1200px; margin:0 auto;}
.allthekpop .realtime-sns-box .sns-list {display:none;}
.allthekpop .realtime-sns-box .sns-list.active {display:block;}
.allthekpop .realtime-sns-box .sns-list ul {width:1224px; overflow:hidden;}
.allthekpop .realtime-sns-box .sns-list ul li {float:left;}
.allthekpop .realtime-sns-box .sns-list ul li a {position:relative; display:block; width:282px; margin:0 24px 24px 0; transition:all 0.3s ease;}
.allthekpop .realtime-sns-box .sns-list ul li a .img {font-size:0; overflow:hidden;}
.allthekpop .realtime-sns-box .sns-list ul li a .img img {width:100%; transition:all 0.3s ease;}
.allthekpop .realtime-sns-box .sns-list ul li a .info {position:relative; padding:15px 22px;}
.allthekpop .realtime-sns-box .sns-list ul li a .info > * {display:block;}
.allthekpop .realtime-sns-box .sns-list ul li a .info .tit {width:100%; color:#fff; font-size:16px; font-weight:400; line-height:24px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.allthekpop .realtime-sns-box .sns-list ul li a .info .con {width:100%; margin-top:15px; color:#fff; font-size:14px; line-height:22px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.allthekpop .realtime-sns-box .sns-list ul li a .info .date {margin-top:15px; color:#fff; font-size:12px;}
.allthekpop .realtime-sns-box .sns-list ul li a .info .date:before {content:''; display:inline-block; width:32px; height:32px; margin-right:10px; overflow:hidden; vertical-align:middle;}
.allthekpop .realtime-sns-box .sns-list ul li a .line span {display:block; position:absolute; transition:all 0.2s ease-out;}
.allthekpop .realtime-sns-box .sns-list ul li a .line span.t {top:0; left:0; width:0; height:1px; transition-timing-function:ease-in;}
.allthekpop .realtime-sns-box .sns-list ul li a .line span.r {top:0; right:0; width:1px; height:0; transition-delay:0.2s;}
.allthekpop .realtime-sns-box .sns-list ul li a .line span.m {bottom:0; right:0; width:0; height:1px; transition-timing-function:ease-in;}
.allthekpop .realtime-sns-box .sns-list ul li a .line span.l {bottom:0; left:0; width:1px; height:0; transition-delay:0.2s;}
.allthekpop .realtime-sns-box .sns-list ul li.is-kpop-facebook a .info {background:#3a589e;}
.allthekpop .realtime-sns-box .sns-list ul li.is-kpop-facebook a .info .date:before {background-image:url('../images/icon/ico_allthekpop.png');}
.allthekpop .realtime-sns-box .sns-list ul li.is-kpop-facebook a .line span {background:#274383;}
.allthekpop .realtime-sns-box .sns-list ul li.is-twitter a .info {background:#00acee;}
.allthekpop .realtime-sns-box .sns-list ul li.is-twitter a .info .date:before {background-image:url('../images/icon/ico_sns02_03.png');}
.allthekpop .realtime-sns-box .sns-list ul li.is-twitter a .line span {background:#0092ca;}
.allthekpop .realtime-sns-box .sns-list ul li a .img + .info {background:#fff !important; border:1px solid #e6e6e6; border-top:0 none;}
.allthekpop .realtime-sns-box .sns-list ul li a .img + .info .tit {color:#323232;}
.allthekpop .realtime-sns-box .sns-list ul li a .img + .info .con {color:#8c8c8c;}
.allthekpop .realtime-sns-box .sns-list ul li a .img + .info .date {color:#a0a0a0;}
.allthekpop .realtime-sns-box .sns-list ul li a .img + .info .date:before {background-position:0 -32px;}
.allthekpop .realtime-sns-box .sns-list ul li a:hover .img img {transform:scale(1.15);}
.allthekpop .realtime-sns-box .sns-list ul li a:hover .line span.t {width:100%;}
.allthekpop .realtime-sns-box .sns-list ul li a:hover .line span.r {height:100%;}
.allthekpop .realtime-sns-box .sns-list ul li a:hover .line span.m {width:100%;}
.allthekpop .realtime-sns-box .sns-list ul li a:hover .line span.l {height:100%;}

/* 스매시파크 */
.smasypark  #gnb nav a {color:#323232;}
.smasypark  #gnb nav a.active {color:#d82125;}
.smasypark  #gnb .bar {background:#d82125;}
.smasypark #contents {position:relative; width:auto; margin-top:41px; padding:0;}
.smasypark #contents .content {position:relative; margin-top:-560px; padding-bottom:80px; text-align:center;}
.smasypark #contents .top-visual {width:100%; height:560px; border-top:1px solid #dcdcdc; background:url('../images/contents/smasypark_bg01.jpg') no-repeat; background-size:cover, contain; background-position:center center;}
.smasypark #contents .top-visual02 {width:100%; height:560px; border-top:1px solid #dcdcdc; background:url('../images/contents/smasypark_bg02.jpg') no-repeat; background-size:cover, contain; background-position:center center;}
.smasypark #contents .top-visual03 {width:100%; height:560px; border-top:1px solid #dcdcdc; background:url('../images/contents/smasypark_bg03.jpg') no-repeat; background-size:cover, contain; background-position:center center;}
.smasypark #contents .bottom-visual {position:absolute; bottom:0; left:0; width:100%; height:560px; background:url('../images/contents/smasypark_bg01.jpg') no-repeat; background-size:cover, contain; background-position:center center;}
.smasypark #contents .vod {height:398px; overflow:hidden;}

.smasypark .content.red-bar:before {content:''; display:block; position:absolute; top:1875px; left:0; width:100%; height:300px; background:#d30e89;}
.smasypark .content .section-box {position:relative; width:1200px; margin:0 auto; padding-left:244px; text-align:left; box-sizing:border-box;}
.smasypark .content .h3-title01 {position:absolute; top:-8px; left:0; font-size:28px; font-weight:500; text-align:left;}
.smasypark .content .h3-title01 em {display:block; line-height:42px; color:#8c8c8c; font-size:20px; font-weight:500;}
.smasypark .content .h3-title01 strong {display:block; line-height:26px; color:#646464; font-size:16px;}
.smasypark .content.bac-img01 {background:url('../images/contents/section-box_bg01.png') no-repeat center 740px;}
.smasypark .content.bac-img02 {background:url('../images/contents/section-box_bg03.jpg') no-repeat center 430px;}
.section-box.white-txt .h3-title01 {line-height:36px; color:#fff;}
.section-box.white-txt .h3-title01 em {line-height:42px; color:#fff; opacity:0.6;}
.section-box.white-txt .txt03 {color:#fff;}
.section-box.white-txt .txt04 {color:#fff;}
.section-box.white-txt .txt-list li {position:relative; padding-left:14px; color:#fff; font-size:16px; opacity:0.6;}
.section-box.white-txt .txt-list li + li {margin-top:10px;}
.section-box.white-txt .txt-list li:before {content:''; display:block; position:absolute; top:11px; left:0; width:4px; height:4px; opacity:1; background:#fff; border-radius:4px;}
.section-box .txt01 {color:#1e477b; font-size:27px; font-weight:500;}
.section-box .txt01.type-small {font-size:24px;}
.section-box .txt02 {font-size:18px; font-weight:400;}
.section-box .txt03 {font-size:20px; font-weight:500;}
.section-box .txt04 {color:#646464; font-size:16px; font-weight:400;}
.section-box .txt05 {line-height:28px; color:#fff; font-size:16px; font-weight:400;}
.section-box .txt06 {color:#646464; font-size:16px;}
.section-box .txt07 {color:#299dcb; font-size:28px; font-weight:500;}
.section-box .img-list {margin:-20px 0 0 -20px; overflow:hidden;}
.section-box .img-list li {float:left; height:226px; margin:20px 0 0 20px;}
.section-box .img-list li p + p {width:224px; padding-top:10px; font-size:16px; font-weight:500; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.section-box .txt-list {overflow:hidden;}
.section-box .txt-list li {position:relative; padding-left:14px; color:#646464; font-size:16px;}
.section-box .txt-list li:before {content:''; display:block; position:absolute; top:11px; left:0; width:4px; height:4px; background:#d52124; border-radius:4px;}
.section-box .txt-list li strong {display:inline-block; line-height:22px; color:#8c8c8c; font-size:14px;}
.section-box .txt-list li + li {margin-top:5px;}
.section-box .txt-box-type .txt-list li + li {margin-top:50px;}
.section-box .img-l {margin-left:-244px;}
.section-box.bac-img02 {padding-top:85px; background:url('../images/contents/section-box_bg02.png') no-repeat 0 0;}
.section-box.bac-img03 {background:url('../images/contents/section-box_bg02.png') no-repeat 0 -740px;}
.section-box.bac-img04 {background:url('../images/contents/smasypark_img_0202.jpg') no-repeat 890px 100px;}
.section-box.bac-img02 .h3-title01 {top:90px;}
.section-box.line {border-top:1px solid #e6e6e6;}
.section-box.line:before {content:''; display:block; position:absolute; top:-1px; left:0; width:180px; height:1px; border-top:1px solid #000;}
.section-box.line02 {border-top:1px solid #e6e6e6;}
.section-box .txt-box-type02, .section-box .txt-box-type03, .section-box .txt-box-type04 {overflow:hidden;}
.section-box .txt-box-type02 img {float:left; margin-right:40px;}
.section-box .txt-box-type03 div {float:left; width:480px;}
.section-box .txt-box-type04 > div {float:left; width:50%;}

/* 글로벌에이브리원 */
.mbcevery1 #contents .top-visual {height:560px; border-top:1px solid #dcdcdc; background:url('../images/contents/mbcevery1_bg01.jpg') no-repeat; background-size:cover, contain; background-position:center center; text-align:center;}
.mbcevery1 #contents {position:relative; width:auto; margin-top:41px; padding:0;}
.mbcevery1 #contents .content {position:relative; padding-bottom:80px;text-align:center;}
.mbcevery1 #contents .earth-box {position:relative; padding:70px 0; overflow:hidden; background:#299dcb;}
.mbcevery1 #contents .earth-box .img01,
.mbcevery1 #contents .earth-box .img02 {position:absolute; top:0; left:50%; width:1200px; margin-left:-600px;}
.mbcevery1 #contents .earth-box .img01 img {position:absolute; top:19px; left:328px; width:100%; transition:all 0.6s ease;}
.mbcevery1 #contents .earth-box .img02 img {position:absolute; top:-297px; left:-333px; width:41%; transition:all 0.6s ease;}
.mbcevery1 .content .section-box {position:relative; width:1200px; margin:0 auto; padding-left:244px; text-align:left; box-sizing:border-box;}
.mbcevery1 .content .section-box .txt-box-type01 {position:relative;}
.mbcevery1 .content .section-box .txt-box-type01 .utils {position:absolute; top:0; right:0;}
.mbcevery1 .content .h3-title01 {position:absolute; top:-8px; left:0; font-size:28px; font-weight:500; text-align:left;}
.mbcevery1 .content .h3-title01 em {display:block; line-height:42px; font-size:20px; font-weight:500; opacity:0.6;}
.mbcevery1 .content .h3-title01 strong {display:block; line-height:26px; color:#646464; font-size:16px;}
.mbcevery1 .txt02 {color:#fff;}
.mbcevery1 .txt06 {color:#fff; opacity:0.7;}