@import url('https://fonts.googleapis.com/css?family=Radley&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:400,700&display=swap');

#k_font{font-family: 'Noto Serif KR', serif;}
#e_font{font-family: 'Radley', serif;}

#visual{width:94%; height:600px; margin:0 auto;}
	.v_0{background:#fff url("../img/main_v3.jpg") no-repeat center; width:94%; height:600px;}
	.v_1{background:#fff url("../img/main_v1.jpg") no-repeat center; width:94%; height:600px;}
	.v_2{background:#fff url("../img/main_v2.jpg") no-repeat center; width:94%; height:600px;}
	.v_3{background:#fff url("../img/main_v4.jpg") no-repeat center; width:94%; height:600px;}

	.vT_text{margin:215px auto 0;}
	.vT_text img {padding-left: 35%; width:550px;}
	.v_hr {width: 1095px; height: 2px; background-color: rgba(244,242,226,0.5); border:0; position: absolute; top:325px; margin-left:27%;}

#container{width:100%; height: auto; display: table;}

.sec1 {text-align: center; padding:70px 0; clear: both;}
.sec1 .area {display: inline-block;}
.sec1 h1 {font-size: 40px; color: #111; letter-spacing: -0.7px; padding-bottom: 5px;}
.sec1 h5 {font-size: 15px; color: #333; font-weight: lighter; padding-bottom:35px;}

.area ul{
	overflow: hidden;
}

.area li{
	width: 25%;
	float: left;
}

.intro_box{
	padding: 20px 0;
}

.intro_title{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin: 8px 0 5px;
}

.intro_sub{
	font-size: 14px;
	color: #fff;
	font-weight: 300;

}

.v01{
	background: url("../img/m_icon_bg01.jpg") no-repeat center;
	width:100%;
	height:223px;
}

.v02{
	background: url("../img/m_icon_bg02.jpg") no-repeat center;
	width:100%;
	height:223px;
}

.v03{
	background: url("../img/m_icon_bg03.jpg") no-repeat center;
	width:100%;
	height:223px;
}

.v04{
	background: url("../img/m_icon_bg04.jpg") no-repeat center;
	width:100%;
	height:223px;
}


/* .m_box1 {background: url("../img/m_box1.jpg") no-repeat center; width:384px; height: 300px; float: left;}
.m_box2 {background: url("../img/m_box2.jpg") no-repeat center; width:384px; height: 300px; float: left; margin:0 24px;}
.m_box3 {background: url("../img/m_box3.jpg") no-repeat center; width:384px; height: 300px; float: left;} */
.main_btn {
	border:1px solid #fff;
	background: none;
	color: #fff;
	width: 120px;
	height: 34px;
	line-height: 33px;
	cursor:pointer;
	margin-top: 20px;
	font-size: 12px;
}
.main_btn:hover {
	background: #fff;
	color: #333;
	transition-duration: 0.3s;
}

.sec2 {background: url("../img/main_midbg.jpg") no-repeat center #374439; width:100%; height: 300px; padding:75px 0; margin-bottom: 70px;}
.sec2 h1 {font-size: 36px; color: #fff; letter-spacing: -2px; padding-bottom: 20px; font-weight: normal;}
.sec2 h1 b {color: #fff;}
.sec2 h5 {font-size: 16px; color: #a0ab96; font-weight: lighter; padding-bottom:40px; line-height: 28px; letter-spacing: -1px;}
.main_btn2 {border:1px solid #fff; background: none; color: #fff; width: 155px; height: 40px; line-height: 36px; cursor:pointer;}
.main_btn2:hover {background: #fff; color: #333; transition-duration: 0.3s;}
.sec2_left {float: left; width: 640px;}
.sec2_right {float: left;}

.sec3 {background: url("../img/main_notbg.jpg") no-repeat center #a77b63; width:100%; height: 300px; text-align: center;}
.sec3 h1 {font-size: 34px; color: #fff; letter-spacing: -2px; padding-bottom: 20px; font-weight: normal; padding-top:80px;}
.sec3 h1 b {color: #fff;}
.m_hr {background: #eee; width: 250px; height: 4px; border: none; margin:0 auto;}
.m_hr2 {background: #eee; width: 600px; height: 2px; border:none; margin:0 auto 40px;}