@charset "utf-8";
/* 기본프로그램 사용자모듈 메뉴 - PC */
.all_m_btn {padding:10px; background:#323337;}
.all_m_btn img {position:absolute; top:28%; left:15px; width:10%; max-width:40px; cursor:pointer;}
.all_m_btn .mutit {text-align:center; font-weight:900; font-size:26px; color:#fff;}
.pro_m_wrap {display:none; font-family:'Nanum Gothic', sans-serif; transition:all 0.3s linear;}
.pro_m_wrap .m_menu {width:200px;}
.pro_m_wrap .bg_black {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-1;}




/* 기본프로그램 사용자모듈 메뉴 - MOBILE */
.pro_m_wrap .subleftmenu {
	list-style:none;
	margin:0;
	padding:0;
}
.pro_m_wrap .subleftmenu li {
	border-bottom:1px solid #515155;
	background:#323337;
}
.pro_m_wrap .subleftmenu a {
	display:block;
	color:#b5b2b2;
	font-size:14px;
	padding:11px 5px 11px 15px;
	font-family:'Noto Sans KR';
}
.sub_title_m{
	font-size:28px !important;
	font-weight:bold;
	color:#fff !important;
	padding:12px 5px 12px 15px !important;
}
.pro_m_wrap .subleftmenu a:hover {
	background:#307dd4;
	color:#fff;
}
.sub_title_m:hover {
	background:#323337 !important;
	cursor:default;
}

@media all and (max-width:999px){
	.pro_m_wrap {display:block; position:absolute; left:-100%; top:0; z-index:999;}
	.pro_m_wrap.view {left:0;}
}

/* basic */
.inner{width:100%; max-width:1400px; margin:0 auto; position:relative;}

/* #wrap h1, 
#wrap h2, 
#wrap h3, 
#wrap h4, 
#wrap h5, 
#wrap h6 {margin: 0; padding: 0;} */

@media all and (max-width:1400px){
	.inner{width:93.75%;}
	br.pc_only {display: none;}
}
/* 공통css */
.logo_wrap{margin: 0; }

/* header */
#header{ display: flex; align-items: center; justify-content: space-between; max-width: 1920px; height: 97px; margin: 0 auto; padding: 0 90px; box-sizing: border-box; overflow: hidden;}
#header .gnb > ul{ display: flex; align-items: center; justify-content: space-between; }
#header .gnb > ul > li > a{display: flex; align-items: center; height: 97px;box-sizing: border-box; font-family: "Noto Sans KR"; font-size:20px ; font-weight: 500; color: #444444; letter-spacing: -0.025em; padding: 0 22px;}
#header .gnb > ul > li:hover .depth02{display: flex;}
.back{display:none; position: absolute; top: 97px; left: 0; width: 100%; height:60px ; background: rgba(255,255,255,.95); z-index: 2; box-sizing: border-box;}
.back.on{display: block;}
#header .gnb .depth02{display: none; align-items: center;height: 60px;margin: 0 auto; position: absolute; z-index: 99;}
#header .gnb .depth02 a{font-family: "Pretendard"; font-weight: 300; color: #666; font-size: 18px; letter-spacing: -0.025em; margin-right: 50px;}
#header .gnb > ul > li:hover > a{border-bottom: 2px solid #189aa9; color: #189aa9;}
#header .gnb > ul > li:hover .back{display: block;}
#header .gnb .depth02 a:hover{color: #222222; font-weight: 500;}
#header .login_box{ display: flex; align-content: center;}
#header .login_box a{ font-size: 14px; color: #888888; letter-spacing: -0.025em;}
#header .login_box a + a::before{ content: ""; display: inline-block; width: 1px; height: 10px; background: #e6e6e6; margin: 0 10px;}
/* header 기본 css */
#header .m_btn {display:none; width:24px; text-align:right; cursor:pointer; }
#header .m_btn i{display:inline-block; width:100%; height:2px; margin:3px 0; background:#000; transition:all 0.5s;}
#header .m_btn i:nth-of-type(2){width:84%;}
#header .m_btn.on i:nth-of-type(1){margin:11px 0 -2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#header .m_btn.on i:nth-of-type(2){width:0; margin:0;}
#header .m_btn.on i:nth-of-type(3){margin:0 0 11px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}

.m_menu_bg {z-index:101; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.7); cursor:pointer; }
#m_menu {z-index:10000001; position:fixed; right:-100%; top:0; width:500px; max-width:80%; height:100%; background-color:#fff; box-sizing:Border-box; transition:all 0.5s; overfloW-y:auto;}
#m_menu.on {right:0; }
#m_menu .top_box {position:relative; padding:10px; box-sizing:border-box; margin-bottom: 0;}
#m_menu .top_box .close_btn {position:absolute; right:20px; top:calc(50% - 15px); width:30px; height:30px; }
#m_menu .top_box .close_btn i {display:block; width:100%; height:2px; background-color:#333; }
#m_menu .top_box .close_btn i:first-of-type {-webkit-transform:rotate(45deg) translate(9px,9px); -moz-transform:rotate(45deg) translate(9px,9px); -ms-transform:rotate(45deg) translate(9px,9px); -o-transform:rotate(45deg) translate(9px,9px); transform:rotate(45deg) translate(9px,9px); }
#m_menu .top_box .close_btn i:last-of-type {-webkit-transform:rotate(-45deg) translate(-7px,8px); -moz-transform:rotate(-45deg) translate(-7px,8px); -ms-transform:rotate(-45deg) translate(-7px,8px); -o-transform:rotate(-45deg) translate(-7px,8px); transform:rotate(-45deg) translate(-7px,8px); }
#m_menu .login_box {padding:20px 0; background-color:#199fae; text-align:center; }
#m_menu .login_box a {position:relative; padding:0 30px; font-size:20px; color:#fff; letter-spacing:-0.04em; }
#m_menu .login_box a:first-of-type:before {content:''; position:absolute; right:-1px; top:calc(50% - 7px); width:2px; height:15px; background-color:#fff; }
#m_menu .gnb_box {border-top:1px solid #ddd; }
#m_menu .gnb_box > ul > li {border-bottom:1px solid #dddddd; }
#m_menu .gnb_box > ul > li > a {position:relative; display:block; padding:20px 20px; font-size:20px; font-weight:bold; color:#444444; letter-spacing:-0.025em; box-sizing:border-box; }
#m_menu .gnb_box .back {display:none;}
#m_menu .gnb_box .depth02 { padding:10px 0; background-color:#199fae; }
#m_menu .gnb_box .depth02 li a {position:relative; display:block; padding:7px 20px; font-size:18px; color:#fff; letter-spacing:-0.04em; box-sizing:border-box; }

@media all and (max-width:1400px) {
	#header{max-width:93.75%; padding: 0;}
	#header .gnb > ul{ width: 600px;}
	#header .gnb .depth02 a{margin-right: 30px;}
	#header .login_box a + a::before{margin: 0 5px;}
	#header .gnb > ul > li > a{padding:0 12px}

}
@media all and (max-width:1000px) {
	#header .gnb{display: none;}
	#header .login_box{display: none;}
	#header .m_btn {display:inline-block;}
}

/* footer */
#footer .inner{ padding: 70px 0 60px; box-sizing: border-box; }

#footer .top{ display: flex; align-items: center; justify-content: space-between; }
#footer .top .ft_list{ display: flex; align-items: center; }
#footer .top .ft_list li{ font-family: "Pretendard"; font-weight: 400; font-size: 16px; color: #888888; letter-spacing: -0.025em;  }
#footer .top .ft_list li + li::before{ content: ""; display: inline-block; width: 1px; height: 14px; background: #dcdcdc; margin: 0 15px; }
#footer .top .call{ font-size: 30px; font-family: "Pretendard"; font-weight: 500; color: #69969b; letter-spacing: 0.025em; }
#footer .bottom ul{ display: flex; align-items: center; justify-content: flex-end; margin-top: 15px; }
#footer .bottom ul li + li::before{ content: ""; display: inline-block; width: 2px; height: 12px; background: #e5e5e5; margin: 0 20px; }
#footer .bottom ul li a{ font-size: 14px; font-family: "Pretendard"; font-weight: 400; letter-spacing: -0.025em; color: #888888; }
#footer .copy_box{ display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; background: #f7f7f7; }
#footer .copy_box .copy{ font-size: 14px; font-family: "Pretendard"; font-weight: 400; letter-spacing: -0.025em; color: #999999; }
@media all and (max-width:1400px) {
	#footer .top { align-items: flex-start; flex-direction: column; gap: 15px; }
}
@media all and (max-width:1000px) {
	#footer .inner{padding: 30px 0;}
	#footer .top .ft_list { align-items: flex-start; flex-direction: column;gap: 10px;}
	#footer .top .ft_list li + li::before{display: none;}
	#footer .bottom ul{justify-content: flex-start;}

}

/* contact_wrap */
.contact_wrap{ display: flex; align-items: center; max-width: 1920px; overflow: hidden; margin: 0 auto; }
.contact_wrap .left_box{ display: flex; align-items: flex-start; justify-content: center; flex-direction: column; width: 50%; height: 800px; padding-left: 252px; box-sizing: border-box; background: #fbfbfb; }
.contact_wrap .left_box .call{ font-family: "Pretendard"; font-weight: 100; font-size: 42px; letter-spacing: -0.025em; margin: 50px 0 40px; color: #666666; }
.contact_wrap .left_box .txt_box{ font-family: "Pretendard"; letter-spacing: -0.025em; margin-bottom: 40px; }
.contact_wrap .left_box .txt_box:last-child{ margin-bottom: 0; }
.contact_wrap .left_box .txt_box .tit{ font-weight: 500; color: #222; font-size: 18px; }
.contact_wrap .left_box .txt_box .txt{ font-weight: 300; color: #666666; font-size: 16px; margin-top: 15px; }
.contact_wrap .left_box .txt_box ul{ width: 481px; margin-top: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 25px; }
.contact_wrap .left_box .txt_box ul .row{ display: flex; align-self: center; margin: 0; border-top: 1px solid #e5e5e5; padding: 20px 0; box-sizing: border-box; color:#666 ; font-size: 16px; 
}
.contact_wrap .left_box .txt_box ul .row .col:nth-child(even){ width: 30%; font-weight: 300; }
.contact_wrap .left_box .txt_box ul .row .col:nth-child(odd){ width: 20%; padding-left: 5px; font-weight:600 ; }
.contact_wrap .left_box .txt_box .info{ font-weight:300 ; font-size: 14px; color: #888888; line-height: 28px; }

.contact_wrap .right_box{ width: 50%; height: 800px; box-sizing: border-box; }
.contact_wrap .right_box .right_map{ width: 100%; height: 100%; }
.contact_wrap .right_box .wrap_map .map{ width: 100%; height: 100%; }
.contact_wrap .right_box .wrap_map{ width: 100%; height: 100%; }

@media all and (max-width:1400px) {
    .contact_wrap .left_box{padding-left: 30px;}
}
@media all and (max-width:1000px) {
    .contact_wrap {flex-direction: column;}
    .contact_wrap .left_box{ width: 100%;height: auto; padding:30px;}
    .contact_wrap .left_box .txt_box{width: 100%;}
    .contact_wrap .left_box .txt_box ul{width: 100%;}
    .contact_wrap .right_box{ width: 100%; height: 500px;}    
}

/* float_menu */
.float_menu{ position: fixed; bottom: 64px; right: 48px; z-index: 99; }
.float_menu ul li{ width: 56px; height: 56px; border-radius: 24px; overflow: hidden; box-sizing: border-box; box-shadow: 0 6px 35px 10px rgba(0,0,0,.18); }
.float_menu ul li + li{ margin-top: 20px; }
.float_menu ul li:nth-child(1){ background: #00c63b url("/uploads/hospitals/dday/site/img/float_ico01.jpg") no-repeat center center; }
.float_menu ul li:nth-child(2){ background: #FEE500 url("/uploads/hospitals/dday/site/img/dday_katalk02.png") no-repeat center center; }
.float_menu ul li:nth-child(3){ background: #fff url("/uploads/hospitals/dday/site/img/float_ico03.png") no-repeat center center; }
.float_menu ul li a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-indent: -9999px; font-size: 16px; font-family: "Pretendard"; font-weight: 600; line-height: 24px; letter-spacing: -0.025em; color: #fff; opacity: 0; }
.float_menu ul li:nth-child(1) a{ text-indent: 0; text-align: center; }
.float_menu ul li:nth-child(2) a{ text-indent: 0; text-align: center; color:#191919;}
.float_menu ul li:nth-child(1):hover,
.float_menu ul li:nth-child(2):hover{ background-image: none; }
.float_menu ul li:nth-child(1):hover a,
.float_menu ul li:nth-child(2):hover a{ opacity: 1; }
@media all and (max-width:640px) {
	.float_menu{bottom:82px; right:25px;}
	.float_menu ul li{width:44px; height:44px; border-radius: 16px;}
}
/* @media all and (max-width:1000px) {
	.float_menu{right: 15px; bottom: 70px;}
	.float_menu ul li{ width: 42px; height: 42px;	}
	.float_menu ul li + li{ margin-top: 10px; }
	.float_menu ul li:nth-child(1){ background-size: cover;	}
	.float_menu ul li:nth-child(2){ background-size: 30px;	display: none;}
	.float_menu ul li:nth-child(3){ background-size: 15px;	}
	.float_menu ul li:first-child:hover{ background: url("/uploads/hospitals/dday/site/img/float_ico01.png") no-repeat center center / cover;	}
	.float_menu ul li:first-child:hover a{ opacity: 0;	}
} */
/* @media all and (max-width:1000px) {
	.float_menu ul li{ width: 50px; height: 50px;	}
	.float_menu ul li + li{ margin-top: 10px; }
	.float_menu ul li:nth-child(1){ background-size: cover;	}
	.float_menu ul li:nth-child(2){ background-size: 30px;	}
	.float_menu ul li:nth-child(3){ background-size: 15px;	}
	.float_menu ul li:first-child:hover{ background: url("/uploads/hospitals/dday/site/img/float_ico01.png") no-repeat center center / cover;	}
	.float_menu ul li:first-child:hover a{ opacity: 0;	}
} */