@media screen and (max-width: 1180px){
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
	}
	
	#main .visual .bg{
		width:100%;
	}
	
	#main .visual .bg img{
		width:130%;
		margin-left:-10%;
	}
	
	#main .visual .textCont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:32%;
	}
	
	#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;
	}
}


@media screen and (max-width: 980px){
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
	}
	
	#main .visual .bg{
		width:100%;
	}
	
	#main .visual .bg img{
		width:150%;
		margin-left:-25%;
	}
	
	#main .visual .textCont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:32%;
	}
	
	#main .visual .textCont .subtitle{
		text-align:Center;
		font-size:24px;
		color:#ede2d0;
		font-weight:900;
	}
	#main .visual .textCont .subtitle span{
		font-family:'montserrat'
	}
	
	#main .visual .textCont .title{
		text-align:Center;
		font-size:36px;
		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:180px;
		text-align:Center;
		padding:12px 0px;
		border:1px solid #fff;
		color:#fff;
		font-size:14px;
		margin-top:10px;
	}
}







@media screen and (max-width: 767px){
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
	}
	
	#main .visual .bg{
		width:100%;
	}
	
	#main .visual .bg img{
		width:160%;
		margin-left:-28%;
	}
	
	#main .visual .textCont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:37%;
	}
	
	#main .visual .textCont .subtitle{
		text-align:Center;
		font-size:20px;
		color:#ede2d0;
		font-weight:900;
	}
	#main .visual .textCont .subtitle span{
		font-family:'montserrat'
	}
	
	#main .visual .textCont .title{
		text-align:Center;
		font-size:30px;
		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%;
		display:none;
	}
	
	#main .visual .opCont dd{
		width:180px;
		text-align:Center;
		padding:12px 0px;
		border:1px solid #fff;
		color:#fff;
		font-size:14px;
		margin-top:10px;
	}
}






@media screen and (max-width: 500px){
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
	}
	
	#main .visual .bg{
		width:100%;
	}
	
	#main .visual .bg img{
		width:180%;
		margin-left:-45%;
	}
	
	#main .visual .textCont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:37%;
	}
	
	#main .visual .textCont .subtitle{
		text-align:Center;
		font-size:18px;
		color:#ede2d0;
		font-weight:900;
	}
	#main .visual .textCont .subtitle span{
		font-family:'montserrat'
	}
	
	#main .visual .textCont .title{
		text-align:Center;
		font-size:24px;
		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%;
		display:none;
	}
	
	#main .visual .opCont dd{
		width:180px;
		text-align:Center;
		padding:12px 0px;
		border:1px solid #fff;
		color:#fff;
		font-size:14px;
		margin-top:10px;
	}
}





@media screen and (max-width: 1180px){
	
	#main .shortcut{
		width:100%;
		padding:1.5em 3%;
		border-bottom:1px solid #e5e5e5;
		display:inline-block;
		box-sizing:border-box;
	}
	
	#main .shortcut .callcenter{
		width:35%;
		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:65%;
		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;
		
	}
	
}




@media screen and (max-width: 980px){
	
	#main .shortcut{
		width:100%;
		padding:1.5em 3%;
		border-bottom:1px solid #e5e5e5;
		display:inline-block;
		box-sizing:border-box;
	}
	
	#main .shortcut .callcenter{
		width:35%;
		display:inline-block;
		vertical-align:middle;
		float:left;
		margin-top:5px;
	}
	
	#main .shortcut .callcenter .circle{
		width:60px;
		line-height:60px;
		background:#222222;
		color:#fff;
		text-align:center;
		font-size:16px;
		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:16px;
		color:#222;
	}
	
	#main .shortcut .callcenter .textArea .callnumber{
		font-size:22px;
		color:#222;
		font-family:'roboto';
		margin-top:5px;
	}
	
	#main .shortcut .callcenter .textArea .callnumber span{
		font-weight:bold
	}
	
	
	#main .shortcut .shortcutList{
		width:65%;
		display:inline-block;
		border-left:1px solid #e5e5e5;
	}
	

	#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:40px;
		margin:0 auto;
		
	}
	
	#main .shortcut .shortcutList li .icon img{
		width:100%;
	}
	
	
	
	#main .shortcut .shortcutList li .text{
		font-size:14px;
		color:#222;
		text-align:Center;
		margin-top:10px;
		
	}
	
}





@media screen and (max-width: 767px){
	
	#main .shortcut{
		width:100%;
		padding:1.5em 3%;
		border-bottom:1px solid #e5e5e5;
		display:inline-block;
		box-sizing:border-box;
	}
	
	#main .shortcut .callcenter{
		width:100%;
		display:none;
		vertical-align:middle;
		clear:both;
		margin-top:0px;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:1.5em;
		border-right:0;
	}
	
	#main .shortcut .callcenter .circle{
		width:60px;
		line-height:60px;
		background:#222222;
		color:#fff;
		text-align:center;
		font-size:16px;
		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:16px;
		color:#222;
	}
	
	#main .shortcut .callcenter .textArea .callnumber{
		font-size:22px;
		color:#222;
		font-family:'roboto';
		margin-top:5px;
	}
	
	#main .shortcut .callcenter .textArea .callnumber span{
		font-weight:bold
	}
	
	
	#main .shortcut .shortcutList{
		width:100%;
		display:inline-block;
		border-left:0px solid #e5e5e5;
	}
	

	#main .shortcut .shortcutList li{
		width:24.3%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
	}
	
	#main .shortcut .shortcutList li:first-child{
		border-left:0px solid #e5e5e5;
	}
	
	#main .shortcut .shortcutList li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#main .shortcut .shortcutList li .icon{
		width:40px;
		margin:0 auto;
		
	}
	
	#main .shortcut .shortcutList li .icon img{
		width:100%;
	}
	
	
	
	#main .shortcut .shortcutList li .text{
		font-size:14px;
		color:#222;
		text-align:Center;
		margin-top:10px;
		
	}
	
}





@media screen and (max-width: 500px){
	
	#main .shortcut{
		width:100%;
		padding:1.5em 3%;
		border-bottom:1px solid #e5e5e5;
		display:inline-block;
		box-sizing:border-box;
	}
	
	#main .shortcut .callcenter{
		width:100%;
		display:none;
		vertical-align:middle;
		clear:both;
		margin-top:0px;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:1.5em;
		border-right:0;
	}
	
	#main .shortcut .callcenter .circle{
		width:60px;
		line-height:60px;
		background:#222222;
		color:#fff;
		text-align:center;
		font-size:16px;
		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:16px;
		color:#222;
	}
	
	#main .shortcut .callcenter .textArea .callnumber{
		font-size:22px;
		color:#222;
		font-family:'roboto';
		margin-top:5px;
	}
	
	#main .shortcut .callcenter .textArea .callnumber span{
		font-weight:bold
	}
	
	
	#main .shortcut .shortcutList{
		width:100%;
		display:inline-block;
		border-left:0px solid #e5e5e5;
	}
	

	#main .shortcut .shortcutList li{
		width:24.2%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
	}
	
	#main .shortcut .shortcutList li:first-child{
		border-left:0px solid #e5e5e5;
	}
	
	#main .shortcut .shortcutList li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#main .shortcut .shortcutList li .icon{
		width:35px;
		margin:0 auto;
		
	}
	
	#main .shortcut .shortcutList li .icon img{
		width:100%;
	}
	
	
	
	#main .shortcut .shortcutList li .text{
		font-size:14px;
		color:#222;
		text-align:Center;
		margin-top:10px;
		
	}
	
}



@media screen and (max-width: 1180px){
	
	
	#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:440px;
	}
	
	
	#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:22px;
		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 10px;
	}
	
		
	
	#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:15px;
		margin-top:20px;
		color:#fff;
		text-align:Center;
		letter-spacing:-0.7px;
	}
	
	#main .infoArea .direction .mapArea{
		width:100%;
		height:140px;
	}
	

	
	#main .infoArea .timeBox{
		background:#f3ebe5;
		padding:80px 10px;
	}
	
	#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:15px;
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
	
	#main .infoArea .timeBox .timeList .time{
		width:58%;
		font-size:15px;
		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 10px;
	}
	
	#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:none;
		text-align:right;
		float:right;
	}
	
	
	#main .infoArea .notice .noticeList li a{
		color:#777;
	}
	
}





@media screen and (max-width: 980px){
	
	
	#main .infoArea{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:80px;
		text-align:center;
	}
	
	
	
	#main .infoArea dd{
		width:48.5%;
		display:inline-block;
		vertical-align:top;
		margin-left:2%;
		min-height:400px;
		box-sizing:border-box;
		margin-top:2em
	}
	
	#main .infoArea dd:nth-child(2){
		margin-left:0%;
	}
	
	
	#main .infoArea dd:first-child{
		margin-left:0px;
		width:100%;
		margin-top:0em
	}
	
	
	#main .infoArea dd .enName{
		font-size:16px;
		color:#766962;
		text-align:center;
		font-family:'roboto';
	}
	
	#main .infoArea dd .subject{
		font-size:22px;
		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:4em 0.5em;
		box-sizing:border-box;
	}
	
		
	
	#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:15px;
		margin-top:20px;
		color:#fff;
		text-align:Center;
		letter-spacing:-0.7px;
	}
	
	#main .infoArea .direction .mapArea{
		width:100%;
		height:160px;
	}
	

	
	#main .infoArea .timeBox{
		background:#f3ebe5;
		padding:4em 1em;
		box-sizing:border-box;
	}
	
	#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:15px;
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
	
	#main .infoArea .timeBox .timeList .time{
		width:58%;
		font-size:15px;
		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:4em 1em;
		box-sizing:border-box;
	}
	
	#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:none;
		text-align:right;
		float:right;
	}
	
	
	#main .infoArea .notice .noticeList li a{
		color:#777;
	}
	
}



@media screen and (max-width: 767px){
	
	
	#main .infoArea{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:80px;
		text-align:center;
	}
	
	
	
	#main .infoArea dd{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		min-height:auto;
		box-sizing:border-box;
		margin-top:2em
	}
	
	#main .infoArea dd:nth-child(2){
		margin-left:0%;
	}
	
	
	#main .infoArea dd:first-child{
		margin-left:0px;
		width:100%;
		margin-top:0em
	}
	
	
	#main .infoArea dd .enName{
		font-size:16px;
		color:#766962;
		text-align:center;
		font-family:'roboto';
	}
	
	#main .infoArea dd .subject{
		font-size:22px;
		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:4em 0.5em;
		box-sizing:border-box;
	}
	
		
	
	#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:15px;
		margin-top:20px;
		color:#fff;
		text-align:Center;
		letter-spacing:-0.7px;
	}
	
	#main .infoArea .direction .mapArea{
		width:100%;
		height:160px;
	}
	

	
	#main .infoArea .timeBox{
		background:#f3ebe5;
		padding:4em 1em;
		box-sizing:border-box;
	}
	
	#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:15px;
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
	
	#main .infoArea .timeBox .timeList .time{
		width:58%;
		font-size:15px;
		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:4em 1em;
		box-sizing:border-box;
	}
	
	#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;
	}
	
}





@media screen and (max-width: 500px){
	
	
	#main .infoArea{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:80px;
		text-align:center;
	}
	
	
	
	#main .infoArea dd{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		min-height:auto;
		box-sizing:border-box;
		margin-top:2em
	}
	
	#main .infoArea dd:nth-child(2){
		margin-left:0%;
	}
	
	
	#main .infoArea dd:first-child{
		margin-left:0px;
		width:100%;
		margin-top:0em
	}
	
	
	#main .infoArea dd .enName{
		font-size:14px;
		color:#766962;
		text-align:center;
		font-family:'roboto';
	}
	
	#main .infoArea dd .subject{
		font-size:18px;
		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:4em 0.5em;
		box-sizing:border-box;
	}
	
		
	
	#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:13px;
		margin-top:20px;
		color:#fff;
		text-align:Center;
		letter-spacing:-0.7px;
	}
	
	#main .infoArea .direction .mapArea{
		width:100%;
		height:160px;
	}
	

	
	#main .infoArea .timeBox{
		background:#f3ebe5;
		padding:4em 1em;
		box-sizing:border-box;
	}
	
	#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:15px;
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
	
	#main .infoArea .timeBox .timeList .time{
		width:58%;
		font-size:13px;
		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:13px;
		color:#d30000
	}
	


	
	
	#main .infoArea .notice{
		background:#f7f7f7;
		padding:4em 1em;
		box-sizing:border-box;
	}
	
	#main .infoArea .notice .noticeList{
		width:100%;
		margin-top:20px;
	}
	
	#main .infoArea .notice .noticeList li{
		width:100%;
		margin-top:7px;
		font-size:13px;
		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;
	}
	
}
















@media screen and (max-width: 1180px){
	
	
	#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:25%;
		display:inline-block;
		float:left;
		border-right:1px solid #fff;
		padding:80px 0px;
	}
	
	#main .service .serviceList li:nth-child(1),
	#main .service .serviceList li:nth-child(2),
	#main .service .serviceList li:nth-child(3),
	#main .service .serviceList li:nth-child(4){
		
		border-bottom:1px solid #fff;
	}
	
	#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;
	}
	
	
}








@media screen and (max-width: 980px){
	
	
	#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:25%;
		display:inline-block;
		float:left;
		border-right:1px solid #fff;
		padding:80px 0px;
	}
	
	#main .service .serviceList li:nth-child(1),
	#main .service .serviceList li:nth-child(2),
	#main .service .serviceList li:nth-child(3),
	#main .service .serviceList li:nth-child(4){
		
		border-bottom:1px solid #fff;
	}
	
	#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:18px;
		color:#2e1a07;
		text-align:center;
		margin-top:20px;
		font-family:'roboto'
	}
	
	#main .service .serviceList li .krsubject{
		font-size:15px;
		color:#917752;
		text-align:center;
	}
	
	
}






@media screen and (max-width: 767px){
	
	
	#main .service{
		width:100%;
	}
	
	#main .service .title{
		width:100%;
		padding:80px 0px 50px 0px;
		text-align:Center;
		font-size:30px;
		font-family:'roboto';
	}
	
	#main .service .serviceList{
		width:100%;
		background:#ede2d0;
		display:inline-block;
	}
	
	
	#main .service .serviceList li{
		width:25%;
		display:inline-block;
		float:left;
		border-right:1px solid #fff;
		padding:4em 0px;
	}
	
	#main .service .serviceList li:nth-child(1),
	#main .service .serviceList li:nth-child(2),
	#main .service .serviceList li:nth-child(3),
	#main .service .serviceList li:nth-child(4){
		
		border-bottom:1px solid #fff;
	}
	
	#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:16px;
		color:#2e1a07;
		text-align:center;
		margin-top:20px;
		font-family:'roboto'
	}
	
	#main .service .serviceList li .krsubject{
		font-size:14px;
		color:#917752;
		text-align:center;
	}
	
	
}





@media screen and (max-width: 500px){
	
	
	#main .service{
		width:100%;
	}
	
	#main .service .title{
		width:100%;
		padding:80px 0px 50px 0px;
		text-align:Center;
		font-size:30px;
		font-family:'roboto';
	}
	
	#main .service .serviceList{
		width:100%;
		background:#ede2d0;
		display:inline-block;
	}
	
	
	#main .service .serviceList li{
		width:25%;
		display:inline-block;
		float:left;
		border-right:1px solid #fff;
		padding:4em 0px;
	}
	
	#main .service .serviceList li:nth-child(1),
	#main .service .serviceList li:nth-child(2),
	#main .service .serviceList li:nth-child(3),
	#main .service .serviceList li:nth-child(4){
		
		border-bottom:1px solid #fff;
	}
	
	#main .service .serviceList li .icon{
		width:40px;
		margin:0 auto;
	}
	#main .service .serviceList li .icon img{
		width:100%;
	}
	
	#main .service .serviceList li .ensubject{
		font-size:15px;
		color:#2e1a07;
		text-align:center;
		margin-top:20px;
		font-family:'roboto'
	}
	
	#main .service .serviceList li .krsubject{
		font-size:13px;
		color:#917752;
		text-align:center;
		letter-spacing:-1px;
	}
	
	
}