/* color */
.blue{color:#3d4d9c}
.black{color:#000}

/* 회사소개 */

section.comp{padding-top: 10px;}

section.comp h3 {
    font-family: 'Noto Sans KR', sans-serif, Helvetica;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 0px;
}

section.comp p.text {
    line-height: 24px;
    margin-bottom: 0;
}

section.comp .ceo img {    

}
section.comp a img{display: block;width: 100%;margin-bottom:10px;}
section.comp a:hover img{opacity:0.7;}

/* 네트워크 */
section.comp img {
    display:block;
    width: 100%;
    margin-bottom: 10px;
}

section.comp .col-md-6 h3{
    color: #3456ad;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}
section.comp .col-md-6 .txt-box{
    display: inline-block;
    width: calc(100% - 10%);
    padding: 1% 5%;
    border-bottom: 1px solid #ddd;
}
section.comp .col-md-6 .txt-box .nation{
    float: left;
    margin-top: 6px;
    margin-right: 20px;
    font-size: 20px;
    color: #3456ad;
}
section.comp .col-md-6 .txt-box .city{
    /* display: inline-block; */
    margin-left: 83px;
    margin-top: 3px;
    font-size: 14px;
}
section.comp .col-md-6 .blank-h20{height: 40px;}

/* 찾아오시는 길 */

section.map{
    border: 1px solid #eee;
    padding: 0;
}
section.map .label-1{
    float: left;
    width: 130px;
    color: #3d3d3d;
    font-size: 16px;
    text-align: center;
    margin-left: -1px;
    height: 50px;
    line-height: 50px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-bottom: 0;
    vertical-align: middle;
}
section.map .c-blue{
    height: 50px;
    padding-left: 20px;
    color: #2774cc;
    font-weight: 600;
}
section.map span{
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    padding-left: 15px;
    color: #3d3d3d;
}
section.map .list{
    width: 90%;
    margin-left: 127px;
    /* border-left: 1px solid #eee; */
}
section.map p{
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}
section.map .s-1{
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #263c96;
    color: #fff;
    text-align: center;
    padding: 0px 7px;
    border-radius: 30px;
    margin-left: 20px;
}
section.map .s-7{
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #697215;
    color: #fff;
    text-align: center;
    padding: 0px 7px;
    border-radius: 30px;
    margin-left: 20px;
}
section.map .txt{
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    font-weight: 300;
}
section.map h4{
    margin: 5px;
}
section.map h4 .rou-blue{
    padding: 2px 14px;
    background: #2774cc;
    line-height: 9px;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
}
section.map iframe{border-top:1px solid #eee;border-bottom:1px solid #eee;}

/* 서비스 안내 */
section.serv{}
section.serv .sec-con{
    margin-bottom: 50px;
}
section.serv .sec-con h3{font-size:22px;}
section.serv .sec-con .border{
    height: 4px;
    width: 48px;
    border-radius: 5px;
    background-color: #4489e4;
}
section.serv .sec-con h4{font-size:18px;margin-top: 20px;margin-bottom: 5px;}
section.serv .sec-con hr{
    display:block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
section.serv .sec-con .box{
    padding: 20px;
    border: 1px dotted #e2e2e2;
    border-radius: 3px;
    margin-bottom: 20px;
    background-color: #f4f4f4;
}
section.serv .sec-con .box .intxt{}
section.serv .sec-con .box .intxt h5{font-weight:bold;font-size:18px;}
section.serv .sec-con .box .intxt p{padding-left:10px;}
section.serv .sec-con .box .intxt .block-box{
    padding: 20px;
}
section.serv .sec-con .box .intxt .block-box .bg-bl1{
    padding: 10px;
    background: #5ea186;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
section.serv .sec-con .box .intxt .block-box .bg-bl2{
        padding: 10px;
        background: #6eaf95;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
}
section.serv .sec-con .box .intxt .block-box .bg-bl3{
        padding: 10px;
        background: #7dbfa5;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
}
.tb-default thead th{text-align:center;color: #fff;background: #70b599;border: 1px solid #fff !important;vertical-align: middle !important;}
.tb-default thead th.second{background:#86b5a2 !important}
.tb-default tbody td{text-align:center;background:#fff;}
.ribbon-box {
  position: relative;
}
.ribbon-box .ribbon-primary{background: #4489e4;font-size:20px;}
.ribbon-box .ribbon-primary:before{
    border-color: #1f6ed6 transparent transparent;    
}
  .ribbon{
    position: relative;
    float: left;
    clear: both;
    padding: 5px 12px 5px 12px;
    margin-left: -30px;
    margin-bottom: 15px;
    font-family: $font-secondary;
    -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
}
    .ribbon:before{
      content: " ";
      border-style: solid;
      border-width: 10px;
      display: block;
      position: absolute;
      bottom: -10px;
      left: 0;
      margin-bottom: -10px;
      z-index: -1;
    }
  }

  .ribbon + p {
    clear: both;
  }
  .clearfix::after{
    display: block;
    clear: both;
    content: "";
  }
section.serv .sec-con h3{
    padding: 20px 0 10px;
    color: #3456ad;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
}
section.serv .sec-con p{}
section.serv .sec-con .card-box{
    padding: 20px;
}
section.serv .sec-con .card-box h4.s-tit{
    font-size: 18px !important;
    color: #626161;
    margin-bottom: 10px;
}
section.serv .sec-con .card-box p{
    line-height: 22px;
    font-size: 16px;
    color: #626161;
}
section.serv .sec-con ol.dec{list-style: decimal;padding-left: 20px;}
section.serv .sec-con .txt-box1{
    position: relative;
}
section.serv .sec-con .txt-box1 .num{
    position: absolute;
    top: 0;
    margin: 3px;
    background: #3456ad;
    font-weight: 600;
    color: #fff;
    padding: 4px;
}
section.serv .sec-con .txt-box1 .con-txt{
    display: inline-block;
    margin-left: 40px;
    margin-bottom: 15px;
}

/* Sub Con */
.s-tit{color:#3456ad;font-size: 28px !important;font-weight: 600 !important;margin-bottom: 30px;}
.subject{
    display: block;
    color: #3456ad;
    font-size: 20px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 15px;
}
span.sm{
    color: #444244;
    font-size: 14px;
}
ul li p{
    line-height: 20px;
    font-size: 14px;
    color: #070607;
}
.info{
    background: #fbfadd;
    padding: 20px 40px;
}
.info .nation{
    position: absolute;
    top: 28px;
}
.info .city{
    margin-left: 80px;
}
.fo-14{font-size:14px !important}
.blank-h40{display:block;height:40px;}
.pc{display:block;width:100%}
.mo{display:none}
.kakao{display:none;}
@media (max-width: 992px) {
    section.company_01 {
        text-align: center;
    }
    section.company_01 .ceo {
        margin-bottom: 50px;
    }
    section.company_03 .history-left {
        margin-bottom: 80px;
    }
    
}
@media (max-width: 767px) {
 .kakao{display:block;position:fixed;right:10px;bottom:150px;z-index:999999;width:40px;height:40px;}
 .kakao a.kakao-btn{display:inline-block;}
 .kakao a.kakao-btn img{display:block;width:100%;opacity: 0.7}
 #sub_content .page-header h1{font-size:24px;margin-top: 10px;margin-bottom: 5px;}
    .pc{display:none}
    .mo{display:block;width:100%}
    #tocplusWindow{display:none}
    section.serv .sec-con img{display:block;width:100%;margin-bottom: 10px;}
    section.serv .sec-con img.pc{display:none;}
section.comp h3 {
    margin-top: 5px;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
}
section.comp p.text{line-height:20px}
section.comp ul{margin-bottom: 30px;}
.s-tit{color:#3456ad;font-size: 20px !important;font-weight: 600 !important;margin-bottom: 15px;}
.subject{
    display: block;
    color: #3456ad;
    font-size: 16px;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 5px;
}
span.sm{
    color: #444244;
    font-size: 13px;
}
ul li p{
    line-height: 20px;
    font-size: 14px;
    color: #070607;
}
.info{
    background: #fbfadd;
    padding: 20px 40px;
}
.info .nation{
    position: absolute;
    top: 28px;
}
.info .city{
    margin-left: 80px;
}
.blank-h40{display:block;height:20px;}
/* 네트워크 */
section.comp img {
    display:block;
    width: 100%;
    margin-bottom: 10px;
}

section.comp .col-md-6 h3{
    color: #3456ad;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
section.comp .col-md-6 .txt-box{
    display: inline-block;
    width: calc(100% - 5%);
    padding: 1% 3%;
    border-bottom: 1px solid #ddd;
}
section.comp .col-md-6 .txt-box .nation{
    float: left;
    margin-top: 6px;
    margin-right: 20px;
    font-size: 16px;
    color: #3456ad;
}
section.comp .col-md-6 .txt-box .city{
    /* display: inline-block; */
    margin-left: 83px;
    margin-top: 3px;
    font-size: 14px;
}
section.comp .col-md-6 .blank-h20{height: 40px;}

section.map{
    border: none;
    padding: 0;
}
section.map .label-1{
    float: none;
    width: 90px;
    color: #3d3d3d;
    font-size: 16px;
    text-align: left;
    margin-left: -1px;
    height: 30px;
    line-height: 30px;
    border-left: none;
    border-right: none;
    margin-bottom: 0;
    vertical-align: middle;
}
section.map .c-blue{
    height: 30px;
    padding-left: 0;
    color: #2774cc;
    font-weight: 600;
}
section.map span{
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    padding-left: 0;
    color: #3d3d3d;
}
section.map .list{
    width: 100%;
    margin-left: 0;
    /* border-left: 1px solid #eee; */
}
section.map p{
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 5px;
}
section.map .s-1{
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #263c96;
    color: #fff;
    text-align: center;
    padding: 0 7px;
    border-radius: 25px;
    margin-left: 0;
}
section.map .s-7{
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #697215;
    color: #fff;
    text-align: center;
    padding: 0px 7px;
    border-radius: 30px;
    margin-left: 0;
}
section.map .txt{
    height: 18px;
    line-height: 18px;
    font-weight: 300;
}
section.map h4{
    margin: 20px 0 5px;
    margin-top: 20px;
}
section.map h4 .rou-blue{
    padding: 2px 14px;
    background: #2774cc;
    line-height: 9px;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
}
section.map iframe{border-top:1px solid #eee;border-bottom:1px solid #eee;}
/* 서비스 안내 */
.fo-14{font-size:12px !important}
section.serv{}
section.serv .sec-con{
    margin-bottom: 25px;
}
section.serv .sec-con h3{
    padding: 10px 0;
    color: #3456ad;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
}
section.serv .sec-con p{
    font-size: 13px;
    line-height: 18px;
}
section.serv .sec-con .card-box{
    padding: 10px;
}
section.serv .sec-con .card-box h4.s-tit{
    font-size: 18px !important;
    color: #626161;
    margin-bottom: 10px;
}
section.serv .sec-con .card-box p{
    line-height: 18px;
    font-size: 13px;
    color: #626161;
}
section.serv .sec-con ol.dec{list-style: decimal;padding-left: 20px;}
section.serv .sec-con ol.dec li{font-size: 13px;line-height:18px}
section.serv .sec-con ul li{font-size: 13px;line-height:18px}
section.serv .sec-con .txt-box1{
    position: relative;
}
section.serv .sec-con .txt-box1 .num{
    position: absolute;
    top: 0;
    margin: 3px;
    background: #3456ad;
    font-weight: 600;
    color: #fff;
    padding: 4px;
}
section.serv .sec-con .txt-box1 .con-txt{
    display: inline-block;
    margin-left: 40px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px;
}
.banner_area > .row > .col-md-4{float: left;width:33.3333%;}
section.serv .sec-con img.icon{display:inline-block;width:auto;}
section.customer .peo{display:none;}
.basic ul{padding-left: 0 !important;}
.basic li a{display: inline-block;width: 210px;font-size: 13px !important;line-height: 18px !important;text-overflow:  ellipsis;white-space: nowrap;overflow: hidden;}
.basic .lt_date{line-height:18px !important}
section.customer .info_area{padding: 20px 40px;}
section.customer .info_area h1{font-size:32px}
section.customer .info_area p{font-size:13px;}
.sub_con .bg .cont h1, .sub_con .bg1 .cont h1, .sub_con .bg2 .cont h1, .sub_con .bg3 .cont h1, .sub_con .bg4 .cont h1, .sub_con .bg5 .cont h1{font-size:22px !important;}
.sub_con .bg .cont p, .sub_con .bg1 .cont p, .sub_con .bg2 .cont p, .sub_con .bg3 .cont p, .sub_con .bg4 .cont p, .sub_con .bg5 .cont p{font-size:13px !important;padding: 0 10px;line-height: 18px;}
.tab-content>.tab-pane img{display:block;width:100%;}
}

.nav>li>a{padding:10px 20px;}