@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;}
.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}
.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 #000;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}
    .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: 70px;}
.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;
position: relative;}
.pro_img_row .btn-box{border: 3px solid #e60012;display: block;color: #e60012;font-weight: 600;text-align: center;padding: 12px 10px 9px;position: relative;transition: 0.3s;background: #fff;}
.pro_img_row .btn-box:before{content:''; height: 5px; width: 5px; display:block; border: 2px solid #e60012; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top: 19px; right: 18px;}
.pro_img_row .btn-box:hover{
	background:#e60012; color:#fff;
}
.pro_img_row .btn-box:hover:before{border: 2px solid #fff; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute;}
@media all and (min-width:780px) {

    .pro_img_row{
        padding: 0 1%;
        margin-bottom: 15px;
    }
.pro_img_row .btn-box{width: 210px;padding-right: 25px;position: absolute;bottom: 25px;left: 35px;}
}





.ready{
	text-align: center;
	border: 8px solid #dedede;
	padding: 30px 35px;
}
.ready .img{
	background: #f4f4f4;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	line-height: 92px;
	display: inline-block;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.ready .img img{width: 82px;/* line-height:50px; */vertical-align: middle;margin-top: 5px;}
.ready .txt1{
	font-size: 20px;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 5px;
}
.ready .txt2{
	color: #666;
}

@media all and (min-width:1000px) {
	.ready{
		padding: 100px 0;
		border: 10px solid #dedede;
	margin-bottom: 100px;}
	.ready .img{
		width: 170px;
		height: 170px;
		line-height: 163px;
	}
	.ready .img img{width: 130px;margin-top: 10px;}
	.ready .txt1{
		font-size: 30px;
	}
	.ready .txt2{}

}




.tabs{}
.tabs ul{display: flex;/* border-top: 1px solid #e60012; *//* border-left: 1px solid #e60012; *//* border-bottom: 1px solid #e60012; */margin-bottom: 20px;align-content: center;}
.tabs li{width: 33.3333333333%;/* border-right: 1px solid #e60012; */border-bottom: 3px solid #ddd;transition: 0.3s;}
.tabs li a{display: block;text-align: center;padding: 15px;/* color: #e60012; *//* border-bottom: 3px solid #ddd; */font-size: 12px;transition: 0.3s;position: relative;padding-top: 18px;}
.tabs li a span{background: #888;color: #fff;font-weight: 500;font-size: 12px;display: inline-block;position: absolute;top: 0;left: 50%;width: 60px;margin-left: -30px;border-radius: 3px;padding-top: 1px;}
.tabs li.on{border-bottom: 3px solid #e60012;}
.tabs li.on a span{background: #e60012; transition:0.3s;}
.tabs li.on a{/* background: #f4f4f4; *//* border-bottom: 3px solid #e60012; */color: #e60012;font-weight: 600;}
.tabs li:hover{border-bottom: 3px solid #e60012;}
.tabs li:hover a{color: #e60012;font-weight: 600;}
.tabs li:hover a span{background:#e60012;}
@media all and (min-width:1000px) {
    .tabs{max-width: 700px;margin: 0 auto;margin-top: 50px;}
.tabs ul{margin-bottom: 35px;}
.tabs li{}
.tabs li a{font-size: 19px;padding-top: 25px;}
.tabs li.on{}
.tabs li.on a{}
	.tabs li a span{font-size: 13px;width: 70px;margin-left: -35px;}
}





.accordion-container {
    position: relative;
    width: 100%;
    /* border: 1px solid #0079c1; */
    border-top: none;
    outline: 0;
    cursor: pointer
}

.accordion-container .article-title {
    display: block;
position: relative;font-weight: bold;
    margin-bottom: 10px;
    font-size: 20px;
    color: #e60012;
    background: url(/img/dot.png) no-repeat;
    padding-left: 19px;
    background-size: 13px;
    background-position: 15px 15px;background-color: #f4f4f4;padding: 10px;padding-left: 33px;border: 1px solid #dedede;}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
    background-color: #565d65;
    color: #ffff;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
    color: white;
}

.accordion-container .content-entry i {
    position: absolute;
    top: 3px;
    right: 45px;
    font-style: normal;
    font-size: 0px;
    
text-align: right;}


.accordion-container .content-entry i:before, .accordion-container .content-entry i:after{content:''; height: 3px; width: 23px; display:block; background: #e60012; position:absolute; top: 20px; left: 4px;}

.accordion-container .content-entry i:after{height: 23px; width: 3px; top: 10px; left: 14px; }
.accordion-container .content-entry.open i:before {
    
content: '';
    height: 3px;
    width: 23px;
    display: block;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 4px;}
.accordion-container .content-entry.open i:after{display:none;}

.accordion-content {
    display: none;
    /* padding-left: 2.3125em; */
}
/* This stuff is just for the Codepen demo */

#content {
    width: 100%;
}

.accordion-container,
#description {
    width: 100%;
    margin: 1.875em auto;
}

#description p {
    line-height: 1.5;
}

#description h2 {
    text-align: center;
}

@media all and (min-width: 768px) {
    .accordion-container .article-title{font-size: 25px;font-size: 25px;
    background-size: 16px;
    background-position: 18px 22px;
    padding: 15px;padding-left: 49px;
    margin-bottom: 17px;
    margin-left: 1%;margin-right: 1%;}
	.accordion-container .content-entry i{top: 12px;right: 50px;font-size: 15px;}
		.accordion-container .content-entry i .on{display:none;}
		.accordion-container .content-entry.open i .off{display:none;}
		.accordion-container .content-entry.open i .off{display:none;}
		.accordion-container .content-entry.open i .on{display:block;}
	
.accordion-container .content-entry i em{position: absolute;width: 100px;text-align: right;display: block;top: 11.5px;right: 7px;font-weight: 600;}

}



.m1200{max-width: 1135px; margin:0 auto; display:block;}