/*공통*/
.web{display:none;}
.con{ line-height:1.6; width:100%; padding:0 1rem; margin:0 auto; box-sizing:border-box;}
h4{font-size:1.1rem; 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:1.5rem; font-weight:600; color:#111; padding-top:1rem; margin-bottom:1.5rem; margin-top:3rem;}
h3.h3:first-child{margin-top:0}
h3.h3:after{content:'';	display:block; position:absolute; top:0px; left:0px; width:1.5rem; height:2px; background:#275EAB; }

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

h4.h4{position:relative;  font-size:1.2rem; 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;font-size:1.1rem; 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:6px;  width : 4px; height : 4px; background : #333;  }

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


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:9px;  width : 4px; height : 4px; background : #333;  }
ul.sdot li span{display:block;  font-weight:500; color:#333;  margin-bottom:5px; font-size:1rem;}
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:11px;  width :6px; height : 1px; background : #7f7f7f;}
ul.ber li span{display:block; font-weight:500; color:#333;margin-right:20px;}

/*세로바 없는*/
ul.ber.nober li{position: relative; padding-left:20px;}
ul.ber.nober li:before{display:none;}
ul.ber.nober li span{display:inline-block; position:absolute; top:0px; left:0;}


ul.stepUl{overflow:hidden;  margin-top:.5rem;}
ul.stepUl li{float:left ;width:100%; margin:1rem 0%; border:1px solid #ddd; position:relative; padding:55px 10px 10px;  text-align:center;}
ul.stepUl li:after{content:'';	display:block; position:absolute; top:-20px; left:50%; margin-left:-8px;  width:16px; height:12px; background: url("/images/default/content/arr01.png") no-repeat right top; transform: rotate(90deg );}
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:1.2rem;}


.borbox{position:relative; padding:1rem; background:#f5f6f7; border:1px solid #ddd; margin-top:2rem; padding-left:90px;}
.borbox span{ position : absolute; left :1.5rem; top:15px; color:#255BA7; border-right:1px solid #ddd;  text-align:center; display:block; padding-right:1.5rem;}

.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:1rem; z-index:1; }

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

/*step 백그라운드 컬러*/

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


.stepbg li.long{padding:10px;}
.stepbg li.long span{font-size:16px;}

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;}
 
	/*일정표*/
.btn_pop{cursor:pointer;}
.btn_pop p{padding-left:7px; padding-top:0px; font-weight:600;font-size:14px;}
div.cal{ padding:0 1rem;}
div.cal_today{ position:relative; margin-bottom:0px;background:#ffffff;margin-bottom:15px; }
div.cal_today div.today{text-align:center; }
div.cal_today div.today h3{ font-size:1.5rem; color:#333333; border-bottom: solid 1px #d7d7d7; display:inline-block; margin-bottom:5px;}
div.cal_today div.today span{border:none; padding:0px; color:#ed4264;font-weight:bold;}
div.cal_today ul li.today {font-size:18px; font-weight:normal; margin-bottom:20px;}
div.cal_today p.prev{position:absolute; left:5%; top:50%; margin-top:-18.5px;}
div.cal_today p.next{position:absolute; right:5%; top:50%; margin-top:-18.5px;}


div.con p.bg{border-top:3px solid #03bfc4; border-bottom:1px solid #e2e6e7; background:#fafaf8 url('/images/default/content/bg.gif')no-repeat 30px 20px; font-weight:600; height:70px; padding-top:30px; padding-left:140px;}
div.con div.bg1{border-top:3px solid #03bfc4; border-bottom:1px solid #e2e6e7; background:#fafaf8 url('/images/default/content/bg.gif')no-repeat 30px 20px; font-weight:600; height:80px; padding-top:30px; padding-left:140px;}
div.con div.tit_bg{background:url('/images/default/content/tit_bg.gif')no-repeat center left;width:800px; height:29px; padding-top:4px; margin-top:4px; padding-left:25px;font-weight:600;}
div.con span.int_col{color:#bcc763; font-size:20px;}
div.con p.int_txt{margin-top:10px; margin-bottom:20px;}
table.schedule {border:1px solid #dbdbdb; /}
table.schedule thead tr th { height:22px; background:#E7E7E7;}
table.schedule tbody tr td { border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding-top:5px; /*font-weight:bold;*/ vertical-align:top;}
table.schedule tbody tr td.used {cursor:pointer;}
table.schedule tbody tr td.sat {color:#1b8be2;}
table.schedule tbody tr td.mon {color:#e3482a; background:#f8f8f8;}
table.schedule tbody tr td img {position:relative; cursor:pointer;}
table.schedule td span {cursor:pointer;}
table.schedule td.today {background:#dbdbdb;}
table.schedule thead tr th {height:35px; background:#464646; color:#fff;}
table.schedule thead tr th.sat{background:#1b8be2;}
table.schedule thead tr th.sun{background:#ed4264;}
table.schedule tbody tr td{height:100px;width:160px;}
table.schedule tbody tr td div.schedule_subject{font-size:13px; margin:5px;}
table.schedule tbody tr td .btns{position:absolute;top:0;right:5px;}
table.schedule tbody tr td.sat {color:#1b8be2;background:#f8f8f8;}
table.schedule tbody tr td.sun {color:#e3482a;background:#f8f8f8;}
table.schedule td.today {background:url('/images/default/schedule/today.gif')no-repeat 2px 1px; background-size: 29px auto; position: relative; margin:0 auto; color:#fff; }
table.schedule tbody tr td .btn_add {padding:5px 10px;background:#555;color:#fff;border:none;cursor:pointer;}
table.schedule tbody tr td .btn_edit {padding:5px 10px;background:#555;color:#fff;border:none;cursor:pointer;}
table.schedule tbody tr td .btn_del {padding:5px 10px;background:#555;color:#fff;border:none;cursor:pointer;}
table.schedule tbody tr td ul li{height:20px;margin-bottom:5px;padding-left:10px;}
table.schedule tbody tr td ul li.startDate {border-bottom-left-radius: 5em; border-top-left-radius: 5em;}
table.schedule tbody tr td ul li.startEnd {border-bottom-right-radius: 5em; border-top-right-radius: 5em;}
div.con h5.bul{background:url('/images/default/content/cal.gif')no-repeat left 3px; padding-left:40px; font-size:20px; line-height:30px; color:#333333;}

/*식단표*/
.cal-wrap { display: inline-block; overflow: hidden; overflow-x: auto; width: 100%;}
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:0.8rem;}
table.carte tbody tr td table td{ border:1px solid #dddddd;line-height:20px;padding-left:10px; font-size:0.8rem;}
table.carte tbody tr td table .td1{height:45px;}
table.carte tbody tr td table .td2{height:50px;}
table.carte tbody tr td table .td3{height:100px; text-align: center;}
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;}



/* 페이징 */
.boardPageNav {width: 100%;text-align: center; position: relative;overflow: hidden; margin-top: 35px;}
.boardPageNav ul{display:inline-block; zoom:1;*display:inline;}
.boardPageNav ul li{display:inline;}
.boardPageNav ul li a{display:block;float:left;width:30px; height:30px; border:1px solid #dee2e7; font-size: 13px; font-weight:bold; line-height:30px; margin-left:5px; }
.boardPageNav ul li.br a{border-left:1px solid #dee2e7 !important;}
.boardPageNav ul li.first a{background: url('/images/board/clip/first.gif') no-repeat 0 0; border:none; margin:0;}
.boardPageNav ul li.prev a{background: url('/images/board/clip/prev.gif') no-repeat 0 0; width:29px; border:none; margin:0;}
.boardPageNav ul li.next a{background: url('/images/board/clip/next.gif') no-repeat 0 0; width:29px; border:none;}
.boardPageNav ul li.last a{background: url('/images/board/clip/last.gif') no-repeat 0 0; border:none; margin:0;}
.boardPageNav strong a, div.boardPageNav strong {background: #ffa4ba; color: #fff; font-weight: bold; width:100%; height:100%; display:block; border-color:#ffa4ba;}

/* 표 */
.table-wrap {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-wrap table { position: relative; left: -1px; width: 100%; margin-bottom: -1px; }
.table-wrap 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-wrap td {padding:12px 10px;  border-bottom: 1px solid #e8ebee; border-left: 1px solid #ddd; text-align: center;}
.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;}
.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: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-wrap td a.sbtn img{vertical-align:middle; margin-right:3px;}

.table-wrap td.t_l{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: 160%; 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:15rem; 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;}

/*프로그램 안내*/
ul.h4_list li > ul.pro {overflow:hidden; margin:0 0% -2%;}
ul.h4_list li > ul.pro li{padding:0; width:100%;  margin:2% 0;}
ul.h4_list li > ul.pro li div.img{overflow:hidden; border-radius:10px; padding:5px; 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:200px;width: 100%;}
.gallery-top h4{position:absolute; left:0px; bottom:0px;width:100%; background:rgba(0,0,0,0.5); padding-left:20px;  height:45px; line-height:45px; color:#fff; margin-bottom:0; font-weight:500;}
.smallbox{margin-top:10px;}
.gallery-thumbs {width: 100%; height: 20%;box-sizing: border-box; padding: 0px 2rem;}
.gallery-thumbs .swiper-slide {width: 25%;height: 50px;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;}
.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:260px;}
.loca p{position:absolute; bottom:10px; left: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:20px; position:relative; box-sizing:border-box;  }

.way ul.tel{border-bottom:1px solid #ddd; padding-bottom:30px;}
.way ul.tel li{position:relative;  width:100%; padding-left:80px; margin-top:15px;}
.way ul.tel b{position:absolute; top:0px; left:0px;font-weight:600; color:#436197; }
.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{position:relative;}
.way .map_bus div.icon{background:#2861AF; height:97px; width:97px;text-align:center; line-height:97px;  border-radius:50%;}
.way .map_bus h5{color:#2861AF; margin:10px 0; font-size:1rem;}
.way .map_bus ul.ber{padding-left:0;}

/*인사말*/
.bok01{position:relative;overflow:hidden;}
.bok01:before{ content : ""; display : block; position : absolute; left :-45%; top:-50px;  width : 520px; height : 285px; background: url("/images/default/content/ceo_1.png") no-repeat left top; z-index:-1; background-size:100%}
.bok01 p{display:inline-block; text-align:center;}
.bok01 p img{box-shadow:5px 5px 15px rgba(0,0,0, 0.3); width:80%;}
.bok01_txt{float:none; margin-top:30px; }
.bok01_txt h4{position:relative; font-size:1.3rem; line-height:1.4; font-weight:500; padding-top:40px;}
.bok01_txt h4:before{ content : ""; display : block; position : absolute; left:0; top:0;   width : 30px; height : 30px; background: url("/images/default/content/bok02_img1.png") no-repeat right top; background-size:100%}
.bok01_txt h4 b{font-weight:600; color:#3f7feb;}
.bok01_txt h5{display:block;margin-top:20px; margin-bottom:20px; font-size:1.1rem; 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:18px;  width : 113px; 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 .tit{position:relative; display:block; margin:0 auto 0; width:325px; 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 span{}
.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-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; padding:40px 0; margin-top:20px;}
.bok03 .quo div{position:relative;padding:0px 10px; 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;}
.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 ; margin-top:40px;}
.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:1.5rem; 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:40px;}
.bok03 .step_wrap:before{content:""; position:absolute; left:25%; top:25%; width:50%; height:50%; border:1px dashed #888; }
.bok03 .step_wrap .box1{position:relative; width:50%; float:left; margin:10px 0; }
.bok03 .step_wrap .box1:first-child{margin-left:0; }
.bok03 .step_wrap .box1:first-child::before{display:none; }
.bok03 .step_wrap .box1 div{position:relative; width:145px; height:145px; 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:45px;}
.bok03 .step_wrap .box1 span{font-size:13px;}

.bok03 .lobby{background:#f6f6f6; height:790px;}
.bok03 .lobby ul{float:none; padding:10px 30px 0px 30px;}
.bok03 .lobby ul li{margin:15px 0px 0px 0px; position:relative; padding-left:80px ;}
.bok03 .lobby ul li:after{ content : ""; display : block; position : absolute; left :-5%; top:8px; 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:-8px;  width : 270px; 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:30px;}
.history_wrap:before{ content : ""; display : block; position : absolute; left:12px; top:0; width : 30px; height : 30px; margin-left:-15px; 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%; background-size:100%;}

.history_wrap li {width:100%;padding-left:40px; box-sizing:border-box; position:relative; padding-top: 15px;}
.history_wrap li:after {height:100%; border-right:1px solid #ddd; content:'';  position:absolute; top:0px; left:10px; display:inline-block;}
.history_wrap li.last:before{content:''; position:absolute; bottom:0px;left:10px; margin-left:-5px; width:10px; height:10px; border-radius:50%; background:#ddd; z-index:3;  display:inline-block;}

.history_wrap dt {margin-bottom:15px; color:#242424; font-size:1.5rem; font-weight:500; position:relative; display:inline-block; border-bottom:2px solid #242424;}
.history_wrap dt:before { content:''; position:absolute; top:50%; left:-60px; z-index:1; display:inline-block;} 
.history_wrap dt:after {border-radius:50%; content:''; position:absolute; top:50%;  left:-68px; z-index:1; display:inline-block; width:15px; height:15px; margin-top:-5px; background-color:#AAAAAA; }
.history_wrap dd {padding-left:70px; margin-top:10px; position:relative; word-break : break-all;}
.history_wrap dd * {color:#787878;  line-height:22px; position:relative; color:#787878; }

.history_wrap li dt:before {left:-40px;}
.history_wrap li dt:after {left:-37px;}

.history_wrap dd span {position:absolute; left:0;  padding-left:15px ; top:2px;  color:#333;  font-weight:600;}
.history_wrap dd span:before{ content:''; position:absolute; top:50%; left:0; 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 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;  margin-bottom:3rem;}
.bok02_t{text-align:center; }
.bok02 h4{font-size:1.3rem; font-weight:500; color:#222; line-height:1.4; margin:20px 0;}
.bok02 h4 b{color:#3f7feb; font-weight:600; display:inline-block;}
.bok02 p{margin-top:20px; text-align:center; }
.bok02 p span{font-weight:600;}
.bok02 .lobby{height:720px;}
.bok02 .lobby ul{float:none;}

.bok02_1{padding:3rem 0; background:#F9F9F9; }
.bok02_1 ul{position:relative; background: url("/images/default/content/bok02_ci.png") no-repeat center top; width:100%; padding-top:15rem; background-size:60%;}
.bok02_1 ul li{position:relative;background:#fff; margin-bottom:30px; box-shadow:1px 1px 10px rgba(0, 0, 0, 0.2); text-align:center; padding:30px 0; border-radius:20px}
.bok02_1 ul li .bok02_img{position:relative;  }
.bok02_1 ul li .bok02_img:before{content:''; position:absolute; width:8px; height:8px; left:50%; top:-33px; margin-left:-4px;  background:#3f7feb; border-radius:50%;}
.bok02_1 ul li .bok02_txt{margin-top:10px;}
.bok02_1 ul li:before{content:''; position:absolute; width:1px; height:33px; left:50%; top:-32px; margin-top:3px;  background:#ddd; }


.bok02_2{position:relative; margin-top:3rem;}
.b_logo{display:none; }
.b_box01{position:relative;  z-index:1; padding:25px; box-shadow:1px 1px 10px rgba(0, 0, 0, 0.2);}

.box01, .box03, .box02, .box04{margin-bottom:20px; position:relative;}
.box01:after , .box02:after, .box03:after{content:'';	display:block; position:absolute; bottom:0; left:0; margin-bottom:-20px;  width:100%; height:1px; background:#ddd }

.b_box01 b{font-size:1.3rem; color:#222; font-weight:600; display:block; margin-top:-40px; margin-bottom:10px;}
.b_box01 em{font-size:60px; font-weight:600; color:#E9EFFC;}

/*조직도*/
.bok05_1{margin-top:60px;}