@charset "utf-8";

/* 채용정보 */
.people{position:relative; background:url(../images/content/bg_people.png)no-repeat center top 68px;}
.people.bg-none{background:none;}
.people .slogan01{position:absolute; left:0; right:0; text-align:center; font-weight:600;}
.people .slogan02{position:absolute; top:314px; text-align:right; font-weight:600;}
.people .slogan03{position:absolute; right:30px; top:330px; font-weight:600;}
.people .slogan04{position:absolute; left:320px; top:760px; text-align:center; font-weight:600;}
.people .slogan05{position:absolute; right:320px; top:760px; text-align:center; font-weight:600;}
.people .slogan-center{font-size:17px; color:#111; text-align:center; padding:460px 0 306px 0; font-weight:600;}

.content.people .row{height:360px; display:flex; flex-direction:column; justify-content:center;}
.content.people .row.image01{background:url(../images/content/img_policy01.png)no-repeat left center; padding-left:660px;}
.content.people .row.image02{background:url(../images/content/img_policy02.png)no-repeat right center;}
.content.people .row.image03{background:url(../images/content/img_policy03.png)no-repeat left center; padding-left:660px;}
.content.people .row .title{font-size:27px; color:#111;}
.content.people .row span{display:inline-block; font-size:17px; color:#444; margin-top:10px; margin-top:10px; font-family:'NotoSansDemiLight';}

.content.program .row{display:flex; justify-content:space-between; margin-top:80px; min-height:180px;}
.content.program .row:first-child{margin-top:0;}
.content.program .row .program-box{width:590px; margin-left:20px; padding:0 0 0 264px;}
.content.program .row .program-box:first-child{margin-left:0;}
.content.program .row .program-box .program{font-size:21px; color:#111; margin-bottom:20px; padding-top:10px;}
.content.program .row .program-box .info{display:block; font-size:15px; line-height:1.7; font-family:'NotoSansDemiLight';color:#444; background:url(../images/content/bar_gray5x3.png)no-repeat left center; padding-left:12px;}
.content.program .row .program-box.program01{background:#fff url(../images/content/icon_program01.png)no-repeat left center;}
.content.program .row .program-box.program02{background:#fff url(../images/content/icon_program02.png)no-repeat left center;}
.content.program .row .program-box.program03{background:#fff url(../images/content/icon_program03.png)no-repeat left center;}
.content.program .row .program-box.program04{background:#fff url(../images/content/icon_program04.png)no-repeat left center;}
.content.program .row .program-box.program05{background:#fff url(../images/content/icon_program05.png)no-repeat left center;}

.content.benefit .row{display:flex; justify-content:space-between; margin-top:40px;}
.content.benefit .row:first-child{margin-top:0;}
.content.benefit .row .benefit-box{width:590px;margin-left:20px; border:1px solid #e0e0e0; padding:32px 40px;}
.content.benefit .row .benefit-box:first-child{margin-left:0;}
.content.benefit .row .benefit-box .title{font-size:24px; color:#111; margin-bottom:30px;}
.content.benefit .row .benefit-box .info{display:block; font-family:'NotoSansDemiLight'; font-size:15px; line-height:1.7; color:#444; background:url(../images/content/bar_gray5x3.png)no-repeat left top 11px; padding-left:12px;}
.content.benefit .row .benefit-box.benefit01{background:url(../images/content/icon_benefit01.png)no-repeat right 40px bottom 40px;}
.content.benefit .row .benefit-box.benefit02{background:url(../images/content/icon_benefit02.png)no-repeat right 40px bottom 40px;}

/* 회사 소개 */
.bg-introduce.image01{height: 550px; background:url(../images/content/img_introduce01.png)no-repeat center center; background-size: cover;}
.bg-introduce.image02{height: 550px;background:url(../images/content/img_introduce02.png)no-repeat center center; background-size: cover;}
.bg-introduce .small{display:block; font-size:30px; color:#fff; text-align:center;}
.bg-introduce .medium{display:block; font-size:48px; color:#fff; text-align:center;}
.bg-introduce.image01 .small{padding-top:150px;}
.bg-introduce.image01 .medium{padding-top:20px; padding-bottom:102px; font-family: 'OpenSansSemibold';}
.bg-introduce.image02 .small{padding-top:200px;}
.bg-introduce.image02 .medium{padding-top:40px; }
.blank_box{margin-top:730px;}

.introduce.introduce01{overflow:hidden; width:989px; height: 443px; margin: 0 auto; background:url(../images/content/bg_introduce01.png)no-repeat;}
.introduce.introduce01:after{clear:both; content:''; display:block;}
.introduce.introduce01 .left{width:410px; text-align:center; float:left; margin-left:6px;}
.introduce.introduce01 .center{width:444px; text-align:center; float:left; margin-left:-130px;}
.introduce.introduce01 .right{width:317px; text-align:center; float:left; margin-left:-82px;}
.introduce.introduce01 .line-text{display:inline-block; border-bottom:1px solid #fff; font-size:27px; color:#fff;}
.introduce.introduce01 .line-text.line-text01{padding-top:240px;}
.introduce.introduce01 .line-text.line-text02{padding-top:265px;}
.introduce.introduce01 .line-text.line-text03{padding-top:265px;}
.introduce.introduce01 .num-text{display:block; font-size:38px; color:#fff;}
.introduce.introduce01 .num-text.num-text01{padding-top:40px;}
.introduce.introduce01 .num-text.num-text02{padding-top:40px;}
.introduce.introduce01 .num-text.num-text03{padding-top:40px;}
.img_title.first{margin-top:75px;}

.introduce.introduce02{width:1200px; margin: 0 auto;  display:flex; justify-content:space-around; margin-bottom:94px;}
.introduce.introduce02 .left{width:33.3%; background:url(../images/content/icon_introduce02_01.png)no-repeat center top;}
.introduce.introduce02 .center{width:33.3%; background:url(../images/content/icon_introduce02_02.png)no-repeat center top;}
.introduce.introduce02 .right{width:33.3%; background:url(../images/content/icon_introduce02_03.png)no-repeat center top;}
.introduce.introduce02 .text01{display:block; padding-top:216px; font-size:24px; color:#111; text-align:center;}
.introduce.introduce02 .text02{display:block; margin-top:16px; font-size:15px; color:#444; text-align:center;}

.introduce.introduce03{display:flex; padding:70px 0 60px 0; background:url(../images/content/bg_introduce03.png)no-repeat center center;}
.introduce.introduce03 .left{width:190px; padding-top:436px; text-align:center; margin-left:276px;}
.introduce.introduce03 .center{width:190px; text-align:center; margin-left:62px;}
.introduce.introduce03 .right{width:190px; padding-top:436px; text-align:center; margin-left:60px;}
.introduce.introduce03 .text01{display:block; font-size:21px; color:#111;}
.introduce.introduce03 .text02{display:block; font-size:15px; color:#444; margin-top:12px;}

.content.greeting .bg_greeting{height: 628px;width:100%; background:url(../images/content/bg_greeting.png)no-repeat #6d7374 top center;}
.content.greeting .bg_greeting .text_area{width:1200px; padding-top:90px; margin: 0 auto; text-align: left;}
.content.greeting .bg_greeting .text01{font-size:44px; color:#fff; }
.content.greeting .bg_greeting .text02{width:600px; margin-top:50px; font-size:17px; color:#fff; line-height:1.75; text-align:justify;}
.content.greeting .bg_greeting .name{margin-top:28px; font-size:19px; color:#fff;}
.content.greeting .section-text{width:1200px; margin: 0 auto; padding-top:60px; display:flex; justify-content:space-between;}
.content.greeting .section-text .left,
.content.greeting .section-text .right{width:47%; text-align:justify;}
.content.greeting .section-text .subject{font-size:26px; color:#111;}
.content.greeting .section-text .paragraph{margin-top:20px; font-size:17px; color:#444;}

.content.history{display:flex; background:url(../images/content/bg_history_line1x1.png)repeat-y center center; padding-top:100px;}
.content.history .history-text{position:relative; width:50%; text-align:right; padding-right:62px;}
.content.history .year{position:absolute; top:-18px; right:-12px; padding-right:74px; font-size:38px; color:#111; background:url(../images/content/icon_years.png)no-repeat right center;}
.content.history .line-none{position:absolute; top:-100px; right:-1px; width:1px; height:100px; background-color:#fff;}
.content.history .history-text .history-list{margin-top:74px;}
.content.history .history-text .history-list li{font-size:15px; color:#444; padding:6px 0;}
.content.history .history-text .history-list li:first-child{padding-top:0;}
.content.history .history-image{width:50%; padding-left:62px; padding-top:78px;}
.content.history .history-image img:first-child{margin-bottom:20px;}

.content.history.even .year{position:absolute; top:-18px; left:-12px; padding-left:74px; font-size:38px; color:#111; background:url(../images/content/icon_years.png)no-repeat left center;}
.content.history.even .history-text{text-align:left; padding-left:62px; padding-right:0;}
.content.history.even .history-image{padding-right:62px; padding-left:0; text-align:right;}
.content.history.even .history-image .small-image img:first-child{margin-right:10px;}
.content.history.even .history-image .small-image{margin-top:-6px;}

/* 홍보센터 */
.content.brochure{width: 1200px; margin: 0 auto;  background:url(../images/content/bg_brochure.png)no-repeat center top 70px;}
.content.brochure .download_area{padding-top:645px;}
.content.brochure .download_area .btn_download{background-color:#ff0000; display: inline-block; border:1px solid #ff0000; height:50px; line-height:48px; padding:0 44px; font-size:19px; color:#fff; margin-left:777px;}

/* 고객지원 */
.content.inquiry .row{display:flex; justify-content:space-between; margin-top:20px;}
.content.inquiry .row:first-child{margin-top:0;}
.content.inquiry .row .inquiry-box{width:590px; margin-left:20px; border:1px solid #e0e0e0; padding:48px 0 50px 264px;}
.content.inquiry .row .inquiry-box:first-child{margin-left:0;}
.content.inquiry .row .inquiry-box .name{font-size:24px; color:#111; margin-bottom:30px;}
.content.inquiry .row .inquiry-box .info{display:block; font-size:15px; line-height:1.7; color:#444; background:url(../images/content/bar_gray5x3.png)no-repeat left center; padding-left:12px;}

.content.inquiry .row .inquiry-box.inquiry01{background:url(../images/content/icon_inquiry01.png)no-repeat left 84px center;}
.content.inquiry .row .inquiry-box.inquiry02{background:url(../images/content/icon_inquiry02.png)no-repeat left 82px center;}
.content.inquiry .row .inquiry-box.inquiry03{background:url(../images/content/icon_inquiry06.png)no-repeat left 100px center;}
.content.inquiry .row .inquiry-box.inquiry04{background:url(../images/content/icon_inquiry04.png)no-repeat left 104px center;}
.content.inquiry .row .inquiry-box.inquiry05{background:url(../images/content/icon_inquiry05.png)no-repeat left 100px center;}
.content.inquiry .row .inquiry-box.inquiry06{background:url(../images/content/icon_inquiry07.png)no-repeat left 100px center;}


/* 사업분야 */
.content .sub_title{position:relative;padding-bottom: 22px; color:#111; font-size: 28px; margin-bottom: 22px; text-align: center; font-family:'NotoSansMedium';}
.content .sub_title::after{position:absolute; left:48.5%; bottom:0; background-color:#ff0000; width: 37px; height: 4px; content: '';}
.content .text_area{text-align: center; margin-bottom: 40px;}
.content .text_area p{font-size: 15px; line-height: 24px;font-family: 'NotoSansDemiLight';}
.content .text_area .txt_high{font-size: 22px; color:#111; margin-bottom: 20px; line-height:31px; font-family:'NotoSansRegular';}

.text_tit_area{text-align: center;}
.text_tit_area h3{font-size: 31px; margin-bottom: 25px; font-family: 'NotoSansRegular';}
.board_area .board_text_area{padding: 0 0 40px; text-align: center;}
.board_area .board_text_area h4{font-family: 'NotoSansRegular'; font-size: 31px; color:#005bab;margin-bottom: 25px;}
.board_area .board_text_area .text_sub{font-size:19px;font-family: 'NotoSansRegular';}

.slide_business {width: 1200px; margin: 0 auto;}
.slide_business .slider-for{margin-bottom:50px; width: 1200px; height: 762px;}
.slide_business .slider-for .slick-track .slick-slide{height: 762px; border:1px solid #e0e0e0; display: table; text-align: center;}
.slide_business .slider-for .slick-track .slick-slide img{display:inline-block;  height: 762px;}
.slide_business .slider-for .slick-track .no_img {background:#e7e7e7; font-size:32px; color:#989898;}
.slide_business .slider-for .slick-track .slick-slide span{display:table-cell; text-align: center; vertical-align:middle;}
.slide_business .slider-for .slick-track .slick-slide span img{display:inline-block;}
.slide_business .slide_nav_area{margin-bottom:50px;}
.slide_business .slide_nav_area .slick-arrow{display:inline-block;background: url(../images/content/bg_common.png) no-repeat; font-size: 0;text-indent: -9999999; overflow:hidden;}
.slide_business .slide_nav_area .slick-arrow.slick-prev{position: absolute; left: 0px; top:34px; width:70px;height: 70px; background-position: 0 0;}
.slide_business .slide_nav_area .slick-arrow.slick-next{position: absolute; right:0px; top:34px; width:70px;height: 70px; background-position: -70px 0px;}
.slide_business .slide_nav_area .slick-list{width:979px; margin: 0 auto;padding: 0 !important;}
.slide_business .slide_nav_area .slick-slide{margin:0 12px; border:1px solid #fff; height:139px;text-align: center; border: 1px solid #e0e0e0; }
.slide_business .slide_nav_area .no_img {display: table; background:#e7e7e7; font-size:15px; color:#989898;}
.slide_business .slide_nav_area .no_img span{display:table-cell; text-align: center; vertical-align:middle;}
.slide_business .slide_nav_area .slick-slide img{display: inline-block; height:139px;}
.slide_business .slide_nav_area .slick-slide.slick-current{border:1px solid #ff0000;}
.slide_business .slide_nav_area .slider-nav .name{padding: 35px 0;}
.slide_business .detail_info{display:table; width:1200px; padding: 40px 0; border-top:1px solid #a7a9ac; border-bottom:2px solid #58595b;margin-bottom:65px;}
.slide_business .detail_info .title_area{display: table-cell; vertical-align:middle;padding-left: 75px; width: 250px;}
.slide_business .detail_info .list_area{display: table-cell;}
.slide_business .detail_info::after{clear: both; display: block; content: '';}
.slide_business .detail_info .detail_list{line-height: 2;font-family: 'NotoSansDemiLight';}
.slide_business .detail_info .detail_list li{position:relative;padding-left: 10px;}
.slide_business .detail_info .detail_list li::after{position:absolute; left:0px; top:16px; width: 4px;height: 2px; background:#666;content: '';}


/* 해외사업 */
.bg_global_map{height:688px;background: url('../images/content/bg_global_map.png') no-repeat;}
.list_global > ul{overflow: hidden;}
.list_global > ul >li{float: left; margin-right:26px; margin-bottom: 30px;position: relative; border:1px solid #e0e0e0;width:585px;}
.list_global > ul >li:nth-child(1),.list_global > ul >li:nth-child(2){height:303px;}
.list_global > ul >li:nth-child(3),.list_global > ul >li:nth-child(4),
.list_global > ul >li:nth-child(5),.list_global > ul >li:nth-child(6){height:329px;}
.list_global > ul >li:nth-child(7),.list_global > ul >li:nth-child(8){height:566px;}
.list_global > ul >li:nth-child(2n){margin-right: 0;}
.list_global > ul > li .flag{position: absolute; right:30px; top:30px; display:block; width:72px; height: 72px; background: url('../images/content/bg_common.png') no-repeat;}
.list_global > ul > li .guam{background-position:0 -80px;}
.list_global > ul > li .russia{background-position:-72px -80px;}
.list_global > ul > li .uae{background-position:-144px -80px;}
.list_global > ul > li .saudi{background-position:-216px -80px;}
.list_global > ul > li .ghana{background-position:-288px -80px;}
.list_global > ul > li .vietnam{background-position:-360px -80px;}
.list_global > ul > li .singapore{background-position:0px -152px;}
.list_global > ul > li .china{background-position:-72px -152px;}
.list_global > ul > li .con{padding:40px 50px;}
.list_global > ul > li .con h4{color: #ff0000;font-size: 32px; font-family: 'NotoSansMedium';}
.list_global > ul > li .con .title{font-size: 24px; margin-top:25px; color:#111;font-family: 'NotoSansMedium';}
.list_global > ul > li .con .eng{font-size: 19px; color:#111;font-family: 'NotoSansMedium';}
.list_global > ul > li .con .info{margin-top:10px;line-height: 26px;}
.list_global > ul > li .con .info li{position:relative;padding-left: 12px; font-size:15px;}
.list_global > ul > li .con .info li::before{position:absolute; left:0px; top:12px; width:5px; height:3px; background:#999;content: '';}

/* 사회공헌 */
.bg_social {width: 1200px; margin: 0 auto; position:relative; margin-top:140px; text-align:center; background: url('../images/content/bg_social01.png') no-repeat center top;}
.bg_social .subject{display:block; padding:250px 0; font-size:32px; text-align:center;}
.bg_social ul{position:absolute; top:0; right:0; bottom:0; left:0; font-size:24px; color:#111;font-family:'NotoSansDemiLight';}
.bg_social ul li:nth-child(1){position:absolute; top:-60px; left:0; right:0;}
.bg_social ul li:nth-child(2){position:absolute; right:170px; padding:290px 0;}
.bg_social ul li:nth-child(3){position:absolute; left:160px; padding:290px 0;}
.bg_social ul li:nth-child(4){position:absolute; bottom:-40px; left:0; right:0;}
.social_title_top{display:flex; align-items:center; width:100%; height:580px; background: url('../images/content/bg_social02.png') no-repeat top center; background-size:cover; }
.social_title_top  p{width: 1200px;margin: 0 auto;position:relative; color:#fff;font-size: 38px;padding-top:35px; font-family: 'NotoSansDemiLight';}
.social_title_top  p::before{position: absolute; top:0; left: 0; background: #fff; width: 43px; height: 4px; content:'';}
.list_social {width: 1200px; margin: 0 auto; padding-top:60px; overflow:hidden;}
.list_social li{float: left;width:548px; height: 220px; margin-right: 100px; margin-bottom: 40px; font-family: 'NotoSansDemiLight';}
.list_social li:nth-child(2n){margin-right: 0;}
.list_social li .con .tit{font-size: 21px; margin: 25px 0 15px; color:#111;font-family: 'NotoSansMedium';}
.list_social li .con .num{width: 60px; height: 60px; border:1px solid #a7a9ac;font-family: 'OpenSansBold'; font-size: 30px; color: #005bab; text-align: center;}
.list_social li .con .num span{position:relative;display: inline-block; height:54px; vertical-align:sub;}
.list_social li .con .num span::after{position: absolute; bottom:0; left: -4px; background: #005bab; width:26px; height:3px; content:'';}
.bg_social_present {width: 1200px; margin: 0 auto;  height:1350px; background: url('../images/content/bg_social03.png') no-repeat top center;}
.bg_social_present .title{padding-top:60px;height: 240px;}
.bg_social_present .title p{position:relative; color:#111;font-size: 38px;margin-left:38px; padding-top:35px; font-family: 'NotoSansDemiLight';}
.bg_social_present .title p::before{position: absolute; top:0; left: 0; background:#ff0000; width: 43px; height: 4px; content:'';}
/* .bg_social_present .list_present{overflow: hidden;} */
.bg_social_present .list_present:after{clear:both; content:''; display:block;}
.bg_social_present .list_present li{float: left; width:362px;}
.bg_social_present .list_present li:first-child{padding-top:334px;margin-left: 38px;}
.bg_social_present .list_present li:nth-child(2){padding-top:35px; margin-left:438px; height: 262px;}
.bg_social_present .list_present li:nth-child(3){padding-top:35px; margin-left:38px; height: 262px;}
.bg_social_present .list_present li:nth-child(4){padding-top:35px;margin-left:38px; height:268px;}
.bg_social_present .list_present li:nth-child(5){padding-top:342px;margin-left:10px; height:203px;}
.bg_social_present .list_present li:nth-child(6){padding-top:126px;margin-left:66px; height:174px;}
.bg_social_present .list_present li:nth-child(7){padding-top:35px;margin-left:438px;}
.bg_social_present .list_present li .font_w p{color:#fff;}
.bg_social_present .list_present li .con.font_w .tit {color:#fff;}
.bg_social_present .list_present li .con .tit{font-size: 21px; margin: 0px 0 15px; color:#111; font-family: 'NotoSansMedium';}
.bg_social_present .list_present li .con p{font-size:15px; font-family: 'NotoSansDemiLight';}

/*  홍보센터 */
.movie_area{width: 1200px; margin: 0 auto 50px;  border-bottom: 1px solid #cbcbcb;}
.movie_area .movie_inner{background:#444; width:1200px; height: 674px;}
.movie_area .no_movie {border: 1px solid #d3d3d3;display:table; width:1200px; height: 674px;background:#e7e7e7; font-size:32px; color:#989898;}
.movie_area .no_movie span{display:table-cell; text-align: center; vertical-align:middle;}
.movie_area .text_area{padding: 30px 20px; text-align: center;margin-bottom: 0; font-family: 'NotoSansDemiLight';}
.movie_list_area{width: 1200px; margin: 0 auto 30px;border-bottom: 1px solid #cbcbcb;}
.movie_list_area .list{position: relative; margin-right:25px; display:inline-block; width:380px; text-align: center; padding-bottom:40px;}
.movie_list_area a:last-child{margin-right:0;}
.movie_list_area .list span{display: block;}
.movie_list_area .list .text{margin-top: 20px; font-family: 'NotoSansDemiLight';}
.movie_list_area .list .mask{position:absolute; left:0px; top:0px;width:380px; height: 211px; background:url('../images/common/icon_play.png') no-repeat center center rgba(0, 0, 0, 0.5); }
.movie_list_area .list .mask img{margin-top:83px;}
.movie_list_area .list .no_movie{display: table-cell; width:380px; height:211px; text-align:center; vertical-align: middle; background: #e7e7e7; font-size: 15px; color: #989898; border: 1px solid #d3d3d3;}
.movie_list_area .list .img {border: 1px solid #d3d3d3;}
.movie_list_area .list .img img{width:380px; height: 211px;}

.tit_dot{position: relative;padding-left:25px; color:#111; font-size: 24px; font-family:'NotoSansMedium';}
.tit_dot::after{width:16px;height:16px; position:absolute; left:0px; top:9px; background: url('../images/content/dot1.gif') no-repeat; content: '';}

/*  stx건설 */
.bg_strategy{position: relative;width: 909px; margin: 0 auto; height:600px; background:url('../images/content/bg_introduce04.png') no-repeat center center;}
.bg_strategy .title{text-align: center; padding-top: 160px;color: #ff0000;font-size: 26px;font-family:'NotoSansMedium';}
.bg_strategy ul li{text-align:center; color:#fff;font-size: 21px;}
.bg_strategy ul li:nth-child(1){position:absolute; left:4.5%; top:26%;}
.bg_strategy ul li:nth-child(2){position:absolute; left:16%; top:64%;}
.bg_strategy ul li:nth-child(3){position:absolute; left:46.8%; bottom:7%;}
.bg_strategy ul li:nth-child(4){position:absolute; right:15.8%; bottom:28%;}
.bg_strategy ul li:nth-child(5){position:absolute; right:3.8%; top:26%;}

/* 기업문화 */
.bg_culture01{width:1200px; margin: 0 auto; height:750px; background:url('../images/content/bg_culture01.png') no-repeat top center;}
.bg_culture01 .text_area{padding-top:575px;}
.bg_culture02{float:left; width:580px;height: 570px;background:url('../images/content/bg_culture02.png') no-repeat top center;}
.bg_culture03{float:right; width:580px;background:url('../images/content/bg_culture03.png') no-repeat top center;}
.bg_culture02 .text_area, .bg_culture03 .text_area{padding-top:400px;}
.bg_culture02 p, .bg_culture03 p{text-align: left;}
.culture_area .text_area .txt_high{font-size:24px;}
.culture_area .text_area p{font-size:17px; line-height: 26px;}

/* 조직안내 */
.bg_organization{width:1200px; margin: 0 auto; height:984px; background:url('../images/content/bg_organization.png') no-repeat top center;}

/* 윤리경영 */
.bg_ethics{width:100%;height:580px; background:url('../images/content/bg_ethics.png') no-repeat top center; background-size:cover;}
.bg_ethics .text_area{padding-top: 230px;}
.bg_ethics .text_area .txt_high{color:#fff; font-size:34px;line-height:47px;}
.bg_ethics .text_area p{color:#fff;font-size: 17px; line-height:26px;}
.list_ethics{padding-top:60px; width: 1200px; margin:0 auto;}
.list_ethics ul{overflow: hidden;}
.list_ethics ul li{float: left; width: 366px; padding-top:250px;}
.list_ethics ul li:nth-child(1){margin-top:100px; background:url('../images/content/icon_ethics01.png') no-repeat top center;}
.list_ethics ul li:nth-child(2){margin: 0 50px; background:url('../images/content/icon_ethics02.png') no-repeat top center;}
.list_ethics ul li:nth-child(3){margin-top:100px; background:url('../images/content/icon_ethics03.png') no-repeat top center;}
.list_ethics ul li .text_area .txt_high{text-align: center;font-size:24px;line-height:36px; margin-bottom: 20px;}
.list_ethics ul li .text_area p{text-align: justify; font-size:15px;line-height:26px;font-family: 'NotoSansDemiLight';}
.ethics_area.icon1{background:url('../images/content/icon_ethics04.png') no-repeat top center;padding-top:120px;margin-top:50px;}
.ethics_area.icon2{background:url('../images/content/icon_ethics05.png') no-repeat top center;padding-top:120px;margin-top:100px;}
.ethics_area .text_area .txt_high{font-size:24px;margin-bottom: 10px;}
.ethics_area .text_area p{font-size:17px; line-height: 26px;font-family: 'NotoSansDemiLight';}

/* 기업문화 */
.bg_culture{width:100%;height:657px; background:url('../images/content/bg_culture.png') no-repeat top center; background-size:cover;}
.bg_culture .text_area{padding-top:270px;}
.bg_culture .text_area .txt_high{color:#fff; font-size:34px;line-height:47px;}
.bg_culture .text_area p{color:#fff;font-size: 17px; line-height:26px;}
.list_culture{padding-top: 80px; width:1200px; margin: 0 auto;}
.list_culture ul{overflow: hidden;}
.list_culture ul li{float: left; width:550px; padding-top:197px;}
.list_culture ul li:nth-child(1){margin-right: 90px; background:url('../images/content/icon_culture01.png') no-repeat top center;}
.list_culture ul li:nth-child(2){background:url('../images/content/icon_culture02.png') no-repeat top center;}
.list_culture ul li .text_area .txt_high{text-align: center;font-size:24px;line-height:36px; margin-bottom: 20px;}
.list_culture ul li .text_area p{text-align: justify; font-size:17px;line-height:26px;font-family: 'NotoSansDemiLight';}

/* 안전·환경·품질경영 */
.manage_area{text-align: center;padding:100px 0; margin-top:30px;}
.manage_area .title{font-size:34px;color:#111;line-height: 42px;}
.manage_area .sub_text{font-size:21px;line-height: 32px;margin-top:35px;}
.manage_area .sub_text2{margin-top: 45px;font-size:21px;line-height: 32px;margin-top:35px;font-family: 'NotoSansMedium';}
.manage_area .dot_list{text-align: left; width: 515px; margin: 45px auto 0; font-size: 19px; font-family: 'NotoSansMedium';line-height: 32px;}
.manage_area .dot_list2{text-align: left; width:230px; margin: 45px auto 0; font-size: 19px;line-height: 50px;}
.manage_area .dot_list2.w250{width:250px;}
.manage_area .dot_list2.w280{width:280px;}
.manage_area .dot_list2.w300{width:300px;}
.manage_area .dot_list2.w350{width:350px;}
.manage_area .dot_list2.w470{width:470px;}
.manage_area .dot_list li{position:relative;padding-left:8px;}
.manage_area .dot_list li::after{position:absolute; left:0px; top:13px;width:4px; height:4px; border-radius: 50%;background:#484848;content: '';}
.manage_area .dot_list2 li{background:url('../images/content/dot2.png') no-repeat  left center;padding-left:42px; font-family: 'NotoSansMedium';}
.manage_area .inquiry-box.inquiry05{background:url('../images/content/icon_inquiry07.png') no-repeat left 100px center;}

.manage_area_add{display:flex; justify-content:space-around; margin-top:0px;}
.manage_area_add .row1{background:url(../images/content/ISO_14001_kor.jpg)no-repeat center; width:400px; height:566px;}
.manage_area_add .row2{background:url(../images/content/ISO_14001_eng.jpg)no-repeat center; width:400px; height:566px;}
.manage_area_add .row3{background:url(../images/content/ISO_45001_kor.png)no-repeat center; width:400px; height:566px;}
.manage_area_add .row4{background:url(../images/content/ISO_45001_eng.png)no-repeat center; width:400px; height:566px;}
.manage_area_add .row1 p {margin-top:566px;}
.manage_area_add .row2 p {margin-top:566px;}

.manage_area_add .row3{background:url(../images/content/ISO_9001_kor.jpg)no-repeat center; width:400px; height:566px;}
.manage_area_add .row4{background:url(../images/content/ISO_9001_eng.jpg)no-repeat center; width:400px; height:566px;}
.manage_area_add .row3 p {margin-top:566px;}
.manage_area_add .row4 p {margin-top:566px;}




/* CI소개 */
.ci_area{text-align:center; padding:60px 0; margin-top:30px;}
.ci_area .sub_text{margin-top: 30px; font-size: 15px; line-height: 24px;font-family: 'NotoSansDemiLight';}
.ci_area .sub_text strong{color:#111;}
.ci_area .sub_text em{color:#ff0000;}
.ci_area2{text-align:center; font-family: 'NotoSansDemiLight';}
.ci_area2 .sub_text{font-size: 15px; line-height: 24px;}
.ci_box{float: left; text-align:center; margin-bottom: 25px;}
.ci_box.right{float: right;}
.ci_box .title{font-size:19px;color:#111;font-family: 'NotoSansMedium'; margin-bottom: 15px;}
.color_list li div{width: 540px; padding: 14px 20px; color:#fff; height:22px; font-size:14px; text-align: left;}
.color_list li .color1{background: #ff0000;}
.color_list li .color2{background: #005bab;}
.color_list li .color3{background: #58595b;}
.color_list li .color4{background: #a7a9ac;}
.color_list li .color5{background: #dcddde;}
.color_list li .color6{background: #bd9a59;}
.color_list li .txt{ text-align: left; font-size:14px; margin-left: 10px; margin-top:15px; letter-spacing: -0.5px; margin-bottom: 30px;}
.bg_color1{width:390px; height: 244px; background:url('../images/content/img_ci01.png') no-repeat  left top;}
.bg_color2{margin: 0 36px; width:343px; height: 244px; background:url('../images/content/img_ci02.png') no-repeat  left top;}
.bg_color3{width:392px; height: 244px; background:url('../images/content/img_ci03.png') no-repeat  left top;}
.bg_color4{height:599px; background:url('../images/content/img_ci04.png') no-repeat  center top;}
.bg_color5{margin-top: 65px;height:599px; background:url('../images/content/img_ci05.png') no-repeat  center top;}

/* 찾아오시는길 */
.map_area .map{height: 900px; border: 1px solid #999; margin-top: 30px;}
.map_area .map.map1{background:url('../images/content/img_map1.png') no-repeat  center top;}
.map_area .map.map2{background:url('../images/content/img_map2.png') no-repeat  center top;}
.map_area .map_info{position:relative; margin-top: 45px;}
.map_area .map_info ul{padding-left:95px; background:url('../images/content/icon_pin.png') no-repeat  2% top; line-height: 36px; font-family: 'NotoSansDemiLight';}
.map_area .map_info .btn_area{position:absolute;right:0; top:-45px; text-align: right;}
.map_area .map_info .btn_area a{display: block;text-align: center; width: 128px;}
.map_area .map_info .btn_area button{margin-top: 5px;}


/* text type */
.point_red{color:#ff0000;}
.point_blue{color:#005bab;}
.top_sentence{padding-bottom:20px; background:url(../images/common/bg_sentence.png)no-repeat center bottom;}
.top_sentence.bg_none{padding-bottom:40px; background:none;}
.top_sentence h3{font-size:28px; text-align:center;}
.top_sentence p{font-size:28px; text-align:center;}
.top_explain{margin:28px 0 36px 0;}
.top_explain p{font-size:17px; color:#444; line-height:1.5; text-align:center;}
.tab_explain{font-size:15px; color:#444; margin-top:20px;}
.img_title{margin-top:78px; margin-bottom:40px; text-align:center; font-size:30px; color:#111;}

/* anchor */
.tab_area.type_anchor{margin-bottom:0;}
.tab_area.type_anchor ul li a{width:238px;}
.tab_area.type_anchor ul li a:hover{border:1px solid #ff0000; color:#ff0000;}
