@charset "utf-8";



.point {
    padding-left: 1em; margin-bottom: 0.5em;
    position: relative;
}

.point::before {
    content: '';
    width: 10px; height: 10px; border-radius: 100%;
    background-color: #dddddd; 
    position: absolute;
    left: 0; top: 0.18em;
}

a, a:hover {color: unset; text-decoration: none}



/**테이블**/

table {
    width: 100%; min-width: 768px;
    float: left;
		
}

tr {
    border-bottom: 1px solid #ddd;
}

thead tr {
    background: #f5f5f5;
}

th,
td {
    padding: 18px;
    border-left: 1px solid #ddd;
    text-align: center;
}
th { padding: 0.7em;}
thead td {padding: 6px;}
th {
  font-family: 'Noto Sans KR', sans-serif; font-weight:600;
}

td.left_align {
    text-align: left
}

td.left_align p {
    padding-left: 18px;
    background: url(../../../img/sub/point_gray.png) no-repeat left 8px;
}

th:first-child, td:first-child {
  border-left: 0;
}
th:last-child, td:last-child {
    border-right: 0;
}
.table_scroll::after {
	content:""; display:block; clear: both;
}
.table00 {
	border-top: 1px solid #ddd;
}
.table01 {
     border-top: 5px solid #ffcc1b; background-color: #ffffff;
}
.table01-1 td { 
  
}
.table01-1 .point_td {
	 background-color:#f4f1ff;
}
.table01-1 .point_td p {
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  margin: auto;
}
.table03 {
	border-top:1px solid #ddd; 
}
.table03 th {
	background-color: azure;
	padding:0.3em;
}
.table03 .arrow {
	border:1px solid #ddd;
	background-image: url(../../../img/sub/0208_4-arrow1.png);
	background-size:40px;
	background-position: center; background-repeat: no-repeat
}
.table03 .arrow.arrow1:first-child{
	border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.table03 .arrow.arrow2 {
	border-top: 1px solid #fff;
  border-right: 1px solid #fff;
	background-image: url(../../../img/sub/0208_4-arrow2.png);
}
.table03 .arrow.arrow3 {
	border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
	background-image: url(../../../img/sub/0208_4-arrow4.png);
}
.table03 .arrow.arrow4 {
	border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
	background-image: url(../../../img/sub/0208_4-arrow3.png);
}
table .noneline {	border: 1px solid #fff; }
table .noneline0110 {	border-top:1px solid #fff;border-left:1px solid #fff;}
table .noneline0011 {	border-top:1px solid #fff;border-right:1px solid #fff;}
table .noneline1010 {	border-left:1px solid #fff;border-right:1px solid #fff;}
table .noneline1101 {	border-bottom:1px solid #fff; }

@media (max-width: 992px) {
    /**테이블**/

    table {
        border-collapse: collapse;
        border-spacing: 0px;
        width: 100%;
        clear: both;
        text-align: center;
        margin-left: -1px;
        font-size: 1em;
        zoom: 1;
    }
	.table_scroll {
    width: 100%;
    overflow-x: scroll;
    overflow: auto;
	}
	.table01{
    margin: 0;
	}
	.scroll_tb {
    text-align: center;
    margin: 13px 0 0 0;
    float: left;
    width: 100%;
    font-size: 0.8em;
    border-left: 1px solid #ddd;
    padding: 5px 0 5px 0;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    /* background-color: #efefef; */
	}
}

@media (max-width: 600px) {

    th,
    td {
        padding: 5px;
    }

}

@media (max-width: 320px) {

    th,
    td {
        padding: 3px;
    }
}

/*테이블 끝*/


.size20 {font-size:1.111em;}
.size23 {font-size:1.1957em;}
.size25 {font-size:1.389em;}
.tac {text-align: center;} 
.tal {text-align: left;} 
.fw500 { font-family:'Noto Sans CJK KR Medium', sans-serif ;} 
.scoreF.fw500 { font-family:'S-Core Dream 5'} 
.fw600 { font-weight: 600;} 
.w93 {width: 93%; margin: 0 3.5%;} 
.w92 {width: 92.6%; margin: 0 3.7%;} 
.mt15 {margin-top: 15px;}
.mt35 {margin-top: 35px;}
.mt50 {margin-top: 50px;}
.mb05 {margin-bottom: 0.5em;}
.ml45 {margin-left: 45px;}

.blue {color: #004aa1;} 
.bingg {font-family: "Binggrae Bold"}


/* ul list */
.list_dt > li {
  position: relative; text-align: left;
  padding-left: 15px; margin-bottom: 0.3em;
}
.list_dt > li::before {
  content: "";   position: absolute;
  top: 11px;  left: 0;
  display: inline-block;
  width: 10px;    height: 10px;
  background: #cccccc;
  border-radius: 100%;
}
.list_dt8 > li {
  position: relative; text-align: left;
  padding-left: 15px; margin-bottom: 0.3em;
}
.list_dt8 > li::before {
  content: "";   position: absolute;
  top: 10px;  left: 0;
  display: inline-block;
  width: 8px;    height: 8px;
  background: #ddd;
  border-radius: 100%;
}
.list_dt8.li_2 > li {
  float: left;
  width: 48%;
}


/* 후원안내 시작*/
.name_bg2 { background-color: #fffceb; margin-top: auto; } 

.done_wrap {display: flex; flex-wrap: wrap; }
.done_wrap .box { 
  width: calc(100% / 3); padding: 0.57em 1.57em 0; 
  text-align: center;
}
.done_wrap .box:nth-child(2) { border-left: 1px dashed #ccc; border-right: 1px dashed #ccc;}
.done_wrap .icon { 
  padding-bottom: calc(150px + 2em); 
  background-image: url(../../../img/sub/0401icon1.png); background-position: center; background-repeat: no-repeat; 
}
.done_wrap .box:nth-child(2) .icon { background-image: url(../../../img/sub/0401icon2.png); }
.done_wrap .box:nth-child(3) .icon { background-image: url(../../../img/sub/0401icon3.png); }
.done_wrap.n2 .box:nth-child(1) .icon { background-image: url(../../../img/sub/0403icon1.png); }
.done_wrap.n2 .box:nth-child(2) .icon { background-image: url(../../../img/sub/0403icon2.png); }
.done_wrap.n2 .box:nth-child(3) .icon { background-image: url(../../../img/sub/0403icon3.png); }

.done_wrap .box > p { display:inline-block; padding: 0.3em 0.8em 0.4em; line-height: 1em; background-color: #004aa1; margin: 0.5em; border-radius: 100px; color:#fff;}
.done_wrap .box:nth-child(2) > p {color: #343434; background-color: #ffcc1b; }
.done_wrap .txtbox { padding: 1.2em; background-color: #f0f0f0; border-radius: 5px 5px 30px 5px; }

td.call { padding: 1.4em; border-left: 5px solid #ffcc1b; background-color: #f7f7f7; }
td.call .bingg { float:left; vertical-align: middle }
td.call .bingg::before {
  content: ''; display: inline-block;
  width: 2.5em; height: 1.8em; 
  background-image: url(../../../img/sub/call_icon.png); background-repeat: no-repeat; background-position: left center; vertical-align: middle
}
td.call div:last-child { float:right; vertical-align: middle }

.done_line_wrap { padding: 1.63em 3.15em; border-radius: 0 0 50px 0; } 
.done_line > div {display: inline-block; vertical-align: middle}
.done_line div:nth-child(2) {width: calc(100% - 8em) }
.done_line:first-child::after {
  content:''; display: block; width: 100%; height:1px; margin: 1.5em 0; background-color: #dddddd
}

.btn_blue { display:inline-block; padding: 0.5em 1em 0.5em 3em ; margin-top: 60px; border-radius: 100px; background-color: #004aa1; color: #ffffff; text-align: center; transition:0.2s;}
.btn_blue a { color: #ffffff; }
.btn_blue p { display:inline-block; }
.btn_blue p span { display:inline-block; margin-left: 1em ; width: 1.5em; height: 1.5em; color:#343434; background-color: #ffcc1b; border-radius: 100%; }

.btn_blue:hover {  background-color: #ffcc1b; color:#343434;}
.btn_blue:hover a {  color:#343434; }

.btn_blue:hover p span {  background-color: #004aa1;  color: #fff;}

.point_title {
	position:relative; 
  padding-bottom: 1.6em; line-height: 1em; 
	font-size: 1.315em; font-family: "Binggrae Bold"; text-align: center;
}
.point_title::before {
	content:""; display: block;
	width: 42px; height: 42px; margin: 0 auto; margin-bottom: 20px;
	background-image: url(../../../img/sub/title_point.svg);
}

.box_wrap.top_line_box {
	border : 1px solid #dddddd;
	border-top: 3px solid #24195c;
}
.top_line_box .box {
	width: 33%; margin: 0; padding: 0 24px 24px;
	height: 324px; overflow-y: hidden;
	text-align: center;
	background-color: #f7f7f7; 
	border:none;
}
.top_line_box .box:nth-child(2), .top_line_box .box:nth-child(5) {
	width: 34%;
	border-left: 1px solid #ddd; border-right: 1px solid #ddd;
}
.top_line_box .box:nth-child(-n+3){
	border-bottom: 1px solid #ddd;
}
 
.box_wrap .titleP {
  margin-bottom: 0.6em; 
	font-size: 1.22em; color:#24195c; font-weight: 500;
}
 
.box .Rblock {
	display:inline-block; min-width: 97px; 
	padding: 1px; margin-bottom: 3px;
	color:#fff; 
	background-color: #24195d;
	border-radius: 50px;  
} 

@media (max-width: 991px) {
  .done_wrap .box { width: 100%; }
  .done_wrap .box br { display: none; }
  .done_wrap .box:nth-child(2) {
    border-left: 0; border-right: 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 2em; padding-bottom: 2em;
  }
  .done_line {position: relative; }
  .done_line div:nth-child(2) {position: relative; width: 100%; }
}

/* 후원안내 끝 */


 




 


/* 인사말 시작 */

.halo_wrap { 
  position:relative; 
  width: 88%; margin: 0 auto;
  
}
.halo { 
  max-width: 850px; margin: auto;
  padding: 2em; 
  border: 6px double #ddd; text-align: center;
  background-color: #fff;
}
.halo .txt { padding: 1em;} 
.halo .txt_bt{
  position: relative;
  margin-top: 1em; padding: 1em 0.1em; 
}
.halo .txt_bt::before {
  content:''; display:block; position: absolute; top:0;     left: 37.5%;
  width: 25%;  height: 4px;
  background-color: #ffcc1b;
}
.halo .txt_bt p { padding: 1em; }
.halo .sign { display:inline-block;margin-left: 0.5em; font-family: 'InkLipquid'; font-size: 3em; vertical-align: middle;}

.corner_box {
    position: relative; 
}
.corner_box .corner {
  position: absolute; left: 20px; top: 20px; width: 105px; height: 105px;
  background-image: url(../../../img/sub/corner.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  z-index: 0;
}
.corner_box .corner:nth-child(2) {
  left: auto;
  right: 20px;
  transform: rotate(90deg);
}
.corner_box .corner:nth-child(3) {
  top: auto;
  left: auto;
  right: 20px;
  bottom: 20px;
  transform: rotate(180deg);
}
.corner_box .corner:nth-child(4) {
  left: 20px;
  top: auto;
  bottom: 20px;
  transform: rotate(270deg);
}



/* 인사말 끝 */








/* 재단소개 시작 */
.intro_box { 
  width: 90%; margin: auto;
  padding: 2.7em 0 2.6em;
  border-radius: 0 0 50px 0; 
}
.intro_box .line { 
  width: 12em; height: 3px; background-color: #ddd; margin: 1.5em auto 1.7em;
}
.intro_box > p { line-height: 1.63;}
.mission { position: relative; display:inline-block;}
.mission::before {
  content:'“'; display: block; position: absolute; top: -0.1em; left: -1.3em;
  font-family: 'Binggrae Bold'; font-size: 72px; color: #004aa1;
}
.mission::after {
  content:'”'; display: block; position: absolute; top: -0.1em; right: -1.3em;
  font-family: 'Binggrae Bold'; font-size: 72px; color: #004aa1;
}
.vision { 
  display:flex; justify-content: right; 
  padding: 1.8em 3em ; border-bottom: 1px dashed #ddd;
}
.vision:last-child { border-bottom: 2px solid #ddd; }
.vision .icon {
  width: 82px ; height: 82px; 
  background-image: url(../../../img/sub/0101icon1.png); background-repeat: no-repeat; background-position: center; 
  border-radius: 10px;
}
.vision:nth-child(2) .icon {background-image: url(../../../img/sub/0101icon2.png);}
.vision:nth-child(3) .icon {background-image: url(../../../img/sub/0101icon3.png);}
.vision .bingg { width: 19em; margin-top: 0.4em; margin-left: 1em;}
.vision p.font22 {position:relative; }
.vision p.font22::before {
  content:''; display:block;
  position: absolute; bottom:0; left:0; 
  width: 6.3em; height: 0.5em; background-color: #ffd325; z-index: -1; opacity: 0.5
}
@media (max-width: 786px) {
	.vision .icon {
		margin:0 auto;
		text-align:center;
	}
}

.intro2 {
  padding: 2em; padding-bottom: 1em; margin-top: 2em;
  border-radius: 0 0 50px 0 ; 
}
.intro2 > div { width: 100%; }
.intro2 .txt1 h3 { width: 100%;}

.intro2 .txt1 h3 { margin : 1em 0 ;}
.intro2 .txt2 { display:flex; flex-wrap: wrap; padding: 2em 0; }
.intro2 .txt2 p { width: 50%; margin-bottom: 1em; padding-left: 0.3em; border-left: 3px solid #ffd325; } 
.intro2 p i { color: #004aa1; margin-right: 0.5em }
.intro2 p > span { display:inline-block; margin: 0 0.5em;}
.txt3 h3 {
    padding: 0.7em 0; margin: 0 0 2em;
    background: #fffceb;
}

.work_con { display: flex; flex-wrap: wrap; justify-content: center; width: 90%; margin: auto; }
.work_con > div {
  padding: 0.5em 2em; margin: 0 0.75em 0.8em ;
  font-family: 'S-Core Dream 4'; background-color: #f0f0f0; 
  border-radius: 100px ; text-align: center; 
}

/* 조직도 */

.org_line { text-align: center; padding: 3em 0 ; margin: 1em auto }
.org1 {
  display: inline-block; position: relative; padding: 0.3em 2.4em; 
  background-color: #ffd325; border-radius: 100px;
  font-family: "Binggrae Bold"; font-size: 1.473em; 
}
@media (max-width: 786px) {
	.org1 {padding:0.3em 1.2em !important; font-size: 1.173em !important; }
}
/*.org1::after { 
  content:''; display:block; position:absolute;top:100%; left:50%; width: 1px; border-left: 1px dashed #ddd; height: 3.4em; z-index: -1; 
}*/
.org_center {display:flex; justify-content: flex-end;  align-items: center; padding: 1em 0 3em;  }
.org_center .box {width: calc(100% / 3)}
.org_center .box:nth-child(2) { text-align: left}
.org2 { 
  position: relative; display: inline-block;
  padding: 20% 16%; margin: auto; border-radius: 100%; border: 3px dashed #ffd325; 
  font-size: 1.36em; font-family: 'S-Core Dream 6';
}
.org2::before {
  content: ''; display:block;
  position: absolute; top: 6px ; left:6px;
  width: calc(100% - 12px); height:calc(100% - 12px); border-radius: 100%; border: 5px solid #ffd325; 
}
.org2::after {
  content: ''; display:block;
  position: absolute; top: 100% ; left: 50%;
  width: 1px ; height: 3em; border-left: 1px dashed #ddd; 
}
.org3 { 
  position:relative; display:inline-block; padding: 0.5em 2.4em;
  background: #d9d9d9; font-family: 'S-Core Dream 5'; font-size: 1.157em; border-radius: 100px; 
}
.org3::after {
  content: ''; display:block;
  position: absolute; top: 50% ; right: 100%; 
  width: 50% ; height:1px; border-top: 1px dashed #ddd;
}

.org_team {
  display:flex; justify-content: space-around;
  position: relative; max-width: 960px;
}
.org_team::after {
  content: ''; display:block;
  position: absolute; top:0; left: 25%; width: 50%; height: 1px; border-top: 1px dashed #ddd;
}

.team_box {
  position:relative; width: 30%; 
  border-radius: 0 0 50px 0 ; background-color: #f5f5f5; 
}
.team_box::after {
  content: ''; display:block;
  position: absolute; bottom:100% ; left: 50%; width: 1px; height: 3em ; border-left: 1px dashed #ddd;
}
.team_box > p {
  background-color: #004aa1; color:#fff;  padding: 0.8em; font-family: 'S-Core Dream 5'; font-size: 21px;
}
@media (max-width: 786px) {
	.org_team {
	  display:block;
	  position: relative; width:100%; margin-bottom:20px;
	}
	.team_box {width:100% !important; display:block; margin-bottom:20px;}
	.team_box > p {font-size:18px;}
}
.team_box > div { padding: 1em; }
.team_box > div p {margin-bottom: 0.3em; }


@media (max-width: 1299px) {
  .intro2 p > span { display:block;}
}

@media (max-width: 991px) {
  .intro_box > p  {padding: 0 1.5em; }
  .intro_box > p br {display:none; }
  .mission br { display: none;}
  .mission { width: calc(100% - 4.5em)}
  .mission::before {left: -0.6em; }
  .mission::after {right: -0.6em; }
  .vision { flex-wrap: wrap; justify-content: center; align-items: center; }
  .vision .bingg {width: auto; } 
  .vision .bingg p { display: inline-block; margin-left: 0.5em;}
  .vision > div:last-of-type {
    width: 100%; margin-top: 1em; padding: 1.8em 0.2em; border-radius: 10px; background: #f5f5f5;
  }
  
  .intro2 .txt2 p { width: 100%; }
  .intro2 .txt2 p > span { display: inline-block}
}
@media (max-width: 768px) {
  .vision .bingg {  width: 100%; text-align: center; margin: 1em auto 0; }
  .org_center { flex-wrap: wrap;}
  .org_center .box { width: 100%;}
  .org2 {padding: 10% 8%; margin-bottom: 2em;}
  .org_center .box:nth-child(2) { text-align: center;}
  .org3::after {
    top:100%; left:50%;
    width: 1px; height: 3.5em; border-left: 1px dashed #ddd;
  }
  .team_box > div { text-align: left; }
  .team_box > div p  { padding: 0 1em; }
}

/* 재단소개 끝 */





/* 기관소개 시작*/

.bdt_wrap {
  width: 88.88%; padding: 2em 2.5em; margin: 0 auto;
}
.bdt_wrap .image_part {
  float:left; width: 42%; 
  border: 10px solid #f0f0f0; 
  box-shadow: 7px 7px 6px 0px rgba(0, 0, 0, 0.07);
}
.bdt_wrap .image_part img {
  width: 100%; 
}
.bdt_wrap .text_part {
    float: left;
    width: 54%;
    padding: 2em 4em;
    line-height: 1.4;
    text-align: center;
	letter-spacing: -1.2px;
}
.bdt_wrap .text_part .texT {
  margin-bottom: 1.6em; 
}

.bdt_wrap.bgG {
  background-color: #f7f7f7; border: 1px solid #d3d3d3; 
  border-top: 0;
}
.bdt_wrap.bgG p {
  padding: 0.8em 0.2em;
  letter-spacing:-0.8px;
  font-size: 17px;
}


.mission_wrap {
  position:relative; 
  width: 382px; height: 382px; margin: 8em auto 0; 
  border: 1px dashed #ddd; border-radius: 100%;
  background-color: #fff;
  
}
.mission_O {
  position: absolute;
  width: 250px; height: 250px;
  background-color: #fafafa; border: 5px solid #efefef;
  border-radius: 100%;
  text-align: center;
}
.mission_O.n0 {
  top: 89px; left: 89px;
  width: 204px; height:204px;
  border: 10px solid #efefef; 
  background-image: url(../../../img/sub/0103img_1.svg);
  background-size: 100% 100%; 
  z-index: 1;
}
.mission_O.n1 {
  left: 60px; top: -75px;
}
.mission_O.n2 {
  left: -100px; bottom: -40px;
}
.mission_O.n3 {
  right: -100px; bottom: -40px;
}
.mission_O p { padding: 5em 0 ;}
.mission_O p span { font-size: 1.15em;}
.mission_O.n0 .underbar_T {
  margin-top: 1.7em;
}
.underbar_T {
  position:relative;
  text-align: center;
  font-size: 1.67em; font-weight: 600;
}
.underbar_T span { 
  display:block;  
  margin-bottom: -0.5em;
  color: #ffdbe8; 
  opacity: 0.9;
  font-weight:500;
  z-index: -1
}
.underbar_T.navy span {
  color: #dbd5fe;
}
.underbar_T::after {
  content:"";
  display:block; 
  position: absolute; 
  bottom: -0.25em;  left: 50%;
  width: 1.8em; height: 2px; margin-left: -0.9em; 
  background-color: #e50052; 
}
.underbar_T.navy::after {
  background-color: #24195c
}

.vission_wrap { 
  position: relative;
  padding-top: 10em; margin-top: -5em;
  /*background-image:url(../../../img/sub/0103bg.svg);
  background-size: contain; background-position: top center; background-repeat: no-repeat;*/
}
.vission_wrap > img {
  position: absolute; top:0; left: 11%;
  width: 78%;  z-index: -1; 
}
.vission_T {
  position:relative;
  padding: 6em 0 0;  margin-top: -5em;
  /*background-image: url(../../../img/sub/0103bg_2.png);*/
  background-size: auto; background-position: center bottom; background-repeat: no-repeat; 
}
.vis_P {
  margin-top: 1.9em;
}
.vis_P span{
  display:inline-block;
  padding:1em 8em; background:#fff; border: 1px solid #ddd; border-radius: 50px;
}

.vis_box_wrap{
  width: 100%; margin: 1.8em 0 4em; padding: 1em 3em; 
  background-color: #fff;
  border: 1px solid #ddd; 
}
.vis_box {
  float:left; 
  width: 20%; margin: 0 2.5%; padding: 11.5em 1em 1em;
  text-align: center;
  background-image: url(../../../img/sub/0103icon_1.png); background-repeat: no-repeat; background-size: auto; background-position: center 12%;
} 
.vis_box:nth-child(2) { background-image: url(../../../img/sub/0103icon_2.png)}
.vis_box:nth-child(3) { background-image: url(../../../img/sub/0103icon_3.png)}
.vis_box:nth-child(4) { background-image: url(../../../img/sub/0103icon_4.png)}
.vis_box p:first-child {
  margin-bottom: 0.5em;
}

.mental .underbar_T {
  margin-bottom: 2em;
}
.mental .round_wrap {
  position: relative;
}
.mental .round_wrap div {
  position: absolute; bottom:0;
  padding: 1em 5em; 
  text-align: center;
  border-radius: 100px; 
}
.mental .round_wrap div:nth-child(2) {
  position:relative; width: 100%; 
  background-color: #f9f9f9; 
  z-index: -1;
}
.mental .round_wrap div:nth-child(1) {
  left: 0; 
  background-color: #f0edff;
}
.mental .round_wrap div:nth-child(3) {
  right: 0; padding: 1em 6em;
  background-color: #ffe8f0;
}
.core_wrap {
  margin-top: 3.5em;
}
.core_wrap .core_box {
  position: relative;
  text-align: center;
  float:left; width: 19%; margin-left: 1.25%;
}
.core_wrap .core_box:first-child {
  margin-left: 0;
}
.core_box .cercle_text {
  position: relative;
  width: 112px; height: 112px; margin: 0 auto; padding: 1.8em 0px;
  border-radius: 100%; font-size:1.1957em;
  background-color: #fff; color: #e50052; font-weight: 600;
  box-shadow: 0 0 0 13px rgba(229, 0, 82, 0.18);
}
.core_box:nth-child(2n) .cercle_text {
  background-color: #fff; color: #24195c;
  box-shadow: 0 0 0 13px rgba(36, 25, 92, 0.18)
}
.core_box .text {
  padding: 5em 0.5em 1.7em; margin-top: -56px;
  background-color: #fff; border: 1px dashed #ddd; 
}
.core_box .text p:first-child {
  margin-bottom: 0.4em;
}



 
/* 기관소개 끝*/
 




/* 오시는길 시작 */ 

.kakao_map {
  height: 415px; 
}
.address_box {
  position: relative;
  width: 85.25%; margin: -1.8em auto 0;
  border-radius: 0 0 30px 0 ; overflow: hidden;
  z-index: 1; border: 1px solid #ccc;
  background-color: #fff;
}
.pink_box {
  width: 120px;
  float:right; padding:1em; 
  background-color: #ffd325; color:#343434;
}
.adrs_txt_box {
  float:left; width: calc(100% - 120px); padding: 1em 0em;
}
.adrs_txt_box > p { display: inline-block}
.adrs_txt_box p span {
  margin: 0 0.7em 0 2em;
  border-bottom: 3px solid #ffd325;
}

.top_map_wrap {
  margin-bottom: 7%
}
.bus_wrap, .subway_wrap {
  float:left; width: 50%; margin-top: 0.8em;
}

.how_come .icon {
  float:left; width: 114px; height: 114px;
  border-radius: 100%; border: 1px solid #ccc; background-color: #fff;
  background-image: url(../../../img/sub/0107icon.png);
  background-position: center -6px; background-repeat: no-repeat;
}
.subway_wrap .icon {  background-position: center;}
.car_wrap .icon {  background-position: center bottom;}
.how_come .text_wrap {
  width: calc(100% - 114px);
  padding: 1em 2em; float: left; 
}
.how_come .text_wrap > p {
  margin-bottom: 1em;
}
.how_come .text_wrap > div {
  margin-bottom: 1.7em;
}
.how_come .color_block {
  display:inline-block;
  padding: 1px 10px 2px; margin: 0 0.5em 0.5em 0;
  background-color: #366fc6; color:#fff; border-radius: 100px;
}
.color_block.n2 {background-color: #d63945}
.color_block.n3 {background-color: #62af1e}
.color_block.n4 {background-color: #5ab354}
.color_block.n5 {background-color: #c49900}

.car_wrap {
  float:left; width: 100%; padding: 2em;
  background-color: #fafafa ; border: 1px solid #ccc;
  border-radius: 25px;
}
.car_wrap ul li:nth-child(-n+1) {
  margin-bottom: 1em;
}
.car_wrap .text_wrap {
  padding: 0 2em;
}

.done_line_wrap.bus { position: relative; overflow: hidden; }
.done_line_wrap.bus::before {
  content:''; display:block; position:absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.08;
  background-image: url(../../../img/sub/bus.svg); background-size: 8em; background-repeat: no-repeat; background-position: calc(100% - 16px) calc(100% + 7px); 
}


/* 오시는길 끝 */
 




 
/* 사업안내 시작*/

.bdt_Y { 
  border: 1px solid #ddd; border-top: 5px solid #ffd325; 
}
.bis_wrap { 
  display:flex; flex-wrap: wrap; overflow:hidden;
  border-radius: 0 0 50px 0;
}
.bis_wrap > div {
  float:left; width: calc(50% - 0.5px); padding: 50px;
} 
.bis_wrap > .iline {
  width: 1px ; padding: 0; margin: 50px 0; border-right: 1px solid #ddd;
}
.bis_wrap .font25 {
  margin-bottom: 30px;
}
.bis_wrap .icon_box {
  position:relative;  
}
.bis_wrap .icon_box::after { 
  content:''; display:block; position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;  opacity:0.08;
  background-image: url(../../../img/sub/bissicon1.svg); background-repeat: no-repeat; background-size:175px 175px;   background-position: 97% 110%; }
.bis_wrap .icon_box:last-child::after {
  background-image: url(../../../img/sub/0201icon2.svg); background-position: 100% calc(100% + 1em); background-size:260px 200px; 
}
.bis_wrap .icon_box.n2::after {  background-image: url(../../../img/sub/bissicon2.svg);}
.bis_wrap .icon_box.n3::after {  background-image: url(../../../img/sub/bissicon3.svg);}
.bis_wrap .icon_box.n4::after {  background-image: url(../../../img/sub/bissicon4.svg);}
.bis_wrap .icon_box.n5::after {  background-image: url(../../../img/sub/bissicon5.svg);}

.bis_box_wrap {
  display:flex; flex-wrap: wrap;
  border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;
}
.bis_box_wrap .bis_box {
  width: calc(100% / 3); background-color: #fafafa; 
  text-align: center;
}
.bis_box_wrap.box2ea .bis_box {width: calc(100% / 2)}
.bis_box_wrap .bis_box:nth-child(2) {
 background-color: #fff; border-right: 1px dashed #ddd; border-left: 1px dashed #ddd; 
}
.bis_box .cnr_num {
  width: 2.5em; padding: 0.2em; background-color: #ffd325; border-radius: 0 0 25px 0;
  font-family: "Binggrae Bold"; font-size: 1.31em;
}
.bis_box .font22 {
  margin: 1em 0 1.8em ;
}
.bis_box .icon {
  width: 100%; height: 7em;
  background-image: url(../../../img/sub/0201icon3.png); background-repeat: no-repeat; background-position: center; 
}
.bis_box:nth-child(2) .icon {  background-image: url(../../../img/sub/0201icon4.png);}
.bis_box:nth-child(3) .icon {  background-image: url(../../../img/sub/0201icon5.png);}
.bis_box .icon.n0202 {  background-image: url(../../../img/sub/0202icon2.png);}
.bis_box .icon.n0203 {  background-image: url(../../../img/sub/0203icon3.png);}
.bis_box .icon.n0204_1 {  background-image: url(../../../img/sub/0204icon1.png);}
.bis_box .icon.n0204_2 {  background-image: url(../../../img/sub/0204icon2.png);}

.bis_line {  padding: 1em; display: flex; align-items: baseline;}
.bis_line:nth-of-type(3) {  background-color: #fafafa; border-top: 2px dotted #ddd; border-bottom: 2px dotted #ddd;}
.bis_line.last {  border-bottom: 2px solid #ebebeb; }

.subnum {font-size: 70px; color: #dedede; font-style: italic; margin-right: 0.7em;}
.bus .subnum  { line-height: 0.98; text-align: right; font-size: 45px;}

@media (max-width: 786px) {
	.bus .subnum {display:none;}
}
.bis_line p span { display: inline-block; vertical-align: middle;}
.bis_line p .blue { width: calc(100% - 7em);}
.bis_line p:first-child {
  width: calc(100% / 3); float:left;
}
.bis_line p:last-child {
  width: calc(100% / 3 * 2); float:left; display: inline-block; vertical-align: middle;
}

@media (max-width: 991px) {
  .bis_wrap > div { width: 100%;}
  .bis_wrap > .iline { width: 90%; height: 1px; margin: auto; border-bottom: 1px solid #ddd; }
  
  .bis_line {position: relative; overflow: hidden}
  .subnum{ position: absolute; top: 0; left: 0; line-height: 1em; }
  .bis_line p .blue { position: relative; width: auto;}
}
@media (max-width: 768px) {
  .bis_line { flex-wrap: wrap }
  .bis_line p:first-child,.bis_line p:last-child  { width: 100%; }
  .bis_line p:first-child br,.bis_line p:last-child br { display: none }
}
@media (max-width: 500px) {
  .bis_box_wrap .bis_box, .bis_box_wrap.box2ea .bis_box { width: 100%;}
}

/* 사업안내 끝*/







/* 이용절차 시작 */
  
.step_wrap { border: 1px solid #ddd;}
.step_box_wrap {
  width: 100%; display:flex;  flex-wrap: wrap;
   border-top: 5px solid #004aa1; 
} 
.step_box {
  width: calc( 100% / 6 ); padding:1.1em;  
  text-align: center; border-bottom: 1px solid #ddd;
}
.step_box:nth-last-child(n+2) {
  border-right: 1px solid #ddd;
}
.step_box p:first-child {
  font-family: "Binggrae Bold"; color:#004aa1; font-size: 1.09em;
}
.step_box p:last-child {
  font-weight: 600; line-height: 1.26
}

.step_box .icon {
  height: 5.45em; width: 100%; 
  background-image: url(../../../img/sub/0103icon1.png); background-repeat: no-repeat; background-position: center; 
}
.step_box:nth-child(2) .icon {  background-image: url(../../../img/sub/0103icon2.png)}
.step_box:nth-child(3) .icon {  background-image: url(../../../img/sub/0103icon3.png)}
.step_box:nth-child(4) .icon {  background-image: url(../../../img/sub/0103icon4.png)}
.step_box:nth-child(5) .icon {  background-image: url(../../../img/sub/0103icon5.png)}
.step_box:nth-child(6) .icon {  background-image: url(../../../img/sub/0103icon6.png)}

.step_line {
  padding: 1.67em 0; 
}
.step_line:nth-child(even) {
  background-color: #f7f7f7
}
.step_line .left {
  float:left; width: calc(100% / 6);
  text-align: center;
}
.step_line .right {
  float:left; width: calc(100% / 6 * 5);
}
.step_line .left p {
  color:#dedede; font-family: "Binggrae Bold"; font-style: italic; line-height: 0.98em;
}
.step_line .left p:first-child {
  font-size: 22px;
}
.step_line .left p:last-child {
  font-size: 45px;
}
.step_line .sub_T {
  font-family: "Binggrae Bold" ; color:#004aa1; font-size: 1.2em; margin-bottom: 0.4em;
}

@media (max-width: 992px) {
  .step_box { width: calc(100% / 3)}
}

@media (max-width: 500px) {
  .step_box { width: calc(100% / 2)}
}



/* 이용절차 끝 */




.rule_wrap2 .left_rule, .rule_wrap2 .right_rule {
  float:none; width: 100%;
}
.rule_wrap2 .left_rule {
  padding: 0 0 0.5em; 
  border-bottom: 1px dashed #ddd; 
}

.rule_wrap2 .right_rule {
  margin-top: 1em;
}
/*.rule_wrap2 .right_rule ul li p {
  padding: 0.8em; margin-bottom: 0.5em;
  background-color: #f7f7f7; border-radius: 10px;
}*/
.rule_wrap2 .list_pack {
  padding: 1em; margin-bottom: 1em;
  background-color: #f7f7f7; border-radius: 10px;
}

.email_con {display:flex; border-top: 4px solid #ccc; background-color: #f9f9f9;}

.email_con > div {
  float:left; width: 50%;
}
.email { background-image: url(../../../img/sub/0503img.png); background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #ffffff;} 
.email_con .p4line {
  padding: 3.5em; font-size: 1.178em;
}
.email2 {border: 1px solid #ececec; border-top: 0;}



/*개인정보이용방침*/ 

 

.border_Tblue {
    border: 1px solid #ddd;
    border-top: 4px solid #004aa1;
    padding: 2.2em 1.6em;
}
.w92 {
    width: 92.6%;
    margin: 0 3.7%;
}
.roundbox.bgG {
  padding: 2.7em;
  margin: 0.6em;
  background-color: #fafafa;
  border-radius: 25px;
  border: 1px solid #ddd;
}
.rule_wrap {
  margin: auto 2.2em;
  padding: 2.77em 1em;
  border-bottom: 1px solid #ddd;
}
.rule_wrap3 {border-bottom:3px solid #ddd;}
.rule_wrap .grayB {
  padding: 0.8em;
  margin-top: 0.8em;
  margin-bottom: 1.8em;
  background-color: #f7f7f7;
  border-radius: 10px;
}
.grayB .point { 
  padding-left: 15px;
  margin-bottom: 0.3em;
}
.grayB .point::before { 
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 100%;
}

@media (max-width: 1199px) {
  .box_6ea .box { 
    width: 30%;  margin: 1.6%; 
  }
  .info_icon_wrap .box_wrap {
    border-radius: 25px;
    margin: 62px 0.3em 2.2em;
  }
  .bdt_wrap .image_part {
    width: 100%; max-width: 444px; margin: auto; float:none;
  }
  .bdt_wrap .text_part {
    float: none; width:100%; padding: 2em 1em;
    text-align: center; 
  }
  .n1199 {display:none;}
  .mental .round_wrap > div {
    width: calc(100% - 1em); position: relative; margin: 1em;
  }
  .mental .round_wrap > div:nth-child(2) {
    width: calc(100% - 1em);  
  }
  .core_wrap .core_box {
    position: relative;
    text-align: center; float: none;  
    width: 30%; min-width: 210px;
    margin: 1.5%; 
    display: inline-block;
  }
  .prf10 {
    width: 48.5%; margin-bottom: 1em;
  }
  .prf_line4::before { 
    left: 12.7%; 
    width: 74.8%;
  }
  .pink_box {
    padding: 1.6em;
  }
  .adrs_txt_box {
    padding: 1.6em 0 ;
  }
  
  
  .bdT_top_wrap .image_part {
    width: 100%; text-align: center; background-color: #fff; 
  }
  .bdT_top_wrap .text_part {
    width: 100%;
    text-align: center;
    padding: 2.8em;
  }
    
}


@media (max-width: 992px) {
  .n1199 {display:block;}
  .name_bg2 {margin-top: 7%;}
  .image_frame { 
    width: 100%;    margin: 0 auto;
    text-align: center; box-shadow: none; 
  }
  .text_frame { 
    position: relative;
    right: 0; top: 0;
    width: 100%;  
    box-shadow: none; 
  }
  .box_wrap .box {
    width: 48%;
    margin: 1%;
  }
  .box_6ea .box { 
    width: 30%;  margin: 1.6%; 
  }
  .box_wrap.top_line_box {
    border: 0;
    border-top: 3px solid #24195c;
  }
  .top_line_box .box {
    width: 100%; height: auto;  margin : 0 0 0.5em;
    border: 1px solid #ddd; 
  }
  .top_line_box .box:nth-child(2), .top_line_box .box:nth-child(5) {
    width: 100%;
  }
  .slide_box .slideup_box {
    transform: translateY(0px);
    margin-top: 1em; padding-top: 1em;
    border-top: 2px dashed #e0e0e0;
  }
  .top_line_box2 .box:nth-child(1) {margin-left: 1%; }
  .top_line_box2 .box:nth-child(2), .top_line_box2 .box:nth-child(4) {
    width: 48%;
  }
  .top_line_box2 .box:nth-child(-n+2), .top_line_box2 .box:nth-child(4) {
    border:1px solid #ddd
  }
  .halo_left  {
    float:none; width: 100%; padding-right: 0;
  }
  .halo_right {
    display:none;
  }
  .halo_left .halotxtP:last-of-type {
    margin-bottom: 1.6em;
  }
  
  .halfO_t_wrap, .halfO_b_wrap {
    width:100%; padding: 0; 
  }
  .halfO_t {
   position: relative; top:auto; left: auto; 
    width: 100%; padding: 2em 0 3.2em; margin: auto; 
    border-radius: 25px 25px 0 0;
  }
  .halfO_t_wrap::before {
    bottom: -0.2em;
  }
  .halfO_b {
    position: relative;    top: auto;    left: auto;
    width: 100%;    padding: 2em;    margin: auto;
    background-color: #24195d;
    border-radius: 0 0 25px 25px;
  }
  
  .halfO_t p {
    position:relative;
  }
  .halfO_con .texT {
    margin-bottom: 0.8em;
  }
  .halfO_con .texT, .halfO_con .texP {
    top: auto;
  }
  
  
  .info_box_G {
    position: relative; top: auto; 
    width: 300px; margin: 3em auto;
  }
  .info_box_L::after {
    height: 28em;
  }
  .info_box_G:nth-child(2),.info_box_G:nth-child(3) {
    left:auto; right:auto;
  }
  .info_box_G:nth-child(2)::after, .info_box_G:nth-child(3)::after {
    top:-6px; left:calc(50% - 6px); right: auto;
    box-shadow: 0 0 0 1px #fff;
  }
  .info_box_wrap::before {
    visibility: hidden
  }
  
  .organization_wrap {
    padding: 2em;
  }
  
  .vis_box {
    width: 45%;
  }

  .bus_wrap, .subway_wrap, .car_wrap {
    width: 100%; margin-top: 0.8em; padding: 0; background: none; border: 0; border-radius: 0;
  }
  
  
  .bdT_top_wrap2 .text_part {
    width: 100%;
  }
  .bdT_top_wrap2 .tube_part {
    width: 70%; height: 300px; margin: 2em 15% 15%;
  }
  .bdT_top_wrap2 .tube_part iframe {
    height: 300px;
  }
  .bdT_top_wrap2 .image_part {
    right: 50%; margin-right: -236px;
  }
  
  
  .point_title .small {
    display: inline-block; 
  }
  .topline_box .topline_left {
    width: 100%;
  }
  .topline_box .topline_right {
    width: 100%;
  }
  .num_guide .image_part {
    width: 100%; margin: 0 0 3em ; text-align: center; 
  }
  .num_guide .image_part img {
    width: 260px; 
  }
  .num_guide .text_part {
    width: 100%;
  }
  
  .list_dt8.li_2 > li {
    float: none;
    width: 100%;
  }
  .howto_wrap {
    display:block;
  }
  .howbox {
    width: 50%;
    border-bottom: 2px dotted #ddd; 
  } 
  .step_wrap { 
  }
  .stepbox { 
    width: 29.73%;
}
  .stepbox::after {
    left: -15%;
  }
  .email_con {flex-wrap: wrap}
  .email_con > div {   width: 100%;}
}


















@media (max-width: 768px) {
  .call .right {
    float:none;
  }
  .box_wrap .box {
    width: 98%;
  }
  .box_6ea .box {
    width: 46.8%;  margin: 1.6%; 
  }
  .bottomcall {text-align: center;}
  .call .color_box {width:100%;}
  
  .top_line_box2 .box:nth-child(2), .top_line_box2 .box:nth-child(4) {width: 98%}
  
  
  .border_Tpink {
    width: 98%; margin: 0 auto; padding: 1em;
  }
  .rule_wrap {
    margin: auto; 
  }
  .rule_wrap .left_rule, .rule_wrap .right_rule {
    float:none; width: 100%;
  }
  .rule_wrap .left_rule p {
    display: inline; font-size: 1.11em; 
  }
  .rule_wrap .right_rule {
    margin-top: 0.65em;
  }  
  .bdt_wrap {width: 98%;
    margin: 0 auto;
    padding: 1em;
  }
  .vis_box_wrap {
    padding: 1em 0 ;
  }
  .vis_P span {
    width: 98%; padding: 1em 0; 
  }
  .mission_O.n2 {
    left: -30px
  } 
  .mission_O.n3 {
    right: -30px;
  }
  .adrs_txt_box {
    width: 100%; padding: 1em;
  }
  .adrs_txt_box > p { display: block; text-align: left; }
  .adrs_txt_box  .pink { display: block; font-weight: 500; margin: auto;}
  .pink_box {
    width: 100%; padding: 1em
  }
  .upper_text_box .call .navy_block {
    padding: 2.3em 0.8em 2.3em 1.5em
  }
  .mission_wrap {
    width: 90%; border: 0;
  }
  .mission_O { position: static; width: auto; height: auto; margin-bottom: 1em; border-radius: 50px; }
  .mission_O.n0 { width: auto; height: auto; padding: 3em;  background-color: #fff; border: 0; }
  .mission_O.n0 .underbar_T { margin-top: auto;;}
  .mission_O p {padding: 0.4em 0;}
  
}
@media (max-width: 500px) {
  .vis_box {
    width: 95%;
  }
  .how_come .icon {
    float:none; margin: auto;
  }
.how_come .text_wrap {
  width: 100%; margin-top: -1em;
  background-color: #fafafa;    border: 1px solid #ccc;
  border-radius: 25px;    
}
  .how_come .text_wrap > p {
    text-align: center;
  }
  .car_wrap .text_wrap {
    padding: 1em 2em;
  }
  .stepbox { 
    width: 46%;
  }
  .howbox {
    width: 100%;
    border-bottom: 2px dotted #ddd; 
  } 
  .adrs_txt_box p span {
    margin: 0 0.7em 0em;
  }
  
}