@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:280px;} .kr_sp {background:url(https://img.kmplayer.com/kmp_rt/images/kr_sp.png) no-repeat;} .rt_sp {background:url(https://img.kmplayer.com/kmp_rt/images/rt_sp.png) no-repeat;} .vt_sp {background:url(https://img.kmplayer.com/kmp_rt/images/vt_sp2.png) no-repeat;} .mb_sp {background:url(https://img.kmplayer.com/kmp_rt/images/mb_sp_small.png) no-repeat;} .en_vt_sp {background:url(https://img.kmplayer.com/kmp_rt/images/en_vt_sp2.png) no-repeat;} a.and_btn, a.ios_btn, a.kmpapk_btn_s {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, a.kmpapk_btn {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;} a.kmpapk_btn {margin-left:20px; background-position:-308px -496px;} a.kmpapk_btn_s {margin-left:10px; background-position:-372px -568px;} .android-btn{ display:none; } .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;} ul.gnb > li.tap-kmp {display:block;} .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:13px 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;} /*support */ .hr_util .supporter {position: relative;width:150px;height:28px;border : 1px solid #8d7cb9;border-radius: 5px;text-align:center;vertical-align: middle;line-height: 25px;cursor: pointer;box-sizing: border-box;margin : 13px 3px 0 10px;} .hr_util .support_scroll{background-color :#483972;} .hr_util .support-i{display:block;position:absolute;top:7px;left:16px;width:15px;height:15px;background-position : -170px -40px;background-image : url(https://img.kmplayer.com/kmp_rt/images/kr_sp_2.png) ;} .hr_util .donate-donate {display:none;} .hr_util .donate-coffee {display:block;position:absolute;top:0;left:39px;} .hr_util .supporter a {font-size : 13px;font-weight: bold;color : #fff;margin-left: 10px;} .hr_util .supporter:hover , .supporter:hover > a, .supporter a:hover{background-color:#c7c2f9;color : #5b449b;font-weight: bold;} @media only screen and (max-width:910px) { .hr_util .supporter {position: relative;margin :12px 3px 0 10px;width:105px;height:25px;box-sizing: border-box;vertical-align: middle;line-height: 23px;} .hr_util .supporter a{font-size : 12px;} .hr_util .support-i {top:5px;} .hr_util .donate-donate {display:block;position:absolute;top:0;left:39px;} .hr_util .donate-coffee {display:none;position:absolute;top:0;left:39px;} } /* layer popup */ .pop-layer .pop-container { margin:0; text-align:center; } .pop-layer p.ctxt { color: #666; line-height: 25px; } .pop-layer .btn-r { width: 100%; margin: 0; text-align: right;} .pop-layer { display: none; position: absolute; top:410px; left: 50%; width: auto; height: auto; background-color: #fff; z-index: 10; margin-top:-325px !important;} .dim-layer { display: none; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);z-index: 9; } .dim-layer .pop-layer { display: block;} a.btn-layerClose { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #304a8a; background-color: #3f5a9d; font-size: 13px; color: #fff; line-height: 25px;} a.btn-layerClose:hover { border: 1px solid #091940; background-color: #1f326a; color: #fff;} .pop-conts img.map, .pop-conts map area{ outline: none;} .popupAds {background-color:#fff;height:165px;display:none;text-align:center;padding:10px 0px} /*#support-kmp-m{ display:none; }*/ #support-kmpg {display:block;} #support-kmp-m {max-width:380px;height:auto; display:none;} #support-kmp-m > a:last-child > img{ padding-bottom: 20px; } #support-kmp-m > a > img {margin:8px 0;} .support-close {position:absolute;right:0;margin:15px;cursor: pointer;} .support-m-img{ max-width: 380px; } @media only screen and (max-width:380px) { #support-kmp-m {max-width:280px; } #support-kmp-m > a:last-child > img{ padding-bottom: 10px; } .support-m-img { width:280px; } #support-kmp-m > a > img{ max-width:180px; } .pop-layer{ margin-left:-145px; } } /*.popupAds > ins:last-child {padding-left:10px;}*/ @media only screen and (max-width:910px) { ul.gnb > li.tap-kmp {display:none;} /*	.pop-layer .pop-container, .dim-layer .dimBg , .dim-layer .pop-layer, .dim-layer {display:none;} #coupang_ad {display:none;}*/ } /* 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(https://img.kmplayer.com/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(https://img.kmplayer.com/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(https://img.kmplayer.com/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(https://img.kmplayer.com/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(https://img.kmplayer.com/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(https://img.kmplayer.com/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(https://img.kmplayer.com/kmp_rt/images/t_bg_07.png) no-repeat center;} .visual_7 .v_bg {text-indent:-9999px;} .visual_8 {background:url(https://img.kmplayer.com/kmp_rt/images/KMP_background_1.jpg) no-repeat center;} .visual_8 .v_bg .vi_text {width:391px; height:62px; background-position:0 -430px;} .visual_8 .v_bg .vi_text_en {width:493px; height:64px; background-position:0 -513px;} .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:156px; height:60px; margin:0 10px; text-indent:-9999px;} .visual .v_bg .mv_btn a.mb_btn1:hover {background-position:0 -66px;} .visual .v_bg .mv_btn a.mb_btn2 {background-position:-234px 0;} .visual .v_bg .mv_btn a.mb_btn2:hover {background-position:-234px -66px;} .visual .v_bg .mv_btn a.mb_btn3 {background-position:0 -132px;} .visual .v_bg .mv_btn a.mb_btn3:hover {background-position:0 -200px;} .visual .v_bg .mv_btn a.mb_btn4 {background-position:-234px -132px;} .visual .v_bg .mv_btn a.mb_btn4:hover {background-position:-234px -200px;} .visual .v_bg .mv_btn a.mb_btn5 {background-position:0 -267px;} .visual .v_bg .mv_btn a.mb_btn5:hover {background-position:0 -334px;} .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:250px; 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, .visual .mo_bg {display:none;} .t_banner {width:980px; 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_contents .tr_os_kmp {position:absolute; top:42px; right:0; text-align:center; width:162px; height:36px; background:#3f51b5; font-size:14px; font-weight:bold; line-height:36px; color:#fff;} .m_contents .tr_kmplex {position:absolute; top:42px; right:0; text-align:center; width:200px; background:#0b7ee6; 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;} .m_con > .home-btn-align {display:inline-block;width:100%} .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;} .mc_6 h3 {color:#000;} .mc_6 .m_con {padding:0 40px 40px 40px; background:#194dbe;} .mc_6 .m_con dl dt {color:#fff;} .mc_6 .m_con dd {color:#fff;} .mc_6 .m_con li {color:#fff;} .mc_6 .btn_line .bl_l a {background:#0c3181; border:1px solid #3c6fdc; color:#fff;} .mc_6 .btn_line .bl_l a:hover {opacity:0.5;} .mc_6 .btn_line .bl_l a span.kr_sp {background-position: -174px -61px} /* vip card*/ .home-vipcard .tr_os { width:150px; } .home-vipcard .m_con { background-color: #000; } @media only screen and (max-width: 680px) { .home-vipcard .btn_line .bl_r a{ float:right;margin-top:-54px; } .home-kmplexcard .btn_line .bl_r a{ float:right;margin-top:-54px; } } .player-vip { padding:0px !important; } .player-vip .mobile-vipcard{ padding:30px 0 30px 40px; background-image: url('https://img.kmplayer.com/kmp_rt/images/mobile_vip.jpg'); background-repeat: no-repeat; background-position: right; background-color:#1f1f1f; } .player-vip .mobile-vipcard h4{ color:#cbb560 !important; margin:0px !important; } .player-vip .mobile-vipcard > dl>dt,.mobile-vipcard > dl>dd{ color:#fff !important; margin-right:171px; } .mobile-vipcard .kr_sp { display:block; position:relative; top:9px; left:0px; width:34px; height:11px; background-position:-195px -15px; float:left; margin-right:12px; } /* 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;} .infeed-middle{padding:10px 0 20px 0;} .infeed-bottom{padding-top:10px;} .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:205px; 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:910px) { 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(https://img.kmplayer.com/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:700px; 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 .mo_bg { display:block; width : 100%; height : 0; padding-top : calc(400 / 750 * 100%); } .visual .m_home_kr{background : url('https://img.kmplayer.com/kmp_rt/images/mo_bg.png') center center / cover no-repeat;} .visual .m_pc64_kr{background : url('https://img.kmplayer.com/kmp_rt/images/mo_bg_03.png') center center / cover no-repeat;} .visual .m_pc_kr{background : url('https://img.kmplayer.com/kmp_rt/images/mo_bg_02.png') center center / cover no-repeat;} .visual .m_mac_kr{background : url('https://img.kmplayer.com/kmp_rt/images/mo_bg_04.png') center center / cover no-repeat;} .visual .m_kmp_kr{background : url('https://img.kmplayer.com/kmp_rt/images/KMP_background_mobile_kr.jpg') center center / cover no-repeat;} .visual .m_mobile_kr{background : url('https://img.kmplayer.com/kmp_rt/images/mo_bg_05.png') center center / cover no-repeat;} .visual .m_home_en{background : url('https://img.kmplayer.com/kmp_rt/images/mo_en_bg.png') center center / cover no-repeat;} .visual .m_pc64_en{background : url('https://img.kmplayer.com/kmp_rt/images/mo_en_bg_03.png') center center / cover no-repeat;} .visual .m_pc_en{background : url('https://img.kmplayer.com/kmp_rt/images/mo_en_bg_02.png') center center / cover no-repeat;} .visual .m_mac_en{background : url('https://img.kmplayer.com/kmp_rt/images/mo_en_bg_04.png') center center / cover no-repeat;} .visual .m_kmp_en{background : url('https://img.kmplayer.com/kmp_rt/images/KMP_background_mobile.jpg') center center / cover no-repeat;} .visual .m_mobile_en{background : url('https://img.kmplayer.com/kmp_rt/images/mo_en_bg_05.png') center center / cover no-repeat;} .visual .m_bg,.visual .mo_bg {display:block; position:relative;} .visual .m_bg > img,.visual .mo_bg > img {width:100%;} .visual .m_bg .m_btn,.visual .mo_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,.visual .mo_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;} a.kmpapk_btn_s {width:110px; height:35px; background-size:430px 672px} a.kmpapk_btn_s {background-position:-316px -433px} .android-btn{display:block;} .btn_line .bl_l {float:none;} .btn_line .bl_r {float:none; margin-top:20px;} .btn_line .kmpapk_r {float:none; margin-top:0px;} .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;} .m_contents .tr_kmplex {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;} .mc_6 .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;} }