@charset "utf-8";
@import url("../common/font.css");

/*----------------------------------------------------------------------------
 * 레이아웃 스타일 정의
 * ---------------------------------------------------------------------------
 * Author	: (주)플랜아이 http://plani.co.kr
 * ---------------------------------------------------------------------------
 * History
 * ---------------------------------------------------------------------------
 * 2017-05-10 (조민지)	: 최초작성
 * -------------------------------------------------------------------------*/

body {background:none; font-family:'Noto Sans KR'; font-size:15px;}
.hidden {overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:0; line-height:0;}
/* wrap */
#wrap {
	position:relative;
	width: 100%;
	min-width:1200px;
	background-color:#f6f5f3;
	overflow:hidden;
	}
#wrap.main{min-width:1330px;}
/* header */
#header {
	position:relative;
	width: 1200px;
	margin: auto;
	background:none;
	text-align:center;
	z-index: 100;
	}
#header.fixed {
    position: fixed;
	left: 50%;
    margin-left: -600px;
	}
#header:before,
#header.fixed #dnavigation:after {
	position:absolute;
	left: 0;
	width:1000%;
	height:70px;
	margin-left:-500%;
	border-top:30px solid #004ea2;
	background-color:#fff;
	content:'';
	}
#header.fixed #dnavigation:after {
    top: 0;
    height: 70px;
	background-color: #f6f5f3;
    border-top: none;
	}

.logo {display:table; position:relative; z-index:1; padding: 40px 0 10px;}
/* .logo > span{display:none} */

/*통합검색*/
#header .h-search-box{position:absolute;top:50px;right:180px;}
#header .h-search-box label{position: absolute;text-indent: -9999px;color: transparent;}
#header #search_board{border-color:#bfbfbf;box-sizing:border-box;padding:10px;height:34px;border-radius:5px;}
#header .h-search_btn{position:absolute;right:10px;top:6px;}

/* tsidemenu */
.tsidemenu {float:none; position:absolute; left:50%; top:0; width:1200px; margin:0 0 0 -600px; line-height:29px;}
.tsidemenu a {font-size:.928em; font-weight:500; color:#dde3ee;}
.tsidemenu li {float: left; margin:0;}
.tsidemenu li:first-child {
	margin-left: 0;
	}
.tsidemenu li + li:before {display:inline-block; position:relative; top:-1px; width:1px; height:11px; margin:0 5px; background-color:#6695c7; content:''; vertical-align:middle;}
.tsidemenu .eng a {position:absolute; right:0; top:50px; width:95px; border-radius:25px; background-color:#e5522f; font-size:.857em; color:#fff; text-transform:uppercase; text-align:center;}
.tsidemenu .home a {position:absolute; right:105px; top:50px; padding-left:25px; background:url('/images/korean/layout/icon_home.png') no-repeat 0 center; font-size:.928em; color:#151517; text-transform:uppercase;}
.tsidemenu .home:before,
.tsidemenu .eng:before {display:none;}
.tsidemenu .pop { display:none;  }
.tsidemenu .pop a {position:absolute;  right:115px; top:50px; width:95px; border-radius:25px; background-color:#004ea2; font-size:.857em; color:#fff; text-transform:uppercase; text-align:center;}

.tsidemenu .kecs{margin-left: 0;position:relative;padding-left:15px;}
.tsidemenu .kecs:before{background:none;display:none;}
.tsidemenu .kecs a{color:#feb609;}
/*.tsidemenu .kecs.on{padding:0 15px;}*/
/*..tsidemenu .kecs.on + a,*/
.tsidemenu .portal:before,.tsidemenu .webmail:before{background-color:#feb609;}

.tsidemenu .home a:first-child {display:none;}
.tsidemenu .portal{color:#feb609;position:relative;}
.tsidemenu .portal a{color:#feb609;}
.tsidemenu .webmail{float:right;color:#feb609;position:relative;padding-right:15px;}
.tsidemenu .webmail a{color:#feb609;}


/* dnavigation */
#dnavigation {
    position: relative;
	/*padding-top: 10px;*/
	}
#gnavigation {
	clear: both;
	position: relative;
	width:100%;
	height: 3.75rem;
	background:none;
	z-index: 90;
	}
#gnavigation:after{content:""; clear:both; display:block;}

#gnavigation li {
	position:relative;
	float: left;
	width:14.2857%;
	height:60px;
	line-height:60px;
	}
#gnavigation li + li:before {position:absolute; left:0; top:50%; width:1px; height:33px; margin-top:-16px; background-color:#e1e1e1; content:'';}
#gnavigation a {font-size:1.428em; font-weight:500;display:block;}
#gnavigation a:hover,
#gnavigation a:focus,
#gnavigation a:active {font-weight:bold; color:#004ea2; text-decoration:none;}
#gnavigation > li > a:before {position:absolute; left:50%; bottom:-2px; z-index:101; width:0; height:3px; background-color:#004ea2; content:''; transition:all .2s;}
#gnavigation > li > a:hover:before,
#gnavigation > li > a:focus:before,
#gnavigation > li > a:active:before {width:125px; margin-left:-62px;}
#gnavigation > li dl {
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	height: 0;
	padding: 0 10px;
	background:#fff;
	box-sizing:border-box;
	letter-spacing:-1px;
	text-align:left;
	line-height: 1.9;
	font-size:1em;
	/*-webkit-transition: all 0.3s ease;*/
    transition: all 0.3s ease;
	opacity: 0;
	z-index: 90;
	overflow: hidden;
	}
#gnavigation.active dl {
	height: 305px;
	padding: 5px 10px;
	border:1px solid #e1e1e1;
	border-left: none;
	opacity:1;
	}
#gnavigation > li:first-child dl{border-left:1px solid #d9dee0;}
#gnavigation > li dl.on{background: #6b6b6b;border-left: solid 1px #4a4a4a;border-right: solid 1px #4a4a4a;}
#gnavigation > li dl.on a {color: #fff;}
#gnavigation > li dt {
	width: 100%;
	height: 1px;
	line-height:0;
    color: transparent;
	overflow:hidden;
	}
#gnavigation > li dl dd > a{color:#656565; line-height:22px; font-size:1em; font-weight:400;letter-spacing:-0.075em}
#gnavigation > li dl dd > a:before {margin-right: 4px; color:#656565 !important; content:'-';}
#gnavigation > li dl dd > a:hover,
#gnavigation > li dl dd > a:focus,
#gnavigation > li dl dd > a:active {color:#004ea2;}

/* 본문 Style
-------------------------------------------------*/
#body_wrap {
	clear: both;
	}
#body {
	position: relative;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
	}

/* Footer Style
-------------------------------------------------*/
#footer {
	position: relative;
	clear: both;
	width: 1200px;
	margin: auto;
	padding:20px 0 30px;
	}
#footer ul:first-child {
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
#footer ul:first-child li {
	float:left;
	padding: 0 10px;
	background: url(/images/kor/common/footer_line.gif) no-repeat 0 center;
	}
#footer ul:first-child li:first-child {
	padding-left: 0;
	background-image:none;
	}
#footer ul:first-child a {font-weight:500; color:#333;}
#footer ul:first-child span {color:#004ea2;}
#footer address {display:inline; margin-right:15px; font-style:normal;}
#footer > p {font-size:.928em; text-transform:uppercase;}

#footer .mark_icon {
	position: absolute;
	bottom: 45px;
	right: 0;
	/* width: 440px; */
	height: 40px;
	text-align:right;
	z-index: 90;
	}
#footer .mark_icon li {display:inline-block; margin: 0 10px; }
#footer .mark_icon img {height:35px;}

/* pc 전화연결 비활성화 */
#footer .link-tel {pointer-events: none; cursor: default;}

#footer .counsel {
	position: absolute;
	width: 326px;
	top: 50%;
	right: 126px;
	transform: translateY(-50%);
	background: #fff;
	padding: 5px 14px;
	border-radius: 10px;
	font-size: 0;
	color: #000;
	box-sizing: border-box;
}
#footer .counsel .xi-call {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #afb6be;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 44px;
}
#footer .counsel .title {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	border-right: 1px solid #c9c9c9;
	padding-right: 8px;
	margin-right: 8px;
}
#footer .counsel .title strong {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.5px;
	padding-left: 54px;
}
#footer .counsel .desc {
	display: inline-block;
	width: calc(100% - 132px);
	vertical-align: middle;
}
#footer .counsel .desc > * {
	display: inline-block;
	vertical-align: middle;
}
#footer .counsel .desc em {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-size: 14px;
	font-weight: 300;
	margin-left: 6px;
}
#footer .counsel .desc .number {
	font-family: 'Montserrat';
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/font/montserrat/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/font/montserrat/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/montserrat/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/montserrat/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/font/montserrat/montserrat-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/font/montserrat/montserrat-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/montserrat/montserrat-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/montserrat/montserrat-v18-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/font/montserrat/montserrat-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/font/montserrat/montserrat-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/montserrat/montserrat-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/montserrat/montserrat-v18-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/font/montserrat/montserrat-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/font/montserrat/montserrat-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/montserrat/montserrat-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/montserrat/montserrat-v18-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/font/montserrat/montserrat-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/font/montserrat/montserrat-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/montserrat/montserrat-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/font/montserrat/montserrat-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/montserrat/montserrat-v18-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}