@charset "UTF-8";

.hide_txt{text-indent: -9999px; font-size: 0;}
.clearfix:after{display:block; clear:both; content:'';}
.m_block, .mt_block{display:block;}
.txt_center{text-align:center;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.rel{position:relative;}
.ib{display:inline-block;}
.dt{display:table;}
.tc{display:table-cell; vertical-align:middle;}
.f_left{float:left;}
.f_right{float:right;}
.wbka{word-break:keep-all;}
.w100p{width:100%;}
.blue{color:#0b5483;}
.gray{color:#666;}
.white{color:#fff;}
.black{color:#343434;}
.black2{color:#222;}
.lh15{line-height:1.6em;} /* 15px 24px */
.lh20{line-height:1.4em;} /* 20px 28px */
.lh20_ver2{line-height:1.5em;} /* 20px 30px */
.lh25{line-height:1.2em;} /* 25px 30px */
.lh28{line-height:1.214em;} /* 28px 34px */

.fw200,
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500,
.fw600{font-weight:700;}

/* 모바일 폰트: +2 */
.fs14{font-size:2.5vw;}
.fs15{font-size:2.65625vw;}
.fs16{font-size:2.8125vw;}
.fs18{font-size:3.125vw;} 
.fs20{font-size:3.4375vw;}
.fs22{font-size:3.75vw;}
.fs23{font-size:3.90625vw;}
.fs25{font-size:4.21875vw;}
.fs28{font-size:4.6875vw;}
.fs30{font-size:5vw;}
.fs35{font-size:5.78125vw;}
.fs50{font-size:7.8125vw;}

.pt5{padding-top:5px;}
.pt10{padding-top:1.5625vw;}
.pt17{padding-top:2.65625vw;}
.pt22{padding-top:22px;}
.pt25{padding-top:3.90625vw;}
.pt30{padding-top:4.6875vw;}
.pt40{padding-top:6.25vw;}
.pt48{padding-top:7.5vw;}
.pt57{padding-top:8.90625vw;}
.pb30{padding-bottom:4.6875vw;}
.pb35{padding-bottom:5.46875vw;}
.pb50{padding-bottom:7.8125vw;}
.pb85{padding-bottom:13.28125vw;}
.pb100{padding-bottom:15.625vw;}
.pb134{padding-bottom:20.9375vw;}
.mt13{margin-top:2.03125vw;}
.mt20{margin-top:3.125vw;}
.mt28{margin-top:4.375vw;}
.mt30{margin-top:4.6875vw;}
.mt35{margin-top:5.46875vw;}
.mt38{margin-top:5.9375vw;}
.mt65{margin-top:10.15625vw;}
.mt80{margin-top:12.5vw;}
.mb40{margin-bottom:6.25vw;}
.mb54{margin-bottom:8.4375vw;}
.mb60{margin-bottom:9.375vw;}
.mb70{margin-bottom:10.9375vw;}

.inner{
	margin-left: 3.90625vw;
	margin-right: 3.90625vw;
}

/* header */
.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	height: 17.1875vw;
	/* background-image: linear-gradient(to right, #199546 20%, #0b5483 100%); */
	background-color: #199546;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.16);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.16);
	box-shadow: 0 5px 10px rgba(0,0,0,.16);
}
.header .header_wrap{height: 100%;}
.header h1.logo{
	float: left;
	width: 35.78125vw;
	height: 100%;
	background: url('../images/common/logo.png') no-repeat center;
	background-size: 100% auto;
	position: absolute;
	left: 9.6875vw;
	top: 0;
	outline:0;
}
.header h1.logo a{
	display: block;
	width: 100%;
	height: 100%;
}
.header .nav,
.header .manager{display: none;}

/* Mobile header */
#siteMapOp{ 
	position:absolute;
	right:5.46875vw;
	top:4.6875vw;
	overflow:hidden;
	padding:2.34375vw;
}
#siteMapOp span{
	position: relative;
    display: block;
    width: 4.6875vw;
    height: 0.3125vw;
    margin-bottom: 1.09375vw;
    background-color:#e8e9e9;
}
#siteMapOp span.mb0{margin-bottom:0;}
#sitemap{
    position: fixed;
    bottom:0;
	right:-100%;
	width:100%;
	height:calc(100% - 17.1875vw);
	background-color: #fafafa;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
	-moz-transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.5, 0, 0, 1);
	z-index: 500;
}
#sitemap.on{
	right:0;
	-webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
	-webkit-transition: 0.4s ease;
	-o-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    transition: 0.4s ease;
}
#sitemap .sitemap_wrap{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}
#sitemapHead{
	position:relative;
	height:17.1875vw;
	padding: 4.6875vw 10.15625vw 0;
}
#sitemapHead .manager{
	display: block;
	font-size: 2.8125vw;
	color: #333;
	font-weight: 700;
	border: 1px solid #b5b5b5;
	width: 29.6875vw;
	padding-left: 3.125vw;
	height: 7.8125vw;
	line-height: 7.8125vw;
	background: url('../images/common/header_arrow.png') no-repeat right 3.125vw center;
	background-size: 2.34375vw auto;
}
#sitemapHead .sitemap_cls{
	position: absolute;
    top: 4.375vw;
    right: 5.78125vw;
    width: 7.8125vw;
    height: 7.8125vw;
	background: url('../images/common/header_close.png') no-repeat center;
	background-size: 3.90625vw auto;
}
#sitemapBody{padding: 0 10.15625vw;}
#sitemapBody .gnb{border-top:1px solid #d9d9d9;}
#sitemapBody .gnb>li{border-bottom:1px solid #d9d9d9;}
#sitemapBody .gnb .tit{
	display:block;
	position:relative;
	color: #333;
	font-size: 3.90625vw;
	transition: all .3s ease;
}
#sitemapBody .gnb .tit.on{
	color: #0b5483;
	font-weight: 700;
}
#sitemapBody .gnb .tit span{
	display:inline-block;
	padding: 3.59375vw 0 3.90625vw;
	margin-bottom: -1px;
	position: relative;
	z-index: 3;
}
#sitemapBody .gnb .tit.on span{border-bottom: 0.46875vw solid #0b5483;}
#sitemap .sub_menu{
	border-top:1px solid #d9d9d9;
	padding: 2.03125vw 0 4.0625vw;
	display:none;
    overflow: hidden;
    -webkit-transition: max-height 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out;
    -ms-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
}
#sitemap .sub_menu li a{
	font-size: 3.4375vw;
	color: #333;
	display:block;
	line-height: 1.867em;
	padding-left: 3.125vw;
}

/* footer */
.footer{
	text-align: center;
	background: #494949;
	padding: 7.8125vw 0 9.0625vw;
}
.footer .fs20{font-size: 3.125vw;}
.footer p{
	color: rgba(255,255,255,.7);
	line-height: 1.3em;
	letter-spacing: 0;
}
.footer .address strong{
	position: relative;
	padding-left: 1.71875vw;
	margin-left: 0.78125vw;
}
.footer .address strong:before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 2.1875vw;
	background: rgba(255,255,255,.35);
	content:'';
}
.footer .address strong:first-child,
.footer .address strong:nth-child(3),
.footer .address strong:nth-child(6){
	margin-left: 0;
	padding-left: 0;
}
.footer .address strong:first-child:before,
.footer .address strong:nth-child(3):before,
.footer .address strong:nth-child(6):before{display: none;}

 /* check radio */
input[type="checkbox"],
input[type="radio"]{
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    width: 3.125vw;
    height: 3.125vw;
	margin-right: 0.78125vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	vertical-align: bottom;
	cursor:pointer;
	vertical-align: middle;
	background-size: contain;
}
input[type="checkbox"]{border: 1px solid #85a9c1;}
input[type="checkbox"]:checked{
	border: 0;
	background-image: url('/_mng/asset/images/check_on_ico.png');
}
input[type="radio"]{
	background-image: url('/_mng/asset/images/radio_ico.png');
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
input[type="radio"]:checked{background-image: url('/_mng/asset/images/radio_on_ico.png');}



@media screen and (min-width: 768px){
	.m_block{display:none;}
	.t_block, .ts_block, .tspc_block{display:block;}
	.tspc_f_left{float:left;}
	.tspc_f_right{float:right;}

	.fs14{font-size:14px;}
	.fs15{font-size:15px;}
	.fs16{font-size:16px;}
	.fs18{font-size:18px;}
	.fs20{font-size:20px;}
	.fs22{font-size:22px;}
	.fs23{font-size:23px;}
	.fs25{font-size:25px;}
	.fs28{font-size:28px;}
	.fs30{font-size:30px;}
	.fs35{font-size:35px;}
	.fs50{font-size:50px;}

	/* 태블릿 간격: 1200 x 1024 */
	.pt10{padding-top:8px;}
	.pt17{padding-top:17px;}
	.pt25{padding-top:21px;}
	.pt30{padding-top:25px;}
	.pt40{padding-top:34px;}
	.pt48{padding-top:40px;}
	.pt57{padding-top:48px;}
	.pb30{padding-bottom:25px;}
	.pb35{padding-bottom:29px;}
	.pb50{padding-bottom:42px;}
	.pb85{padding-bottom:72px;}
	.pb100{padding-bottom:85px;}
	.pb134{padding-bottom:114px;}
	.mt13{margin-top:11px;}
	.mt20{margin-top:17px;}
	.mt28{margin-top:23px;}
	.mt30{margin-top:25px;}
	.mt35{margin-top:29px;}
	.mt38{margin-top:32px;}
	.mt65{margin-top:55px;}
	.mt80{margin-top:68px;}
	.mb40{margin-bottom:34px;}
	.mb54{margin-bottom:46px;}
	.mb60{margin-bottom:51px;}
	.mb70{margin-bottom:59px;}

	.inner{
		margin-left: 25px;
		margin-right: 25px;
	}

	/* header */
	.header{height: 110px;}
	.header h1.logo{
		width: 229px;
		left: 62px;
	}
	

	/* Mobile header */
	#siteMapOp{ 
		right:35px;
		top:30px;
		padding: 15px;
	}
	#siteMapOp span{
		width: 30px;
		height: 2px;
		margin-bottom: 7px;
	}
	#sitemap{height:calc(100% - 110px);}
	#sitemapHead{
		height:110px;
		padding: 30px 65px 0;
	}
	#sitemapHead .manager{
		font-size: 18px;
		width: 190px;
		padding-left: 25px;
		height: 50px;
		line-height: 50px;
		background: url('../images/common/header_arrow.png') no-repeat right 20px center;
		background-size: 15px auto;
	}
	#sitemapHead .sitemap_cls{
		top: 28px;
		right: 37px;
		width: 50px;
		height: 50px;
		background-size: 25px auto;
	}
	#sitemapBody{padding: 0 65px;}
	#sitemapBody .gnb .tit{font-size: 22px;}
	#sitemapBody .gnb .tit span{padding: 23px 0 25px;}
	#sitemapBody .gnb .tit.on span{border-bottom: 3px solid #0b5483;}
	#sitemap .sub_menu{padding: 13px 0 26px;}
	#sitemap .sub_menu li a{
		font-size: 22px;
		padding-left: 20px;
	}

	/* footer */
	.footer{padding: 50px 0 58px;}
	.footer .fs20{font-size: 20px;}
	.footer .address{letter-spacing: 0.025em;}
	.footer .address strong{
		margin-left: 5px;
		padding-left: 10px;
	}
	.footer .address strong:before{height: 14px;}

	 /* check radio */
	input[type="checkbox"],
	input[type="radio"]{
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
}

@media screen and (min-width: 1024px){
	.mt_block, .ts_block{display:none;}
	.tb_block, .tpc_block{display:block;}
	.tpc_f_left{float:left;}
	.tpc_f_right{float:right;}

	/* footer */
	.footer .address strong,
	.footer .address strong:nth-child(3){
		margin-left: 5px;
		padding-left: 10px;
	}
	.footer .address strong:before,
	.footer .address strong:nth-child(3):before{display: block;}


}

@media screen and (min-width: 1280px){
	.t_block, .tb_block{display:none;}
	.pc_block{display:block;}

	.pt10{padding-top:10px;}
	.pt17{padding-top:17px;}
	.pt25{padding-top:25px;}
	.pt30{padding-top:30px;}
	.pt40{padding-top:40px;}
	.pt48{padding-top:48px;}
	.pt57{padding-top:57px;}
	.pb30{padding-bottom:30px;}
	.pb35{padding-bottom:35px;}
	.pb50{padding-bottom:50px;}
	.pb85{padding-bottom:85px;}
	.pb100{padding-bottom:100px;}
	.pb134{padding-bottom:134px;}
	.mt13{margin-top:13px;}
	.mt20{margin-top:20px;}
	.mt28{margin-top:28px;}
	.mt30{margin-top:30px;}
	.mt35{margin-top:35px;}
	.mt38{margin-top:38px;}
	.mt65{margin-top:65px;}
	.mt80{margin-top:80px;}
	.mb40{margin-bottom:40px;}
	.mb54{margin-bottom:54px;}
	.mb60{margin-bottom:60px;}
	.mb70{margin-bottom:70px;}

	.inner{
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	/* header */
	#siteMapOp, 
	#sitema{display: none;}
	.header h1.logo{left: 72px;}
	.header .nav{
		height: 100%;
		display: block;
	}
	.header .nav>ul{
		margin-left: 314px;
		height: 100%;
	}
	.header .nav>ul>li{
		float: left;
		display: block;
		height: 100%;
		margin: 0 29px;
	}
	.header .nav>ul>li>a{
		color: #fff;
		display: block;
		line-height: 108px;
		position: relative;
		padding: 0 5px;
	}
	.header .nav>ul>li.active>a,
	.header .nav>ul>li.on>a{font-weight: 700;}
	.header .nav>ul>li>a:before{
		background: #dedede;
		position: absolute;
		bottom: 4px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 70px;
		height: 5px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		transition: all 0.3s ease;
	}
	.header .nav>ul>li.active>a:before,
	.header .nav>ul>li.on>a:before{content:'';}
	.header .nav .two_depth{
		width: 100%;	 
		background: rgba(213,213,213,.9) url('../images/common/header_sub_bg.png') no-repeat top center;
		position: absolute;
		top: 110px;
		left: 0;
		height: 77px;
		line-height: 77px;
		display: none;
	}
	.header .nav li.on .two_depth{display: block;}
	.header .nav .two_depth>ul{
		width: 1200px;
		margin: 0 auto;
	}
	.header .nav .two_depth>ul>li{display: inline-block;}
	.header .nav .two_depth>ul>li>a{
		padding: 0 13px;
		display: block;
		position: relative;
		color: #333;
		font-size: 20px;
		font-weight: 300;
	}
	.header .nav .two_depth>ul>li>a:before{
		position: absolute;
		content:'';
		left: -2px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 1px;
		height: 16px;
		background: #4c5665;
	}
	.header .nav .two_depth>ul>li:first-child>a:before{display: none;}
	.header .nav .two_depth>ul>li>a:hover{font-weight: 400;}
	.header .nav .gnb01 .two_depth>ul{padding-left: 245px;}
	.header .nav .gnb02 .two_depth>ul{padding-left: 314px;}
	.header .nav .gnb03 .two_depth>ul{padding-right: 450px;}
	.header .nav .gnb04 .two_depth>ul{padding-right: 327px;}
	.header .nav .gnb05 .two_depth>ul{padding-right: 92px;}
	.header .manager{
		display: block;
		position: absolute;
		right: 35px;
		top: 0;
		height: 100%;
	}
	.header .manager a{
		line-height: 110px;
		color: #fff;
	}

}