@charset "utf-8";
/* CSS Document */

/* ul.mq1 */
div#quick_nav{width:960px;height:10px;margin:0 auto; position:relative;}	
div#quick_nav .quick_nav{position:absolute; top:-420px; right:0 ;width:299px; height:350px;  z-index:1000 }

#quick_nav .quick_nav ul.mq1 {margin:0 0 0 0; max-width:299px;}
#quick_nav .quick_nav ul.mq1 .mq1_1 {background:rgba(255, 255, 255, 0.9); text-align:center;}
#quick_nav .quick_nav ul.mq1 .mq1_1 ul {padding:10px 0 0 0; margin:0;  position:relative;}
#quick_nav .quick_nav ul.mq1 .mq1_1 ul li {padding:0.5em 0 0 0;}
#quick_nav .quick_nav ul.mq1 .mq1_1 ul li img{width:1.2em; height:1.2em; position:absolute; top:0.8em; right:0.8em; }
#quick_nav .quick_nav ul.mq1 .mq1_1 ul li #dropdown {width:76px; height:30px; font-size:14px;}
#quick_nav .quick_nav ul.mq1 .mq1_1 ul li #p_number {width:75px; height:28px; border:1px solid #ccc; line-height:0; font-size:14px; text-align:center;}
#quick_nav .quick_nav ul.mq1 .mq1_1 ul li #coun_submit {width:256px; height:35px; background:#1d62b6; border-radius:0; color:#fff;border:1px solid #1d62b6; border-radius:15px;}
#quick_nav .quick_nav ul.mq1 .mq1_1 ul li #coun_submit:hover { background:#fff; color:#d72929; border:1px solid #d72929;}

/* ul.mq2 */
#quick_nav .quick_nav ul.mq2 {display:block; max-width:299px; background-color:rgba(255, 255, 255, 0.9); }
#quick_nav .quick_nav ul.mq2 li {padding:15px 0; vertical-align:middle; border-bottom:1px solid #d8d8d8; margin:0 20px; position:relative;}
#quick_nav .quick_nav ul.mq2 li:last-child {border-bottom:none;}
#quick_nav .quick_nav ul.mq2 li a {color:#000; padding:0 20px 0 60px;}
#quick_nav .quick_nav ul.mq2 li a:hover {color:#d72929;}
#quick_nav .quick_nav ul.mq2 li img {position:absolute; left:0; top:0;  height:46px;}
#quick_nav .quick_nav ul.mq2 li span {position:absolute; right:8px; top:18px;}
#quick_nav .quick_nav ul.mq2 li.mq3_01 {width:100px; float:right;}
#quick_nav .quick_nav ul.mq2 li.mq3_01 a { padding:0 20px 0 0;}

/* ul.mq3 */
#quick_nav .quick_nav ul.mq3 {margin:6px 0 0 0; display:block; max-width:299px; background-color:rgba(255, 255, 255, 0.9); position:relative; }
#quick_nav .quick_nav ul.mq3 li #mq3_submit{width:299px;padding:2px 0; float:left; text-align:center; border:1px solid #1d62b6; font-size:12px; background:#fff;  border-radius:0; font-size:16px; font-weight:normal; color:#1d62b6; font-weight:400;}
#quick_nav .quick_nav ul.mq3 li .submit_left{margin:0 0 0 6px;}
#quick_nav .quick_nav ul.mq3 li span {position:absolute; right:25px; top:14px; font-size:13px; color:#1d62b6;}
#quick_nav .quick_nav ul.mq3 li{height:41px;}
#quick_nav .quick_nav ul.mq3 li:hover span{color:#d72929;}
#quick_nav .quick_nav ul.mq3 li:hover #mq3_submit{color:#d72929;}

/* 메인 리뷰 */
#main-wrapper .container .notice {width:47%; float:left; padding:0 3% 0 0;}
#main-wrapper .container .review {width:47%; float:right; padding:0 0 0 3%;}
#main-wrapper .container h2 {border-bottom:0.05em solid #666; padding:0 0 0.5em 0;}
#main-wrapper .container h2 span {display:inline-block; float:right;}
#main-wrapper .container ul li {padding:0.8em 0; border-bottom:1px solid #e8e8e8; vertical-align:bottom; }
#main-wrapper .container ul li span {display:inline-block; float:right;}

/* 제품소개 */		
#features-wrapper .container {text-align:center;}
#features-wrapper .container h2 {padding:1.2em 0 0 0;}
/* .box.feature .inner {margin-top:0.5em; background:#fff; position:relative;  overflow:hidden;}
.box.feature .inner .product_btn {text-align:center; background:#fff; margin:0 auto 1em auto;}
.box.feature .inner .product_btn .p_btn { border-radius:1.5em; background:#fff; border:0.02em solid #bbb; color:#000b4b; margin:7px 0 0 0; padding: 7px 15px; }
.box.feature .inner .product_btn .p_btn:hover {background:#ff8d2b; border:0.02em solid #ff8d2b;} */

/* 상담문의 */
#banner-wrapper .coun_banner h2{margin:0;}
#banner-wrapper .coun_con01 {width:38%; display:inline-block;}
#banner-wrapper .coun_con02 {width:62%; padding:0; display:inline-block;}
#banner-wrapper .coun_con02 .coun_pnt .coun_pnt01{width:25.8%; display:inline-block;}
#banner-wrapper .coun_con02 .coun_pnt .coun_pnt02{width:72%; display:inline-block;}
#banner-wrapper .coun_con02 .coun_pnt .coun_pnt01 #dropdown {width:100%; height:48px; padding:0 5%;}
#banner-wrapper .coun_con02 .coun_pnt .coun_pnt02 input.tel{width:100%; height:48px; padding:0 0 0 2%;}

#banner-wrapper .coun_con02 .coun_pnt03 #coun_submit { padding:0.25em 8.67em; border-radius:0; margin:0.25em 0 0 0; width:100%; border:0.02em solid #fff; background:#1d62b6;}
#banner-wrapper .coun_con02 .coun_pnt03 #coun_submit:hover {background:#fff; color:#ff8d2b;}

#banner-wrapper .coun_con02 .coun_pnt04 p {display:inline-block; margin:0.5em 0 0 0;}
#banner-wrapper .coun_con02 .coun_pnt04 p.agree_plus {display:inline-block; float:right; text-decoration:underline;}

/* 하단아이콘 */	
#features-wrapper .con_title p {margin:10px 0 0 0;}
#features-wrapper .con_title {padding:3em 0 2em 0;}

/* #features-wrapper .con_icon {border:0.02em solid #e8e8e8; margin:4.5em auto 1em auto; padding:1em 2em;}
#features-wrapper .con_icon .box{margin:0;}
#features-wrapper .con_icon h2 {padding:1.4em 0 0.5em 0;}
#features-wrapper .con_icon p {padding:0.6em 0 2em 0;}
#features-wrapper .con_icon .col-4 .box{border-bottom:0.02em solid #e8e8e8;}
#features-wrapper .con_icon .col-4 .bor0{border-bottom:none;} */

/* Box */
.box {margin:1.6em auto 0 auto;}
.box.feature {padding: 0;}
.box.feature .image {position: relative; margin: 0;}
.box.feature .image img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

/* 이미지 */
.image {display: inline-block;outline: 0;}
.image img {display: block;width: 100%;border-radius: 8px; max-height: 20em;}
.image.fit {display: block;width: 100%;}
.image.featured {display: block;width: 100%;margin: 0 0 2.5em 0;}
.image.left {float: left;margin: 0 2em 2em 0;}
.image.centered {display: block;margin: 0 0 2.5em 0;}
.image.centered img {margin: 0 auto;width: auto;}

/* 버튼 */
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background: #0090c5;
		color: #fff;
		text-decoration: none;
		border-radius: 6px;
		font-weight: 800;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1.35em;
	}

/* Banner */
#banner {position: relative; padding: 6em 1em 6.2em 1em;}
#banner h2 {font-size: 3.5em; margin: 0.1em 0 0.35em 0;}
#banner p {font-size: 2.75em; line-height: 1.35em; margin: 0;}
#banner .button {width: 100%; margin-bottom: 0.5em;}
#banner .button.icon:before {position: absolute; right: 0.15em; top: 50%; margin-top: -0.5em;}
#banner .button.alt {margin-bottom: 0;}
#banner ul {list-style: none; padding-left: 0;}
#banner ul li {padding-left: 0;}

/* Row */
.row {display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch;}
.row > * {box-sizing: border-box;}
.row > .col-4 {width: 25%;}
.row > .off-4 {margin-left: 33.3333333333%;}
.row > .col-5 {width: 41.6666666667%; padding: 0 0 0 5em; position:relative;}
.row > .off-5 {margin-left: 41.6666666667%;}
.row > .col-7 {width: 58.3333333333%;}
.row > .off-7 {margin-left: 58.3333333333%;}
.row {margin-top: 0px;margin-left: -40px;}
.row > * {padding: 0 0 0 40px;}

@media screen and (max-width: 1680px) {
	.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
	.row > * {box-sizing: border-box;}
	.row > .col-4-xlarge {width: 33.3333333333%;}
	.row > .off-4-xlarge {margin-left: 33.3333333333%;}
	.row > .col-5-xlarge {width: 41.6666666667%;}
	.row > .off-5-xlarge {margin-left: 41.6666666667%;}
	.row > .col-7-xlarge {width: 58.3333333333%;}
	.row > .off-7-xlarge {margin-left: 58.3333333333%;}
	.row {margin-top: 0px;margin-left: -40px;}
	.row > * {padding: 0 0 0 40px;}
}

@media screen and (max-width: 1280px) {
	#banner {padding:6em 1em 6.2em 1em;}
	.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
	.row > * {box-sizing: border-box;}
	.row > .col-4-large {width: 33.3333333333%;}
	.row > .off-4-large {margin-left: 33.3333333333%;}
	.row > .col-5-large {width: 41.6666666667%;}
	.row > .off-5-large {margin-left: 41.6666666667%;}
	.row > .col-7-large {width: 58.3333333333%;}
	.row > .off-7-large {margin-left: 58.3333333333%;}
	.row { margin-top:0; margin-left:-25px;}
	.row > * {padding: 0px 0 0 25px;}
}

@media screen and (max-width: 980px) {

	/* 메인배너 */
	#banner-wrapper .row > .col-7 {width: 100%;}
	#banner-wrapper > .main_slide01{height:448px;}
	#banner-wrapper .m_0 {display:none;}
	
	/* 제품소개 */
	#features-wrapper .container h2 {padding:1.5em 0 1em 0;}
	#features-wrapper .col-12-medium {width:25%;} 
	.box.feature .inner .product_btn .p_btn { padding: 0.6em 1.5em; }
	
	/* 상담문의 */
	#banner-wrapper .row {margin-top:0;}
	#banner-wrapper .row > .coun_con01 {width: 30%; text-align:left;}
	#banner-wrapper .row > .coun_con02 {width: 70%; text-align:left;}
	#banner-wrapper .row .coun_con02 #coun_submit{padding:0;}
	#banner-wrapper .row > .coun_con02 #agree_bnt{padding:0;}
	
	/* 하단 아이콘 */
	#features-wrapper .con_title p {margin:-20px 0 0 0;}
	#features-wrapper .con_icon {padding:0; margin:2em auto 0 auto; border:0;}
	#features-wrapper .con_icon .col-12-medium {width:33.333%;}
	#features-wrapper .con_icon .col-12-medium .sbor0{border-bottom:0.02em solid #e8e8e8;}
	
	/* Row */
	.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
	.row > * {box-sizing: border-box;}
	.row > .col-4-medium {width: 33.3333333333%;}
	.row > .off-4-medium {margin-left: 33.3333333333%;}
	.row > .col-5-medium {width: 41.6666666667%;}
	.row > .off-5-medium {margin-left: 41.6666666667%;}
	.row > .col-7-medium {width: 58.3333333333%;}
	.row > .off-7-medium {margin-left: 58.3333333333%;}
	.row {margin-top: -25px;margin-left: -25px;}
	.row > * {padding: 00px 0 0 25px;}	
	
	
	/* Section/Article */
	section {clear: both; margin-bottom: 3em !important; margin-bottom: 0 !important;}

	/* Image */
	.image.left {width: 25%; margin-bottom: 2em !important;}

	/* Button */
	input[type="button"], input[type="submit"], input[type="reset"], button, .button {
	text-align: center;font-size: 1.35em;}
	input[type="button"].icon, input[type="submit"].icon, input[type="reset"].icon, button.icon, .button.icon { padding-right: 0.75em !important;}
	input[type="button"].icon:before, input[type="submit"].icon:before, input[type="reset"].icon:before, button.icon:before, .button.icon:before {
	margin-right: 0.5em; top: 0.05em;}
	
	/* Banner */
	#banner {text-align: center;}
	#banner ul {margin: 2em 0 0 0;}
	#banner .button.icon:before {position: relative;right: auto;top: auto;}
	
	/* Content */
	#content {border-bottom: solid 1px #e8e8e8; padding-bottom: 4em; margin-bottom: 0 !important;}
	#content > :last-child {margin-bottom: 0 !important;}
	#sidebar > :last-child {margin-bottom: 0 !important;}
	
	/* Features*/
	#features-wrapper .container h2 {padding:1em 0 0.8em 0;}
}
@media screen and (max-width: 736px) {
	
	/*메인배너*/
	#banner {padding:3em 0 0 0;}
	#banner .row h2 {padding:0; }
	#banner .row .col-7 {width:90%; margin:0 auto;}
	
	/* 메인리뷰 */
	#main-wrapper {height:auto;}
	#main-wrapper .container .notice {width:100%;}
	#main-wrapper .container .review {width:100%; margin:1em 0 0 0;}
	
	/* 제품소개 */
	#features-wrapper .col-12-medium {width:50%;}
	#features-wrapper .row > * {padding: 0 0 0 25px;}
	.box.feature .inner .product_btn .p_btn { padding:7px 15px; margin:1em auto;}
	
	/* 상품문의 */
	#banner-wrapper .coun_banner{width:90%; margin:0 auto; padding: 40px 15px;}
	#banner-wrapper .row > .coun_con01 {width:100%;}
	#banner-wrapper .row > .coun_con02 .coun_pnt {text-align:center; width:98.555%; }
	#banner-wrapper .coun_con02 .coun_pnt .coun_pnt02 input.tel {font-size:14px;}
	#banner-wrapper .row > .coun_con02 {width:100%; padding: 0 15px 0 25px;}
	#banner-wrapper .coun_con02 .coun_pnt03 #coun_submit {padding:0;}
	#banner-wrapper .coun_con02 .coun_pnt04 p.agree_plus{float:left;}
	
	/* 하단 아이콘 */
	#features-wrapper .con_title p {margin:-10px 0 0 0;}
	#features-wrapper .con_icon {margin:1em auto 0 auto; border:0; overflow:hidden;}
	#features-wrapper .con_icon img{max-width:99%; margin:0 auto;}
	#features-wrapper .con_icon h3 {height:32px; line-height:1.2em;}
	#features-wrapper .con_icon p {height:70px; padding:0.6em 0 0.5em 0;}
	#features-wrapper .con_icon .col-12-medium {width:50%;}
	#features-wrapper .con_icon .col-12-medium .sbor0{border-bottom:0.02em solid #e8e8e8;}
	#features-wrapper .con_icon .col-12-medium .product_ptn {height:8em;}
	
	/* Row */
	.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
	.row > * {box-sizing: border-box;}
	.row > .col-4-small {width: 33.3333333333%;}
	.row > .off-4-small {margin-left: 33.3333333333%;}
	.row > .col-5-small {width: 41.6666666667%;}
	.row > .off-5-small {margin-left: 41.6666666667%;}
	.row > .col-7-small {width: 58.3333333333%;}
	.row > .off-7-small {margin-left: 58.3333333333%;}
}