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

body{}

.PC{ display:none !important}
.PHONE{ display:block !important}

@media screen and (max-width:1400px){
.mainVod .layer .main_g{ top:1em;}
.mainVod .layer .main_g img{ width:75px; height:auto;}

.img_box > li{width:31%;}

#header.new2 .logoWrap .gnb_wrap .gnb > li .dp1 .va{font-size: 1em;}

}


@media screen and (max-width:1300px){
.mainVod .layer .main_g img{ width:60px; height:auto;}
}

@media screen and (max-width:1250px){
.box1{ width:1200px; margin:0 auto; max-width:95%;}	
.mainCon{ margin:0 0 0 -1em}
.mainCon > li .in{ margin:2em 0 0 1em;}
.mainCon > li .in .resize .re{ padding:2em 1.7em; }
.mainCon > li .in .t1{ font-size:1.5em;}
}

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

/**/
#contents .sub_nav_wrap .nav > li.tt > a{ min-width:8.5em;}

/**/
.page_ceoWrap .page_ceoT .img_wrap .inner{ margin-left:1.5em;}
.page_ceoWrap .left .inner{ margin-left:1.5em;}
.page_ceoWrap .page_ceoB .txt_wrap .inner{ padding-left:0;}
.page_ceoWrap .right,
.page_ceoWrap .left{ width:50%;}
.page_ceoW{ width:100%;}


/**/
.culture_con ul{ margin-left:-15px;}
.culture_con ul li .inn{ height:220px; margin-left:15px;}
.culture_con ul li .inn .t_w{ height:10em; margin:170px 10px 0 10px;}

/**/
.recruit_bw_list > li .in:before{left:-18%;}

/**/
.sub_tbox .in_txt{ margin-top:1em !important;}
.center_tbox .tw_01 br{ display:none;}

/**/
.mainCon_wrap{ margin-top:-9em;}
.mainCon > li .in .flex > .t2{ width:40%;}
.mainCon > li .in .flex > .t2.t3{ width:60%;}

.mainVod .layer .slogan .t1{ margin-top:40px;}
}

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

.mainCon > li.w2 .in .resize {padding-bottom:10%}

#header.new2 .logoWrap .wrapF{ justify-content: space-between;}
#header.new2 .logoWrap .gnb_wrap{display: none;}


}

@media screen and (max-width:1024px){
  .box4 {width: 100%; max-width: 85%;}
  
  #popupzone .popWrap {padding-bottom: 3vh; align-items: start; overflow-y: scroll;}
  /* #popupzone .popWrap .popup {overflow-y: scroll; height: 70vh;} */
  #header .top_bannerSlider .bannerSlider .el, 
  #header .top_bannerSlider .bannerSlider .el .bg {height: 3em; background-size: cover;}
  #popupzone .con_box {margin-bottom: 7em;}
  /* #popupzone .todayChk {position: relative;} */
  #header .top_bannerSlider .todayChk .close_btn {width: 4em;}
  #popupzone .pop-layout {flex-direction: column;}
  #popupzone .pop-layout .left .swiper-container {height: auto;}
  #popupzone .pop-layout .right .right-inner {height: auto;}
  #popupzone .pop-layout .right .right-inner .swiper-container {height: auto;}
  /* #popupzone .pop-layout {flex-direction: column;} */
  #popupzone .pop-layout .left {flex: 1; max-width: 100%;}
  #popupzone .pop-layout .right {flex: 1; max-width: 100%;}
  #popupzone .pop-layout .right .right-inner .fixed-pop {height: auto;}
  
  #popupzone .pop-layout .control-wrap .pop-title-wrap > h5 {font-size: 1.063em;}
  .mainPipeline_area .mV_pagination {margin-right: 0;}
  .mainPipeline_area .zonebtn {margin-right: 0; font-size: 1.063em;}
  .mainPipeline_area .zonebtn .swiper-pagination-current,
  .mainPipeline_area .mV_pagination .swiper-pagination-current {font-size: 1.125em;}
  /* 500px */
  .sliderBtnSt .xi,
  .sliderBtnSt.pause .xi {font-size: 1.125em;}
  .sliderBtnSt {width: 1.52em; height: 1.52em; border-radius: 5px;}

/**/
#header .top_wrap .mem_wrap > li > a{ padding:1em .5em;}
#header .top_wrap .language{ margin-left:.5em;}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li{ padding:0 .7em;}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 0;}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ padding-right:0;}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va:after{right:-15px;}

#footer .menu_wrap .menu > li > a{ padding:.7em 1em;}

/**/
.mainVod .layer .slogan .t2{ margin:1em 0 6em 0; font-size: 1em;}
.mainCon_wrap{ margin-top:-8em;}
.mainCon > li .in .resize .re{ padding:1.5em 1.2em;}
.mainCon > li .in .t1{ font-size:1.25em;}
.mainCon > li .in .flex > .t2{ font-size:.938em;}
.mainCon > li .in .flex > .t2.t3{ font-size:.875em;}

/**/
.page_ceoWrap .page_ceoT .img_wrap .inner{ margin-left:0; margin-right:30px;}
.page_ceoWrap .left .inner{ margin-left:0;}
.page_ceoWrap .page_ceoB .txt_wrap .inner,
.page_ceoWrap .page_ceoT .txt_wrap .inner{ padding-top:0; padding-bottom:0;}
.page_ceoWrap .page_ceoB{ padding:3em 0 5em;}

/**/
.recruit_bw_list > li .in:before{left:-22%;}

/**/
.memo_st.st1 .memo_tt br{ display:none;}
.page_in_con { padding:2em 1.5em;}

/**/
.sec4_con_Wrap .sec4_con li{ width:33.33%; margin-left:0;}
.sec4_con_Wrap .sec4_con li .in{ margin-left:20px; margin-bottom:20px;}
.sec4_con_Wrap .sec4_con li:before{ display:none;}

/**/
.sub_tbox .in_txt{ margin-top:0 !important;}
.ts_list.st2{ margin-right:-10px;}
.ts_list.st2 li .in{ margin-right:10px;}
.ts_list.st2 li .in .ts_tt{ font-size:1.125em;}
.ts_list.st2 li .in:before{ display:none;}

.midd.st2 ul li{width:100% !important; margin-bottom:5px;}
.midd.st2 ul li strong{width:45%; margin-left:0; padding:18px 22px 0 22px !important;}

.sf_01 > li{ width:50% !important;}

.dp1_center.dp2_0009 .sub_tbox{display:flex; flex-direction:column}
.dp1_center.dp2_0009 .sub_tbox .tx_tt br{display:none;}
.dp1_center.dp2_0009 .sub_tbox .in_txt{width:100%; padding-left:0; margin-top:1.125em !Important;}
.dp1_center.dp2_0009 .sub_tbox .in_tx{width:100%;}
.ps3{margin-top:3em;}

.mainVod{padding-bottom: 45%;}
.mainVod .layer .slogan .t1{font-size: 1.75em; margin-top: 70px;}

/*  */
.hours_wrap{flex-direction: column;}
.hours_wrap .map_wrap,
.hours_wrap .hours_info{width: 100%;}
.hours_wrap .hours_info .top{margin-top: 0;}

/*  */
.subTreatment .treatmentList{--treatmentListL: 3;}
.treatmentList > li > a .ico img{height: 80%;}

.page_ceoWrap .box1{flex-direction: column; gap: 2em;}
.page_ceoWrap .right,
.page_ceoWrap .left{width: 100%;}

/*  */
.map_con .map_tit .t1{display: flex; flex-direction: column; align-items: flex-end; text-align: right; font-size: .81em;}


}

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

.fixed_w {overflow-x:scroll;}
.fixed_w .fixed {width:1000px !important; table-layout:fixed; margin-bottom:0;}

#header .top_wrap {width:calc(100% - 4.5em);}
#header .top_wrap .left{ display:none;}
#header .top_wrap .right{ width:70%;}
#header .menu_wrap .gnb_wrap{ display:none;}
#header .menu_wrap{ top:50%; left:0; width:100%;}
#header .menu_wrap .all_wrap .wrapBtn{ float:right; border:1px solid #eee; width:3.75em;}

/**/
.mainVod_wrap .vod_btn .btn{ padding:.5em;}
.mainCon_wrap{ margin-top:0;}
.mainCon > li{width:50%;}
.mainCon > li .in .resize{ padding-bottom:60%;}
.mainCon > li.w1{ width:100%;}
.mainCon > li.w1 .in .resize{ padding-bottom:35%;}
.mainCon > li.w1.st2{ width:50%;}
.mainCon > li.w1.st2 .in .resize{ padding-bottom:60%;}
.mainCon > li.w3{width:100%;}
.mainCon > li.w3 .in .resize{ padding-bottom:30%;}
.main_tit{ font-size:1.8em;}
.mainCon > li .in.in_03 .flex > .t2,
.mainCon > li .in.in_03 .flex > .t3{ font-size:.938em; line-height:1.6;}

.mainCon > li.w2 .in .resize {padding-bottom:11%;}
.mainCon > li.w2 .in .resize .re {padding:1em 2em}
.mainCon > li.w2 .in .w2_time .t2 {margin-left:1em; font-size:.938em;}

/**/
#contents .subTit .gnb ul > li.on > a .va{ font-size:2em;}
#contents .sub_nav_wrap{ border-bottom:none;}
#contents .sub_nav_wrap .nav{ width:100%;}
#contents .sub_nav_wrap .nav > li.home{ }
#contents .sub_nav_wrap .nav > li.dp3on{ display:none;}
#contents .sub_nav_wrap .utility{width:100%; padding:.5em 2.5%;/*  background:#fff; */ border-top:1px solid #ddd;}
#contents .sub_nav_wrap .box1{max-width:100%;}

.mainCon > li .in:hover:after{display:none;}

/**/
.page_cover .cover_title .t1{ font-size:1.5em;}
.sub_tw.st.motto:before{ font-size:2.5em;}
.sub_ci_bg{ padding:2em 0 5em;}
.page_ceoW.ci_st .page_ceoWrap .page_ceoT .txt_wrap .inner{ padding-top:0;}
.company_b .culture_con .di_wrap > li{ width:100% !important; margin-bottom:3em;}
.culture_con ul li .inn{ margin-right:50%;}
.culture_con ul li .inn .t_w{ margin:0; margin-left:85%; margin-right:-50%; margin-top:15%; height:auto; width:100%; padding:50px 10px;}
.page_ceoWrap.st2 .page_ceoT .left{width:100%; text-align:center}
.page_ceoWrap.st2 .page_ceoT .right{ width:100%;}
.page_ceoWrap.st2 .page_ceoT .img_wrap .inner{ margin-right:0; margin-bottom:0;}

.memo_st.st1 .memo_tt{ font-size:1.25em;}
.vision_list li{ width:50% !important;}
.inst_list li .in .in_tx br{ display:none;}

.recruit_bw_list{ margin:30px -10px -10px 0;}
.recruit_bw_list > li .in{ margin:0 10px 10px 0;}
.recruit_bw_list > li .in:before{ display:none;}

.ts_list > li{ width:50% !important;}

.page_ex_box > .inner.icon{flex:1.5;}

.sub_search .grow{ flex:0 1 50%;}

.sub_tbox .crt_list > li{ padding:1.5em 1em;}
.sub_tbox .crt_list > li .i_t{ font-size:1.068em;}


/**/
.join_select > li > a .t1{ font-size:1.35em;}
.join_select > li > a .more{ margin-top:2em;}
.join_select{ margin:-2em 0 0 -1em; padding:0;}
.join_select > li > a{ padding:2em 1em; margin:2em 0 0 1em;}

.recruit_con{ padding:1.5em .5em;}
.response.board_table.recruit_st{border-top:none;}
.response thead{ display:none;}
.response tr{ display:block; position:relative; z-index:inherit; margin-top:1em;}

.response colgroup{ display:none}
.response th,
.response td{ height:auto;}
.response th{ display:none }
.response th.d_st{ display:block;}
.response .d_none{ display:none;}
.response td{ display:block; width:100% !important; padding-left:28% !important; position:relative; z-index:inherit; text-align:left !important; padding-top:5px; padding-bottom:5px; box-sizing:border-box;}
.response td:before{ width:25%; background:#f5f5f5; position:absolute; z-index:inherit; left:0; top:0; height:100%; content : attr(data-th); text-align:center !important; box-sizing:border-box; padding-top:13px;}
.response .photo_group > .photo .resize{ padding-bottom:35%;}
.response.board_table .in_table_wrap{ padding:0 0 0 28% !important}
.recruit_sign_w{ padding:2em 1em;}

.page_ceoWrap.st2.st3 .page_ceoT .txt_wrap .inner{ padding-top:3em;}
.page_ceoWrap.st2  .txt_wrap .txt br{ display:block;}
.page_ceoWrap.st2 .page_ceoT .txt_wrap .txt .f_st01{ font-size:1.25em;}

.mainVod .layer .slogan .t1{ margin-top:100px;}

.memo_st.st1.covid1_St .memo_tt {font-size:1.3em;}

#contents .subTit .gnb ul > li.next,
#contents .subTit .gnb ul > li.prev{ display:none;}

}


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

.PC{ display:none !important}
.PHONE{ display:block !important}
.fixed_w .fixed2 {width:850px !important; table-layout:fixed; margin-bottom:0;}

/**/
#header .top_wrap .mainLogo{ text-align:center;}
#header .top_wrap .mainLogo > a{ display:inline-block; padding:1.3em 0;}
#header .top_wrap .mainLogo > a img{ width:170px; height:auto;}
#header .top_wrap .mem_wrap{ display:none;}
#header .top_wrap .right{ width:auto;}
#header .top_wrap .language{ margin-left:0; font-size:.75em;}


#footer .info_wrap{ padding:2em 0 3em 0}
#footer .info_wrap .info{ flex:none; margin-left:0; margin-top:1em; width:100%; display:block;}
#footer .info_wrap .info > li{ display:block; margin-right:0;}

/**/

#contents .subTit .gnb ul > li.on{ width:100%;}
#contents .subTab .gnb .dp3 > li{flex:50%;}
/* #contents .subTab .gnb .dp3 > li > a{ height:1.7em;} */
#contents .sub_nav_wrap .nav > li.tt > a > i:not(.xi) {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/**/
.mainVod .layer .slogan .t1{ font-size:1.5em; text-align:center; margin-top:0;}
.mainVod .layer .main_g img{ width:45px; height:auto;}
.mainVod .layer .slogan .t2{text-align:center;}
.mainVod_wrap .vod_btn{top:1em; right:1em;}
.close{ font-size:16px !important;}
.mainCon > li:nth-child(4){ width: 100%; }
.main .mainCon > li:nth-child(4) .in .resize{padding-bottom: 40%;}
.mainCon > li .in .t2{ line-height:1.5}
.mainCon > li .in .flex > .t2{width:100%;}
.mainCon > li .in .flex > .t2.t3{width:70%;}
.mainCon > li .in.st3 .t1{ font-size:1.8em; margin-top:1em;}
.mainCon > li .in .resize{ padding-bottom:65%;}
.main .mainCon > li .in .resize{ padding-bottom:65%;}
.mainCon > li .in .resize .re{ padding:1em 1.5em;}
.mainCon > li .in .qr{ bottom:.5em; right:.5em;}
.mainCon > li.w2 .in .resize{ padding-bottom:11%;}
.mainCon > li.w2 .in .resize .re{ padding:1em 1.5em;}
.mainCon > li.w2 .in .w2_time .t2{ margin-left:1em;}
.mainCon > li.w3 .in .resize{ padding-bottom:40%;}
.mainCon > li.w1.st2 .in .resize{ padding-bottom:65%;}
.partnerSlider_wrap > .flex{ display:block;}
.partnerSlider_wrap .tit_wrap{width:100%; text-align:center; margin-bottom:.5em;}
.partnerSlider_wrap .con_wrap{ width:100%;}
.partnerSlider_wrap .partnerControl{ margin-top:0; float:right;}

.mainCon > li.w2 .in .resize .re {padding:1em;}
.mainCon > li .in .t1 {font-size:1em;}

/**/
.page_ceoWrap{ margin-top:0;}	
.page_ceoWrap .page_ceoT .img_wrap .inner{ text-align:center; margin-bottom:3em; margin-right:0;}
.page_ceoWrap .right, 
.page_ceoWrap .left{ width:100%;}
.page_ceoWrap .right .inner .img{ display:none;}
.page_ceoWrap.bg{ background:#fff; margin-top:0;}
.page_ceoWrap .page_ceoB{ padding: 0 0 5em;}
.page_ceoWrap .txt_wrap .txt br{ display:none;}

/**/
.sub_Top_tit{ margin-bottom:3em;}
.sub_Top_tit .t1 span{ font-size:2em;}
.sec3_con > li .wrap_in.flex{ display:block;}
.sec3_con > li .wrap_in .wrap_img{ height:200px;}
.sec3_con > li .wrap_in .wrap_con .in{ padding:2em 0;}
.culture_con ul{ margin-left:0;}
.culture_con ul li .inn{ margin-left:0; margin-right:45%;}
.culture_con ul li .inn .t_w{margin-left:80%; width:100%; margin-top:20%;}

/**/
.history_wrap:before, .history_wrap .lineAni,
.history_wrap .lineAni:before, .history_wrap:after{ left:5%;}
.history_wrap .history > li .list{width:100%; margin-left:2em;}
.history_wrap .history > li .year.flex{ display:block; width:100%;}
.history_wrap .history > li .year .tt:before{ display:none;}
.history_wrap .history > li .year .wrap_in{ width:100%; text-align:left; margin-left:2em;}

.history_wrap .history > li:nth-child(2n) .year{width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li:nth-child(2n) .list{order:inherit;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-start}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail{ order: inherit;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ right:auto; left:0}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r{ text-align:left !important;}

/**/
.vision_in .vision_list li .nmb{ font-size:1.8em;}
.page_txt_wrap.flex > .flex_w2 .tt{ font-size:1.125em;}
.inst_list li{ width:100% !important; margin-bottom:15px;}
.inst_list li .in{ text-align:left;}
.inst_list li .in:after{ content:''; display:block; clear:both; width:0; height:0;}
.inst_list li .in .icon{ margin:0; float:left;}
.inst_list li .in .inst_tbox{ float:right; width:calc(100% - 65px);}
.inst_list li .in .in_tt,
.inst_list li:nth-child(2) .in .in_tt{ min-height:auto; line-height:1; margin:5px 0;}
.inst_list li .in .in_tt br{ display:none;}
.inst_list li .in .md_bar{ display:none;}
.midd ul li{width:100% !important; margin-bottom:5px;}
.midd ul li strong{width:45%; margin-left:0; padding:18px 22px 0 22px !important;}
.midd.st2 ul li strong{ width:68%;}
.vision_list.flex > li{flex:100%;}

/**/
.recruit_bw_list > li{ width:50%;}
.page_num_list > li > .group{ padding:0;}
.page_num_list > li > .group > .tt{ margin-left:3em;}
.memo_st{ padding:2em 1.5em;}
.center_tbox .tt_01{ font-size:1.6em; margin-bottom:20px;}
.center_tbox .tw_01{ font-size:1em;}
.history_bgw .line_wrap{ height:8.5em;}
.load .history_bgw .line_wrap{ margin:1em;}
.history_bgw .txt_wrap .kr{ font-size:1.5em;}
.page_ex_box{flex-direction:column;}
.page_ex_box > .inner.icon{flex:2.3;}
.page_tit .t1{ font-size:1.35em;}
.page_tit_Wrap.flex{ display:block;}
.sub_tbox .in_img{width:100%; margin-bottom:1em;}
.sub_tbox .in_txt{width:100%; padding-left:0;}
.sub_tbox .in_img.st2{ display:none}
.sub_tbox .in_txt.st2{ width:100%; padding-left:0;}
.sub_tbox .cn_list.st2 li{width:100% !important; margin-bottom:15px}
.sub_tbox .cn_list.st2 .in .img_c{ text-align:center;}
.sub_tbox .cn_list.st3 li .in .tx_c{ min-height:auto;}
.sbox{ padding:1.5em}
.sec4_con_Wrap .sec4_con{ margin-left:-10px;}
.sec4_con_Wrap .sec4_con li .in{margin-left:10px; margin-bottom:10px;}
.map_tit.flex{ display:block;} 
.ts_list > li{ width:100% !important;}
.ts_list.st2 li{ width:50% !important}
.ts_list li .in{ min-height:auto !important;}
.excluded .tab_st2 li{ width:20% !important}
.sub_search{ padding:1.5em; margin-bottom:1em;}
.sub_search .label_select select{ padding-right:1em !important;}
.sub_search .input_st.s1{ font-size:.938em; padding:.5em 1em;}
.sub_doctors > li{ width:100%;}
.sub_doctors > li .resize.s1{ padding-bottom:100%;}
.sub_doctors .wrap_in .img_wrap{width:35%;}
.sub_doctors .wrap_in .info_wrap{width:65%;}
.sub_doctors .wrap_in .info_wrap .info{ padding:1em 1.5em;}
.sub_doctors .wrap_in .info_wrap .info .t1{ font-size:1em;}
.sub_doctors .wrap_in .info_wrap .info .t2{ font-size:1.5em;}
.hours .w_hours3{ width:9%;}
.hours .sub_doctors .wrap_in{ display:block;}
.hours .sub_doctors .wrap_in .img_wrap,
.hours .sub_doctors .wrap_in .info_wrap{width:100%;}
.hours .sub_doctors .wrap_in .info_wrap .info{ padding:1em 0;}
.hours .sub_doctors .wrap_in .info_wrap .info .t4{ display:none;}

.sub_tbox .crt_list > li{ width:50%; padding:1.5em;}

.label_wrap > li{flex:100%;}
.board_st.write .label_select{ width:100%;}

.tw33 > li{ width:33.33% !important;}

#quick{display: none;}



/**/
.login_wrap .login .mem_tit{ font-size:1.5em;}
.login_wrap .btn_wrap .btn.s1{ font-size:1.068em;}
.join_select{ margin:0;}
.join_select > li{ flex:100%; margin-bottom:1em;}
.join_select > li > a{ margin:0;}
.join_select > li > a .icon{ width:4em; line-height:4em;}
.join_select > li > a .more{ margin-top:1em;}
.page_tit .t2{ font-size:1.8em}

.care_top ul{ margin-right:-120px;}
.care_top ul .con_logo .in{ padding:2em 1em; margin-right:120px;}
.care_top ul .con_logo .in:before{ right:-85px;}
.in_lk_wrap.st2 > li{flex:50%;}

.img_box{flex-wrap:wrap}
.img_box > li{width:100%; margin-bottom:1em;}
.img_box > li img{width:20em;}
/* .mainVod{ padding-bottom:150%;} */
.mainVod #vod{width:auto; left:-50%;}

/* header */
#header.new2 .logoWrap .wrapF{height: auto;}
#header.new2 .logoWrap .etc_wrap .lang_wrap .wrapBtn{padding: .5em 1em; height: 9vmin;}
#header.new2 .logoWrap .etc_wrap .lang_wrap .wrapBtn .menu_tx{display: none;}
#header.new2 .logoWrap .etc_wrap .menu_wrap .all_wrap .wrapBtn{width: calc(var(--headerH) *1.4);}
#header.new2 .logoWrap .logo img{ height: 1.5em;}
#header.new2 .banner_wrap .wrapF{    min-height: 2.3em;}
#header.new2 .sns_wrap{display: none;}

/* main */
.mainVod{position: relative; width: 100%;  overflow: hidden; padding-bottom: 100%;}
.mainVod .img_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.mainVod .img_wrap img{object-fit: cover; width: 100%; height: 100%;}
.mainVod .layer:before{z-index: 9;}
.mainVod .layer .slogan{z-index: 10;}

/* footer */
#footer.new2 .info_wrap .wrapF{display: flex; flex-direction: column;}
.sns_st > li > a{width: 2.4em; height: 2.4em;}

/* sub */
.sub_search{flex-direction: column;}
.sub_search > *,
.sub_search .input_st.s1{width: 100%;}

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

.colorList{flex-direction: column;}

.ceo_tw .t1 br{display: none;}
.page_ceoWrap .box1{gap: 0;}
.page_ceoWrap .txt_wrap .txt.sign{ padding-top: 2.5em; padding-right: 0; padding-bottom: 4em;}

.page_ttbg_wrap{flex-direction: column;}
.page_ttbg .wrap_tt{padding-top: 0;}

}

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

.mainCon > li.w3 .in .resize{ padding-bottom:45%;}
.mainCon > li.w2 .in .resize{ padding-bottom:31%}	
.main .mainCon > li .in .resize{ padding-bottom:inherit!Important; height:12em;}
.mainCon > li.w2 .in .resize{height:7em;}
.main .mainCon > li.cn_center .in.st3 .resize{height:10em;}
.mainCon > li.w2 .in .w2_time .t2{ display:block; margin-left:0;}

.vision_in.st2 .vision_list li{ width:100% !important;}

.care_top ul{ margin-right:0;}
.care_top ul .con_logo .in{ margin-right:0;}
.care_top ul .con_logo .in:before{ right:50%; margin-right:-23px; top:inherit; bottom:-1.7em; font-size:2em;}
.care_top ul > li{width:100% !important;}
.care_top ul > li:first-child{ margin-bottom:3.5em;}
.in_lk_wrap.st2 > li{flex:100%;}
.in_lk_wrap > li > a {margin:1em 0 0 0;}
.in_lk_wrap {margin:0; }

.tre_list > li{flex: 1 100%;}
.tre_list > li .in .tr_tx{ min-height:auto; padding:40px 20px 20px;}


#header .top_wrap .language .lang_st{flex-direction:column;}
#header .top_wrap .language .lang_st > li > a{padding:.15em .75em;}
}

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

.box1{ max-width:97%;}

/**/
.ceo_tw{ margin-bottom:2em;}
.ceo_tw .t1{ font-size:1.25em;}
.sub_tbox .tx_tt{font-size:1.2em;}
/**/
.ch_s_list li{ padding-left:0;}
.sub_tbox .tbox_tt{ line-height:1.3; font-size:1.125em;}


/**/
.l-nav .nav_top li a{ padding:.3em 1em;}
.mainVod .layer .main_g{ top:.5em;}
/**/
#contents .sub_nav_wrap .nav > li{ width:41%;}
#contents .sub_nav_wrap .nav > li.home{ width:auto;}
#contents .sub_nav_wrap .nav > li.tt > a{min-width:100%; box-sizing:border-box; padding-right:2em;}
#contents .sub_nav_wrap .nav > li.tt > a .icon{ width:2em;}
#contents .subTab .gnb li.sm_facility .dp3 > li{flex:100%;}
/* #contents .subTab .gnb .dp3 > li > a .va{ font-size:1em;} */
#contents .sub_nav_wrap .nav > li .gnb a{ padding:.375em .5em .375em .5em;}
#contents .sub_nav_wrap .nav > li .gnb a .va{/* word-break:break-all*/}
#contents .sub_nav_wrap .nav > li .gnb a:after{ display:none;}
#footer .menu_wrap{ display:none;}
#footer .info_wrap .logo img{ height:3em}
#footer .gotop{ width:3em; line-height:3em; right:1.5em;}
#footer .gotop .xi{ font-size:1.5em;}

#header .top_wrap{width:calc(100% - 4em);}

#header .menu_wrap{}
#header .menu_wrap .all_wrap .wrapBtn{width:3.2em; height:4em; }
#header .menu_wrap .all_wrap .wrapBtn .xi{ font-size:1.5em;}


/**/
.mainVod .layer .slogan .t1{ /*font-size:1.125em;*/ }
.mainVod_wrap .vod_btn{ font-size:.8em; top:.5em; right:.5em;}
.close{ font-size:13px !important;}
.mainCon_wrap{ padding-bottom:3em;}
.newsSlider_wrap{ padding:1em 0 4em 0;}
.newsSlider_wrap > .box1{ padding:2.5%}
.newsSlider_wrap .newsControl{ top:16.5em;}
.main_tit{ font-size:1.5em;}
.mainCon{ margin:0 0 0 -.7em}
.mainCon > li .in{ margin:.7em 0 0 .5em;}
.mainCon > li .in.st3 .t1{ font-size:1.25em;}
.mainCon > li .in .t1{ margin-bottom:.5em; font-size:1.125em;}
.mainCon > li.w2 .in .w2_time .t1{ margin-bottom:.5em;}
.mainCon > li .in .t2{ font-size:.938em;}
.mainCon > li.w3 .in .resize{ padding-bottom:55%;}
.mainCon > li .in .resize .re{ padding:1em;}
.mainCon > li .in .qr{ width:60px; height:auto; display:none;}
.mainCon > li .in[href]:after{ display:none;}


/**/
.login_wrap .login{ width:24em;}
.login_wrap .btn_wrap{ margin-top:1em;}
.login_wrap .btn_wrap .btn.s1{ font-size:.938em;}

.step_st > li .in .tt .t2{font-size:1em;}
.agree_box .check{ font-size:1em;}
.agree_box .agree_wrap{ margin-left:0;}

.box_st{ padding:2em 1em; font-size:.875em;}
.page_tit .t2{ font-size:1.19em;}

/**/
.sub_Top_tit{ margin-bottom:2em;}
.sub_Top_tit .t1 span{ font-size:1.8em;}
.sec3_con > li .wrap_in .wrap_con .tit{ font-size:1.068em;}
.sec3_con > li .wrap_in .wrap_con .in{ padding:2em 0 0;}
.sub_tw.st.motto .sub_in_ti{ font-size:2em;}
.sub_tw.st.motto:before{ font-size:2em;}
.page_cover.hAuto{ margin-top:2em;}
.page_cover .cover_title .t1{ font-size:1.25em;}
.company_b{ margin-bottom:4em;}
.page_txt_wrap{ display:block !important;}
.page_txt_wrap.flex > *{ padding:.5em 0;}
.page_tit.dp1{ margin-bottom:0;}
.page_txt_wrap.flex > .flex_w2{ margin-left:0;}
.page_txt_wrap.flex > .flex_w2 .tt{ font-size:1em;}
.midd ul li strong{font-size:1.125em; width:45%; box-sizing:border-box; margin:0 auto !important; padding:18px 22px !important; height:auto;}
.midd ul li:after{ display:none;}
.midd.st2 ul li strong{ padding:18px 22px !important;}
.recruit_bw_list > li .in{ padding:1em 0;}
.sec4_con_Wrap .sec4_con li{ width:50%;}
.center_tbox .tt_01{ font-size:1.315em;}
.sub_tbox .tx .st2{ font-size:1.068em;}
.page_tit{ margin-top: 0;}
.map_view + .page_tit {margin-top:4em;}
.map_tw .t1{ font-size:1.25em;}
.page_ex_box > .inner.icon .in{width:3em; height:3em;}
.page_ex_box > .inner.icon .xi{ font-size:1.25em;}
.page_ex_box > .inner .in_tt .t1{ font-size:1.025em;}
.page_ex_box > .inner.txt{ padding-left:1em; padding-right:1em;}
.ch_s_list li .tw{width:calc(100% - 45px); font-size:1em;}
.sbox{ padding:1.5em 1.2em;}
.sub_tbox .tx{ font-size:.938em;}
.inst_list li .in .in_tt{ font-size:1.068em;}
.inst_list li .in .in_tx{ font-size:.938em;}
.page_num_list > li > .group > .ex{ font-size:.938em;}
.page_in_con{ padding:2em 1em;}
.recruit_bw_list > li .in .tt{ font-size:1em;}
.excluded .tab_st2 li{ width:25% !important}
.response .photo_group > .photo .resize{ padding-bottom:90%;}
.sub_tbox .crt_list > li{ padding:1.5em .5em;}
.sub_tbox .crt_list > li .crt_b > li a{ font-size:.875em;}
.page_ceoWrap.st2 .page_ceoT .txt_wrap .txt .f_st01{ font-size:1.125em;}
.hours .sub_doctors .wrap_in .info_wrap .info{ text-align:center;}
.hours .w_hours2{ width:10%; font-size:.750em}
.hours .w_hours3{ width:8%;}
.page_num_list > li > .group > .tt > .tit{ font-size:1.125em;}
.page_num_list > li > .group > .tt > .num{ width:2em; line-height:2em;}
.sf_01 > li{ width:100% !important;}
.sf_01 > li .sbox{ min-height:auto; text-align:left !important;}

/**/
.sub_sort{ font-size:1em;}
.sub_search{ padding:1.5em .5em;}
.sub_search .input_st.s1{ font-size:.813em; padding:.5em;}
.sub_doctors > li .resize.s1{ padding-bottom:130%;}
.sub_doctors .wrap_in .info_wrap .info{ padding:.7em;}
.sub_doctors .wrap_in .info_wrap .info .t2{ font-size:1.25em; margin-top:0;}
.sub_doctors .wrap_in .info_wrap .info .t4{ display:none;}
.sub_doctors .wrap_in .info_wrap .btn{ padding:.5em; font-size:.813em;}

.pop1_explain .left{width:50%; float:none; padding-right:0; margin-bottom:1em;}
.pop1_explain .left .resize{ padding-bottom:100%;}
.pop1_explain .right{ width:100%;}

.tbl_txt{ display:block;}
.div_st_sm .tbl_tw_m{ font-size:1em;}
.reservation_covid1_Title{ font-size:1.125em;}

.mainCon > li.w3 .in .resize{height:19em;}

.mainCon > li .in.st3{background-size:100%;}
.mainCon > li.cn_center .in.st3 .t1{color:#222}
.main .mainCon > li.cn_center .in .resize{padding-bottom:35%;}

.mainVod .layer .slogan .t1 br,
.mainVod .layer .slogan .t2 br{display: none;}
.mainVod .layer .slogan .t2{margin: 1em 0 0 0;}
.mainVod .layer .box1{display: flex; align-items: center;}
.mainVod .layer .slogan .t1{font-size: 1.25em;}

#header .menu_wrap .all_wrap .all .gnb > li .dp1 .va{font-size: 1em;}
#header .menu_wrap .all_wrap.on .all .all_top .logo > a img{height: 2em;}
#header .menu_wrap .all_wrap .all .gnb > li .dp2{padding: 1em 0.3em;}

.update_date{font-size: .94em;}

.hours_wrap .hours_info{ padding: 2em 1.5rem;}
.hours_wrap .hours_info .location_list{ gap: 1em;}
.hours_wrap .hours_info .location_list li{flex-direction: column; align-items: flex-start; gap: 0.5em;}
.hours_wrap .hours_info .top{padding-bottom: 1em; margin-bottom: 1em;}
.hours_wrap .hours_info .top .s_tit{margin-bottom: 0; font-size: 0.94em;}
.hours_wrap .hours_info .location_list li .t1{margin-top: 0;}
.hours_wrap .hours_info .top .map_tit{font-size: 1.25em;}
.hours_wrap .hours_info .location_list li .tit,
.hours_wrap .hours_info .location_list li .tt{font-size: 0.94em;}

.subTreatment .treatmentList{--treatmentListL: 2;}
.treatmentList > li > a{height: 30vmin;}

.colorList li .left_wrap .color_wrap .dot{width: 1.6em; height: 1.6em; padding: 0.7em;}
.colorList li .left_wrap .txt{font-size: 1.125em;}

.page_ceoWrap .txt_wrap .txt.sign{font-size: 0.725em;}

.dp2_location .tab_idx > li {height: stretch; margin-left:1em;}
.dp2_location .tab_idx > li:first-child {margin-left:0}
.dp2_location .tab_idx > li > a {height: stretch; width:100%;  display:flex; align-items:center; justify-content:center; margin:0; }
.dp2_location .tab_st2 {margin:0;}
.map_con .map_tit .t1.right {text-align:left;align-items:flex-start; margin-top:.5em;}
.tbl_txt {font-size:0.75em;}
  .board_paging  {font-size : .7em;}
  .board_paging button {width:2.5em; height:2.5em; line-height:2.5em;}
}

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

.vision_list > li{ width:100% !important;}
.vision_in .vision_list > li{ height:auto; padding:1.5em 1.5em 4.5em;}
.vision_in .vision_list > li .v_icon{ opacity:.2;}
.tab_st2.st1 > li > a{ padding:.75em .5em; font-size:.938em;}


#header .top_wrap .mainLogo > a img{ width:170px;}
.mainVod .layer .slogan .t1{ line-height:1.2em;}
.mainCon > li .in .resize{ padding-bottom:75%;}
.mainCon > li.w1.st2 .in .resize{ padding-bottom:75%;}
.mainCon > li.w2 .in .resize{ padding-bottom:30%;}
.mainCon > li .in .t1{ font-size:1em;}
.mainCon > li .in .qr{ width:45px;}
.mainCon > li.w2 .in .w2_time .t2{ font-size:.835em;}

.newsSlider_wrap .newsControl{ top:13.5em;}

body.pop .popWrap .popIn .popCon{ padding:3em 1em 5em 1em}
.main .mainCon > li .in .resize{ padding-bottom:75%;}
.midd.st2 ul li strong{ width:100%;}
.vision_in .vision_list.flex.wrap > li{ padding:0;}

.page_ex_box > .inner .in_tt2{display:flex; flex-direction:column;}
.mainCon > li.w2 .in .w2_time .t2 .in_tt{display:flex; flex-direction:column;}

.mainCon > li .in .t2{font-size:.8em;}


}

@media screen and (max-width:360px){
.main .mainCon > li .in .resize{padding-bottom:120%;}
.mainCon > li .in.st2 .resize{padding-bottom:60%;}

#header .top_wrap .mainLogo > a img{width:150px;}
.culture_con ul li .inn .t_w {padding:1em;}
}

@media screen and (max-width:290px) {
  #popupzone .pop-layout .control-wrap .pop-title-wrap > h5 {font-size: 1em;}
}
@media all and (orientation:landscape){

}