@import url("common.css");

#visual{position:relative; width:100%; height:760px; overflow:hidden;}

	.jssorb05 {position: absolute; top:699px; left:50% !important; margin-left:-52px; z-index:999; width:auto !important; }
    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: relative !important;  width: 15px !important;  height: 15px; background: url('/img/vbtn.png') no-repeat; cursor:pointer; margin:0 5px 0 0; padding:0; float:left; left:0px !important; }
    .jssorb05 div {  }
    .jssorb05 .av:hover { background: url('/img/vbtn_up.png') no-repeat; width:34px !important; }
    .jssorb05 .av { background: url('/img/vbtn_up.png') no-repeat; width:34px !important;}
	.jssora12l, .jssora12r {display: block;	position: absolute;top:347px;width: 34px;height: 66px;cursor: pointer;overflow: hidden;left:50%;	z-index:900; text-indent:-9999999px;}
	.jssora12l { background: url('/img/v_arrow_prev.png') no-repeat; margin-left:-674px; z-index:900;}
	.jssora12r { background: url('/img/v_arrow_next.png') no-repeat; margin-left:640px; z-index:900;}

.vtxt{position:absolute; top:296px; text-align:center; z-index:50; width:1180px; left:50%; margin-left:-590px;  }
	.vtxt h3{font-family:'Raleway', sans-serif; font-weight:700; color:#fff; line-height:100%; font-size:68px; letter-spacing:5pt;}
	.vtxt h3 span{font-family:'Raleway', sans-serif; font-weight:200; color:#fff; line-height:100%; letter-spacing:5pt;}
	.vtxt span.line{display:block; width:938px; height:1px; background:rgba(255,255,255,0.2); position:relative; margin:0 auto; top:-10px; }
	.vtxt p{font-size:18px; font-family:'Raleway', sans-serif; line-height:28px; color:rgba(255,255,255,0.8); padding:38px 0 0 ;}


#contents{}
	h3.title{font-family:'Raleway', sans-serif; font-weight:700; color:#000; line-height:100%; text-transform:uppercase; text-align:center; font-size:38px; letter-spacing:3pt; padding:0 0 23px}
	p.title_sub{text-align:center; font-size:16px; font-family:'Raleway', sans-serif; color:#777777; line-height:26px;}

.prd_main{width:100%; background:url('/img/prd_bg.gif') no-repeat center top; padding:95px 0 80px; position:relative; }
.prd_main p{padding:0 0 51px;}
	.prd_in{width:1180px; margin:0 auto; }
	.slider {width:100%;}
	.slider dl{width:283px !important; margin:0 16px 0 0}
	.slider dt{border:1px solid #ddd; width:281px; height:281px; overflow:hidden; }
	.slider dt img{max-width:281px; }
	.slider dd{text-align:center; font-family:'Lato', NotoKR-Regular, sans-serif; font-size:19px; color:#333; padding:14px 0 0}
	.slider a:hover dt{border-color:#1772e5; }
	.slider a:hover dd{color:#1772e5; }
		.slick-slide {position:relative; margin: 0;}
		.slick-prev:before, .slick-next:before {color: black;}
		/* Arrows */
		.slick-prev,.slick-next{position: absolute; top:120px; display: block;width: 44px;height: 44px; padding: 0; cursor: pointer;    color: transparent;    border: none;    outline: none;    background: transparent;}
		.slick-prev{left:-89px; background:url('/img/prd_prev.gif') no-repeat left center; }
		.slick-next{right:-89px; background:url('/img/prd_next.gif') no-repeat right center;}
		.slick-slider{position: relative;display: block;box-sizing: border-box;
			-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
				touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
		.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
		.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
		.slick-initialized .slick-slide{display: block;}

.business_main{background:url('/img/business_bg.jpg') no-repeat center top; padding:95px 0 105px;}
	.business_main h3.title{color:#fff; }
	.business_main p.title_sub{color:#9dabbb; padding:0 0 55px}
	.business_main dl{width:1180px; margin:0 auto; overflow:hidden; clear:both; }
	.business_main dd{width:580px; height:320px; float:left; position:relative; }
		.business_main dd.bs_in01{background:url('/img/business_img01.jpg') no-repeat left top; margin:0 20px 0 0 }
		.business_main dd.bs_in02{background:url('/img/business_img02.jpg') no-repeat left top; }
	.business_main dd a{display:block; width:100%; height:100%; }
	.business_main dd span{display:block; width:100%; position:absolute; bottom:0; font-size:20px; color:#fff; font-weight:600; height:60px; line-height:60px; background:rgba(0,0,0,0.8); text-align:center; }


.notice_main{background:#f9f9f9; }
	.notice_main .notice_in{width:1180px; margin:0 auto; position:relative; padding: 95px 0 100px} 
	.notice_in .more{display:block; width:44px; height:44px; position:Absolute; top:100px; right:0; }
	.notice_in ul{overflow:hidden; clear:both; list-style:none; margin:34px 0 0}
	.notice_in li{float:left; width:380px; height:238px; background:#fff; border:1px solid #dedede; box-sizing:Border-box; position:relative; }
		.notice_in li:nth-child(2) {margin:0 17px 0}
	.notice_in li h5{font-size:18px; font-weight:100; color:#000; padding:35px 30px 17px}
	.notice_in li p{font-size:14px; line-height:24px; color:#777; padding:0 30px;}
	.notice_in li span{display:block; width:100%; background:url('/img/notice_icon_date.gif') no-repeat 29px center,url('/img/notice_icon_more.gif') no-repeat right 29px center, #fdfdfd; border-top:1px solid #f1f1f1; position:absolute; bottom:0; line-height:50px; font-size:13px; color:#777777; text-indent:53px; }


.quick_main{overflow:hidden; clear:both; width:1180px; margin:100px auto 88px; }
	.quick_main > div{float:left; }
		.quick_main h3{font-weight:500; text-align:left; font-size:25px; letter-spacing:3pt; padding:0 0 23px}
		.quick_main p{text-align:left; font-weight:400; }
	.quick_main ul{float:right; list-style:none; padding:10px 0 20px 0; }
		.quick_main li{width:150px; float:left; box-sizing:border-box; height:150px; border-right:1px solid #eeeeee;}
			.quick_main li.type1{background:url('/img/quick_icon01.gif') no-repeat center 25px; padding-top:25px;}
			.quick_main li.type2{background:url('/img/quick_icon02.gif') no-repeat center 10px;}
			.quick_main li.type3{background:url('/img/quick_icon03.gif') no-repeat center 15px; padding-top:10px;}
			.quick_main li.type4{background:url('/img/quick_icon04.gif') no-repeat center 20px; padding-top:10px;}
			.quick_main li.type5{background:url('/img/quick_icon05.gif') no-repeat center 30px; padding-top:20px;}
		.quick_main li a{display:block; font-family:'Lato', NotoKR-Regular, sans-serif; width:100%; height:100%; font-size:15px; color:#333333; text-align:Center; box-sizing:border-box; padding:83px 0 0}

.esti_main{background:#1772e5; width:100%; }
	.esti_main .esti_in{width:1180px; margin:0 auto; overflow:hidden; clear:both; padding:32px 0 28px}
	.esti_in > div{float:left; }
		.esti_in h3{font-size:20px; color:#fff; font-weight:600; padding:0 0 9px; font-family:'Raleway', sans-serif; letter-spacing:0.2pt;}
		.esti_in p{font-size:14px; font-family:'Raleway', sans-serif; line-height:22px; color:#d1e3fa;}
	.esti_in > dl{float:left; overflow:hidden; padding:16px 0 0 35px}
		.esti_in dt{float:left; line-height:53px; }
		.esti_in dd{float:left; line-height:53px; font-family:'Lato', NotoKR-Regular, sans-serif; font-size:20px; color:#fff; font-weight:900; padding:0 35px 0 18px; letter-spacing:1pt;}
			.esti_in dd:last-child{padding-right:0;}
		.esti_in dd a{line-height:53px; font-family:'Lato', NotoKR-Regular, sans-serif; font-size:20px; color:#fff; /*text-transform:uppercase;*/ letter-spacing:1pt;}
	.esti_in > a{float:right; display:block; width:171px; height:43px; line-height:43px; border:2px solid #fff; font-family:'Lato', NotoKR-Regular, sans-serif; font-size:13px; color:#fff; font-weight:700; text-indent:22px; background:url('/img/esti_more.gif') no-repeat right 20px center; margin:19px 0 0}