/*공통*/
.mob{display:none;}
.con{ line-height:1.6; width:65rem; margin:0 auto; box-sizing:border-box;}
h4{font-size:22px; font-weight:600; color:#1d1d1d; margin-bottom:10px;}
h3.bul{font-size:28px; font-weight:500; color:#1d1d1d;margin-top:30px;  margin-bottom:20px;position:relative; padding-left:35px;}
h3.bul:before{ content : ""; display : block; position : absolute; left :0; top:10px; width : 20px; height : 20px;  background: url("/images/default/content/h3.gif") no-repeat left top;}

h3.h3{position:relative; font-size:30px; font-weight:600; color:#111; padding-top:20px; margin-bottom:30px; margin-top:60px;}
h3.h3:first-child{margin-top:0}
h3.h3:after{content:'';	display:block; position:absolute; top:0px; left:0px; width:30px; height:3px; background:linear-gradient(90deg, #436197 50%, #2AC2AA 50%); }

h4.h4{position:relative;  font-size:22px; font-weight:500; color:#436197; margin-bottom:10px; margin-top:40px;  padding-left:15px; }
h4.h4:first-child{margin-top:0}
h4.h4:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top:-4.5px;  width : 6px; height : 9px;  background: url("/images/default/content/h4_bul.png") no-repeat left top;}
h4.h4.h410{margin-top:10px}

h5.h5{ position: relative; font-weight:500; color:#333; line-height:1; padding-left:15px; margin-bottom:10px; margin-top:20px;}
h5.h5:before{ content : ""; display : block; position : absolute; left :0; top:8px;  width : 4px; height : 4px; background : #333;  }

/*h4스타일*/
ul.h4_list li{position:relative;  padding:5px 5px 5px 120px; line-height:1.5; margin-top:10px;}
ul.h4_list li:first-child{margin-top:0}
ul.h4_list li span{position:absolute; left:15px; top:0px; font-size:22px; font-weight:500; color:#436197;}
ul.h4_list li:before{ content : ""; display : block; position : absolute; left :0; top:12px;  width : 6px; height : 9px;  background: url("/images/default/content/h4_bul.png") no-repeat left top;}

.btn_b{background:#0F4C8C; text-align:center; width:180px; height:55px; line-height:55px; color:#fff; display:block; margin:40px auto 0;}
.bg_grey{background:#F7F7F7; padding:30px 20px; border-radius:3px;}
.bg_lpink{background:#FBF3F2 !important;}
.bg_lblue{background:#F3F7FF !important;}

ul.dot{padding-left:10px}
ul.dot li{margin-bottom:5px; position: relative; padding-left:15px; }
ul.dot li:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top:-2.5px;  width : 5px; height : 5px; background : #ddd; border-radius:50%; }

/*점*/
ul.sdot{padding-left:10px;}
ul.sdot li{margin-bottom:10px; position: relative; padding-left:15px; }
ul.sdot li:before{ content : ""; display : block; position : absolute; left :0; top:10px;  width : 4px; height : 4px; background : #333;  }
ul.sdot li span{display:inline-block;  font-weight:500; color:#333; line-height:1; margin-right:20px;}
ul.sdot li span.long{}

/*세로*/
ul.ber{padding-left:10px;}
ul.ber li{ position: relative; padding-left:15px; margin-bottom:10px; }
ul.ber li:before{content : ""; display : block; position : absolute; left : 0; top:13px;  width :8px; height : 1px; background : #7f7f7f;}
ul.ber li span{display:inline-block; font-weight:500; color:#333; line-height:1; margin-right:20px;}

/*세로바 없는*/
ul.ber.nober li{padding-left:0;}
ul.ber.nober li:before{display:none;}

ul.sdot2 li{margin-top:15px;}
ul.sdot2 li span{width: 300px;}

ul.stepUl{overflow:hidden;  margin:10px -1% 0;}
ul.stepUl li{float:left ;width:22%; margin:0 1.5%; border:1px solid #ddd; position:relative; padding:55px 10px 10px;  text-align:center; height:125px;}
ul.stepUl li:after{content:'';	display:block; position:absolute; top:50%; left:-30px; margin-top:-8px;  width:16px; height:12px; background: url("/images/default/content/arr01.png") no-repeat right top; }
ul.stepUl li:before{display:none;}
ul.stepUl li:first-child{margin-top:0}
ul.stepUl li:first-child:after{display:none;}
ul.stepUl li h4{position : absolute; left :0; top:0px; width:100%; background:#436197; color:#fff; text-align:center; height:45px; line-height:45px; font-weight:500; font-size:20px;}

ul.stepUl2 li{width:17%;}
ul.stepUl3 li{width:17%; border:none; height:0px;}
ul.stepUl3 li h4{height:60px; line-height:60px;}

ul.stepUl4{margin-bottom:-25px;}
ul.stepUl4 li{width:30%;margin-bottom:25px;padding:45px 10px 10px; background:#436197; color:#fff; font-size:20px; font-weight:500;}
ul.stepUl4 li:nth-child(2){padding-top:15px;}
ul.stepUl4 li em {display:block;font-size:18px;font-weight:400;}
ul.stepUl4 li:nth-child(4):after{display:none;}
ul.stepUl4 li:nth-child(4), ul.stepUl4 li:nth-child(5), ul.stepUl4 li:nth-child(7){margin-bottom:0;}

ul.stepUl5 li{width:30%;}
ul.stepUl5 li:nth-child(4):after{display:none;}
ul.stepUl5 li:nth-child(7):after{display:none;}

ul.stepUl6 li{width:22%;}
ul.stepUl7 li{width:30.3%;}
ul.stepUl7 li:nth-child(4):after,
ul.stepUl7 li:nth-child(7):after{display:none;}

ul.sdot li ul.ber{margin-top:10px;}


.borbox{padding:20px; background:#f5f6f7; border:1px solid #ddd; margin-top:40px;}
.borbox span{color:#255BA7; border-right:1px solid #ddd; width:150px; text-align:center; display:inline-block; margin-right:30px;}

.linebox{position:relative;background:url("/images/default/content/tit_bg1.gif") repeat left top; padding:5px;  z-index:1;}
.linebox:before{ content : ""; display : block; position : absolute; left :0; top:0px; width : 30px; height : 30px; background : #275EAB; z-index:-1;}
.linebox:after{ content : ""; display : block; position : absolute; right :0; bottom:0px; width : 30px; height : 30px; background : #275EAB; z-index:-1;}
.linebox div{background:#fff;  padding:20px; z-index:1;}
.linebox span{font-size:20px;color:#111;font-weight:600;}

.linebox2{background:#f7f8f9;}
.linebox2:after, .linebox2:before{background:#ddd;}

ul.sp_new{padding-left:10px}
ul.sp_new li{margin-bottom:5px; position: relative; padding-left:35px;}
ul.sp_new li span{position : absolute; left :0; top:0; color:#0F4C8C; font-weight:600;}

.ts_table{border-collapse:collapse; clear:both; border-top:2px solid #DCB6B6; margin-top:20px;margin-bottom:20px;}
.ts_table caption{display:none;}
.ts_table thead {background-color:#f8f8f8; font-weight:500;text-align:center; }
.ts_table thead th{color:#1d1d1d; font-weight:400; background:#FBF3F2; text-align:center;border-bottom: 1px solid #E7E7E7;padding: 10px 12px;}
.ts_table tbody th{color:#1d1d1d; font-weight:400; background:#FBF3F2; text-align:center;border-bottom: 1px solid #E7E7E7;}
.ts_table td{border-bottom: 1px solid #E7E7E7; text-align:center;  padding: 10px 20px;}
.ts_table tr.br td, .ts_table tr.br th{ border-left:1px solid #E7E7E7; padding:10px 2px ;}
.ts_table tr.br td:first-child, .ts_table tr.br th:first-child{border-left:none;}
 
/*식단표*/
table.carte{border-collapse: collapse;	border-spacing: 0; }
table.carte thead tr th { background:#03bec3;}
table.carte tbody tr td{width:145px;}
table.carte tbody tr td.sat {color:#1b8be2;background:#fafafa;}
table.carte tbody tr td.sun {color:#e3482a;background:#fafafa;}

table.carte thead tr th {/*border-top:2px solid #CC3D3D; color:#fff; background:#F15F5F; */ height:22px; background:#E7E7E7;}
table.carte tbody tr td {vertical-align:middle;}
table.carte tbody tr td.used {cursor:pointer;}
table.carte tbody tr td img {cursor:pointer;}
table.carte tbody tr td table th{ border-top:1px solid #7d7d7d;text-align:center;background:#464646;color:#fff;font-size:14px;}
table.carte tbody tr td table td{ border:1px solid #dddddd;line-height:20px;padding-left:10px; font-size:14px;}
table.carte tbody tr td table .td1{height:35px;}
table.carte tbody tr td table .td2{height:50px;}
table.carte tbody tr td table .td3{height:100px;}
table.carte tbody tr td table .td4{height:50px;}
table.carte tbody tr td table .td5{height:50px;}
table.carte tbody tr td table .th_left{background:#ed4264;text-align:center;color:#fff;}
table.carte tbody tr td table .td_left{background-color:#f4f4f4;text-align:center; font-weight:600; padding-left:0px; color:#4b5870;}
table.carte td span {cursor:pointer;}

table.origin tbody th{font-size:13px;}
table.origin tbody td{font-size:13px; padding:10px;}

/* 표 */
.table-wrap { display: inline-block; overflow: hidden; overflow-x: auto; width: 100%; border-top: 2px solid #9ca7b2; border-bottom: 1px solid #ddd; }
.table-wrap table { position: relative; left: -1px; width: 100%; margin-bottom: -1px; }
.table-wrap th { padding:12px 20px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #f6f7f9; font-weight: 500; color: #424242; text-align: center; word-break:break-all;  }
.table-wrap td {padding:12px 10px;  border-bottom: 1px solid #e8ebee; border-left: 1px solid #ddd; text-align: center; word-break: keep-all; }
.table-wrap td a.sb{font-size:15px; box-sizing:border-box; border:1px solid #AE0055; padding:5px 10px;}
.table-wrap td a.sb.print{color:#AE0055;background:#fff;border:1px solid #AE0055;font-weight:600;}
.table-wrap td a.sb.print:hover{color:#fff;background:#AE0055;}
.table-wrap td a.sb.print i:hover{color:#fff;font-size:16px;}

.table-wrap td button.sb1{font-size:15px; box-sizing:border-box; padding:8px 10px; color:#fff;}
.table-wrap td button.sb1.cancel1{color:#1E6AA5;background:#fff url(/images/default/content/x_icon1.png) no-repeat 10px 50%; ;border:1px solid #1E6AA5;font-weight:600;padding-left:29px;}
.table-wrap td button.sb1.cancel1:hover{color:#fff;background:#1E6AA5 url(/images/default/content/x_icon1_on.png) no-repeat 10px 50%;}
.table-wrap td button.sb1.cancel2{color:#747474;background:#fff url(/images/default/content/x_icon2.png) no-repeat 10px 50%;;border:1px solid #747474;font-weight:600;padding-left:29px;}
.table-wrap td button.sb1.cancel2:hover{color:#fff;background:#747474 url(/images/default/content/x_icon2_on.png) no-repeat 10px 50%;;}

.table-wrap tbody th { border-bottom-color: #e8ebee; background-color: #fafafa; }
.table-wrap td ul li{text-align:left;}
.table-wrap td ul li{padding-left:13px; font-size:16px; line-height:1.7; margin-top:5px; color:#555;background:url(/images/default/content/bul.png) no-repeat 0 10px;word-break:keep-all;}
.table-wrap td ul li:first-child{margin-top:0;}
.table-wrap img.icon{margin-bottom:10px;}
.table-wrap td a.sbtn{font-size:14px; display:block; width:220px; margin:0 auto; height:40px; line-height:40px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.05); text-align:center; border:1px solid #ccc;}
.table-wrap td a.sbtn img{vertical-align:middle; margin-right:3px;}

.table-wrap td.t_l{text-align:left;}

.table-wrap col.time{width:50%;}

.split {background: url("/images/default/content/backslash.png") no-repeat right top; background-size: 100% 100%;}
.split div:first-child{text-align: right;}
.split div:first-child + div{text-align: left;}

/* 표 스크롤*/
.table-wrap2 {word-break:break-all; display: inline-block; overflow: hidden; overflow-x: auto; width: 100%; border-top: 2px solid #9ca7b2; border-bottom: 1px solid #ddd; }
.table-wrap2 table { position: relative; left: -1px; width: 100%; margin-bottom: -1px; }
.table-wrap2 th { padding:12px 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #f6f7f9; font-weight: 500; color: #424242; text-align: center; white-space: nowrap;  }
.table-wrap2 td {padding:12px 10px;  border-bottom: 1px solid #e8ebee; border-left: 1px solid #ddd; text-align: center;}
.table-wrap2 td a.sb{font-size:15px; box-sizing:border-box; border:1px solid #AE0055; padding:5px 10px;}
.table-wrap2 td a.sb.print{color:#AE0055;background:#fff;border:1px solid #AE0055;font-weight:600;}
.table-wrap2 td a.sb.print:hover{color:#fff;background:#AE0055;}
.table-wrap2 td a.sb.print i:hover{color:#fff;font-size:16px;}

.table-wrap2 td button.sb1{font-size:15px; box-sizing:border-box; padding:8px 10px; color:#fff;}
.table-wrap2 td button.sb1.cancel1{color:#1E6AA5;background:#fff url(/images/default/content/x_icon1.png) no-repeat 10px 50%; ;border:1px solid #1E6AA5;font-weight:600;padding-left:29px;}
.table-wrap2 td button.sb1.cancel1:hover{color:#fff;background:#1E6AA5 url(/images/default/content/x_icon1_on.png) no-repeat 10px 50%;}
.table-wrap2 td button.sb1.cancel2{color:#747474;background:#fff url(/images/default/content/x_icon2.png) no-repeat 10px 50%;;border:1px solid #747474;font-weight:600;padding-left:29px;}
.table-wrap2 td button.sb1.cancel2:hover{color:#fff;background:#747474 url(/images/default/content/x_icon2_on.png) no-repeat 10px 50%;}


.table-wrap2 tbody th { border-bottom-color: #e8ebee; background-color: #fafafa; }
.table-wrap2 td ul li{text-align:left;}
.table-wrap2 td ul li{padding-left:13px; font-size:16px; line-height:1.7; margin-top:5px; color:#555;background:url(/images/default/content/bul.png) no-repeat 0 10px;}
.table-wrap2 td ul li:first-child{margin-top:0;}
.table-wrap2 img.icon{margin-bottom:10px;}
.table-wrap2 td a.sbtn{font-size:14px; display:block; width:100%; margin:0 auto; height:40px; line-height:40px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.05); text-align:center; border:1px solid #ccc;}
.table-wrap2 td a.sbtn img{vertical-align:middle; margin-right:3px;}

.table-wrap2 td.t_l{text-align:left;}

/*다운로드*/
/* .download{text-align:center;} */
.btn_down{padding-right:50px;border: 1px solid #777; padding: 10px 25px; font-weight: 400;    font-size: 18px;    line-height: 25px;   transition:all 0.4s ease-out 0.1s;  }
.btn_down:hover{border: 1px solid #364660;  background : #364660; color:#fff; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}

.download{text-align:center; margin-top:40px;}
.download a.btn_down{height:65px; line-height:65px; padding:0; width:270px; text-align:center; display:inline-block;}

/*신청폼*/
.private{border:1px solid #ddd; padding:1rem; height:11rem; overflow-y:scroll; margin:2rem 0 0;}
.btn_view{font-size:0.7rem;  font-weight:700; display:inline-block; margin:0.25rem 0; padding:0.3rem 0.5rem; background:#66A7DC; color:#fff; outline:none; border:1px solid #909EC1;}
.modify{background:#fff; border:1px solid #666 !important; color:#666; box-sizing:border-box;}
.cancel{background:#666;}

/*step 백그라운드 컬러*/
.cenbox{vertical-align: middle; display:block; line-height:1.3; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center; }
.cenbox2{line-height:1.3 !important; padding:12px 0;}
.cenbox3{ line-height:80px;}
.cenbox4{ line-height:120px;}

.stepbg{overflow:hidden;  margin:10px -1% -1%;}
.stepbg li{position:relative; background:#436197; color:#fff; margin:0 1%; text-align:center; font-size:20px; height:80px;}
.stepbg li:after{content:'';	display:block; position:absolute; top:50%; left:-20px; margin-top:-8px;  width:16px; height:12px; background: url("/images/default/content/arr01.png") no-repeat right top; }
.stepbg li:nth-child(odd){background:#547abd;}
.stepbg li:before{display:none;}
.stepbg li:first-child{margin-top:0}
.stepbg li:first-child:after, .stepbg.w6 li:nth-child(4):after, .stepbg.w6 li:nth-child(7):after{display:none;}

.stepbg2 li:nth-child(6):after{display:none;}
.stepbg3 li:nth-child(4):after,
.stepbg3 li:nth-child(7):after{display:none;}

.stepbg.w5 ,{margin:0 -1% -1%}

.stepbg.w3 li{float:left ; width:31.3%; margin: 0 1% 1%;}
.stepbg.w4 li{float:left ; width:23%; margin: 0 1% 1%;}
.stepbg.w5 li{float:left ; width:18% ; margin: 0 1% 1%;}
.stepbg.w6 li{float:left ; width:31.3%; margin:0 1% 1%; min-height:120px;}
.stepbg li.long{padding:10px;}
.stepbg li.long span{font-size:16px;}



/*프로그램 안내*/
ul.h4_list li > ul.pro {overflow:hidden; margin:0 -1% -1%;}
ul.h4_list li > ul.pro li{padding:0; width:48%; float:left; margin:1%;}
ul.h4_list li > ul.pro li div.img{overflow:hidden; border-radius:10px; padding:10px; border:1px solid #ddd;}
ul.h4_list li > ul.pro li div.img img{max-width:100%; border-radius:5px;}
ul.h4_list li > ul.pro li:before{display:none;}

/*시설안내 - 시설물*/
.swiper-container { width: 100%;height: 300px; margin-left: auto; margin-right: auto;}
.swiper-slide {background-size: cover; background-position: center;}
.gallery-top {position:relative; height:630px;width: 100%;}
.gallery-top h4{position:absolute; left:0px; bottom:0px;width:100%; background:rgba(0,0,0,0.5); padding-left:20px; font-size:18px; height:50px; line-height:50px; color:#fff; margin-bottom:0; font-weight:500;}
.smallbox{margin-top:10px;}
.gallery-thumbs {width: 100%; height: 20%;box-sizing: border-box; padding: 0px 2.5rem !important;}
.gallery-thumbs .swiper-slide {width: 25%;height: 100px;border:4px solid #fff;}
.gallery-thumbs .swiper-slide-thumb-active {border:4px solid #3F7FEB;}
.gallery-thumbs .swiper-button-white{margin:0; width:2rem; height:100%;  z-index:1000; position:absolute; top:0; cursor:pointer; background:#436197; background-image:none !important;}
.gallery-thumbs .swiper-button-prev{left:0rem;}
.gallery-thumbs .swiper-button-prev:after{ content : "\e93b"; display : block;font-size:1.3rem; font-weight:500; text-align:center; position : absolute; left:0px; top:50%; transform:translateY(-50%); width:100%; font-family:'xeicon'; color:#fff; }
.gallery-thumbs .swiper-button-next{right:0rem;}
.gallery-thumbs .swiper-button-next:after{ content : "\e93e"; display : block;font-size:1.3rem; font-weight:500;text-align:center; position : absolute; left:0px; top:50%; transform:translateY(-50%); width : 100%; font-family:'xeicon'; color:#fff; }

/*찾아오시는길*/
.loca{position:relative; box-shadow:0px 5px 20px rgba(0, 0, 0, 0.2);border:2px solid #28282e; height:465px;}
.loca p{position:absolute; bottom:10px; right:10px; background-color:#fff;  border:1px solid #0085d0; padding:5px 10px; z-index:1000;}
.loca p a{color:#0085d0; font-size:12px; font-weight:bold;}

.way{margin-top:50px; position:relative; box-sizing:border-box;  }
.way ul.tel{overflow:hidden;border-bottom:1px solid #ddd; padding-bottom:30px;}
.way ul.tel li{display:inline-block; margin-left:100px;}
.way ul.tel li:first-child{margin-left:0px;}
.way ul.tel b{font-weight:600; color:#436197; margin-right:10px;}
.way ul.tel li span{display:inline-block; background:#2861AF; border-radius:50%; height:30px; width:30px; text-align:center; margin-right:10px;}
.way ul.tel li span i{ line-height:30px; color:#fff;}
.way .map_bus{padding-left:120px; position:relative;}
.way .map_bus div.icon{position:absolute; left:0px; top:0px; background:#2861AF; height:97px; width:97px;  border-radius:50%;}
.way .map_bus h5{color:#2861AF; margin-bottom:10px;}
.way .map_bus ul.ber{padding-left:0;}

/*인사말*/
.bok01{position:relative;}
.bok01 img{box-shadow:5px 5px 15px rgba(0,0,0, 0.3);}
.bok01 p{display:inline-block;}
.bok01:before{ content : ""; display : block; position : absolute; left :-50%; top:-10%; margin-left:23%; width : 918px; height : 474px; background: url("/images/default/content/ceo_1.png") no-repeat left top; z-index:-1;}
.bok01_txt{float:right; width:50%; font-size:18px;}
.bok01_txt h4{position:relative; font-size:35px; line-height:1.4; font-weight:500; margin-left:30px; }
.bok01_txt h4:before{ content : ""; display : block; position : absolute; left:-50px; top:0; margin-left:-5%;  width : 49px; height : 46px; background: url("/images/default/content/bok02_img1.png") no-repeat right top;}
.bok01_txt h4 b{font-weight:600; color:#3f7feb;}
.bok01_txt h5{display:block;margin-top:20px; margin-bottom:20px; font-size:24px; color:#222; position:relative;font-weight:400;}
.bok01_txt h5 span{font-weight:600;}
.bok01_txt h5:before{ content : ""; display : block; position : absolute; left :0; top:0; margin-top:27px;  width : 160px; height : 10px; background:#e0e8fb; z-index:-1;}
.bok01_txt em{color:#fd6b5c; font-weight:600;}
.bok01_txt span{color:#3f7feb; font-weight:600;}
.bok01_txt strong{color:#2ac4ac;}

/*기관소개*/
.bok03{font-size:18px;}

.bok03 .tit{position:relative; display:block; margin:0 auto 0; width:700px; height:98px; border-radius:50px; text-align:center; background:linear-gradient(180deg, rgba(63,127,235,1) 0%, rgba(67,98,153,1) 100%);}
.bok03 .tit > div{position:absolute; display:table; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - 10px); height:calc(100% - 10px); background:#fff; border-radius:50px; color:#222; font-size:25px; font-weight:400;}
.bok03 .tit > div > p{display:table-cell;vertical-align:middle;}
.bok03 .tit > div > p > span{color:#3f7feb; font-weight:600;}

.bok03 .quo{text-align:center; margin-bottom:60px; margin-top:60px;}
.bok03 .quo div{position:relative;padding:0px 40px; display:inline-block;}
.bok03 .quo div:before{content : ""; display : block; position : absolute; left : 0px; top:50%;  width:40px; height:151px; background: url("/images/default/content/com_l.png") no-repeat left top; transform:translateY(-50%);}
.bok03 .quo div:after{content : ""; display : block; position : absolute; right : 0px; top:50%;  width:40px; height:151px; background: url("/images/default/content/com_r.png") no-repeat left top; transform:translateY(-50%);}
.bok03 .quo div ul li{text-align:left;margin:0 100px; font-size:22px;}
.bok03 .quo div ul li span{font-weight:600; color:#111;}

.bok03 .tit_wrap{position:relative;background: url("/images/default/content/com.png") no-repeat center top; width:242px; height:240px; margin: 0 auto ;}
.bok03 .tit_wrap:before{content : ""; display : block; position : absolute; left : 50%; bottom:-35%; margin-left:-156.5px; width:313px; height:145px; background: url("/images/default/content/arr.png") no-repeat center top; z-index:-1;  }
.bok03 .tit_wrap span{display:block ;text-align:center; line-height:240px; font-size:30px; color:#fff; font-weight:600;}

.bok03 .step_wrap{position:relative; width:100%; max-width:1100px; margin:0 auto; overflow:hidden; word-break:keep-all; margin-top:60px;}
.bok03 .step_wrap .box1{position:relative; width:23.5%; float:left; margin:20px 0 20px 2%; }
.bok03 .step_wrap .box1:first-child{margin-left:0; }
.bok03 .step_wrap .box1:first-child::before{display:none; }
.bok03 .step_wrap .box1:before{content:""; position:absolute; left:-40%; top:0%; width:192px; height:192px; border-radius:50%; border:1px solid #d7d7d7; z-index:0;}
.bok03 .step_wrap .box1 div{position:relative; width:192px; height:192px; margin:0 auto; text-align:center; color:#fff; border-radius:50%; overflow:hidden; z-index:1; }
.bok03 .step_wrap .box1 div:before{content:""; position:absolute; right:0; top:0; width:50%; height:100%; background:rgba(0,0,0,0.1)}
.bok03 .step_wrap .box1.step01 div{background:#3f7feb; }
.bok03 .step_wrap .box1.step02 div{background:#6d9ef0; }
.bok03 .step_wrap .box1.step03 div{background:#3f7feb; }
.bok03 .step_wrap .box1.step04 div{background:#6d9ef0; }
.bok03 .step_wrap .box1 p{margin-top:65px; font-size:20px;}
.bok03 .step_wrap .box1 span{font-size:15px;}

.bok03 .lobby{background:#f6f6f6; height:596px;}
.bok03 .lobby ul{float:right; width:45%; padding:45px;}
.bok03 .lobby ul li{margin:20px 0px 0px 0px; position:relative; padding-left:100px ;}
.bok03 .lobby ul li:after{ content : ""; display : block; position : absolute; left :-5%; top:10px; width : 6px; height : 9px; background: url("/images/default/content/bok03_bul.png") no-repeat left top; }
.bok03 .lobby ul li:first-child:before{display:none;}
.bok03 .lobby ul li:before{ content : ""; display : block; position : absolute; left :0; top:0; margin-top:-10px;  width : 460px; height : 1px; background:#ddd;}
.bok03 .lobby ul li span{font-weight:500; color:#222; position : absolute; left :0; top:0; }

/*기관소개 연혁*/
.history_wrap{position:relative;padding-top:65px;}
.history_wrap:before{ content : ""; display : block; position : absolute; left:50%; top:0; width : 68px; height : 67px; margin-left:-34px; background: url("/images/default/content/bok03_logo.png") no-repeat 0 0; box-shadow:3px 3px 10px rgba(0, 0, 0, 0.2);  border-radius:50%;}
.history_wrap li {width:50%; box-sizing:border-box; position:relative; padding-top: 40px;}
.history_wrap li:after {height:100%; border-right:1px solid #ddd; content:''; position:absolute; top:0px; display:inline-block;}
.history_wrap li:nth-child(even):after {right:-1px;}
.history_wrap li:nth-child(odd):after {left:0;}
.history_wrap li:nth-child(even) {margin-right:50%; padding-right:40px; text-align:right;}
.history_wrap li:nth-child(odd) {margin-left:50%; padding-left:40px;}
.history_wrap li.last:before{content:''; position:absolute; bottom:0px;right:0; margin-right:-5px; width:10px; height:10px; border-radius:50%; background:#ddd; z-index:3;  display:inline-block;}

.history_wrap dt {margin-bottom:14px; color:#242424; font-size:35px; font-weight:500; position:relative; display:inline-block; border-bottom:2px solid #242424;}
.history_wrap dt:before { content:''; position:absolute; top:50%; z-index:1; display:inline-block;} 
.history_wrap dt:after {border-radius:50%; content:''; position:absolute; top:50%; z-index:1; display:inline-block;}
.history_wrap li:nth-child(even) dt:before {right:-40px;}
.history_wrap li:nth-child(odd) dt:before {left:-40px;}
.history_wrap li:nth-child(even) dt:after {right:-48px;}
.history_wrap li:nth-child(odd) dt:after {left:-48px;}

.history_wrap dt:after {width:15px; height:15px; margin-top:-15px; background-color:#AAAAAA; z-index:1;}
.history_wrap dd {margin-top:10px; position:relative;}
.history_wrap li:nth-child(even) dd {padding-right:95px;}
.history_wrap li:nth-child(odd) dd {padding-left:95px;}
.history_wrap dd * {position:relative; color:#787878; font-size:18px; line-height:22px; }
.history_wrap dd span {position:absolute;  top:2px;  color:#333; font-size:20px; font-weight:600;}
.history_wrap dd span:before{ content:''; position:absolute; top:50%; z-index:1; width:4px; height:7px; margin-top:-2px;  background: url("/images/default/content/bul.png") no-repeat left center; display:inline-block;} 
.history_wrap li:nth-child(even) dd span {right:0;  padding-right:20px ;}
.history_wrap li:nth-child(even) dd span:before{right:0; transform: rotate(180deg );}
.history_wrap li:nth-child(odd) dd span {left:0;  padding-left:20px ;}
.history_wrap li:nth-child(odd) dd span:before{left:0;}

.history_wrap dl.new{position:relative;}
.history_wrap dl.new dt:after {background-color:#436197; }
.history_wrap dl.new dt{color:#436197;  border-bottom:2px solid #436197;}
.history_wrap dl.new dd span{color:#436197;}


/*법인소개*/
.bok02{position:relative; font-size:18px; margin-bottom:60px;}
.bok02_t{text-align:center }
.bok02 h4{font-size:34px; font-weight:500; color:#222; line-height:1.4; margin:30px 0;}
.bok02 h4 b{color:#3f7feb; font-weight:600;}
.bok02 p{font-size:18px; margin-top:40px;}
.bok02 p span{font-weight:600;}
.bok02 .lobby{height:507px;}
.bok02 .lobby ul{float:right; width:45%; padding:45px;}

.bok02_1{padding-top:60px; background: url("/images/default/content/bok02_bg.jpg") no-repeat center top; height:880px;}
.bok02_1 ul{position:relative; background: url("/images/default/content/bok02_ci.png") no-repeat center top; height:566px; width:100%}
.bok02_1 ul li{position:absolute; font-size:18px; width:40%;}
.bok02_1 ul li .bok02_img{float:right; background:#fff; text-align: center; width:210px; height:210px;box-shadow:3px 3px 15px rgba(0, 0, 0, 0.2); border-radius:50%;}
.bok02_1 ul li .bok02_txt{position:relative; float:left; width:310px; padding-top: 80px;    padding-left: 70px; height:210px;}
.bok02_1 ul li:nth-child(1){left:-20px; top:20%;}
.bok02_1 ul li:nth-child(2){right:-20px; top:20%;}
.bok02_1 ul li:nth-child(2) .bok02_img{float:left; }
.bok02_1 ul li:nth-child(3){left:50%; bottom:-90px; margin-left:-100px}
.bok02_1 ul li:nth-child(3) .bok02_img{float:left;}
.bok02_1 ul li .bok02_txt:before{content:''; position:absolute; width:8px; height:8px; left:0; top:50%; margin-left:-4px;  background:#3f7feb; border-radius:50%;}
.bok02_1 ul li .bok02_txt:after{content:''; position:absolute; width:55px; height:1px; left:0; top:50%; margin-top:3px;  background:#3f7feb; border-radius:50%;}

.bok02_1 ul li:nth-child(1) .bok02_txt{padding-left: 0px; padding-right: 70px; text-align:right; }
.bok02_1 ul li:nth-child(1) .bok02_txt:before, .bok02_1 ul li:nth-child(1) .bok02_txt:after{left:auto; right:0; margin-right: -4px;  margin-left: 0;}
.bok02_1 ul li:nth-child(2) .bok02_txt{ padding-top: 70px; }

.bok02_2{position:relative;  font-size:18px;}
.b_logo{position:absolute; display:block; width:67px; height:67px; left:50%; top:50%; margin:-33.5px 0 0 -33.5px; z-index:2;}

.b_box01{position:relative; background:#fff; padding:35px; box-shadow:0px 5px 15px rgba(0,0,0, 0.2); z-index:1; overflow:hidden;}
.b_box01:before{content:''; position:absolute; width:1px; top:80px; bottom:80px; left:50%; margin-left:-.5px; background:#ddd;}
.b_box01:after{content:''; position:absolute; height:1px; left:80px; right:80px; top:50%; margin-top:-.5px; background:#ddd;}
.b_box01 b{font-size:22px; color:#222; font-weight:600; display:block; margin-top:-50px; margin-bottom:15px;}
.b_box01 em{font-size:85px; font-weight:600; color:#E9EFFC;}

.box01, .box03{float:left; width:50%; padding:30px;}
.box02, .box04{float:right; width:50%; padding:30px;}

/*조직도*/

.bok05_1{margin-top:60px;}


/* 개인정보처리방침 */
p.ber{padding-left:10px;}
p.tap{padding-bottom: 10px;}
ul.tap li{padding-bottom: 10px;}
ul.bot{padding-bottom:10px;}