@import url('font.css');

header {
    width: 100%; padding:0 0; border-bottom:1px 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:120px; right:10px; z-index:99;}
.quick ul li { margin:0 0; }

/* 헤더 */
header .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
header .wrapper .logo { margin:auto 0; }
header .wrapper .logo img { height:;}
header .wrapper .state { display:none; position:absolute; right:0; top:56px; z-index:9;}
header .wrapper .state ul li { float:left; }
header .wrapper .state ul li a { display:block; border-left:1px #fff solid;line-height:12px; padding:0 12px; font-size:0.9em; font-weight:300; color:#fff; }
header .wrapper .state ul li:first-child a { border-left:0;}
header .wrapper .state ul li:last-child a { padding:0 0 0 15px;}
header .wrapper .tel { margin:auto 0; }
header .wrapper .tel .content { display:flex; }
header .wrapper .tel .content .pic { margin:0 10px 0 0; }
header .wrapper .tel .content h2 { display:inline-block; margin-left:10px; font-size:1.8em; color:#222; line-height:28px; }

/* 푸터 */
#footer{ padding:70px 0 30px; background:#ebebeb; 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:#5f5f5f; line-height:2.0em; letter-spacing:0;}
#footer .top .footer_logo { order:2; margin:auto 0; }
#footer .bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #d2d2d2; 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:#111; line-height:25px;}
#footer .bottom .copyright  { font-size:0.9em; color:#111; }
#footer .bottom .copyright span { display:inline-block; margin:0 10px; }

/* 학과모의고사 */
.written_test_pc { position: fixed; bottom:0; left:0; z-index:9999; }
.written_test_mob { display:none; }

}



@media (min-width:768px) and (max-width:1599px){
	
.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; width:90%; height:90px; }
header .wrapper .logo { margin:auto 0; z-index:9;  }
header .wrapper .logo img { height:; }
header .wrapper .state { display:none; position:absolute; right:0; top:15px; z-index:9;}
header .wrapper .state ul li { float:left; }
header .wrapper .state ul li a { display:block; border-left:1px #fff solid;line-height:9px; padding:0 10px; font-size:0.8em; font-weight:300; color:#fff; }
header .wrapper .state ul li:first-child a { border-left:0;}
header .wrapper .tel { margin:auto 0; }
header .wrapper .tel .content { display:flex; }
header .wrapper .tel .content .pic { margin:0 10px 0 0; }
header .wrapper .tel .content h2 { display:inline-block; margin-left:10px; font-size:1.5em; color:#222; line-height:28px; }

/* 푸터 */
#footer{ padding:50px 0 20px; background:#ebebeb; z-index:9;}
#footer .top { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#footer .top .address { width:80%; margin:auto 0; font-size:0.8em !important; color:#5f5f5f; line-height:2.0em; letter-spacing:0;}
#footer .top .footer_logo { order:2; 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 #d2d2d2; 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:#111; line-height:25px;}
#footer .bottom .copyright  { font-size:0.8em; color:#111; }
#footer .bottom .copyright span { display:inline-block; margin:0 10px; }

/* 학과모의고사 */
.written_test_pc { position: fixed; bottom:0; left:0; z-index:9999; }
.written_test_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:13px; 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 { display:none; 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:85%; height:60px; }
header .wrapper .logo { margin:auto 0; z-index:9; }
header .wrapper .logo img { height:28px; }
header .state { display:none; position:absolute; right:0; top:20px; padding:0; z-index:6;}
header .wrapper .tel { display:none; }

/* 푸터 */
#footer{ padding:40px 0 20px; background:#ebebeb; z-index:9;}
#footer .top { margin:0 auto; width:85%; }
#footer .top .address { font-size:0.8em !important; color:#5f5f5f; line-height:1.5em; letter-spacing:0;}
#footer .top .footer_logo { margin:0 0 20px; }
#footer .top .footer_logo img { height:30px; }
#footer .bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #d2d2d2; 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:#111; line-height:25px;}
#footer .bottom .admin li:last-child { display:none; }
#footer .bottom .copyright  { font-size:0.8em; color:#111; }
#footer .bottom .copyright span { margin:0 10px 0 0; }
	
/* 학과모의고사 */
.written_test_pc { display:none; }	
.written_test_mob { display:block; }
.written_test_mob img { width:100%; }
}