@charset "utf-8";
.pdl120{padding-left:120px}
#quick {bottom: auto; top: 40%; transition:.5s;}
#quick.stiky {top: auto; bottom: 50px;}
#sv {position: relative; overflow: hidden;}
#sv .sv_visual {width: 100%; height: 940px; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}


.ali_center{align-items:center}
@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@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); }
}


@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@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); }
}

#sv .sv_tit_wrap {position: absolute; /* top: 50%; */top: 50vh; left:15%; transform:translateY(-50%); width: 100%; text-align: left;}
#sv .sv_tit_wrap h3 {color: #fff;}
#sv .sv_tit_wrap .icon {}
#sv .active .sv_tit_wrap {opacity: 0;}

#sv .sv_mouse { position: absolute; /* position: fixed;*/ bottom: 40px; left: 50%; transform:translateX(-50%);opacity: 1; z-index: 1;text-align: center;}
#sv .sv_mouse p {color: #fff;  margin-bottom: 15px; font-family: 'Montserrat'; letter-spacing: 0;}
#sv .sv_mouse img {display: inline-block; cursor: pointer; animation:move_mouse 2s infinite}
#sv .active .sv_mouse {position: static; opacity: 0;}


@keyframes move_mouse {
    0% { transform:translateY(0) ; }
   50% { transform:translateY(-10px) ; }
}

.wpb_row{position:relative;}
.wpb_row .row-bg-wrap{
	 width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	}

.nectar-shape-divider-wrap{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:100%;z-index:3;transform:translateZ(0);top:auto;bottom:120px;left:0;right:0;width:100%;height:150px;z-index:3;transform:translateZ(0);}

.circle_logo_box {position: absolute;top: 99%;right: 45%;transform:translateY(-50%);}
.circle_logo_box .tit_wrap { animation: rotate_circle 20s linear infinite;}
@keyframes rotate_circle{
	100% {transform: rotate(360deg); }
}
.w25 li{width:25%}

.pl50{padding-left:50px}

.s_con {position: relative;}
.hauto{height:auto !important}
.w25_3{width:25% !important; margin:0 !important}

.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0;margin-left:0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 -1px;}
.s_tab li a {display: block;  text-align: center; line-height: 60px; font-size: 18px; font-weight: 400; color: #787878;  border-left: none;  transition: .25s;  border-bottom: 5px solid transparent;}
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 5px;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ color: #151515; border-bottom: 5px solid #151515; font-weight:500}
.s_tab_con > .con {display: none;}
.s_tab_con > .con.active {display: block;}
.s_tab_con > .con  h4{ position:relative;}

.s_tab .col-1 li{width:calc(50% - 2px);}
.s_tab .col-2 li{width:calc(50% - 2px);}
.s_tab .col-3 li{width:calc(33.33% - 2px);}
.s_tab .col-4 li{width:calc(25% - 2px);}
.s_tab .col-5 li{width:calc(20% - 2px);}
.s_tab .col-6 li{width:calc(16.8%);}
.s_tab .col-7 li{width:calc(14% - 2px);}




.s_tab1 {width: 100%;margin: 0 auto;text-align: center;font-size: 0;margin-left:0; z-index:1;}
.s_tab1 li {display: inline-block; vertical-align: top; margin:0 -1px;}
.s_tab1 li a {display: block;  text-align: center; line-height: 60px; font-size: 18px; font-weight: 400; color: #787878;  border-left: none;  transition: .25s;  border-bottom: 5px solid transparent;}
.s_tab1 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 5px;  display: block;  z-index: -1;}
.s_tab1 li a.active,
.s_tab1 li a:hover{ color: #151515; border-bottom: 5px solid #151515; }
.s_tab_con1 > .con {display: none;}
.s_tab_con1 > .con.active {display: block;}
.s_tab_con1 > .con  h4{ position:relative;}

.s_tab1 .col-1 li{width:calc(50% - 2px);}
.s_tab1 .col-2 li{width:calc(50% - 2px);}
.s_tab1 .col-3 li{width:calc(33.33% - 2px);}
.s_tab1 .col-4 li{width:calc(25% - 2px);}
.s_tab1 .col-5 li{width:calc(20% - 2px);}
.s_tab1 .col-6 li{width:calc(16.8%);}
.s_tab1 .col-7 li{width:calc(14% - 2px);}


.rd_txt{border:1px solid #777777; border-radius:300px; padding:10px 25px; width:35%; text-align:center}
.rd_txt2{border:1px solid #777777; border-radius:300px; padding:10px 25px; width:60%; text-align:center}
.flex_rt_txt{padding:0px 0 0 80px}
.flex_rt_txt2{padding:50px 0 0 0}
.bd_rd{border-radius:30px; padding:50px}
.bd_span{border-bottom:30px solid #f8d7cd; position:relative; width:100%; bottom:10%; z-index:0}
.bd_span_tit{position:relative}
.pt100{padding-top:100px}

.highlight{
  display: inline;
  box-shadow: inset 0 -20px 0 #f8d7cd; 
}
.highlight2{
  display: inline;
  box-shadow: inset 0 -20px 0 #cde6ed; 
}

.highlight3{
  display: inline;
  box-shadow: inset 0 -20px 0 #e3ece9; 

}

.highlight4{
  display: inline;
  box-shadow: inset 0 -20px 0 rgb(255, 255, 255, 0.6); 
}

.highlight5{
  display: inline;
  box-shadow: inset 0 -20px 0 #f0dede; 

}

#patella_0104 section:not(:last-of-type){ margin-bottom: 100px; }
#patella_0104 .banner{ padding: 85px 0; margin-top: 60px; }
#patella_0104 .banner h4{ font-family: var(--Montserrat); font-size: 5.5rem; font-weight: 700; color: #fff; letter-spacing: -0.04em; text-align: center; }

#patella_0104 .patella_0104_box .flex-box{ display: flex; }
#patella_0104 .patella_0104_box .image-box{ padding-top: 22px;width:44%  }
#patella_0104 .patella_0104_box .image-box .sticky{ max-width: 615px; width: 85%; position: sticky; top: 30%; left: 0; }
#patella_0104 .patella_0104_box .image-box figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 61.3%; }
#patella_0104 .patella_0104_box .image-box figure img{ width: 100%; /* height: 100%; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#patella_0104 .patella_0104_box .text-box{ padding-left: 0px;width:56% }
#patella_0104 .patella_0104_box .text-box ul li{ position: relative; }
#patella_0104 .patella_0104_box .text-box ul li::before{ content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 22px; left: -82px ; }
#patella_0104 .patella_0104_box .text-box ul li:not(:last-of-type){ padding-bottom: 65px; }
#patella_0104 .patella_0104_box .text-box ul li:last-of-type::before{ display: none; }
#patella_0104 .patella_0104_box .text-box .sticy_img::before{content: "";width: 14px;height: 14px;background: #b4896f;border-radius: 50%;position: absolute;top: 130px;left: -88px;}
#patella_0104 .patella_0104_box .text-box ul li dl:not(:last-of-type){ margin-bottom: 20px; }
#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.7rem; letter-spacing: -0.02em; }
#patella_0104 .patella_0104_box .text-box dl dt{ font-family: var(--Montserrat); font-weight: 600; color: var(--mainColor); margin-bottom: 10px; }
#patella_0104 .patella_0104_box .text-box dl dd{ font-weight: 400; color: #1F1F1F; }
#patella_0104 .patella_0104_box .text-box li div{display:inline-block;}
.sticy_txt{position:relative; top:50px; margin-left:15px}
.clic_box ul{overflow:hidden;}

.scon_2_in ul{overflow:hidden;}
.scon_2_in li{float:left; width:calc(25% - 40px); margin:20px; position:relative}
.num{background:#242424; width:48px; height:48px; color:#fff; border-radius:30px; line-height:48px; position:absolute; top:-20px; left:-5px}


.move_text_box {z-index:-1}
.move_text_box .text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 8rem; color: #f3f4f6; font-family:'IvyMode';}
.move_text_box .text p { animation: textLoop 20s linear infinite; padding-right: 14.3rem; line-height: 1.4;}

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes textLoop2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

#patella_0104.bg_wblue .patella_0104_box .text-box .sticy_img::before{background:#75a7d2}
#patella_0104.bg_wgreen .patella_0104_box .text-box .sticy_img::before{background:#85b7a6}
#patella_0104.bg_wred .patella_0104_box .text-box .sticy_img::before{background:#b46f6f}
.scon_3_in_box {position:absolute; width:40%; right:15%}
.scon_3_in_box ul{overflow:hidden;}
.scon_3_in_box li{text-align:left; border-bottom:1px solid #000; padding:20px}
.eye_0602_bg{position:relative; background:url('/assets/images/sub/eye_0602_img0104.jpg')no-repeat; background-size:100% 100%; height:638px}
.eye_0502_bg{position:relative; background:url('/assets/images/sub/eye_0502_img02bg.jpg')no-repeat; background-size:100% 100%; height:864px}
.box_txt{background-color:rgb(255,255,255,0.7); padding:30px; border-radius:20px;}

.flex_con .more_b{float:right; right:0; width:15%; bottom:-10px; position:relative}
.flex_con .txt_wrap{float:left; width:85%}


.more_b{width: 257px;height: 58px;border-radius: 58px;background-color: #fff;border: 1px solid #b79a88;transition: background .5s, border .5s;}
.more_b p{ display: block; position: relative; width: 100%; height: 100%; line-height: 54px; font-size: 18px; font-weight: 600; color:#b79a88; transition: color .4s; padding-left: 30px; }
.more_b .dots{ display: block; width: 20px; height: 9px; position: absolute; right: 30px; transform: translate(0,-50%); top: 50%; }
.more_b .dots i{ display: block; position: absolute; border-radius: 50%; width: 9px; height: 9px; background-color: #b79a88; transition: background .4s;  position: absolute; }
.more_b .dots i:nth-child(1){ opacity: .1; right: 0; top: 0; transform: translateX(-11px); animation: op 1s alternate ease-in-out infinite; }
.more_b .dots i:nth-child(2){ opacity: .5; right: 0; top: 0; transform: translateX(-6px); animation: op 1s alternate ease-in-out infinite; animation-delay: .2s; }
.more_b .dots i:nth-child(3){ opacity: 1; right: 0; top: 0; transform: translateX(0); animation: op 1s alternate ease-in-out infinite; animation-delay: .4s; }
.more_b p:hover .dots i:nth-child(1){ animation: dots2 1s alternate infinite; }
.more_b p:hover .dots i:nth-child(2){ animation: dots2 1s alternate infinite; }
.more_b p:hover .dots i:nth-child(3){ animation: dots2 1s alternate infinite; }


.more_b:hover{ background-color: #fff;}
.more_b:hover .dots i{ background-color: #b79a88; }
.more_b:hover p{ color: #b79a88; }

@keyframes op {
  0%{
    opacity: 0;
  }
  100%{
    opacity: .9;
  }
}

.bna_slide_con{position:relative;}

.login_pop_wrap {
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    background: url('../images/sub/op_90_black.png') 0 0 repeat;
    z-index: 9999;
}

.login_pop_wrap2 {
    position: absolute;
    right: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    background: url('../images/sub/op_90_black.png') 0 0 repeat;
    z-index: 9999;
}

.login_pop_con {
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: #000;
}

.login_pop_con2 {
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: #000;
}


.login_pop_wrap .tly-50 {
    text-align: center;
    padding-top: 0px;
}

.login_pop_wrap2 .tly-50 {
    text-align: center;
    padding-top: 0px;
}
.slid_img .txt_wrap2{position:absolute; width:100%}
.slid_img{position:relative}

.m6_list .list{padding:20px}

.login_pop_wrap .txt_wrap .txt {
    font-weight: 400;
    line-height: 26px;
	color:#fff
}

.login_pop_wrap .btn_wrap {
    font-size: 0;
}

.login_pop_wrap .btn_wrap a {
    display: inline-block;
    width: 154px;
    height: 40px;
    line-height: 38px;
    color: #d1bbad;
    border: 1px solid #d1bbad;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    transition: .25s;
}

.login_pop_wrap .btn_wrap a:hover {
    background-color: #c9ab6c;
    color: #fff;
}




.login_pop_wrap2 .txt_wrap .txt {
    font-weight: 400;
    line-height: 26px;
	color:#fff
}

.login_pop_wrap2 .btn_wrap {
    font-size: 0;
}

.login_pop_wrap2 .btn_wrap a {
    display: inline-block;
    width: 154px;
    height: 40px;
    line-height: 38px;
    color: #d1bbad;
    border: 1px solid #d1bbad;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    transition: .25s;
}

.login_pop_wrap2 .btn_wrap a:hover {
    background-color: #c9ab6c;
    color: #fff;
}


.half { display:flex;}
.half .rt {width: 50%; background-repeat: no-repeat; background-position: 100% 50%;   background-size: cover;}
.half .rt .txt_box { width:600px; float:right; position:relative; top:75%;}
.half .rt img {position: relative;background-size:cover; width:100%}
.half .lt {width: 50%; padding:160px 0 160px 70px}
.clinic_list_box {font-size: 0; width:600px}
.clinic_list_box .clinic_list li {padding: 10px 10px;border-bottom: 1px solid #ddd;text-align:left;}
.clinic_list_box .clinic_list li > p {display: inline-block; vertical-align:middle; }
.clinic_list_box .clinic_list li .num {width: 50px; height: 35px; line-height: 35px; text-align: center; background-color: #d3a67a; color:#fff; border-radius:8px; font-family: 'Montserrat'; font-weight:500; font-size:16px; }
.clinic_list_box .clinic_list li .txt {width: calc(100% - 55px); padding-left: 15px; font-weight:400; color:#222; text-align:left; }
.check{ position:relative; display:flex;}
.check img { position:absolute; top:0px;}
.check .txt1 { display: inline-flex; padding-left:45px}
.check .txt { display: inline-flex; padding-left:35px; text-align:left;}



#com_rayout3 .com_rayout3{position: relative;}
#com_rayout3 .com_tit4{margin-top: 100px; padding-left: 118px;}
#com_rayout3 .com_tit4 h6{text-align: left;}
#com_rayout3 .com_rayout2_list{padding-left: 118px;}
#com_rayout3.st .com_tit4,
#com_rayout3.st .com_rayout2_list{padding-left: 0;}
#com_rayout3.st .com_tit4 h6{text-align: center;}


.com_tit2.rayout{display: flex; align-items: center;} .com_tit2.rayout 
.com_control{position: relative; left: 19px; top: -10px;} .com_tit2.rayout 
.com_control.st{top: 15px;} .com_tit2{position: relative; z-index: 2;} .com_tit2 
+ p{margin-top: 62px; font-size: 20px; color: #fff; line-height: 1.8; 
font-weight: 300; } .com_tit2 p{font-weight: 300;} .com_tit2 h4 em{display: 
block; margin-bottom: 4px; font-size: 20px; color: #dadbe3; font-family: 
'Constantia'; font-weight: 400;} .com_tit2 h4 span{display: 
inline-block;padding-right: 130px;position: relative;font-weight: 500;color: 
#131313;font-size: 30px;} .com_tit2 h4 span::after{content: ''; position: 
absolute; top:40px; right: 0; width: 102px; height: 1px; background-color: 
#949494;  transition: all 3s;} .com_tit2.st h4 em{color: #fff;} .com_tit2.st h4 
span{color: #fff;} .com_slide_wrap{position: relative; padding-bottom: 101px;}

.com_slide{ display: flex; gap: 0 80px; margin:50px 0 0 0px;}
.com_slide li{width: 650px;}
.com_slide li .img{border-radius:30px 0 30px 0; overflow: hidden;}
.com_slide li .img img{display: block; width:100%} 
.com_slide li .text h5{font-size: 36px; color: #131313;font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.com_slide li .text p{color: #636363; font-size: 17px; line-height: 1.8; font-family: 'Noto Sans KR', sans-serif;}
.com_slide.st{margin: 80px 0 0 118px; display: block; margin-left: 0; gap: 0;}
.com_slide.st li{display: flex;  gap: 0 68px; width: auto;}
.com_slide.st li .img{flex-shrink: 0;}
.com_slide.st li .text h5{height: auto; white-space: normal; padding-top: 40px; margin-bottom: 42px;}

.com_control{display: flex; align-items: center; gap: 0 13px; /*position: absolute; top:-179px; left: 365px;*/ z-index: 9;}
/*
.com_control.is-inview{animation-delay: .3s;}
*/
.com_control .swiper-pagination-current{position: relative; top: -7px;}
.com_control .swiper-pagination span{font-size: 22px; font-family: 'Merriweather'; color:#131313 ;}
.com_control button{padding: 68px 68px 0 0; }
.com_control button.swiper-button-prev{background: url('/assets/images/common/arrow_btn.png')no-repeat;}
.com_control button.swiper-button-next{background: url('/assets/images/common/arrow_btn.png')no-repeat; transform: rotate(-180deg);} 
.com_control button.swiper-button-prev:hover{background: url('/assets/images/common/arrow_btn_hover.png')no-repeat; transform: rotate(-180deg);}
.com_control button.swiper-button-next:hover{background: url('/assets/images/common/arrow_btn_hover.png')no-repeat; transform: none;}

.com_control.st button.swiper-button-prev:hover{background: url(../n_images/sub/com_btn2_hover.png)no-repeat; transform: rotate(-180deg);}
.com_control.st button.swiper-button-next:hover{background: url(../n_images/sub/com_btn2_hover.png)no-repeat; transform: none;}

.com_slide_wrap .swiper-scrollbar{left:0}

.sub_tail_01bg{background:url('/assets/images/sub/sub_tail_01bg.jpg') no-repeat;background-position: 100% 54%;background-size: 100% 120%;}
.sub_tail_02bg{background:url('/assets/images/sub/man_sub_tail_01bg.jpg') no-repeat;background-position: 100% 54%;background-size: 100% 120%;}


.eye_0501_list ul{overflow:hidden; border-radius:20px}
.eye_0501_list li{float:left; width:calc(50%); background:#f9f1ec; height:250px}
.eye_0501_list .tit{background:#d29375; padding:20px}
.eye_0501_list .sub_txt{padding:30px 100px}
.check_icon{position:relative; margin-right:10px}

.eye_050102 table{width:100%}
.eye_050102 th{font-size:22px; border:1px solid #c7c7c7}
.eye_050102 th .tit{padding:20px}
.eye_050102 td{border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; padding:25px 50px}
.eye_050102 td:last-child{border-right:0}
.eye_050102_first th:first-child{border-left:0}
.bg_th{background-color:rgb(255,255,255,0.6)}

.eye_050102_first table{width:100%}
.eye_050102_first th{font-size:22px; border:1px solid #c7c7c7}
.eye_050102_first th .tit{padding:20px}
.eye_050102_first td{border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; padding:27px}
.eye_050102_first td:last-child{border-right:0}
.eye_050102_first th:first-child{border-left:0}

.bd_left{border-left:3px solid #64a9b9 !important; }
.bd_right{border-right:3px solid #64a9b9 !important; }
.bd_top{border-top:3px solid #64a9b9 !important; }
.bd_bottom{border-bottom:3px solid #64a9b9 !important; }


.eye_0503_list ul{overflow:hidden; border-radius:20px; padding:30px; background:#f9f1ec;}
.eye_0503_list li{float:left; width:calc(50% - 40px); margin:20px}
.eye_0503_list .tit{padding:20px}
.sum_txt_brown{background:#d29375; padding:15px}
.slit_0104_list ul{overflow:hidden;}
.slit_0104_list li{float:left; width:50%}
.slit_0104{background-color:#f3dacf}
.bt_vs{position:relative;}
.slit_0105{background-color:#ddaf9b}

.slit_0106_list ul{overflow:hidden;}
.slit_0106_list li{float:left; width:calc(50% - 20px); margin:10px; text-align:center;}

.box_num{background:#d29375; width:10%; padding:10px; margin:0 auto;}
.box_num2{background:#85b7a6; width:10%; padding:10px; margin:0 auto;}

.middle_0105 ul{overflow:hidden; border-radius:20px;}
.middle_0105 li{float:left; width:calc(33.333333% - 40px); margin:20px; text-align:center; padding:40px; background:#fff; border-radius:20px; height:500px}
.middle_0105 .rd_txt{margin:0 auto}

.middle_0106 ul{overflow:hidden; border-radius:20px;}
.middle_0106 li{float:left; width:calc(33.333333% - 40px); margin:20px; text-align:center; padding:40px; background:#fff; border-radius:20px; }
.middle_0106 .rd_txt{margin:0 auto}

/* section_visual */
.section_visual {position: relative;display: flex;height: 900px;overflow: hidden;background: #fff;}
.section_visual .box_left {display: flex;justify-content: center;align-items: center;width: 50%;height: 360px;}
.section_visual .box_right {position: relative;width: 50%;height: 100%;}
.section_visual .tit_set {width: 755px;aspect-ratio: 765/307;background: url('/assets/images/sub/pick_visual_tit.png') no-repeat center center;background-size: contain;}
.tit_set_in{margin-left:5%; margin-top:50%}
.section_visual .box_right .portrait_set {position: relative;display: block;width: 100%;height: 100%;overflow: hidden; border-radius:30px}
.section_visual .box_right .portrait_set li {
	position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;opacity: 0;z-index: 2;
	background: no-repeat center top;background-size: cover;
	transform: scale(1.2);
	transform-origin: center center;
}
.section_visual .box_right .portrait_set li.block {display: block;}
.section_visual .box_right .portrait_set li.show {opacity: 1;transform: scale(1);}

.section_visual .box_right .portrait_set li:nth-child(1) {background-image: url('/assets/images/sub/people1.jpg');}
.section_visual .box_right .portrait_set li:nth-child(2) {background-image: url('/assets/images/sub/people2.jpg');}
.section_visual .box_right .portrait_set li:nth-child(3) {background-image: url('/assets/images/sub/people3.jpg');}
.section_visual .box_right .portrait_set li:nth-child(4) {background-image: url('/assets/images/sub/people4.jpg');}
.section_visual .box_right .portrait_set li:nth-child(5) {background-image: url('/assets/images/sub/people5.jpg');}
.section_visual .box_right .portrait_set li:nth-child(6) {background-image: url('/assets/images/sub/people1.jpg');}
.section_visual .box_right .portrait_set li:nth-child(7) {background-image: url('/assets/images/sub/people2.jpg');}
.section_visual .box_right .portrait_set li:nth-child(8) {background-image: url('/assets/images/sub/people3.jpg');}
.section_visual .box_right .portrait_set li:nth-child(9) {background-image: url('/assets/images/sub/people4.jpg');}
.section_visual .box_right .portrait_set li:nth-child(10) {background-image: url('/assets/images/sub/people5.jpg');}

.section_visual .box_right .thumb_left {position: absolute;top: 440px;right: calc(100% - 114px);z-index: 3;}
.section_visual .box_right .thumb_left .thumb_left_align {position: relative;width: 1659px;}
.section_visual .box_right .thumb_list {position: absolute;top: 0;left: 0;display: flex;}
.section_visual .box_right .thumb_list li {position: relative;width: 0;height: 289px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.section_visual .box_right .thumb_list li.ext {width: calc(260px + 8px);}
.section_visual .box_right .thumb_list li:after {border-radius:20px; content: '';position: absolute;top: 0;right: 4px;width: 229px;aspect-ratio: 229/289;background: no-repeat center center;background-size: cover;opacity: 0;}
.section_visual .box_right .thumb_list li.show:after {opacity: 1;}

.section_visual .box_right .thumb_list li[data-people="1"]:after {background-image: url('/assets/images/sub/people_thumb1.jpg');}
.section_visual .box_right .thumb_list li[data-people="2"]:after {background-image: url('/assets/images/sub/people_thumb2.jpg');}
.section_visual .box_right .thumb_list li[data-people="3"]:after {background-image: url('/assets/images/sub/people_thumb3.jpg');}
.section_visual .box_right .thumb_list li[data-people="4"]:after {background-image: url('/assets/images/sub/people_thumb4.jpg');}
.section_visual .box_right .thumb_list li[data-people="5"]:after {background-image: url('/assets/images/sub/people_thumb5.jpg');}
.section_visual .box_right .thumb_list li[data-people="6"]:after {background-image: url('/assets/images/sub/people_thumb1.jpg');}
.section_visual .box_right .thumb_list li[data-people="7"]:after {background-image: url('/assets/images/sub/people_thumb2.jpg');}
.section_visual .box_right .thumb_list li[data-people="8"]:after {background-image: url('/assets/images/sub/people_thumb3.jpg');}
.section_visual .box_right .thumb_list li[data-people="9"]:after {background-image: url('/assets/images/sub/people_thumb4.jpg');}
.section_visual .box_right .thumb_list li[data-people="10"]:after {background-image: url('/assets/images/sub/people_thumb5.jpg');}

.section_visual .box_right .thumb_right {position: absolute;top: 440px;left: calc(100% - 114px);z-index: 3;}
.section_visual .box_right .thumb_right .thumb_right_align {position: relative;width: calc(229px + 8px);}

.section_visual .box_right.left .thumb_list {left: 0;right:auto;}
.section_visual .box_right.left .thumb_list li:after {left: auto;right: 4px;}
.section_visual .box_right.right .thumb_list {left: auto;right:0;}
.section_visual .box_right.right .thumb_list li:after {left: 4px;right: auto;}

.section_visual .box_right .people_pagination {position: absolute;bottom: 40px;left: 50%;width:  calc(100% - 240px);height: 2px;background: rgba(255, 255, 255, 0.4);z-index: 3;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.section_visual .box_right .people_pagination:after {content:'';position: absolute;bottom: 0;left: 0;width: calc(100% / 5);height: 7px;background: #fff;z-index: 4;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.section_visual .people_btn_set {position: absolute;left: 50%;bottom: 72px;width: calc(100% - 260px);z-index: 3;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.section_visual .people_btn_set .btn {
	position: absolute;bottom: 0;z-index: 3;font-size: 0;
	width: 37px;aspect-ratio: 37/14;background-color: #fff;
	-webkit-mask-image: url('data:image/svg+xml,<svg width="37" height="14" viewBox="0 0 37 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.79151 13L2 7M2 7L7.79151 1M2 7L36.5 7" stroke="white" stroke-width="2"/></svg>');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
}
.section_visual .people_btn_set .btn_next {left: 0;}
.section_visual .people_btn_set .btn_prev {right: 0;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.section_visual .box_right .people_pagination[data-people="1"]:after {left: 0;}
.section_visual .box_right .people_pagination[data-people="2"]:after {left: calc((100% - calc(100% / 10)) * (1 / 5));}
.section_visual .box_right .people_pagination[data-people="3"]:after {left: calc((100% - calc(100% / 10)) * (2 / 5));}
.section_visual .box_right .people_pagination[data-people="4"]:after {left: calc((100% - calc(100% / 10)) * (3 / 5));}
.section_visual .box_right .people_pagination[data-people="5"]:after {left: calc((100% - calc(100% / 10)) * (4 / 5));}
.section_visual .box_right .people_pagination[data-people="6"]:after {left: calc((100% - calc(100% / 10)) * (5 / 5));}
.section_visual .box_right .people_pagination[data-people="7"]:after {left: calc((100% - calc(100% / 10)) * (6 / 5));}
.section_visual .box_right .people_pagination[data-people="8"]:after {left: calc((100% - calc(100% / 10)) * (7 / 9));}
.section_visual .box_right .people_pagination[data-people="9"]:after {left: calc((100% - calc(100% / 10)) * (8 / 9));}
.section_visual .box_right .people_pagination[data-people="10"]:after {left: calc((100% - calc(100% / 10)) * (9 / 9));}

.before_after_wrap { top: 470px; width: 110%; display:flex; flex-direction: column; align-items: center; }
.before_after_wrap .slider_box + .slider_box { margin-top: 65px; }
.before_after_wrap .slider_box .frame { height: 680px !important; }
.before_after_wrap .frame { border: 10px solid white; box-sizing: border-box; z-index: 1; }
.before_after_wrap .slider_box .badge { transform: translate(-50%, -50%); left: 50%; z-index: 2; }
.baSlider [baSlider-handler] > img { width: 80px; height: 35px;  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.12)) drop-shadow(0 1px 8px rgba(0, 0, 0, 0.12)) drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.1)); }
.eye_0101_tit{position:absolute; z-index:2}

.eye_0101_list {overflow:hidden;}
.eye_0101_list li{float:left; width:calc(50% - 20px); border:1px solid #dbe2ea; border-radius:20px; padding:40px 0; margin:10px; box-shadow:0 3px 6px rgba(0,0,0,0.16)}

.eye_0102_list {overflow:hidden;}
.eye_0102_list li{float:left; width:calc(50% - 20px); border:1px solid #dca48a; border-radius:20px; padding:40px 0; margin:10px; box-shadow:0 3px 6px rgba(0,0,0,0.16)}

.eye_0103_list {overflow:hidden;}
.eye_0103_list li{float:left; width:calc(50% - 20px); background:#fff; height:200px; border:1px solid #b4d2da; border-radius:20px; padding:40px 0; margin:10px; box-shadow:0 3px 6px rgba(0,0,0,0.16)}

.eye_0104_list {overflow:hidden;}
.eye_0104_list li{float:left; width:calc(50% - 20px); border:1px solid #efd4cf; border-radius:20px; padding:40px 0; margin:10px; box-shadow:0 3px 6px rgba(0,0,0,0.16)}

.eye_0105_list {overflow:hidden;}
.eye_0105_list li{float:left; width:calc(50% - 20px); border:1px solid #d8d8d8; border-radius:20px; padding:40px 0; margin:10px; box-shadow:0 3px 6px rgba(0,0,0,0.16)}

.eye_0106_list {overflow:hidden;}
.eye_0106_list li{float:left; width:calc(50% - 20px); border:1px solid #e3ece9; border-radius:20px; padding:40px 0; margin:10px; box-shadow:0 3px 6px rgba(0,0,0,0.16)}

.eyere_0103_list {overflow:hidden;}
.eyere_0103_list li{float:left; width:calc(50% - 20px); background:#fff; height:200px; border:1px solid #f3dacf; border-radius:20px; padding:40px 0; margin:10px; box-shadow:0 3px 6px rgba(0,0,0,0.16)}


.eye_0101_list .num_co{color:#b3becc}
.eye_0102_list .num_co{color:#dca48a}
.eye_0103_list .num_co{color:#b4d2da}
.eye_050102 .num_co{color:#b4d2da}
.eyere_0103_list .num_co{color:#f3dacf}
.eye_0104_list .num_co{color:#efd4cf}
.eye_0105_list .num_co{color:#d8d8d8}
.eye_0106_list .num_co{color:#e3ece9}

.eye_0102{background:#e3e9f0}
.eye_0103{background:#f4eee9}
.eye_0104{background:#e3f0f3}
.eye_0105{background:#f0e1de}
.eye_0106{background:#efefef}
.eye_0107{background:#e3ece9}

.point_box{background:#d29375; padding:10px; border-radius:40px; width:15%; margin:0 auto}
.point_box2{background:#383838; padding:10px; border-radius:40px; width:35%; margin:0 auto}
.point_box3{background:#e6b4a9; padding:10px; border-radius:40px; width:45%; margin:0 auto}
.point_box4{background:#e6b4a9; padding:10px; border-radius:40px; width:45%;}
.point_box5{background:#cde6ed; padding:10px; border-radius:40px; width:45%;}
.point_box6{background:#8ec8d9; padding:10px; border-radius:40px; width:45%;}
.point_box7{background:#dbc277; padding:10px; border-radius:40px; width:45%;}

.h375{height:375px !important}

.h315{height:315px !important}
.h240{height:240px !important}
.h270{height:270px !important}
.updown {
	border: 0.5px solid #c7c7c7;
	height: 50px;
	text-align: center;
	width: 0.5px;
	margin: 0 auto;
}
.h_auto{height:auto !important}

.man_0101_img02 ul{overflow:hidden;}
.man_0101_img02 li{float:left; width:calc(50% - 20px); margin:10px}


.qua_tit{border-top:1px solid #a4aebf; border-bottom:1px solid #cbcbcb; padding:25px}
.q_icon{font-size:26px; font-weight:600}
.q_txt{margin-left:20px}
.qua_view{background:#fff; padding:30px 70px}

.clic_box li{float:left; width:calc(16.666666% - 20px); background:#f5f5f5; margin:10px; padding:75px 0 ; border-radius:100%}
.bg_th1{width:45%}
.bg_th2{width:45%}


.sec4 {position: relative; overflow: hidden;}

.sec4_bg {width: 100%; height: 800px; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}
.sec4_bg {height: 890px;}
.sec4 .sv_tit_wrap {position: absolute; top: 50%; left: 10%; transform:translateY(-50%); width: 100%; text-align: center;}
.sec4 .sv_tit_wrap p {color: #fff; margin-bottom: 25px;}
.sec4 .sv_tit_wrap h3 {color: #fff;}

.sec4_bg3 {width: 100%; height: 800px; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}
.sec4_bg3 {height: 1190px;}

.sec4 .sv_tit_wrap2 {position: absolute; top: 50%; left: 10%; transform:translateY(-50%); width: 100%; text-align: center;}
.sec4 .sv_tit_wrap2 p {color: #fff; margin-bottom: 5px;}

.sec01{position:relative;}
.sec01 .bg_shape{width:800px; height:800px;position:absolute; top:0; left:0;}
.sec01 .sec_wrap{position:relative;transition:width 1s ease, bottom 1s ease, left 1s ease;}
.sec01.active .sec_wrap{width:1480px;  bottom:0; left:0;}
.sec01 .sec_bg{width:100%; height:570px;  background-image:url('/assets/images/sub/sec01_bg.jpg'); border-bottom-right-radius:200px; position:relative; }
.sec01 .sec_bg .text_area{padding:170px 115px; float:right;}
.sec_bg{background-size:cover; background-position:50% 10%; background-repeat:no-repeat}

.sec_wrap{margin:0 auto}
.eyere_0103 ul{overflow:hidden}
.eyere_0103 li{float:left; width:50%}
.bg_logo {padding:65px 0 !important}

.vs_txt{background:#fff; width:40%; padding:40px; border-radius:20px}
.vs_txt .tit{background:#a4cfdb; border-radius:50px}
.vs_txt2{background:#fff; width:100%; padding:40px; border-radius:20px}
.vs_txt2 .tit{background:#a4cfdb; border-radius:50px; padding:20px}


.info_02 .con1 {padding: 100px 0 100px;}  
.info_02 .con2 {padding:0 0; background: #ffffff url('/assets/images/sub/logo_bg.png') no-repeat top 70px left 20%;}
.info_02  .doctor_wrap {display: flex; width: 1400px; margin: 0 auto;}
.info_02  .doctor_wrap > div {width: 50%; float:left;}
.info_02  .doctor_wrap .rt {padding: 0 15px 0 70px; text-align: center;}
.info_02  .doctor_wrap .txt {padding: 0 0 30px; border-bottom:5px solid #222;}
.info_02  .doctor_wrap .rt p { padding-left:30px;}
.info_02  .doctor_wrap .point { position:relative;}
.info_02  .doctor_wrap .point:before { content: ''; display: block;  width: 42px; height: 33px;  background: url('/img/sub/doctor_point.png') 0 0 no-repeat;  position: absolute; top: 0;   left: -55px;  margin-top: -10px;}
.info_02  .doctor_wrap .box{ padding:30px; background-color:#f9f9f9;}
.info_02  .doctor_wrap .half{ width:50%; display:inline-block; float:left; }
.info_02  .doctor_wrap .half1 { width:50%; display:inline-block;}
.info_02 .con3 {padding:160px 0 0;}




.location_wrap {display: flex; flex-wrap:wrap;}
.location_wrap .lt,
.location_wrap .rt {width: 50%; background-color: #f7f7f9;}
.location_wrap .rt {position: relative; overflow: hidden;}
.location_wrap .wonderful_info {padding: 70px 50px 50px 50px;}
.location_wrap .wonderful_info .wonderful_address {padding:0 10px 20px; }
.location_wrap .wonderful_info .wonderful_address .tel {font-family: 'Montserrat'; line-height: 1.2;}
.location_wrap .wonderful_hours {padding: 0 10px 20px; border-bottom: 1px solid #d3d2d3;}
.location_wrap .wonderful_hours dl {font-size: 0; }
.location_wrap .wonderful_hours dt,
.location_wrap .wonderful_hours dd {display: inline-block; width: 120px; text-align: left; vertical-align: middle; margin-bottom: 15px;}
.location_wrap .wonderful_hours dd {width: calc(100% - 120px); text-align: left; padding-left: 25px;}

.middle_0401 .box_con .point_txt{padding:84px}
.middle_0401 .box_con2 .point_txt{padding:140px}
.middle_0401 .box_con3 .point_txt{padding:150px}
.middle_0401 .box_con4 .point_txt{padding: 98px 70px;}

.middle_0401 .flex_con div{margin:10px}

.point_con{background:#fff; margin:0px auto; width:80%; border-radius:20px; padding:50px 0 }


.info_04 .con1 {padding: 160px 0; border-bottom:1px solid #ddd;}
.info_04 .map_btn {display: inline-block;position: absolute;width: -webkit-fill-available;z-index: 1;text-align: end;top:60%;right: 3%;}
.info_04 .map_btn a {display: inline-block;width: 150px;height: 150px;line-height:150%;border-radius:250px;text-align: center;transition:.25s;padding-top: 4.5%;}
.info_04 .map_btn a.btn_naver {background-color: #02c85a; color: #fff;}
.info_04 .map_btn a.btn_kakao {background-color: #fae100;}
.info_04 .map_btn a:hover {background-color: #2c303b; color: #fff;}

.doctor_box{background:#fff; border-radius:20px; padding:50px}
.num_center{left:42%}

.box_bg{background:#de9a81; border-radius:30px}

.h415{height:415px !important}
.txt_bg{background:#7d695c; padding:0 10px}
.pd100{padding:100px}
.pd20{padding:20px}
.br20{border-radius:20px}
.mg10{margin:10px}
.mg0{margin:0 auto}
.pd70{padding:70px !important}
.w100{width:calc(100% - 20px)!important}
.w50{width:calc(50% - 20px)!important}
.w50_2{width:calc(50% - 40px)!important}
.w25{width:calc(25% - 20px)!important}
.w20{width:calc(20% - 20px)!important}
.w20_2{width:calc(20% - 40px)!important}
.w33{width:calc(33.333333% - 20px)!important}
.w33_2{width:calc(33.333333% - 40px)!important}
.h400{height:400px !important}

.check_br_con{position:relative}
.check_br{position:absolute; width:10%; display:inline-block;}
.check_txt{margin-left:40px; width:90%; display:inline-block;}

.point_txt{background:#faf1ef; padding:30px; border-radius:20px}


.slide {display: flex; align-items:center;     width: -webkit-fill-available;position: relative; gap:40px}
.slide .lt {width: 40%; padding-right:20px}
.flex_lt img{border-radius:20px}
.slide .rt {width: 55%;}
.slide .chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.slide .chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 0 30px 30px 30px;background-color: #1e3763; color:#fff;padding: 20px 10px; text-align:center;}


.con2 {padding: 160px 0; }
.con2 .slide_tab_wrap {max-width: 980px; margin: 0 auto 50px; }
.con2 .slide_tab_wrap .slide_tab {}
.con2 .slide_tab_wrap .slick-track:after {content:''; display: block; width: 100%; height: 1px; background-color: #c3c3c3; position: absolute; top: 12px; left: 0;}
.con2 .slide_tab_wrap .slide_tab .list {text-align: center;}
.con2 .slide_tab_wrap .slide_tab .list p {padding-top: 40px; position: relative; cursor: pointer; word-break:keep-all;}
.con2 .slide_tab_wrap .slide_tab .list.slick-current p {color: #cf9d6d; z-index: 1;}
.con2 .slide_tab_wrap .slide_tab .list p:after {content:''; display: block; width: 25px; height: 25px; position: absolute; top: 13px; left: 50%; margin: -12.5px; background-image: url('/assets/images/main/icon_dia.png'); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1;}
.con2 .slide_tab_wrap .slide_tab .list.slick-current p:after {background-image: url('/assets/images/main/icon_dia_active.png');}
.con2 .con2_slide_box {}
.con2 .con2_slide_list { }
.con2 .con2_slide_list .list {opacity: .5; margin: 0 50px; position: relative; transition:.25s;   background: #fff;padding:70px 50px;  border-radius: 50px;  width:1160px}
.con2 .con2_slide_list .list.slick-current {opacity: 1;}
.con2 .con2_slide_list .list .img {}
.con2 .con2_slide_list .list .img1 { background-color:#fff; padding: 0 50px 0px 50px;}
.con2 .slick-prev,
.con2 .slick-next {width: 60px; height: 60px; background-image: url('/assets/images/main/circle_prev.png'); background-position: 50% 50%; background-repeat: no-repeat; left: 50%; z-index: 1;}
.con2 .slick-prev {margin-left: -660px;}
.con2 .slick-next {background-image: url('/assets/images/main/circle_next.png'); left: auto; right: 50%; margin-right: -660px;}

.con2 .slick-dots {bottom: -50px; text-align: center;}
.con2 .slick-dots li { width:auto !important}
.con2 .slick-dots li button {width: 12px; height: 12px; background-color: #b5aea9; border-radius:50%; margin: 0 auto; transition:.25s;}
.con2 .slick-dots li.slick-active button {width:30px; height: 12px;  border-radius:10px; background-color: #1e3763;}



.img_ma img{margin:0 auto}
.slick-dots li button:before{display:none}

.con2 .s_title{padding-bottom:30px;}
.con2 .s_title .lt {width: 13%;}
.con2 .s_title .rt {width: 87%;}

.con2 .s_title1{display:flex; padding-bottom:30px;}
.con2 .s_title1 .lt {width: 27%;}
.con2 .s_title1 .rt {width: 73%;}

.con2 .s_title2{display:flex; padding-bottom:30px;}
.con2 .s_title2 .lt {width: 22%;}
.con2 .s_title2 .rt {width: 78%;}

.tip_wrap {display:flex;flex-direction:column;max-width:400px;}
.tip_box {background:#9cb9cb;border-radius:8px;padding:20px 24px; margin-bottom:10px; margin-top:20px}
.tip_title {font-size:22px;font-weight:700;margin-bottom:5px; color:#fff}
.tip_title span {font-weight:700;}
.tip_sub {font-size:16px;font-weight:500;}

.lift_point_wrap {display:flex;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;padding:60px 0;}
.lift_point_box {flex:1;background:#f9f9f9;border-radius:12px;padding:40px 30px;box-shadow:0 2px 6px rgba(0,0,0,0.05);text-align:left;}
.point_tit {font-size:20px;font-weight:600;color:#222;line-height:1.5;margin-bottom:20px;position:relative;padding-bottom:15px;border-bottom:2px solid #d7e1eb;}
.point_desc {font-size:16px;color:#555;line-height:1.7;}

.mct_list {display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.mct_list li {width:calc(33.333% - 14px);background:#fff;min-height:200px;border:1px solid #b4d2da;border-radius:20px;padding:40px 20px;box-shadow:0 3px 6px rgba(0,0,0,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;}

@media all and (max-width:820px){
.mct_list li {width:calc(50% - 10px);}
}
@media all and (max-width:520px){
.mct_list li {width:100%;}
}

.fill_myself_wrap {position:relative;width:100%;height:480px;background:url('/assets/images/sub/young_06_img02.jpg') center center / cover no-repeat fixed;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.fill_myself_wrap::before {content:"";position:absolute;inset:0;background:rgba(100,160,200,.25);}
.fill_myself_inner {position:relative;z-index:1;text-align:center;}
.fill_myself_wrap .fill_en {color:#fff;letter-spacing:2px;margin-bottom:25px;}
.fill_myself_wrap .fill_txt {color:#fff;line-height:1.8;letter-spacing:-0.5px;word-break:keep-all;}

@media all and (max-width:820px){
.fill_myself_wrap {height:280px;background-attachment:scroll;}
.fill_myself_wrap .fill_en {font-size:20px;margin-bottom:18px;}
.fill_myself_wrap .fill_txt {font-size:15px;}
}

.bg_in_img{padding:50px 0}

.solution_wrap {display:flex;gap:24px;max-width:1200px;margin:0 auto;padding:0 20px;}
.solution_card {flex:1;border-radius:24px;overflow:hidden;background:#dce8f0;box-shadow:0 4px 20px rgba(0,0,0,.08);}
.solution_card .card_img {width:100%;aspect-ratio:4/2;overflow:hidden;}
.solution_card .card_img img {width:100%;height:100%;object-fit:cover;display:block;}
.solution_card .card_body {background:#dce8f0;padding:30px 35px 35px;}
.solution_card .card_desc {text-align:center;margin-bottom:28px;}
.solution_card .card_desc p {font-size:15px;color:#555;margin-bottom:6px;}
.solution_card .card_desc strong {font-size:20px;font-weight:700;color:#111;display:block;}
.solution_card .check_list {display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;}
.solution_card .check_list li {display:flex;align-items:flex-start;gap:8px;}
.solution_card .check_list li .ico {width:20px;height:20px;border-radius:4px;background:#5b8db8;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;}
.solution_card .check_list li .ico svg {width:11px;height:11px;stroke:#fff;stroke-width:2.5;fill:none;}
.solution_card .check_list li span {font-size:15px;color:#333;line-height:1.5;word-break:keep-all;}

@media all and (max-width:820px){
.solution_wrap {flex-direction:column;}
.solution_card .check_list {grid-template-columns:1fr;}
.solution_card .card_body {padding:24px 24px 28px;}
}

@media all and (max-width:1600px){
	#patella_0104 .banner h4{ font-size: 4.5rem; }
}

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

}
@media all and (max-width:1230px){
	#patella_0104 .banner{ padding: 60px 0; margin-top: 30px; }
	#patella_0104 .banner h4{ font-size: 3.5rem; }

	#patella_0104 .patella_0104_box .image-box{ padding-top: 17px; }

	#patella_0104 .patella_0104_box .text-box{ padding-left: 60px; }
	#patella_0104 .patella_0104_box .text-box p::before{ top: 17px; left: -63px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ top: 17px; left: -60px; }

}



@media all and (max-width:980px){
	#patella_0104 .patella_0104_box .image-box figure{padding-bottom:20px;}
	#patella_0104 section:not(:last-of-type){ 
	margin-bottom: 60px; } #patella_0104 .patella_0104_box .flex-box{ 
	flex-direction: column; } #patella_0104 .patella_0104_box .flex-box > div{ 
	width: 100%; }

	#patella_0104 .patella_0104_box .image-box{ padding-top: 0; } #patella_0104 
	.patella_0104_box .image-box .sticky{ width: 100%; }

	#patella_0104 .patella_0104_box .text-box{ padding-top: 0px; padding-left: 00px; }
	#patella_0104 .patella_0104_box .text-box p::before{ left: -23px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ left: -20px; }
}


@media all and (max-width:820px){
	
	#sv .sv_visual {height: 600px;}
	#sv .sv_visual { background-position: 63% 50%;}
	#sv .sv_tit_wrap {top: 45vh; left:9%}
	.nectar-shape-divider-wrap{bottom:35px !important}
	
	#patella_0104 .banner{ padding: 40px 0; margin-top: 30px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{display:none}
	#patella_0104 .banner h4{ font-size: 3rem; }
	.sticy_txt{top:20px}
	#patella_0104 .patella_0104_box .text-box p::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.6rem; }


	
	/* section_visual */
	.m_section_visual {padding: 3rem 0;}
	.m_section_visual .sec_tit {position: relative;z-index: 1;}

	.m_section_visual .slide_set {position: relative;padding: 40px 5.5rem;}
	.m_section_visual .slick-arrow {
		position: absolute;top: 50%;z-index: 10;font-size: 0;
		width: 1.5rem;aspect-ratio: 15/26;cursor: pointer;
		background: url('/assets/images/sub/prev_arrow.png')no-repeat center center;background-size: contain;
		transition: all 0.3s ease;
		transform: translateY(-50%);
	}
	.m_section_visual .slick-prev {left: -3.5rem;}
	.m_section_visual .slick-next {right: -3.5rem;transform-origin: center center;transform: rotate(180deg);}
	.m_section_visual .portrait_slide .item {width: 64.0rem;aspect-ratio: 640/808;background: no-repeat center center;background-size: cover;}


	.m_section_visual .portrait_slide .item01 {background-image: url('/assets/images/sub/people1.jpg');}
	.m_section_visual .portrait_slide .item02 {background-image: url('/assets/images/sub/people2.jpg');}
	.m_section_visual .portrait_slide .item03 {background-image: url('/assets/images/sub/people3.jpg');}
	.m_section_visual .portrait_slide .item04 {background-image: url('/assets/images/sub/people4.jpg');}
	.m_section_visual .portrait_slide .item05 {background-image: url('/assets/images/sub/people5.jpg');}
	.m_section_visual .portrait_slide .item.slick-active-m {
		animation-duration: 0.5s;
		animation-name: zoom-out;
	}
	@keyframes zoom-out {
		0% {transform: scale(1.2);}
		100% {transform: scale(1);}
	}

	.m_section_visual .thumb_slide {margin: 3.4rem -5.5rem 0;/*pointer-events: none;*/}
	.m_section_visual .thumb_slide .item {height: 20.1rem;aspect-ratio: 160/201;margin: 0 0.3rem;background: no-repeat center center;background-size: cover;}
	.m_section_visual .thumb_slide .item01 {background-image: url('/assets/images/sub/people_thumb1.jpg');}
	.m_section_visual .thumb_slide .item02 {background-image: url('/assets/images/sub/people_thumb2.jpg');}
	.m_section_visual .thumb_slide .item03 {background-image: url('/assets/images/sub/people_thumb3.jpg');}
	.m_section_visual .thumb_slide .item04 {background-image: url('/assets/images/sub/people_thumb4.jpg');}
	.m_section_visual .thumb_slide .item05 {background-image: url('/assets/images/sub/people_thumb5.jpg');}
	
	
	.sec01 .bg_shape{display:none;}
    .sec01 .sec_wrap{width:100%!important; padding:8.8vw 5vw; left:0!important; bottom:0!important;}
    
    .sec01 .sec_bg .text_area{padding:0 25px; margin-top:93.8vw; padding-bottom:50px;}
    .sec01 .sec_bg{background-image:url('/assets/images/sub/sec01_bg_mo.jpg'); /*height:237.5vw;*/display:flex; height:auto; border-bottom-right-radius:150px;}
    .sec01 .sec_bg .text_area .quote{font-size:15vw; line-height:3.8vw; margin-top:7.5vw;}
    .sec01 .sec_bg .text_area .title{font-size:7.5vw; line-height:8.8vw; margin-bottom:6.3vw;}
    .sec01 .sec_bg .text_area .info{font-size:4.3vw; line-height:6.3vw; margin-bottom:6.3vw;}
    
    .sec01 .sec_bg .shape_area{z-index:2; width:35vw; bottom:-10vw;}
    .sec01 .sec_bg .shape_area .shape{width:16.3vw;}

	.flex_rt_txt{padding:0}
	.scon_2_in li{width:100%; margin:20px 0; text-align:center;}
	.tit_set_in{margin-top:30px}

	.rd_txt{width:90%}
	.eye_0101_list li{width:100%; margin:10px 0}
	.eye_0102_list li{width:100%; margin:10px 0}
	.eye_0103_list li{width:100%; margin:10px 0}
	.eye_0104_list li{width:100%; margin:10px 0}
	.eye_0105_list li{width:100%; margin:10px 0}
	.eye_0106_list li{width:100%; margin:10px 0}
	.eyere_0103_list li{ margin:10px 0}
	.flex_con .more_b{width:50%}
	.flex_con .more_b{float: left;bottom: 6px;position:relative}
	.com_slide{gap:initial;}
	.com_tit2.rayout{display:block}
	.com_tit2 h4 span{padding-right:0}
	.com_tit2 h4 span::after{display:none}
	.com_tit2.rayout .com_control{left:4px}
	.com_slide li .text h5{font-size:24px}
	.com_slide li .text p{font-size:14px}
	.com_slide_wrap{padding-bottom:30px}
	
	.circle_logo_box{display:none}
	.flex_rt_txt {margin-top:30px}
	.sec4 .sv_tit_wrap2{left:0}
	.clinic_list_box{width:100%}
	.sec4_bg{height:710px;background-position: 10% 50%;}
	.sec4_bg3{height:980px;background-position: 10% 50%;}
	.doctor_box{padding:20px}
	.man_0101_img02 li{width:100%; margin:0 0}
	.man_0101_img03 {margin-bottom:60px}

	.scon_2_in iframe{width:100% !important; height:180px !important}
	.move_text_box .text{font-size:4rem;}
	.move_text_box .text p{padding-right:5.3rem;}
	.num{left:0}
	
	.half .rt {background-size: cover;height: 285px;}		

	.half {display: block;position: relative;}
	.half .rt {width: 100%;background-repeat: no-repeat;background-position: 100% 50%;background-size: cover;}
	.half .rt .txt_box {width: -webkit-fill-available;float: left;position:relative;top:68%;left: 15px;}
	.half .rt img {position: relative;background-size:cover; width:100%}
	.half .lt {width: 100%;padding: 71px 0;}
	.half .tit_ani_wrap .txt_ani_box {padding: 0 20px;}
	.half .clinic_list_box { padding: 0 15px;}
	.clinic_list_box.mt30{margin-top:0px !important}
	.s_tab li a{font-size:14px}
	.s_tab .w50{width:50% !important}
	.s_tab .w25{width:43.3333% !important}
	.s_tab .w20{width:20% !important}
	.eye_0501_list li{width:100%; height:auto}
	.eye_0501_list .sub_txt{padding:20px 20px}
	.eye_050102 td{padding:10px}
	.eye_050102 th{font-size:16px;}
	.eye_050102 th .tit{padding:10px}
	.scon_3_in_box{width:100%; right:0}
	.eye_0502_bg{background-size:100% 100%;height: 830px;background-position: 100% 100%;background-size: cover;}
	.eye_0503_list li{width:100%; margin:20px 0}
	.eye_0602_bg{background-size:100% 100%;height: 680px;background-position: 100% 100%;background-size: cover;}
	.point_box{width:60%}
	.sub_txt.pd70{padding:20px !important}
	.middle_0106 li{margin:20px 0}
	.middle_0401 .flex_con div{margin:10px 0}
	.middle_0401 .box_con .point_txt{padding:20px}
	.point_con{width:92%}
	.middle_0106 li{width:100%; margin:10px 0 0 0}
	.middle_0401 .box_con4 .point_txt{padding:20px}
	.flex_rt.w50 {margin-top:20px !important}
	.eyere_0103 li{width:100%; margin:20px 0}
	.eyere_0103_list li{height:auto}
	.slit_0104_list li{width:100%}
	.point_box2{width:90%}
	.box_num2{width:50%}
	.clic_box li{width:90%; margin:17px; padding:113px 0}
	.qua_view{padding:20px}
	.qua_tit .flex_con{display:flex;}
	.sec4 .sv_tit_wrap{left:5%}
	.eye_0103_list li{height:auto !important}
	.middle_0105 li{width:100%; margin:20px 0}
	.box_num{width:50%}
	.middle_0105 li{height:auto !important}
	.middle_0401 .box_con2 .point_txt{padding:20px}
	.middle_0401 .box_con3 .point_txt{padding:20px}
	.sec4_bg_m{height:330px}
	.sec4_m2 .sv_tit_wrap{left:0%}
	.sec4_bg_m2{height:500px}
	.eye_050102 th .tit{line-height:25px}

	.slit_0106_list li{width:100%; margin:10px 0}
	
    .info_02 .con1 {padding: 50px 0 50px;}  
    .info_02 .con2 {padding:0 0 70px;position: relative;display: flow-root;background-size: 40%;}
    .info_02  .doctor_wrap {display: block;width: 100%;margin: 0 auto;}
    .info_02  .doctor_wrap > div {width: 100%;float:left;}
    .info_02  .doctor_wrap > div img {width: 100%;}
    .info_02  .doctor_wrap .rt {padding: 50px 15px 0 15px;text-align: center;}
    .info_02  .doctor_wrap .txt {padding: 0 0 20px; border-bottom:5px solid #222;}
    .info_02  .doctor_wrap .rt p { padding-left:20px;}

    .info_02 .con3 {padding: 70px 0 0;display: flow-root;background-size: 40%;}
	.info_04 .map_btn {display: inline-block;position: absolute;width: -webkit-fill-available;z-index: 1;text-align: end;top: 50%;right: -10%;scale: .7;}
	.info_04 .map_btn a {display: inline-block;width: 150px;height: 150px;line-height:150%;border-radius:250px;text-align: center;transition:.25s;padding-top: 12%;font-size: 18px;}
	.info_04 .map_btn a.btn_naver {background-color: #02c85a; color: #fff;}
	.info_04 .map_btn a.btn_kakao {background-color: #fae100;}
	.info_04 .map_btn a:hover {background-color: #2c303b; color: #fff;}


    .info_02  .common {padding:80px 0 60px;background: #f2f7fb url('/assets/images/sub/info_02_bg_01.jpg'); background-position: 32% 50%;background-size: cover;}
    .info_02  .common1 { padding:80px 0 60px; background: #f2f7fb url('/assets/images/sub/info_02_bg_02.jpg'); background-position: 32% 50%;background-size: cover;}


	.eye_050102_first td{padding:5px}
	.eye_050102_first th .tit{padding:5px; font-size:14px}
	.vs_txt{width:100%}
	.vs_txt_mt30{margin-bottom:30px}
	.point_box5{width:65%}
	.point_box6{width:65%}

	.typo_wrap p{color:#000 !important}

	.scon_2_in ul{width:75%; margin:0 auto}
	.eye_0101_list li{width:46.5%; margin:10px 5px}
	.eye_0102_list li{width:46.5%; margin:10px 5px}
	.eye_0103_list li{width:46.5%; margin:10px 5px}
	.eye_0105_list li{width:46.5%; margin:10px 5px}
	.eye_0106_list li{width:46.5%; margin:10px 5px}
	.eye_0103_list li.w33{margin:10px 0 !important}
	.eye_0103_list li.w20{margin:10px 0 !important}
	
	#common_top_container:before{display:none}
	.w100{width:100% !important}
	.w50_2{width:100% !important}
	.w50{width:100% !important}
	.w20{width:100% !important}
	.w25{width:100% !important}
	.w33_2{width:100% !important}
	.w33{width:100% !important}
	.w20_2{width:100% !important}
	.pdl120{padding-left:0px}
	.h415{height:auto !important}
	.h375{height:auto !important}
	.pd100{padding:20px}
	.mt50{margin-top:10px !important}
	.mt80{margin-top:20px !important;}
	.mt150{margin-top:30px !important}
	.w400{padding:0}

	.m_w50{width:46.5% !important; margin:10px 5px !important}
	.mmt20{margin-top:40px !important}
	.pl50{padding-left:20px}
	.w25_3{width:100% !important; margin-top:20px !important}
	.w25_3 img{border-radius:50px}
		#sv .sv_visual2 {background-position: 31% 50%;}

		.con2 { padding: 70px 0;}	
.con2 .slide_tab_wrap {max-width: -webkit-fill-available;margin: 0 auto 50px;}
.con2 .slide_tab_wrap .slide_tab {}
.con2 .slide_tab_wrap .slick-track:after {content:''; display: block; width: 100%; height: 1px; background-color: #c3c3c3; position: absolute; top: 12px; left: 0;}
.con2 .slide_tab_wrap .slide_tab .list {text-align: center;}
.con2 .slide_tab_wrap .slide_tab .list p {padding-top: 40px; position: relative; cursor: pointer; word-break:keep-all;}
.con2 .slide_tab_wrap .slide_tab .list.slick-current p {color: #cf9d6d; z-index: 1;}
.con2 .slide_tab_wrap .slide_tab .list p:after {content:''; display: block; width: 25px; height: 25px; position: absolute; top: 13px; left: 50%; margin: -12.5px; background-image: url('/assets/images/main/icon_dia.png'); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1;}
.con2 .slide_tab_wrap .slide_tab .list.slick-current p:after {background-image: url('/assets/images/main/icon_dia_active.png');}
.con2 .con2_slide_box { margin-top:50px;}
.con2 .con2_slide_list { }
.con2 .con2_slide_list .list {opacity: .5;margin: 0 15px;position: relative;transition:.25s;background: #fff;padding: 30px 30px;border-radius: 20px;width: 350px;}
.con2 .con2_slide_list .list.slick-current {opacity: 1;}
.con2 .con2_slide_list .list .img {}
.con2 .con2_slide_list .list .img1 { padding:0px 0;}
.con2 .slick-prev,
.con2 .slick-next {width: 60px; height: 60px; background-image: url('/assets/images/main/circle_prev.png'); background-position: 50% 50%; background-repeat: no-repeat; left: 0; z-index: 1; background-size:65%; top:0;  filter: brightness(0.8);}
.con2 .slick-prev {margin-left: 0;}
.con2 .slick-next {background-image: url('/assets/images/main/circle_next.png'); left: auto; right: 0; margin-right: 0; top:0}
.con2 .slick-dots {text-align: center; text-align: center; position: relative; bottom: 0; }

.s_tit_wrap {margin: 0 0px 15px 0px !important;}
.con2  .s_title{display: block;padding-bottom:30px;}
.con2  .s_title .lt {width: -webkit-fill-available;}
.con2  .s_title .rt {width: -webkit-fill-available;}

.con2  .s_title1{display:block; padding-bottom:30px;} 
.con2  .s_title1 .lt {width: -webkit-fill-available;}
.con2  .s_title1 .rt {width: -webkit-fill-available;}

.con2  .s_title2{display:block; padding-bottom:30px;}
.con2  .s_title2 .lt {width: -webkit-fill-available;}
.con2  .s_title2 .rt{width: -webkit-fill-available;}

.slide {display: block; align-items:center;  width: -webkit-fill-available;position: relative;}
.slide .lt {width: -webkit-fill-available;margin-bottom: 20px;}
.slide .rt {width: -webkit-fill-available; padding-left:0;}
.slide .chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.slide .chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;color:#fff;padding: 10px 10px; text-align:center;}

.lift_point_wrap{display:block}
.point_tit{font-size:18px}
.point_desc{font-size:14px}
}

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

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


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

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

}

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





/************info»ó´Ü**************/
#common_top_container { max-width:1920px; margin:0 auto; /*padding:135px 0 122px 0;*/ padding:160px 0 0px 0; position:relative;word-break:keep-all } /* 135 : gnb height / 122 : circle height half */
#common_top_container:before { content:''; bottom:0; left:0px; position:absolute; width:100%; max-width:1920px;  background:#fff }
/* bg */
.common_top_pc { }
.common_top_mobile { width:100%; display:none }
/* top(ÅؽºÆ®/3Â÷¸Þ´º/½ºÅ©·Ñ¸Þ´º) */
#common_top_container .top_wrap { padding:40px 0 50px 0; /*background:#0b1c2b*/ }
#common_top_container .top_wrap .typo_wrap { width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:10px }
#common_top_container .top_wrap .typo_wrap .t1 { opacity:0; transform:translateY(40px);  font-size:9px; line-height:1; letter-spacing:4px; color:rgba(255,255,255,.4); transition:all 1s cubic-bezier(0.33, 1, 0.68, 1) }
#common_top_container .top_wrap .typo_wrap .t2 { opacity:0; transform:translateY(40px); font-size:24px; line-height:1; color:rgba(255,255,255,.4); transition:all 1s cubic-bezier(0.33, 1, 0.68, 1) .4s }
/* 3Â÷¸Þ´º */
#common_top_container .top_wrap .top_d3_wrap { opacity:0; margin-top:40px; transition:all 1s cubic-bezier(0.65, 0, 0.35, 1) .4s }
/* box1 */
#common_top_container .box1 { position:relative; width:100%; max-width:1660px; margin:0 auto; padding:0px 0 0 0 }
#common_top_container .box1:before { content:''; top:0; left:-130px; position:absolute; width:1920px; height:100%; /*background:#0b1c2b*/ }
#common_top_container .box1:after { content:''; bottom:0; left:-130px; position:absolute; width:1920px; height:120px; background:#f6e9e1 }
#common_top_container .box1 .wrap { position:relative; z-index:1 }
#common_top_container .box1 .wrap .bg_wrap { border-radius:10px; display:flex; justify-content:center; overflow:hidden; background:none; transition:all 1.2s cubic-bezier(0.65, 0, 0.35, 1) }
#common_top_container .box1 .wrap .bg_wrap > img { transform:scale(1.2); filter:blur(10px); transition:all 2s cubic-bezier(0.37, 0, 0.63, 1) }
#common_top_container .box1 .wrap .typo_wrap { top:0; left:0; position:absolute; width:100%; padding:0 0 0 190px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:20px }
#common_top_container .box1 .wrap .typo_wrap p:nth-child(1) { opacity:0; transform:translateX(150px); font-size:42px; line-height:1;  color:#fff; transition:all 1.5s cubic-bezier(0.33, 1, 0.68, 1) }
#common_top_container .box1 .wrap .typo_wrap p:nth-child(2) { opacity:0; font-size:18px; line-height:1.6;  color:#fff; transition:all 1s cubic-bezier(0.65, 0, 0.35, 1) }
/* active */
#common_top_container .top_wrap.active .typo_wrap .t1 { opacity:1; transform:translateY(0) }
#common_top_container .top_wrap.active .typo_wrap .t2 { opacity:1; transform:translateY(0) }
#common_top_container .top_wrap.active .top_d3_wrap { opacity:1 }
#common_top_container .box1 .wrap .bg_wrap.active { border-radius:80px }
#common_top_container .box1 .wrap .bg_wrap > img.active { transform:scale(1); filter:blur(0px) }
#common_top_container .box1 .wrap .typo_wrap p:nth-child(1).active { opacity:1; transform:translateX(0) }
#common_top_container .box1 .wrap .typo_wrap p:nth-child(2).active { opacity:1 }
/* box2 */
#common_top_container .box2 { background:#f6e9e1; padding:120px 0 160px 0 }
#common_top_container .box2 .txt_wrap { position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; z-index:1 }
#common_top_container .box2 .txt_wrap .t1 { opacity:0; filter:blur(2px); transform:scale(.5); font-family:'Barlow Semi Condensed'; font-size:9px; line-height:1; letter-spacing:4px; color:#dfcfb5; height:32px; background:#333; padding:0 30px; display:flex; align-items:center; border-radius:16px; overflow:hidden; transition:all 1s cubic-bezier(0.33, 1, 0.68, 1) }
#common_top_container .box2 .txt_wrap .t2 { opacity:0; transform:translateY(100px) scaleX(.95); margin-top:60px; font-family:'nsn_3'; font-size:60px; line-height:1.2; letter-spacing:-2px; color:#333; text-align:center; transition:all 1.2s cubic-bezier(0.33, 1, 0.68, 1) .3s }
#common_top_container .box2 .contentImg { opacity:0; transform:translateY(100px); transition:all 1.2s cubic-bezier(0.33, 1, 0.68, 1) .7s }
/* active */
#common_top_container .box2.active .txt_wrap .t1 { opacity:1; filter:blur(0); transform:scale(1) }
#common_top_container .box2.active .txt_wrap .t2 { opacity:1; transform:translateY(0) scaleX(.95) }
#common_top_container .box2.active .contentImg { opacity:1; transform:translateY(0) }
/* --------------------- cirlce --------------------- */
#common_top_container .logo_circle { transform:scale(0); filter:blur(20px); opacity:.7; bottom:0; left:50%; margin:0 0 0 -122px; position:absolute; width:245px; height:245px; border-radius:50%; overflow:hidden; z-index:1; transition:all 1s cubic-bezier(0.33, 1, 0.68, 1) }
#common_top_container .logo_circle:after { content:''; top:0; left:0; position:absolute; width:100%; height:100%; background:url(/images/common/logo_circle_center.png) no-repeat center center }
#common_top_container .logo_circle .gp1 { top:0; left:0; position:absolute; width:100%; height:100%; background:url(/images/common/logo_circle.png) no-repeat center center/cover;
animation:rotate_img 12s linear infinite; transform-origin:50% 50% }
@keyframes rotate_img { 
	100% { transform:rotate(360deg) } 
}
/* active */
#common_top_container .logo_circle.active { transform:scale(1); filter:blur(0) }

@media only screen and (max-width:1300px) {
#contents { }
#common_top_container { padding:60px 0 122px 0 } /* 60 : mobile top height / 122 : circle height half */
/* box1 */
#common_top_container .box1 { padding:20px 20px 0 20px }
#common_top_container .box1 .wrap .typo_wrap { padding:0 0 0 10% }
/* box2 */
}
@media only screen and (max-width:767px) {
#common_top_container { padding:60px 0 0px 0 } /* 60 : mobile top height / 122 : circle height half */
#common_top_container:before { height:0px }
/* bg */
.common_top_pc { display:none }
.common_top_mobile { display:block }
/* top(ÅؽºÆ®/3Â÷¸Þ´º/½ºÅ©·Ñ¸Þ´º) */
#common_top_container .top_wrap { padding:30px 20px 20px 20px }
#common_top_container .top_wrap .typo_wrap .t1 { font-size:8px; letter-spacing:2px; color:rgba(255,255,255,.4) }
#common_top_container .top_wrap .typo_wrap .t2 { font-size:16px; color:rgba(255,255,255,.4) }
/* 3Â÷¸Þ´º */
#common_top_container .top_wrap .top_d3_wrap { margin-top:25px }
/* box1 */
#common_top_container .box1 { padding:0px 20px 0 20px }
#common_top_container .box1:after { left:0px; width:100%; height:60px }
#common_top_container .box1 .wrap { display:flex; flex-direction:column }
#common_top_container .box1 .wrap .bg_wrap { order:2 }
#common_top_container .box1 .wrap .bg_wrap .titleImg { transform:translateX(-60px); padding:0 40px 20px 0 }
#common_top_container .box1 .wrap .bg_wrap .titleImg > img { width:200px }
#common_top_container .box1 .wrap .typo_wrap { order:1; position:relative; padding:20px 0px 20px 0px; gap:15px }
#common_top_container .box1 .wrap .typo_wrap p:nth-child(1) { transform:translateX(100px); font-size:24px; color:#fff }
#common_top_container .box1 .wrap .typo_wrap p:nth-child(2) { font-size:12px; line-height:1.4; color:#fff }
/* active */
#common_top_container .box1 .wrap .bg_wrap.active { border-radius:var(--br_60_m) }

/* box2 */
#common_top_container .active_pc { display:none }
#common_top_container .box2 { padding:60px 0 100px 0; gap:30px }
#common_top_container .box2 .txt_wrap { padding:0 20px }
#common_top_container .box2 .txt_wrap .t1 { font-size:8px; letter-spacing:3px; height:28px; padding:0 25px; border-radius:14px }
#common_top_container .box2 .txt_wrap .t2 { transform:translateY(60px) scaleX(.95); margin-top:30px; font-size:25px; letter-spacing:-1px }
#common_top_container .box2 .contentImg { transform:translateY(60px) }
/* --------------------- cirlce --------------------- */
#common_top_container .logo_circle { margin:0 0 0 -60px; width:120px; height:120px }
#common_top_container .logo_circle:after { background:url(/images/common/logo_circle_center.png) no-repeat center center/50% }
}