@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* common */
.sub h1{}
.sub h2{}
.sub h3{}
.sub h4{}
.sub h5{}
.sub h6{}

div[class^="area_"] p
section[class^="area_"] p,
article[class^="area_"] p,
div[class^="area_"] li,
article[class^="area_"] li{line-height:1.7; font-weight:300; color:#555; letter-spacing: -0.05em;}

#content .mob_info{padding:5px 5px; background:#f1f1f1; font-weight:600; font-size:13px; color:#444;}

/* board */
ul.bbsList{border-top-color:#152f53;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#152f53;}
ul.bbsList li .more em,
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color:#152f53;}
ul.bbsList li .notice{background:#152f53;}

.pagination span{color:#152f53; border-color:#152f53;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background:#f9f1f2; border-color:#f9f1f2;}

.faqList dt.on:before{background:#152f53;}

.bbsTitle_cont > i{color:#c6a582; border-bottom-color:#c6a582;}

.inr_pagination > a:hover > em{color: #c6a582;}
#content.sub{position:relative; padding:100px 0}
#content.sub.pdb0{padding-bottom:0;}
.sub_tit{margin-bottom:40px; text-align:center; font-size:42px; color:#000}
.add{margin-top:-15px; margin-bottom:40px; text-align:center; font-size:18px;}

.colum4{display: flex;justify-content: flex-start; flex-wrap: wrap;}
.colum4 > li {width: -webkit-calc((100%/4) - 31px); width: calc((100%/4) - 31px); margin-right: 41px;}
.colum4 > li:nth-child(4n) {margin-right: 0;}
.colum4 > li:nth-child(4) ~ li {margin-top: 30px;}
.colum4 > li img{width:100%;}

.list02 > li{position:relative; line-height:1.7; padding-left:13px; margin-bottom:7px;}
.list02 > li:before{content:""; position:absolute; left:0; top:12px; width:5px; height:1px; margin-right:5px; background:#555;}
.list01 > li{overflow: hidden; position:relative; line-height:1.7; padding-left:13px; margin-bottom:7px; text-align: left; font-size: 18px;}
.list01 > li:before{content:""; position:absolute; left:0; top:10px; width:4px; height:4px; margin-right:5px; background:#777; border-radius:50%;}
.list01 > li:last-child{margin-bottom:0}

/* page navigation */
.area_navigation{position:absolute; right:0; bottom:30px; text-align:right; z-index: 5;}
.area_navigation ul{ overflow:hidden; text-align:right;display: flex;justify-content: flex-end;}
.area_navigation ul li{position:relative; float:left; line-height:1; padding:0 15px; font-size:15px; color:#333;}
.area_navigation ul li img{display:inline-block; position:relative; top:1px; height:12px; vertical-align:top;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:after{content:""; position:absolute; right:-3px; top: 4px; display:block; width: 0px;height: 0px;border-left:6px solid #ccc;border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.area_navigation ul li:last-child:after{display:none;}
.area_navigation ul li:last-child{padding-right:0;font-weight:500}
.area_navigation ul li:first-child img{opacity:0.5}

/* lnb */
.lnb{overflow:hidden; position:absolute; bottom:-1px; width:100%;}
.lnb .wrapper{position:relative; background:#fff; text-align:center;}
.lnb .wrapper:before{ content: ''; position: absolute; right: -25%; top: 0; background-color: #fff; width: 25%; height: 100%; }
.lnb .inr{display:flex; overflow:hidden; width:1200px; margin:0 auto;border-bottom: 1px solid #Ddd;}
.lnb .inr li{margin-right:50px;}
.lnb .inr li a{padding-top:40px; padding-bottom:20px; display:block; font-size:18px; font-weight:500; color: #777;}
.lnb .inr li.active a{color:#e0002a; border-bottom:3px solid #e0002a; font-weight:600}
.lnb .wrap{position:relative; }

/* sub visual */
.area_subVisual{position:relative; height:500px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; text-align:center;}
.area_subVisual > .wrapper{position:relative;height:500px; }
.area_subVisual h2{margin-bottom:10px; color:#fff; padding-top:180px; font-size:40px;}
.area_subVisual p{opacity:0.6; font-size:20px; color:#fff; font-weight:300; letter-spacing:2px;}

/* map default */
.area_map .map_style{padding:0; border:none; border-bottom:1px solid #ccc;}
.area_map .map_style .wrap_controllers{display:none;}

/* 이용약관 */
body.policy #header{background:#333;}
.area_policy{padding-top:100px;}
.area_policy h2{padding:30px 0;font-size:40px;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20px;font-weight: 700;font-size:17px;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15px; color:#666;}
.area_policy p{line-height:1.6; font-size:14px;}
.area_policy ul li{margin-bottom:8px;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5px; margin-bottom:20px;}
.area_policy ul li ul li{margin-bottom:2px; font-size:15px;}
.area_policy .inr_policy{padding:40px 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* ceo greeting */
.ceo_bg{background: url(../../images/content/greeting_ob02.svg) no-repeat right -5% bottom -5%;background-size: 480px;}
.area_ceogreeting h3{text-align:center; font-size:35px; color:#111; font-weight:300}
.area_ceogreeting h3 span{position:relative; display:inline-block;}
.area_ceogreeting h3 span:before{z-index: -1; content:''; position:absolute; left:-10px; top:-25px; display:block; width:100px; height:66px; background:url(../../images/content/greeting_ob01.svg) no-repeat}
.area_ceogreeting .top_img{position:relative; width:1650px; height:515px;margin:.0 0 130px 0; background-size:cover; background-position:50%; float: right;}
.area_ceogreeting .top_img:after{z-index:-1; content:''; position:absolute;left: -50px; bottom:-50px; display:block; width:220px; height:220px; background:#e0002a}
.area_ceogreeting .top_img:before{content:'CEO GREETING'; position:absolute;left: -100px; top:50px; color:#cacaca; font-size:18px; font-weight:bold;transform: rotate(-90deg);}
.area_ceogreeting .text{overflow:hidden;}
.area_ceogreeting .text > div{width:960px;margin: 0 auto;}
.area_ceogreeting .text > div p{line-height:1.8; font-size:18px; color:#454545}
.area_ceogreeting .text > div span{display:flex; align-items: center; margin-top:80px; font-size:18px; color:#111;}
.area_ceogreeting .text > div span b{margin-right:20px;}

/* history */
.area_history .top_img{position:relative; width:1400px; height:400px; margin:0 auto;background-size: cover;background-position:60% 100%;}
.area_history h3{line-height: 1.5; margin-bottom:60px; text-align:left; font-size:40px; color:#111; font-weight:300}
.his_wrap{position:relative; width:1200px; margin:0 auto 0 auto;}
.his_wrap .his_text{position:relative; width:270px; height:175px;line-height:56px; padding-top:50px; background:#e0002a; box-shadow:20px 24px 33px rgba(0 0 0 / 15%); font-size:40px; color:#fff; text-align:center; letter-spacing:-.02em; border-radius:0;}
.his_wrap .his_text span{display:block; padding-left:50px; text-align:left;}
.his_wrap .his_text span + span{margin-top:20px; padding-left:76px;}
.his_wrap .inr .his_box:after{content:''; position:absolute; top:0; left:0; width:7px; height:7px; background:#fff; border:4px solid #e0002a; border-radius:50%;}
.his_wrap .inr .his_box{position:relative; overflow:hidden; margin-top:50px;}
.his_wrap .inr .his_box .year{float:left; line-height:1; padding-left:45px; font-weight:bold; font-size:25px; color:#212121; letter-spacing:-.02em;}
.his_wrap .inr{display:table; position:relative; padding-top:60px; padding-left:128px;}
.his_wrap .inr .his_box .cont{float:left; width:700px; margin-left:60px; word-break:keep-all;}
.his_wrap .inr .his_box:last-child:before{display:none;}
.his_wrap .inr:before{content:''; position:absolute; top:0; left:135px; z-index:-1; width:1px; height:100%; background:#d3d3d3;}
.his_wrap .inr .his_box:after{content:''; position:absolute; top:4px; left:0; width:7px; height:7px; background:#fff; border:4px solid #e0002a; border-radius:50%;}
.his_wrap .inr .his_box .cont p{display:flex; position:relative; top:-5px; line-height:38px; font-size:18px; color:#121212; letter-spacing:-.02em;}
.his_wrap .inr .his_box .cont p b{width:50px;color: #aaa;}
.his_wrap .inr .his_box .cont p i{width:calc(100% - 50px)}
.his_wrap .inr .his_box .cont .img{margin-bottom:25px;}
.his_wrap .inr .his_box .cont .img img{border:1px solid #ebebeb; max-width:100%;}
.tabAreas{position:relative; max-width:1400px; margin:0 auto;}
.tabAreas .tab {z-index:10; display: flex;justify-content: flex-end;position: absolute;right:30px;top: 70px;}
.tabAreas .tab li{margin-left:15px;}
.tabAreas .tab li a {padding:10px 30px; font-size: 18px; color: #666; border:3px solid #ddd; border-radius:30px; font-weight:600; }
.tabAreas .tab li.on a {background:#e0002a; border:3px solid #e0002a; color:#fff; }
.tabAreas .tabBox { margin-top: 35px; display: none; }
.tabAreas .tabBox.on { display: block; }

.fix_img{opacity:0;  z-index:-1; position:absolute; bottom:0; right:0; width:600px; transition:0.5s}
.fix_img.on{opacity:1; position:fixed; bottom:0; transition:0.5s}


/* ci */
.area_ci .box{display:flex; margin-bottom:80px;}
.area_ci .box h3{width:32%; font-size:35px; color:#000; font-weight: 800;}
.area_ci .box .ci_cont{box-sizing:border-box; width:68%; }
.area_ci .box .ci_cont h4{margin-bottom:20px; font-size:22px; color:#111;}
.area_ci .box .ci_cont .img{border:1px solid #e5e5e5; text-align: center;height: 300px;display: flex;align-items: center;justify-content: center;}
.area_ci .box .ci_cont .img ul{display:flex; justify-content: center; align-items: center; gap: 80px;}
.area_ci .box .ci_cont .img ul li{}
.area_ci .box .ci_cont .text h5{margin:30px 0 11px 0; font-size: 18px; font-weight:500; line-height: 1.7; letter-spacing: -0.03em; color:#111;}
.area_ci .box .ci_cont.ci01 img{height:130px;}
.area_ci .box .ci_cont.ci02 img{height:50px;}
.area_ci .box .ci_cont.ci03 .img{background:url(../../images/content/ci_bg.jpg) no-repeat; border:0; }
.area_ci .box .ci_cont.ci03 .img ul li:first-child img{display:block; height:70px;}
.area_ci .box .ci_cont.ci03 .img ul li:nth-child(2) img{display:block; height:130px;}
.area_ci .box .ci_cont.ci05 img{height:180px;}

.area_ci .box .ci_cont .list{margin-top:40px;}
.area_ci .box .ci_cont .color_list{display:flex;}
.area_ci .box .ci_cont .color_list > li{box-sizing:border-box; width:50%; padding:50px;}
.area_ci .box .ci_cont .color_list > li span{font-size:20px; color:#fff; font-weight:bold;}
.area_ci .box .ci_cont .color_list > li p{margin-top:45px; color:#fff;}
.area_ci .box .ci_cont .color_list > li.c1{background:#e1002a;}
.area_ci .box .ci_cont .color_list > li.c2{background:#231815;}

.down_ci{margin-top:60px;}
.down_ci a{display: inline-block;line-height: 1;padding: 20px 75px 20px 40px; font-weight:500;text-align: center;font-size: 16px;letter-spacing: -0.03em;color: #222;background: url(../../images/content/icon_down.svg) no-repeat center right 40px;background-size: 15px;border: 3px solid #ddd; transition:0.5s}
.down_ci a:hover{border: 3px solid #e0002a;transition:0.5s}

*[lang="en"] .area_ci .box .ci_cont .text h5{font-weight:700}

/* vision */
.area_vision .inr{display:flex;flex-direction: column;align-items: center;}
.area_vision .inr h3{margin-bottom:40px;  font-size:35px; color:#000; font-weight:600;}
.area_vision .inr .cont{box-sizing:border-box;}
.area_vision .line{}
.area_vision .box{background:#f9f9f9 url(../../images/content/ob03.svg) no-repeat center bottom; background-size:860px; margin-bottom:80px; padding:80px 0;  }

.area_vision img{max-width:100%;}

/* 오시는 길 */
.area_location{overflow:hidden;}
.map_list{display:flex; justify-content: center; margin-bottom:60px;}
.map_list li{margin:0 10px;}
.map_list a{display: inline-block; line-height: 1; padding:20px 45px; font-weight:500; text-align: center; font-size:18px; letter-spacing: -0.03em; color: #222;border: 3px solid #ddd; transition:0.5s;}
.map_list li.on a,
.map_list li:hover a{color: #fff; border: 3px solid #231815; background:#231815; transition:0.5s}

.map_inr{position:relative;}
.map_inr .in_box {position:relative; width: 1200px; margin: -80px auto;}

.map_inr .in_box > div{ width: 240px; height: 140px; padding-top: 40px; padding-left: 40px; background: #e0002a;}
.map_inr .in_box > div span{opacity:0.8; font-size:18px; color:#fff; letter-spacing: 3px; font-weight:600}
.map_inr .in_box > div p{margin-top:15px; font-size:28px; color:#fff; font-weight:600}
.map_text{float:right; width: 760px; margin-top:30px; border-top: 2px solid #121212;}
.map_text ul li{float:left; width:50%; display:flex; align-items: center; padding: 34px 0 40px; border-bottom:1px solid #d3d3d3; font-size:18px;}
.map_text ul li:first-child{width:100%}
.map_text ul li b{padding-right:20px;color:#111;}
.map_text ul li span{width: 35px;height:30px;}
.map_text ul li img{height:22px; vertical-align: text-top;}

/* 사업분야 */
.tab_list{display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-bottom: 0; border-right: 0; margin-bottom:90px;}
.tab_list li{box-sizing:border-box; width:25%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.tab_list li a{box-sizing: border-box; display:flex;align-items:center; justify-content:center; width:100%;  text-align:center; height:70px; font-size:18px; font-weight:600; background:#fff; position:relative;  word-break: break-word;}
.tab_list li.on a{  background:#231815; color:#fff; font-weight:600; box-shadow: 3px 3px 20px rgb(50 50 50 / 62%);}  

.area_steel{overflow:hidden;}
.area_steel .top_img{clear:both;}
.area_steel .top_img .img {position:relative; width:1650px; height:515px; background-size: cover; background-position:50%}
.area_steel .top_img .img > span{position:absolute;right: -130px;bottom: 83px; color:#cacaca; font-size:18px; font-weight:bold;transform: rotate(-90deg);height: 30px;width: 200px;}
.area_steel .top_img .img  > div{display:flex; content:''; position:absolute;right: 0; top:-80px;  width:220px; height:220px; background:#e0002a; color:#fff;flex-direction: column;align-items: center;justify-content: center;}
.area_steel .top_img .img  > div i{font-size:20px;}
.area_steel .top_img .img  > div p{font-size:40px;}
.area_steel .top_img .img  > div p b{font-size:60px;}
.area_steel .top_text{display: flex;justify-content: flex-start; overflow:hidden; box-sizing:border-box;width: 1180px;margin: 0 auto;padding: 0 90px 90px 0;align-items: flex-start;}
.area_steel .top_text h3{float: left;padding-right: 110px; font-size:35px; color:#111;font-weight: 800;line-height: 1.3;}
.area_steel .top_text p{float:left; font-size:18px}
.area_steel .box_text{clear:both; overflow:hidden; padding-top:100px;}
.area_steel .box_text h4{font-size:30px; color:#000; padding-bottom: 30px; letter-spacing: -0.05em;}

.area_steel .list_feature{display: flex; flex-wrap: wrap;}
.area_steel .list_feature li{box-sizing:border-box; width: 33.33%; border-left: 1px solid rgba(0,0,0,0.15); padding:16px 40px; color:#111; font-size:18px; font-weight:400 }
.area_steel .list_feature li:first-child{border:0; padding-left:0;}
.area_steel .list_feature li span{display: flex; color: #fff; align-items: center; justify-content: center; margin: 0 0 37px; font-weight:700; font-size:20px; width: 50px; height: 50px;background: #000;}

.list_business{display:flex; flex-wrap: wrap; gap: 3.5%;}
.list_business li{position:relative; width:31%; }
.list_business li img{width:100%;}
.list_business li p{margin-top:22px; margin-bottom:30px; font-size:20px; font-weight:700; color:#111;}
.list_portfolio li .img{position:relative;}
.list_portfolio li .img:before{opacity:0; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:0.5s}
.list_portfolio li:hover .img:before{opacity:0.7; transition:0.5s}

.grid li p{margin:22px 0 30px 0; font-size:20px; font-weight:700; color:#111;}

/* epc */
.area_epc{overflow:hidden;}
.area_epc .top_img{clear:both;}
.area_epc .top_img .img {position:relative;/* float:right; */ width:1650px; height:515px; background-size:cover; background-position:50%}
.area_epc .top_img .img > span{position:absolute;right: -130px;bottom: 83px; color:#cacaca; font-size:18px; font-weight:bold;transform: rotate(-90deg);height: 30px;width: 200px;}
.area_epc .top_img .img  > div{display:flex; content:''; position:absolute;right: 0; top:-80px;  width:220px; height:220px; background:#e0002a; color:#fff;flex-direction: column;align-items: center;justify-content: center;}
.area_epc .top_img .img  > div i{font-size:20px;}
.area_epc .top_img .img  > div p{font-size:40px;}
.area_epc .top_img .img  > div p b{font-size:60px;}
.area_epc .top_text{display: flex;justify-content: flex-start; overflow:hidden; box-sizing:border-box;width: 1180px;margin: 0 auto;padding: 0 90px 90px 0;align-items: flex-start;}
.area_epc .top_text h3{float: left;padding-right: 110px; font-size:35px; color:#111;font-weight: 800;line-height: 1.3;}
.area_epc .top_text p{float:left; font-size:18px}
.area_epc .box_text{clear:both; overflow:hidden; padding-top:100px;}
.area_epc .box_text h4{font-size:30px; color:#000; padding-bottom: 30px; letter-spacing: -0.05em;}

.area_epc .list_feature{display:flex; justify-content: space-between;}
.area_epc .list_feature > li{box-sizing:border-box; display:flex;flex-direction: column;align-items: center; width:31%; padding:60px 15px; background:#f6f6f6;position: relative;}
.area_epc .list_feature > li .img{margin: 45px 0 21px 0;}
.area_epc .list_feature > li .img img{height:60px;}
.area_epc .list_feature span{font-size:20px; font-weight:bold; color:#000;position: absolute;top: 0;width: 100%;left: 0;text-align: center;background: #000;color: #fff;padding:13px 0;}
.area_epc .list_feature > li .list{width:90%;}
.area_epc .list_feature > li .list li{display:flex;align-items: center; margin-top:7px; font-size:18px; font-weight:400; color:#111;}
.area_epc .list_feature > li .list li:before{content:''; display:block; width:3px; height:3px; margin-right:5px; background:#999; border-radius:50%;}
.area_epc .tab_list{border-top:0; border-bottom:1px solid #ddd;}
.area_epc .tab_list li{border-top:1px solid #ddd; border-bottom:0}

a.list_view{display:flex; color:#fff; width:100%; height:100%; align-items: center; justify-content: center; flex-direction: column; text-align:center; font-size:20px; font-weight:bold; transition:0.5s}
a.list_view span{opacity:0.8; display:block; margin-top:7px; font-size:16px; font-weight:500}
a.list_view:hover{background:#111; transition:0.5s}

.project_warp{color:#111;}


/* other */
.area_others {overflow: hidden;}
.area_others h3{font-size:35px; font-weight: 800;line-height: 1.3;}
.area_others p{font-size:18px; font-weight:400}
.others01 .others_slide:before{z-index:-1; content:''; position:absolute;right: -40px; bottom:-40px; display:block; width:200px; height:200px; background:#e0002a}
.others01 .others_slide,
.others01 .others_slide .list li{position:relative;}
.others01 .others_slide .list li img{width:100%;}
.others01 .others_slide .bx-controls.bx-has-controls-direction{top:50%; width: 100%; z-index: 90; position:absolute; right:0; bottom:0}
.others01 .others_slide .bx-controls-direction{width: 1400px; margin: 0 auto; position: relative;}
.others01 .others_slide .bx-controls-direction a.bx-next:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.others01 .others_slide .bx-controls-direction a:hover{opacity:1;}
.others01 .others_slide .bx-controls-direction a{opacity:0.9; display:block; position:absolute; top:50%; margin-top:-40px; overflow:hidden; width:80px; height:80px; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
.others01 .others_slide .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/main/arr_slider01.svg) no-repeat 50% 50%; background-size:20px;}
.others01 .others_slide .bx-controls-direction a.bx-next{right:0;}
.others01 .others_slide .bx-controls-direction a.bx-prev{left:0;}

.others01 .text{max-width:1100px; display:flex; margin:80px auto 100px;}
.others01 .text h3{float: left; width:35%;color:#111;}
.others01 .text p{float:left; width:65%;}

.others02{background:#f6f6f6 url(../../images/content/img_other02_bg.jpg) no-repeat 70% 50%; background-size:cover; padding:130px 0; text-align:center;}
.others02 ul{display:flex;justify-content: space-between; width:1200px;margin: 50px auto 0;}
.others02 ul li{float:left; width:24%; box-sizing:border-box; background: #121212;padding: 80px 0; transition:all 0.5s}
.others02 ul li:hover{background:#e0002a; transition:all 0.5s}

.others02 ul li .img{display: flex;align-items: center;justify-content: center;margin: 0 auto 30px; }
.others02 ul li img{height:55px;}
.others02 h3{margin-bottom:22px; color:#111;}
.others02 h4{margin:18px 0 12px 0; font-size:22px; font-weight:500;color: #fff;}
.others02 ul li span{/* font-weight:400; */ font-size:18px;color: #fff;}

.others03{margin:130px 0}
.others03 h3{margin-top:40px; margin-bottom:22px; color:#111;}
.others03 p{margin-bottom:60px; font-size:18px; font-weight:400}
.others03 .wrap{display:flex;  justify-content: space-between;}
.others03 .wrap > div{width:46%;}
.others03 .wrap > div img{width:100%;}

.others04{background:url(../../images/content/img_other04_bg.jpg) no-repeat; background-size:cover;padding: 130px 3%;text-align: center;width: 100%;box-sizing: border-box;/* margin: 0 auto; */}
.others04 h3{margin-bottom:22px; color:#fff;}
.others04 p{ color:#fff;}

*[lang="en"] .others02 ul li{padding:80px 15px;}
*[lang="en"] .others02 h4{font-weight:bold;}

/* 기업연구소 */
.area_research h3{font-size: 30px; color: #000; padding-bottom:50px; letter-spacing: -0.05em; text-align:center;}
.area_research .box{margin-top:100px;}
.area_research .research04,
.area_research .research02{overflow:hidden; background:#f6f6f6; padding:100px 0}
.circle-list{}
.circle-list ul {display: flex;justify-content: space-between;}
.circle-list li{position:relative; z-index:1; height:0; margin-left:-4%; padding-bottom:22%; text-align:center; min-width:22%; border-radius:50%;}
.circle-list li:first-child{margin-left:0;}
.circle-list li:nth-child(even) .txt-wrap{background:#fff; color:#111; border-color:#e0002a;}
.circle-list li:nth-child(even) .border-circle{background:#fff;}
.circle-list .txt-wrap{display:flex; justify-content:center; align-items:center; position:absolute; top:10px; right:10px; bottom:10px; left:10px; z-index:1; padding:0 2rem; background:#e0002a; border:1px dashed #fff; color:#fff; flex-direction:column; border-radius:50%;}
.circle-list .txt-wrap p{display:table-cell;  font-weight:600; font-size:18px;}
.circle-list .border-circle{position:absolute; top:0; right:0; bottom:0; left:0; background:#e0002a; border-radius:50%;}

.cp-list ul{display:flex; margin-top:-2%; margin-left:-1%; flex-wrap:wrap;}
.cp-list ul li{box-sizing: border-box; display:flex; position:relative; width:19%; margin-top:1%; margin-left:1%;padding: 30px 25px; background:#fff;border: 3px solid #e9e9e9; flex-wrap:wrap;min-height: 160px;flex-direction: column;}
.cp-list ul li .ico{display:flex; justify-content:center; align-items:center; position:absolute; right:2em; bottom:2em; width:7em; height:7em;}
.cp-list ul li strong{display:block; position:relative; line-height:1.4; font-weight:600; font-size:18px; color:#111;padding-top: 15px;}
.cp-list ul li span{ display:flex; color: #e0002a;font-weight: 700;}

.research01 b{display:block; margin:40px 0 20px 0; font-size:28px; font-weight:400; color:#111;}
.research01 img{width:100%;}
.research01 p{line-height:1.8; width: 75%; font-size:18px;}

.research04 ul{max-width:1100px; margin:0 auto;  border-top:2px solid #111;}
.research04 ul li{padding:25px 0; border-bottom: 1px solid #d1d1d1; font-weight:400; font-size:18px; color:#111;}
.research04 ul li p{position:relative; padding-left:15px; }
.research04 ul li p:before{content:''; position:absolute; left:0; top:10px; display:block; width:4px; height:4px; border-radius:50%; background:#555; }

.research05{text-align:center;}
.research05 img{display:block; max-width:100%; margin:0 auto; border:1px solid #ddd;}

/* 인증서 */

.area_certificate{padding-bottom:0;}
.area_certificate > ul li{float:left; width:-webkit-calc((100%/4) - 30px); width:calc((100%/4) - 30px); margin:0 40px 50px 0;}
.area_certificate > ul{overflow:hidden;}
.area_certificate > ul li:nth-child(4n){margin-right:0;}
.area_certificate > ul li img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); transition:all 0.5s ease-out 0s;}

.area_certificate ul li a p{line-height:1.5;margin-top:15px;font-weight:500;font-size:18px;color:#111;letter-spacing: 0;}
.area_certificate ul li a{cursor:zoom-in;}
.area_certificate ul li a .img{position:relative; border:1px solid #ddd; overflow:hidden;position:relative;width:100%;padding-top:140%;background: #f5f5f5; text-align:center;transition:opacity 0.5s ease-out 0s;}}
.area_certificate ul li a .img:before{opacity:0; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgb(0, 0, 0, 0.4); transition:0.5s}
.area_certificate ul li a:hover .img:before{opacity:1;}

.popLayer{visibility: hidden; position:fixed; opacity:0; top:0px; left:0px; z-index:-99; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;}
.popLayer > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%);}
.popLayer.active{opacity:1; z-index:99;visibility: visible;}
.popLayer .close{display:block;}
.hamburger{display:block; position:absolute; top:0px; right:0; z-index:9999; width:71px; height:71px; background:rgba(255,255,255,0); border:0; flex-grow:0; cursor:pointer;}
.hamburger.open{position:fixed; top:0px; right:-70px;}
.hamburger .bar{position:absolute; left:25px; width:35px; height:2px; background-color:#fff; transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
.hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;}
.hamburger.open .bar.top{top:50%; transform:translateY(-50%) rotate(45deg);}
.hamburger.open .bar.middle{opacity:0; transition:opacity 1ms linear 0.2s;}
.hamburger.open .bar.bottom{top:50%; transform:translateY(-50%) rotate(-45deg);}

/* 공사지명원 */
.construction{display:flex; justify-content: space-between; max-width:1023px;margin: 0 auto; }
.construction .img{width:45%; margin-right:5%}
.construction .img img{}
.construction .text{margin-top:10%; width:50%;}
.construction .text h3{line-height:1.8; font-size:35px; font-weight:500;line-height: 1.5; color:#111;}
.construction .text p{margin-top:20px; font-size:18px;}

.btn_pdf{display:block; margin-top:60px;}
.btn_pdf a{display: inline-block;line-height: 1;padding: 20px 75px 20px 40px; font-weight:500;text-align: center;font-size: 16px;letter-spacing: -0.03em;color: #222;background: url(../../images/content/icon_down.svg) no-repeat center right 40px;background-size: 15px;border: 3px solid #ddd; transition:0.5s}
.btn_pdf a:hover{border: 3px solid #e0002a;transition:0.5s}

*[lang="en"] .construction {max-width:1100px;}
*[lang="en"] .construction .text h3{font-weight:700; font-size:30px}

/* 채용 */
.area_recruitlist [data-table="state"] span{display:inline-block; width:72px; height:31px; line-height: 31px; background: #ccc; border-radius: 5px; color: #fff; font-size:15px;} 
.area_recruitlist [data-table="state"] span.state01{background:#111;}
.area_recruitlist [data-table="state"] span.state02{background:#e0002a;}

*[lang="en"] .area_recruitlist [data-table="state"] span{width:85px;}

.snb{ width:100%; margin-bottom:50px; padding:0; list-style:none; text-align:center;}
.snb li{display:inline-block; position:relative; min-width: 220px; margin: 0 3px; background:#fff; border: 3px solid #ccc; overflow:hidden;}
.snb li a{display:block; padding:15px 10px; color:#444; font-weight:500; font-size: 18px;  outline:none; }
.snb li.active{background:#231815; border: 3px solid #2a2a2a;}
.snb li.active a{color:#fff; box-shadow: 3px 3px 20px rgb(50 50 50 / 62%); font-weight: 600;}

.area_recruit_guide .box.first{border-top:2px solid #111;}
.area_recruit_guide .box{display:flex; padding:50px 0; border-top:1px solid #ddd;}
.area_recruit_guide .box h3{line-height: 1; width:30%; font-size:30px; color:#000; font-weight:500;}
.area_recruit_guide .box .cont{box-sizing:border-box; width:70%; }
.area_recruit_guide h5{margin:0 0 11px 0; font-size: 20px; font-weight:500; line-height: 1.7; letter-spacing: -0.03em; color:#111;}

*[lang="en"] .area_recruit_guide .box h3{line-height: 1.5; font-weight:700}

.list_step {margin-top:30px;}
.list_step ul { display:flex; align-items:center; justify-content:center; height:100%; }
.list_step li { margin-left:32px; text-align:center; }
.list_step li:first-child { margin-left:0; }
.list_step li:last-child .step-round-box{}
.step-round-box { position:relative; display:flex; align-items:center; justify-content:center; flex-direction: column; width:180px; height:180px; background:#f6f6f6; border-radius:50%; text-align:center; box-sizing:border-box; }
.step-round-box b{color:#e0002a}
.step-round-box i{display:block; width: 60px; height: 55px;}
.step-round-box img{height:50px; max-width: 50px; vertical-align: middle;}
.step-tt {margin-top:10px; font-size:16px; color:#222; line-height:1.3; font-weight:400 }

/* 인재상 */
.area_talent ul {display: flex;flex-wrap: wrap;justify-content: center;gap: 3%; }
.area_talent ul li{ box-sizing: border-box; position:relative;margin-bottom:3%;width: 31%; padding:10px 3%; background:#f6f6f6;text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 390px;}
.area_talent ul li p{text-align:center; font-size:23px; font-weight:600; color:#e0002a; word-break: keep-all; letter-spacing: -0.03em;}
.area_talent ul li img{ display:inline-block; height:70px; margin:20px 0;}
.area_talent ul li span{display:block; font-size:18px; font-weight:400}

/* 공장현황 */
.video_wrap{overflow:hidden; position:relative; width:100%; height:0; padding-bottom: 56.25%; text-align:center; vertical-align:middle}
.video_wrap video{position:absolute; top: 0; left: 0;  transform: translateX(0) translateY(0); min-width:100%; min-height:100%; width:100%; height:100%;}

.area_office .box_text{clear:both; overflow:hidden; padding-top:80px;}
.area_office .box_text h4{font-size:30px; color:#000; padding-bottom: 30px; letter-spacing: -0.05em;}
.area_office .office01{display:flex;justify-content: space-between;align-items: center;}
.area_office .office01 .img{width:50%; position:relative;}
.area_office .office01 .img img{width:100%;}
.area_office .office01 .img p{position:absolute; left:20px; bottom:20px; padding:5px 10px; background:rgba(0,0,0,0.6); color:#fff}
.area_office .office01 .text{width:45%;}
.area_office .office01 .text p{margin-bottom:15px; font-size:23px; font-weight:600; color:#111;}

.area_office .office02 ul{display:flex; justify-content: flex-start; max-width: 1080px}
.area_office .office02 ul li{float:left; width:48%; margin-right:2%}
.area_office .office02 ul li img{border:1px solid #ddd; max-width:100%;}
.area_office .office02 ul li p{margin:19px 0 11px 0; text-align:center; font-size:18px; font-weight:500; color:#111; word-break: keep-all; letter-spacing: -0.03em;}

.area_office .office04 h5{font-size:23px; color:#111;}
.area_office .office04 .inr_box{margin-top:60px;}
#content .area_office table.table tbody td.left{text-align:left;}
#content .area_office table.table tbody td{padding:20px; font-size:16px;}
#content .area_office table.table thead th{background:#111; color:#fff; border-left:1px solid #444; border-bottom: 1px solid #444;}
#content .area_office table.table thead th[rowspan]{border-right: 1px solid #444;}

.area_video .photoList > li .img{padding-top:60%;}
.area_video .photoList > li a > em{color:#111;}

.area_video .top_video{overflow:hidden; position:relative; width:100%; height:0; padding-bottom: 56.25%; margin-bottom:20px; text-align:center; vertical-align:middle}
.area_video iframe{position:absolute; top: 0; left: 0;  transform: translateX(0) translateY(0); min-width:100%; min-height:100%; width:100%; height:100%;}

/* animation */
.anim{position:relative; opacity:0; transform:translate(0,50px);}
.anim.active{opacity:1; transition:all 0.6s ease-out 0s; transform:translate(0,0); transition-delay:0.1s;}


#content .project_warp table.table tbody td:nth-child(3){text-align:left;}
#content .project_warp h4{font-size:23px;}

.area_epc [data-pop-layer="layer"] .popBox .popConts,
.area_steel [data-pop-layer="layer"] .popBox .popConts{max-height: 560px; padding:40px;}
.t_box{margin-top:45px;}




@media screen and (max-width:1919px){
 
}

@media screen and (max-width:1679px){
	
	.area_ceogreeting .top_img{width:88%;}
	
	.area_epc .top_img .img,
	.area_steel .top_img .img{width:95%;}

}

@media screen and (max-width:1535px){

}

@media screen and (max-width:1420px){
	.area_history .top_img{width:100%;}
	.others01 .others_slide .bx-controls-direction{width:100%;}

	.lnb .wrapper{width:100%}


}


@media screen and (max-width:1365px){

}

@media screen and (max-width:1279px){
	.area_navigation{position:relative; float:right; top:0; right:0; margin-top:30px; margin-right:14px;}

	.wrap{width:94%;}

	.lnb{background:#fff; border-bottom:1px solid #ddd;}
	.lnb .inr{border-bottom:0; width:100%;}
	.lnb .wrapper:before{display:none;}
	.lnb .inr li a{padding:20px 0}
	.area_navigation{display:none;}
	
	.area_ceogreeting .top_img{margin:60px 0 110px 0}
	.area_ceogreeting h3{font-size:26px;}
	.area_ceogreeting h3 span:before{width:60px; height:36px;}

	.his_wrap{width:94%;}

	.area_history .tabAreas .tab{top:35px; right:30px;}
	.area_history h3{font-size:26px;}
	
	.area_ci .box h3,
	.area_vision .inr h3{font-size:26px;}
	.area_vision img { display: block; max-width: 93%; margin: 0 auto;}

	.map_text{width:63%;}
	
	.area_epc .top_text,
	.area_steel .top_text{width:96%;}
	.area_steel .top_text p br{display:none;}

	.area_certificate ul li a p{word-break: break-all;}

	.step-round-box{width:150px; height:150px;}

	.area_recruit_guide .box h3{font-size:26px;}
	
	.construction .text h3{font-size:26px;}

	.area_certificate > ul li{width:-webkit-calc(32% - 5px); width:calc(32% - 5px);margin: 0 19px 20px 0;}
	.area_certificate > ul li:nth-child(4n){margin-right: 19px;}
	.area_certificate > ul li:nth-child(3n){margin-right:0;}

	.others02 ul{width:96%;}

	.research01 b{font-size:26px;}
	.research01 b br{display:none;}
	.research01 p{width:100%;}


}

@media screen and (max-width:1023px){
	.area_ceogreeting .text > div{width:90%}
	
	.his_wrap{    margin: 0 auto 0 auto;}
	.his_wrap .inr .his_box .cont{box-sizing:border-box; width:100%; padding-left:43px; padding-right:10px; margin-left:0; margin-top:20px;}
	.his_wrap .his_text{width:170px;height: 110px;padding-top: 25px; font-size:30px;}
	.his_wrap .his_text span + span{margin-top: 5px; padding-left:40px;}
	.his_wrap .his_text span{padding-left:25px; line-height:40px;}
	
	.his_wrap .inr{padding-left:29px; padding-top:0}
	.his_wrap .inr:before{left:35px;}

	.fix_img{width:400px;}

	.area_ci .box{flex-direction: column;}
	.area_ci .box h3{width:100%; margin-bottom:20px;}
	.area_ci .box .ci_cont{width:100%;}

	.map_list{width:100%;}
	.map_list li{width:25%; padding:15px 5px; margin:0; background:#f6f6f6; text-align:center;}
	.map_list li a{width:100%; height:100%; padding:0; border:0;}
	.map_list li.on a, .map_list li:hover a{background:none; border:0; color:#555}
	.map_list li.on{background:#231815; color:#fff;}
	.map_list li.on a{color:#fff;}
	
	.map_text{width:60%;}
	
	.area_epc .top_text,
	.area_steel .top_text{flex-direction: column; padding: 0 60px 60px 0;}
	.area_epc .top_text h3,
	.area_steel .top_text h3{width:100%; margin-bottom:20px; padding-right:0}
	.area_steel .top_text h3 br{display:none;}
	.area_epc .top_text p,
	.area_steel .top_text p{width:100%;}	
	.area_epc .top_img .img > div,
	.area_steel .top_img .img > div{top:-30px; width:200px; height:160px;}
	.area_epc .top_img .img > div p b,
	.area_steel .top_img .img > div p b{font-size:40px;}
	.area_epc .top_img .img > div p,
	.area_steel .top_img .img > div p{font-size:28px;}	
	.area_epc .top_img .img > span,
	.area_steel .top_img .img > span{display:none;}
	
	.area_recruit_guide .box{flex-direction: column;}
	.area_recruit_guide .box h3{width:100%; margin-bottom:25px}
	.area_recruit_guide .box .cont{width:100%;}
	
	.construction .text{margin-top:0}
	.construction .img img{width:100%;}

	.others02 ul{flex-wrap: wrap;}
	.others02 ul li{width:49%; margin-bottom:2%;}

}

@media all and (max-width:960px){
	.circle-list ul{justify-content: center; flex-wrap: wrap;}
	.circle-list li{width:33.3%; padding-bottom:33.3%}
}

@media all and (max-width:767px){
	.wrap{width:90%;}

	.area_subVisual > .wrapper,
	.area_subVisual{height:370px;}
	.area_subVisual h2{padding-top:130px; font-size:25px;}
	.area_subVisual p{font-size:16px;}

	#content.sub{padding:60px 0}

	.lnb > div{margin:0; padding:0; overflow-x:scroll; overflow-y:hidden;}
	.lnb ul{display:table; margin:0 auto; margin-top:0;}
	.lnb ul li{display:table-cell; white-space:nowrap; float:none; padding:0 15px;}
	.lnb .inr{display:block; overflow: inherit;}
	.lnb .inr li{margin-right:20px;}
	.lnb .inr li a{ padding-top:20px; font-size:15px}

	.area_policy{margin-top:20px !important;}
	.area_policy h2{padding:0px 0; font-weight:600; font-size:20px;}
	.area_policy h3{margin-bottom:10px; font-weight:600; font-size:14px;}
	.area_policy ul li{margin-bottom:5px;}
	.area_policy ul li ul{padding-left:10px;}
	.area_policy ul li ul li{font-size:13px;}
	.area_policy ul li,
	.area_policy p{line-height:1.7; font-size:13px;}
	.area_policy .inr_policy{padding:25px 0;}

	.sub_tit{margin-bottom:25px; font-size:23px;}
	.area_ceogreeting h3{font-size:20px;}
	.area_ceogreeting h3 span:before{display:none; top:-7px; left:50%; margin-left:-30px}
	.area_ceogreeting h3 span br{display:none;}
	.area_ceogreeting .text > div p{font-size:14px;}
	.area_ceogreeting .text > div{float:none;}
	.area_ceogreeting .text > div span{margin-top:40px; font-size:15px;}
	.area_ceogreeting .top_img{width:95%; height:330px; margin:40px 0 60px 0;}
	.area_ceogreeting .top_img:after{left:-5%; bottom:-30px;}
	.area_ceogreeting .top_img:before{display:none;}


	.area_history .tabAreas .tab{position:static; justify-content: center;}
	.area_history h3{margin:40px auto;text-align:center; font-size:20px;}
	.area_history .tabAreas .tab li a{font-size:14px;}
	.area_history .top_img{height:250px;}
	.his_wrap .his_text{font-size:25px; font-weight:bold;}
	.his_wrap .inr .his_box .year{font-size:18px;}
	.his_wrap .inr .his_box .cont p{flex-direction: column; font-size:14px;}
	.his_wrap .inr .his_box .cont p b{line-height:1.5}

	.area_vision .box{padding:40px 0; margin-bottom:40px; background-size:90%;}
	.area_vision .inr h3{margin-bottom:20px; font-size:20px;}
	
	.area_ci .box{margin-bottom:40px;}
	.area_ci .box h3{font-size:20px;}
	.area_ci .box .ci_cont h4{font-size:17px;}
	.area_ci .box .ci_cont .text h5{font-size:15px; font-weight:bold;}
	.area_ci .box .ci_cont .color_list > li{padding:30px}
	.area_ci .box .ci_cont .img{height:200px;}
	.area_ci .box .ci_cont.ci01 img{height:80px;}

	.area_ci .box .ci_cont.ci02 img{height:35px;}
	.area_ci .box .ci_cont.ci03 .img ul li:first-child img{height:35px;}
	.area_ci .box .ci_cont.ci03 .img ul li:nth-child(2) img{height:80px}
	.area_ci .box .ci_cont.ci05 img{height:100px;}

	.map_list li a{padding:0; border:0; font-size:14px;}

	.map_inr .in_box{display:none;}
	.map_text{width:100%;}
	.map_text ul li{padding:20px 0; font-size:15px;}
	.map_text ul li img{height:16px;}
	.map_text ul li span{width:29px; height:20px;}

	
	.tab_list{overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; margin-bottom:40px; border-top:0}
	.tab_list li{margin-right:10px; min-width: 110px; width:auto; border:1px solid #ddd;}
	.tab_list li a{padding:0 10px; height:50px; font-size:14px; word-break: keep-all;}
	.tab_list li.on a{ box-shadow:none;}

	.area_steel .top_text h3{font-size:20px;}
	.area_steel .top_text p{font-size:15px;}
	.area_steel .top_img .img{width:100%; height:250px;}
	.area_steel .top_img .img > div i{font-size:14px;}
	.area_steel .box_text h4{font-size:17px;}
	.area_steel .box_text{padding-top:40px;}
	.area_steel .list_feature li{padding:10px; font-size:14px;}
	.area_steel .list_feature li span{width:30px; height:30px; margin: 0 0 19px; font-size:14px;}
	.area_steel .top_img .img > div{width:150px; height:120px;}
	.area_steel .top_img .img > div p{font-size:14px;}
	.area_steel .top_img .img > div p b{font-size:20px;}
	
	.area_epc .top_text h3{font-size:20px;}
	.area_epc .top_text p{font-size:15px;}
	.area_epc .top_img .img{width:100%; height:250px;}
	.area_epc .top_img .img > div i{font-size:14px;}
	.area_epc .box_text h4{font-size:20px;}
	.area_epc .box_text{padding-top:40px;}
	.area_epc .top_img .img > div{width:150px; height:120px;}
	.area_epc .top_img .img > div p{font-size:14px;}
	.area_epc .top_img .img > div p b{font-size:20px;}

	.area_epc .top_text, .area_steel .top_text{padding:0 0 60px 0}
	.area_epc a.list_view{font-size:14px;}
	
	.area_epc .list_feature{flex-direction: column;}
	.area_epc .list_feature > li{width:100%; padding-bottom:30px;}
	.area_epc .list_feature span{font-size:16px;}
	.area_epc .list_feature > li .list li{justify-content: center; font-size:14px;}
	.area_epc .list_feature > li .img{margin:25px 0 15px 0}

	.grid li{margin-bottom:0}
	.grid li p{margin: 13px 0 20px 0; font-size:15px; word-break: break-all;}
	
	.area_talent ul li p{font-size:17px;}
	.area_talent ul li span{font-size:14px;}
	
	.list_step ul{display:block;}
	.list_step li{float:left; margin:0 17px; padding-bottom:17px;}
	.list_step li:first-child{margin-left:17px;}
	.step-tt{font-size:14px;}

	.area_recruit_guide .box{padding:30px 0}
	.area_recruit_guide .box h3{font-size:20px;}
	.area_recruit_guide h5{font-size:17px}

	.list01 > li{font-size:14px;}
	
	
	.area_recruitlist .snb li,
	.area_recruit_guide .snb li{min-width:auto}
	.area_recruitlist .snb li a,
	.area_recruit_guide .snb li a{padding: 11px 35px; font-size:14px;}

	.construction .text p{font-size:14px}
	
	.down_ci a,
	.btn_pdf a{font-size:14px;}

	.area_certificate > ul li{width:-webkit-calc((100%/2) - 5px); width:calc((100%/2) - 5px); margin:0 10px 25px 0;}
	.area_certificate > ul li:nth-child(2n){margin-right:0 !important;}
	.area_certificate > ul li i:first-child{margin-bottom:9px;}
	.area_certificate > ul li a p{font-size:14px; word-break:break-all; min-height:auto;}
	.area_certificate > ul li:nth-child(3n){margin-right:10px;}

	.popLayer > div{width:60%;}
	.popLayer > div img{width:100%;}
	.hamburger{width:48px; height:22px;}
	.hamburger .bar{width:25px;}
	.hamburger.open{right:-35px;}

	.add{margin-top::0; font-size:17px;}
	
	.area_others p{font-size:15px;}
	.area_others p br{display:none;}
	.area_others h3{font-size:20px;}

	.others01 .others_slide .bx-controls-direction a{width:40px; height:40px; margin-top:-20px;}
	.others01 .others_slide:before{display:none;}
	.others01 .text{flex-direction: column; margin:40px 0;}
	.others01 .text h3{margin-bottom:20px; width:100%;}
	.others01 .text p{width:100%; font-size:15px;}

	.others02{box-sizing:border-box; padding:40px 3%}
	.others02 h3{}	
	.others02 ul{margin-top:30px;}	
	.others02 ul li{padding:30px 5px;}
	.others02 ul li img{height:40px;}
	.others02 h4{font-size:17px;}
	.others02 ul li span{font-size:14px;}

	.others03{margin:40px 0;}
	.others03 h3{margin-top:0; }
	.others03 .wrap .left{width:100%;}
	.others03 .wrap .right{display:none;}
	.others03 p{margin-bottom:20px;}

	.others04{padding:80px 3%}
	
	.map_inr iframe{height:300px}
	
	.circle-list .txt-wrap p{font-size:14px;}

	.research01 b{font-size:18px; font-weight:600}
	.research01 p{font-size:15px;}
	
	.area_research h3{padding-bottom:20px; font-size:20px;}
	.area_research .research04, .area_research .research02{padding:40px 4%;}
	.area_research .box{margin-top:40px;}

	.circle-list.wrap{width:100%;}
	.circle-list li{margin-left:0}

	.research05 img{max-width:90%;}
	.cp-list ul li{width:49%; min-height: auto; padding:15px;}
	.cp-list ul li strong{font-size:14px;}

	.area_office .box_text h4{padding-bottom:20px; font-size:20px;}
	.area_office .office01 .text p{font-size:17px;}
	.area_office .office01{flex-direction: column;}
	.area_office .office01 .img{width:100%;}
	.area_office .office01 .text{width:100%; margin-top:20px;}
	.area_office .box_text{padding-top:40px;}
	
	.area_office .office02 ul li p{margin: 13px 0 20px 0; font-size:15px;}
	.area_office .office04 h5{font-size:17px;}
	.list_business li{width:48%;}
	.list_business li p{margin: 13px 0 20px 0; font-size:15px;}
	
	.area_office .office04 .inr_box{margin-top:40px;}
	#content .area_office table.table tbody td{padding:10px; font-size:13px;}
	
	a.list_view span,
	a.list_view{font-size:14px;}

	#content .project_warp h4{font-size:17px;}
}

@media all and (max-width:640px){
	.area_recruitlist .bbsList td[data-table="subject"] > a{padding-right:80px;}
	*[lang="en"] .area_recruitlist .bbsList td[data-table="subject"] > a{padding-right:100px;}
	.area_recruitlist .bbsList td[data-table="date"]{padding:10px; box-sizing: border-box; position:static; width:100%; text-align:left;}
	.area_recruitlist .bbsList td[data-table="state"]{padding:0; position:absolute;right: 7px;top: 6px;}
	.area_recruitlist [data-table="state"] span{width:60px; font-size:12px;}
	
	.construction{flex-direction: column; align-items: center;}
	.construction .text{width:80%; margin-top:30px; text-align:center;}
	.construction .text h3{font-size:20px;}
	.construction .img{margin-right:0; width:70%;}
	
	.area_ci .box .ci_cont .img ul{gap:40px;}

}

@media all and (max-width:500px){
	.map_text ul li{width:100%;}

	.grid li{}

	.area_talent ul li{width:100%; height:auto; padding:25px 10px; margin-bottom:30px}
	.area_talent ul li:last-child{margin-bottom:0}
	.area_talent ul li img{height:40px;}

	.area_ceogreeting .top_img{height:250px;}

	.area_ci .box .ci_cont .img ul{flex-direction: column; gap:30px;}
	.area_ci .box .ci_cont .img{height:auto; padding:40px 0;}

	.circle-list li{width:60%; padding-bottom:60%}

	.step-round-box{width:110px; height:110px;}
	
	.area_steel .list_feature li{width:100%; padding-left:0; border-left:0}
}

@media screen and (max-width:400px){
	.grid li{padding:0}
	
	.step-round-box{width:130px; height:130px; margin:0 auto;}
	.list_step li{margin:0}
	.list_step li:first-child{margin-left:0}

	.step-round-box img{height:40px;}
	.list_step li{width:100%;}

	.others02 ul li{width:100%}

	

}

@media all and (max-width:360px){
	body,
	p,
	li,
	a{font-size:13px;}
}

@media all and (max-width:359px){

}