/*bs_area.css*/
.bs_area .section{width: 100%; padding: 100px 0;}
/* .bs_area .first_area{padding-top: 0;} */
.bs_area .first_area .leftarea{width: 55%; float: left;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.first_area .leftarea>.img1{width: 48%; margin: 1%; float: left;}
.first_area .leftarea img{width: 100%;}
.first_area .leftarea>.img2{width: 48%; margin: 1%; float: left;}
.first_area .rightarea{width: 100%;  padding-left: 0 60px;}
.first_area .toptxt>h2{font-size: 42px; font-weight: 600; line-height: 48px; margin-bottom: 20px;}
.first_area .toptxt>h2>span{color: #c71526;}
.first_area .mdllinewrap{padding: 20px 0;}
.first_area .mdlline{width: 55px; height: 2px; background: #c71526;}
.first_area .mdltxt>p{font-size: 22px; color: #000; line-height: 32px;}
.first_area .mdltxt>span {font-size: 19px; color: #000; line-height: 32px;}
.first_area .bottomtxt{padding-top: 40px; padding-bottom: 0;}
.first_area .bottomtxt>p{font-size: 17px; color: #333; line-height: 30px; margin-bottom: 16px;}
.bgc{background-color: #f5f5f5;}
.second_area .article{padding: 55px 0; width: 25%; float: left; text-align: center;}
.second_area .artimg{margin: 0 auto;width: 60px; height: 60px; }
.second_area .artimg>img{width: 100%; margin:0 auto;}
.second_area .ai2>img {padding-top:13%; }
.second_area .arttbox{width: 180px;margin: 10px auto 0;}
.second_area .center{overflow: hidden; }
.second_area .leftnum{float: left; margin: 0 5px;}
.second_area .leftnum>h3{width: 170px;font-size: 40px; color:#c71526; font-weight:700; text-align: center; line-height: 40px; padding: 10px 0;}
.second_area .righttxt{float: left; margin: 0 5px;}
.second_area .righttxt>p{width:170px; padding: 10px 0;font-size: 14px;color: #333;line-height: 20px;}
.bs_area .third_area{padding-top: 50px; padding-bottom: 150px;}
.third_area .leftarea{width: 70%; float: left; padding-right: 60px;}
.third_area .txtbox{padding: 20px 0;}
.third_area .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;}
.third_area .bottomtxt{padding-top: 40px;}
.third_area .bottomtxt>p{font-size: 14px; line-height: 20px; color: #999;}
.tb2 .toptxt>h3{font-size: 42px; line-height: 48px;}
.tb2 .toptxt>h3>span{color: #c71526;}
.tb2 .bottombox{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.tb2 .boxarticle{float: left;width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 50px; margin-top: 40px;}
.tb2 .boximgwrap{width: 51px; height: 51px;}
.tb2 .boximgwrap>img{width: 100%;}
.tb2 .boxtxtwrap{width: 85%; padding-left: 10px;}
.tb2 .boxtxtwrap p{font-size: 14px; color: #999; line-height: 20px;}
.tb2 .boxtxtwrap .p1{font-size: 16px; color: #333; line-height: 48px;}
.third_area .rightarea{width: 30%; float: right;}
.third_area .rightarea>.imgwrap{width: 100%; height: 630px; background-image: url('../../img/business/area_section3_img2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
@media screen and (max-width:1199px){
/*    br{display: none;}*/
    .second_area .righttxt>p>br{display: block;}
    .bs_area .first_area .leftarea{width: 100%;}
    .bs_area .first_area .rightarea{width: 100%; margin-top: 40px; padding-left: 0;}
    .first_area .rightarea{padding-left: 40px;}
    .third_area .leftarea{width: 100%;float: inherit; margin-top: 40px; padding-right: 0;}
    .third_area .rightarea{float: inherit;padding-bottom: 40px;}
    .third_area .rightarea{width: 100%; float: left;}
    .third_area .rightarea>.imgwrap{width: 100%; height: 500px; background-image: url('../../img/business/area_section3_img2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
}
@media screen and (max-width:920px){
    .bs_area .section{padding: 30px 0;}
    .bs_area .third_area{ padding-bottom: 150px;}
    .second_area .article{width: 50%; margin-top: 0;}
    .third_area .rightarea>.imgwrap{width: 100%; height: 400px; background-size:auto ;}
    .second_area .article:nth-child(1){border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .second_area .article:nth-child(2){border-bottom: 1px solid #ddd;}
    .second_area .article:nth-child(3){border-right: 1px solid #ddd;}
}
@media screen and (max-width:768px){
    .first_area .mdltxt>p>br{display: block;}
    .third_area .toptxt>h3{word-break: keep-all;}
    .tb2 .boxarticle{width: 48%;padding-right: 0; margin-top: 20px;}
    .tb2 .boxarticle:nth-child(1){margin-right: 2%;}
    .tb2 .boxarticle:nth-child(3){margin-right: 2%;}
    .bs_area .third_area{ padding-bottom: 100px;}
}
@media screen and (max-width:650px){
    .first_area .toptxt>h2{font-size: 32px;}
    .tb2 .boxarticle{width: 100%; margin: 30px 0;}
    .tb2 .boxarticle:nth-child(1){margin-right:0;}
    .tb2 .boxarticle:nth-child(3){margin-right:0;}
    .third_area .toptxt>h3{font-size: 32px;}
    .third_area .rightarea>.imgwrap{height: 300px;}
    .first_area .bottomtxt{padding-bottom: 40px;}
    .second_area .inner{padding: 0;}
}
@media screen and (max-width:500px){
    .mdlTxt>h2{font-size: 24px!important;}
    .ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 28px;}
    .ing_bnr_Wrap>.bnrtxtwrap>p{font-size: 16px;}
    .bs_area .section{padding: 10px 0;}
    .first_area .toptxt>h2{font-size: 28px; line-height: 36px;}
    .first_area .toptxt>h2>br{display: block;}
    .first_area .mdltxt>p{font-size: 16px;}
    .first_area .mdltxt>span {font-size: 14px; display: block; margin-bottom: 50px; line-height: 24px; }
    .first_area .mdltxt>p br{display: none;}
    .first_area .bottomtxt>p{font-size: 12px;}
    .first_area .bottomtxt{padding-bottom: 40px;}
    .third_area .toptxt>h3{line-height: 36px; font-size: 28px;}
    .second_area .article{width: auto; padding: 25px 0; position:relative; left: 50%; top: 50px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .bgc{padding: 40px 0;}
    .second_area .artimg{float: left;}
    .second_area .arttbox{float: left}
    .second_area .arttbox{margin: 0;}
    .second_area .leftnum{margin: 0 35px;}
    .second_area .arttbox{width: auto;}
    .tb2 .boxarticle{margin: 20px 0;}
    .bs_area .third_area{ padding-bottom: 80px; padding-top: 60px;}
    .second_area .article:nth-child(1){border-right: none; border-bottom: none}
    .second_area .article:nth-child(2){border-bottom: none;}
    .second_area .article:nth-child(3){border-right: none}
}
@media screen and (max-width:400px){
    .third_area .rightarea>.imgwrap{height: 250px;}
    .tb2 .boxarticle{margin: 15px 0;}
}

/* table */
.contents {
    position: relative;
    /* width: 1140px; */
    margin: 0 auto; }
.product_cont3{}
        .product_tit2{font-size: 28px;padding: 80px 0 36px 0;text-align: center;letter-spacing:-0.5px;} 
        .product_tit3{font-size: 28px;padding: 0px 0 36px 0;text-align: center;letter-spacing:-0.5px;} 
        .product_cont3 table{border-top:1px solid #151515; font-weight: 300;}
        .product_cont3 table th{  min-height: 40px; vertical-align:middle;background: #ececec;font-size: 17px; font-weight: 500; padding: 15px 0; color:#151515;border-bottom:1px solid #f5f5f5; border-right:1px solid #e6e6e6;}
        .product_cont3 table td{ padding:15px 20px; color: #000; min-height: 40px;vertical-align:middle;background: #fff; font-size: 16px;;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6; text-align: center;}
        .product_cont3 table td b { font-weight: 500;}
        .product_cont3 table td ul li { list-style:disc !important;}
        .product_cont3 table td span { font-weight: 500; display: block; color: #014a98; padding-bottom: 10px; }
        .product_cont3 table td.f9{background: #ececec; font-weight: 600;}
        .product_cont3 table td.tl{text-align:left;padding-left: 30px;}
        .product_cont3 table .br{border-right:none;}

        .product_cont3 table{border-top:1px solid #151515; font-weight: 300; width: 100%;}
        .product_cont3 table.vt th{height: 45px;vertical-align:middle;background: #f0f0f0;font-size: 17px;color:#151515;border-bottom:1px solid #ddd; border-right:1px solid #e6e6e6;}
        .product_cont3 table.vt td{ padding:15px 20px; color: #000; min-height: 45px;vertical-align:middle;background: #fff; text-align: left; font-size: 16px;;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
        .product_cont3 table.vt td span { font-weight: 500; display: block; color: #014a98; padding-bottom: 10px; }
        .product_cont3 table.vt td.tl{text-align:left;padding-left: 30px;}
        .product_cont3 table.vt .br{border-right:none;}


/* 인력 */
.company_info  { width:100%; height:auto;  }
.company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat; margin-bottom: 50px;} 
.company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.company_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; padding-top:100px; display: block; }
.company_info .Ideology { width:100%; padding-bottom:100px; padding-top: 70px;}
.company_info .Ideology .inner { max-width:1240px; margin:auto; clear:both;}
.company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.company_info .Ideology .inner .point{color: #06F;}
.company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd}
.company_info .Ideology dl:last-child { border:0}
.company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#b4282e}
.company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; text-align:center} 
.company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.02em; color:#555}

.company_info .Ideology2 { width:100%; padding-bottom:70px;}
.company_info .Ideology2 .inner { max-width:1240px; margin:auto; clear:both;}
.company_info .Ideology2 .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.company_info .Ideology2 .inner .point{color: #06F;}
.company_info .Ideology2 .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.company_info .Ideology2 dl { float:left; width:32.74%; border:1px solid #ddd; min-height: 300px; margin-right: 10px;}
.company_info .Ideology2 dl:last-child { margin-right:0}
.company_info .Ideology2 dl dt { padding:36px 0; font-size:20px; font-weight:bold; text-align:center;  margin-bottom: 16px; background: #e54e53; color: #fff;} 
.company_info .Ideology2 dl dt span { font-size:14px; font-weight:600; color: #eee;} 
.company_info .Ideology2 dd { line-height:2.2; text-align:left; padding-left: 14px; font-size:15px; font-weight:400; letter-spacing:-0.02em; color:#555}
.company_info .Ideology2 dd b { font-weight: 600;}

@media (max-width: 960px){
	.company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;}
	.company_info .work_page ul li:last-child { margin-right:0}
	.company_info .work_page ul li:nth-child(2n+2) {margin-right:0;}
	.company_info .Ideology dl { width:100%; padding-bottom:30px; clear:both}
	.company_info .Ideology2 { padding-bottom:40px;}
	.company_info .Ideology2 dl { width:100%; min-height: 270px; margin-right: 0px; margin-bottom: 20px; clear:both}
}
@media (max-width: 640px){
	.company_info .img_page  { background-size:cover; height:300px}
	.company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;}
}