@charset "utf-8";

/******************** contents ********************/
/***** contents *****/

/* 인사말 */
.greeting_img img {width:100%;}
.greeting {margin-top:10px; margin-top:2.778vw;}
.greeting .tit {margin-bottom:15px; margin-bottom:4.167vw; font-size:24px; font-size:6.667vw; font-weight:lighter; line-height:1.4; letter-spacing:-1px; letter-spacing:-0.278vw; color:#000;}
.greeting p {margin-bottom:15px; margin-bottom:4.167vw; line-height:1.7;}
.greeting_sign {margin-top:40px; margin-top:11.111vw; text-align:right; line-height:1.8;}
.greeting_sign span {display:block; font-size:20px; font-size:5.556vw; font-family: serif; color:#000;}

/* 비전/미션/연혁*/
.vision, .strategy {overflow:hidden; margin-bottom:50px; margin-bottom:13.889vw;}
.mission {overflow:hidden; margin-bottom:20px; margin-bottom:5.556vw}
.mission > div.txtbox p {margin:0; padding:0; color:#000; font-size:17px; font-size:4.722vw; font-weight:normal; text-align:center;}

.strategy {text-align:center;}
.strategy li {overflow:hidden; display:inline-block; position:relative; padding:20px 40px; padding:5.556vw 11.111vw; margin-bottom:5px; margin-bottom:1.389vw; border-radius:5px; border-radius:1.389vw; font-size:16px; font-size:4.444vw; color:#fff; text-align:center; word-break:keep-all; letter-spacing:-1px; letter-spacing:-0.278vw;}
.strategy li span.ic {display:block; width:100%; height:50px; height:13.889vw;}
.strategy  li span.bullet {position:initial; background:#fff; width:10px; width:2.778vw; height:1px; height:0.278vw; display:block; margin:10px auto; margin:2.778vw auto;} 
.strategy li.ic_strategy01 {background:rgba(112,176,224,0.85); border:1px solid #70b0e0; border:0.278vw solid #70b0e0;}
.strategy li.ic_strategy02 {background:rgba(250,191,0,0.85); border:1px solid #fabf00; border:0.278vw solid #fabf00;}
.strategy li.ic_strategy03 {background:rgba(142,147,202,0.85); border:1px solid #8e93ca; border:0.278vw solid #8e93ca;}
.strategy li.ic_strategy01 span.ic {background:url("../image/content/ic_introduce01.png") center center no-repeat; background-size:15%;}
.strategy li.ic_strategy02 span.ic {background:url("../image/content/ic_introduce02.png") center center no-repeat; background-size:15%;}
.strategy li.ic_strategy03 span.ic {background:url("../image/content/ic_introduce03.png") center center no-repeat; background-size:15%;}

.history {overflow:hidden;}
.history h3 {margin:0; padding:0; border-bottom:1px solid #479ddd; border-bottom:0.278vw solid #479ddd; font-size:24px; font-size:6.667vw; font-weight:bold; font-family:Arial; letter-spacing:-0.5px; letter-spacing:-0.138vw; color:#479ddd;}
.history .history_con {margin-bottom:30px; margin-bottom:8.333vw;}
.history .history_con li {overflow:hidden; padding:20px 0; padding:5.556vw 0; border-bottom:1px dotted #ddd; border-bottom:0.278vw dotted #ddd; font-size:15px; font-size:4.167vw;}
.history .history_con li span.month {float:left; width:30px; width:8.333vw;  font-weight:bold; color:#000;}
.history .history_con li span.his_con {display:block; margin-left:30px; margin-left:8.333vw; padding-left:16px; padding-left:4.444vw; background:url(/kor/_wpcomm/HomeType/basic/image/img/icon_dot.gif) no-repeat 0 2.5vw; }

/* 조직도 */
.organization {position:relative;}
.org {text-align:center; color:#fff; min-height:83.333vw;}
.org li {position:relative; display:table; float:left; width:32%; height:120px; height:33.333vw; margin-left:2%; border-radius:5px; border-radius:1.389vw;}
.org .org01, .org .org02, .org .org03 {margin-left:0;}
.org .org03, .org .org04, .org .org05, .org .org06 {font-size:13px; font-size:3.611vw;}
.org .org01 {float:none; width:220px; width:61.111vw; height:60px; height:16.667vw; margin:0 auto 15px; margin:0 auto 4.167vw; background:#70b0e0; font-size:20px; font-size:5.556vw; border-radius:100px; border-radius:27.778vw; line-height:60px; line-height:16.667vw;}
.org .org02 {float:none; width:200px; width:55.556vw; height:60px; height:16.667vw; margin:0 auto 20px; margin:0 auto 5.556vw; background:#fabf00; font-size:18px; font-size:5vw; border-radius:100px; border-radius:27.778vw; line-height:60px; line-height:16.667vw;}
.org .org03 {background:#86c1cd}
.org .org04 {background:#86a9cd}
.org .org05 {background:#8e93ca;}
.org .org06 {background:#aa8eca}

.org .org05 > ul li {position:absolute; bottom:-85px; bottom:-23.611vw; left:0; width:100%; height:auto; margin:0; padding:20px 0; padding:5.556vw 0; background:#c2c5e3; color:#2a2d4f;}


.org li span {display:table-cell; vertical-align:middle;}
/*.org .org03 span {background:url("../image/01/org_icon03.png") center 4.167vw no-repeat;}
.org .org04 span {background:url("../image/01/org_icon04.png") center 4.167vw no-repeat;}
.org .org05 span {background:url("../image/01/org_icon06.png") center 4.167vw no-repeat;}
.org .org06 span {background:url("../image/01/org_icon05.png") center 4.167vw no-repeat;}*/



/* 오시는길 */
.contactus02 {padding:30px; padding:8.333vw; border:1px solid #ddd; border:0.278vw solid #ddd; border-bottom:none;}
.contactus02 ul {position:relative; z-index:1; padding-bottom:10px; padding-bottom:2.778vw; margin-bottom:20px; margin-bottom:5.556vw; border-bottom:1px dashed #ddd; border-bottom:0.278vw dashed #ddd;}
.contactus02 ul li {padding-bottom:10px; padding-bottom:2.778vw;}
.contactus02 ul span {display:inline-block; padding:5px; padding:1.389vw;}
.contactus02 ul span img {width:75%; vertical-align:middle;}
.contactus02 p {margin:0; padding:0;}

/* map */
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:300px !important; height:83.333vw !important;}
.root_daum_roughmap .wrap_controllers {display:none;}

/* 서비스 신청절차 */
.step {overflow:hidden; padding:15px 0; padding:4.167vw 0;}
.step li:first-child {margin-top:0;}
.step li {position:relative; margin:50px 0 0 0; margin:13.889vw 0 0 0; padding:30px; padding:8.333vw; width:100%; border:1px dashed #fabf00; border:0.278vw dashed #fabf00; color:#000; text-align:center; box-sizing: border-box;}
.step .num {position:absolute; left:50%; top:-15px; top:-4.167vw; display:block; margin-left:-25px; margin-left:-6.944vw; padding-right:5px; padding-right:1.389vw; width:45px; width:12.5vw; background:#fff; color:#479ddd; font-size:28px; font-size:7.778vw; font-weight:100; font-style:italic; line-height:1.2;}
.step .remark {display:block; margin-top:5px; margin-top:1.389vw; font-size:13px; font-size:3.611vw; color:#888;}
.step .arrow {display:block; position:absolute; bottom:-35px; bottom:-9.722vw; left:50%;  width:0; height:0; margin:0 0 0 -10px; margin:0 0 0 -2.778vw; border-width:10px; border-width:2.778vw; border-style:solid; border-color:transparent; border-top-color:#ddd; font-size:0; line-height:0;}

/* 사업소개 사진 목록 */
.business_piclist li {margin-bottom:1px; margin-bottom:0.278vw; padding:0; line-height:0;}
.business_piclist li img {width:100%;}



/* 후원안내 */
.support_tel {display:inline-block; margin:0 10px; margin:0 2.778vw; font-size:24px; font-size:6.667vw; font-weight:bold; font-family:Arial; color:#005da4; vertical-align:middle;}
.support_info {overflow:hidden; padding-bottom:1px; padding-bottom:0.278vw;}
.support_info li {position:relative; margin:0 0 -1px 0; margin:0 0 -0.278vw 0; padding:30px; padding:8.333vw; border:1px solid #ddd; border:0.278vw solid #ddd; text-align:center;}
.support_info li span.tit {display:inline-block; width:80%; font-size:18px; font-size:5vw; text-align:center; color:#000; vertical-align:middle;}
.support_info li .title_line {width:30px; width:8.333vw; height:1px; height:0.278vw; margin:30px auto; margin:8.333vw auto; background-color:#444;}

.support_info li p {display:inline-block; margin:0; text-align:center; vertical-align:middle;}
.support_info li:hover {z-index:99999; border-color:#aaa; }
.support_info li:hover .title_line {background-color:#fabf00;}

.support_info li:hover p {color:#000;}
.support_info li:hover p span.txt_point {color:#005da4 !important;}

/* 후원처 */
ul.support_list {display:inline-block; width:100%;}
ul.support_list > li {float:left; width:47%; margin:0 0 10px 0; margin:0 0 2.778vw 0; padding:0 20px; padding:0 5.556vw; border:1px solid #ddd; border:0.278vw solid #ddd; background-color:#fff; text-align:center; cursor:pointer; -webkit-transition:background 0.3s ease-out, border 0.3s ease-out; transition:background 0.3s ease-out, border 0.3s ease-out; box-sizing: border-box;}
ul.support_list > li > table {width:100%;border:0;padding:0;margin:0;}
ul.support_list > li > table td {width:100%; height:70px; height:19.444vw; min-height:70px; min-height:19.444vw; color:#333;}
ul.support_list > li.first {clear:both; margin-right:3%;}
ul.support_list > li:hover {background-color:#fabf00; border:1px solid #fabf00; border:0.278vw solid #fabf00; color:#fff;}

/* consulting */
.consulting {overflow:hidden;}

.consulting ul {margin-top:18px; margin-top:5vw;}
.consulting li {display:table; overflow:hidden; width:100%; margin-top:5px; margin-top:1.389vw; padding:15px; padding:4.167vw; border:1px solid #ddd; border:0.278vw solid #ddd; font-weight:bold; box-sizing:border-box;}
.consulting li > span {display:table-cell; vertical-align:middle;}
.consulting .ic img {width:100%; height:auto;}
.consulting .ic {padding:0; width:16%; height:30px; height:8.333vw;}
.consulting .tit {display:none;}
.consulting .con {padding-left:4%; width:78%; color:#000;}

.consulting li.how .ic {background:url("../image/content/consulting_how.png") no-repeat center center; background-size:auto 100%;}
.consulting li.time .ic {background:url("../image/content/consulting_time.png") no-repeat center center; background-size:auto 100%;}
.consulting li.tel .ic {background:url("../image/content/consulting_tel.png") no-repeat center center; background-size:auto 100%;}

.consulting .dep_tel {clear:both; width:100%; margin-top:18px; margin-top:5vw; padding:20px; padding:5.556vw; background:#fafafa; border:1px solid #ddd; border:0.278vw solid #ddd; border-radius:5px; border-radius:1.389vw; font-size:14px; font-size:3.889vw; letter-spacing:0; box-sizing:border-box;}
.consulting .dep_tel strong {color:#000;}