<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*layout*/
body{background-image:none !important}
#container{max-width:1280px;padding-top:0;border:0}
#quick{display:None;}
header{border-right:0}
#gnb div{left:200px}
footer{max-width:1280px;border-color:#f0f2f7}

/*main*/
#contents.main{
	max-width:1280px;
	padding-right:625px;
	background:#f0f2f7
}
#contents.main h2{
	padding:30px 0 15px;
	font-family:'Noto Sans KR';font-size:22px;letter-spacing:-1px;font-weight:500
}
#contents.main h3{
	padding:15px 0 10px;
	font-family:'Noto Sans KR';font-size:17px;letter-spacing:-1px;font-weight:500;color:#1a8500
}
#contents.main h2 b{color:#1a8500;font-weight:500}

.slick-dots{position:absolute;font-size:0}
.slick-dots li{display:inline-block;margin-right:8px}
.slick-dots button{
	display:inline-block;width:13px;height:13px;
	background:#c1c2c3;border-radius:50%;
	vertical-align:top;font-size:0
}
.slick-dots li.slick-active button{background:#4caf35}
.slick-dots button.btn_pause{border:0;border-radius:0;background:url(../img/main/visual_stop.png) no-repeat center;}
.slick-dots button.btn_play{border:0;border-radius:0;background:url(../img/main/visual_play.png) no-repeat center;display:none}

a.more{
	position:absolute;top:15px;right:15px;
	display:block;width:15px;height:15px;
	background:url(../img/main/btn_more.png) no-repeat center;
	font-size:0
}

#visual_list {position:relative;}
#visual_list .slick-slide {width:100%;height:905px;background-repeat:no-repeat;}
#visual_list .slick-slide img{display:none}
#visual_list .slick-dots{top:40px;left:40px}
/* 190124 수정 */
#visual_list .slick-slide .visual_link {display:block;position:absolute;lefT:0;top:0;width:100%;height:100%;z-index:2;}
/* 190124 수정 끝 */

#now{
	position:absolute;top:0;right:250px;
	width:375px;height:100%;
	box-sizing:border-box;
	padding:0 20px
}
#now .gallery_list .slick-slide,
#now .gallery_list .slick-slide a{
	position:relative;
	display:block;width:100%;height:210px;
	box-sizing:border-box;
	padding:25px;
	background-repeat:no-repeat;background-size:cover;
	text-align:center;
}
#now .gallery_list .slick-slide::before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.3;}
#now .gallery_list .slick-slide dt{
	font-size:15px;color:#fff;font-weight:500;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#now .gallery_list .slick-slide dt:after{
	content:'';
	display:block;width:20px;height:2px;
	margin:12px auto;
	background:#4caf35;
}
#now .gallery_list .slick-slide dd{
	font-size:18px;color:#fff;font-weight:500;letter-spacing:-1px;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#now .gallery_list .slick-slide dd time{font-weight:normal;font-size:15px;}

#now .gallery_list .slick-slide.no_data{
	padding-top:130px;
	background:#d3d5dd url(../img/main/no_data.png) no-repeat center 65px;
	text-align:center;font-size:15px;color:#666
}
#now .gallery_list .slick-dots{top:-35px;right:0}
#now .gallery_list_wrap{position:relative;}
#now .gallery_list_wrap .more{top:0;right:0;width:30px;height:30px;background-color:rgba(53,53,65,0.8);background-image:url(../img/main/btn_more2.png)}
/* 190118 수정 */
#now .news{
	position:relative;min-height:240px;
	margin:15px 0;padding:0 20px 10px;
	background:#fff;
}
/* 190118 수정 끝 */

#now .news li{position:relative;padding-right:80px}
#now .news li a{
	display:inline-block;max-width:100%;
	margin-bottom:4px;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	font-size:15px;letter-spacing:-1px
}
#now .news li time{
	position:absolute;right:0;top:0;
	font-size:14px;color:#666;letter-spacing:-1px
}
#now .news li:nth-child(6) ~ li{display:none}

/* 190211 수정 */
#now .news li.typeNoArticle .no_article {
    padding: 120px 0 30px;
    background-position:50% 35px;
	background-size:70px 70px;
	font-size:16px;
}
/* 190211 수정 끝 */

#now .bn{
	margin-bottom:15px;
	background-repeat:no-repeat;background-position:center right
}
#now .bn dl{height:145px;box-sizing:border-box;padding:15px 160px 0 20px;}
#now .bn dl dt{
	font-family:'Noto Sans KR';font-size:17px;letter-spacing:-1px;font-weight:500;color:#000
}
#now .bn dl dt:after{
	content:'';
	display:block;width:20px;height:2px;
	margin:10px 0;
	background:#fff
}
#now .bn dl dd{margin-bottom:10px;font-size:15px;color:rgba(0,0,0,0.8);letter-spacing:-1px;}
#now .bn dl dd a{
	display:inline-block;min-width:70px;height:30px;line-height:30px;
	box-sizing:border-box;
	padding:0 15px;margin-right:5px;
	background:#477bd1;
	text-align:center;font-size:15px;color:#fff;letter-spacing:-1px
}
#now .bn1{background-color:#a2d1ff}
#now .bn2{background-color:#d3d9dc}
#now .bn2 dl{padding-top:20px}
#now .bn2 dl dt:after{background:#ff8932}
#now .bn2 dl dd{
	max-height:48px;line-height:1.6em;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	word-break:keep-all
}

#service{
	position:absolute;top:0;right:0;
	width:250px;height:100%;
	box-sizing:border-box;
	padding:0 20px;
	background:#fff
}
#service .quick ul{font-size:0;}
#service .quick ul li{display:inline-block;width:50%;padding-bottom:30px;vertical-align:top}
#service .quick ul li a{
	display:block;
	/* 190125 수정 */text-align:center;font-family:'Noto Sans KR';font-size:15px;letter-spacing:-1px;font-weight:400;color:#000
}
#service .quick ul li a img{display:block;margin:0 auto 8px}

#service .bn3 a{
	display:block;height:70px;
	box-sizing:border-box;
	padding:15px;margin-bottom:1px;
	background-position:center right;background-repeat:no-repeat;
	font-size:14px;color:#fff;letter-spacing:-1px;
}
#service .bn3 a span{display:block;}

#service .quick_link{margin-top:10px}
#service .quick_link ul a{
	position:relative;
	display:block;
	padding:14px 40px;
	border-top:1px solid #dddfe5;
	background-repeat:no-repeat;background-position:10px center;
	/* 190125 수정 */font-size:14px;letter-spacing:-1px;font-weight:400
}
#service .quick_link ul a:after{
	content:'';
	position:absolute;top:0;right:0;
	display:block;width:25px;height:100%;
	background:url(../img/main/quick_arrow.png) no-repeat center;
}

@media screen and (max-width:1250px){
	#contents.main{padding:0}
	#visual_list{padding-right:375px}
	#now{right:0}
	#service{position:relative;width:100%;padding:0}
	#service .quick ul{display:table;table-layout:fixed;width:100%;margin-top:20px;}
	#service .quick ul li{display:table-cell;width:auto}
	#service .bn3 ul,
	#service .quick_link ul{display:table;table-layout:fixed;width:100%;}
	#service .bn3 li,
	#service .quick_link ul li{display:table-cell;width:auto}
	#service .bn3 li+li{border-left:1px solid #fff}

}

@media screen and (max-width:1041px){
	#container{padding-top:90px}
	#contents.main{background:#fff;}
	#contents.main h2{display:none}
	#visual_list{padding-right:335px}
	#visual_list .slick-slide{height:500px;background-size:100% auto}
	#now{position:initial;width:100%;right:0;padding:0;font-size:0}
	#now .gallery_list_wrap{position:absolute;top:0;right:0;width:335px;height:210px;}
	#now .gallery_list .slick-dots{top:auto;bottom:15px;right:0;width:100%;text-align:center}
	#now .news{position:absolute;top:211px;right:0;width:335px;box-sizing:border-box;margin:0}
	#now .news li:nth-child(6) ~ li{display:block}
	#now .bn{display:inline-block;margin:0;vertical-align:top}
	#now .bn1{width:calc(100% - 335px)}
	#now .bn2{width:335px}
	#service .quick ul{margin-top:30px}
	#service .quick_link h3{text-align:center}
	#service .quick_link ul a{padding:20px 40px}
	.quick_link ul li+li{border-left:1px solid #dddfe5}
}

@media screen and (max-width:760px){
	#container{padding-top:55px}
	#contents.main{background:#f0f2f7}
	#contents.main h2{display:block;padding:20px 0;text-align:center}
	#visual_list{padding:0}
	#visual_list .slick-slide{height:auto}
	#visual_list .slick-slide img{display:block;}
	#visual_list .slick-dots{top:25px;left:20px}
	#now{padding:0 20px}
	#now .gallery_list_wrap,
	#now .news{position:relative;width:100%;top:0}
	#now .news{margin:10px 0}
	#now .news li:nth-child(6) ~ li{display:none}
	#now .bn{display:block;width:100% !important;margin-bottom:10px;background-size:auto 70%}
	#now .bn dl{height:120px;padding:15px 150px 0 20px}
	#now .bn dl dt:after{display:none}
	#now .bn dl dd a{min-width:50px;}
	#now .bn1{}
	#now .bn2 dt{padding-bottom:10px}
	#service {padding:0 20px 20px}
	#service .quick ul, #service .bn3 ul, #service .quick_link ul{display:block;margin:0}
	#service .quick ul li{display:inline-block;width:33.33%}
	#service .quick ul li img{max-width:60%}
	#service .bn3 li, #service .quick_link ul li{display:block;width:100%}
	#service .bn3 li+li,
	.quick_link ul li+li{border:0}
	#service .bn3 a{height:auto;background-size:auto 120%;font-weight:400;font-size:15px}
	#service .bn3 a span{display:inline-block;font-weight:500;font-size:15px}
	#service .quick_link h3{padding:10px 0 20px;font-size:18px}
	#service .quick_link li a{padding:15px 40px;font-weight:500;font-size:15px}
}

@media screen and (max-width:360px){
	#now .bn{background-size:auto 50%}
	#now .bn dl{height:120px;padding:15px 100px 0 20px}
}
</pre></body></html>