/*  공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* CEO인사말 */
#ceo {
    overflow: auto;
}

.hello_txt_left p {
    padding-bottom: 25px;
}

.ce_text {
    font-size: 1.6em;
    color: #3d3d3d;
    padding: 0 0 1.6em 1.6em;
}

/* 회사개요 */
.overview_pic ul {
    overflow: hidden;
}

.overview_pic ul li {
    float: left;
    padding-left: 2%;
    width: 49%;
}

.overview_pic ul li:first-child {
    padding-left: 0;
}

.com_na {
    color: #6f6f6f;
    padding-left: 2%;
}

.bla_b {
    display: inline-block;
    color: #343434;
    padding-right: 2%;
}


/* top이미지 */
.sub_con_toppic {
    background: url("../images/sub01/management_topimg.jpg") no-repeat center top;
}

#sub_body .sub_con_toppic h3 {
    font-size: 2em;
    color: #fff;
    letter-spacing: -0.08em;
    padding: 0;
}

#sub_body .sub_con_toppic h3::after {
    background-color: #fff;
    content: " ";
    display: block;
    height: 1px;
    margin-bottom: 0.6em;
    margin-top: 0.6em;
    margin-left: 49%;
    width: 40px;
}

.sub_con_toppic .txt_div {
    font-size: 1.3em;
    color: #fff;
}

/* 경영철학 */
#management ul {
    overflow: hidden;
    border: 1px solid #eaeaea;
}

#management ul li {
    float: left;
    width: 33.3333%
}

#management .mana_div {
    border-left: 1px solid #eaeaea;
    text-align: center;
    padding: 12% 2%;
    min-height: 175px;
}

#management ul li:first-child .mana_div {
    border-left: 0;
}

.mana_div .no {
    color: #9a9999;
    font-size: 1.8em;
    position: relative;
    line-height: 1.2em;
    margin-bottom: 3%;
}

.mana_div .no::before {
    background-color: #d6d6d6;
    content: " ";
    display: block;
    height: 1px;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
}

.mana_div .no::after {
    background-color: #d6d6d6;
    content: " ";
    display: block;
    height: 1px;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
}

.mana_div .mana_txt01 {
    color: #282828;
    font-size: 1.5em;
    line-height: 100%;
    letter-spacing: -0.1em;
    font-weight: 500;
    min-height: 60px;
    margin-bottom: 3%;
}

.st_se .mana_div .mana_txt02 {
    min-height: 55px;
}

.mana_div .mana_txt02 {
    color: #678195;
    font-size: 1.2em;
    line-height: 100%;
}

/* 비전 */
#vision .sub_con_toppic {
    background: url("../images/sub01/vision_topimg.jpg") no-repeat center top;
}

#vision .vision_con {
    background: url("../images/sub/sbg_01.jpg") repeat center top;
    padding-top: 4%;
    padding-bottom: 4%;
}

/* 연혁 */
#history .sub_padd {
    padding-bottom: 0;
}

#history h3 {
    text-align: center;
    font-size: 2em;
    font-weight: 400;
    color: #6c6b6b;
    letter-spacing: -0.1em;
    padding-top: 5%;
}

.history_bg {
    background: url("../images/sub/sbg_02.jpg") repeat center top;
}

div.history_area dd {
    letter-spacing: -0.04em;
}

div.history_area dd li {
    padding-bottom: 7px;
    line-height: 130%;
    position: relative;
}

/* 왼쪽에 위치한 연혁 */
div.history_area dl dt {
    color: #628bcb;
    font-weight: 400;
    font-size: 1.8em;
    padding-bottom: 20px;
}


/* 오시는길 */
/* .map{ background:url("../images/sub01/map_bg.gif") repeat center top; } */
h3.s_title.title_under::after {
    content: " ";
    margin-bottom: 26px;
    margin-top: 10px;
}

.title_under::after {
    background-color: #78a0bb;
    content: " ";
    display: block;
    height: 1px;
    margin-bottom: 19px;
    margin-top: 5px;
    width: 40px;
}

#sub_body h3.s_title {
    color: #333;
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.1em;
}

ul.findmap-data > li::after {
    background-color: #78a0bb;
    content: " ";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 10px;
}

ul.findmap-data > li {
    line-height: 30px;
    padding-bottom: 14px;
    padding-left: 23px;
    position: relative;
    font-size: 1.1em;
}

ul.findmap-data > li > strong {
    display: inline-block;
    width: 110px;
    color: #000;
    font-weight: 600;
}

#sub_body .traffic h3 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #eaeaea;
    padding: 2% 0;
}

.traffic > ul > li {
    border-bottom: 1px solid #eaeaea;
    padding: 2% 0;
}



@media screen and (max-width:1199px) {

    /* 최대 1023 이하 공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
    /* top이미지 */
    #sub_body .sub_con_toppic h3 {
        font-size: 1.7em;
    }

    #sub_body .sub_con_toppic h3::after {
        margin-left: 48%;
    }

    .sub_con_toppic .txt_div {
        font-size: 1.2em;
        color: #fff;
    }

    .sub_con_toppic {
        height: 220px;
    }


    /* 연혁 */
    div.history_area {
        padding: 10% 0;
        background: url("/images/sub01/history_bg_mobile.png") no-repeat top left;
    }

    #history h3 {
        font-size: 1.6em;
        letter-spacing: -0.06em;
        line-height: 100%;
        text-align: left;
        padding-left: 30px;
    }

    div.history_area .history_cont {
        padding: 2% 0 5%;
    }

    dl dd li span.month_ri {
        position: absolute;
        left: 0;
        top: 0;
        color: #000;
        font-weight: 500;
    }

    /* 오른쪽에 위치한 연혁 */
    div.history_area dl {
        padding: 0px 0 0 62px;
        background: url("/images/sub01/year_icon_r.png") no-repeat 7px 7px;
    }



}

@media screen and (max-width:768px) {

    /* 최대 767 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
    /* 원장인사말 */
    .hello_pic {
        text-align: center;
    }

    .hello_pic img {
        width: 60%;
    }

    .ce_text {
        color: #3d3d3d;
        padding: 0 0 2% 0px;
    }

    .ce_text .ces {
        font-size: 0.9em;
    }


    /* top이미지 */
    .sub_con_toppic {
        font-size: 12px;
        line-height: 150%;
    }

    .sub_con_toppic .txt_div br {
        display: none
    }

    /* 경영철학 */
    #management ul li {
        clear: both;
        width: 100%
    }

    #management .mana_div {
        border-top: 1px solid #eaeaea;
        border-left: 0;
        min-height: 100px !important;
    }

    #management ul li:first-child .mana_div {
        border-top: 0px;
    }

    .mana_div .mana_txt01 {
        font-size: 1.8em;
        min-height: 10px !important;
    }

    .mana_div .mana_txt02 {
        min-height: 10px !important;
    }

    .mana_div br {
        display: none
    }

    /* 연혁 */
    dl dd li {
        padding-left: 60px;
    }


    /* 오시는길 */
    ul.findmap-data > li > strong {
        width: 75px;
    }


}

@media all and (min-width:769px) and (max-width:1199px) {

    /* 최소 768 ~ 1023 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
    /* CEO인사말 */
    .hello_txt_left {
        width: 58%;
        display: inline;
    }

    .hello_pic {
        width: 38%;
        float: left;
        display: inline;
        padding-right: 3%;
    }

    .ceos {
        display: none;
    }

    .ce_text {
        text-align: right;
        color: #3d3d3d;
        padding: 0 0 40px 30px;
    }

    .ce_text .ces {
        font-size: 0.9em;
    }

    /* 연혁 */
    dl dd li {
        padding-left: 80px;
    }

    /* 오시는길 */
    .traffic > ul > li {
        overflow: hidden;
    }

    .traffic > ul > li h4 {
        float: left;
        width: 25%;
    }

    .traffic > ul > li .decimal {
        float: right;
        width: 67%;
    }
}

@media screen and (min-width:1200px) {

    /* 최소 1024 ~ 최대 ----------------------------------------------------------------------------------------------------------------------------------------------- */
    /* CEO인사말 */
    .hello_txt_left {
        width: 58%;
        float: right;
    }

    .ceos {
        display: none;
    }

    .hello_pic {
        width: 38%;
        float: left;
    }

    .ce_text {
        text-align: right;
        font-size: 1.9em;
        letter-spacing: -0.05em;
        color: #3d3d3d;
        padding: 0 0 40px 30px;
        line-height: 100%;
    }

    .ce_text .ces {
        font-size: 0.9em;
    }

    /* 경영철학 */
    #management .sub_con_toppic {
        height: 394px;
    }

    /* 비전 */
    #vision .sub_con_toppic {
        height: 246px;
    }

    /* 연혁 */
    div.history_area {
        padding: 100px 0 100px;
        background: url("/images/sub01/history_bg.png") no-repeat top center;
    }

    div.history_area dl {
        width: 546px;
    }

    /* 왼쪽에 위치한 연혁 */
    div.history_area dl.hist_cont_l {
        padding: 0px 62px 0 0;
        background: url("/images/sub01/year_icon_l.png") no-repeat right 7px;
    }

    div.history_area .history_cont {
        width: 100%;
        display: table;
    }

    div.history_area dl {
        display: table;
    }

    div.history_area dl.hist_cont_l dt {
        text-align: right;
    }

    dl.hist_cont_l dd {
        text-align: right;
    }

    dl.hist_cont_l dd li {
        padding-right: 80px;
    }

    dl.hist_cont_l dd li span.month_ri {
        position: absolute;
        right: 0;
        top: 0;
        color: #000;
        font-weight: 500;
    }

    /* 오른쪽에 위치한 연혁 */
    div.history_area dl.hist_cont_r {
        margin-left: 589px;
        padding: 0px 0 0 62px;
        background: url("/images/sub01/year_icon_r.png") no-repeat left 7px;
    }

    dl.hist_cont_r dd li {
        padding-left: 80px;
    }

    dl.hist_cont_r dd li span.month_ri {
        position: absolute;
        left: 0;
        top: 0;
        color: #000;
        font-weight: 500;
    }

    /* 오시는길 */
    .traffic > ul > li {
        overflow: hidden;
    }

    .traffic > ul > li h4 {
        float: left;
        width: 22%;
    }

    .traffic > ul > li .decimal {
        float: right;
        width: 70%;
    }


}