@charset "utf-8";


/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:absolute; right:0; bottom:0px;;}
.company_intro .photo_box img {vertical-align:top; width:100%;}

.company_intro .txt_area {margin-right:450px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:17px; color:#666; word-break:keep-all;}
.company_intro .txt_area dd .name{margin-top:40px; text-align:right; font-size:20px; }
.company_intro .txt_area dd .name span {display:inline-block; margin-left:15px;}
.company_intro .txt_area dd .name img {vertical-align:middle; }



.symbol_wrap {}
.symbol_wrap .col_box{display:table; width:100%; }
.symbol_wrap .col {display:table-cell; vertical-align:TOP; text-align:left; }
.symbol_wrap .col.photo{ position:relative; top:-18px;}
.symbol_wrap .col.help{ padding:0px 35px; font-size:16px;}



.common_help {font-size:17px; color:#000; padding:30px; background:#eef1ea; border-radius:15px;}
.common_help_etc {font-size:17px;color:#000; margin-bottom:20px; padding:30px; background:#eef1ea; border-radius:15px;}



ul.cStyle li .color_pink{color:#ff8383;}

.about_02_01 {text-align:center;}
.about_02_01 .title{text-align:center; color:#000;font-size:40px; line-height:80px; margin-top:50px; font-weight:normal;}

.about_02_01 .title span.left {margin-right:10px; top:-10px; display:inline-block; position:relative;}
.about_02_01 .title span.right {margin-left:10px;bottom:-30px; vertical-align:bottom; display:inline-block; position:relative;}

.about_02_01 .text{font-size:17px; color:#000; text-align:center; margin-top:50px; padding-top:50px;   padding:30px; background:#eef1ea; border-radius:15px;}
.about_02_01 .text strong{color:#007500; font-size:30px; }
.about_02_01 .text .span_etc01{display:inline-block; margin-top:10px; background:#007500; color:#fff; }



.about_02_04 {padding:30px; background:#; position:relative; margin-top:80px;}
.about_02_04 dl {margin-left:300px; background:#eef1ea; padding:30px; border-radius:30px;}
.about_02_04 dl dt {font-size:30px; color:#ff8383;margin-bottom:30px;}
.about_02_04 dl dd {font-size:15px; color:#333;}
.about_02_04 dl dd strong {font-size:18px; color:#739667;}
.about_02_04 .icon {position:absolute; left:0px; top:30px;}


.about_03_01 {position:relative; overflow:hidden; margin-top:40px; border-bottom:1px #ddd dashed; padding-bottom:40px;}
.about_03_01_title {float:left; font-size:25px; background-position:left top; background-repeat:no-repeat; line-height:120px; padding-left:40px; color:#000;background:url(../images/contents/about/about_03_01_title_dot_new.png) left 50% no-repeat;}
/*
.about_03_01_title.m1 {background-image:url(../images/contents/about/about_03_01_dot01.png?1);}
.about_03_01_title.m2 {background-image:url(../images/contents/about/about_03_01_dot02.png?1);}
.about_03_01_title.m3 {background-image:url(../images/contents/about/about_03_01_dot03.png?1);}
.about_03_01_title.m4 {background-image:url(../images/contents/about/about_03_01_dot04.png?1);}
.about_03_01_title.m5 {background-image:url(../images/contents/about/about_03_01_dot05.png?11);}
*/
.about_03_01 .info {margin-left:200px; font-size:16px; margin-top:30px;}


.about_03_02_col {overflow:hidden;}
.about_03_02_col .col{float:left; width:49%;}
.about_03_02_col .col.last{float:right;}


.about_03_02 {text-align:center; position:relative; margin-bottom:30px;}
.about_03_02 img {width:100%;  text-align:center; vertical-align:top;} 

.about_03_02 .cs_slider_pager {position:absolute; left:80px; bottom:25px; width:100%; z-index:99999; ;  font-size:0px; text-align:center;}
.about_03_02 .cs_slider_pager a{display:inline-block; margin:0 2px 4px; width:70px; height:50px;  cursor:pointer; border:3px #fff solid;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;    box-sizing: border-box;}
.about_03_02 .cs_slider_pager .cycle-pager-active {border-color:#41bdce;}
.about_03_02 .cs_slider_pager img {width:100%; height:100%; vertical-align:middle; }


.about_03_02 .control { position:absolute; left:30px; bottom:30px; z-index:99999 !important;}
.about_03_02 .control a {float:left; width:50px; height:50px; background:url(../images/contents/about/about_03_02_btn.png) left top no-repeat; text-indent:-9999px; margin-right:5px;}
.about_03_02 .control a.next {background-position:right top;}
.about_03_02 .control a.prev {margin-left:10px;}


.join_01_01 {overflow:hidden; margin-top:30px;}
/*
.join_01_01 li {position:relative; border-bottom:1px #ddd dashed; padding-bottom:30px;}
.join_01_01 li .icon {position:absolute; left:0px; top:20px;}*/
.join_01_01 li img {vertical-align:middle; width:110px;}


.join_01_01 li {float:left; width:281px; text-align:center;}
.join_01_01 li.center {margin:0 30px; }


.join_01_01 li dl {margin-left:0px; padding:30px 0px;}
.join_01_01 li dl dt {font-size:24px; color:#5a806d; margin-bottom:15px;}
.join_01_01 li dl dd {font-size:16px; color:#000;}



.join_03_01 {overflow:hidden; margin-top:20px;}
.join_03_01 li{float:left; width:220px; margin-right:10px; text-align:center;}
.join_03_01 li dl dt{padding:30px 0px; background:#c3a38c; color:#fff; font-size:22px;}
.join_03_01 li dl dd{border:1px #ddd solid; border-top:0px; height:150px;padding:10px; font-size:19px; }
.join_03_01 li dl dd div{padding:2px 0px;}
.join_03_01 li.m1 dt{background:#538bb2; }
.join_03_01 li.m2 dt{background:#619e61; }
.join_03_01 li.m3 dt{background:#d099c9; }
.join_03_01 li.m4 {margin-right:0px;}




.join_03_02 {overflow:hidden; margin-top:20px;}
.join_03_02 li{position:relative; text-align:center; margin-bottom:20px; overflow:hidden;}
.join_03_02 li .title {width:150px; height:150px; line-height:150px; font-size:20px; border-radius:150px; color:#fff; float:left;}
.join_03_02 li .title.m1 {background:#538bb2; }
.join_03_02 li .title.m2 {background:#619e61; }
.join_03_02 li .title.m3 {background:#d099c9; }
.join_03_02 li .title.m4 {background:#c3a38c; }
.join_03_02 li .info {border:1px #ddd solid; border-radius:90px; padding:40px 30px 30px 150px; margin-top:20px; margin-left:30px; text-align:left; font-size:19px;}



.business_01_top_help {}
.business_01_top_help ul{overflow:hidden; margin-top:20px;}
.business_01_top_help ul li {float:left; width:49%; padding:20px 0px; background:#f8f1eb; color:#000; font-size:18px; text-align:center; color:#000; margin:1% 0px; border-radius:30px;}
.business_01_top_help ul li.last {float:right;}


.business_01 {overflow:hidden; margin-top:30px;}
.business_01 li {float:left; width:281px; text-align:center; border:1px #ddd solid; height:280px;}
.business_01 li.center {margin:0 30px; }
.business_01 li .icon {height:80px; padding-top:20px;}
.business_01 li img {vertical-align:middle;}
.business_01 li dl {margin-top:15px; border-top:1px #ddd solid; padding-top:20px;}
.business_01 li dl dt {font-size:20px; color:#ff8383; margin-bottom:15px;}
.business_01 li dl dd {font-size:16px; color:#000;}


.business_common_wrap {position:relative;  padding:0px; display:table; width:100%;}
.business_common_wrap .col {display:table-cell; vertical-align:middle;}
.business_common_wrap .icon {width:350px; text-align:center; overflow:hidden; border-right:0px;}
.business_common_wrap .icon img {width:100%; height:100%; vertical-align:middle;}
.business_common_wrap .info { padding:30px 50px; border:1px #ddd solid;  }

.business_common_wrap .box dl.title {margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd solid;}
.business_common_wrap .box dl.title dt{font-size:30px; color:#ff8383;}
.business_common_wrap .box dl.title dd{font-size:16px; color:#666;  margin-top:15px; line-height:20px;}





.volunteer_common {overflow:hidden; margin-top:20px;}
.volunteer_common li{float:left; width:218px; margin-right:10px; margin-bottom:20px; text-align:center; border:1px #ddd solid; height:250px;}
.volunteer_common.volunteer_common_etc li,
.volunteer_common.volunteer_common_new li{ width:294px;margin-bottom:10px; height:330px;}
.volunteer_common li .box {padding:20px 10px; }
.volunteer_common li.last{margin-right:0px;}
.volunteer_common.volunteer_common_etc li.last,
.volunteer_common.volunteer_common_new li.last{margin-right:0px;}
.volunteer_common li .icon {height:90px; line-height:90px; }
.volunteer_common.volunteer_common_new li .icon {height:120px; line-height:120px; }
.volunteer_common li .icon  img{vertical-align:middle;}
.volunteer_common li dl dt{font-size:23px; border-bottom:1px #ddd dashed; padding-bottom:20px; margin-bottom:20px; color:#ff8383;}
.volunteer_common li dl dd{line-height:22px; font-size:17px;}




.volunteer_03_01 {display:table; width:100%; table-layout:fixed;}
.volunteer_03_01 li {display:table-cell;text-align:center; vertical-align:top; font-size:17px; background:url(../images/contents/voluntee/volunteer_03_dot.png) right 50% no-repeat;}
.volunteer_03_01 li .icon img{ vertical-align:middle;}
.volunteer_03_01 li.last {background:none;}









/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}


#daum_map {height:300px;}


@media all and (max-width:1024px) {







/*인사말*/
.company_intro .txt_area {margin-right:0px; margin-top:30px;}
.company_intro .photo_box {position:relative; text-align:center;}
.company_intro .photo_box img{width:250px;}



.symbol_wrap_help {font-size:16px; line-height:20px; color:#000; margin-bottom:30px;}

.symbol_wrap ul {display:block; width:100%;}
.symbol_wrap ul li{display:block; padding:15px;}
.symbol_wrap ul li.first{border-right:0px;height:auto; padding:60px 20px;}
.symbol_wrap ul li.first img {max-width:100%;}
.symbol_wrap .help{line-height:18px;}


.about_02_01 .title{font-size:30px; line-height:20px; text-align:center; }
.about_02_01 .title span.jump {display:block;}

.about_02_01 .text strong{font-size:25px;}



.about_02_04 {padding:15px;  margin-top:0px;}
.about_02_04 dl {margin-left:0px; margin-top:30px;}
.about_02_04 dl dt {font-size:30px; color:#ff8383;margin-bottom:30px;}
.about_02_04 dl dd {font-size:15px; color:#333;}
.about_02_04 .icon {position:relative; left:0px; top:0px; text-align:Center;}
.about_02_04 .icon img {vertical-align:middle; width:250px;}


.about_03_02 .cs_slider_pager {position:relative; left:0px; bottom:0px; margin-top:10px;}
.about_03_02 .cs_slider_pager a{margin:0 1px 0px; width:30px; height:30px;}




.about_03_01_title {float:none; text-align:center; background-position:center top; padding-left:0px; }
.about_03_01 .info {margin-left:0px; }
.about_03_01 .info  img {max-width:100%;}






.about_03_02_col .col{float:none; width:auto;}
.about_03_02_col .col.last{float:none;}





.about_03_02 .control { position:absolute; left:0px; bottom:50%; width:100%;}
.about_03_02 .control a {float:none; margin:0px 10px !important;}
.about_03_02 .control a.next {float:right;}
.about_03_02 .control a.prev {float:left;}







.join_01_01 li { border:1px #ddd solid; padding-bottom:0px; margin-bottom:10px; float:none; width:auto;}
.join_01_01 li .icon {position:relative; left:0px; top:0px; text-align:center; padding:15px 0px;}
.join_01_01 li img { width:auto;}

.join_01_01 li.center {margin:0px; margin-bottom:10px; }
.join_01_01 li dl {margin-left:0px; padding:20px; border-top:1px #ddd solid; text-align:center;}
.join_01_01 li dl dt {font-size:20px;  margin-bottom:10px;}
.join_01_01 li dl dd {font-size:16px; color:#000;}



.join_03_01 li{float:none; width:auto; margin:0px 0px 10px !important;}
.join_03_01 li dl dd{height:auto;}




.join_03_02 li{float:none; width:auto; margin:0px 0px 10px !important;}
.join_03_02 li dl dd{height:auto;}




.business_01_top_help {padding:15px;}
.business_01_top_help ul{margin-top:20px;}
.business_01_top_help ul li {float:left; width:49%; padding:10px 0px;  font-size:13px; margin:1% 0px}
.business_01_top_help ul li.last {float:right;}





.business_01 li {float:none; width:auto;margin:0px 0px 10px !important;}
.business_01 li.center {margin:0; }



.business_common_wrap { display:block; }
.business_common_wrap .col {display:block;}
.business_common_wrap .icon {width:auto; text-align:center;  border:1px #ddd solid !important; }
.business_common_wrap .info {padding:40px 20px;}
.business_common_wrap .box dl.title dt {font-size:22px;}
.business_common_wrap .box dl.title dd {font-size:14px; letter-spacing:-1px;}




.volunteer_common {overflow:hidden; margin-top:20px;}
.volunteer_common li{float:none !important; width:auto !important;margin:0px 0px 10px !important; height:auto !important;}







.volunteer_03_01 {display:block; overflow:hidden; }
.volunteer_03_01 li {display:block;  margin-bottom:10px; padding-bottom:80px; background-position:center bottom; background-image:url(../images/contents/voluntee/volunteer_03_dot_mobile.png)}









/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:150px;}


}