/* 공통 */
.km_w{width:100%;margin:0 auto;background:#ddd;}
.km_bg1{
height: 980px;
background-image: url("/pages/kpop/img/main/km_bg1.png"),linear-gradient(178deg, #071242 0%, #181547 25%, #4C1B4A 55%, #190A1A 100%);
background-repeat: no-repeat,no-repeat;
background-position: center,center;
position: relative;
}


.km_box{width:1400px;margin:0 auto;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.w_100{width:100% !important;height:auto !important;margin-top: inherit !important;min-height: inherit !important;}

/* 타이틀 */
.km_tit{text-align:center;font-family: "Gmarket Sans";color:#fff;}
.km_tit h6{font-size: 49px;color:#53FF9D;text-transform: uppercase;letter-spacing: 0.8px;margin-bottom: 15px;}
.km_tit h5{font-size: 61px;}
.km_tit h5 p{font-size: 45px;display:block;margin-bottom: 13px;}
.km_tit .km_info{display: inline-block;margin-top: 31px;}
.km_tit .km_info dl{margin-bottom:12px; display:flex;}
.km_tit .km_info dl dt{font-size:25px;width:189px;height:65px;border:1px solid #fff;margin-right:34px;border-radius:100px;position: relative;display: table;}
.km_tit .km_info dl dt:before{content:"";display:block;width:100%;height:100%;background:#000;opacity:0.16;border-radius:100px;position: absolute;}
.km_tit .km_info dl dt span{z-index:1;position: relative;display: table-cell;vertical-align: middle;}
.km_tit .km_info dl dd{font-size:27px;margin-top: 16px;}
.km_tit2{text-align:center;color:#fff;font-size: 21px;font-weight: 600;margin-top: 44px;}
.km_tit2 span{background:url("/pages/kpop/img/main/uok_logo1.png") 10px center no-repeat;display: inline-block;/*padding-left: 133px;*/}
.km_tit2 a{color:#fff;}
.km_tit2 span a{padding-left: 133px;}

/* 컨텐츠박스 */
.km_bg2{width:100%;background: linear-gradient(180deg, #1A0A1B 0%, #4E2251 100%);padding-bottom: 40px;}
.km_box2{width:1400px;margin:0 auto;background: linear-gradient(90deg, #3a0f70 0%, #6837b2 50%, #3a0f70 100%);padding:100px;color:#fff;text-align:center;}
.km_box2 .mc_tit{font-family: "Gmarket Sans";text-align:center;margin-bottom: 45px;}
.km_box2 .mc_tit p{font-size: 60px;color:#FFDD00;}
.km_box2 .mc_tit h6{font-size:60px;}
.km_box2 .mc_tit2{font-family: "Gmarket Sans";font-size:36px;text-align:left;margin-bottom: 30px;}
.km_box2 .mc_tit3{width: 750px;margin: 0 auto;text-align: center;margin-bottom: 110px;padding: 0 50px;box-sizing: border-box;border-left: 8px solid #fff;border-right: 8px solid #fff;}
.km_box2 .mc_tit3 h6{font-size:42px;font-family: "Gmarket Sans";margin-bottom:25px;}
.km_box2 .mc_tit3 p{font-size: 18px;line-height: 30px;}

.km_box2 .mc_txt{font-family: "Gmarket Sans";font-size:42px;}
.km_box2 .mc_box{border:1px solid #fff;position:relative;padding: 60px 40px 40px;box-sizing: border-box;}
.km_box2 .mc_box.mc_left{
    width: 60%;
    margin-right: 20px;
}
.km_box2 .mc_box.mc_right{
    width: calc(40% - 20px);
}



.km_box2 .mc_box h6{background:#FFDD00;font-size:24px;color:#6E38C4;border-radius: 100px;font-family: "Gmarket Sans";display: inline-block;position: absolute;top: -1px;left: 50%;transform: translate(-50%,-50%);padding: 16px 73px;}
.km_box2 .mc_box .mc_step_w{
    width: 806px;
    margin: 0 auto;
    display: inline-block;
    margin-top: 60px;
}
.km_box2 .mc_box .mc_step_w .mc_step{width: calc(100% /2 - 29px);float: left;margin-right:58px;margin-bottom: 40px;}
.km_box2 .mc_box .mc_step_w .mc_step:nth-child(even){margin-right:0;}
.km_box2 .mc_box .mc_step_w .mc_step .img{background:#fff;width: 100%;height:255px;border-radius:20px;position: relative;}
.km_box2 .mc_box .mc_step_w .mc_step:nth-child(1) .img{background:#fff url("/pages/kpop/img/main/mc_step1_img1.png") center no-repeat;}
.km_box2 .mc_box .mc_step_w .mc_step:nth-child(2) .img{background:#fff url("/pages/kpop/img/main/mc_step1_img2.png") center no-repeat;}
.km_box2 .mc_box .mc_step_w .mc_step:nth-child(3) .img{background:#fff url("/pages/kpop/img/main/mc_step1_img3.png") center no-repeat;}
.km_box2 .mc_box .mc_step_w .mc_step:nth-child(4) .img{background:#fff url("/pages/kpop/img/main/mc_step1_img4.png") center no-repeat;}

.km_box2 .mc_box .mc_step_w .mc_step .img.give{background:#fff url("/pages/kpop/img/main/mc_step1_img5.png") center no-repeat !important;}
.km_box2 .mc_box .mc_step_w .mc_step .img span{
    background: #FFDD00;
    width: 38px;
    display: inline-block;
    height: 38px;
    border-radius: 100%;
    color: #6E38C4;
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    position: absolute;
    left: 13px;
    top: 12px;
}
.km_box2 .mc_box .mc_step_w .mc_step .img img{}
.km_box2 .mc_box .mc_step_w .mc_step .txt{}
.km_box2 .mc_box .mc_step_w .mc_step .txt strong{
    font-size: 23px;
    font-weight: 700;
    margin: 15px 0;
    display: inline-block;
    line-height: 28px;
}
.km_box2 .mc_box .mc_step_w .mc_step .txt p{
    font-size: 17px;
    line-height: 25px;
}
.km_box2 .mc_box .mc_step_w .mc_step .txt ul{width: 100%;display: inline-block;padding: 0 20px;margin: 10px 0 0;}
.km_box2 .mc_box .mc_step_w .mc_step .txt ul li{
    border-radius: 100px;
    border: 1px solid #ddd;
    width: calc(100% / 2 - 5px);
    margin-right: 10px;
    font-size: 16px;
    height: 36px;
    float: left;
    line-height: 33px;
    margin-bottom: 6px;
}
.km_box2 .mc_box .mc_step_w .mc_step .txt ul li:nth-child(even){margin-right:0;}

.km_box2 .mc_box2_w{
    display: flex;
    margin: 100px 0;
}








.km_box2 .mc_box .mc_step_w2{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    margin-top: 40px;
    text-align: center;
}
.km_box2 .mc_box .mc_step_w2 .mc_step2 {margin: 0 auto;text-align: center;display: inline-block;margin-top: 50px;}
.km_box2 .mc_box .mc_step_w2 .mc_step{width: 350px;float: left;margin-right: 34px;}
.km_box2 .mc_box .mc_step_w2 .mc_step:nth-child(3){margin-right:0;}
.km_box2 .mc_box .mc_step_w2 .mc_step .img{background:#fff;width: 100%;height:255px;border-radius:20px;position: relative;overflow: hidden;}
.km_box2 .mc_box .mc_step_w2 .mc_step .img span{
    background: #FFDD00;
    width: 38px;
    display: inline-block;
    height: 38px;
    border-radius: 100%;
    color: #6E38C4;
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    position: absolute;
    left: 13px;
    top: 12px;
}
.km_box2 .mc_box .mc_step_w2 .mc_step .img img{width:100%;}
.km_box2 .mc_box .mc_step_w2 .mc_step .txt strong{
    font-size: 23px;
    font-weight: 700;
    margin: 15px 0;
    display: inline-block;
    line-height: 28px;
}
.km_box2 .mc_box .mc_step_w2 .mc_step .txt p{
    font-size: 17px;
    line-height: 25px;
}
.km_box2 .mc_box .mc_step_w2 .mc_step .txt ul{width: 100%;display: inline-block;padding: 0 20px;margin: 10px 0 0;}
.km_box2 .mc_box .mc_step_w2 .mc_step .txt ul li{
    border-radius: 100px;
    border: 1px solid #ddd;
    width: calc(100% / 2 - 5px);
    margin-right: 10px;
    font-size: 16px;
    height: 36px;
    float: left;
    line-height: 33px;
    margin-bottom: 6px;
}
.km_box2 .mc_box .mc_step_w2 .mc_step .txt ul li:nth-child(even){margin-right:0;}

.km_box2 .mc_box2_w{
    display: flex;
    margin: 100px 0;
}



/* 테이블 */
.table_type1 table {width: 100%;height: auto;color: #fff;font-size: 19px;margin-bottom: 30px;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.table_type1 table thead th {background-color: #3c1b6c;}
.table_type1 table tbody th {background-color: #FBFBFB;border-bottom: 1px solid #ddd;}
.table_type1 table th{border: 1px solid #DDD;text-align: center;font-weight: 500;padding: 17px 17px;border-bottom: 0;}
.table_type1 table td {border: 1px solid #DDD;text-align: center;padding: 17px;}
.table_type1 table tbody td.left{text-align:left;}
.table_type1 table th:first-child,
.table_type1 table td:first-child {border-left: 0;}
.table_type1 table th:last-child,
.table_type1 table td:last-child {border-right: 0;}
.table_type1 table ul{text-align:left;}
.table_type1 table ul li{position:relative;padding-left: 12px;}
.table_type1 table ul li:before{width: 5px;height: 5px;position:absolute;top: 8px;content:'';left:0;background: #dedede;border-radius: 100px;}



/* 버튼 */
.km_btn{font-family:"Gmarket Sans"; width:784px; height:116px; line-height: 1; background: linear-gradient(90deg, rgba(249,224,0,1) 0%, rgba(255,83,70,1) 50%, rgba(240,30,255,1) 100%);  color:#fff;display: inline-block;line-height: 116px;font-size: 32px;font-weight: 600;}















@media screen and (max-width: 1500px) {
	.km_bg1{width:100%; padding:0 10%;height: auto;}
	.km_bg2{width:100%; padding:10%;background: linear-gradient(180deg, #3c1534 0%, #1A0A1B 40%, #1A0A1B 100%);}
	.km_box{width:100%; padding:10% 0; position: inherit;top: inherit;left: inherit;transform: inherit;	}
	.km_box2{width:100%; padding:10%;}
	.km_tit h6{font-size: 39px;}
	.km_tit h5{font-size: 47px;}
	.km_tit h5 p{font-size: 34px;}
	.km_tit .km_info{margin-top: 21px;}
	.km_tit .km_info dl{margin-bottom: 7px;}
	.km_tit .km_info dl dt{font-size: 22px;width: 161px;height: 53px;}
	.km_tit .km_info dl dd{font-size: 23px;margin-top: 13px;}
	.km_btn{width: 664px;height: 100px;line-height: 100px;font-size: 29px;}
	.km_box2 .mc_tit p{font-size: 40px;}
	.km_box2 .mc_tit h6{font-size: 40px;}
	.km_box2 .mc_tit2{font-size: 28px;}
	.km_box2 .mc_box h6{font-size: 23px;padding: 14px 43px;}
	.km_box2 .mc_box .mc_step_w{width: 100%;margin-top: 0;}
	.km_box2 .mc_box .mc_step_w .mc_step .txt strong{font-size: 21px;margin: 12px 0;}
	.km_box2 .mc_box .mc_step_w .mc_step .txt p{font-size: 15px;line-height: 22px;}
	.km_box2 .mc_box .mc_step_w .mc_step{margin-bottom: 20px;}
	.km_box2 .mc_box .mc_step_w .mc_step{width: calc(100% /2 - 20px);margin-right: 40px;}
	.km_box2 .mc_box .mc_step_w .mc_step .img img{width: 100%;}
	.km_box2 .mc_tit3{width: 100%;}
	.km_box2 .mc_box .mc_step_w2{margin-top:0;}
	.km_box2 .mc_box .mc_step_w2 .mc_step{width: calc(100% / 2 - 10px);margin-right: 20px;margin-bottom: 15px;}
	.km_box2 .mc_box .mc_step_w2 .mc_step:nth-child(even){margin-right:0;}
	.km_box2 .mc_box .mc_step_w2 .mc_step:nth-child(3){margin-right: 20px;}

	.km_box2 .mc_box .mc_step_w2 .mc_step2{display:block;}
	.km_box2 .mc_box .mc_step_w2 .mc_step2 .mc_step:first-child{margin-right:0;}
	.km_box2 .mc_box .mc_step_w2 .mc_step .img{height:auto;}
}


@media screen and (max-width: 1200px) {
	.km_tit h6{font-size: 32px;}
	.km_tit h5{font-size: 38px;}
	.km_tit h5 p{font-size: 29px;}
	.km_tit .km_info{margin-top: 19px;}
	.km_tit .km_info dl dt{font-size: 20px;width: 141px;height: 45px;}
	.km_tit .km_info dl dd{font-size: 20px;margin-top: 10px;}
	.km_btn{width: 574px;height: 90px;line-height: 90px;font-size: 26px;}
	.km_box2{padding: 7%;}
	.km_box2 .mc_tit{margin-bottom: 25px;}
	.km_box2 .mc_tit p{font-size: 33px;}
	.km_box2 .mc_tit h6{font-size: 33px;}
	.km_box2 .mc_tit2{font-size: 25px;margin-bottom: 40px;}
	.km_box2 .mc_box .mc_step_w .mc_step .txt ul{padding: 0;}
	.km_box2 .mc_box .mc_step_w .mc_step .txt ul li{width: calc(100% / 2 - 3px);margin-right: 5px;font-size: 14px;}
	.km_box2 .mc_box2_w{display:inline-block;margin: 70px 0;}
	.km_box2 .mc_box.mc_left{width:100%;margin-right:0;}
	.km_box2 .mc_box.mc_right{width:100%;margin-top:70px;}
	.km_box2 .mc_box .mc_step_w{margin-top:0 !important;}
	.km_box2 .mc_txt{font-size: 32px;}
	.km_box2 .mc_tit3{margin-bottom: 70px;}
	.km_box2 .mc_tit3 h6{font-size: 33px;margin-bottom: 20px;}
	.km_box2 .mc_tit3 p{font-size: 16px;line-height: 24px;}
}


@media screen and (max-width: 750px) {
	.km_box{padding: 20% 0;}
	.km_tit h6{font-size: 24px;}
	.km_tit h5{font-size: 24px;}
	.km_tit h5 p{font-size: 19px;}
	.km_tit .km_info dl dt{font-size: 15px;width: 92px;height: 35px;padding: 0;margin-right: 14px;}
	.km_tit .km_info dl dd{font-size: 16px;margin-top: 10px;text-align: left;}
	.km_btn{height: inherit;line-height: inherit;font-size: 19px;width: 100%;padding: 20px;}
	.km_box2 .mc_tit{margin-bottom: 15px;}
	.km_box2 .mc_tit p{font-size: 25px;}
	.km_box2 .mc_tit h6{font-size: 25px;}
	.km_box2 .mc_tit2{font-size: 18px;margin-bottom: 40px;}
	.km_box2 .mc_box h6{font-size: 17px;padding: 10px 35px;}
	.km_box2 .mc_box .mc_step_w .mc_step{width: 100%;margin-right: 0;}
	.table_type1 table{font-size: 16px;}
	.table_type1 table th, .table_type1 table td{padding: 10px;}
	.km_box2 .mc_tit3 h6{font-size: 25px;}
	.km_box2 .mc_tit3{margin-top: 20px;padding: 0 20px;}
	.km_box2 .mc_tit3 p{font-size: 14px;line-height: 22px;}
	.km_box2 .mc_box .mc_step_w2 .mc_step{width: 100%;margin-right: 0;}
	.km_box2 .mc_box .mc_step_w2 .mc_step .txt strong{font-size: 19px;margin: 10px 0;}
	.km_tit2{font-size: 15px;}
	.km_tit2 span{background-size: 70px;}
	.km_tit2 span a{padding-left: 83px;}

}

@media screen and (max-width: 450px) {
	.km_tit h6{font-size: 15px;margin-bottom: 9px;}
	.km_tit h5{font-size: 20px;}
	.km_tit h5 p{font-size: 14px;}
	.km_tit h5 span{display:block;}
	.km_tit .km_info dl{display: inline-block;width: 100%;}
	.km_tit .km_info dl dd{margin-left: 10px;}
	.km_tit .km_info dl{margin-bottom: 15px;}
	.km_btn{font-size: 17px;padding: 15px;}
	.km_box2 .mc_tit h6{font-size: 20px;}
	.km_box2 .mc_tit p{font-size: 20px;}
	.km_box2 .mc_tit2{font-size: 16px;margin-bottom: 35px;}
	.km_box2 .mc_box{border:1px solid #fff;position:relative;padding:26% 10% 5%;box-sizing: border-box;}
	.km_box2 .mc_box .mc_step_w .mc_step .txt strong{font-size: 17px;line-height: 24px;}
	.km_box2 .mc_box .mc_step_w .mc_step .img span{width: 28px;height: 28px;line-height: 28px;}
	.km_box2 .mc_box .mc_step_w .mc_step .img{background-size: 200px !important;}
	.km_box2 .mc_box .mc_step_w .mc_step .txt p{font-size: 13px;font-weight: 600; line-height: 20px;}
	.km_box2 .mc_box .mc_step_w .mc_step .txt ul li{width: 100%; margin-right: 0;}
	.km_box2 .mc_box h6{font-size: 17px;padding: 10px 35px;display: block;width: 100%;position: relative;}
	.km_box2 .mc_box2_w{margin: 10% 0;}
	.km_bg2{padding: 6% 6% 8%;}
	.km_box2 .mc_box.mc_right{margin-top:10%;}
	.km_box2 .mc_txt{font-size: 22px;margin-bottom: 40px;}
	.km_box2 .mc_tit3{border-left: 4px solid #fff;border-right: 4px solid #fff;}
	.km_box2 .mc_tit3 h6{font-size: 20px;margin-bottom: 10px;}
	.km_box2 .mc_tit3 p{line-height: 18px;}
	.km_box2 .mc_tit3{margin-bottom: 30px;}
	.km_box2 .mc_box .mc_step_w2 .mc_step .txt strong{font-size: 16px;}
	.km_tit2{font-size: 13px;margin-top: 24px;}
	.km_box2 .km_btn.mt_50{margin-top:20px !important;}
	.km_bg2 .km_box2.mt_80{margin-top: 40px !important;}
}

.km_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .km_btn { height: 64px; line-height: 64px; padding: 0;}
}

#application-splash-wrapper {overflow: auto;     position: relative;
    z-index: 1000;
    height: 100%;}

#asd { overflow: auto;     position: relative;
    z-index: 1000;
    /* height: calc(100% - 50px); */
    height: 100%;
  }


	#progress-bar-container {
    border-radius: 0 !important;
    margin: 0 !important;
    height: 116px !important;
    width: 100% !important;
    position: fixed !important;
    background-color: rgba(48, 48, 48, 0.5) !important;
    bottom: 0 !important;
	    z-index: 999;
}

#progress-bar {
      background: linear-gradient(91deg, #f9e001, #f01eff) !important;
    border-radius: 0 !important;
    position: relative !important;
    top: 0 !important;
	    z-index: 999;
		    opacity: 1;
}

#progress-text {
    color: white;
    position: fixed;
	bottom: 43px !important;
    text-align: center;
	    z-index: 9999;
		font-size: 25px !important;
    width: 100%;}
@media screen and (max-width: 1500px){
	#progress-bar-container {height: 100px !important;}
	#progress-text {
		bottom: 38px !important;
		font-size: 14px !important;
	}
}

@media screen and (max-width: 1200px){
	#progress-bar-container {height: 90px !important;}
	#progress-text {
		bottom: 35px !important;
		font-size: 14px !important;
	}
}


@media screen and (max-width: 750px){
	#progress-bar-container {height: 64px !important;}

	#progress-text {
		bottom: 23px !important;
		font-size: 14px !important;
	}

}


div, p, span, li, table td {
    word-break: break-all;
}


.km-wrap{width:100%;background: linear-gradient(90deg, #3a0f70 0%, #6837b2 50%, #3a0f70 100%);}
.km_box2{width:1400px;margin:0 auto;background: none;padding:100px;color:#fff;text-align:center;}
.km_box2 .mc_tit3{width: 100%;margin: 0 auto;text-align: center;margin-bottom: 80px;padding: 0;box-sizing: border-box;border:none;}
.km_box2 .mc_tit3 span{font-size: 33px;text-transform: uppercase;font-weight: bold;color: #53FF9D;}
.km-shape{position:relative;}
.km-shape:before{position:absolute;left: 2%;top: 2%;content:'';display:inline-block;width: 443px;height: 411px;background:url('/pages/kpop/img/main/km-shape1.png') center no-repeat;}
.km-shape:after{position:absolute;right: 2%;bottom: 2%;content:'';display:inline-block;width: 428px;height: 412px;background:url('/pages/kpop/img/main/km-shape2.png') center no-repeat;}


@media screen and (max-width: 1600px) {
	.km-shape:before{display:none;}
	.km-shape:after{display:none;}
}
@media screen and (max-width: 1400px) {
	.km_box2{width:100%;}
}
@media screen and (max-width: 690px) {
	.km_box2{padding: 40px;}
	.km_box2 .mc_tit3{margin-bottom: 50px;}
	.km_box2 .mc_tit3 span{font-size: 16px;}
}