@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1450px){
.boxN1 {width: 100%; max-width: 94%; margin: 0 auto;}
.box1{ width: 92%; max-width: 90%;}
*{ box-sizing: border-box;}
img{max-width: 100%;}
body { overflow-x: hidden;}

}
@media screen and (max-width:1400px){
  .culture_con ul li .inn .tt {font-size:1.1em;}
.culture_con ul li .inn .tt2 {font-size:0.8em}
}


@media screen and (max-width:1300px){

}

@media screen and (max-width:1250px){
.centerN_list4.st2.w3 li {width: 40.8%;}
}

@media screen and (max-width:1200px){
.circleItem .item_wrap .txt {width: 15em;}
}

@media screen and (max-width:1060px){
.con_inner .centerN_list li{ gap: 1.5em;}
.con_inner .centerN_list li .img.h1{ height: 9em;}
}

@media screen and (max-width:1024px){

.dn1024 {display: none;}

.boxN1.phone_100 {max-width: 100%;}

#header.new4 {position: fixed;}
#header.new4 .logoWrap {margin: 1em 0;}
#header.new4 .gnbWrap {display: none;}

#footer .info_wrap {padding: 2em 0 7em 0;}
#footer.new2 .info_wrap .wrapF {flex-wrap: wrap;}
#footer.new2 .info_wrap .info {flex: 1 100%;;}
.sns_st {gap: 1.5vmin;}
#footer.new2 .sns_st > li > a {width: 7vmin; height: 7vmin;}
#footer.new2 .menu_wrap .wrapF {height: 13vmin;}

#quick {flex-direction:unset; width: 100%; gap: unset;}
.scroll #quick {bottom: 0; transform:unset;}
.main.scroll #quick {display: flex;}
html:not(.scroll) .main #quick {transform: unset;}
#quick .wrap {width: 100%; border: unset; border-radius: unset; box-shadow: unset;}
#quick .cs {display: none;}
#quick .goTop {width: 10%; border-radius: unset; box-shadow: unset; height: 5em; display: none;}
#quick .menu {display: flex; align-items: center; justify-content: space-between; background: #fff;}
#quick .menu > li {flex:1; border-right: 1px solid #ddd;}
#quick .menu > li > a {border-top: unset; height: 5em;}
#quick .menu > li > a .t1 {font-size: .55em;}

.main.scroll #header.new4 {background: #fff !important;}
.main.scroll #header.new4 .logoWrap .logo .in{transform:translateY(0%)}
.main.scroll #header.new4 .homeWrap {color: var(--siteC);}
.main.scroll #header.new4 .homeWrap .mem_wrap > li > a{ opacity:1}
.main.scroll #header.new4 .homeWrap .mem_wrap > li > a{ color:var(--siteC)}
.main.scroll #header.new4 .homeWrap .lang_wrap .wrapBtn {background: var(--siteBg1);}
.main.scroll #header.new4 .homeWrap .menu_wrap .all_wrap .wrapBtn {background:var(--siteC); color:var(--siteBg1);}

#contents .sub_nav_wrap .nav > li .gnb li.on .flex {height: 15em; overflow-y: auto;}

.mainNav {display: none;}

.visualSlide_wrap .slogan {bottom: 45%; left: 5%;}
.visualSlideSlogan_wrap {bottom: -62%;}
.mainTopCon {}
.mainInfoWrap {display: block;}
.mainInfoWrap.st1 .wrap {padding: 3.5vmin 3vmin; padding-bottom: 3.5vmin;}
.mainInfoWrap .col {flex-direction: unset; width: 100%; justify-content: space-between !important;}
.mainInfoWrap .callW .wrap2 {padding: 1vmin 2vmin;}
/* .mainInfoWrap .wrapTit .t1 {font-size: 1.125em;} */
.mainInfoWrap.st1 .wrap .callW .wrap2 .tit,
.mainInfoWrap.st1 .wrap .callW .wrap2 .tt {font-size: .96em;}

.treatmentList > li {width: unset; flex: 1 16.6%;}

.main_notice .cont_box {flex-wrap: wrap;}
.main_notice .cont_box .left_tit {width: 100%; display: flex; justify-content: space-between; margin-bottom: 1.5em;}
.main_notice .cont_box .left_tit .btn {display: none;}
.main_notice .cont_box .right_list {width: 100%;}

.cateSlideW {flex-wrap: wrap;}
.cateSlide2 {width: 100%;}
.cateSlide2 .el .in .inner_info .tt {font-size: 1.125em; min-height: 3em;}
.cateSlide1 {width: 100%;}
.cateSlide1 .el.st2 .in .img {height: unset;}
.cateSlide1 .el .in .inner_info .tt2 {min-height: 3em;}

.main_center .cont_box {flex-wrap: wrap;}
.notice_wrap {flex: 1 100%;}
.main_center .right_popup {width: 48%;}
.popSlide_wrap .popSlide .pop_img {height: unset;}

.main_certi {padding: 1.5em 0;}
.memBannerSlider_wrap .inner {justify-content: flex-end; flex-direction: column-reverse;}
.memBannerSlider_wrap .tit_wrap {margin-top: .5em;}
.memBannerSlider {width: 100%;}

.centerN_list6 li {flex: 1 48%;}
.centerN_list5 li .tx {height:stretch; padding:1em;}

.circleItem:before { display: none; } 
.circleItem { padding-bottom: 0em !important; height: 100% !important; } 
.circleItem.resize .re { position: unset; } 
.circleItem_wrap { width: auto; max-width: 94%; padding: 0em; } 
.circleItem .item_wrap { padding-top: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #cdcdcd24; } 
.circleItem .item_wrap:first-of-type { padding-top: 0em; } 
.circleItem .item_wrap:last-of-type { padding-bottom: 0em; border-bottom: 0px; } 
.circleItem .item_wrap.item04, 
.circleItem .item_wrap.item05, 
.circleItem .item_wrap.item06 { flex-flow: unset; text-align: left; } 

.circleItem .item_wrap.item01,
.circleItem .item_wrap.item02,
.circleItem .item_wrap.item03,
.circleItem .item_wrap.item04,
.circleItem .item_wrap.item05,
.circleItem .item_wrap.item06 { left: 0%; top: 0%; position:relative; transform: translate(0%); margin-left: 0em; margin-bottom: 0em; margin-top: 0em; margin-right: 0em;  flex-flow: unset; text-align: left; } 

.circleItem .item_wrap .txt {width: 100%;}

.centerN_list li .img.w4{width: 100%;}

}

@media screen and (max-width:925px){
.db925 {display: block;}
.centerN_table .td.wAgency {flex: 0 0 6em;}
.centerN_table .td.al {padding:1em 2em 1em 1em;}
.board_st.stN td, 
.board_st.stN th {font-size: .8em;}

.centerN_list4.st2.w3 li {width: 39.8%;}

.circleItem .item_wrap .icon .in {width: 5em; height: 5em;}
}

@media screen and (max-width:768px){
.mainTreatment .tabW .tab .li {font-size: 1.125em;}
.treatmentList > li {flex: 1 20%;}
.treatmentList > li > a .t1 {font-size: 1em;}

.sub_centerN_intro .wrapBg {display: none;}
.sub_centerN_intro .wrapCon {width: 100%;}

.centerN_con .title_box .t1 {font-size: 1.3em;}
.centerN_con .title_box .t2 {font-size: 1em;}

.centerN_list li {flex-wrap: wrap; gap: 1.5em;}
.centerN_list li .img,
.centerN_list li .img.h1 {height: unset;}
.centerN_list li .img,
.centerN_list li .img img {width: 100%;}
.centerN_list li .tbox .tt2 {font-size:0.9em;}

.centerN_list2 {gap: 1.5em;}
.centerN_list2 li,
.centerN_list2.w2 li {flex: 1 100%;}
.centerN_list2 li .tbox .tt {min-height: 3.5em;}
.centerN_list2 li .tbox.st2 {min-height: unset;}

.centerN_list3 {flex-wrap: wrap;}
.centerN_list3 li {flex: 1 100%;}
.centerN_list3 li .tx,
.centerN_list3 li .tx.h2 {min-height: unset;} 


.centerN_list4 li {flex: 1 100%;}
.centerN_list4.st2.w3 li {width: 37.8%;}

.centerN_list5 {flex-wrap: wrap;}
.centerN_list5 li {flex: 1 49%; border-right: 1px solid #ddd; height:stretch;}
.centerN_list5 li .ti {font-size: 1em;  height: 5em;}
.centerN_list5 li .board_btn_wrap {width: 95%; margin: 0 auto;}

.board_btn_wrap .input_st {width: 100%; margin: unset !important; font-size: .8em;}

/* 성장클리닉센터 */
.majar_col{ margin-bottom: 2em;}
.majar_col .img_box{display: none;}
.majar_col .fTbox{ width: 100%;}

.majar_col .txt .t1{ font-size: 1.4rem; font-weight: 500;}
.majar_col .page_txt .tt{ font-weight: 400;}

.sub_tt.dot3{ font-size: 1.3em; }

.centerN_List6{ flex-wrap: wrap;}
.centerN_List6 li{ width: calc((100% - 3em) / 5);}
.centerN_List6 li:nth-child(4){ border-right: none;}

.page_Cover.hAuto{ padding: 0;}
.page_Cover .centerN_title .t1{ font-size: 0.85em;}
.page_Cover .cover_bg{ background-position: right;}
.page_Cover .centerN_title{ /* padding: 3em; margin: 0 2em; */}
.page_Cover .centerN_title .t1 span br{display: none;}

.growth_table th, .growth_table td{ font-size: 15px;}

.con_inner .centerN_list li .img{ width: calc((100% - 2em) / 2) !important;}

.centerN_list li .img.st2{width: 100%; height:auto;}


.growth_table th {width:6em;}
.dot0 {margin:0; padding:0; font-size:0.85em;}
}

@media screen and (max-width:690px){
.centerN_list4.st2.w3 li {width: 100%;}
.centerN_list4.st2.w3 li.plus {margin: 0 auto;}
}

@media screen and (max-width:600px){

}

@media screen and (max-width:550px){

.dn550 {display: none !important;}
.db550 {display: block !important;}

#header.new4 .homeWrap .wrapF {display: block;}
#header.new4 .sns_wrap {display: none;}
#header.new4 .homeWrap .etc_wrap {justify-content: space-between;}
#header.new4 .homeWrap .lang_wrap {display: none;}

#header.new4 .all_wrap .langList {display:flex; background: #f4f4f4; padding: .5em; margin-bottom: .5em;}
#header.new4 .all_wrap .langList li {flex: 1; text-align: center;}
#header.new4 .all_wrap .langList li a {display: block;}
#header.new4 .all_wrap .langList li a img {width: 3em;}
#header.new4 .all_wrap .langList li a .tt {display: block; margin-top: .5em; font-weight: 500;}

#header.new4 .all_wrap .sns_wrap {display: block; padding: 1em 0;}
#header.new4 .all_wrap .sns_wrap .tit {display: none;}
#header.new4 .all_wrap .sns_wrap .sns_st > li > a {width: 3em; height: 3em;}
/* .visualSlide_wrap .slogan {bottom: 13%; width: 90%;} */

}

@media screen and (max-width:500px){

#header.new4 {--headerH2: 8vmin;}
#header.new4 .homeWrap .lang_wrap .wrapBtn .menu_tx {display: none;}
#header.new4 .logoWrap .logo > a {height: 8vmin;}
#header .menu_wrap .all_wrap .all .gnb > li .dp1 .va {font-size: 1.05em;}

#footer.new2 .sns_st > li > a {width: 10vmin; height: 10vmin;}

.visualSlideSlogan_wrap {bottom: -68%;}
.visualSlide_wrap .slogan .t1 {font-size: 2.2em;}
.visualSlide_wrap .slogan .t2 {font-size: 1.05em;}

.mainInfoWrap.st1 .wrap {padding: 5.5vmin 3vmin; padding-bottom: 5.5vmin;}
.mainInfoWrap .wrapTit .t1 {font-size: 1.125em;}
.mainInfoWrap .wrapBtn .st {font-size: .9em; padding: 1vmin 2vmin;}

.mainTreatment .tabW .tab {--mainTreatmentTabW:28vmin; height: 13vmin; font-size: .9em;}
.mainTreatment .tabW .tab .li {font-size: 1.05em;}
.treatmentList > li {flex: 1 24%; padding-bottom: .2em;}
.treatmentList > li > a {box-shadow: 0px .2em 0px 0px rgba(0,0,0,.1);}
.treatmentList > li > a .t1 {font-size: .9em;}

.main_notice .cont_box .left_tit {display: block;}
.main_notice .cont_box .left_tit .t1 {font-size: 2em;}
.main_notice .cont_box .left_tit .t2 {font-size: .96em; margin-top: 1em;}
.main_notice .cont_box .left_tit .btn {margin-top: 1.5em;}
.cateSlide2 .el .in {padding: 3em 1em 2em;}
.cateSlide2 .el .in .inner_info .tt {font-size: 1em;}
.cateSlide1 .el .in .inner_info .tt2 {font-size: .8em;}
.cateSlide2 .el .in .cate,
.cateSlide1 .el .in .cate {font-size: .8em;}

.notice_wrap .notice_top {padding: 1em 1.5em;}
.notice_wrap .notice_top .main_tab>li {font-size: 1em;}
.notice_wrap .notice_list {padding: 1em 1.5em;}
.notice_wrap .notice_list .list_btm .btm_list>li>a>.tit {font-size: .9em; width: 100%;}
.notice_wrap .notice_list .list_btm .btm_list>li>a>.date {font-size: .86em; display: none;}

.main_center .right_popup {width: 100%;}
.pop_wrap .pop_top>.tit {font-size: 1em;}

.memBannerSlider_wrap .inner {gap:0em 1em;}
.swiperBtn {width: 2em; height: 2em;}

/*  */

.sub_tt.dot2 {font-size: .9em; margin-left: .5em;}
.sub_tt.dot2:before {width: 4px; height: 4px; top: 9px;}
.sub_tt.dot2:first-of-type:before {top: 9px;}

.sub_centerN_intro .wrapCon .t1 {font-size: 1.35em;}
.sub_centerN_intro .wrapCon .t3 {font-size: 0.85em;}
.sub_centerN_intro .wrapCon .t2 {font-size: 0.9em;}
.centerN_list li .tbox .ti {font-size: 1.0em;}
.centerN_list li .tbox .tt {font-size: .75em;}

.centerN_list3 li .ti {font-size: 1em;}
.centerN_list3 li .tx {font-size: .9em;}

.board_btn_wrap {flex-wrap: wrap; gap: 1em;}
.board_btn_wrap .input_st {width: 100%; margin: unset !important; font-size: .8em;}

.centerN_list li .tbox .tt {width: 100%;}

.centerN_list3 li {padding: 1.5em;}

.centerN_list4.w2 li {flex: 1 100%;}
.centerN_list4.st2 {flex-direction:column; }
.centerN_list4.st2.w3 li.plus {width:auto;}
.centerN_list4.st2 li .tx {font-size: .9em;}

.centerN_list5 li {flex: 1 100%; border-right: unset;}
.centerN_list5 li .ti {height:auto;}

.centerN_list6 li {flex: 1 100%;}
.centerN_list6 li .tt {margin-bottom: 1em;}

.centerN_list7 {flex-wrap: wrap; gap: 1em;}
.centerN_list7 li {border: 1px solid #ddd; flex: 1 100%;}
.centerN_list7 li .in {display: flex; justify-content: flex-start; align-items: center; gap: 1em;}
.centerN_list7 li .in .ts_icon {margin: unset; width: 50px; height: 50px; flex-shrink: 0;}
.centerN_list7 li .in .ts_icon img {width: 1.5em;}
.centerN_list7 li .in .tt {font-size: .67em;}
.centerN_list7 li .in .ts_tt{font-size: .926em; text-align: left;}
.centerN_list7 li .in:before{top: 50%; transform: translateY(-50%);}

.centerN_minCon2 .tit2 {font-size: .96em;}

.centerN_table .td {font-size: .96em;}

/* 성장클리닉센터 */
.centerN_List6 li{ width: calc((100% - 2em) / 2); border-right: 1px solid #d9d9d9; padding-right: 1em;}
.centerN_List6 li:nth-child(2),.centerN_List6 li:nth-child(6){ border-right: none; padding-right: 0;}
.page_Cover .centerN_title{ /* padding: 1em; */}
.page_Cover .centerN_title .t1{ font-weight: 400;}
.page_Cover .bg_rnd3::before{ background: linear-gradient(to right, #193988, #348AC7);}

.sub_centerN_con .wrapTit .t1{font-size: 1.25em;}

.input_st.w1{width: 100%;}
.label_select select{width: 100%;}

/**/
.ceo_tw{ margin-bottom:2em;}
.ceo_tw .t1{ font-size:1.25em;}
.sub_tbox .tx_tt{font-size:1.2em;}

.growth_table .sub_tt {padding:1em; width:4em;}

#contents .subTab .gnb .dp3 > li > a .va {font-size:0.85em;}
.care_btn a {font-size:0.85em;}

}


@media screen and(max-width:450px){
  .con_inner .centerN_list li .img.h1{ height: 8em;}

}

@media screen and (max-width:425px){

#header .menu_wrap .all_wrap .all {font-size: .9em;}
#header .menu_wrap .all_wrap .all .all_top {padding: 2em 0 2em 0;}
#header.new4 .menu_wrap .all_wrap .all .all_top .logo > a img {height: 2em;}
#header .menu_wrap .all_wrap .all .gnb > li .dp1 {width: 100%;}
#header .menu_wrap .all_wrap .all .gnb > li .dp2{width: 100%; border: 1px solid #ddd;}

#quick .menu > li > a .t1 {font-size: .7em;}

.visualSlide_wrap .slogan .t1 {font-size: 1.8em;}
.visualSlide_wrap .slogan .t2 {font-size: 1em;}

.treatmentList > li > a .t1 {font-size: .8em;}

.main_notice .cont_box .left_tit .t1 {font-size: 1.8em;}
.main_notice .cont_box .left_tit .t2 {font-size: .9em;}

.cateSlide2 .el .in .cate, 
.cateSlide1 .el .in .cate {font-size: .6em; padding: .3em .8em;}
.cateSlide2 .el {width: 100%;}
.cateSlide2 .el .in {padding: 2.5em 1em 1.5em;}
.cateSlide2 .el .in .inner_info .data {font-size: .86em;}

.memBannerSlider .el .tt {font-size: .76em;}

/*  */
.sub_tabN .list li > a {padding: .7em;}

.sub_tt.dot2 {font-size: .8em;}
.sub_tt.dot3 {font-size: 1.125em;}
.sub_tt.dot3:before {width: 9px; height: 12px;}
.sub_tt.t1 {font-size: .86em;}

.sub_centerN_intro .wrapCon .t1 {font-size: 1.4em;}
.sub_centerN_intro .wrapCon .t2,
.sub_centerN_intro .wrapCon .t3 {font-size: .96em;}

.centerN_con {padding: 3em 0;}
.centerN_con .title_box {margin-bottom: 1.5em;}
.centerN_con .title_box .t1 {font-size: 1.19em;}
.centerN_con .title_box .t1 br{display: none;}

.centerN_list li .tbox .ti {font-size: 1.1em;}
.centerN_list li .tbox .tt {font-size: .9em;}
.centerN_list li .tbox .tt2 {font-size: .86em;}

.centerN_list2 li {padding: 1em;}
.centerN_list2 li .ti {font-size: 0.9em; padding: .5em; border-radius: 0.5em;}
.centerN_list2 li .tbox {width: 95%;}
.centerN_list2 li .tbox .tt {font-size: .85em; margin-top: 1em;}
.centerN_list2 li .tbox .tt2 {font-size: 0.85em;}

.centerN_list3 li .ti {font-size: 1.125em; margin: .5em 0;}
.centerN_list3 li .ti2 {font-size: .9em;}

.centerN_list4.st3 li .tx,
.centerN_list4 li .ti {font-size: .9em;}
.centerN_list4.st2 li .ti {font-size: 1em;}

.centerN_list5 li .ti {font-size: .96em; padding: .7em 0;}

.centerN_list6 li .icon {width: 4em; height: 4em;}
.centerN_list6 li .tt {font-size: .9em;}

.centerN_table .td {font-size: .9em;}

.centerN_minCon2 {padding: 2em 1em;}
.centerN_minCon2 .tit {font-size: 1.25em;}
.centerN_minCon2 .tit2 {font-size: .86em;}

.circleItem .item_wrap .icon .in {width: 2em; height: 2em;}
.circleItem .item_wrap .icon .in > i {font-size:1em;}
.circleItem .item_wrap {gap:.5em;}
.circleItem .item_wrap .txt .t1 {font-size: 1em;}
.circleItem .item_wrap .txt .t2 {font-size: .8em;}

/*  */
.centerN_list3 li .tx br{display: none;}



}

@media screen and (max-width:375px){
#contents .subTit .gnb ul > li.on > a .va{ font-size: 1.8em;}

.sub_centerN_intro .wrapCon .t1{ font-size: 1.2em;}
.sub_centerN_intro .wrapCon .t2{ font-size: .9em;}

.visualSlide_wrap .slogan .t1 {font-size: 1.7em;}
.mainInfoWrap.st1 .wrap {padding: 4.5vmin 3vmin; padding-bottom: 4.5vmin;}
.mainInfoWrap .wrapTit {gap: 1vmin;}
.mainInfoWrap .wrapTit .t1 {font-size: 1.05em;}
.mainInfoWrap .wrapTit .t2 {font-size: 1.25em;}
.mainInfoWrap.st1 .wrap .callW .wrap2 .tit, 
.mainInfoWrap.st1 .wrap .callW .wrap2 .tt {font-size: .813em;}

/* 성장 클리닉센터 */
.majar_col .txt .t1{ font-size: 1.2rem;}
.majar_col .page_txt .tt{ font-size: 14px;}

.con_inner .centerN_list li .img{ width: 100% !important;/*  margin: 0 3em; */}
.centerN_list li .img.brL span.st5{ font-size: .8em;}

.growth_table th{ width: 6em; font-weight: 500;}
.growth_table td{ padding: 1em 1.5em;}
.growth_table th, .growth_table td{ font-size: 14px;}


#quick .menu{ flex-wrap: wrap;}
#quick .menu > li{ padding: 1em; border-bottom: 1px solid #ddd;}
#quick .menu > li > a{ width: 3em;}

.centerN_list7 li .in .ts_tt {font-size:.75em;}

/* #footer .info_wrap{ margin-bottom: 10em;} */
}
@media screen and (max-width:290px) {

}

@media screen and (max-height:780px){
  .visualSlide_wrap .slogan {bottom: 46%;}
}
@media screen and (max-height:735px){
  .visualSlide_wrap .slogan {bottom: 50%;}
}
@media screen and (max-height:700px){
.mainInfoWrap.st1 .wrap {padding: 4.5vmin 3vmin; padding-bottom: 4.5vmin;}
}
@media screen and (max-height:570px){
.mainInfoWrap.st1 .wrap {padding: 4.5vmin 3vmin; padding-bottom: 4.5vmin;}
}
@media all and (orientation:landscape){

}