@charset "utf-8";

/* 인사말 */
.greeting {display:-webkit-box;display:-ms-flexbox;display:flex;}
.greeting .tit {font-size:1.2rem;line-height:1.2rem;color:#333333;font-weight:500;line-height:1;}
.greeting .txt {margin-top:0.45rem;font-size:0.9rem;color:#333333;font-weight:300;line-height:1.5rem;}
.greeting .txt + .txt {margin-top:1.5rem}
.greeting .txt--sign {
    text-align:right;
    color:#000;
    font-weight:700;
    font-family: 'OTEnjoystoriesBA';
    font-size:1.5rem;
}
.greeting .mt48 {margin-top:2.4rem}
.greeting .greeting-img {position:relative;width:20.55rem}
.greeting .greeting-img img {max-width:100%;}
.greeting .greeting-cont {position:relative;width:calc(100% - 20.55rem);padding-left:2.9rem}
.greeting .greeting-cont {display:-webkit-box;display:-ms-flexbox;display:flex;}
.greeting .greeting-cont div {width:100%}
.greeting .greeting-cont div:first-child {padding-right:0}
.greeting .greeting-cont div:last-child {padding-left:0}
@media screen and (max-width:960px) {
    .greeting {flex-direction:column}
    .greeting .greeting-img {width:100%;text-align:center;}
    .greeting .greeting-cont {width:100%;margin-top:2.4rem;padding-left:0}
    .greeting .greeting-cont div:first-child {padding-right:1rem}
    .greeting .greeting-cont div:last-child {padding-left:1rem}
}
@media screen and (max-width:640px) {
    .greeting .greeting-cont {flex-direction:column}
    .greeting .greeting-cont div {width:100%}
    .greeting .greeting-cont div:first-child {padding-right:0}
    .greeting .greeting-cont div:last-child {padding-left:0}
    .greeting .greeting-cont div + div {margin-top:2.4rem}
}

/* 연혁 */

.history-top {margin:-1rem}
.history-top .top-content {
    position:relative;
    display:flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    width:100%;    
    flex-wrap:wrap;
    flex-direction:row;
}
.history-top .top-content .col-wrap {padding:1rem;width:50%}
.history-top .top-content .col-wrap .col-content {padding:1.95rem;background-color:#f2f2f2;text-align:center;}
.history-top .top-content .col-wrap .col-content .tit {font-size:1.2rem;line-height:1.2rem;color:#333333;font-weight:500;line-height:1;}
.history-top .top-content .col-wrap .col-content .txt {margin-top:0.45rem;font-size:0.9rem;color:#333333;font-weight:300;line-height:1.5rem;}
.history-top .top-content .col-wrap .col-content .txt.margin {
    margin:2.55rem 0;
}
.history {
    position:relative;
    display:flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    width:100%;    
    flex-wrap:wrap;
    margin-top:3.1rem;
}
.history .history-tit {width:4.95rem;font-size:1.2rem;color:#333333;font-weight:500;}
.history .history-content {width:calc(100% - 4.95rem)}
.history .history-content dl {
    position:relative;
    display:flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    width:100%;    
    flex-wrap:wrap;
}
.history .history-content dl + dl {margin-top:2rem;}
.history .history-content dl dt {width:4rem;font-size:1rem;color:#fd8307;font-weight:700;}
.history .history-content dl dd {width:calc(100% - 4rem);font-size:0.9rem;color:#333333;font-weight:300;}
.history .history-month {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
}
.history .history-month + .history-month {margin-top:0.5rem;}
.history .history-month .month {
    width:2.3rem;
    font-weight:700;
    color:#000;
}
.history .history-month .month-text {
    width:calc(100% - 2.3rem);
    color:#000;
}
@media screen and (max-width:640px) {
    .history-top .top-content {flex-direction:column;}
    .history-top .top-content .col-wrap {width:100%}
}


/* CI/BI */
.ci-bi {position:relative;}
.ci-bi .concept {position:relative;}
.ci-bi .concept .concept-top {margin-top:3rem;display:table;width:100%;}
.ci-bi .concept .concept-top-img {display:table-cell;width:26.55rem;text-align:center;}
.ci-bi .concept .concept-top-img img {max-width:100%;height:auto;}
.ci-bi .concept .concept-top-cont {display:table-cell;width:calc(100% - 26.55rem);font-size:0.9rem;color:#333;font-weight:300;line-height:1.5rem;vertical-align:top;}
.ci-bi .btn-box {margin-top:1.7rem}
.ci-bi .btn-box a {
    display:inline-block;
    position:relative;
    width:9.8rem;
    height:2rem;
    line-height:1.9rem;
    border:1px solid #b5b5b5;
    padding:0 2.5rem 0 1.1rem;
    font-size:0.8rem;
    color:#333333;
    font-weight:700;
    letter-spacing:-2px;
}
.ci-bi .btn-box a::after {
    display:block;
    content:"";
    position:absolute;
    top:0.5rem;
    right:0.75rem;
    width:1.35rem;
    height:0.8rem;
    background:url(../imgs/info/ci/ico_download.png) no-repeat 0 0;
    background-size:100% auto;
}
.ci-bi .concept-bottom {position:relative;margin-top:4.8rem}
.ci-bi .concept-bottom img {max-width:100%;height:auto}
.ci-bi .character {margin-top:5.15rem}
.ci-bi .character .character-cont {margin-top:2.45rem} 
.ci-bi .character .character-cont img {max-width:100%;height:auto;}
@media screen and (max-width:900px) {
    .ci-bi .concept .concept-top {display:block;}
    .ci-bi .concept .concept-top-cont,
    .ci-bi .concept .concept-top-img {display:block;width:100%}
    .ci-bi .concept .concept-top-cont {margin-top:2rem}
}


/* 운영법인 */
.corporation {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;}
.corporation .text1 {font-size:1.2rem;color:#333333;font-weight:bold;line-height:1.8rem;}
.corporation .text2 {margin-top:1.5rem;font-size:0.9rem;color:#333;font-weight:300;line-height:1.5rem}
.corporation .text-box {margin-top:1.5rem;background-color:#ffeddc;padding:1.5rem 1.8rem;font-size:0.8rem;color:#333;font-weight:300;line-height:1.5rem;}
.corporation .text-box strong {font-weight:500;}
.corporation .left {position:relative;width:21.55rem;text-align:center;}
.corporation .left img {max-width:100%;height:auto;}
.corporation .right {position:relative;width:calc(100% - 21.55rem)}
@media screen and (max-width:900px) {
    .corporation .left {width:15rem}
    .corporation .right {position:relative;width:calc(100% - 15rem);padding-left:1rem}
}
@media screen and (max-width:640px) {
    .corporation {flex-direction:column;}
    .corporation .left {width:100%}
    .corporation .right {position:relative;width:100%;padding-left:0;margin-top:2rem}
}


/* organization */
.organization {position:relative;text-align:center;}
.organization img {max-width:100%;}

/* location */
.location {position:relative;}
.location .location-map {position:relative;border:1px solid #d7d2ca}
.location .location-map iframe {display:block;position:relative;width:100%;height:30rem}
.location .location-map img {max-width:100%;height:auto}
.location .location-cont {margin-top:2.5rem}
.location .location-cont .text1 {font-size:0.9rem;color:#fd8307;font-weight:500;}
.location .location-cont .text2 {font-size:0.9rem;color:#333333;font-weight:300;}
.location .location-cont .title {position:relative;padding-left:2.3rem;font-size:1.2rem;color:#333;font-weight:500;line-height:1.6rem;}
.location .location-cont .title::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:1.6rem;
    height:1.6rem;
    background-size:100% auto;
    background-position:0 0;
    background-repeat:no-repeat;
} 
.location .location-cont .title.ico1::before {background-image:url(../imgs/info/location/ico_bus.png)}
.location .location-cont .title.ico2::before {background-image:url(../imgs/info/location/ico_car.png)}
.location .location-cont .info-list {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;}
.location .location-cont .info-list + .info-list {margin-top:2.15rem}
.location .location-cont .info-cont {position:relative;width:calc(100% - 8.4rem);padding-left:1.95rem}
.location .location-cont .tr-box {display:inline-block;width:1.65rem;height:1.15rem;text-align:center;line-height:1rem;font-size:0.75rem;color:#fff;font-weight:700;}
.location .location-cont .tr-box.bg1 {background-color:#6773da}
.location .location-cont .tr-box.bg2 {background-color:#5da12c}
.location .location-cont .tr-box.bg3 {background-color:#d7a202}
.location .location-cont .in .text1 {float:left;position:relative;}
.location .location-cont .in .text2 {float:right;position:relative;width:calc(100% - 3.2rem)}
@media screen and (max-width:640px) {
    .location .location-cont .info-list {flex-direction:column;}
    .location .location-cont .info-cont {width:100%;padding-left:2.3rem;margin-top:0.5rem}
    .location .location-cont .in + .in {margin-top:0.5rem}
}

.organization__info {
    position:relative;
    width:100%;  
    max-width:1060px;
    margin:2rem auto 0;
    overflow:hidden;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
}
.organization__info .tbl-type1 {
    min-width:800px;
}
.organization__info .tbl-type1 th {
    border-left:1px solid #ddd;
}
.organization__info .tbl-type1 tr th:first-child {border-left-width:0}
.organization__info .tbl-type1 ul {text-align:left;}
.organization__info .tbl-type1 ul li {
    position:relative;
    padding-left:0.5rem;
}
.organization__info .tbl-type1 ul li::before {
    content:"-";
    position:absolute;
    top:0;
    left:0;
}