@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: 31px;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;}

/* s101 인사말 */
.s101_lt_wrap{position: relative;float: left;margin-bottom: -23px;padding-top: 27px;box-sizing:border-box;;}
.left_space{padding-right: 48%;box-sizing:border-box;}
.s101_lt_wrap:before{content: '';position: absolute;top:0;right:0;/* transform:translateY(-50%); */width: 450px;height:510px;background: url(../../images/sub/s101_img1.png) no-repeat right top;background-size: contain}
.s101_lt_wrap .s101_tit h2{font-size:17px;color: #77b3d8;font-weight: 700;text-transform: uppercase;}
.s101_lt_wrap .s101_tit p{margin-top: 13px;font-size:35px;line-height: 45px;font-weight: 700;text-transform: uppercase;}
.s101_lt_wrap .s101_tit p em{color: #2182bf;}
.s101_cont{margin-top: 29px	;}
.s101_cont p{margin-bottom: 29px;font-size:1rem;line-height: 28px;color: #666666;word-break: keep-all;}
.s101_cont p.from_name{margin-top:35px;font-size:1.063rem;font-weight: 500;color: #333333;}

.promise_list li{font-size:1rem;color: #333;font-weight: 500;}
.promise_list li em{margin-right: 10px;font-size:1.375rem;color: #2182bf;font-weight: 700;}

/* s1_2 연혁 */
.history_wrap{border-top:3px solid #77b3d8}
.history_wrap .histo_row{display: table;width: 100%;height:56px;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;display: block;width: 43px;font-size:1rem;color: #333;font-weight: 500;}
.history_wrap .histo_row .histo_cont_wrap .histo_txt{float: left;width: calc(100% - 43px);/* margin-left:35px; */font-size:1rem;color: #666}


/* s1_3 미션&비전 */
.s103_1_wrap{position: relative;height: 350px;background: url(../../images/sub/s103_1_img1.jpg) no-repeat 50% 35px;}
.s103_1_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;}
.s103_1_cont{}
.s103_1_cont > ul > li:first-child{float: left;text-align: left;padding-top: 70px;}
.s103_1_cont > ul > li:last-child{float: right;text-align: right;padding-top: 7px;}
.s103_1_cont > ul > li h3{margin-bottom: 8px;font-size:1.5rem;color: #77b3d8;font-weight: 700;}
.s103_1_cont > ul > li:last-child h3{color: #2286c4;}
.s103_1_cont > ul > li p,
.s103_1_cont > ul > li > ul > li{font-size:1rem;color: #666;}

/* .s103_1_cont > ul > li p span */
.s103_1_cont > ul > li span.num_tit{display: inline-block;margin-right:6px;font-weight: 700;color: #333;}

.s103_2_wrap{margin-top:48px;}
.s103_2_wrap h2{width:184px;margin:0 auto;font-size:1.375rem;line-height: 53px;color: #fff;text-align: center;font-weight: 500;background-color: #105ea6;border-radius:30px;}
.s103_2_cont{position: relative;z-index: -1;margin-top: -29px;background-color: #f6f6f6;}
.s103_2_cont ul{height: 267px;padding:53px 0 40px;}
.s103_2_cont ul 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;}
.s103_2_cont ul li:before{content: '';position: absolute;top:50%;right:-5px;width:10px;height: 10px;background-color: #ddd;transform:rotate(45deg) translate(-50%, -50%);}
.s103_2_cont ul li:last-child{border-right: 0;}
.s103_2_cont ul li:last-child:before{display: none;}

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

.s103_3_cont ul{display: table;table-layout: fixed;width: 100%;height: 210px;}
.s103_3_cont ul li{display:table-cell;vertical-align: middle;padding-left: 40px;border:1px solid #ddd;box-sizing:border-box;border-right: 0;}
.s103_3_cont ul li:last-child{border-right:1px solid #ddd}

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

/* s1_4 */
.s104_1_wrap{position: relative;width: 100%;height: 395px;margin-bottom: 68px;padding:83px 50% 0 35px;border:1px solid #ddd;box-sizing:border-box;}
.s104_1_wrap:before{content: '';position: absolute;top:0;right:0;width: 50%;height: 100%;background: url(../../images/sub/s104_img1.jpg) no-repeat center;}
.s104_1_wrap p{padding-left: 6px;word-break: keep-all;font-size:1rem;color: #808080;line-height: 26px;/* font-weight: 500; */}
.s104_1_wrap p strong{display: block;margin-bottom: 27px;font-size:2rem;color: #77b3d8;font-weight: 700;}






/* 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;}




/* s1_5 오시는길 */
.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{margin-right: 25px; position: relative;}
.map_txt ul li:last-child{margin-right: 0;}
.map_txt ul li:after{content: ''; position: absolute;right: -13px; top: 12px; width: 1px; height: 13px; background: #dbdbdb;}
.map_txt ul li:last-child:after{display: none;}

.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/s105_1.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/s105_2.jpg) center no-repeat;}


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

.s201_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;}
.s201_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;}

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


.s201_2_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;}

.s201_2_box_top .s201_2_box{float: left;margin-bottom:60px;}
.s201_2_box_top .s201_2_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;}
.s201_2_box_top .s201_2_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;}

.s201_2_box_btm .s201_2_box{float: right;}
.s201_2_box_btm .s201_2_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;}

.s201_2_box_top .s201_2_box:last-child,
.s201_2_box_btm .s201_2_box:first-child{margin-right:0}

.s201_2_box_top .s201_2_box:last-child:before,
.s201_2_box_btm .s201_2_box:first-child:before{display: none;}

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

 */


 
/* 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;font-size:1rem;box-sizing:border-box;}
.stable_wrap tr th{font-size:1rem;color: #333;font-weight: 500;border-right: 1px solid #ddd;}
.stable_wrap tr td{font-size:1rem;color: #666;font-weight: 400;border-right: 1px solid #ddd;}
.stable_wrap tr th:last-child,
.stable_wrap tr td:last-child{border-right: 0;}

.stable_wrap.stable_wrap_bl thead tr th{padding: 20px 15px 25px 15px;text-align: center;}
.stable_wrap.stable_wrap_bl tbody tr th,
.stable_wrap.stable_wrap_bl tbody tr td{padding: 20px 15px 23px 15px;text-align: left;}

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



/* 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: 31.5%;margin-right: 2.7%;}
.s201_1_wrap .figure_list_wrap li,
.s202 .figure_list_wrap li{width:48.5%;margin-right:3%;}
.s201_3_wrap .figure_list_wrap li{width:23%;margin-right:2.65%;;}
.s201_4_wrap .figure_list_wrap li{margin-bottom:30px;}
.s201_4_wrap .figure_list_wrap li:nth-child(3n){margin-right:0}
.s201_4_wrap .figure_list_wrap li:nth-child(n+4){margin-bottom:0}

.figure_list_wrap li:last-child{margin-right: 0;}
.figure_list_wrap li figure{border-radius: 15px; overflow: hidden; box-shadow: 7px 7px 15px rgba(0,0,0,0.1);}
.figure_list_wrap li p{padding:13px;font-size:1rem;color: #666666;text-align: center;border-bottom:1px solid #ddd}



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

.s301_2_box_wrap li figure{/* float: left; */ display: table-cell; vertical-align: middle;width: 106px;height: 100%;}
.s301_2_box_wrap li > div{/* float: left; */ display: table-cell; vertical-align: middle;height: 100%;padding-left: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;margin-top: 35px;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;padding-left: 46px;font-size:1.25rem;line-height: 39px;color: #77b3d8;font-weight: 600;}
.tel_info_wrap p.tel{margin: 0 100px 0 70px;background: url(../../images/sub/ico_tel.png) no-repeat left center;}
.tel_info_wrap p.email{background: url(../../images/sub/ico_email.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;border-radius: 15px;overflow: hidden;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{}

/* .bo_fx{display: none!important;} */
.sub_cont56 .bo_fx,
.sub_cont57 .bo_fx{display: block!important;margin-top:20px}