@charset "utf-8";

.prm .lang,.prm .onair_wrap, .header .logo, .prm .header .gnb_wrap > .gnb > ul > li:first-child, .prm .mobile_menu .gnb > ul > li:first-child {display: none;}
.prm .header .head {padding-top: 30px;}
.prm .header .gnb_wrap {float: none; width: 50%; display: block; margin: 0 auto;}
.prm .header .gnb_wrap > .gnb {width: 100%; margin: 0;}
.prm .header .gnb_wrap > .gnb > ul > li {width: 33.33%;}

/*sub.css 기본 세팅 s*/
/* table.basic {background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; border-right:1px solid #ddd;  border-left: 1px solid #ddd; table-layout: fixed;font-family: 'Noto Sans KR', sans-serif; font-weight: 300; min-width: 1024px;}
table.basic th, table.basic td {border-top: 1px solid #ddd; border-right: 1px solid #ddd; width: 30%; padding: 10px 10px; text-align: center; font-weight: 300; vertical-align: middle; word-break: break-all; white-space: normal;}
table.basic td:last-child {width: 30%;}
table.basic td:last-child {border-right: none;}
table.basic img {width: 100%;}
table.basic thead th {background-color: #ececec;}
table.basic tbody th {background-color: #f6f6f6;}
table.basic tbody th.th {background-color: #ececec;}
table.basic tbody td.th {background-color: #f6f6f6;} */
table.basic {background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; border-right:1px solid #ddd;  border-left: 1px solid #ddd; table-layout: fixed;font-family: 'Noto Sans KR', sans-serif; font-weight: 300; min-width: 1024px;}
table.basic th, table.basic td {border-top: 1px solid #ddd; border-right: 1px solid #ddd; /* width: 30%; */ padding: 10px 10px; text-align: center; font-weight: 300; vertical-align: middle; word-break: break-all; white-space: normal;}
/* table.basic td:last-child {width: 30%;} */

table.basic th[scope="row"] {width: 25%;}

table.basic td:last-child {border-right: none;}
table.basic img {width: 100%;}
table.basic thead th {background-color: #ececec;}
table.basic tbody th {background-color: #f6f6f6;}
table.basic tbody th.th {background-color: #ececec;}
table.basic tbody td.th {background-color: #f6f6f6;}

/*sub.css 기본 세팅 e*/


.prm {min-width: 1200px;position: relative;padding-bottom: 48%;height: 0; max-width: 100vw;}
.prm .contents {background: url("https://kcmie2021.com/resources/img/premium/premium_bg.jpg") center/cover no-repeat;/* min-height: 100vh; */width: 100%;min-width: 1200px;overflow-x: hidden;height: 0;box-sizing: border-box;padding-bottom: 48%;position: relative;}
.prm .vis_wrap {position: absolute; width: 100%; height: 100%;}
.prm .main_ti {width: 39.70%;height: 0;text-indent: -99999px;background: url("https://kcmie2021.com/resources/img/premium/prm_ti.png") center/contain no-repeat;position: absolute;top: 28%;left: 50%;transform: translate(-50%, -50%);padding-bottom: 13.8%;}
.prm .inner1720 {}
.prm .main_slick_wrap {padding-top: calc(35% - 200px);}
.prm .main_slick {}

.prm .main_slick .slick-arrow {width: 50px; height: 50px; border-radius: 100%; background: #002b7d; transition: all .2s ease-in-out;}
.prm .main_slick .slick-arrow:hover {opacity: .5;}
.prm .main_slick .slick-arrow::before {content: ""; opacity: 1; background: url("https://kcmie2021.com/resources/img/premium/prm_arw.png") 0 0 no-repeat;width: 11px;height: 16px;position: absolute;top: 50%;left: 36%;transform: translateY(-50%);}
.prm .main_slick .slick-next::before {background-position: top 0 right 0;left: auto;right: 36%;}
.prm .main_slick .slick-list {padding: 0 !important; margin: 0 50px;}
.prm .main_slick .slick-list .slick-track {padding: 20px 0;}
.prm .main_slick .sw {box-sizing: border-box;margin: 0 11px;height: 395px;/* display: flex; *//* flex-direction: column; *//* justify-content: flex-end; */position: relative;}
.prm .main_slick .sw.slick-center {/* height: auto; *//* min-height: 364px; */z-index: 1;}
.prm .main_slick .sw.slick-center .img {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 120%;height: 100%;}
.prm .main_slick .sw .img {/* transform: scale(.8); *//* display: flex; *//* flex-direction: column; *//* justify-content: flex-end; */position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 77%;}
.prm .main_slick .sw .img > img {width: 92%;display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.prm .main_slick .slick-prev {left: 0;}
.prm .main_slick .slick-next {right: 0;}

.prm .main_slick .slick-slide {opacity:0; transition: opacity .5s ease-in;}
.prm .main_slick .slick-active {opacity:1!important; transition: opacity .5s ease-out;}
/*sub s*/
/*
.prm_sub {max-width: 100vw;}
.prm_sub .h_inner {width: 1920px;}
*/
.prm_sub .inner1720 {position: absolute; left: 50%; transform: translateX(-50%);height: 100%;}
.prm_sub .cw {width: 100%;height: 0;position: absolute;top: 10%;transform: translateX(-50%);left: 50%;/* box-sizing: border-box; */overflow: hidden;/* height: 690px; */padding-bottom: 36vw;}
.prm_sub .cw .cont {width: 100%;height: 100%;display: block; text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.prm_sub .cw .cont .img {text-align: center;height: 100%;width: auto;display: inline-block;position: relative;-moz-perspective: 800px;perspective: 800px;}
.prm_sub .cw .cont .img > img {height: 100%;}
.prm_sub .cw .cont .img > img.bg1 {position: absolute;left: 50%;transform: translateX(-50%); top: 0; z-index: -1;}
.prm_sub .cw .cont .img > img.bg2 {opacity: 0; display: inline-block;}
.prm_sub .cw .cont .img > img.cover {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.prm_sub .cw .cont .img .bt {position: absolute;text-indent: -99999px; overflow: hidden; z-index: 2;opacity: 0;}
.prm_sub .cw .cont .img .bt.under {z-index: 0;opacity: 1;background: none;}
.prm_sub .cw .cont .img .info_bt {opacity: 1;}
.prm_sub .cw .cont .img .info_bt::before {content: "";position: absolute;width: 22.22%;height: 63.855%;right: 5%; top: 19%;background: url("https://kcmie2021.com/resources/img/premium/click.png") center/contain no-repeat; animation: bounce 1s infinite ease-in-out; -webkit-animation: bounce 1s infinite ease-in-out; -ms-animation: bounce 1s infinite ease-in-out; -moz-animation: bounce 1s infinite ease-in-out; -o-animation: bounce 1s infinite ease-in-out;}
@keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-webkit-keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-ms-keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-moz-keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-o-keyframes bounce{
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
.prm_sub .cw .cont .img .bt iframe {width: 100%; position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);}
.prm_sub .cw .cont .img .bt2 iframe {width: 100%; height: 100%;}
.prm_sub .cw .cont .img .mag > img {height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.prm_sub .cw .cont .img .bt1 {width: 21.8%;height: 15.7%;top: 44.35%;left: 39%;}
.prm_sub .cw .cont .img .bt2 {width: 15.4%;height: 10.9%;top: 74.5%;left: 5%;transform: rotate3d(2, 28, 2, 19deg);}
.prm_sub .cw .cont .img .bt3 {top: 66.7%;left: 24.3%;height: 14.6%;width: 14%;}
.prm_sub .cw .cont .img .bt4 {top: 62.3%;left: 41.88%;height: 15.4%;width: 15.5%;}
.prm_sub .cw .cont .img .bt5 {top: 66.7%;left: 60.9%;height: 14.6%;width: 14.3%;}
.prm_sub .cw .cont .img .bt6 {top: 83%;left: 75.2%;height: 12.4%;width: 16.7%;}
.prm_sub .cw .cont .img .bt6 {top: 83%;left: 75.2%;height: 12.4%;width: 16.7%;}
.prm_sub .cw .cont .img .bt7 {top: 85%;left: 34.6%;height: 11.4%;width: 28.9%;}

/*prm_sub2*/

/*prm_sub3*/
.prm_sub3 .cw .cont .img .bt1 {width: 21.8%;height: 16%;top: 31.8%;left: 38.8%;}
.prm_sub3 .cw .cont .img .bt2 {top: 60.7%;left: 24.3%;height: 17.6%;width: 14%;}
.prm_sub3 .cw .cont .img .bt3 {top: 55.6%;left: 41.88%;height: 18%;width: 15.5%;}
.prm_sub3 .cw .cont .img .bt4 {left: 61%;top: 60.7%;height: 17.6%;width: 14.2%;}
.prm_sub3 .cw .cont .img .bt5 {width: 28.4%;height: 12%;top: 82.5%;left: 35%;}
.prm_sub3 .cw .cont .img .bt6 {width: 8%;height: 30%;top: 63%;left: 9%;}

/*prm_sub4*/
.prm_sub4 .cw .cont .img .bt1 {width: 21.8%;height: 16%;top: 37.8%;left: 38.8%;}
.prm_sub4 .cw .cont .img .bt2 {top: 62.9%;left: 24.4%;height: 16%;width: 14%;}
.prm_sub4 .cw .cont .img .bt3 {top: 58.2%;left: 41.88%;height: 17.2%;width: 15.6%;}
.prm_sub4 .cw .cont .img .bt4 {left: 59.8%;top: 62.9%;height: 15.7%;width: 15.6%;transform: rotate3d(-9, 24, 0, -40deg);}
.prm_sub4 .cw .cont .img .bt5 {width: 28.4%;height: 12%;top: 82.5%;left: 35%;}


/*
.prm_sub .cw .cont .img .bt1 {width: 21.4%;height: 16%;top: 35.35%;left: 39.3%;}
.prm_sub .cw .cont .img .bt2 {width: 16.7%;height: 15.8%;top: 63.7%;left: 59%;transform: rotate3d(-6, 23, 2, -40deg);}
.prm_sub .cw .cont .img .bt3 {top: 60.3%;left: 42.2%; height: 16%;width: 15.5%;}
.prm_sub .cw .cont .img .bt4 {top: 63.9%;left: 24.9%;height: 15.4%;width: 14%;transform: rotate3d(2, 2, 0,30deg);}
.prm_sub .cw .cont .img .bt5 {width: 21%;height: 10%; top: 83%;left: 56%;transform: rotate3D(0,-1,0.1,-16deg);}
.prm_sub .cw .cont .img .bt iframe {width: 100%; position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);}
.prm_sub .cw .cont .img .bt2 iframe {width: 100%; height: 100%;}
.prm_sub .cw .cont .img .bt.front {opacity: 0;}
.prm_sub .cw .cont .img .mag > img {height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
*/

.prm_sub .btn_wrap {position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%);}
.prm_sub .btn_wrap .pre_btn {margin: 0;text-align: center;box-sizing: border-box;padding: 10px 20px 10px 50px;color: #0a4d94;border: 4px solid #0a4d94;border-radius: 100px;font-weight: 600;box-shadow: -2px 2px 2px 1px rgba(0,0,0,.2), inset -2px 2px 2px 0px rgba(0,0,0,.2);background: #eee url("https://kcmie2021.com/resources/img/common/back_btn.png") center left 22px no-repeat;transition: all .3s ease-in-out;display: inline-block;}
.prm_sub .btn_wrap .pre_btn:hover {transform: translateY(-7px); background-color: #fff;}
.prm_sub .btn_wrap .thumb_btn {color: #06a2af;border-color: #06a2af; margin-right: 10px; background-image: url("https://kcmie2021.com/resources/img/premium/pre_thumb.png");}
.prm_sub .btn_wrap .thumb_btn .num {color: #006a72; margin-left: 8px; transition: all .3s ease;}
.prm_sub .btn_wrap .thumb_btn .num:empty {margin-left: 0;}
/*prm_sub2*/
.prm_sub2 .cw .cont .img .bt1 {width: 20.6%; height: 16%; top: 23.5%; left: 41.3%; transform: rotate3d(0, 0, 0, -18deg);}
.prm_sub2 .cw .cont .img .bt2 {width: 18%;height: 26.8%;top: 54.7%;left: 63.8%;transform: matrix(1, 0, -.15, 1, 0, 0);}
.prm_sub2 .cw .cont .img .bt3 {top: 53%;left: 43.2%;height: 27.9%;width: 17.5%;transform: rotate3d(1, 0, 0,-38deg);background: #000;}
.prm_sub2 .cw .cont .img .bt4 {top: 54.5%;left: 22.3%;transform: matrix(1, 0, .15, 1, 0, 0);width: 18%;height: 26.8%;background: #000;}
.prm_sub2 .cw .cont .img .bt3 > img, .prm_sub2 .cw .cont .img .bt4 > img {width: 100%; height: auto;}
.prm_sub2 .cw .cont .img .bt5 {width: 13%; height: 13.5%; top: 83%; left: 45%; transform: none;}
.prm_sub2 .cw .cont .img .bt6 {width: 11%; height: 11%; top: 73.5%; left: 10.5%; transform: rotate3d(2, 28, 2, 19deg); opacity: 1; background: none;}
.prm_sub2 .cw .cont .img .bt7 {width: 10.5%; height: 11.5%; top: 73.2%; left: 83.1%; transform: rotate3d(2, 28, 2, -19deg); opacity: 1; background:none;}

.prm_sub2 .cw .cont .under{z-index: 0; opacity: 1; background: none;}

/*리스트 팝업 s*/
/*layer popup style s*/
.pop_wrap {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; background-color: rgba(0,0,0,.6); display: none;}
.pop_wrap .inner {height: 100%;}
.pop_wrap .cont_wrap {min-height: auto;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%;max-width: 800px;box-sizing: border-box;background: #fff;height: auto;max-height: -webkit-fill-available;}
.pop_wrap .cont_wrap .title_wrap {overflow: hidden;padding: 50px 50px 0;}
.pop_wrap .cont_wrap .title_box {position: relative;width: 100%;}
.pop_wrap .cont_wrap .title_box .ti_box {width: 100%;}
.pop_wrap .cont_wrap .title_box .ti {font-size: 25px;color: #fff;position: relative;display: inline-block;background: #06a2af;padding: 14px 40px 14px 0;border-radius: 0 100px 100px 0;max-width: 93%;box-sizing: border-box;float: left;}
.pop_wrap .cont_wrap .title_box .ti::before {position: absolute;content: "";left: -120px;height: 100%;width: 100%;top: 0;background: #06a2af;z-index: -1;}
.pop_wrap .cont_wrap .title_box .ti > span {display: block;}
.pop_wrap .cont_wrap .title_box .close {display: none;}

.pop_wrap .cont_wrap .en_box {margin: 10px 50px 20px; font-size: 20px; color: #777;}

.pop_wrap .close {position: absolute;height: 60px;width: 60px;right: -70px;top: 10px;background-color: #f5f5f5;cursor: pointer;border: 1px solid #ddd;box-sizing: border-box;}
.pop_wrap .close span {display: block;background-color: #333;position: absolute;width: 2px;height: 26px;top: 16px;left: 28px;transform: rotate(45deg);}
.pop_wrap .close span:last-child {transform: rotate(-45deg);}
.pop_wrap .over_wrap {overflow-y: scroll;overflow-x: hidden;height: 100%;position: relative;}
.pop_wrap .cont_wrap .cont {padding: 20px 50px 50px;}
.pop_wrap .sec::after {clear: both; content: ""; display: block; height: 0;}
.pop_wrap .sec {margin-bottom: 40px;}
.pop_wrap .sec:last-of-type {margin-bottom: 0;padding: 0;}

.pop_wrap .sec .sec_title {font-size: 19px;color: #000;font-weight: 400;margin-bottom: 8px;}
.pop_wrap .sec1 {margin-bottom: 20px;}

.prm_sub3 .pop_style3 .cont_wrap{overflow-y: auto; height: calc(100% - 80px);}
.prm_sub3 .pop_style3 .close{right: 280px; top: 50px;}
.prm_sub3 .pop_style3 .cont_wrap .cont{padding: 50px 50px 50px;}
.prm_sub3 .pop_style3 .sec1{background: url(https://kcmie2021.com/resources/img/premium/pop_bnr.jpg) no-repeat top center; overflow-y: auto; width: 709px; height: 2126px;}

/*기업소개 테이블*/
.pop_wrap .sec4 table {min-width: auto;}
.pop_wrap .sec4 table thead th {background-color: #fff;}
.pop_wrap .sec4 table tbody th {font-size: 17px; color: #000;}
.pop_wrap .sec4 table tbody td {text-align: left; font-size: 15px;}
.pop_wrap .sec4 table tbody .desc {text-align: center; line-height: 140%;}

	/* tbody사이 간격 */
.pop_wrap .sec4 table.basic tbody {border-bottom: 10px solid transparent; position: relative;}
.pop_wrap .sec4 table.basic tbody::after {content: ''; display: block; position: absolute; left: 0; width: 100%; height: 10px; background-color: transparent; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; box-sizing: border-box;}
.pop_wrap .sec4 table.basic tbody:last-child::after {border-bottom: 0;}

.pop_wrap .sec4 .company_logo {height: 30px; margin: 0 auto;}
.pop_wrap .sec4 .en_ti {margin-top: 6px; font-weight: 500; display: block;}
.pop_wrap .sec4 .company_logo img {height: 100%; width: auto;}

.prm_eng .pop_wrap .sec4 table tbody th {font-size: 15px;}
/* 팝업스크롤 */
.pop_wrap .over_wrap::-webkit-scrollbar {width: 8px;}
.pop_wrap .over_wrap::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 5px;}
.pop_wrap .over_wrap::-webkit-scrollbar-track {background-color: #eee;}

/*팝업 iframe*/
.pop_wrap .iframe_box {width: 100%; height: 376.875px;}
.pop_wrap .iframe_box > iframe {height: 100%; width: 100%;}
/*리스트 팝업 e*/

/*sub e*/

@media screen and (min-width:1920px) and (min-height:1080px) {
/*.prm_sub .cw {padding-bottom: 40%;top: 110px;}*/
.prm_sub2 .cw {top: 110px;}
}
@media screen and (max-width:1600px) and (min-height:769px) {
/*.prm_sub .cw {padding-bottom: 38%;}*/
.prm, .prm .contents {padding-bottom: 48%;}
	.prm .main_slick_wrap {padding-top: calc(35% - 280px);}
}

@media screen and (max-width:1600px) and (max-height:768px) {
.prm, .prm .contents {padding-bottom: 42%;}
.prm_sub, .prm_sub .contents {padding-bottom: 45.5%;}
.prm .main_slick_wrap {padding-top: calc(24% - 200px);}
.prm_sub .cw { padding-bottom: 35vw; }
}
@media screen and (max-width:1200px){
	.prm_sub .cw {padding-bottom: 37%;}
}
@media screen and (max-width:1024px){
.prm .header .ham_btn {display: none;}
}

@media screen and (max-width:950px){
/*리스트 팝업 s*/
.pop_wrap {overflow: hidden;}
.pop_wrap .inner {width: 100%;}
.pop_wrap .cont_wrap {max-width: 950px;}
.pop_wrap .cont_wrap .title_wrap {overflow: hidden;padding: 10px;position: fixed;z-index: 2;background: #fff;width: 100%;box-sizing: border-box;top: 0;left: 0; touch-action: none; }
.pop_wrap .cont_wrap .title_box .ti_box {max-width: calc(100% - 60px);}
.pop_wrap .cont_wrap .title_box .close {display: inline-block; right: 0; top: 0;}
.pop_wrap .cont_wrap .en_box {margin: 10px 10px 20px; font-size: 20px; color: #777;}
.pop_wrap .close {display: none;}
.pop_wrap .cont_wrap .cont {padding: 0 10px 10px;}
.pop_wrap .sec {margin-bottom: 30px;}
.pop_wrap .sec:last-of-type {margin-bottom: 0;}
/*리스트 팝업 e*/
}


@media screen and (max-width:768px){
.prm, .prm .contents {padding-bottom: 48%;}
.prm_sub, .prm_sub .contents {padding-bottom: 48%;}
.prm .main_slick_wrap {padding-top: calc(35% - 290px);}
	
/*리스트 팝업 s*/	
.pop_wrap .cont_wrap .title_box .ti {    font-size: 18px;}
.pop_wrap .close {width: 50px;  height: 50px;}
.pop_wrap .close span {top: 11px; left: 24px;}
.pop_wrap .over_wrap::-webkit-scrollbar {width: 3px;}
.pop_wrap .sec4 table tbody th, .pop_wrap .sec4 table tbody td {padding: 10px 3px; font-size: 13px;}
/*리스트 팝업 e*/
	
}



@media screen and (max-width:500px){
	

}