img[src$=".gif"], img[src$=".png"], img[src$=".jpg"] {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.flex.main_nav{max-width:1544px; margin:0 auto; justify-content:space-between;}

.sub_vi {width:100%; display:inline-block; text-align:center; box-sizing:border-box; height:50%; position:relative;}
.sub_vi_text{line-height:2.5em; font-weight:600; color:#fff; position:absolute; top:55%; left:50%; transform: translate(-50%, -55%); letter-spacing:-1px; width:100%; padding:0 5%; box-sizing:border-box; text-shadow:2px 2px 3px rgba(0,0,0,.4)}
.sub_vi_text p{font-size:1.3rem; font-weight:700; line-height:1.2; letter-spacing:-1.1px;}
.sub_vi_text p span{font-size:3rem; font-weight:700;}
.sub_nav-wrap { position:relative; width: 100%; float:left;  background:rgba(0,0,0,0.4);  position:absolute; top:-52px; left:0;}
.sub_nav-wrap .sub_nav_1200 {position:relative;  width:1200px; margin:0 auto; }
#sub_wrap {position:relative; width:100%; box-sizing:border-box;}
#sub_nav {  width:100%; float:left; list-style: none; }
#sub_nav li.home_bt {width:55px; height:52px; border-right:1px solid #999; border-left:1px solid #999; text-align:Center; float:left; border-top:0; border-bottom:0;  box-sizing:border-box; }
#sub_nav li.home_bt i{vertical-align:middle; text-align:center; margin-right:8px;}
#sub_nav li.sub_nav-title {width:240px; float: left; display: block;  position: relative; z-index: 999; }
#sub_nav li.sub_nav-title a {width:240px; display: block; font-size:16px; color:#fff; padding-left:15px; line-height: 52px; text-decoration: none; box-sizing:border-box;}
#sub_nav ul {width:240px; position: absolute; right: 0px; display: none; margin: 0; padding: 0; list-style: none; border:1px solid #ddd; border-bottom:3px solid #26335e;}
#sub_nav ul li { width: 100%; float: left; border-top: 1px solid #fff; text-align: left; background:#fff; box-sizing:border-box; }
#sub_nav ul li a { display: block; line-height: 20px; border-bottom: 1px solid #ddd; color: #666 !important; font-weight: 400; }
#sub_nav ul li a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: #f7f7f7; color: #333; font-weight: 500;  }
#sub_nav li i {font-size:22px; float:right; color:#ddd; padding:15px 0 0 20px; width:55px; height:52px; box-sizing:border-box;}



/* 공통 */
.sub_wrap{padding:5em 0;}
.sub_wrap_inner{}
.sub_top_title{font-size:2rem; font-weight:700; text-align:center; margin-bottom:2em;}
.c{text-align:center;}





/* 연혁 */
.history_wrap ul li{display:flex; align-items:center; justify-content:center; padding:1em 0; box-sizing:border-box;}
.history_wrap ul li > p{font-size:2rem; border:13px solid #661b76; box-sizing:border-box; border-radius:50%; width:200px; height:200px; font-weight:600;}
.history_line{width:200px; height:2px; background-color:#661b76;}
.history_txt{border:1px solid #ddd; background:#f7f7f7; height:100%; padding:2em; box-sizing:border-box;}
.history_txt p{width:500px; line-height: 1.2;}
.history_txt p span{font-weight:600; font-size:1.2rem; margin-right:10px;}

.history_wrap ul li:nth-child(even) > p{border:13px solid #fa9d1a;}
.history_wrap ul li:nth-child(even) > .history_line{background-color:#fa9d1a}




/* 인사말 */
.sub_wrap1{background:#eef3f6; padding:5em 0; margin-bottom:5em}
.section1{width:1200px; margin:0 auto;}
.ceo_left{width:61%}
.ceo_left h2{font-size:2rem; font-weight:600; line-height:1.2; margin-bottom:20px;}
.ceo_left h2 > span{color:#fa9f1d; font-weight:700}
.ceo_left p{color:#777; line-height:1.3; font-size:1.1rem;}
.ceo_right{width:39%; text-align:right}
.ceo_right img{width:53%;}






/* 미션과 비전 */
#product .product_wrap {width:100%; display:inline-block; position:relative; }
#product .product_wrap .box_wrap{width:100%; display:flex; align-items:center; justify-content :space-between; margin:auto auto 1em auto;}
#product .product_wrap .box_wrap3{width:100%; display:flex; align-items:center; justify-content:space-between; margin:0 auto;}
#product .product_wrap .one {width:40%; padding-bottom:14.5%; border-radius:100px; background-color:#fff;  box-sizing:border-box; text-align:center;  color:#333; z-index:9999; position:Relative; font-size:0; line-height:0;}
#product .product_wrap .one .one_line{width:97%; height:93%; border:5px solid rgba(255,255,255,.8); border-radius:100px; margin-left:9px; box-sizing:border-box;}
#product .product_wrap .one.one_tit{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; width:20%; padding-bottom:20%; z-index:1}

#product .product_wrap .one_bg {width:84%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
#product .product_wrap .one  div {position:absolute; width:100%; left:0; top:50%; transform: translate(0, -50%);  z-index:99999999999999;  font-size:1rem; line-height:1.3em;}
#product .product_wrap .one div img {max-width:100px}
#product .product_wrap .one b {font-weight:600; font-family: 'Montserrat';font-size:1.2em; display:block; line-height:1.3em; letter-spacing:.5px}
#product .product_wrap .one b.som{font-size:2rem; color:#671c79; font-weight:700}

.type_c .ani1,.type_c .ani2 { width:100%; height:100%; background-color:#fff; border:12px solid #f0903a; box-sizing:border-box; text-align:center; color:#333; border-radius:50%; z-index:99; position:Relative; }
.ani1{ animation: ani1 1.5s infinite; }
.ani2{ animation: ani2 1.5s infinite; }
	@keyframes ani1{
	  from{
	    transform:scale(1,1);
		opacity: 1; top:0;
		background-color:#fff;
	  }
	  to{
		transform:scale(1.15,1.15);
		opacity: 0; top:-.2%;
		background-color:#fff;
	  }
	}

	@keyframes ani2{
	  from{
	   transform:scale(1,1);
		opacity: 1; top:0;
		background-color:#fff;
	  }
	  to{
		transform:scale(1.27,1.27);
		opacity: 0; top:-.3%;
		background-color:#fff;
	  }
	}
 
#product .product_wrap .one.bg_color1 {background-color:#30c0b4; border:2px solid #30c0b4; color:#fff;  }
#product .product_wrap .one.bg_color2 {background-color:#36a096; border:2px solid #36a096; color:#fff;  }
#product .product_wrap .one.bg_color3 {background-color:#137d73; border:2px solid #137d73; color:#fff;  }
#product .product_wrap .one.bg_color1 b,.bg_color2 b,.bg_color3 b,.bg_color4 b {color:#fff}
#product .product_wrap .li_box {width:20%; }
#product .product_wrap .li_box ul {width:100%;}
#product .product_wrap .li_box li {font-size:0.95rem; text-align:left; line-height:1.2em; padding-bottom:10px; width:100%; color:#444;}
#product .product_wrap .li_box li:last-child {padding-bottom:0}
#product .product_wrap .box_wrap .li_box:nth-child(1) li {text-align:right}
#product .product_wrap.type_c .one_tit{border:5px solid #e68127;}
#product .product_wrap.type_c .bg_color1 {background:#fa9d1a; border:none}
#product .product_wrap.type_c .bg_color2 {background:#fa9d1a; border:none}
#product .product_wrap.type_c .bg_color3 {background:#fa9d1a; border:none}
#product .product_wrap.type_c .bg_color4 {background:#fa9d1a; border:none; color:#fff;}

.mission{border:1px solid #ddd; background:#f7f7f7; margin-bottom:5em; padding:2em; justify-content:center; font-weight:600; flex-direction:column; align-items:center;}
.mission p:first-child{font-size:1.4rem; margin-bottom:0.5em; color:#661b76; font-weight:700;}
.vision_txt p:first-child{font-size:1.8rem}
.vision_txt p:last-child{font-size:1.3rem; line-height:1.3;}
.vision_txt i{font-size:1.2rem; display:block; margin-top:-0.6em;}



.first-title{color:#671c79; font-weight:700; font-size:2.8rem;}






/* 조직도 */
.company04_wrap {position:relative; width:100%; display:inline-block; padding:0 18%; box-sizing:border-box; margin:0 auto; z-index: -1;}
.company04_wrap .box {width:200px; line-height:55px; font-size:1.2rem; font-weight:600; display:inline-block; background-color:#fa9d1a; color:#fff; text-align:center; position:absolute; z-index:999}
.company04_wrap .box.type1 {left:50%; margin-left:-100px; }
.company04_wrap .box.type2 {right:30%; top:120px; }
.company04_wrap .box.type3 {left:50%; margin-left:-100px; top:227px }
.company04_wrap .box.type4 {right:30%; top:345px; }
.company04_wrap .box.type5 {left:30%; top:345px; }
.company04_wrap .box.type6 {left:50%; margin-left:-100px; top:450px }
.company04_wrap .box:after {position:absolute; width:95%; top:10%; left:2.5%; height:80%; border:1px solid rgba(255,255,255,.5); content:''; display:inline-block; box-sizing:border-box;}
.company04_wrap .box_100 {width:100%; display:flex; justify-content:space-between; margin-top:593px;}
.company04_wrap .box2 {width:200px; line-height:45px; font-size:1.1rem; display:inline-block; background-color:#671c79; color:#fff;  text-align:center;  z-index:999; font-weight:600}
.company04_wrap .box2 span{font-weight:400}
.company04_wrap .box_80 {width:70%; margin-left:15%; display:flex; justify-content :space-between; margin-top:80px;}
.line_x {width:50%; height:1px; display:inline-block; position:absolute; background-color:#333;}
.line_y {width:1px; height:612px; display:inline-block; position:absolute; background-color:#333;}
.line_x.line-x_type1 {top:147px; width:200px; left:50%;}
.borderb_i{border-bottom:1px solid #fff; width:100%; height:2px; display:block}







/* 찾아오시는길 */
.sub_map_wrap{align-items:flex-end; justify-content:space-between}
.sub_map_txt{width:50%; background-color:#fb9e1d; padding:70px 0; color:#fff; font-size:1rem; text-align:center; line-height:1.4em; position: relative;}
.sub_map_txt img{margin-bottom:2em}
.sub_map_txt:after{content:''; width:calc(100% - 15px); height:calc(100% - 15px); display:inline-block; border:1px solid #fff; position:absolute; top:7.5px; left:7.5px; box-sizing:borde-box;}
.sub_map_txt .txt1{font-size:1.15em; font-weight:700}
.sub_map_txt p{font-size:1rem;}





/* 취지와 목적 */
.business_wrap{border:1px solid #ddd}
.business_left{width:50%;}
.business_right{width:50%}
.business_txt{padding:2.5em 3.5em; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center;}
.business_txt p{line-height:1.3; margin-bottom:1em; color:#666; word-break:keep-all; display:list-item; list-style-type:disc;  font-size:1rem;}
.business_txt p::marker{color:#661b76}
.business_txt p:last-child{margin-bottom:0}
.business_txt h2{font-size:1.5rem; font-weight:700; margin-bottom:1em; margin-left:-20px}




/* 법인시설 - 법인시설 */
.gallery{}
.gallery ul{} 
.gallery ul:after{content:''; display:block; clear:both;}
.gallery ul li{width:49.5%; float:left; cursor: pointer;}
.gallery ul li:nth-child(odd){margin-right:1%}
.gallery ul li p{text-align:center; padding-top:1em; font-size:1.5rem; font-weight:500}

.gallery ul li img:hover {filter: grayscale(1);}


/* 후원안내 - 후원안내 */
.sponsor_wrap{}
.sponsor_wrap ul{display:flex; justify-content:space-between}
.sponsor_wrap ul li{width:47%;}
.sponsor_txt{background:#fff; transform:translateY(-40px); width:86%; padding:20px; border-top:3px solid #671c79}
.sponsor_txt p:nth-child(1){font-size:2rem; font-weight:600; color:#000; margin-bottom:1em}
.sponsor_txt p:nth-child(2){font-size:1.2rem; line-height:1.2; font-weight:500; color:#777}
.bank{border:1px solid #ddd; display:inline-block; padding:2em 4em 2em 2em; box-shadow:0.5em 0.5em 0.5em rgb(9 50 14 / 6%); margin-right:1em;}
.bank p{font-size:1.5rem; line-height:1.2; font-weight:600}
.bank p img{margin-bottom:1em}
.sponsor_last span{font-size:1.5rem; font-weight:500}
.sponsor_wrap h2{font-size:1.5rem; font-weight:600; }




/* 게시판 - 포토갤러리 */
.gall {width:100%; font-size:0;flex-wrap:wrap; margin:0 auto; display:flex; }
.gall li {display:inline-block; border:1px solid #ddd; border-right:none; width:25%; margin-bottom:30px; box-sizing:border-box;  font-size:17px; font-weight:600; text-align:center; color:#333;  position:relative; padding-bottom:60px;}
#main .gall li {padding-bottom:40px}
.gall li a {color:#333 !important; }  
.gall li:nth-child(4n) {border-right:1px solid #ddd}
.gall li:last-child {border-right:1px solid #ddd}
.gall li div.img_box {  width:100%; padding:10px; box-sizing:border-box; display:inline-block;}
.gall li div.img_box img {width:100%;}
.gall li div.img_box:hover {filter: grayscale(1);}
.gall li div.text {width:100%; display:inline-block; background-color:#f9f9f9; padding:10px;  box-sizing:border-box; position:absolute; bottom:0; left:0;}
.gall li span {width:100%; letter-spacing:0; display:inline-block; font-size:16px; color:#777; font-weight:300; margin-top:5px;}







/* 게시판 */
.sub_wrap_inner .write_span{display:block; text-align:right;}
.sub_wrap_inner .write_span a{text-align:right; margin-bottom:1em; background-color:#777; box-shadow:1px 1px 2px #ddd; color:#fff !important; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}

table.list .tl span{margin-left:10px; color:#E52533}
.pw_box > span{display:flex; align-items:center; font-weight:500; margin:1em 0;}
.pw_box > span > input{margin-left:10px;}