@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Pretendard', dotum, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;letter-spacing:-1px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em; font-family: "Pretendard";}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

/* 상단 레이아웃 */

#logo {float:left;padding:30px 0 0}
.logo img {width:200px;}


/* 메인메뉴 */
#gnb{position:relative}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;width:1200px;position:relative}
#gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#253dbe;zoom:1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3);
box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}

.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;}
.gnb_2dli{border-top:1px solid #253dbe}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
a.gnb_2da:hover{background:#0e2080;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.gnb_2da:focus, .gnb_2da:hover {color:#fff}

.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px }
#gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li i{color:#9ca6cc}
#gnb_all .gnb_al_li li a{color:#555}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-family:"Malgun Gothic", sans-serif;font-size:13px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 폼 테이블 */
.wr_content textarea,.form_01 textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* 테이블 항목별 정의 */
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* Mobile화면으로 */

* { margin:0; padding:0 }
li {list-style:none;}

.inner {width:1200px;margin:0 auto; position:relative;box-sizing:border-box;}

.mob_ver {display:none;}
#header {
	width:100%;
	background:#fff;
	border-top:7px solid #333;
	overflow:hidden;
	position:fixed;
	left:0;
	top:0;
	z-index:99999;
}

/* Icon 3 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {top:50%; margin-top:-14px;float:right;width: 30px;height: 28px;position: absolute;right:3%;cursor: pointer;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display: block;position: absolute;height: 4px;width: 100%;background: #535353;border-radius: 5px;opacity: 1;left: 0;}
#nav-icon2 {right: 7%;width: 36px;top: 45%;}
#nav-icon2 img {width: 100%;}
#nav-icon3 span:nth-child(1) {top: 3px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 50%; margin-top:-2px;}
#nav-icon3 span:nth-child(4) {  bottom: 3px;}
#nav-icon3.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}

.ham_nav { width:100%; position:fixed; top:0; left:200%; background:rgba(0,0,0,0.8); height:100%; transition:all 0.5s; z-index:99998 } 
.ham_nav.on { left:0%; }
.ham_nav ul { width:100%;height:100%;padding:130px 3% 50px; overflow-y:auto; } 
.ham_nav ul li { font-size:22px; width:100%; text-align:center; } 
.ham_nav ul li a { color:#fff; margin-bottom:20px; display:block; cursor:pointer; }
.ham_nav ul li a {-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}

#visual {
	position: relative;
	width:100%;
}
#visual .inner {
	width: auto; 
	margin: 0;
	position: initial;
}
.visual_wrap {
	position: absolute;
	left: 50%;
	top: 60%;
	width: 800px;
}
.visual_txt {
	text-align: right;
	font-size: 65px;
	line-height: 70px;
	color: #fff;
	font-weight: 600;
	padding: 37px;
	background: #3339;	
}
#popup_layer {
	position:fixed; top:200px; right:10%; 
	width:150px; 
	z-index:100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition:1s all ease;
}
#popup_layer li {
	border: 1px solid #aaa;
	padding: 10px 10px 0 10px;
	margin-bottom: 5px;
	background: #fff;
	text-align: center;
}
#popup_layer img {width: 100%;}
#popup_layer p {font-size:1.2em;margin-top: 10px; margin-bottom: 10px;}

@media screen and (max-width:1600px) {
	#visual {height:700px;}
	.visual_wrap {width: 50%; right: 0; left: auto;}
	.visual_txt {font-size: 40px; line-height: 60px;}
}

@media screen and (max-width:1200px) {
	.inner {width:100%;padding-left:15px;padding-right:15px;}
	#mid01_02_bg .inner {padding:0;}
	#nav-icon2 {right:9%;}
	.visual_txt {text-shadow:3px 3px 2px rgba(0,0,0,0.3);}
	#popup_layer {right:5%;top:150px;width:125px;transition:1s all ease;}
}

@media screen and (max-width:992px) {
	#visual {padding:50px 0;text-align:center;position:relative;}
	#visual .inner {z-index:10;}
	.visual_wrap {width: 100%; top: auto; bottom: 0;}
	.visual_txt {font-size:30px;line-height:40px;}
	.visual_txt .pc_ver {display:none;}
	.visual_txt .mob_ver {display:block;}
	#popup_layer {right:15px;top: 100px;width:100px;transition:1s all ease;}
}
@media screen and (max-width:640px) {
	#header {height:65px;border-top:3px solid #333;}
	.logo {line-height:62px;}
	.logo img {width:100px;}
	#nav-icon1, #nav-icon3, #nav-icon4 {width:35px;}
	.ham_nav ul {padding:100px 3% 50px;}
	.ham_nav ul li {font-size:17px;}
	#nav-icon2 {right: 13%;width: 38px;top: 42%;}
	#popup_layer {display: none;}
}

@media screen and (max-width:480px) {
	#visual {padding:30px 0;}
	.visual_txt {font-size:25px;}
}
@media screen and (max-width:360px) {
	#nav-icon2 {right: 15%;}
}

.main_tit {
	font-size:36px;
	line-height:36px;
	font-weight:800;
	color:#333;
	text-align:center;
}
.main_tit::after {content:'';display:block;width:74px;height:4px;background:#333;margin:20px auto 0;}

#mid01_02_bg {
	width:100%;
	overflow:hidden;
}
#mid01 {padding:95px 130px 0;}
.mid01_txt {
	font-size:18px;
	line-height:25px;
	color:#616161;
	word-break:keep-all;
	text-align: justify;
	margin:35px 0 100px;
}
.mid01_txt span {font-weight: 600;font-size:1.3em}

#mid02 {text-align:center;background:#F6F6F6;padding-top:95px;}
#mid02 .main_tit::after {margin-bottom:40px;}
.mid02_ul {margin-bottom:100px;overflow:hidden;}
.mid02_ul li {display:inline-block;vertical-align:middle;}
.mid02_ul02 li:nth-child(2) {margin:0 20px;}
@media screen and (max-width:1200px) {
	#mid01_02_bg {padding-bottom:50px;}
	#mid01 {padding:50px;}
	.mid01_txt {margin:30px 0 40px;font-size:17px;}
	#mid02 {padding:50px 15px 0;}
	#mid02 .main_tit::after {margin-bottom:30px;}
}
@media screen and (max-width:1100px) {
	.mid02_ul02 {display:table;}
	.mid02_ul02 li {display:table-cell;width:33.333%;margin-right:0;padding:0 1%;}
	.mid02_ul02 li img {width:100%;}
}
@media screen and (max-width:992px) {
	#mid01 {padding:50px 15px;}
}
@media screen and (max-width:768px) {
	.main_tit {font-size:30px;line-height:30px;}
}
@media screen and (max-width:640px) {
	.main_tit {font-size:25px;line-height:25px;}
	.mid02_ul {margin-bottom:50px;}
}
@media screen and (max-width:480px) {
	.main_tit {font-size:21px;line-height:21px;}
	.main_tit::after {width:54px;height:2px;margin:15px auto 0;}
}

#mid03 {padding:85px 0 95px; background: #9992;}
.mid03_tb {
	width:90%;
	margin:40px auto 0;
	border-collapse:collapse;
	font-size:18px;
	line-height:23px;
}
.mid03_tb th {
	width:45%;
	color:#eee;
	background:#464646;
	font-weight:500;
	padding:11px 20px 10px;
	border:6px solid #c4c4c4;
}
.mid03_tb td {
	color:#616161;
	background:#eee;
	padding:11px 20px 10px;
	border:6px solid #c4c4c4;
}

@media screen and (max-width:1200px) {
	.mid03_tb {margin-top:30px;}
}
@media screen and (max-width:992px) {
	#mid03 {padding:50px 0;}
	.mid03_tb {width:100%;}
}
@media screen and (max-width:640px) {
	.mid03_tb {width:100%;font-size:17px;}
	.mid03_tb th {width:45%;padding:6px 10px 5px;}
	.mid03_tb td {padding:6px 10px 5px;}
}
@media screen and (max-width:480px) {
	.mid03_tb {font-size:15px;}
}

#mid04 {padding-bottom:170px;text-align:center;}
.mid04_img {margin-top:55px; font-size: 2em;}
@media screen and (max-width:1200px) {
	.mid04_img {margin-top:30px;}
}
@media screen and (max-width:992px){
	#mid04 {padding-bottom:50px;}
}
@media screen and (max-width:870px) {
	.mid04_img img {width:100%;}
}

#mid05 {
	padding:80px 0 60px;
	background: #eee9;
	/* background:url(../images/mid05_bg.jpg) no-repeat center center;background-size:cover; */
	position:relative;
}
.mid05_wrap {
	display: flex;
	margin-top:30px;
	overflow:hidden;
	padding:0 45px;
	position:relative;
	z-index:10;
}
.mid05_lt {
	flex:1; 
	font-size:20px;
	line-height:40px;
	color:#7e7e7e;
	padding: 2rem;
	display: flex;
	align-items: center;
}
.mid05_rt {flex:1}
@media screen and (max-width:1100px) {
	#mid05 {padding:100px 0 150px;}
	.mid05_wrap {padding:0;flex-direction: column;}
	.mid05_lt {font-size:17px;line-height:25px;}
}
@media screen and (max-width:830px) {
	#mid05 {text-align:center;padding:50px 0;}
	#mid05::before {content:'';display:block;width:100%;height:100%;background:rgba(255,255,255,0.7);position:absolute;left:0;top:0;}
	.mid05_lt {padding-top:30px;padding-bottom: 0;color:#333;font-weight:600;}
}
@media screen and (max-width:480px) {
	.mid05_rt img {width:200px;}
}

#mid12 {padding:120px 0;text-align:center;background:#fff;}
.mid12_wrap {width:770px;margin:0 auto;}
#mid12 .mid12_txt {font-size:20px;line-height:30px;color:#474545;margin:40px 0 50px;}

.contact {width:100%;font-size:17px;}
.contact ul li {overflow:hidden;margin-bottom:15px;}
.contact ul p {float:left;width:49%;}
.contact ul .contact_lt {margin-right:2%;}
.contact input[type='text'] {width:100%;height:60px;border:2px solid #e5e5e5;border-radius:5px;padding:0 10px;}
.contact input[type='tel'] {width:100%;height:60px;border:2px solid #e5e5e5;border-radius:5px;padding:0 10px;}
.contact textarea {
	width:100%;
	height:200px;
	border:2px solid #e5e5e5;
	border-radius:5px;
	padding:10px;
	font-family:'Pretendard', sans-serif;
}
.contact button {width:100%;height:68px;color:#fff;background:#333;border-radius:5px;border:none;outline:none;}

@media screen and (max-width:992px) {
	#mid12 {padding:50px 0;}
}
@media screen and (max-width:820px) {
	.mid12_wrap {width:100%;}
}
@media screen and (max-width:640px) {
	#mid12 .mid12_txt {margin:30px 0;}
}
@media screen and (max-width:600px) {
	#mid12 .mid12_txt {font-size:17px;line-height:27px;}
}
@media screen and (max-width:480px) {
	#mid12 .mid12_txt {font-size:13px;line-height:23px;margin:20px 0;}
	.contact {font-size:15px;}
	.contact ul p {float:none;width:100%;}
	.contact ul .contact_lt {margin-right:0;margin-bottom:10px;}
	.contact input[type='text'] {height:45px;padding:0 7px;}
	.contact input[type='tel'] {height:45px;padding:0 7px;}
	.contact textarea {height:140px;padding:7px;}
	.contact button {height:45px;}
}
@media screen and (max-width:340px) {
	#mid12 .mid12_txt {font-size:12px;}
	.mid12_ul02 li img {width:35px;}
}

#footer {background:#313131;padding:50px 0;text-align:center;letter-spacing:-0.5px;}
#footer p {font-size:17px;line-height:24px;font-weight:600;color:#a4a4a4;}
#footer .ft_addr {margin-bottom:20px;}

@media screen and (max-width:930px) {
	#footer .ft_addr .pc_ver {display:none;}
	#footer .ft_addr .mob_ver {display:block;}
}
@media screen and (max-width:600px) {
	#footer {padding:30px 0;}
	#footer p {font-size:13px;}
}
@media screen and (max-width:480px) {
	#footer p {font-size:11px;line-height:18px;}
	#footer .ft_addr {margin-bottom:10px;}
}

/************** application *****************/
.in_pc{display: block;}
.in_mobile{display: none;}
.sb {font-weight:500;}
.b, b{font-weight: 700;}
.eb {font-weight:900;}
.u {text-decoration:underline;}
.red {color: #f00;}
.txl {text-align: left !important;}
.txr {text-align: right !important;}
.txc {text-align: center !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.pt30 {padding-top:30px !important;}
.box_btn{
  text-align: center;
  margin:20px 0 30px;
}