@import url('font.css');


@media (min-width:1500px) {
	
.quick { position:fixed; top:215px; right:0; z-index:9;}
.quick ul li { margin:0; }

/* 헤더 */
#header_wrap { position:absolute; top:0; background:#; box-shadow:0 0 8px rgba(0,0,0,0.0); border-bottom:0px solid #dedede; width:100%; height:; z-index:9; }
#header_wrap .wrapper { position:relative; width:90%; min-width:1500px; margin:0 auto;}

#header_wrap .wrapper .logo { position:absolute; left:; top:45px; z-index:9;}
#header_wrap .wrapper .logo img { height:;}

#header_wrap .wrapper .tel { position:absolute; right:0; top:40px; display:flex; justify-content:space-between; }
#header_wrap .wrapper .tel img { margin:auto 0; width:20px; height:20px; }
#header_wrap .wrapper .tel span { margin:auto 0; padding:0 0 0 10px; font-size:1.2em; font-weight:600; color:#fff; line-height:1.2em; }


/* 푸터 */
#footer{ background:#222; background-size:cover; z-index:9;}
#footer .wrapper{ display:flex; justify-content:space-between; border-top:0px solid #686868; padding:40px 0; margin:0 auto; width:90%; max-width:1500px; }
#footer .footer_logo { display:flex; justify-content:center; flex-direction:column; flex-basis:; margin:0 50px 0 0; }
#footer .footer_logo img { height:;}
#footer .admin { display:flex; justify-content:center; flex-direction:column; margin:20px 0 0; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:14px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:flex; justify-content:center; flex-direction:column; margin-right:auto; border-left:0px solid #cdcdcd; padding-left:50px; font-size:0.8em !important; color:#bebebe; line-height:1.6em; letter-spacing:0;}
#footer .tel h1 { display:block; margin:10px 0; font-size:1.6em; line-height:1.2em; }
#footer .tel h1 a { color:#fff; }
#footer .tel h2 { font-size:1.0em; color:#fff; }
#footer .tel p { font-size:0.9em; color:#999; line-height:1.4em; }


.common_customer { background:url(../images/common_customer_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; }
.common_customer .content_wrap { display:flex; justify-content:space-between; padding:90px 0; margin:0 auto; width:90%; max-width:1500px; }
.common_customer .content_wrap .title { width:40%; }
.common_customer .content_wrap .title h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .title h2 { display:block; margin:10px 0; font-size:1.8em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .title h2 strong { color:#; }

.common_customer .content_wrap .info_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:55%; }
.common_customer .content_wrap .info_wrap .inquiry { display:flex; width:50%; }
.common_customer .content_wrap .info_wrap .inquiry .pic { margin:0 5% 0 0; }
.common_customer .content_wrap .info_wrap .inquiry .desc {  }
.common_customer .content_wrap .info_wrap .inquiry .desc h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .info_wrap .inquiry .desc h2 { display:block; margin:4px 0; font-size:1.8em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .inquiry .desc p { display:; margin:15px 0; color:#fff; }
.common_customer .content_wrap .info_wrap .inquiry .desc span a { display:inline-block; background:#223fa0; margin:30px 0 0; padding:6px 10px; font-size:0.9em; font-weight:600; color:#fff; text-align:center; }

.common_customer .content_wrap .info_wrap .tel { display:flex; width:50%; }
.common_customer .content_wrap .info_wrap .tel .pic { margin:0 5% 0 0; }
.common_customer .content_wrap .info_wrap .tel .desc {  }
.common_customer .content_wrap .info_wrap .tel .desc h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .info_wrap .tel .desc h2 { display:block; margin:4px 0; font-size:1.8em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .tel .desc h3 { display:block; margin:4px 0; font-size:2.0em; font-weight:800; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .tel .desc p { display:; margin:15px 0; color:#fff; }



}



@media (min-width:768px) and (max-width:1499px){
	
.quick { position:fixed; top:174px; right:0; z-index:9;}
.quick ul li { margin:0; }

	
/* 헤더 */
#header_wrap { position:absolute; top:0; background:#; box-shadow:0 0 8px rgba(0,0,0,0.0); border-bottom:0px solid #dedede; width:100%; height:; z-index:9; }
#header_wrap .wrapper { position:relative; width:90%; margin:0 auto; }

#header_wrap .wrapper .logo { position:absolute; left:; top:45px; z-index:9;}
#header_wrap .wrapper .logo img { height:; }

#header_wrap .wrapper .tel { position:absolute; right:0; top:40px; display:flex; justify-content:space-between; }
#header_wrap .wrapper .tel img { margin:auto 0; width:20px; height:20px; }
#header_wrap .wrapper .tel span { margin:auto 0; padding:0 0 0 10px; font-size:1.4em; font-weight:600; color:#fff; line-height:1.2em; }


/* 푸터 */
#footer{ background:#222; background-size:cover; z-index:9;}
#footer .wrapper{ display:flex; justify-content:space-between; border-top:0px solid #686868; padding:40px 0; margin:0 auto; width:90%; }
#footer .footer_logo { display:flex; justify-content:center; flex-direction:column; flex-basis:; margin:0 50px 0 0; }
#footer .footer_logo img { height:;}
#footer .admin { display:flex; justify-content:center; flex-direction:column; margin:20px 0 0; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:13px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:flex; justify-content:center; flex-direction:column; margin-right:auto; border-left:0px solid #cdcdcd; padding-left:50px; font-size:0.8em !important; color:#bebebe; line-height:1.6em; letter-spacing:0;}
#footer .tel h1 { display:block; margin:10px 0; font-size:1.6em; line-height:1.2em; }
#footer .tel h1 a { color:#fff; }
#footer .tel p { font-size:0.9em; color:#999; line-height:1.4em; }

	
.common_customer { background:url(../images/common_customer_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; }
.common_customer .content_wrap { display:flex; justify-content:space-between; padding:90px 0; margin:0 auto; width:90%; }
.common_customer .content_wrap .title { width:40%; }
.common_customer .content_wrap .title h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .title h2 { display:block; margin:10px 0; font-size:1.8em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .title h2 strong { color:#; }

.common_customer .content_wrap .info_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:55%; }
.common_customer .content_wrap .info_wrap .inquiry { display:flex; width:50%; }
.common_customer .content_wrap .info_wrap .inquiry .pic { margin:0 5% 0 0; }
.common_customer .content_wrap .info_wrap .inquiry .desc {  }
.common_customer .content_wrap .info_wrap .inquiry .desc h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .info_wrap .inquiry .desc h2 { display:block; margin:4px 0; font-size:1.8em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .inquiry .desc p { display:; margin:15px 0; color:#fff; }
.common_customer .content_wrap .info_wrap .inquiry .desc span a { display:inline-block; background:#223fa0; margin:30px 0 0; padding:6px 10px; font-size:0.9em; font-weight:600; color:#fff; text-align:center; }

.common_customer .content_wrap .info_wrap .tel { display:flex; width:50%; }
.common_customer .content_wrap .info_wrap .tel .pic { margin:0 5% 0 0; }
.common_customer .content_wrap .info_wrap .tel .desc {  }
.common_customer .content_wrap .info_wrap .tel .desc h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .info_wrap .tel .desc h2 { display:block; margin:4px 0; font-size:1.8em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .tel .desc h3 { display:block; margin:4px 0; font-size:2.0em; font-weight:800; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .tel .desc p { display:; margin:15px 0; color:#fff; }

	
}





@media (max-width:767px){
	
	
html { background:#fff;
  text-decoration:none; font-size:13px; font-weight:400; color:#444; letter-spacing:0; line-height:1.4em; word-break:keep-all;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

.quick { position:fixed; bottom:0; right:0; z-index:9;}
.quick ul li { margin:0; }
.quick img { width:70px; }

/* 헤더 */
#header_wrap { position:absolute; top:0; background:#; box-shadow:0 0 8px rgba(0,0,0,0.0); border-bottom:0px solid #dedede; width:100%; height:60px; z-index:9;}
#header_wrap .wrapper { position:relative; width:90%; margin:0 auto; }

#header_wrap .wrapper .logo { position:absolute; left:; top:26px; z-index:7;}
#header_wrap .wrapper .logo img { height:23px; }

#header_wrap .sns { display:none; }
#header_wrap .tel { display:none; }


/* 푸터 */
#footer{ background:#222; background-size:cover; z-index:9;}
#footer .wrapper{ border-top:0px solid #686868; padding:40px 0; margin:0 auto; width:85%; }
#footer .footer_logo { margin:0 auto; text-align:center; }
#footer .footer_logo img { height:25px; }
#footer .admin { display:none; justify-content:center; flex-direction:column; margin:0 0 7px;  }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:13px; font-weight:500; line-height:25px; }
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:block; margin:20px 0 0; border-left:0px solid #686868; padding-left:0; font-size:0.85em !important; color:#bebebe; line-height:1.6em; letter-spacing:0; text-align:center;}
#footer .tel { margin:20px 0 0; text-align:center; }
#footer .tel h1 { display:block; margin:6px 0; font-size:1.4em; line-height:1.4em; }
#footer .tel h1 a { color:#fff; }
#footer .tel h2 { font-size:1.0em; color:#fff; }
#footer .tel p { color:#999; }
	
	
	
.common_customer { background:url(../images/common_customer_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; }
.common_customer .content_wrap { padding:80px 0; margin:0 auto; width:80%; }
.common_customer .content_wrap .title { width:100%; }
.common_customer .content_wrap .title h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .title h2 { display:block; margin:10px 0; font-size:1.5em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .title h2 strong { color:#; }

.common_customer .content_wrap .info_wrap { margin:40px 0 0; width:100%; }
.common_customer .content_wrap .info_wrap .inquiry { display:flex; width:100%; }
.common_customer .content_wrap .info_wrap .inquiry .pic { margin:0 5% 0 0; }
.common_customer .content_wrap .info_wrap .inquiry .pic img { height:40px; }
.common_customer .content_wrap .info_wrap .inquiry .desc {  }
.common_customer .content_wrap .info_wrap .inquiry .desc h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .info_wrap .inquiry .desc h2 { display:block; margin:4px 0; font-size:1.5em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .inquiry .desc p { display:; margin:10px 0; color:#fff; }
.common_customer .content_wrap .info_wrap .inquiry .desc span a { display:inline-block; background:#223fa0; margin:10px 0 0; padding:6px 10px; font-size:0.9em; font-weight:600; color:#fff; text-align:center; }

.common_customer .content_wrap .info_wrap .tel { display:flex; width:100%; margin:40px 0 0; }
.common_customer .content_wrap .info_wrap .tel .pic { margin:0 5% 0 0; }
.common_customer .content_wrap .info_wrap .tel .pic img { height:40px; }
.common_customer .content_wrap .info_wrap .tel .desc {  }
.common_customer .content_wrap .info_wrap .tel .desc h1 { display:block; font-size:1.1em; font-weight:700; color:#fff; letter-spacing:0.5px; }
.common_customer .content_wrap .info_wrap .tel .desc h2 { display:block; margin:4px 0; font-size:1.5em; font-weight:300; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .tel .desc h3 { display:block; margin:4px 0; font-size:1.8em; font-weight:800; color:#fff; line-height:1.3em; letter-spacing:0; }
.common_customer .content_wrap .info_wrap .tel .desc p { display:; margin:15px 0; color:#fff; }	
	
}