@import url('font.css');

/* top으로 버튼 */
.top_btn { position:sticky; display:flex; bottom:0; margin:0 auto; width:90%; max-width:1600px; z-index:99; }
.top_btn img { display:block; height:10px; margin:0 auto; }
.top_btn p { display:block; margin:2px 0 0;}
.top_btn a { display:block; margin-left:auto; padding:10px 12px 5px; border-radius:5px 5px 0 0; background:#292929; color:#fff; text-align:center; }

@media (min-width:1600px) {

/* 헤더 */
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:#fff;
    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:#111;
}

/* 모바일 삼선메뉴
#header.active #burgerbtn { background:url(../images/all_menu_ov.png); } */
/*
#header.active .pc_nav > ul > li > a { color:#fff; }
#header.active .pc_nav > ul > li > ul > li > a { color:#b9c0df; }
#header.active .pc_nav > ul > li > ul > li > a:hover { color:#fff; }
*/
   
.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; top:20px; left:5%; z-index:9; }
.header_wrap > .wrapper > .logo img { height:;}

/* 푸터 */
#footer{ padding:70px 0 30px; background:#292929; z-index:9;}
#footer .top { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#footer .top .address { margin:auto 0; font-size:0.9em !important; color:#bababa; line-height:2.0em; letter-spacing:0;}
#footer .top .sns { order:2; margin:auto 0; }
#footer .top .sns ul { display:flex; }
#footer .top .sns ul li a { margin:0 7px; }
#footer .top .sns ul li a img { height:40px; }
#footer .top .footer_logo { order:3; margin:auto 0; }
#footer .bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #3c3c3c; margin:30px auto 0; padding:30px 0 0; width:90%; max-width:1600px; text-align:center;  }
#footer .bottom .admin li {display:inline-block; padding:0 5px 0 0; font-size:0.9em; font-weight:500; line-height:25px;}
#footer .bottom .admin li:last-child{ padding:0;}
#footer .bottom .admin li a{ color:#fff; line-height:25px;}
#footer .bottom .copyright  { font-size:0.9em; color:#bababa; }
#footer .bottom .copyright span { display:inline-block; margin:0 10px; }

/* 퀵메뉴 */
.quick { position:fixed; top:100px; right:20px; z-index:9;}
.quick ul li { margin:0; }
.quick ul li img {  }

}



@media (min-width:768px) and (max-width:1599px){
	
html { background:#fff;
  text-decoration:none; font-size:16px; font-weight:400; color:#333; letter-spacing:0; line-height:1.7em; word-break:keep-all;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  overflow-x:hidden; /* 가로 스크롤 X */
}

/* 헤더 */
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:#fff;
    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:#111;
}

/* 모바일 삼선메뉴
#header.active #burgerbtn { background:url(../images/all_menu_ov.png); } */
/*
#header.active .pc_nav > ul > li > a { color:#fff; }
#header.active .pc_nav > ul > li > ul > li > a { color:#b9c0df; }
#header.active .pc_nav > ul > li > ul > li > a:hover { color:#fff; }
*/
   
.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; top:20px; left:5%; z-index:9; }
.header_wrap > .wrapper > .logo img { height:;}


/* 푸터 */
#footer{ padding:50px 0 20px; background:#292929; z-index:9;}
#footer .top { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#footer .top .address { width:60%; margin:auto 0; font-size:0.8em !important; color:#bababa; line-height:2.0em; letter-spacing:0;}
#footer .top .sns { order:2; margin:auto 0; }
#footer .top .sns ul { display:flex; width:30%; }
#footer .top .sns ul li a { margin:0 7px; }
#footer .top .sns ul li a img { height:30px; }
#footer .top .footer_logo { order:3; width:15%; margin:auto 0; }
#footer .top .footer_logo img { width:100%; }
#footer .bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #3c3c3c; margin:20px auto 0; padding:20px 0 0; width:90%; text-align:center;  }
#footer .bottom .admin li {display:inline-block; padding:0 5px 0 0; font-size:0.8em; font-weight:500; line-height:25px;}
#footer .bottom .admin li:last-child{ padding:0;}
#footer .bottom .admin li a{ color:#fff; line-height:25px;}
#footer .bottom .copyright  { font-size:0.8em; color:#bababa; }
#footer .bottom .copyright span { display:inline-block; margin:0 10px; }

/* 퀵메뉴 */
.quick { position:fixed; top:100px; right:20px; z-index:9;}
.quick ul li { margin:0; }
.quick ul li img { width:80px; }

}





@media (max-width:767px){
	
	
html { background:#fff;
  text-decoration:none; font-family: 'Pretendard Variable', 'Noto Sans KR', '맑은 고딕', Helvetica, sans-serif; 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 */
}

/* 헤더 */
header {
    width: 100%;
    height: ;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color: #;
    border-bottom: 0px solid rgba(150, 150, 150, 0.0);
    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:#fff;
    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:#111;
}

/* 모바일 삼선메뉴
#header.active #burgerbtn {  background:url(../images/all_menu_ov.png); }
#header.active #tel h2 a { color:#1149a5; }*/


.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; top:15px; left:2%; z-index:9; }
.header_wrap .wrapper .logo img { height:30px; }


/* 푸터 */
#footer{ padding:40px 0 20px; background:#292929; z-index:9;}
#footer .top { margin:0 auto; width:85%; }
#footer .top .address { font-size:0.8em !important; color:#bababa; line-height:1.5em; letter-spacing:0;}
#footer .top .sns { order:2; margin:auto 0; }
#footer .top .sns ul { display:flex; margin-bottom:20px; }
#footer .top .sns ul li a { margin:0 7px; }
#footer .top .sns ul li a img { height:30px; }
#footer .top .footer_logo { margin:0 0 30px; }
#footer .top .footer_logo img { height:30px; }
#footer .bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #3c3c3c; margin:15px auto 0; width:85%; padding:15px 0 0;  }
#footer .bottom .admin li {display:inline-block; padding:0 5px 0 0; font-size:0.8em; font-weight:500; line-height:25px;}
#footer .bottom .admin li:last-child{ padding:0;}
#footer .bottom .admin li a{ color:#fff; line-height:25px;}
#footer .bottom .admin li:last-child { display:none; }
#footer .bottom .copyright  { font-size:0.8em; color:#bababa; }
#footer .bottom .copyright span { margin:0 10px 0 0; }
	
/* 퀵메뉴 */
.quick { display:none; position:fixed; top:100px; right:20px; z-index:9;}
.quick ul li { margin:0; }
.quick ul li img { width:70px; }	

}