@import url("common.css");

#visual{position: relative; width: 100%; height: 655px; clear: both; z-index:9999}
	#visual .vtxt {position:relative; width:1170px; margin:0 auto; height:655px}
	#visual .visual_in {position: absolute; top:190px; left:15px; z-index: 999; box-sizing:border-box; box-sizing:border-box;}
	#visual .visual_in2 {position: absolute; top:270px; left:15px; z-index: 999; box-sizing:border-box; box-sizing:border-box;}

	#visual .vtxt p.v_tit {display:block; position:relative; width:auto; font-family:'GmarketSansBold', sans-serif; font-weight:700; color:#fff; line-height:70px; font-size:60px; letter-spacing:-3.5pt; margin:10px 0 15px 0; z-index: 1;}
	#visual .vtxt p.v_tit:before{display:block; content:""; position:absolute; width:100%; border-bottom: 12px solid #463cbf; bottom:13px; z-index:-1;}

	#visual .vtxt span.v_stit {display:block; font-weight:400; color:rgba(255,255,255,0.8); line-height:120%; font-size:22px; letter-spacing:-0.7px;}
	#visual .vtxt p.v_price {font-weight:700; font-size:40px; line-height:120%; position:relative; color:#fff; padding-top:20px; font-family:'Montserrat', sans-serif;}
	#visual .vtxt p.v_price span {font-weight:200; font-size:25px; line-height:inherit; color:rgba(255,255,255,0.4); text-decoration:line-through; display:inline-block; vertical-align:top}
	#visual .vtxt p.v_price i {font-style:normal; font-weight:200; font-size:25px; line-height:inherit; display:inline-block; vertical-align:top}
	#visual .vtxt p.sale_price {background:url('/img/saleBg.png') center no-repeat; width:91px; height:91px; text-align:Center; color:#fff; font-size:17px; line-height:20px; font-weight:800; position:relative; padding-top:26px; box-sizing:border-box; position:absolute; top:-20px; left:300px}
	#visual .vtxt p.sale_price span {line-height:inherit; font-weight:800; letter-spacing:2pt; display:block;}

	#visual .slick-slider {position: relative; display: block;}
	#visual .slick-list {position: relative; display: block; overflow: hidden;}
	#visual .slick-slide {display: none; float: left;  min-height: 1px;}
	#visual .slick-initialized .slick-slide{display: block;}
	#visual .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
	#visual .slick-slider .slick-track, #visual .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	
	#visual .visual .slick-slide > div {}
	#visual .visual .section {float:left; width:100%; height:655px; background-position:center; background-repeat:no-repeat}
	#visual .visual_img01 {background-image:url('/html/images/main/main_visual01.jpg')}
	#visual .visual_img02 {background-image:url('/html/images/main/main_visual02.jpg')}
	#visual .visual_img03 {background-image:url('/html/images/main/main_visual03.jpg')}




	/* visual : btn */
	#visual .slick-dots {position:absolute; z-index:999; bottom:0; width:100%; padding:0 !important; text-align:center; background:rgba(0,0,0,0.8)}
	#visual .slick-dots li {display:inline-block; transition: all 0.3s ease-out;}
	#visual .slick-dots li:last-child {margin-right:0}
	#visual .slick-dots li a {display:block; text-align:center; width:390px; height:74px; line-height:74px; color:#fff; border:0; padding:0; margin:0; font-family:'GmarketSansMedium', sans-serif; font-size:19px; letter-spacing:-0.5px; cursor:pointer; vertical-align:top; transition: all 0.3s ease-out;}
	#visual .slick-dots li.slick-active a {background: #374abe;}
	#visual .slick-dots li:hover {transition: all 0.3s ease-out;}

	#visual .slick-dots li a i {display:inline-block; vertical-align:middle; margin-right:26px; background:url('/html/images/main/vis_icon01.png') center no-repeat; width:44px; height:44px;}
	#visual .slick-dots li:nth-child(2) a i {background-image:url('/html/images/main/vis_icon02.png'); width:44px; height:44px;}
	#visual .slick-dots li:nth-child(3) a i {background-image:url('/html/images/main/vis_icon03.png'); width:44px; height:44px;}


#contents {position:relative; overflow:hidden;}

.m_tit {line-height:120%; font-family:'GmarketSansBold', sans-serif; font-weight:700; font-size:25px; letter-spacing:-2px; color:#333; margin-bottom:20px; position:Relative;}
.m_tit span.color1 {line-height:120%; font-family:'GmarketSansBold', sans-serif; font-weight:700; color:#431a88; letter-spacing:-2px;}
.m_tit span.color2 {line-height:120%; font-family:'GmarketSansBold', sans-serif; font-weight:700; color:#146bb4; letter-spacing:-2px;}


/* center contents */
.gray_zone {position:relative; background:#f3f3f3; padding:80px 0; box-sizing:border-box;}
.gray_in {position:relative; width:1170px; margin:0 auto; overflow:hidden;}
.gray_in .recBox {position:relative; overflow:hidden;}

	/* 온라인견적문의 */
	.online {position:Relative; overflow:hidden; background:#fff; padding:45px 40px; box-sizing:border-box; width:760px; height:320px; float:left;}
	.online .m_tit {padding-left:10px}
	.online .moreBtn {width:20px; height:20px; background:url('/html/images/main/moreBtn.png') center no-repeat; position:absolute; top:4px; right:5px; z-index:20}

	.online dl.tit_line {width:680px; height:50px; border-top:2px solid #666; border-bottom:1px solid #c0c0c0;}
	.online dl dt {display:inline-block; width:132px; font-size:16px; color:#222; line-height:50px; letter-spacing:-0.5px; text-align:center; font-weight:500;}

	.online_in {position:relative; padding:12px 0;}
	.online_in .slick-slide {display:block; box-sizing:border-box; width:320px;}
	.online_in li {width:100%; height:30px;}

	.online_in dl {width:760px; height:30px;}
	.online_in dl.tit_line {width:760px; height:50px; border-top:2px solid #666; border-bottom:1px solid #c0c0c0;}
	.online_in dl dt {display:inline-block; width:133px; font-size:16px; color:#222; line-height:50px; letter-spacing:-0.5px; text-align:center; font-weight:500;}
	.online_in dl dd {display:inline-block; width:133px; font-size:16px; color:#666; line-height:30px; letter-spacing:-0.5px; text-align:center; box-sizing:border-box;}
	.online_in dl dd.service_name {width:133px; font-size:16px; color:#222; font-weight:500;}
	.online_in dl dd span.btn01 {font-size:14px; letter-spacing:-0.5px; color:#fff; line-height:20px; background:#db6016; padding:0 15px 2px; box-sizing:border-box; border-radius:22px;}
	.online_in dl dd span.btn02 {font-size:14px; letter-spacing:-0.5px; color:#fff; line-height:20px; background:#2b2b2b; padding:0 15px 2px; box-sizing:border-box; border-radius:22px;}

	/* Arrows */
	.online_in .slick-prev:before, .online_in .slick-next:before {color: black;}
	.online_in .slick-prev, .online_in .slick-next {position: absolute;  top:3px; right:34px; margin:0 0 0; display: block;width:8px; height:11px; padding: 0; cursor: pointer;    color: transparent;    border: none;    outline: none;   background: transparent; z-index:10; transition: all 0.3s ease-out;  background:url('/img/r_next.png') center center/100% no-repeat; }
	.online_in .slick-prev {transform:rotate(180deg);right:53px}
	.online_in .slick-next {}
	.online_in .slick-prev:hover, .online_in .slick-next:hover {}
	/* // Arrows */




	/* banner */
	.bannerBox {position:relative; overflow:hidden; box-sizing:border-box; width:410px; float:right; margin-bottom:40px}
	.bannerBox > div {padding:40px; box-sizing:border-box; height:160px}
	.bannerBox > div p {color:#fff; font-family:'Montserrat', sans-serif; line-height:25px; font-size:25px; letter-spacing:0.8pt; font-weight:300; z-index:10; position:relative;}
	.bannerBox > div p.num_txt {color:#fff; font-family:'Montserrat', sans-serif; line-height:35px; font-size:35px; letter-spacing:0.8pt; font-weight:800; z-index:10; position:relative;}
	.bannerBox > div p.num_txt1 {color:#fff; font-family:'Montserrat', sans-serif; line-height:25px; font-size:25px; letter-spacing:0.8pt; font-weight:300; z-index:10; position:relative;}
	.bannerBox > div p.num_txt2 {color:#fff; font-family:'Montserrat', sans-serif; line-height:25px; font-size:22px; letter-spacing:0.8pt; font-weight:200; z-index:10; position:relative;}
	.bannerBox > div p.ko_txt {color:#fff; font-family: 'Noto Sans KR', sans-serif; line-height:20px; font-size:16px; letter-spacing:0.8pt; font-weight:400; z-index:10; position:relative; letter-spacing:-0.5px; padding-top:5px;}
	.bannerBox .m_tit {color:#fff; margin-bottom:5px; z-index:10}

	.bannerBox .tel {background:#146bb4 url('/html/images/main/tel_bg.jpg') center center no-repeat; padding:50px 40px 30px !important;}

	.bannerBox .bank {background:#146bb4 url('/html/images/main/bank_bg.jpg') right bottom no-repeat;}





	/* notice */
	.notice {position:relative; overflow:hidden; clear:both; border-bottom:1px solid #d8d8d8;}
	.notice .m_tit {padding-left:50px;}
	.notice_in {position:absolute; top:0px; left:220px}
	.notice_in li {position:relative; float:left; width:475px; line-height:100%;}
	.notice_in li a {display:block; color:#333; letter-spacing:-0.4pt; line-height:100%; position:relative; font-weight:500}
	.notice_in li span {position:absolute; top:-2px; right:70px; font-family:'Montserrat', sans-serif; font-weight:400; font-size:14px; display:inline-block; letter-spacing:inherit; color:#999;}




/* package */
.package {position:relative; overflow:hidden; width:1190px; margin:0 auto;}
	.package_in {padding:80px 0; box-sizing:border-box; border-bottom:1px solid #ddd;}
	.package_in:last-child {border:none}
	.package_in .m_tit {font-size:34px; font-weight:700; padding:0 10px; margin-bottom:28px}
	.package_in .m_tit > a {position:absolute; top:0; right:15px; width:40px;}
	.package_in .package_list {}
	.package_in .package_list dl {}
	.package_in .package_list dl a {display:block; transition: all 0.3s ease-out;}
	.package_in .package_list dt {border:1px solid #dfdfdf; border-bottom:none; width:267px; height:219px; position:relative; overflow:hidden; margin:0 auto; transition: all 0.3s ease-out;}
	.package_in .package_list dt img {background-repeat:no-repeat; background-position:center; background-size:contain; transition: all 0.3s ease-out;}
	.package_in .package_list dd {margin:0 0 0 15px; width:267px; border:1px solid #dfdfdf; border-top:none; height:50px; position:relative; text-align:center; transition: all 0.3s ease-out; box-sizing:border-box;}
	.package_in .package_list dd h6 {line-height:50px; letter-spacing:-0.25pt; font-size:16px; font-weight:400; color:#333; position:relative; transition: all 0.3s ease-out; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
	.package_in .package_list dd p {position:relative; margin-top:8px; font-size:20px; font-weight:700; display:block; color:#333; transition: all 0.3s ease-out; position:relative; line-height:120%; }
	.package_in .package_list dd span {display:inline-block; vertical-align:top; font-size:13px; font-weight:400; text-decoration:line-through; color:#888; line-height:inherit; transition: all 0.3s ease-out;}
	.package_in .package_list dd i {font-style:normal; display:inline-block; vertical-align:top; font-size:15px; font-weight:400; color:#666; line-height:inherit; transition: all 0.3s ease-out;}

	.package_in .package_list dl a:hover {transition: all 0.3s ease-out;}
	.package_in .package_list dl a:hover dt {transition: all 0.3s ease-out;}
	.package_in .package_list dl a:hover dt img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); transition: all 0.3s ease-out;}
	.package_in .package_list dl a:hover dd {color:#330c94; transition: all 0.3s ease-out;}
	.package_in .package_list dl a:hover dd h6, .package_in .package_list dl a:hover dd p, .package_in .package_list dl a:hover dd span, .package_in .package_list dl a:hover dd i {color:#146bb4; transition: all 0.3s ease-out;}

	/* Arrows */
	.package_in .slick-prev:before, .package_in .slick-next:before {color: black;}
	.package_in .slick-prev {position: absolute;  top:-69px; right:94px; margin:0 0 0; display: block;width:39px; height:40px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index:10; transition: all 0.3s ease-out;  background:url('/html/images/main/btn_prev.png') center center/100% no-repeat; }
	.package_in .slick-next {position: absolute;  top:-69px; right:55px; margin:0 0 0; display: block;width:39px; height:40px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index:10; transition: all 0.3s ease-out;  background:url('/html/images/main/btn_next.png') center center/100% no-repeat; }
	.package_in .slick-prev:hover, .package_in .slick-next:hover {}
	/* // Arrows */