@charset "utf-8"; /* CSS Document */

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

@media screen and (max-width:1500px){
 .box0_in { width: 94%; margin: 0 auto; } 
 #header .top_wrap .gnb_wrap .gnb > li{ width:7em; position:relative}
 }
@media screen and (max-width:1400px){
 .box1 { width:94%; } 
.box2 { width:80%; } 

.iconList li { padding: 50px; } 

 }

@media screen and (max-width:1280px) { body { font-size:15px } 

#header .all_wrap { display: block; } 
#header .top_wrap .gnb_wrap { display: none; } 
#header .top_wrap .etc_wrap .call { display: none; } 

.iconList li { padding: 30px; } 
.iconList li::before { font-size: 90px; } 

.main_visual_gnb { display:none } 
.rnd_btCont,
.rnd_skill.research{ width:100%}
.rnd_skill.research > ul,
.rnd_skill2{ display:flex; flex-wrap:wrap; width:100%; box-sizing:border-box}
.rnd_skill.research > ul > li,
.rnd_skill2 > div{ width:50% !important; box-sizing:border-box; float:none; height:auto !important}
.rnd_skill2{ border:none}
.rnd_skill2 > div{ border:1px solid #e1e1e1 !important}
.btArea div[class^="imgBox"]{ width:100%; height:auto}
.btArea div[class^="imgBox"] img{ position:static !important}
.hidden{ display:none}
.rnd_btCont.first > ul > li,
.rnd_btCont > ul.ico > li{ box-sizing:border-box; padding-right:1em; line-height:1.5; margin-top:.5em}
.rnd_btCont > ul.ico > li span{ padding-left:0}
.rnd_btCont > ul.ico > li br{ display:none}
.rnd_skill { overflow: hidden; width: auto;; border: none; display: flex; } 
.rnd_skill .left { width: auto; margin: 0; border: 1px solid #e1e1e1; height: auto; } 
.rnd_skill .right { width: auto; margin: 0; border: 1px solid #e1e1e1; height: auto; } 
.rnd_skill .left .list { width: auto; height:auto; margin: 15px auto; } 
.rnd_skill .right .list li.ar,
.rnd_skill .left .list li.ar { float: none; width: 100%; margin-top: 0px; text-align: left !important; } 
.rnd_skill.research.st2 > ul > li { width: 33% !important; box-sizing: border-box; float: none; height: auto !important; } 
.rnd_skill .list li { width: 70%; } 
.btArea { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; } 
.maT40 { margin-top: 1100px !important; min-height: 10em; } 
.rnd_btCont { margin-top: 0px; display: flex; flex-direction: column; } 
.rnd_btCont.first { margin-top: 0px; display: flex; flex-direction: column; } 
.rnd_btCont p { width: 100%; } 
.rnd_btCont ul { width: 100%; padding-left: 14px; box-sizing: border-box; } 
.rnd_btCont ul li { width: 100%; } 
.btArea .imgBox09 { width: 100%; margin: 50px auto; min-height: 40em; } 
.imgw80 { width:91%; padding-left: 0 !important; } 
.imgw80.st2 { width: 91%; padding-left: 0 !important; margin-top: 1.5em; } 
.hauto { height: auto !important; } 
.rnd_btCont.first { margin-top: 0px; } 
.wh100{width: 100%;}
 }

@media screen and (max-width:1024px) , (max-height:680px) { body { font-size:12px } 
 }
@media screen and (orientation:portrait) and (max-height:680px) { } 
@media screen and (max-width:1024px){
 .PC2 { display:none; } 
.Mobile2 { display:block; } 



.company-intro .cont>div { padding: 65px 0 30px 40px; } 
.company-intro .cont>div h2 { font-size: 23px; line-height: 43px; } 

.iconList li { width: calc((100% - 2em) / 2); } 
.maT40 { margin-top: 935px !important; text-align: none !important; height: 22em !important; } 
.imgw80.st3 { width: 88%; margin-right: 35px; } 
.list_con { width: 50%; } 
 }

 @media screen and (max-width:970px){
 .btArea .imgBox10 { width: 100%; height: 30em; margin: 15px 50px; } 
 .btArea .imgBox10 .item01 { position: static; top: 0; left: 0; width: 28%; } 
 .btArea .imgBox10 .item02 { position: static; top: 0; right: 0; width: 60%; } 
 .btArea .imgBox11 .item01 { position: static; top: 0; left: 0; width: 100%; } 
 .welfare li { width: 100%; } 
 .rnd_skill.research.st2 > ul > li { width: 50% !important; } 
 }
@media screen and (max-width:950px){
 #header .top_wrap .gnb_wrap { display: none; } 

.PC { display:none; } 
.PHONE { display:block; } 

.pf_list > li { width: calc(50% - 2em); } 
.rnd_btCont { margin: 0; } 
.nown_img.st2 { justify-content: center; } 
.nown_img.st2 > li { width: 100%; margin-bottom: 1.5em; } 
 }
@media screen and (max-width:860px){
 .main_link > li .in .img_wrap .resize { padding-bottom: 30%; } 
 .btArea .imgBox11 { height: 25em; } 
 }
 @media screen and (max-width: 830px){
 .btArea .imgBox10 { width: 100%; height: 24em; margin: 28px 50px; } 
 } 

@media screen and (max-width:780px){
 .re-circle-wrap.st1 .list { gap: 3em; } 
 .re-circle-wrap.st1 .list > li { width: calc(33.3% - 3em); } 

 .company-intro .cont { height: 16em; } 
 .company-intro .cont>div { padding: 53px 0 30px 40px; height: unset !important; } 
 .btArea .imgBox11 { height: 22em; } 

 .div-container { width:100%; overflow:auto; /*white-space:no-wrap;*/}
 .div-container .divCon1 {display: block; width: 710px;}
 .div-container .divCon1 .table_st .fixL { position: unset;}
 
 }
@media screen and (max-width:750px){
 .btArea .imgBox10 { height: 22em; } 
 }
@media screen and (max-width:700px){
 .btArea .imgBox11 { height: 20em; } 
 }
@media screen and (max-width:680px) { } 
@media screen and (max-width:655px) {.rnd_skill { flex-direction: column; } 
.rnd_skill .left { margin: 0; } 
.btArea .imgBox10 { height: 19em; margin: 26px 35px; } 
.rnd_skill.research.st2 > ul > li { width: 100% !important; box-sizing: border-box; float: none; height: auto !important; } 
.rnd_skill .list.st2 li { width: 100%; } 
.wz100 { width: 100%; } 
 }
@media screen and (max-width:620px){
 #header .all_wrap .all_layer .all_inner > .wrap_in { padding: 0vh 4em 6em; } 
 .table_form .wrap_in { display: block; } 
 .btArea .imgBox11 { height: 17em; } 
 }

@media screen and (max-width:600px){
 .pf_list { justify-content: center; } 
 .pf_list > li { width: calc(100% - 2em); } 

.re-circle-wrap.st1 .list > li { width: calc(50% - 3em); } 
.re-circle-wrap.st1 .list > li .cir-in .xi { right: -1.8em; } 

.company-intro .cont { height: 12em; } 
.company-intro .cont>div { padding: 40px 0 20px 40px; } 
.company-intro .cont>div h2 { font-size: 20px; line-height: 30px; } 

.iconList li { display: block; text-align: center; } 
.iconList li::before { font-size: 80px; } 
.iconList .iconBox { margin: 0 auto; } 

.board_gallery > li { width: calc(50% - 2em); } 
.dp1_project .view_bottom .board_gallery > li:nth-child(3) { display: none; } 
.viewSlide .el { height: 44vh; } 

.info_con .list { display: block; } 
.info_con .list > li .inn { padding-bottom: 1em; } 
.info_con .info_box > .list .info_inn { height: 35em; } 
.info_con .list > li + li .inn { padding-top: 1em; border-top: 1px solid #ddd; padding-left: unset; border-left: unset; } 

.pros-content .pros-list > li .list-in .txt-wrap .title .num { opacity: 0.1; font-size: 5rem; letter-spacing: -0.09em; font-weight: 800; } 
.pros-content .pros-list > li .list-in .txt-wrap .info .t1 { font-size: 1.2em; } 

.btArea .imgBox10 { height: 17em; } 
 }
 @media screen and (max-width:550px){
 .btArea .imgBox11 { height: 15em; } 
 .list_con { width: 100%; margin-bottom: 1.5em; } 
 .pros-content .pros-list > li .list-in .txt-wrap { flex-direction: column; } 
 .pros-content .pros-list > li .list-in .title,
 .pros-content .pros-list > li .list-in .info { width: 100%; text-align: center; justify-content: center; } 
 .visualSlide_wrap .slogan .t2 { font-size: 4.5em;} 
 }
@media screen and (max-width:500px){
 .company-intro .comp-img { padding-right: 10%; } 
 .company-intro .cont { height: 10em; width: 32em; } 
 .company-intro .cont>div { padding: 28px 0 20px 30px; } 
 .board_gallery > li { width: calc(100% - 2em); } 



 .btArea .imgBox10 { height: 19em; margin: 26px 27px; } 
 .btArea .imgBox11 { height: 13em;  } 
 .board_gallery { justify-content: center; } 
 }

@media screen and (max-width:470px){
 #header .all_wrap .all_layer .all_inner > .wrap_in { padding: 0vh 1em 6em; } 
 .btArea .imgBox10 { height: 13em; } 
 .btArea .imgBox11 { height: 13em; } 
 .welfare li { gap: 4em; } 
 }

@media screen and (max-width:440px){
 .company-intro .cont { height: 8em; width: 28em; } 
 .company-intro .cont>div { padding: 20px 0 20px 30px; } 
 .company-intro .cont>div h2 { font-size: 18px; line-height: 27px; } 
 
 .vision_list .list_wrap { text-align: center; justify-content: center !important; } 
 .pros-content .pros-list > li .list-in .txt-wrap .title .num { font-size: 3.5rem; } 
 .btArea .imgBox11 { height: 12em; } 
 }
@media screen and (max-width:414px){
 .greeting-txt .t1 { line-height: 27px; } 
 }

@media screen and (max-width:400px){
 .table_form .wrap_in .con_wrap .w2 { width: 8em; } 
 }

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

@media screen and (max-width:380px){
 .company-intro .comp-img { padding-right: 6%; } 
 .company-intro .cont { width: 26em; } 
.company-intro .cont>div { padding: 19px 0 20px 15px; } 
.btArea .imgBox10 { height: 10em; } 
.btArea .imgBox11 { height: 10em; } 
.welfare li { gap: 2em; } 
.welfare li strong { font-size: 18px; } 
.welfare li > p { width: 60%; font-size: 14px; } 
 }

@media all and (orientation:landscape) { }