
@import url('font.css');

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

/* 헤더 */
header {
    width: 100%;
    height:0;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color:;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}
	
#header { width: 100%;
    height: 90px;
    z-index: 10;
    top: ;
    position:;
    background-color:;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}	
#header.active {
    background:rgba(255,255,255,1.0);
}
#header.active a {
    color:#222;
}
   
.header_wrap { position:; top:0; background:; box-shadow:0 0 8px rgba(0,0,0,0.0); border-bottom:0px solid #dedede; width:100%; z-index:9; }
.header_wrap > .wrapper { position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; }
.header_wrap > .wrapper > .logo { position:absolute; padding:32px 0 25px 5%; z-index:9; }
.header_wrap > .wrapper > .logo img { height:;}



/* 푸터 */
#footer{ background:url(../images/footer_bg.jpg) center no-repeat; background-size:cover; padding:80px 0; }
#footer .wrapper { margin:0 auto; width:90%; max-width:1600px; }
#footer .wrapper .title {}
#footer .wrapper .title h2 { display:block; font-size:2.8em; color:#fff; line-height:1.5em; }
#footer .wrapper .title h3 { margin:10px 0 30px; font-size:1.3em; color:#fff; line-height:1.5em; }
#footer .wrapper .title ul { display:flex; }
#footer .wrapper .title ul li { margin:0 8px 0 0; }
#footer .wrapper .title ul li a { border-radius:5px; border:1px solid #a4a4a4; background:#898989; padding:7px 15px; color:#fff; text-align:center; }
#footer .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px 0 0; }
#footer .wrapper .content_wrap .left {}
#footer .wrapper .content_wrap .footer_logo {  }
#footer .wrapper .content_wrap .footer_logo img { }
#footer .wrapper .content_wrap .admin { display:flex; justify-content:center; flex-direction:column; margin:30px 0 20px; }
#footer .wrapper .content_wrap .admin li { display:inline-block; padding:0 10px 0 0; font-size:1.0em; font-weight:500; line-height:25px;}
#footer .wrapper .content_wrap .admin li:last-child { padding:0;}
#footer .wrapper .content_wrap .admin li a { color:#fff; line-height:25px;}
#footer .wrapper .content_wrap .address { font-size:0.9em !important; color:#fff; line-height:1.5em; letter-spacing:0;}
#footer .wrapper .content_wrap .right { display:flex; margin-top:auto; color:#fff; }
#footer .wrapper .content_wrap .right .tel { margin:0 0 0 0; }
#footer .wrapper .content_wrap .right .tel h2 { line-height:1.3em; }
#footer .wrapper .content_wrap .right .tel h2 a { display:block; margin:10px 0; font-size:1.0em; color:#fff; }
#footer .wrapper .content_wrap .right .tel h3 { display:block; font-size:1.3em; }
#footer .wrapper .content_wrap .right .tel p { margin:0 0; }
#footer .wrapper .content_wrap .right .bank { }
#footer .wrapper .content_wrap .right .bank h3 { font-size:1.3em; }
#footer .wrapper .content_wrap .right .bank strong { display:block; }
#footer .wrapper .content_wrap .right .bank p { margin:10px 0; }
#footer .wrapper .copyright { border-top:1px solid #7b7b7b; }
#footer .wrapper .copyright p { display:block; padding:30px 0; color:#fff; text-align:center; }

}



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

	
/* 헤더 */
header {
    width: 100%;
    height: ;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color:;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}
	
#header { width: 100%;
    height: 90px;
    z-index: 10;
    top: 0px;
    position: ;
    background-color:;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}	
#header.active {
    background:rgba(255,255,255,1.0);
}
#header.active a {
    color:#222;
}

.header_wrap { position:relative; top:0; background:; box-shadow:0 0 8px rgba(0,0,0,0.0); border-bottom:0px solid #dedede; width:100%; height:90px; z-index:9; }
.header_wrap .wrapper { position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; }
.header_wrap .wrapper .logo { position:absolute; padding:32px 0 25px 5%; z-index:9; }
.header_wrap .wrapper .logo img { height:; }



/* 푸터 */
#footer{ background:url(../images/footer_bg.jpg) center no-repeat; background-size:cover; padding:80px 0; }
#footer .wrapper { margin:0 auto; width:90%; }
#footer .wrapper .title {}
#footer .wrapper .title h2 { display:block; font-size:2.5em; color:#fff; line-height:1.5em; }
#footer .wrapper .title h3 { margin:10px 0 30px; font-size:1.2em; color:#fff; line-height:1.5em; }
#footer .wrapper .title ul { display:flex; }
#footer .wrapper .title ul li { margin:0 8px 0 0; }
#footer .wrapper .title ul li a { border-radius:5px; border:1px solid #a4a4a4; background:#898989; padding:7px 15px; color:#fff; text-align:center; }
#footer .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px 0 0; }
#footer .wrapper .content_wrap .left {}
#footer .wrapper .content_wrap .footer_logo {  }
#footer .wrapper .content_wrap .footer_logo img { }
#footer .wrapper .content_wrap .admin { display:flex; justify-content:center; flex-direction:column; margin:30px 0 20px; }
#footer .wrapper .content_wrap .admin li { display:inline-block; padding:0 10px 0 0; font-size:1.0em; font-weight:500; line-height:25px;}
#footer .wrapper .content_wrap .admin li:last-child { padding:0;}
#footer .wrapper .content_wrap .admin li a { color:#fff; line-height:25px;}
#footer .wrapper .content_wrap .address { font-size:0.9em !important; color:#fff; line-height:1.5em; letter-spacing:0;}
#footer .wrapper .content_wrap .right { display:flex; margin-top:auto; color:#fff; }
#footer .wrapper .content_wrap .right .tel { margin:0 0 0 0; }
#footer .wrapper .content_wrap .right .tel h2 { line-height:1.3em; }
#footer .wrapper .content_wrap .right .tel h2 a { display:block; margin:10px 0; font-size:1.0em; color:#fff; }
#footer .wrapper .content_wrap .right .tel h3 { display:block; font-size:1.3em; }
#footer .wrapper .content_wrap .right .tel p { margin:0 0; }
#footer .wrapper .content_wrap .right .bank { }
#footer .wrapper .content_wrap .right .bank h3 { font-size:1.3em; }
#footer .wrapper .content_wrap .right .bank strong { display:block; }
#footer .wrapper .content_wrap .right .bank p { margin:10px 0; }
#footer .wrapper .copyright { border-top:1px solid #7b7b7b; }
#footer .wrapper .copyright p { display:block; padding:30px 0; color:#fff; text-align:center; }

	
}





@media (max-width:767px){
	
	
html { background:#fff;
  text-decoration:none; font-size:14px; font-weight:400; color:#444; letter-spacing:0; line-height:1.5em; 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 {
    width: 100%;
    height: ;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color: #;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}
	
#header { width: 100%;
    height: 60px;
    z-index: 10;
    top: 0px;
    position: ;
    background-color:;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}	
#header.active {
    background:rgba(255,255,255,1.0);
}
#header.active a {
    color:#222;
}
#header.active #burgerbtn { /* 모바일 삼선메뉴*/ background:url(../images/all_menu_ov.png); }


.header_wrap { position:relative; top:0; background:rgba(0,0,0,0.0); box-shadow:0 0 8px rgba(0,0,0,0.1); 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:20px; z-index:;}
.header_wrap .wrapper .logo img { height:18px; }


/* 푸터 */
#footer{ background:url(../images/footer_bg.jpg) center no-repeat; background-size:cover; padding:50px 0; }
#footer .wrapper { margin:0 auto; width:85%; }
#footer .wrapper .title {}
#footer .wrapper .title h2 { display:block; font-size:1.8em; color:#fff; line-height:1.5em; }
#footer .wrapper .title h3 { margin:10px 0 30px; font-size:1.1em; color:#fff; line-height:1.5em; }
#footer .wrapper .title ul { display:flex; }
#footer .wrapper .title ul li { margin:0 8px 0 0; }
#footer .wrapper .title ul li a { border-radius:5px; border:1px solid #a4a4a4; background:#898989; padding:7px; color:#fff; text-align:center; }
#footer .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:70px 0 0; }
#footer .wrapper .content_wrap .left { margin:0 0 30px; }
#footer .wrapper .content_wrap .footer_logo {  }
#footer .wrapper .content_wrap .footer_logo img { height:15px; }
#footer .wrapper .content_wrap .admin { display:flex; justify-content:center; flex-direction:column; margin:20px 0 10px; }
#footer .wrapper .content_wrap .admin li { display:inline-block; padding:0 10px 0 0; font-size:1.0em; font-weight:500; line-height:25px;}
#footer .wrapper .content_wrap .admin li:last-child { padding:0;}
#footer .wrapper .content_wrap .admin li a { color:#fff; line-height:25px;}
#footer .wrapper .content_wrap .address { font-size:0.9em !important; color:#fff; line-height:1.5em; letter-spacing:0;}
#footer .wrapper .content_wrap .right { display:flex; margin-top:auto; color:#fff; }
#footer .wrapper .content_wrap .right .tel { margin:0 0 0 0; }
#footer .wrapper .content_wrap .right .tel h2 { line-height:1.3em; }
#footer .wrapper .content_wrap .right .tel h2 a { display:block; margin:10px 0; font-size:1.0em; color:#fff; }
#footer .wrapper .content_wrap .right .tel h3 { display:block; font-size:1.3em; }
#footer .wrapper .content_wrap .right .tel p { margin:0 0; }
#footer .wrapper .content_wrap .right .bank { }
#footer .wrapper .content_wrap .right .bank h3 { font-size:1.3em; }
#footer .wrapper .content_wrap .right .bank strong { display:block; }
#footer .wrapper .content_wrap .right .bank p { margin:10px 0; }
#footer .wrapper .copyright { border-top:1px solid #7b7b7b; }
#footer .wrapper .copyright p { display:block; padding:30px 0; color:#fff; text-align:center; }
	
	

}



