@charset "euc-kr";
@import "table.css?20150731";
@import "board.css";
@import "border-radius.htc";
/*@import "url(https://fonts.googleapis.com/earlyaccess/notosanskr.css)";*/


@font-face{font-family:"Noto Sans KR Regular";font-style:normal;font-weight:400;src:local('NotoSansKR-Regular'), 
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Regular-Hangul.woff2') format('woff2'), 
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Regular-Hangul.woff') format('woff');
font-stretch:normal;unicode-range:U+0021-33FF,U+A000-F8FF,U+FB00-F251;}
@font-face{font-family:"Noto Sans KR Regular";font-style:normaL;font-weight:500;src:local('NotoSansKR-Medium'), 
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Medium-Hangul.woff2') format('woff2'), 
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Medium-Hangul.woff') format('woff');
font-stretch:normal;unicode-range:U+0021-33FF,U+A000-F8FF,U+FB00-F251;}
@font-face{font-family:"Noto Sans KR Regular";font-style:normal;font-weight:700;src: local('NotoSansKR-Bold'),
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Bold-Hangul.woff2') format('woff2'), 
    url('//cdn.jsdelivr.net/korean-webfonts/latest/corps/google/NotoSansKR/NotoSansKR-Bold-Hangul.woff') format('woff');
font-stretch: normal;unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251;}


@-moz-document url-prefix(){
    .layer_pop04 {padding-bottom:50px;}
}


/*  기본설정 */
html, body {margin:0;padding:0;}
*{box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
img{vertical-align:middle;border:none}
body{font-family:"Noto Sans KR Regular","Noto Sans CJK KR","Noto Sans KR","맑은고딕",sans-serif;font-size:16px;font-weight:400!important;line-height:1.2em;color:#333;margin:0;}
table,ul,li,dl,dd,dt,ol,table,th,tr,td,thead,tbody,h1,h2,h3,h4,div,p,span,html,form,input,button,select,textarea,fieldset{padding:0;margin:0}
ul,dl,ol{list-style:none}
/*img,fieldset,table,form{border:0}*/
* html{height:1px}
a{text-decoration:none;cursor:pointer;}
a:link,a:visited{color:#333}
a:hover,a:active{text-decoration:underline;color:#e64361}

em,address{font-style:normal}
button{background-color:transparent;border:0 none;cursor:pointer;margin:0;padding:0}
button,select{text-transform:none;font-family:"Noto Sans KR Regular","Noto Sans CJK KR","Noto Sans KR","맑은고딕",sans-serif;}
button,input,select,textarea{margin:0;vertical-align:baseline}
strong{font-weight:600}
.skip,.GNBalternative,.accessiBility{position:absolute;overflow:hidden;visibility:hidden;width:0;height:0;font:0/0 Dotum;line-height:0}
input,select,textarea{font-size:13px;border:1px solid #c3c3c3;border-top-color:#7c7c7c;border-bottom-color:#ddd}
fieldset{border:0;display:block}form{border:0;margin:0;padding:0}
legend{position:absolute;overflow:hidden;visibility:hidden;width:0;height:0;font:0/0 Dotum;line-height:0;left:-9000px}
textarea{padding:3px}
input{padding:2px 3px 2px}
input[type="text"], input[type="password"]{border:1px solid #999}
input[type="submit"]{border:0;padding:3px 3px 1px;font-weight:bold;letter-spacing:-0.1em}
input[type="checkbox"], input[type="radio"]{border:0}
dt{font-weight:bold;letter-spacing:-0.1em}

h1{font-size:100%;font-weight:normal}
h2{font-size:100%;font-weight:normal}
h3{font-size:100%;font-weight:normal}
h4{font-size:100%;font-weight:normal}
button,select{text-transform:none;line-height:38px;margin-top:-2px !important;}
strong{font-weight:500;}

input,select,textarea{font-size:13px;border:1px solid #c3c3c3;}
select{height:34px;}
fieldset{border:0;display:inline-block;width:100%}
input[type="text"],input[type="password"]{border:1px solid #999;height:34px;}

#bottom{background:url('../img/common/bottom_bg.gif') repeat-x;overflow:hidden;clear:both;min-width:980px;padding:0;margin-top:38px;z-index:9}
#bottom .view_btn{position:absolute;right:30px;top:6px}

.left{float:left}
.right{float:right}
.center{text-align:center!important}
.container{margin:0 auto;width:1180px;text-align:left;padding-bottom:60px;min-height:520px;}
.point{color:#5c78e5}
.point2{color:#eb5f78}
.point3{color:#eb5f78}
.bold{font-weight:bold}
.point1{color:#333}
.point2{color:#333;font-size:18px;padding:0 6px;}
.p{clear:both;height:30px}
.clear{clear:both}
.display_none{display:none}
.width100{width:100%}
.cursor_pointer{cursor:pointer}
.hl_point{color:#e64361!important}
.img_bor{border:1px solid #ccc}
.three_m{height:34px;vertical-align:middle;}
.blind {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}
.sidr{display:none}
.top_body{display:none}
.m_reser_btn,.m_day{display:none}
.m_medical_div table{display:none}
.m_arrow{display:none}
.div_r{float:right;text-align:right;width:auto}
.div_r li{float:left;padding-right:10px}
#mdivCenter{display:none}
.left_arrow{display:none}
.right_arrow{display:none}
.footer_quick{display:none}
.order1{display:none}
.sns_btn{display:none}
.m_view{display:none}
.m_locate_view{display:none}
.mo_view {display:none;}
.molay_view {display:none;}
.pc_view{display:block;float:left;padding-top:7px;-webkit-padding-before:5px}
.font_h2{color:#333;font-size:1.3em;font-weight:500;letter-spacing:-.05em;line-height:2em;}
.line_heline{display: inline-block;line-height:1.2em;padding-top:30px}
.line_he3{line-height:3em;}
.line_he4{line-height:4em;}
.line_he5{line-height:5em;}
.line_he6{line-height:6em;}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pl2{padding-left:5px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl30 {padding-left:30px}
.pl80 {padding-left:80px;}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mr70{margin-right:70px}


#wrap {position:relative;margin:auto;width:100%;}
#header {position:relative;height:140px;z-index:999;}
#container { position:relative; width:100%; height:auto; margin:0 auto; background: #fff;}
#info {height:auto;z-index:1}
#footer {position:relative;width:100%;clear:both;}
#footer.mt60m {margin-top:-60px}

#gnbSubMenu { position: absolute; width:100%; height:380px; padding: 10px 0 20px 0; background-color:#fff; border-top:1px solid #d9e3ef; border-bottom:1px solid #d9e3ef; }
#gnbSubMenu .menubox .one a { display: block; font-size: 1.0em; color: #333; font-weight: 400; }
#gnbSubMenu a:hover{text-decoration:none;color:#e64361 !important;}
#gnbSubMenu h3{color:#e64361;font-size:22px;font-weight:500;padding:40px 0;}
#gnbSubMenu .one { float:left; width:16.6%; }
#gnbSubMenu .one ul {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
#gnbSubMenu .menubox .one li { width: 100%; padding: 5px 0 3px 0; text-align: left; }
#gnbSubMenu .one_2{float:left;width:28%;}
#gnbSubMenu .menubox .one_2 a{float:left;font-size:.97em;line-height:1em;letter-spacing:-.01em;font-weight:400;}
#gnbSubMenu .one_2 ul{display:block;_margin:0;}
#gnbSubMenu .menubox .one_2 li{width:100%;height:31px;}

#gnbSubMenu2 {position:fixed;top:53px;height:auto;width:100%;padding-bottom:15px;background-color:#fff;border-bottom:1px solid #a1a2a4;z-index:1000;}
#gnbSubMenu2 .menubox2 .one2 a{float:left;font-size:.97em;line-height:1em;letter-spacing:-.01em;color:#333;font-weight:400;}
#gnbSubMenu2 a:hover{text-decoration:none;color:#e64361 !important;}
#gnbSubMenu2 h3{color:#333;font-size:22px;font-weight:500;padding:40px 0;}
#gnbSubMenu2 .one2{display:inline-block;width:14%;text-align:left;}
#gnbSubMenu2 .one2h3 h3 {width:100%}
#gnbSubMenu2 .menubox2{width:100%;margin-left:3%;}
#gnbSubMenu2 .one2_2{float:left;width:28%;}
#gnbSubMenu2 .menubox2 .one2 a{float:left;font-size:.97em;line-height:1em;letter-spacing:-.01em;font-weight:400;}
#gnbSubMenu2 .one2 ul{display:block;}
#gnbSubMenu2 .menubox2 .one2 li{width:100%;height:31px;}

#header .logo { position: relative; float: left; top: 10px; margin-left: 50px;}
.logo span #right-menu { display: none; }
.bgcolor { background-color:#e6eaed; }

/*top tgng*/
.top { position: relative; width: 100%; height:60px; border-bottom: 1px solid #e5e5e5; }
.tgnb { position: relative; float:right; right:195px; top:25px; height:22px; width:auto; display:inline;}
.tgnb li {float:left;}
.tgnb li a { display:block; padding:0 7px; font-size:14px; color:#363636; }
.tgnb a:hover { color:#f75077; font-weight:600; }
.telnum { position: absolute; width: 170px; right: 0; top: 0; height: 100%; display: inline; font-size: 18px; font-weight: bold; text-align: center; padding: 22px 10px 0 10px; color: #666; background: #e1e1e1; } 
.telnum img{margin:-2px 2px 0 0}
.tgnb .point_tgnb a { color:#f75077; }
.login_children {margin-top:-6px;font-size:.9em;}

.gnb { position:relative; width:100%; height:80px; background: rgba(255,255,255,0.7); transition: all 0.3s; }
.gnb:hover, .gnb:active { background: #fff;}
.gnb_ml { display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    width:100%; height: 80px; }
.gnb li { line-height: 1.5; width: 16.6%; text-align: left; }
.gnb li a { font-size: 22px; text-decoration:none; font-weight:600; padding-left: 30%;}
.gnb_icon { position:absolute; right:70px; width:100px }
.gnb_icon img{margin:43px 0;}
.gnb_icon li{width:50%;}

/* 마지막 메뉴 가로 사이즈  */
.gnb .menubox { content: ''; display: block; clear: both; }
/* .gnb li.last { width: 22%; }
.gnb li.last a { padding-left: 30px; font-size: 1.25em; }
#gnbSubMenu .one:last-child { width: 22%; }
.gnb .menubox .one:last-child .allview li a { padding-left: 30px; }
@media screen and (max-width:1500px) {
    .gnb li a { padding-left: 20px; }
    .gnb li.last a { padding-left: 0; }
    .gnb .menubox .one:last-child .allview li a { padding-left: 0; }
}
@media screen and (max-width:1000px) {
    .gnb li a { font-size: 1.125em; }
    .gnb li.last a { font-size: 1.125em; }
} */


.gnb2 {_position:relative;width:100%;height:auto;text-align:center;_z-index:99;}
.gnb2_ml{float:left;margin-left:50px;width:100%}
.gnb2 #gnbSubMenu2 .menubox2 li{height:31px;}
.gnb2 #gnbSubMenu2 .menubox2 li a{display:inline-block;text-decoration:none;}

/*text color*/
.textcol_pk{color:#eb5f78}
.textcol_bl{color:#5c78e5}

/*button*/
.button_d01{background-color:#d14b63;color:#fff;font-size:16px;padding:11px 25px 5px 25px;text-align:center;-webkit-padding-after:11px;}


.menu_lnb,.menu_lnb_sub,.home_btn{display:none}

/* .tgnb .language1    {background-color:#fff;width:100px;text-align:center;border:1px solid #ccc;position:absolute;right:5px;height:auto;z-index:999;top:35px}
.tgnb .language1 ul{margin:3px 10px 5px;}
.tgnb .language1 li{clear:both;border-bottom:1px dashed #ccc;padding:3px;text-align:center;font-size:12px;font-weight:500}
.tgnb .language1 li a{color:#333} */

.tgnb a.login_datan{color:#000;font-weight:500;margin-left:-5px;margin-right:10px;}
.tgnb .login_datan strong{color:#000;font-weight:500;font-size:14px;}
.tgnb .login_datat span{color:#d7425c;font-weight:500;}
.tgnb .login_datat a{clear:both;color:#000;font-weight:500;_text-decoration:underline;margin-left:-5px;margin-right:5px;}
.tgnb .login_datat a:hover{color:#e64361;}

/*Calendar*/
#divCalendar2{float:left;height:auto;overflow:hidden;padding:0 0 10px;width:100%}
#divCalendar2 .tableCalendar{float:left;height:138px;margin:0 3px 0 0;width:100%;font-size:.9em;border-right:0 none;border:0 none }
#divCalendar2 .tableCalendar .th1{height:30px}
#divCalendar2 .tableCalendar .th2{background:url("../img/1ptm500_step4_bg.gif") repeat-x;height:18px;padding:2px 0 0}
#divCalendar2 .tableCalendar th{font-weight:600;text-align:center;vertical-align:middle;background-color:#fff;border:0 none;padding:0;font-size:15px}
#divCalendar2 .tableCalendar th span{font-size:15px}
#divCalendar2 .tableCalendar th.bg{background-color:#eb5f78;color:#fff}
#divCalendar2 .tableCalendar .sun{color:#aaa;width:14%}
#divCalendar2 .tableCalendar .sat{color:#aaa}
#divCalendar2 .tableCalendar td{font-weight:600;height:20px;width:14%;border:0 none;padding:0;text-align:center;}
#divCalendar2 .tableCalendar td .selectable {color:#fff;background-color:#1e9fe1;padding:3px 0 0 0;-webkit-padding-before:2px;display:block;width:28px;border-radius:15px;margin:auto;}
#divCalendar2 .tableCalendar td .selectable a {color:#fff;} #divCalendar2 .tableCalendar td.selected {background-color:#fff;color:#fff;} #divCalendar2 .tableCalendar td.selected .selectable {background-color:#d14b63;} .tableCalendar td.selected .selectable a {color:#fff;} #divCalendar2 .tableCalendar td u {text-decoration:none;} #divCalendar2 .tableCalendar td .ch_day{background-color:#e64361;color:#fff}
#divCalendar2 .tableCalendar td.ch_day a{color:#fff}
#divMedTime2{border:1px solid #e0dfdf;height:64px;margin-left:0;overflow:hidden;width:100%;float:left;display:block;border:1px solid #666}
#divMedTime2 span.title{background-color:#666;color:#fff;display:block;_height:20px;text-align:center;width:100%}
#divMedTime2 div.scrollable{height:44px;overflow:auto;width:100%}
#divMedTime2 #ulMedTime2{margin-left:0;width:100%;height:auto;overflow-y:auto}
#divMedTime2 #ulMedTime2 li{width:15%;float:left;}
#divMedTime2 #ulMedTime2 li.selected{background-color:#4987b3}
#divMedTime2 #ulMedTime2 li a{display:block;text-align:center;width:100%;height:100%;font-size:14px;_padding:10px;}

.layerCalendar{width:380px;height:auto;float:left;background:#fff;border:3px solid #cacaca;padding:10px;clear:both}
.layerCalendar .calender_htext{float:left;font-size:19px;font-weight:500;}
.close_btn{float:right}
.layerCalendar.Calendar_dis{position:relative;display:none;}

.calender_sdiv{position:absolute;width:auto;background-color:#d14b63;color:#fff;border-radius:20px;vertical-align:middle;text-align:center;padding:8px;}

/***************************************************
리뉴얼 - 메인페이지 (23.05.24)
***************************************************/
.main_bg {background: #f6f6f6 !important;}
.inner { position: relative; width: 1300px; margin: auto; }
@media screen and (max-width: 1299px){ 
    .inner {width: 100%;} 
}
.new_header_banner { position: relative; width: 100%; height: 100px; background: #b7e3dd;}
.new_header_banner .flex { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.new_header_banner .flex .item_01 { width: 70%;}
.new_header_banner .flex .item_01_mo { display: none; }
.new_header_banner .flex .item_03 { width: 30%; display: block; height: 100px; background: #aadcd5; }
.new_header_banner .flex .item_03 .item_in { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100px;  }
.new_header_banner .flex .item_03 .item_in .top_icon { padding: 25px 20px; width: 35%; }
.new_header_banner .flex .item_03 .item_in .top_icon:hover { color: #f75077; }
.new_header_banner .flex .item_03 .item_in .top_icon img { margin-right: 10px; }
.new_header_banner .flex .item_03 .item_in .top_icon span { display: inline-block; text-align: center; vertical-align: middle; }
.new_header_banner .flex .item_03 .item_in .top_icon:hover span { color: #f75077; }
.new_header_banner .flex .item_04 { 
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 170px; height: 100px; background: #b7e3dd;}
.new_header_banner .flex .item_04 img { padding: 10px; }
.new_header_banner .flex .item_04 span { font-size: 0.875em; }

@media screen and (max-width:1830px) {
    .new_header_banner .flex .item_01 { width: 65%; }
    .new_header_banner .flex .item_03 { width: 35%; }
    .new_header_banner .flex .item_03 .item_in .top_icon { width: 34%; padding: 25px 10px; }
}
@media screen and (max-width:1500px) {
    .new_header_banner .flex .item_01 img:nth-of-type(2) { width: 40%; }
    .new_header_banner .flex .item_01 { width: 60%; }
    .new_header_banner .flex .item_03 { width: 40%; }
}
@media screen and (max-width:1280px) {
    .new_header_banner .flex .item_01 img:nth-of-type(2) { display: none; }
    .new_header_banner .flex .item_01 { display: none; }
    .new_header_banner .flex .item_01_mo { display: block; padding: 0 20px 0 50px; }
    .new_header_banner .flex .item_01_mo img { width: 130px; height: 74px; }
    .new_header_banner .flex .item_03 { width: 60%; }
    .new_header_banner .flex .item_03 .item_in .top_icon { padding: 0; margin: auto; }
    .new_header_banner .flex .item_03 .item_in .top_icon img { display: block; width: 30px; height: 30px; margin: 10px auto; }
    .new_header_banner .flex .item_03 .item_in .top_icon span { display: block; font-size: 0.875em; }
}
@media screen and (max-width:820px) {
    .new_header_banner .flex .item_01_mo { padding-left: 20px; }
    .new_header_banner .flex .item_04 { width: auto;
        -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
        flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .new_header_banner .flex .item_04 img { padding: 10px; }
    .new_header_banner .flex .item_04 span { font-size: 0.5em; line-height: 1.5; }
}
@media screen and (max-width:400px) {
    .new_header_banner .flex .item_01_mo img { width: 100%; }
    .new_header_banner .flex .item_03 { width: 80%; }
    .new_header_banner .flex .item_03 .item_in .top_icon span { font-size: 0.75em; }
    .new_header_banner .flex .item_01_mo { padding: 10px; }
}

/* 2024.01.18_top banner */
.new_header_banner_240118 { position: relative; width: 100%; }
.new_header_banner_240118 .flex { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    height: 100px;
}
.new_header_banner_240118 .flex .item_01 { width: 50%; height: 100px; font-size: 1.5em; font-weight: bold; text-align: center;  }
.new_header_banner_240118 .flex .bg_01 { background: #ffb4b4; }
.new_header_banner_240118 .flex .bg_02 { background: #b7e8ff; }
.new_header_banner_240118 .flex .item_01 > a { padding: 20px; position: relative; }
.new_header_banner_240118 .flex .item_01 > a > .top_01 { margin-right: 10px; }
.new_header_banner_240118 .flex .item_01 { display: flex; align-items: center; justify-content: center; }
.new_header_banner_240118 .flex .item_01 > a > .top_02 { margin-left: 10px; transition: all 0.5s; }
.new_header_banner_240118 .flex .item_01:hover .top_02 { transform: translateX(15px); }
.new_header_banner_240118 .flex .item_01:hover .top_02 { transform: translateX(15px); }
.new_header_banner_240118 .flex li:last-child:hover a { color: #007ab3 !important; }
@media screen and (max-width:1500px) {
    .new_header_banner_240118 .flex .item_01 { font-size: 1.25em; word-break: keep-all;}
}
@media screen and (max-width:1300px) {
    .new_header_banner_240118 .flex .item_01 { font-size: 1.125em; }
}
@media screen and (max-width:700px) {
    .new_header_banner_240118 .flex .item_01 > a > .top_01 { display: none; }
}
@media screen and (max-width:500px) {
    .new_header_banner_240118 .flex .item_01 { font-size: 0.95em; }
    .new_header_banner_240118 .flex .item_01 > a { padding: 13px 5px; }
}


/*메인 비주얼영역*/
.mainVisual {position:relative;top:-80px;left:0;background:url('../img/visual_1920.jpg')no-repeat center;background-size:cover;height:568px;width:auto;margin:0 auto;}
.m_mainNotice{display:none}
.visual_btn {position:absolute;top:330px;bottom:10px;text-align:center;left:0;right:0;z-index:5;height:30px}
.visual_btn li {margin:0 10px;}
.visual_btn .bullet {background-color:#666; border:1px solid #fff; border-radius:10px; width:15px; display:inline-block; margin:0 3px; height:15px;vertical-align:middle; cursor:pointer}
.visual_btn a > *:hover,
.visual_btn a > *:focus {background-color:#df405c !important}


.mainsearch{position:absolute;top:35px;right:60px;padding:5px 10px 10px 10px;overflow:hidden;z-index:1}
.searchinput{border:1px solid #ccc; color:#333; font-size:15px; height:32px;padding-bottom:7px;padding-left:10px;width:150px;float:left;line-height:32px}
.focus{border:2px solid #eb5f78!important;height:32px;padding-bottom:3px;padding-left:10px;float:left;width:148px;line-height:32px}
.searchbtn{float:right;background-color:#eb5f78;border:1px solid #eb5f78;width:70px;height:34px;padding:0 15px;}
.searchbtn a{display:block;color:#fff;font-size:1.1em !important;font-weight:bold;text-align:center;line-height:2em;}

/* 메인 이미지 슬라이드 
------------------------------------------------------- */
.visualRoll { position:relative; top:-80px; left:0; width:100%; height:568px; }
.viewImgList { position:relative; width:100%; }	
.viewImgList li { width: 100%; text-align: center; _height:568px; _background-size:cover !important; overflow: hidden; }
.viewImgList li.imglist0 { position:relative; z-index:20; 
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.viewImgList li.imglist1 { position:absolute; left:0; top:0; z-index:10;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.viewImgList li.imglist2,
.viewImgList li.imglist3,
.viewImgList li.imglist4,
.viewImgList li.imglist5,
.viewImgList li.imglist6,
.viewImgList li.imglist7 { position:absolute; left:0; top:0; z-index:10;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}


.viewImgList li .pc_img { width: 1920px; }
.viewImgList li.imglist1 > img,
.viewImgList li.imglist2 > img,
.viewImgList li.imglist3 > img,
.viewImgList li.imglist4 > img,
.viewImgList li.imglist5 > img,
.viewImgList li.imglist6 > img,
.viewImgList li.imglist7 > img { position: relative; left: 50%; transform: translate(-50%, 0); }

/* main text animation */
.visualRoll .main_ani_01 { position: absolute; top: 0; padding: 170px 0 50px 0; left: 0; overflow: hidden; z-index: 30; }
.visualRoll .main_ani_01 .ani01 { font-size: 2.5em; line-height: 1.5; color: #000; margin-bottom: 20px; text-shadow: 0px 4px 0px #fff; -webkit-animation: txt 6.0s infinite; animation: txt 6.0s infinite; }
.visualRoll .main_ani_01 .ani02 { font-size: 1.5em; text-shadow: 0px 4px 5px #fff; -webkit-animation: txt 6.0s infinite; animation: txt 6.0s infinite; animation-delay: 0.5s; opacity: 0; }
@-webkit-keyframes txt {
	0% { -webkit-transform:translateY(400px); opacity: 0;} 
	20% { -webkit-transform:translateY(0); opacity: 1; } 
	90% { -webkit-transform:translateY(0); opacity: 1;} 
	100% { opacity: 0; }
}
@keyframes txt {
	0% { transform:translateY(400px); opacity: 0; } 
	20% { transform:translateY(0); opacity: 1;} 
	90% { transform:translateY(0); opacity: 1;} 
	100% { opacity: 0; }
}

.rollbtnArea { position:absolute; width:100%; left:0; bottom:150px; z-index:50; }
.rollbtnArea .rollingbtn { width:1300px; margin:0 auto; text-align:left; }
.rollbtnArea .rollingbtn li { display:inline-block; margin-right:10px; }
.rollbtnArea .rollingbtn li.rollplay { display:none; }
.rollbtnArea .rollingbtn li a { vertical-align:top; }
.viewImgList li .mo_img { display: none; }

@media screen and (max-width:1300px) {
    .rollbtnArea .rollingbtn { width: 100%; padding: 0 20px;}
}
@media screen and (max-width:812px) {
    .visualRoll { top: 0px; max-height: 500px; height: 100%; }
    .viewImgList li { max-height: 500px; height: 100%; }
    .viewImgList li .pc_img { display: none; }
    .viewImgList li .mo_img { display: block; width: 100%; overflow: hidden;}
    .viewImgList li.imglist0 > img { width: 100%; }
    .viewImgList li.imglist1 > img { width: 100%; }
    .viewImgList li.imglist2 > img { width: 100%; }
    .viewImgList li.imglist3 > img { width: 100%; }
    .rollbtnArea { bottom: 20px; }
    .rollbtnArea .rollingbtn { text-align: center; }
    .visualRoll .main_ani_01 { padding: 18% 0 50px 0; }
}


/* 챗봇추가 전 */
.icon_btn {position:absolute;top:150px;left:50%;margin-left:-170px;text-align:center; }
.icon_btn li{float:left;}
.icon_btn li a .txt{display:block;font-size:15px;color:#1c1c1c;font-weight:600; line-height:1.2;text-align:center;width:90px;margin-top:10px;}
.icon_btn li a:hover{text-decoration:none;}
.icon_btn li a:hover img{margin-top:7px;}
.icon_btn li a:hover .txt{color:#eb5f78;}
.icon_bg01, .icon_bg02, .icon_bg03{float:right;padding:10px;}
.icon_Mbtn{display:none}
/*bt_box 챗봇추가 css*/
.bt_box_ch{position:absolute;top:20px;right:6%;width:500px;height:260px;z-index:1;}
.bt_box_ch h1{position:absolute;top:25px;font-family:"calibri";font-size:40px;color:#be4a5f;font-weight:600;word-spacing:0.1em;line-height:32px;text-align:right !important;padding:0 20px;}
.bt_box_ch span{position:absolute;top:30px;font-size:18px;color:#5f5f5f;text-align:right;width:100%;padding:0 20px;margin-top:70px;font-weight:600;z-index:1}
.w_box_ch{width:100%;height:260px;background-color:#fff;opacity:0.75;border-radius: 10px;}
.icon_btn_ch {position:absolute;top:140px;left:36%;margin-left:-180px;text-align:center; width: 100%; } /*씅씅씅 *씅??? */
/*.icon_btn_ch {position:absolute;top:140px;left:36%;margin-left:-130px;text-align:center; }씅씅씅 4씅???*/
.icon_btn_ch li{float:left; margin-left: 1.4%; }
.icon_btn_ch li a .txt{display:block;font-size:13px;color:#1c1c1c;font-weight:600; line-height:1.2;text-align:center;width:70px;margin-top:10px;letter-spacing:-.08em;}
.icon_btn_ch li a:hover{text-decoration:none;}
.icon_btn_ch li a:hover img{margin-top:7px;}
.icon_btn_ch li a:hover .txt{color:#eb5f78;}
.icon_bg01_ch, .icon_bg02_ch, .icon_bg03_ch, .icon_bg05_ch, .icon_bg06_ch{float:right;padding:5px; width: 15%;}
.icon_Mbtn_ch{display:none}

/* 진료예약, 진료시간표, 의료진 찾기, 서류발급 */
.mbbox { position: absolute; top: 350px; left: 0; width: 100%; height: 290px; margin: 0 auto; z-index: 100;}
.mbbox .mbb { 
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    text-align: center; margin: 0 auto; width: 1300px; height: 290px; }
.mbbox .mbb .mb01,
.mbbox .mbb .mb02,
.mbbox .mbb .mb03,
.mbbox .mbb .mb04 { 
    width: 24%; height: 290px; border-radius: 20px; background-color: #fff; 
    -webkit-box-shadow: 0px 0px 10px 0px rgba(54, 62, 105, 0.2); 
    box-shadow: 0px 0px 10px 0px rgba(54, 62, 105, 0.2); 
}

.mbbox .mbb .mb01 p, 
.mbbox .mbb .mb02 p, 
.mbbox .mbb .mb03 p, 
.mbbox .mbb .mb04 p { padding: 40px 0; }

.mbbox .mbb .mb01 p a,
.mbbox .mbb .mb02 p a,
.mbbox .mbb .mb03 p a,
.mbbox .mbb .mb04 p a { font-size:30px; font-weight: 600; text-align: center; text-decoration: none; }

.mbbox .mbb .mb01 span,
.mbbox .mbb .mb02 span,
.mbbox .mbb .mb03 span,
.mbbox .mbb .mb04 span { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; 
    width: 90%; margin: auto; 
}
.mbbox .mbb .mb01 .main_icon,
.mbbox .mbb .mb02 .main_icon,
.mbbox .mbb .mb03 .main_icon,
.mbbox .mbb .mb04 .main_icon { width: 70px; height: 70px; margin-bottom: 50px; } 
.mbbt button { width: 48%; height: 46px; font-size: 18px; font-weight: bold; color: #f75077; border-radius: 30px; background: #f5f5f5; text-align:center; transition: all 0.3s;}
.mbbt button:hover { background: #f75077; color: #fff; }
.mbbt a { display: block; width: 48%; height: 46px; line-height: 46px; font-size: 18px; font-weight: bold; text-decoration: none; color: #f75077; border-radius: 30px; background: #f5f5f5; text-align:center; transition: all 0.3s; }
.mbbt a:hover { background: #f75077; color: #fff; }

.doc_search button,
.doc_search a { display: block; width: 90%; height: 46px; font-size: 18px; font-weight: bold; color: #f75077; line-height: 46px; border-radius: 30px; background: #fff; text-align: center; border: 1px solid #f75077; border-radius: 30px; margin: 0 auto; transition: all 0.3s; text-decoration: none;}
.doc_search button:hover,
.doc_search a:hover { background: #f75077; color: #fff; }
.doc_search a { position: relative; }
.doc_search a img { position: absolute; top: -1px; right: -1px; width: 46px; height: 46px; }

/* 의료진 검색 팝업 */
.doctor_sh { position: fixed; top: 25%; left: 15%; width: 70%; height: auto; background-color: #94c4c8; -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.5); box-shadow: 0 0px 20px rgba(0,0,0,0.5); z-index:1100;}
.doctor_sh .close_btn { padding: 15px; }
.doctor_sh fieldset { padding: 0 30px 60px 30px; }
.doctor_sh .doc_flex { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.doctor_sh .doc_flex .sc_name  { font-size:18px; color:#fff; margin-right: 20px; }
.doctor_sh .doc_flex .sc_input { width: 60%; height: 45px; font-size: 16px; padding: 5px 5px 5px 20px; border: none; border-radius: 5px 0 0 5px; background-color:#fff;}
.doctor_sh .doc_flex .sc_btn   { width: auto; font-size: 18px; border-radius: 0 5px 5px 0; background:#01a29a; }
.doctor_sh .doc_flex .sc_btn a { display: block; height: 45px; font-weight:600; color:#fff; padding: 10px; text-decoration:none; }
.doctor_sh .doc_list { position: relative; clear:both; margin: 20px auto 0 auto; overflow:auto; height:350px; padding:10px; background-color:#fff; }


/*20200131 진료과 전문센터 클리닉 바로가기 변경
.hc_go{position:absolute;left:60%;top:20px;}
.hc_go a{display:block;width:200px;height:30px;color: #3e4a5b;_border:2px solid #3e4a5b;padding-top:7px;-webkit-padding-before:4px;text-align: center;font-size:1em;font-weight:500;}
.hc_go a:hover{text-decoration:none;color:#e64361;}
.hc_go img{width:18px;vertical-align:middle;margin-left:5px;margin-top:-3px;}
.hc_go a:hover img{filter:alpha(opacity=80);opacity:0.8;}*/

.hc_go{position:absolute;right:0%;top:10px;border:1px solid #3e4a5b;}
.hc_go a{display:block;width:100%;color: #3e4a5b;padding:14px 35px 7px 10px;-webkit-padding-before:10px;-webkit-padding-after: 9px;font-size:1em;font-weight:600;background:url('../img/icon_more2.png') 238px no-repeat;}
.hc_go a:hover{text-decoration:none;color:#fff;background:url('../img/icon_more3.png') 238px no-repeat #3e4a5b;}
.hc_go span.go_more{color:#e64361;padding-left:5px;}
.hc_go a:hover span.go_more{color:#fff}

.m_seach{display:none;}
.research {display:none;}

/*메인 배너영역 공통 - health center */
.box { position: relative; width: 1300px; height: auto;  margin: auto; }
.box2 { position: relative; margin: auto; width: 1300px; height: auto; float: left;}
.text_center { display: block; text-align: center; }
.center_text { font-family:"calibri",sans-serif; font-size:34px; font-weight:bold; line-height: 1.5; margin-bottom: 10px;}


/*메인 이동배너영역 */
.center_tit {font-family:"calibri",sans-serif;color:#3e4a5b;font-size:20px;margin-top:20px;}
.center_text {font-family:"calibri",sans-serif;color:#3e4a5b;font-size:26px;font-weight:bold;margin-top:5px;}
.center_line {color:#e64361;font-size:40px;font-weight:bold;letter-spacing:-.2em;}

.more_list { position:relative; top:0; width:100%; height:200px; }
.more_list li {float:left;width:300px;}
.more_list a { font-weight: bold; color:#606060; text-decoration: none; text-align: center;}
.more_list a:hover p img { transform: rotateY(360deg); transition: all 0.5s;}
.more_list a:hover span { color: #00b7b7; }
.more_list span { display: block; }
.more_list li span { padding-top: 20px;} 
.icon_prev { float:left; width:30px; }
.icon_next { float:right; width:30px; }
.more_list a:hover { color:#eb5f78; text-decoration: none; }
.more_list .more_icon .more_mtext {display:none;}

/* 메인 진료과/센터 영역 */
.main_health_center .flex_01 { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    margin: 100px auto 50px auto;
}
.main_health_center .flex_01 .health_left { width: 16%; margin-right: 50px;}
.main_health_center .flex_01 .more_list { display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 84%; }
.main_health_center .flex_01 .main_more a { display: block; width: 150px; height: 40px; font-size: 20px; color: #00b7b7; line-height: 40px; text-decoration: none; border-radius: 20px; text-align: center; background: #fff; margin: 0 auto; transition: all 0.3s;}
.main_health_center .flex_01 .main_more a:hover { color: #fff; background: #00b7b7;}

/* 메인 센터 - 퀵메뉴 7개 영역 */
.quick_area { background: #fff; height: 300px; }
.quick_area .inner { width: 1300px; margin: 0 auto; }
.quick_area .flex { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 60px;
}
.quick_area .flex .item { width: 13%; }
.quick_area .flex .item a { display: block; text-decoration: none; transition: all 0.3s;}
.quick_area .flex .item a:hover { color: #f75077; }
.quick_area .flex .item a span { display: block; height: 60px; text-align: center; font-size: 1.125em; line-height: 1.3; }
.quick_area .flex .item .q_icon { display: block; width: 120px; height: 120px; font-size: 0; margin: 0 auto 20px auto; transition: all 0.3s;}
.quick_area .flex .item a:hover .q_icon { filter: drop-shadow(0 10px 10px rgba(158, 0, 37, 0.2)); transform: translateY(10px); }
.quick_area .flex .item .bg_01 { background: url('../img/main_icon_011.svg') no-repeat; }
.quick_area .flex .item .bg_02 { background: url('../img/main_icon_012.svg') no-repeat; }
.quick_area .flex .item .bg_03 { background: url('../img/main_icon_013.svg') no-repeat; }
.quick_area .flex .item .bg_04 { background: url('../img/main_icon_014.svg') no-repeat; }
.quick_area .flex .item .bg_05 { background: url('../img/main_icon_015.svg') no-repeat; }
.quick_area .flex .item .bg_06 { background: url('../img/main_icon_016.svg') no-repeat; }
.quick_area .flex .item .bg_07 { background: url('../img/main_icon_017.svg') no-repeat; }
.quick_area .flex .item .bg_08 { background: url('../img/main_icon_019.svg') no-repeat; }

/* 모바일 진료과 센터 */
.main_research { display: none; }

/* 모바일 당일진료접수 */
.main_Reception { display: none; }

/* 메인 - 건강정보 */
.mo_health_title { display: none; }
.main_health_info { background: #f6f6f6; padding: 50px 0; }
.main_health_info .flex_02 { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.main_health_info .flex_02 .health_left { width: 16%; margin-right: 50px;}
.main_health_info .health_right { 
    width: 84%; display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.main_health_info .health_right .item { width: 30%; }
.main_health_info .flex_02 .main_more a { display: block; width: 150px; height: 40px; font-size: 20px; color: #f75077; line-height: 40px; text-decoration: none; border-radius: 20px; text-align: center; background: #fff; margin: 0 auto; transition: all 0.3s;}
.main_health_info .flex_02 .main_more a:hover { background: #f75077; color: #fff;}
.main_health_info .health_right .item a { position: relative; display: block; text-align: center; text-decoration: none; border: 1px solid #fff; border-radius: 10px; transition: all 0.3s; }
.main_health_info .health_right .item a:hover { display: block; border-radius: 10px; border: 1px solid #f75077; -webkit-box-shadow: 0 10px 20px rgba(158, 0, 37, 0.2); box-shadow: 0 10px 20px rgba(158, 0, 37, 0.2);}
.main_health_info .health_right .item .youtube_bg { position: absolute; width: 100%; height: 170px; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); border-radius: 10px 10px 0 0; }
.main_health_info .health_right .item .youtube_bg > img { margin-top: 20%; }
.main_health_info .health_right .item .youtube_img { overflow: hidden; width: 100%; height: 170px; border-radius: 10px 10px 0 0; }
.main_health_info .health_right .item .youtube_img > img { width: 100%; height: 170px;}
.main_health_info .health_right .item .t_box { width: 100%; height: 120px; padding: 0 20px; border-radius: 0 0 10px 10px; background: #fff; }
.main_health_info .health_right .item .t_box .t_tex { height: 70px; font-size: 1.125em; font-weight: bold; line-height: 1.3; padding: 20px 0 0 0; word-break: keep-all;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.main_health_info .health_right .item .t_box .t_date { color: #707070; padding: 15px 0;}

/* 메인 탭메뉴 - 병원소식, 언론보도, 인재채용, 입찰공고 */
.main_tab_area { background: #fff; padding: 50px 0 260px 0;}
.main_tab_area .inner { width: 1300px; margin: 0 auto; }
.main_tab_area .tab_interface { display: -webkit-box; display: -ms-flexbox; display: flex;  }
.main_tab_area .tab_list { position: relative; width: 16%; font-size: 1.25em; font-weight: bold; text-align: center; margin-right: 50px; }
.main_tab_area .tab_list::after { position: absolute; display: block; content: ''; top: 0; right: 22px; width: 1px; height: 240px; border-left: 1px solid #ccc; }
.main_tab_area .tab_list li { width: 90%; height: 80px; line-height: 80px; cursor: pointer; color: #aaafb3; }
.main_tab_area .tab_list [aria-selected='true'] { position: relative; color: #333; border-right: 7px solid #f75077; z-index: 1; }
.main_tab_area .tab_con { width: 84%; }
.main_tab_area .tab_con .con_sec .flex { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.main_tab_area .tab_con .con_sec .flex a { display: block; }
.main_tab_area .tab_con .con_sec .flex .tab_box01 { width: 32%; }
.main_tab_area .tab_con .con_sec .more_con { text-align: right; }
.main_tab_area .tab_con .con_sec .more_con a { display: inline-block; color: #666d72; padding: 15px 0 15px 15px; text-decoration: none;}
.main_tab_area .tab_con .con_sec .flex .tab_box01 { border: 1px solid #ddd; text-decoration: none; transition: all 0.3s;}
.main_tab_area .tab_con .con_sec .flex .tab_box01:hover { border: 1px solid #f75077; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); transform: translateY(-10px); }
.main_tab_area .tab_con .con_sec .flex .tab_box01 > p { display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.main_tab_area .tab_con .con_sec .flex .item_01 .tit { display: inline-block; padding: 10px; color: #fff; background: #615a93;}
.main_tab_area .tab_con .con_sec .flex .item_01 .deadline { display: inline-block; padding: 10px; color: #fff; background: #a0a0a0;}
.main_tab_area .tab_con .con_sec .flex .item_01 .new { display: inline-block; padding: 10px; color: #fff; background: #f75077;}
.main_tab_area .tab_con .con_sec .flex .item_02 { min-height: 94px; font-size: 1.125em; line-height: 1.5; padding: 20px; }
.main_tab_area .tab_con .con_sec .flex .item_03 { padding: 18px 20px; color: #aaa; border-top: 1px dashed #ddd;}
.unvisual { display: none; } 


/* 메인 - 찾아오시는 길, 원내배치도, 주차 안내 */
.main_map { position: relative; }
.main_map .flex {
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
    margin: 100px auto 50px auto; 
    height: 380px; margin: 0;
}
.main_map .map_up { margin: -190px 0 100px 0; }
.main_map .con_left { position: relative; width: 50%; }
.main_map .con_left ul { position: absolute; width: 85%; bottom: 40px; left: 10px; padding: 10px; line-height: 1.5; background: rgba(255, 255, 255, 0.8); z-index: 10;}
.main_map .con_right { width: 50%; }
.main_map .con_right ul li { width: 33.3%; height: 190px; padding: 20px 10px; text-align: center;}
.main_map .con_right .flex_r { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.main_map .con_right .flex_r:first-child { background: #686e8a; }
.main_map .con_right .flex_r .item_01 a { font-size: 1.125em; color: #fff; transition: all 0.3s;}
.main_map .con_right .flex_r .item_01 a:hover { color: #74e2e2; }
.main_map .con_right .flex_r .item_01 .icon_01 { display: block; width: 70px; height: 70px; font-size: 0; margin: 15px auto 20px auto; background: url('../img/main_icon_f01.svg') no-repeat; transition: all 0.3s; }
.main_map .con_right .flex_r .item_01 .icon_02 { display: block; width: 70px; height: 70px; font-size: 0; margin: 15px auto 20px auto; background: url('../img/main_icon_f02.svg') no-repeat; transition: all 0.3s; }
.main_map .con_right .flex_r .item_01 .icon_03 { display: block; width: 70px; height: 70px; font-size: 0; margin: 15px auto 20px auto; background: url('../img/main_icon_f03.svg') no-repeat; transition: all 0.3s; }
.main_map .con_right .flex_r .item_01:hover .icon_01 { background: url('../img/main_icon_f01_h.svg') no-repeat; }
.main_map .con_right .flex_r .item_01:hover .icon_02 { background: url('../img/main_icon_f02_h.svg') no-repeat; }
.main_map .con_right .flex_r .item_01:hover .icon_03 { background: url('../img/main_icon_f03_h.svg') no-repeat; }
.main_map .con_right .flex_r .item_01 .text { text-align: center; }

.main_map .con_right .flex_r .item_02 { width: 50%; color: #363e69; background: #dfe4ff; }
.main_map .con_right .flex_r .item_02 b { display: block; font-size: 1.875em; margin: 50px 0 20px 0; }
.main_map .con_right .flex_r .item_02 span { display: block; font-size: 1.3em; }
.main_map .con_right .flex_r .item_03 { width: 50%; background: #fff; transition: all 0.3s;}
.main_map .con_right .flex_r .item_03:hover { background: #dbdbdb; }
.main_map .con_right .flex_r .item_03 img { padding: 20px; }
.main_map .con_right .flex_r .item_04 { background: #fff; transition: all 0.3s; }
.main_map .con_right .flex_r .item_04:hover { background: #dbdbdb; }
.main_map .con_right .flex_r .item_04 img { padding: 20px; }
.root_daum_roughmap_landing { width: 100% !important; }
.root_daum_roughmap .wrap_map { height: 348px !important; }


/* Quick */
.divQuick_box{position:fixed;top:235px;right:0px;width:140px;z-index:991;height:auto;}
.quick_btn{position:relative;top:0;float:left;display:inline-block;overflow:hidden;width:53px;margin-top:10px;}
.q_box{display:inline-block;width:87px;height:250px;border:1px solid #ccc;border-radius:10px 0 0 10px ;border-right:none;background-color:#fff;}
.q_box li {text-align:center;padding:10px 0;}
.q_box li a{display:block;color:#333;font-size:12.5px;font-weight:bold;line-height:1.15em;}
.q_box li a:hover{color:#e64361;text-decoration:none;}
.q_box .q_sprite{display:block;background-image:url('../img/common/icon_quick.png');background-repeat:no-repeat ;}
.q_box .sprite_icon01{width:88px;height:34px;background-position:26px 5px;}
.q_box .sprite_icon02{width:88px;height:34px;background-position:26px -79px;}
.q_box .sprite_icon03{width:88px;height:34px;background-position:26px -166px;}
.q_box .sprite_icon04{width:88px;height:34px;background-position:26px -242px;}
#div_q_box .q_menulist{position:absolute;top:170px;right:0px;z-index:999;background-color:rgba(255,255,255,0.8);width:130px;height:350px;border:1px solid #ccc;overflow-y:scroll;}


/* SUBMENU */
.submenu{display:none;}


/* sub top*/
.sub_TopNaviBox {position:absolute; left:0;width:100%;height:55px;background-color:#eff2f4; border-top:1px solid #ccc;} 
.sub_TopNaviBar{position:relative;top:0;margin:auto;width:1180px;height:55px;_border:1px solid #ccc;}
.sub_TopNavi{position:relative;display:inline; line-height:62px;font-size:12px;}
.sub_TopNavi span{float:left;margin-top:-10px;width:700px}
.sub_TopNavi span select{background-color:transparent;border-bottom:1px dashed #c0c5cf;border-top:0;border-right:0;border-left:0;background:url('../img/common/icon_selectopen.png')no-repeat right 9px;padding:2px 12px 2px 2px;}
.sub_TopNavi span select{-webkit-appearance:none !important ;}
.sub_TopNavi span select::-ms-expand {display:none}
.sub_TopNavi .icon_naviimg{padding:0 15px}

.sub_TopNaviBar .cu_pageh{float:left;color:#000; font-size:1.2em;font-weight:500;}
.sub_TopNaviBar .cu_page:before {content:'';display:inline-block;margin-right:17px;background:url('../img/common/icon_naviar.png') no-repeat;_width:1px;_height:16px;_background-color:#d9d9d9;vertical-align:middle;}
.sub_TopNaviBar .cu_page > a {color:#000; font-size:1.2em;font-weight:500;}
.sub_TopNaviBar .cu_page > a:after {content:'';display:inline-block;margin-top:28px;margin-left:10px;width:9px;height:5px;background:url('../img/common/icon_selectopen.png') no-repeat ;vertical-align:top;}
.sub_TopNaviBar .cu_page {position:relative;display:inline-block;margin-left:-20px;}
.sub_TopNaviBar .cu_page .depth_list {position:absolute;top:54px;_overflow:hidden;height:0;}
.sub_TopNaviBar .cu_page .depth_list ul {position:relative;top:0;left:0;width:auto;}
.sub_TopNaviBar .cu_page .depth_list ul li {border:1px solid #d9d9d9;border-top:0;background-color:#fff;line-height:1.8em;padding-top:3px;}
.sub_TopNaviBar .cu_page .depth_list ul li:first-child {border-top:1px solid #d9d9d9;}
.sub_TopNaviBar .cu_page .depth_list ul li a {display:block;min-width:165px;width:auto;padding:12px 10px 7px 20px;color:#777;font-size:1.2em;-webkit-padding-before:9px;}
.sub_TopNaviBar .cu_page .depth_list ul li:hover {background-color:#f4f5f8;}
.sub_TopNaviBar .cu_page .depth_list ul li:hover a {color:#1f4bb4;}
.sub_TopNaviBar .cu_page a.ls8{letter-spacing: -.08em;}


.sub_Topdata{float:right;z-index:999;position: absolute;right: 0;}
.sub_Topdata li{float:left;padding-left:15px;margin-top:-12px}
.sub_Topdata a{font-size:13px;}
.sub_Topdata a.login_datan{color:#000;font-weight:500;padding-right:15px;}
.sub_Topdata a.login_datat{color:#d7425c;font-weight:500;text-decoration:underline;}
.login_datadiv{padding-top:20px}

.submenu_bar{position:relative;top:40px;display:inline-block;width:100%;height:40px;background-color:#f7f7f7;border-bottom:1px solid #e0dfdf;margin-bottom:30px;border-radius: 20px;}
.submenu_bar span{display:block;}
.submenu_bar .icon_pr2{float:left;width:18px;padding:12px 0 0 10px;}
.submenu_bar .icon_ne2{float:right;width:18px;margin:-27px 10px 0 0;}
.submenu_tmenu{position: relative;left:-10px;width:90%;height:40px;overflow:hidden;margin:auto;}
.submenu_tmenu li{display:inline-block;line-height:3em;padding-right:20px;-webkit-margin-before:-4px;}
.submenu_tmenu li a{font-size:15px;font-weight:500;}
.submenu_tmenu li.on a{color:#d14b63}
.submenu_tmenu span{letter-spacing:-0.1em;}



/* SUB */
.container:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
.container h1{clear:both;width:100%;margin-bottom:25px;height:50px;font-size:2.2em;font-weight:600;text-align:center;}
.container h2{clear:both;color:#333;font-weight:500;letter-spacing:-0.05em;font-size:1.55em;line-height:3em;}
.container h3{clear:both;color:#444;font-size:1.2em;line-height:2.5em;font-weight:500;_text-decoration:overline}
.container h4{clear:both;padding-left:10px;margin:10px 0 0 0px;font-weight:500;color:#333;background:url('../img/common/bl_05.png') no-repeat 0 9px;font-size:1em}
.headArea{width:980px;height:175px;position:relative;margin:0 auto}
.select_menu{height:44px;width:100%;clear:both}
.skipNavi{width:260px;float:left;color:#fff;font-size:13px;border-top:5px solid #f27186;text-align:center;padding-top:5px}
.skipNavi a{color:#fff;font-weight:bold}
.logo_login{width:100%;height:90px}
.div_left{float:left;margin-right:10px;}

.line{border-bottom:1px dotted #aaa;margin-bottom:20px}
.line01{border-bottom:1px solid #5c78e5}
.line02{border-top:2px solid #ccc}

.doc_listcont {border-bottom: 1px solid #5d5d5d; border-top: 2px solid #5d5d5d;}
.doc_listcont li {border-top: 1px solid #ddd; padding: 23px 0 24px; overflow:hidden;}
.doc_listcont li.first {border-top:0 none}
.doc_listcont li strong.num {display: block; float: left; font-size:1.4em; padding-left: 30px; width: 75px}
.doc_listcont li dl {float: left; width:92%;}
.doc_listcont li dl dt {font-size: 18px;font-weight:500; margin-bottom: 10px}
.doc_listcont li dl dt a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.doc_listcont li dl dt .docname {display: inline-block; font-size:.8em; font-weight:500; padding-top:5px;color:#5c78e5}
.doc_listcont li dl dd {line-height:1.5}

.facebook_banner{position:absolute;right:-50px;top:60px}
.youtube_banner{position:absolute;right:-80px;top:120px}
.isms_banner{position:absolute;right:-63px;top:120px}

.auto_logout{border:5px solid #8792e2;width:470px;padding:30px;background-color:#fff}
.auto_logout .info_tit{font-size:30px;font-weight:600;padding:20px 0 30px 0}
.auto_logout .info_tit span{color:#3c48aa}
.auto_logout .time{font-size:25px;font-weight:600;background:url('../img/log_btl01.gif') no-repeat;padding-left:20px;padding-bottom:30px}
.auto_logout .time span{color:#ff0101}
.auto_logout .infor{font-size:20px;line-height:1.5em;padding-bottom:50px;text-align:left}
.auto_logout .infor span{color:#ff0101}
.auto_logout .center_btn{text-align:center;padding:20px 0;margin:0 auto;width:300px;font-weight:600}
.auto_logout .center_btn a{color:#3d49ab;padding-right:10px;font-size:20px}
.auto_logout .center_btn a.des{color:#666}

.gray_box{border:1px solid #c1c1c1;background-color:#f1f1f1;overflow:hidden}
.gray_box ul{border-right:1px solid #c1c1c1;padding:10px 0 0 10px;float:left;width:137px}
.gray_box ul li{font-weight:600;padding-bottom:10px;letter-spacing:-1.5px}
.gray_box ul.brnone{border-right:0 none}
.health_sch{border:3px solid #d14b63;padding:3px 0 8px 8px;height:40px;width:500px;margin:0 auto;position:relative;margin-bottom:80px}
.health_sch input{border:0 none;height:30px;width:100%;font-size:18px;float:left}
.health_sch .shc_btn{background-color:#d14b63;padding:9px 15px 3px 15px;float:left;position:absolute;top:0;right:-.5px;text-align:center;-webkit-padding-before:6px;-webkit-padding-end:15px;-webkit-padding-after:5px;-webkit-padding-start:15px}
.health_sch .shc_btn a{color:#fff;font-weight:600;font-size:18px}
.sch_div{margin:10px;padding:10px;overflow:hidden;font-size:15px;position:relative}
.sch_div dt{width:100px;float:left;margin-right:10px}
.sch_div dd{float:left;width:80%;margin-top:30px}
.heal_dic{background-color:#707070;color:#fff;padding:3px 7px;float:left;width:86px;letter-spacing:-0.13em;text-align:center}
.hosp_new{background-color:#e64361;color:#fff;padding:3px 7px;float:left;width:86px;text-align:center}
.press_kit{background-color:#0d969c;color:#fff;padding:3px 7px;float:left;width:86px;text-align:center}
.press_kit2{background-color:#e15f01;color:#fff;padding:3px 7px;float:left;width:86px;text-align:center}
/*.sch_list{margin-right:120px;float:left}*/
.sch_list li{background:url('../img/common/shc_list_blt.gif') 0 12px no-repeat;padding-left:20px}
.more_btn{position:absolute;right:50px}
.turn{clear:both;padding:0 0 30px 0 ;overflow:hidden}
.turn li{float:left;height:55px;}
.turn li span{padding:15px ;font-weight:600;float:left;text-align:center;border:2px solid #aaa;border-radius:5px;background-color:#f3f3f3}
.turn li span.line2{padding:10px 20px 10px 10px;}
.turn li div{background:url('../img/arrow_img.png') no-repeat;float:left;text-indent:-9999px;width:22px;margin:15px 10px 15px 10px;height:24px}
.turn li .arrow{float:left;padding:5px;width:auto}
.bor_box{border:2px solid #ccc;margin-bottom:20px;padding:20px;width:80%;}
.bor_box p{padding-bottom:10px}
.bor_box2{border:2px solid #ccc;margin-bottom:20px;padding:20px;width:100%;}
.list_no{list-style-type:decimal;padding-bottom:10px;padding-left:20px}
.list_no li{line-height:2;background:none !important;padding-left: 0 !important;}
.list_no1{list-style-type:decimal;padding-bottom:10px;padding-left:40px}
.list_no1 li{line-height:2}
.doc{clear:both}
.div_hef{border-left:1px solid #ccc;float:left;padding:0 20px;width:280px}
.blnone{border-left:0 none}
.lay_pu{border:5px solid #8792e2;width:auto;padding:10px 20px;background-color:#fff;text-align:left;line-height:1.5}
.lay_pu h2{background:url("../img/common/blt_h2.gif") no-repeat 0 3px;clear:both;color:#333;font-size:15px;height:22px;margin:15px 0 7px;padding-left:20px}
.lay_pu p{padding-bottom:10px}
.lay_pu_s{position:absolute;border:5px solid #8792e2;width:600px;margin-left:25%;overflow-y:scroll;padding:10px 20px;background-color:#fff;overflow:hidden;text-align:left;line-height:1.5;z-index:100}
.lay_pu_s h2{background:url("../img/common/blt_h2.gif") no-repeat 0 3px;clear:both;color:#333;font-size:15px;height:22px;margin:15px 0 7px;padding-left:20px}
.lay_pu_s p{padding-bottom:10px}
.sys_ck{float:left;padding-right:20px;padding-top:30px}
.sys_ck_info{float:left;width:500px}
.sys_ck_info p{line-height:2}
.doc{clear:both}
.doc_name{font-size:1.4em;}
.doc_name strong{font-weight:600}
.doc a span{margin-right:5px;}
.blnone{border-left:0 none!important}
.div_hef{border-left:1px solid #ccc;float:left;padding:5px 0 0 10px;width:235px;margin-right:5px}
.no_list{list-style-type:decimal;padding-bottom:10px;padding-left:40px}
.no_list li{list-style-type:inherit}
.ul_list,.news1_div{display:none}
.main_news .m_more_btn01{display:none}
.medical_div table.m_table{display:none}
.m_center,.m_seach,.m_btn,.m_tel_div{display:none}
.menu_lnb,.menu_lnb_sub,.home_btn{_display:none}
.m_center_btn{display:none}
.reserve{display:none}


.ess {color:#eb5f78;font-weight:600;padding-right:50px;text-align:right;}
.pt500_info {border:1px solid #ccc;height:100px;overflow-y:auto;padding:10px;margin-left:35px;width:90%;clear:both;margin-top:10px;margin-bottom:10px;}
.realnam_pt500 {clear:both;_height:80px;overflow-y:auto;margin:10px;padding:10px;border:1px solid #ccc;}
.contents1{padding:0 0 10px 0;line-height:150%;float:left;padding:17px 0 0;width:98%;}
.photo_t{float:left;font-size:1em;font-weight:500;line-height:1.2em;margin-top:110px;padding-right:5px;}
a.pcview_btn{display:block;color:#fff;font-size:14px;background-color:#ba4c60;padding:6px 10px;text-align:center;text-decoration: none;}

.order{margin-bottom:10px}
.order li{list-style: decimal;margin-left: 20px;}


/* 진료예약 */
.line_dashed{border-bottom:2px dashed #ccc;margin:auto;padding:5px 0 20px}
.btn_box_g{display:inline-block;width:35%;}
.btn_box_g a{display:block;height:320px;padding:20px;border:1px solid #ccc;border-radius:10px;}
.btn_box_g a span{font-size:1.4em;font-weight:600;}
.btn_box_g a:hover{text-decoration:none;border:2px solid #eb5f78;padding:19px;}
.btn_box_g img{display:block;margin:auto;padding-bottom:20px;}
.btn_box_g span, .btn_box_g span em{font-size:1em;font-weight:600;}
.btn_box_g span em{color:#eb5f78}
.btn_box_g p{text-align:left;padding:20px 0}
.btn_box_g a:hover p{color:#333}
.in_box{border-bottom:1px dashed #ccc;padding:0 0 10px;}
.infor_input{border:1px solid #ccc;padding:10px 20px;margin:10px;}
.in_name,.in_snum{display:inline-block;width:30%;}
.in_name span,.in_snum span{font-weight:500}
.in_name span{color:#eb5f78}
.in_sel{margin-top:10px;color:#eb5f78;font-weight:500;}
.appoint_box{float:left;width:100%;padding:0 10px 60px;}
.ap_firsth,.ap_tell{float:left;border:1px solid #ccc;border-radius:10px;width:49%;padding:10px;line-height: 1.5em;font-size:1em;height:90px;padding-left:120px;}
.ap_firsth a span,.ap_tell a span{font-size:1.3em;font-weight:500;line-height:1.3em;}
.ap_firsth{background:url('../img/icon_infirsth.png') 35px center no-repeat;}
.ap_tell{background:url('../img/icon_intell.png') 35px center no-repeat;float: right;}
.realnam_pt560{clear:both;height:auto;overflow-y:auto;margin:10px;padding: 10px;border:1px solid #ccc;}
.realnam_pt560 .list li{padding: 2px 0 2px 10px;background:url('../img/common/bl_07.png') no-repeat 0 9px;}
.input_left{padding:0 10px 20px}
a.btn_right{color:#eb5f78;font-weight:500}
.width_center{display:block;width:80%;margin:auto;text-align:center;}
.m_display{display:none}

.rsvt_layer{position:fixed;z-index:1001;top:50%;color:#333;font-size:15px;margin:auto;width:350px;height:auto;border:5px solid #333;background-color:#fff;padding:20px;margin-left:50%;left:-470px;}
.rsvt_layer p{padding:10px;}
.rsvt_div{padding:10px;position:relative;left:15%;}
.rsvt_layer .rsvt_div .btn{float:left}
.rsvt_layer .rsvt_div a.btn {padding:5px;background:#eb5f78;color:#fff;border-radius:5px;text-align:center;width:90px;height:50px;}
.rsvt_layer .rsvt_div a:hover.btn {text-decoration: none;}
.rsvt_layer .rsvt_div .line{line-height:2.5em;} 


/* 진료과 */
ul.clinic_sel	{display:inline-block; padding:0;width:100%; _text-align:center;}
.clinic_sel li{position:relative;padding:12px;display:inline-block;width:16.3%;height:130px;float:left;text-align:center;}
.clinic_sel li span{display:block;padding-top:0;word-break: keep-all;}
.clinic_sel li a{font-size:16px;font-weight:bold;color:#333;}
.clinic_sel li a:hover{color:#eb5f78;}

/*Clinical Service*/
ul.clinic_sel_el	{display:inline-block; padding:0;width:100%; _text-align:center;}
.clinic_sel_el li{position:relative;padding:12px;display:inline-block;width:16.3%;height:130px;float:left;text-align:center;}
.clinic_sel_el li span{display:block;padding-top:0;line-height:1em;}
.clinic_sel_el li a{font-size:16px;color:#333;letter-spacing:-.01em;}
.clinic_sel_el li a:hover{color:#eb5f78;}


/*진료현황 대기 인원 시간*/
.div_standby{display:inline-block;width:100%;height:auto;text-align:center;margin:10px 0 50px;}
.div_standby_center{display:inline-block;width:60%}
.div_standby li{padding:5px}
.div_standbbox01,.div_standbbox02{float:left;display:inline-block;width:50%}
.div_standbbox01{background:#5c78e5;border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:1px dashed #fff;}
.div_standbbox01 ul,.div_standbbox02 ul{padding:10px 0 20px;}
.div_standbbox01 li.text,.div_standbbox02 li.text{padding-bottom:20px}
.div_standbbox01 li.text{color:#c9d4ff;font-size:1.4em;background:url('../img/icon_31901.png') 25% 2px no-repeat;margin-left:10px;}
.div_standbbox01 li.text2,.div_standbbox02 li.text2{color:#fff;font-size:3em;height:53px}
.div_standbbox01 li.text2 span, .div_standbbox02 li.text2 span{border-bottom:3px solid rgba(255, 255, 255, .5);padding:10px 20px 16px; display: inline-block; }

/* 익스수정 */
.div_standbbox01 li.text2 span, ::-ms-expand { padding-bottom: 8px; }
::-ms-expand, .div_standbbox02 li.text2 span { padding-bottom: 8px; }

/* 크롬수정시 */
/* .div_standbbox01 li.text2 span, ::-webkit-expand { padding-bottom: 100px; }
::-webkit-expand, .div_standbbox02 li.text2 span { padding-bottom: 100px; } */







.div_standbbox02{background:#8b7cff;border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:1px dashed #fff;}
.div_standbbox02 li.text{color:#d5d0ff;font-size:1.4em;background:url('../img/icon_31902.png') 24% 2px no-repeat;margin-left:12px;}



/* 탭메뉴 */
#contents .step_01 {background-color:#5c78e5;font-size:.8em;color:#fff;padding:2px 10px;}
#contents .currentUrl{height:13px;padding-bottom:5px;text-align:left;font-size:11px;font-weight:normal;font-size:12px}
#contents .currentUrl a{padding:0 3px}
#contents{position:relative; display:inline-block;margin:auto;margin-top:20px;padding:0 0 20px 0;width:1180px;line-height:150%;_border:1px solid #ddd;}
#contents h1{font-size:2em;padding-top:60px;padding-bottom:40px}
#contents .depth3{float:leftt;margin:15px 0 25px 0;width:auto;height:32px}
#contents .depth3 ul li{float:left;background:url('../img/common/depth3_ptm.gif') no-repeat;font-weight:600;text-align:center;width:109px;height:27px;letter-spacing:-0.05em}
#contents .depth3 ul li.sm{float:left;background:url('../img/common/depth3_ptm_sm.gif') no-repeat;font-weight:600;text-align:center;width:68px;height:27px;letter-spacing:-0.05em}
#contents .depth3 ul li a{padding:5px 0 0 0;display:block}
#contents .depth3 ul li.on{float:left;background:url('../img/common/depth3_ptm_on.gif') no-repeat;font-weight:600;text-align:center;width:109px;height:32px}
#contents .depth3 ul li.sm a:hover{float:left;background:url('../img/common/depth3_ptm_sm_on.gif') no-repeat;font-weight:600;text-align:center;width:68px;height:32px}
#contents .depth3 ul li.sm a.on{float:left;background:url('../img/common/depth3_ptm_sm_on.gif') no-repeat;font-weight:600;text-align:center;width:68px;height:32px;color:#e64361}
#contents .depth3 ul li.on a{color:#e64361}
#contents .depth3 ul li a:hover{float:left;background:url('../img/common/depth3_ptm_on.gif') no-repeat;font-weight:600;text-align:center;width:109px;height:32px}
#contents .depth4{display:inline-block;margin:10px 0 25px 8px;padding:10px 20px;width:98%;height:auto;text-align:center;border:1px solid #e3e3e3;border-radius:50px;}
#contents .depth4 ul{float:left}
#contents .depth4 ul li{float:left;border-right:1px solid #d6d6d6;padding:0 10px;font-weight:600;letter-spacing:-0.05em}
#contents .depth4 ul li:last-child{border:0 none;}
#contents .depth4 ul li.on a{color:#e64361}
#contents .depth4 ul li.last a{_border:0 none;color:#e64361}
#contents .depth4_11{margin:0 0 25px 12px;padding:10px 20px;width:710px;height:15px;text-align:center;background:url('../img/common/depth4_1_bg.gif') no-repeat 0 0}
#contents .depth4_11 ul{float:left}
#contents .depth4_11 ul li{float:left;border-left:1px solid #d6d6d6;padding:0 7px;font-weight:600;letter-spacing:-0.1em}
#contents .depth4_11 ul li.on a{color:#e64361}
#contents .depth4_11 ul li.last{border:0 none}
#contents .depth_h1{margin-bottom:20px;clear:both;overflow:hidden;background:url('../img/common/bg_tab.gif') repeat-x center top;height:68px}
#contents .depth_h1 ul{float:left}
#contents .depth_h1 ul li{float:left;font-size:16px;border-top:2px solid #cfcfcf;border-left:2px solid #cfcfcf;border-right:2px solid #cfcfcf;padding:10px 10px;margin-right:10px;letter-spacing:-1px}
#contents .depth_h1 ul li.on{background-color:#fff;border-top:2px solid #e64361;border-left:2px solid #e64361;border-right:2px solid #e64361}
#contents .depth_h1 ul li.out{height:44px}
#contents .depth_h1 ul li.on a{color:#e64361;font-weight:600}
#contents .depth_h1 ul li a{text-decoration:none}
#contents .depth_app {width:85%;overflow:hidden;box-sizing:border-box;border:2px solid #bbb;border-radius:10px;padding:5px;margin-bottom:20px;margin:auto;}
#contents .depth_app li {float:left;width:32%;padding:10px 6px;border:2px solid #eee;margin:5px;font-size:16px;letter-spacing:-1px;}
#contents .depth_app li.on {border:2px solid #d14b63;height:auto;}

#contents .depth3_tab		{float:left;margin:15px 0 25px 0;width:100%;height:34px;border-bottom:2px solid #e5e5e5;}
#contents .depth3_tab ul		{float:left;_padding:5px 6px;}
#contents .depth3_tab ul li	{float:left;background-color:#e5e5e5;border-radius:3px; font-weight:600;text-align:center;padding:2px 10px;margin-left:5px;}
#contents .depth3_tab ul li a {padding:6px 0 0 0;display:block;;-webkit-padding-before:3px;-webkit-padding-after:2px;}
#contents .depth3_tab ul li.on {float:left;background-color:#d14b63;border-radius:3px;}
#contents .depth3_tab ul li.on a {color:#fff;}
#contents .depth3_tab ul li a:hover {float:left;}

#contents .depth3_mtab{display:none;}

#contents .depth3_preli		{float:right;margin:15px 0 25px 0;width:620px;height:50px;border-radius:30px;background-color:#efefef;}
#contents .depth3_preli ul	{float:right;padding:10px 6px;}
#contents .depth3_preli ul li {float:left;padding-right:10px;_line-height:40px;padding-top:5px;}
#contents .depth3_preli .offimg		{display:inline;}
#contents .depth3_preli .onimg	{display:none;}
#contents .depth3_preli a        	{font-size:15px;font-weight:500;}
#contents .depth3_preli .d3f      	{font-size:15px;font-weight:500;color:#fff;background-color:#888;border-radius:15px;padding:6px 12px 1px 12px;-webkit-padding-after:6px;line-height:20px;margin:0;}
#contents .depth3_preli a:hover	{position:relative;}
#contents .depth3_preli a:hover .offimg	{display:none;}
#contents .depth3_preli a:hover .onimg	{display:inline;}

#contents p.h1p{margin:0 0 20px 25px;}
#contents p.h2p{margin:0 0 20px 0;_text-align:center}
#contents p.h3p{float:left;margin:10px 0 20px 0px;width:100%}
#contents p.h4p{margin:0 0 20px 0px}
#contents p span{_margin-left:22px}
#contents ul.h4{margin:0 0 25px 35px}
#contents .h4 li{padding-left:13px;background:url('../img/common/li_blt.gif') no-repeat 0 7px}
#contents .depth3_1{float:right;margin-bottom:25px;width:100%;height:34px;border:5px solid #e8e8e8}
#contents .depth3_1 ul{float:right;padding:5px 6px}
#contents .depth3_1 ul li{float:left}
#contents .depth5{float:right;margin-bottom:15px;width:100%;height:auto;border:5px solid #e8e8e8}
#contents .depth5 ul{float:left;margin:5px}
#contents .depth5 ul li{float:left;padding:5px 10px;width:33%;font-weight:600;letter-spacing:-0.05em}
#contents .depth5 ul li.on{background-color:#e64361;color:#fff;}
#contents .depth5 ul li.on a{color:#fff}
#contents .depth5 ul li.last{border:0 none}
#contents.mt-120{margin-top:-120px;height:450px}



/************************************************* 
의료사회복지 탭메뉴 수정 - ptm233_21 (25.05.13) 
**************************************************/
/* 바로가기 버튼 */
.btnGo_new { 
    display: inline-flex; align-items: center; align-content: center; font-size: 15px; color: #ffffff !important;
    margin-left: 8px; padding: 2px 16px; height: 30px; border-radius: 18px;
    background: #673AB7; box-shadow: 3px 4px 4px 0px rgba(103, 58, 183, 0.3);
}

/* 탭메뉴_01 */
.tabMenu_01 { display: flex; margin: 15px 0 25px 0; width:100%; border-bottom: 2px solid #d14b63; }
.tabMenu_01 ul { display: flex; gap: 5px; width: 100%; }
.tabMenu_01 ul li	{ font-weight: 600; text-align: center; width: 100%; border-radius: 4px 4px 0 0; }
.tabMenu_01 ul li a { padding: 10px; display: block; height: 100%; transition: all 0.3s; } 
.tabMenu_01 ul li.on { background-color:#d14b63;}
.tabMenu_01 ul li.on a { color:#fff;}
.tabMenu_01 ul li a:hover { color:#fff; background-color:#d14b63; border-radius: 4px 4px 0 0;}

/* 탭메뉴_02 */
.tabMenu_02 { display: flex; padding: 10px;width: 100%;height:auto;text-align:center;border-radius: 8px;background: #eeeeee;}
.tabMenu_02 ul {display: flex;flex-wrap: wrap;}
.tabMenu_02 ul li > a {display:block;padding: 4px 14px;border-radius: 20px;}
.tabMenu_02 ul li.on a {color: #e64361; background: #fff; font-weight: 500; }

/* 탭메뉴_03 (메뉴 7개 이상일경우, 또는 메뉴명이 길어질 경우)*/
.tabMenu_03 { display: flex; margin: 15px 0 25px 0; width: 100%; }
.tabMenu_03 ul { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 33.3%), 1fr));}
.tabMenu_03 ul li { font-weight: 600; text-align: center; border: 1px solid #ddd; margin: -1px -1px 0 0; }
.tabMenu_03 ul li a { padding: 10px; display: block; height: 100%; transition: all 0.3s; } 
.tabMenu_03 ul li.on { background-color:#d14b63;}
.tabMenu_03 ul li.on a { color:#fff;}
.tabMenu_03 ul li a:hover { color:#fff; background-color:#d14b63; border-radius: 4px 4px 0 0;}

@media screen and (max-width: 1024px) {
    .tabMenu_01 ul li a { padding: 10px 2px; letter-spacing: -1px; } 
}
@media screen and (max-width: 800px) {
    .tabMenu_01 { display: none; }
    .tabMenu_03 { display: none; }
}
@media screen and (max-width: 600px) {
    .tabMenu_02 { display: none; }
}



/* footer Family Site */
.foot_top { height: 70px; background: #525565; }
.foot_top .flex { 
    display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 0;}
.foot_top .flex .flex_con { position: relative; width: calc(100% / 4 - ( 20px * 3 / 4)); box-shadow: 0 0 0 1px #cbcee2 inset; -webkit-box-shadow: 0 0 0 1px #cbcee2 inset; }
.foot_top .flex .flex_tit { width: 10%; color: #cbcee2; }
.foot_top .flex li:first-child { border: none; }
.foot_top .flex li a { color:#cbcee2; }
.foot_top .flex a.toggle { position: relative; display: block; padding: 13px 10px; background:url('../img/footer_arrow.png') no-repeat right 20px top 50%; text-align: left; font-weight: 400; text-decoration: none;  } 
.foot_top .flex .foot_layer { position: absolute; bottom: 44px; width: 100%; background: #525565; border: 1px solid #cbcee2; border-bottom: none; height: auto; display: block; z-index: 20; } 
.foot_top .flex .foot_layer > .flex_list > li { width: 100%; color: #cbcee2; } 
.foot_top .flex .foot_layer > .flex_list > li:last-child { border-bottom: none; } 
.foot_top .flex .foot_layer > .flex_list > .item > a, 
.foot_top .flex .foot_layer > .flex_list > .item > a:link { display: block; padding: 10px; color:#cbcee2; line-height: 20px; } 
.foot_top .flex .foot_layer > .flex_list > .item > a:hover { background: #525565; color: #3dbfd4; } 

@media screen and (max-width:1024px) {
    .foot_top .flex .foot_layer > .flex_list > .item > a, 
    .foot_top .flex .foot_layer > .flex_list > .item > a:link { font-size: 14px; }
}

/* footer - 개인정보처리방침, 인증마크 */
.footer_webv { position:relative; float:left; width:100%; height:auto; background-color:#3b3d49; }

.footer_webv .flex_02 { 
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    padding: 20px 0 15px 0; border-bottom: 1px solid #979bb4;
}
.footer_webv a:hover { color:#f75077; }
.footer_webv .footer_menu li { display:inline; padding-right:18px;}
.footer_webv .footer_menu a {color:#979bb4;font-weight:bold;font-size:14px;} 
.footer_webv .footer_menu a .poin1 {color:#00c1e3; }
.footer_webv .footer_menu a:hover .poin1 {color:#00c1e3; text-decoration:underline;}

.footer_webv .footer_mark { font-size:12px; }
.footer_webv .footer_mark > a { display: block; }
.footer_webv .footer_mark li span { display:inline-block; vertical-align: middle; margin-right: 5px;}
.footer_webv .footer_mark li .mark_t { font-size: 12px; color: #979bb4; }
.footer_webv .footer_mark li {display:inline;padding-right:5px;}
.footer_webv .footer_mark img {padding:0;_margin-top:-20px;}

/* footer - 주소, 페이스북, 유튜브 */
.footer_webv .flex_03 { 
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;    
    padding: 20px 0 30px 0; 
}
.footer_webv .footer_ad { color:#979bb4;font-size:12px;letter-spacing:-0.01em }
.footer_webv .footer_ad .ie10_chrome {font-weight:100;color:#979bb4;margin-top: 7px;}
.footer_webv .footer_so { width: 30%; text-align: right; }
.footer_webv .footer_so a:hover img { filter:alpha(opacity=50); opacity:0.5;}
.footer_webv .footer_so li {display:inline;padding-left:5px;}
/* 모바일버전 */
.mo_footer { display: none; }
.mo_foot_top { display: none; }

/*popup layer 영역 */
.pop_closex{position:absolute;top:-40px;right:0;}
.button_p1 button{background-color:#ba4c60;color:#fff;font-size:16px;padding:11px 25px;text-align:center;}
.button_p1 button:hover {background-color:#f13759;font-weight:bold;text-decoration:none; }

.layer_pop01{position:relative;top:20%;color:#333;font-size:15px;margin:auto;width:1180px;height:auto;border:5px solid #333;background-color:#fff;padding:20px;margin-left:50%;left:-590px;}
.layer_pop01 h2{font-size:21px;color:#333;font-weight:bold;padding-bottom:20px; }
.layer_pop01 .pop_tit{display:block;margin:20px 10px 0 0;}
.pt500_infoline{clear:both;border:1px solid #adadad;background-color:#f5f5f5;height:auto;  width:95%;padding:10px;margin-top:10px;margin-bottom:10px;overflow-y:auto;}

.form_layer01 span{position:relative;margin-left:50px;}
.form_layer01 label{padding:0 5px 0 0;font-weight:bold;}
.form_layer01 label:first-child{padding-left:0;}

.form_layer01{display:inline-block;margin-top:30px;width:100%;text-align:center;}
.form_layer01 .m_labeldiv01{width:200px;height:35px;display:inline;}
.form_layer01 .m_labeldiv02{width:200px;display:inline;margin-left:50px;}

.indexlay_info {border:1px solid #ccc;height:140px;overflow-y:scroll;padding:10px;margin-left:35px;width:94%;clear:both;margin:auto;margin-top:10px;margin-bottom:10px;}

.layer_pop02{position:relative;top:0;color:#333;font-size:14px;margin:auto;width:1200px;height:auto;border:5px solid #333;background-color:#fff;padding:20px;margin-top:40px;}
.layer_pop06{position:relative;top:0;color:#333;font-size:14px;margin:auto;width:1200px;height:auto;border:5px solid #333;background-color:#fff;padding:20px;}


.layer_pop03{position:fixed;top:0;color:#333;font-size:14px;margin:auto;width:1200px;height:auto;border:3px solid #94c4c8;background-color:#fff;padding:30px;margin-top:10%;left:-590px;margin-left:50% }
.layer_pop03 h2{font-size:21px;color:#333;font-weight:bold;padding-bottom:20px; }
.layer_pop03 .layer_overflow{width:100%;height:500px;overflow:hidden;overflow-y:auto}
.pop_title{font-size:1.2em;font-weight:400;padding-bottom:5px;cursor:pointer;background:url("../img/content.gif") no-repeat 100% 12px}
.pop_text{font-weight:100;padding-bottom:5px;line-height:1.3em;}

.layer_pop04{position:absolute;top:15%;left:50%;margin-left:-450px;color:#333;font-size:14px;width:auto;height:auto;-webkit-padding-after:50px;border:5px solid #333;background-color:#fff;}
.layer_pop05{position:relative;top:100px;color:#333;font-size:14px;margin:auto;width:700px;height:auto;border:5px solid #333;background-color:#fff;padding:30px;margin-top:60px;margin-left:13%;_left:-390px; transition: all 0.3s;}
.layer_pop05 h2{font-size:21px;color:#333;font-weight:bold;padding-bottom:20px; }
.layer_pt15{padding-top:15px;}
.pop04_img{width:854px; height:480px;}
@media screen and (max-width:1280px) {
    .layer_pop05{margin-left: 5%; transition: all 0.3s;}
}
@media screen and (max-width:900px) {
    .layer_pop05{margin-left: -5%;}
}

/*.layer_pop05{position:relative;top:0;color:#333;font-size:14px;margin:auto;width:1200px;height:600px;border:5px solid #333;background-color:#fff;padding:30px;margin-top:60px;overflow:hidden;overflow-y:auto}*/
/*.layer_pop05 h2{font-size:21px;color:#333;font-weight:bold;padding-bottom:20px; }*/
/*.layer_pop06{position:relative;top:20%;color:#333;font-size:15px;margin:auto;width:1180px;height:600px;border:5px solid #333;background-color:#fff;padding:20px;margin-left:50%;left:-590px;}*/
/*.layer_pop06 h2{font-size:21px;color:#333;font-weight:bold;padding-bottom:20px; }*/


.layer_popsche{position:relative;margin:auto;width:100%;height:510px;}
.layer_popsche h3{border:0;position:absolute;padding:0;}
.layer_tabicon{float:left;width:100%;}
.layer_tabicon .tab{display:block;border:0;width:auto;float:left}
.layer_popsche .tab button{color:#666;font-size:18px;font-weight:600;background-color:#ebebeb;border:2px solid #acacac;text-align:center;display:block;width:376px;height:43px;padding-top:6px;-webkit-padding-before:0}
/*.layer_popsche .tab button.on,.tab button:hover{background-color:#535353;border:2px solid #535353;border:0;width:376px !important;height:43px;color:#fff;font-size:18px;display:block;padding-top:6px;-webkit-padding-before:0}*/
.layer_popsche .tab button.on,.tab button:hover{background-color:#535353;border:2px solid #535353;border:0;height:43px;color:#fff;font-size:18px;display:block;padding-top:6px;-webkit-padding-before:0}
.layer_popsche .pop_tab01{position:relative;float:left;}
.layer_popsche .pop_tab02{position:relative;float:left;}
.layer_popsche .pop_tab03{position:relative;float:left;}
.layer_popsche .list{display:inline-block;padding:22px;width:100%;height:420px;text-align:center;overflow-y:scroll;margin-top:10px;}
.layer_popsche .list li{position:relative;padding:12px !important;display:inline-block;width:16.3%;height:100px;float:left;}
.layer_popsche .list li span{display:block;padding-top:0}
.layer_popsche .list li a{font-size:16px;font-weight:bold;color:#333;}
.layer_popsche .list li a:hover{color:#eb5f78;}

.layer_popvr .list2{display:inline-block;width:100%;height:430px;text-align:center;}

.quicklay_div{position:absolute;top:0;width:158px;height:145px;background-color:#e64361;border:1px solid #fff;z-index:10;}
.quicklay_tit{width:140px; height: 45px; /*padding:15px 0;*/border-bottom:2px dashed #fff;margin:auto;}
.quicklay_div a{color:#fff;font-size:16px;font-weight:500;}
.quicklay_tit img{padding-right:3px}
.quicklay_div .quicklay_list li{display:inline-block;padding:0;width:100%;height:auto}
.quicklay_div .quicklay_list li img{padding-right:3px}
.quicklay_div .quicklay_list li span{display:inline-block;}
.quicklay_div .quicklay_list li a{color:#fff;font-size:16px;font-weight:500;}
.quicklay_div .quicklay_list li a:hover{color:#000;}
.quicklay_div .quicklay_tit span{display:inline-block !important;color:#fff;  font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 82%; vertical-align:middle; line-height: 45px;}
.quicklay_div .quicklay_tit a{color:#fff;}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
  .quicklay_div .quicklay_tit > a > img{margin-top: -5px;}
}
.medical_time{padding:20px 50px;overflow-y:scroll;height:405px;_border:1px solid #c1c1c1;clear:both;background-color:#fff;position:relative}
.medical_time .day{ display: flex; text-align: center; font-size: 1.2em; font-weight: 600; padding-bottom: 15px; align-items: center; justify-content: center;}
.medical_time .day > button {line-height: 0; padding: 10px; margin-top: 0 !important; }
.medical_time .day > br { display: none; }
.medical_time ul{padding:0;margin:0}
.medical_time ul li{padding-bottom:10px;overflow:hidden}
.medical_time h2{font-size:1.6em;font-weight:500;margin-bottom:10px;}
.medical_time .photo{float:left;margin-right:25px;height:118px;width:99px;margin-top:20px}
.medical_time .time_div{float:left;width:85%;padding-bottom:20px;margin-top:10px}
.medical_time .time_div .doc{padding-bottom:10px;font-size:16px}
.medical_time .time_div .doc strong{font-size:16px}
.medical_time .time_div .specialty{text-align:left}

/*.medical_div{border:5px solid #333;background-color:#fff;padding:20px;position:absolute;top:0;left:0;z-index:999;width:938px;height:500px}*/
.medical_div{border:3px solid #94c4c8;background-color:#fff;padding:20px;position:absolute;width:1180px;height:510px;top:20%;left:50%;margin-left:-590px;}
.medical_div .close{position:absolute;right:20px}
.medical_div .ch{margin:0 20px 20px 0;float:left}
.medical_div .ch select{padding:5px;vertical-align:middle;font-size:15px}
.medical_div .ch_btn{margin-left:10px;height:27px;padding:5px 10px;background-color:#4571aa;border:0 none;color:#fff}

.healf_ck .tit{font-weight:500;font-size:1.6em;margin-bottom:30px;color:#5c78e5}
.healf_ck{padding:20px 0px; text-align:center;}
.div_half{float:left;border-right:1px solid #ccc;width: 50%;}
.div_half.brnone{border-right: 0 none;}
.healf_ck .lo{width:300px;;height:72px;margin: auto;}
.healf_ck .info{font-size:25px;font-weight:600;padding:30px 0}

.lay_pu_ptm926 { top:30%; left:25%;border:5px solid #d0d0d0;width:auto;padding:10px 20px;background-color:#fff;overflow:hidden;text-align:left;z-index:9999}
.lay_pu_ptm926 h2{background:url("../img/common/blt_h2.gif") no-repeat 0 3px;clear:both;color:#333;font-size:15px;height:22px;margin:15px 0 7px;padding-left:20px}
.lay_pu_ptm926 p{font-size:15px;padding-bottom:10px}
.sys_ck_ptm926 {float:left;padding-right:20px;padding-top:30px}
.sys_ck_info_ptm926{float:left;width:510px}
.sys_ck_info_ptm926 p{line-height:2}

.pop_lay {border:4px solid #666;padding:20px 10px;width:auto;overflow:hidden;background-color:#fff;position:absolute;z-index:9999;top:20%;left:30%}
.sys_ck {float:left;padding-right:20px;padding-top:30px;}
.sys_ck_info {float:left;width:500px}
.sys_ck_info p {line-height:2}
.sys_24 {text-align:right;padding-top:20px;}

.inp_w1 {width:43px;}
.w85 {width:85px;}
input.lo {width:400px;}

.popup_common{border:4px solid #666;padding:20px 10px;width:100%;height:auto;_overflow-y:auto;background-color:#fff;position:absolute;z-index:9999;}
.popup_common h2{clear:both;padding-left:10px;margin:15px 0;font-size:1.2em;color:#333;letter-spacing:-0.05em}
_pu_t{margin:0 0 0 20px;padding:0;height:37px;}
.pu_title{_float:left;padding:10px 0 10px 0;width:100%}
.pu_title h1{font-size:1.5em !important;font-weight:500;color:#333;border-bottom:0 none;margin:-20px 0 0 3px;padding-top:10px !important;letter-spacing:-0.09em}
.pu_title2 h1{font-size:1.5em !important;font-weight:500;color:#333;border-bottom:0 none;_margin:-25px;padding-top:10px !important;letter-spacing:-0.09em;line-height:1em}
.pu_title p{font:bold 12px dotum,Arial,verdana,씅씅;color:#000}
.pu_close{float:right;padding:0;margin-top:-25px}
.pu_close1{position:absolute;right:12px;top:9px}
.pu_con{margin:0;padding-left:100px;background:url("../img/common/rbox_bg.gif") 0 0 no-repeat}
/*.pu_bl{margin:0;padding:0;background:url('../img/common/rbox_bl.gif') left bottom no-repeat}*/
.pu_br h3{font-size:1.2em;font-weight:500;margin-bottom:10px;}
.pu_br p{line-height:2.5em}
.pu_br h2{padding-bottom:10px}
.pu_point{color:#5c78e5}fieldset.idsr label{position:absolute;overflow:hidden;visibility:hidden;width:0;height:0;font:0/0 Dotum;line-height:0;left:-9000px}
.pu_desc{margin-bottom:10px;padding:10px 0 5px 0;border-bottom:1px solid #ccc}
.pu_clear{clear:both}
.pu_btn{text-align:center}
.pu_blt{padding:10px 0 5px 0;margin-bottom:10px}
.pu_blt li{background:url('../img/list_blt.gif') 0 20% no-repeat;padding-left:20px}
.popup_common0{_ba.div_leftckground:url("../img/common/rbox_tl.gif") no-repeat;height:auto;margin:0;padding:0}
.popup1_common{border:1px solid #ccc;padding:10px;width: 98%;margin:auto;margin-top: 5px;}

/*.depth1{background:url('../img/common/depth1_bg.gif') repeat-x;margin-bottom:10px;width:90%;overflow:hidden}*/
.depth1{width:100%;height:40px;margin:auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px;}
.depth1 li{background:url('../img/common/li_right.gif') 0 4px no-repeat;float:left;position:relative;width:50%}
.depth1 li.fst{background:none repeat scroll 0 0 transparent;width:50%}
.depth1 li.on a{background-color:#f3f3f3;width:100%;font-weight:600;}
.depth1 li a{display:block;_padding:8px 24px;color:#000;width:100%;height:38px;font-size:16px;line-height:2em;text-align:center;}
.depth3_nm{float:left;width:680px;height:auto;border:5px solid #e8e8e8;font-weight:600;margin-left:20px;display:inline}
.depth3_nm li{float:left;width:auto}
.depth3_nm li a{float:left;padding:10px 19px 0 19px;height:25px;display:inline;vertical-align:top;white-space:nowrap;color:#4c74a9}
.depth3_nm li a:hover{text-decoration:underline;white-space:nowrap}
.depth3_nm li.a{float:left;height:35px;background-color:#4c74a9;color:#fff;display:inline;text-decoration:none;white-space:nowrap}
.depth3_nm li.a a{color:#fff;white-space:nowrap}

.depth3_nm1{float:left;width:100%;height:auto;border:1px solid #ccc;font-weight:600;}
.depth3_nm1 li{float:left;width:auto}
.depth3_nm1 li a{float:left;padding:10px 19px 0 19px;-webkit-padding-before:7px;height:25px;display:inline;vertical-align:top;white-space:nowrap;color:#e64361}
.depth3_nm1 li a:hover{text-decoration:underline;white-space:nowrap}
.depth3_nm1 li.a{float:left;height:35px;background-color:#d14b63;color:#fff;display:inline;text-decoration:none;white-space:nowrap}
.depth3_nm1 li.a a{color:#fff;white-space:nowrap}

.add{width:402px}
.add_con{margin:0;padding:0 0 10px 0}
.add_list_ttl{margin:5px 0;padding-left:15px;background:url("../img/common/blt08.gif") 0 7px no-repeat}
.add_list{margin-bottom:10px;padding:10px;width:95%;height:260px;border:1px solid #ccc;overflow:auto}
.add_list li{padding:5px 0 5px 5px;border-bottom:1px solid #eee}

.popup_common1{margin:0;padding:0;height:auto;background:url("../img/common/rbox_tl1.gif") 0 0 no-repeat}
.popup_common1 .pu_title1{float:left;padding:13px 0 0 25px;width:auto}
.popup_common1 .pu_title1 h1{font:bold 12px dotum,Arial,verdana,맑은고딕;color:#000;line-height:120%}
.popup_common1 .pu_t1{margin:0 0 0 20px;padding:0;height:50px;background:url("../img/common/rbox_tr1.gif") right 0 no-repeat}
.popup_common1 .pu_bl1{margin:0;padding:0}
.popup_common1 .pu_br1{margin:0 0 0 20px;padding:0 20px 20px 0}

@media screen and (max-width:1299px) {
    .mbbox .mbb { width: 100%; padding: 0 20px;}
    .mbbox .mbb .mb01 p a, 
    .mbbox .mbb .mb02 p a, 
    .mbbox .mbb .mb03 p a, 
    .mbbox .mbb .mb04 p a { font-size: 26px; }
    .mbbt a ,
    .doc_search button, 
    .doc_search a,
    .mbbt button { width: 100%; font-size: 16px; }

    .main_health_center .flex_01 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .main_health_center .flex_01 .health_left { width: 100%; margin-right: 0;}
    .main_health_center .flex_01 .more_list { width: 100%; padding: 0 20px; }
    .box { width: 100%; }


    .quick_area { width: 100%; height: auto; overflow-x: scroll; }
    .quick_area .inner { min-width: 1300px; padding: 0 20px; }
    .quick_area .flex { padding: 60px 0; }

    .quick_area::-webkit-scrollbar {
        width: 100%;
        height: 4px;
    }
    .quick_area::-webkit-scrollbar-track {
        background-color: #eee;
        border-radius: 2px;
    }
    .quick_area::-webkit-scrollbar-thumb {
        background-color: #ffc3cf;
        border-radius: 2px;
    }
    .quick_area::-webkit-scrollbar-thumb {
        background-color: #ffc3cf;
        border-radius: 2px;
        margin: 0 20px;
    }

    /* 건강정보 동영상 */
    .mo_health_title { display: block; width: 100%; padding-top: 30px; }
    .mo_health_title .health_tit { text-align: center; font-family:"calibri",sans-serif; font-size:34px; font-weight:bold; line-height: 1.5; margin-bottom: 10px;}
    .mo_health_title .health_more a { display: block; width: 150px; height: 40px; font-size: 20px; color: #f75077; line-height: 40px; text-decoration: none; border-radius: 20px; text-align: center; background: #fff; margin: 0 auto; transition: all 0.3s;}
    .mo_health_title .health_more a:hover { background: #f75077; color: #fff;}
    .main_health_info { width: 100%; overflow-x: scroll; padding: 30px 0 50px 0;}
    .main_health_info > .box { min-width: 1300px; }
    .main_health_info .flex_02 {  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .main_health_info .flex_02 .health_left { display: none; }
    .main_health_info .flex_02 .health_left { margin-right: 0; margin-bottom: 20px; }
    .main_health_info .health_right { width: 100%; padding: 0 20px; }

    .main_health_info::-webkit-scrollbar {
        width: 100%;
        height: 4px;
    }
    .main_health_info::-webkit-scrollbar-track {
        background-color: #eee;
        border-radius: 2px;
    }
    .main_health_info::-webkit-scrollbar-thumb {
        background-color: #ffc3cf;
        border-radius: 2px;
    }
    .main_health_info::-webkit-scrollbar-thumb {
        background-color: #ffc3cf;
        border-radius: 2px;
        margin: 0 20px;
    }

    /* 병원소식, 언론보도, 인재채용, 입찰공고 */
    .main_tab_area { padding: 50px 0; }
    .main_tab_area .inner { width: 100%; padding: 0 20px; }
    .main_tab_area .tab_interface { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .main_tab_area .tab_list { width: 100%; margin-right: 0;
        display: -webkit-box; display: -ms-flexbox; display: flex; 
        -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .main_tab_area .tab_list li { height: 70px; }
    .main_tab_area .tab_list [aria-selected='true'] { border-right: none; border-bottom: 7px solid #f75077; }
    .main_tab_area .tab_list::after { position: absolute; display: block; content: ''; top: auto; bottom: 3px; left: 0; width: 100%; height: 1px; background: #ccc; }
    .main_tab_area .tab_con { width: 100%; }
    .main_tab_area .tab_con .con_sec .flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    .main_tab_area .tab_con .con_sec .flex .tab_box01 { width: 32%; margin-bottom: 20px; }
    .main_tab_area .tab_con .con_sec .flex .item_02 { min-height: 125px; }

    .main_map .map_up { margin: 0px 0 70px 0; }
    .foot_top .flex { padding: 12px 20px; }
    /* .footer_webv  {flex-direction: column; } */
    .footer_webv .flex_02 { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; padding: 20px; }
    .footer_webv .flex_02 .footer_menu { width: 100%; margin: 0 auto 10px auto; }
    .footer_webv .flex_02 .footer_mark { width: 100%; margin: 0 auto; }
    .footer_webv .flex_03 { width: 100%; padding: 20px; }


    /* 의료진 검색 - 팝업 */
    .doctor_sh { width: 90%; left: 5%; }
}

/* @media (min-width:1041px)and (max-width:1232px) {
.gnb li.last a{line-height: 1em;padding-top: 40px;}
} */

@media screen and (max-width:1000px) {
    .mbbox .mbb .mb01 span, 
    .mbbox .mbb .mb02 span, 
    .mbbox .mbb .mb03 span, 
    .mbbox .mbb .mb04 span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .mbbox .mbb .mb01 .main_icon, .mbbox .mbb .mb02 .main_icon, .mbbox .mbb .mb03 .main_icon, .mbbox .mbb .mb04 .main_icon { margin-bottom: 20px; }
    .mbbt a, .doc_search button, .doc_search a, .mbbt button { margin-bottom: 20px; }
    .mbbox .mbb .mb01 p, .mbbox .mbb .mb02 p, .mbbox .mbb .mb03 p, .mbbox .mbb .mb04 p { padding: 30px 0 20px 0; }
    .doc_search a { text-align: left; padding-left: 30px; }
    .foot_top .flex .foot_layer > .flex_list > .item > a, .foot_top .flex .foot_layer > .flex_list > .item > a:link { padding: 10px; }
}

@media (min-width:801px)and (max-width:1040px) {
    .container{width:1024px;}
    #contents{width:1024px;padding:0 10px;}
    #header .logo{left:10px;}
    #header .logo img{width:90%}
    .sub_TopNaviBar{width:1024px;}
    .mbb{width:1024px;}
    .mb01,.mb02,.mb03,.mb04{width: 24.55%;}
    .gnb_icon{right: 10px;top:0;width: 70px;z-index: 1000;}
    .mainsearch{right: 40px;z-index: 1001;}
    #ulTopMenu .gnb_icon li{width:50%}
    #gnbSubMenu .menubox .one a{font-size: .95em;letter-spacing: -.04em;}
    /* .gnb li{width:13%} */
    /* .gnb li.last a{line-height: 1em;padding-top: 40px;} */
    /* #gnbSubMenu .one{width:13%} */
    .tgnb li a{padding: 0 5px;}
    .telnum{font-size:16px;}
    .sub_TopNavi span{margin-left: 10px;}
    .sub_Topdata{margin-right: 10px;}
    #contents .log_textdiv{width:100%;padding:10px;}
    .log_in .log_01{width: 500px;margin-left: 100px;}
    .banner_cont{width:1024px}
    .main_news{width:490px;}
    .container .banner_snsch h3{font-size:1em;line-height: 2em;}
    .banner_snsch p{font-size:1em;}
    .banner_snsch{width:225px;}
    .bot_menu1,.bot_menu2,.bot_menu3{width:32%;margin-left:10px;}
    .bot_all h3{width:320px;}
    .divQuick_box{top: 255px;}
    .footer_so{width:10%;text-align: left;}
    .footer_mark{width: 380px;margin-right:25px;}
    .footer_menu{margin-left:20px;}
    #contents .rbox700_1{width: 320px;}
    #contents .ptp117_list2 li{width: 18.5%;}
    #contents .certificate li{width: 49.5%;}
    #contents .rbox700 ul li{width: 210px;}
    .layer_pop03{width:100%;left:0%;margin-left:0}
    .layer_popsche .tab button.on, .tab button:hover{width: 320px !important;}
    .layer_popsche .tab button{width: 320px}
    .layer_popsche .pop_tab02{left: 318px;}
    .layer_popsche .pop_tab03{left: 636px;}
    .medical_div{width: 100%;left: 0%;margin-left:0}
    .layer_pop01{width:100%;left: 0%;margin-left:0}
    .doctor_sh{width:100%;top:15%;left: 0%;margin-left:0}
    .more_icon{margin-left:auto;}
}
@media (min-width:813px)and (max-width:1040px) {
    .main_news2 { width : 50%; }
}
.btnGo {
    margin-left: 8px;
    font-size: 13px;
    color: #d14b63 !important;
    border: 1px solid #d14b63;
    border-radius: 10px;
    padding: 1px 6px 0;
    text-decoration: none;
    display: inline-block;
    height: 25px;
}


/* 22.05.03 - 안전보건경영방침 추가 */
.safety_01 {font-size: 1.5em; font-weight: 600; line-height: 170%; padding: 30px 20px; border-top: 4px solid #e0e0e0; border-bottom: 4px solid #e0e0e0; margin-bottom: 30px; text-align: center !important;}
.safety_01 span {color: #eb5f78;}
.safety_02 {width: 100%; }
.safety_02 li {font-size: 1.125em; padding: 6px 0; line-height: 1.875em;}
.safety_03 {text-align: center !important; font-size: 1.5em; padding: 55px 0; font-weight: 600; color: #555;}
/*.safety_03 {text-align: right !important; font-size: 1.25em; padding: 40px 0; font-weight: 600; color: #555;}
 .safety_03 span {font-size: 1.5em; letter-spacing: 10px; color: initial; padding-left: 10px;}*/

/***************************************************
휴대폰본인확인 - ptm923 (22.08.01)
***************************************************/
/* 비밀번호 찾기 */
.regi_btn .btn_findpw {display: block;}
.regi_btn > .btn_findpw > input {background: #5c78e5; color: #fff; padding: 10px 20px !important; border: none;}

.pw_box .pw_box_01 {float: left; width: 50%; height: 198px; padding: 0 0 10px 0; margin-bottom: 20px; background: #f5f5f5; border: 1px solid #ddd;}
.pw_box .pw_box_01:first-child {width: 49%; margin-right: 1%;}
.pw_box .pw_box_01 dd {float: none; text-align: center;}
.pw_box .pw_box_01 dd.h01 {height: 72px;}
.pw_box .pw_box_01 .pw_tit {width: 100%; height: 50px; line-height: 50px; color: #18365a; background: #bfd2e9; font-size: 1.25em; margin-bottom: 10px;}
.pw_box .pw_box_01 .fs01 {font-size: 1.125em; background: #e9eaee; padding: 10px 0;}

/* ptm926 - 본인인증 버튼 */
.button_certi {padding: 7px 10px; background: #5c78e5; color: #fff !important; vertical-align: middle;}
.button_certi:hover {background: #3e55b1;}
.button_patno {padding: 7px 10px; background: #49b8d9; color: #fff !important; vertical-align: middle;}
.button_patno:hover {background: #4094ad;}
.pu_title3 {font-size: 30px; color: #3c48aa; margin: 20px auto; font-weight: 600;}

@media all and (max-width:1040px) {
    .pw_box .pw_box_01 {width: 100%; height: auto; padding-bottom: 0;}
    .pw_box .pw_box_01 dd {padding: 0 10px;}
    .pw_box .pw_box_01:first-child {width: 100%; height: 156px; margin-top: 20px;}
    .pw_box .pw_box_01 dd.h01 {height: 30px;}
}


/***************************************************
진료지원부서 - ptm408 (23.12.27)
***************************************************/
/* 간호부소개 */
.new408_area_01 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; }
.new408_left { width: 270px; height: 300px; }
.new408_right { width: 70%; }

.new408_area_02 .flex { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; }
.new408_area_02 .flex .item { position: relative; width: 25%; padding: 10px; min-height: 250px; border: 1px solid #d5d5d5; }
.new408_area_02 .flex .item .tit { position: absolute; font-size: 1.125em; font-weight: bold; text-align: center; padding: 15px; width: 100%; top: 10%; left: -15px;  }
.new408_area_02 .flex .item .txt { margin-top: 90px; }
.new408_area_02 .flex .item::after { position: absolute; top: 79px; content: ''; left: -15px; width: 0; height: 0; border-bottom: 5px solid transparent; z-index: -1; }
.new408_area_02 .flex .item:nth-of-type(1)::after { border-top: 3px solid #bda228; border-left: 6px solid transparent; border-right: 9px solid #bda228;}
.new408_area_02 .flex .item:nth-of-type(2)::after { border-top: 3px solid #da702a; border-left: 6px solid transparent; border-right: 9px solid #da702a;}
.new408_area_02 .flex .item:nth-of-type(3)::after { border-top: 3px solid #3390ce; border-left: 6px solid transparent; border-right: 9px solid #3390ce;}
.new408_area_02 .flex .item:nth-of-type(4)::after { border-top: 3px solid #7740cf; border-left: 6px solid transparent; border-right: 9px solid #7740cf;}
.new408_area_02 .flex .item:nth-of-type(5)::after { border-top: 3px solid #d4376b; border-left: 6px solid transparent; border-right: 9px solid #d4376b;}
.new408_area_02 .flex .item:nth-of-type(1) .tit { background: #ffdb3a; }
.new408_area_02 .flex .item:nth-of-type(2) .tit { background: #ff893a; }
.new408_area_02 .flex .item:nth-of-type(3) .tit { background: #5cbeff; }
.new408_area_02 .flex .item:nth-of-type(4) .tit { background: #a46bff; }
.new408_area_02 .flex .item:nth-of-type(5) .tit { background: #ff6196; }

.new408_02_img { width: 1000px; height: 650px; }
.new408_t01 { font-size: 1.75em; padding: 30px; text-align: center; background: #ebebeb; border-radius: 50px; width: 90%; margin: 30px auto; line-height: 1.5; }

@media all and (max-width:1000px) {
    .new408_02_img { width: 100%; height: auto; }
}

@media all and (max-width:800px) {
    .new408_area_02 .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    .new408_area_02 .flex .item { width: 43%; margin-left: 20px;}
}

@media all and (max-width:650px) {
    .new408_area_01 { 
        -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 
        -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .new408_right { width: 100%; }
    .new408_t01 { font-size: 1.25em; }
                
}
@media all and (max-width:450px) {
    .new408_area_02 .flex .item { width: 90%; min-height: auto;}
    .new408_area_02 .flex .item::after { display: none; }
    .new408_area_02 .flex .item .tit { top: 0; left: 0; }
    .new408_area_02 .flex .item .txt {  margin-top: 60px; }
    .new408_area_03 .table01 th br { display: none; }
}

/***************************************************
로그인 페이지 (시스템 점검 공지 팝업) - ptm900 (24.01.23)
***************************************************/
.new_lay_pop { width: auto; padding-bottom: 20px; border:5px solid #8792e2; background-color:#fff; box-shadow: 5px 20px 30px 10px rgba(0,0,0,0.25);}
.new_lay_pop > .pop_con { text-align:left; line-height:1.5; margin-bottom: 30px; }
.new_lay_pop > .pop_con > strong { display: block; text-align: center; font-size: 1.25em; padding: 13px; margin-bottom: 20px; background: #ddd; }
.new_lay_pop > .pop_con > p { padding: 10px 20px; }


/***************************************************
건강매거진 - ptm100 (25.02.12)
***************************************************/
.health_info .flex { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.health_info .health_con { 
    width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; 
    flex-wrap: wrap;
    gap: 30px;
}
.health_info .health_con .item { width: 23%; }
.health_info .health_con .item a { position: relative; display: block; text-decoration: none; border: 1px solid #ddd; border-radius: 10px; transition: all 0.3s; }
.health_info .health_con .item a:hover { display: block; border-radius: 10px; border: 1px solid #f75077; -webkit-box-shadow: 0 10px 20px rgba(158, 0, 37, 0.2); box-shadow: 0 10px 20px rgba(158, 0, 37, 0.2);}
.health_info .health_con .item .youtube_img { position: relative; overflow: hidden; width: 100%; height: 170px; border-radius: 10px 10px 0 0; }
.health_info .health_con .item .youtube_img > img { width: 100%; height: 170px;}
.health_info .health_con .item .t_box { position: relative; width: 100%; height: 120px; padding: 0 10px; border-radius: 0 0 10px 10px; background: #fff; }
.health_info .health_con .item .t_box .t_tit { position: absolute; left: 0px; top: -20px; color: #fff; background: #f75077; padding: 5px 10px;}
.health_info .health_con .item .t_box .t_tex { height: 70px; font-size: 1.125em; font-weight: bold; padding: 24px 0 0 0; word-break: keep-all;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.health_info .health_con .item .t_box .t_date { text-align: center; color: #707070; padding: 10px 0;}

@media all and (max-width:1040px) {
    .health_info .health_con { gap: 0; }
    .health_info .health_con .item { width: 30%; padding: 0 10px 20px 10px; }
}

@media all and (max-width:800px) {
    .health_info .health_con .item { width: 50%; }
}

@media all and (max-width:500px) {
    .health_info .health_con .item .youtube_img > img { height: 150px; }
    .health_info .health_con .item .youtube_img { height: 150px; }
    .health_info .health_con .item .t_box .t_tex { word-break: normal; }
}

@media all and (max-width:400px) {
    .health_info .health_con .item { width: 100%; }
}



/***************************************************
메인페이지 더한림 추가 - index (25.10.27)
***************************************************/
/* .main_tab_area { padding: 50px 0; } */
.theHallym_bg { background: #ebebf1 !important; padding: 50px 0 250px 0; margin-top: -200px;}
.theHallym_text_s { display: block; font-size: 18px; }
.theHallym_right { width: 84%; }
.theHallym_right .flex { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.theHallym_right .flex > a { display: block; }
.theHallym_right .flex .tab_box01 { width: 32%; border: 1px solid #ddd; text-decoration: none; background: #fff; transition: all 0.3s; }
.theHallym_right .flex .tab_box01 > img { width: 100%; min-height: 160px; }
.theHallym_right .flex .tab_box01:hover { border: 1px solid #f75077; -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); background: #fff;
}
.theHallym_right .flex .tab_box01 .item_01 { 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; 
}
.theHallym_right .flex .tab_box01 > p:first-of-type { text-align: center; background: #fff; }
.theHallym_right .flex .tab_box01 > p:first-of-type > img { width: 100%; object-fit: fill; aspect-ratio: 16 / 9; }
.theHallym_right .flex .item_01 > .tit_box { display: inline-block; padding: 10px; color: #fff; background: #615a93;}
.theHallym_right .flex .item_01 > .receipt_box { display: inline-block; padding: 10px; color: #fff; background: #a0a0a0;}
.theHallym_right .flex .item_01 > .deadline_box { display: inline-block; padding: 10px; color: #fff; background: #707070;}
.theHallym_right .flex .item_01 > .new_box { display: inline-block; padding: 10px; color: #fff; background: #f75077;}
.theHallym_right .flex .item_02 { text-align: left; line-height: 1.5; padding: 20px 20px 0 20px; height: 75px; font-size: 1.125em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px;}
.theHallym_right .flex .item_02.t_box { display: block; font-weight: bold; }
.theHallym_right .flex .item_03 { text-align: left; line-height: 1.5; padding: 0 20px; height: 50px; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; }
.theHallym_right .flex .item_04 { padding: 18px 20px; color: #aaa; border-top: 1px dashed #ddd;}
@media screen and (max-width:1299px) {
    .theHallym_bg { margin-top: 0; padding: 50px 0;}
    .theHallym_right { width: 100%; padding: 0 20px; margin-top: -50px;}
}
@media screen and (max-width:800px) {
    .theHallym_right .flex .item_03 { height: 43px; }
}
@media screen and (max-width:400px) {
    .theHallym_right .flex .tab_box01 { width: 30%; }
}


/***************************************************
진료예약페이지 팝업 추가 - ptm550 (26.09.02)
***************************************************/
.main_menu_pop { 
	position: fixed; display: flex; justify-content: center; flex-direction: row; opacity: 0; top: 0; left: 0;  
	width: 100%; height: 100vh; align-items: center; transition: all 0.3s; z-index: -1;
	&::after { position: absolute; content: ''; display: block; top: 0; left: 0; width: 100%; height: 100vh; background:rgba(0, 0, 0, 0.7); }
	&.open { opacity: 1; z-index: 1000; }
	.layer_box {
        display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 40%; 
		padding: 20px 10px 30px; border-radius: 10px; background: #fff; z-index: 1;
        > .btn_area { display: flex; gap: 20px; }
        > .btn_area > a { display: inline-flex; justify-content: center; width: 100px; padding: 10px 20px; text-align: center; color: #fff; transition: all 0.3s; }
        > .btn_area > .btn_yes { background: #5c78e5; }
        > .btn_area > .btn_yes:hover {background: #3e55b1; }
        > .btn_area > .btn_no  { background: #999; }
        > .btn_area > .btn_no:hover  { background: #777; }
		> .btn_close { position: absolute; display: inline-block; top: -40px; right: 0; width: 30px; height: 30px; background: url('../img/btn_close01.png') no-repeat center;}
		> .btn_close:focus { outline-offset: 2px; outline: 2px solid #1f4bb4; }
	}
}
@media screen and (max-width:1024px) { 
    .main_menu_pop .layer_box { width: 80%; }
}
@media screen and (max-width:800px) { 
    .main_menu_pop .layer_box { padding-top: 0; }
}
@media screen and (max-width:500px) { 
    .main_menu_pop .layer_box { width: 90%; }
}

/***************************************************
진료예약페이지 팝업 추가 - ptm560 (26.09.02)
***************************************************/
.ptm560_flex { 
    display: flex; gap: 20px; margin-top: 14px; margin-top: 14px; padding-top: 10px; border-top: 1px dashed #ccc;
    .group_01,
    .group_02,
    .group_03 { display: flex; align-items: center; gap: 10px; }
    .group_01 > input { width: 18px; height: 18px; }
    .group_02 > input  { width: 180px; }
    .group_03 > select { width: 180px; }
    .group_02 > input:disabled { background: #e0e0e0; cursor: not-allowed;}
    .group_02 .btn_search { display: block; height: 34px; align-content: center; padding: 5px 10px; color: #fff; background: #d14b63; }
}
@media screen and (max-width:800px) { 
    .ptm560_flex { flex-direction: column; }
    .ptm560_flex .group_02 > input  { width: 50%; }
    .ptm560_flex .group_03 > select { width: 50%; }
}
.hospital_list_pop { 
	position: fixed; display: flex; justify-content: center; flex-direction: row; opacity: 0; top: 0; left: 0;  
	width: 100%; height: 100vh; align-items: center; transition: all 0.3s; z-index: -1;
	&::after { position: absolute; content: ''; display: block; top: 0; left: 0; width: 100%; height: 100vh; background:rgba(0, 0, 0, 0.7); }
	&.open { opacity: 1; z-index: 1000; }
	.layer_box { 
        position: relative; display: flex; flex-direction: column; width: 800px; padding: 20px; border-radius: 10px; background: #fff; z-index: 1; 
        .doc_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px;}
        .doc_flex .select_box { width: 200px; height: 43px; font-size: 15px; border-radius: 5px; margin-right: 10px; }
        .doc_flex .sc_input { width: 100%; height: 45px; font-size: 16px; padding: 5px 5px 5px 10px; border: none; border-radius: 5px 0 0 5px; background-color:#e0e0e0;}
        .doc_flex .sc_btn   { width: auto; font-size: 18px; border-radius: 0 5px 5px 0; background:#01a29a; padding-bottom: 0; }
        .doc_flex .sc_btn a { display: block; height: 45px; font-weight:600; color:#fff; padding: 10px; text-decoration:none; }
        > .btn_close { position: absolute; display: inline-block; top: -40px; right: 0; width: 30px; height: 30px; background: url('../img/btn_close01.png') no-repeat center;}
        > .btn_close:focus { outline-offset: 2px; outline: 2px solid #1f4bb4; }
    }
}
@media screen and (max-width:1024px) { 
    .hospital_list_pop .layer_box { width: 90%; padding-top: 0;}
}
@media screen and (max-width:500px) {
    .hospital_list_pop .layer_box .doc_flex { flex-wrap: wrap; } 
    .hospital_list_pop .layer_box .doc_flex .select_box { width: 100%; margin: 0 0 10px 0; }
    .hospital_list_pop .layer_box .doc_flex .sc_input { width: calc(100% - 45px); } 
}

/* 의뢰병원 목록 */
.hospial_list {
    border-top: 3px solid #38325D; border-bottom: 1px solid #5d5d5d; max-height: 350px; overflow-y: auto;
    .table_01 {
		width: 100%; 
        & thead > tr { position: sticky; top: 0; }
		& tr:hover { background-color: #F8F8F8; }
        & th { 
            text-align: center; font-size: 17px; padding: 10px; word-break: keep-all;
            border-bottom: 1px solid #E0E3E8; border-left: 1px solid #E0E3E8; background-color: #F9FAFE; 
            &:first-child { border-left: none;}
        } 
        & td { 
            text-align: left; line-height: 1.6; padding: 10px; border-left: 1px solid #E0E3E8; border-bottom: 1px solid #E0E3E8; 
            &:first-child { border-left: none; }
            .btn_check { display: block; height: 100%; align-content: center; padding: 5px 10px; color: #d14b63; border: 1px solid #d14b63; }
            @media all and (max-width:600px){
                font-size: 15px; 
            }
        } 
	}
}
.scrollbar {
    &::-webkit-scrollbar { width: 10px; height: 10px;}
    &::-webkit-scrollbar-thumb {
        background-color: #B0B0B0;
        border-radius: 10px;
        background-clip: padding-box;
        border: 2px solid transparent;
    }
    &::-webkit-scrollbar-track {
        background-color: #E0E0E0;
        border-radius: 10px;
        box-shadow: inset 0px 0px 3px white;
    }
}
@media screen and (max-width:420px) { 
    .hospial_list { height: 55vh; }
}
@media screen and (max-width:380px) { 
    .hospial_list { height: 50vh; }
}
