@import url('font.css');

header {
    width: 100%; padding:0 0; border-bottom:0px solid #dedede;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color: #fff;
    box-sizing: border-box;
    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:215px; right:0; z-index:9;}
.quick ul li { margin:0; }

/* 헤더 */
header .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; padding:20px 0; width:90%; }
header .wrapper .logo { margin:auto 0; }
header .wrapper .logo img { height:;}
header .wrapper .state { margin:auto 0;  }
header .wrapper .state ul li img { display:inline-block; margin:0 10px 0 0; vertical-align:middle; height:20px; }
header .wrapper .state ul li a { display:inline-block; border-radius:60px; padding:15px 30px; font-weight:600; }


header .wrapper #wrap .search { display:flex; justify-content:center; margin:0 0 20px; }
header .wrapper #wrap .search ul { display:flex; border-bottom:1px solid #111; padding:5px; }
header .wrapper #wrap .search ul li [type='text'] { border:0; color:#444; }
header .wrapper #wrap .search ul li [type='image'] { height:20px; padding-left:5px; }
header .wrapper #wrap .search ul li input:focus { outline: none; margin:0; }


/* 푸터 */
#footer{ border-top:1px solid #dedede; }
#footer .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto; width:90%; max-width:1600px; }
#footer .wrapper .desc { width:65%; }
#footer .wrapper .desc .footer_logo { margin:0 0 20px; }
#footer .wrapper .desc ul { display:flex; flex-wrap:wrap; }
#footer .wrapper .desc ul li a { margin-right:20px; font-size:0.9rem; font-weight:600; color:#111; }
#footer .wrapper .desc .address { margin:10px 0 0; font-size:0.8rem; line-height:1.4rem; }
#footer .wrapper .tel { margin-top:auto;}
#footer .wrapper .tel .content h2 { display:flex; margin:0 0 15px; }
#footer .wrapper .tel .content h2 img { margin-right:10px; }
#footer .wrapper .tel .content h2 a { margin:auto 0; font-size:2.0rem; color:#111; }
#footer .wrapper .tel .content p { font-size:0.9rem; }
#footer .wrapper .tel .copyright { margin:20px 0 0; font-size:0.8rem; line-height:1.4rem; }

.view_pc { display:block; }
.view_mob { display:none; }

}



@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:1.7rem; 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:174px; right:0; z-index:9;}
.quick ul li { margin:0; }

	
/* 헤더 */
header .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; padding:20px 0; width:90%; height:; }
header .wrapper .logo { margin:auto 0; z-index:9;  }
header .wrapper .logo img { height:; }
header .wrapper .state { margin:auto 0;  }
header .wrapper .state ul li img { display:inline-block; margin:0 8px 0 0; vertical-align:middle; height:18px; }
header .wrapper .state ul li a { display:inline-block; border-radius:60px; padding:13px 25px; font-weight:600; }

header .wrapper #wrap .search { display:flex; justify-content:center; margin:0 0 20px; }
header .wrapper #wrap .search ul { display:flex; border-bottom:1px solid #111; padding:5px; }
header .wrapper #wrap .search ul li [type='text'] { border:0; color:#444; }
header .wrapper #wrap .search ul li [type='image'] { height:20px; padding-left:5px; }
header .wrapper #wrap .search ul li input:focus { outline: none; margin:0; }


/* 푸터 */
#footer{ border-top:1px solid #dedede; }
#footer .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto; width:90%; }
#footer .wrapper .desc { width:65%;  }
#footer .wrapper .desc .footer_logo { margin:0 0 20px; }
#footer .wrapper .desc ul { display:flex; flex-wrap:wrap; }
#footer .wrapper .desc ul li a { margin-right:20px; font-size:0.9rem; font-weight:600; color:#111; }
#footer .wrapper .desc .address { margin:10px 0 0; font-size:0.8rem; line-height:1.4rem; }
#footer .wrapper .tel { margin-top:auto; padding-top:20px; }
#footer .wrapper .tel .content h2 { display:flex; margin:0 0 15px; }
#footer .wrapper .tel .content h2 img { margin-right:10px; }
#footer .wrapper .tel .content h2 a { margin:auto 0; font-size:1.6rem; color:#111; }
#footer .wrapper .tel .content p { font-size:0.9rem; }
#footer .wrapper .tel .copyright { margin:20px 0 0; font-size:0.8rem; line-height:1.4rem; }

.view_pc { display:block; }
.view_mob { display:none; }

}





@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.5rem; 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 .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; height:60px; }
header .wrapper .logo { margin:auto 0; z-index:9; }
header .wrapper .logo img { height:; }
header .state { display:none; position:absolute; right:0; top:20px; padding:0; z-index:6;}


/* 푸터 */
#footer{ border-top:1px solid #dedede; }
#footer .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto; width:85%; }
#footer .wrapper .desc { width:100%; }
#footer .wrapper .desc .footer_logo { margin:0 0 20px; }
#footer .wrapper .desc .footer_logo img { height:60px; }
#footer .wrapper .desc ul { display:flex; flex-wrap:wrap; }
#footer .wrapper .desc ul li { margin:5px 0; }
#footer .wrapper .desc ul li a { margin-right:15px; margin-top:40px;  font-size:0.9rem; font-weight:600; color:#111; }
#footer .wrapper .desc .address { margin:10px 0 0; font-size:0.8rem; line-height:1.4rem; }
#footer .wrapper .tel { margin-top:30px; }
#footer .wrapper .tel .content h2 { display:flex; margin:0 0 15px; }
#footer .wrapper .tel .content h2 img { margin-right:10px; height:20px; }
#footer .wrapper .tel .content h2 a { margin:auto 0; font-size:1.6rem; color:#111; }
#footer .wrapper .tel .content p { font-size:0.9rem; }
#footer .wrapper .tel .copyright { margin:10px 0 0; font-size:0.8rem; line-height:1.4rem; }


.view_pc { display:none; }
.view_mob { display:block; }
}