@charset "utf-8";

html {overflow-y:scroll;}
html, body {position:relative; height:100%;}
body {position:relative; background:#ebebeb;}

button, input[type="button"], input[type="submit"], input[type="image"] {cursor:pointer; outline:none;}
input, textarea, button, a, select {outline:none;}

.menu_body {overflow:hidden;}
.wrap {position:relative; min-width:320px;}
.kr_sp {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/kr_sp.png) no-repeat;}
.rt_sp {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/rt_sp.png) no-repeat;}
.vt_sp {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/vt_sp.png) no-repeat;}
.mb_sp {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/mb_sp.png) no-repeat;}
.en_vt_sp {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/en_vt_sp.png) no-repeat;}

a.and_btn, a.ios_btn {display:block; width:128px; height:40px; background-size:348px 580px; text-indent:-9999px;}
a.and_btn {background-position:0 -60px;}
a.ios_btn {margin-left:10px; background-position:-138px -60px;}

a.and_btn2, a.ios_btn2 {display:block; width:192px; height:60px; text-indent:-9999px;}
a.and_btn2 {background-position:-308px -358px;}
a.ios_btn2 {margin-left:20px; background-position:-308px -425px;}

.btn_line {overflow:hidden; margin-top:16px;}
.btn_line .bl_l {float:left;}
.btn_line .bl_l a {display:inline-block; position:relative; height:32px; padding:0 35px 0 18px; border-radius:4px; line-height:33px; text-decoration:none; color:#cecaff;}
.btn_line .bl_l a span.kr_sp {display:block; position:absolute; top:11px; right:10px; width:6px; height:10px;}
.btn_line .bl_r {float:right;}
.btn_line .bl_r a {float:left;}

/* header */
header {position:fixed; top:0; left:0; right:0; z-index:999999; background-color:rgba(91, 68, 155, 1); -webkit-transition:background-color 1s; transition:background-color 1s;}
header.h_fade {background-color:rgba(91, 68, 155, 0.8);}
.mo_header {display:none;}

.h_inner {position:relative; width:1160px; height:60px; padding:0 10px; margin:0 auto;}
.h_inner h1 {float:left; padding-top:16px;}
.h_inner h1 a {display:block;}
.h_inner h1 a span.rt_sp {display:block; width:156px; height:26px; margin:0 auto; background-size:390px 650px; text-indent:-9999px;}

/* gnb */
ul.gnb {float:left; margin-left:32px;}
ul.gnb > li {position:relative; float:left;}
ul.gnb > li > a {display:block; padding:0 13px; font-size:14px; font-weight:bold; line-height:60px; color:#cecaff;}
ul.gnb > li.on > a {color:#fff;}
ul.gnb > li.g_new > a {position:relative;}
ul.gnb > li.g_new > a > span.kr_sp {display:block; position:absolute; top:10px; left:15px; width:31px; height:11px; background-position:-170px 0;}
ul.gnb > li.g_new2 > a {position:relative;}
ul.gnb > li.g_new2 > a > span.kr_sp {display:block; position:absolute; top:10px; left:15px; width:34px; height:11px; background-position:-195px -15px;}
ul.gnb > li > ul {display:none; position:absolute; top:60px; left:-30px; z-index:10; width:140px; padding:9px 0; background:rgba(91, 68, 155, 0.9); border-radius:0 0 10px 10px;}
ul.gnb > li > ul > li > a {display:block; padding:0 20px; line-height:26px; color:#fff;}
ul.gnb > li > ul > li > a:hover {font-weight:bold;}
.gm_sub {display:none;}

.m_menu {display:none;}

.hr_util {position:absolute;top:0;right:10px;}
.hr_util > div {float:left;}
.hr_util .hu_1 {margin-top:10px;}
.hr_util .hu_1 a {display:block; float:left; text-indent:-9999px;}
.hr_util .hu_2 {position:relative; margin:16px 0 0 10px;}
.hr_util .hu_2 select {position:relative; width:102px; height:28px; padding:0 8px; background:#5b449b; border:1px solid #8d7cb9; border-radius:5px; font-size:14px; color:#fff;}
.hr_util .hu_2 select option {background:#fff; color:#000;}

/* container */
#container {padding-top:60px;}

/* visual */
.visual .v_bg {position:relative; overflow:hidden; width:1160px; height:200px; padding:0 10px; margin:0 auto;}
.visual .v_bg .vi_text {width:265px; height:76px; margin:39px 0 0 24px; background-position:0 -212px; text-indent:-9999px;}
.visual .v_bg .vi_text_en {float:left; width:265px; height:76px; margin:39px 0 0 24px; background-position:0 -212px; text-indent:-9999px;}
.visual_1 {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/t_bg.png) no-repeat center;}
.visual_1 .v_bg .vi_text_en {width:295px; height:80px; margin:111px 0 0 20px; background-position:0 0;}
.visual_2 {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/t_bg_02.png) no-repeat center;}
.visual_2 .v_bg .vi_text {width:372px; height:63px; background-position:0 0;}
.visual_2 .v_bg .vi_text_en {width:356px; height:61px; background-position:0 -92px;}
.visual_3 {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/t_bg_03.png) no-repeat center;}
.visual_3 .v_bg .vi_text {width:351px; height:62px; background-position:0 -83px;}
.visual_3 .v_bg .vi_text_en {width:334px; height:62px; background-position:0 -174px;}
.visual_4 {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/t_bg_04.png) no-repeat center;}
.visual_4 .v_bg .vi_text {width:302px; height:62px; background-position:0 -171px;}
.visual_4 .v_bg .vi_text_en {width:396px; height:64px; background-position:0 -260px;}
.visual_5 {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/t_bg_05.png) no-repeat center;}
.visual_5 .v_bg .vi_text {width:315px; height:62px; background-position:0 -255px;}
.visual_5 .v_bg .vi_text_en {width:492px; height:65px; background-position:0 -345px;}
.visual_6 {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/t_bg_06.png) no-repeat center;}
.visual_6 .v_bg .vi_text {width:334px; height:62px; background-position:0 -343px;}
.visual_6 .v_bg .vi_text_en {width:493px; height:64px; background-position:0 -432px;}
.visual_7 {background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/t_bg_07.png) no-repeat center;}
.visual_7 .v_bg {text-indent:-9999px;}
.visual .v_bg .mv_btn {text-align:center; margin-top:120px; font-size:0; line-height:0;}
.visual .v_bg .mv_btn a {display:inline-block; width:190px; height:60px; margin:0 10px; text-indent:-9999px;}
.visual .v_bg .mv_btn a.mb_btn1:hover {background-position:0 -70px;}
.visual .v_bg .mv_btn a.mb_btn2 {background-position:-200px 0;}
.visual .v_bg .mv_btn a.mb_btn2:hover {background-position:-200px -70px;}
.visual .v_bg .mv_btn a.mb_btn3 {background-position:0 -140px;}
.visual .v_bg .mv_btn a.mb_btn3:hover {background-position:0 -210px;}
.visual .v_bg .mv_btn a.mb_btn4 {background-position:-200px -140px;}
.visual .v_bg .mv_btn a.mb_btn4:hover {background-position:-200px -210px;}
.visual .v_bg .vi_btn {position:absolute; bottom:20px; left:34px; overflow:hidden;}
.visual .v_bg .vi_btn a {display:block; float:left; text-indent:-9999px;}
.visual .v_bg .vi_btn a.vi_btn1 {width:220px; height:60px; background-position:0 -79px;}
.visual .v_bg .vi_btn a.vi_btn1:hover {background-position:0 -149px;}
.visual .v_bg .vi_btn a.vi_btn2 {width:220px; height:60px; background-position:-230px -79px;}
.visual .v_bg .vi_btn a.vi_btn2:hover {background-position:-230px -149px;}
.visual .v_bg .vi_btn a.vi_btn3 {width:220px; height:60px; background-position:0 -290px;}
.visual .v_bg .vi_btn a.vi_btn3:hover {background-position:0 -360px;}
.visual .v_bg .vi_btn a.vi_btn4 {width:220px; height:60px; margin-left:20px; background-position:-280px -291px;}
.visual .v_bg .vi_btn a.and_btn2{width:192px; height:60px; background-position:-308px -358px;}
.visual .v_bg .vi_btn a.ios_btn2{width:192px; height:60px; margin-left:20px; background-position:-308px -425px;}

.visual .m_bg {display:none;}

.t_banner {width:970px; margin:20px auto 0;}
.c_inner {width:1160px; margin:20px auto 0;}
.c_inner:after {display:block; content:''; clear:both;}
.l_banner {float:left;}

.m_cen {float:left; width:658px; margin:0 20px 20px 22px;}
.m_cen .k_player, .m_cen .m_contents {position:relative; margin-bottom:20px;}
.m_cen h3 {font-family:Arial; font-size:32px; line-height:38px; font-weight:bold;}

.m_contents h3 {position:absolute; top:40px; left:40px; font-size:32px;}
.m_contents .tr_os {position:absolute; top:42px; right:0; text-align:center; width:200px; background:rgba(0, 0, 0, 0.3); font-size:14px; font-weight:bold; line-height:36px; color:#fff;}
.m_con > dl {margin-bottom:16px;}
.m_con > dl > dt {font-size:23px; font-weight:bold; line-height:32px;}
.m_con > dl > dd {margin-top:4px; font-size:16px; line-height:21px;}
.m_con ul > li {line-height:20px;}
.m_con ul > li > ul {margin-left:23px;}

.mc_1 h3 {color:#fff;}
.mc_1 .m_con {padding:0 40px 40px 40px; background:#242424; color:#ccc;}
.mc_1 .m_con dl {color:#fff;}
.mc_1 .btn_line .bl_l a {background:rgba(36, 28, 62, 0.3);border:1px solid #8d7db9;}
.mc_1 .btn_line .bl_l a:hover {background:rgba(36, 28, 62, 0.6);border:1px solid #bdb5d7;}
.mc_1 .btn_line .bl_l a span.kr_sp {background-position:-208px 0;}

.mc_2 h3 {color:#fff;}
.mc_2 .m_con {padding:0 40px 40px 40px; background:#363636;}
.mc_2 .m_con dl {color:#fff;}
.mc_2 .m_con ul li {color:#ccc;}
.mc_2 .btn_line .bl_l a {background:rgba(0, 0, 0, 0.3); border:1px solid #737373; color:#cecaff;}
.mc_2 .btn_line .bl_l a:hover {background:rgba(0, 0, 0, 0.6); border:1px solid #afafaf;}
.mc_2 .btn_line .bl_l a span.kr_sp {background-position:-208px 0;}

.mc_3 h3 {color:#000;}
.mc_3 .m_con {padding:0 40px 40px 40px; background:#fff;}
.mc_3 .m_con dl dt {color:#000;}
.mc_3 .btn_line .bl_l a {background:rgba(206, 202, 255, 0.3); border:1px solid #cdc7e1; color:#5b449b;}
.mc_3 .btn_line .bl_l a:hover {background:rgba(206, 202, 255, 0.6); border:1px solid #9d8fc3;}
.mc_3 .btn_line .bl_l a span.kr_sp {background-position:-219px 0;}

.mc_4 h3 {color:#000;}
.mc_4 .m_con {padding:0 40px 40px 40px; background:#c5e1e5;}
.mc_4 .m_con dl dt {color:#000;}
.mc_4 .btn_line .bl_l a {background:rgba(206, 202, 255, 0.3); border:1px solid #a5b2cf; color:#5b449b;}
.mc_4 .btn_line .bl_l a:hover {background:rgba(206, 202, 255, 0.6); border:1px solid #8583b9;}
.mc_4 .btn_line .bl_l a span.kr_sp {background-position:-219px 0;}

.mc_5 h3 {color:#000;}
.mc_5 .m_con {padding:0 40px 40px 40px; background:#fff;}
.mc_5 .m_con dl dt {color:#000;}
.mc_5 .btn_line .bl_l a {background:rgba(206, 202, 255, 0.3); border:1px solid #cdc7e1; color:#5b449b;}
.mc_5 .btn_line .bl_l a:hover {background:rgba(206, 202, 255, 0.6); border:1px solid #9d8fc3;}
.mc_5 .btn_line .bl_l a span.kr_sp {background-position:-219px 0;}

/* partners */
.partners {padding:0 30px 25px 30px; background:#fff;}
.partners h3 {padding:40px 0 0 10px; font-family:Arial; font-size:32px; font-weight:bold; color:#000;}
.partners table {width:100%; margin-top:5px;}
.partners table col.pt_w1 {width:25%;}
.partners table col.pt_w2 {width:25%;}
.partners table col.pt_w3 {width:25%;}
.partners table col.pt_w4 {width:25%;}
.partners table td img {width:100%;}

.r_banner {float:left;}

/* sub */
.ssb_2 a {display:block; position:relative; width:248px; line-height:32px; background:#f0efff; border: 1px solid rgba(91, 69, 155, 0.2); border-radius:2px; color:#5b449b;}
.ssb_2 a:hover {background:#e2dfff; border:1px solid rgba(91, 69, 155, 0.4);}
.ssb_2 a span.s2_t {padding-left:20px;}
.ssb_2 a span.kr_sp {display:block; position:absolute; top:11px; right:10px; width:6px; height:10px; background-position:-219px 0;}

.sub {overflow:hidden; padding:0 40px 80px 40px; background:#fff;}
.sub h3 {margin:35px 0 20px 0; color:#5b449b;}
.sub .pc_img {text-align:center;}
.sub p.s1_text {margin:16px 0 40px 0; line-height:20px;}
.sub .s1_btn {padding-left:27px;}
.sub .s1_btn .ssb_1 {overflow:hidden; margin-bottom:20px;}
.sub .s1_btn .ssb_1 a {float:left; text-indent:-9999px;}
.sub .s1_btn .ssb_1 a.sb_1 {display:block; width:250px; height:60px; background-size:300px 500px; background-position:0 -92px;}
.sub .s1_btn .ssb_1 a.sb_1:hover {background-position:0 -157px;}
.sub .s1_btn .ssb_1 a.sb_2 {display:block; width:255px; height:60px; margin-left:20px; background-position:0 -431px;}
.sub .s1_btn .ssb_1_2 a.rt_sp {display:block; background-position:0 -222px;}
.sub .s1_btn .ssb_1_2 a.rt_sp:hover {background-position:0 -287px;}
.sub .s1_btn .ssb_1_3 a.rt_sp {display:block; background-position:0 -352px;}
.sub .s1_btn .ssb_1_3 a.rt_sp:hover {background-position:0 -417px;}
.sub .s2_btn_pc {text-align:center; font-size:0; line-height:0;}
.sub .s2_btn_pc a {display:inline-block;}
.sub .s2_btn {display:none; text-align:center;}
.sub .s2_btn a {display:inline-block;}
.sub .s1_twrap h4 {margin:54px 0 20px 0; font-size:20px; color:#5b449b;}
.sub .s1_twrap dl {line-height:20px;}
.sub .s1_twrap dl dt {margin-top:20px; font-weight:bold; color:#464646;}
.sub .s1_twrap > p {margin-bottom:20px; line-height:20px;}
.sub .s1_twrap > ul > li {line-height:20px;}

/* provi */
.provi_wrap{padding:0 0 20px 0;width:970px;position:relative;margin:0 auto;}
.provi_wrap section{position:relative;border:9px solid #5b449b;background-color:#fff;}

/* access_terms */
.l_tab1{height:51px;}
.l_tab1 .btn_tab1{float:left;width:50%;}
.l_tab1 .btn_tab2{float:right;width:50%;}
.l_tab1 a{display:block;height:50px;border-bottom:1px solid #7d6ab0;text-decoration:none;}
.l_tab1 a span{display:block;height:50px;border-left:1px solid #5B459A;border-right:1px solid #5B459A;font-size:16px;font-weight:bold;line-height:50px;color:#B2ABCC;text-align:center;font-family:Arial;background:#eae6f7;}
.l_tab1 .btn_tab1 span{border-left:1px solid #eae6f7;}
.l_tab1 .btn_tab2 span{border-right:1px solid #eae6f7;}
.l_tab1 .active{border-bottom:1px solid #DDDAEB; background:#fff;}
.l_tab1 .btn_tab1 .active span{height:50px;border-left:1px solid #fff;border-right:1px solid #fff;background:#fff;color:#3c2088;}
.l_tab1 .btn_tab2 .active span{height:50px;border-left:1px solid #fff;border-right:1px solid #fff;background:#fff;color:#3c2088;}
.provi_wrap .provi_page{padding:22px 20px 0;}
.provi_wrap .provi_page dt{margin-bottom:3px;font-size:14px;line-height:22px;color:#333333;font-family: dotum,"돋움",Arial, sans-serif;font-weight:bold;}
.provi_wrap .provi_page dd{margin-bottom:20px;font-size:12px;font-weight:normal;line-height:20px;color:#333333;font-family: dotum,"돋움",Arial, sans-serif;color:#656565;}
.provi_wrap .provi_page dd ul{padding-left:19px;}
.provi_wrap .provi_page dd ul li{color:#656565;}

/* connect */
.cn_con {overflow:hidden; padding:0 40px 80px 40px; margin-bottom:20px; background:#fff;}
.cn_con h3 {margin:35px 0 20px 0; color:#5b449b;}
.cn_con > p {line-height:18px;}
.cn_close {position:relative; overflow:hidden; padding:12px 10px; background:#ffd700; border-radius:4px;}
.cn_close span.kr_sp {display:block; position:absolute; top:13px; left:10px; width:14px; height:14px; background-position:-170px -18px;}
.cn_close p {margin-left:23px; line-height:16px; color:#000;}
.cn_img1 {text-align:center;}
.cn_img1 img {max-width:100%;}
.cn_img2 {float:left; margin-right:20px;}
.cn_guide1 {float:left;}
.cn_guide1 ol li {line-height:22px; color:#000;}
.cn_guide_btn {margin-top:20px;}
.cn_guide_btn > div {margin-bottom:10px;}
.cn_guide_btn > div > a {display:block; position:relative; width:248px; line-height:32px; background:#f0efff; border:1px solid #cdc7e1; border-radius:2px; color:#5b449b;}

ul.cnm_list li {float:left; margin:0 20px 20px 0;}
ul.cnm_list li p {height:36px; margin-top:5px; line-height:18px; letter-spacing:-0.5px; color:#000;}

/* footer */
footer {background:#fff;}
.f_inner {width:1160px; padding:30px 20px 63px 20px; margin:0 auto;}
.f_link {overflow:hidden;}
.f_link dl {float:left; min-height:185px; margin-right:200px;}
.f_link dl:last-child {margin-right:0;}
.f_link dl dt {margin-bottom:15px; font-size:20px; font-weight:bold; color:#464646;}
.f_link dl dd {margin-bottom:10px;}
.f_link dl dd a {color:#636363;}
.f_link dl dd a:hover {color:#000;}
.f_copy {margin-top:20px;}
.f_copy .f_logo {margin-bottom:18px;}
.f_copy .f_logo span.rt_sp {display:block; width:156px; height:26px; background-size:390px 650px; background-position:0 -34px; text-indent:-9999px;}
.f_copy p {line-height:20px; color:#636363;}
.f_copy p span.f_c1 {color:#ed145b;}

/* @media */
@media only screen and (max-width:1200px) {
	/* header */
	.h_inner {width:auto;}

	.c_inner {width:840px;}

	/* visual */
	.visual .v_bg {width:auto;}
	.r_banner {display:none;}
	.m_cen {margin:0 0 20px 22px;}

	/* access_terms */
	.provi_wrap {width:auto;}

	/* footer */
	.f_inner {width:auto;}
}

@media only screen and (max-width:1120px) {
	/* header */
	.hr_util .hu_1 {display:none;}
}

@media only screen and (max-width:990px) {
	.t_banner {display:none;}
}

@media only screen and (max-width:920px) {
	.visual .v_bg .mv_btn {display:none;}
}

@media only screen and (max-width:860px) {
	body {background:none;}

	/* header */
	header {position:static;}
	.h_inner {height:auto; padding:0;}
	.h_inner h1 {float:none; text-align:center; padding-top:0;}
	.h_inner h1 a {display:block; width:120px; padding:15px 0 14px 0; margin-left:10px;}
	.h_inner h1 a span.rt_sp {width:120px; height:21px; background-size:300px 500px;}
	.hr_util .hu_2 {margin:12px 0 0 10px;}
	.hr_util .hu_2:after {display:block; content:''; position:absolute; top:11px; right:8px; width:6px; height:4px; background:url(http://imgcdn.pandora.tv/publishing/kmp_rt/images/rt_sp.png) no-repeat; background-size:300px 500px; background-position:-152px 0;}
	.hr_util .hu_2 select {width:80px; height:25px; font-size:12px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

	/* gnb */
	.gnb_inner {overflow-y:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; height:50px; background-color:rgba(206, 202, 255, 1); -ms-overflow-style: none; overflow: -moz-hidden-unscrollable; -webkit-transition:background-color 1s; transition:background-color 1s;}
	.gnb_inner::-webkit-scrollbar {display:none;}
	.gnb_inner.fixed {position:fixed; top:0; left:0; z-index:999999999; width:100%; background-color:rgba(206, 202, 255, 0.8);}
	ul.gnb {float:none; width:2000px; height:0; margin-left:0;}
	ul.gnb > li > a {padding:8px 13px 0 13px; border-bottom:3px solid #cecaff; line-height:39px; color:#5b449b;}
	ul.gnb > li.on > a {border-bottom:3px solid #5b449b; color:#5b449b;}
	ul.gnb > li.g_new > a > span.kr_sp, ul.gnb > li.g_new2 > a > span.kr_sp {display:none;}
	ul.gnb > li > ul {top:50px; background:rgba(255, 255, 255, 0.7); border-radius:0;}
	ul.gnb > li:first-child > ul {left:0;}
	ul.gnb > li:last-child > ul {left:auto; right:0;}
	ul.gnb > li > ul > li > a {color:#5b449b;}
	.gm_btn > ul {display:none;}
	.gm_sub.on{display:block;}
	.gm_sub ul {position:absolute; top:100px; right:0; z-index:10; width:140px; padding:9px 0; background:rgba(255, 255, 255, 0.7);}
	.gm_sub ul li a {display:block; padding:0 20px; font-weight:bold; line-height:26px; color:#5b449b;}
	.gm_sub.fixed ul{position:fixed; top:50px;}

	/* m_menu */
	.m_menu {display:block; position:absolute; top:8px; left:0;}
	.m_menu .menu_bg {opacity:0; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background:rgba(0,0,0,0.6); content:''; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); -webkit-transition:opacity 0.4s, -webkit-transform 0s 0.4s;transition:opacity 0.4s, transform 0s 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1); transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
	.m_menu.on .menu_bg {opacity:1; -webkit-transition:opacity 0.4s; transition:opacity 0.4s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
	.m_menu a.m_btn {display:block; width:21px; height:16px; padding:10px;}
	.m_menu a.m_btn span.rt_sp {display:block; width:21px; height:16px; background-size:300px 500px; background-position:-126px 0;}
	.m_menu > ul.m_list {position:fixed; top:0; bottom:0; left:-270px; z-index:99999; width:270px; padding-top:15px; background:#5b449b; -webkit-transition:left 0.4s, -webkit-transform 0.4s; transition:left 0.4s;}
	.m_menu > ul.m_list > li > a {display:block; padding:0 0 0 50px; font-size:16px; line-height:50px; color:#fff;}
	.m_menu > ul.m_list > li > ul > li > a {display:block; padding-left:75px; font-size:15px; line-height:30px; color:#ccc;}
	.m_menu.on ul.m_list {left:0;}

	/* container */
	#container {padding-top:0;}

	/* visual */
	.visual {background:none;}
	.visual .v_bg {display:none;}
	.visual .v_bg .vi_btn {display:none;}
	.visual .m_bg {display:block; position:relative;}
	.visual .m_bg > img {width:100%;}
	.visual .m_bg .m_btn {position:absolute; bottom:7px; left:0; right:0; text-align:center; font-size:0; line-height:0;}
	.visual .m_bg .m_btn a {display:inline-block;}

	.c_inner {width:auto; margin:0 auto;}
	.l_banner {display:none;}
	.m_contents h3 {top:18px; left:20px; font-size:24px; line-height:28px;}
	.m_cen {float:none; width:658px; margin:0 auto;}
	.m_cen .k_player, .m_cen .m_contents {margin-bottom:0;}
	.m_con > dl > dt {font-size:20px; line-height:28px;}
	.m_con > dl > dd {font-size:14px; line-height:18px;}
	.m_con ul > li {font-size:12px; line-height:16px;}
	.k_player {display:none;}

	.sub .s1_btn {width:250px; padding-left:0; margin:0 auto;}

	/* sub */
	.sub {padding:0 40px 40px 40px;}
	.sub .s1_btn .ssb_1 a.sb_2 {display:none;}
	.sub p.s1_text, .sub .s1_twrap {font-size:14px; line-height:22px;}
	.sub .s1_twrap h4 {margin:38px 0 15px 0; font-size:16px; line-height:24px;}
	.sub .s1_twrap dl dt {margin-top:15px;}

	/* partners */
	.partners {padding:0 20px 25px 20px;}
	.partners h3 {padding:23px 0 0 0; font-size:24px; line-height:28px;}

	/* access_terms */
	.provi_wrap section {border:none;}
	.provi_wrap .provi_page {padding:20px 20px 0 20px;}
	.provi_wrap .provi_page dd {font-size:14px;}
	.l_tab1 a span {background:none; border:none; color:#959595;}
	.l_tab1 a {border-bottom:2px solid #eae6f7;}
	.l_tab1 .active {border-bottom:2px solid #5b449b;}
	.l_tab1 .btn_tab1 .active span {color:#5b449b;}

	/* footer */
	footer {margin:0 20px; border-top:1px solid #d7d7d7;}
	.f_inner {width:618px; padding:30px 0 35px 0;}
	.f_link dl {margin-right:80px;}
	.f_link dl dt {font-size:16px;}
	.f_link dl dd {font-size:14px;}
	.f_copy .f_logo span.rt_sp {width:120px; height:21px; background-size:300px 500px; background-position:0 -26px;}
	.f_copy p.fc_2, .f_copy p.fc_3{display:none;}

	/* advertisement */
	#__MEZZO_WRAP__, #__DAWIN_WRAP__{display:none;}
}

@media only screen and (max-width:680px) {
	a.and_btn, a.ios_btn {width:110px; height:35px; background-size:300px 500px;}
	a.and_btn {background-position:0 -52px;}
	a.ios_btn {background-position:-119px -52px;}

	.btn_line .bl_l {float:none;}
	.btn_line .bl_r {float:none; margin-top:20px;}

	.m_cen {width:auto; margin:0;}
	.m_contents > img {max-width:100%;}
	.m_contents .tr_os {top:19px; width:110px; font-size:11px; line-height:24px;}
	
	/* sub */
	.sub h3, .cn_con h3 {font-size:24px; line-height:24px;}
	.sub .pc_img img {max-width:100%;}
	.sub .s2_btn_pc {display:none;}
	.sub .s2_btn {display:block;}
	
	.mc_1 .m_con {padding:10px 20px 20px 20px;}
	.mc_2 .m_con {padding:0 20px 20px 20px;}
	.mc_3 .m_con {padding:0 20px 20px 20px;}
	.mc_4 .m_con {padding:0 20px 20px 20px;}
	.mc_5 .m_con {padding:0 20px 20px 20px;}

	.cn_con_m {display:none;}

	/* footer */
	.f_inner {width:auto;}
	.f_link dl {width:160px; margin-right:0; margin-bottom:20px;}

}

@media only screen and (max-width:480px) {
	/* sub */
	.sub {padding:0 20px 40px 20px;}
}

@media only screen and (max-width:360px) {
	/* footer */
	.f_link dl {width:140px;}
}