@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* 아이폰 카운트 박스 */
@media all and (max-width:480px){
	html.ios-os .count-num-item-box:not(.down) {margin-top: 0.8rem;}
}

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.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%}
}

/* ****************** 회사소개 :: about ********************** */
.about-tit { font-size: 6.4rem; line-height: 1.1; font-weight: 600; position: relative; color: #ddd;}
.about-tit span {
	background: linear-gradient(90deg, #0a47d3, #0a47d3 50%, rgba(0, 0, 0, 0.2) 0);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 100%;
	background-position: 100%;
	transition: all 1.5s;
	transition-delay: 0.3s;
}
.animated .about-tit span {
	background-position: 0% !important;
}
@keyframes flow-text{   
    0%{
	   background-position:100%
    }
    to{ 
	   background-position:0 100%
    }
}
.about-top {text-align:center;}
.about-txt {font-size:2.2rem; letter-spacing:-0.05em; color: #555; font-weight: 600; line-height:1.637em; margin-top: 4.3rem;}
.about-bottom .banner {display:inline-block; width: 100%; background: url(/images/content/about_banner.jpg) no-repeat; background-position: 30% 50%; background-size:cover; border-radius:25px; padding-top: 50rem; margin-top: 7.4rem;} 
.about-txt-box {display:flex; margin-top: 13.3rem;}
.about-txt-box > div {width: 50%;}
.about-sub-tit {font-size:3rem; color: #0a47d3; font-weight: 700; line-height:1.2em;}
.about-con-tit {display: inline-block; font-size:5.4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.26em; margin-top: 1.6rem;}
.about-txt-box .txt01 {font-size:2.6rem; letter-spacing:-0.05em; color: #282828; font-weight: 700; line-height:1.23em;}
.about-txt-box .txt02 {font-size:1.8rem; letter-spacing:-0.05em; color: #555; font-weight: 500; line-height:1.778em; margin-top: 2rem;}
.about-txt-box .txt02:first-of-type {margin-top: 2.3rem;}

/* futures */
.futures {margin-top: 15rem;}
.futures .futures-tit {font-size:5rem; color: #000; font-weight: 700; letter-spacing:-0.025em; line-height: 1.24em; text-align:center;}
.futures-list {display: flex; flex-wrap: wrap; margin: 0 -1.5rem;}
.futures-list li {width: calc(25% - 3rem); margin: 7rem 1.5rem 0;}
.futures-list li .img-box {width: 100%;}
.futures-list li .img-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 65.574%;}
.futures-list li .img-box span img {border-radius: 25px;}
.futures-list .txt-box {text-align:center; margin-top: 3rem; padding: 0 3rem;}
.futures-list .txt-box p {font-size: 2.3rem; color: #000; font-weight: 600; line-height: 1.2;}
.futures-list .txt-box em {display: inline-block; margin-top: 1rem; color: #555; font-size:1.6rem; line-height:1.35; letter-spacing:-0.02em; font-weight: 500;}

@media all and (max-width:1280px){
    .futures-list li {width: calc(33.3333% - 3rem);}
}

@media all and (max-width:800px){
	.futures-list li {width: calc(50% - 3rem); margin: 3.5rem 1.5rem 0;}
	.futures-list .txt-box {padding: 0 1.5rem;}
	.futures-list .txt-box p {font-size:1.9rem;}
	.futures-list .txt-box em {font-size:1.5rem;}
}
	
/* 연혁 */
.history-con {margin-top: 13rem;}
.history-con .banner {display:inline-block; width: 100%; background: url(/images/content/history_banner.jpg) no-repeat; background-position:30% 50%; background-size:cover; padding-top: 50rem;} 
.history-top {text-align:center;}
.history-top span {display:inline-block; font-size:5rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.24em; margin-top: 12.5rem;}
.history-top p {font-size:2.6rem; letter-spacing:-0.025em; color: #555; line-height:1.5; margin-top: 3.8rem; font-weight: 600;}

.history-con-wrapper {position: relative; background: #f6f6f6; margin-bottom: 5rem;/* margin-bottom: 20rem; */ margin-top: 7.4rem;}
.history-tab-wrapper-style {position: absolute; width: 100%; top: 15rem; left: 0;}
.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: 14rem; font-weight: 800; letter-spacing: -0.025em; color: #000; z-index: 1;}
.history-tab-wrapper-style .tit-box h5:before {position: absolute; content: 'Since'; font-size: 10rem; font-weight: 800; letter-spacing: -0.025em; color: #d5d5d5; right: -4.5rem; bottom: 2.5rem; z-index: -1;}
.history-tab-wrapper-style .tit-box .txt01 {font-size: 2rem; line-height: 1.2; font-weight: 600; color: #000; padding-bottom: 4rem;}
.history-tab-wrapper-style .tit-box .txt02 {font-size: 1.55rem; font-weight: 400; line-height: 1.54; letter-spacing: -0.025em; color: rgba(0,0,0,0.65);}
.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: 4.5rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1; color: #e8e8e8;}
.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: 105%; 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 {min-width: 100rem; background: #fff; padding: 0 7.2rem 0 9.3rem; box-sizing: border-box;}
.history-tab-con:first-of-type {position: relative; padding-top: 5rem;}
.history-tab-con:first-of-type:before{position: absolute; content: ''; width: 8rem; height: 8rem; background: radial-gradient(circle at 0 100%, transparent 70%, #fff 70%); left: -8rem; top: 0;}
.history-tab-con:last-of-type {padding-bottom: 5rem;}
.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: 20rem; color: #0a47d3; font-weight: 700; font-size: 3.8rem;}
.history-year-item .history-year strong {font-weight: 700;}
.history-tab-con:last-of-type .history-year-item:last-of-type {border-bottom: 0;}
.history-month-box {position: relative; width: calc(100% - 20rem); padding-top: 0.5rem;}
.history-month-box .history-detail-txt-con {width: 100%;}	
.history-month-box .history-detail-txt {position: relative; color: #555; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.3; margin-bottom: 1.5rem; word-break: keep-all; padding-left: 1rem;}
.history-month-box .history-detail-txt:before {display: block; content: ""; width: 4px; height: 4px; background: #555; border-radius: 100%; position: absolute; top: 0.8rem; left: 0;}
.history-month-box .history-detail-txt:last-of-type {margin-bottom: 0}

@media all and (min-width: 1025px) {
	.history-con-wrapper.fixed .history-tab-wrapper-style {position: fixed; }
	.history-con-wrapper.bottom-fixed .history-tab-wrapper-style {position: absolute;  top: auto;  bottom: 20rem; }
}
@media all and (min-width: 801px) {
	.history-con-wrapper.bottom-fixed .history-tab-wrapper-style {bottom: 9rem; }
}
@media all and ( max-width: 800px ) {	
	.history-year-group-tit + .history-year-list-box {margin-left:0; }
	.history-year-item .history-year {width: 10rem; }		
	.history-month-box {width: calc(100% - 10rem) }
	.history-con-wrapper {margin-bottom: 0;}
}

@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-tab-list-style ul li a em {font-size: 4rem;}
	.history-tab-con {width: 100%; min-width: auto; max-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-con .banner {padding-top: 30rem;}
	.history-tab-wrapper-style {position: relative; top: auto;}	
	.history-tab-wrapper-style .tit-box {padding-top: 7.4rem; 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: 2rem;}
	
	.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); top:91px;  left:30px; z-index: 1000;}
	.history-con-wrapper .history-tab-content-style {padding-top: 5rem;}
	.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%;}
	
	/* */
	.about-bottom .banner {padding-top: 30rem;}
	.about-txt-box {flex-wrap:wrap; margin-top: 7rem;}
	.about-txt-box > div {width: 100%;}
	.about-txt-box .right {margin-top: 3rem;}
}	

/* ****************** 회사소개 :: Location ********************** */
/* 오시는길 :: 상단 */
.map-script-wrapper{position:relative; overflow:hidden; margin:0px auto; height:500px; border-radius:25px;}
.map-script-wrapper .map-script-con{position:absolute; top:50%; left:50%; width:1400px; height:500px; margin:-250px 0 0 -700px;}
.map-script-wrapper .map-script-con .root_daum_roughmap,
.map-script-wrapper .map-script-con .wrap_map{height:100% !important;}
.location-box:last-of-type {margin-top: 11.5rem;}
.loca-top-txt {font-size:2.2rem; letter-spacing:-0.05em; color: #555; font-weight: 600; line-height:1.636; text-align: center; margin-bottom: 7rem;}
.map-script-con .map {border-radius:25px;}
.map-script-con .cont {display:none;}
.map-info-box {margin-top: 5rem;}
.map-info-box .title {display:flex; align-items:center; justify-content:space-between; padding-bottom: 2.3rem; border-bottom: 1px solid #ddd;}
.map-info-box .title strong {font-size:3.6rem; color: #222; font-weight: 700; letter-spacing:-0.025em; }
.map-link-list {display:flex;}
.map-link-list li a {display:flex; justify-content:space-between; align-items:center; border-radius:25px; width: 18rem; height: 5rem; padding:0 2.5rem; box-sizing: border-box;}
.map-link-list li:first-child {margin-right: 1rem;}
.map-link-list li:first-child i {color: #fff;}
.map-link-list li:last-child {margin-right: 0;}
.map-link-list li:first-child a {background: #20c003;}
.map-link-list li:last-child a {background: #fee500;}
.map-link-list li a em {color: #fff; font-size:1.6rem; letter-spacing:-0.025em; line-height:1.2;}
.map-link-list li:last-child a em {color: #555;}
.map-link-list li i {font-size:2rem;}
.map-link-list li:last-child a i {color: #381e1f;}
.detail-info-box {display:flex; padding-top: 2.5rem; gap: 5%;}
.detail-info-box dl {display:flex; align-items: center; width: 47.5%;}
.detail-info-box dt {width: 13rem; font-size:1.6rem; letter-spacing:-0.025em; color: #555; line-height:1.25; font-weight: 700; font-family: 'Wanted Sans Variable', sans-serif;}
.detail-info-box dt i {font-size:1.8rem; color: #888; margin-right: 1.8rem;}
.detail-info-box dd {width: calc(100% - 13rem); font-size:1.6rem; letter-spacing:-0.05em; color: #555; line-height:1.25;}

@media all and (max-width:800px){
	/* 오시는길 :: 상단 */
	.map-script-wrapper{height:300px; margin-bottom:15px;}
	.map-script-wrapper .map-script-con{height:300px; margin-top:-150px;}
	.detail-info-box {padding-top: 3rem; flex-wrap:wrap;}
	.detail-info-box dt {display: flex; align-self: flex-start; padding-top: 0.2rem;}
	.detail-info-box dl {width: 100%; margin-top: 2rem;}
	.detail-info-box dl:first-of-type {margin-top: 0;}
	.detail-info-box dd {line-height: 1.5;}
	.location-box:last-of-type {margin-top:6rem;}
	.map-link-list {margin-top: 2rem;}
	.map-link-list li a {width: 13rem; height: 4rem; padding: 0 1.5rem;}
	.map-link-list li a em {font-size:1.4rem;}
	.map-info-box .title {flex-direction: column; align-items: flex-start; justify-content: center; }
	.map-info-box .title strong {font-size:2.8rem;}
}

/* ****************** 제품 :: clara ********************** */
.inquiry-btn {display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;  
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    bottom: 12.4rem; 
    right: 5rem;
    right: 50%;
    margin-right: -91rem;  
    transition: var(--transition-custom); z-index: 10;}
.inquiry-btn > span {    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--main-color);
    border-radius: 100%;}
.inquiry-btn i {color: #fff; font-size: 2.4rem;}

@media all and (max-width:1820px){
	.inquiry-btn {right: 2.5rem; margin-right: 0;}
}

@media all and (max-width:1280px){
	.inquiry-btn {width: 5rem; height: 5rem; right:var(--area-padding);}
	.inquiry-btn i {font-size: 2.2rem; line-height: 5rem;}
}

.sub-visual-product + #middleArea #content.wide {padding: 30px 0 0 0;}
.page-tit {display: block; text-align: center; font-size:4rem; color: #222; font-weight: 700; line-height:2em; margin-bottom: 5.2rem;}

/* .cm-pr-contents {display:flex; margin: 0 10rem; width: calc(100% - 20rem);} */
.clara-menu-box {height: auto; width: 18rem; position:absolute; left: 7.3rem;}
.clara-menu-box .sub-tab-list-style {width: 18rem; height: auto; z-index: 10; /* transform: translateX(-2.8rem); */}
.clara-menu-box .sub-tab-list-style:before {display:none;}
.clara-menu-box .sub-tab-list-style ul {position: relative; display: flex;
flex-direction: column; border-radius: 0;
padding: 0;
background: none;
backdrop-filter: none;}
.clara-menu-box .sub-tab-list-style ul:before {display: block; content:""; position:absolute; left: 0; /* top: 0; */ top: 50%; transform:translateY(-50%); background: #ddd; /* height: 7rem; */ height: 13rem; /* height: 100%; */ width: 1px;}
.clara-menu-box.seminar-menu-box .sub-tab-list-style ul:before {height: 7rem;}
.clara-menu-box .sub-tab-list-style ul li {width: 100%; border: 0; background: none; padding-left: 1rem;}
.clara-menu-box .sub-tab-list-style ul li:before {    position: absolute;
    content: "";
    display: block;
    height: 1rem;
    width: 1px;
    background: #ec008d;
    top: 50%;
    transform: translateY(-50%);
    left: 0; opacity: 0;}
.clara-menu-box .sub-tab-list-style ul li a {height: auto; padding: 0.9rem 0;}
.clara-menu-box .sub-tab-list-style ul li a em {font-size: 1.2rem;
font-weight: 500;
color: #999;
text-align: left;}
.clara-menu-box .sub-tab-list-style ul li.selected {background: none;}
.clara-menu-box .sub-tab-list-style ul li.selected:before {opacity: 1;}
.clara-menu-box .sub-tab-list-style ul li.selected em {color: #ec008d;}
.clara-menu-box .sub-tab-list-style.top-fixed {left: 7.3rem; /* left: 50%; margin-left: calc(-1 * ((100% - 20rem) / 2)); */ top: 4rem;}

.pr-page.alignnavi .clara-menu-box .sub-tab-list-style ul li:before {background: #2e8bff;}
.pr-page.alignnavi .clara-menu-box .sub-tab-list-style ul li.selected em {color: #2e8bff;}

@media all and (max-width:1760px){
	.clara-menu-box {display:none;}
}

/* .cm-pr-contents .sub-tab-content-style { max-width: var(--area-width); width: calc(100% - 18rem); } */
/* 제품 공통 */
.pr-tit-box {display:flex; flex-direction:column;}
.pr-tit-box.center {text-align:center;}
.clara-txt-box .txt01 {font-size:2.2rem; letter-spacing:-0.05em; color: #555; font-weight: 600; line-height:1.818; margin-top: 3rem;}
.clara-txt-box .txt02 {font-size:1.8rem; letter-spacing:-0.05em; color: #888; font-weight: 500; line-height:1.778; margin-top: 1.9rem;}	
.cm-pr-con.flex {display:flex;}
.cm-pr-con.flex > div {width: 50%; box-sizing:border-box;}
.cm-pr-con.flex .pr-tit-box {padding-right: 6rem;}
.cm-pr-con.flex .cm-pr-con-box {padding-left: 6rem;}
.pr-tit-box .sub-tit {font-size:2.6rem; letter-spacing:-0.05em; color: #ec008d; line-height:1.2; font-weight: 700;}
.pr-tit-box .tit {font-size:5rem; letter-spacing:-0.05em; color: #000; line-height:1.28; font-weight: 700; margin-top: 1.5rem;}
.pr-tit-box .tit.wt {color: #fff;}

/* clara :: 01 */
#fixedClaraM1 .cm-pr-con {align-items:center;}
#fixedClaraM1 .cm-pr-con-box {position: relative; top: 3rem;}
.data-list li {display: flex; align-items: center; background: #fff; border-radius:95px; padding: 2.5rem; -webkit-box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.1);
box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.1); margin-top: 2rem;}
.data-list li:first-of-type {margin-top: 0;}
.data-list li .ico-box {width: 14rem; height: 14rem; background: #dd0f8a; border-radius:100%; display: flex; align-items: center; justify-content: center;}
.data-list li .ico-box span {display: block; position: relative; height: 0; padding-top: 59.29%; width: 52.857%;}
.data-list .txt-box {margin-left: 4.5rem; width: calc(100% - (14rem + 4.5rem));}
.data-list .txt-box p {font-size:2.2rem; letter-spacing:-0.05em; color: #222; line-height:1.454; font-weight: 700; margin-bottom: 1.5rem;}
.data-list .txt-box em {font-size:1.6rem; letter-spacing:-0.05em; color: #888; line-height:1.625; font-weight: 500;}

/* clara :: 02 */
.standard-contents {padding: 19.7rem 0 19.6rem;}	
.standard-list {display:flex; margin: 7rem 0 0;}
.standard-list li {margin: 0 4rem; width: calc(33.3333% - 4rem);}
.standard-list .img-box img {border-radius:25px; max-width:100%;}
.standard-list .txt-box p {font-size:2.4rem; letter-spacing:-0.05em; color: #282828; line-height:1.454; font-weight: 700; margin-top: 2.4rem; margin-bottom: 1rem;}
.standard-list .txt-box em {font-size:1.6rem; letter-spacing:-0.05em; color: #888; line-height:1.625; font-weight: 500; margin-top: 0.9rem;}
.pr-slide-con .swiper-pagination {bottom: 5rem !important;}
.pr-slide-con .swiper-pagination .swiper-pagination-bullet {width: 1rem; height: 1rem; background: rgba(238,238,238,1); opacity: 0.5; margin: 0 0.7rem !important; transition:var(--transition-custom);}
.pr-slide-con .swiper-pagination .swiper-pagination-bullet-active {width: 4rem; opacity: 1; border-radius:5px;}
.pr-slide-wrapper img {max-width:100%;}

/* clara :: 03 */
.therapy-box {padding: 10rem 0 10rem 3rem;}
.cm-pr-con.therapy {display:flex; padding: 19.8rem 0 5.7rem;}
.cm-pr-con.therapy .cm-pr-con-box {position: relative; /* left: -3rem; */ margin-top: -10rem;}
.therapy-list {width: 36rem;} 
.therapy-list .slick-list {overflow:visible;}
.therapy-list .slick-track {display:flex; align-items:center;}
.therapy-list .slick-slide .list-item {position: relative; width: 28rem !important; height: 36.6rem; margin: 0 4rem 0 0; text-align: center; border-radius: 140px 140px 25px 25px; padding: 7.1rem 0 3.4rem; box-sizing:border-box;}
.therapy-list .slick-slide.slick-current .list-item {width: 32rem !important;}
.therapy-list .slick-slide.slick-current + .list-item:nth-of-type(2) {background: red;}
.therapy-list .slick-slide.slick-current + .slick-slide + .slick-slide {transform: translateX(-4rem);}
.therapy-list li .img-box {height: 7.9rem;
display: flex;
justify-content: center;
align-items: center;
margin: 5.5rem auto 0; transition: var(--transition-custom);}
.therapy-list li .img-box img {    max-height: 100%;}
.therapy-list li .inner-item {position: absolute; width: 100%; padding: 7.4rem 5.8rem 3.4rem; background: #f6f6f6; box-sizing: border-box; min-height:36.6rem; max-height:36.6rem; top: 50%;
transform: translateY(-50%); transition:var(--transition-custom); border-radius: 140px 140px 25px 25px;}
.therapy-list .num {display:inline-block; position: relative; color: #ec008d; font-size:1.8rem; letter-spacing:-0.025em; line-height:1.778; font-weight: 800;}
.therapy-list .num:after {display: block; content:""; position:absolute; width: 100%; height: 3px; background: #ec008d; bottom: 0; left: 50%; transform:translateX(-50%);}
.therapy-list .tit {font-size:2rem; letter-spacing:-0.05em; color: #555; line-height:1.6; font-weight: 600; margin-top: 6.3rem; position: absolute;
	bottom: 3.4rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;}
 .therapy-list .slick-current .inner-item, .therapy-list .clone-on .inner-item {
	width: 32rem;
	min-height:42rem;
	background:#fff;
	-webkit-box-shadow: 5px 5px 36px 8px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 5px 5px 36px 8px rgba(0, 0, 0, 0.15);
	box-shadow: 5px 5px 36px 8px rgba(0, 0, 0, 0.15);
	border-radius: 160px 160px 25px 25px;	
}
.therapy-list .slick-current .inner-item .img-box, .therapy-list .clone-on .inner-item .img-box {height: 12rem;}
.therapy .pr-tit-box {position: absolute; /* left: 26rem; */  left: 0; width: 100%; display: block;}
.therapy .pr-tit-box .area {display: flex; flex-direction: column;}
.therapy .cm-pr-con-box {width: calc(100% - (768px + ((100% - 1400px) / 2))); margin: 0 0 0 auto; overflow:hidden;}
.therapy-mouse {position: fixed;
top: 0px;
left: 0px;
z-index: 10000;
pointer-events: none; width: 7rem;
height: 7rem;
border-radius: 100%;
background: rgba(46, 139, 255, 0.5);
display: flex;
justify-content: center;
align-items: center; opacity: 0;}
.therapy-mouse i {transform: rotate(90deg); color: #fff; font-size: 4.2rem;}
.therapy-arrows {position:absolute; display:flex; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.therapy-arrows .therapy-slide-btn {width: 50%; height: 100%;}
/* hover 시 치아사진 보이는 효과 추가 */
.therapy-list li .img-box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 0.3s ease;}
.therapy-list li .img-box img.hover {opacity: 0;}
.therapy-list li .img-box:hover img {opacity: 0;}
.therapy-list li .img-box:hover img.hover {opacity: 1;} 
.therapy-list li .inner-item {overflow:hidden; border-radius:25px;}
.therapy-list .slick-current .inner-item, .therapy-list .clone-on .inner-item { border-radius:25px;}
.therapy-list .inner-item:hover .hover-img {opacity: 1;} 
.therapy-list .hover-img {display: block; position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition:var(--transition-custom);}
.therapy-list .hover-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.therapy-list .hover-img em {position: absolute; color: #fff; z-index: 2; font-size: 2rem; 
letter-spacing: -0.05em; line-height: 1.6; font-weight: 600; margin-top: 6.3rem;   bottom: 3.4rem; left: 50%; transform: translateX(-50%); width: 100%;}

.therapy02 {padding: 10rem 0 20rem;}
#fixedNaviM3 .therapy02 {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.therapy02 .area {position: relative;}
.therapy02 .area:before {display: block; content:""; width: 100%; background: rgba(0, 0, 0, 0.1); position:absolute; top: -10rem; height: 1px;}
.therapy-list02 > li {display:flex; align-items:center; margin-top: 6rem;}
.therapy-list02 > li .img-box {position: relative;}
.therapy-list02 > li .img-box > span {display: inline-block; width: 100%; height: 0; padding-top: 64.286%; border-radius: 25px;}	
.therapy-list02 > li > div {width: 50%;}
.therapy-list02 > li:nth-child(1) .img-box > span {background: url(/images/content/therapy_img02_01.jpg) no-repeat; background-size:100%;}
.therapy-list02 > li:nth-child(2) .img-box > span {background: url(/images/content/therapy_img02_02.jpg) no-repeat; background-size:100%;}
.therapy-list02 > li:nth-child(3) .img-box > span {background: url(/images/content/therapy_img02_03.jpg) no-repeat; background-size:100%;}
.therapy-list02 > li:first-of-type {margin-top: 0;}	
.therapy-list02 .txt-box {padding-left: 13.5rem; box-sizing: border-box;}	
.therapy-list02 .txt-box p {font-size:2.8rem; letter-spacing:-0.05em; color: #282828; line-height:1.142; font-weight: 600; margin-bottom: 3rem;}
.therapy-list02 .inner-list li {position: relative; font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.5; font-weight: 500; padding-left: 1.4rem; margin-top: 1.4rem;}
.therapy-list02 .inner-list li:first-of-type {margin-top: 0;}
.therapy-list02 .inner-list li:before {display: block; content:""; width: 5px; height: 5px; border-radius:100%; background: #ec008d; position:absolute; left: 0; top: 1rem;}  
#fixedNaviM3 .therapy-list02 .inner-list li:before {background: #2e8bff;}
.therapy-list02 .inner-list .img-box img {border-radius:25px;}
.therapy-list02 .ico-box {width: 12rem; height: 12rem; position: absolute; right: -6rem; top: 50%; transform: translateY(-50%);}
.therapy-list02 .ico-box:before {width: 15rem; height: 15rem; position: absolute; content: ""; display: block; background: rgba(255, 255, 255, 0.5); border-radius: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.therapy-list02 .ico-box .ico {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background:#e02795; border-radius:100%;}
.therapy-list02 .ico-box .ico span {width: 53.334%; display: block; position: relative; height: 0; padding-top: 45.84%;}
.therapy-list02 > li:nth-of-type(even) .txt-box {padding-left: 8rem;}
.therapy-list02 > li:nth-of-type(even) {flex-direction:row-reverse;}
.therapy-list02 li:nth-of-type(even) .ico-box {right: initial; left: -6rem;}

/* clara :: 04 */
#fixedClaraM4 {background: #f9f9f9; padding: 15.6rem 0 15.8rem;}
.ai-box {background: url(/images/content/ai_img.jpg); background-size: cover; height: 60rem; border-radius: 25px; background-position: 70% 50%;}
.ai-box img {margin: 2rem 0 0 2rem; max-width: 100%; opacity: 0; transform:translateY(15%); transition:var(--transition-custom);}
.ai-box.animated img {transition-delay:0.6s; opacity: 1; transform:translateY(0);}
#fixedClaraM4 .cm-pr-con-box {margin-top: 7.2rem;}	
/* 카운트 */
.count-num-box{display:flex; align-items:center; font-size:3rem}
.count-num-box > p {color: #ec008d; font-size:5.8rem; line-height: 5.8rem; font-weight: 700; letter-spacing: -0.05em;} 
.count-num-item-wrap{height:2em; overflow:hidden;}
.count-num-item-wrap .count-num-item-box{height: 58rem; }
.count-num-item-wrap .count-num-item-box .count-num-item {line-height: 1em; color:#000; font-weight:700;}	 
/* 카운트 active */
.animated .count-num-item-box{animation:count-up-ani 3s forwards;}
.animated .count-num-item-box.down {animation:count-down-ani 3s forwards;}
@keyframes count-up-ani {
    0% {
	   transform: translate3d(0, 0, 0);
    }
    100% {
	   transform: translate3d(0, -90%, 0);
    }
}
@keyframes count-down-ani {
    0% {
	   transform: translate3d(0, -90%, 0);
    }
    100% {
	   transform: translate3d(0, 0, 0);
    }
} 

.ai-count-inner {display:flex; width: 85.715%; margin: 0 auto; margin: 7.5rem auto 0;}
.ai-count-inner .number {display: flex; align-items: flex-end; justify-content: center; margin-top: 3rem;}
.ai-count-inner > li {position: relative; width: 33.3333%; text-align:center;}
.ai-count-inner > li:after {display: block;
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background: #ddd;
    height: 15.2rem;
    top: 50%;
    transform: translateY(-50%);}
.ai-count-inner > li:last-of-type:after {display:none;}
.ai-count-inner > li i {font-size:2.6rem; letter-spacing:-0.025em; color: #222;}
.ai-count-inner > li > p {font-size:1.8rem; letter-spacing:-0.05em; color: #555; font-weight: 600; line-height:1.2; margin-top: 2rem;}
.count-num-item-wrap .count-num-item-box .count-num-item {font-size:5.8rem; letter-spacing:-0.05em; color: #ec008d; font-weight: 700; padding-right: 0.1rem;}
.count-unit {position: relative; top: -0.3rem; font-size:3.4rem; letter-spacing:-0.05em; color: #222; font-weight: 700; line-height:1.2; margin-left: 1rem;}

/* clara :: 05 */
#fixedClaraM5 .review-contents {background: url(/images/content/review_bg.jpg) no-repeat; background-size:cover; padding: 15.4rem 0 16rem;}
#fixedClaraM5 .review-contents .cm-pr-con-box {margin:7.2rem 0 0 auto; width: calc(100% - ((100% - 73.491%) / 2)); overflow: hidden;}
.review-wrapper .slick-list {    overflow: visible;}
.review-wrapper .slick-track {display:flex;}
.review-container .review-item {width: 43rem; width: 26.022%; margin-right: 5.5rem; border-radius:25px; overflow: hidden; background: #fff; opacity: 0.3; transition: var(--transition-custom);}
.review-container .review-item .user {display:flex; align-items:center; height: 3.5rem;}
.review-container .review-item .user span {display: flex;
align-items: center;
justify-content: center; width: 3.5rem; height: 3.5rem; border-radius:100%; background: #222; } 
.review-container .review-item .user span i {color: #fff; font-size:2rem;}
.review-container .review-item .user .name {font-size:1.6rem; font-weight: 700; color: #555; line-height:1.2em; margin-left: 1rem;}
.review-container .review-item .txt-box .tit {font-size:2rem; letter-spacing:-0.05em; color: #222; font-weight: 600; line-height:1.6em; margin-top: 1.6rem; height: 6.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.review-container .review-item .txt-box .txt {height: 7.2rem; font-size:1.5rem; letter-spacing:-0.05em; color: #888; font-weight: 500; line-height:1.6em; margin-top: 0.8rem; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.review-top {padding: 4rem 4rem 3.7rem; box-sizing:border-box;}
.review-bottom img {max-width:100%; width: 100%;}
.review-bottom span {display: block; position: relative; width: 100%; height: 0; padding-top: 65.117%;}
.partner-contents {padding: 19.4rem 0 9.7rem;}
.partner-list {display:flex; flex-wrap:wrap; justify-content:center; margin: 5.2rem -3rem 0;}
.partner-list li {margin: 3.5rem 3rem 0; width: calc((100% - 36rem) / 5);}
.partner-list li .img-box {width: 100%;}
.partner-list li .img-box span {display: block;
    position: relative;
    height: 0;
    padding-top: 22.73%;
    width: 100%;}
.pf-contents {padding: 9.7rem 0 20.6rem;}
.pf-thumb-list {z-index: 10;}
.pf-thumb-list .slick-list {    margin: 0 -1.35rem;}
.pf-thumb-list li .img-box {width: 100%;}
.pf-thumb-list li .img-box span {display: block;
    width: 100%;
    height: 0;
    padding-top: 56%;
    position: relative;}
.pf-thumb-list .img-box img {border-radius:10px; width: 100%;}
.pf-thumb-list .slick-slide {cursor:pointer; margin: 0 1.35rem;}

.pf-video-con {width: 91.426%;
margin: 7rem auto 0;}
.thumb-box {position: relative; margin-top: 3rem;}
.pf-arrows { width: calc(100% + 12rem);
position: absolute; top: calc((100% - 3.3rem) / 2);
display: flex;
justify-content: space-between;
left: -6rem; }
.pf-arrows button i {font-size: 3.2rem;
letter-spacing: -0.025em;
color: #999;}
.pf-arrows .slick-disabled i {opacity: 0.5;}
/* 비디오 영역 Start */
.video-iframe-wrapper{position:relative; max-width:1280px; margin:0px auto; overflow:hidden; border-radius: 10px;}
.video-iframe-box{position:relative; padding-top:56.25%; height:0; background-color:#000}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.video-cover-box .icon i{font-size:60px; color:#fff; line-height:50px; text-shadow:1px 1px 10px rgba(0, 0, 0, .5);}

/* contact */
.contact-contents {background: url(/images/content/contact_bg.jpg) no-repeat; background-size:cover; padding: 18.6rem 0 19rem;}
.contact-contents .cm-pr-con {text-align:center;}
.contact-contents .tit {font-size: 5rem;
letter-spacing: -0.025em;
color: #000; font-weight: 700; line-height:1.28em;}
.contact-contents .clara-more-btn, .contact-contents .navi-more-btn {margin: 5.3rem auto 0;}



.review-wrapper .review-item.swiper-slide-active, 
.review-wrapper .review-item.swiper-slide-next, 
.review-wrapper .review-item.swiper-slide-next + .review-item,
.review-wrapper .review-item.swiper-slide-duplicate-active, 
.review-wrapper .review-item.swiper-slide-duplicate-next {opacity:1;}




/* ******************* alignnavi ******************* */

.pr-page.alignnavi .pr-tit-box .sub-tit {color: #2e8bff;}
.pr-page.alignnavi .data-list li .ico-box {background: #2e8bff;}
.pr-page.alignnavi .therapy-list02 .ico-box .ico {background: #2e8bff;}
.pr-page.alignnavi .count-num-item-wrap .count-num-item-box .count-num-item {color: #2e8bff;}
.pr-page.alignnavi .count-num-box > p {color: #2e8bff;}

/* alignnavi :: 01 */
.navi-result-list {display: flex; flex-wrap: wrap;
justify-content: center;}
.navi-result-list li:not(.deco) {position: relative; width:42rem; height: 10rem; background:rgba(102,102,102,0.1); border-radius:50px; display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin:2rem 1.5rem;}
.navi-result-list li p {font-size:1.6rem; letter-spacing:-0.05em; color: #555; font-weight: 500; line-height:1.5; }
.navi-result-list li:not(.deco):after {display: block; content:""; position:absolute; bottom: -2rem; left: 50%; transform:translateX(-50%) rotate(180deg); width: 0px;
height: 0px;
border-top: 20px solid none;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #efefef;}
#fixedNaviM1 .cm-pr-con {align-items:center;}
#fixedNaviM1 .cm-pr-con:first-of-type .cm-pr-con-box {margin-top: 3.2rem;}
#fixedNaviM1 .cm-pr-con:last-of-type {padding: 19rem 0 0 0;}
.navi-result-list .deco:nth-child(1) {position: relative; top: 5.3rem; right: 3.3rem;}
.navi-result-list .deco:last-of-type {position: relative; top: 4.4rem; left: 0.6rem;     display: flex;
align-items: center;
height: 4rem;}
.navi-result-list .deco:last-of-type img:last-child {position: absolute;
top: 3.8rem;
left: 7.6rem;}

/* alignnavi :: 02 */
#fixedNaviM2 .cm-pr-con {/* padding: 19rem 0;  */align-items: center;}

/* alignnavi :: 03 */
#fixedNaviM3 .therapy {display: block; padding-bottom:13.5rem;}
#fixedNaviM3 .therapy .area {display:flex;}
#fixedNaviM3 .therapy .pr-tit-box {position:static; width: 50%;}
#fixedNaviM3 .therapy .cm-pr-con-box {width: 50%; margin: 0; padding-left: 6rem;
box-sizing: border-box;}
#fixedNaviM3 .therapy .cm-pr-con-box img {max-width:100%;}
#fixedNaviM3 .therapy-list02 .ico-box .ico span {width: 60.834%;}

/* alignnavi :: 04 */
#fixedNaviM4 {background: #f9f9f9; padding: 15.6rem 0 15.8rem;}
#fixedNaviM4 .cm-pr-con-box {margin-top: 7.2rem;}

/* alignnavi :: 05 */
#fixedNaviM5 .review-contents .cm-pr-con-box {margin: 7.2rem 0 0 auto; width: calc(100% - ((100% - 73.491%) / 2)); overflow: hidden;}
#fixedNaviM5 .review-contents {background: url(/images/content/review_bg_navi.jpg) no-repeat; background-size:cover; padding: 15.4rem 0 16rem;}


@media all and (max-width:1460px){
	#fixedNaviM3 .therapy .pr-tit-box .area {padding: 0;}
	#fixedNaviM3 .therapy02 {padding:10rem var(--area-padding) 20rem;}
}


@media all and (max-width:1280px){
	.cm-pr-con.flex {flex-wrap: wrap;}
	.cm-pr-con.flex > div {width: 100%;}
	.cm-pr-con.flex .cm-pr-con-box {padding-left: 0; margin-top: 3rem;}
	.cm-pr-con.flex .pr-tit-box {padding-right: 0;}

	.cm-pr-con.therapy {flex-direction:column;}
	.therapy .pr-tit-box {    position: static;}
	.therapy .cm-pr-con-box {width: 100%; }
	.cm-pr-con.therapy .cm-pr-con-box {margin-top: 0;}
	#fixedClaraM5 .review-contents .cm-pr-con-box {width: 100%; max-width: none; margin: 7.2rem auto 0; padding: 0 var(--area-padding);}

	.navi-result-list li:not(.deco):after {bottom: -1.8rem;}
	.navi-result-list .deco {display:none !important;}
	#fixedNaviM5 .review-contents .cm-pr-con-box {width: 100%; max-width:none; padding: 0 var(--area-padding);}
}

@media all and (max-width:800px){
	
	.page-tit {font-size:3.4rem; margin-bottom: 3rem; }
	.about-tit {font-size:5.2rem;}
	.about-con-tit {font-size:4.2rem;}
	.pr-tit-box .sub-tit {font-size: 2rem;}
	.pr-tit-box .tit {font-size:3.8rem;}
	.clara-txt-box .txt01 {font-size:1.9rem; line-height: 1.6;}		
	.clara-txt-box .txt02 {font-size:1.5rem; margin-top: 0.8rem; }

	.data-list li {border-radius: 25px;}
	.data-list .txt-box {margin-left: 3.5rem; width: calc(100% - (11rem + 3.5rem));}
	.data-list .txt-box p {font-size:1.9rem;}	
	.data-list .txt-box em {font-size:1.4rem;}
	.data-list li .ico-box {width: 11rem; height: 11rem;}
	.data-list li .ico-box span {width: 42%;}

	.standard-contents {padding: 9.85rem 0;}
	.standard-list {flex-direction:column;}
	.standard-list li {width: 100%; margin: 5rem 0 0;}
	.standard-list li:first-of-type {margin-top: 0;}
	.standard-list .img-box img {width: 100%;}

	.pr-slide-con .swiper-pagination {bottom: 2.6rem !important;}
	.pr-slide-con .swiper-pagination .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem;}
	.pr-slide-con .swiper-pagination .swiper-pagination-bullet-active {width: 2.2rem;}

	.cm-pr-con.therapy {padding:9.9rem 0 7.85rem;}
	.therapy-box {padding: 5rem 5rem 3rem 3rem; margin: 0 var(--area-padding); }
	.therapy-list {width: 100%;}
	.therapy-list .slick-slide > div {width: 77.78% !important;}
	.therapy-list .slick-slide .list-item {width: 100% !important;}
	.therapy-list .slick-slide.slick-current > div {width: 88.89% !important;}
	.therapy-list .slick-slide.slick-current .list-item {width: 100% !important;}
	.therapy-list .slick-current .inner-item, .therapy-list .clone-on .inner-item {min-height: 34rem; width: 100% !important;}
	.therapy-list li .inner-item {min-height: 30.6rem; max-height: 30.6rem; padding: 5rem 5.8rem 3rem;}
	.therapy-list li .img-box {height: 7rem;}
	.therapy-list .slick-current .inner-item .img-box, .therapy-list .clone-on .inner-item .img-box {height: 7rem;}
	.therapy-list .tit {font-size:1.7rem;}

	.therapy02 {padding: 7rem 0 10rem;}
	.therapy-list02 > li {flex-direction: column;}
	.therapy-list02 > li:nth-of-type(even) {flex-direction: column;}
	.therapy-list02 > li:nth-of-type(even) .txt-box {padding-left: 0;}
	.therapy-list02 > li > div {width: 100%;}
	.therapy-list02 .txt-box {padding-left: 0; margin-top: 3rem;}
	.therapy-list02 .txt-box p {font-size: 2.2rem;     margin-bottom: 2rem;}
	.therapy-list02 .inner-list li {margin-top: 0.6rem; font-size: 1.5rem;}
	.therapy-list02 .ico-box {display:none;}
	.therapy-list02 > li .img-box > span {padding-top: 45%;}
	.therapy-mouse {display:none;}

	#fixedClaraM4 {padding: 7.8rem 0 8rem;}
	.ai-box {height: 40rem;}
	.ai-count-inner {flex-direction:column;}
	.ai-count-inner > li {width: 100%; margin: 4rem 0 0;}
	.ai-count-inner > li:after {right: 0;
    width: 100%; height: 1px;
    top: calc(100% + 2rem);
    left: 50%;
    transform: translateY(0) translateX(-50%);}
	.ai-count-inner > li:first-of-type {margin: 0;}
	.ai-count-inner > li > p {margin-top: 1rem;} 
	.ai-count-inner .number {margin-top: 1rem;}
	.count-num-item-wrap {height: 1.6em;}
	.count-num-item-wrap .count-num-item-box {height: 45rem;}
	.count-num-item-wrap .count-num-item-box .count-num-item {font-size: 4.5rem; line-height: 4.5rem;}
	.count-num-box > p {font-size: 4.5rem;}

	#fixedClaraM5 .review-contents {padding: 7.7rem 0 8rem;}
	#fixedClaraM5 .review-contents .cm-pr-con-box {margin: 3rem auto 0;}

	.partner-contents {padding: 9.7rem 0 4.85rem;}	
	.partner-list {margin: 2rem -3rem 0;}
	.partner-list li {width: calc((100% - 12rem) / 2);}

	.pf-contents {padding:4.85rem 0 10.3rem;}
	.pf-arrows {width: calc(100% + 7rem); top: calc((100% - 2rem) / 2); left: 50%; transform: translateX(-50%);}
	.pf-arrows button i {font-size:2rem;}
	.video-cover-box .icon img {width: 6rem;}

	.contact-contents {padding: 6rem 0;}
	.contact-contents .tit {font-size:3rem;}
	.contact-contents .clara-more-btn, .contact-contents .navi-more-btn {margin: 3rem auto 0;}

	#fixedNaviM1 .cm-pr-con:last-of-type {padding: 9.5rem 0 0 0;}		
	.navi-result-list li p {padding: 0 2rem; box-sizing: border-box;}
	#fixedNaviM3 .therapy {padding-bottom:7.85rem}
	#fixedNaviM3 .therapy .area {flex-direction:column;}
	#fixedNaviM3 .therapy .pr-tit-box {width: 100%;}
	#fixedNaviM3 .therapy .cm-pr-con-box {width: 100%; padding-left: 0; margin-top: 3rem;}
	#fixedNaviM3 .therapy02 {padding: 7rem var(--area-padding) 10rem;}
	#fixedNaviM1 .data-list li .ico-box span {width: 50%;}

	#fixedNaviM4 {padding: 7.8rem 0 8rem;}
	#fixedNaviM5 .review-contents {padding: 7.7rem 0 8rem;}
	#fixedNaviM5 .review-contents .cm-pr-con-box {margin: 3rem auto 0;}
}

@media all and (max-width:640px){
	.ai-box {height: 27rem;}
	.ai-box img {height: 7rem;}
}

/* @media all and (max-width:480px){	
	.therapy-box {padding: 5rem 0 0;}
	.therapy-list .tit {font-size: 1.6rem; padding: 0 2rem; box-sizing: border-box;}
	.therapy-list li .img-box {height: 4rem; margin: 3.5rem auto 0;}
	.therapy-list .slick-current .inner-item .img-box, .therapy-list .clone-on .inner-item .img-box {height: 4.5rem;}
	.therapy-list li .inner-item {min-height: 26.6rem; max-height: 26.6rem;}
	.therapy-list .slick-current .inner-item, .therapy-list .clone-on .inner-item {min-height:29rem;}
	.therapy-list .slick-slide.slick-current + .slick-slide + .slick-slide {transform: translateX(-2rem);}
	.therapy-list .num {font-size:1.4rem;}
} */	

/* 환자중심치료 재수정 */
.therapy-list li.swiper-slide-active .img-box {height: 12rem;}

@media all and (max-width:1280px){
	.therapy .cm-pr-con-box {width: calc(100% - var(--area-padding)); margin: 0 0 0 var(--area-padding);}
	.sub-therapy-box {padding-left: 0 !important;}
}

@media all and (max-width:800px){
	.therapy-box {margin: 0;}
	.sub-therapy-list .list-item {width: 24rem !important;
	min-height: 30rem !important;}
	.sub-therapy-list .list-item.swiper-slide-active {width: 29rem !important;}
	.sub-therapy-list .list-item.swiper-slide-active .inner-item {min-height:38rem !important;}
}

@media all and (max-width:480px){
	.therapy .cm-pr-con-box {margin: 0;}
}

/* @media all and (max-width:480px){
	.therapy-list li.swiper-slide-active .img-box {height: 10rem;}
	.therapy-list .tit {margin-top: 2rem;}
} */

/* inquiry-btn */
.visual-img-con-wrapper {position: relative;}
/* .sub-wrap #footer .inquiry-btn {display:none;} */
.visual-deco {
	position: absolute;
    top: -3.5rem;
    right: 0;
    background: #fff;
    width: 4.5rem;
    height: 6.5rem;
    border-bottom-left-radius: 5rem;
    z-index: 111;
}

.visual-deco:before {
	position: absolute;
    content: '';
    width: 4rem;
    height: 3rem;
right:0;
    background: radial-gradient(circle at 0 100%, transparent 40%, #fff 41%);
    bottom: -1.8rem;
    left: 3rem;
}

.inquiry-btn.vp {position:absolute; bottom: 46.2rem; right: 50%; margin-right: -91rem; z-index: 999; transition:none;}
.inquiry-btn.vp.top-fixed {position: fixed; bottom: 82rem; margin-top:-22%; transition: none;}

@media all and (max-width:1820px){
	.inquiry-btn.vp {    position: fixed;
    bottom: initial;
    right: 1.5rem;
    margin-right: 0;
    z-index: 999;
    transition: none;
    top: 50%;
    margin-top: -7.8rem;}

    .inquiry-btn.vp.top-fixed {bottom: initial; margin-top: -7.8rem;}

    .visual-deco {top: -3rem;
    right: -0.5rem; width: 6.5rem; height: 6.5rem; }
    .visual-deco:before {width: 2rem; height: 2rem; right: 0; bottom:-1.1rem; left: 5rem;}
}

@media all and (max-width:1550px){
	.inquiry-btn.vp {display:none;}
	.visual-deco {display:none;}
	.sub-wrap #footer .inquiry-btn {display:block;}
}

/* 세미나 페이지 */
.seminar-list-wrapper .list-total {font-size:1.6rem; letter-spacing:-0.025em; color: #555; font-weight: 500;}
.seminar-list-wrapper .list-total span {color: var(--main-color);}
.cm-btn-wrap {display:flex;}
.cm-btn-wrap .cm-apply-btn {margin-left: 1rem;}
.cm-btn-wrap .cm-apply-btn em {font-weight: 500; font-size:1.4rem;}
.cm-btn-wrap .cm-more-btn.cm-apply-btn .icon {background: #dd0f8a;}

/* 리스트 */
/* 메뉴 */
.seminar-menu {height: 5rem; margin-bottom: 3.5rem;}
.seminar-menu .sub-tab-list-style ul {display:flex; justify-content: center;}
.seminar-menu .sub-tab-list-style ul li {width: 12rem; border-radius: 25px; border:0; background-color: #f3f3f3; margin: 0 0.5rem;}
.seminar-menu .sub-tab-list-style ul li a {height: 5rem;}
.seminar-menu .sub-tab-list-style ul li a em {color: #888; font-weight: 600; font-size:1.8rem;}
.seminar-menu .sub-tab-list-style ul li.selected {background-color: #222;}
.seminar-menu .sub-tab-list-style ul li.selected a em {color: #fff;}

.seminar-list li {display:flex; padding: 5rem 0; border-bottom:1px solid #ddd;}
.seminar-list li .img-box {position: relative; width: 44.4rem; margin-right: 10.8rem;}
.seminar-list li .img-box .img-box {width: 100%; }
.seminar-list li .img-box .img-cover {display: block; width: 100%; position: relative; height: 0; padding-top: 81.084%; border-radius:25px; overflow: hidden;}
.seminar-list li .img-box img {border-radius:25px; transition: all 0.5s;}
.seminar-list li .img-box .img-cover:hover img {transform: scale(1.08) rotate(0.02deg);}
.seminar-list li .txt-box {display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - (44.4rem + 10.8rem)); padding-top: 0.7rem;}
.seminar-list .seminar-tit {font-size:2.8rem; /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */ color: #222; font-weight: 700; letter-spacing:-0.05em; line-height:1.467; padding-bottom: 2.3rem; margin-top: 2rem; padding-bottom: 0; border-bottom:0;}
.seminar-list .info-box {display:flex; flex-wrap:wrap; margin-top: 2.5rem; border-top: 1px solid #ddd; padding-top: 1rem;} 
.seminar-list .info-box dl {width: calc((100% - 1rem) / 2); display:flex; align-items:center; margin-top: 2rem; margin-right: 1rem;}
.seminar-list .info-box dl:nth-of-type(even) {margin-right: 0;}
.seminar-list .info-box dt {display:flex; align-items:center; justify-content:center; background: #eee; width: 3.5rem; height: 3.5rem; border-radius:100%;} 
.seminar-list .info-box dt i {font-size:1.6rem; color: #888;}
.seminar-list .info-box dd {width: calc(100% - (3.5rem + 1.5rem)); font-size:1.5rem; letter-spacing:-0.025em; color: #555; line-height:1.15; margin-left: 1.5rem; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.seminar-list .info-box dd span {padding-right: 1rem;
    display: inline-block;
    position: relative;}
.seminar-list .info-box dd span:first-of-type:after {
	    display: block;
    width: 1px;
    height: 1.3rem;
    background: #ddd;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.seminar-list .info-box dd span:last-of-type {    padding-right: 0;
    padding-left: 1rem;}
.seminar-list li .cm-more-btn {margin-top: 4rem;}

/* 진행중, 마감 상태 */
.seminar-list li .state {display:inline-block; width: 9rem; height: 4rem; line-height: 4.2rem; border-radius:20px; color: #fff; font-size:1.6rem; font-weight: 600; text-align: center; position:absolute; top: 1rem; right: 1rem; z-index: 10;}
.seminar-list li.on .state {background:#0a47d3;}
.seminar-list li.off .state {background:#666;}
.seminar-list li.off .img-box img {filter : grayscale(1);}

@media all and (max-width:800px){
	.seminar-list li {flex-wrap:wrap;}
	.seminar-list li:first-child {padding-top: 2rem;}
	.seminar-list li .img-box {width: 100%; margin-right: 0;}
	.seminar-list li .img-box img {width: 100%;}
	.seminar-list li .txt-box {width: 100%; padding-top: 3rem;}	
	.seminar-list .info-box dl {width: 100%;}

	.seminar-menu .sub-tab-list-style ul {display:none; flex-wrap:wrap;}
	.seminar-menu .sub-tab-list-style ul li {width: 100%; margin: 0; border-radius:0;}
	.seminar-menu .sub-tab-list-style ul li a {height: auto;}
	.seminar-menu .sub-tab-list-style ul li a em {font-size:1.5rem;}
	
}

@media all and (max-width:480px){
	.seminar-list .seminar-tit {height: auto;}
}


/* 뷰 페이지 */
.view-page .page-tit {letter-spacing:-0.05em;}
.seminar-info-box {display:flex; align-items: center;}
.seminar-info-box .img-box {width: 63rem; margin-right: 14rem;}
.seminar-info-box .img-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 81.27%; border-radius:25px; overflow:hidden;}
.seminar-info-box .img-box span img {border-radius:25px; /* transition: all 0.5s; */}
/* .seminar-info-box .img-box:hover span img {transform: scale(1.08) rotate(0.02deg);} */
.seminar-info-box .info-box {width: calc(100% - (63rem + 14rem));}
.seminar-info-box .info-box .info-top {display:flex; justify-content:space-between; padding-bottom:3rem; border-bottom:2px solid #333;}
.state-box {display:flex; margin: 0 -0.5rem;}
.state-box span {display:inline-block; width: 12rem; height: 4.5rem; border-radius:22.5px; line-height: 4.7rem; font-size:1.8rem; color: #fff; font-weight: 600; text-align: center; margin: 0 0.5rem;}
.state-box .state.on {background: #0a47d3;}
.state-box .state.off {background: #666;}
.state-box .loca.off {background:var(--main-color);}
.state-box .loca.on {background: #e12f80;}
.seminar-info-box .list-btn {display:flex; align-items:center; justify-content:center; width: 4.5rem; width: 4.5rem; border-radius:100%; background: #eee; }
.seminar-info-box .list-btn i {font-size:2.2rem; color: #888; }

.info-bottom {padding: 4rem 2rem; border-bottom: 1px solid #ddd;}
.info-bottom-tit {font-size:2.1rem; color: #222; font-weight: 600; line-height:1.2; margin-bottom: 3rem;}
.info-bottom dl {display: flex; margin-top: 2.6rem; align-items: center;}
.info-bottom dl:first-of-type {margin-top: 0;}
.info-bottom dt {display: flex; align-items: center; width: 18rem;}
.info-bottom dt p {font-size:1.7rem; letter-spacing:-0.025em; color: #555; font-weight: 600;}
.info-bottom dt .ico {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; background: #eee; border-radius:100%; margin-right: 2.5rem;}
.info-bottom dt .ico i {font-size:1.8rem; letter-spacing:-0.05em; color: #888; }
.info-bottom dd {width: calc(100% - 18rem); margin: 0 -1.5rem;}
.info-bottom dd em {display:inline-block; font-size:1.7rem; letter-spacing:-0.025em; color: #555; padding: 0 1.5rem;}
.info-bottom dl:first-of-type dd em:first-of-type {position: relative;}
.info-bottom dl:first-of-type dd em:first-of-type:before {display: block; content:""; position:absolute; right: 0; top: 50%; background: #ddd; height: 1.3rem; width: 1px;
transform: translateY(-50%);}
.info-bottom dl:first-of-type dd em:last-of-type:before {display:none;}

.view-inquiry-top {text-align: center;}
.view-inquiry-top strong {font-size:3.4rem; letter-spacing:-0.05em; color: #222; font-weight: 700; line-height:1.25em;}
.view-inquiry-top .essential-txt { font-size:1.6rem; letter-spacing:-0.05em; color: #555; line-height:1.5em; text-align: right;}
.view-inquiry-top .essential-txt em {position: relative; margin-top: 3.5rem;
display: inline-block;}
.view-inquiry-top .essential-txt .essential-ico {right: initial; left: -1rem; top: 0.8rem;}

.view-detail-tab-inner ul {display:flex;}

.view-detail-tab-list {position: relative; height: 62px; margin-bottom: 6rem; width: 100%;}
.view-detail-tab-list .view-detail-tab-inner {position:absolute; left: 0; right: 0; background-color:#fff;}
.view-detail-tab-list li {float: left;
width: 50%;
position: relative;}
.view-detail-tab-list a {display: table;
width: 100%;
height: 60px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;    
text-align: center;
font-size: 1.8rem;
letter-spacing: -0.25px;
color: #555;
font-weight: 500;
letter-spacing: -0.3px;}
.view-detail-tab-list a span {display: table-cell; vertical-align: middle; line-height: 1.3;}
.view-detail-tab-list li.selected a {border-color:#363636; font-weight: 700; color: #222;}
.view-detail-inner-con .img-box {margin: 2rem 0;}

.seminar-view-wrapper .sub-tab-con {margin-top: 10.2rem;}
.seminar-view-wrapper .sub-tab-con:first-of-type {margin-top: 0;}

.cm-form-fieldset-box {display: flex; align-items: center; justify-content: space-between; max-width: 490px;}
.cm-form-fieldset-box .hypen {display: inline-block; vertical-align: middle; width: 20px; text-align: center; font-size: 1.6rem;}

.view-inquiry-con {width: 100%; border-bottom:1px solid #ddd;  padding: 2.75rem 0;}
.view-inquiry-con:nth-of-type(2) {padding-top: 1.45rem;}
.view-inquiry-con .inquiry-item {display: flex; align-items: center; position: relative; padding: 1.25rem 0; width: 100%;}
.view-inquiry-con .inquiry-item.certificate dd {display: flex; align-items: center;}
.essential-ico {width: 5px; height: 5px; border-radius:100%; background: var(--main-color); position:absolute; right: -0.7rem; top: -0.3rem;}
.view-inquiry-con .inquiry-item ul {display:flex;}
.view-inquiry-con .inquiry-item ul li {display:flex; align-items: center; margin-right: 3.5rem; width: calc((100% - 3.5rem) / 2);}
.view-inquiry-con .inquiry-item ul li:last-of-type {margin-right: 0;}
.view-inquiry-con .inquiry-item ul li .write-input {max-width:18rem; }
.view-inquiry-con .inquiry-item ul li label {font-size:1.6rem; letter-spacing:-0.02em; color: #555; font-weight: 500; line-height:1.2; margin-right: 1.5rem;}
.view-inquiry-con .inquiry-item ul li:last-of-type {/* padding-left: 1rem; */ box-sizing: border-box;}
.view-inquiry-con .inquiry-box.half-box {display:flex; flex-wrap:wrap; }
.view-inquiry-con .inquiry-box.half-box .inquiry-item:nth-of-type(odd) {margin-right: 8.5rem;}
.view-inquiry-con .inquiry-box.half-box .inquiry-item  {width: calc((100% - 8.5rem) / 2);}	
.view-inquiry-con .inquiry-box.full-box .inquiry-item{width: 100%;}
.view-inquiry-con .inquiry-item dt {display: flex; align-items: center; width: 17rem; height: 5rem; font-size:1.6rem; letter-spacing:-0.02em; font-weight: 600; color: #222; line-height:1.3; align-self: flex-start;}
.view-inquiry-con .inquiry-item dt em {position: relative; font-weight: 600;}
.view-inquiry-con .inquiry-item dd {width: calc(100% - 17rem); box-sizing:border-box;}	
.view-inquiry-con .inquiry-item.full-item:nth-of-type(even) dt {padding-left: 0;}
.view-inquiry-con .inquiry-item dd .write-input, .view-inquiry-con .inquiry-item dd .write-select {width: 100%; height: 5rem; border: 0; padding: 0 1.5rem; background-color: #f6f6f6; border-radius: 2.5rem;    text-indent: 1em; outline: none; font-size:1.5rem;     box-sizing: border-box;}

.inquiry-ps {font-size:1.4rem; letter-spacing:-0.02em; color: #0a47d3; font-weight: 500; padding-left: 1.5rem; line-height: 1.3;}
.email-fieldset .hypen {width: 2.9rem;}
.seminar-view-wrapper .email-fieldset .write-input, 
.seminar-view-wrapper .email-fieldset .write-select, 
.seminar-view-wrapper .email-fieldset .email-select-box {width:calc((100% - 2.9rem + 1rem) / 3) !important;}
.email-fieldset .email-select-box {margin-left: 1rem;}


.personal-fieldset .hypen {width: 2.9rem;}
.personal-fieldset .write-input {width:calc((100% - 2.9rem) / 2) !important;}

.file-custom-box {position: relative; max-width: 49rem; width: calc(100% - 17rem);}
.file-custom-box .upload-name {}

.phone-fieldset .write-select {font-size: 1.5rem;}

.inquiry-item.channel .custom-radio-item-box {display:flex; flex-wrap:wrap; margin: 0;}
.inquiry-item.channel .custom-radio-item {width: 16.667%; margin: 1.5rem 0;}

.account-box {background: rgba(46,139,255,0.05); border-radius:25px; margin-top: 4rem; height: 20rem;
display: flex;
flex-direction: column;
justify-content: center;}
.account-info {display:flex; justify-content:center;}
.account-info li { position: relative; padding: 0 1.3rem;}
.account-info li:after {display: block;
content: "▪";
position: absolute;
right: -0.4rem;
top: 50%;
font-size: 2.2rem;
color: #0a47d3; transform: translateY(-50%);}
.account-info li .tit, .account-info li .txt {font-size: 2.2rem;
letter-spacing: -0.02em;
color: #0a47d3;
font-weight: 600;
line-height: 1.2;}
.account-info li .txt {padding-left: 0.5rem;}
.account-info li:last-of-type:after {display:none;}
.account-txt  {font-size:1.6rem; letter-spacing:-0.02em; color: #666; line-height:1.5; text-align: center; margin-top: 2.2rem;}

@media all and (max-width:1280px){
	.view-inquiry-con .inquiry-item dt {width: 14rem;}
	.view-inquiry-con .inquiry-item dd {width: calc(100% - 14rem); align-self: flex-start;}
	.seminar-info-box .img-box {width: 52rem; margin-right: 10rem;}
	.seminar-info-box .info-box {width: calc(100% - (52rem + 10rem));}
	.info-bottom dt {width: 15rem;}
	.info-bottom dd {width: calc(100% - 15rem);}
}

@media all and (max-width:800px){
	.view-inquiry-top .essential-txt {text-align:center;}
	.view-detail-tab-list {margin-bottom: 3rem;}
	.seminar-view-wrapper .sub-tab-con:first-of-type {margin-top: 0;}
	.view-page .page-tit {font-size:3rem; line-height:1.5em;}
	.seminar-info-box {flex-wrap:wrap;}
	.seminar-info-box .img-box {width: 100%; margin-right: 0;}
	.seminar-info-box .img-box span img {width: 100%;}
	.seminar-info-box .info-box {width: 100%; margin-top: 3rem;}
	.info-bottom {padding: 3rem 0;}
	.info-bottom dd em {margin: 0.5rem 0; line-height: 1.25;}
	.info-bottom dt .ico {margin-right: 1.5rem; width: 3.5rem; height: 3.5rem;}
	.info-bottom dt .ico i {font-size:1.5rem;}
	.info-bottom dt {width: 13rem;}
	.info-bottom dt p {font-size:1.6rem;}
	.info-bottom dd {width: calc(100% - 13rem);}
	.info-bottom dd em {font-size:1.5rem;}

	.view-inquiry-con .inquiry-item ul {flex-direction:column;}
	.view-inquiry-con .inquiry-item ul li label {width: 5rem;}
	.view-inquiry-con .inquiry-item ul li .write-input {width: calc(100% - (5rem + 1.5rem)); max-width:initial;}
	.view-inquiry-con .inquiry-item ul li {width: 100%; margin-right: 0;}
	.view-inquiry-con .inquiry-item ul li:last-of-type {margin-top: 1rem;}
	.view-inquiry-con .inquiry-item {flex-wrap:wrap;}
	.view-inquiry-con .inquiry-item dd .write-input, .view-inquiry-con .inquiry-item dd .write-select {text-indent:0;}
	.view-inquiry-con .inquiry-item dt {width: 100%}
	.view-inquiry-con .inquiry-item dd {width: 100%;}
	.view-inquiry-con .inquiry-box.half-box .inquiry-item {width: 100%;}
	.view-inquiry-con .inquiry-box.half-box .inquiry-item:nth-of-type(odd) {margin-right: 0;}
	.cm-form-fieldset-box.email-fieldset {max-width: initial; flex-wrap:wrap;}
	.cm-form-fieldset-box.phone-fieldset {max-width: initial;}
	.inquiry-item.channel {flex-wrap:wrap;}
	.inquiry-item.channel .custom-radio-item-box {margin: 0 -1.5rem;}
	.inquiry-item.channel .custom-radio-item {width: 33.3333%; margin: 1.5rem;}
	.inquiry-item.channel dt {width: 100%;}
	.inquiry-item.channel dd  {width: 100%;}

	.inquiry-item.certificate {flex-wrap:wrap;}
	.inquiry-item.certificate dt {width: 100%;}
	.inquiry-item.certificate dd {width: 100%; flex-wrap:wrap;}
	.file-custom-box {width: 100%; max-width:initial;}
	.inquiry-item.certificate .inquiry-ps {margin-top: 1.5rem;}

	.seminar-view-wrapper .email-fieldset .write-input, .seminar-view-wrapper .email-fieldset .write-select, .seminar-view-wrapper .email-fieldset .email-select-box {width:calc((100% - 4.5rem + 1rem) / 2) !important;}
	.seminar-view-wrapper .email-fieldset .email-select-box {margin-top: 1rem; margin-left: 0; width: 100% !important;}

	.account-box {height: auto; padding: 3rem;}
	.account-info {    flex-wrap: wrap;}
	.account-info li {width: 100%; margin-top: 0.5rem; padding: 0 2rem;}
	.account-info li:after {left: 0; right: initial; top: 1.2rem;}
	.account-info li:last-of-type:after {display: block;}
	.account-info li .tit, .account-info li .txt {font-size:2rem; line-height:1.4;}

	.custom-radio-item-box .custom-radio-item {margin: 10px 15px !important;}
}

@media all and (max-width:480px){
	.custom-radio-item-box .inquiry-ps {padding-left: 0; padding-top: 1.5rem;}
}

/* ***********************
	*	페이크폼 스타일 추가css 
*********************** */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.select-option.select-in-popup{z-index: 10000 !important;}
/* fake form - 기본 select 스타일 */
.fakeform-selectbox .select-title {text-indent: 1em;
 /* text-indent: 2em; */ width: 100% !important; text-align: left; vertical-align: middle; border:0; line-height: 5rem; font-size:1.5rem; color: #333; background-color: #f6f6f6; display: inline-block; box-sizing: border-box; cursor: pointer; border-radius:3rem; padding: 0 1rem !important;}
.fakeform-selectbox .select-title:after{font-family: 'xeicon'; position:absolute; top:50%; right:2rem; transform:translateY(-50%); content: "\e942"; font-size:2rem; color: #555859; font-weight: 400;}
.fakeform-selectbox .select-title strong {width: 100%; font-weight: 400; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox .select-title.active{border-bottom-color: #fff; border-radius: 3rem 3rem 0 0 !important;}
.fakeform-selectbox .select-title.active:after{content: "\e945";}
.fakeform-selectbox .select-title.focus{}
.fakeform-selectbox .select-title.disabled{}
/* 옵션창 */
.select-option {border: 1px solid #ddd; border-top: 0; background: #fff; /* max-height: 200px; */ overflow: auto; z-index: 999 !important;}
.select-option::-webkit-scrollbar{
	width: 5px;
}
.select-option::-webkit-scrollbar-thumb{
	background-color:#333;
	border-radius:5px;
	transition:all 0.5s;
}
.select-option::-webkit-scrollbar-track{
	background-color:#f2f2f2; 
	border-radius:0;
}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.4rem; line-height: 1.5; color: #666; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 1.5rem 2em; /* padding: 1.5rem; */ display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: #f2f2f2;}
.select-option span.selected {color: #000; font-weight: 600;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}

@media all and (max-width:1280px){
	.fakeform-selectbox .select-title {text-indent:1em; font-size:1.3rem;}	
	.fakeform-selectbox .select-title:after {/* right: 1rem; */ font-size:1.7rem;}
}

@media all and (max-width:800px){
	.fakeform-selectbox .select-title {text-indent: 1em; font-size: 1.3rem !important; line-height: 5rem; border-radius:2.5rem;}
	.fakeform-selectbox .select-title:after{/* right:0.7em; */ font-size:2rem;}
	.fakeform-selectbox .select-title.active{border-radius: 2.5rem 2.5rem 0 0;}
	/* .fakeform-selectbox .select-title strong {padding-left: 1rem;} */
	/* 옵션창 */
	.select-option span,
	.select-option strong {height: auto; font-size: 1.3rem; font-weight: 500; line-height: 1.5; /* padding: 1.5rem 1em; */}
}

/* contact */

.sub-wrap.contact #footer .main-inquiry-wrapper {display:none;}
.contact-page .inquiry-style09 button.btn-style01:last-of-type {background-color: var(--main-color); color: #fff;}
.contact-page .inquiry-style09 .cm-btn-controls {justify-content: center;}
.contact-page .inquiry-agreement-con {border-radius:25px;}
.contact-page .phone-fieldset {width: 100% !important;}
.contact-page .phone-fieldset .fakeform-selectbox {width: calc(33.33% - 20px) !important; }
.contact-page .phone-fieldset .fakeform-selectbox .write-select {width: 100% !important;}
/* .contact-page .phone-fieldset .write-select.select-title {width: 100% !important; }
.contact-page .email-fieldset .email-select-box {width: calc((100% - 2.9rem + 1rem) / 3) !important;} */
.contact-page .view-inquiry-con {border-bottom:0;}
.contact-page .view-inquiry-con .inquiry-item textarea {height: 200px; resize: none; text-indent: 0; padding: 2rem 1rem; 
width: 100%; background-color: #f6f6f6; border: 1px solid #f6f6f6;
font-size: 1em; text-indent: 1em; vertical-align: middle; box-sizing: border-box; border-radius: 2.5rem; outline:0;}
.contact-page .inquiry-style09 .bbs-write-tbl th {line-height:1.3;}
	
@media all and (max-width:800px){
	.sub-visual-contact + #middleArea #content:not(.wide).area {padding-top: 0;}		
	.contact-page .email-fieldset .email-select-box {margin-top: 1rem; margin-left: 0; width: 100% !important;}
	.contact-page .email-fieldset .write-input {width: calc((100% - 4.5rem + 1rem) / 2) !important;}
	.contact-page .bbs-inquiry-agree-con .agree-txt {align-items:flex-start;}
}

.seminar-view-wrapper .fakeform-selectbox .select-title:after {right: 1rem;}
.seminar-view-wrapper .phone-fieldset .fakeform-selectbox {width: calc(33.33% - 20px) !important;}
.seminar-view-wrapper .phone-fieldset .fakeform-selectbox .write-select {width: 100% !important;}

@media all and (max-width:800px){
	.seminar-view-wrapper .fakeform-selectbox .select-title:after {right: 2rem;}
}