@import url('font.css');

header2 {
    width: 100%; padding:0 0; border-bottom:0px solid #dedede;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color: #ebf2f8;
    box-sizing: ;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;	
}

@media (min-width:1600px) {
	
.quick { position:fixed; top:100px; right:10px; border-radius:12px; background:#fff; box-shadow:0 0 15px rgba(190,190,190,0.4); padding:15px 15px 0; z-index:9;}
.quick h2 { display:block; border-bottom:1px solid #c7cede; padding:0 0 10px; margin:0 0 15px; font-size:1.0rem; color:#1650b8; line-height:1.2rem; text-align:center; }
.quick ul li { margin:10px 0; text-align:center; }
.quick ul li img { height:22px; }
.quick ul li p { margin:-5px 0 0; font-size:0.8rem; font-weight:600; color:#222; }


/* 헤더 */
header2 .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; padding:20px 0; width:90%; max-width:1600px; }
header2 .wrapper .logo { margin:auto 0; }
header2 .wrapper .logo img { height:60px; }
header2 .wrapper .gnb { margin:auto 0; }
header2 .wrapper .gnb ul { display:flex;}
header2 .wrapper .gnb ul li a { display:inline-block; border-radius:30px; background:#51c26a; padding:12px 20px; margin-left:10px; font-family: 'YeogiOttaeJalnan'; font-size:0.95rem; color:#fff; transition:.3s; }
header2 .wrapper .gnb ul li a:hover { background:#ff9c00; }
header2 .wrapper .gnb ul li img { display:inline-block; margin:0 5px 0 0; }
header2 .wrapper .gnb ul li .gnb_ico { display:inline-block; background:url(../images/gnb_ico.png) 0 2px no-repeat; width:40px; }
header2 .wrapper .gnb ul li span { color:#fff25d;}


/* 푸터 */
#footer { padding:80px 0 60px; background:#191919; }
#footer .wrapper { margin:0 auto; width:90%; max-width:1600px; }
#footer .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
#footer .content_wrap .info { }
#footer .content_wrap .info .logo { display:block; margin:0 0 30px; }
#footer .content_wrap .info .logo img { height:60px; }
#footer .content_wrap .info .address { font-size:0.9em; color:#cacaca; line-height:1.6rem; }
#footer .content_wrap .customer { margin:auto 0; }
#footer .content_wrap .customer ul li { margin:5px 0; font-size:0.9em; color:#cacaca; }
#footer .content_wrap .customer ul li span { margin:0 10px 0 0; }
#footer .content_wrap .customer ul li strong { font-size:1.4em; font-weight:800; color:#fff; }
#footer .ft_copy { display:flex; justify-content:space-between; flex-wrap:wrap; margin:25px 0 0; padding:25px 0 0; border-top:1px solid #464646; }
#footer .ft_copy ul { display:flex; }
#footer .ft_copy ul li { margin:auto 0; }
#footer .ft_copy ul li a { margin:0 20px 0 0; font-size:0.9em; color:#e4e4e4; }
#footer .ft_copy .copy { font-size:0.9em; color:#e4e4e4; }

}



@media (min-width:768px) and (max-width:1599px){
	
html { background:#fff;
  text-decoration:none; font-size:16px; font-weight:500; color:#444; letter-spacing:0; line-height:28px; word-break:keep-all;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  overflow-x:hidden; /* 가로 스크롤 X */
}
	
.quick { position:fixed; top:100px; right:10px; border-radius:12px; background:#fff; box-shadow:0 0 15px rgba(190,190,190,0.4); padding:15px 15px 0; z-index:9;}
.quick h2 { display:block; border-bottom:1px solid #c7cede; padding:0 0 10px; margin:0 0 15px; font-size:1.0rem; color:#1650b8; line-height:1.2rem; text-align:center; }
.quick ul li { margin:10px 0; text-align:center; }
.quick ul li img { height:22px; }
.quick ul li p { margin:-5px 0 0; font-size:0.8rem; font-weight:600; color:#222; }

	
/* 헤더 */
header2 .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; padding:20px 0; width:90%; height:; }
header2 .wrapper .logo { margin:auto 0; z-index:9;  }
header2 .wrapper .logo img { height:60px; }
header2 .wrapper .gnb { margin:auto 0; }
header2 .wrapper .gnb ul { display:flex;}
header2 .wrapper .gnb ul li a { display:inline-block; border-radius:30px; background:#51c26a; padding:10px 20px; margin-left:10px; font-family: 'YeogiOttaeJalnan'; font-size:0.9rem; color:#fff; transition:.3s; }
header2 .wrapper .gnb ul li a:hover { background:#ff9c00; }
header2 .wrapper .gnb ul li img { display:inline-block; margin:0 5px 0 0; }
header2 .wrapper .gnb ul li .gnb_ico { display:inline-block; background:url(../images/gnb_ico.png) 0 2px no-repeat; width:38px; }
header2 .wrapper .gnb ul li span { color:#fff25d;}


/* 푸터 */
#footer { padding:80px 0 60px; background:#191919; }
#footer .wrapper { margin:0 auto; width:90%; }
#footer .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
#footer .content_wrap .info { width:70%; }
#footer .content_wrap .info .logo { display:block; margin:0 0 30px; }
#footer .content_wrap .info .logo img { height:60px; }
#footer .content_wrap .info .address { font-size:0.9em; color:#cacaca; line-height:1.6rem; }
#footer .content_wrap .customer { margin:auto 0; }
#footer .content_wrap .customer ul li { margin:5px 0; font-size:0.9em; color:#cacaca; }
#footer .content_wrap .customer ul li span { margin:0 10px 0 0; }
#footer .content_wrap .customer ul li strong { font-size:1.4em; font-weight:800; color:#fff; }
#footer .ft_copy { display:flex; justify-content:space-between; flex-wrap:wrap; margin:25px 0 0; padding:25px 0 0; border-top:1px solid #464646; }
#footer .ft_copy ul { display:flex; }
#footer .ft_copy ul li { margin:auto 0; }
#footer .ft_copy ul li a { margin:0 20px 0 0; font-size:0.9em; color:#e4e4e4; }
#footer .ft_copy .copy { font-size:0.9em; color:#e4e4e4; }

}





@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:23px; word-break:keep-all;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

.quick { position:fixed; bottom:0; background:#ececec; width:100%; height:100px; padding:10px 0; z-index:9;}
.quick h2 { display:none; }
.quick ul { display:flex; justify-content:space-between; flex-wrap:wrap;} 
.quick ul li { width:25%; margin:5px 0; text-align:center; }
.quick ul li img { height:20px; }
.quick ul li p { margin:0; font-size:0.8rem; font-weight:600; color:#222; }

/* 헤더 */
header2 .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; height:60px; }
header2 .wrapper .logo { margin:10px 0 0; z-index:9; }
header2 .wrapper .logo img { height:40px; }
header2 .state { display:none; position:absolute; right:0; top:20px; padding:0; z-index:6;}
header2 .wrapper .tel { display:none; }

/* 푸터 */
#footer { padding:40px 0; margin-bottom:120px; background:#191919; }
#footer .wrapper { margin:0 auto; width:85%; }
#footer .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
#footer .content_wrap .info { width:100%; }
#footer .content_wrap .info .logo { display:block; margin:0 0 30px; }
#footer .content_wrap .info .logo img { height:40px; }
#footer .content_wrap .info .address { font-size:0.9em; color:#cacaca; line-height:1.6rem; }
#footer .content_wrap .customer { margin:20px 0 0; }
#footer .content_wrap .customer ul li { margin:0; font-size:0.9em; color:#cacaca; }
#footer .content_wrap .customer ul li span { margin:0 10px 0 0; }
#footer .content_wrap .customer ul li strong { font-size:1.4em; font-weight:800; color:#fff; }
#footer .ft_copy { display:flex; justify-content:space-between; flex-wrap:wrap; margin:25px 0 0; padding:25px 0 0; border-top:1px solid #464646; }
#footer .ft_copy ul { display:flex; }
#footer .ft_copy ul li { margin:auto 0; }
#footer .ft_copy ul li:last-child { display:none; }
#footer .ft_copy ul li a { margin:0 20px 0 0; font-size:0.9em; color:#e4e4e4; }
#footer .ft_copy .copy { margin:15px 0 0; font-size:0.9em; color:#e4e4e4; }
	

}