/* header */
.header{
	width:100%;
	height:125px;
	position:absolute;
	left:0px;
	top:0px;
	background:none;	
	z-index:999999;
	border-bottom:1px solid #01377f;
	background:none;
}
.header > div:after,
.gnb > ul:after {
	display:block;
	clear:both;
	content:"";	
}

.header > div > h1 { 
	text-align:center;
	width:100%;
	line-height:125px;
}

.header > div > h1 > a{
	max-width:228px;
	margin: 0 auto;
	display: block;
}
.header > div > h1 > a img {
	width: 228px;
	max-width: 100%;
	height: auto;
}
.gnb {
	float:right;	
}

.gnb > ul > li {
	float:left;
	position:relative;
}

.gnb > ul > li > a {
	display:block;
	padding:39px 24px;
	font-size:1.125em;
	font-weight:500;	
	color:#111;
}

.gnb > ul > li >a:hover {
	color:#7a000a;
}

.gnb > ul > li > ul {
	width:172px;
	position:absolute;
	top:86px;
	left:50%;
	margin-left:-86px;
	background:#042a5b;
	z-index:9;
	display:none;
}

.gnb > ul > li > ul > li a {
	font-size:15px;	
	display:block;
	width:100%;
	padding:10px 0;
	color:#fff;
	text-align:center;	
}

.gnb > ul > li > ul > li a:hover {
	background:#fff;
	color:#042a5b;
}

.mnav-bg {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	right:0;
	display:none;
}

.m-on {
	display:none;
	position:absolute;
	top:29px;
	right:10px;
	width:40px;
	cursor:pointer;
}

.m-on img {
	width:100%;
}

.mgnb {
	position:fixed;
	top:0;
	right:-500px;
	width:250px;
	height:100%;
	background:#fff;
	z-index:9999;
	overflow:auto;
	display:none;
}

.mgnb h2 {
	overflow:hidden;
	font-size:1.75em;
	background:#003e73;
	color:#fff;
	padding:20px 0 20px 20px;
}

#m-off {
	float:right;
	width:30px;
	padding-right:10px;
	cursor:pointer;	
}

#m-off img {
	width:100%;	
}

.mgnb ul li span{
	display:block;
	padding:15px 0 25px 20px;
	padding-bottom:10px;
	font-size:1.188em;	
	font-weight:500;
	cursor:pointer;
	box-sizing:border-box;
	border-bottom:1px solid #ebebeb;
}

.mgnb ul li:last-child span {
	border-bottom:none;	
}

.mgnb ul li ul {
	background:#f9f9f9;	
}

.mgnb ul li ul li a {
	display:block;
	padding:10px 0 10px 35px;
	font-size:1.0em;
	color:#444;
	box-sizing:border-box;
}

/* footer */

.footer {
	background:#464646;	
	padding:37px 0 62px 0;
}
.footer figure{float:left;width:33.33%;}
.footer p{
	color:#fff;	
	font-size:0.813em;
	line-height:1.153em;
	letter-spacing:-0.025em;
	font-weight:400;
	float:left;
	width:48%;
}
.footer p:first-child{
	width:22%;	
}
.footer p:first-child img{
	width:180px;
	max-width:100%;
	height:auto;
}
.footer p:nth-child(2){
	padding:7px 0;
}
.footer p:nth-child(3){
	text-align:right;	
	padding:7px 0;
	width:30%;
}

/* sub���̾ƿ� */
#container { 
	width:100%;
	max-width:1200px; 
	margin:0 auto;
	padding:101px 0 100px 0;
	overflow:hidden; 
}

#container > section {
	float:right;
	width:1000px;	
	padding-left:49px;
	box-sizing:border-box;
}

.snb {
	float:left;
	width:200px;	
}

.snb ul li {
	min-height:47px;
	padding-left:24px;
	border-bottom:1px solid #e1e1e1;
	border-top:none;
	box-sizing:border-box;
	line-height:47px;
}

.snb ul li.on,
.snb ul li:hover {
	background:#4074ba;
}

.snb ul li.on a,
.snb ul li:hover a {
	color:#fff !important;
	background:url('../img/snb-hover.png') no-repeat 148px center;
}

.snb ul li a {
	display:inline-block;
	width:100%;
	background:url('../img/snb-arrow.png') no-repeat 148px center;
	color:#373737;
	font-size:0.938em;
	font-weight:400;
}

.snb ul li:first-child {
	margin-bottom:11px;
	height:125px;
	background:url('../img/snb-bg.jpg') no-repeat center center;
	background-size:cover;
	line-height:125px;
	padding:0;
	color:#fff;
	font-size:1.438em;
	font-weight:600;
	border:none;
	text-align:center;
}

.snb ul li:first-child:hover {
	background:none;	
}

#container > section .hTitle { 
	overflow:hidden; 
	width:100%;
	height:91px;
	margin:0 auto 42px auto;
	border-bottom:1px solid #ebebeb;
}

#container > section .hTitle h2 { 
	float:left; 
	padding:36px 0 0 0;
	font-size:2.125em;
	font-weight:500; 
	color:#111; 
	line-height:20px;
}

#container > section .hTitle h2 .subTitle {
	color:#707070 !important;
	font-size:18px !important;	
}

#container > section .hTitle p {
	float:right; 
	padding-top:44px;
	color:#585858; 
	font-size:0.938em;
}

#container > section .hTitle p img {
	vertical-align:top;
	padding-top:4px;	
}

.path-arrow {
	padding:8px 5px 0 5px !important;	
}

.path-point {
	color:#042A4F;
}

/**/

.visual_slider{
	overflow:hidden;
	width:100%;
	max-height:783px;
		
}
.visual_slider li.slider{
	float: left;
	width: 100%;
	height: 783px;
	padding: 125px 0;
	background: url('../img/main_visual1.jpg') no-repeat center;
	background-size:cover;
}
.visual_slider li.slider.sec{
	background-image:url('../img/main_visual2.jpg');
}
.visual_slider li.slider.third{
	background-image:url('../img/main_visual3.jpg');
}
.visual_slider li.slider.four{
	background-image:url('../img/main_visual4.jpg');
}
.visual_slider .hero-inner{
	display:flex;
	align-items:flex-start;
	width:100%;
	height:100%;
}
.visual_slider .hero-left{
	justify-content:flex-start;
}
.visual_slider .hero-right{
	justify-content:flex-end;
}
.visual_slider li.slider .txt_box {
	width:100%;
	max-width:680px;
	height:440px;
	padding:81px 60px;
	text-align:left;
}
.visual_slider li.slider .txt_box p span{
	margin-left:13px;	
}
.visual_slider li.slider.sec .txt_box,
.visual_slider li.slider.four .txt_box{
	text-align:right;
}
.visual_slider li.slider.sec .txt_box h6,
.visual_slider li.slider.four .txt_box h6{
	text-align:right;
}
.visual_slider li.slider.sec .txt_box p.hero-desc,
.visual_slider li.slider.four .txt_box p.hero-desc{
	text-align:right;
}
.visual_slider li.slider.sec .txt_box p.more,
.visual_slider li.slider.four .txt_box p.more{
	float:right;
}
.txt_box p.more:hover{
	background:#fff;
	border:1px solid #01387f; 
}
.txt_box p.more a:hover{
	color:#01387f;
}
.slick-dots{
	position:absolute;
	bottom:42px;	
	width:112px;
	height:16px;
	left:50%;
	margin-left:-56px;
}
.slick-dots li{
	float:left;
	margin-left:16px;	
}
.slick-dots li.slick-active button{
	border:2px solid #003471;	
	background:#fff;
}
.slick-dots li:first-child{
	margin-left:0px;	
}
.slick-dots li button{
	text-indent:-9999em;
	width:16px;
	height:16px;
	border-radius:50%;
	background:#003471;
	border:none;
	outline:none;
}

.txt_box h6{
	text-align:left;
	font-size:2.813em;
	line-height:1.1818em;
	letter-spacing:-0.025em;
	color:#373737;
	font-weight:400;
	margin:0;
}
.txt_box h1{
	font-size:3.438em;
	line-height:1.1818em;
	letter-spacing:-0.025em;
	color:#01387f;
	font-weight:600;
	padding-bottom:22px;
	margin:0;
}
.txt_box p.hero-desc,
.txt_box p{
	font-size:1.250em;
	line-height:1.55em;
	letter-spacing:-0.025em;
	color:#373737;
	margin:0 0 58px;
}
.txt_box p.more{
	width:155px;
	height:44px;
	background:#01387f;
	text-align:center;
}
.txt_box p.more a{
	padding:10px 0;
	display:block;
	color:#fff;
	font-size:0.813em;
	letter-spacing:-0.025em;	
	
}
.sub h1.sub_tit{
	font-size:1.875em;
	line-height:1.166em;
	letter-spacing:-0.025em;
	color:#01387f;	
	text-align:center;
	padding:70px 0px;
	font-weight:500;
}
.sub ul{
	overflow:hidden;
	padding-bottom:100px;
}
.sub ul li{
	float:left;
	width:23.7%;	
	margin-left:20px;
	text-align:center;
	opacity:1;
}
.sub ul li a{
	display:block;	
}
.sub ul li:first-child{
	margin-left:0px;	
}
.sub ul li figure{
	margin:0;
	overflow:hidden;
}
.sub ul li figure img{
	width:100%;
	height:auto;
	display:block;
}
.sub ul li p{
	font-size:1.250em;
	line-height:1.75em;
	letter-spacing:-0.025em;
	color:#373737;
	padding:10px 0;
	font-weight:500;	
}