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

body{}

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

@media screen and (max-width:1400px){
*{ box-sizing: border-box;}
img{max-width: 100%;}  

.l-nav .gnb > li .dp1.va_wrap{ padding: 1em 0;}

.mainVod .layer .main_g{ top:1em;}
.mainVod .layer .main_g img{ width:75px; height:auto;}

.img_box > li{width:31%;}

#contents .subTab .gnb .dp3 > li > a{ height: 3.5em;}

.in_lk_wrap > li{ flex: 1 1 33%;}
}


@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:110px; 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%}

}

@media screen and (max-width:1024px){
.box4 {width: 100%; max-width: 85%;}
  
.fixed_w {overflow-x:scroll;}
.fixed_w .fixed {width:1000px !important; table-layout:fixed; margin-bottom:0;}

html.l-nav-open .l-nav .mobile_member .mem_wrap{ gap: 2em; margin-bottom: 1em;}
html.l-nav-open .l-nav .mobile_member .mem_wrap li{ margin-left: 1em;}

.l-nav .nav_logo img{ width: 40%;}

/* 공통 */
#contents .doc{ padding: 1em 0 5em 0;}
#contents .subTit .gnb ul > li.on > a .va{ font-size: 2.5rem;}

#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{ position: absolute; top:50%; margin-top:-1.875em; left:0; width:100%;}
#header .menu_wrap .all_wrap .wrapBtn{ float:right; border:1px solid #eee; width:2.75em; margin-top: 0.5em;}
#header .menu_wrap .va_wrap{ height: 2.75em;}

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

/**/
.mainVod .layer .slogan .t1{ font-size: 1.8em;}
.mainVod .layer .slogan .t2{ margin:1em 0 6em 0; font-size: 1em;}
.mainCon_wrap{ margin-top:-8em;}
.mainCon > li .in .resize{ padding-bottom: 53.2105%;}
.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;}
.mainCon > li .in[href]:after{ width: 1em; line-height: 1em;}
.mainCon > li .in.st3 .t1{ font-size: 1.75rem; margin-top: 6.5em;}

/**/
.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;}

/* 진료안내 */
.hours_wrap .hours_info .location_list li .tit{ width: 7em;}

.sub_centerN_intro .wrapCon .t1{ font-size: 1.5625rem; line-height: 1.8;}

.centerN_con .title_box .t1{ font-size: 1.5em;}

.centerN_list li .img.H1{ height: 17.9em;}
.centerN_list li .img.st2{ width: 60%;}
.centerN_list li .img.brL span.st5{ transform: translateY(-1em);}
.centerN_list li .tbox .tt{ width: 100%;}

.centerN_list2{ gap: 1.5em;}
.centerN_list2 .Fs{ flex: 1 1 38%;}
.centerN_list2 li{ padding: 1em;}
.centerN_list2 li .ti{ font-size: .9375rem;}
.centerN_list2 li .tbox{ font-size: .875rem;}

.centerN_list3 li{ padding: 1.5em;}
.centerN_list3 li .ti{ font-size: 1.15em;}
.centerN_list3 li .tx{ font-size: .875rem;}

.centerN_table .td.al{ padding: 1em 2em 1em 1.5em;}

.centerN_list4 li{ flex: 1 1 30%;}

/**/
.circleItem{ padding-bottom: 0 !important; height: 100% !important;}
.circleItem_wrap{ width: auto; min-width: 94%; padding: 0;}
.circleItem.resize .re{ position: unset;}
.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: 1em;
        margin-top: 0em;
        margin-right: 0em;
        flex-flow: unset;
        text-align: left;}
.circleItem .item_wrap .txt{ width: 100%;}
.circleItem .item_wrap .icon .in{ width: 4em; height: 4em;}
.circleItem:before{ display: none;}


}

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



/**/
.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;}

}

@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;}
.btnList{ display: block;}

/**/
#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.next,
#contents .subTit .gnb ul > li.prev{ display:none;}
#contents .subTit .gnb ul > li.on{ width:100%;}
/* #contents .subTit .gnb ul > li.prev > a{ padding-left: 3em;}
#contents .subTit .gnb ul > li.next > a{ padding-right: 2em;} */
#contents .subTab .gnb .dp3 > li{flex:33%;}
#contents .subTab .gnb .dp3 > li > a{ height:3.7em;}
#contents .sub_nav_wrap .nav > li.tt > a > i:not(.xi) {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#contents .doc{ padding: 1em 0 0 0;}

/**/
.mainVod .layer .slogan {box-sizing:border-box; top: 3em;}
.mainVod .layer .slogan .t1{ font-size:1.5em; text-align:center; margin-top:0; word-break:break-all;}
.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{ width: 33%;}
.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:95%; 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%; min-width: 0;}
.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;}
.sub_doctors.st1 .wrap_in .info_wrap .info{ width: 100%; min-width: 0;}
.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_doctors .wrap_in .info_wrap .info .t4{ white-space: normal; word-break: break-word; overflow-wrap: anywhere;}

.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;}

/**/
.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;}

/* 오시는길 */
.hours_wrap .map_wrap{ width: 50%;}
.hours_wrap .hours_info{ width: 50%;}
.hours_wrap .hours_info .location_list li .tit{ width: 6em;}
.hours_wrap .hours_info .location_list li .t1{ font-size: .875rem;}

/* 진료 센터 */
.subTreatment .treatmentList{ --treatmentListL: 3;}

/**/
.sub_centerN_intro .wrapCon{ width: 100%;}
.sub_centerN_intro .wrapBg{ display: none;}
.sub_centerN_intro .wrapBg:before, .sub_centerN_intro .wrapBg:after{ background: linear-gradient(90deg, var(--siteBg1) 10%, rgba(255, 255, 255, 0) 100%);}

.centerN_list li{ flex-wrap: nowrap; width: 100%; gap: 0.5em;  flex-direction: column;}
.centerN_list li:nth-child(even){ flex-direction: column;}

.centerN_list li .tbox{ width: 100%;}
.centerN_list li .tbox .ti{ font-size: 1.1em;}
.centerN_list li .tbox .tt2{ font-size: 1.01em;}

.centerN_list li .img.H1{ height: 14.9em;}
.con_inner .centerN_list li .img.h1{ height: 3em;}
.centerN_list li .img.brL.v2 img{ display: none;}
.centerN_list li .img.brL span.st5{ transform: translateY(0em);}

.centerN_list li .img, .centerN_list li .img img{ width: 100%;}
.centerN_list li .img, .centerN_list li .img.h1{ height: unset;}

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

.centerN_list2 li{ flex: 1 1 50%;}
.centerN_list2 li::after{ display: none;}
.centerN_list2 li .ti br{ display: none;}
.centerN_list2 li .tbox .tt{ margin-top: 1em; min-height: 4em;}
.centerN_list2 li .tbox.st2{ min-height: 4.5em;}

.centerN_list3{ flex-direction: column;}

.centerN_list4.w2 li{ flex: 1 34%;}

.centerN_list6 li{ flex: 1 1 34%; width: calc((100% - 3em) / 4); padding: 1em;}

.centerN_List6 li{ width: calc((100% - 2em) / 4); padding: .7em;}

.centerN_con .title_box .t1{ font-size: 1.4em;}
.centerN_table .tr{ flex-direction: column;}
.centerN_table .td.wAgency{ flex: 0 0 4em;}

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

.majar_col{ flex-direction: column;}
.majar_col .img_box{ display: none;}
.majar_col .fTbox{ width: 100%;}

.centerN_minCon3 .con{ width: 100%; overflow-x: auto;}
.centerN_minCon3 .con img{ min-width: 1000px;}

.ceo_tw .t1{ font-size: 1.1875rem;}

.step_st > li .in .icon{ font-size: 1em; margin-right: 0.5em;}
.step_st > li .in .tt .t2{ font-size: 1em;}
}


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

.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;}

/* 공통 */
/* #contents .sub_nav_wrap .nav{ display: none;} */

/**/
.l-nav .xi-close{ font-size: 2em;}
.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{margin-top:-1.65em;}
#header .menu_wrap .all_wrap .wrapBtn{width:3em; height:2em; }
#header .menu_wrap .all_wrap .wrapBtn .xi{ font-size:1.5em;}


/**/
.mainVod .layer .slogan .t1{ line-height:1.4; font-size: 1.2em;}
.mainVod .layer .slogan .t2{ font-size: .875rem;}
.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;}

.mainCon > li{ width: 50%;}
.mainCon > li.w2{ width: 50%;}
.mainCon > li.w2 .in .resize{ height: 8em;}
.main .mainCon > li .in .resize{ height: 8em;}


/**/
.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.3em;}

/**/
.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.3em;}
.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:2.5em;}
.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;}
.sub_doctors .wrap_in .img_wrap .va_wrap.re{ padding: 0;}

.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%;}



}

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

.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;}

/* 공통 */
#contents .subTab .gnb .dp3 > li{ flex:50%;}
#contents .subTit .gnb ul > li.on > a .va{ font-size: 1.75rem;}
.btnList .tt{ font-size: .875rem;}
.input_st .xi{ font-size: 1em;}

#header .top_wrap .mainLogo > a img{ width:170px;}
.mainVod .layer .slogan .t1{ line-height:1.2em; font-size: 1em;}
.mainVod .layer .slogan .t2{ font-size: .8125rem;}
.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;}

.mainCon > li .in.in_03 strong{flex-direction:column}

/* 의료진 소개 */
.sub_doctors .wrap_in{ flex-direction: column;}
.sub_doctors .wrap_in .img_wrap{ width: 38%;}
.sub_doctors .wrap_in .info_wrap{ width: 100%;}
.sub_doctors .wrap_in .info_wrap .info .t2{ font-size: 1.1875rem;}

/* 찾아오시는길 */
.hours_wrap{ flex-direction: column;}
.hours_wrap .map_wrap{ width: 100%;}
.hours_wrap .hours_info{ width: 100%;}
.hours_wrap .hours_info .top{ margin-top: 0;}
.memo_st{ padding: 2em 1em;}

/* 진료센터 */
.subTreatment .treatmentList{ --treatmentListL: 2;}
.treatmentList > li > a{ box-shadow: 0px .2em 0px 0px rgba(0, 0, 0, .1); height: 20vmin;}

.centerN_con .title_box .t1{ font-size: 1.1em;}

.sub_centerN_intro .wrapCon .t1{ font-size: 1.25rem;}
.sub_centerN_intro .wrapCon .t2{ font-size: 1em;}
.sub_centerN_intro .wrapCon .t3{ font-size: 1em;}

.centerN_list li{ flex-wrap: wrap;}

.centerN_list2{ flex-direction: column;}
.centerN_list2 .Fs{ flex: 1 1 50%;}
.centerN_list2 li .tbox .tt{ font-size: .8125rem;}

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

.centerN_list13 li{ flex: 1 1 50%;}

.centerN_list4 li{ flex: 1 1 50%;}
.centerN_list4.w2 li{ flex: 1 50%;}
.centerN_list4.st2.w3 li{ width: 100%;}
.centerN_list4.st2.w3 li.plus{ width: 100%;}

.centerN_list5{ flex-direction: column;}
.centerN_list5 li{ width: 100%;}

.centerN_list6 li{ flex: 1 1 50%;}

.centerN_List6 li{ width: 100%; border-right: none;}  

.centerN_list7{ flex-wrap: wrap;}
.centerN_list7 li{ flex: 1 1 32%;}
.centerN_list7 li .in::before{ display: none;}

.centerN_table .tr{ flex-direction: column;}
.centerN_table .td.wAgency{ flex: 0 0 3em;}

.login_wrap .login .mem_tit{ font-size: 1.2em;}

.ceo_tw .t1{ font-size: 1em;}

.step_st > li{ flex: 1 1 38%;}
}

@media screen and (max-width:360px){
.main .mainCon > li .in .resize{padding-bottom:120%;}
.mainCon > li .in.st2 .resize{padding-bottom:60%;}
.mainVod .layer .main_g img{ width: 2.125rem;}
.mainVod .layer .slogan .t1{ font-size: .875rem;}
.mainVod .layer .slogan .t2{ font-size: 0.75em;}

.mainCon > li .in .t1{ font-size: .8125rem;}
.mainCon > li.w2 .in .w2_time .t2{ font-size: .75rem;}
.mainCon > li .in.st3 .t1{ font-size:  .3rem;}

#header .top_wrap .mainLogo > a img{width:100px;}

/* 찾아오시는길 */
.hours_wrap .hours_info{ padding: 1.5rem;}
.hours_wrap .hours_info .top{ padding-bottom: 1rem; margin-bottom: 1rem;}
.hours_wrap .hours_info .top .s_tit{ font-size: .875em;}
.hours_wrap .hours_info .top .map_tit{ font-size: 1.2em;}
.hours_wrap .hours_info .location_list li .tit{ width: 5em;}

/*공통 */
.sub_centerN_intro .wrapCon .t2{ font-size: 1em;}

/**/
.centerN_list li .img.st2{ height: 8em;}
.centerN_list li .img.brL span.st5{ font-size: .75rem;}

.centerN_list li .tbox .ti{ font-size: 1em;}

.centerN_table .td.al{ padding: 1em;}

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

.step_st > li .in{ padding: 0 1em 0 2.5em;}
.step_st > li .in:after[even]{display: none;}
.step_st > li .in .tt{ z-index: 2;}
}
@media screen and (max-width:290px) {
  #popupzone .pop-layout .control-wrap .pop-title-wrap > h5 {font-size: 1em;}
}

@media all and (orientation:landscape){

}