@charset "utf-8";

/*
 contents padgr add css
 */
hr{clear: both;}

.pt_0{padding-top:0px!important;}
.pt_10{padding-top:10px!important;}
.pt_20{padding-top:20px!important;}
.pt_30{padding-top:30px!important;}
.pt_40{padding-top:40px!important;}
.pt_50{padding-top:50px!important;}
.pt_60{padding-top:60px!important;}
.pt_80{padding-top:80px!important;}
.pt_100{padding-top:100px!important;}
.pt_120{padding-top:120px!important;}
.pt_150{padding-top:150px!important;}

p.pt_0{padding-top:0px!important;}
p.pt_10{padding-top:10px!important;}
p.pt_20{padding-top:20px!important;}
p.pt_30{padding-top:30px!important;}

.mb_0{margin-bottom:0!important;}
.mb_10{margin-bottom:10px!important;}
.mb_20{margin-bottom:20px!important;}
.mb_30{margin-bottom:30px!important;}
.mb_40{margin-bottom:40px!important;}
.mb_50{margin-bottom:50px!important;}
.mb_60{margin-bottom:60px!important;}
.mb_80{margin-bottom:80px!important;}
.mb_100{margin-bottom:100px!important;}
.mb_120{margin-bottom:120px!important;}
.mb_150{margin-bottom:150px!important;}

.mt_0{margin-top:0px!important;}
.mt_10{margin-top:10px!important;}
.mt_20{margin-top:20px!important;}
.mt_30{margin-top:30px!important;}
.mt_40{margin-top:40px!important;}
.mt_50{margin-top:50px!important;}
.mt_60{margin-top:60px!important;}
.mt_80{margin-top:80px!important;}
.mt_100{margin-top:100px!important;}
.mt_120{margin-top:120px!important;}
.mt_150{margin-top:150px!important;}


/* ani */
.ani_top{position:relative;opacity:0;top:50px;transition:1s; transition-delay:0.15s;}
.ani_top.move{opacity:1;top:0;}
.ani_top_filer{position:relative;opacity:0;top:300px;transition:1s; transition-delay:0.15s;}
.ani_top_filer.move{opacity:1;top:240;}
.ani_left{position:relative;opacity:0;left:-150px;transition:1s; transition-delay:0.15s;}
.ani_left.move{opacity:1;left:0;}
.ani_right{position:relative;opacity:0;right:-150px;transition:1s; transition-delay:0.15s;}
.ani_right.move{opacity:1;right:0;}
.ani_down{position:relative;opacity:0;top:-50px;transition:1s; transition-delay:0.15s;}
.ani_down.move{opacity:1;top:0;}

.trans_d1{transition-delay:0.2s;}
.trans_d2{transition-delay:0.25s;}
.trans_d3{transition-delay:0.3s;}
.trans_d4{transition-delay:0.35s;}
.trans_d5{transition-delay:0.4s;}
.trans_d6{transition-delay:0.45s;}

#sv .sv_bg {animation:sv-bg-change 5s infinite; }
@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@media all and (max-width:820px){
	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_down.move{opacity:1;top:auto; bottom: 0px;}
	.ani_top_filler{left: auto;top:25px;}
	.ani_top_filler.move{left: auto;top:0;}
	.trans_d1,
	.trans_d2,
	.trans_d3,
	.trans_d4,
	.trans_d5,
	.trans_d6{transition-delay:0.2s;}
}
.section.contents{color:var(--content);}
.section .section-main-heading{margin:0px auto 80px; }

.section .section-main-heading h2{font-weight:var(--font-weight-600); line-height:var(--line-height-1-26); color:var(--content);}
.section .section-main-heading h3{font-size:var(--font-size-m-1); font-weight:var(--font-weight-200); color:var(--puple-7337ce); padding-bottom:15px;}
.section .section-main-heading span{color:var(--puple-7337ce);}

.center{text-align: center; }
.contents .row{
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.contents span.br:after{content:''; display:block; position:relative}

.bg_grey{background:#f5f5f5}

/*전체메뉴*/
.all_menu_btn{position: fixed; top:35px; right:40px; margin-right:0; z-index: 999;}
#header.sticky .all_menu_btn{top:25px;}
.all_menu_btn a{position:relative;display:block;width: 50px; height: 18px;  transition:.25s; }
.all_menu_btn a span{position:absolute;left:0;top:50%;display:block;width:50px;height:2px; border-radius:10px;background-color:#000;margin:0 0;text-indent:-9999px;}
.all_menu_btn span,
.all_menu_btn span:before,
.all_menu_btn span:after{content:"";left:0;position:absolute;display:block;width:40px;height:100%;background-color:#000; border-radius:10px; transition:.25s;}
.all_menu_btn span:before{top:-10px;}
.all_menu_btn span:after{bottom:-10px;}

.all_menu_btn .active span{background-color:transparent;}
.all_menu_btn .active span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); background-color: #000;}
.all_menu_btn .active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); background-color: #000;}


.all_menu_btn.stiky {position: fixed; }
.all_menu_btn.stiky span,
.all_menu_btn.stiky span:before,
.all_menu_btn.stiky span:after {background-color: #000;}
.all_menu_btn.stiky .active span {background-color: transparent;}
.all_menu_btn.stiky .active span:before,
.all_menu_btn.stiky .active span:after {color: #fff;}




.all_menu_wrap {position: fixed; top: 0; right: 0; height: 100%;  background-color: #f5f5f5; z-index: 99; opacity: 0; transform:translateX(100%); transition:all 0.7s 0.2s ease; padding:5%;}
.all_menu_wrap.active {opacity: 1; width: 100%; transform:translateY(0);}
.all_menu_wrap .all_menu_in { margin:0 auto;}
.all_menu_wrap .sitemap_lt { border-bottom: 1px solid #7337ce; padding-right: 0px; margin-right:0px; text-align: center; padding-bottom:15px;}
.all_menu_wrap h2 { font-size: 58px; font-family: 'Montserrat'; font-weight: 600; color: #fff; text-align: left; }

.all_menu_wrap .all_menu_in .sitemap_logo{ font-size:28px; font-family: 'Montserrat'; font-weight: 600; color: #7337ce; text-align:center; }

#all_menu  {padding-top: 30px;}
#all_menu .dep1_wrap {display: flex; flex-wrap:wrap;}
#all_menu .dep1_con {width:14.2%; margin-bottom: 50px; text-align: left;  position: relative; padding-left:1.2%;}
#all_menu .dep1_con:after {content:'';	display: block; width: 40px; height: 40px; background: url('/assets/images/common/symbol.png') 0 0 no-repeat; position: absolute; top: -8px; left: 0; background-size:cover;}
#all_menu .dep1_con .dep1 { display: block; color: #7337ce; font-size: 22px; font-weight: 600; padding-bottom: 20px; margin-bottom: 20px; position: relative;transition:.25s;}
#all_menu .dep1_con .dep1:after {content:''; display: block; width: 24px; height: 2px; background-color: #7337ce; position: absolute; bottom: 0; left: 3px; transform:translateX(0%); }
#all_menu .dep1_con .dep1 span {position: relative;}
#all_menu .dep1_con .dep1 span:after {content:''; display: block; position: absolute; bottom: -3px; left: 0; width: 100%; border-bottom:1px solid #cf9d6d; transform-origin:right top; transform:scale(0, 1);transition:transform 0.4s cubic-bezier(1, 0, 0, 1);}
#all_menu .dep1_con:hover .dep1 span:after {  transform-origin:left top;  transform:scale(1, 1) }
#all_menu .dep1_con.active .dep1 {color: #7337ce;}

#all_menu .dep2_wrap {display: block; margin: 0!important; }

#all_menu .dep2_con {margin-bottom:5px; position: relative;}
#all_menu .dep2_con .dep2 {display: inline-block; color: #000; font-size: 17px; font-weight:500;  line-height: 1.7; transition:.25s; position: relative; }
#all_menu .dep2_con .dep2:after {content:''; display: block; width: 100%; height: 2px; background-color: transparent; position: absolute; bottom: -3px; left: 0; transition:.25s;  transform-origin:right top; transform:scale(0, 1);transition:transform 0.4s cubic-bezier(1, 0, 0, 1);}
#all_menu .dep3_wrap {padding:7px 0 15px 8px;}
#all_menu .dep3_con .dep3 {color: #777; font-size: 16px; font-weight:300;  line-height: 1.7; transition:.25s; }
#all_menu .dep3_con .dep3:hover{font-weight:500;}
#all_menu .dep2_con:hover .dep2{color: #7337ce;}
#all_menu .dep2_con:hover .dep2:after{background-color: #7337ce!important;}
#all_menu .dep1_con:hover .dep1 {color: #7337ce;}
#all_menu .dep2_con:hover .dep2 {}
#all_menu .dep2_con:hover .dep2:after {content:''; display: block; width: 100%; height: 2px; background-color: #000; position: absolute; bottom: -3px; left: 0; transition:.25s;}
#all_menu .dep2_con:hover .dep2:after {  transform-origin:left top;  transform:scale(1, 1) }
#all_menu .dep2_wrap.active  {color: #9e7c64; display:block;}
#all_menu .dep3_con:hover .dep3 {color: #000;}

.all_menu_wrap  .hd_banner {position: absolute; bottom: 50px; right: 50px;}




/* *********************************************
 * about
 ******************************************** */
.about-overview{padding-top:75px; padding-bottom:0px;}
.about-overview .row{--bs-gutter-x: 0rem;}
.Philosophy{width:100%; height:640px; background:#d5d0e4; position:relative;}

.Philosophy .bg{background:url("../images/sub/about/philosophy.png") no-repeat; background-size:cover; background-position: 100%; width:42%; height:100%; position:relative;}
.Philosophy .con_font-m1{font-size:var(--font-size-l-2); font-weight:var(--font-weight-400); line-height:var(--line-height-1-34); letter-spacing: var(--letter-spacing-0-8); margin-bottom:10px;}
.Philosophy .text-wrap{width:58%; flex: 0 0 auto; padding-right: 3%;}
.Philosophy .text-wrap p{font-size:var(--font-size-m-2); font-weight:var(--font-weight-300); padding-top: 20px;  line-height:var(--line-height-1-56);  letter-spacing: -0.8px;}
.Philosophy .text-wrap strong{color:var(--puple-7337ce);}
.Philosophy .text-wrap .break p{padding-top:0}



.con_font-m3{font-size:var(--font-size-m-3); font-weight:var(--font-weight-300); line-height:var(--line-height-1-4); letter-spacing: var(--letter-spacing-0-6);}
.ver_line:before{width:1px; height:130px; background:#393939; content:''; display: block; margin: 60px auto; text-align:center}

.presentation{position:relative; text-align:center;}

.presentation .list_wrap{
	position:relative; 
	max-width:1280px; 
	--bs-gutter-x: 1.50rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.1 * var(--bs-gutter-x));
    margin-left: calc(-.1 * var(--bs-gutter-x));
	padding-top: 80px;
}

.presentation .list_wrap .list{flex: 0 0 auto; width:50%}
.presentation .list_wrap .list img{border-radius: var(--radius-8); overflow: hidden;  border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.presentation .list_wrap .list .text-wrap{background:#fff; padding:40px 20px; text-align:left; border-radius: var(--radius-8); overflow: hidden; border-top-right-radius: 0; border-top-left-radius: 0;}
.presentation .list_wrap .list .text-wrap p{padding-top:10px; line-height: var(--line-height-1-56); font-weight:var(--font-weight-300); font-size:var(--font-size-m-1); letter-spacing: -0.02em; word-break: keep-all;}

.presentation .h3{font-size:var(--font-size-l-3); font-weight:var(--font-weight-400); line-height:var(--line-height-1-34); width:100%; text-align:center; margin:80px auto 0;}


.about_ledership{background:url("../images/sub/about/leadership_bg.jpg") no-repeat; background-size:cover; background-position: 100%; width:100%; height:100%; position:relative; text-align:center;}
.about_ledership p{color:var(--white-100); font-size: var(--font-size-m-2); font-weight: var(--font-weight-200); line-height: var(--line-height-1-34); letter-spacing: var(--letter-spacing-0-6);}
.about_ledership p:first-child{padding-bottom:40px;}

.about_treatment{position:relative}
.about_treatment .treatment_wrap{position:relative; margin-top:100px}
.about_treatment .treatment_wrap:before{background:#dedae9; position: absolute; z-index: -1; width:80%; top:-10%; height: 386px; left:-50%; content:''; display: block; }

.about_treatment .treatment_wrap img{width:100%; display:block}
.about_treatment h4{font-size:var(--font-size-l-3); font-weight:var(--font-weight-400); line-height:var(--line-height-1-34);}
.about_treatment p{font-size:var( --font-size-m-2); font-weight:var(--font-weight-300); line-height:var(--line-height-1-56); letter-spacing: var(--letter-spacing-0-6); padding-top:30px}
.about_treatment figcaption{bottom:0; position: relative; padding-top:75px;}


.about_whyohkims{background:#f5f5f5}
.about_whyohkims .logo{text-align:center; width:47%;}
.about_whyohkims .row .col-core-item:first-child{border-right:1px solid #393939; width:53%}
.about_whyohkims .row{align-items: center;}
.about_whyohkims h4{color: var(--puple-7337ce); font-size: var(--font-size-xl-1); font-weight: var(--font-weight-600); line-height: var(--line-height-1-26);}
.about_whyohkims .point{position:relative }
.about_whyohkims .point p{padding-top:40px; font-size: var(--font-size-m-2); font-weight: var(--font-weight-300); line-height: var(--line-height-1-56); letter-spacing: var(--letter-spacing-0-6);}

.about_whyohkims .point p:before{ color:#dedae9; font-size:50px; font-weight:700; left:-45px; position: absolute; margin-top: -10px; text-align: right}
.about_whyohkims .point p:first-child:before{content:'1';}
.about_whyohkims .point p:nth-child(2):before{content:'2';}
.about_whyohkims .point p:nth-child(3):before{content:'3';}
.about_whyohkims .point p:nth-child(4):before{content:'4';}
.about_whyohkims .point p:nth-child(5):before{content:'5';}
.about_whyohkims .point p strong{ font-weight: var(--font-weight-600); }



.about_staff {position:relative; }
.about_staff:after{clear:both;}

.about_staff .staff_wrap h2{color:#fff; font-size:var(--font-size-l-2 ); font-weight: var(--font-weight-300); line-height: var(--line-height-1-26); letter-spacing: var(--letter-spacing-0-6); padding-bottom:50px;}


.about_staff .staff_wrap {position:relative;  overflow:hidden; background:var(--puple-7337ce); text-align: center; padding:120px 0;}
.about_staff .staff_wrap .doctor_list{max-width:1280px; margin: 0 auto;}
.about_staff .staff_wrap .doctor_list li{width:100%; float:left;}
.about_staff .staff_wrap .num {padding-top:26px; font-weight:400;}
.about_staff .staff_wrap .box {position:relative; z-index:2;}
.about_staff .staff_wrap .box:before {display:inline-block; width:1px; height:45px; margin:30px 0; background:#54565a; content:'';}
.about_staff .staff_wrap .doctor_list {overflow:hidden;}
.about_staff .staff_wrap .doctor_list > li { float:left; width:33.333%; padding:20px; }
.about_staff .staff_wrap .inwrap {overflow:hidden; position:relative;}
.about_staff .staff_wrap .inwrap img{width:100%}
.about_staff .staff_wrap .txt_box {height:220px; padding:36px 0 55px; background:#fcfcfc;}
.about_staff .staff_wrap .t01 {font-size:var(--font-size-m-2); color:#7337ce; font-weight: var(--font-weight-200);  letter-spacing: var(--letter-spacing-0-6);}
.about_staff .staff_wrap .t02 {margin-top:2px; font-size:var(--font-size-l-3);  color:#54565a; line-height:38px; font-weight:500; letter-spacing: var(--letter-spacing-0-6);}
.about_staff .staff_wrap .btn_more {display:inline-block; margin-top:30px; padding:0 20px; font-family: 'Open Sans', sans-serif; letter-spacing:0em; font-size:16px; color:var(--puple-7337ce); line-height:30px; border:1px solid var(--puple-7337ce); transition:all .4s ease; -webkit-transition:all .4s ease;}
.about_staff .staff_wrap .btn_more:after {display:inline-block; width:12px; height:1px; margin-left:15px;  vertical-align:middle; background:var(--puple-7337ce); content:''; transition:all .4s ease; -webkit-transition:all .4s ease;}
.about_staff .staff_wrap .btn_more:hover {color:#fff; background:var(--puple-7337ce);}
.about_staff .staff_wrap .btn_more:hover:after {background:#fff;}
.about_staff .staff_wrap .pop {position:absolute; bottom:-100%; left:0; width:100%; height:100%; padding:55px 25px; text-align:left; background:rgba(53,53,53,0.9); transition:all .4s ease; -webkit-transition:all .4s ease;}
.about_staff .staff_wrap .t03 {font-size:24px; font-weight: var(--font-weight-200); color:var(--puple-a475ec); letter-spacing: var(--letter-spacing-0-6);}
.about_staff .staff_wrap .t04 {margin-top:2px; font-size:35px; color:#fff; line-height:38px; font-weight:500; letter-spacing: var(--letter-spacing-0-6);}
.about_staff .staff_wrap .history {margin-top:23px; }
.about_staff .staff_wrap .history li {position:relative; font-size:16px; color:#bfbfbf; line-height:22px; padding-bottom:12px}
.about_staff .staff_wrap .history li:before {display:inline-block; width:2px; height:2px; margin-right:6px; margin-left: -6px; vertical-align:middle; background:#b8b8b8; content:'';}
.about_staff .staff_wrap .doctor_list > li.on .pop {bottom:0;}

.about_inside{margin-bottom:150px; background: #dedae9;}

.slick-prev, .slick-next{top:130%;}
.slick-prev{z-index:9; left:47%}
.slick-next{z-index:9; right:47%}
.slick-prev:before, .slick-next:before{
	font-family: var(--font-family-kor), var(--font-family-eng);
	border: 1px solid;
    color: #888;
    border-radius: 50px;
    width: 45px;
    display: block;
    height: 45px;
    text-align: center;
    line-height: 44px;
	top: auto;
    bottom: 0;
	position: absolute;
	z-index: 1;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:#000;}

.slider {
	width: 100%;
	margin: 0px auto 120px;
}

.slick-slide {
	margin: 0px 10px;
}

.slick-slide img {
	width: 100%;
}

.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .5;
	position: relative;
}

.slick-active {
	opacity: 1;
	
}
.slider_dim{content:''; background:#fff; opacity:.7; z-index: 1; position: absolute; width: 100%; height: 100%; display:block; margin:0 0px;  margin-right:-20px;}
.slick-current .slider_dim{display:none}

.slick-dots li.slick-active button:before{color:var(--puple-7337ce)}
.slick-dots li.slick-active{opacity:1}

.slick-current {
	opacity: 1;
	
}
.slick-dots{bottom:-30px;}
.slick-dots li{margin:1px}

.inside_wrap{position:relative}
.inside_wrap:before{ content: ''; position: absolute; width: 100%; height: 300px; background:#dedae9; z-index: -1; bottom:-170px}

.root_daum_roughmap{width:100%!important; }
.root_daum_roughmap .wrap_map{height:450px!important;}

.location .location-info{padding:0 10px!important; align-items:stretch;}
.location .map-container{padding-bottom:0%;}
.location-info{ display: flex; flex-wrap: wrap; position: relative;}
.location-info .address_wrap, .location-info .information_wrap{width:50%; flex: 0 0 auto;}
.location-info .address_wrap .map_adress{margin-bottom:50px; }
.location-info .address_wrap .map_adress .tel a{font-size:28px; color: var(--content);}
.location-info  h3{font-size:var(--font-size-m-2); color:var(--puple-7337ce); position: relative}
.location-info  h3:before{content:''; position:absolute; width: 20px; height: 2px;  left:0; z-index: 1; top:-8px; background:var(--puple-7337ce);}
.location-info  h4{font-size:var(--font-size-m-2); padding-top:40px;}
.location-info p{font-size:var(--font-size-m-2); font-weight:var(--font-weight-300); line-height:var(--line-height-1-34)!important; padding-top:10px;}
.location-info p a{color: var(--gray-300);}

.location-info .information_wrap{padding:40px; background:var(--puple-7337ce); display: grid; align-items: center;} 
.location-info .information_wrap h3{color:var(--gray-50); position: relative;}
.location-info .information_wrap h3:before{background: #fff;}
.location-info .information_wrap h4{color:#000f;}
.location-info .information_wrap p{color:var(--gray-50);}

.location-info .subway{font-size:var(--font-size-m-2); font-weight:var(--font-weight-300); line-height:var(--line-height-1-34); padding-top:10px; margin-bottom:40px; color: var(--gray-300);}
.location-info .subway >div{padding-bottom:20px}
.btn_map{display: flex; flex-wrap: wrap; position: relative; max-width:100%;}
.btn_map > div{width:33.333%; flex: 0 0 auto;}
.btn_map a{ border:1px solid var(--puple-7337ce); height: 52px;  line-height: 50px; color:var(--puple-7337ce); padding:0 20px; display:inline-block; position: relative; width:90%; margin:10px 20px 10px 0; text-align: center}
.btn_map a:hover{color:#fff;}
.btn_map a:before{content:''; position: absolute; right: 0; bottom:0; width:0; height:100%; background:var(--puple-7337ce); transition: all 0.2s; z-index: -1; }
.btn_map a:hover:before{width:100%; left:0px;}

.map_point{color:var(--puple-7337ce); font-weight:600; display: inline-block; padding-bottom: 5px; padding-right:8px;}


/* *********************************************
 * Media queries
 ******************************************** */
@media (min-width: 821px) {
	.all_menu_wrap .dep2_wrap{display: block!important; margin: 0!important; padding: 0!important; height: auto !important;}
	#all_menu .dep1_con{border-left:1px solid #ddd;}
	#all_menu .dep1_con:first-child{border:0}
}

@media (min-width: 768px) {
	.presentation .list_wrap .list{border-radius: var(--radius-8);}
	
}

@media (max-width: 1198px) {
	.all_menu_btn .menu_btn span.ham_btm {right: auto; left: 0;}
	.all_menu_btn{right:8px}
	.all_menu_wrap .all_menu_logo {text-align: right;}
	.all_menu_wrap .all_menu_logo img {width: 200px;}
	.all_menu_in {display: block;}
	
	.section.contents{position:relative; padding:100px 0}
	.section .section-main-heading{margin: 0px auto 60px;}
	.about-overview{padding:60px 0 0;}
	.bg{width:39%; height:540px}
	
	.Philosophy{height:540px}
	.Philosophy .con_font-m1{font-size:var(--font-size-l-2);}
	.Philosophy .text-wrap{width:58%; padding-right:2%; min-height:300px;}
	.Philosophy .text-wrap p{ font-size:var(--font-size-m-1);}
	.ver_line:before{width:1px; height:80px; background:#393939; content:''; display: block; margin:0px auto 40px; text-align:center;}
	
	
	.presentation .list_wrap{padding-top:40px;}
	.presentation .list_wrap .list .text-wrap{min-height:210px;}
	
	.about_whyohkims .point{margin-left:40px;}
	.about_whyohkims .logo img{width:60%}
	.about_whyohkims .row .col-core-item:first-child{padding-left:40px}
	
	.about_staff .staff_wrap{padding:90px 0}
	.about_staff .staff_wrap .doctor_list{max-width:1198px; padding: 0 20px;}
	.about_staff .staff_wrap .pop{padding:40px 25px}
	.about_staff .staff_wrap .history li{padding-bottom:8px;}
	.slick-prev{left:45%}
	.slick-next{right:45%}
	.slick-prev, .slick-next{top:140%;}
	.slick-prev{z-index:9; left:45%}
	.slick-next{z-index:9; right:45%}
}

@media (max-width: 991px) {
	
	#all_menu .dep1_con .dep1 {color:#333}
	.section .section-main-heading{margin: 0px auto 40px;}
	
	.Philosophy .bg{width:100%; height:640px; background-position: center;}
	.Philosophy .text-wrap{width:93%; margin: 0 auto; padding:12% 4%; background:rgb(255,255,255, 0.75); z-index: 9; transform: translate(0, -100%);}
	.Philosophy .con_font-m1{}
	.Philosophy .text-wrap{text-align: center}
	.Philosophy .text-wrap p{padding-top: 15px;  line-height:var(--line-height-1-34);}
	.slick-prev, .slick-next{top:135%;}
	
	.all_menu_btn{top:18px; right:25px;}
	.all_menu_wrap .dep2_wrap {display:none; padding: 15px; }
	.all_menu_btn a {width: 35px;}
	.all_menu_btn a span {width: 25px;}
	.all_menu_btn span,
	.all_menu_btn span:before,
	.all_menu_btn span:after {width: 35px;}
	
	.all_menu_wrap {padding: 80px 30px 50px; overflow-y: scroll;}
	.all_menu_wrap .all_menu_in { display: flex;   width: 100%;   margin: 0 auto;}
	.all_menu_wrap .sitemap_lt {display: none;}
	#all_menu  {padding-top: 0;}
	#all_menu {width: 100%;}
	#all_menu .dep1_con {display: block;width: 100%; text-align: left;padding-left: 0; margin-bottom:20px; border-bottom: 1px solid #ddd;}
	#all_menu .dep1_con:after {display: none;}
	#all_menu .dep1_con .dep1:after {display: none;}
	#all_menu .dep2_wrap {display: none; padding: 0 15px;}
	#all_menu .dep1_con .dep1 {display: inline-block;width: 100%; margin-bottom: 15px; padding-bottom: 0;font-size:20px;font-weight: 600;position: relative;transition:.25s;}
	#all_menu .dep2_con .dep2 {font-size: 18px;line-height: 1.7;transition:.25s;}
	#all_menu .dep3_con .dep3{font-size: 16px;}

	.all_menu_wrap .hd_banner {bottom: 20px; right: 20px;width: calc(100% - 40px); font-size: 0;}
	.all_menu_wrap .hd_banner span {width: calc(50% - 8px);}
	
}

@media (max-width: 767px){
	
	.pt_80{padding-top:50px!important;}
	
	.mb_0{margin-bottom:0!important;}
	.mb_0{margin-bottom:0px!important;}
	.mb_10{margin-bottom:5px!important;}
	.mb_20{margin-bottom:10px!important;}
	.mb_30{margin-bottom:10px!important;}
	.mb_40{margin-bottom:10px!important;}
	.mb_50{margin-bottom:20px!important;}
	.mb_60{margin-bottom:30px!important;}
	.mb_80{margin-bottom:40px!important;}
	.mb_100{margin-bottom:50px!important;}
	.mb_120{margin-bottom:60px!important;}
	.mb_150{margin-bottom:70px!important;}
	
	.mt_0{margin-top:0px!important;}
	.mt_10{margin-top:5px!important;}
	.mt_20{margin-top:10px!important;}
	.mt_30{margin-top:10px!important;}
	.mt_40{margin-top:10px!important;}
	.mt_50{margin-top:20px!important;}
	.mt_60{margin-top:30px!important;}
	.mt_80{margin-top:40px!important;}
	.mt_100{margin-top:50px!important;}
	.mt_120{margin-top:60px!important;}
	.mt_150{margin-top:70px!important;}

	.about_staff .staff_wrap .doctor_list{padding: 0 8px}
	.about_staff .staff_wrap .doctor_list > li{padding:8px;}
	.about_staff .staff_wrap .t03{font-size: var(--font-size-m-2);}
	.about_staff .staff_wrap .t04{font-size: var(--font-size-l-3);}
	.about_staff .staff_wrap .history li{padding-bottom:5px; font-size:13px; line-height:16px;}
	.about_staff .staff_wrap .pop{padding:20px 20px;}
	.about_staff .staff_wrap .history{margin-top:15px;}
	
	.about_staff .staff_wrap .txt_box{padding: 36px 0 36px; height: auto}
	.Philosophy .text-wrap .break p{padding-top: 20px; }
}

@media (max-width: 575px) {
	
	
	
	.section.contents{padding:80px 0}
	.about-overview{padding-bottom:0!important}
	.contents span.br:after{display: inline-block; content:'  '; padding-right:0.3rem;}
	.con_wrap_m{margin:0 0%;}
	.section .section-main-heading{margin: 0px auto 30px;}
	.about-overview{padding:80px 0 0;}
	.section .section-main-heading h2{}
	.section .section-main-heading h3{ padding-bottom:10px; font-size: var(--font-size-m-2);}
	.Philosophy{height:540px;}
	.Philosophy .bg{height:540px;}
	.Philosophy .con_font-m1{}
	.Philosophy .text-wrap{text-align: center;top:-50%; transform: translate(0, -50%); padding:7% 4%; position: relative;}
	.Philosophy .text-wrap p{line-height: var(--line-height-1-4); font-weight:var(--font-weight-300);   letter-spacing: -0.8px; padding-top:10px;  }
	.text-wrap br{ display: none;}
	
	
	.ver_line:before{width:1px; height:40px; background:#393939; content:''; display: block; margin:0px auto 30px; text-align:center}
	
	.con_font-m3{font-size:18px;}
	
	.presentation br{display:none}
	.presentation .list_wrap{--bs-gutter-x: 0rem;}
	.presentation .list_wrap .list{width:100%; margin-bottom:40px;}
	.presentation .list_wrap .list:last-child{margin-bottom:0}
	.presentation .list_wrap .list img{width:100%; border-radius:0}
	.presentation .list_wrap .list .text-wrap{padding:25px 15px; margin-top:-32px; margin-right:30px; position:relative; border-radius:0}
	.presentation .list_wrap .list:nth-child(2) .text-wrap{margin-left:30px; margin-right:0}
	.presentation .list_wrap .list .text-wrap h4{ font-weight:var(--font-weight-600);}
	.presentation .list_wrap .list .text-wrap p{ font-size:16px;  line-height: var(--line-height-1-4); font-weight: var(--font-weight-200); padding-top:6px;}
	
	.presentation .h3{width:75%;  margin:40px auto 0; font-size: var(--font-size-l-1); line-height: var(--line-height-1-4);}
	.presentation .list_wrap .list .text-wrap{min-height:auto;}
	
	.about_ledership p{ line-height: var(--line-height-1-56);}
	.about_ledership p:first-child{padding-bottom:25px;}
	
	.about_treatment .treatment_wrap{margin-top:60px;}
	.about_treatment .treatment_wrap:before{top:-3%; height: 250px;}
	
	.about_treatment h4{font-size:var(--font-size-l-3); line-height:var(--line-height-1-34);}
	.about_treatment p{font-size:var( --font-size-m-2);  line-height:var(--line-height-1-56); padding-top:15px}
	.about_treatment figcaption{bottom:0; position: relative; padding-top:35px;}
	
	.about_whyohkims h4{font-size:var(--font-size-xl-2); text-align:center; margin-bottom:20px;}
	.about_whyohkims .row .col-core-item:first-child{border:0;padding-left:0px; width:100%;}
	.about_whyohkims .point{padding:0 20px;}
	.about_whyohkims .point p{font-size:var(--font-size-m-2); word-break: keep-all; padding-top:25px; line-height:var(--line-height-1-56); letter-spacing: -0.2px}
	.about_whyohkims .point p:before{font-size:40px; left: -20px;}
	.about_whyohkims .logo{margin:80px auto 0; width:100%; text-align:center}
	.about_whyohkims .logo img{width:50%}
	
	.about_staff .staff_wrap{padding:60px 0}
	.about_staff .staff_wrap h2{font-size:var( --font-size-l-2);  line-height:var(--line-height-1-4); padding:0 1% 30px;}
	.about_staff .staff_wrap .doctor_list{margin:0 auto; width:100%;}
	.about_staff .staff_wrap .doctor_list > li{ clear:both; width:100%; float:none}
	.about_staff .staff_wrap .t03{font-size: var(--font-size-m-2);}
	.about_staff .staff_wrap .t04{font-size: var(--font-size-l-3);}
	.about_staff .staff_wrap .history li{padding-bottom:8px; line-height: 18px;}
	.about_staff .staff_wrap .pop{padding:40px 20px;}
	.about_staff .staff_wrap .inwrap{widtH:80%; margin:0 auto;}
	
	.about_inside{margin-bottom:100px}
	
		
	.slick-prev{z-index:9; left:38%}
	.slick-next{z-index:9; right:38%}
	.inside_wrap:before{ height: 250px;}
	.inside_wrap:before{bottom:-130px;}
	
	.location-info .address_wrap, .location-info .information_wrap{width:100%;}
	.location-info .address_wrap .map_adress{margin-bottom:40px;}
	
	.location .map-container{padding-bottom:8%}
	.location-info p{font-size: var(--font-size-m-1); padding-top:5px;}
	.location-info .subway{font-size: var(--font-size-m-1); }
	.btn_map > div{width:100%}
	.btn_map a{margin:10px 0; width:100%}
	.location-info .information_wrap{width:100%; margin-top:40px; padding:40px 20px;}
	.root_daum_roughmap .wrap_map{height:300px!important}
}
	

/* GTranslate 위젯 전체 컨테이너 위치 및 Z-인덱스 조절 */
/* /default/img/onepixel/css/gtranslate_custom.css - 모바일 GTranslate 위젯 가로 사이즈 및 위치 재조정 (all_menu_wrap 제거) */

/* PC 버전 GTranslate 위젯의 기본 위치 및 Z-인덱스 (기존 고객님 설정 유지) */
.gt_switcher_wrapper {
    top: 18px !important;
    right: 120px !important;
    z-index: 999999 !important;
    width: auto !important;
    max-width: 150px !important; /* PC에서도 너무 커지지 않도록 기본 max-width 설정 */
    position: fixed !important; /* GTranslate 기본값을 강제 (이동이 없으면 필요) */
}

/* 드롭다운 선택 박스 (.goog-te-combo) 스타일 (PC 및 모바일 공통 기본 스타일 유지) */
.gtranslate_wrapper .goog-te-combo {
    width: auto !important;
    max-width: 120px !important;
    height: auto !important;
    min-height: 24px !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    color: #333 !important;
    font-size: 14px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23333" d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px !important;
    cursor: pointer !important;
}

/* 드롭다운 메뉴 목록의 각 항목 (.goog-te-menu-value, .goog-te-menu-item) 스타일 (변동 없음) */
.goog-te-menu-value,
.goog-te-menu-item {
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    color: #333 !important;
    font-size: 14px !important;
    padding: 8px 15px !important;
    line-height: 1.2 !important;
    max-width: 200px !important;
    white-space: nowrap !important;
    text-align: left !important;
    margin-bottom: 2px !important;
    display: flex !important;
    align-items: center !important;
}

/* 드롭다운 메뉴 컨테이너 (.goog-te-menu) 스타일 (변동 없음) */
.goog-te-menu {
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 5px 0 !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important; /* 가로 스크롤바 숨김 */
	height: auto !important; 
}

/* GTranslate가 동적으로 추가하는 스타일 속성 강제 덮어쓰기 (변동 없음) */
.gt_container--hich1m .gt_switcher .gt_selected {
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.gt_container--hich1m .gt_switcher{width:153px!important}
.gt_container--hich1m .gt_switcher .gt_selected a{width:141px!important}


/* 마우스 오버 시 배경색 변경 (변동 없음) */
.goog-te-menu-item:hover {
    background-color: #f0f0f0 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 깃발 이미지 자체에 대한 스타일 (변동 없음) */
.gt_switcher_wrapper img {
    margin-right: 5px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

/* 모든 GTranslate 내부 요소에 대한 폰트 크기 및 색상 강제 적용 (변동 없음) */
.gt_switcher_wrapper * {
    font-family: inherit !important;
    font-size: 14px !important;
    color: #333 !important;
    text-shadow: none !important;
}
.gt_option {
    height: auto !important;         /* 내용에 따라 높이가 자동으로 조절되도록 설정 */
    max-height: none !important;     /* 최대 높이 제한을 제거하여 스크롤 없이 모든 항목을 표시 */
    overflow-y: visible !important;  /* 세로 스크롤바를 숨기고 내용이 보이도록 함 */
}


/* --- 반응형 디자인: 모바일 화면 GTranslate 위젯 직접 제어 --- */
@media (max-width: 768px) { /* 768px 이하 화면 (태블릿, 모바일) */

    /* GTranslate 위젯 전체 컨테이너 (.gt_switcher_wrapper) 모바일 스타일 */
    .gt_switcher_wrapper {
        position: fixed !important; /* 고정 위치 유지 (필요에 따라 absolute나 static으로 변경 가능) */
        top: 18px !important;    /* 상단에서 위치 조정 (필요에 따라 조절) */
        /* 이전에 'right: 120px !important;' 였는데, 모바일에서 중앙 정렬을 위해 변경 */
        /*left: 50% !important;*/ /* 화면 중앙에 위치시키기 */
        /*transform: translateX(-50%) !important;*/ /* 자신의 너비의 50%만큼 왼쪽으로 이동하여 완벽한 중앙 정렬 */
        margin: 0 !important; /* 자동 마진 제거 */
        width: auto !important; /* 내용에 맞춰 자동 너비 */
        max-width: 120px !important; /* **핵심: 위젯 컨테이너의 최대 너비 줄임 (이 값을 조절)** */
        z-index: 999999 !important; /* 항상 위에 오도록 높은 z-index 유지 */
        text-align: center !important; /* 내부 인라인 요소 중앙 정렬 */
    }

	
	
	
    /* 언어 선택 드롭다운 박스 (.goog-te-combo) 모바일 스타일 */
    .gtranslate_wrapper .goog-te-combo {
        width: 100% !important; /* 부모 (.gt_switcher_wrapper)의 100% 너비 */
        max-width: 100px !important; /* **핵심: 선택 박스 자체의 최대 너비 줄임 (이 값을 조절)** */
        margin: 0 auto !important; /* 선택 박스 중앙 정렬 */
    }

    /* GTranslate 드롭다운 메뉴 (실제 언어 목록 .goog-te-menu) 모바일 스타일 */
    .goog-te-menu {
        max-width: 120px !important; /* **핵심: 드롭다운 메뉴 목록의 최대 너비 줄임 (이 값을 조절)** */
       /* left: 50% !important; *//* 화면 중앙 정렬 */
         /*transform: translateX(-50%) !important;*/
        width: auto !important; /* 내용에 따라 너비 자동 조절 */
        /* position: absolute !important; /* 필요하다면 명시적으로 position 설정 */
        /* top: 40px !important; */ /* 필요하다면 드롭다운 메뉴의 상단 위치 조절 (선택 박스 아래로) */
        overflow-x: hidden !important; /* 가로 스크롤바 숨김 */
        box-sizing: border-box !important;
		
		height: auto !important;         /* 내용에 따라 높이가 자동으로 조절되도록 설정 */
    max-height: none !important; 
    }

    /* 드롭다운 메뉴 항목 스타일 (변동 없음) */
    .goog-te-menu-item {
        padding: 8px 5px !important; /* 항목 내부 패딩 조정 (텍스트가 너무 길면 줄이기) */
    }



    .gtranslate_wrapper .goog-te-combo {
        max-width: 80px !important; /* 드롭다운 박스 너비 재조정 */
    }
    .goog-te-menu {
        max-width: 100px !important; /* 드롭다운 메뉴 너비 재조정 */
    }
    .goog-te-menu-item {
        font-size: 13px !important; /* 폰트 크기 미세 조정 */
    }

	.gt_container--hich1m .gt_switcher .gt_option{width:101px!important}
	.gt_switcher_wrapper{max-width: 140px!important; right:80px!important; border-right: 1px solid #ccc;}

.gt_container--hich1m .gt_switcher{width:101px!important}

.gt_container--hich1m .gt_switcher .gt_selected a{width:101px!important}


}