@charset "utf-8";
/* CSS Document */
@media(max-width:1600px){
.sec1 ul li{padding:0 20px 20px}
}

@media(max-width:1530px){
.s-4{background:url('/images/5-1.jpg') top center no-repeat fixed;}
}

@media(max-width:1200px){
.menu-bt-wrapper{display:block}
.gnb{display:none}
.head{padding:0 20px}
body{font-size:15px}
.service li>div img{width:90%}
.pr-txt, .pr-img{width:calc(50% - 20px)}
.s2-2bg7>div h3 br{display:none}
.img-r .s-img{padding-left:40px}
.img-l .s-img{padding-right:40px}
}

@media(max-width:1030px){
.cir1_list{flex-wrap:wrap; justify-content:normal;margin-top:30px }
.cir1_list li{width:50%;  display:flex;align-items:center; justify-content:space-evenly;margin:0;padding:20px 0}
.cir1_list li p{width:40%;padding-left:0;word-break:keep-all}
.cir1_list li .cir-back{padding:90px 70px}
}

@media(max-width:1000px){
.pri-txt>br{display:none}
.s2-2bg4>div>ul>li>div>img{width:60px;right:1.5em}
.s2-2bg4>div>div{width:40%;font-size:2em}
.s2-2bg4>div>ul{width:60%}
.s2-vs>p{width:50%}
.vs-img{width:50%;margin-bottom:40px}
.vs-txt{float:none;clear:both;padding-right:0;width:100%}
.pr-txt p, .s2-2bg1>div>p, .s2-2bg2>div>p, .s2-2bg6>div>div, .s2-2bg7>div h3, .s2-2bg6>div>p strong, .s2-2bg8>div>p, .s2-2bg9>ul li>p, .s2-2bg10>div>p, .s2-vs>p{font-size:2em}
.pri-bg{width:40%}
.form-right{width:60%}
.img-block2 .main-txt{padding-left:80px}
}

@media(max-width:840px){
.s2-3sec2{flex-direction:column;margin-top:50px}
.s2-3sec2 div{width:100%}
.s2-3sec2 .sub-copy{width:100%; margin:0 auto!important}
.s2-3sec2 div:nth-child(2){text-align:center; width:100%;margin:20px auto}
.sub-copy p.nor-txt{margin-top:50px}
.icontb tbody{flex-direction:column;}
.icontb tbody tr{display:flex; align-items:center; margin:10px 0}
.icontb tr{width:100%}
.icontb tr td:first-child{width:30%; padding:0}
.icontb tr td:nth-child(2){width:70%;}
.s2-3 .sub-copy{margin-top:50px}
.icontb{margin-top:30px}
.txtcenter{margin-bottom:20px}
}

@media(max-width:800px){
.s1-2{padding:8px}
.s1-2 li{padding:2px}
.s1-2 li>div{padding:2em}
.service{padding:0 8px}
.service li{padding:2px}
.p-set{width:3280px}
.p-set li img{height:135px}
.s2-1top, .s2-2top, .s6-1top{height:600px;background-attachment:inherit;}
.s2-2bg4>div>div br{display:none}
.form-right{padding:2em 2em 1em}

.s6-1top .s6-1-txt span>img{width:auto;height:160px;}
}

@media(max-width:780px){
.banner>div div p br{display:none}
}

@media(max-width:768px){
.s2-2bg4>div>div{width:100%;margin-bottom:10px}
.s2-2bg4>div>ul{width:100%}
.s2-2bg7>div h3{width:100%}
.s2-2bg7>div>div{width:100%;padding-left:0}
.form-right{width:100%}
.pri-bg{width:100%;padding:5em 0}
}

@media(max-width:720px){
.pri-img{width:100%;margin-bottom:20px}
.pri-txt{width:100%}
.pri-txt>span br, .pri-txt>p br{display:none}
.pri-txt>p{margin:5px 0 10px}
}

@media(max-width:680px){
.main-img, .main-txt{width:100%;margin-bottom:20px}
.img-block1 .main-txt{padding-left:0}
.s2-1bg9>div>ul>li{width:50%}
.img-block2 .main-txt, .img-block1 .main-txt{padding-left:20px}
.in-line:before{display:none}
}

@media(max-width:640px){
.sec1 ul li{width:100%;padding-bottom:50px}
#footer{padding-top:0}
.foot-block>div{width:100%}
.foot-block .f-left{margin:20px 0 10px}
.foot-block.last{padding-top:0}
.foot-block.last .f-left{display:none}
.service li{width:50%}
.service li>div{min-height:352px;padding:2em 1em 1em}
.s2-1bg6>div>div{width:100%}
.s2-2bg8>div>p{margin-bottom:1em}
}

@media(max-width:620px){
.cir2_list li{width:336px;background-size:cover !important}
.cir2_list{flex-wrap:wrap;justify-content:center;margin-top:30px}
.cir1_list li{width:100%;}
.cir1_list li p{width:30%}
}

@media(max-width:600px){
.img-r .s-img, .img-l .s-img{padding:0;width:100%}
.s-txt{width:100%;margin-top:20px}
.img-l, .img-r{margin:3em auto}
.s1-2 li{width:100%}
.s1-2bg4 ul li{width:100%;margin:1em 0}
.pr-txt p{line-height:1.2;font-size:1.5em}
.s2-2bg7>div>div>ul>li{width:100%;float:right;text-align:right}
.s2-2bg7>div>div>ul>li:before{left:-2px;right:inherit;top:100px;}
.s2-2bg7>div>div>ul>li:after{right:inherit;left:20px;top:88px}
.s2-2bg7>div>div>ul>li:nth-child(2){margin-top:0}
.s2-2bg7>div>div>ul:before{left:0}
.subtxt-indent{padding:0}
.img-block1, .img-block2{font-size:1.3em;font-weight:normal}
}

@media(max-width:590px){
.s6_dream_list li{width:100%;padding:0 !important;}
.come ul.recruit-process{flex-wrap:wrap}
.come ul.recruit-process li{width:50%;}

.s1back{font-size:3em;}
}

@media(max-width:500px){
.bokji ul.recruit-process li{flex-direction:column; text-align:center;min-height:240px !important;}
.bokji ul.recruit-process li img{padding:0!important; margin-bottom:10px}
}

@media(max-width:480px){
.service li{width:100%}
.service li>div img{width:60%;position:static;transform:translateX(0); /*margin-top:15px;*/ max-height:initial;}
.service li>div{width:100%;min-height:inherit}
.service li:first-child>div img{margin-top:10px;}
.menu-bt-wrapper{right:15px}
.s2-1top, .s2-2top, .s6-1top{height:400px}
#footer{font-size:12px}
body{font-size:12px}
.pfixed #logo{top:20px}
#logo a{background-size:cover;width:130px;height:30px}
.pfixed #logo a, .black #logo a{background-position:0 -32px}
.foot-block .f-left img{width:130px}
.foot-block>div>p{font-size:14px}
.need li{padding:0 5px}
.vs-area>div>div>ul>li{padding:25px 5px}
.vs-area>div{width:calc(50% - 5px)}
.s2-2bg4>div>div{line-height:1.2}
.s2-2bg4>div>ul>li>div>img{width:40px}
.pr-txt, .pr-img{width:calc(50% - 5px);padding:0}
.s2-vs>p span{display:inline}
.s2-2bg9>ul li>p, .s2-2bg3>div, .pr-txt, .s2-2img, .vs-img{border-radius:10px}
.form-right{padding:10px 10px 1em}
.contact{padding:10em 10px 5em;}
.cir1_list li{flex-direction:column;}
.cir1_list li p {width:auto; margin:15px 0;display:inline-block}
.service_list li p{padding:10px 0;font-size:11px}
.whtxt p{padding-bottom:10px}
.sub-copy.whtxt{margin-top:20px}
.sub-copy{padding:0}
.number{padding-left:15px}
.company_history{margin-top:50px}
.sub-copy.txtbox{padding:10px 10px 20px}
.txtbox-sub{padding:20px;margin-top:60px}

.s6-1top .s6-1-txt span>img{height:100px;}
.s6-1bg2{padding:3em 0}
.s6-1t1{padding:0;}
.s6-1bg2 table{margin-top:15px}
.s6-1bg2 table thead th,
.s6-1bg2 table tbody td{word-break:keep-all;padding:15px 5px}
.s6-1bg2 table tbody td>strong{font-size:1.2em;font-weight:800}
}

@media(max-width:400px){
.come ul li{font-size:1em;}
.s-6 .sub-copy p br{display:none}
.f-bg>div>span br.mo{display:none}
.pr-txt>span{top:1em;left:1em}
.pr-txt p{font-size:1.3em;font-weight:normal}
}

@media(max-width:380px){
.f-form{padding:10px}
.s2-1bg9>div>ul>li{width:100%}
.s2-2bg4>div>ul>li>div{padding-bottom:4em}
.s2-2bg9>ul li{text-align:center}
.s2-2bg9>ul li>p{padding:1em .5em 3em}
}