.pt50 {padding-top:5rem;}
.pt60 {padding-top:6rem;}
.pt70 {padding-top:7rem;}
.pt80 {padding-top:8rem;}
.pt90 {padding-top:9rem;}
.pt100 {padding-top:10rem;}
.mb_header {position: relative !important}

.con1_bx {padding:0 22rem;background:url("/image/sub/con1_bg1.png")  0 10% no-repeat;}

.sub_con {max-width:1480px;margin:auto;}

.con_txt1 {font-size:3rem;font-weight:700;}
.con1_in1 {display:table;width:100%;}
.con1_in1>div {display:table-cell;width:53%;vertical-align: top}
.con1_in1 .st1 {font-size:10rem;font-weight:700;line-height:1.1}
.con1_in1 .st2 {font-size:3.4rem;font-weight:600;}
.con1_in1 .st3 {font-size:2.2rem;color:#3f3f3f;line-height:1.5}

.con1_in2>li {width:33.333%;float:left;padding-left:3rem;margin-bottom:3rem}
.con1_in2>li>span{transition:all 1s; padding:4rem;;display:block;background-color:#f5f5f5;height:340px;}
.con1_in2>li>span>p:nth-child(1) {font-size:3.8rem;font-weight:500;}
.con1_in2>li>span>p:nth-child(2) {margin-top:1rem;font-size:2.6rem;}
.con1_in2 {margin-left:-3rem}
.con1_in2>li>span:hover {background-color:#ff743b;}
.con1_in3 {padding-bottom:2rem;border-bottom:1px solid #ddd;font-size:8rem;font-weight:700;margin-top:14rem;}
.con1_in3>span:before {content:"";width:20px;height:20px;border-radius:50%;background-color:#ff743b;position: absolute;bottom:1rem;right:-3rem;}
.con1_in3>span {position: relative}
.con1_in4>p {margin-top:7rem;font-size:6rem;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:2rem;}

.con1_in4 li>a {position:relative;display:block;padding:3rem 2rem;border-bottom:1px solid #ddd;font-size:2.5rem;}
.con1_in4 li.no_detail a:hover {
    background-image:none;
}
.con1_in4 li  a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #000; 
  z-index: -1; 
  transition: height 0.4s ease-in-out; 
}

.con1_in4 li  a:hover {
  color: #fff; 
  background:url('/image/sub/arrow.png') 98% 50%  no-repeat;
}

.con1_in4 li  a:hover::before {
  height: 100%; 
}


.footerWrap {margin-top:13rem;}


.work_tab .st2>li>a {font-size:2.2rem;border:1px solid #000;display:inline-block;padding:1rem 4rem;border-radius:50rem;}
.work_tab .st2>li {display:inline-block;margin-right:1rem;}
.work_tab .st2>li>a.on {background-color:#000;color:#fff}
.work_tab .st3 {background-color:#e3e3e3;border-radius:50rem;padding:1rem 3rem;}
 .work_tab .st3 input[type="text"] {background-color:#e3e3e3;border:0;vertical-align: middle;font-size:2rem;}
.work_tab .st3 button {vertical-align: middle;border:0;background:none;}

.works_li {margin-left:-3rem}
.works_li>li {margin-bottom:4rem;width:33.3333%;float:left;padding-left:3rem;}
.works_li>li  .img {width:100%;position:relative;display:block; border-radius:10px;}
.works_li .st1 {color:#727272;font-size:1.7rem;}
.works_li .st3 {;font-size:2.6rem; display:inline-block;vertical-align: middle}
.works_li>li  .img img {width:100%}
.works_li .st4 {width:1px;height:20px;margin:0 1rem;background-color:#000;display:inline-block;vertical-align: middle}
.works_li>li:hover .img:before {z-index:99; border-radius:10px; content:"";width:100%;right:0;bottom:0;height:100%;background-color:rgba(0,0,0,.2);position: absolute;left:0;top:0;}


.view_bg {color:#fff;font-size:8rem;background-size:cover !important;font-weight:600;padding:30rem 0}





.view_txt1 {font-size:5rem;}
.view_txt2>li {display:inline-block;margin-right:6rem;}
.view_txt2>li p {margin-bottom:5px;color:#6e6e6e;font-size:1.7rem;font-weight:300}
.view_txt2>li div {font-size:2.2rem;}

.view_txt3 {border-top:1px solid #ddd;padding-top:3rem;margin-top:3rem;}


.view_txt3 .fl{width:73%;padding-right:5rem;}
.view_txt3 .fl div {font-size:2.2rem;line-height:1.5}
.view_txt3 .fr{width:27%;}
.view_txt3  p {margin-bottom:1rem;color:#6e6e6e;font-size:1.7rem;font-weight:300}
.view_txt3 .fr span {margin-bottom:1rem;margin-right:1rem;display:inline-block;font-size:1.9rem;border:1px solid #ddd;padding:1rem 2rem;border-radius:50rem;}



.no-scroll {overflow:hidden}

/* 2. 숨겨진 div 설정 */
.about_con {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  z-index: 9999;
opacity:0;
visibility: hidden;
 
 
  
}
.about_con.active  {visibility: visible;opacity: 1}
.con_close {opacity:0; width:100%;height:100%;background-color:rgba(0,0,0,0.5);position: fixed;left:0;top:0;}
.about_con.active  .con_close {;opacity: 1}
.about_view { transition: transform .3s ease-in-out;transform: translateX(100%);height:100%;width:100%;margin-left:20%;background-color:#fff;position: absolute;z-index: 99;s}
.about_view .st1 a{ font-size:2rem;font-weight:600;border:1px solid #fff;display:inline-block;border-radius:50rem;padding:1.8rem 2rem ;color:#fff;}
.about_view .st1{position:relative; width:15%;background-color:#ff743b;height:100%;}
.about_view .st1>div{width:100%;text-align:center;position:absolute;bottom:2rem;left:0;}
/* 3. 클래스가 붙었을 때 나타남 */
.about_con.active .about_view {
  transform: translateX(0); /* 제자리로 슬라이드 */
}
.about_view .st2 {width:65%;height:100%;overflow-y:scroll;padding:22rem 15rem 10rem}
.about_con .close2 {position: absolute;right:3rem;top:3rem;z-index: 99999;cursor:pointer}


.about_view .st3 {color:#000;font-size:8rem;font-weight:600;position:relative;display:inline-block;}
.about_view .st3::after {
  content: '';
  position: absolute;
  right: -40px;
  bottom: 15px;
  width: 20px;
  height: 20px;
  background-color: #ff743b;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s;
}
.about_con.active .about_view .st3::after {
  opacity: 1;
 
  animation: 
    fadeIn 0.5s forwards, 
    bounce .7s  alternate cubic-bezier(0.5, 0.05, 1, 0.5);

}
.about_view .st4 {font-size:3rem;}

.about_view .st5 li {border-bottom:1px solid #ddd;padding:4rem 0;border-bottom:1px solid #ddd;}
.about_view .st5 li>div>p {font-size:3rem;font-weight:500;margin-bottom:2rem;font-weight:700;}
.about_view .st5 li>div>div {line-height:1.5;font-size:2.2rem;color:#3f3f3f;}
.about_view .st5 .long {padding-left:1.5rem;position: relative}
.about_view .st5 .long:before {content:"";width:7px;border-radius:50%;height:7px;background-color:#000;position: absolute;left:0;top:12px;}
.about_view .st5 li:last-child {border-bottom:0}

b {font-size:5rem;}
.mcont_area{position:relative;width: 100%;margin:0 auto;padding:80px 0;background: url(../image/main/mcbg.jpg) no-repeat center center; background-size: cover;}
.mcont_area:after{content:"";position:absolute;left:calc((100% - 1760px) / 2);top:210px;z-index:1;width:120px;height:776px;background: url(../image/main/mtbg2.png) no-repeat center center;}
.mcont_wid{width:calc(100% - 20px);max-width:1180px;margin:0 auto;position:relative;}
.mcb_title{position:absolute;left:0;top:0;}
.mcb_title > p.txt1{margin-bottom:5px;font-size:15px;color:#0b1a3b;font-family: 'S-Core Dream 3';}
.mcb_title > p.txt2{margin-bottom:5px;font-size:41px;color:#000;font-family: 'S-Core Dream 5';}
.mcb_title > p.txt3{position:relative;display:inline-block;margin-bottom:30px;font-size:41px;color:#000272;font-family: 'S-Core Dream 5';}
.mcb_title > p.txt3:after{content:"";position:absolute;right:-15px;top:0;width:10px;height:10px;border-radius:100%;background:#000272;}
body.ps_title .mcb_title{position:fixed;left:calc((100% - 1180px) / 2);z-index:55;}
.mcb_box p.tit{font-size:22px;color:#0b1a3b;font-weight:bold;}
.mcb_box p.tit span{display:block;font-size:70px;color:#000272;font-family: 'S-Core Dream 3'; font-weight: 300;line-height:1;opacity:0.1;position:relative;bottom:-15px;}
.mcb_box p.txt{font-size:19px;color:#454545;line-height:1.6;margin-top:15px;}
.people__talent-point {margin-top:-1rem;}
.p_txt1 {font-size:8rem;font-weight:600}
.people__talent-kr {margin-top:-5px;font-size:4.8rem;font-weight:500 !Important;line-height:1;}
.people_bx>div {line-height:1.65;color:#3f3f3f;font-size:2.2rem;width:50%;float:left;margin-top:10rem;}
.people {max-width:1480px;margin:auto}
.dot {width:27px;height:27px}
.people__talent-desc {font-size:2.2rem;}



.p_txt2 {font-size:8rem;font-weight:600}

.p_txt3 {line-height:1.65;margin-top:10rem;font-size:2.2rem;}
.p_txt3>div>span {font-weight:600}


.p_txt4 {font-size:2rem;border:1px solid #000;display:inline-block;padding:1rem 4rem;border-radius:50rem;}

body[data-body-theme="dark"] .p_txt4,
body[data-body-theme="dark"] .p_txt2,
body[data-body-theme="dark"] .p_txt1,
body[data-body-theme="dark"] .p_txt3,
body[data-body-theme="dark"] .p_txt4,
body[data-body-theme="dark"] .people_bx>div {color:#fff}

body[data-body-theme="dark"] .p_txt4 {color:#fff;border:1px solid #fff;}
body[data-body-theme="dark"] .p_txt4 a {color:#fff;}



.contact_bx {max-width:1480px;margin:auto}
.contact_txt1 {font-size:2.2rem;color:#3f3f3f}


.contact_bx2>div {width:33.3333%;float:left;}
.contact_bx2>div>p {color:#3f3f3f;font-size:1.7rem;font-weight:300;}
.contact_bx2>div>div {color:#000;font-size:2.2rem;font-weight:600;}


.contact_bx3 p {font-size:2rem;margin-bottom:1rem;}
.contact_bx3 div {background-color:#eee;border-radius:20px;}
.contact_bx3 div input[type="text"] {width:100%;padding:1rem;font-size:1.7rem;height:60px;border:0;background:none;}

.contact_h {margin-left:-4rem;}
.contact_h>div {width:50%;float:left;padding-left:4rem;}

.contact_bx3 textarea {border:0;background:none;padding:2rem;font-size:1.7rem;width:100%;height:300px;}

.select2 {
  
}
.select2 input[type=radio]{
    display: none;
}
.select2 input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    margin-right:5px;
    border: 1px solid #ddd;
    padding:1rem 3rem;
    border-radius:50rem;
    text-align: center;
    
    font-size:1.9rem;
}
.select2 input[type=radio]+label{
    background-color: #fff;
    color: #333;
}
.select2 input[type=radio]:checked+label{
    background-color: #333;
    color: #fff;
}
.ch_txt {font-size:2.2rem;}
.ch_txt a {text-decoration:underline}
input[type="checkbox"]{
        display: none;
      }
input[type="checkbox"] + label{
        display: inline-block;
        width:35px;height:35px;
        cursor:pointer;
        background:url('/image/sub/ch.png') no-repeat;
        position: relative;
        background-size:cover;
        vertical-align: middle
      }
input[id="check1"]:checked + label::after{
    content:"";
         background:url('/image/sub/ch_on.png') no-repeat;
        text-align: center;
        background-size:cover;
        position: absolute;
         width:35px;height:35px;
        left: 0;
        top:0;
      }


.p_txt4 {font-size:2rem;border:1px solid #000;display:inline-block;padding:1rem 4rem;border-radius:50rem;}

.contact_wp2 {max-width:930px;margin:auto}


.privacy_txt1{line-height:1.6;color:#3f3f3f;font-size:2.2rem;}

.l_10 {padding-left:2rem;}


.privacy_txt1 b{display:block;font-size:2.2rem;font-weight:600}

.long_t {display:block;padding-left:1rem;text-indent:-1rem}