@charset "utf-8";
/*-------------------------------------------------
layout Style Sheet /  2020.09.07
-------------------------------------------------*/
*, *:before, *:after{box-sizing:inherit;}
body {letter-spacing: 0; line-height: 1.5; font-size: 1.7rem; font-family: Play, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;}	
h1, h2, h3, h4, h5, h6, strong, [class*="_bold"] {font-weight: 700;} 
* button {font-size: inherit; font-family: inherit; } 
 	
#wrap {min-width: inherit;}
#wrap:before {display: none; }
.header_wrap {height: auto; border-bottom: none;}
#header {
	width: 128rem; 
	height: 100%;
	}
.header_wrap:before {
	height: 4.9rem; 
	background: #66788E;
	}
.header_wrap::after {/* 2depth bg */
    display: block;
    width: 100%;
    height: 0;
    margin-top: -1px;
    background-color: #008bc0;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    opacity: 0;
    visibility: hidden;
    content: '';
	}
.header_wrap.active::after {
    height: 6.9rem;
    visibility: visible;
    opacity: 1;
	}	
.top_service {height: 4.9rem; margin-bottom: 0; font-size: 1.5rem; overflow:  inherit; } 
.tsidemenu {margin-top: 1.6rem; letter-spacing: 0;}
.khidi_hm {height: 4.9rem; overflow: inherit;}
.khidi_hm .home a {line-height: 1.5;}
.khidi_hm .home a:after {background-color: transparent;}

.logo-wrap {
	position: relative; 
	display: inline-block; 
	width: 100%; 
	padding: 2rem 0; 
	text-align: center;
	}
.logo-wrap::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 200%;
    height: 1px;
    background-color: #ddd;
    transform: translateX(-50%);
    content: '';
	}
/* 로고 */
.logo {float: left; height: 4.3rem; line-height: 1;}
.logo a:first-child {display: inline-block; width: 20rem; height: 100%; background: url(../../images/ephm/common/logo.png) no-repeat 0 center / contain; text-indent: -9999px; font-size: 1rem; vertical-align: top;}

.search_area {float: none; position: relative; display: inline-block; width: 40.5rem; height: 4.7rem; margin-right: 3.4rem; padding: 0;  border: 2px solid #66788E; border-radius: 10rem; vertical-align: middle;}
.search_area fieldset {display: flex;  flex-flow: row wrap; width: 100%; height: 100%;  margin: 0 auto;}
.search_area  input[type="text"] {width: calc(100% - 4.5rem); height: 100%; background-color: transparent; border-radius: 10rem 0 0 10rem; border-color: transparent; vertical-align: top;}
.search_area:hover {background-color: transparent; }
.search_area .searchbox .search_keyword:focus {width: auto;}	
.search_area .search_btn {height: 100%; padding: 0 1rem;}	
.search_area .search_btn i {font-size: 1.8rem;}

/* NAVIGATION STYLE */
.header_wrap nav {
	clear: both; 
	display: inline-block; 
	width: 100%; 
	margin: 0 auto;
	}
.header_wrap nav a {
	color: #333; 
	}	
#header a[href*="http://"]::after, 
#header a[href*="https://"]::after {
    position: absolute;
    top: 50%;
    right: 0;
    background: none;
    font-weight: 100;
    font-family: xeicon;
    content: "\e980";
    transform: translateY(-50%);
	}	
#gnavigation {
	clear: both; 
	position: relative; 
	display: flex; flex-flow: row wrap;
	width: 100%; 
	text-align: center; 
	font-size: 1.8rem; 
	}
#gnavigation > li {
    width: calc(100% / 4);
	}
#gnavigation.gnb-login > li {
    width: calc(100% / 5);
	}
#gnavigation a {
	display: block; 
	position: relative; 
	color: #000; 
	line-height: 1.2;  
	transition: all 0.3s ease;
	}
#gnavigation > li > a {
	height: 100%;
	padding: 3rem 0; 
	font-weight: 700;
	}
#gnavigation > li > a:after {
	display: block; 
	position: absolute; 
	bottom: 1.4rem;
	left: 50%; 
	width: 0.9rem;
	height: 0.9rem; 
	background-color: #008bc0; 
	border-radius: 100%; 
	transform:translateX(-50%) scale(1.5) rotate(0deg); 
	transition: all .3s ease-in-out; 
	content: ''; 
	opacity:0; 
	}
#gnavigation a:hover {
	text-decoration: none;
	}
#gnavigation > li > a.active:after, 
#gnavigation > li:hover > a:after {
	transform:translateX(-50%) scale(1) rotate(180deg); 
	opacity:1; 
	}
#gnavigation .depth2 {
    position: absolute;
    top: 10.2rem;
    left: 0;
    width: 100%;
    line-height: 1.3;
    transition: all .3s ease;
	opacity:0;
	visibility:hidden; 
    overflow: hidden;
	}
#gnavigation .depth2 > li {
    display: inline-block;
    position: relative;
    padding: 0 3rem;
	}
#gnavigation .depth2 > li + li::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
    background-color: rgba(255,255,255, .6);
    content: '';
	}
#gnavigation .depth2 a {
	padding: 2.4rem 0; 
	color: #fff; 
	opacity: 0.7; 
	}
#gnavigation .depth2 a[href*="http://"], 
#gnavigation .depth2 a[href*="https://"] {
	padding-right: 2.5rem;
	}
#gnavigation .depth2 a:hover {
	opacity: 1;
	}
#gnavigation > li:hover .depth2,
#gnavigation > li.active .depth2 {
	opacity: 1; 
	visibility:visible;
	}
#gnavigation .menu01 .depth2 {
	text-align: left;
	}
#gnavigation .menu04 .depth2 {
	padding-left: 41%; 
	}
#gnavigation.gnb-login .menu04 .depth2 {
	padding-left: 17%; 
	}
#gnavigation .menu05 .depth2,
#gnavigation .menu06 .depth2 {
	text-align: right;
	}

.header_wrap.fixed .logo{margin-bottom: 10px;}
.header_wrap.fixed .logo a:first-child {width: 157px; height: 40px;  background: url(../../images/phm/layout/logo.png) no-repeat 0 0 / 157px 40px;  vertical-align: top;}
.header_wrap.fixed .top_service{margin-bottom:15px;}
.fixTitle {display: none; position: absolute; top: 7.3rem; left: 23.8rem; width: 65rem; color: #313131; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; z-index: 95; }
.snsTop {right: 8rem;}

.allmenu {position: absolute; top: 2.2rem; right: 0; width: 3.4rem; height: 3.4rem; overflow: hidden;}
.allmenu span[class*="bar"] {display: block; width: 100%; height: 3px; margin-top: 0.8rem; background: #605957; transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transform: translate3d(0, 0, 0); backface-visibility: hidden;-o-backface-visibility: hidden;}
.allmenu span.bar1 {margin-top: 0;}
.allmenu span.bar2 {position:relative; width: 1.9rem; margin-left: 1.5rem; background-color: #008BC0;}
.allmenu:hover .bar2 {left:50%; width: 100%; margin-left: 0; transform:translateX(-50%);}
.allmenu_layer {
	display: none;
	position: absolute; 
	top: 13.6rem; 
	left: 0; 
	width: 100%;
	height: 0;
	z-index: 90; 
	}
.allmenu_layer:before,
.allmenu_layer:after {
	position: absolute;
	top: 0;
	left: -5000%;
	width: 9999%;
	height: 100%;
	background-color: #fff;
	content: '';
	}
.allmenu_layer:after {
	height: 3px;
	background-color: #1f76b9;
	}
.all_nav {
	position: relative; 
	display: flex; 
	display: -webkit-flex; 
	flex-flow: row wrap;
	height: 0;
	margin: 0 auto; 
	padding-top: 0.2rem;
	border-left: 1px solid #ddd; 
	overflow: hidden;
	}
.all_nav > li {
	position: relative; 
	width: 33.33%;
	padding: 3rem 2.3rem; 
	border-right: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
	overflow: hidden;
	}
.all_nav > li:hover {
	background-color: #eef0f5; 
	transition: all 0.3s ease;
	}
.all_nav > li > a {
	display: block; 
	position: relative;  
	margin-bottom: 3rem;
	padding-right: 1.2rem;  
	color: #00367C; 
	line-height: 1.2; 
	font-weight: 700;
	}
.all_nav > li > a::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 1.6rem;
    font-family: xeicon;
    content: "\e942";
	}	
.all_nav .depth2 > li {
	margin-top: 1.5rem;
	}
.all_nav .depth2 > li:first-child {
	margin-top: 0;
	}
.all_nav .depth2 a {
	display: block; 
	position: relative; 
	color: #000;
	}
.all_nav .depth2 a[href*="http://"], 
.all_nav .depth2 a[href*="https://"] {
	padding-right: 2rem;
	}
.all_nav .depth2 a:hover {
	color: #00367c;
	}
.all_nav .depth3 {
	font-size: 1.6rem;
	}
.all_nav .depth3 > li {
	position: relative;
	margin-top: 1rem;  
	padding-left: 1.5rem;
	line-height: 1.3;
	}
.all_nav .depth3 > li::before {
	display: block;
	position: absolute;
	top: 1.1rem;
	left: 0;
	width: 0.5rem;
	height:  0.1rem;
	background-color: #bcbcbc;
	content: '';
	}
.all_nav .depth3 > li a {
	color: #555;
	}
.allmenu_layer .allmenu_close {
    position: absolute;
    top: -6.2rem;
    right: 0;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 2rem;
    opacity: 0;
	}
.allmenu_layer .allmenu_close i {
	font-size: 3rem;
    vertical-align: text-bottom;
	}
.allmenu_layer.active, 
.allmenu_layer.active .all_nav {
	height: auto;
	}
.allmenu_layer.active .allmenu_close {
	visibility: visible; 
	opacity: 1;
	}
.all-menuFixed {
	overflow: hidden;
	}
.all-menuFixed::before {
    position: absolute;
    top: 14.1rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .6);
    z-index: 95;
    content: '';
 	} 	
.all-menuFixed .allmenu {
	display: none;
	}
	
#body {
	max-width: 100%;
	padding-top: 0;
	font-family: inherit;
	}
#body.container,
.container {
	width: 128rem;
    min-width: inherit;
	}
.path {
	margin-bottom: 7rem;
	color: #555;
	text-align: center;
	font-size: 1.5rem;
	}	
.path .xi-caret-down-min {
    transform: rotate(-90deg);
	}

.stitle {
	margin-bottom: 2.4rem;
	text-align: center;
	font: 700 3rem play;
	}	
#content {
	position: relative;
	float: none;
	width: auto;
	margin-bottom: 0;
	}
.content-footer {
	margin: 10rem 0 0 29rem;
	}
/* 하단 사이트맵*/
.footer-sitemap {
	background-color: #222e3b;
	}
.footer-sitemap .container {
	display: flex; display: -webkit-flex; flex-flow: row wrap;
	padding-bottom: 3rem;
	border-left: 1px solid rgba(16,26,36, 0.4);
	overflow: hidden;
	}	
.footer-sitemap .container > li {
	width: 20%;
	padding-left: 2.95rem;
	border-left: 1px solid rgba(16,26,36, 0.4);
	overflow: hidden;
	}	
.footer-sitemap .container > li > a {
	display: block;
	position: relative;
	padding: 1.4rem 0 1.8rem;
	border-bottom: 1px solid rgba(16,26,36, 0.4);
	color: #fff;
	}	
.footer-sitemap .container > li > a i {
	position: absolute;
	top: 50%;
	right: 2.6rem;
	transform: translateY(-50%);
	}
.footer-sitemap .depth2 {
	margin-top: 1.7rem;
	}
.footer-sitemap .depth2 a {
	display: block;
	padding: 0.5rem 0;
	color: rgba(255,255,255, .6);
	}	
	
#footer {
	width: 100%;
	height: auto;
    min-height: 20rem;
	padding: 5.4rem 0 4rem;
	background-color: #101a24;
	color: #fff;
	text-align: center;
	font-size: 1.5rem;
	}
#footer::before {
	display: none;
	}
.fsidemenu li::before {
	opacity: 0.35;
	}	
.fsidemenu li a {
	color: rgba(255,255,255, .75);
	}
#footer address,
#footer .copyright {
	color: rgba(255,255,255, .6);
	font-size: 1.5rem;
	}
	
.tstyle_list.online-consulting .re {
	float: left;
	margin-right: .5rem;
	}
.myConsulting {
	background-color: #f4f4f4;
	}
.online-consulting .myConsulting .re {
	display: block;
	}