@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
body:not(.pop){ display:flex; flex-direction:column}
.box1{ width:1200px; margin:0 auto}
.box3{ width:100em; max-width:96%; margin:0 auto; box-sizing:border-box;}

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

#quick{width: 19vmin !important;}

.gnb > li.m_guide,
.gnb > li.m_member,
.gnb > li.m_mypage,
#header .menu_wrap .gnb_wrap .gnb > li.m_center .sm_0001{ display:none !important}


#header{ position: relative; left:0; top:-3px; width:100%; z-index:1000}
.main #header{ box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .top_bannerSlider{ position:relative;}
#header .top_bannerSlider.dn {display: none;}
#header .top_bannerSlider.on{ display:none;}
#header .top_bannerSlider .bannerSlider .el,
#header .top_bannerSlider .bannerSlider .el .bg{ display:block; width:100%; height:5em; overflow:hidden;}
#header .top_bannerSlider .paging{ z-index:2; position:absolute; left:calc(2% + 3.75em); bottom:1em;}
#header .top_bannerSlider .paging > span{ width:.625em; height:.625em; margin:0 .25em;}
#header .top_bannerSlider .todayChk{ z-index:2; position:absolute; top:0; right:0;}
#header .top_bannerSlider .todayChk,
#header .top_bannerSlider .todayChk .close_btn{ height:100%;}
#header .top_bannerSlider .todayChk .close_btn{ width:5em; background:transparent; color:#fff; transition:.2s;}
#header .top_bannerSlider .todayChk .close_btn .xi{ font-size:2.250em;}
#header .top_bannerSlider .todayChk .close_btn:hover{ background:#333;}
#header .top_bannerSlider .todayChk .label_st{ font-size:.875em; color:#fff;}
#header .top_bannerSlider .todayChk .label_st *{ color:inherit;}
#header .top_bannerSlider .todayChk .label_st input ~ .xi ~ span{ padding-top:.25em; font-weight:500;}
#header .top_bannerSlider .todayChk .label_st input:checked ~ .xi,
#header .top_bannerSlider .todayChk .label_st input:checked ~ .xi ~ span{ color:#fff;}
#header .top_bannerSlider .todayChk .label_st ~ .close_btn{ margin-left:1.125em;}


#header .top_wrap{ position:relative; z-index:2}
#header .top_wrap > .flex{ height:5.625em;}
#header .top_wrap:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#eee}
#header .top_wrap .mainLogo{ height:100%}
#header .top_wrap .mainLogo > a{ display:block; position:relative; height:100%; box-sizing:border-box; padding:.875em 0; text-align:center}
#header .top_wrap .mainLogo > a img{ height:100%}
#header .top_wrap .left,
#header .top_wrap .right{ width:40%}
#header .top_wrap .left{ order:-1}
#header .top_wrap .bookmark{ font-size:.813em; color:#444; font-weight:500}
#header .top_wrap .bookmark .xi{ font-size:1.875em; margin-right:.25em}
#header .top_wrap .bookmark:hover{ color:#0c66c6}
#header .top_wrap .mem_wrap > li > a{ display:flex; color:#666666; font-size:.813em; padding:1em}
#header .top_wrap .mem_wrap > li > a .xi{ font-size:1.875em; margin-right:.25em}
#header .top_wrap .mem_wrap > li > a:hover{ color:#111}
#header .top_wrap .language{ position:relative; margin-left:1em}
#header .top_wrap .language .wrapBtn{ display:block; border:1px solid #ddd; padding:.75em 1em; font-size:.813em; color:#444}
#header .top_wrap .language .wrapBtn .icon{ margin-right:.25em}
#header .top_wrap .language .wrapBtn .arrow{ margin-left:.5em; font-size:1em}
#header .top_wrap .language .lang_st{ /*position:absolute;*/ position:static; left:0; width:100%; /*visibility:hidden;*/ visibility:visible; /*opacity:0;*/ opacity:1; background:#fff; box-sizing:border-box; border:1px solid #ddd; box-shadow:0 3px 1px rgba(0,0,0,.1)}
#header .top_wrap .language .lang_st > li > a{ display:block; font-weight:500; padding:.5em .75em; padding-right:2.5em; font-size:.813em; color:#888; position:relative; overflow:hidden}
#header .top_wrap .language .lang_st > li > a .icon{ position:absolute; right:0; top:50%; width:3em; margin-top:-.5em; text-align:center; font-size:1em}
#header .top_wrap .language .lang_st > li:not(.on) > a .icon{ transform:translateX(2em); transition:.3s}
#header .top_wrap .language .lang_st > li > a .icon:before{content:"\e90b"}
#header .top_wrap .language .lang_st > li > a:hover .icon{ transform:translateX(0)}
#header .top_wrap .language .lang_st > li.on > a{ color:#0c66c6; background:#f5f5f5}
#header .top_wrap .language .lang_st > li.on > a .icon:before{content:"\e928"}
#header .top_wrap .language.on .lang_st{ visibility:visible; opacity:1}
.lang_st > li > a .flag{ display:inline-block; border:1px solid #eee; margin-right:.25em}
.lang_st > li > a .flag .resize{width:1.5em; padding-bottom:66.30%; background-image:url(../images/inc/flag.png); background-repeat:no-repeat; background-size:100% auto}
.lang_st > li.en > a .flag .resize{ background-position:0 11.11%}
.lang_st > li.cn > a .flag .resize{ background-position:0 22.22%}
.lang_st > li.kr > a .tt:before{ content:"한국어"}
.lang_st > li.en > a .tt:before{ content:"ENGLISH"}
.lang_st > li.cn > a .tt:before{ content:"中文"}

#header .menu_wrap{ position:relative}
#header .menu_wrap .va_wrap{ height:3.75em}
#header .menu_wrap .all_wrap{}
#header .menu_wrap .all_wrap .wrapBtn{ width:4em; text-align:center; border:1px solid #eee; border-top:none; border-bottom:none; background:#f9f9f9}
#header .menu_wrap .all_wrap .wrapBtn .xi{ font-size:2em; position:relative; z-index:1}
#header .menu_wrap .all_wrap .wrapBtn .menu_tx{ font-size:.813em; display:block; margin-top:-5px;}
#header .menu_wrap .all_wrap .all{ position: fixed; z-index:2; left:0; top:0; width:100%; height:100%; overflow-y:auto; background:#fff; opacity:0; visibility:hidden; transition:.3s; transform:translateY(1em)}
#header .menu_wrap .all_wrap.on .all{ opacity:1; visibility:visible; transform:translateY(0)}
#header .menu_wrap .all_wrap .all .all_top{ padding:4em 0 2em 0}
#header .menu_wrap .all_wrap .all .all_top .logo > a{ display:inline-block}
#header .menu_wrap .all_wrap .all .all_top .logo > a img{ height:4em}
#header .menu_wrap .all_wrap .all .closeBtn{ display:block; width:2em; line-height:2em; text-align:center; border-radius:50%; background:#0c66c6; color:#fff; font-size:1.5em; transition:.3s}
#header .menu_wrap .all_wrap .all .closeBtn:hover{ transform:rotate(90deg)}
#header .menu_wrap .all_wrap .all .gnb{ display:block; border-top:2px solid #0c66c6; position:relative}
#header .menu_wrap .all_wrap .all .gnb:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#0c66c6}
#header .menu_wrap .all_wrap .all .gnb li{ display:flex; flex-wrap:wrap}
#header .menu_wrap .all_wrap .all .gnb a{ height:auto; text-align:left}
#header .menu_wrap .all_wrap .all .gnb > li{ border-bottom:1px solid #ddd}
#header .menu_wrap .all_wrap .all .gnb > li .flex{ flex-wrap: wrap}
#header .menu_wrap .all_wrap .all .gnb > li .dp1{ width:8em; padding:1em; box-sizing:border-box; text-align:center}
#header .menu_wrap .all_wrap .all .gnb > li .dp1 .va{ font-weight:500; font-size:1.125em; color:#0c66c6}
#header .menu_wrap .all_wrap .all .gnb > li .dp2{ width:calc(100% - 8em); border-left:1px solid #ddd; box-sizing:border-box; padding:1em}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li{}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a{ min-width:10em; margin:.5em 1em; color:#111; position:relative; padding-left:.75em }
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; top:3em; width:1em; height:1em; background:#111; border-radius:50%; font-size:.25em}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a:hover .va{ text-decoration:underline}
#header .menu_wrap .all_wrap .all .gnb > li .dp3{ display:none}

#header .menu_wrap .gnb_wrap{ position:absolute; left:0; top:0; width:100%}
#header .menu_wrap .gnb_wrap .gnb{ justify-content:space-around; margin-left:4em}
#header .menu_wrap .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; bottom:0; height:calc(100% - 3.75em); width:100vw; box-sizing:border-box; border:1px solid #eee; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .menu_wrap .gnb_wrap .gnb > li{ flex:1 1 1%; display:flex; flex-direction:column}
#header .menu_wrap .gnb_wrap .gnb > li .dp1{ font-weight:500; color:#444; position:relative; z-index:1; transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:-2px; width:100%; height:3px; background:#0c66c6; transform:scaleX(0); transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1,
#header .menu_wrap .gnb_wrap .gnb > li.on .dp1{ color:#0c66c6}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .menu_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.125em}
#header .menu_wrap .gnb_wrap .gnb > li .dp2{ display:block; height:calc(100% - 3.75em); border-right:1px solid #eee; box-sizing:border-box; position:relative; padding:1em 0}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.5em 1.5em; color:#666; text-align:left; transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em; position:relative; padding-right:1.25em}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va:after{ font-family:xeicon!important; content:"\e914"; position:absolute; right:0; top:-.25em; opacity:0; transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#0c66c6}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a .va:after,
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.on > a .va:after{ opacity:1}
#header .menu_wrap .gnb_wrap .gnb > li .dp3{ display:none}
#header .menu_wrap .gnb_wrap .gnb > li:first-child .dp2:before{ content:""; position:absolute; left:1px; top:0; width:1px; height:100%; background:#eee}
#header .menu_wrap .gnb_wrap .gnb > li:first-child .dp2:after{ content:""; position:absolute; left:-100%; bottom:5%; width:15em; height:10em; max-width:90%; max-height:90%; background:url(../images/inc/symbol.png) no-repeat right bottom; background-size:contain}
#header .menu_wrap .gnb_wrap .gnb:before,
#header .menu_wrap .gnb_wrap .gnb > li .dp2{ display:none}
#header .menu_wrap .gnb_wrap .gnb:hover:before,
#header .menu_wrap .gnb_wrap .gnb:hover > li .dp2{ display:block}

/*popupzone*/
#popupzone .box1 {padding-left:0;}
#popupzone{ position:fixed; z-index:1010; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); display:none;}
#popupzone .popWrap{ position:relative; height:inherit; box-sizing:border-box; padding-bottom:12vh;}
#popupzone.popOpen{ display:block;}
#popupzone .con_box { position:relative;}
#popupzone .todayChk{ z-index:2; position:absolute; bottom:-6em; right:0;}
#popupzone .todayChk,
#popupzone .todayChk .close_btn{ } 
#popupzone .todayChk .close_btn{ width:3.5em; height:3.5em; background:#0c66c6; color:#fff; transition:.2s; border-radius:10px; margin-left:1em;}
#popupzone .todayChk .close_btn .xi{ font-size:1.8em;}
#popupzone .todayChk .close_btn:hover{ background:#a68d7a;}
#popupzone .todayChk .label_st {color:#fff; font-size:.95em;}
#popupzone .todayChk .label_st *{ color:inherit;}

#popupzone .popWrap .popup { width: 100%; /* height: 63vh; */}
.main_pipeline_wrap {height: 100%;}
/* .main_pipeline_wrap .swiper-container {height: 100%;} */
/* .main_pipeline_wrap .swiper-wrapper {height: 100%;} */
.main_pipeline_wrap .swiper-slide {height: 100%;}

/* .main_pipeline_wrap .hover_st1 .hover_in {padding-bottom: 40%;} */
#popupzone .popup_zone .main_text {font-size:1.7em; color:#fff; font-weight:500;}
/*.hover_st1{width:25% !important; }*/
.hover_st1 {width: 300px}
.hover_st1 .hover_in{ position:relative; overflow:hidden;}

.hover_st1:hover .hover_in .layer{ opacity:1}
.hover_st1:hover .hover_in .layer .more{ transform:rotate(90deg)}
.img_btn { margin-bottom:2em; }
.sliderBtnSt{ line-height:2em; cursor:pointer; color: #111; background:#fff; margin-right:5px; border-radius:10px; width:2em; height:2em;}
.sliderBtnSt .xi{ font-size: 1.5em; color:#111;}
.sliderBtnSt.pause .xi{ font-size: 1.3em; }
.sliderBtnSt.prev{  }
.sliderBtnSt.next{ }
.mainPipeline-pause {margin-right:0;}

.resize.s7 {padding-bottom: 100%;}

.mainPipeline_area .mV_pagination{width:70px; color:#fff; font-size: 1.125em; display:flex; justify-content:center; align-items:flex-end; box-sizing:border-box; margin-right:1em;}
.mainPipeline_area .mV_pagination .swiper-pagination-current{margin-right:.25em; font-weight:600; font-size: 1.3em; color:#0c66c6;}
.mainPipeline_area .mV_pagination .swiper-pagination-total{margin-left:.25em;}

.mainPipeline_area .zonebtn{width:70px; color:#fff; font-size: 1.125em; display:flex; justify-content:center; align-items:flex-end; box-sizing:border-box; margin-right:1em;}
.mainPipeline_area .zonebtn .swiper-pagination-current{margin-right:.25em; font-weight:600; font-size: 1.3em; color:#0c66c6;}
.mainPipeline_area .zonebtn .swiper-pagination-total{margin-left:.25em;}

#popupzone .pop-layout {width: 100%; height: 100%; gap: 2em;}
#popupzone .pop-layout .left {flex: 1 1 65%; max-width: calc(65% - 2em);}
#popupzone .pop-layout .control-wrap {margin-bottom: 1em; justify-content: space-between; align-items: end;}
#popupzone .pop-layout .control-wrap .pop-title-wrap {}
#popupzone .pop-layout .control-wrap .pop-title-wrap > h5{color: #fff; font-size: 1.5em; font-weight: 600; text-transform: uppercase; margin: 0;}

#popupzone .pop-layout .left .swiper-container {height: 400px; width: 100%;}
#popupzone .pop-layout .left .bg {width: 100%; height: 100%;}
#popupzone .pop-layout .left .bg .re {width: inherit; height: inherit;}
.main_pipeline_wrap .swiper-slide .bg .re > img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
#popupzone .pop-layout .right {flex: 1 1 35%; max-width: 35%;}
#popupzone .pop-layout .right .right-inner {height: 400px;}
#popupzone .pop-layout .right .right-inner > div {flex: 1; width: 100%;}
#popupzone .pop-layout .right .right-inner .bg {width: 100%; height: 100%;}
#popupzone .pop-layout .right .right-inner .bg .re {width: 100%; height: 100%;}
#popupzone .pop-layout .right .right-inner img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
#popupzone .pop-layout .right .right-inner .swiper-container {height: calc(250px - 2em);}
#popupzone .pop-layout .right .right-inner .fixed-pop {width: 100%; height: 150px; margin-top: 2em;}
#popupzone .pop-layout .right .right-inner .fixed-pop .img-wrap {width: 100%; height: 100%;}
#popupzone .pop-layout .right .right-inner .fixed-pop .img-wrap .re {width: 100%; height: 100%;}
.mainPipeline_area  {justify-content: end !important;}
/* #popupzone .right {display: flex; flex-direction: column; gap: 2em;} */
/* #popupzone .right .swiper-container {margin-bottom: 2em;} */


#footer{ background:#444854}
#footer .gotop{ position:fixed; z-index:1; width:4em; line-height:4em; right:3em; bottom:3em; text-align:center; border-radius:50%; background:#fff; color:#444; transition:.3s; transform:translateY(7em); opacity:0; box-shadow:0 0 1em .125em rgba(0,0,0,.3)}
#footer .gotop .xi{ font-size:2em}
#footer .gotop:hover{ background:#0c66c6; color:#fff}
.scroll #footer .gotop{ transform:translateY(0); opacity:1}
#footer .menu_wrap{ border-bottom:1px solid rgba(255,255,255,.1)}
#footer .menu_wrap .menu > li{ flex:1 1 auto}
#footer .menu_wrap .menu > li > a{ display:block; color:#fff; position:relative; font-size:.938em; padding:1.5em 1em}
#footer .menu_wrap .menu > li:first-child > a{ padding-left:0}
#footer .menu_wrap .menu > li > a:hover{ text-decoration:underline}
#footer .info_wrap{ padding:3em 0 4em 0; color:#fff}
#footer .info_wrap .logo img{ height:3.5em}
#footer .info_wrap .info{ margin-left:5em; flex:1 1 1%}
#footer .info_wrap .info > li{ margin-right:5em; line-height:1.9; font-size:.938em}
#footer .info_wrap .info > li:last-child{ margin-right:0}
#footer .info_wrap .info > li.copyright{ width:100%; margin-top:.5em; font-size:.813em; opacity:.5; letter-spacing:0; text-transform:uppercase}
#footer .sns_wrap{ background:#f5f5f5; border-top:1px solid #ddd}
#footer .sns_wrap .sns > li{ display:flex; flex:1 1 1%}
#footer .sns_wrap .sns > li > a{ flex:1; display:block; text-align:center; padding:1em 0; position:relative}
#footer .sns_wrap .sns > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; transition:.3s; transform:scaleX(0)}
#footer .sns_wrap .sns > li > a .icon{ font-size:2em; position:relative; transition:.3s}
#footer .sns_wrap .sns > li > a .insta {position:absolute; top:0; left:0; background-image:url(../images/main/instagram.png); background-position:50% 50%; background-repeat:no-repeat; background-size:.875em .875em; width:100%; height:100%; transition:.3s;}
#footer .sns_wrap .sns > li.nv > a:before{ background:#1eb500}
#footer .sns_wrap .sns > li.fb > a:before{ background:#0b429f}
#footer .sns_wrap .sns > li.ig > a:before{ background:#833ab4}
#footer .sns_wrap .sns > li.tw > a:before{ background:#ea4d4d}
#footer .sns_wrap .sns > li.nv > a .icon{ color:#1eb500}
#footer .sns_wrap .sns > li.fb > a .icon{ color:#0b429f}
#footer .sns_wrap .sns > li.ig > a .icon{ color:#833ab4}
#footer .sns_wrap .sns > li.tw > a .icon{ color:#ea4d4d}
#footer .sns_wrap .sns > li > a:hover:before{transform:scaleX(1)}
#footer .sns_wrap .sns > li > a:hover .icon{ color:#fff}
#footer .sns_wrap .sns > li > a:hover .insta {background-image:url(../images/main/instawhite.png); transition:.3s;}

#contents .sub_nav_wrap{ background:#f3f7f9; position:relative; z-index:10; border:1px solid #ddd; border-left:none; border-right:none}
#contents .sub_nav_wrap .utility{ width:15em}
#contents .sub_nav_wrap .utility .zoom{ margin-right:1em}
#contents .sub_nav_wrap .utility .zoom > li > a{ display:block; width:2em; line-height:2em; background:#fff; text-align:center; color:#999; border:1px solid #ddd; margin-right:-1px; transition:.3s}
#contents .sub_nav_wrap .utility .zoom > li > a .xi{ font-size:1.125em}
#contents .sub_nav_wrap .utility .zoom > li > a:hover{ background:#eee; color:#444}
#contents .sub_nav_wrap .utility .btnPrint{ background:#fff; border:1px solid #0c66c6; color:#0c66c6; padding:.25em 1em; transition:.3s}
#contents .sub_nav_wrap .utility .btnPrint .xi{ font-size:1em}
#contents .sub_nav_wrap .utility .btnPrint .tt{ font-size:.875em}
#contents .sub_nav_wrap .nav{width:calc(100% - 15em)}
#contents .sub_nav_wrap .nav > li{ position:relative}
#contents .sub_nav_wrap .nav > li > a{ border-right:1px solid #ddd; height:3em}
#contents .sub_nav_wrap .nav > li.home > a{ width:4em; padding-right:1px; text-align:center}
#contents .sub_nav_wrap .nav > li.home > a .xi{ width:2em; line-height:2em; background:#0c66c6; color:#fff; font-size:1em; border-radius:50%}
#contents .sub_nav_wrap .nav > li.tt > a{ padding:0 1em; min-width:11em; position:relative; padding-right:3em; color:#444}
#contents .sub_nav_wrap .nav > li.tt > a > i:not(.xi){ font-size:.938em}
#contents .sub_nav_wrap .nav > li.tt > a .icon{ position:absolute; width:3em; text-align:center; right:0; top:50%; margin-top:-.5em; font-size:1em; transition:.3s}
#contents .sub_nav_wrap .nav > li.tt > a .icon:before{ content:"\e943"}
#contents .sub_nav_wrap .nav > li .gnb{ position:absolute; width:calc(100% - 1px); left:-1px; background:#fff; border:1px solid #ddd; display:none; padding:.25em 0; box-shadow:0 1px 3px rgba(0,0,0,.3)}
#contents .sub_nav_wrap .nav > li .gnb li.on .flex{ display:block; padding:.25em 0}
#contents .sub_nav_wrap .nav > li .gnb a{ padding:.375em 3em .375em 1em; text-align:left; color:#888; position:relative; overflow:hidden}
#contents .sub_nav_wrap .nav > li .gnb a:before{ content:"-"; width:1em}
#contents .sub_nav_wrap .nav > li .gnb a:after{ font-family:xeicon!important; content:"\e93f"; position:absolute; right:0; top:.5em; width:2.5em; text-align:center; transition:.3s; transform:translateX(100%)}
#contents .sub_nav_wrap .nav > li .gnb a .va{ font-size:.875em}
#contents .sub_nav_wrap .nav > li .gnb a:hover{ color:#0c66c6}
#contents .sub_nav_wrap .nav > li .gnb a:hover:after{ transform:translateX(0)}
#contents .sub_nav_wrap .nav > li.on.tt > a{ box-shadow:0 -2px 4px rgba(0,0,0,.2); background:#fff}
#contents .sub_nav_wrap .nav > li.on.tt > a .icon{ transform:rotate(180deg)}
#contents .sub_nav_wrap .nav > li.on .gnb{ display:block}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}

#contents .subTit{}
#contents .subTit .gnb{ display:block; position:relative}
#contents .subTit .gnb:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd}
#contents .subTit .gnb ul{ align-items:center}
#contents .subTit .gnb ul > li{ display:none}
#contents .subTit .gnb ul > li.on,
#contents .subTit .gnb ul > li.prev,
#contents .subTit .gnb ul > li.next{ display:block}
#contents .subTit .gnb ul > li:not(.on){ position:absolute; top:50%; margin-top:-1.5em; width:25%}
#contents .subTit .gnb ul > li.prev{ order:-1; left:0;}
#contents .subTit .gnb ul > li.next{ order:1; right:0}
#contents .subTit .gnb ul > li.on{ width:70%; margin:0 auto}
#contents .subTit .gnb ul > li:not(.on) > a{ padding:1em; position:relative; color:#888; display:inline-block}
#contents .subTit .gnb ul > li:not(.on) > a:after{ font-family:xeicon!important; position:absolute; top:50%; margin-top:-.5em; font-size:2em; opacity:.7; transition:.3s}
#contents .subTit .gnb ul > li.prev{ text-align:left}
#contents .subTit .gnb ul > li.next{ text-align:right}
#contents .subTit .gnb ul > li.prev > a{ padding-left:4em}
#contents .subTit .gnb ul > li.next > a{ padding-right:4em}
#contents .subTit .gnb ul > li.prev > a:after{ content:"\e93d"; left:0; transform:translateX(.5em)}
#contents .subTit .gnb ul > li.next > a:after{ content:"\e940"; right:0; transform:translateX(-.5em)}
#contents .subTit .gnb ul > li:not(.on) > a:hover{ color:#444}
#contents .subTit .gnb ul > li:not(.on) > a:hover:after{ transform:translateX(0)}
#contents .subTit .gnb ul > li.on > a{ font-weight:200; color:#444; letter-spacing:-2px; word-spacing:2px; padding:1.5em 0; position:relative}
#contents .subTit .gnb ul > li.on > a:after{ content:""; position:absolute; left:50%; bottom:-1px; width:4em; margin-left:-2em; height:3px; background:#0c66c6}
#contents .subTit .gnb ul > li.on > a .va{ font-size:2.25em}

#contents .subTab{ margin:3em 0 0 0}
#contents .subTab .gnb,
#contents .subTab .gnb .flex{ flex-wrap:wrap}
#contents .subTab .gnb li{ width:100%}
#contents .subTab .gnb .dp3{ margin:-1em 0 0 -1em}
#contents .subTab .gnb .dp3 > li{ flex:1 1 25%; display: flex;}
.dp2_facility #contents .subTab .gnb .dp3 > li{display: block; width: 100%; display: flex;}
/*#contents .subTab .gnb .dp3 > li:nth-child(4) ~ li{ max-width:25%}*/
#contents .subTab .gnb .dp3 > li > a{ flex:1; padding:1em; /* height:2.5em; */ border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s; font-size:500}
#contents .subTab .gnb .dp3 > li > a .va{ font-size:1.125em; font-weight:500}
#contents .subTab .gnb .dp3 > li > a:hover,
#contents .subTab .gnb .dp3 > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:#0c66c6; border-color:#0c66c6}
.dp1_treatment.dp2_department #contents .subTab .gnb .dp3 > li > a{ height:auto; flex:1;}
.dp1_treatment.dp2_department #contents .subTab .gnb .dp3 > li > a:before{ content:""; display:block; width:5em; height:5em; margin:0 auto; background-repeat:no-repeat; background-size:600% 600%; background-image:url(../images/inc/department.png); margin-bottom:.5em}
#contents .subTab .gnb .dp3 > li.ssm_0001 > a:before{ background-position:0 0}
#contents .subTab .gnb .dp3 > li.ssm_0002 > a:before{ background-position:20% 0}
#contents .subTab .gnb .dp3 > li.ssm_0003 > a:before{ background-position:40% 0}
#contents .subTab .gnb .dp3 > li.ssm_0004 > a:before{ background-position:60% 0}
#contents .subTab .gnb .dp3 > li.ssm_0005 > a:before{ background-position:80% 0}
#contents .subTab .gnb .dp3 > li.ssm_0006 > a:before{ background-position:100% 0}
#contents .subTab .gnb .dp3 > li.ssm_0007 > a:before{ background-position:0 20%}
#contents .subTab .gnb .dp3 > li.ssm_0008 > a:before{ background-position:20% 20%}
#contents .subTab .gnb .dp3 > li.ssm_0009 > a:before{ background-position:40% 20%}
#contents .subTab .gnb .dp3 > li.ssm_0010 > a:before{ background-position:60% 20%}
#contents .subTab .gnb .dp3 > li.ssm_0011 > a:before{ background-position:80% 20%}
#contents .subTab .gnb .dp3 > li.ssm_0012 > a:before{ background-position:100% 20%}
#contents .subTab .gnb .dp3 > li.ssm_0013 > a:before{ background-position:0 40%}
#contents .subTab .gnb .dp3 > li.ssm_0014 > a:before{ background-position:20% 40%}
#contents .subTab .gnb .dp3 > li.ssm_0015 > a:before{ background-position:40% 40%}
#contents .subTab .gnb .dp3 > li.ssm_0016 > a:before{ background-position:60% 40%}
#contents .subTab .gnb .dp3 > li.ssm_0017 > a:before{ background-position:80% 40%}
#contents .subTab .gnb .dp3 > li.ssm_0018 > a:before{ background-position:100% 40%}
#contents .subTab .gnb .dp3 > li.ssm_0019 > a:before{ background-position:0% 0%}
#contents .subTab .gnb .dp3 > li.ssm_0020 > a:before{ background-position:20% 60%}
#contents .subTab .gnb .dp3 > li.ssm_0021 > a:before{ background-position:0% 60%}
#contents .subTab .gnb .dp3 > li.ssm_0022 > a:before{ background-position:60% 60%}
#contents .subTab .gnb .dp3 > li.ssm_0023 > a:before{ background-position:40% 60%}
#contents .subTab .gnb .dp3 > li.ssm_0024 > a:before{ background-position:80% 60%}

.dp1_center.dp2_0001 #contents .subTab .gnb .dp3 > li > a{ height:auto}
.dp1_center.dp2_0001 #contents .subTab .gnb .dp3 > li > a:before{ content:""; display:block; width:5em; height:5em; margin:0 auto; background-repeat:no-repeat; background-size:600% 600%; background-image:url(../images/inc/center_icon.png); margin-bottom:.5em}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0002 > a:before{ background-position:0% 0%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0003 > a:before{ background-position:20% 0%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0004 > a:before{ background-position:40% 0%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0005 > a:before{ background-position:60% 0%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0006 > a:before{ background-position:80% 0%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0007 > a:before{ background-position:100% 0%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0008 > a:before{ background-position:0% 20%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0009 > a:before{ background-position:20% 20%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0010 > a:before{ background-position:40% 20%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0011 > a:before{ background-position:60% 20%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0012 > a:before{ background-position:80% 20%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0013 > a:before{ background-position:100% 20%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0014 > a:before{ background-position:0% 40%}
#contents .subTab .gnb .sm_0001 .dp3 > li.ssm_0015 > a:before{ background-position:20% 40%}

.in_lk_wrap{ margin:-1em 0 0 -1em; width:100%; flex-wrap:wrap}
.in_lk_wrap > li{ flex:1 1 20%; display: flex;}
.in_lk_wrap > li > a{ padding:1em; height:2.5em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s; font-size:500;  height:auto; }
.in_lk_wrap > li > a .va{ font-size:1.125em; font-weight:500}
.in_lk_wrap > li > a .va .i_tx{ display:block; line-height:1.4; font-size:.813em; margin-top:10px;}
.in_lk_wrap > li > a:before{ content:""; display:block; width:5em; height:5em; margin:0 auto; background-repeat:no-repeat; background-size:600% 600%; background-image:url(../images/inc/department.png); margin-bottom:.5em}
.in_lk_wrap > li.lk_01 > a:before{ background-position:0% 20%}
.in_lk_wrap > li.lk_02 > a:before{ background-position:80% 0}
.in_lk_wrap > li.lk_03 > a:before{ background-position:100% 60%}
.in_lk_wrap > li.lk_04 > a:before{ background-position:0% 0}
.in_lk_wrap > li.lk_05 > a:before{ background-position:60% 0}
.in_lk_wrap > li.lk_06 > a:before{ background-position:20% 0}
.in_lk_wrap > li.lk_07 > a:before{ background-position:40% 0}
.in_lk_wrap > li.lk_08 > a:before{ background-position:0% 40%}
.in_lk_wrap > li.lk_09 > a:before{ background-position:80% 20%}
.in_lk_wrap > li.lk_10 > a:before{ background-position:100% 40%}
.in_lk_wrap > li.lk_11 > a:before{ background-position:0% 20%}
.in_lk_wrap > li.lk_12 > a:before{ background-position:20% 80%}
.in_lk_wrap.st1 > li > a{ min-height:auto !important;}

#contents .doc{ padding:3em 0 8em 0}
#contents .doc.subSt1{ padding:3em 0 0 0}

@media print {
#header,
#contents .sub_nav_wrap,
#contents .subTit .gnb ul > li:not(.on),
#footer{ display:none}
#footer{ background:none; border-top:1px solid #ddd}
#footer .info_wrap{ color:#666}
#footer .info_wrap .info{ margin-left:0}
#contents{ background:url(../images/inc/logo.png) no-repeat right top; background-size:auto 3em; padding-top:3em;}
body{ font-size:12px}
.box1{ width:100%}
#contents .doc{ padding:1em 0}
}

/**/
.page_sec{ margin-top:4em !important}
.page_sec05{ margin-top:.5em !important}
.page_sec1{ margin-top:1em !important}
.page_sec2{ margin-top:2em !important}
.page_sec3{ margin-top:3em !important}
.page_sec4{ margin-top:4em !important}
.page_sec5{ margin-top:5em !important}

/**/
.mainVod{ position:relative; height:0; padding-bottom:40%; overflow:hidden}
.mainVod #vod{ position:absolute; left:0; top:0; width:100%; height:100%}
.mainVod .layer{ position:absolute; left:0; top:0; width:100%; height:100%}
.mainVod .layer:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#0c66c6; opacity:.3}
.mainVod .layer .slogan{ position:relative; color:#fff}
.mainVod .layer .slogan .t1{ font-weight:700; font-size:2.75em}
.mainVod .layer .slogan .t2{ margin:3em 0 6em 0; line-height:1.8; font-size:1.068em;}
.mainVod .layer .main_g{ position:absolute; top:2em; left:auto;}
.mainVod_wrap{ position:relative}
.mainVod_wrap .vod_btn{ position:absolute; right:2em; top:2em}
.mainVod_wrap .vod_btn .btn{ display:inline-block; padding:1em 1em; background:#fff; border-radius:.25em; margin:.25em; box-shadow:0 0 3px rgba(0,0,0,.3)}
.mainVod_wrap .vod_btn .btn.control .icon:before{content:"\ea3b"}
.mainVod_wrap .vod_btn .btn.close .tt:before{ content:"동영상 닫기"; font-size:.875em}
.mainVod_wrap .vod_btn .btn.close .icon:before{ content:"\e9af"; margin-left:.5em}
.mainVod_wrap.pause .btn.control{background:rgba(0,0,0,.7); color:#fff}
.mainVod_wrap.pause .btn.control .icon:before{content:"\ea3e"}
.mainVod_wrap.on{ z-index:1}
.mainVod_wrap.on .mainVod,
.mainVod_wrap.on .btn.control{ display:none}
.mainVod_wrap.on .vod_btn .btn.close{ background:#0c66c6; color:#fff}
.mainVod_wrap.on .vod_btn .btn.close .tt:before{ content:"동영상 보기"}
.mainVod_wrap.on .vod_btn .btn.close .icon:before{content:"\ea18"}

.mainVod_wrap.on + .mainCon_wrap{ margin-top:0}
.mainCon_wrap{ margin-top:-14em; position:relative; padding-bottom:5em}
.mainCon{ margin:0 0 0 -2em}
.mainCon > li{ width:33.33%}
.mainCon > li.w1{ width:66.66%}
.mainCon > li.w2{ width:100%}
.mainCon > li.w4{ width:100%}
.mainCon > li .in{ display:block; margin:2em 0 0 2em; background:#fff; box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:#222; position:relative}
.mainCon > li .in[href]:after{ content:"\e90b"; font-family:xeicon!important; position:absolute; right:1.5em; bottom:1.5em; width:2em; line-height:2em; background:#0c66c6; color:#fff; font-size:1.5em; text-align:center; border-radius:50%; opacity:0; transition:.3s; transform:translateX(-1em)}
.mainCon > li .in .resize{ padding-bottom:84.2105%}
.mainCon > li.w1 .in .resize{padding-bottom:40.5063%}
.mainCon > li.w4 .in .resize{ padding-bottom:30%}
.mainCon > li.w2 .in .resize{ /*padding-bottom:6.5%*/ padding-bottom:7.5%;}
.mainCon > li .in .resize .re{ padding:3.5em 3em; box-sizing:border-box;}
.mainCon > li.w2 .in .resize .re{ padding:1em 3em; box-sizing:border-box;}
.mainCon > li .in .t1{ display:block; font-weight:700; font-size:1.85em; letter-spacing:-1px; word-spacing:2px; margin-bottom:.8em}
.mainCon > li .in .t2{ display:block; line-height:1.8; font-size:1.068em;}
.mainCon > li.w2 .in .w2_time .t1{ display:inline-block; margin-bottom:0;}
.mainCon > li.w2 .in .w2_time .t2{ display:inline-block; margin-left:3em;}
.mainCon > li.w2 .in .w2_time .t2 .in_tt {font-size:.875em;}
.mainCon > li.w2 .in .w2_time .t2 .coL {vertical-align:baseline; }
.mainCon > li.w2 .in .w2_time .t2 .coL.st1 {font-weight:700;}
.mainCon > li.w2 .in .w2_time .t2 .coL.st {color:#0c66c6; }

.mainCon > li .in .flex > .t2{ width:100%}
.mainCon > li .in .flex > .t2.t3{ width:65%; font-size:.938em;}
.mainCon > li .in.in_03 .flex > .t2{ line-height:1.5;}
.mainCon > li .in .qr{ position:absolute; right:2.5em; bottom:2.5em}
.mainCon > li .in.st1{ box-shadow:none; background:#0c66c6; color:#fff}
.mainCon > li .in.st1:after{ background:#fff; color:#0c66c6}
.mainCon > li .in.st1 .line{ background:#fff}
.mainCon > li .in.st2{ box-shadow:none; background:#f1f1f1}
.mainCon > li .in.st3{ box-shadow:none; background-repeat:no-repeat; background-size:cover}
.mainCon > li .in.st3:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#0c66c6; opacity:.5; transition:.3s; opacity:0}
.mainCon > li .in.st3 .t1{ font-size:2em; margin-top:5.5em; color:#fff; margin-left:.5em; text-shadow: 0 0 30px rgb(0 0 0 / 46%);}
.mainCon > li .in.st3 .t1.no_mt{margin-top:0;}
.mainCon > li .in.st3:hover:before{ opacity:.2}
.mainCon > li .in:hover:after{transform:translateX(0); opacity:1}

.newsSlider_wrap{ padding:2em 0 4em 0; background:#f5f5f5; position:relative; overflow:hidden}
.newsSlider_wrap > .box1{ position:relative; padding:1em; overflow:hidden}
.newsSlider_wrap .newsSlider{ overflow:visible}
.newsSlider_wrap .swiper-container-initialized .board_gallery{ margin:0}
.newsSlider_wrap .swiper-container-initialized .board_gallery > li > a{ margin:0}
.newsSlider_wrap .newsControl{ position:absolute; left:0; top:19.5em; width:100%; height:100%; background:#fff; display:none}
.newsSlider_wrap .newsControl .box1{ position:relative}
.newsSlider_wrap .newsControl .newsSliderBtn{ position:absolute; width:5em; line-height:5em; top:-5em; margin:0 -1.5em; text-align:center; background:#fff; color:#888; transition:.3s}
.newsSlider_wrap .newsControl .newsSliderBtn .xi{ font-size:2em}
.newsSlider_wrap .newsControl .newsSlider-prev{ left:-5em}
.newsSlider_wrap .newsControl .newsSlider-next{ right:-5em}
.newsSlider_wrap .newsControl .newsSliderBtn:hover{ color:#fff; background:#0c66c6}

.main_tit{ font-size:2em; font-weight:700; color:#222; text-align:center; margin-bottom:1em}

.partnerSlider_wrap{ border-top:1px solid #ddd; padding:2em 0}
.partnerSlider_wrap .tit_wrap{ width:9em; text-align:center}
.partnerSlider_wrap .con_wrap{ width:calc(100% - 9em)}
.partnerSlider_wrap .partnerControl{ margin-top:1em; display:none}
.partnerSlider_wrap .partnerControl .partnerSliderBtn{ display:block; width:2em; line-height:2em; text-align:center; color:#999}
.partnerSlider_wrap .partnerControl .sliderPauseWrap .btnPlay{ display:none; color:#0c66c6}
.partnerSlider_wrap .partnerControl .sliderPauseWrap .partnerSliderBtn .xi{ font-size:1.75em}
.partnerSlider_wrap .partnerControl .sliderPauseWrap.pause .btnPause{ display:none}
.partnerSlider_wrap .partnerControl .sliderPauseWrap.pause .btnPlay{ display:block}
.partner > li{ width:20%}
.partner > li > a{ padding-bottom:35%; position:relative}
.partner > li > a:after{ content:""; position:absolute; left:-1px; top:0; width:calc(100% + 1px); height:100%; border:1px solid #ddd; box-sizing:border-box}
.partnerSlider .swiper-slide-active > a:after{ left:0; width:100%}
.partner > li:hover{ position:relative; z-index:1}
.partner > li:hover > a:after{ border-color:#0c66c6; transition:.3s}

/**/
.login_wrap .login{ width:28em; max-width:94%; margin:0 auto; position:relative}
.login_wrap.st1{ border:1px solid #ddd; padding:3em; border-radius:.5em}
.login_wrap.st1 .login{ margin:0; flex:0 1 35em}
.login_wrap.st1 .etc_wrap{ flex: 0 1 15em; margin-left:2em; order:1}

.login_wrap .login .mem_tit{ font-size:1.75em; font-weight:200; letter-spacing:-2px; word-spacing:2px; margin-bottom:1em; line-height:1.4; text-align:center; color:#444}
.login_wrap .link_wrap{ padding:0 .5em; margin:1em 0 0 0}
.login_wrap .link_wrap .link{ font-size:.875em; padding:0 1em; color:#666; position:relative}
.login_wrap .link_wrap .link:before{ content:""; position:absolute; left:0; top:10%; width:1px; height:80%; background:#ddd}
.login_wrap .link_wrap .link:first-child:before{ display:none}
.login_wrap .link_wrap .link .tt{ padding:0 .25em; display:inline-block}
.login_wrap .link_wrap .link:hover .tt{ text-decoration:underline; color:#111}

.login_wrap .check_wrap{ font-size:.938em; margin:1em 0 0 .5em}
.login_wrap .btn_wrap{ margin-top:2em}
.login_wrap .btn_wrap .btn{ padding:0 2em; height:3.5em; border-radius:.25em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background:#0c66c6; color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; transition:.3s}
.login_wrap .btn_wrap .btn.re{ border-color:#0c66c6; color:#0c66c6; background:#fff}
.login_wrap .btn_wrap .btn.c1{ background:#ecb757; color:#fff; border-color:#ecb757}
.login_wrap .btn_wrap .btn.c2{ background:#aaa; color:#fff; border-color:#aaa}
.login_wrap .btn_wrap .btn.s1{ font-size:1.125em}
.login_wrap .btn_wrap .btn.s2{ font-size:.875em}
.login_wrap .btn_wrap .btn.w1{ width:49%}
.login_wrap .btn_wrap .btn:hover{ opacity:.8}

.form_st{}
.form_st > li{ margin-top:1.5em}
.form_st > li:first-child{ margin-top:0}
.form_st > li .in{ position:relative; padding:0 1em 0 4em; margin-top:.5em}
.form_st > li .in .icon{ position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666}
.form_st > li .in .icon:before{ font-size:1.313em}
.form_st > li .in .lab{ position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em; transition:.3s}
.dp1_member.dp2_login .form_st > li .in .lab{ background:#fff}
.form_st > li .in .inp{ width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; font-family:tahoma,sans-serif}
.form_st > li .in .inp[type=file]{ padding:0 !important; height:3em}
.form_st > li .in textarea.inp{ height:10em; padding:1em !important}
.form_st > li .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:.25em; box-sizing:border-box; transition:.3s}
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:#0c66c6; margin-left:-.5em}
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon{ color:#333}
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line{ border-color:#0c66c6}
.form_st > li .in .inp.c1{ background:#f1f1f1; border-radius:.25em}

.form_st.st1 > li{ display:flex; flex-wrap:wrap; align-items:center}
.form_st.st1 > li.line{ margin-top:2em; padding-top:1.25em; border-top:1px solid #004455}
.form_st.st1 > li.line > .label_st{ width:100%; margin-top:-1em}
.form_st.st1 > li.line2{ border-top:1px solid #ddd; padding-top:1em !important}
.form_st.st1 > li .in{ padding:0; flex:1 1 auto; width:20%; word-break:break-all}
.form_st.st1 > li .in_sec{ width:1.5em; text-align:center; color:#999; display:inline-block}
.form_st.st1 > li .in_sec2{ width:.5em}
.form_st.st1 > li .in_br{ flex-basis:100%}
.form_st.st1 > li .in_tit{ font-weight:500; font-size:1.063em; color:#333; width:100%}
.form_st.st1 > li .in_tit .ess:before{content:"\e929"; font-size:1em; vertical-align:super; margin-left:.25em}
.form_st.st1 > li .in_tit.c1{ color:#777}
.form_st.st1 > li .label_st{ font-size:.938em}
.form_st > li .in_tt{ width:100%; color:#777; font-size:.938em; margin-top:1em; line-height:1.5}
.form_st.st1 > li .in.fix{ flex:0 0 auto}
.form_st.st1 > li .in .inp{ padding:1em 1em; height:3.5em; font-size:.875em; font-family:notokr,sans-serif; font-weight:400}
.form_st.st1 > li .in .inp.s1{ font-size:1.125em; font-weight:500;}
.form_st.st1 > li .in .btn{ color:#fff}
.form_st.st1 > li .in .btn + .line{ background:#aaa; border-color:transparent}
.form_st.st1 > li .in .btn.c1 + .line{ background:#333; border-color:transparent}
.form_st.st1 > li .in .w100{ width:100%}
.form_st.st1 > li .in.w1{ max-width:26%}
.form_st.st1 > li .in.w50{ max-width:50%}
.form_st.st1 > li .in.w100{ max-width:100%}
.form_st.st1 > li .agree{ border-radius:.25em; border:1px solid #ddd; width:100%; margin:1em 0}
.form_st.st1 > li .agree > li{ padding:.75em 3em .75em 1em; position:relative; font-size:.938em; transition:.3s}
.form_st.st1 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st1 > li .agree > li .more{ position:absolute; right:1em; top:1.25em; background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em}
.form_st.st1 > li .agree > li .more:hover{ background:#666}
.form_st.st1 > li .agree > li:hover{ background:#f5f5f5}
.form_st.st1 > li.flex{ padding:0 .5em}
.form_st.st1 > li.flex .in_tit{ flex-basis:8em; font-size:.938em; padding-left:0; height:4em; display:flex; align-items:center}
.form_st.st1 > li.flex .in{ margin-top:0}
.form_st.st1 > li.flex .in.w100{ margin-left:8em}
.form_st.st1 > li.flex .in .inp{ font-size:.938em}

.msg_wrap{ position:absolute; left:0; top:0; width:100%; margin-bottom:2em; padding:1em 1em 1em 2.75em; box-shadow:0 0 1em .125em rgba(0,0,0,.2); border-radius:.5em; visibility:hidden; transform:translateY(2em); transition:.3s; background:#fff; box-sizing:border-box}
.msg_wrap .icon{ position:absolute; left:1em; top:.875em}
.msg_wrap .icon:before{content:"\e9a7"}
.msg_wrap .t1{ color: #CC3333}
.msg_wrap.on{ position:relative; visibility:visible; transform:translateY(0)}
.wrap_in{ transition:.3s}

.step_st{ padding:1px 0 0 1px; overflow:hidden; border-right:1px solid #ddd; margin-bottom:3em}
.step_st > li{ flex:1 1 1%}
.step_st > li .in{ background:#f5f5f5; padding:0 1em 0 3.5em; height:5em; border:1px solid #ddd; margin:-1px 0 0 -1px; position:relative; color:#888}
.step_st > li .in:after{ content:""; position:absolute; z-index:1; right:-2.125em; top:.813em; width:0; padding-left:4em; height:4em; font-size:.875em; border:1px solid #ddd; border-left:none; border-bottom:none; background:#f5f5f5; transform:rotate(45deg)}
.step_st > li .in .icon{ font-size:2.5em; margin-right:.25em; opacity:.3}
.step_st > li .in .tt .t1{ display:block; font-size:.875em; font-weight:700; line-height:1; margin-bottom:.25em; opacity:.5}
.step_st > li .in .tt .t2{ font-size:1.125em; font-weight:500; line-height:1}
.step_st > li.on .in{ background:#0c66c6; color:#fff}
.step_st > li.on .in:after{ background:#0c66c6; border-color:transparent}
.step_st > li.on .in .icon{ opacity:1}
.step_st > li.on .in .tt .t1{ color:#fff}

.join_select{ margin:-2em 0 0 -2em; padding:0 5%}
.join_select > li{ flex:1 1 1%}
.join_select > li > a{ display:block; margin:2em 0 0 2em; height:100%; box-sizing:border-box; padding:3em 1em; text-align:center; border:3px solid #eee; transition:.3s}
.join_select > li > a .icon{ display:block; width:5em; line-height:5em; background:#f5f5f5; margin:0 auto; border-radius:50%; color:#999; transition:.3s}
.join_select > li > a .icon:before{ font-size:2em}
.join_select > li > a .t1{ display:block; font-weight:500; font-size:1.75em; margin:.5em 0}
.join_select > li > a .t2{ display:block; color:#666}
.join_select > li > a .more{ display:inline-block; background:#666; color:#fff; margin:0 auto; padding:.5em 2em; margin-top:3em; transition:.3s}
.join_select > li > a:hover{ border-color:#0c66c6; box-shadow:0 0 1em .125em rgba(0,0,0,.2)}
.join_select > li > a:hover .icon{ color:#0c66c6}
.join_select > li > a:hover .more{ background:#0c66c6; color:#fff}

.agree_box .check{ padding:1em .25em; border-top:1px solid #0c66c6; font-size:1.25em; position:relative}
.agree_box .check .arrow{ position:absolute; right:.5em; top:50%; line-height:1; margin-top:-.75em; color:#aaa}
.agree_box .check .arrow:before{ content:"\e943"; font-size:1.5em}
.agree_box .agree_wrap{ height:11em; margin-left:3em}
.agree_wrap{ padding:2em; border:1px solid #ddd; font-size:.938em; line-height:1.8; color:#555; background:#f9f9f9}

.box_st{ border:1px solid #ddd; border-top-color:#0c66c6; padding:3em; text-align:center}

.tab_st{ padding:1px 0 0 1px; margin-bottom:2em}
.tab_st > li{ flex:1 1 1%; position:relative}
.tab_st > li > a{ background:#f5f5f5; border:1px solid #ddd; margin:-1px 0 0 -1px; display:flex; align-items:center; height:4em; justify-content:center; color:#666; font-weight:500; position:relative; font-size:1.125em}
.tab_st > li.on{ z-index:1}
.tab_st > li.on > a{ background:#fff; color:#0c66c6; border-bottom-color:transparent}
.tab_st > li.on > a:before{ content:""; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:2px solid #0c66c6; border-bottom:none}

.tab_st2{ margin:0 0 0 -.5em}
.tab_st2 > li{ width:9em}
.tab_st2 > li > a{ display:block; border:1px solid #ddd; padding:.5em .5em; padding-right:2em; color:#666; margin:.5em 0 0 .5em; background:#f9f9f9; position:relative; transition:.3s}
.tab_st2 > li > a .tt{ font-size:.875em}
.tab_st2 > li > a .icon{ position:absolute; right:.5em; top:50%; margin-top:-.5em; font-size:1em; opacity:0}
.tab_st2 > li > a .icon:before{content:"\e942"}
.tab_st2 > li:hover > a,
.tab_st2 > li.on > a{ background:#fff; border-color:#0c66c6; color:#0c66c6; box-shadow:0 0 .5em .125em rgba(0,0,0,.1)}
.tab_st2 > li.on > a .icon{ opacity:1}
.tab_st2.st1 > li{ width:20%}
.tab_st2.st1 > li > a{ padding:.75em; background:#fff; border-color:#ddd; color:#0c66c6}
.tab_st2.st1 > li.on > a{ background:#0c66c6; color:#fff}

.page_tit{ margin-bottom:.75em; margin-top:4em}
.page_tit:first-child{ margin-top:0}
.page_tit .t1{ font-size:1.625em; color:#222; letter-spacing:-2px; word-spacing:2px;}
.page_tit .t1 .ss{ font-size:.625em; color:#999; letter-spacing:0; word-spacing:0}
.page_tit .t2{ font-size:2em; color:#222; letter-spacing:-2px; word-spacing:2px; margin-bottom:1em}
/* .page_tit .t2:after{ content:""; margin:.5em 0; margin-left:.125em; width:1em; height:2px; background:#222; display:block} */
.page_tit.ac .t2:after{margin:.5em auto}
.page_tit.st {margin-top:1.5em;}
.page_tit.st .t1 {font-size:1.250em}
.page_tit.right {margin-top:0;}

.memo_st{ border:1px solid #ddd; background:#fafafa; padding:2em 3em; position:relative}
.memo_st:before,
.memo_st:after{ content:""; position:absolute; width:1em; height:1em; border:3px solid #0c66c6}
.memo_st:before{ left:-1px; top:-1px; border-right:none; border-bottom:none}
.memo_st:after{ right:-1px; bottom:-1px; border-left:none; border-top:none}
.memo_st .t1{ font-size:.938em !important; color:#444; position:relative; padding-left:1.75em; margin-top:1em; margin-bottom:0 !important;}
.memo_st .t1:first-child{ margin-top:0}
.memo_st .t1:before{ content:"\e9a6"; font-family:xeicon!important; position:absolute; left:0; top:0; color:#0c66c6; font-size:1.375em}
.memo_st .t1.xi_ck:before{content:"\e92b"}
.memo_st.st1{ background:#fff;}
.memo_st.st1 .memo_tt{ font-size:1.5em; font-weight:500; line-height:1.5; text-align:center;}
.memo_st.st1 .memo_s{ text-align:center; text-transform:uppercase; color:#666; margin-bottom:5px;}
.memo_st.bg1 {background:#fff;}

.memo_st.st1.covid1_St {text-align:center}
.memo_st.st1.covid1_St .memo_tt {font-size:2em; font-weight:700; position:relative; display:inline-block}
.memo_st.st1.covid1_St .memo_tt:before{content:''; width:100%; height:.5em; background:#108ad3; opacity:.15; position:absolute; left:0; bottom:0;}
.memo_st.st1.covid1_St .memo_s{font-size:1.3em}


.tt_st1{ font-size:1.063em; line-height:1.8; color:#666}


/*의료진소개 뷰 팝업*/
.pop1_explain{}
.pop1_explain .left { width:33%; float:left;}
.pop1_explain .right { width:67%; float:right;}

.pop1_explain .left{ box-sizing:border-box; padding-right:30px;}
.pop1_explain .left .resize{ padding-bottom:110%; border:1px solid #ddd;}
.pop1_explain .right .right_in {}
.pop1_explain .right .right_in .hos_tt{/* margin-left:10px;*/ color:#0c66c6; font-size:1.125em; margin-bottom:8px;}
.pop1_explain .right .right_in > li {border-top:1px dashed #aaa; margin-bottom:20px; overflow:hidden; padding:15px 5px;}
.pop1_explain .right .right_in > li:last-child {border-bottom:1px dashed #aaa;}
.pop1_explain .right .right_in .r_left .tit{ font-size:1.25em;}
.pop1_explain .right .right_in .r_left .tit > i {padding:0 2px 5px 0; font-size:1em; vertical-align: baseline; display:inline-block; margin:0 0 3px 3px; color:#0b4790; }
.pop1_explain .right .right_in .r_right li {padding-left:10px; position:relative; margin-bottom:5px; font-size:.938em; color:#333;}
.pop1_explain .right .right_in .r_right li:before {position:absolute; content:''; width:5px; height:1px; background:#0074c1; left:0; top:11px;}
.pop1_explain .right .right_in .r_right > *,
.pop1_explain .right .right_in .r_right p,
.pop1_explain .right .right_in .r_right span
.pop1_explain .right .right_in .r_right font{ font-family:'notokr' !important; font-size:1em !important;}


/**/
.update_date{ color: #666; margin-top: 0.5em;}

.sub_doctors{ /* margin:0 0 0 -2em;  */gap: 2em 0;}
.sub_doctors > li{ width:50%}
.sub_doctors .box_inner{/* margin:2em 0 0 2em; */  flex: 1; display: flex; flex-direction: column;}
.sub_doctors .wrap_in{  border:1px solid #ddd; flex: 1;}
.sub_doctors .wrap_in .img_wrap{ width:40%}
.sub_doctors .wrap_in .img_wrap .va_wrap:before{/* vertical-align:bottom*/}
.sub_doctors .wrap_in .img_wrap .va_wrap font{ display:none;}
.sub_doctors .wrap_in .img_wrap .va_wrap.re{ box-sizing:border-box; padding:1em;}
.sub_doctors .wrap_in .info_wrap{ width:60%; position:relative}
.sub_doctors .wrap_in .info_wrap:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd}
.sub_doctors .wrap_in .info_wrap .info{ padding:1.5em}
.sub_doctors .wrap_in .info_wrap .info .t1{ color:#222; font-size:1.063em}
.sub_doctors .wrap_in .info_wrap .info .t2{ font-weight:700; color:#222; margin:.125em 0 .375em 0; font-size:2em}
.sub_doctors .wrap_in .info_wrap .info .t3{ font-weight:500; color:#0c66c6; margin-bottom:.5em}
.sub_doctors .wrap_in .info_wrap .info .t4{ color:#888; line-height:1.5em; overflow:hidden; font-size:.938em}
.sub_doctors .wrap_in .info_wrap .info .t4 > *,
.sub_doctors .wrap_in .info_wrap .info .t4 p,
.sub_doctors .wrap_in .info_wrap .info .t4 span,
.sub_doctors .wrap_in .info_wrap .info .t4 font { font-family:'notokr' !important; color:#888 !important; line-height:1.5em;  font-size:14px !important}

.sub_doctors .wrap_in .info_wrap .btn{ flex:1 1 1%; text-align:center; padding:.75em; border:1px solid #ddd; margin:0 -1px -1px 0; background:#f5f5f5; font-size:.938em; color:#444; transition:.3s}
.sub_doctors .wrap_in .info_wrap .btn .icon{ margin-right:.25em}
.sub_doctors .wrap_in .info_wrap .btn.b1 .icon:before{content:"\e97b"}
.sub_doctors .wrap_in .info_wrap .btn.b2 .icon:before{content:"\e9a4"}
.sub_doctors .wrap_in .info_wrap .btn:hover{ color:#fff}
.sub_doctors .wrap_in .info_wrap .btn.b1:hover{ background:#0c66c6}
.sub_doctors .wrap_in .info_wrap .btn.b2:hover{ background:#444}
.sub_doctors.st1 .wrap_in{ border:none}
.sub_doctors.st1 .wrap_in .info_wrap .info{ text-align:left}
.sub_doctors.st1 .wrap_in .info_wrap:before{ display:none}
.sub_doctors.st1 .wrap_in .img_wrap .va_wrap.re{ box-sizing:border-box; padding:0;}

.sub_search{ background:#f5f5f5; padding:2em; margin-bottom:2em}
.sub_search .grow{ flex:0 1 30%; margin:0 2px}
.sub_sort{ font-size:1.125em;}
.sub_sort > label{ margin-right:2em}

.hours .board_st.st1 td{ word-break:break-all;}
/**/
.sub_tbox{ background:#fff; padding:2em 0 0; border-top:1px solid #ddd; position:relative;}
.sub_tbox:before{ content:''; width:10%; height:3px; background:#0b4790; position:absolute; top:-2px; left:0;}
.sub_tbox.st_no{border-top:none; padding:0;}
.sub_tbox.st_no:before{ display:none;}
.sub_tbox .in_img{ width:300px;}
.sub_tbox .in_img.st2{ width:35%;}
.sub_tbox .in_img.st3{ width:100%; background:#fff;}
.sub_tbox .in_txt{ width:calc(100% - 300px); padding-left:2.5em; box-sizing:border-box;}
.sub_tbox .in_txt.st2{ width:65%;}
.sub_tbox .tbox_tt{ font-size:1.25em; color:#015db3; margin-bottom:15px; font-weight:500;}
.sub_tbox .tx{color:#444; margin-top:10px; line-height:1.5;}
.sub_tbox .tx:first-child{ margin-top:0;}
.sub_tbox .tx .st1{vertical-align: inherit; color:#000; font-weight:500;}
.sub_tbox .tx .st2{vertical-align: inherit; color:#666; font-size:1.25em;}
.sub_tbox .tx .xi-subdirectory-arrow{ color:#999;}

.sub_tbox ul.tx li{ margin-bottom:5px; padding-left:.7em;  position:relative;}
.sub_tbox ul.tx li:before{ content:''; width:3px; height:3px; border-radius:50%; background:#0074c1; position:absolute; top:10px; left:0;}
.sub_tbox ul.tx li:last-child{ margin-bottom:0;}
.sub_tbox .i_bar{ display:block; border-top:1px dashed #aaa; margin:1.5em 0;}

.sub_tbox .cn_list li{ margin-bottom:7px; color:#444; line-height:1.5;}
.sub_tbox .cn_list li:last-child{ margin-bottom:0;}
.sub_tbox .cn_list li .cn_st1{ color:#fff; margin-right:8px; font-size:.875em; font-weight:500; vertical-align:baseline; background:#0b4790; display:inline-block; text-align:center; border-radius:50%; width:30px; height:30px; line-height:30px;}
.sub_tbox .cn_list li .in_tt {display:block; margin-left:3em; font-size:.875em;}
.sub_tbox .cn_list.st2{ margin-right:-20px;}
.sub_tbox .cn_list.st2 li .in{ margin-right:20px; border:1px solid #ddd; box-sizing:border-box;}
.sub_tbox .cn_list.st2 li .in .tx_c{ box-sizing:border-box; padding:1.5em; border-top:1px solid #ddd;}
.sub_tbox .cn_list.st3 li .in .tx_c{ min-height:150px;}

.sub_tbox .crt_list > li{width:25%; border:1px solid #ddd; box-sizing:border-box; padding:1.5em; text-align:center;}
.sub_tbox .crt_list > li .i_t{ font-size:1.125em; margin-bottom:1.2em;}
.sub_tbox .crt_list > li .crt_b > li a{ display:block; background:#0d50a2; color:#fff; width:80%; margin:2px auto; box-sizing:border-box; padding:.8em; font-size:.938em; transition:.3s;}
.sub_tbox .crt_list > li .crt_b > li a:hover{ background:#033c81}

.sbox{ background:#fafafa; padding:1.5em 2em; border:1px solid #ddd; font-size:.938em;}
.sbox:before{ display:none;}
.sbox .s_tt{font-size:1.125em; font-weight:500; color: #0b4790; vertical-align: baseline;}
.sbox .nm_st{ font-size:1.125em; color:#0087e0; font-weight:700; vertical-align:baseline;}
.sbox .bk_t1{ display:inline-block; padding:.3em 1.5em; background:#0b4790; border-radius:50px; color:#fff; margin-bottom:5px;}
.sbox .img_z{ background:#fff; box-sizing:border-box; padding:.5em 1em; text-align:center;}
.sbox .img_z.st2{ border:1px solid #ddd;}

.sf_01{margin-right:-5px;}
.sf_01 .sbox{ min-height:105px; margin-right:5px; margin-bottom:5px;}
.sf_01 >li:last-child .sbox{ background:#0b4790;}
.sf_01 >li:last-child .sbox .s_tt{ color:#fff;}
.sf_01 >li:last-child .sbox .tx{ color:rgba(255,255,255,.6);}

.ch_s_list li{margin-bottom:15px; padding-bottom:15px; padding-left:15px; border-bottom:1px dashed #bbb;}
.ch_s_list li:last-child{ margin-bottom:0;}
.ch_s_list li:after{ display:block; clear:both; content:'';}
.ch_s_list li .ch_r{width:2.3em; line-height:2.3em; text-align:center; background:#0b4790; border-radius:50%; border:3px solid #fff; color:#fff; float:left; box-shadow:2px 1px 3px rgba(0,0,0,0.2);}
.ch_s_list li .tw.va_wrap{  height:2.3em; }
.ch_s_list li .tw{ padding-left:15px; box-sizing:border-box; float:left; font-size:1.125em;  text-align:left;}
.ch_s_list li .tw .ti{ display:block; font-size:.913em; color:#444; line-height:1.5;}


.board_st.st1.st2 td,
.board_st.st1.st2 th{ height:auto; padding:.8em 1em; border-top:1px solid #ddd;}
.board_st.pg_st{ font-size:1em;}
.board_st.st1.st2 th.th_c01{ background:#0b4790}

.cc_tx{ font-size:.813em; margin-top:1.5em;}

.page_ceoWrap.st2{ margin-top:0;}
.page_ceoWrap.st2 .page_ceoT .left{width:51%;}
.page_ceoWrap.st2 .page_ceoT .right{width:49%;}
.page_ceoWrap.st2 .page_ceoT .img_wrap .inner{ margin-left:0;}
.page_ceoWrap.st2 .page_ceoT .img_wrap .inner img{ box-shadow:none; width:33em;}
.page_ceoWrap.st2 .page_ceoT .txt_wrap .inner{ padding-top:2.5em;}
.page_ceoWrap.st2 .page_ceoT .txt_wrap .txt.sign{ padding-right:0;}
.page_ceoWrap.st2 .page_ceoT .txt_wrap .txt .f_st01{ font-size:1.7em; font-weight:700; color:#0b4790; vertical-align: baseline;}
.page_ceoWrap.st2.st3 .page_ceoT .txt_wrap .inner{ padding-top:8.5em;}

.center_tbox{ text-align:center;}
.center_tbox .tt_01{ font-size:1.875em; font-weight:500; margin-bottom:30px;}
.center_tbox .tw_01{ line-height:1.7; margin-bottom:10px; font-size:1.125em; color:#333;}


/**/
.page_ex_box.st_n:before,
.page_ex_box.st_n:after{ display:none;}

/*임상실험 모집공고*/
.btn_ctc{ display:inline-block; padding:.5em; border-radius:3px; font-size:.938em; min-width:5em; color:#fff;}
.btn_ctc.st1{ background:#0b4790;}
.btn_ctc.st2{ background:#bbb;}
.btn_ctc_v a{ display:inline-block; padding:.7em 1.5em; font-size:1.25em; background:#0b4790; border-radius:5px; color:#fff; margin-top:3em; transition:.3s;}
.btn_ctc_v a:hover{ background:#032957}

.ts_list{ text-align:center; margin-right:-15px;}
.ts_list li .in{ margin-right:15px; margin-bottom:15px; border:1px solid #ddd; box-sizing:border-box; padding:1.5em .5em 2em; box-shadow:0.25em 0.25em 0 rgba(0,0,0,.08);}
.ts_list li .in .no_st{ width:2em; height:2em; line-height:2em; background:#0b4790; color:#fff; text-align:center; display:inline-block; border-radius:50%; margin-bottom:3px;}
.ts_list li .in .ts_tt{ font-size:1.35em; color:#0b4790; font-weight:700; margin-bottom:20px; position:relative; display:inline-block;}
.ts_list li .in .ts_tt:before{ content:''; width:100%; height:.5em; background:#108ad3; opacity:.15; position:absolute; left:0; bottom:0;}
.ts_list li .in .ts_tx{ font-size:.938em; color:#333;}

.ts_list li:nth-child(1) .in,
.ts_list li:nth-child(2) .in,
.ts_list li:nth-child(3) .in{ min-height:260px;}
.ts_list li:nth-child(4) .in,
.ts_list li:nth-child(5) .in,
.ts_list li:nth-child(6) .in{ min-height:300px;}

.ts_list.st2{ margin-right:-20px;}
.ts_list.st2 li .in{ min-height:auto; margin-right:20px; box-shadow:none; position:relative;}
.ts_list.st2 li .in:before{ content:"\ea3e"; position:absolute; left:-9%; top:45%; font-family:xeicon; font-style:normal; font-size:1.3em; color:#0b4790; opacity:.5;}
.ts_list.st2 li .in .ts_icon{ width:70px; height:70px; margin:0 auto 15px; background:#00479e; border-radius:10px;}
.ts_list.st2 li .in .no_st2{ font-weight:700; color:#bbb; font-size:1.25em; margin-bottom:-3px;}
.ts_list.st2 li .in .ts_tt{ margin-bottom:0;}
.ts_list.st2 li:first-child .in:before{ display:none;}


.ts_list.st3 li .in{ min-height:155px !important;}
.ts_list.st3 li.on .in{ background:#0b4790;}
.ts_list.st3 li.on .in .ts_tt{ color:#fff; margin-bottom:2px; margin-top:.8em;}
.ts_list.st3 li.on .in .ts_tt:before{ display:none;}
.ts_list.st3 li.on .in .ts_tx{ color:#ddd;}

.c_point.st2{ font-size:1.125em; font-weight:700;}

/*사회공헌*/
.vision_in{ background:#f5f5f5; padding:2.5em 0 3em;}
.vision_in .vision_list > li{border:1px solid #ddd; box-sizing:border-box; padding:1.5em 1.5em 8.5em; background:#fff; margin-left:-1px; position:relative; height:240px;}
.vision_in .vision_list > li .nmb{ font-size:2em; font-weight:bold; display:inline-block; vertical-align:initial;}
.vision_in .vision_list > li .nmb2{ font-size:.6em; font-weight:normal; vertical-align:baseline; margin-left:8px; letter-spacing:-.5px; opacity:.6;}
.vision_in .vision_list > li .v_en{display:block; margin-top:5px; color:#333;}
.vision_in .vision_list > li .v_icon{ position:absolute; bottom:10px; right:15px; opacity:.4;}

.vision_in.st2{ background:#fff; padding:0;}
.vision_in.st2 .vision_list > li{ position:relative; height:220px;}
.vision_in.st2 .vision_list > li .nmb{ font-size:1.4em; position:relative; padding:0 5px;}
.vision_in.st2 .vision_list > li .nmb:before{ content:''; width:100%; height:12px; background:#0074c1; opacity:.2; position:absolute; bottom:-1px; left:0;}
.vision_in.st2 .vision_list > li .oi_list{ margin-top:1em}
.vision_in.st2 .vision_list > li .oi_list > li{ position:relative; padding-left:.6em;}
.vision_in.st2 .vision_list > li .oi_list > li:before{ content:''; width:4px; height:4px; border-radius:50%; background:#0074c1; position: absolute; top:11px; left:0;}
.vision_in.st2 .vision_list > li .b_nm{ font-size:4em; opacity:.2; color:#002b8f; font-weight:700; position:absolute; bottom:0em; right:.5em;}

.vision_list.flex{ margin-right:-4px;}
.vision_list.flex > li{ flex:1 1 25%; height:auto; padding:0; border:none; background:none; margin-bottom:5px;}
.vision_list.flex > li .in{ box-sizing: border-box; padding:1em 1.5em 2em; border:1px solid #ddd; background:#fff; margin-right:4px;}

.page_txt_wrap{ margin-top:2.5em;}
.page_txt_wrap:first-of-type{ margin-top:0;}
.page_txt_wrap.flex > *{ padding:1.4em .4em; border-top:2px solid #e8e8e8;}
.page_txt_wrap.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1;}
.page_txt_wrap.flex > .flex_w1:before,
.page_txt_wrap.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em;}
.page_txt_wrap.flex > .flex_w1:before{ left:0; background:#4e84d6;}
.page_txt_wrap.flex > .flex_w1:after { left:.8em; background:#44afd3;}
.page_txt_wrap.flex > .flex_w2{ flex:4; margin-left:2em;}
.page_txt_wrap.flex > .flex_w2.st1{ flex:6;}
.page_txt_wrap.flex > .flex_w2 .tt{ font-size:1.25em;}
.page_tit.dp1{ margin-bottom:.6em; font-size:1.375em; color:#0d2d4f; line-height:1.4em; letter-spacing:-1px; font-weight:500;}

.midd ul li{ position: relative;}
.midd ul li:after{ content:'&'; position:absolute; top:14px; right:-8px; z-index:10; font-size:1.8em; color:#fff;}
.midd ul li:last-child:after{ display:none;}
.midd ul li strong{display:block; position:relative; width:100%; height:60px; line-height:21px; padding:18px 22px 0 22px; margin-left:-22px; text-align:center;  font-size:1.25em; color:#fff; background-color:rgba(120,120,120,0.85); box-sizing:content-box; border-radius:39px; -webkit-border-radius:39px;}
.midd ul li:nth-child(1) strong{padding-left:0; margin-left:0; background-color:rgba(28,187,187,0.85);}
.midd ul li:nth-child(2) strong{background-color:rgba(230,94,124,0.85);}
.midd ul li:nth-child(3) strong{background-color:rgba(40,101,201,0.85);}
.midd ul li strong span{display:block; line-height:17px; margin-top:5px; text-align:center; color:rgba(255,255,255,0.6); font-size:.875em;}
.midd.st2 ul li strong{ line-height:35px;}

.inst_list{ margin-right:-20px;}
.inst_list li .in{ text-align:center; margin-right:20px; line-height:1.2; position:relative;}
.inst_list li .in:after{ content:''; width:1px; height:90px; background:#ddd; position:absolute; top:50%; margin-top:-45px; right:0;}
.inst_list li:last-child .in:after{ display:none;}
.inst_list li .in .icon{ width:50px; height:50px; background:#0b4790; color:#fff; border-radius:50%; margin:0 auto 8px;}
.inst_list li .in .md_bar{ display:inline-block; width:1px; height:15px; background:#ccc; margin:10px 0 3px;}
.inst_list li .in .in_tt{font-size:1.188em; font-weight:500; min-height:42px;}
.inst_list li:nth-child(2) .in .in_tt{ line-height:42px;}
.inst_list li .in .in_tx{color:#333; font-size:1.063em;}

.nt_scon .nt_tt{ font-size:1.25em;}

/*sub_treatment*/
.page_num_list > li > .group > .tt > .tit.cr1{ color:#333}
.page_num_list > li > .group > .ex .str1{ font-weight:600; color:#333;}

.icon_file.pdf{ display:inline-block; background:url(../images/sub/sub_treatment/icon_pdf.png) no-repeat; vertical-align:middle; width:16px; height:16px; margin:1px 8px 0 8px}

.sec3_con > li .wrap_in.ys1{ margin:0; padding:0}
.sec3_con > li .wrap_in.ys1 .wrap_con .in{ padding:2em 2em 6em 3em; background:url(../images/inc/symbol.png) no-repeat right bottom;}
.sec3_con > li .wrap_in.ys1 .wrap_con .tit{ font-size:1.75em; font-weight:500}
.sec3_con > li .wrap_in.ys1 .wrap_con .t2{ font-size:1.250em; width:80%}
.sec3_con > li .wrap_in.ys1 .wrap_con .tit > span{ font-size:1.250em}

/**/
.sub_Top_tit {text-align:center; margin-bottom:4em; position:relative; display:block;}
.sub_Top_tit .t1 {display:inline-block;}
.sub_Top_tit .t1 span {position:relative; display:inline-block; padding:0 .2em .2em .2em; font-size:2.3em; font-weight:500;}
.sub_Top_tit .t1 span:before{ content:""; position:absolute; left:0; bottom:5px; width:100%; height:.5em; background:#108ad3; opacity:.15;}

.page_ex_box{ align-items:stretch; background:#fafafa; border:1px solid #ddd; position:relative}
.page_ex_box:before,
.page_ex_box:after{ content:""; position:absolute; width:1em; height:1em; border:3px solid #0b4790}
.page_ex_box:before{ left:-1px; top:-1px; border-right:none; border-bottom:none}
.page_ex_box:after{ right:-1px; bottom:-1px; border-left:none; border-top:none}

.page_ex_box > .inner{ display:flex; align-items:center; justify-content:center; text-align:center; min-width:0; padding:1em .8em;}
.page_ex_box > .inner.icon{ flex:1;}
.page_ex_box > .inner.txt { flex:8; justify-content:flex-start; text-align:left;}
.page_ex_box > .inner.txt > .in{ flex:1;}
.page_ex_box > .inner.btn > .in{ flex:1;}
.page_ex_box > .inner.icon .xi { font-size:2.000em;}
.page_ex_box > .inner.icon .in { width:5em; height:5em; background:#d82744; border-radius:100%; color:#fff;}
.page_ex_box > .inner.icon1 .in{ background:#108ad3;}
.page_ex_box > .inner.icon2 .in{ background:#0d2d4f;}
.page_ex_box > .inner.icon3 .in{ background:#313851;}
.page_ex_box > .inner.icon4 .in{ background:#ef7c00;}
.page_ex_box > .inner.icon5 .in{ background:#a2acc7;}
.page_ex_box > .inner.icon6 .in{ background:#596272;}
.page_ex_box > .inner.icon{ background:#fff; border-right:1px solid #ddd;}
.page_ex_box > .inner.icon > .tt{ display:inline-block; margin-left:1em; font-size:1.125em; color:#0d2d4f;}
.page_ex_box > .inner.icon > .tt:first-child{ margin-left:0;}
.page_ex_box > .inner.txt { padding-left:2em; padding-right:2em;}
.page_ex_box > .inner.btn { background:#fff; border-left:1px solid #d4d5d8; line-height:1.4em;}
.page_ex_box > .inner .in_tt{ color:#3c3c3d; line-height:1.6em;}
.page_ex_box > .inner .in_tt > strong {font-weight:700;}
.page_ex_box > .inner .in_tt > *{ vertical-align:baseline;}
.page_ex_box > .inner .in_tt .t1 {font-size:1.313em;}
.page_ex_box > .inner .in_tt .t1 br{display:none;}
.page_ex_box > .inner .in_tt2 {padding-top:.3em;}
.page_ex_box > .inner .in_tt2 .coL {color:#0c66c6; vertical-align:baseline;}

.page_list.dp1{ margin-top:.8em;}
.page_list.dp1 > *{ margin-top:.3em;}
.page_list.dp1 > * > .tt{ font-size:.938em; color:#444;}
.page_list.dp1 > li:before{ top:.55em; width:.25em; height:.25em; background:#d82744; border-radius:100%;}

/*오시는길*/
.map_tw{padding-bottom:2.5em;}
.map_tw .t1 {font-size:1.375em; padding-bottom:10px; font-weight:500;}
.map_tw .t2 {vertical-align:middle;}
.map_tw .t2 .tt1 {vertical-align:middle; color:#444;}
.map_tw .t2 .tt2 {font-size:1.375em; font-weight:700; vertical-align:middle;}
.map_tw .t2 .xi {margin-right:5px; font-size:1.125em; color:#fff; border-radius:100%; width:30px; height:30px; line-height:30px; text-align:center; background:#0b4790}

.map_view{ border-top:3px solid #ddd; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em; margin-bottom: 2em;}
.map_view .tt {padding-bottom:10px; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi {vertical-align:middle; font-size:1.188em; padding-right:5px;}
.map_view:hover{ border-color:#0b4790 }

.map_con {border:1px solid #ddd; padding:1.5em; background:#fafafa; margin-bottom:1em;}
.map_con .map_tit {}
.map_con .map_tit .t1 {font-size:1.063m; color:#444; }
.map_con .map_tit .t1.col {color:#fff; background:#108ad3; padding:.4em .5em; border-radius:30px; font-size:.875em; display:inline-block;}
.map_con .map_tit .t1.col.st2{ background:#2a9c05}
.map_con .map_tit .t1 > span {font-weight:700; vertical-align:baseline; color:#0b4790}
.map_con .in_con {border:1px solid #ddd; padding:1.5em; margin-top:1em; border-top:3px solid #ddd; background:#fff;}
.map_con .in_con .way_st1 {}
.map_list{ margin:-3em 0 0 0}
.map_list > li{margin-top:3em}
.map_list.sec3 > li { flex-basis:33.33%; }
.map_list.sec5 > li { flex-basis:20%; }
.map_list.sec6 > li { flex-basis:16.66%; }
.map_list.sec7 > li { flex-basis:14.28%; }
.map_list > li .in{ text-align:center}
.map_list > li .in .line{ height:.2em; background:#cbd5dc; margin-top:1em;}
.map_list > li .in .arrow{ display:block; position:relative; font-size:1em; line-height:0; padding:.8em 0 0em 0;}
.map_list > li .in .arrow:before{ content:""; position:absolute; top:-11px; left:50%; transform:translateX(-50%); width:8px; height:8px; background:#fff; border-radius:50%; border:6px solid #cbd5dc;}
.map_list > li .in .arrow.arrive:before{border:6px solid #0b4790;}
.map_list > li .in .arrow:after{ content:"\e93e"; position:absolute; font-family:xeicon !important; top:0; right:0; transform:translateX(-50%); color:#cbd5dc; font-size:1.3em; width:100%;}
.map_list > li:first-child .in .arrow:after {opacity:0;}
.map_list > li .in .t1{height:2.8em; font-weight:500; color:#555; font-size:.94em;}
.map_list > li .in .t1.col2 {font-weight:700;}
.map_list > li .in .t1 .xi {color:#fff;}
.map_list > li .in .t1 .xi:before {border:2px solid #0b4790; border-radius:50%; width:1.3em; height:1.3em; line-height:1.3em;  background:#0b4790; display:block;}
.map_list.sec8 > li .in .t1{ height: 4.8em;}

/*인사말*/
.ceo_tw {text-align:center; margin:1em 0 4.5em 0;}
.ceo_tw .t1 {font-size:1.5em; font-weight:500; color:#0b4790;}
.page_ceoW {width:1180px; margin:0 auto;}
.page_ceoWrap{margin-top:2em;}
.page_ceoWrap.bg {background:#f9f9f9;}
.page_ceoWrap .left{width:46%;}
.page_ceoWrap .right{ width:54%;}
.page_ceoWrap .right .inner{ margin-left:40px;}
.page_ceoWrap .right .inner img{box-shadow :10px 10px 15px rgba(0,0,0, 0.12);}
/* .page_ceoWrap .left .inner {margin-left:4em;} */
.page_ceoWrap .left .inner img {box-shadow :10px 10px 15px rgba(0,0,0, 0.12); width:27em;}
.page_ceoWrap .page_ceoB{ padding:5em 0;}
.page_ceoWrap .page_ceoB .txt_wrap .inner{ padding-top:2em; padding-left:3em;}
.page_ceoWrap .page_ceoT .txt_wrap .inner{ padding-top:4em; padding-bottom:3em; margin-left:0;}
.page_ceoWrap .page_ceoT .img_wrap .inner {/* margin-left:9em; */}
.page_ceoWrap .txt_wrap .tit{letter-spacing:-2px; font-size:1.6em; line-height:1.3; color:#0065a4; margin-bottom:1em;}
.page_ceoWrap .txt_wrap .txt{ color:#383838; padding:.3em 0; font-size:1em; letter-spacing:.2px; line-height:1.6 }
.page_ceoWrap .txt_wrap .txt.st1 {font-size:1.125em; font-weight:500;}
.page_ceoWrap .txt_wrap .txt.sign {text-align:right; padding-top:4.8em; font-size:.938em; padding-right:4em; display: flex; flex-direction: column;}
.page_ceoWrap .txt_wrap .txt .name {vertical-align:baseline; font-size:1.438em; padding-left:.5em;}
.page_ceoWrap .txt_wrap .txt .name.st {padding-left:0; letter-spacing:inherit;}

.page_ceoWrap .box1{display: flex;}

.page_ceoW.ci_st .page_ceoWrap{margin-top:0;}
.page_ceoW.ci_st .page_ceoWrap .page_ceoT .txt_wrap .inner {padding-top:3em; padding-bottom:0;}
.page_ceoW.ci_st .page_ceoWrap .txt_wrap .txt.ci_st {position:relative; display:inline-block; font-size:1.438em; font-weight:700; color:#0b4790; margin-bottom:.5em;}
.page_ceoW.ci_st .page_ceoWrap .txt_wrap .txt.ci_st:before {position:absolute; content:""; left:0; bottom:0; width:100%; height:.6em; opacity:.15; background:#0b4790}
.sub_ci_bg {background:#f9f9f9; padding:5em 0;}

/*연혁*/
.history_bgw {overflow:hidden; position:relative;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1.2,1.2); transition:2s;}
.history_bgw .txt_wrap {text-align:center;}
.history_bgw .txt_wrap .en {font-size:.813em; letter-spacing:.9px; padding-bottom:.2em;  color:#fff;}
.history_bgw .txt_wrap .kr {font-size:1.9em; color:#fff; font-weight:500;}
.history_bgw .line_wrap{ position:relative; height:10em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .bg_w {transform:scale(1,1);}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#0b4790; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #0b4790; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#0b4790; font-family: Georgia, "Times New Roman", Times, serif}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-weight:700; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:" "; font-size:.813em; font-weight:400;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

/*미션*/
.sec3_Con_wrap {}
.sec3_con > li .wrap_in{ border-top:1px dotted #ccc; padding:3em 0}
.sec3_con > li:first-child .wrap_in{ border-top:none; padding-top:0}
.sec3_con > li .wrap_in .wrap_img{ flex:0 1 42%}
.sec3_con > li .wrap_in .wrap_img.bg_fix {background-position:center center; background-repeat:no-repeat; background-size:cover;}
.sec3_con > li .wrap_in .wrap_con{ flex:0 1 58%}
.sec3_con > li .wrap_in .wrap_con .in{ position:relative; padding:2em 2em 3em 3em;}
.sec3_con > li .wrap_in .wrap_con .in .ti {padding-bottom:.6em;}
.sec3_con > li .wrap_in .wrap_con .num {background:#0b4790; color:#fff; width:2.3em; height:2.3em; line-height:2.3em; border-radius:100%; display:inline-block; text-align:center; font-weight:500; margin-right:5px;}
.sec3_con > li .wrap_in .wrap_con .tit{color:#333; font-size:1.188em;}
.sec3_con > li .wrap_in .wrap_con .tit > span {font-weight:700; font-size:1.5em;}
.sec3_con > li .wrap_in .wrap_con .txt {display:block; color:#555; font-size:1.063em; letter-spacing:.1px; padding-bottom:.2em;}
.sec3_con > li .wrap_in .wrap_con .t1{ font-size:.938em; color:#444; padding-top:1.3em;}
.sec3_con > li .wrap_in .wrap_con .t1.st {padding-top:.3em;}
.sec3_con > li .wrap_in .wrap_con .t1 > span {font-weight:500; color:#108ad3; vertical-align:baseline;}
.sec3_con > li .wrap_in .wrap_con .con1{ margin-top:1.5em}
.sec3_con > li .wrap_in .wrap_con .con1 > li{ position:relative; padding:.125em 2em; padding-left:3em; border-left:3px solid #00a2d9}
.sec3_con > li .wrap_in .wrap_con .con2{ margin-top:1.5em}
.sec3_con > li .wrap_in .wrap_con .con3{ margin:1em 0; overflow:hidden}
.sec3_con > li .wrap_in .wrap_con .con3 > li{ flex:0 1 auto; text-align:center; color:#fff; padding:0 2em 0 4em; height:4em; position:relative}
.sec3_con > li .wrap_in .wrap_con .con3 > li:after{ content:""; position:absolute; right:-2em; z-index:1; top:0; width:4em; height:100%; background:#000; transform:rotate(45deg)}

.sub_tw.st.motto {position:relative; margin:0 0 4em 0;}
.sub_tw.st.motto:before {position:absolute; content:"MISSION & VISION"; font-weight:700; left:50%; bottom:-30px; display:inline-block; transform:translateX(-50%); font-size:3em; opacity:.4; letter-spacing:-3.2px; color:#d8eff1; }
.sub_tw.st.motto .sub_in_ti {font-size:2.3em; font-weight:500; color:#fff; position:relative; display:inline-block;}
.sub_tw.st.motto .sub_in_ti:before,
.sub_tw.st.motto .sub_in_ti:after { content:""; position:absolute; top:50%; width:100px; height:1px; background:#fff;}
.sub_tw.st.motto .sub_in_ti:before{ left:-130px;}
.sub_tw.st.motto .sub_in_ti:after { right:-130px;}
.page_cover .cover_title .t1{ font-size:1.5em; font-weight:500; }
.page_cover .cover_title .t1 span{ display:inline-block; position:relative;}
.page_cover{ position:relative; text-align:center; overflow:hidden;}
.page_cover.hAuto{ padding:6em 0; margin-top:5em;}
.page_cover .cover_layer{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.page_cover .cover_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed; background-size:cover; transform:scale(1.1,1.1); transition:1s;}
.page_cover .bg_rnd2{ background-image:url(../images/sub/sub_hospital/motto_bg.jpg);}
.page_cover .tt{ color:#fff;}

.sub_tw.st .sub_in_ti {font-size:2.3em; text-align:center; font-weight:500; }

.company_b {margin-bottom:10em;}
.culture_con {}
.culture_con ul {margin-left:-30px;}
.culture_con ul li .inn {margin-left:30px; border:1px solid #eee; height:320px; }
.culture_con ul li .inn .t_w {background:#fff; padding:20px 10px; margin:280px 10px 0 10px; height:80px; text-align:center; box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.culture_con ul li .inn .tt { display:block; color:#0b4790; font-weight:700; padding-bottom:5px; font-size:1.375em;}
.culture_con ul li .inn .tt2 {font-size:.938em; line-height:1.4;}

.page_in_con {padding:2em 3em; border:1px solid #ddd; box-shadow:0.25em 0.25em 0 rgba(0,0,0,.08)}
.page_num_list{ margin-top:1em; line-height:1.4;}
.page_num_list:first-child{ margin-top:0;}
.page_num_list > li{ margin-top:2em; padding-top:2em; border-top:1px dashed #c6ced7;}
.page_num_list > li:first-child{ margin-top:0; padding-top:0; border-top:none;}
.page_num_list > li > .group{ position:relative; padding:0 0 .4em 3em;}
.page_num_list > li > .group > .tt > .num{ position:absolute; top:0; left:0; width:2.2em; line-height:2.2em; display:inline-block; text-align:center; background:#00479e; border-radius:100%; color:#fff;}
.page_num_list > li > .group > .tt > .tit{ color:#00479e; font-size:1.313em; font-weight:500;}
.page_num_list > li > .group > .ex{ margin-top:.9em; font-size:1em; color:#555;}

.recruit_bw_list{ margin:30px -40px -10px 0}
.recruit_bw_list > li{ width:25%; position:relative;}
.recruit_bw_list > li .in{padding:2em 0; border:1px solid #ddd; margin:0 40px 10px 0; background:#fff; box-shadow:0 0 1em 0.125em rgba(0,0,0,.1); position:relative}
.recruit_bw_list > li .in:before {position:absolute; content:"\ea3e"; left:-15%; top:40%; color:#888; font-family:xeicon !important; font-style:normal; font-size:2em;}
.recruit_bw_list > li:first-child .in:before {opacity:0;}
.recruit_bw_list > li .in .tit{ text-align:center; position:relative; }
.recruit_bw_list > li .in .tit .icon {display:inline-block; border-radius:100%; border-radius:100%; width:5em; line-height:5em; height:5em; background:#f5f5f5; border:1px dashed #ddd;}
.recruit_bw_list > li .in .tit .icon .xi{color:#108ad3; font-size:3em;}
.recruit_bw_list > li .in .tt{font-size:1.250em; font-weight:700; color:#00479e; display:block; padding-top:13px;}

.sec4_con_Wrap {box-sizing:border-box;}
.sec4_con_Wrap .sec4_con {margin-left:-20px;}
.sec4_con_Wrap .sec4_con li {position:relative; width:calc(20% - 20px); margin-left:20px;}
.sec4_con_Wrap .sec4_con li:before {position:absolute; content:"\ea3e"; left:-9%; top:40%; font-family:xeicon; font-style:normal; font-size:1.3em; color:#0b4790; opacity:.5;}
.sec4_con_Wrap .sec4_con li:first-child:before {opacity:0;}
.sec4_con_Wrap .sec4_con li .in {height:200px; background:#0b4790; position:relative;}
.sec4_con_Wrap .sec4_con li .in  p {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; text-align:center; padding:0 15px; box-sizing:border-box; color:#fff; font-size:1.063em; line-height:1.4;}
.sec4_con_Wrap .sec4_con li .in .num {position:absolute; right:0; bottom:.1em; font-weight:700; font-size:3.5em; color:#ccc; opacity:.2;}

.sec4_con_Wrap .sec4_con.st2 li .in {height:150px;}
.sec4_con_Wrap .sec4_con.st2 li .in p {font-size:1.125em;}
.sec4_con_Wrap .sec4_con.st2 li .in .num {bottom:-.2em !important;}

.recruit_con {border:1px solid #ddd; padding:1.5em;}
.recruit_con .recruit_tit {margin-bottom:.6em; font-size:1.250em; letter-spacing:-1px; line-height:1.4em; color:#0b4790; font-weight:500;}

.recruit_pool_photo_wrap {border:1px solid #ddd; padding:1.3em; margin-top:1em;}
.recruit_pool_photo_tw{}
.recruit_pool_photo_tw > li {position:relative;}
.recruit_pool_photo_tw > li .tt{ font-size:.938em; color:#555; padding-left:.7em;}
.recruit_pool_photo_tw > li:before{position:absolute; content:""; top:.55em; width:.25em; height:.25em; background:#d82744; border-radius:100%;}

.label_file{ position:relative; display:inline-block; *display:inline; zoom:1; box-sizing:border-box; padding-right:6.25em;}
.label_file .file{ position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; z-index:50;}
.label_file .btn { position:absolute; top:0; right:0; bottom:0; width:6em; background-color:#8f8f8f; border:1px solid #787878; border-radius:.3em; color:#fff; transition:.2s;}
.label_file:hover .btn{ background-color:#3e4c57; border-color:#2d3444; color:#fff;}

.recruit_sign_w{margin-top:3em; border:1px solid #ddd; background:#fafafa; padding:2em 3em; position:relative; text-align:center;}
.recruit_sign_w:before,
.recruit_sign_w:after{ content:""; position:absolute; width:1em; height:1em; border:3px solid #0b4790}
.recruit_sign_w:before{ left:-1px; top:-1px; border-right:none; border-bottom:none}
.recruit_sign_w:after{ right:-1px; bottom:-1px; border-left:none; border-top:none}
.recruit_sign_w .t1{ font-size:.938em; color:#444; margin-top:.2em}
.recruit_sign_w .t2{ margin-top:1.3em; font-weight:500; font-size:1.125em; margin-bottom:.8em;}


.tbl_List {}
.tbl_List.flex {flex-wrap:wrap;}
.tbl_List > li { position:relative;}
.tbl_List.st1 > li {width:20%;}
.tbl_List.st2 > li {width:33.33%;}
.tbl_List.st2.st3 > li {width:25%;}
.tbl_List > li .tt { padding-left:.5em;}
.tbl_List > li:before {position:absolute; content:""; width:2px; height:2px; border-radius:100%; left:0; top:50%; background:#333}
.tbl_List.st2 > li:before {opacity:0;}
.tbl_List.st2 > li .tt {background:#f3f7f9; border:2px dotted #cfd8e2; border-radius:5em; display:inline-block; text-align:center; padding:.3em .9em; font-size:1.063em; margin-bottom:.5em; margin-top:.5em;}

.tbl_txt{ display:none; font-size:.938em; margin:5px 0; font-weight:500;}
.tbl_txt .xi{ margin-right:3px; vertical-align:text-bottom;}

.apb_list{ margin-right:-4px;}
.apb_list li{flex:1 1 25%; margin-bottom:5px;}
.apb_list li .in{ margin-right:4px; text-align:center; box-sizing:border-box; padding:1.5em .5em; border:1px solid #ddd;}
.apb_list li .in .rd_box{ width:3.2em; line-height:3.2em; background:#17498e; border-radius:50%; font-size:1.5em; color:#fff; margin:0 auto 10px; font-weight:600;}
.apb_list li .in .t01{ font-size:1.25em; color:#0074c1; font-weight:600;}


.care_top{margin:4em auto 3em;}
.care_top ul{ margin-right:-150px;}
.care_top ul .con_logo .in{ border:5px solid #eee; margin-right:150px; position:relative; box-sizing:border-box; padding:3em 5em;}
.care_top ul .con_logo .in:before{ content:'&'; color:#909196; font-weight:700; font-size:3.25em; position:absolute; top:27%; right:-97px;}
.care_top ul .con_logo:last-child .in:before{ display:none;}
.care_top .care_tw{ text-align:center; margin-top:1em; background:#f4f4f4; border:1px solid #ededed; padding:1em;}
.care_btn{ text-align:right; margin-top:2em;}
.care_btn a{ display:inline-block; background:#50ba5a; border-radius:50px; padding:.5em 1.5em; color:#fff; transition:.3s;}
.care_btn a:hover{ background:#23782b}


/*어린이집*/
.tre_content{ background:url(../images/sub/sub_hospital/kind_tt.png) no-repeat center; background-size:cover; padding:1em 0 3em; margin-top:3em;}
.tre_list{ margin-right:-20px;}
.tre_list > li{flex:1 50%;}
.tre_list > li .in{ margin-right:20px; margin-bottom:20px;}
.tre_list > li .in .icon{ text-align:center;}
.tre_list > li .in .tr_tt{ text-align:center; font-size:1.2em;}
.tre_list > li .in .tr_tt .int{ padding:.4em 3em; display:inline-block;  border-radius:50px; color:#fff;}
.tre_list > li:nth-child(1) .in .tr_tt .int{ background:#90c850;}
.tre_list > li:nth-child(2) .in .tr_tt .int{ background:#69b841;}
.tre_list > li:nth-child(3) .in .tr_tt .int{ background:#528d35;}
.tre_list > li:nth-child(4) .in .tr_tt .int{ background:#297006;}
.tre_list > li .in .tr_tx{ color:#333; padding:50px 50px 20px; border:1px solid #ddd; margin-top:-1.1em; text-align:center; min-height:75px; background:#fff; font-size:1.05em;}

/**/
.reservation_covid1_Title {font-size:1.5em; font-weight:500; margin-bottom:.6em; letter-spacing:-1px; position:relative;  display:inline-block}
.reservation_covid1_Title:before {content:''; width:100%; height:.5em; background:#108ad3; opacity:.15; position:absolute; left:0; bottom:0;}
.div_st_sm .tbl_tw_m{ font-size:1.125em; margin-bottom:5px;}
.div_st_sm .tbl_tw_m .xi{ vertical-align:bottom; color:#0b4790;}
.div_st_sm .tbl_tw_m span{ font-weight:500;}


.reservation_covid1_Title.link_Style {margin-top:1em; cursor:pointer;}
.reservation_covid1_Title.link_Style  .xi {vertical-align:baseline; font-size:.938em !important; width:30px!important; line-height:30px!important; text-align:center; background:#0b4790; color:#fff; border-radius:100%; display:inline-block; margin-right:5px;}
.reservation_covid1_Title.link_Style:hover {text-decoration:underline !important; transition:.3s;}

/******************************************************************************************************style 추가*****************************/




.center_tbox.return_st {margin-top:0;}
.board_st.facilty_st .tit {font-size:1.063em;}
.excluded .fixed th,
.excluded .fixed td{ word-break:break-all;}

/*board*/
.bg_White {background:#fff !important;}

.w_facilty_st {width:10em;}
.w_hours4 {width:10%;}
.w_hours5 {width:15%;}
.w_hours6 {width:8%;}
.w_hours7 {width:20%;}
.w_hours8 {width:20%;}

/*채용*/
.di_table,
.di_table .th,
.di_table .td{ box-sizing:border-box;}
.di_table{ display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.di_table .tr{ display:table-row;}
.di_table .th,
.di_table .td{ display:table-cell; vertical-align:middle;}

.w_photo {width:11em;}
.w_form_titS {width:7em;}
.w_form_titC {width:auto;}
.w_form_titC2 {width:16em;}
.w_form_tit_in_S {width:6em;}

.board_table{ font-size:.938em;}
.board_table th,
.board_table td{ height:2em; padding:.6em 1em; border:1px solid #e8e8e8; line-height:1.4em; text-align:left;}
.board_table thead th{ border-bottom-width:2px; text-align:center;}
.board_table th{ color:#3c3c3d; background:#f7f7f7;}
.board_table td{ color:#72727d;}
.board_table a:hover{ text-decoration:underline;}
.board_table.recruit_st {border-top:3px solid #ccc;}
.board_table.recruit_st.line_no {border-top:none; margin-top:-1px;}

.board_table.st2{ font-size:.875em;}
.board_table.st2 th,
.board_table.st2 td{ height:1.5em;}
.board_table.st2 .view_con{ padding-top:.8em; padding-bottom:.8em;}
.board_table.page.st2 th,
.board_table.page.st2 td{ padding-left:.2em; padding-right:.2em;}
.board_table.page.st2 .ar{ padding-right:1em;}
.board_table.st3{ margin-top:-1px; border-top:none;}

.board_table.word th,
.board_table.word td{ word-break:break-all; word-wrap:break-word;}

.board_table.list th,
.board_table.list td{ padding-left:.2em; padding-right:.2em; text-align:center;}
.board_table.list td.w_tit{ padding-left:1em; text-align:left;}
.board_table.list td.al{ padding-left:1.2em;}
.board_table.list td a{ display:inline-block; color:#111;}
.board_table.list td i{ display:inline-block;}

.board_table.view{}
.board_table.write th{ padding-right:.5em;}
.board_table.form th,
.board_table.form td{ padding:.5em .5em;}
.board_table.form .in_table .th,
.board_table.form .in_table .td{ padding:.5em .5em !important;}
.board_table.form input[type=text].input_st,
.board_table.form input[type=password].input_st,
.board_table.form input[type=tel].input_st{ min-width:inherit;}

.board_table.page{ border-top-color:#cfd8e2;}
.board_table.page th,
.board_table.page td{ border-color:#cfd8e2; text-align:center;}
.board_table.page thead th{ background:#ecf0f4;}

.board_table .view_con{ padding-top:1.5em; padding-bottom:1.5em;}
.board_table .tit_icon{ position:relative; display:inline-block; padding-left:1em; line-height:1em;}
.board_table .tit_icon:before{ content:""; position:absolute; left:0; top:.3em; width:.4em; height:.4em; background:#d82744; border-radius:100%;}

.board_table .in_state > .tit{ padding-left:1.8em; padding-right:.8em;}
.board_table .in_state > .tit:first-child{ padding-left:0;}
.board_table .in_state > .tit,
.board_table .in_state > .tit > *{ display:inline-block;}
.board_table .in_state > *{ display:inline-block; vertical-align:middle;}
.board_table .in_state > br{ display:none;}

.board_table .in_tit { padding:.6em 1em !important; border-width:2px 1px 3px 1px; border-top-color:#333; text-align:center;}
.board_table .in_tit2{ border-top-width:2px; border-top-color:#777; border-bottom-color:#999;}

.board_table td.w_tel{ padding-left:.8em; padding-right:.2em; text-align:left;}
.board_table .xi.bd_tel{ margin:0 .15em; width:1.5em; line-height:1.5em; background:#72727d; border-radius:100%; text-align:center; font-size:.938em; color:#fff;}
.board_table .xi.bd_tel:first-child{ margin-left:0;}
.board_table .xi.bd_tel:last-child { margin-right:0;}

.board_table .in_table .th,
.board_table .in_table .td{ padding:.2em .6em; border-top:1px solid #e8e8e8;}
.board_table .in_table .tr:first-child .th,
.board_table .in_table .tr:first-child .td{ border-top:none;}
.board_table .in_table .th{ text-align:center; background:#ecf0f4; color:#3c3c3d;}

.board_table .in_table.st1 .th{ width:8em;}

.board_table .in_table.st2{ height:100%;}
.board_table .in_table.st2 .th,
.board_table .in_table.st2 .td{ height:2em; padding:.6em 1em; text-align:left;}
.board_table .in_table.st2 .th{ padding-right:.4em;}

.board_table .in_table.st3{ height:100%;}
.board_table .in_table.st3 .th,
.board_table .in_table.st3 .td{ height:1.5em; padding:.6em .2em; border-color:#cfd8e2;}
.board_table .in_table.st3 .th:first-child,
.board_table .in_table.st3 .td:first-child{ border-right:1px solid #cfd8e2;}

.board_table .in_table_wrap{ padding:0 !important;}

.input_row{ display:block; padding:.2em 0;}
.input_Wrap {}
.input_Wrap li {}
.input_Wrap li span {width:5.8em; display:inline-block; text-align:right}
.input_Wrap li span.st1 {width:inherit;}


/**/
.photo_group{}/*전문가 인력 Pool - 사진*/
.photo_group > .photo{ border:1px solid #ccc;}
.photo_group > .photo .resize{ padding-bottom:140.35%; overflow:hidden;}
.photo_group > .photo img{ width:100%; height:100%;}
.photo_group > .btn{ margin-top:.8em; text-align:center;}

/*연락처*/
.w_con2_w1 {width:10em;}
.w_con2_w2 {width:auto;}
.w_con2_w3 {width:10em;}
.w_con2_w4 {width:22em;}

/*학력*/
.w_con3_w1 {width:17.5em;}
.w_con3_w2 {width:auto;}
.w_con3_w3 {width:9em;}
.w_con3_w4 {width:10em;}
.w_con3_w5 {width:7em;}
.w_con3_w6 {width:5em;}
.w_con3_w7 {width:17.5em;}
.w_con3_w8 {width:auto;}

/*자격면허*/
.w_con4_w1 {width:auto;}
.w_con4_w2 {width:17.5em;}
.w_con4_w3 {width:auto;}
.w_con4_w4 {width:5em;}

/*병역*/
.w_con5_w1 {width:8em;}
.w_con5_w2 {width:17em;}

/*신체상황*/
.w_con6_w1 {width:8em;}
.w_con6_w2 {width:8em;}
.w_con6_w3 {width:8em;}
.w_con6_w4 {width:8em;}
.w_con6_w5 {width:8em;}
.w_con6_w6 {width:8em;}
.w_con6_w7 {width:8em;}


/*기타*/
.w_con7_w1 {width:8em;}
.w_con7_w2 {width:8em;}
.w_con7_w3 {width:8em;}

/*경력*/
.w_con7_w1 {width:17.5em;}
.w_con7_w2 {width:auto;}
.w_con7_w3 {width:10em;}
.w_con7_w4 {width:auto;}
.w_con7_w5 {width:5em;}

/*가족사항*/
.w_con8_w1 {width:5em;}
.w_con8_w2 {width:8em;}
.w_con8_w3 {width:5em;}
.w_con8_w4 {width:8em;}
.w_con8_w5 {width:15em;}
.w_con8_w6 {width:8em;}
.w_con8_w7 {width:5em;}
.w_con8_w8 {width:10em;}
.w_con8_w9 {width:8em;}
.w_con8_w10 {width:10em;}
.w_con8_w11 {width:8em;}



/*st_sm*/
.div_st_sm{margin:2rem 0;}
.div_st_sm .t1{font-size:1.625em; color:#222; letter-spacing:-2px; word-spacing:2px; margin-bottom:.75em;}

.reserve_btn{display:inline-flex; margin-top:1rem; width:240px; height:34px; background:#108ad3; color:#fff; cursor:pointer; border-radius:17px; justify-content:center; align-items:center;}
.reserve_btn i{font-size:1em; margin-left:10px; transition:.3s;}
.reserve_btn:hover i{transform:rotate(45deg); margin-left:16px;}

/**/


.sub_centerN_con .sub_doctors{ margin-top:-2em}
.sub_centerN_con .sub_doctors .wrap_in{  overflow:hidden; background:#fff}
.sub_centerN_con .sub_doctors .wrap_in .info_wrap .btn{ border-right:none}