@charset "UTF-8";

/* 소개 */
.intro {position:relative;min-height:25.7rem}
.intro .left {position:relative;padding:4.35rem 0 4.35rem 2.1rem;z-index:3}
.intro .left .intro_dl {position:relative;}
.intro .left .intro_dl dt {font-size:1.35rem;color:#6ca012;line-height:1.35rem;font-weight:500}
.intro .left .intro_dl dt.mt28 {margin-top:1.4rem}
.intro .left .intro_dl dd {margin-top:0.6rem}
.intro .right {position:absolute;top:0;right:0;}
.intro .right img {width:100%;max-width:30rem;height:auto}
@media screen and (max-width:800px){
    .intro .left {padding:1.5rem 0 0 0}
    .intro .left br {display:none;}
    .intro .right {position:relative;padding-top:2rem}    
}

/* 후원 */
.sponser {position:relative;margin-top:-1.05rem;min-height:28.35rem}
.sponser .right {position:absolute;top:0;right:0;}
.sponser .right img {width:100%;max-width:30rem;height:auto}
.sponser .left {position:relative;padding:2.8rem 0 0 0;z-index:3}
.sponser .left .tit {line-height:0}
.sponser .left .tit img {width:100%;max-width:24.65rem;height:auto}
.sponser .left .txt {margin-top:0.9rem;font-size:0.9rem;line-height:1.35rem;color:#555} 
.sponser_list {margin-top:1.85rem}
.sponser_list ul {margin:-0.3rem}
.sponser_list ul li {float:left;position:relative;padding:0.3rem}
.sponser_list ul li img {width:100%;max-width:9.4rem;height:auto;}
.sponser_box {width:100%;margin-top:2.5rem;border:2px solid #ddd;padding:1.65rem 2rem;display:table;}
.sponser_box .box_left {display:table-cell;vertical-align:middle;width:calc(100% - 7.4rem)}
.sponser_box .box_right {display:table-cell;vertical-align:middle;width:7.4rem}
.sponser_box .box_right .sponser_link {display:inline-block;position:relative;overflow:hidden;width:7.4rem;height:7.4rem;background-color:#1582a2;border-radius:100%;}
.sponser_box .box_right .sponser_link span {
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    width:100%;
    text-align:center;
    font-size:0.9rem;
    line-height:1.25rem;
    color:#fff;
    font-weight:500;
}
.sponser_box .box_tit {font-size:1rem;color:#6b9f10;line-height:1rem;font-weight:500;}
.sponser_box .box_list {margin-top:0.6rem}
.sponser_box .box_list li {position:relative;padding-left:0.9rem;font-size:0.75rem;color:#555;margin-bottom:0.1rem}
.sponser_box .box_list li:last-child {margin-bottom:0}
.sponser_box .box_list li:before{
    display:block;
    content:"";
    position: absolute;
    top:0.25rem;
    left:0;
    width:0.6rem;
    height:0.6rem;
    background:url(../imgs/info/box_list_dot.png) no-repeat 0 0;
    background-size:0.6rem auto;
}
@media screen and (max-width:860px){
    .sponser {margin-top:0}
    .sponser .left {padding:1.5rem 0 0 0}
    .sponser .left .txt br {display:none;}
    .sponser .right {position:relative;padding-top:2rem;text-align:right;}    
}
@media screen and (max-width:639px){
    .sponser_box {display:block;padding:1.3rem;}  
    .sponser_box .box_left {display:block;width:100%}
    .sponser_box .box_right {display:block;width:100%;text-align:center;margin-top:1.5rem;border-radius:0;}
    .sponser_box .box_right .sponser_link {border-radius:0;width:100%;height:3rem;}
    .sponser_box .box_right .sponser_link span br {display:none}
}


/* 함께하는 사람들 */
.with {width:100%;}
.with .with_img {float:right;width:51.6%;}
.with .with_img img {width:100%;max-width:100%;height:auto;}
.with .img_txt {font-size:0.9rem;line-height:1.5rem;color:#6b9f10;text-align:center;}
.with .with_list {float:left;width:48.4%;} 
.with .with_list dl {display:table;width:100%;border:1px solid #ddd;padding:0.85rem 1.3rem;margin-bottom:0.3rem}
.with .with_list dl dt {display:table-cell;width:3.5rem;vertical-align:top;font-size:0.8rem;color:#949247;font-weight:400;}
.with .with_list dl dt.wd-140 {width:7rem;}
.with .with_list dl dt.wd-100 {width:5rem;}

.with .with_list dl dd {display:table-cell;vertical-align:top;}
.with .with_list dl dd span {display:inline-block;vertical-align:middle;}
.with .with_list dl dd span.name {font-size:0.9rem;color:#222;font-weight:500;}
.with .with_list dl dd span.pos {font-size:0.75rem;color:#777777;margin-left:0.1rem}
.with .with_list dl dd p {margin-bottom:0.3rem}
@media screen and (max-width:790px){
    .with .with_img,
    .with .with_list {float:none;width:100%}
    .with .with_list {margin-top:2rem}
	.with .with_img p {text-align:center;}
	.with .with_img img {width:60%;}
}
@media screen and (max-width:400px){
    .with .img_txt br {display:none;}
	.with .with_img img {width:70%;}
}
@media screen and (max-width:399px){
    .with .with_list dl {padding:0.8rem}
    .with .with_list dl {display:block;}
    .with .with_list dl dt {display:block;width:100% !important;}
    .with .with_list dl dd {display:block;width:100%;}
}

/* 정관 */
.association {border:1px solid #ddd;padding:2.15rem 2.05rem}
.association .tit {font-size:0.9rem;color:#6b9f10;line-height:0.9rem;font-weight:500}
.association dl {margin-top:0.7rem;font-size:0.75rem;line-height:1.35rem;}
.association dl dt.mt32 {margin-top:1.6rem}
.association dl dd ul li {font-size:0.75rem;color:#777;line-height:1.35rem;}
.association p {margin-top:0.7rem;font-size:0.75rem;line-height:1.35rem;}
.association .mt50 {margin-top:2.5rem}
@media screen and (max-width:800px){
    .association {padding:1.5rem}
}

/* 사업소개 */
.biz_info_list {margin:-0.15rem;display:flex;flex-wrap:wrap;}
.biz_info_list .biz_list {position:relative;width:50%;padding:0.15rem}
.biz_info_list .biz_cont {background-color:#fff;border:1px solid #ddd;padding:0.85rem 0.8rem;min-height:17.1rem;}
.biz_info_list .biz_cont .img {width:100%;}
.biz_info_list .biz_cont .img img {width:100%;max-width:100%;height:auto}
.biz_info_list .biz_info {padding:0.85rem 0.55rem 0}
.biz_info_list .biz_info dt {float:left;width:5rem;font-size:1rem;color:#6b9f10;font-weight:500;}
.biz_info_list .biz_info dd {float:right;width:calc(100% - 5rem);position:relative;padding-left:0.8rem;font-size:0.8rem;line-height:1.5rem;color:#555}
.biz_info_list .biz_info dd:before {
    display:block;
    content:"";
    position:absolute;
    top:0.45rem;
    left:0;
    width:0.55rem;
    height:0.55rem;
    background:url(../imgs/info/biz_dot.png) no-repeat 0 0;
    background-size:100% auto;
}
.biz_info_list .biz_info dd strong {float:left;width:5.9rem;color:#949247;font-weight:500}
.biz_info_list .biz_info dd strong ~ p {float:right;width:calc(100% - 5.9rem)}
.biz_info_list .biz_info dd strong.w63 {width:3.15rem}
.biz_info_list .biz_info dd strong.w63 ~ p {width:calc(100% - 3.15rem)}
@media screen and (max-width:1180px){
    .biz_info_list .biz_info dd strong {width:4.5rem;}
    .biz_info_list .biz_info dd strong ~ p {width:calc(100% - 4.5rem)}
}
@media screen and (max-width:1090px){
    .biz_info_list .biz_list:nth-child(3) {clear:left}
}
@media screen and (max-width:824px){
    .biz_info_list .biz_info dd strong {width:100%;float:none}
    .biz_info_list .biz_info dd strong ~ p {width:100%;float:none;}
    .biz_info_list .biz_info dd strong.w63 {width:100%;float:none}
    .biz_info_list .biz_info dd strong.w63 ~ p {width:100%;float:none}
}
@media screen and (max-width:700px){
    .biz_info_list .biz_info dt,
    .biz_info_list .biz_info dd {float:none;width:100%}
    .biz_info_list .biz_info dd {margin-top:0.2rem}
}
@media screen and (max-width:563px){
    .biz_info_list .biz_list {float:none;width:100%}
}

/* 찾아오시는길 */
.map {position:relative;margin-top:3%;}
.map #map_box {
    position:relative;
    float:left;
    width:50%;
    border:0.15rem solid #aaaaaa;
    height:500px;
}
.map #map_box img {width:100%;max-width:100%;height:auto}
.map .map_cont {position:relative;float:left;width:50%;padding-left:1.55rem}
.map .map_cont .map_tit {line-height:0;padding-top:1.15rem;padding-left:0.8rem}
.map .map_cont .map_tit img {width:100%;max-width:10.8rem;height:auto;}
.map .map_cont .map_info {margin-top:0.9rem;border-top:1px solid #222;border-bottom:1px solid #222;padding:1rem 0.5rem}
.map .map_cont .map_info dl {width:100%;margin-bottom:0.65rem}
.map .map_cont .map_info dl:last-child {margin-bottom:0}
.map .map_cont .map_info dt {float:left;position:relative;padding-left:0.65rem;font-size:0.8rem;color:#222222;font-weight:500}
.map .map_cont .map_info dt:before {
    display:block;
    content:"";
    position:absolute;
    top:0.45rem;
    left:0;
    width:0.25rem;
    height:0.25rem;
    background-color:#999;
}
.map .map_cont .map_info dd {float:right;position:relative;width:calc(100% - 4.4rem);font-size:0.8rem;color:#666;}
.map .map_cont .map_traffic {margin-top:0.9rem}
.map .map_cont .map_traffic h4 {display:block;position:relative;width:7.45rem;line-height:1.75rem;margin-left:0.85rem;z-index:3;font-size:0.9rem;color:#fffdfd;font-weight:500;border-radius:50px;background-color:#6ca012;text-align:center;}
.map .map_cont .traffic_cont {position:relative;margin-top:-0.9rem;z-index:1;border:1px solid #ddd;padding:1.95rem 2.2rem}
.map .map_cont .traffic_cont dl {margin-bottom:0.9rem}
.map .map_cont .traffic_cont dl:last-child {margin-bottom:0}
.map .map_cont .traffic_cont dl dt {float:left;position:relative;padding-left:1.8rem;font-weight:500;font-size:0.8rem;line-height:1.15rem;color:#6ca012}
.map .map_cont .traffic_cont dl dt {background-repeat:no-repeat;background-position:0 50%;}
.map .map_cont .traffic_cont dl dt.ico1 {background-image:url(../imgs/info/map_ico1.png);background-size:1.2rem 1.15rem}
.map .map_cont .traffic_cont dl dt.ico2 {background-image:url(../imgs/info/map_ico2.png);background-size:1.3rem 0.95rem}
.map .map_cont .traffic_cont dl dt.ico3 {background-image:url(../imgs/info/map_ico3.png);background-size:1.4rem 0.95rem}
.map .map_cont .traffic_cont dl dd {float:right;position:relative;width:calc(100% - 4.5rem);font-size:0.75rem;line-height:1.15rem;color:#252525}
@media screen and (max-width:800px){
    .map #map_box {width:100%;float:none;height:300px}
    .map .map_cont {width:100%;float:none;padding-left:0;padding-top:0.5rem}
    .map .map_cont .traffic_cont dl dd br {display:none;}
}