@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}
@media all and (max-width:800px){
	.sub-page{padding-top: 30px;}
}

/* ****************** 메뉴 :: 메뉴 리스트 ********************** */

@media all and (max-width:1220px){
	.sub-page.product-list-page{padding-top: 40px;}

	.product-list-con ul{margin: -27px -1%;}
	.product-list-con ul li{width: 48%; margin: 27px 1%;}
	.product-list-con ul li:nth-child(2n+1){clear: both;}
	.product-list-con ul li:nth-child(3n+1){clear: none;}

	.product-list-inner .product-img span {display: inline-block; width: 60%;}
}
@media all and (max-width:800px){
		
	.product-list-con ul{margin: -10px -1%;}
	.product-list-con ul li{width: 98%; margin: 10px 1%;}
	.product-list-con ul li:nth-child(2n+1){clear: none;}
	.product-list-con ul li a{position: static;}

	.product-list-inner .product-img {margin-top: 10px; margin-bottom: 10px;}
	.product-list-inner .product-img span {display: inline-block; width: 60%; max-width: 460px;}

	.product-list-inner .product-txt{position: relative; padding-top: 20px; padding-bottom: 20px; background-color: #f5f5f5; text-align: left;}
	.product-list-inner .product-txt .en-tit{font-size: 16px; padding: 0 30px; padding-right: 70px; width: calc(100% - 100px); height:auto; line-height: 1.2; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
	.product-list-inner .product-txt .kr-tit{margin-top: 10px; font-size: 20px; padding: 0 30px; padding-right: 70px; width: calc(100% - 100px); height:auto; line-height: 1.2; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

	.product-list-inner .more-view{display: inline-block; position: absolute; bottom: auto; top: 50%; margin-top: -25px; left: auto; right: 15px; margin-left: 0; width: 50px; height: 50px; line-height: 50px; background-color: #666;}
	.product-list-inner .more-view em{display: none; font-size: 16px; font-weight: 400; letter-spacing: -0.25px; color: #fff;}
	.product-list-inner .more-view i{display: inline-block; font-size: 20px; color: #fff; line-height: 50px; margin-left: 0;}
}
@media all and (max-width:480px){
	.product-list-inner .product-txt .en-tit{font-size: 16px; padding: 0 15px; padding-right: 70px; width: calc(100% - 85px);}
	.product-list-inner .product-txt .kr-tit{margin-top: 10px; font-size: 20px; padding: 0 15px; padding-right: 70px; width: calc(100% - 85px);}
}



/* ****************** 메뉴 :: 메뉴 뷰페이지 ********************** */
@media all and (max-width:1220px){
	.view-top-con .product-img span{width: 62%; max-width: 546px;}
}
@media all and (max-width:800px){
	/* 제품 이미지 + arrow버튼 */
	.view-top-con .product-img span{display: inline-block; width: 70%; max-width:560px; height: auto;}
	.view-top-con .product-img span img{width: 100%; height: 100%;}
	.view-top-con .view-arrow-btn{display: none;}
	/* 제품명 + 설명 테이블 */
	.product-view-con .view-down-con{margin-top: 25px;}
	.view-down-con .product-txt .en-tit{font-size: 20px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}
	.view-down-con .product-txt .kr-tit{margin-top: 5px; font-size: 40px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}
	.view-down-con .product-txt .txt{margin-top: 10px; font-size: 15px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}

	.view-down-con .product-view-table{margin-top: 50px; table-layout: fixed; width: 100%; border-top: 2px solid #ddd;}
	.view-down-con .product-view-table th, .view-down-con .product-view-table td{font-size: 13px; font-weight: 400; letter-spacing: -0.5px; color: #555; border-bottom: 1px solid #ddd;}
	.view-down-con .product-view-table th{width: 37%; padding: 20px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}
	.view-down-con .product-view-table td{width: 63%; padding: 20px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}
	.view-down-con .product-view-table td b{font-size: 24px;}

	.product-view-page  .cm-btn-controls {padding-top: 40px;}
}
@media all and (max-width:480px){
	.view-down-con .product-view-table th{width: 37%; padding: 20px 10px;}
	.view-down-con .product-view-table td{width: 63%; padding: 20px 10px;}
}



/* ****************** 이벤트 :: 이벤트 리스트 ********************** */
@media all and (max-width:800px){
    .custom-gallery-list-con01 .gallery-list li{width:48%;}
	.custom-gallery-list-con01 .gallery-list li .list-info-con{width: calc(100% - 30px); padding:15px;}
    .custom-gallery-list-con01 .gallery-list li a .gallery-txt-con .gal-tit{font-size:14px;}
	.custom-gallery-list-con01 .gallery-list li .list-info-con .list-tit{font-size:15px; line-height:20px; padding-bottom:15px; width: calc(100% - 70px); height:15px;}
    .custom-gallery-list-con01 .gallery-list li .list-info-con .list-date{font-size: 13px;}
	.custom-gallery-list-con01 .gallery-list li .list-info-con .category{position: absolute; top: 15px; right: 20px; width: 60px; height: 25px; font-size: 15px; line-height: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
}
@media all and (max-width:520px){
	.custom-gallery-list-con01 .gallery-list li{width:98%;}
}



/* ****************** 스토어 :: 매장 뷰페이지 ********************** */
@media all and (max-width:1220px){
	.sub-page.store-page{padding-top: 40px;}
}
@media all and (max-width:800px){
	.map-con{height: 300px;}
	.store-view-table{margin-top: 30px; table-layout: fixed; width: 100%; border-top: 2px solid #ddd;}
	.store-view-table th, .store-view-table td{/* font-size: 13px; */font-size: 15px; font-weight: 400; letter-spacing: -0.5px; color: #555; border-bottom: 1px solid #ddd;}
	.store-view-table th{width: 37%; padding: 20px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}
	.store-view-table td{width: 63%; padding: 20px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}
	.store-view-table td .icon{width: 30px; height: 30px; line-height: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 3px;}
	.store-view-table td .icon img{height: 20px;}
}
@media all and (max-width:480px){
	.store-view-table th{width: 37%; padding: 20px 10px;}
	.store-view-table td{width: 63%; padding: 20px 10px;}
}


/* ****************** 스토어 :: 매장 찾기 ********************** */
@media all and (max-width:1220px){
	.sub-page.store-page.search-page{padding-top: 0;}
	.store-top-con{margin: 0 -15px;}
}
@media all and (max-width:800px){
	.m-none{display: none;}
	.m-block{display: block;}

	.store-top-inner{position: relative; height: 360px;/* height: 360px; */ padding: 0 15px;}
	.store-search-tit{font-size: 15px;}
	.store-top-inner .up-con{padding-top: 40px;}
	.store-top-inner .up-con .select-input-con{margin-top: 15px;}
	.store-top-inner .up-con .select-txt{float: left;}
	.store-top-inner .up-con .select-txt select{text-indent: 10px; width:250px; height:40px; border: 0; color:#868686; background: #fff url("../images/button/select_arrow.png") no-repeat 95% 50%; text-indent:5px;}
	.store-top-inner .up-con .input-txt{float: left; width: calc(100% - 260px); margin-left: 10px;}
	.store-top-inner .up-con .input-txt input{height:40px; border:0px; width:100%; padding: 0 10px; background-color:#fff; border:0; font-size:14px;}
	.store-top-inner .up-con .input-txt input::placeholder{font-size: 13px;}
	.store-top-inner .down-con{padding-top: 25px;}
	.store-top-inner .down-con .icon-select{margin-top: 15px;}
	.store-top-inner .down-con .icon-select > div{margin: -1%;}
	/* 매장서비스 검색 */
	.icon-select-btn{margin: 0 -1%;}
	.icon-select-btn .radio-item{display: inline-block; float: left; width: 48%; margin: 1%;}
	.icon-select-btn .radio-item:first-child{margin-left: 1%;}
	.icon-select-btn .radio-item label{width: 100%; height: 45px; line-height: 45px; padding: 0; font-size: 15px; margin-left: 0; text-align: center;}
	.icon-select-btn .radio-item label img{display: inline-block; height: 17px; margin-top: -4px; margin-right: 10px; margin-left: -8px;}

	.store-top-inner .down-con .sub-tit{margin-top: 10px; font-size: 15px; /* font-size: 13px; */ line-height: 1.3;}
	.store-top-inner .down-con .cm-btn-controls {padding-top: 0;}
	.store-top-inner .down-con .cm-btn-controls button{display: inline-block; width: 300px; height: 50px; position: absolute; left: 50%; margin-left: -150px; bottom: -25px;}
	
	.store-down-con{margin-top: 60px;}

	.store-search-table th.store-tit, .store-search-table td.store-tit{width: 32%;}
	.store-search-table th span{display: inline-block;}

	.store-search-table colgroup{display: none;}
	.store-search-table th, .store-search-table td{/* font-size: 13px; */font-size: 15px;}
	.store-search-table th{padding: 20px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}
	.store-search-table td{padding: 20px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.3;}
	.store-search-table td.ta-l {padding: 20px;}
	.store-search-table td p {font-size: 15px;/* font-size: 13px; */ margin-bottom: 5px;}
	.store-search-table td .icon{width: 40px; height: 40px; line-height: 35px;/* width: 30px; height: 30px; line-height: 25px; */ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0 3px;}
	.store-search-table td .icon img{height: 23px;}
}
@media all and (max-width:480px){
	.store-top-inner .up-con .select-txt select{width:110px; height:40px; border: 0; color:#868686; background: #fff url("../images/button/select_arrow.png") no-repeat 95% 50%; text-indent:5px;}
	.store-top-inner .up-con .input-txt{float: left; width: calc(100% - 120px); margin-left: 10px;}
	.store-top-inner .down-con .cm-btn-controls button{width: calc(100% - 30px); height: 50px; position: absolute; left: 15px; margin-left: 0; bottom: -25px;}
	/* 매장서비스 검색 */
	.icon-select-btn .radio-item label{font-size: 13px;}

	.store-search-table th{padding: 20px 10px;}
	.store-search-table td{padding: 20px 10px;}
	.store-search-table td.ta-l {padding: 20px 10px;}

	.store-search-table td .icon{width: 35px; height: 35px; line-height: 30px;}
	.store-search-table td .icon img{height: 20px;}
}


/* ****************** 스토어 :: 신규매장 ********************** */
@media all and (max-width:800px){
	.store-list-wrapper{width: 100%; padding-right: 0;}
	.store-list-wrapper ul li{margin-top: 30px;}
	.store-list-wrapper ul li a{display: block;}

	.store-list-inner{border: 1px solid #ddd; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	.store-list-inner .img-con{width:100%; display:inline-block;}
	.store-list-inner .img-con span{padding-top:64%;}

	.store-list-inner .txt-con{overflow:visible; display:inline-block; vertical-align:middle; padding-left:0; padding: 20px; width: calc(100% - 40px); height:auto;}
	.store-list-inner .txt-con .store-info-con .tit{font-size: 20px; width:100%; height:auto; line-height: 1.2;}
	.store-list-inner .txt-con .store-info-con .txt{margin-top: 15px; font-size: 15px; width:100%; height:16px;}
	.store-list-inner .txt-con .store-info-con .txt i{margin-right: 10px; font-size: 15px;}

	.store-list-inner .txt-con .icon-con{margin-top: 30px;}
	.store-list-inner .txt-con .icon-con .icon{width: 40px; height: 40px; line-height: 35px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0 3px;}
	.store-list-inner .txt-con .icon-con .icon.selected{background-color: #666;}
	.store-list-inner .txt-con .icon-con .icon img{height: 23px;}

	/* 자세히보기 버튼 */
	.store-list-inner .more-view{display: inline-block; position: absolute; top: auto; bottom: 20px; margin-top: 0; right: 20px; width: 50px; height: 50px;}
	.store-list-inner .more-view i{display: inline-block; font-size: 20px; color: #fff; position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px;}

}
@media all and (max-width:480px){
	.store-list-inner .txt-con .icon-con .icon{width: 35px; height: 35px; line-height: 30px;}
	.store-list-inner .txt-con .icon-con .icon img{height: 20px;}
}



/* ****************** 메뉴 :: 회사소개 ********************** */
@media (max-width: 1200px){
	.introduce-wrapper .introduce-top-image{padding-top:40px;}
	.introduce-txt-right h3{padding-right:0}
	.introduce-txt-wrap > div p br{display:none}
	.introduce-txt-wrap > div p{padding-right:8%}
}
@media (max-width: 800px){
	.introduce-txt-wrap > div{float:none;width:100%;margin-top:39px;}
	.introduce-txt-wrap{width:100%;float:left;margin-bottom:100px;}
	.introduce-txt-wrap > div h3{font-size:25px;line-height:1.44em;white-space: initial; -ms-word-break: keep-all;
	word-break: keep-all;}
	.introduce-txt-wrap > div p{padding-right:0;margin-top:18px;}
	.introduce-txt-wrap > div p span{margin-top:0;}
	.introduce-txt-wrap > div p br{display:block}
}
@media (max-width: 480px){
	.introduce-txt-wrap > div p br{display:none}
}



/* ****************** 메뉴 :: 개설정보 ********************** */
/* 킹스타의경쟁력 */
@media(max-width: 800px){
	.openInfo-wrapper{margin:29px 0 43px;}
	.openInfo-wrapper .openInfo-competition-tit{margin-bottom:18px}
	.openInfo-wrapper .openInfo-competition-tit h3{font-size:18px;line-height:-0.5px}
	.openInfo-wrapper .openInfo-competition-tit span{display:none}
	.openInfo-competition-wrapper ul li{display: block; float:none;margin:-0.5px;border:1px solid #dddddd;width: 100%; height: auto; padding: 30px 0; margin-top: -1px;}
	.openInfo-competition-wrapper ul li.openInfo-logo{display:none}
	.openInfo-competition-txt{padding: 0 3%;}
	.openInfo-competition-wrapper ul li .openInfo-competition-content{display: block; padding-top: 0;/* padding-top:29px; */}
	.openInfo-competition-txt{margin-top:17.5px}
}

/* 개설절차&비용 */
@media(max-width: 800px){
	.openInfo-produre{margin-top:39px;}
	.openInfo-produre table{margin-top:3px}
	.openInfo-produre .openInfo-produre-tit h3{font-size:18px;line-height:-0.5px}
	.openInfo-produre .openInfo-produre-tit span{display:none}
	.openInfo-produre table th,
	.openInfo-produre table td{font-size:13px;padding:10px 0}
	.openInfo-produre table td ul li{margin-top: 5px; line-height:1.4; padding: 0 5px; -ms-word-break: keep-all; word-break: keep-all;}
	.openInfo-produre table td ul li:first-child{margin-top: 0;}
}
@media(max-width: 480px){
    .openInfo-produre table th,
	.openInfo-produre table td{font-size: 0.75rem;}
}

/* 교육시스템 */
@media(max-width: 1020px){
	.openInfo-education-proc span {width: 150px; font-size: 14px; line-height: 24px; -ms-word-break: keep-all;
	word-break: keep-all;}
	.openInfo-education-edu.edu2 .openInfo-education-proc span {width: 220px;}
	.openInfo-education-proc p {width: 25px; height: 25px; background-image: url("../images/icon/openInfo_arrow.png"); -webkit-background-size: auto;
	background-size: auto;}
}
@media(max-width: 800px){	
	.openInfo-education .openInfo-education-tit{margin-bottom:8px}
	.openInfo-education .openInfo-education-tit h3{font-size:18px;line-height:-0.5px}
	.openInfo-education .openInfo-education-tit span{display:none}
	.openInfo-education-txtLeft{float:none;display:block;padding-right:0px}
	.openInfo-education-txtLeft p span{font-size:18px;padding-right:10.5px;}
	.openInfo-education-txtRight{padding-left:29.5px}
	.openInfo-education-proc{padding:14px 0; margin-top: 20px;}
	.openInfo-education-proc span{display:block;width:100%;padding:20px 0;}
	.openInfo-education-proc p{transform:rotate(90deg);}
	.openInfo-education-edu.edu2 .openInfo-education-proc span{width:100%;padding:20px 0;}
	.openInfo-education-edu.edu2 {margin-top: 40px;}
	.openInfo-education-txt {margin-top: 20px;}
	.openInfo-education {margin-top: 45px;}
}