@import url('font.css');


/* 햄버거 전체메뉴 */
#header_wrap .wrapper #all_menu { position:absolute; top:63px; right:0; padding:0; z-index:9;}
#header_wrap .wrapper #all_menu .overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

#header_wrap .wrapper #all_menu .overlay-content {
  position: relative;
  top: 25%;
  width: 1100px; margin:0 auto;
  text-align: ;
  margin-top: 30px; overflow:hidden;
}

#header_wrap .wrapper #all_menu .overlay-content ul { float:left; width:33.3%; }
#header_wrap .wrapper #all_menu .overlay-content ul li.title { margin-bottom:10px;  font-size:1.8em; font-weight:500; color:#fff; letter-spacing:1.0px;}
#header_wrap .wrapper #all_menu .overlay-content ul li { padding-left:20px; line-height:40px;}

#header_wrap .wrapper #all_menu .overlay a {
  padding: ;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

#header_wrap .wrapper #all_menu .overlay a:hover, .overlay a:focus {
  color: #d22730;
}

#header_wrap .wrapper #all_menu .overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-family: 'Noto Sans KR',sans-serif; font-size: 70px;
}


@media (min-width:1500px) {

/* 헤더 */
#header_wrap { position:absolute; top:0; width:100%; height:100px; z-index:9; }
#header_wrap .wrapper { position:relative; width:90%; min-width:1500px; margin:0 auto;}

#header_wrap .wrapper .logo { position:absolute; left:; top:45px; z-index:9;}
#header_wrap .wrapper .logo img { height:;}

#header_wrap .state { position:absolute; right:80px; top:65px; z-index:9;}
#header_wrap .state ul li { float:left; }
#header_wrap .state ul li a { display:block; border-left:1px #c1c1c1 solid; line-height:12px; padding:0 15px; font-size:0.9em; color:#c1c1c1; }
#header_wrap .state ul li:first-child a { border-left:0;}
#header_wrap .state ul li a.on { font-weight:600; color:#e93536; }


.quick { position:fixed; right:5px; top:150px; z-index:9;}
.quick .as { background:rgba(223,0,12,0.7); box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.5); border-radius:20px 0 20px 0; border:1px solid #d22730; margin:12px 0; width:80px; padding:15px 2px 5px; text-align:center; }
.quick .as h1 { display:block; margin:6px 0; font-size:0.9em; font-weight:500; color:#fff; line-height:1.3em;}
.quick .as span { background:#fff; border-radius:30px; padding:5px 10px; font-size:0.9em; font-weight:500; color:#222; text-align:center;}
.quick .as img { height:45px; }

.quick .faq { background:rgba(0,0,0,0.7); box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.5); border-radius:20px 0 20px 0; border:1px solid #000; margin:12px 0; width:80px; padding:15px 2px 5px; text-align:center; }
.quick .faq h1 { display:block; margin:6px 0; font-size:0.9em; font-weight:500; color:#fff;}
.quick .faq span { background:#fff; border-radius:30px; padding:5px 10px; font-size:0.9em; font-weight:500; color:#222; text-align:center;}
.quick .faq img { height:45px; }

.quick .download { background:rgba(0,59,156,0.7); box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.5); border-radius:20px 0 20px 0; border:1px solid #003b9c; margin:12px 0; width:80px; padding:15px 2px 5px; text-align:center; }
.quick .download h1 { display:block; margin:6px 0; font-size:0.9em; font-weight:500; color:#fff;}
.quick .download img { height:45px; }


.quick_mobile { display:none; }



/* AS접수, FAQ 바로가기 */
#shortcut { display:flex; justify-content:space-between; flex-wrap:wrap; }
#shortcut .as { background:#171717; width:50%; }
#shortcut .as a { display:block; width:80%; padding:6% 10%; }
#shortcut .as span { display:flex; justify-content:space-between; }
#shortcut .as h1 { font-size:1.3em; font-weight:500; color:#fff; line-height:2.0em; }
#shortcut .as .arr { background: url(../images/more_arr.png) center #fff no-repeat; border-radius:23px; width:46px; height:46px; transition:0.4s; }
#shortcut .as a:hover .arr { background: url(../images/more_arr2.png) center #d22731 no-repeat; border-radius:23px; width:46px; height:46px; transition:0.4s; }

#shortcut .faq { background:#d22731; width:50%; }
#shortcut .faq a { display:block; width:80%; padding:6% 10%; }
#shortcut .faq span { display:flex; justify-content:space-between; }
#shortcut .faq h1 { font-size:1.3em; font-weight:500; color:#fff; line-height:2.0em; }
#shortcut .faq .arr { background: url(../images/more_arr.png) center #fff no-repeat; border-radius:23px; width:46px; height:46px; transition:0.4s; }
#shortcut .faq a:hover .arr { background: url(../images/more_arr2.png) center #171717 no-repeat; border-radius:23px; width:46px; height:46px; transition:0.4s; }



/* 푸터 */
#footer{ margin:0 auto; padding:70px 0; width:90%; min-width:1500px; z-index:9;}

#footer .wrapper{ display:flex; justify-content:space-between; flex-wrap:wrap; }
#footer .wrapper .footer_logo { width:20%; }
#footer .wrapper .footer_logo img { width:; }

#footer .wrapper .nav { width:50%; overflow:hidden; }
#footer .wrapper .nav ul { float:left; margin:0 25px; }
#footer .wrapper .nav ul li.tit {  font-size:1.1em; font-weight:600; color:#222; }
#footer .wrapper .nav ul li { margin:5px 0; font-size:0.85em; line-height:1.5em; } 
#footer .wrapper .nav ul li a:hover { text-decoration:underline; }

#footer .wrapper .address { width:30%; font-size:0.85em; }
#footer .wrapper .address h1 { margin:0 0 10px; font-size:1.1em; color:#222;}
#footer .wrapper .address .admin { margin:30px 0 0; }
#footer .wrapper .address .admin li { display:inline-block; }
#footer .wrapper .address .admin li:nth-child(2) .link:before, #footer .wrapper .address .admin li:nth-child(3) .link:before { display: inline-block; content: ''; top:0; margin:0 15px 0 12px; width: 1px; height: 13px; background:#999;}
#footer .wrapper .address .admin li .link{ display: block; }

#footer .copyright { border-top:1px solid #dedede; margin:50px 0 0; padding:30px 0 0; font-size:0.85em; text-align:center; }
#footer .copyright li { display:inline-block; }
#footer .copyright li:nth-child(2) .link:before, #footer .copyright li:nth-child(3) .link:before, #footer .copyright li:nth-child(4) .link:before { display: inline-block; content: ''; top:0; margin:0 15px 0 12px; width: 1px; height: 13px; background:#999;}
#footer .copyright li .link { display: block; font-weight:500; color:#222; }
#footer .copyright span { display:block; margin:10px 0 0; }


}



@media (min-width:768px) and (max-width:1499px){
	
/* 헤더 */
#header_wrap { position:absolute; top:0; width:100%; height:70px; z-index:9; }
#header_wrap .wrapper { position:relative; width:90%; margin:0 auto; }

#header_wrap .wrapper .logo { position:absolute; left:; top:45px; z-index:9;}
#header_wrap .wrapper .logo img { height:45px; }

#header_wrap .state { position:absolute; right:60px; top:65px; z-index:9;}
#header_wrap .state ul li { float:left; }
#header_wrap .state ul li a { display:block; border-left:1px #c1c1c1 solid;line-height:12px; padding:0 15px; font-size:0.9em; color:#c1c1c1; }
#header_wrap .state ul li:first-child a { border-left:0;}
#header_wrap .state ul li a.on { font-weight:600; color:#e93536; }


.quick { position:fixed; right:5px; top:150px; z-index:9;}
.quick .as { background:rgba(223,0,12,0.7); box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.5); border-radius:20px 0 20px 0; border:1px solid #d22730; margin:12px 0; width:80px; padding:15px 2px 5px; text-align:center; }
.quick .as h1 { display:block; margin:6px 0; font-size:0.9em; font-weight:500; color:#fff; line-height:1.3em;}
.quick .as span { background:#fff; border-radius:30px; padding:5px 10px; font-size:0.9em; font-weight:500; color:#222; text-align:center;}
.quick .as img { height:45px; }

.quick .faq { background:rgba(0,0,0,0.7); box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.5); border-radius:20px 0 20px 0; border:1px solid #000; margin:12px 0; width:80px; padding:15px 2px 5px; text-align:center; }
.quick .faq h1 { display:block; margin:6px 0; font-size:0.9em; font-weight:500; color:#fff;}
.quick .faq span { background:#fff; border-radius:30px; padding:5px 10px; font-size:0.9em; font-weight:500; color:#222; text-align:center;}
.quick .faq img { height:45px; }

.quick .download { background:rgba(0,59,156,0.7); box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.5); border-radius:20px 0 20px 0; border:1px solid #003b9c; margin:12px 0; width:80px; padding:15px 2px 5px; text-align:center; }
.quick .download h1 { display:block; margin:6px 0; font-size:0.9em; font-weight:500; color:#fff;}
.quick .download img { height:45px; }


/* AS접수, FAQ 바로가기 */
#shortcut { display:flex; justify-content:space-between; flex-wrap:wrap; }
#shortcut .as { background:#171717; width:50%; }
#shortcut .as a { display:block; width:80%; padding:6% 10%; }
#shortcut .as span { display:flex; justify-content:space-between; }
#shortcut .as h1 { font-size:1.1em; font-weight:500; color:#fff; line-height:2.0em; }
#shortcut .as .arr { background: url(../images/more_arr.png) center #fff no-repeat; border-radius:23px; width:46px; height:46px; transition:0.4s; }
#shortcut .as a:hover .arr { background: url(../images/more_arr2.png) center #d22731 no-repeat; border-radius:23px; width:46px; height:46px; transition:0.4s; }

#shortcut .faq { background:#d22731; width:50%; }
#shortcut .faq a { display:block; width:80%; padding:6% 10%; }
#shortcut .faq span { display:flex; justify-content:space-between; }
#shortcut .faq h1 { font-size:1.1em; font-weight:500; color:#fff; line-height:2.0em; }
#shortcut .faq .arr { background: url(../images/more_arr.png) center #fff no-repeat; border-radius:23px; width:46px; height:46px; transition:0.4s; }
#shortcut .faq a:hover .arr { background: url(../images/more_arr2.png) center #171717 no-repeat; border-radius:23px; width:46px; height:46px; transition:0.4s; }



/* 푸터 */
#footer{ margin:0 auto; padding:60px 0; width:90%; z-index:9;}

#footer .wrapper{ display:flex; justify-content:space-between; flex-wrap:wrap; }
#footer .wrapper .footer_logo { width:15%; margin:0 2% 0 0; }
#footer .wrapper .footer_logo img { height:30px; }

#footer .wrapper .nav { width:50%; overflow:hidden; }
#footer .wrapper .nav ul { float:left; margin:0 20px; }
#footer .wrapper .nav ul li.tit { margin:0;  font-size:1.1em; font-weight:600; color:#222; }
#footer .wrapper .nav ul li { margin:5px 0; font-size:0.85em; line-height:1.5em; } 
#footer .wrapper .nav ul li a:hover { text-decoration:underline; }

#footer .wrapper .address { width:33%; font-size:0.85em; }
#footer .wrapper .address h1 { margin:0 0 10px; font-size:1.1em; color:#222;}
#footer .wrapper .address .admin { margin:30px 0 0; }
#footer .wrapper .address .admin li { display:inline-block; }
#footer .wrapper .address .admin li:nth-child(2) .link:before, #footer .wrapper .address .admin li:nth-child(3) .link:before { display: inline-block; content: ''; top:0; margin:0 15px 0 12px; width: 1px; height: 13px; background:#999;}
#footer .wrapper .address .admin li .link{ display: block; }

#footer .copyright { border-top:1px solid #dedede; margin:50px 0 0; padding:30px 0 0; font-size:0.85em; text-align:center; }
#footer .copyright li { display:inline-block; }
#footer .copyright li:nth-child(2) .link:before, #footer .copyright li:nth-child(3) .link:before, #footer .copyright li:nth-child(4) .link:before { display: inline-block; content: ''; top:0; margin:0 15px 0 12px; width: 1px; height: 13px; background:#999;}
#footer .copyright li .link { display: block; font-weight:500; color:#222; }
#footer .copyright span { display:block; margin:10px 0 0; }
	
	

	
}





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

/* 헤더 */
#header_wrap { position:absolute; top:0; width:100%; height:70px; z-index:9;}
#header_wrap .wrapper { position:relative; width:90%; margin:0 auto; }

#header_wrap .wrapper .logo { position:absolute; left:; top:22px; z-index:7;}
#header_wrap .wrapper .logo img { height:25px; }

#header_wrap .state { display:none; }

#header_wrap .wrapper #all_menu { display:none;}

.quick { display:none; }



/* AS접수, FAQ 바로가기 */
#shortcut { display:flex; justify-content:space-between; flex-wrap:wrap; }
#shortcut .as { background:#171717; width:100%; }
#shortcut .as a { display:block; width:80%; padding:5% 10%; }
#shortcut .as span { display:flex; justify-content:space-between; }
#shortcut .as h1 { font-size:1.0em; font-weight:500; color:#fff; line-height:2.5em; }
#shortcut .as .arr { background: url(../images/more_arr.png) center #fff no-repeat; background-size:40%; border-radius:14px; width:28px; height:28px; transition:0.4s; }
#shortcut .as a:hover .arr { background: url(../images/more_arr2.png) center #d22731 no-repeat; border-radius:14px; width:28px; height:28px; transition:0.4s; }

#shortcut .faq { background:#d22731; width:100%; }
#shortcut .faq a { display:block; width:80%; padding:5% 10%; }
#shortcut .faq span { display:flex; justify-content:space-between; }
#shortcut .faq h1 { font-size:1.0em; font-weight:500; color:#fff; line-height:2.5em; }
#shortcut .faq .arr { background: url(../images/more_arr.png) center #fff no-repeat; background-size:40%; border-radius:14px; width:28px; height:28px; transition:0.4s; }
#shortcut .faq a:hover .arr { background: url(../images/more_arr2.png) center #171717 no-repeat; border-radius:14px; width:28px; height:28px; transition:0.4s; }




/* 푸터 */
#footer{ margin:0 auto; padding:60px 0; width:85%; z-index:9;}

#footer .wrapper {  }
#footer .wrapper .footer_logo { text-align:center; }
#footer .wrapper .footer_logo img { height:30px; }

#footer .wrapper .nav { width:100%; margin:30px 0; overflow:hidden; }
#footer .wrapper .nav ul { float:left; width:33.3%; }
#footer .wrapper .nav ul li.tit { margin:0;  font-size:1.1em; font-weight:600; color:#222; }
#footer .wrapper .nav ul li { margin:5px 0; font-size:0.9em; line-height:1.5em; text-align:center; } 
#footer .wrapper .nav ul li a:hover { text-decoration:underline; }

#footer .wrapper .address { width:100%; font-size:0.9em; text-align:center; }
#footer .wrapper .address h1 { margin:0 0 10px; font-size:1.1em; color:#222;}
#footer .wrapper .address .admin { margin:30px 0 0; }
#footer .wrapper .address .admin li { display:inline-block; }
#footer .wrapper .address .admin li:nth-child(2) .link:before, #footer .wrapper .address .admin li:nth-child(3) .link:before { display: inline-block; content: ''; top:0; margin:0 15px 0 12px; width: 1px; height: 13px; background:#999;}
#footer .wrapper .address .admin li .link{ display: block; }
#footer .wrapper .address .admin li:nth-child(3) { display:none; }

#footer .copyright { border-top:1px solid #dedede; margin:30px 0 0; padding:30px 0 0; font-size:0.9em; text-align:center; }
#footer .copyright li { display:inline-block; }
#footer .copyright li:nth-child(2) .link:before, #footer .copyright li:nth-child(3) .link:before, #footer .copyright li:nth-child(4) .link:before { display: inline-block; content: ''; top:0; margin:0 15px 0 12px; width: 1px; height: 13px; background:#999;}
#footer .copyright li .link { display: block; font-weight:500; color:#222; }
#footer .copyright span { display:block; margin:10px 0 0; }
	
	
}