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


@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%} */

.tbl_List.st2 > li { width:calc( (100% - 1em) / 3);}
.tbl_List.st2 > li .tt { max-width:65%;}
}

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

  .box4 {width: 100%; max-width: 90%;}
  
  #popupzone .popWrap {padding-bottom: 3vh; align-items: start; overflow-y: scroll;}
  /* #popupzone .popWrap .popup {overflow-y: scroll; height: 70vh;} */
  /* #header .top_bannerSlider .bannerSlider .el {height: 80px;} */
  #header .top_bannerSlider .bannerSlider .el {height: auto;} 
  #header .top_bannerSlider .bannerSlider .el .bg {padding-bottom: 17%; height: auto; background-size: contain; background-position: top center;}
  #header .top_bannerSlider .paging {left: 2%; bottom: 1em;}
  #header .top_bannerSlider .todayChk .close_btn .xi {color: #fff; font-size: 1.25em;}
  /* #header .top_bannerSlider .todayChk {height: 70%;} */
  #popupzone .con_box {margin-bottom: 7em;}
  /* #popupzone .todayChk {position: relative;} */
  #header .top_bannerSlider .todayChk {top: 50%; transform: translateY(-50%);}
  #header .top_bannerSlider .todayChk .close_btn {width: 1.5em; height: 1.5em; border-radius: 5px;}
  #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;}

/* NEW HEADER */
#header .top_bar {display: none;}
.main #header.new .top_wrap.new {max-width: 100%; flex: 1; padding-left: 0;}
.main #header.new > .menu_wrap {display: none;}
.main #header.new .menu_wrap {padding-right: 0;}
#header .top_wrap.new {background: #fff;}
#header .top_wrap.new > .flex {height: auto;}
#header .top_wrap.new .box5 {flex-wrap: wrap;}
#header .top_wrap.new .language {flex: 1 1 5%; padding: 1em; box-sizing: border-box;}
#header .top_wrap.new .language .lang_st {flex-direction: column;}
#header .top_wrap.new .mainLogo {flex: 1 1 40%;}
#header .top_wrap.new .view_wrap {display: none;}
#header .top_wrap.new .menu_wrap {background: #fff; flex: 1 1 5%}
#header .top_wrap.new .menu_wrap .all_wrap .wrapBtn {color: #0c66c6;}
#header .top_wrap.new .top_bannerSlider {flex: 1 1 100%; max-width: 100%;}
#header .top_wrap.new .top_bannerSlider .bannerSlider .el, 
#header .top_wrap.new .top_bannerSlider .bannerSlider .el .bg {height: 17vh; padding-bottom: 0; background-position: 50% 50%;}
#header .top_wrap.new .top_bannerSlider .paging > span {width: 15px; height: 15px; background: #fff; margin: 0 5px;}
#header .top_wrap.new .banner-control {right: 50%; top: auto; bottom: 10%; transform: translateX(50%);}
#header .top_wrap.new .banner-control .top_bannerSlider-prev, 
#header .top_wrap.new .banner-control .top_bannerSlider-next {display: none;}
#header.new .menu_wrap {margin-top: 0; display: none;}
.mainCon > li.w2 .in .resize {padding-bottom: 0; height: auto;}
.mainCon > li.w2 .in .resize .re {position: relative; display: block;}
.mainCon > li.w2 .in .resize .fl_wrap {float: none;}
.mainCon > li.w2 .in .resize .fl_wrap::after {display: none;}
.mainCon > li.w2 .in .resize.thin {padding-bottom: 0;}
.mainCon > li.w2 .in .w2_time .t1 {display: block;}
.mainCon > li.w2 .in .w2_time .t2 {margin-left: 0;}
.mainCon > li:nth-child(4) {width: 100%;}


/* .main #header {display: flex; flex-wrap: wrap;}
.main #header .top_bannerSlider {flex: 1 1 100%; width: 100%;}
.main #header .top_wrap {flex: 1 1 75%; max-width: 75%; padding-left: 4%; box-sizing: border-box;}
.main #header .menu_wrap {flex: 1 1 25%; max-width: 25%; position: relative; padding-right: 4%; box-sizing: border-box;} */

.mainCon > li .in.icon .icon_img{ width:25%; height:85px; right:1.2em; bottom:1.5em; opacity: .5; }
.mainCon > li .in .qr { width:80px; height:80px; right:1.2em; bottom:1.5em;}
.mainCon > li .in.st3 .t1{ margin-top:auto;}

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

/**/
.mainVod .layer .slogan .t2{ margin:1em 0 6em 0;}
.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;}

.history_area .history_lst .list dt{ flex: 1 1 30%;}
.history_area .history_lst .list dd.first{ flex: 1 1 70%;}
.history_area .history_lst .list dt .year{ font-size: 1.45em;}
.history_area .history_lst .list dd.first > div{ font-size: 1em;}

/**/
.visitguide > li{ flex: 1 1 100% !important; max-width: 100% !important;}
}

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

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

/* #header .top_wrap {width:calc(100% - 4.5em); max-width: 75%;} */
#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:0; margin-top:.875em; 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 .in .resize.mo_re {padding-bottom: 30%;}
.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;}
.fixed_w.scroll_n .fixed2{ width: 100% !important;}

/**/
#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;}
#header .top_wrap > .flex {flex-direction: row-reverse;}
.main #header .top_bannerSlider {order: 3;}
#header .top_wrap .mainLogo {width: 60%;}

/* NEW HEADER */
#header.new .top_wrap > .flex {flex-direction: row !important;}


/* #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 .subTab .gnb .dp3 > li{flex:50%;}
#contents .subTab .gnb .dp3 > li > a{ height:1.7em; padding:1em .5em;}
#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; margin:2em 0 6em 0;}
.mainVod_wrap .vod_btn{top:1em; right:1em;}
.close{ font-size:16px !important;}
.mainCon > li .in .t2{ line-height:1.5}
.mainCon > li .in .flex > .t2{width:30%;}
.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%;}
.mainCon > li .in .resize.mo_re {padding-bottom: 30%;}
/* .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%;}

.mainCon > li:nth-child(1) {order: 1;}
.mainCon > li:nth-child(2) {order: 2;}
.mainCon > li:nth-child(3) {order: 3;}
.mainCon > li:nth-child(4) {order: 4;}
.mainCon > li:nth-child(5) {order: 5;}
.mainCon > li:nth-child(6) {order: 9;}
.mainCon > li:nth-child(7) {order: 7;}
.mainCon > li:nth-child(8) {order: 6;}
.mainCon > li:nth-child(9) {order: 10; width: 100% !important;}
.mainCon > li:nth-child(10) {order: 8;}

.mainCon > li:nth-child(9) .resize {padding-bottom: 45% !important;}

.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;}
.mainCon > li.w2 .in .w2_time .t1 {margin-bottom: 1em;}
.mainCon > li.w2 .in .w2_time .t2 .coL.st1 {margin-bottom: 1em; display: inline-block;}
.mainCon > li.w2 .in .w2_time .t2 .in_tt {margin-bottom: 1em; display: inline-block;}
.mainCon > li.w2 .in .w2_time .t2 .in_tt i.coL.st {display: block;}

/**/
.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.st2.flex {flex-wrap: wrap; gap: 10px 0;}
.ts_list.st2.flex li {width: calc(50% - 10px) !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;}

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

.table_notice {display:block;}
.table_res_wrap { /*overflow-x:auto;*/ margin-top:.5rem;}
.table_res_wrap table { /*min-width:700px;*/}

.mainVod{ padding-bottom:150%;}
.mainVod #vod{width:auto; left:-50%;}

#popupzone .pop-layout.One {margin-top: 30vh;}
#popupzone .pop-layout.One .left .swiper-container {height: auto;}

/*시설안내*/
.tbl_List.flex { gap:1em;}
.tbl_List.st2 > li,
.tbl_List.st2.st3 > li { width:calc( (100% - 1em) / 2);}
.tbl_List > li .tt { max-width:70%; letter-spacing:-1.5px; word-break:keep-all;}
.tbl_List.st2 > li .vr_icon{ width:26px; height:22px; margin-left:3px;}


/* 가정의학과 */
.sub_tbox.flex.fm {align-items: center; flex-direction: column;}
.sub_tbox.flex.fm .name-info .name-wrap {font-size: 1.35em;}
.sub_tbox.flex.fm .name-info .info-tt {font-size: 1em;}
.page_num_list > li > .group > .tt > .tit {font-size: 1.125em;}
.sub_tbox.flex.fm .img-wrap {flex: 0 0 30%;}

.sbox.box-list {flex-direction: column;}

.certiBtn_box {flex-wrap: wrap;}
.certiBtn_box .in {flex: 1 100%;}
}

@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:17em;} */
/* .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;}
.history_area .history_lst .list{ flex-direction: column; align-items: flex-start; padding: 2.5em 1.5em;}
.history_area .history_lst .list dd{ margin-left: 0em;}
.history_area .history_lst .list dd.first{ padding: 0 0 0 0;}
.history_area .history_lst .list dt{ margin: 1.5em 0;}
.history_area .history_lst .list dt{ border-right: none;}
.history_area .history_lst .list dd.first{ width: 100%;}

.trial_wrap .trial_view_wrap .trial_view_body_wrap .tvb_in.examination_wrap{ flex-direction: column;}
.trial_wrap .trial_view_wrap .trial_view_boP{ width: 100%; marign-top: 2em;}
}

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

#header .top_wrap.new .mainLogo {flex: 1 1 25%}
#header .top_wrap.new .menu_wrap .all_wrap .wrapBtn .xi {font-size: 2em;}

/**/
.l-nav .nav_top li a{ padding:.3em 1em;}
.mainVod .layer .main_g{ top:.5em;}
/**/
.sub #contents.new2{padding-top: 21vmin;}
#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:3.2em; height:3.2em; }
#header .menu_wrap .all_wrap .wrapBtn .xi{ font-size:1.5em;}
#header .top_wrap.new .top_bannerSlider .paging > span {width: 8px; height: 8px;}

/**/
.mainVod .layer .slogan .t1{line-height:1.8em; }
.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.w2 .in .w2_time .t2 .in_tt {margin-bottom: 0; font-size: inherit;}

.mainCon > li .in.icon .icon_img{ width:25%; height:80px; right:1em; bottom:.5em; }
.mainCon > li.call_center{ width:100%;}
.mainCon > li.kakao{ width:100%;}
/**/
.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; font-size: .9em;}
.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:10%;}
.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;}
.centerN_list li .img.st2{ width: 100%;}
.centerN_list li .img.st2 img{object-fit: contain;}

/**/
.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: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.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;}


.main .mainCon > li.cn_center .in.st3{background-size:100%;}
.mainCon > li.cn_center .in.st3 .t1{color:#222}
.main .mainCon > li.cn_center .in .resize{padding-bottom:45%;}
.mainCon > li .in.st3 .t1 {margin-left: 0;}
.trial_wrap .trial_list_wrap .trial_list .in .trial_content_wrap .tcw_t .title {font-size:.85em;}
.trial_wrap .trial_list_wrap .trial_list .in .trial_status_wrap {width:5em; padding:0 .5em; height: 2.5em; margin-bottom: 1em;}

.table_notice_2 {display:block;}
.table_res_wrap_2 { /*overflow-x:auto;*/ margin-top:.5rem;}
.table_res_wrap_2 .trial_list_wrap { /*min-width:500px;*/}

.sbox2 .t1{ font-size: 1em;}
.vision_in.st2 .vision_list > li .nmb{ font-size: 1.15em;}
.vision_in.st2 .vision_list > li{ height: 169px; margin-bottom: .5em;}
.vision_in.st2 .vision_list > li:last-of-type{ margin-bottom: 0em;}
.vision_in.st2 .vision_list > li .oi_list > li{ font-size: .9em;}
.page_tit .t1{ font-size: 1.15em;}
.sbox{ font-size: .85em;}
.sub_tbox .cn_list li .in_tt{ margin-left: 1em;}
.sub_tbox .cn_list li{ margin-bottom: 20px;}
.page_ex_box > .inner .in_tt{ margin-bottom: .5em;}
.page_ex_box > .inner .in_tt:last-of-type{ margin-bottom: 0em;}
.tbl_List.st2 > li,
.tbl_List.st2.st3 > li{ width: 100%; background: #f3f7f9; text-align:center; padding: .5em .8em; margin-bottom: 1em; border: 2px dotted #cfd8e2;}
.tbl_List.st2 > li:last-of-type,
.tbl_List.st2.st3 > li:last-of-type{ margin-bottom: 0em;}
.tbl_List.st2 > li .tt{ text-align:left; letter-spacing:-.5px;}
.tbl_List.st2 > li .tt br{ display:none;}
.w_facilty_st{ width: 6em;}
.tbl_List.st2 > li .tt{ border: none; background: none;  margin-top: 0em; margin-bottom: 0em;}
.response .c_name{ height: 6em; display: flex; align-items: center;}
.trial_wrap .trial_list_wrap .trial_list .in{ flex-direction:column;}
.trial_wrap .trial_list_wrap .trial_list .in .trial_dday_wrap{ padding: 0em; height: 2.5em; margin-top: 1em; width: 100%;}
.trial_wrap .trial_list_wrap .trial_list .in .trial_content_wrap .tcw_t .new_icon{ padding: .8em;}
.trial_wrap .trial_list_wrap .trial_list .in .trial_content_wrap .tcw_b{ margin-top: 1em;}


.img_wrap.st_sm{flex-direction: column; gap: 1em;}
.img_wrap.st_sm .img{ width: 100%;}

.fixed_w.scroll_n .fixed.f_s .board_st{ font-size: .6em;} 

/* vr */
/*.vrframe{ margin-bottom:.5em;}*/
.vr_caption p{ display:flex; align-items:center; gap:.5em; margin-left:5px; text-align:left;}
.vr_caption p .vr_icon{ display:block; width:25px; height:21px; background:url(../images/inc/vr_icon.svg) no-repeat 0 0 / cover;}
.vr_caption p > span{ max-width:90%}

.mainCon > li.w1 .in .resize,
.mainCon > li.w3 .in .resize,
.main .mainCon > li.cn_center .in .resize {padding-bottom: 45%;}

.certiBtn_box .in .txt_con {top: 1.5em; left: 1.5em;}
.certiBtn_box .in .txt_con>.tit {font-size: 1.125em;}
.certiBtn_box .in .txt_con>.tx {font-size: .8em;}

/*  */
.centerN_list li .img{ width: 100% !important;}
.centerN_list li .img.brL span{transform: translateY(0); box-sizing: border-box; border-radius: 0 0 1em 1em;}
.centerN_list li .img.w4{overflow: unset;}

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


}

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

.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:.85em;}


#header .top_wrap .mainLogo > a img{ width:170px;}
.mainVod .layer .slogan .t1{ line-height:1.5em;}
.mainCon > li .in .resize{ padding-bottom:75%;}
.mainCon > li.mo_re .in .resize {padding-bottom: 45%;}
.mainCon > li.w1.st2 .in .resize{ padding-bottom:75%;}
/* .mainCon > li.w2 .in .resize{ padding-bottom:30%;} */
.mainCon > li .in .t1{ font-size:1.125em;}
.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;}

/**/
.visitguide > li > .in > .guideTtop > .tt{ font-size: 1.063em;}
.visitguide > li > .in > .infoCon .timeContain > .item > .tt{ font-size: 1.215em;}
.visitguide > li > .in > .infoCon{ padding: 2em;}
.visitguide > li > .in > .infoCon .timeContain > .dot_list > li{ font-size: .938em;}
.visitguide > li > .in > .guideTtop{ height: 2.85em;}
.visitguide > li > .in > .infoCon .roundT > .tt{ font-size: .938em;}
}

@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;}
}
@media screen and (max-width:290px) {
  #popupzone .pop-layout .control-wrap .pop-title-wrap > h5 {font-size: 1em;}
}


@media all and (orientation:landscape){

}