@charset "utf-8";

/* 인사말 */
.greeting {margin-top:1.65rem}
.greeting .img {float:right;position:relative;width:calc(100% - 41.5rem);}
.greeting .img img {width:100%;max-width:100%;height:auto;}
.greeting .cont {float:left;position:relative;padding-top:0.7rem;width:37.3rem}
.greeting .cont .txt_img {line-height:0;margin-bottom:1.75rem}
.greeting .cont .txt_img img {width:100%;max-width:25.1rem;height:auto}
.greeting .cont .txt {font-size:0.9rem;line-height:1.5;margin-bottom:1.75rem;color:#222222;}
.greeting .cont .sign {font-size:1.4rem;}
.greeting .cont .sign span {display:inline-block;vertical-align:middle;}
.greeting .cont .sign strong {display:inline-block;vertical-align:middle;font-size:2rem;color:#222;font-weight:500;margin-left:0.5rem }
@media screen and (max-width:1114px){
    .greeting .img img.pc_img {display:none;}
    .greeting .img img.mobile_img {display:block;}
    .greeting .img  {float:none;width:100%;}
    .greeting .cont {float:none;width:100%;margin-top:1.1rem}
    .greeting {margin-top:0;}
    .greeting .cont .txt br {display:none;}
}

/* 비젼 */
.vision {position:relative;width:100%;max-width:41.4rem;margin-top:4.75rem;margin-left:auto;margin-right:auto;}
.vision .vision_inner {position:relative;margin:-1.25rem}
.vision .vision_list {float:left;position:relative;width:33.3333333333333%;padding:1.25rem}
.vision .vision_list .title {position:relative;width:12rem;height:12rem;margin:0 auto;border-width:0.65rem;border-style:solid;border-radius:100%;}
.vision .vision_list .title h4 {display:block;position:absolute;top:50%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%);font-size:1rem;color:#555;font-weight:500;}
.vision .vision_list .title h4 .txtimg {display:block;line-height:0;}
.vision .vision_list .title h4 .txtimg img {width:100%;height:auto;}
.vision .vision_list .title h4 .txtimg img.img1 {max-width:4.5rem;}
.vision .vision_list .title h4 .txtimg img.img2 {max-width:4.5rem;}
.vision .vision_list .title h4 .txtimg img.img3 {max-width:4.5rem;}
.vision .vision_list .title h4 .txt {display:block;margin-top:9px;line-height:1;}
.vision .vision_list.color1 .title {border-color:#82aebe;}
.vision .vision_list.color2 .title {border-color:#c5d787;}
.vision .vision_list.color3 .title {border-color:#82aebe;}
.vision .vision_list .body {position:relative;padding-top:1.1rem}
.vision .vision_list .body::before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:0.15rem;
    height:1.1rem;
    background-color:#ddd;
    transform:translateX(-50%);
}
.vision .vision_list .body .body_in {min-height:20.05rem;padding:2.2rem 1.1rem;border:0.1rem solid #ddd}
.vision .vision_list .body .body_in ul li {position:relative;padding-left:1.3rem;margin-bottom:0.95rem;font-size:0.9rem;color:#555555;line-height:1.5;}
.vision .vision_list .body .body_in ul li::before {
    content:"";
    display:block;
    position:absolute;
    top:0.3rem;
    left:0;
    width:0.8rem;
    height:0.8rem;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
}
.vision .vision_list.color1 .body .body_in ul li::before {background-image:url(../imgs/info/vision_dot1.png)}
.vision .vision_list.color2 .body .body_in ul li::before {background-image:url(../imgs/info/vision_dot2.png)}
.vision .vision_list.color3 .body .body_in ul li::before {background-image:url(../imgs/info/vision_dot3.png)}
.vision .vision_list .body .body_in ul li:last-child {margin-bottom:0}
@media screen and (max-width:1280px){
    .vision {margin-top:0}
}
@media screen and (max-width:716px){
    .vision .vision_inner {position:relative;margin:-0.5rem}
    .vision .vision_list {padding:0.5rem}
    .vision .vision_list .body .body_in {padding:1.1rem}
}
@media screen and (max-width:630px){
    .vision .vision_list {width:100%;}
    .vision .vision_list .body .body_in {min-height:auto}
}


/* 조직도 */
.org_wrap {border:1px solid #ddd;padding:3rem 2rem;text-align:center;}
.org_wrap .tit {font-size:1.5rem;line-height:1;color:#555;font-weight:500;}
.org_wrap.mt10 {margin-top:0.5rem}
.org_wrap .org_img {margin-top:2.1rem}
.org_wrap .org_img2 {margin-top:1.85rem}
.org_wrap .tit2 {font-size:1.25rem;line-height:1;color:#07a59c;font-weight:500;}
.org_wrap .tit2.color2 {color:#a2870c;}
.org_wrap .txt {margin-top:0.5rem;line-height:1;font-size:1.15rem}
.org_wrap .org_list {padding-top:1.9rem;margin:-5px}
.org_wrap .org_list .list {float:left;position:relative;width:100%;padding:5px;}
.org_wrap .org_list .list .list_inner {min-height:24.35rem;background-color:#f1f1f1;padding:3rem 2rem}
.org_wrap .pc_img2 {display:inline-block;}
.org_wrap .mobile_img2 {display:none;}
@media screen and (max-width:924px){
    .org_wrap .org_list .list {width:100%;}
    .org_wrap .org_list .list .list_inner {min-height:auto}
}
@media screen and (max-width:800px){
    .org_wrap {padding:2rem 1.1rem}
    .org_wrap .org_img {margin-top:2rem}
    .org_wrap .org_img2 {margin-top:1.2rem}
    .org_wrap .org_list .list .list_inner {padding:2rem 1.1rem}    
}
@media screen and (max-width:600px){
    .org_wrap .pc_img2 {display:none;}
    .org_wrap .mobile_img2 {display:inline-block;}
}

/* 오시는 길 */
.map {position:relative;}
.map #map_box {position:relative;border:0.15rem solid #ddd;height:25rem}
.map .map_cont {padding:1.4rem 1.55rem;border-bottom:1px solid #ddd}
.map .map_cont .logo {float:left;position:relative;width:11.4rem;height:2.9rem;background:url(../imgs/common/logo.png) no-repeat 0 0;background-size:100% auto}
.map .map_cont .map_info {position:relative;float:right;width:calc(100% - 12.95rem)}
.map .map_cont .map_info .map_txt {display:inline-block;position:relative;padding-left:0.9rem;font-size:0.8rem;color:#000;vertical-align:middle;}
.map .map_cont .map_info .map_txt:before {
    content:"";
    display:block;
    position:absolute;
    top:0.4rem;
    left:0;
    width:0.55rem;
    height:0.55rem;
    background:url(../imgs/info/map_dot.png) no-repeat 0 0;
    background-size:100% auto;
}
.map .map_cont .map_info .map_txt.ml23 {margin-left:1.1rem}
@media screen and (max-width:650px){
    .map .map_cont {padding:1.2rem 0}
    .map .map_cont .map_info .map_txt {display:block;}
    .map .map_cont .map_info .map_txt.ml23 {margin-left:0}
    .map .map_cont .logo {float:none}
    .map .map_cont .map_info {float:none;width:100%;margin-top:1.1rem}
}