@charset "utf-8";

/* FONTS */
@font-face {font-family:"GothamNarrow-Medium";src:url(font/GothamNarrow-Medium.woff) format("woff"),url(font/GothamNarrow-Medium.ttf) format("truetype"),url(font/GothamNarrow-Medium.eot) format("eot");font-weight:normal;font-style:normal }
@font-face {font-family:"GothamNarrow-Thin";src:url(font/GothamNarrow-Thin.woff) format("woff"),url(font/GothamNarrow-Thin.ttf) format("truetype"),url(font/GothamNarrow-Thin.eot) format("eot");font-weight:normal;font-style:normal }
@font-face {font-family:"GothamNarrow-Light";src:url(font/GothamNarrow-Light.woff) format("woff"),url(font/GothamNarrow-Light.ttf) format("truetype"),url(font/GothamNarrow-Light.eot) format("eot");font-weight:normal;font-style:normal }
@font-face {font-family:"GothamNarrow-Book";src:url(font/GothamNarrow-Book.woff) format("woff"),url(font/GothamNarrow-Book.ttf) format("truetype"),url(font/GothamNarrow-Book.eot) format("eot");font-weight:normal;font-style:normal }
@font-face {font-family:"SamsungIF_Rg";src:url(font/SamsungIF_Rg.woff) format("woff"),url(font/SamsungIF_Rg.ttf) format("truetype"),url(font/SamsungIF_Rg.eot) format("eot");font-weight:normal;font-style:normal }
@font-face {font-family:"SamsungIF_Blk";src:url(font/SamsungIF_Blk.woff) format("woff"),url(font/SamsungIF_Blk.ttf) format("truetype"),url(font/SamsungIF_Blk.eot) format("eot");font-weight:normal;font-style:normal }


html.ltr body.cookiewarning .global_header div[role=status].cookie_notice{display:none;}
html.ltr .audio_uk .footer-navi, html.ltr .audio_uk .footer{display:none;}
.audio_uk{background: #040707}
.audio_uk .body_wrapper{min-width: 320px; height:auto; background: #040707}
.audio_uk .body_wrapper .scrollwrapper{width:100%; height:100%;}
.audio_uk #content{position:relative; width:100%; height:100%; max-width:640px; margin:0 auto; background: url(../img/con_bg.jpg) repeat; overflow: hidden;}
.audio_uk img{display:inline-block; width:100%;}

.hide {display:none;}

/* logo */
#au_logo{z-index:3; position:absolute; top:25px; right:4.5%; width:35%; visibility: hidden;}

/* gnb */
.btn_menu_open{z-index:3; display:block; position:absolute; top:20px; left:4.5%; width:11.5%; visibility: hidden;}
.btn_menu_open a{display:block;}

/* //20150519 추가 */
.spacelayer{display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
/* 20150519 추가// */
.ad_gnb{z-index:3; display:none; position: absolute; top:0; left:-999px; width:50%; padding:5.7% 6% 5.7% 6%; background:#0c0c0c; font-size:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.ad_gnb .ad_menu li{margin-bottom:9%;}
.ad_gnb .ad_menu li:last-child{margin-bottom: 0}
.ad_gnb .ad_menu li > a{display: block; font-size:100%;}
.ad_gnb .ad_menu li > a >em{display:block; margin-bottom:10px; color:#cbcbcb ; font-size:1.25em; overflow: hidden; font-family:GothamNarrow-Book; text-transform: uppercase; line-height:1; word-break: break-all;}

.ad_gnb .gnb_line_up{float:left; width:100%; margin-top:13.5%;}
.ad_gnb .gnb_line_up > p{margin-bottom:7px; color:#6c6c6c; font-size:1.25em; font-family:GothamNarrow-Medium;}
.ad_gnb .gnb_line_up ul li{float:left; width:50%; text-align: center;}
.ad_gnb .gnb_line_up ul li a{max-width:78px; padding:4%; text-align: center; font-size:100%;}
.ad_gnb .gnb_line_up ul li a > p{margin-top:7px; color:#868686; font-size:1.4em; font-family: SamsungIF_Rg; font-weight:700}

.ad_gnb .gnb_vod{clear:both; position: relative; padding:13% 0 16% 0;}
/* //20150519 수정 */
.ad_gnb .gnb_vod .icon_play{z-index:1; display: block; position:absolute; top:50%; left:50% !important; padding: 7% 4%; margin:-7.5% 0 0 -1.5%; background: url(../img/btn_play_gnb.png) no-repeat; background-size:100% auto; font-size:0;}
/* 20150519 수정// */

.ad_gnb .share_area{position:relative; text-align: right; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.ad_gnb .share_area .btn_share{display:inline-block; width:15%;}
.ad_gnb .share_area .btn_share img{max-width:30px}
.ad_gnb .share_area .btn_share em{display:block; color:#cbcbcc; font-size:1em; font-family:GothamNarrow-Book;}

.ad_gnb .share_area .sns_box {visibility: hidden; position:absolute; top:4%; right:20%; display: table; width:73%; max-width:152px; background: #767676; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.ad_gnb .share_area .sns_box:after{content: ""; display: block; position:absolute; top:34%; right:-8%; padding:8% 4%; background: url(../img/icon_arrow_share.png) no-repeat; background-size:100% auto;}
.ad_gnb .share_area .sns_box li{display:table-cell; }
.ad_gnb .share_area .sns_box li a{display: block; padding:21% 0; background: url(../img/share_line.jpg) no-repeat right center; text-align: center;}
.ad_gnb .share_area .sns_box li a img{width:50%; max-width:29px;}
.ad_gnb .share_area .sns_box li:last-child a{background: none}

.ad_gnb .share_area .btn_support{display:inline-block; text-align:center; margin:0 8px 0 0;}
.ad_gnb .share_area .btn_support img{max-width:26px}
.ad_gnb .share_area .btn_support em{display:block; color:#cbcbcc; font-size:1em; font-family:GothamNarrow-Book;}
.support_box{visibility:hidden; position:absolute; top:0; left:0; padding:6% 4%; text-align:left; background:#f1f1f1; font-family:GothamNarrow-Book; z-index:100;}
.support_box .tit{position:relative; font-size:1.25em; font-weight:bold; border-bottom:2px solid #b3b3b3; padding:0 0 3% 0; margin:0 0 3% 0;}
.support_box .howto_vod .tit{font-size:1.25em; font-weight:bold; margin:0 0 2% 0; border:none; padding:0;}
.support_box .howto_vod{margin:0 0 2% 0; }
.support_box .manual_box{overflow:hidden;}
.support_box .manual_box:after{content:''; clear:both; display:block;}
.support_box .manual_box .tit{font-size:1.25em; font-weight:bold; margin:0 0 1% 0; border:none;}
.support_box .manual_box img{float:left; max-width:36px; margin-right:15px;}
.support_box .manual_box .umdown{float:left; font-size:1.125em; color:#0057a4; width:81%;}
.support_box .manual_box .umdown dt{font-size:1em; color:#0057a4;}
.support_box .manual_box .umdown dt a{background:url('../img/ico_usermanual_down.png') no-repeat right 4px; padding:0 24px 0 0; color:#0057a4;}
.support_box .manual_box .umdown dd{font-size:1em; color:#0057a4;}
.support_box .support_close{position:absolute; display:inline-block; top:6%; right:4%; width:6%; text-align:right;}
.support_box .support_close img{max-width:48px;}
#lay_mask {position:absolute; background:#000; opacity:.50; filter:alpha(opacity=50); z-index:99; top:0;}


.ad_gnb .btn_menu_close{position: absolute; top:1%; right:6%; width:6%; min-width: 15px; padding: 5px;}
.ad_gnb .btn_menu_close a{display:block}

@media (max-width: 320px){
	.ad_gnb {font-size:50%}
}
@media (min-width: 321px) and (max-width: 480px){
	.ad_gnb {font-size:70%}
}

/********** INTRO **********/
.intro_wrap{z-index:2; display:none; position: absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0;}
.intro_wrap .i_obj{z-index:1; position: absolute; bottom:0; width:100%; text-align: center;}
.intro_wrap .i_obj > span{display:inline-block; width:100%;}

.intro_wrap .intro{z-index:0; position:relative; width:100%; height:100%; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background: url(../img/intro_bg.jpg) no-repeat 50% 0; background-size:auto 100%;  
		 -webkit-transition: all 0ms ease-out; transition: all 0ms ease-out;}
.intro_wrap .intro .text_box{position:absolute; top:20.6%; left:0; width: 100%; text-align: center; color:#fff; font-size:100%;}
.intro_wrap .intro .text_box .t1{margin-bottom:5px; font-size:2em; font-family:GothamNarrow-Medium;}
.intro_wrap .intro .text_box .t2{margin-bottom:0; font-size:4.750em; font-family:GothamNarrow-Medium; line-height: 120%;}
.intro_wrap .intro .text_box .t3{font-size:1em; font-family:GothamNarrow-Light;}
.intro_wrap .intro .text_box .tb{display:block; width:51%; height:1px; margin: 4% auto 6%; background:#fff; }

.intro_wrap .copyright{width:100%; background: #000; text-align: center;}
.intro_wrap .copyright > span{display:inline-block; width:66%;}
.intro_wrap .copyright > span img{vertical-align: top;}

@media (max-width: 320px){
	.intro_wrap .i_obj > span{width:81%;}
}
@media (max-width: 480px){
	.intro_wrap .intro .text_box{font-size:50%;}
	.intro_wrap .intro .text_box .tb{width:163px; margin: 1% auto 2%;}
}

@media (min-width: 481px) and (max-width: 530px){
	.intro_wrap .intro .text_box{font-size:70%;}
}

@media (max-width:760px) and (orientation : landscape) {
	.btn_menu_open{width:41px;}
	#au_logo{width:126px;}
	.intro_wrap .i_obj >span{width:30%}
	.intro_wrap .intro{background-size:100% auto;}
	.intro_wrap .intro .text_box{top:18%; font-size: 34%;}
	.intro_wrap .intro .text_box .tb{width:136px; margin: 1% auto 2%;}
	.intro_wrap .copyright img{width:64%; margin-top:3px;}
}

@media (min-width:761px) and (orientation : landscape) {
	.btn_menu_open{width:41px;}
	#au_logo{width:126px;}
	.intro_wrap .i_obj >span{width:55%}
	.intro_wrap .intro .text_box{top:18%; font-size: 50%;}
	.intro_wrap .intro .text_box .tb{width:200px; margin: 1% auto 2%;}
	.intro_wrap .copyright img{width:64%; margin-top:3px;}
}


/********** CONTENTS **********/
#ad_wrap {z-index:0; position:relative; width:100%; background: #040707; overflow:hidden}
#ad_wrap .a_innder { width:100%; position:absolute; top:0; left:0; overflow:hidden; overflow: visible;}
#ad_wrap .ad_page { z-index:0; float:left; width:100%; overflow: hidden;}
#ad_wrap .active{z-index:1;}

.paging_area{z-index:2; position: absolute; top:0; left:0; width:100% !important; text-align: center; visibility: hidden;}/*margin-top:730px;*/
.paging_area > a{display:inline-block; margin:0 5px; width:14px; height:14px; border-radius:8px; background: #37305e; vertical-align: top; font-size: 0px; line-height: 0; text-indent: -9999px; border:1px solid #f2f2f3;}
.paging_area > a.on{background: #1c50a2; border:1px solid #f2f2f3;}



/*
@media (max-width: 320px) {
	.paging_area{margin-top:392px;}
}

@media (min-width:321px) and (max-width: 480px) {
	.paging_area{margin-top:405px;}
}


@media (max-width: 480px) {
	.paging_area{margin-top:665px;}
}

@media (max-width: 640px) {
	.paging_area{margin-top:730px;}
}

@media (min-width: 521px){
	.paging_area{top:-4% !important;}
}*



/* common contents */
.ad_page{background: url(../img/con_bg.jpg) repeat}
.ad_page.active{display:block !important}
.ad_page .top_visual{z-index:0; position:relative}
.ad_page .vimg{z-index:0; display:block; position: relative;}
.ad_page .text_box{z-index:1; position:absolute; top:21%; left:4.5%; font-size:60%; color:#fff; text-transform: uppercase;}
.ad_page .text_box .t1{margin-bottom:5px; font-size:1.125em; font-family:GothamNarrow-Medium;}
.ad_page .text_box .t2{font-size:3.750em; font-family:GothamNarrow-Thin; line-height: 120%;}
.ad_page .equalizer{display:block; position:relative; bottom:0; left:0; width:100%; margin-top:10%;}

.ad_page .con{padding:134px 0 70px 0; font-size:70%;}
.ad_page .con p{padding:0 4.5%;}
.ad_page .ti{margin-bottom:18px; color:#b0b0b0; font-size:1.9em; font-family: SamsungIF_Rg; font-weight:bold;}
.ad_page .ti2{color:#fff; font-size:1.875em; font-family:GothamNarrow-Thin; letter-spacing: 4px;}
.ad_page .te{display:table; margin-bottom:18px}
.ad_page .te em{display:table-cell; padding-left:12px; vertical-align: middle; color:#b0b0b0; font-size:1.750em; font-family:GothamNarrow-Medium}
.ad_page .te img{display:table-cell; width:auto; height:28px;}
.ad_page .ts{margin-bottom: 10px; color:#939393; font-size:1.5em; font-family: SamsungIF_Rg;}
.ad_page .ct{color:#939393; font-size:1.5em; font-family: SamsungIF_Rg; line-height: 1.2}
.ad_page .ct.rm{margin-bottom:0; margin-top:17px; font-weight: 700; letter-spacing: 1px;}
.ad_page .ct2{margin:0; margin-top:15px; color:#8a8989; font-size:1.3em; font-family: SamsungIF_Rg; line-height: 1.2}
.ad_page .ct2 em{display: block; text-indent:8px}
.ad_page .ct2 span{display:block; text-indent: 16px;}
.ad_page .ct2 .ind{text-indent: 25px}

.ad_page .conCT{text-align: center}
.ad_page .conCT .vimg{margin-top:80px; padding:0 12%;}

.mt10{margin-top:10px !important;}

/* vod */
/* //20150519 수정 */
.ad_page .vod{margin:4.5% 0; text-align: center; overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
/* 20150519 수정// */
.ad_page .vod .vodImg{display:inline-block; position: relative; padding: 0; cursor: pointer;}
.ad_page .vod .vodImg span{display:block;}
.ad_page .vod .vodImg .play{position:absolute; top:50%; left:50%; padding: 8.3%; margin: -10% 0 0 -7%; background: url(../img/btn_vod_play.png) no-repeat; background-size: 100% auto; font-size:0; line-height:0; text-indent: -999999px}
.ad_page .vod iframe, .ad_page .vod .obJ{display:none; width:100%; height:324px; border:0;}

.ad_page .gallery{padding:0 4.5%;}
.ad_page .gallery .vimg{margin-bottom: 30px;}
.ad_page .gallery .vimg:last-child{margin-bottom:0}

.ad_page.sound_ex .con{background: url(../img/conTopbg.png) no-repeat center 0; background-size: 100% auto;}
.ad_page.unique .con{background: url(../img/conTopbg2.png) no-repeat 0 0;}

.pL{padding-left:4.5%;}
.pR{padding-right:4.5%;}
.pC{padding:0 4.5%;}


/* main */
.audio_uk #content.mainbg{background:#040707}
.audio_uk #content.mainbg .a_footer{background: none}

.ad_page.main .text_box{top:45%; left:0; width: 100%; text-align: center; text-transform: none;}
.ad_page.main .text_box .t1{font-size:1.5em; margin-left: -3%; font-size:2em;}
.ad_page.main .text_box .t2{font-size:2.5em; margin-bottom:5%;}
.ad_page.main .text_swipe{display: inline-block; width:21.4%; background:url(../img/icon_swipe_mark.png) no-repeat 0 2px; background-size:100%;}
.ad_page.main .text_swipe span{border-radius:20px; font-size:0.9em; color:#000; background:#fff; padding:3% 5%; font-weight:bold;}

@media (max-width: 320px){
	.ad_page .con{font-size:50%;}
	.ad_page .text_box{font-size:50%;}
}

@media (min-width: 500px){
	.ad_page .con{font-size:100%;}
	.ad_page .text_box{font-size:100%;}
	.ad_page.main .text_box .t1{margin-left:-4%;}
}

@media (min-width: 640px) and (orientation : landscape) {
	.ad_page .text_box{font-size:100%;}
	.ad_page.main .text_box .t1{margin-left:-3%;}
}


/* footer */
.a_footer{ position: relative; background: url(../img/footer_bg.png) no-repeat bottom; visibility: hidden;}
.a_footer .line_up{float:left; width:42%; margin-left: 4.5%;}
.a_footer .line_up li{float:left; width:50%; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.a_footer .line_up li a{margin:4%; text-align: center}
.a_footer .line_up li a p{margin-top:10px; font-size:.8em; color:#868686; font-family:SamsungIFRg; font-weight:600}
.a_footer .copyright{clear:both;width:100%; padding:40px 0 20px 0; text-align: center;}
.a_footer .copyright > span{display:inline-block; width:66%}

.a_footer .goTop{display:none; z-index:0; position:absolute; top:10%; right:4.5%; cursor: pointer}

@media (min-width: 640px) and (orientation : landscape) {
	.a_footer .line_up li a p{font-size:1em}
}




/*
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
.col_Grid:after{content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; *zoom: 1; }


@media (max-width: 22.5em) {
@media (min-width: 48em) 
@media (min-width: 64em){
@media (min-width: 80.063em)

확장
@media (min-width: 22.563em)
@media (min-width: 30em)
@media (min-width: 40em)
@media (min-width: 50em)
@media (min-width: 80em)
*/