@charset "utf-8";

.greeting {position:relative;}
.greeting .greeting-title {
    position:relative;
    padding:2.35rem 2.6rem;
    font-size:1.2rem;
    color:#000;
    width:100%
}
.greeting .greeting-title::after,
.greeting .greeting-title::before {
    content:"";
    display:block;
    position:absolute;
    width:2.2rem;
    height:2.15rem;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% auto;
}
.greeting .greeting-title::before {top:0;left:0;background-image:url(../imgs/info/g_title_bg1.png)}
.greeting .greeting-title::after {bottom:0;right:0;background-image:url(../imgs/info/g_title_bg2.png)}
.greeting .greeting-title .Nanum-Myeongjo {font-size:1.8rem;color:#000;line-height:1;font-weight:700;}
.greeting .greeting-title img {display:inline-block;vertical-align:bottom;max-width:3.2rem;height:auto;}
.greeting .greeting-cont {margin-top:1.35rem;font-size:0.9rem;color:#000;font-weight:300;line-height:1.5rem;}
.greeting .greeting-cont strong {font-weight:400;}
.greeting .right {float:right;position:relative;width:18.1rem}
.greeting .right img {max-width:100%;height:auto}
.greeting .left {float:left;position:relative;width:calc(100% - 18.1rem);padding-right:2.3rem}
@media screen and (max-width:700px) {
    .greeting .left {float:none;width:100%;padding-right:0;margin-top:2rem}
    .greeting .right {float:none;width:100%;}
}

.tgyka {position:relative;}
.tgyka img {max-width:100%;height:auto}
.tgyka .tgyka-cont1 {position:relative;margin-top:3rem}
.tgyka .tit1 {color:#000;font-weight:500;font-size:1.5rem;line-height:1}
.tgyka .txt1 {margin-top:0.5rem;font-size:1rem;color:#000;font-weight:400;line-height:1.75rem;}
.tgyka .txt2 {font-size:0.9rem;color:#000;font-weight:300;line-height:1.75rem;}
.tgyka strong {font-weight:400;}
.tgyka .tgyka-cont2 {position:relative;margin-top:3rem}
.tgyka .mt10 {margin-top:0.5rem}

.organization {position:relative;}
.organization img {max-width:100%;height:auto}

.biz-info {position:relative;overflow:hidden;margin-top:3rem;}
.biz-info .biz-info-list {position:relative;}
.biz-info .biz-info-list ~ .biz-info-list {margin-top:3rem}
.biz-info .biz-img-list {margin-top:1rem;overflow:hidden;}
.biz-info .biz-img-list ul {margin:-0.5rem}
.biz-info .biz-img-list ul li {float:left;position:relative;padding:0.5rem}
.biz-info .biz-img-list ul li img {max-width:100%;height:auto;}
.biz-info .mt10 {margin-top:0.5rem}
.biz-info .time-box {margin-top:1rem;border-top:2px solid #4e4e4e;background-color:#f4f4f4;padding:1rem 1.1rem}
.biz-info .time-box .text1 {font-size:1rem;line-height:1;font-weight:700;color:#1c9da5;}
.biz-info .time-box .text2 {font-size:0.9rem;color:#000;font-weight:300;}
.biz-info .time-box .text2 ul {margin:0 -0.5rem}
.biz-info .time-box .text2 ul li {float:left;position:relative;font-size:0.9rem;padding:0 0.5rem}
.biz-info .time-box .text2 ul li strong {font-weight:400;}
.biz-info .time-box .text3 {font-size:0.8rem;color:#000;font-weight:300;clear: both;}
.biz-info .time-box .text3 ul {margin:0 -0.5rem}
.biz-info .time-box .text3 ul li {float:left;position:relative;font-size:0.8rem;padding:0 0.5rem}
.biz-info .biz-fixed-list {margin:-0.5rem;}
.biz-info .biz-fixed-list .list {
    float: left;
    position: relative;
    width: 16.66666666666667%;
    padding:0.5rem;
}
.biz-info .biz-fixed-list .list dl {position:relative;width:100%;}
.biz-info .biz-fixed-list .list dt {
    position: relative;
    width:5.1rem;
    height:5.1rem;
    padding:0.25rem;
    border-radius: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#79c439+50,367b00+99 */
    background: rgb(121,196,57); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(121,196,57,1) 50%, rgba(54,123,0,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(121,196,57,1) 50%,rgba(54,123,0,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(121,196,57,1) 50%,rgba(54,123,0,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79c439', endColorstr='#367b00',GradientType=0 ); /* IE6-9 */
    overflow: hidden;
    margin: 0 auto;
}
.biz-info .biz-fixed-list .list dt strong {display:table;width:100%;height:100%}
.biz-info .biz-fixed-list .list dt strong span {
    display: table-cell;
    width: 100%;
    height: 100%;
    background-color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size:0.9rem;
    color: #000;
    border-radius: 100%;
    font-weight:400;
}
.biz-info .biz-fixed-list .list dd {position:relative;padding-top:1.1rem}
.biz-info .biz-fixed-list .list dd:before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:1px;
    height:1.1rem;
    background-color:#ddd;
    z-index:2;
}
.biz-info .biz-fixed-list .list dd .cont {padding:0.55rem;min-height:118px;border:1px solid #ddd;font-size:0.75rem;color:#000;font-weight:300;line-height:1.3;}
.biz-info .biz-fixed-list .list dd .cont ul li {margin-bottom:0.3rem}
.biz-info .biz-fixed-list .list dd .cont ul li:last-child {margin-bottom:0}
@media screen and (max-width:818px) {
    .biz-info .biz-fixed-list .list {width:33.3333333333333%}
    .biz-info .biz-fixed-list .list:nth-child(4) {clear: both;}
}

.location {position:relative;}
.location .map {position:relative;width:100%;height:20rem;border:1px solid #ddd}
.location .map .root_daum_roughmap {width:100% !important;}
.location .map .root_daum_roughmap .wrap_map {height:20rem !important;}

.location .location-info {position:relative;width:100%;margin-top:2rem}
.location .location-add {position:relative;overflow:hidden;}
.location .location-add ul {position:relative;margin:-0.55rem}
.location .location-add ul li {float:left;position:relative;font-size:0.9rem;color:#000;line-height:1;padding:0.55rem}

.location .local-tit {
    font-size:1.2rem;
    color:#4e4e4e;
    font-weight:700;
    line-height:1;
    font-family:'NanumSquare','NanumSquareRound',"Noto Sans KR","Nanum Gothic",sans-serif;
    transform:skew(-0.03deg);
}
.location .t-box {
    display:inline-block;
    position:relative;
    vertical-align:middle;
    width:3.7rem;
    height:1.7rem;
    line-height:1.6rem;
    text-align:center;
    font-size:0.8rem;
    color:#ffffff;
    font-weight:700;
}
.location .t-box.bg1 {background-color:#2f4d9a;}
.location .t-box.bg2 {background-color:#8cbc74;}
.location .t-box.bg3 {background-color:#d32424;}
.location .t-box.bg4 {background-color:#e37600;}
.location .t-box.bg5 {background-color:#506306;}
.location .t-box.bg6 {background-color:#9e9100;}
.location .t-box.bg7 {background-color:#339430;}
.location .t-list {position:relative;margin-top:1.5rem}
.location .t-list li {position:relative;margin-bottom:0.8rem;}
.location .t-list li:last-child {margin-bottom:0}
.location .t-list .t-tit {position:relative;float:left;}
.location .t-list .t-cont {
    position:relative;
    float:right;
    width:calc(100% - 4.6rem);
    font-size:0.8rem;
    color:#737373;   
    font-weight:300;
}
.location .t-list strong {font-weight:400;}
.location .t-list .t-cont.w253 {width:calc(100% - 12.65rem)}
.location .t-list .t-cont .in {display:inline-block;margin-left:0.8rem}
.location .t-list.mt65 {margin-top:3.25rem}
.location .t-list.mt53 {margin-top:2.65rem}

.history {margin-top:2.5rem}
.history .history-cont {position:relative;margin-top:2.5rem}
.history .history-cont::before {
    content: "";
    display: block;
    position: absolute;
    left:0.2rem;
    top:0.4rem;
    bottom: 0;
    width: 1px;
    background: #ddd;
}
.history .history-cont .history-list {position:relative;padding-left:1rem;}
.history .history-cont .history-list::before {
    content: "";
    display: block;
    position: absolute;
    top:0.4rem;
    left:0;
    width: 0.45rem;
    height: 0.45rem;
    background-color: #5f923a;
    border-radius: 100% !important;
    z-index:3;
} 
.history .history-cont .history-list .tit {
    position: relative;
    font-size:1.25rem;
    color: #5f923a;
    font-weight: 500;
    line-height: 1;    
}
.history .history-cont .history-list dl {
    display:flex;
    flex-wrap: wrap;
    margin-top:0.65rem;
}
.history .history-cont .history-list ~ .history-list {margin-top:1.5rem}
.history .history-cont .history-list dl dt {font-size:0.9rem;color:#000;font-weight:500;margin-right:0.6rem}
.history .history-cont .history-list dl dd {font-size:0.85rem;color:#000;font-weight:300;}
.history .history-cont .history-list.last::after {
    content: "";
    display: block;
    position: absolute;
    left:0.2rem;
    top:0.4rem;
    bottom: 0;
    width: 1px;
    background: #fff;
}