@charset "utf-8";
header {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

/************ gnb *********************/
.skipnav {position: fixed;width: 100%;background: #000;color: #fff;text-align: center;z-index: 3}
.skipnav a {display: block;color: #fff;font-weight: bold;width: 0;height: 0;line-height: 0;font-size: 0}
.skipnav a:focus, .skip a:active {display: block;padding: 5px 0;width: auto;height: auto;line-height: 1.5;font-size: 14px}
#seoul-common-gnb {height:48px;background-color: #0c82e9}

header {position: fixed;border-bottom: 1px solid rgba(255, 255, 255, 0.19);width: 100%;z-index: 3;top:0;background-color: #fff;}
header.bron {}
header.action {background: rgba(255,255,255,0.8);border-bottom: 1px solid #ebebeb;}
header:after {content: '';clear: both;display: block}
header .navi {margin: 0 auto;position: relative;max-width: 1200px;}
header > .navi > h1 {position: absolute;left: 0;top: 8px;}
header > .navi > h1 > a {background: url(../images/common/logo.svg) no-repeat 0 0 / 100%;display: block;text-indent: -999em;width: 156px;}
header > .navi > h1 > a.medicorp {background: url(../images/common/logo_m.svg) no-repeat 0 0 / 100%;display: block;text-indent: -999em;width: 183px;}
header > .navi > .m_menu {position: absolute;right: 10px;top: 50%;z-index: 4;color: #fff;display: block;text-indent: -999em;width: 23px;height: 19px;display:none;margin-top: -4px;}
nav {z-index: 2}
nav:after {content: '';clear: both;display: block}
nav.search-tab:after {content:none}
nav > ul {display: table;margin: 0 0 0 auto;position: relative;text-align: center;table-layout: fixed;}
nav > ul > li {position: relative;display: table-cell;}
nav > ul > li > a {display: block;line-height: 22px;text-align: center;position: relative;font-weight: 600;font-size: 19px;padding: 19px 26px;color: #3e3e3e;}
nav > ul > li > a:hover, nav > ul > li > a:focus, nav > ul > li > a:active {color: #2f4ed5;}
nav > ul > li > ul {position: absolute;width: 100%;display: none;padding: 10px 0;z-index: 3;top: 59px}
nav > ul > li > ul > li > ul > li > a {color: rgba(255, 255, 255, 0.64);font-size: 14px;background-color: #404040;display: block;padding: 9px}
nav > ul > li > ul > li > a {color: #fff;display: block;padding: 3px 0;font-size: 14px}
nav > ul > li > ul > li a:hover, nav > ul > li > ul > li a:focus {color: #78f8ff}
nav > ul > .slider {width: 20%;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #6dc4ff;transition: all .5s;opacity:0}
nav > ul > li > ul > li > ul {display:none}
nav > ul > li > a.on {color: #2f4ed5;}
.sub_visual {background-position: center top;background-repeat: no-repeat;position: relative;background-size: cover;margin-top: 60px;}
.menu_bg {width: 100%;height: 0;position: absolute;top: 59px;display: none;left: 0;z-index: 3;background: linear-gradient(138deg, rgb(246 79 181) 0%, rgb(0 54 104) 100%, rgb(0 54 104) 245094%);}
.visual img {max-width: 100%;margin: 0 auto;width: 100%}
.v_m {display:none}
#sub05, #sub06, #sub07 {display:none}
footer {background-color: #303030;color: #fff;font-size: 14px;font-weight: 200;position:relative;text-align: center;}
.footer_wrap {max-width:1400px;margin:0 auto;padding: 35px 15px;position: relative}
.f_link > .link_wrap {display: table;margin: 0 auto}
.f_link > .link_wrap li {float:left}
.f_link > .link_wrap li a {display: inline-block;padding-right: 24px;line-height: 22px;}
.f_link > .link_wrap li a:hover, .f_link .link_wrap li a:hover focus, .Family_site h3 a:hover, .Family_site h3 a:focus {color: #ffe631}
address {letter-spacing: -0.2px;color: rgba(255,255,255,0.5);clear: both;padding-top: 14px}
address p {letter-spacing: 1px}
.sns_wrap {float: right;margin-top: -36px}
.sns_wrap li {display: table-cell}
.sns_wrap li a {display:inline-block;width:36px;height:36px;background:url(../images/common/sns.png) no-repeat;text-indent: -999em;margin-left:5px}
.sns_wrap li a.blog {background-position: -37px 0;}
.sns_wrap li a.instagram {background-position: -74px 0;}
.sns_wrap li a.youtube {background-position: -111px 0;}
.sns_wrap li a.twitter {background-position: -148px 0;}

@media screen and (max-width: 1200px) {
	header > .navi > h1 {position: relative;background-color: #fff;padding-top: 12px;width: 100%;z-index: 4;top:0;}
	header > .navi > h1 > a {width: 135px;height: 37px;margin-left: 9px;}
	header > .navi > h1 > a.medicorp {width: 161px;margin-left: 9px;}
	header > h1 {background-color: #01385d;padding: 6px 3% 7px;position: relative;width: 100%;z-index: 4}
	header > .navi > .m_menu {background: url(../images/common/menu.png) no-repeat center;display: block}
	header > .navi > .m_menu.off {background: url('../images/common/m_close.png') no-repeat center;right: 9px}
	nav {display: none;background-color: #003668;top: 60px;margin-left: 0;position: absolute;width: 100%}
	nav.search-tab {display:table;position: relative;background: none;top: auto}
	nav.menu-fixed {top: 68px;background-color: #093654}
	nav > ul {display:block;width:100%;float: none}
	nav > ul > li {display:block;width:100%}
	nav > ul > li > a.new:after  {left: 110px}
	nav > ul > .slider {display:none}
	nav > ul > li > a {line-height: 40px;display:block;padding-left: 28px;text-align:left;color: #fff}
	nav > ul > li > a:hover {color:#78f8ff}
	nav > ul > li.active > a {background-color: #333}
	nav > ul > li.active > ul > li {background: #134c83;}
	nav > ul > li.depth_add > a {display:block;border-bottom: 1px solid rgba(255, 255, 255, 0.1);background: url('../images/common/up_down.png') no-repeat right 13px;font-weight: 300;font-size: 14px}
	nav > ul > li.depth_add.active > a {background-color: #003668;background-position: right -23px}
	nav.menu-fixed > ul > li > ul {top:0}
	nav.menu-fixed > ul > li > a {line-height: 22px}
	nav > ul > li > ul {position:relative;border:0;padding:0;top: 0px}
	nav > ul > li:last-child > ul {position:relative;top:0;border:0}
	nav > ul > li > ul > li > a {padding-left: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);text-align: left;padding: 6px 15px;}
	nav > ul > li > ul > li > ul > li > a {padding: 9px 0 9px 55px;text-align: left}
	nav > ul > li > ul > li.depth_add > a {display: block;background: url('../images/common/up_down.png') no-repeat right 13px}
	nav > ul > li > ul > li.depth_add.active > a {background-color: #333;background-position: right -23px}
	nav > ul > li > ul > li > ul {display:block}
	nav > ul > li > a {height:auto;padding: 19px 10px;line-height: 22px;text-align: center;}
	nav > ul > li > a.on{color: #fff}
	nav > ul > li > a.new:after {left:68px;top:10px}
	.member_name {right: 10px;}
	.footer_wrap {padding: 35px 15px}
	.f_link {padding: 0;margin: 0 auto;display: table;text-align: center;width: 100%}
	.f_link > .link_wrap {display: table;margin: 0 auto;float: none}
	.f_link > .link_wrap li a {padding: 0px 15px;}
	.f_sns {position: relative;clear: both;text-align: center;top: 0px}
	address p {}
	.f_logo02 {float: none;clear: both;display: table;margin: 0 auto 10px}
	.sns_wrap {float: none;display: table;margin: 0 auto}
}
@media print {
	header {display:none}
	footer {display:none}
	img {max-width: 100% !important}
}
@media print and (color) {
   * {-webkit-print-color-adjust: exact;print-color-adjust: exact}
}