@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
body{font-size:15.5px !important;}
.bgbox{background:#f5f5fa; padding:30px 20px;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.cb{clear:both;}

.comm_table{width:100%; border-top:2px solid #6d6a60; border-collapse:separate;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:7px 5px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:bold;}

.comm_table tr.bgc th, .comm_table tr.bgc td{ background:#e7e7e7;}
.comm_table .tal{text-align:left;}

.bd_table{border-right:1px solid #dcdcdc}
.bd_table th, .bd_table td{border-left:1px solid #dcdcdc}



.blackTxt{color:#000000}
.blgrTxt{color: #000;font-size:2.5em;}

.point_txt{position:relative; font-family:'Montserrat', 'ns'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:'';width:8px;height:8px;border-radius:50px;position:absolute;right:0;top:3px;background: #e60012;}

.bgGray{background:#f5f5fa}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{background:#ffef67;}

.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:15px; margin-bottom:3px;}
.fss{font-size:0.85em}
.tit_sm{font-size:1.3em;  font-weight:600;}
.tit_page {font-size:1.1em; color:#868686;}
.tit_page span {font-weight:700; color:#686868;}

@media all and (min-width:768px) {
    .comm_table th, .comm_table td{padding:13px 10px;}
    .comm_dl dt{float:left; margin-right:1%; clear:both;}
    .comm_dl dd{width:87%; float:right;}

    .sub_con .col-02{width:47%;float:left; margin:0 1.5%;}
    .sub_con .col-03{width:30.33%; margin:0 1.5%; float:left;}
    .bdLine{padding-bottom:40px; margin-bottom:40px;}

    .bgbox{padding:40px 30px;}
    .pdbox{padding:40px 30px;}
    .mEnter{display:inline-block;}
    .tEnter{display:block;}

}

@media all and (min-width:1200px) {
    body{font-size:16.5px !important;}

    .bgbox{padding:60px 50px;}
    .pdbox{padding:50px;}
    .tEnter{display:inline-block;}
    .pEnter{display:block;}
    .bdLine{padding-bottom:60px; margin-bottom:60px;}
    .tit_sm{font-size:1.6em;}

}

.table_l table {width:100%; margin-bottom:2%; border-top:2px solid #1c3f95;}
.table_l th {text-align:center; background:#edf2ff;  padding:10px 5px; border-bottom:1px solid #ddd; font-weight:bold; vertical-align:middle;}
.table_l td {padding:15px 10px; border-bottom:1px solid #ddd; font-weight:bold; vertical-align:middle;}
.table_l td:first-child {background:#f6f6f6;}
.table_l td.bak_auto {background:#f6f6f6;}
.table_l td.bck_none {background:none;}
.table_l .tbl_top tr th,.table_l .tbl_top tr td {border-right:1px solid #ddd;}
.table_l .tbl_top tr th:last-child,.table_l .tbl_top tr td:last-child {border-right:0;}
.table_l .tbl_top tr td {text-align:center;}
.table_l .tbl_top tr td .sin_img {max-width:18px; vertical-align:middle;}
.table_l .tbl_top tr td .dotum {font-family:'dotum'; color:#505050;}
.mo_blk {display:none;}

@media all and (max-width:600px) {
    .oflw_tbl {overflow-x:auto}
    .oflw_tbl table {width:500px;}
    .oflw_moto table {width:1200px;}
    .mo_blk {display:block;}

}

/*회사소개*/
.com_info{background:url('../img/bg_ceo.jpg') no-repeat center bottom; background-size:cover !important; }
.ceo_mes {text-align:left; padding:20px 0 50px 30px;}
.ceo_mes .blgrTxt {font-weight:700; padding:20px 0;}
.ceo_mes  p {padding:10px 0;word-break: break-word;}
.info_dl{text-align:center; background:rgba(255,255,255,0.8); position:relative; overflow:hidden; color:#000000; max-width:1100px; margin:0 auto}
.info_dl dl{float:left;width: 50%;padding:20px 0px;position:relative;}
.info_dl dl:before{content:''; width:1px; height:70px; background:#c8c8c8; position:absolute; display:block; top:0; bottom:0; left:0; margin:auto}
.info_dl dl.line_none:before{background:none;}
.info_dl dl dt{font-weight:600; font-size:1em}
.info_dl dl dd{font-size:0.9em;padding: 0 15px;}
.info_dl dl img{display:block; max-width:50px; margin:0 auto; margin-bottom:10px;}

@-webkit-keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.1) translateY(-15px);
        transform: scale(1.1) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}


/*연혁*/
.hisrtory{ padding-bottom:5%;}
.hisrtory .year{color: #e60012;font-size: 2.5em;font-weight: bold;}
.hisrtory .box {padding-left:10%;  background: url("../img/balloon_line.gif") repeat-x 1px top;}
.hisrtory .box li{background: url("../img/dot.gif") no-repeat left 15px; padding:5px 0 5px 10px; font-size: 15px;}
.hisrtory .box li:last-child{margin-bottom: 0;}
.hisrtory .box li .blang {background:rgba(255,246,0,0.4);}
.hisrtory .box li b {padding-right:15px; }
.hisrtory .month{padding: 20px 20px;background: #f6f6f6;box-sizing: border-box;border-top: 1px solid #000;}
.hisrtory .month p {font-size:1.5em; font-weight:600; float:left; width:10%;}
.hisrtory .month ul {float:left; width:90%; padding-top:7px;}


@media all and (max-width:640px) {
    .hisrtory .box {padding-left:0;}
}

@media all and (max-width:480px) {
    .hisrtory .box li b {display:block;}
}

/*경영이념*/
.vision {animation:org 1.5s ease-out forwards; content:''; transition:0.3s;}
@keyframes vision{
    0%{transform:scale(0.5); opacity:0;}
    100%{transform:scale(1); opacity:1;}
}

.recruit_dl{overflow:hidden; }
.recruit_dl dl{overflow:hidden; padding:30px 40px; background:#ffffff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    margin:30px;
    position:relative; }
.recruit_dl dl:hover{ -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);}
.recruit_dl dl dt{font-weight:600; text-align:center; margin-bottom:10px; }
.recruit_dl dl dt img{ margin:0 auto; margin-bottom:10px; max-width:80px}
.recruit_dl dl dd{ margin-bottom:3px; text-align:center; }
.recruit_dl dl dd:last-child{margin-bottom:0;}
.recruit_dl dl dt span{font-size:1.2em; display:block}




@media all and (min-width:768px) {
    .recruit_dl dl{position:relative; width:30%; vertical-align:top; display:inline-block; margin:15px 1%; min-height:310px;}
    .rec_dl2 dl{width:46%; min-height:210px;}
    .recruit_dl dl dt{font-size:1.4em}
    .recruit_dl dl dt,
    .recruit_dl dl dd{width:100%; float:none; text-align:center;}
    .recruit_dl dl:after, .recruit_dl dl:before,
    .recruit_dl dl dt:after, .recruit_dl dl dt:before{
        width: 3px;
        height: 0;
        position: absolute;
        display: block;
        content: "";
        background-color: #0083ef;
        transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
    }
    .recruit_dl dl:after{width:0px; height:3px;}
    .recruit_dl dl dt:after{width:0px; height:3px;}

    .recruit_dl dl:before{width:3px; height:0px;}
    .recruit_dl dl dt:before{width:3px; height:0px;}

    .recruit_dl dl:after{left:0; top:0}
    .recruit_dl dl:before{left:0; bottom:0}

    .recruit_dl dl dt:after{right:0; bottom:0}
    .recruit_dl dl dt:before{right:0; top:0; }
    .recruit_dl dl:hover:after{width:100%}
    .recruit_dl dl:hover:before{height:100%;}



    .recruit_dl dl:hover dt:after{width:100%}
    .recruit_dl dl:hover dt:before{height:100%;}


}



/*조직도*/
.org {animation:org 1.5s ease-out forwards; content:''; transition:0.3s;}
.org img {max-width:900px;}
@keyframes org{
    0%{transform:scale(0.5); opacity:0;}
    100%{transform:scale(1); opacity:1;}
}

@media all and (max-width:1000px) {
    .org img {max-width:100%;}
}


/*인증서*/
.certi{}
.certi a {float:left;width: 31%;margin:1%;border:1px solid #ddd;}

@media all and (max-width:768px) {
    .certi a {width:48%;}

}



/*오시는 길*/
.root_daum_roughmap{width:100% !important; border:0 !important; padding:0 !important;}
.loc_txt {padding-top:20px;}
.loc_txt li {border-bottom:1px solid #ddd; }
.loc_txt li .tit {display:inline-block; width:10%; font-weight:700; border-bottom:1px solid #1c3f95; padding:15px 0;}
.loc_txt li .txt {display:inline-block; width:89%; padding:15px 15px;}

@media all and (max-width:768px) {
    .loc_txt li .tit {width:25%;}
    .loc_txt li .txt {width:74%;}

}


@media all and (max-width:480px) {
    .loc_txt li .tit {width:100%;}
    .loc_txt li .txt {width:100%; padding-left:0;}

}

/*경영방침*/
.busiArea{background:#ffffff}
.busiArea h5 span.tit{display:block; font-size:14px; color:#1c3f95; margin-bottom:10px; padding-bottom:10px; position:relative; text-transform:uppercase}
.busiArea h5 span.tit:after{content:''; width:30px; height:2px; background:#1c3f95; display:block; position:absolute; bottom:0; left:0; }
.busiArea .box{position:relative;}
.busiArea .box .txt{box-sizing:border-box; padding:30px 20px; background:#ffffff;}
.busiArea .box .photo img{width:100%}
.busiArea .box .txt .sp{font-size:14px;padding-left: 12px;}
@media all and (min-width:768px) {
    .vision dl{width:33.33% !important; padding:40px 0px}
    .vision dl dt  span{font-size:1.3em}
}

@media all and (min-width:1200px) {
    .busiArea .box {margin-bottom:120px;}
    .busiArea .box .photo{float:left; width:80%;}
    .busiArea .box .txt{padding:40px 30px; width:34%; position:absolute; top:-50px;
        -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);}

    .busiArea .box .left{float:left; left:0;}
    .busiArea .box .right{float:right; right:0;}
    .busiArea .box .txt h5{color:#ffffff;letter-spacing: -0.7px;}
    .busiArea .box .txt{background: #333;color:#ffffff;}
    .busiArea h5 span.tit:after{background:#ffffff}
    .busiArea h5 span.tit{color:#ffffff}
    .busiArea .box:after{content:''; clear:both; display:block;}

}




/*제품소개*/
.product {}
.product .pro_img {float:left; width:30%; margin:1.5%; z-index:-2;}
.product .pro_img img {max-width:100%;}
.product .pro_tit {position:relative;color:#fff;z-index:100;text-align:center;padding:12px 0;background: #565d64;height: 95px;}
.product .pro_tit b{display:block;font-weight:700;}
.product .pro_tit:after {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;margin:0 auto;/* background:#1c3f95; */height:50px;display:block;content:'';z-index:-1;}
.product .pro_dis dt {float:left; width:20%; padding:15px 0;  border-bottom:1px solid #1c3f95; font-weight:700; text-align:center;}
.product .pro_dis dd {float:left; width:80%; padding:15px 15px;  border-bottom:1px solid #a8a8a8;}

@media all and (max-width:768px) {
    .product .pro_img {width:45%;}

}

@media all and (max-width:480px) {
    .product .pro_img {width:100%; margin:20px 0;}

}


/*RND*/
.rnd_tech {}
.rnd_tech dl {float:left;width:100%;border:1px solid #ddd;/* min-height:310px; */padding:3% 4%;border-top: 2px solid #000;margin-bottom: 20px;}
.rnd_tech dl dt {position:relative; padding-bottom:10px;}
.rnd_tech dl dt:after {position:absolute;display:block;content:'';width:20px;height:1px;background: #000;bottom:0;}
.rnd_tech dl dt .tit {font-size:14px; display:block; }
.rnd_tech dl dd {position:relative; padding-left:10px;}
.rnd_tech dl dd:before {position:absolute;  display:block; content:''; top:9px; left:0; width:5px; height:5px; background:#868686;}


@media all and (min-width:768px) {
    .rnd_tech dl {width:48%;margin:1%; min-height:310px;}
    .rnd_tech dl.w100{width: 98%;min-height: inherit;}
}

/*라인 테이블*/
.busiBox{position:relative; clear:both;padding:0 0 30px;overflow:hidden;}
.busiBox:last-child{border-bottom:0;}
.bb_line {border-bottom:1px solid #dcdcdc !important;}
.busiBox:after{content:''; clear:both;}
.busiBox h4{text-align:center; text-align:left;float:left;font-weight:normal; font-size:1.2em; color:#14288a; font-weight:bold;}
.busiBox h4:after{content:'';width:30%;height:1px;background: #17469b;position:absolute;left:0px;top: 0px;}
.busiBox .right{float:right; width:70%; position:relative; padding-left:20px;}
.busiBox .right .vas_li li {padding:5px 0;}
.busiBox li,.busiBox li dl dt  {position:relative; padding-left:15px; line-height:1.5;}
.busiBox li dl {padding-bottom:5px;}
.busiBox li dl dt {font-weight:600;}
.busiBox li dl dd {padding-left:15px; }
.busiBox .li_dot li:after,
.busiBox li dl dt:after {position:absolute; content:'-'; display:block; top:0; left:0;}

@media all and (max-width:480px) {
    .busiBox h4,
    .busiBox .right {width:100%;}
    .busiBox .right {padding-top:10px; padding-left:0;}
    .busiBox .li_dl li {padding-left:0 !important;}

}


.pro_img_row{
    /* padding: 0 1%; */
    margin-bottom: 15px;
}

@media all and (min-width:780px) {

    .pro_img_row{
        padding: 0 1%;
        margin-bottom: 15px;
    }

}