/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');
.tool-wrap {padding:50px 10px;}
.tool-wrap select {width:100%;}
.list_array {border-top:0px none;}
.plan .list_array .list_arrayRight img {width: 23px; height: auto;}

@charset "utf-8";
* { margin:0; padding:0; box-sizing:border-box; }

li { list-style:none; }
img { vertical-align:middle; }
a { font-family:font-family: Montserrat,"Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif;text-decoration:none;  }
.clear:after {content:""; display:block; clear:both; }
.inner { width:1024px; margin:0 auto; }


.visual { position:relative; }
.visual img { width:100%; }
.visual>div { position:absolute; width:1024px; left:50%; transform:translateX(-50%); top:30%; }

.visual h1 { font-family: 'Secular One', sans-serif;

font-size:10px;line-height:50px; font-weight:bold; }
.btn { display:inline-block; margin:40px 0; padding:16px 40px; background:#c1ac97; color:#fff; transition:all 0.6s; }
.btn:hover { background:#ce7e82; }

#box>div { margin:100px 0 auto; text-align:center; }
#box>div:after { content:""; display:block; clear:both; }
#box>div img { width:100%; }
#box>div img:hover { opacity:0.7; }
.s1, .s2 { float:left; width:48%; line-height:200%;  }
.s3 {float:left; width:48%; }
.s3 img {height:700px;}
.s1 { margin-right:4%; }
.s1 a {margin:-30px; color:#c1ac97;font-weight:bold;}
.s2 a {margin:-30px;color:#c1ac97;font-weight:bold;}
.s3 a {margin:-30px;color:#e89195;}
#box h2 { margin:20px auto; }
#box h3 { margin:20px auto 0; }
#section2 { padding:100px 0; }
#section2 h4 { }
#section2 a {color:#e89195;font-size:1rem;}
#section2  div { padding:30px; font-family:Georgia,serif; font-size:2.5rem; line-height:200%; }


#section4 { margin:0 auto; padding-top:100px;}
#section4 h1 {font-family:"Humanist521BT-Roman",Helvetica,Arial,sans-serif; font-size:2rem;   font-weight:bold; line-height:1.8;  }
#section4 p {padding:50px 0; color:#000;}





#quick p { display:none; }


.title {position: absolute; left:0; top:300px; width:100%; text-align:center; color:#fff; font-size:64px; font-weight:bold; text-shadow: 0 0 10px #000;}
#box {background: url(../images/bg_product.jpg) no-repeat-x center bottom; padding-top:100px;}
#box>div {width:1240px; margin:0 auto; padding-bottom: 100px; text-align: center;}
.contents1 p, .contents2 p {margin:10px auto 50px; font-size:16px; color:#999; }
.contents1 li {float:left; width:25%; }
.contents1 img:hover {opacity: 0.7;}















@media (max-width:1024px) {
	
	#box>div { width:100%; }
	#section2 { background-color:#eee;  }
	#section2 div { font-size:1.75rem; line-height:160%; }
	#box #section3 { background:none; text-align:center; }
    .visual div { width:80%; left:10%; transform:translateX(0); }
    .over h1 {color:#fff;}
    .over h4 {color:#fff;}
   
	
}

@media (max-width:680px) {

	.visual div { position:static; width:100%; left:0; text-align:center; padding-top:100px; } 
	 /* absolute유지한상태에서 top속성으로 위치수정가능  */
	.visual h1 { font-size:2rem; }
	.s1, .s2 { float:none; width:100%; margin-bottom:60px; }
	.s1 { margin-right:0; }
    .s3 { float:none; width:100%; margin-bottom:60px; }
   .over h1 {color:#000;}
   .over h4 {color:#000;}
}

/* BASIC css end */