@charset "utf-8";

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

.company_intro .txt_area {margin-right:350px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#339e67; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:15px; color:#666; word-break:keep-all;}
.company_intro .txt_area dd .first_box {position:relative; padding-left:120px;}
.company_intro .txt_area dd .first_box .photo {position:absolute; left:0px; top:0px;}
.company_intro .txt_area dd .name {text-align:right; margin-top:20px; }
.company_intro .txt_area dd .name .t2{color:#000; font-size:18px; margin-top:5px;}
.company_intro .txt_area dd .name .t2 span{font-size:30px; color:#000;     font-family:'Song Myung' ,sans-serif; line-height:30px;display:inline-block; margin-left:6px;}


/*설립목적 및 활동방향*/
.about_02_wrap .default_info {position:relative; margin-top:60px;}
.about_02_wrap .default_info .photo {position:absolute; left:20px; top:-40px;}
.about_02_wrap .default_info .info_box {padding:40px;  padding-left:270px; margin-top:60px; background:#f8f8f8; font-size:16px;}
.about_02_wrap .default_info .info_box .list strong {color:#00c1ea;}
.about_02_wrap .default_info .info_box .last{margin-top:40px;}

.about_02_wrap .activity {overflow:hidden; margin-top:60px; border-bottom:1px #ddd dashed; padding-bottom:40px;}
.about_02_wrap .activity li{float:left; width:25%;  text-align:center;}
.about_02_wrap .activity li .icon img{vertical-align:middle; max-width:100%;}
.about_02_wrap .activity li .subject {color:#000; font-size:16px;}


.about_02_wrap .announcement {padding:30px;}
.about_02_wrap .announcement .title {text-align:center; font-family:'Song Myung' ,sans-serif;  font-size:30px; margin-bottom:40px;}
.about_02_wrap .announcement .info {font-size:16px;}
.about_02_wrap .announcement .date {margin-top:50px; text-align:center; font-size:16px;}



/*오시는길*/
.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;}




/*정기후원*/
.sponsor_01_01_wrap {margin-top:0px;}
.sponsor_01_01_wrap .photo {text-align:center;}
.sponsor_01_01_wrap .photo img  {vertical-align:middle; max-width:100%;}
.sponsor_01_01_wrap .text {padding:40px;  background:#f8f8f8; font-size:16px; margin-top:-60px; position:relative;}
.sponsor_01_01_wrap .text .title {font-size:25px; margin-top:40px; color:#355eb3; text-align:center;}
.sponsor_01_01_wrap .btns {overflow:hidden;}
.sponsor_01_01_wrap .btns a{float:left; width:50%; background:#094790; color:#fff; font-size:16px; line-height:60px; text-align:center;}
.sponsor_01_01_wrap .btns a.last{background:#339e67;}
.sponsor_01_01_wrap .btns a:hover{opacity:0.8}


.sponsor_01_02_ul {display:table; width:100%; table-layout:fixed; margin-top:60px; border-bottom:1px #ddd dashed; padding-bottom:30px;}
.sponsor_01_02_ul li{display:table-cell;vertical-align:middle; text-align:center; background:url(../images/contents/sponsor/sponsor_01_02_ul_arrow.png) right 50% no-repeat;}
.sponsor_01_02_ul li.last{background:none;}
.sponsor_01_02_ul li .icon{margin-bottom:13px; }
.sponsor_01_02_ul li .icon img {vertical-align:middle;}



/*기업후원*/
.sponsor_01_03_wrap .col_box{position:relative; display:table; width:100%; margin-top:20px;}
.sponsor_01_03_wrap .col{display:table-cell; vertical-align:middle;}
.sponsor_01_03_wrap .photo img{vertical-align:middle;}
.sponsor_01_03_wrap dl {padding:30px;  background:#f8f8f8; font-size:16px; padding-left:60px;}
.sponsor_01_03_wrap dl dt{color:#339e67; margin-bottom:20px; font-size:30px;}



/*cms*/
.cms_show_box {display:none;}
.sponsor_01_01_cms_warp {border:8px #094790 solid; padding:40px; background:#fff;}
.sponsor_01_01_cms_warp dl dt{font-size:20px; font-weight:bold; color:#094790;}
.sponsor_01_01_cms_warp dl dd{font-size:14px; color:#666; margin-top:5px;}

.sponsor_01_01_cms_warp .btns_box {text-align:center; margin-top:20px;}
.sponsor_01_01_cms_warp .btns_box .input[type="submit"]{text-align:center; margin-top:40px;}


.bank_show_box {display:none; background:#fff; padding:30px; width:600px; border:8px #339e67 solid;}
.bank_show_box dl dt{font-size:20px; font-weight:bold; color:#339e67;}
.bank_show_box dl dd{font-size:14px; color:#666; margin-top:5px; line-height:20px;}
.bank_show_box .slogan {font-size:20px; color:#094790; margin-top:30px; padding:30px; background:#f8f8f8; text-align:center; }
.bank_show_box .info {text-align:center; font-size:13px; color:#000; border-bottom:1px #ddd dashed; padding:10px 0px;}
.bank_show_box .bank_info {text-align:center; font-size:20px; margin-top:20px;}
.bank_show_box .bank_info span {display:block; color:#000;}
.bank_show_box .btn {text-align:center; margin-top:20px;}




/*사업소개*/

.business_03_01_01 {background:#f8f8f8; padding:30px; padding-left:300px; text-align:left; font-size:18px; margin-top:120px; position:relative; margin-bottom:140px;}
.business_03_01_01 .t1 {font-size:30px; margin-bottom:20px; color:#339e67;}
.business_03_01_01 .icon{position:absolute; left:0px; top:-90px;}
.business_03_01_01 .icon_to{ top:-30px;}


.business_03_03_01 {background:#f8f8f8; padding:30px; padding-left:300px; text-align:left; font-size:16px; margin-top:120px; position:relative; margin-bottom:140px;}
.business_03_03_01 .t1 {font-size:22px; margin-bottom:20px; color:#339e67;}
.business_03_03_01 .icon{position:absolute; left:30px; top:-10px;}




.business_01_01_01 {background:#f8f8f8; padding:30px;  text-align:left; font-size:16px; position:relative; }
.business_01_01_01 .t1 {font-size:22px; margin-bottom:20px; color:#339e67;}
.business_01_01_01 .t2 {font-size:16px;}
.business_01_01_01 .icon{position:absolute; left:30px; top:-10px;}



.business_01_01_02 {overflow:hidden; margin-top:30px;}
.business_01_01_02 li {float:left; width:274px; height:200px; border:1px #ddd solid; }
.business_01_01_02 li:nth-child(even){background:#f8f8f8;}
.business_01_01_02 li.center {margin:0 30px;}
.business_01_01_02 li .cont {text-align:center; margin-top:20px;}
.business_01_01_02 li .cont span {display:inline-block; width:40px; line-height:40px; height:40px; background:#f26d0a;color:#fff; font-size:20px;}
.business_01_01_02 li .text {font-size:16px; text-align:center; color:#000; margin-top:20px; padding-top:20px; border-top:1px #ddd dashed;}



.business_01_01_03 {overflow:hidden; margin-top:30px;}
.business_01_01_03 li {float:left; width:205px; margin-right:20px; height:200px; border:1px #ddd solid; }
.business_01_01_03 li:nth-child(even){background:#f8f8f8;}
.business_01_01_03 li.last {margin-right:0px;}
.business_01_01_03 li .cont {text-align:center; margin-top:20px;}
.business_01_01_03 li .cont span {display:inline-block; width:40px; line-height:40px; height:40px; background:#f26d0a;color:#fff; font-size:20px;}
.business_01_01_03 li .text {font-size:16px; text-align:center; color:#000; margin-top:20px; padding-top:20px; border-top:1px #ddd dashed;}





.business_03_01_02 {overflow:hidden; margin-top:20px; display:table; width:100%; table-layout:fixed;}
.business_03_01_02 li{display:table-cell; vertical-align:top; border:1px #ddd solid; padding:20px;  text-align:center;}
.business_03_01_02 li .icon {height:80px;}
.business_03_01_02 li dl {border-top:1px #ddd solid; padding-top:30px; text-align:left;}
.business_03_01_02 li dl dt {font-size:18px; font-weight:bold; margin-bottom:6px; color:#137f2a;}
.business_03_01_02 li dl dd {font-size:15px; line-height:18px;}

.business_02_02 {overflow:hidden;}
.business_02_02 li{overflow:hidden; float:left; width:207px; margin-right:20px; margin-bottom:20px; text-align:center; background:url(../images/contents/business/business_02_02_dot.png) right 50% no-repeat;}

.business_02_02 li .box {border:3px #ddd solid; padding:20px 0px; margin-right:20px; margin-bottom:20px;}
.business_02_02 li .box .t1 {color:#339e67; font-weight:bold; font-size:18px;}
.business_02_02 li.last_first{margin-right:0px; background:url(../images/contents/business/business_02_02_dot02.png) center bottom no-repeat;;;}
.business_02_02 li.last{margin-right:0px; background:none;;}
.business_02_02 li.prev {background:url(../images/contents/business/business_02_02_dot01.png) right 50% no-repeat;}

.business_02_03 {margin-top:20px;}
.business_02_03 li{margin-bottom:20px;}
.business_02_03 dl dt {padding-left:10px; font-size:16px; color:#000; margin-bottom:6px;}
.business_02_03 dl dt span{font-size:20px; font-weight:bold; color:#ea5b1c;}
.business_02_03 dl dd {padding:10px; background:#f8f8f8; border-radius:10px; }
.business_02_03 dl dd span{font-size:20px; font-weight:bold; color:#1c7dea; display:inline-block; margin-right:5px;}

.business_06 {position:relative;}
.business_06 .photo {position:absolute; right:0px; top:0px;}



#daum_map {width:100%; height:350px; }


table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left;}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 







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


/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {display:none;}
.company_intro .txt_area {margin-right:0px; margin-top:30px;}



/*설립목적 및 활동방향*/

.about_02_wrap .default_info .photo img {width:90px;}
.about_02_wrap .default_info .info_box {padding:120px 30px 30px !important;;}
.about_02_wrap .activity {margin-top:20px;}
.about_02_wrap .activity li{width:50%; margin-bottom:20px;}

.about_02_wrap .announcement {padding:40px 10px;}



/*기업후원*/

.sponsor_01_03_wrap .col_box{display:block; width:auto; margin-top:20px;}
.sponsor_01_03_wrap .col{display:block;}
.sponsor_01_03_wrap .photo img{width:100%;}
.sponsor_01_03_wrap dl {padding:20px;}







table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}



.bank_show_box {width:100%; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;}




/*오시는길*/
.company_map dl+ dl {display:none;}
.company_map {height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px !important;}

}