@charset "utf-8";
#wrap {width:100%; overflow:hidden;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}

.gnb_wrap{float:left; width:100%; padding:10px 50px; display:flex; align-items:center; justify-content: space-between; background:#4078ff; border-bottom:1px solid #3869e0;}
.gnb_wrap.active{position:fixed; top:0; z-index:999; background:#4c81ff;}

.gnb_box{width:100%; float:left; text-align:center; transition:all 0.5s;}
.gnb_box ul{display:flex;}
.gnb_box li{float:left; width:calc(100% / 12); height:42px; line-height:38px; display:flex; align-content: center; justify-content: center; border:1px solid #2d62e2; background:#3869e0; margin:0.2vw 0.2vw 0.2vw 0.2vw; border-radius:5px; transition:all 0.3s;}
.gnb_box li a{display:block; width:100%; height:100%; font-size:14px; color:#ffffff; transition:all 0.3s;}
.gnb_box li.active a{height:42px; line-height:38px; color:#ffffff; background:#0037bc; border:1px solid #0037bc; border-radius:5px;  transition:all 0.3s;}
.gnb_box li a:hover{height:42px; line-height:38px; color:#ffc000; background:#0037bc; border:1px solid #0037bc; border-radius:5px; }


@media screen and (max-width:1820px) {
	.header_wrap{height:auto;}
	.gnb_wrap{padding:10px 30px;}
	.gnb_box ul{flex-wrap: wrap;}
	.gnb_box li{width:18.4%; margin:0.1vw 2% 0.1vw 0;}
	.gnb_box li:nth-child(5n){margin:0.1vw 0 0.1vw 0;}
}

@media screen and (max-width:1600px) {
	.gnb_wrap{padding:10px 20px;}
}

@media screen and (max-width:1440px) {
	.gnb_wrap{padding:10px 10px; flex-direction: column;}
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {
	.gnb_box li{width:24.25%; margin:0.1vw 1% 0.1vw 0;}
	.gnb_box li:nth-child(5n){margin:0.1vw 1% 0.1vw 0;}
	.gnb_box li:nth-child(4n){margin:0.2vw 0 0.2vw 0;}
}

@media screen and (max-width:458px) {
	.gnb_wrap.active{position:static; }
}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title {float:left; width:100%; text-align:center; font-size:14px; font-weight:500; line-height:50px; color:#000000; background:#ffffff; border-radius:5px; box-shadow:rgba(0,0,0,0.1) 2px 2px 5px -1px;}

.contents_wrap{float:left; width:100%; margin:0 0 100px 0; transition:all 0.5s;}
.contents_box {width:1780px; margin:0 auto; overflow: hidden; transition:all 0.1s; display:none;}
.contents_box.active {display:block;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


.yhj_day{float:left; width:100%; margin:30px 0 0 0; background:#f4f4f4; padding:1%; border-radius:5px; box-shadow:rgba(0,0,0,0.3) 1px 1px 7px -1px;}
.yhj_day:hover {width:100%; background:#e7ebf6; border-radius:5px;}
.yhj_img{width:100%; margin:40px 0 0 0;}
.yhj_text{float:left; width:100%; padding:10px 10px 20px 10px;  font-size:14px; line-height:30px; color:#222222; font-weight:700; text-align:center;}

#gallery img{padding:10px;}
@media screen and (max-width:1820px) {
	.contents_box {width:100%; padding:0 20px;}
}

@media screen and (max-width:1440px) {
	
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:458px) {
.contents_box{padding: 0 8px;}
}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_btn_wrap{float:left; width:100%; margin:100px 0 0 0;}
.main_btn_box{width:1780px; margin:0 auto;}
.main_btn_box li{float:left; width:48%; margin:0 1% 2% 1%; padding:20px 0 20px 0; display:flex; align-content: center; justify-content: center; border:1px solid #2d62e2; background:#3869e0; border-radius:5px;}
.main_btn_box li:hover{background:#1c48b2;}
.main_btn_box li a{display:block; width:100%; height:100%; text-align:center; font-size:4vw; color:#ffffff;}

@media screen and (max-width:1820px) {
	.main_btn_box {width:100%; padding:0 20px;}
}

/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* top ▲ */
.go-top {position:fixed; display:block; width:40px; height:40px; line-height:35px; text-align:center; font-size:30px; bottom:-10%; right:20px; background:#3869e0; color:#ffffff; border-radius:5px; z-index:999; font-size:22px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.go-top.show{bottom:10px;}