/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2025-03-07
******************************************************** */

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height: 98rem; position:relative; background-color:#000;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	transform: scale(1.08,1.08);
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.active-item .main-visual-img{animation: image-zoom-out 8s 0s forwards;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-txt-box{
	display:flex; align-items:center;
	width: 100%; height:100%; box-sizing: border-box;
}
.main-visual-txt-inner{width: 100%; display:flex; flex-direction: column; align-items:center; justify-content: center; text-align: center;}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .header-search-box{
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size:6rem; font-size: 5.4rem; line-height: 1.2; font-weight:600; color:#fff;}
/* Header :: 검색버튼 */
.header-search-box{margin-top: 5.5rem; position:relative;}
.header-search-inner{margin: 0 auto; position: relative; width:80rem; height:8rem; padding-right:10.5rem; box-sizing:border-box; border:0.3rem solid rgba(153,216,224,0.74); background-color:rgba(47,51,87,0.74); box-shadow: 0.4rem 0.4rem 0.1rem 0 rgba(0,0,0,0.18);}	
.header-search-inner .header-search-word{width:100%; height:100%; vertical-align:top; background-color:transparent; border:0; color:#aed4d8; font-size:2rem; font-weight:500; text-indent:2.5rem;}
.header-search-inner .header-search-word::placeholder{color:#aed4d8;}
.header-search-inner .header-search-word:focus{outline: none;}
.header-search-inner .header-search-btn{position:absolute; top:-0.3rem; right:2rem; width:8rem; height:8rem;}
.header-search-inner .header-search-btn i{font-size:4rem; color: #aed4d8;}


/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1,
.active-item .header-search-box{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-txt1{animation-delay:0.1s;}
.active-item .header-search-box{animation-delay:0.3s;}
.main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-item .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

@media all and ( max-width: 1280px ){
	
}
@media all and ( max-width: 800px ){
	#mainVisual{height: 90rem;}
	.main-visual-txt-inner{padding-bottom: 14rem;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box .main-visual-txt1{font-size:4rem; font-size: 3.8rem; line-height: 1.25;}
	/* Header :: 검색버튼 */
	.main-visual-txt-inner form{width: 100%;}
	.header-search-box{margin-top: 3rem; width: 100%;}
	.header-search-inner{width:100%; height:8rem; padding-right:8.5rem;}	
	.header-search-inner .header-search-word{/* font-size:2rem; */ font-size: 1.8rem; text-indent:2.5rem;}
	.header-search-inner .header-search-btn{top:-0.3rem; right:0; width:8rem; height:8rem;}
	.header-search-inner .header-search-btn i{font-size:4rem;}
}
@media all and ( max-width: 480px ){
	/* Header :: 검색버튼 */
	.header-search-inner{padding-right:7rem;}	
	.header-search-inner .header-search-word{text-indent:2rem;}
	.header-search-inner .header-search-btn{width:6.5rem;}
	.header-search-inner .header-search-btn i{font-size:3.6rem;}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{text-align:center;}
.main-tit-box .main-tit{font-size: 6rem; line-height: 1.25; letter-spacing: -0.05em; font-weight: 600; color: #3a3a3e;}
.main-tit-box .main-sub-tit{margin-top: 1.5rem;}
.main-tit-box .main-sub-tit strong{font-size: 10rem; font-weight: 700; background: #000000; background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent; text-align: center; opacity: 0.1; display: block;}

@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	.main-tit-box .main-tit{font-size: 3.5rem; line-height: 1.28;}
	.main-tit-box .main-sub-tit{margin-top: 1rem;}
	.main-tit-box .main-sub-tit strong{font-size: 5rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠1(퀵메뉴) -------- */
#mainQuickCon{position: relative; margin-top: -11rem; width: 100%; height: 11rem; background-color: #000; z-index: 1; overflow: hidden;}

.main-quick-con{width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-wrap:wrap; position: relative;}
.main-quick-con:before{position: absolute; width: 50vw; left: 39.53%; margin-left: -50vw; height: 100%; background-color: #161a4b; content: '';}

.main-quick-left{width: 39.53%; height: 100%; padding-right: 1.5rem; background-color: #161a4b; display: flex; align-items: center; box-sizing: border-box; overflow: hidden; position: relative;}
.main-quick-left h5{margin-right: 2.5rem; font-size: 2.5rem; line-height: 1.3; letter-spacing: 0.01em; font-weight: 600; color: #fff;}
.main-quick-left p{font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: rgba(255,255,255,0.5);}

.main-quick-right{width: 60.47%; height: 100%; overflow: hidden;}
.main-quick-list{width: 100%; height: 100%; display: flex; flex-wrap:wrap; transform: translateY(100%);}
.main-quick-item{position: relative; width: 25%; height: 100%;}
.main-quick-item + .main-quick-item:before{position: absolute; top: 50%; margin-top: -3rem; left: 0; width: 1px; height: 6rem; background-color: rgba(255,255,255,0.2); content: '';}
.main-quick-item a{padding: 0 11%; width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box;}
.main-quick-item a.m-ver{display: none;}
.main-quick-icon{width: 6.6rem;}
.main-quick-icon span{width: 100%; height: 6.6rem; border-radius: 100%; background-color: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center;}
.main-quick-icon span i{font-size: 2.5rem; color: #fff;}
.main-quick-txt{padding-left: 2rem; width: calc(100% - 6.6rem); box-sizing: border-box;}
.main-quick-txt h5{font-size: 2rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 600; color: #fff;}
.main-quick-txt p{margin-top: 0.5rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.05em; color: rgba(255,255,255,0.5);}

.main-quick-left h5,
.main-quick-left p,
.main-quick-list{ transform: translateY(11rem); transition: var(--transition-custom2); transition-property: transform;}
#mainQuickCon.active-item .main-quick-left h5,
#mainQuickCon.active-item .main-quick-left p,
#mainQuickCon.active-item .main-quick-list{transform: translateY(0);}

/* 전화상담 팝업 */
.popup-tel-modal-content{max-width: 65rem;}
.popup-tel-modal-inner{width: 100%; height: 38rem; max-height: 380px; background-color:#fff; border-radius: 1rem; display: flex;  flex-wrap:wrap; flex-direction: column; align-items: center; justify-content: center;}
.popup-tel-modal-txt{font-size: 2.5rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 600; color: #222; text-align: center;}
.popup-tel-modal-btn{margin-top: 4rem; width: 22rem; height: 8rem; font-size: 1.8rem; letter-spacing: -0.02em; font-weight: 500; color: #fff; background-color: #11176c; display: flex; align-items: center; justify-content: center;}

.popup-tel-modal-btn-group{margin: 4rem auto 0; width: 70%; display: flex; flex-wrap:wrap; justify-content: space-between;}
.popup-tel-modal-btn-group .popup-tel-modal-btn{margin-top: 0; width: 47%;}
.popup-tel-modal-btn-group .popup-tel-modal-btn.email-copy-btn{background-color: #000;}

@media all and (max-width:1280px){
	.main-quick-con:before{left: 30rem;}
	.main-quick-left{width: 30rem; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
	.main-quick-left h5{margin-right: 0; font-size: 2.1rem;}
	.main-quick-left p{margin-top: 1rem;}

	.main-quick-right{width: calc(100% - 30rem);}
}
@media all and (max-width:800px){
	#mainQuickCon{position: relative; margin-top: -28rem; width: 100%; height: auto; background-color: #000; z-index: 1;}
	#mainQuickCon .area-box{padding: 0;}

	.main-quick-con{width: 100%; height: auto;}
	.main-quick-con:before{display: none;}

	.main-quick-left{padding: 0 var(--area-padding); width: 100%; height: 14rem; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
	.main-quick-left h5{margin-right: 0; font-size: 2.5rem; line-height: 1.3;}
	.main-quick-left p{margin-top: 1.2rem; font-size: 1.6rem; line-height: 1.3;}

	.main-quick-right{padding: 0 var(--area-padding); width: 100%; height: 14rem; box-sizing: border-box;}
	.main-quick-item + .main-quick-item:before{display: none;}
	.main-quick-item a{padding: 0 0.5rem; justify-content: center; flex-direction: column;}
	.main-quick-item a.pc-ver{display: none;}
	.main-quick-item a.m-ver{display: flex;}
	.main-quick-icon{margin: 0 auto; width: 6.6rem;}
	.main-quick-icon span{height: 6.6rem;}
	.main-quick-icon span i{font-size: 2.5rem;}
	.main-quick-txt{padding-left: 0; width: 100%; box-sizing: border-box; text-align: center;}
	.main-quick-txt h5{margin-top: 1.2rem; font-size: 1.6rem; line-height: 1.3;}
	.main-quick-txt p{display: none;}

	/* 전화상담 팝업 */
	.popup-tel-modal-inner{height: 32rem;}
	.popup-tel-modal-txt{font-size: 2.5rem; line-height: 1.3;}
	.popup-tel-modal-btn{margin-top: 4rem; width: 22rem; height: 7rem; font-size: 1.8rem;}

	.popup-tel-modal-btn-group{margin: 4rem auto 0; width: 80%;}
	.popup-tel-modal-btn-group .popup-tel-modal-btn{margin-top: 0; width: 47%;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2(CASE) -------- */
#mainCaseCon{padding:21.5rem 0 10rem; }

.main-case-logo{margin-bottom: 8rem; text-align: center;}
.main-case-logo img{display: inline-block; height: 15.2rem; max-height: 152px;}

.main-case-con{margin-top: 10rem;}
.main-case-list{display: flex;}
.main-case-item {position: relative; padding-bottom: 6.5rem;}
.main-case-item .inner {position: relative; width: 100%; height: 100%; background: var(--main-color);}
.main-case-img{position: relative; width: 100%; height: 0; padding-top: 134.98%;}
.main-case-img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.main-case-img:before {position: absolute; content: ''; bottom: -1px; width: 100%; height: 80%; background: linear-gradient(0, var(--main-color), transparent); z-index: 1;}
.main-case-txt{position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 3rem 3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 2;}
.main-case-txt .num {position: relative; padding-left: 1rem; font-size: 1.4rem; font-style: italic; letter-spacing: -0.02em; color: #fff; opacity: 0.6; line-height: 1.3;}
.main-case-txt .num:before {position: absolute; content: ''; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; left: 0; top: 0.6rem; background: rgba(255,255,255,0.6);}
.main-case-txt .tit {font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.5; margin-top: 1.5rem;}
.main-case-cover {position: absolute; display: flex; flex-direction:column; /* justify-content: space-between; */ width: 100%; height: 100%; top: 0; left: 0; padding: 3rem; background: var(--main-color); z-index: 3; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; transition: var(--transition-custom);  transition-property: opacity;}
.main-case-cover .cover-top {padding: 0.5rem 0 2.5rem; border-bottom: 1px solid rgba(255,255,255,0.1);}
.main-case-cover .cover-top .num {position: relative; padding-left: 1rem; font-size: 1.4rem; font-style: italic; letter-spacing: -0.02em; color: #fff; opacity: 0.6; line-height: 1.3;}
.main-case-cover .cover-top .num:before {position: absolute; content: ''; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; left: 0; top: 0.6rem; background: rgba(255,255,255,0.6);}
.main-case-cover .cover-top .tit {font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.5; margin-top: 1.5rem; overflow:hidden;display:block;display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-case-cover .cover-bottom {padding-top:2.5rem;}
.main-case-cover .info{}
.main-case-cover .info + .info{margin-top: 1.5rem;}
.main-case-cover .info dt,
.main-case-cover .info dd{color: #fff; letter-spacing: -0.05em;}
.main-case-cover .info dt{font-size: 1.6rem; font-weight: 600; line-height: 1.3; margin-bottom: 0.5rem;}
.main-case-cover .info dd{font-size: 1.5rem;  font-weight: 500; opacity: 0.6; line-height: 1.66; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}

.main-case-item .btn{position: absolute; bottom: 0; left: 0; height: 6.5rem; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; background: #2e315d; padding: 0 3rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.main-case-item .btn .btn-inner{font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; color: #fff; line-height: 1.46;}

.main-case-item.on .main-case-cover {opacity: 1;}


.main-case-controls {display:flex; justify-content:space-between; align-items:center; margin-top:3rem;}
.main-case-controls .swiper-scrollbar {position:relative; width:calc(100% - 4rem); height:2px; background-color:#f2f2f2; border-radius: 0; margin-right:1.5rem;}
.main-case-controls .swiper-scrollbar-drag {height:2px; background-color:#000; margin-top:0; cursor:pointer;}
.main-case-controls i {font-size:2.5rem; color: #3a3a3e;}
.main-case-controls button + button{margin-left: 1rem;}
.main-case-controls .swiper-button-disabled{opacity:0.5; cursor:default;}

@media all and (min-width:801px){
	.main-case-container.swiper-container{overflow: visible;}
	.main-case-list{width: auto !important; margin: -0.7rem !important; flex-wrap:wrap; transform:none !important;}
	.main-case-item{margin: 0.7rem !important; width: calc(25% - 1.4rem) !important; height: auto !important;}
	.main-case-item a{height: 100%;}
	.main-case-controls {display: none !important;}
}

@media all and (max-width:1280px){
	.main-case-img {padding-top:140% ;}
	.main-case-txt {padding: 0 2.5rem 2.5rem;}
	.main-case-txt .tit {font-size: 1.8rem;}
	.main-case-cover {padding: 2.5rem;}
	.main-case-cover .cover-top {padding: 0 0 2rem;}
	.main-case-cover .cover-top .tit {margin-top: 1rem; font-size: 1.8rem;}
	.main-case-cover .cover-bottom {padding-top: 2rem;}
	.main-case-cover .info dt {font-size: 1.4rem;}
	.main-case-cover .info dd {font-size: 1.3rem;}
}
@media all and (max-width:800px){
	#mainCaseCon{padding:12rem 0 4rem; }
	.main-case-img {padding-top:134.89% ;}
	.main-case-logo{margin-bottom: 7.5rem;}
	.main-case-logo img{height: 8.1rem;}

	.main-case-con{margin-top: 3rem;}

}


/* -------- 메인 컨텐츠 :: 컨텐츠3(SEARCH) -------- */
#mainSearchCon{margin: 10rem 0 9.5rem; background-color: #3e495f;}

.main-search-con{padding-top: 15rem !important; padding-bottom: 15rem !important;}

.main-search-wrapper{margin-top: 8rem;}
.main-search-list{margin: 0 -2.6rem; display: flex; flex-wrap:wrap;}
.main-search-item{margin: 0 2.6rem; width: calc(33.33% - 5.2rem);}
.main-search-box{position: relative; width: 100%; height: 0; padding-top: 93.19%;}
.main-search-box:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: url("../image/main_search_bg.png") center/cover no-repeat; animation: rotateImgAni 5s linear infinite;}
.main-search-item:nth-child(1) .main-search-box:before{animation-delay:0.1s;}
.main-search-item:nth-child(2) .main-search-box:before{animation-delay:0.75s;}
.main-search-item:nth-child(3) .main-search-box:before{animation-delay:0.45s;}
.main-search-inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.main-search-inner .num{font-size: 6rem; line-height: 1.1; font-weight: 600; color: #fff;}
.main-search-inner .unit{margin-top: 1rem; font-size: 3rem; line-height: 1.3; font-weight: 500; color: #0ad7f5;}
.main-search-inner .txt{margin-top: 2.5rem; font-size: 2rem; line-height: 1.3; font-weight: 500; color: #fff;}

.main-search-box.end:before{animation-play-state:paused;}

@keyframes rotateImgAni {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media all and (max-width:1360px){ 
	.main-search-con .area{padding:0;}
}
@media all and (max-width:1280px){
	.main-search-list{margin: 0 -1.5rem;}
	.main-search-item{margin: 0 1.5rem; width: calc(33.33% - 3rem);}
}
@media all and (max-width:800px){
	#mainSearchCon{margin: 4.5rem 0 5rem;}

	.main-search-con{padding-top: 8rem !important; padding-bottom: 12rem !important;}

	.main-search-wrapper{margin-top: 6rem;}
	.main-search-list{margin: -2.6rem;}
	.main-search-item{margin: 2.6rem; width: calc(100% - 5.2rem);}
	.main-search-inner .num{font-size: 6rem; line-height: 1.1;}
	.main-search-inner .unit{margin-top: 1rem; font-size: 3rem; line-height: 1.3;}
	.main-search-inner .txt{margin-top: 2.5rem; font-size: 2rem; line-height: 1.3;}

	/* 수정 250326 */
	.main-search-wrapper{margin: 6rem calc(-0.5 * var(--area-padding)) 0;}
	.main-search-list {margin: 0 -0.3rem;}
	.main-search-item {margin: 0 0.3rem; width: calc(33.33% - 0.6rem);}
	.main-search-inner .num {font-size: 2.8rem;}
	.main-search-inner .unit {margin-top: 0.2rem; font-size: 1.8rem;}
	.main-search-inner .txt {margin-top: 0.2rem; font-size: 1.6rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠4(MEMBER) -------- */
#mainMemberCon{padding: 9.5rem 0 0;}

.main-member-con {position: relative;}
.main-member-con.member01 {margin-top: 5rem;}
.main-member-con.member02 {margin-top: calc(-1*(71rem - 36rem));}
.main-member-con.member03 {margin-top: calc(-1*(71rem - 36rem));}
.main-member-top{position: relative;}
.main-member-top:before {position: absolute; content: ''; bottom: 0; left: 0; background-color: #161a4b; width: 100%; height: 36rem;}
.main-member-top-inner{display: flex; flex-wrap:wrap; align-items: end;}
.main-member-img{position: relative; width: 50%; max-height: 71rem;}
.main-member-img img{max-width: 100%;}
.main-member-name{position: relative; width: 50%; padding: 9.5rem 0 ; background: url("../image/main_member_txt.jpg") center bottom no-repeat;}
.main-member-name dl {display: flex; align-items: end;}
.main-member-name dl dt {display: inline-block; font-size: 6rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; }
.main-member-name dl dd {display: inline-block; padding-left: 2.5rem; font-size: 3rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; line-height: 1.4;}
.main-member-name .txt {font-size: 2.5rem; font-weight: 500; letter-spacing: -0.05em; color: #cedff9; line-height: 1.3; padding-top: 3.5rem;}
.main-member-name .more-btn {display: block; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.02em; color: #fff; opacity: 0.5; line-height: 1.4; margin-top: 2.5rem;}
.main-member-top.reverse .main-member-top-inner { flex-direction: row-reverse;}
.main-member-top.reverse .main-member-name {text-align: right;}
.main-member-top.reverse .main-member-name dl {display: flex;  flex-direction: row-reverse; align-items: end; justify-content: end;}
.main-member-top.reverse .main-member-name dl dd {padding-left: 0; padding-right: 2.5rem;}
.member01 .main-member-bottom {padding: 15rem 0 39rem; background: url(../image/main_member_bg01.jpg)no-repeat left 0 bottom 0 / cover;} .member02 .main-member-bottom {padding: 15rem 0 49rem; background: url(../image/main_member_bg02.jpg)no-repeat right 0 bottom 0 / cover;}
.member03 .main-member-bottom {padding: 15rem 0; background: url(../image/main_member_bg03.jpg)no-repeat right 0 bottom 0 / cover;}
.main-member-bottom-inner {display: flex;}
.main-member-bottom-inner .left-con {width: 50%;}
.main-member-consult .txt {font-size: 3.5rem; font-weight: 600; letter-spacing: -0.05em; color: #222b9f; line-height: 1.28; margin-bottom: 3rem;}
.main-member-consult ul {display: flex;}
.main-member-consult ul li {width: 10rem; margin-right: 1.5rem;}
.main-member-consult ul li a { display: block; position: relative; width: 100%; height: 0;padding-top: 100%; background: #fff; border-radius: 50%;}
.main-member-consult ul li a.m-ver {display: none;}
.main-member-consult ul li a dl {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column;align-items: center; justify-content: center; text-align: center;}
.main-member-consult ul li a dl dt { height: 3.5rem;}
.main-member-consult ul li a dl dd {font-size: 1.4rem; font-weight: 500;  letter-spacing: -0.05em;color: #333333; line-height: 1.3;margin-top: 0.7rem;}

.main-member-certifi {padding-top: 10rem;}
.main-certifi-list {display: flex; flex-wrap: wrap; margin:-1.2rem;}
.main-certifi-list li {width: calc(33.33% - 2.4rem); margin: 1.2rem;}
.main-certifi-list li span {display: block; position: relative; width: 100%; height: 0; padding-top: 142.95%;box-shadow: 1.3rem 1.3rem 1rem rgba(0,0,0,0.05);}
.main-certifi-list li span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.main-member-bottom-inner .right-con {width: 50%; padding-left: 8rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} 
.main-member-bottom-inner .right-con dl {display: flex; padding-bottom: 7.5rem;}
.main-member-bottom-inner .right-con dl dt {width: 9.5rem; font-size: 3rem; font-weight: 600; letter-spacing: -0.02em; color: #222222; line-height: 1.5;}
.main-member-bottom-inner .right-con dl dd {width: calc(100% - 9.5rem);}
.main-member-bottom-inner .right-con dl dd .custom-scrollbar-wrapper{margin-right: 0;}
.main-member-bottom-inner .right-con dl dd .custom-scrollbar-wrapper .scroll-object{width: 100%;}
.main-member-bottom-inner .right-con dl dd .txt {position: relative; padding-left: 0.6rem; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #666666; line-height: 1.9;}
.main-member-bottom-inner .right-con dl dd .txt:before {position: absolute; content: '·'; left: 0; top: 0;}
.main-member-bottom-inner .right-con .btn-box {display: flex; justify-content: end; padding-top: 2rem;}
.main-member-bottom-inner .right-con .btn-box a {display: block; width: 100%; max-width: 30rem; height: 7.5rem; background: var(--main-color4); text-align: center; line-height: 7.5rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.02em; color: #fff;}
.main-member-bottom-inner .right-con .btn-box .close-member-career-box{display: none;}

.main-member-bottom-inner .right-con .main-member-career-box{position: relative;}
.main-member-bottom-inner .right-con .main-member-career-box.open dd{/* overflow-y: auto; overflow-x: hidden;  */max-height: 50rem;}
.main-member-bottom-inner .right-con .main-member-career-box dd .txt:nth-child(5) ~*{display: none;}
.main-member-bottom-inner .right-con .main-member-career-box.open dd .txt:nth-child(5) ~*{display: block;}
.main-member-bottom-inner .right-con .main-member-career-box.open + .btn-box .open-member-career-box{display: none;}
.main-member-bottom-inner .right-con .main-member-career-box.open + .btn-box .close-member-career-box{display: block;}

@media all and (max-width:800px){
	.main-member-con.member02 {margin-top: 0;}
	.main-member-con.member03 {margin-top: 0;}
	.main-member-top {background: #161a4b;}
	.main-member-top:before {display: none;}
	.main-member-top-inner,
	.main-member-top.reverse .main-member-top-inner { flex-direction: column-reverse;}
	.main-member-img {width: 100%; margin-top: 3rem;}
	.main-member-name {width: 100%; padding: 8rem 0; background-size: contain;}
	.main-member-name dl dt {font-size: 3.5rem;}
	.main-member-name dl dd {font-size: 1.8rem;}
	.main-member-name .txt {font-size: 1.6rem; padding-top: 1.5rem;}
	.member01 .main-member-bottom,
	.member02 .main-member-bottom,
	.member03 .main-member-bottom {padding: 8rem 0;}
	.main-member-bottom-inner {display: block;}
	.main-member-bottom-inner .left-con  {width: 100%;}
	.main-member-bottom-inner .right-con  {width: 100%; padding-left: 0; padding-top: 8rem;}
	.main-member-consult .txt {font-size: 2.5rem; margin-bottom: 4rem;}
	.main-member-consult ul li a.pc-ver {display: none;}
	.main-member-consult ul li a.m-ver {display: block;}
	.main-member-certifi {padding-top: 4rem;}
	.main-certifi-list {margin: -0.6rem;}
	.main-certifi-list li {width: calc(33.33% - 1.2rem); margin: 0.6rem;}
	.main-member-bottom-inner .right-con dl {display: block; padding-bottom: 5rem;}
	.main-member-bottom-inner .right-con dl dt {width: 100%; margin-bottom: 1rem;}
	.main-member-bottom-inner .right-con dl dd {width: 100%;}
	.main-member-bottom-inner .right-con .main-member-career-box.open dd {max-height: 40rem;}
	.main-member-bottom-inner .right-con .btn-box {display: block; padding-top: 0;}
	.main-member-bottom-inner .right-con .btn-box a {margin: 0 auto;}
}
@media all and (max-width:480px){
	.main-member-consult ul {margin: 0 -0.75rem;}
	.main-member-consult ul li {width: calc(25% - 1.5rem); margin-right: 0; margin: 0 0.75rem;}
	.main-member-bottom-inner .right-con .main-member-career-box.open dd {max-height: 34rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠5(MEMBER 02) -------- */
#mainMember02Con{padding: 9rem 0 19rem;}

#mainMember02Con .header-search-box {margin-top: 0rem;}
#mainMember02Con .header-search-inner{background-color: #2f3357;}

.main-member02-con{margin-top: 14.5rem;}
.main-member02-con + .main-member02-con{margin-top: 19rem;}
.main-member02-tit{padding-bottom: 3rem; margin-bottom: 6rem; font-size: 5rem; line-height: 1.1; letter-spacing: -0.05em; font-weight: 600; text-align: center; color: #18215e; border-bottom: 1px solid #ddd;}
.main-member02-section{position: relative;}
.main-member02-container{}
.main-member02-list{display: flex;}
.main-member02-item{}
.main-member02-container.col-3 .main-member02-item{width: 33.33%;}
.main-member02-container.col-4 .main-member02-item{width: 25%;}
.main-member02-img{position: relative; width: 100%; height: 0; padding-top: 139.51%; background: #f5f5f5; overflow: hidden;}
.main-member02-img span{position: absolute;  top: 0; left: 0; width: 100%; height: 100%; display: block;}
.main-member02-txt{margin-top: 3.5rem; text-align: center;}
.main-member02-txt h5{font-size: 3rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 600; color: #222; display: flex; align-items: center; justify-content: center;}
.main-member02-txt h5 span{margin-left: 1.7rem; font-size: 2.5rem; letter-spacing: -0.05em; font-weight: 500; color:inherit;}
.main-member02-txt p{margin-top: 1.5rem; width: 100%; font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: #222b9f;}

.main-member02-controls {}


@media all and (min-width:801px){
	.main-member02-controls .swiper-scrollbar {display: none !important;}
	.main-member02-controls .arrow-prev,
	.main-member02-controls .arrow-next{position: absolute; top: 40%; margin-top: -4rem; width: 8rem; height: 8rem; border-radius: 100%; background-color: #fff; font-size: 3rem; color: #000; box-shadow: 0.8rem 0.8rem 2rem 1rem rgba(0,0,0,0.05); z-index: 11;}
	.main-member02-controls .arrow-prev{left: -4rem;}
	.main-member02-controls .arrow-next{right: -4rem;}
}

@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	#mainMember02Con{padding: 8rem 0 10rem;}

	.main-member02-con{margin-top: 9rem;}
	.main-member02-con + .main-member02-con{margin-top: 15rem;}
	.main-member02-tit{padding-bottom: 3rem; margin-bottom: 5rem; font-size: 5rem; font-size: 4rem; line-height: 1.1;}
	.main-member02-container.col-3 .main-member02-item,
	.main-member02-container.col-4 .main-member02-item{width: 50%;}
	.main-member02-txt{margin-top: 2.5rem;}
	.main-member02-txt h5{font-size: 2.5rem; line-height: 1.3; flex-direction: column;}
	.main-member02-txt h5 span{margin-top: 0.7rem; margin-left: 0; font-size: 2rem;}
	.main-member02-txt p{margin-top: 1.5rem; width: 100%; font-size: 1.8rem; line-height: 1.5;}
	
	.main-member02-controls {display:flex; justify-content:space-between; align-items:center; margin-top:3rem;}

	.main-member02-controls .swiper-scrollbar {position:relative; width:calc(100% - 4rem); height:2px; background-color:#f2f2f2; border-radius: 0; margin-right:1.5rem;}
	.main-member02-controls .swiper-scrollbar-drag {height:2px; background-color:#000; margin-top:0; cursor:pointer;}
	.main-member02-controls i {font-size:2.5rem; color: #3a3a3e;}
	.main-member02-controls button + button{margin-left: 1rem;}
	.main-member02-controls .swiper-button-disabled{opacity:0.5; cursor:default;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠6(MAJOR) -------- */
#mainMajorCon{padding: 15rem 0; background-color: #f5f5f5;}
.main-major-arrow{margin-bottom: 4rem; text-align: center;}
.main-major-arrow img{display: inline-block; height: 4rem;}

.main-major-top{margin-top: 11rem;}
.main-major-list {border-top: 2px solid #000;}
.main-major-list .main-major-item {display: flex; padding: 5rem 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.main-major-list .main-major-item .tit-con {width: 25rem;}
.main-major-list .main-major-item .tit-con .tit {font-size: 3.5rem; font-weight: 600; letter-spacing: -0.05em; color: #0a0a81; line-height: 1.3;}
.main-major-list .main-major-item .tit-con .txt {font-size: 1.5rem; font-weight: 400; letter-spacing: -0.02em; color: #aaaaaa; line-height: 1.4; margin-top: 0.5rem;}
.main-major-list .keyword-con {width: calc(100% - 25rem);}
.main-major-list .keyword-list {display: flex; flex-wrap: wrap; margin: -0.3rem;}
.main-major-list .keyword-list li {width: calc(20% - 0.6rem); margin: 0.3rem; }
.main-major-list .keyword-list li a {width: 100%; height: 6.5rem; display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(0,0,0,0.05); font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #666666; line-height: 1.3; transition: all 0.4s;}
.main-major-list .keyword-list li a:hover {background: #0a0a81; color: #fff;box-shadow: 1rem 1rem 2rem rgba(0,0,0,0.2);}

.main-major-bottom{margin-top: 11.5rem;}
.main-major-bottom .cm-counsel-list-box li a{background-color: #fff;}

@media all and (max-width:1280px){
	.main-major-list .keyword-list li {width: calc(25% - 0.6rem);}
}
@media all and (max-width:800px){
	#mainMajorCon{padding: 10rem 0;}
	.main-major-arrow{margin-bottom: 4rem;}
	.main-major-arrow img{height: 4rem;}

	.main-major-top{margin-top: 6rem;}
	.main-major-list{margin: 0;}
	.main-major-list .main-major-item {display: block; padding: 3rem 0;}
	.main-major-list .main-major-item .tit-con {width: 100%;margin-bottom: 2.5rem;}
	.main-major-list .main-major-item .tit-con .tit {font-size: 3rem;}
	.main-major-list .keyword-con {width: 100%;}
	.main-major-list .keyword-list li {width: calc(33.33% - 0.6rem);}
	.main-major-list .keyword-list li a {height: 5.8rem; font-size: 1.6rem;}
	.main-major-bottom{margin-top: 10rem;}
}
@media all and (max-width:480px){
	.main-major-list .keyword-list li {width: calc(50% - 0.6rem);}
}

/* -------- 메인 컨텐츠 :: 컨텐츠7(CASE 02) -------- */
#mainCASE02Con{padding: 20rem 0 12.5rem;}

.main-case02-con{margin-top: 9.5rem;}
.cm-case02-list{width: 100%; border-top: 2px solid #000;}
.cm-case02-item{width: 100%; border-bottom: 1px solid #eee;}
.cm-case02-inner{padding: 5rem 3rem; padding-right: 10rem; display: flex; flex-wrap:wrap; align-items: flex-start; position: relative;}
.cm-case02-inner:before{position: absolute; top: 50%; margin-top: -2rem; right: 3rem; font-size: 4rem; color: #222; content: "\e914"; font-family: xeicon;}
.cm-case02-num{width: 7.69%; font-size: 2.5rem; font-weight: 500; color: #aaa; text-align: right;}
.cm-case02-info{padding-left: 7.69%;width: 92.31%; box-sizing: border-box;}
.total-search-result-con .cm-case02-info{padding-left: 0; width: 100%;}
.cm-case02-info .tit{font-size: 2.5rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 600; color: #222;}
.cm-case02-info .info-list{margin-top: 1.7rem; display: flex; flex-wrap:wrap; align-items: center;}
.cm-case02-info .info{display: flex; /* flex-wrap:wrap; */ align-items: center;}
.cm-case02-info .info-list .info:nth-child(1){width: 38.5rem;}
.cm-case02-info .info-list .info:nth-child(2){width: 28rem;}
.cm-case02-info .info-list .info:nth-child(3){width: calc(100% - 66.5rem);}
.cm-case02-info .info dt{margin-right: 2rem; padding: 0.5rem 1rem; font-size: 1.6rem; line-height: 1.3; font-weight: 600; color: #444; background-color: #f0f0f0; white-space: nowrap;}
.cm-case02-info .info dd{font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.05em; color: #666; padding-right: 1rem; box-sizing: border-box;     word-break: break-word;}
.cm-case02-info .info-list .info:nth-child(3) dd{padding-right: 0;}

.cm-main-more-btn{margin-top: 8rem; display: flex; align-items: center; justify-content: center;}
.cm-main-more-btn a{padding: 0 3.5rem; font-size: 1.8rem; line-height: 8rem; font-weight: 500; letter-spacing: -0.02em; color: #fff; background-color: #11176c;}
.cm-main-more-btn a b{font-size: 2.5rem; letter-spacing: -0.02em;}

@media all and (max-width:1280px){
	.cm-case02-inner{padding: 3rem 10rem 3rem 3rem;}
	.total-search-result-con .cm-case02-inner{padding: 5rem 10rem 5rem 3rem;}
	.cm-case02-num{width: 100%; font-size: 2rem; text-align: left;}
	.cm-case02-info{margin-top: 1.5rem; padding-left: 0; width: 100%;}
}
@media all and (max-width:800px){
	#mainCASE02Con{padding: 10rem 0 5rem;}

	.main-case02-con{margin-top: 4.5rem;}
	.total-search-result-con .cm-case02-inner,
	.cm-case02-inner{padding: 3rem 0;}
	.cm-case02-inner:before{display: none;}
	.cm-case02-num{width: 100%; font-size: 2rem; text-align: left;}
	.cm-case02-info{margin-top: 1.5rem; padding-left: 0; width: 100%;}
	.cm-case02-info .tit{font-size: 2rem; line-height: 1.5;}
	.cm-case02-info .info-list{margin-top: 1.5rem;}
	.cm-case02-info .info-list .info:nth-child(1){margin-bottom: 1rem; width: 100%;}
	.cm-case02-info .info-list .info:nth-child(2){width: 28rem; width: 62%;}
	.cm-case02-info .info-list .info:nth-child(3){width: calc(100% - 66.5rem); width: 38%;}
	.cm-case02-info .info dt{margin-right: 2rem; padding: 0.5rem 1rem; font-size: 1.6rem; line-height: 1.3;}
	.cm-case02-info .info dd{font-size: 1.6rem; line-height: 1.3; padding-right: 1rem;}
	.cm-case02-info .info-list .info:nth-child(3) dd{padding-right: 0;}

	.cm-main-more-btn{margin-top: 8rem;}
	.cm-main-more-btn a{padding: 0 3.5rem; font-size: 1.8rem; line-height: 8rem; text-align: center; width: 100%; box-sizing: border-box;}
	.cm-main-more-btn a b{font-size: 2.5rem;}
}
@media all and (max-width:480px){
	.cm-case02-num{display: none;}
	.total-search-result-con .cm-case02-inner,
	.cm-case02-inner{padding: 2rem 0;}
	.cm-case02-info{margin-top: 0;}
	.cm-case02-info .info-list .info:nth-child(2){margin-bottom: 1rem; width: 100%;}
	.cm-case02-info .info-list .info:nth-child(3){width: 100%;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠8(게시판) -------- */
#mainBoardCon{}
.main-board-con01{padding: 12.5rem 0 10rem;}

.main-board-con02{padding: 10rem 0; background-color: #e4e8e9;}
.main-board-video{position:relative; padding-top:56.25%; height:0; background-color:#000;}
.main-board-video video,
.main-board-video iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.main-board-video-tit{margin-top: 3.5rem; font-size: 2.5rem; line-height: 1.4; letter-spacing: -0.05em; font-weight: 600; color: #222;}

.main-board-con03{padding: 10rem 0 20rem;}
.cm-board-wrapper{}
.cm-board-list{margin: -1.5rem; display: flex; flex-wrap:wrap;}
.cm-board-item{margin: 1.5rem; width: calc(50% - 3rem);}
.cm-board-item a{padding: 5rem; width: 100%; height: 34rem; display: block; background-color: #b6e7e9; box-sizing: border-box; position: relative;}
.cm-board-item a:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #0b1186; box-sizing: border-box; content: ''; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.cm-board-item a:after{position: absolute; top: 0; right: 0; width: 8rem; height: 8rem; font-size: 2.5rem; color: #fff; background-color: #0b1186; content: "\e914"; font-family: xeicon; display: flex; align-items: center; justify-content: center; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.cm-board-item a .category{font-size: 2rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: #536191; display: block;}
.cm-board-item a .tit{margin-top: 2.5rem; max-height: 2.8em; font-size: 2.5rem; line-height: 1.4; letter-spacing: -0.05em; font-weight: 600; color: #222; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cm-board-item a .txt{margin-top: 1.5rem; max-height: 4.65em; font-size: 1.8rem; line-height: 1.55; letter-spacing: -0.05em; color: #666; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.cm-board-item.press a{background-color: #b6e7e9;}
.cm-board-item.press a .category{color: #536191;}
.cm-board-item.column a{background-color: #c8f7eb;}
.cm-board-item.column a .category{color: #1320c7;}
.cm-board-item.newsletter a{background-color: #cbe8d3;}
.cm-board-item.newsletter a .category{color: #077468;}
.cm-board-item.data a{background-color: #fcf3cb;}
.cm-board-item.data a .category{color: #7f480d;}

.cm-board-item a:hover:before,
.cm-board-item a:hover:after{opacity: 1;}

@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	.main-board-con01{padding: 5rem 0 5rem;}

	.main-board-con02{padding: 8rem 0;}
	.main-board-video-tit{margin-top: 1.5rem; font-size: 2.5rem; line-height: 1.4;}

	.main-board-con03{padding: 8rem 0 10rem;}
	.cm-board-list{margin: -1rem;}
	.cm-board-item{margin: 1rem; width: calc(100% - 2rem);}
	.cm-board-item a{padding: 6rem 3rem 3rem; width: 100%; height: 34rem;}
	.cm-board-item a .category{font-size: 2rem; line-height: 1.3;}
	.cm-board-item a .tit{margin-top: 2.5rem; max-height: 2.8em; font-size: 2.5rem; line-height: 1.4; -webkit-line-clamp: 2;}
	.cm-board-item a .txt{margin-top: 1.5rem; max-height: 4.65em; font-size: 1.8rem; line-height: 1.55; -webkit-line-clamp: 3;}

	.main-board-con03 .cm-main-more-btn{margin-top: 4rem;}
	.main-board-con03 .cm-main-more-btn a{width: 22rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠9(상담문의) -------- */
#mainConsultCon{padding: 11rem 0 10rem ;background-color: #0e1145;}

.main-consult-top{display: flex; flex-wrap:wrap; align-items: center;}
.main-consult-top-left{width: calc(100% - 65rem);}
.main-consult-top-left img{margin-left: -4%; max-width: 100%;}

.main-consult-top-right{width: 65rem; font-size: 4rem; letter-spacing: -0.05em; font-weight: 500; color: #cbd0d0; display: flex; align-items: center;}
.main-consult-top-right .cir-txt{margin: 0 3.5rem; position: relative; width: 30.4rem; height: 30.4rem; font-size: 4rem; letter-spacing: -0.05em; color: #fff; border-radius: 100%; display: block; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.main-consult-top-right .cir-txt:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1rem solid rgba(0,246,255,1); border-radius: 100%; box-shadow: 0rem 0rem 6.2rem 0rem rgba(0,246,255,0.21); content: ''; box-sizing: border-box; content: '';}
.main-consult-top-right .cir-txt:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; content: ''; box-sizing: border-box; box-shadow: inset 0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.7), inset -0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.7), inset 0.2rem -0.2rem 0.7rem rgba(0, 0, 0, 0.7), inset -0.2rem -0.2rem 0.7rem rgba(0, 0, 0, 0.7);}
.main-consult-top-right .cir-txt .num{margin-right: 1rem; font-size: 6rem; font-weight: 500; letter-spacing: -0.02em;}

.main-consult-bottom{margin-top: 10rem;}
.main-consult-bottom .tit{font-size: 2.5rem; line-height: 1.3; letter-spacing: -0.05em; color: #bfce7e; text-align: center;}
.main-consult-wrapper{margin-top: 4rem;}
.main-consult-list{margin: 0 -1rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.main-consult-list li{margin: 0 1rem; width: calc(25% - 2rem); max-width: 13.5rem;}
.main-consult-list li a{position: relative; width: 100%; height: 0; padding-top: 100%; background-color: #fff; border-radius: 100%; display: block;}
.main-consult-list li a.m-ver{display: none;}
.main-consult-list li a:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 2px solid #2a5082; content: ''; box-sizing: border-box; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.main-consult-list li:nth-child(1) a:before {border-color: #2a5082;}
.main-consult-list li:nth-child(2) a:before {border-color: #e08022;}
.main-consult-list li:nth-child(3) a:before {border-color: #109974;}
.main-consult-list li:nth-child(4) a:before {border-color: #642da1;}
.main-consult-list li a img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 59.25%;}

.main-consult-list li a:hover:before{opacity: 1;}

@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	#mainConsultCon{padding: 10rem 0;}

	.main-consult-top-left{width: 100%; text-align: center;}
	.main-consult-top-left img{margin-left: 0; max-width: 100%; display: inline-block;}

	.main-consult-top-right{margin-top: 3.5rem; width: 100%; font-size: 2.4rem; justify-content: center;}
	.main-consult-top-right .cir-txt{margin: 0 2rem; width: 17.8rem; height: 17.8rem; font-size: 2.4rem;}
	.main-consult-top-right .cir-txt:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1rem solid rgba(0,246,255,1); border-radius: 100%; box-shadow: 0rem 0rem 6.2rem 0rem rgba(0,246,255,0.21); content: ''; box-sizing: border-box; content: '';}
	.main-consult-top-right .cir-txt:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; content: ''; box-sizing: border-box; box-shadow: inset 0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.7), inset -0.2rem 0.2rem 0.7rem rgba(0, 0, 0, 0.7), inset 0.2rem -0.2rem 0.7rem rgba(0, 0, 0, 0.7), inset -0.2rem -0.2rem 0.7rem rgba(0, 0, 0, 0.7);}
	.main-consult-top-right .cir-txt .num{margin-right: 0.7rem; font-size: 3.6rem;}

	.main-consult-bottom{margin-top: 4.5rem;}
	.main-consult-bottom .tit{font-size: 2.5rem; line-height: 1.3;}
	.main-consult-wrapper{margin: 3rem auto 0; max-width: 29rem;}
	.main-consult-list{margin: -1rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
	.main-consult-list li{margin: 1rem; width: calc(50% - 2rem); max-width: 13.5rem;}
	.main-consult-list li a{position: relative; width: 100%; height: 0; padding-top: 100%; background-color: #fff; border-radius: 100%; display: block;}
	.main-consult-list li a.pc-ver{display: none;}
	.main-consult-list li a.m-ver{display: block;}
	.main-consult-list li a:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 2px solid #2a5082; content: ''; box-sizing: border-box; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠10(오시는길) -------- */
#mainLocationCon{padding: 10rem 0;}

.main-location-con{margin-top: 11.5rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.main-location-left{width: 50%;}
.main-location-info{}
.main-location-info-box{display: flex; flex-wrap:wrap; align-items: flex-start;}
.main-location-info-box + .main-location-info-box{margin-top: 4.5rem;}
.main-location-info-icon{width: 11rem;}
.main-location-info-icon span{position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 100%; display: block; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#05acd0+0,6957a5+100 */
background: linear-gradient(to bottom,  rgba(5,172,208,1) 0%,rgba(105,87,165,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.main-location-info-icon span img{position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; max-height: 6.5rem; height: 59.09%;}
.main-location-info-txt{padding: 1.5rem 0 0 3rem; width: calc(100% - 11rem); box-sizing: border-box;}
.main-location-info-txt p{font-size: 2rem; line-height: 1.5; font-weight: 500; letter-spacing: -0.05em; color: #666;}
.main-location-info-txt p + p{margin-top: 3rem;}

.main-location-map {margin-top: 8rem; position: relative; width: 100%; height: 0; padding-top: 49.23%; border: 2px solid #366290; border-radius: 0.5rem;}
.main-location-map iframe {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

.main-location-qr{margin-top: 4rem;}
.main-location-qr ul{margin: -1rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.main-location-qr ul li{margin: 1rem; width: calc(33.33% - 2rem); max-width: 169px;}
.main-location-qr ul li img{max-width: 100%;}
.main-location-qr ul li a{margin-top: 2rem; width: 100%; height: 5rem; font-size: 1.8rem; letter-spacing: -0.05em; font-weight: 500; background-color: #8ed7b1; color: #000; text-align: center; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center;}
.main-location-qr ul li:nth-child(1) a{background-color: #8ed7b1;}
.main-location-qr ul li:nth-child(2) a{background-color: #9c2343; color: #fff; font-weight: 400;}
.main-location-qr ul li:nth-child(3) a{background-color: #f7b167;}

.main-location-right{width: 46.15%;}
.main-location-right img{width: 100%;}

@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	#mainLocationCon{padding: 10rem 0 5rem;}
	.main-location-con{margin-top: 4.5rem;}
	.main-location-left{width: 100%;}
	.main-location-info-box{flex-direction: column; align-items: center; justify-content: center; text-align: center;}
	.main-location-info-box + .main-location-info-box{margin-top: 4.5rem;}
	.main-location-info-icon{width: 11rem;}
	.main-location-info-txt{padding: 3.5rem 0 0 0; width: 100%;}
	.main-location-info-txt p{font-size: 2rem; line-height: 1.5;}
	.main-location-info-txt p + p{margin-top: 2.5rem;}

	.main-location-map {margin-top: 5rem;}

	.main-location-qr{margin: 4rem auto 0; max-width: 367px;}
	.main-location-qr ul{margin: -2rem -1.5rem;}
	.main-location-qr ul li{margin: 2rem 1.5rem; width: calc(50% - 3rem);}
	.main-location-qr ul li a{margin-top: 2rem; width: 100%; height: 5rem; font-size: 1.8rem;}

	.main-location-right{margin-top: 8rem; width: 100%;}
}



/* -------- 메인 컨텐츠 :: 컨텐츠11(CLIENT) -------- */
#mainClientCon{padding: 10rem 0 11rem;}

.main-client-wrapper{margin-top: 13rem;}
.main-client-list{margin: -1.3rem; display: flex; flex-wrap:wrap; justify-content: center;}
.main-client-item{margin: 1.3rem;}
.main-client-item.hidden{width: calc(100% - 2.6rem);}
.main-client-item img{height: 5rem; max-height: 50px;}

@media all and (max-width:1280px){
	.main-client-item.hidden{display: none;}
}
@media all and (max-width:800px){
	#mainClientCon{padding: 5rem 0 10rem;}

	.main-client-wrapper{margin-top: 4rem;}
	.main-client-list{margin: -1.2rem;}
	.main-client-item{margin: 1.2rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠12 추가 (상단 롤링 이미지) -------- */
.main-top-con {padding: 10rem 0;}
.main-top-img-container{}
.main-top-img-container .swiper-wrapper{transition-timing-function: linear !important;}

.main-top-img-list{display: flex; flex-wrap: nowrap;height: 20rem}
.main-top-img-item{width: 36rem !important; }
.main-top-img-item.certi-item {width: 13.5rem !important;}
.main-top-img-item .inner{display: block; width: 100%; height: 100%;}
.main-top-img-item .inner .img {position: relative; width: 100%; height: 0; padding-top: 55.556%;}
.main-top-img-item.certi-item .inner .img {padding-top: 148.15%;}
.main-top-img-item .inner .img span {display: block;  position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

/* ******************  메인 오른쪽 퀵메뉴 ********************** */
#rightBar{position: relative;z-index: 99;}
#rightBar > ul {width:10rem; box-shadow: 0 0 2rem rgba(0,0,0,0.1); background: #fff; position:fixed; top:55%; right:0;	z-index:99; margin-top:-25rem;opacity:0;	visibility:hidden; transition:var(--transition-custom2); z-index: 99;}
#rightBar.fixed > ul  {visibility:visible; opacity:1.0; top:50%;}
#rightBar > ul > li{border-bottom:1px solid rgba(0,0,0,0.1);}
#rightBar > ul > li:first-child,
#rightBar > ul > li:last-child{border-bottom:0;}
#rightBar > ul > li .top {display:flex; align-items: center; justify-content: center; text-align: center; width:10rem; height:10rem; background:#d3d5ec; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.375; color: var(--main-color2);}
#rightBar > ul > li > a{display:flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width:10rem; height:10rem; }
#rightBar > ul > li > a i {margin-bottom: 0.5rem; font-size: 2rem; color: #000; transition: all 0.4s;}
#rightBar > ul > li > a span {display: block; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em; color: #000; opacity: 0.8; line-height: 1.3;transition: all 0.4s; }
#rightBar > ul > li > a.m-ver {display: none;}
#rightBar > ul > li > a:hover i ,
#rightBar > ul > li > a:hover span {color:  var(--main-color2); }
.right-bar-open-btn {display: none;}

@media all and (max-width:1440px){
	#rightBar {}
	#rightBar > ul {top: auto;  right: -10rem; bottom: 15rem;}
	#rightBar > ul > li .top {display: none;}
	
	.right-bar-open-btn{ position: fixed; right: 15px; bottom: -10rem; display: block; width: 6rem; height: 6rem;  transition: var(--transition-custom);}
	.right-bar-open-btn button { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; background:#d3d5ec; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.375; color: var(--main-color2); border-radius: 50%;}
	
	#rightBar.bottom-fixed .right-bar-open-btn {bottom: 8rem;}
	#rightBar.on > ul  {right: 0; visibility:visible; opacity:1.0;}
}
@media all and (max-width:800px){
	#rightBar > ul {width: 8rem; right: -8rem; bottom: 13rem;}
	#rightBar > ul > li > a {width: 8rem; height: 8rem;}
	#rightBar > ul > li > a span  {font-size: 1.4rem;}
	.right-bar-open-btn {width: 5rem; height: 5rem;}
	#rightBar.bottom-fixed .right-bar-open-btn {bottom: 7rem;}
}