@charset "UTF-8";

#sub_contents {padding:80px 0 900px;}
/*001_sub02 CEO인사말=================================================*/
dl.ceo {display:inline-block;width:100%;padding-top:20px}
dl.ceo dd {display:inline-block;float:left;margin-right:40px;position:relative;}
dl.ceo dd span {position:absolute;left:0;top:310px;display:inline-block;font-weight:400;color:#111;font-size:1.125em;padding-top:20px;}
dl.ceo dt {float:left;width: calc(100% - 260px)}
dl.ceo dt h1 {font-size: 1.8em;line-height: 1.4;color: #333;padding-bottom: 65px;font-weight: 600;letter-spacing: -2px;}
dl.ceo dt h1 span {color:#063d78;font-size: 0.75em; letter-spacing: 0px;}
dl.ceo dt p {color: #666;font-weight: 300;line-height: 1.5;font-size: 1.063em;}
dl.ceo dd span {display: inline-block;position: absolute;font-size: 1.125em;font-weight: 500;padding-top: 35px;}
dl.ceo dd span:after {content:'';width:93px;height:60px;background:url('../images/ceo_sign.png') no-repeat;display: inline-block;position: absolute;top: 15px;}
@media screen and (max-width:799px) {
    /*#sub_contents {padding:50px 0;}*/
    dl.ceo dd {width:100%;}
    dl.ceo dt {width: 100%;margin-top: 100px;}
    dl.ceo dt h1 {padding-bottom:30px;}
}

/*001_sub05 인증서=================================================*/
#sub_contents.gray_contents {background:#f0f0f0}
#sub_contents .cer_box:nth-child(odd) {margin-right:28px}
.cer_box {display:inline-block;width: calc(50% - 18px);margin-top: 40px;margin-bottom: 40px;}
.cer_box dt {float:left;display:inline-block; text-align: center;vertical-align: middle;float:left; width:207px;height:295px;background-color:#fff;border: 1px solid #dedede;}
.cer_box dd {float: left;width: calc(100% - 207px);padding-left: 20px;}
.cer_tbl {width:100%;}
.cer_box dd h1 {width: 100%;display: inline-block;letter-spacing: -2px;padding: 4px 0;margin-bottom: 20px;color:#111;letter-spacing:-2px;font-size:1.375em;padding:20px 0;border-bottom:2px solid #2f3e98}
.cer_tbl th, .cer_tbl td{text-align:left;font-size: 1em;vertical-align: top;}
.cer_tbl th {font-weight:500}
.cer_tbl td {font-weight:normal}

/*001_sub03=================================================*/
/*연혁탭메뉴*/

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    border-left: 1px solid #ddd;
    width: 100%;
}
ul.tabs li {
    float:left;
    text-align:center;
    cursor: pointer;
    border-left: none;
    position: relative;
    color: #999;
    padding: 1.3rem 0;
    border: 1px solid #c7c7c7;
    border-left: 1px solid #fff;
    vertical-align: middle;
    text-align: center;
    font-weight:400;
    font-size:1em;
    width:25%;
}

ul.tabs li.active,
ul.tabs li:hover{
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-color: #0072bc;
    color: #0072bc !important;
}
.tab_container {
    border: 1px solid #eee;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container {
    width: 249px;
    margin: 0 auto;
}
/*연혁내용*/
.history .l-content__wrap-tight {max-width:1000px;}
.history  .m-tab__list {width:100%;}
.company .company-history {
    width: 100%;
    max-width: 1000px;
    margin: 100px auto;
    padding-bottom: 200px;
    position: relative;
}
.company .company-history .cont {
    margin-bottom: 50px;
}
.company .company-history .cont > div.text-wrap {
    padding-left: 10%;
    position: relative;
    float: right;
}
.company .company-history .cont > div.text-wrap .text {
    border: 1px solid #bed0e7;
    padding: 10% 8.5%;
}
.company .company-history .cont > div.text-wrap:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #3f7ac6;
    position: absolute;
    z-index: 2;
    top: 20px;
    left: -10px;
}
.company .company-history .cont > div.text-wrap:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #3f7ac6;
    border: 1px solid #3f7ac6;
    position: absolute;
    z-index: 2;
    top: 25px;
    left: -5px;
}
.company .company-history .cont > div.text-wrap .text {
    border: 1px solid #bed0e7;
    padding: 10% 8.5%;
}
.company .company-history .cont > div.text-wrap .text:before {
    content: '';
    display: inline-block;
    width: 20%;
    height: 1px;
    background-color: #bed0e7;
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 0;
}
.company .company-history .cont > div.text-wrap .text strong {
    font-family: 'Titillium Web';
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    margin-bottom: 20px;
}
.company .company-history .cont > div.text-wrap .text p {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}
.company .company-history .cont > div.text-wrap .text p:last-child {
    margin-bottom: 0;
}
.company .company-history .cont > div.text-wrap .text p span {
    font-family: 'Titillium Web';
    color: #000;
    font-weight: 600;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}
.company .company-history .cont > div.text-wrap .text p em {
    display: inline-block;
    width: calc(100% - 40px);
}
.company .company-history .cont:after {
    content: '';
    display: block;
    clear: both;
}

.company .company-history .cont.typea {
    margin-bottom: 80px;
}
.company .company-history .cont > div.text-wrap.typeb {
    margin-top: 60px;
}
.company .company-history .cont > div.img-wrap {
    padding-right: 10%;
}
.company .company-history .cont > div.img-wrap p {
    line-height: 1.3;
    margin-bottom: 10px;
}
.company .company-history .cont > div {
    width: 50%;
    float: left;
    min-height: 1px;
}
.company .company-history .cont > div.img-wrap img {max-width:100%;}
.company .company-history:before {
    content: '';
    display: block;
    background-color: #bed0e7;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
}
@media screen and (max-width:799px) {
    .company .company-history {margin:30px auto;}
    .company .company-history:before {top: 0;left: 25px;}
    .company .company-history .cont {margin: 0 25px 50px 25px;}
    .company .company-history .cont > div {
        width: 100%;
        float: none;
        min-height: 1px;
    }
    .company .company-history .cont > div.text-wrap {
        padding-left: 25px;
        position: relative;
    }
    .company .company-history .cont:after {
        content: '';
        display: block;
        clear: both;
    }
    .company .company-history .cont > div.img-wrap {
        padding-right: 0;
        padding-left: 25px;
    }
    .company .company-history .cont > div.img-wrap p {
        font-size: 14px;
        line-height: 20px;
        height: auto;
        margin-bottom: 12px;
        position: relative;
    }
    .company .company-history .cont > div.img-wrap img {
        width: 100%;
    }
    .company .company-history .cont > div.text-wrap .text:before {
        content: '';
        display: inline-block;
        width: 25px;
        height: 1px;
        background-color: #bed0e7;
        position: absolute;
        z-index: 1;
        top: 25px;
        left: 0;
    }
}
/*001_sub03 연혁=================================================*/