@charset "utf-8";

/* sub wrap */
.sub_wrap{width: 100%;margin-top:130px;overflow: hidden;}


/*  sub visual */
.sub_vis_sec {position: relative;width: 100%; max-width:1600px; margin:auto;background:url(../../images/sub/sub_vis_bg.jpg) no-repeat center top; height: 260px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; transition:1.2s;z-index: -1;}


/* 서브 타이틀 & bread navigation */
.s_tc {height:260px;max-width: 1600px;margin: 0 auto;display: table;text-align: center;}
.s_tc_in{width:100%;height: 100%;;display:table-cell;vertical-align: middle;}

.s_tc_in .sub_vis_tit {position:relative;opacity:0;font-size:45px;font-weight:700;color:#333333;transition:1s 1.8s ease; line-height: 64px;text-align: center; animation-duration: 1s;	animation-name: slidein2; animation-fill-mode: forwards;opacity:0;;}

.s_tc_in .bread_navi{margin-top:2px;}
.s_tc_in .bread_navi li{position: relative;display: inline-block;margin-right: 33px;font-size:16px;line-height: 31px;color: #333333;font-weight: 400;text-align: center;animation-duration: 1.5s;animation-name: slidein3; animation-fill-mode: forwards;opacity:0;}
.s_tc_in .bread_navi li.braed_home img{vertical-align: -3px;}
.s_tc_in .bread_navi li:before{content: '';position: absolute;top:50%;right:-21px;width: 6px;height: 10px;margin-top:-5px;background: url(../../images/sub/bread_ico_arr.png) no-repeat center;}
.s_tc_in .bread_navi li:last-child:before{display: none;}



/* lnb */
.sub_layout {margin-top: 80px;margin-bottom:150px;}
.sub_layout .lnb {float: left;width: 18.18%;margin-right:6.06%} 

.lnb_tit{font-size:30px;line-height: 35px;color: #333333;font-weight: 600;}
.lnb_list_wrap{width: 100%;margin-top:17px;border-top:1px solid #222222}
.lnb_list_wrap ul li{position: relative;display: table;width:100%;height: 57px;border-bottom: 1px solid #dddddd;}
.lnb_list_wrap ul li a{display: table-cell;vertical-align: middle;width: 100%;padding-left: 19px;box-sizing:border-box;font-size:1rem;line-height: 1.3;background-color: #fff;}

.lnb_list_wrap ul li.current a{background-color: #77b3d8;color: #fff;}
.lnb_list_wrap ul li.current:after{content: '';position: absolute;top:50%;right:20px;width: 15px;height: 3px;background: url(../../images/sub/lnb_current_bg.png) no-repeat center;}

 @keyframes slidein2{
  0%{opacity: 0;bottom:-50px;	  }
   30%{opacity: 0;	  }
  100% {	opacity: 1;	bottom:0px;  }
 }

 @keyframes slidein3{
  0%{opacity: 0;bottom:-50px;	  }
  30%{opacity: 0;	  }
  100% {	opacity: 1;	bottom:0px;  }
 }


/* sub contents */
.sub_cont{float: left;width: 75.76%;}
.sub_cont_tit{margin-bottom: 27px;padding-left: 23px;font-size:30px;line-height: 1;color: #333333;font-weight: 500;background: url(../../images/sub/sub_tit_bg.png) no-repeat left center;}
.s201_3_wrap .sub_cont_tit{margin-bottom: 6px;}
.s301_1_wrap .sub_cont_tit,
.s301_3_wrap .sub_cont_tit,
.s301_4_wrap .sub_cont_tit,
.s401_2_wrap .sub_cont_tit,
.s401_5_wrap .sub_cont_tit,
.s401_6_wrap .sub_cont_tit{margin-bottom: 24px;}

.sub_cont_row {margin-bottom:65px;}
.sub_cont_row:last-child {margin-bottom:0;}

.col_77b3d8{color: #77b3d8;}

.small_txt{/* display: block; */font-size:0.85rem;color: #999;}



/* table layout */
.stable_wrap{border-top:3px solid #77b3d8}
.stable_wrap thead th{background-color: #e4f0f7;}	
.stable_wrap tbody th{background-color: #f6f6f6;}	
.stable_wrap tbody tr{border-bottom:1px solid #ddd;box-sizing:border-box;}

.stable_wrap th{padding: 20px 23px 15px;font-size:1rem;color: #333;font-weight: 500;text-align: center;}
.stable_wrap td{padding: 20px 23px 15px;font-size:1rem;color: #666;font-weight: 400;text-align: left;word-break:keep-all;}
.s104_3_wrap .stable_wrap td,
.s2_table_wrap .stable_wrap td{text-align: center!important;}

.s2_table_wrap .stable_wrap td:last-child{text-align: left!important;}

.stable_wrap tr th,
.stable_wrap tr td,
.stable_wrap tr th,
.stable_wrap tr td{border-right:1px solid #ddd;}

.stable_wrap tr th:last-child,
.stable_wrap tr td:last-child,
.stable_wrap tr th:last-child,
.stable_wrap tr td:last-child{border-right:0}

.txt_center{text-align: center!important;}


/* s101 법인현황 */
.s101_2_wrap figure{margin-top: 30px;}
.color_list_wrap{margin-top: 40px;padding-left: 50px;box-sizing:border-box;}
.color_list_wrap li{position: relative;float: left;width: 33.33%;height: 60px;padding-left: 90px;box-sizing:border-box;}
.color_list_wrap li:before{content: '';position: absolute;top:0;left:0;width: 60px;height: 60px;border-radius:50%;overflow: hidden;}
.color_list_wrap li:nth-child(1):before{background-color: #f18d1a;}
.color_list_wrap li:nth-child(2):before{background-color: #63ac33;}
.color_list_wrap li:nth-child(3):before{background-color: #2285c4;}
.color_list_wrap li span{display: block;}

.color_list_wrap li span.color_tit{font-size:1.125rem;font-weight: 500;}
.color_list_wrap li:nth-child(1) span.color_tit{color: #f18d1a;}
.color_list_wrap li:nth-child(2) span.color_tit{color: #63ac33;}
.color_list_wrap li:nth-child(3) span.color_tit{color: #2285c4;}
.color_list_wrap li span.color_txt{font-size:1rem;color: #666;}

.purpose_list_wrap{display: table;table-layout: fixed;width: 100%;height: 202px;margin-top: 40px;padding:0 31px;box-sizing:border-box;;background: url(../../images/sub/s101_3_bg.jpg) no-repeat center;}
.purpose_list_wrap li{display: table-cell;vertical-align: middle;/* float: left;width: 20%; */text-align: center;}

.purpose_list_wrap li .purpose_tit{font-size:0.875rem;font-weight: 700;}
.purpose_list_wrap li:nth-child(1) .purpose_tit,
.purpose_list_wrap li:nth-child(5) .purpose_tit{color: #ebaf70;}
.purpose_list_wrap li:nth-child(2) .purpose_tit,
.purpose_list_wrap li:nth-child(4) .purpose_tit{color: #99c37e;}
.purpose_list_wrap li:nth-child(3) .purpose_tit{color: #7fb2d2;}

.purpose_list_wrap li .purpose_txt{margin-top: 10px;font-size:1rem;/* line-height: 26px; */color: #333;}



/* s1_2 시설현황 */
.s102_1_wrap{position: relative;width: 100%;height: 347px;margin-bottom: 68px;padding: 86px 50% 0 48px; border: 1px solid #ddd;box-sizing: border-box;}
.s102_1_wrap:before {content: '';position: absolute; top: 0; right: 0; width: 50%; height: 100%;background: url(../../images/sub/s102_1_bg1.png) no-repeat center;}
.s102_1_wrap p{font-size:1rem;color: #808080;line-height: 26px;/* font-weight: 500; */}
.s102_1_wrap p strong{display: block;margin-bottom: 23px;font-size:2rem;color: #77b3d8;font-weight: 700;}


.misson_wrap{position: relative;height: 350px;background: url(../../images/sub/s103_1_img1.jpg) no-repeat 50% 45px;}
.misson_wrap:after{content: '';position: absolute;bottom:-35px;left:50%;transform:translateX(-50%);width:5px;height: 95px;background: url(../../images/sub/s103_1_dot.jpg) no-repeat center;}
.misson_wrap{padding: 60px 48px 0;box-sizing:border-box;}
.misson_wrap ul li:first-child{float: left;text-align: left;}
.misson_wrap ul li:last-child{float: right;text-align: right;}
.misson_wrap ul li h3{margin-bottom: 8px;font-size:1.5rem;color: #77b3d8;font-weight: 700;}
.misson_wrap ul li p{font-size:1rem;color: #666;}

.goal_list_wrap{margin-top:58px;}
.goal_list_wrap h2{width:184px;margin:0 auto;font-size:1.375rem;line-height: 53px;color: #fff;text-align: center;background-color: #105ea6;border-radius:30px;}
.goal_list_wrap ul{position: relative;z-index: -1;height: 370px;margin-top: -29px;background-color: #f6f6f6;padding:53px 0 40px;box-sizing:border-box;}
.goal_list_wrap li{position: relative;float: left;width: 33.33%;height: 100%;padding-top:12px;border-right:1px solid #ddd;box-sizing:border-box;text-align: center;}
.goal_list_wrap li:before{content: '';position: absolute;top:50%;right:-5px;width:10px;height: 10px;background-color: #ddd;transform:rotate(45deg) translate(-50%, -50%);}
.goal_list_wrap li:last-child{border-right: 0;}
.goal_list_wrap li:last-child:before{display: none;}

.goal_list_wrap li figure{width: 133px;height: 133px;margin:auto;border-radius:50%;box-shadow:3px 3px 13px rgba(0,0,0,0.13);}
.goal_list_wrap li span{display: inline-block;margin:35px auto 8px;font-size:1.063rem;color: #333333;font-weight: 600;}
.goal_list_wrap li p{font-size:1rem;color: #666666;}

.box_list_wrap ul{}
.box_list_wrap ul li{float: left;width: 25%;height: 165px;padding: 40px 0 0 45px;border:1px solid #ddd;box-sizing:border-box;border-right: 0;border-bottom: 0;}
.box_list_wrap ul li:nth-child(4n){border-right:1px solid #ddd}
.box_list_wrap ul li:nth-child(n+5){border-bottom:1px solid #ddd}

.box_list_wrap ul li h3{font-size:1.063rem;color: #62ac33;font-weight: 700;}
.box_list_wrap ul li p{margin-top: 5px;font-size:1rem;color: #606060;}



/* s1_3 연혁 */
.history_wrap{border-top:3px solid #77b3d8}
.history_wrap .histo_row{/* display: table; */width: 100%;padding:30px 0 30px;border-bottom: 1px solid #ddd;box-sizing:border-box;}
.history_wrap .histo_row .histo_year{ float: left; /*display: table-cell;vertical-align: middle;*/width: 20.2%;font-size:35px;color: #2286c4;font-weight: 500;text-align: center;}
.history_wrap .histo_row .histo_cont_wrap{float: left;/*  display: table-cell;vertical-align: middle;*/width: 76.8%;padding-left: 13px;box-sizing:border-box;}
.history_wrap .histo_row .histo_cont_wrap .histo_list{margin-bottom:5px;}
.history_wrap .histo_row .histo_cont_wrap .histo_mon{float: left;font-size:1rem;color: #333;font-weight: 500;}
.history_wrap .histo_row .histo_cont_wrap .histo_txt{float: left;margin-left:35px;font-size:1rem;color: #666}


/* s1_4 */
.s104_2_wrap .stable_wrap td{text-align: center;}




/* s1_6 오시는길 */
.map_wrap{width: 100% !important;height: 450px !important;box-sizing: border-box; padding: 3px !important; border: 1px solid #ddd;}
.root_daum_roughmap{width: 100% !important;height: 441px !important;overflow: hidden;border-bottom: 1px solid #ddd;}
.root_daum_roughmap .wrap_controllers{display: none;}

.map_cont_wrap{position: relative;margin-top: 30px;} 

.map_txt{float: left;font-size:1.1rem;line-height: 36px;}
.map_txt ul li{float: left;}
.map_txt ul li:last-child{padding-left: 25px; position: relative;}
.map_txt ul li:last-child:before{position: absolute; content: ''; width: 1px; height: 12px; background: #dbdbdb; left: 13px; top: 12px;}

.map_btns {position: absolute; top: 0;right: 0;}
.map_btns li{float: left;}
.map_btns li a{position: relative;width: 60px; height: 60px; border: 1px solid #ddd;}
.map_btns li a:before{position: absolute; content:''; width: 59px; height: 59px; background: url(../../images/sub/ico_map_search.jpg) center no-repeat; left: 0; top: 0; transition:.3s;}
.map_btns li:last-child a{margin-left: -1px;}
.map_btns li:last-child a:before{background: url(../../images/sub/ico_print.jpg) center no-repeat;}


/* s2_1 이용안내 */
.s105_1_wrap dl{float: left;width:49%;height: 90px;margin-bottom:20px;}
.s105_1_wrap dl:nth-child(2n-1){margin-right:2%}
.s105_1_wrap dl:nth-child(5){margin-bottom:0px;}

.s105_1_wrap dl dt{float: left;display: table;width: 120px;height: 100%;margin-right:10px;border-radius:8px;background-color: #58a3d1;font-size:1rem;color: #fff;text-align: center;}
.s105_1_wrap dl dd{float: left;display: table;width:calc(100% - 130px);height: 100%;padding-left: 29px;box-sizing:border-box;border-radius:5px;background-color: #f6f6f6;font-size:1rem;color: #666666;}

.s105_1_wrap dl dt span,
.s105_1_wrap dl dd span{display: table-cell;vertical-align: middle;}


.arr_box{position: relative;float: left;width:28.45%;height: 265px;margin-right:7.3%;padding-top: 35px;border:1px solid #77b3d8;box-sizing:border-box;border-radius:20px 0 20px 0;text-align: center;}

.arr_box_top .arr_box{float: left;margin-bottom:60px;}
.arr_box_top .arr_box:before{content: '';position: absolute;top:50%;right:-19%;transform:translateY(-50%);width:33px;height: 36px;background: url(../../images/sub/s201_2_arr_rt.jpg) no-repeat center;}
.arr_box_top .arr_box:nth-child(3):after,
.arr_box_mdl .arr_box:nth-child(3):after{content: '';position: absolute;left: 50%;bottom:-19%;transform:translateX(-50%);width:36px;height: 33px;background: url(../../images/sub/s201_2_arr_btm.jpg) no-repeat center;}

.arr_box_mdl .arr_box{float: right;margin-bottom: 60px;}
.arr_box_mdl .arr_box:before{content: '';position: absolute;top:50%;right:-19%;transform:translateY(-50%);width:33px;height: 36px;background: url(../../images/sub/s201_2_arr_lt.jpg) no-repeat center;}

.arr_box_top .arr_box:last-child,
.arr_box_mdl .arr_box:first-child{margin-right:0}

.arr_box_top .arr_box:last-child:before,
.arr_box_mdl .arr_box:first-child:before{display: none;}

.arr_box figure{width:105px;height: 105px;margin:auto;border-radius:50%;overflow: hidden;box-shadow:3px 3px 12px rgba(0,0,0,0.15)}
.arr_box h3{margin: 23px auto 8px;/* font-size:1.438em */font-size:22px;;line-height: 1.3;color: #303030;font-weight: 500;}
.arr_box p{font-size:1rem;color: #666666;}



/* s2 */
.color_box_wrap{margin-top: 30px;}
.color_box_wrap li{float: left;width: 32%;margin-right: 2%;}
.color_box_wrap li:last-child{margin-right: 0}
.color_box_wrap li h3{line-height: 50px;color: #fff;font-weight: 500;text-align: center;}
.color_box_wrap li:nth-child(1) h3{background-color: #77b3d8;}
.color_box_wrap li:nth-child(2) h3{background-color: #f3b472;}
.color_box_wrap li:nth-child(3) h3{background-color: #9eca81;}
.color_box_wrap li h3 span:nth-child(1){position: relative;display: inline-block;margin-right:36px;font-size:1rem;line-height: 50px;font-weight: 400;}
.color_box_wrap li h3 span:nth-child(1):after{content: '';position: absolute;top:52%;right:-25px;transform:translateY(-50%);width: 10px;height: 12px;background: url(../../images/sub/arr_color_box_tit.png) no-repeat center;}
.color_box_wrap li h3 span:nth-child(2){font-size:1.375rem;line-height: 50px;font-weight: 500;}
.color_box_wrap li div{display: table;width: 100%;height: 156px;}
.s201 .color_box_wrap li div{height: 190px;}
.color_box_wrap li div p{display: table-cell;vertical-align: middle;height: 100%;padding: 0 15px;border:1px solid #ddd;border-top: 0;box-sizing:border-box;text-align: center;font-size:1rem;color: #666;word-break:keep-all;}



/* s2_2 사업안내*/
.info_box_wrap{position: relative;display: table;width: 100%;height: 150px;padding:0 47px;border:1px solid #ddd;box-sizing:border-box;}
.info_box_wrap_in{display: table-cell;vertical-align: middle;}
.info_box_wrap:before{content: '';position: absolute;top:-1px;right:-1px;width: 5px;height: calc(50% + 1px);background-color: #77b3d8;}
.info_box_wrap:after{content: '';position: absolute;bottom:-1px;right:-1px;width: 5px;height: calc(50% + 1px);background-color: #9eca81;}

.info_box_wrap h3{margin-bottom: 13px;font-size:1.063em;color: #333333;font-weight: 500;}
.info_box_wrap p{font-size:1rem;color: #666666;/* font-weight: 500; */}

.figure_list_wrap{margin-top: 34px;}
.figure_list_wrap li{float: left;width: 23%;margin-right: 2.65%;border-radius: 15px; overflow: hidden; box-shadow: 7px 7px 15px rgba(0,0,0,0.1);}
.s202_5_wrap .figure_list_wrap li{width:48.5%;margin-right:3%;}
.figure_list_wrap li:last-child{margin-right: 0;}



/* s3_1 후원안내 */
.sub_cont_txt{padding-left: 25px;font-size:1rem;color: #666;box-sizing: border-box;}
.s301_2_box_wrap li{display: table;float: left;width: 49%;height: 210px;margin-right:2%;padding:39px 28px;border:1px solid #ddd;box-sizing:border-box;}
.s301_2_box_wrap li:last-child{margin-right:0}


.s301_2_box_wrap li figure{display: table-cell;vertical-align: middle; height: 100%; width: 106px;}
.s301_2_box_wrap li > div{display: table-cell; vertical-align: middle; height: 100%;padding-left:26px;box-sizing:border-box;}


/* .s301_2_box_wrap li figure{float: left;}
.s301_2_box_wrap li > div{float: left;padding:9px 0 0 24px;box-sizing:border-box;} */
.s301_2_box_wrap li > div h3{margin-bottom: 11px;font-size:1.5rem;color: #303030;font-weight: 500;;}
.s301_2_box_wrap li > div p{font-size:1rem;color: #666;;}

.tel_info_wrap{position: relative;border:1px solid #ddd;padding:24px 48px 26px;}
.tel_info_wrap:before{content: '';position: absolute;top:-1px;right:-1px;width: 5px;height: calc(50% + 1px);background-color: #77b3d8;}
.tel_info_wrap:after{content: '';position: absolute;bottom:-1px;right:-1px;width: 5px;height: calc(50% + 1px);background-color: #9eca81;}

.tel_info_wrap h3{display: inline-block;font-size:1rem;line-height: 48px;color: #000;font-weight: 500;}
.tel_info_wrap p{display: inline-block;margin-left: 32px;padding-left: 46px;font-size:1.25rem;line-height: 38px;color: #77b3d8;font-weight: 600;background: url(../../images/sub/ico_tel.png) no-repeat left center;}

.s301_3_wrap .sub_cont_txt span{position: relative;display: inline-block;margin-right:25px;}
.s301_3_wrap .sub_cont_txt span:first-child:after{content: '';position: absolute;top:50%;right:-15px;transform: translateY(-50%);width:2px;height: 16px;background-color: #666666;}


/* s4_1 신청하기 */
.s401_1_wrap{display: table;width: 100%;height: 260px;text-align: center;background: url(../../images/sub/s401_tit_bg.jpg) no-repeat center;}
.s401_1_wrap p{display: table-cell;vertical-align: middle;font-size:35px;line-height: 1.3;color: #fff;font-weight: 700;}

.step_cont_wrap{position: relative;height: 242px;}
.step_cont_wrap:after{content: '';position: absolute;top:50%;left:0;width: 100%;height: 1px;background-color: #77b3d8;}
.step_cont_wrap h3{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 99;width: 310px;height: 242px;padding-top: 125px;font-size:1.250rem;line-height: 1.2;color: #ffffff;font-weight: 500;text-align: center;background: url(../../images/sub/s401_step_tit_bg.png) no-repeat center;box-sizing: border-box;}
.step_cont_wrap h3:before{content: '';position: absolute;top:70px;left:50%;transform:translateX(-50%);width: 45px;height: 44px;background: url(../../images/sub/s401_2_ico1.png) no-repeat center;}

.step_cont_wrap ul li{position: absolute;top:50%;transform:translateY(-50%);z-index: 9;width:145px;height: 145px;padding-top: 30px;box-sizing:border-box;;border:1px solid #77b3d8;background: #fff;border-radius:50%;text-align: center;}
.step_cont_wrap ul li:nth-child(1){left:40px;}
.step_cont_wrap ul li:nth-child(2){left:195px;}
.step_cont_wrap ul li:nth-child(3){right:195px;}
.step_cont_wrap ul li:nth-child(4){right:40px;}

.step_cont_wrap ul li em{font-size:0.875rem;color: #77b3d8;font-weight: 700;text-transform: uppercase;}
.step_cont_wrap ul li h4{margin-top:5px;font-size:1rem;color: #333333;font-weight: 400;}


/* 게시판 스타일 커스텀 */
.bd_sec{width:100%;max-width:1000px;}
#bo_list{}