@charset "utf-8";

#foot_layout {padding: 0 0 65px;background:#3a3e3f;position: relative;z-index: 8;}

#foot_layout .footer-link {margin: 0 0 25px;border-bottom:1px solid rgba(255,255,255,.1);}
#foot_layout .footer-link .utile_wrap { }
#foot_layout .footer-link .utile_wrap li {float:left;position: relative;margin-right:14px;}
#foot_layout .footer-link .utile_wrap li:last-child {margin:0;}
#foot_layout .footer-link .utile_wrap li:not(:last-child):after {display:block; position:absolute; right:-9px; top:50%;  content:''; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#696c6d }
#foot_layout .footer-link .utile_wrap li a {display: block;height: 80px;line-height: 80px;color: #dcdcdc;font-size: 16px;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움';}
#foot_layout .footer-link .utile_wrap li a.color_green {color: #8cc055;font-weight: bold;}

#foot_layout .linksite_wrap {position:absolute;z-index: 1;right: 0;top: 16px;width: auto;}
#foot_layout .linksite_wrap .navertv {display:inline-block;height: 47px;margin:0;vertical-align: middle;}
#foot_layout .linksite_wrap .navertv a {display:block;height:100%;padding: 3px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .blog {display:inline-block;height: 47px;margin: 0 10px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .blog a {display:block;height:100%;padding: 3px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .instargram {display:inline-block;height: 47px;margin: 0 10px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .instargram a {display:block;height:100%;padding: 3px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .youtube {display:inline-block;height: 47px;margin: 0 10px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .youtube a {display:block;height:100%;padding: 3px 0 0;vertical-align: middle;}
#foot_layout .linksite_wrap .blog, #foot_layout .linksite_wrap .instargram, #foot_layout .linksite_wrap .youtube {
    margin: 0;
}
#foot_layout .linksite_wrap .linksite {display: inline-block;position: relative;width: 210px;text-align: left;}
#foot_layout .linksite_wrap .linksite:after {display:block;position:absolute;right: 15px;top: 21px;width: 5px;height: 5px;border: solid #9d9f9f;border-width: 2px 0 0 2px;content:'';-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#foot_layout .linksite_wrap .linksite.on:after {top: 21px;border-width: 0 2px 2px 0;}
#foot_layout .linksite_wrap .linksite > button {display:block;width:100%;height:100%;padding: 0 15px;line-height: 45px;border: 1px solid rgba(255,255,255,.1);color: rgba(255,255,255,.8);font-size: 15px;font-family: 'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움';text-align:left;z-index: 10;position: relative;}

#foot_layout .linksite_wrap .linksite.on >div {display:block;position:absolute;left:0;bottom:0;width: 100%;padding: 0;z-index: 9;}
#foot_layout .linksite_wrap .linksite >div > button {display:block;width:100%;height: 48px;position:absolute;font-size:0;}
#foot_layout .linksite_wrap .linksite >div .ul {overflow-y: auto;height: 300px;border-bottom : 1px solid rgba(255,255,255,0.2);text-align:left;}
#foot_layout .linksite_wrap .linksite >div .ul .li {display:block;width:100%;/* height: 50px; */border-bottom: 1px solid rgba(255,255,255,.1);background: #282828;}
#foot_layout .linksite_wrap .linksite >div .ul .li:last-child {border:none;}
#foot_layout .linksite_wrap .linksite >div .ul .li a {display:block;width:100%;height:100%;padding: 15px 15px;line-height: 1.2;color:#fff;font-size:14px;font-family: 'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움';}
#foot_layout .linksite_wrap .linksite >div .ul .li a:hover,
#foot_layout .linksite_wrap .linksite >div .ul .li a:focus {background: #3e3e3e;}
#foot_layout .linksite_wrap .linksite >div .ul .mCSB_scrollTools {right:0;}


#foot_layout .copy {}
#foot_layout .copy address {font-size:15px; color:#dcdcdc;}
#foot_layout .copy address span {display:inline-block;margin: 0 10px 0 0;font-size:15px;color:#dcdcdc;}
#foot_layout .copy address a {display:inline-block; font-size:15px; color:#dcdcdc;}
#foot_layout .copy p {opacity:0.4;margin:0;font-size:15px;color:#dcdcdc;}
#foot_layout .marklist {position:absolute;right:0;bottom:0;}
#foot_layout .marklist ul {}
#foot_layout .marklist ul li {display:inline-block;position:relative;line-height:1.5;padding: 2px 0 0 60px;margin: 0 0 0 10px;color:#949494;font-size:14px;}
#foot_layout .marklist ul li .ico {display:inline-block;position:absolute;left:0;top:0;width:50px;height:50px;border-radius: 50%;background:url(/template/main/images/mark.png)no-repeat;}
#foot_layout .marklist ul li .ico2 {background-position:-50px 0;}
#foot_layout .marklist ul li .ico3 {background-position:-100px 0;}
#foot_layout .marklist ul li .ico4 {background-position:-150px 0;}
#foot_layout .marklist ul li .ico5 {display:inline-block;position:absolute;left:0;top:0;width:50px;height:50px;border-radius: 50%;background:url(/template/main/images/isms.png)no-repeat;}
/*EMR인증 (임시용) 전산개발팀 김석호
#foot_layout .marklist ul .ico4 {display:inline-block;left:0;top:0;width:168px;height:40px;background:url(/template/main/images/spr_common.png)no-repeat; background-size: 580px auto; background-position: -150px -208px;}*/
.ftIsmsTxt {
	display: none;
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: 425px;
	padding: 6px;
	width: 470px;
	font-size: 14px;
	line-height: 24px;
	color: #2e2e2e;
	background: #fefeeb;
	border: 1px solid #bababa;
	transform: translateX(-50%);
	z-index: 60
}
		
.ftIsmsTxt::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 88px;
	left: 50%;
	margin-left: 165px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fefeeb;
	transform: translateX(-50%)
}
@media(max-width:1469px){

	#foot_layout .linksite_wrap {top: 110px;right: 35px;text-align: right;}
	#foot_layout .linksite_wrap .blog {margin: 0;}
	#foot_layout .marklist {position:static;margin: 35px 0 0;}
	#foot_layout .marklist ul {text-align:center;}
	#foot_layout .marklist ul li {margin:0 15px; text-align:left;}
}

@media(max-width:1094px){
	#ibot-btn-floating{display:none;}
	#foot_layout .linksite_wrap {position:static;margin: 25px 0 0;/* padding: 25px 0 0; *//* border-top: 1px solid rgba(255,255,255,.1); */text-align: center;}
	#foot_layout .linksite_wrap .linksite {display:block;width:100%;margin-top: 10px;}
/* 	#foot_layout .linksite_wrap .blog {position:absolute; top:25px; right:35px; } */
	#foot_layout .footer-link {padding: 15px 0 0;border:none;}
	#foot_layout .footer-link .utile_wrap {padding: 0 60px;text-align:center;}
	#foot_layout .footer-link .utile_wrap li {display:inline-block;float: none;}
	#foot_layout .footer-link .utile_wrap li a {height:auto;line-height:1.2;margin: 10px 0;}
	#foot_layout .copy {text-align:center;}
	#foot_layout .linksite_wrap .blog, #foot_layout .linksite_wrap .instargram, #foot_layout .linksite_wrap .youtube {margin: 0 5px;}
	#foot_layout .marklist ul .ico4 {display:none;} /*EMR인증 (임시용) 전산개발팀 김석호*/
}

@media(max-width:767px){
	#foot_layout {padding: 0 0 40px;}
	#foot_layout .footer-link .utile_wrap {padding:0;}
/* 	#foot_layout .linksite_wrap .blog {display:none;} */
	#foot_layout .marklist ul li {padding: 0 0 0 45px;}
	#foot_layout .marklist ul li .ico {top: 5px;width:35px;height:35px;background-size:auto 35px;}
	#foot_layout .marklist ul li .ico2 {background-position:-35px 0;}
	#foot_layout .marklist ul li .ico3 {background-position:-70px 0;}
	#foot_layout .marklist ul li .ico4 {background-position:-106px 0;}
}

@media(max-width:620px){
	#foot_layout .marklist {margin:0 0 20px;}
	#foot_layout .marklist ul li {float:left;margin:15px 0 0; }
	#foot_layout .marklist ul li:nth-child(1) {width:32%}
	#foot_layout .marklist ul li:nth-child(2) {width:32%}
	#foot_layout .marklist ul li:nth-child(3) {width:35%}
}

@media (max-width:539px) {
	#foot_layout .marklist ul li {display:none;}
	#foot_layout .marklist ul .ico4 {display:none;} /*EMR인증 (임시용) 전산개발팀 김석호*/
}

.dropdown-menu{
	top:-312px;
	background:transparent;
	border: 0 solid #000;
	border-radius: 0;
}

#ibot-btn-floating{display:none !important;}
.quick{width: 93px;position: fixed;bottom:30px;right:20px;z-index:10;}
.quick a{display:block;margin: 0 auto;margin-top:10px;/* width: 50px; */}
.quick a.btn-top {display: block;margin:20px auto 0;width: 50px;height: 50px;border-radius: 50%;background: #8cc055 url(/images/main/common/top-arrow.svg) no-repeat center/30px;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);cursor: pointer;font-size:0;opacity: 0;transition: all 0.3s;}
.quick a.btn-top.show{opacity:1}

.quick a.btn-ibot.animate-bound {
	/* width: 50px; */
	/* height:50px; */

	animation: ibot_bound 1.2s ease-in-out 3 forwards;
	-webkit-animation: ibot_bound 1.2s ease-in-out 3 forwards;
}
.quick a.btn-ibot.animate-bound span{display:block;width:93px;height:93px;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);border-radius: 50%;background:url(/images/main/common/quick.png)no-repeat;background-size:100%}
@keyframes ibot_bound {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

@media (max-width:1280px) {

	.quick{width:75px;}
	.quick a.btn-ibot.animate-bound span{width:70px;height:70px;}
	.quick a.btn-top{margin-top:5px;}

}
@media (max-width:1023px) {
	/*.quick{display:none}*/
	.quick{right:0px !important;}
}