#main{
	width:100%;
}

#main .visual{
	width:100%;
	position:relative;
}

#main .visual .bg{
	width:100%;
}

#main .visual .bg img{
	width:100%;
}

#main .visual .textCont{
	width:94%;
	position:absolute;
	left:50%;
	margin-left:-47%;
	top:35%;
}

#main .visual .textCont .subtitle{
	text-align:Center;
	font-size:30px;
	color:#ede2d0;
	font-weight:900;
}
#main .visual .textCont .subtitle span{
	font-family:'montserrat'
}

#main .visual .textCont .title{
	text-align:Center;
	font-size:40px;
	color:#fff;
	font-weight:300;
	letter-spacing:-3px;
}

#main .visual .textCont .title span{
	font-weight:bold
}


#main .visual .opCont{
	width:94%;
	position:absolute;
	left:50%;
	margin-left:-47%;
	bottom:3%;
}

#main .visual .opCont dd{
	width:270px;
	text-align:Center;
	padding:12px 0px;
	border:1px solid #fff;
	color:#fff;
	font-size:16px;
	margin-top:10px;
}


#main .shortcut{
	width:100%;
	padding:30px 3%;
	border-bottom:1px solid #e5e5e5;
	display:inline-block;
	box-sizing:border-box;
}

#main .shortcut .callcenter{
	width:25%;
	display:inline-block;
	vertical-align:middle;
	border-right:1px solid #e5e5e5;
	float:left;
}

#main .shortcut .callcenter .circle{
	width:80px;
	line-height:80px;
	background:#222222;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-family:roboto;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	display:inline-block;
}

#main .shortcut .callcenter .textArea{
	width:60%;
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
	box-sizing:border-box;
}


#main .shortcut .callcenter .textArea .subject{
	font-size:18px;
	color:#222;
}

#main .shortcut .callcenter .textArea .callnumber{
	font-size:26px;
	color:#222;
	font-family:'roboto';
	margin-top:5px;
}

#main .shortcut .callcenter .textArea .callnumber span{
	font-weight:bold
}


#main .shortcut .shortcutList{
	width:75%;
	display:inline-block;
}


#main .shortcut .shortcutList li{
	width:24.5%;
	display:inline-block;
	border-right:1px solid #e5e5e5;
}

#main .shortcut .shortcutList li:last-child{
	border-right:0px solid #e5e5e5;
}

#main .shortcut .shortcutList li .icon{
	width:44px;
	margin:0 auto;
	
}

#main .shortcut .shortcutList li .icon img{
	width:100%;
}



#main .shortcut .shortcutList li .text{
	font-size:16px;
	color:#222;
	text-align:Center;
	margin-top:10px;
	
}


#main .infoArea{
	width:100%;
	padding:0px 3%;
	box-sizing:border-box;
	margin-top:80px;
	text-align:center;
}



#main .infoArea dd{
	width:31.5%;
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
	min-height:458px;
}


#main .infoArea dd:first-child{
	margin-left:0px;
}


#main .infoArea dd .enName{
	font-size:16px;
	color:#766962;
	text-align:center;
	font-family:'roboto';
}

#main .infoArea dd .subject{
	font-size:26px;
	color:#222;
	text-align:center;
	margin-top:5px;
}

#main .infoArea dd .line{
	width:30px;
	height:2px;
	margin:20px auto 0;
	background:#222;
}


#main .infoArea .direction .textArea{
	width:100%;
	background:#655852;
	padding:80px 30px;
}



#main .infoArea .direction .textArea .enName,
#main .infoArea .direction .textArea .subject{
	color:#fff;
}

#main .infoArea .direction .textArea .line{
	background:#fff;
}

#main .infoArea .direction .textArea .add{
	font-size:16px;
	margin-top:20px;
	color:#fff;
	text-align:Center;
}

#main .infoArea .direction .mapArea{
	width:100%;
	height:140px;
}



#main .infoArea .timeBox{
	background:#f3ebe5;
	padding:80px 30px;
}

#main .infoArea .timeBox .timeList{
	width:100%;
	margin-top:20px;
}

#main .infoArea .timeBox .timeList li{
	width:100%;
	margin-top:7px;
}

#main .infoArea .timeBox .timeList .day{
	width:40%;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#main .infoArea .timeBox .timeList .time{
	width:59%;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	font-family:'roboto','noto sans kr';
	text-align:right;
}



#main .infoArea .timeBox .off{
	text-align:left;
	margin-top:20px;
	font-size:14px;
	color:#d30000
}





#main .infoArea .notice{
	background:#f7f7f7;
	padding:80px 30px;
}

#main .infoArea .notice .noticeList{
	width:100%;
	margin-top:20px;
}

#main .infoArea .notice .noticeList li{
	width:100%;
	margin-top:7px;
	font-size:15px;
	text-align:left;
	display:inline-block;
	color:#777;
}

#main .infoArea .notice .noticeList li span{
	display:inline-block;
	text-align:right;
	float:right;
}


#main .infoArea .notice .noticeList li a{
	color:#777;
}


#main .service{
	width:100%;
}

#main .service .title{
	width:100%;
	padding:80px 0px 50px 0px;
	text-align:Center;
	font-size:36px;
	font-family:'roboto';
}

#main .service .serviceList{
	width:100%;
	background:#ede2d0;
	display:inline-block;
}


#main .service .serviceList li{
	width:12.5%;
	display:inline-block;
	float:left;
	border-right:1px solid #fff;
	padding:80px 0px;
}

#main .service .serviceList li .icon{
	width:50px;
	margin:0 auto;
}
#main .service .serviceList li .icon img{
	width:100%;
}

#main .service .serviceList li .ensubject{
	font-size:20px;
	color:#2e1a07;
	text-align:center;
	margin-top:20px;
	font-family:'roboto'
}

#main .service .serviceList li .krsubject{
	font-size:16px;
	color:#917752;
	text-align:center;
}





































