@charset "utf-8";

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

.cm-bg-gray{background:#f5f5f5; padding:7rem 0;}

.youtube {position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
	

.embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 인증현황 */

.certificate-page .sub-con-tit-box {margin-bottom: 4rem;}
.certificate-con-tit {font-size: 4.5rem; font-weight: 700; color: #000; margin-bottom: 5rem;}
.certifi-list-con .certificate-list{margin:0 -1.5%; display: flex; flex-wrap: wrap;} 
.certifi-list-con .certificate-list li{float:left; width:22%; margin:0 1.5% 70px 1.5%;}
.certifi-list-con .certificate-list .certificate-img-thumb{position:relative; padding:7rem 0; border-radius: 0.5rem;  background-color: #f4f4f4; }
.certifi-list-con .certificate-list .certificate-img-thumb .img-con{
	display:block; 
	position:relative; 
	width: 61%; 
	margin:0px auto; 
 }
.certifi-list-con .certificate-list .certificate-img-thumb .img-con span{position: relative; width: 100%; height: 0; padding-top: 143%; display: block;}
.certifi-list-con .certificate-list .certificate-img-thumb .img-con span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.09);}
.certifi-list-con .certificate-list .certificate-img-thumb .certificate-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border-radius: 0.5rem;  border:5px solid var(--main-color);   opacity:0; visibility:hidden; transition:all 0.3s}
.certifi-list-con .certificate-list .certificate-img-thumb .certificate-over-box i{position:absolute; top:50%; left:50%; margin:-4rem 0 0 -4rem; width:8rem; height:8rem; line-height:8rem; background-color:var(--main-color);  text-align:center; color:#fff; font-size:20px; border-radius:50%;}
.certifi-list-con .certificate-list .certificate-tit{font-size:1.8rem; line-height: 1.44; color:#000; font-weight:500; letter-spacing:-0.025em; text-align:center; max-width:100%;/*  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */ padding-top:3rem; word-break:keep-all}
/* #certificateTabCon03 .certifi-list-con .certificate-list .certificate-tit {height: 6em;} */
.certifi-list-con .certificate-list .certificate-tit b {display: block; font-weight: 500; margin-bottom: 1.3rem;}

@media all and (min-width:801px){
	.certifi-list-con .certificate-list li a:hover .certificate-img-thumb .certificate-over-box{opacity:1.0; visibility:visible;}
}
@media all and (max-width:1220px){
	.certifi-list-con .certificate-list li {width:30.33%;}
}
@media all and (max-width:800px){
    .certifi-list-con .certificate-list li{width:47%; margin-bottom: 35px;}
	.certifi-list-con .certificate-list .certificate-img-thumb{padding:20% 0}
	.certifi-list-con .certificate-list .certificate-img-thumb .img-con{width:70%}
	.certifi-list-con .certificate-list .certificate-img-thumb .img-con:before{height:calc(100% + 3vw)}
	.certifi-list-con .certificate-list .certificate-img-thumb .certificate-over-box{display: none;}
	.certifi-list-con .certificate-list .certificate-tit{font-size:1.4rem;} 
}
@media all and (max-width:480px){
	#certificateTabCon03 .certifi-list-con .certificate-list .certificate-tit {height: auto;}
}



/* 오시는길 */
.contact-con01{}
.contact-con01 .area{position: relative; padding-right: 200px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contact-con01-tbl{width: 100%; table-layout: fixed;}
.contact-con01-tbl tr{}
.contact-con01-tbl th, .contact-con01-tbl td{padding: 10px 0; font-size: 18px; line-height: 1.6; color: #222; text-align: left; vertical-align: top;}
.contact-con01-tbl th{width: 100px; font-weight: 700;}
.contact-con01-tbl td{}
.contact-con01-tbl td a{color: #222; text-decoration: underline;}
.contact-con01-sns{position: absolute; top: 15px; right: 0;}
.contact-con01-sns ul{}
.contact-con01-sns ul li{margin-left: 25px; display: inline-block; vertical-align: middle;}
.contact-con01-sns ul li:first-child{margin-left: 0;}
.contact-con01-sns ul li a{display: block;}
.contact-con01-sns ul li a i{font-size: 24px; color: #222;}
.contact-con02{margin-top: 50px; padding: 0 5.2% 100px;}
.contact-con02 .map-iframe-con{padding-top:41.66%; position:relative; height:0;}
.contact-con02 .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}

@media all and (max-width:1260px){
	.contact-con01 .area{padding-right: 260px;}
	.contact-con01-sns{right: 5%;}
	.contact-con02{padding: 0 5% 100px;}
}
@media all and (max-width:1024px){
	.contact-con01 .area{padding-right: 5%;}
	.contact-con01-sns{margin-top: 30px; position: static;}
}
@media all and (max-width:800px){
	.contact-con01-tbl th, .contact-con01-tbl td{padding: 5px 0; font-size: 14px;}
	.contact-con01-tbl th{width: 80px;}
	.contact-con01-sns{margin-top: 15px;}
	.contact-con01-sns ul li{margin-left: 15px;}
	.contact-con01-sns ul li a i{font-size: 17px;}
	.contact-con02{margin-top: 25px; padding: 0 5% 50px;}
}


/* 게시판 */
/* ******************   공통 :: Default Setting ********************** */
:root{
	--board-main-color: var(--main-color);
	--board-list-height: 64px; /* 리스트 높이*/
	--board-list-font-size: 16px;
	--board-list-font-color: #333;
	--board-list-icon-width: 60px; 	/* 댓글이 있을때 100px */
	--board-view-font-size: 14px;
}
@media all and (max-width:800px){
	:root{
		--board-list-height: auto;
		--board-list-font-size: 13px;
		--board-list-font-color: #aaa;
		--board-list-item-padding: 20px;
		--board-view-font-size: 13px;
	}
}

/* ****************** 공통 :: BUTTON ********************** */
.cm-btn-controls{overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; margin-top:4rem;}
.cm-btn-controls.cm-btn-align-left{justify-content:flex-start; }
.cm-btn-controls.cm-btn-align-right{justify-content:flex-end;}
.cm-btn-controls .left-btn-controls{}
.cm-btn-controls .right-btn-controls{margin-left:auto;}
.cm-btn-controls button,
.cm-btn-controls a{display:inline-flex; align-items:center; justify-content:center; width:20.5rem; height:6rem; border:0; color:#fff; background-color:#000; font-size:1.7rem; letter-spacing:-0.055em; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; box-sizing:border-box;}
.cm-btn-controls.cm-btn-long-controls button,
.cm-btn-controls.cm-btn-long-controls a{width:100%; margin:0px; margin-bottom:5px;}
.cm-btn-controls .btn-style01{background-color:#333;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{background:#fff; border:1px solid #888; color:#222;}
.cm-btn-controls .btn-style-main{display: flex; align-items:center; justify-content:space-between; background:var(--main-color); border-radius:5px; color:#fff; font-weight:600; padding:0 3rem;}
.cm-btn-controls .btn-style-main i{font-size:2rem;}
@media all and (max-width:800px) {
	/* .cm-btn-controls{margin-top:30px;}
	.cm-btn-controls button,
	.cm-btn-controls a{width:100px; height:35px; font-size:14px;} */
}
@media all and (max-width:359px) {
	/* .cm-btn-controls button,
	.cm-btn-controls a{width:80px; height:35px; font-size:14px;} */
}
/* ****************** 공통 :: PAGING ********************** */
.paging{display:flex; justify-content:center; width:100%; text-align:center; margin:30px 0; flex-wrap:wrap;}
.paging a{position:relative; display:block; width:30px; height:30px;  line-height:30px; margin:0 2px; border:1px solid #ddd; text-align:center; font-size:13px; color:#868686; letter-spacing:-0.25px; background-color:#fff; }
.paging a:hover{color:#222;}
.paging a.cur{border-color:#333; background-color:#333; color:#fff;}
.paging a.paging-arrow i{position:relative; top:-1px; vertical-align:middle; color:inherit; font-size:24px;}
/* .paging:not(.no-margin) a.paging-prev{margin-right:15px}
.paging:not(.no-margin) a.paging-next{margin-left:15px} */ 
.paging .paging-first i,
.paging .paging-last i{transform:translateX(-8px)}
.paging .paging-first i:before,
.paging .paging-last i:before{display:block;width:7px}
/* Style02(네모-라인형)  */
.paging.no-margin a{margin:0; margin-left:-1px}
.paging.no-margin a.cur{position:relative; z-index:1; background-color:transparent; color:#333;}
.paging.no-margin a:first-child{margin-left:0;}
/* Style02(원형) */
.paging-style02 a{border-radius:50%;}
/* Style02(라인) */
.paging-style03 a{width:auto; padding:0 7px 3px; margin:0 5px; border:0; font-size:16px}
.paging-style03 a.cur{background-color:transparent; color:#333;}
.paging-style03 a.cur:after{position:absolute; bottom:0px; left:50%; width:100%; margin-left:-50%; height:2px; background-color:#333; content:"";}
@media all and (max-width:480px) {
	/* 공통 :: PAGING */
	.paging:not(.no-margin) a.paging-prev{margin-right:2px}
	.paging:not(.no-margin) a.paging-next{margin-left:2px}
}
@media all and (max-width:359px) {
	/* 공통 :: PAGING */
	.paging a{margin:0 0 0 -1px}
	.paging:not(.no-margin) a.paging-prev{margin-right:0}
	.paging:not(.no-margin) a.paging-next{margin-left:-1px}
}
/* ****************** 공통 :: 게시판 상단 TOTAL 및 카테고리 검색 ********************** */
.bbs-top-list-box{display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; flex-wrap:wrap; margin-bottom:30px}
/* -------- 리스트 Total 갯수 -------- */
.total-list-con{color:#333; font-size:15px; letter-spacing:-0.25px;}
.total-list-con b{color:var(--board-main-color); }
.total-list-con i{font-size:16px; margin-right:2px; position:relative; top:1px;}
/* -------- 카테고리 -------- */
.board-category-box{width:200px; margin-left:auto; }
.bbs-top-list-box:not(.top-search-center) .board-search-box + .board-category-box{margin-right:10px;}
.board-category-box .category-select{width:100%; height:50px; border:1px solid #ddd; font-size:15px; padding:0 10px; box-sizing:border-box;}
.bbs-top-category{position:relative; width:100%; text-align:left; letter-spacing:-0.25px;}
.bbs-top-category .category-trigger-btn{display:flex; align-items:center; width:100%; height:50px; padding:0 15px; text-align:left; font-size:15px; border:1px solid #ddd; background-color:#fff; color:#333; box-sizing:border-box; }
.bbs-top-category .category-trigger-btn:after{position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:18px; font-family: 'xeicon'; content:"\e942";}
.bbs-top-category.open .category-trigger-btn:after{content:"\e945";}
.bbs-top-category-list{position:absolute; top:100%; left:0px; width:100%; background-color:#fff; border:1px solid #ddd; border-top:0;  z-index:1; display:none; box-sizing:border-box;}
.bbs-top-category-list a{display:block; padding:15px; color:#333; font-size:13px; transition:all 0.3s}
.bbs-top-category-list.selected a{background-color:#eee;}
.bbs-top-category-list a:hover{background-color:#f2f2f2; }
/* 스타일 02(하단라인형) */
.category-style-bottom-line .category-select,
.category-style-bottom-line .category-trigger-btn{border:0; border-bottom:3px solid #333;}
.category-style-bottom-line .bbs-top-category-list{border-width:3px; border-color:#333;}
/* 스타일 03(원형배경) */
.category-style-radius .category-select,
.category-style-radius .category-trigger-btn{background-color:#f7f7f7; border-radius:50px; border:0; padding-left:1.5em;}
.category-style-radius .bbs-top-category-list{left:1.5em; right:1.5em; width:auto; margin-top:-8px; border:1px solid #333; box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.1);}
/* -------- 리스트 갯수 Sort -------- */
/* 갯수 Sort */
.top-view-select-box{margin-left: 15px; float: left; margin-bottom:20px;}
.top-view-select-box select{width:120px; height:34px; border:1px solid #ccc; vertical-align:top;}
@media all and (max-width:800px) {
	.bbs-top-list-box{margin-bottom:5%; }
	.bbs-top-list-box:not(.bbs-top-category-box){flex-direction:initial; }
	/* 공통 :: TOTAL NUMBER 및 카테고리 검색 */
	.board-category-box select{width:150px}
	/* ~개씩 보기 */
	.top-view-select-box{margin-left: 15px;}
	.top-view-select-box select{width:100px;}
	/* 우측 카테고리 */
	.board-category-box{width:50%; max-width:200px;}
	.bbs-top-list-box:not(.top-search-center) .board-search-box + .board-category-box{margin-right:0;}
}
@media all and (max-width:480px) {
	/* 리스트 Total 갯수 */
	.total-list-con{font-size:13px;}
	/* ~개씩 보기 */
	.top-view-select-box{margin-left: 10px;}
	.top-view-select-box select{width:80px;}
	/* 우측 카테고리 */
	.board-category-box .category-select{height:40px;}
	.bbs-top-category .category-trigger-btn{height:40px; font-size:13px;}
}
@media all and (max-width:359px) {
	/* ~개씩 보기 */
	.top-view-select-box select{width:55px;}
}

/* ****************** 공통 :: SEARCH BOX ********************** */
.board-search-box{text-align:center; padding:30px 0; }
.board-search-box .board-search-inner{display:flex; align-items:center; max-width:500px; height:50px; margin:0px auto; box-sizing:border-box; border:1px solid #ddd; background-color:#fff;}
.board-search-box .board-search-inner:after{display:none;}
.board-search-box .search-subject-select,
.board-search-box .search-word{height:100%; background-color:transparent; border:0; padding:0 15px; font-size:15px; color:#333; letter-spacing:-0.3px; box-sizing:border-box;}
.board-search-box .search-subject-select{width:120px; }
.board-search-box .search-subject-select:not(.custom-select){padding-left:1em;}
.board-search-box .search-word{width:100%; border-right:0;}
.board-search-box .search-subject-select + .search-word,
.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 170px); border-left:1px solid #ddd; }
.board-search-box .search-subject-select:focus,
.board-search-box .search-word:focus{color:#333; outline:none; background-color:transparent;}
.board-search-box .search-word::placeholder{color:#333;}
.board-search-box .search-word::-webkit-search-cancel-button{display:none;}
.board-search-box .bbs-search-btn{margin:0px; border:0; width:50px; height:100%; font-size:15px; letter-spacing:-0.5px; color:#333; cursor:pointer; vertical-align:top; }
.board-search-box .bbs-search-btn i{line-height:40px; font-size:20px;}
/* Search Select Custom */
.board-search-box .board-custom-select-box{width:120px; height:100%; }
.board-custom-select-box .custom-select-wrapper{height:100%;}
.board-custom-select-box .search-subject-select{padding:0;}
.board-custom-select-box .custom-select-trigger{border:0; height:100%; display:flex; align-items:center; }
.board-custom-select-box .custom-option-drop-list{border-color:#ddd; left:-1px; right:-1px;}
.board-custom-select-box .custom-option-item{text-align:left; font-size:1em; font-weight:400; padding:8px 15px;}
.board-custom-select-box .custom-option-item.selection{background-color:#eee; }
/* 스타일 02(하단라인형) */
.search-style-bottom-line .board-search-inner{border:0; border-bottom:3px solid #333;}
.search-style-bottom-line .search-subject-select + .search-word,
.search-style-bottom-line .board-custom-select-box + .search-word{border-left:0;}
.search-style-bottom-line .board-custom-select-box .custom-option-drop-list{margin-top:3px; left:0; border-width:3px; border-color:#333;}
/* 스타일 03(원형배경) */
.search-style-radius .board-search-inner{background-color:#f7f7f7; border-radius:50px; border:0;}
.search-style-radius .search-subject-select + .search-word,
.search-style-radius .board-custom-select-box + .search-word{border-left:0;}
.search-style-radius .board-custom-select-box .custom-select-trigger{padding-left:1.5em}
.search-style-radius .board-custom-select-box .custom-option-drop-list{left:1.5em; margin-top:-8px; border:1px solid #333; box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.1);}
/* -------- SEARCH BOX 상단 일때  -------- */
.bbs-top-list-box .board-search-box{width:420px; padding:0;}
.bbs-top-list-box .board-search-inner{/* margin:0; max-width:none; */}
/* 센터정렬 */
.bbs-top-list-box.top-search-center{justify-content:flex-end;}
.bbs-top-list-box.top-search-center .board-search-box{width:100%; margin:0 auto 30px; }

@media all and (max-width:800px) {
	.board-search-box{padding:0; border:0}
	.board-search-box .board-search-inner{max-width:none; }
	/* -------- SEARCH BOX 상단 일때  -------- */
	.bbs-top-list-box .board-search-box{width:100%; margin-bottom:5%;}
	/* 센터정렬 */
	.bbs-top-list-box.top-search-center{justify-content:flex-start;}
	.bbs-top-list-box.top-search-center .board-search-box{margin-bottom:5%;}
}
@media all and (max-width:480px) {
	.board-search-box .board-search-inner{height:40px;}
	.board-search-box .search-subject-select,
	.board-search-box .search-word{font-size:13px;}
	.board-search-box .search-subject-select{width:100px}
	.board-search-box .search-subject-select + .search-word,
	.board-search-box .board-custom-select-box + .search-word{width:calc(100% - 150px);}
	.board-search-box .board-custom-select-box{width:100px;}
	.board-custom-select-box .custom-select-trigger{/* font-size:13px; */}
}

/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl{display:table; width:100%; table-layout:fixed; font-size:var(--board-list-font-size); border-top:0.3rem solid #232323;}
.bbs-list-col-group{display:table-column-group; }
.bbs-list-col-group .bbs-col-group-item{display:table-column;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head .bbs-head-item{display:table-cell; vertical-align:middle; height:var(--board-list-height); text-align:center; background:#fff; color:#222; font-weight:500; font-size:1em; letter-spacing:-0.03125em; border-bottom:1px solid #ddd;}
.bbs-list-tbody{display:table-row-group; }
.bbs-list-row{display:table-row; width:100%; transition:background-color 0.3s;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; height:var(--board-list-height); color:var(--board-list-font-color); font-size:1.5rem; font-weight: 700; letter-spacing:-0.03125em; text-align:center; border-bottom:1px solid #ddd;}
/* 게시판 :: 기본리스트 ::  공지 */
.bbs-list-row.notice-row .notice-tit{display:inline-block; height:30px; line-height:30px; padding:0px 15px; border-radius: 1.5rem; background-color:var(--sub-color); color:#fff; font-size:1.5rem; }
.bbs-list-row.notice-row .bbs-subject-con .notice-tit{display:none;}
/* 게시판 :: 기본리스트 ::  제목 */
.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:flex; align-items:center; position:relative; height:var(--board-list-height); padding:0 var(--board-list-icon-width) 0 0;}
.bbs-list-row .bbs-title.center{text-align:center;}
.bbs-list-row .bbs-title.center a{justify-content:center; }
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{display: inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 2rem; font-weight: 700; color: #000; line-height:1.125;}
.bbs-subject-con .bbs-subject-txt .category{font-weight:600; color:#000; margin-right:5px;}
.bbs-subject-con .bbs-subject-icons{ position: absolute; left:100%; top: 50%; display:flex; align-items:center; width: var(--board-list-icon-width); transform:translateY(-50%);}
.bbs-subject-con .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
.bbs-subject-con .bbs-icons{display:inline-block; color:#999; vertical-align:middle; margin-left:0.1em; }
.bbs-subject-con .bbs-icons i{font-size:17px; margin-left:1px}
.bbs-subject-con .bbs-icons.new-icon-v2{color:var(--board-main-color); }
.bbs-subject-con .comment-num{display:inline-block; height:14px; margin:2px 0 0 2px; color:#aaa; line-height:16px; font-size:12px; font-weight:400; letter-spacing:-0.5px;vertical-align:middle;}
.bbs-subject-con .comment-num i{height:16px; font-size:14px; color:#aaa;}
.bbs-subject-con .reply-icon{
	display:inline-block; padding:2px 8px 2px 3px; margin:0 3px 0 0; vertical-align:middle; line-height:12px; 
	color:#fff; background-color:#333; font-size:10px; font-weight:400; letter-spacing:-0.5px;
	font-family:"돋움",dotum,"나눔고딕", NanumGothic, "Nanum Gothic",Arial, sans-serif;
}
/* no-list */
.bbs-list-none{border-top: 0.3rem solid #232323; border-bottom: 1px solid #ddd; width:100%; height:var(--board-list-height); font-size: 2rem; font-weight: 700; color: #000; line-height:1.125; display: flex; align-items: center; justify-content: center; text-align: center;}
.bbs-list-none + .bbs-list-tbl{border: 0;}
/* 게시판 :: 기본리스트 ::  etc */
.bbs-list-row .bbs-view-btn{display: inline-block; width: 4rem; height: 4rem; line-height: 3.6rem; border-radius:50%; font-size:1.5rem; color:rgba(17,17,17,0.5); border: 0.3rem solid #e0e0e0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: center; transition: all 0.3s;}
.bbs-list-row .bbs-state{display:inline-block; min-width:8rem; padding:0 1rem; height:30px; line-height:30px; font-size:1.5rem; font-weight: 600; border-radius: 1.5rem; background-color:#333333; 
	color:#fff; text-align:center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.bbs-list-row .bbs-state.ing{ background-color:var(--sub-color);}
.bbs-view-con {border-top:2px solid #232323;}
/* 게시판 :: 뷰 :: 상단 타이틀 정보 */
.bbs-view-top{padding:6rem 2rem 5rem; border-bottom:1px solid #ddd; text-align: center;}
.bbs-view-top .bbs-tit{color:#000000; font-size:6rem; letter-spacing:-0.025em; font-weight:700; line-height:1.05; word-break:keep-all; padding-bottom: 0.5rem;}
.bbs-view-top .bbs-write-info{margin-top:20px;}
.bbs-view-top .bbs-write-info dt {display:inline-block; color:#000000; vertical-align:middle; font-weight:600; font-size: 1.8rem; padding: 0 1.4rem; border-right: 1px solid #ddd; margin-bottom: 5px;}
.bbs-view-top .bbs-write-info dt:last-child {border-right: 0;}
.bbs-view-top .bbs-write-info dt.ing {color: #2661af;}
.bbs-view-content{padding:60px; border-bottom:1px solid #eee; }
/* 게시판 :: 뷰 :: 공유아이콘 */
.bbs-view-share-con{overflow:hidden; padding:10px 20px; border-bottom:1px solid #eee;}
.bbs-view-share-con ul{float:right;}
.bbs-view-share-con ul li{float:left;margin-left:5px;  -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.bbs-view-share-con ul li:first-child{margin-left:0;}
.bbs-view-share-con ul li a, .bbs-view-share-con ul li button{display:block;  width:34px; height:34px; text-align:center; line-height:34px;}
.bbs-view-share-con ul li img{width:30px;}
.bbs-view-share-con ul li i{font-size:20px; line-height:34px; color:#fff;}
.bbs-view-share-controls .bbs-button-controls{float:left;}
.bbs-view-share-controls .bbs-hit-good-num-con{float:right;}

/* 게시판 :: 뷰 :: 첨부파일 */
.bbs-view-file-info-box{line-height:20px; border-bottom:1px solid #eee; background-color:#f9f9f9; padding:10px 20px; margin-bottom:10px;}
.bbs-view-share-con + .bbs-view-file-info-box{border-top:0;}
.bbs-view-file-info-box .bbs-file-list{overflow:hidden; padding-top:5px; font-size:13px;}
.bbs-view-file-info-box .bbs-file-list:first-child{padding-top:0;}
.bbs-view-file-info-box .bbs-file-list dt{float:left; width:100px; font-weight:600; color:#333;}
.bbs-view-file-info-box .bbs-file-list dd{float:left; width:70%; width:calc(100% - 100px ); }
.bbs-view-file-info-box .bbs-file-list dd a:hover{text-decoration:underline;}
.bbs-view-file-info-box .bbs-file-list dd i{vertical-align:middle; font-size:15px;}

/* 게시판 버튼 */
.recruit-view-con .cm-btn-controls { padding-top: 10rem; display: flex; align-items: center; justify-content: center;}
.recruit-view-con .recruit-btn {display: inline-block; margin: 0 0.5rem; width: 20rem; height: 6rem; line-height: 5.4rem; border: 0.3rem solid #cfcfcf; border-radius: 0.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; color: #000; text-align: center; transition: all 0.3s;}
.recruit-view-con .recruit-btn:hover {border-color: #717171;}

@media all and (min-width:801px),(hover:hover) {
	.bbs-list-row:hover{background-color:#f6f6f6}
	.bbs-list-row:hover .bbs-view-btn { border-color: var(--main-color); background: var(--main-color); color: #fff;}
}
@media all and (max-width:800px){
	/* 게시판 :: 기본리스트 :: 레이아웃 */
	.bbs-list-tbl{border-top:1px solid #d7d7d7;}
	.bbs-list-tbl, .bbs-list-row, .bbs-list-row .column, .bbs-list-tbody{display:block;}
	.bbs-list-col-group,
	.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.bbs-list-row{position:relative; width:auto; padding:var(--board-list-item-padding) 0; border-bottom:1px solid #eee;}
	.bbs-list-row .column{border-bottom:0; text-align:left;}
	/* no-list */
	.bbs-list-none{border-top:1px solid #d7d7d7; border-bottom: 1px solid #ddd; padding: 3rem 0; font-size: 1.7rem; font-weight: 500; line-height:1.125;}
	/* 게시판 :: 기본리스트 ::  공지 */
	/* .bbs-list-row.notice-row .bbs-notice-category{display:none;} */
	.bbs-list-row.notice-row .bbs-subject-con .notice-tit{display:inline-block; margin-right:0.5em;}
	/* 게시판 :: 기본리스트 :: 항목 */
	.bbs-list-row .column.bbs-m-display-none{display:none;}
	.bbs-list-row .column.bbs-block{width:100%; margin-top:5px;}
	.bbs-list-row .column.bbs-inline{display:inline-flex; align-items:center; width:auto; margin:5px 4% 0px 5px; }
	.bbs-list-row .column.bbs-absolute{position:absolute; top:20px; right:2%; margin: 0;}
	.bbs-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before{padding-right:5px; color:#aaa; content: attr(data-label);}
	.bbs-list-row .column[data-label=""]:before{padding-right:0; display:none;}
	.bbs-list-row .bbs-title a{padding: 15px 5px 10px;}
	.bbs-subject-con .bbs-subject-txt{font-size:1.15em; font-weight:500; color:#222;}
	.bbs-list-row .bbs-title.center{text-align:left;}
	.bbs-list-row .bbs-title.center a{justify-content:flex-start; }
	/* 게시판 :: 기본리스트 ::  etc */
	.bbs-list-row .bbs-view-btn{ line-height: 4rem;}
	.bbs-list-row .bbs-state{height:24px; line-height:24px; }

	.recruit-view-con .cm-btn-controls { padding-top: 5rem; }

	/* 게시판 :: 뷰 */
	.bbs-view-top{padding:25px 0;}
	.bbs-view-top .bbs-tit{font-size: 3.6rem; line-height: 1.2;}
	.bbs-view-top .bbs-view-info{float:none; overflow:hidden;}
	.bbs-view-top .bbs-write-info{margin-top:20px;}
	.bbs-view-top .bbs-write-info dt,
	.bbs-view-top .bbs-write-info dd{font-size:14px;}
	.bbs-view-top .bbs-write-info dd{margin:0 7px 0 0}
	.bbs-view-content{padding:4rem 0;}

	/* 게시판 :: 뷰 :: 공유아이콘 */
	.bbs-view-share-con{padding:10px 15px}

	/* 게시판 :: 뷰 :: 첨부파일 */
	.bbs-view-file-info-box{padding:10px 15px;}
	.bbs-view-file-info-box .bbs-file-list{font-size:12px;}
}




/* FAQ'S CSS
===============================================================================================================*/
ul.faq_list {width: 100%; overflow: hidden; box-sizing: border-box; background: #fff; border-top: 1px solid #212121;}
ul.faq_list>li {border-bottom: 1px solid #212121; cursor: pointer;}
ul.faq_list>li .acc_head {position: relative; padding: 20px; padding-right: 90px; width: 100%; box-sizing: border-box; line-height: 1.6; color: #212121; }
ul.faq_list>li .acc_head .subject {font-size: var(--font-size-mid);}
ul.faq_list>li .acc_head .subject span {color: var(--main-color);}
ul.faq_list>li .acc_content {position: relative; padding: 35px 20px; padding-top: 0; padding-right: 90px;}
ul.faq_list>li .acc_content p {margin: 15px 0; font-size: var(--font-size-mid); color: #636363; line-height: 1.67;}

ul.faq_list>li .acc_head::after {position: absolute; right: 20px; top: 13px; width: 40px; height: 40px; background: url("../images/content/list-open.svg") no-repeat center; content: ''; transition: transform 0.2s;}
ul.faq_list>li.acc_active .acc_head::after {transform:rotateZ(180deg);}
ul.faq_list>li.non-cont .acc_head::after {display: none;}

.faq_category {display: flex; flex-wrap: wrap; margin-bottom: 3rem;}
.faq_category li {list-style:none; margin-right: 1rem;}
.faq_category li a {font-size: var(--font-size-nomal); color: #212121; opacity: .5; font-weight: 500; padding: 5px 15px; border-radius: 50px; border: 1px solid #e4e4e4; cursor:pointer }
.faq_category li a.on {background-color: var(--main-color); color: #fff; border-color:var(--main-color); opacity: 1;} 



@media screen and (max-width: 980px) {
	.faq_category li {line-height:50px;}
	
	
	ul.faq_list>li .acc_head  {padding: 15px; padding-right: 50px;}
	ul.faq_list>li .acc_head::after  {width: 30px; height: 30px ; right: 10px; background-size: 100%;}
	

}


@media screen and (max-width: 768px) {
	ul.faq_list>li .acc_head .subject {font-size: var(--font-size-nomal);}
	ul.faq_list>li .acc_content p {font-size: var(--font-size-nomal);}
	ul.faq_list>li .acc_head  {padding: 12px 0; padding-right: 30px;}
	ul.faq_list>li .acc_content {padding: 12px 0}
	ul.faq_list>li .acc_head::after {width: 25px; height: 20px; right: 0;}
	

}

@media screen and (max-width: 640px) {
	ul.faq_list>li .acc_head  .subject {flex-direction: column;}
}





/* 문의하기 */

.inquiry-con-write-box{display: flex; flex-wrap: wrap; margin: -0.8rem -1rem; padding-bottom: 2rem;}
.inquiry-con-write-box dl {display:table; width: calc(100% - 2rem); margin: 0.8rem 1rem; background-color:#fafafa;}
.inquiry-con-write-box dl.w50 {width: calc(50% - 2rem); margin: 0.8rem 1rem;}
.inquiry-con-write-box dt {display:table-cell; position:relative; width:13rem; vertical-align: middle; height:6rem;     padding: 1.5rem 0 1.5rem 2.8rem;font-size:1.6rem; font-weight: 700; line-height: 6rem; letter-spacing: -0.015em; color:#000000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.2;}
.inquiry-con-write-box dd {width: calc(100% - 13rem); display:table-cell; vertical-align: top; padding:0 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.inquiry-con-write-box dd input,
.inquiry-con-write-box dd select,
.inquiry-con-write-box dd textarea{
	height:6rem; border:0; width:100%; font-size:1.4rem; letter-spacing: -0.02em; color:#000; font-weight: 400; background-color:#fafafa; text-indent: 1rem;
}
.inquiry-con-write-box dd textarea {width:100%; height:26rem; padding: 1.5rem 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:none;  }
.inquiry-con-write-box dd input::placeholder,
.inquiry-con-write-box dd textarea::placeholder {color: #b7b7b7;}
.inquiry-con-write-box .custom-radio-item label {color: rgba(0,0,0,0.5);}
.inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label {color: #000;}
.inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label::before {color: #000;}
.custom-check-wrap {display: flex; align-items: center;}
.custom-check-wrap strong {width: 17.5rem; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.025em; color: #000000;}
.custom-check-wrap .custom-checkbox-item-box {display: flex; width: calc(90% - 17.5rem);}
.custom-check-wrap:first-of-type .custom-checkbox-item-box {border-bottom: 0.1rem solid rgba(51,51,51,0.1);}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item {display: inline-block; width: 14%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:first-child {width: 12%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:nth-child(4) {width: 12%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:last-child {width: 20%;}

.inquiry-bottom-con {display: flex; align-items: center; justify-content: space-between; padding-top: 1.5rem;}
.inquiry-bottom-con .agree-txt {display: flex; align-items: center;}
.inquiry-bottom-con .agree-txt li {margin-right: 2.3rem;}
.inquiry-bottom-con .agree-txt input {display: none;}
.inquiry-bottom-con .agree-txt label {position: relative; display: inline-block; padding-left: 3rem; font-size: 1.55rem;  font-weight: 500; letter-spacing: -0.05em; line-height: 2.4rem; color: #000000;}
.inquiry-bottom-con .agree-txt label:before {position: absolute; content: '\e92c'; top: 0.1rem; left: 0; font-size: 2.4rem; color: #000; font-family: xeicon;}
.inquiry-bottom-con .agree-txt label a {display: inline-block; color: #000; border-bottom: 0.3rem solid #000;}
.inquiry-bottom-con .agree-txt input:checked + label:before {content: '\e92b';}
.inquiry-bottom-con .right-box {display: flex; align-items: center;}
.cm-btn02 {display: block; width: 20rem; height: 6rem; line-height: 5.4rem; text-align: center; border-radius: 1rem; border: 0.3rem solid #cfcfcf; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; color: #000; font-weight: 700; transition: all 0.3s;} 
.cm-btn02:hover {border-color: #717171;}
.inquiry-essential-txt{text-align:right; color:#333333; font-size:1.6rem; letter-spacing:-0.025em; padding-bottom:15px;}
.essential-icon{color:var(--main-color); font-size: 1.8rem; margin-right:0.1em}
.privacy-btn {position: absolute; left: 1.5rem; top: 13px;width: 140px; height: 33px;}
.privacy-btn a {display: flex; align-items: center; justify-content: space-between; padding: 0 10px; width: 100%; height: 100%; line-height: 31px; border: 1px solid #030e1b; 
	font-size: 14px; font-weight: 600; color: #030e1b; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.privacy-btn a i {font-size: 18px;}
.cm-btn-controls .cm-btn01 {margin: 10rem auto 0;}
.recaptcha-box {height: 63px; padding: 1rem ;}
.recaptcha-box .g-recaptcha {display: inline-block;}

@media all and (min-width:801px){
	.recaptcha-box .g-recaptcha {transform: scale(0.8); transform-origin: 0 0; width: calc(100% / 0.8);}
}

@media all and (max-width:1280px){
	.custom-check-wrap .custom-checkbox-item-box .custom-checkbox-item,
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:first-child, 
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:nth-child(4), 
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:last-child {width: auto;}
}
@media all and (max-width:800px){
	.public-info-con {padding-top: 0;}
	.inquiry-con-write-box dl.w50 {width: calc(100% - 2rem);}
	.inquiry-con-write-box dt { padding-left: 2rem; width: 11rem;}
	.inquiry-con-write-box dd {width: calc(100% - 11rem);}
	.inquiry-con-write-box dl.recaptcha{display: block;}
	.inquiry-con-write-box dl.recaptcha dt {width: 12rem; width: 100%; height: auto; display: block;}
	.inquiry-con-write-box dl.recaptcha dd {width: calc(100% - 12rem); width: 100%; display: block;}
	.custom-check-wrap {flex-wrap: wrap;}
	.custom-check-wrap strong { display: inline-block;width: 100%; padding-top: 2rem; padding-left: 7px;}
	.custom-check-wrap .custom-checkbox-item-box {width: 100%; flex-wrap: wrap; /* margin: -2px -7px; */ margin: -7px 0;}
	.custom-check-wrap .custom-checkbox-item-box .custom-checkbox-item {margin: 7px;}
	.inquiry-con-tbl .custom-radio-item-box {margin: -3px 0;}
	.inquiry-con-tbl .custom-radio-item-box .custom-radio-item {margin: 7px;}
	.inquiry-bottom-con {flex-wrap: wrap;}
	.inquiry-bottom-con .agree-txt {flex-wrap: wrap; width: 100%; align-items: start; justify-content: center;}
	.inquiry-bottom-con .agree-txt li {width: 100%; text-align: left; margin-right: 0; margin-bottom: 1.5rem;}
	.inquiry-bottom-con .agree-txt li:last-child {margin-bottom: 0;}
	.inquiry-bottom-con .right-box {width: 100%; text-align: center;}
	.recaptcha-box {height: auto; padding: 0 1rem 2rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.cm-btn02 {margin: 3rem 0 0;}
  .inquiry-con-write-box dt {
    vertical-align: top;
}
}


.color-txt {
    color: var(--main-color);
}
.pdb-0 {padding-bottom:0 !important}

#aboutContent{font-size:18px; color:#000;}
/* 상단 */
.about-fonuder-say-con{position:relative; padding:6% 0%; background-color:#e8e8e8;}
.about-fonuder-say-con:before{position:absolute; top:0px; bottom:0px; right:0px; width:100%; content:""; background:url('../images/content/company_top_img.png') no-repeat 100% 0; background-size:auto 100%; }
.about-fonuder-say-con .founder-say-tit{font-weight:500;}
.about-fonuder-say-con .founder-bold-txt{display:block; font-size:2.44em; letter-spacing:-0.01em; line-height:1.3; margin:1em 0; font-weight:600;}
.about-fonuder-say-con .founder-txt{font-size:1.33em; line-height:1.66; font-weight:500;}
.about-fonuder-say-con.aos-animate:before{opacity:1;}
/* 중간 */
.about-ceo-txt-con{padding:75px 0 95px; letter-spacing:-0.5px;}
.about-ceo-txt-con .about-ceo-txt1{font-size:1.33em; line-height:1.66; font-weight:500;}
.about-ceo-txt-con .about-ceo-txt2{font-size:1.11em; line-height:1.8; margin-top:2.3em}
.about-ceo-txt-con .about-ceo-txt3{font-size:1.66em; line-height:1.66; font-weight:500; margin-top:1.53em}
.about-ceo-txt-con .m-br{display:block}


@media all and ( max-width: 1366px ){
	/* 상단 */
	.about-fonuder-say-con .founder-bold-txt{font-size:2em}
}
@media all and ( max-width: 1220px ){
	#aboutContent{font-size:16px;}
	/* 상단 */
	.about-fonuder-say-con .founder-bold-txt{font-size:1.6em; text-shadow:1px 1px 1px rgba(255, 255, 255, .2);}
	.about-fonuder-say-con:before{ z-index:-1 }
}
@media all and ( max-width: 800px ){
	#aboutContent{font-size:13px;}
	/* 상단 */
	.about-fonuder-say-con{padding:30px 0;  position:relative;z-index:-1}
	.about-fonuder-say-con:after{position:absolute; top:10px; right:10px; bottom:10px; left:10px; background-color:rgba(255,255,255,0.8); content:""; z-index:-1}
	.about-fonuder-say-con > .area{z-index:2; padding:0 30px}
	.about-fonuder-say-con br{display:none;}
	/* 중간 */
	.about-ceo-txt-con{padding:10% 0;}
	.about-ceo-txt-con br{display:none;}
	/* 하단 */
	.about-ceo-name-con{padding:10% 0;}
}
@media all and ( max-width: 480px ){
	#aboutContent{font-size:12px;}
	/* 상단 */
	.about-fonuder-say-con:before{background-position:50% 0;}
	/* 중간 */
}


.overview-img-con {
    position: relative;
    height: 120rem;
}

.overview-img-con .inner {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.overview-img-con .inner .img-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.overview-img-con .inner .img-box span {
    display: block;
    width: 100%;
    height: 100%;
}


@media all and (max-width:800px){

	.overview-img-con {height: 45rem;}
	
}
@media all and (max-width:480px){

	.overview-img-con {height: 35rem;}
	
}



/* history :: 배너 */
.history-page .sub-top-banner .bg {
    background-image: url('/images/content/history_banner.jpg');
}

.history-con-wrapper {
    position: relative;
    background: #f7f7f7;
}

/* 좌측 연도선택영역 */
.history-tab-wrapper-style {
    position: absolute;
    width: 100%;
    top: 10rem;
    left: 0;
    transition: var(--transition-custom2);
}

/* 좌측 연도선택영역 :: 타이틀 */
.history-tab-wrapper-style .tit-box {
    margin-bottom: 8rem;
}

.history-tab-wrapper-style .tit-box h5 {
    position: relative;
    display: inline-block;
    padding-bottom: 6rem;
    font-size: 11rem;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #000;
    z-index: 1;
}

.history-tab-wrapper-style .tit-box h5:before {
    position: absolute;
    content: 'Since';
    font-size: 10rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #d5d5d5;
    right: -8rem;
    bottom: 0rem;
    z-index: -1;
}

.history-tab-wrapper-style .tit-box .txt01 {
    font-size: 1.8rem;
    line-height: 1.66;
    letter-spacing: -0.03em;
    color: #000;
}

.history-tab-wrapper-style .tit-box .txt02 {
    font-size: 1.8rem;
    line-height: 1.66;
    letter-spacing: -0.03em;
    color: #000;
    padding-left: 3rem;
}

/* 좌측 연도선택영역 :: 메뉴 */
.history-tab-list-style ul li {
    margin-bottom: 2rem;
}

.history-tab-list-style ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.history-tab-list-style ul li a em {
    position: relative;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #ddd;
 
}

.history-tab-list-style ul li.selected a em {
    color: #000;
}

.history-tab-list-style ul li.selected a em:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0.3rem;
    background: #000;
    bottom: -0.5rem;
    left: 0;
}

/* 모바일 드롭메뉴 */
.history-drop-open-btn-style {
    display: none;
}

/* 연혁 내용 */
.history-con-wrapper .history-tab-content-style {
    display: flex;
    flex-direction: column;
    align-items: end;
    background: #f6f6f6;
}

.history-tab-con {
    width: 100rem;
    background: #fff;
    padding: 0 7.2rem 0 9.3rem;
    box-sizing: border-box;
}

.history-tab-con:first-of-type {
    padding-top: 5rem;
}

.history-tab-con:last-of-type {
    padding-bottom: 5rem;
}

/* 연혁 내용 :: Year */
.history-year-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 5rem 0;
    border-bottom: 1px dashed #cccccc;
}

.history-year-item .history-year {
    position: relative;
    z-index: 1;
    width: 14rem;
    color: #000;
    font-weight: 700;
    font-size: 3rem;
}

.history-year-item .history-year strong {
    font-weight: 900;
}

.history-tab-con:last-of-type .history-year-item:last-of-type {
    border-bottom: 0;
}

/* 연혁 내용 :: Month */
.history-month-box {
    position: relative;
    width: calc(100% - 14rem);
}

.history-month-box .history-month-item {
    position: relative;
    display: flex;
    line-height: 1.4;
    margin-bottom: 1.5rem;

}

.history-month-box .history-month-item:last-of-type {
    margin-bottom: 0;
}

.history-month-box .history-month-item .history-month {
    width: 4.2rem;
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.3;
}

.history-month-box .history-month-item .history-detail-txt-con {
    width: 100%;
}

.history-month-box .history-month-item .history-month + .history-detail-txt-con {
    width: calc(100% - 4.2rem);
}

.history-month-box .history-month-item .history-detail-txt {
    color: rgba(34,34,34,0.6);
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin-bottom: 1.5rem;
    word-break: keep-all;
    font-weight: 300;
}

.history-month-box .history-month-item .history-detail-txt:last-of-type {
    margin-bottom: 0
}

/* 좌측 연도선택영역 :: fixed */
@media all and (min-width: 1025px) {
    .history-con-wrapper.scroll-up.fixed .history-tab-wrapper-style {
        top:10rem;
    }
}

@media all and (min-width: 801px) {
    .history-con-wrapper.fixed .history-tab-wrapper-style {
        position: fixed;
    }

    .history-con-wrapper.bottom-fixed .history-tab-wrapper-style {
        bottom: 9rem;
    }

    .history-con-wrapper.bottom-fixed .history-tab-wrapper-style {
        position: absolute;
        top: auto;
        bottom: 20rem;
    }
}

@media all and ( max-width: 800px ) {
    /* 연혁 내용 :: Year */ .history-year-group-tit + .history-year-list-box {
        margin-left:0;
    }

    .history-year-item .history-year {
        width: 10rem;
    }

    /* 연혁 내용 :: Month */
    .history-month-box {
        width: calc(100% - 10rem)
    }
}

/********** 연혁 :: KD :: 반응형 **********/
@media all and (max-width: 1280px) {
    /* 좌측 연도선택영역 :: 타이틀 */ .history-tab-wrapper-style .tit-box {
        margin-bottom: 5rem;
    }

    .history-tab-wrapper-style .tit-box h5 {
        font-size: 12rem ;
    }

    /* 좌측 연도선택영역 :: 메뉴 */
    .history-right-scroll-bar:before {
        opacity: 0;
    }

    .history-tab-list-style ul li a em {
        font-size: 4rem;
    }

    .history-tab-con {
        /* width: 100%; */
        min-width: auto;
        width: 65rem;
        padding: 0 5rem;
    }
}

@media all and (min-width: 1025px) and ( max-height: 830px ) {
    /* 좌측 연도선택영역 :: 타이틀 */ .history-tab-wrapper-style {
        top: 9rem;
    }

    .history-tab-wrapper-style .tit-box .txt01 {
        padding-bottom: 1rem;
    }
}

@media all and (max-width: 800px) {
    /* 좌측 연도선택영역 :: 타이틀 */ .history-tab-wrapper-style {
        position: relative;
        top: auto;
    }

    .history-tab-wrapper-style .tit-box {
        padding-top: 5rem;
        margin-bottom: 5rem;
    }

    .history-tab-wrapper-style .tit-box h5 {
        font-size: 10rem;
    }

    .history-tab-wrapper-style .tit-box h5:before {
        font-size: 8rem;
    }

    .history-tab-wrapper-style .tit-box .txt01 {
        padding-bottom: 0;
    }

    /* 좌측 연도선택영역 :: 메뉴 :: 모바일 드롭메뉴 */
    .history-tab-list-wrap {
        height: 40px;
    }

    .history-drop-menu-style {
        position: relative;
        width: 100%;
    }

    .history-drop-open-btn-style {
        display: block;
        position: relative;
        padding: 0 15px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        background-color: var(--main-color);
        box-sizing: border-box;
    }

    .history-drop-open-btn-style span {
        color: #fff;
    }

    .history-drop-open-btn-style .arrow {
        color: #fff;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -7px
    }

    .history-drop-open-btn-style.open .arrow {
        transform: rotate(180deg)
    }

    .history-drop-menu-style ul {
        display: none;
        margin: 0;
        height: auto;
        position: absolute;
        top: 100%;
        left: 0px;
        right: 0px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-top: 0;
        z-index: 11;
        box-sizing: border-box;
    }

    .history-drop-menu-style ul li {
        position: static;
        display: block;
        float: none;
        border: 0;
        border-top: 1px solid #eee;
        width: auto;
        background-color: transparent;
        margin-bottom: 0;
    }

    .history-drop-menu-style ul li:first-child {
        border-top: 0;
        border-left: 0
    }

    .history-drop-menu-style ul li a {
        display: block;
        width: auto;
        height: auto;
        padding: 10px 15px;
        border: 0;
    }

    .history-drop-menu-style ul li a em {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        color: #000;
    }

    .history-drop-menu-style ul li.selected {
        background-color: transparent;
        border-color: #eee;
    }

    .history-drop-menu-style ul li.selected a em {
        color: var(--main-color);
        font-weight: 600;
    }

    .history-tab-list-style ul li.selected a em:before {
        display: none;
    }

    .history-drop-menu-style.top-fixed {
        position: fixed;
        width: calc(100% - 60px);
        height: 0;
        top: 100px;
        left: 30px;
        z-index: 1000;
    }

    .history-con-wrapper .history-tab-content-style {
        padding: 5rem 0;
    }

    .history-tab-con {
        max-width: none;
        width: 100%;
        padding: 0 2.5rem;
    }

    .history-tab-con:first-of-type {
        padding-top: 0;
    }

    /* 연혁 내용 */
    .history-year-item {
        flex-wrap: wrap;
    }

    .history-year-item .history-year {
        width: 100%;
        padding-bottom: 2rem;
    }

    .history-month-box {
        width: 100%;
    }
}




/*best product*/
#bestPdt_slider {}
#bestPdt_slider .swiper-slide {cursor: pointer;}
.bestPdt_slider-pagination {position: relative !important; height: 5px !important; margin-top: 5rem; border-radius: 50px; overflow: hidden; background-color: #ebebeb !important}
.bestPdt_slider-pagination .swiper-pagination-progressbar-fill {background-color: #929292 !important;}

.product_list .thumbNail {position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; background-color: #f6f6f6; transition: ease all .5s; border-radius: 15px;}
.product_list .thumbNail button {width:45px; height: 45px; border: 1px solid #e4e4e4; background-color: #fff; position: absolute; bottom: 1.5rem; right: 1.5rem; border-radius: 100%;}
.product_list .thumbNail button img {width: 25px;}
.product_list .thumbNail>img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; transition: ease all .5s}
.product_list .itemInfo {width: 100%; padding-top: 2rem; text-align:center}
.product_list .itemInfo p {font-size: 16px; color: #212121;}
.product_list .itemInfo p.name {font-weight: 600; font-size:18px;    margin-bottom: 8px;}
.product_list .itemInfo p.price {margin-top: 0.5rem; }
.product_list .box {margin-bottom: 3rem;}
.product_list .box:hover .thumbNail {box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.product_list .box:hover .thumbNail>img {transform: translate(-50%,-50%) scale(1.1, 1.1) ;}



@media all and (max-width:980px ){

    /*best product*/
    .product_list .itemInfo {padding-top: 1rem;}
    .product_list .itemInfo p.price {margin-top: 0}
    .bestPdt_slider-pagination {margin-top: 3rem;}
	.product_list .thumbNail button {width: 35px; height: 35px; bottom: 1rem; right: 1rem;}
	.product_list .thumbNail button img {width: 20px;}
    
   
}


@media all and (min-width:980px) {
    /*best product*/
    #bestPdt_slider .swiper-slide .thumbNail {border-radius: 30px;}
    
  
}
@media all and (max-width:980px ){
.product_list .itemInfo p {font-size:12px;}
.product_list .itemInfo p.name {font-size:16px; margin-top:10px;}

}
#scroll {position: absolute; bottom: 30px; left: 50%; transform: translate(-50%, 0); z-index: 1; animation: float 1.5s ease-out infinite; opacity: 0.5; transition: ease all .3s;}
#scroll.hide {opacity: 0; visibility: hidden; transition: ease all .3s;}

@keyframes float {
  50% {
     transform: translate(-50%, 20px);
  }
}
/* 상품리스트페이지'S CSS
===============================================================================================================*/
#pdtList-head {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 3rem;}
#pdtList-head p {font-size: var(--font-size-small); color: #9a9a9a;}
#pdtList-head p strong {color: var(--main-color);}
ul.arr_type {display: flex; flex-wrap: wrap; justify-content: flex-start}
ul.arr_type li {font-size: var(--font-size-small);}
ul.arr_type li a {color: #9a9a9a;}
ul.arr_type li.on a {color: var(--main-color); font-weight: 500;}

#pdtList-head ul.arr_type li + li::before {content: ''; display: inline-block; width: 1px; height: 12px; background: #e4e4e4; margin: 0 10px; vertical-align: middle;}


/* 상품상세'S CSS
===============================================================================================================*/
#detailPage-top {position: relative; display: flex; flex-wrap: wrap; width: 100%; margin-bottom:50px; }
#detailPage-top .box {position: relative; width: 50%; box-sizing: border-box;}
#detailPage-top .box img {width:100%}
#slider__wrap {position: sticky; top: 0; left: 0; z-index: 1;}
#subDetail_slider {width: 100%; overflow: hidden;}
#subDetail_slider-prev { left: 3rem}
#subDetail_slider-next { right: 3rem}

#pdt_detailInfo {overflow-y: scroll; /*padding-top:7rem;*/}
#pdt_detailInfo::-webkit-scrollbar {display: none;}
#pdt_detailInfo #text {/*margin-top: 5rem;*/}
#pdt_detailInfo #text ul.location {margin-bottom: 1.5rem;}
#pdt_detailInfo #text ul.location li {font-size: var(--font-size-nomal)}
#pdt_detailInfo #text p {color: #212121; margin-top: 2rem;}
#pdt_detailInfo #text p.item_name_eng {font-size:var(--font-size-mid); line-height: 1.2; color:#333;  font-weight: 600; }
#pdt_detailInfo #text p.item_name {font-size: var(--font-size-midTitle); font-weight: 600; line-height: 1.35;}
#pdt_detailInfo #text p.desc {font-size:var(--font-size-mid); line-height: 1.53;}
#pdt_detailInfo #text p.price {font-size:var(--font-size-big); font-weight: 600;  line-height: 1.53; margin-top: 3rem;}
#pdt_detailInfo #text p.price span {color: #9a9a9a; text-decoration: line-through; font-size: var(--font-size-mid); margin-right: 10px; }
#pdt_detailInfo #text .item_counting {}
#pdt_detailInfo #text .item_counting dl {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 2.2rem 0;}
#pdt_detailInfo #text .item_counting dl + dl {border-top: 1px solid #e4e4e4}
#pdt_detailInfo #text .item_counting dl dt, #pdt_detailInfo #text dl dd {font-size:var(--font-size-mid); color: #212121}
#pdt_detailInfo #text .item_counting dl dt {}
#pdt_detailInfo #text .item_counting dl dd {}
#pdt_detailInfo #text .item_counting dl dd strong {color: var(--main-color);}
#pdt_detailInfo #text .comm_btns__wrap {position: relative;  box-sizing: border-box;     border-top: 1px solid #e4e4e4; margin-top: 2rem;}
#pdt_detailInfo #text .comm_btns__wrap .comm_btns {background: #fff; width:100%; padding: 15px 0; margin-top:40px;}
#pdt_detailInfo #text .comm_btns__wrap .comm_btns:hover {background:var(--main-color);}
#pdt_detailInfo #text .comm_btns__wrap .comm_btns.buy {background:var(--main-color); color: #fff; font-size:var(--font-size-mid);}
#pdt_detailInfo #text .comm_btns__wrap .comm_btns.buy:hover {background:var(--main-color); border-color: var(--main-color);}
#pdt_detailInfo #text .comm_btns__wrap .comm_btns.wish {position: absolute; top: 0; left: 0;  width: 100px;}

#pdt_detailInfo #detail_img {margin-top: 5rem;}
#pdt_detailInfo #detail_img img {width: 100%}


@media all and (max-width:980px) {
    #detailPage-top {display: block; height: auto;}
    #detailPage-top .box {width: 100%;}
    #pdt_detailInfo {padding-top: 0;}
    #pdt_detailInfo #text p.price {margin-top: 2rem;}
    #pdt_detailInfo #text .item_counting {border-top: 1px solid #e4e4e4; margin-top: 3rem;}
    #pdt_detailInfo #text .item_counting dl {padding: 0; margin-top: 1.5rem;}
    #pdt_detailInfo #text .item_counting dl + dl {border-top: 0;}
    
    #pdt_detailInfo #detail_img {mrargin-top: 3rem;}
}


.story-top-banner {
    background: no-repeat center;
    background-image: url("../images/content/story_banner_img.jpg");
    text-align: center;
    padding: 15.325% 0 15.9%
}

.story-top-banner .tit {
    font-size: 4.4rem;
    letter-spacing: 0.01em;
    color: #fff;
    line-height: 1.36em;
    margin-bottom: 3rem;
    font-weight: 600;
}

.story-top-banner .txt {
    font-size: 2.4rem;
    letter-spacing: -0.075em;
    color: #fff;
    line-height: 1.63em;
    /* font-weight:500; */
    opacity: 0.6;
    margin-bottom: 3rem;
}

.story-top-banner .txt02 {
    font-size: 2rem;
    letter-spacing: -0.075em;
    color: #fff;
    line-height: 1.63em;
    /* font-weight:500; */
    opacity: 0.6;
    margin-bottom: 0rem;
}

/* Story :: 텍스트 */
.story-con-box .story-item {
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    padding: 14rem 0 6rem 0;
}

.story-con-box .story-item:last-child {
    border-bottom: 0;
}

.story-con-box .story-item .tit {
    font-size: 2rem;
    line-height: 2.5em;
    letter-spacing: 0.01em;
    color: #232323;
    font-weight: 600;
    margin-bottom: 1.3rem;
}

.story-con-box .story-item .txt {
    font-size: 3rem;
    line-height: 1.66;
    letter-spacing: -0.075em;
    color: #232323;
    font-weight: 500;
}

.story-con-box .story-item .txt b {
    color: var(--main-color);
    font-weight: 500;
}

@media all and (max-width:800px){
	.story-con-box .story-item{padding:7rem 0;}
	.story-top-banner .txt02{font-size:1.5rem;}
	.story-con-box .story-item .txt{font-size:2rem;}
	.story-con-box .story-item .tit{font-size:1.5rem;}
	.story-top-banner .tit{font-size:2.7rem;}
	.story-top-banner .txt{font-size:1.3rem;}
}



/*.ci-con-wrapper .logo-system-con {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10.5rem;
}*/

.ci-con-wrapper .ci-logo-down-box {
    border: 2px solid #ececec;
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: 5rem;
}

.ci-con-wrapper .ci-logo-down-box .img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
   /* padding: 10rem 5rem 6rem 5rem;*/
    box-sizing: border-box;
}

.ci-con-wrapper .ci-logo-down-box .img-wrap .logo-img-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:100%;
   /* padding: 0 2rem;*/
}

.ci-con-wrapper .ci-logo-down-box .img-wrap .logo-img-box.mo {
  display: none;
}

.ci-con-wrapper .ci-logo-down-box .logo-system-txt {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.055em;
    color: #000;
    padding-top: 2rem;
}

.ci-con-wrapper .ci-logo-down-box .img-wrap img {
    max-width: 100%;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap {
    background-color: #f3f3f3;
    padding: 4.5rem;
    box-sizing: border-box;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap .btn-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 20.8rem;
    height: 5.8rem;
    background-color: #fff;
    border-radius: 0.8rem;
    padding: 0 2rem;
    box-sizing: border-box;
    transition: all 0.3s;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a:first-child {
    margin-right: 2rem;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a p {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.55em;
    letter-spacing: -0.015em;
    color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a p strong {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.55em;
    letter-spacing: -0.015em;
    color: #000;
    padding-right: 1rem;
    transition: all 0.3s;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a i {
    font-size: 1.6rem;
    color: #000;
    transition: all 0.3s;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a:hover {
    background-color: var(--main-color)
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a:hover p {
    color: rgba(255, 255, 255, 0.5);
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a:hover p strong {
    color: #fff;
}

.ci-con-wrapper .ci-logo-down-box .btn-wrap a:hover i {
    color: #fff;
}

.ci-con-wrapper .system-txt-box {
    padding: 0;
    box-sizing: border-box;
}

.ci-con-wrapper .logo-system-txt {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.66em;
    letter-spacing: -0.055em;
    color: rgba(0, 0, 0, 0.7);
    padding-bottom: 3rem;
}

.ci-con-wrapper .logo-system-txt:last-child {
    padding-bottom: 0;
}

.logo-mark-con {
    padding: 10rem 0;
}

.logo-mark-con .mark-box {
    display: flex;
    align-items: center;
}

.logo-mark-con .mark-box .mark-img-box {
    width: 45.589%;
    position: relative;
    height: 0;
    padding-top: 26.177%;
    box-sizing: border-box;
    border: 2px solid #efefef;
    border-radius: 2rem;
}

.logo-mark-con .mark-box:first-child {
    margin-bottom: 10.5rem;
}

.logo-mark-con .mark-box .mark-img-box img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
}

.logo-mark-con .mark-box .mark-txt-box {
    width: 49.412%;
    padding-left: 4.2%;
}

.logo-mark-con .mark-box .mark-txt-box .mark-tit {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.66em;
    letter-spacing: -0.025em;
    color: var(--main-color)
}

.logo-mark-con .mark-box .mark-txt-box .mark-st {
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.66em;
    letter-spacing: -0.055em;
    color: #000;
    padding-bottom: 0.8rem;
}

.logo-mark-con .mark-box .mark-txt-box .mark-txt {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.66em;
    letter-spacing: -0.055em;
    color: rgba(0, 0, 0, 0.7);
}
/* ****************** company :: ci ****************** */
@media all and (max-width:800px){
	.ci-con-wrapper .system-txt-box {padding: 0;}
	
	.ci-con-wrapper .ci-logo-down-box {margin-bottom: 2.5rem;}
	.ci-con-wrapper .ci-logo-down-box .img-wrap {flex-direction: column; padding: 3rem;}
	.ci-con-wrapper .ci-logo-down-box .img-wrap .logo-img-box {padding: 2rem 0; width: 100%;}
	.ci-con-wrapper .ci-logo-down-box .btn-wrap {padding: 2.5rem;}
	.ci-con-wrapper .ci-logo-down-box .btn-wrap a {height: 4.5rem; padding: 0 1rem;}

  .ci-con-wrapper .ci-logo-down-box .img-wrap .logo-img-box.mo {display: block;}
  .ci-con-wrapper .ci-logo-down-box .img-wrap .logo-img-box.pc {display: none;}
	
	.logo-mark-con {padding: 5rem 0;}
	.logo-mark-con .mark-box {flex-direction: column; align-items: flex-start;}
	.logo-mark-con .mark-box .mark-img-box {width: 100%; padding-top: 50%;}
	.logo-mark-con .mark-box .mark-txt-box {width: 100%; padding-left: 0; margin-top: 3rem;}
	.logo-mark-con .mark-box:first-child {margin-bottom: 5rem;}
	.logo-mark-con .mark-box .mark-img-box img {max-width: 55%;}
}

@media all and (max-width:640px){
	.ci-con-wrapper .ci-logo-down-box .img-wrap img {display: block; margin: 0 auto; max-width: 100%;}
}

@media all and (max-width:480px){
	.ci-con-wrapper .ci-logo-down-box .btn-wrap a {width: 50%;}
	.ci-con-wrapper .ci-logo-down-box .btn-wrap a p strong {font-size: 1.4rem; padding-right: 0.5rem;}
}



.location-info-con {
    display: flex;
    align-items: center;
}

.location-info-con .tit-box {
    position: relative;
    width: 27.058%;
}

.location-info-con .tit-box h4 {
    font-size: 5.4rem;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: -0.055em;
    color: #000;
}

.location-info-con .tit-box p {
    font-size: 1.8rem;
    line-height: 1.55em;
    font-weight: 600;
    letter-spacing: -0.025em;
    color: var(--main-color);
}

.location-info-con .info-box {
    position: relative;
    width: 72.942%;
    margin-left: 3.5rem;
}

.location-info-con .info-box::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 6.2rem;
    background-color: rgba(0, 0, 0, 0.15);
    left: -5%;
    top: 50%;
    transform: translateY(-50%)
}

.location-info-con .info-box .info-inner {
    display: flex;
}

.location-info-con .info-box dl {
    display: flex;
    margin-top: 2rem;
}

.location-info-con .info-box > dl:first-child {
    margin-top: 0;
}

.location-info-con .info-box dl.maRight {
    margin-right: 4.2rem;
}

.location-info-con .info-box dt {
    position: relative;
    padding: 0 2rem 0 2.5rem;
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.055em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.location-info-con .info-box dt i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.8rem;
    line-height: 1.5em;
    color: #000;
}

.location-info-con .info-box dd {
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    letter-spacing: -0.055em;
}

@media all and (max-width:1280px){
	.location-info-con .tit-box {width: 31.058%;}
	.location-info-con .info-box {width: 68.942%;}
	.location-info-con .info-box::before {left: -4%;}
}

@media all and (max-width:800px){
	.location-info-con {flex-direction: column;}

	.location-info-con .tit-box {width: 100%; margin-bottom: 2rem;}
	.location-info-con .info-box {width: 100%; margin-left: 0; margin-bottom: 0;}
	.location-info-con .info-box::before {display: none;}
	.location-info-wrap:last-child {padding: 6rem 0;}
	.map-iframe-wrapper .map-iframe-con {padding-top: 45%;}
	.intro-banner-wrap .banner-gray-bg-box .banner-box {padding-top: 50%; background: 19% 100% / cover no-repeat url("/images/content/intro_banner_m.jpg");}
}

@media all and (max-width:480px){
	.location-info-con .info-box .info-inner {flex-direction: column;}
	.location-info-con .info-box dl.maRight {margin-right: 0;}
	.map-iframe-wrapper .map-iframe-con {padding-top: 53%;}
}


.con-tab{ display: none; padding:20px 0 0;} 
.con-tab.active{ display: block;}