@charset "utf-8";
@import url('base.css');
@import url('animated.css');


/* 공통 */
.pc{display:block;}
.mo{display:none;}
.opacity{opacity:0;}
.hidden{overflow:hidden;}
.submenubg{width: 100%;height: 400px;overflow: hidden;position: absolute;left: 0;top: 40px;background:unset;display:none;opacity:0;z-index:1;background-color:#fff;}
body.scroll_out{overflow:hidden;height:100%}
.scroll_out:after{width: 100%;height: 100%;display: block;content: '';background-color: #000;position: fixed;top: 0;left: 0;opacity: 0.7;z-index:1}
.scroll_out2:after{width: 100%;height: 100%;display: block;content: '';background-color: #000;position: fixed;top: 0;left: 0;opacity: 0.7;z-index:1}
a.gnb-btn{display:none;}
.mo-lang{display:none;}
/* intro */
.intro-div{max-width:1680px;margin:0 auto;}
.int-lang{display:flex;justify-content: flex-end;padding-top: 35px;}
.int-lang li a:after{content:'';display:inline-block;width:4px;height:4px;border-radius: 4px;background-color:#9ea09f;margin:0 6px;vertical-align: middle;}
.int-lang li:last-of-type a:after{display:none;}
.int-lang li a{font-size:15px;font-weight: 700;color:#9ea09f;;}
.int-lang li.on a{color:#333;}
.int-inner{max-width:1200px;margin:90px auto 0;padding-bottom: 50px;}
.int-inner h1{text-align: center;}
.int-inner .int-div{margin-top:90px;display: flex;gap: 30px;}
.int-inner .int-div p{font-size: 30px;font-weight: 600;color: #fff;margin-top:20px;}
.int-inner .int-div a{overflow: hidden;border-radius: 15px;}
.int-inner .int-div a .img-inner{overflow: hidden;display: flex;}
.int-inner .int-div a .img-inner img{transition: all 0.8s;width: 100%;}
.int-inner .int-div a:hover .img-inner  img{transform: scale(1.2);}
.int-inner .int-link01{position: relative;max-width: 740px;width:70%;border-radius: 18px;}
.int-inner .int-link01 > a{display: flex;height:100%;}
.int-inner .int-link01 .int-txt{width:50%;padding: 30px;background-color: #3743cc;}
/* .int-inner .int-link01:hover .int-txt img{animation: rotate360 2s linear infinite;} */
/* @keyframes rotate360 {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
} */
.int-inner .int-link01 a > img{width:50%;border-radius: 0 18px 18px 0;}
.int-inner .int-div > ul{max-width:435px;width: 40%;display: flex;flex-direction: column;gap: 24px;}

.int-inner .int-link02{position: relative;background-color: #e6543e;border-radius: 18px;}
.int-inner .int-link02 > a{display: flex;height:100%;flex-direction: column;}
.int-inner .int-link02 .int-txt{padding: 30px;}
.int-inner .int-link02 a > img{border-radius: 0 0 18px 18px;}

.int-inner .int-link03{position: relative;background-color: #ececec;border-radius: 18px;}
.int-inner .int-link03 > a{display: flex;height:100%;justify-content: space-between;}
.int-inner .int-link03 .int-txt{padding: 30px;}
.int-inner .int-link03 .int-txt p{color:#111;}
.int-inner .int-link03 a > img{border-radius: 0 18px 18px 0;}
.int-inner .int-link{width: 69px;height: 72px;position: absolute;background:url(../images/main/circle_bg.png)no-repeat 0 0;display: flex;justify-content: flex-end;align-items: flex-start;top: 0;right: 0;}
.int-inner .int-link i{width:45px;height:45px;display:block;background:url(../images/main/circle_icon.png)no-repeat 0 0;}
.int-inner .int-link01 a:hover .int-link i{background:url(../images/main/circle_icon_on01.png)no-repeat 0 0;background-size:100%}
.int-inner .int-link02 a:hover .int-link i{background:url(../images/main/circle_icon_on02.png)no-repeat 0 0;background-size:100%}
.int-inner .int-link03 a:hover .int-link i{background:url(../images/main/circle_icon_on.png)no-repeat 0 0;background-size:100%}
/* header */
header{}
.header-inner{position: relative;}
.header-inner .header-top{background-color:#282828}
.header-top .header-top-inner{max-width: 1440px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;height: 40px;padding: 0 20px;}
.header-top .header-top-inner .header-link{display:flex;justify-content: center;}
.header-top .header-top-inner .header-link li a{color:#888;font-size:12px;font-weight: bold;;}
.header-top .header-top-inner .header-link li a:after{content:'';display:inline-block;width:4px;height:4px;margin:0 10px;border-radius: 4px;background-color:#888;vertical-align: middle;}
.header-top .header-top-inner .header-link li:last-of-type a:after{display:none;}
.header-top .header-top-inner .header-link li.on a{color:#e6543e;}
.header-top .header-top-inner .header-lang{display: flex;}
.header-top .header-top-inner .header-lang li a{color:#888;font-size:12px;font-weight: bold;;}
.header-top .header-top-inner .header-lang li a:after{content:'';display:inline-block;width:4px;height:4px;margin:0 10px;border-radius: 4px;background-color:#888;vertical-align: middle;}
.header-top .header-top-inner .header-lang li:last-of-type a:after{display:none;}
.header-top .header-top-inner .header-lang li.on a{color:#fff;}

.header-inner .gnb{}
.header-inner .gnb .gnb-inner{max-width: 1440px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;height: 86px;padding: 0 20px;}
.gnb .hover-off{display:block;}
.gnb .hover-on{display:none;}
.gnb.on .hover-off{display:none;}
.gnb.on .hover-on{display:block;}
.gnb .gnb-inner .gnb-logo{z-index: 2;}
.gnb .gnb-inner .gnb-menu{display:flex;position: relative;z-index: 2;}
.gnb .gnb-inner .gnb-menu > li{position: relative;}
.gnb .gnb-inner .gnb-menu > li > a{font-weight: bold;color:#fff;padding-left: 40px;height: 86px;display: flex;align-items: center;}
.gnb.on .gnb-inner .gnb-menu > li > a{color:#111}
.gnb.on .gnb-inner .gnb-menu > li > a:hover{color:#e6543e}
.sub-page .gnb .gnb-inner .gnb-menu > li > a{color:#111;}
.sub-page .gnb .gnb-inner .gnb-menu > li > a:hover{color:#e6543e}
.submenu{position: absolute;top: 85px;z-index:10;width: 100%;left: 0;padding-top: 0;height:265px;padding-left: 35px;display:none;padding-top: 15px;}
.submenu.tab02{width: 300%;max-width: 315px;}
.submenu li{padding-bottom: 20px;}
.submenu li a{color:#555;font-size: 14px;font-weight: 600;}
.submenu li a:hover{color:#e6543e}

.sub-page .gnb .gnb-inner > ul > li > a{color:#000;}
.sub-page .gnb .hover-off{display:none;}
.sub-page .gnb .hover-on{display:block;}
header .gnb.on{border-bottom:1px solid #ebebeb;z-index: 2;position: relative;}
.sub-page header .gnb{border-bottom:1px solid #ebebeb;z-index: 2;position: relative;}
.inq-div01{margin-top: 15px;display: flex;gap: 20px;align-items: center;}
.inq-div01 p{font-size:18px;color:#999;}
.inq-div01 a{font-size:14px;padding: 5px 10px;border-radius:12px;background-color:#999;color:#fff;}
/* footer */
footer{background-color:#1b1b1b;position:relative;}
.scroll-top{position: absolute;bottom: 1rem;right: 1rem;width: 3rem;height: 3rem;}
.foot-inner{height:170px;max-width:1440px;margin:0 auto;padding:40px 20px;display: flex;justify-content: space-between;gap: 20px;}
.foot-inner .foot-div01 ul{display:flex;}
.foot-inner .foot-div01 ul li a{font-size:14px;font-weight: 600;color:#fff;;}
.foot-inner .foot-div01 ul li:first-of-type a:after{content:'';display:inline-block;width:2px;height:13px;background-color:#737373;margin:0 10px;vertical-align: middle;;}
.foot-inner .foot-div01 ul li:last-of-type a:after{display:none;}
.foot-inner .foot-div01 p{margin-top:10px;}
.foot-inner .foot-div01 p span{color:#9ea09f;font-size:12px;font-weight: 600;display:block;;margin-bottom:10px;font-family: 'Spoqa';}
.foot-inner .foot-div02{position:relative;max-width: 150px;width: 100%;}
.foot-inner .foot-div02 p{font-size:14px;font-weight: 600;color:#fff;padding-right:30px;background: url(../images/main/plus_icon.png)no-repeat 100% 0;height: 23px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.foot-inner .foot-div02 p.on{background: url(../images/main/plus_icon_on.png)no-repeat 100% 0;}
.foot-inner .foot-div02 .family-list{display:none;position: absolute;bottom: 100px;left: 0;width: 100%;border-radius: 12px 12px 0 0;background-color: #1b1b1b;padding: 10px 0;}
.foot-inner .foot-div02 .family-list.on{display:block;}
.foot-inner .foot-div02 .family-list{}
.foot-inner .foot-div02 .family-list li{}
.foot-inner .foot-div02 .family-list li a{color:#fff;font-size: 14px;height: 40px;display: flex;align-items: center;justify-content: center;font-family: 'Spoqa';font-weight: 5--;}
.foot-inner .foot-div02 .family-list li:hover a{color:#e6543e;}

/* index */
.sec01{background-color:#e6543e;margin-top: -86px;padding-top: 86px;}
.sec01 .sec01-inner{margin:0 auto;max-width:1440px;display: flex;justify-content: space-between;height: 485px;padding:0 20px;padding-top:60px;}
.sec01 .sec01-inner .sec01-txt{display: flex;flex-direction: column;justify-content: flex-start;height: 430px;}
.sec01 .sec01-inner .sec01-txt01{font-size:76px;color:#fff;font-weight: 600;}
.sec01 .sec01-inner .sec01-txt02{font-size:22px;font-weight: 500;color:#823a2f;margin-top: 35px;font-family: 'Spoqa';}
.sec01 .sec01-inner .sec01-img{width: 45%;display: flex;justify-content: center;align-items: flex-end;}
.ani-img{  animation: slideGrow 1s ease-in-out forwards;}
@keyframes slideGrow {
  0% {
    transform: translate(250px, -200px) scale(0.5);
    opacity: 0;
}
100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}
  }
.sec02{}
.sec02 .sec02-inner{margin:60px auto;max-width:1440px;padding:0 20px;}
.sec02 .sec02-inner > ul{display:flex;gap:20px;}
.sec02 .sec02-inner > ul + ul{margin-top:20px;}
.sec02 .sec02-inner > ul > li{background-color:#f1f1f1;border-radius: 20px;border:1px solid #f1f1f1;    transition: width .3s;    min-width: 330px;}
.sec02 .sec02-inner > ul > li img{transition: all 0.8s;}
.sec02 .sec02-inner > ul > li:hover img{transform: scale(1.1);}
.sec02 .sec02-inner > ul > li.sec02-1{width: 101vw;}
.sec02 .sec02-inner > ul > li.sec02-2{width: 33vw;text-align: center;}
.sec02 .sec02-inner > ul > li.sec02-2 a{}
.sec02 .sec02-inner > ul > li.sec02-2 a p{text-align: left;}
.sec02 .sec02-inner > ul > li.sec02-2 a img{padding-right: 20px;margin-top:30px;}
.sec02 .sec02-inner > ul > li.sec02-2:hover{width:40vw;}
.sec02 .sec02-inner > ul > li.sec02-3{width: 23vw;text-align: center;}
.sec02 .sec02-inner > ul > li.sec02-3:hover{width:30vw}
.sec02 .sec02-inner > ul > li.sec02-4{width: 23vw;text-align: center;}
.sec02 .sec02-inner > ul > li.sec02-4:hover{width:30vw}
.sec02 .sec02-inner > ul > li.sec02-5{width: 47vw;}
.sec02 .sec02-inner > ul > li.sec02-5 img{margin-top:50px;}
.sec02 .sec02-inner > ul > li a{padding:40px;position:relative;
    /* display: flex;align-items: center;flex-direction: column;align-content: center; */
}
.sec02 .sec02-inner > ul > li:hover{border:1px solid #e6543e;}
.sec02 .sec02-inner > ul > li.maxwidth{display: flex;justify-content: space-between;align-items: flex-start;padding:40px;max-width:unset;}
.sec02 .sec02-inner > ul > li .sec02-txt{font-size:18px;font-weight: 700;margin-bottom:30px;text-align: left;color:#111;}
.sec02 .sec02-inner > ul > li:hover .sec02-txt{color:#e6543e;}
.sec02 .sec02-inner .sec02-list{max-width: 300px;}
.sec02 .sec02-inner .sec02-list li{display: inline-block;margin-bottom: 10px;}
.sec02 .sec02-inner .sec02-list li a{padding: 3px 15px;height: auto;font-size:14px;font-weight: 500;color:#555555;border:1px solid #c3c3c3;border-radius:16px;display: flex;align-items: center;background-color: #fff;font-family: 'Spoqa';min-height: 30px;}
.sec02 .sec02-inner .sec02-list li:hover a{background-color:#e6543e;border:1px solid #e6543e;color:#fff;}

.sec03{background-color:#f8f8f8;}
.sec03 .sec03-inner{max-width:1440px;margin:0 auto;padding:100px 20px;display: flex;justify-content: space-between;}
.sec03 .sec03-inner p{font-size:50px;font-weight: 600;;}
.sec03 .sec03-inner ul{max-width:455px;width:100%;border-top:1px solid #777;}
.sec03 .sec03-inner ul li{padding:0 10px;border-bottom:1px solid #777;}
.sec03 .sec03-inner ul li a{display:flex;align-items: center;;height:96px;font-size:32px;font-weight: 600;color:#333;background:url(../images/main/arrow_icon.png)no-repeat 100% 50%;}
.sec03 .sec03-inner ul li:hover a{color:#e6543e;background:url(../images/main/arrow_icon_on.png)no-repeat 100% 50%;}


/* sub */
.container{}
.container .cont-inner{max-width: 1440px;margin:0 auto;padding: 80px 20px 140px;}
.cont-inner .home-link{display:flex;background: url(../images/sub/home_icon.png)no-repeat 0 2px;padding-left:15px;align-items: center;}
.cont-inner .home-link li{}
.cont-inner .home-link li a{color:#111;font-size:14px;font-weight:600;}
.cont-inner .sub-title{display:flex;justify-content: space-between;align-items: center;margin-top:20px;}
.cont-inner .sub-title h2{font-size:45px;font-weight: 600;;}
.cont-inner .sub-content{margin-top:100px;display:flex;justify-content: space-between;position:relative;}
.sub-content .sub-cont-txt{max-width: 700px;width:100%;}
.sub-content .sub-cont-txt .cont-txt-inner{max-width: 700px;padding-right: 20px;}
.sub-content .sub-cont-txt dl{}
.sub-content .sub-cont-txt dl.first-txt{margin-top:20px;}
.sub-content .sub-cont-txt dl + dl{margin-top:70px;}
.sub-content .sub-cont-txt dl dt{font-size:26px;color:#e6543e;font-weight: 700;;}
/* .sub-content .sub-cont-txt dl:first-of-type dt{margin-top:20px;} */

.sub-content .sub-cont-txt dl dd > ul > li{font-size:18px;font-weight: 500;display: flex;padding: 30px 0;line-height: 1.5;font-family: 'Spoqa';flex-direction: column;}
.sub-content .sub-cont-txt dl dd > ul > li .inq-btn{padding:5px 10px;background-color:#333;color:#fff;border-radius: 12px;display: inline-block;font-size: 14px;max-width: 72px;margin-top: 15px;}
.sub-content .sub-cont-txt dl dd > ul > li ul li{font-size:18px;font-weight: 500;display: flex;line-height: 1.5;font-family: 'Spoqa';flex-direction: column;margin-left: 20px;}
.sub-content .sub-cont-txt dl dd > ul .app-txt p{font-family: 'Spoqa';margin-bottom:10px;font-weight: 500;}
.sub-content .sub-cont-txt dl dd > ul > li + li{border-top:1px solid #eee;}
.sub-content .sub-cont-txt dl dd > ul li ul{margin-top:30px;}
.sub-content .sub-cont-txt dl dd > ul li ul li+li{margin-top:10px;}
.sub-content .sub-cont-txt dl dd .tab02{border-top:2px solid #e6543e;margin-top:35px;}
.sub-content .sub-cont-txt dl dd .tab02 li{display:flex;flex-direction: row;gap:60px;align-items: center;}
.sub-content .sub-cont-txt dl dd .tab02 li span{font-size:18px;font-family: 'Spoqa';}
.sub-content .sub-cont-txt dl dd .tab02 li span:first-of-type{font-weight: bold;width:22%}

.sub-content .sub-cont-txt dl dd .tab03{border-top:2px solid #e6543e;margin-top:35px;}
.sub-content .sub-cont-txt dl dd .tab03 li{display:flex;flex-direction: row;gap:60px;align-items: flex-start;}
.sub-content .sub-cont-txt dl dd .tab03 li div{width: 100%;}
.sub-content .sub-cont-txt dl dd .tab03 li div p{ display: flex;gap: 50px;}
.sub-content .sub-cont-txt dl dd .tab03 li div p .mod-txt01{width:100%;max-width:130px;}
.sub-content .sub-cont-txt dl dd .tab03 li div p .mod-txt02{}
.sub-content .sub-cont-txt dl dd .tab03 li span{font-size:18px;font-family: 'Spoqa';}
.sub-content .sub-cont-txt dl dd .tab03 li > span:first-of-type{font-weight: bold;max-width: 75px;width: 100%;}
.sub-content .sub-cont-txt dl dd .info-txt{}
.sub-content .sub-cont-txt dl dd .info-txt p{font-size:16px;font-weight: bold;font-family: 'Spoqa';position:relative;padding-left: 14px;}
.sub-content .sub-cont-txt dl dd .info-txt p:before{content:'';display:block;width:4px;height:4px;background-color:#111;border-radius: 4px;position: absolute;top: 7px;left: 0;}
.sub-content .sub-cont-txt dl dd .info-txt span{font-family: 'Spoqa';display:block;padding:20px 0;line-height: 1.5;}
.sub-content .sub-cont-txt dl dd .info-txt span + span{border-top:1px solid #ccc;}
.sub-content .sub-cont-txt dl dd .info-txt span:last-of-type{padding-bottom:0;}
.sub-content .sub-cont-img{}
.sub-content .sub-cont-img ul li{margin-bottom:40px;}

.sub-list{margin-top:120px;}
.sub-list.two{display:block;}
.sub-list h3{font-size:28px;font-weight: bold;color: #e6543e;;}
.sub-list ul{border-top:2px solid #e6543e;margin-top:35px;}
.sub-list ul li{width:100%;display:flex;border-bottom:1px solid #eee;padding: 33px 10px;gap: 30px;}
.sub-list.two ul li{}
.sub-list ul li > span{display: flex;width: 100%;max-width: 120px;font-family: 'Spoqa';align-items: flex-start;font-size: 18px;font-weight: bold;}
.sub-list ul li div{display: flex;flex-direction: column;gap: 10px;width: 100%;}
.sub-list ul li p{display:flex;gap: 80px;width: 100%;font-size: 18px;}
.sub-list ul li p .mod-txt01{font-weight: 500;font-family: 'Spoqa';max-width: 100px;width: 100%;display: block;}
.sub-list ul li p .mod-txt02{font-weight: 500;font-family: 'Spoqa';}
.sub-list ul li .list-link{display:flex;gap: 50px;padding-right: 20px;align-items: center;flex-direction: row;justify-content: flex-end;}
.sub-list ul li .list-link .link-pdf{font-weight: 500;font-family: 'Spoqa';}
.sub-list ul li .list-link .link-down{font-weight: 500;width:24px;height:26px;background:url(../images/sub/down_icon.png)no-repeat 0 0;text-indent: -9999px;}

/* .sub-list ul li:hover span{color:#e6543e;} */
/* .sub-list ul li:hover .list-link .link-pdf{color:#e6543e;} */
/* .sub-list ul li:hover .list-link .link-down{background:url(../images/sub/down_icon_on.png)no-repeat 0 0;} */

/* sevice */
.inq-div{display: flex;justify-content: space-between;border-top: 2px solid #e6543e;margin-top: 80px;padding-top: 50px;}
.inq-txt{max-width: 320px;width: 100%;}
.inq-txt > p{font-family: 'Spoqa';font-size: 20px;line-height: 1.5;border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.inq-txt div{margin-top: 40px;}
.inq-txt div p{font-family: 'Spoqa';font-size: 26px;color: #e6543e;font-weight: bold;margin-top: 40px;}
.inq-txt div dl{margin-top: 30px;}
.inq-txt div dl dt{font-size: 18px;font-weight: bold;}
.inq-txt div dl dd{font-family: 'Spoqa';font-size: 18px;line-height: 1.5;margin-top: 10px;font-weight: 500;color: #333;}

.apply-div{width: calc(100% - 448px);}
.apply-div .half-div{display:flex;gap:0 30px;}
.apply-div .half-div dl{width:50%;}
.apply-div dl{margin-bottom:60px}
.apply-div dl dt{display: flex;justify-content: space-between;}
.apply-div dl dt p{font-size: 18px;font-weight: 700;}
.apply-div dl dt p span{display: inline-block;vertical-align: top;color: #e6543e;font-weight: 600;}
.apply-div dl dd{margin-top:18px;}
.apply-div dl dd select{appearance: none;height: 72px;width: 100%;border: 0;font-size: 18px;padding: 0 20px;color: #111;border-radius: 10px;background:url(../images/sub/down_arrow.png)no-repeat 98% 50% #f8f8f9;font-family: 'Spoqa';}
.apply-div dl dd select option{font-family: 'Spoqa';}
.apply-div dl dd .input-txt{height: 72px;width: 100%;border: 0;font-size: 18px;padding: 0 20px;color: #111;border-radius: 10px;background-color: #f8f8f9;font-family: 'Spoqa';}
.apply-div dl:last-of-type{margin-bottom:30px;}
.apply-div .textarea-txt{width: 100%;border: 0;font-size: 18px;padding: 20px;color: #111;border-radius: 10px;background-color: #f8f8f9;height: 400px;font-family: 'Spoqa';}

.apply-form{display: flex;justify-content: space-between;}
.apply-form .apply-check-form{display: flex;align-items: center;justify-content: center;}
.apply-form .today-wrap input{width: 26px;height: 26px;vertical-align: middle;}
.apply-form .today-wrap label{font-size: 18px;margin-left: 20px;vertical-align: middle;font-family: 'Spoqa';}
.apply-form .apply-more{font-size: 16px;color: #e6543e;text-decoration: underline;margin-left: 15px;font-family: 'Spoqa';}
.apply-form .send-btn{width: 180px;height: 60px;background-color: #111;color: #fff;border-radius: 30px;display: flex;align-items: center;justify-content: center;font-size: 18px;line-height: 0;;font-weight: 600;}

/* popup */
.popup{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
.layer_popup{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 1000px;}
.apply-pop-inner{background-color:#fff;padding:45px;border-radius: 20px;;}
.apply-pop-inner .apply-pop-title{padding-bottom:30px;display:flex;justify-content: space-between;border-bottom: 2px solid #e6543e;}
.apply-pop-inner .apply-pop-title h4{font-size: 36px;font-weight: bold;font-family: 'Spoqa';}
.apply-pop-inner .apply-pop-title a{width: 30px;height: 30px;text-indent: -9999px;font-size:0;background:url(../images/sub/close_popup.png)no-repeat 0 0;}
.apply-pop-inner dl{}
.apply-pop-inner dl dt{margin-top:40px;font-size: 21px;font-weight: bold;font-family: 'Spoqa';}
.apply-pop-inner dl dd{margin-top: 30px;font-family: 'Spoqa';}
.apply-pop-inner dl dd ul{}
.apply-pop-inner dl dd ul li{font-size:18px;font-weight: 600;margin-bottom:10px;}
.popup .pop-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layer_popup.main{width: auto;}
.layer_popup.main .popup-info div{display:flex;}
.layer_popup.main .popup-info div a{width: 50%;color: #fff;display: flex;align-items: center;justify-content: center;height: 60px;background-color: #111;}
.layer_popup.main .popup-info div a:first-of-type{border-right: 1px solid #4c4c4c;}

.srv-list{border-top: 2px solid #e6543e;margin-top: 80px;}
.srv-list ul{}
.srv-list ul li{}
.srv-list ul li a{padding:0 15px;height: 90px;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;}
.srv-list ul li:hover a{color:#e6543e}
.srv-list ul li a div{display: flex;gap: 30px;}
.srv-list ul li a div span{font-family: 'Spoqa';font-size: 18px;font-weight: 500;}

.paging{display: flex;margin: 60px auto 0;max-width: 1440px;align-items: center;justify-content: center;gap: 10px;}
.paging a{width:20px;height:20px;font-weight: bold;line-height: 1.5;text-align: center;}
.paging a.on{color:#e6543e}
.paging .prev{background:url(../images/sub/prev_btn.png)no-repeat 0 0;}
.paging .prev.off{background:url(../images/sub/prev_btn_off.png)no-repeat 0 0;cursor: unset;}
.paging .next{background:url(../images/sub/next_btn.png)no-repeat 0 0;}
.paging .next.off{background:url(../images/sub/next_btn_off.png)no-repeat 0 0;cursor: unset;}
.srv-view{border-top: 2px solid #e6543e;margin-top: 80px;}
.srv-view > div{max-width:960px;margin:0 auto;}
.srv-view h3{height:190px;border-bottom:1px solid #eee;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.srv-view h3 p{font-size:30px;font-weight: 600;text-align: center;line-height: 1.5;;}
.srv-view h3 span{color:#333;font-weight: 500;font-family: 'Spoqa';margin-top:30px;;}
.srv-view .srv-file{height:80px;border-bottom:1px solid #eee;display: flex;align-items: center;justify-content: center;}
.srv-view .srv-file li{}
.srv-view .srv-file li a{margin-right: 20px;padding-left: 25px;background:url(../images/sub/file_icon.png)no-repeat 0 0;font-weight:600;}
.srv-view .srv-txt{margin:90px 0;}
.srv-view .srv-txt p{font-family: 'Spoqa';font-size:18px;margin-top:50px;line-height: 1.5;font-weight: 500;}

.view-btn{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #111;padding-top: 30px;}
.view-btn .prev{padding-left: 30px;background: url(../images/sub/prev_btn.png)no-repeat 0 -2px;}
.view-btn .next{padding-right: 30px;background: url(../images/sub/next_btn.png)no-repeat 100% -2px;}
.view-btn .list-btn{width:180px;height:60px;background-color:#e6543e;border:2px solid #e6543e;;color:#fff;border-radius: 16px;display:flex;align-items: center;justify-content: center;font-weight:600;font-size:20px;;}
.view-btn .prev:hover{background: url(../images/sub/prev_btn_hover.png)no-repeat 0 -2px;color:#e6543e}
.view-btn .next:hover{background: url(../images/sub/next_btn_hover.png)no-repeat 100% -2px;color:#e6543e}
.view-btn .list-btn:hover{border:2px solid #e6543e;background-color:#fff;color:#e6543e}
.view-btn .prev.off{background: url(../images/sub/prev_btn_off.png)no-repeat 0 -2px;color:#999;cursor: unset;}
.view-btn .next.off{background: url(../images/sub/next_btn_off.png)no-repeat 100% -2px;color:#999;cursor: unset;}
.view-btn .list-btn.off{border:2px solid #f1f1f1;background-color:#f1f1f1;color:#555; cursor: unset;}
/* 회사소개 */
.container .cont-inner.about{max-width: unset;padding: 0;}
.cont-inner.about .home-link{max-width: 1440px;margin: 0 auto;margin-top: 80px;}
.cont-inner.about .sub-title{max-width: 1440px;  margin: 0 auto;margin-top:20px;}
.innerBox{position:relative;max-width:1440px;margin:0 auto;padding:0 20px;}
.pageVisual{position:relative;overflow:hidden;background-color:#efefef;background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;    margin-top: 60px;}
.pageVisual:before{content:'';display:block;position:absolute;top:0;left:-20%;width:140%;height:100%;background:#fff;-webkit-transform:skewX(-10deg);transform:skewX(-10deg);-webkit-transition:left 1s cubic-bezier(0.71, 0.18, 1, 0.31);transition:left 1s cubic-bezier(0.71, 0.18, 1, 0.31);z-index:1;}
.pageVisual .pageVisualInner{height:340px;}
.pageVisual .pageTitle{z-index:1;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 0.75s 1.2s ease;transition:-webkit-transform 0.75s 1.2s ease;transition:transform 0.75s 1.2s ease;transition:transform 0.75s 1.2s ease, -webkit-transform 0.75s 1.2s ease;}
.pageVisual .pageTitle .tit{-webkit-animation-delay:2s;animation-delay:2s;}
.pageVisual .pageTitle .text > div:nth-child(1) [data-animation]{-webkit-animation-delay:2.2s;animation-delay:2.2s;}
.pageVisual .pageTitle .text > div:nth-child(2) [data-animation]{-webkit-animation-delay:2.4s;animation-delay:2.4s;}
.pageVisual .pageTitle .text > div:nth-child(3) [data-animation]{-webkit-animation-delay:2.6s;animation-delay:2.6s;}
.pageVisual .pageTitle .text > div:nth-child(4) [data-animation]{-webkit-animation-delay:2.8s;animation-delay:2.8s;}
.pageVisual .pageTitle .text > div:nth-child(5) [data-animation]{-webkit-animation-delay:3s;animation-delay:3s;}
.pageVisual.on:before{left:120%;}
.pageVisual.on .pageTitle{-webkit-transform:translateY(0);transform:translateY(0);}
.pageVisual.about{background-image:url(../images/sub/about.png);}
.pageVisual.history{background-image:url(../images/sub/history.png);}
.pageVisual.location{background-image:url(../images/sub/location.png);}
.pageVisual.makePrevention{background-image:url(../images/sub/makePrevention.png);}
.pageVisual.precisionParts{background-image:url(../images/sub/precisionParts.png);}
.pageVisual.process{background-image:url(../images/sub/process.png);}
.pageVisual.cnc{background-image:url(../images/sub/cnc.png);}
.pageVisual.prevention{background-image:url(../images/sub/prevention.png);}
.pageVisual.housing{background-image:url(../images/sub/housing.png);}
.pageVisual.locking{background-image:url(../images/sub/locking.png);}
.pageVisual.manifold{background-image:url(../images/sub/manifold.png);}
.pageVisual.shaft{background-image:url(../images/sub/shaft.png);}
.pageVisual.etcPrecision{background-image:url(../images/sub/etcPrecision.png);}
.pageVisual.inquiry{background-image:url(../images/sub/inquiry.png);}
.pageVisual.downloadList{background-image:url(../images/sub/downloadList.png);}


.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex > div{width:100%;}
.aboutTxt{background:#f7f7f7;padding:150px 0;}
.aboutTxt .innerBox{display:-webkit-box;display:-ms-flexbox;display:flex;}
.aboutTxt .innerBox > div{width:100%;}
.aboutTxt .tit{font-size:42px;}
.aboutTxt .text{padding-left:40px;}
.aboutTxt .text .txt1{font-size:30px;}
.aboutTxt .text .txt2{margin-top:70px;}
.imgAboutList{padding:100px 0;overflow:hidden;}
.imgAboutList .flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.imgAboutList .flex > div{width:100%;}
.imgAboutList .img{overflow:hidden;}
.imgAboutList .img img{width:100%;-webkit-transition:0.5s ease;transition:0.5s ease;}
.imgAboutList .text{padding:0 20px 0 40px;}
.imgAboutList .text .tit{font-size:42px;font-weight:bold;letter-spacing:-0.02em;}
.imgAboutList .text .summary{margin-top:35px;font-weight:200;}
.imgAboutList ul li:nth-child(odd) .flex{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.imgAboutList ul li:nth-child(odd) .text{padding:0 40px 0 20px;}
.imgAboutList ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.company{position:relative;overflow:hidden;padding:123px 0;}
.company .bg{position:absolute;left:0;top:0;width:50%;height:100%;background:#e6543e;overflow:hidden;}
.company .bg:after{content:'';position:absolute;right:440px;bottom:-195px;display:block;width:516px;height:590px;background:url(../images/sub/company-bg.png) no-repeat center center;background-size:contain;-webkit-animation:bgRotate 30s linear infinite;animation:bgRotate 30s linear infinite;}
.company .flex > div{width:100%;}
.company .tit{position:relative;color:#fff;font-size:42px;line-height:1.4;}
.company .text{padding-left:40px;}
.lineTable th, .lineTable td{padding:10px 0;height:54px;border-top:1px solid #e8e8ea;font-weight: 600;}
.lineTable tr:first-child th, .lineTable tr:first-child td{border-width:0;}
.lineTable tbody th{text-align:left;font-weight: bold;width: 210px;}

.historyList{color:#fff;padding:150px 0;}
.historyList:before{content:'';display:block;position:absolute;left:50%;top:0;bottom:205px;width:1px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0, 0, 0, 0.2);}
.historyList ul{width:720px;margin:0 auto;}
.historyList ul li{position:relative;}
.historyList ul li:before{content:'';display:block;position:absolute;left:50%;top:0;width:27px;height:30px;margin-left:-1px;-webkit-transform:translateX(-50%) scale(1) rotate(0deg);transform:translateX(-50%) scale(1) rotate(0deg);background:url(../images/sub/download.png) no-repeat center center;background-size:contain;-webkit-transition:1s cubic-bezier(0, 0.8, 0.2, 1);transition:1s cubic-bezier(0, 0.8, 0.2, 1);}
.historyList ul li:nth-child(odd){padding-right: 430px;}
.historyList ul li:nth-child(even){padding-left: 460px;}
.historyList ul li:hover:before{-webkit-transform:translateX(-50%) scale(1.2) rotate(720deg);transform:translateX(-50%) scale(1.2) rotate(720deg);}
.historyList .date{font-size:42px;font-weight: 700;color:#111;}
.historyList .txt{margin-top:20px;color:#555;}

.certificateList{background:#efefef;padding:120px 0 100px;margin-top:60px;}
.certificateList ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:100px -40px 0;}
.certificateList ul li{width:25%;text-align:center;padding:0 40px;}
.certificateList .img img{max-width:100%;}
.certificateList .txt{margin-top:30px;}

.locationWrap{color:#fff;}
.locationWrap .innerBox{height:440px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.locationWrap ul li{display: flex;}
.locationWrap ul li + li{margin-top:12px;}
.locationWrap .th{position:relative;white-space:nowrap;}
.locationWrap .td{font-size:16px;margin-left:20px;word-break:break-all;font-weight:200;}
.locationWrap.inquiry .innerBox{height:auto;}
.locationWrap.inquiry .innerBox > div{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:340px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.locationWrap.inquiry .innerBox > div + div{padding:55px 0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.locationWrap.inquiry .textBox{margin-top:-15px;}
.locationWrap.inquiry .textBox .tit{font-size:42px;line-height:1;}
.locationWrap.inquiry .textBox .txt{margin-top:22px;}
.locationMap{height:743px;background:#eee;}
.locationMap > div{width:100%;height:100%;}
.locationMap > div .wrap_map{height:100%;}

@media screen and (max-width: 1200px){
    .int-inner .int-div{padding:0 20px;}
    .sub-content .sub-cont-txt .cont-txt-inner{max-width:600px;}
}

@media screen and (max-width: 1024px){
    .gnb .gnb-inner .gnb-menu > li > a{font-size:14px;}
    .sec01 .sec01-inner{align-items: center;}
    /* .sec02 .sec02-inner > ul > li.maxwidth{flex-direction: column;} */
    .sec02-img{width: 40%;}
    .sec02-img img{width: 100%;}
    .sec02 .sec02-inner > ul > li{min-width:200px;}
    .sec02 .sec02-inner > ul > li.sec02-2:hover{width: 33vw;}
    .sec02 .sec02-inner > ul > li.sec02-3:hover{width: 23vw;}
    .sec02 .sec02-inner > ul > li.sec02-4:hover{width: 23vw;}
    .cont-inner.about .home-link{margin-left:20px;}
    .cont-inner.about .sub-title{margin-left:20px;margin-right:20px;}

}


@media screen and (max-width: 768px){
    html{font-size:10px;}
    body{ font-size: 1.4rem;}
    .pc{display:none;}
    .mo{display:block;}
    .lineTable tbody th{width:50%}
    /* intro */
    .int-lang{margin:0 2rem;}
    .int-inner{margin-top:3rem;}
    .int-inner h1 img{width:40%}
    .int-inner .int-div{flex-direction: column;gap: 2rem;margin-top: 3rem;padding: 0 2rem;}
    .int-inner .int-link01{max-width:unset;width:100%;}
    .int-inner .int-div p{font-size:1.6rem;}
    .int-inner .int-link{width: 4.5rem;height: 5rem;background-size: 100%;}
    .int-inner .int-link i{width:3rem;height:4rem;background-size:100%;}
    .int-inner .int-link01 .int-txt{width:70%;padding: 2rem;}
    .int-inner .int-div .int-link01 a .img-inner{width:45%;}
    .int-inner .int-div .int-link01 a .img-inner img{height:100%;}
    .int-inner .int-div > ul{max-width:unset;width:100%;gap:2rem;}
    .int-inner .int-div a .img-inner{width:100%;}
    .int-inner .int-link02 .int-txt{height: 12rem;padding: 2rem;}
    .int-inner .int-div .int-link02 a .img-inner{height: 7rem;}
    .int-inner .int-link03 .int-txt{padding:2rem;width: 50%;}
    .int-inner .int-link01 a .int-link i{background:url(../images/main/circle_icon_on01.png)no-repeat 0 0;background-size:100%}
    .int-inner .int-link02 a .int-link i{background:url(../images/main/circle_icon_on02.png)no-repeat 0 0;background-size:100%}
    .int-inner .int-link03 a .int-link i{background:url(../images/main/circle_icon_on.png)no-repeat 0 0;background-size:100%}

    /* header */
    .header-top .header-top-inner{justify-content: center;;}
    .header-top .header-top-inner .header-lang{display:none;}
    .header-top .header-top-inner .header-link li a{font-size:1.1rem;}
    .header-top .header-top-inner .header-link li a:after{margin:0 3rem;}
    .header-inner .gnb{padding:2rem;}
    .header-inner .gnb .gnb-inner{height:auto;padding: 0;}
    .gnb .gnb-inner .gnb-logo{max-width: 14rem}
    a.gnb-btn{display:block;max-width:4rem;}
    .gnb-open{width: 100%;z-index:11;position: fixed;top: 0;right: -200%;background-color:#282828;height: 100vh;}
    .gnb .gnb-inner .gnb-menu{flex-direction: column;margin-top: 3rem;}
    .gnb .gnb-inner .gnb-menu > li{padding:0 2rem;}
    .gnb .gnb-inner .gnb-menu > li > a{height: 6rem;font-size: 1.8rem;padding-left: 0;width: 100%;border-bottom: 1px solid #333;}
    .sub-page .gnb .gnb-inner .gnb-menu > li > a{color:#fff;}
    .gnb .gnb-inner .gnb-menu > li > a.on{color:#e6543e;}
    .mo-lang{display:flex;width: 100%;padding: 0 2rem;justify-content: space-between;margin-top: 1.5rem;}
    .mo-lang ul{display: flex;gap: 0.5rem;}
    .mo-lang ul li a{height: 3rem;width: 6rem;color: #888;border: 2px solid #888;border-radius: 2rem;display: flex;align-items: center;justify-content: center;}
    .mo-lang ul li.on a{color:#fff;border:2px solid #fff;}
    .mo-lang .gnb-close{max-width: 2rem;}
    .sub-btn{display:none;}
    .submenu{position:relative;top:unset;height:unset;padding-left:unset;}
    .submenu.tab02{width:auto;max-width:unset;}
    .submenubg{display:none;}
    .submenu li{padding-bottom:0;}
    .submenu li a{color:#999;height: 4rem;display: flex;align-items: center;position:relative;padding-left: 1rem;}
    .submenu li a:before{content:'';display:block;width:3px;height:3px;background-color:#999;border-radius:4px;position: absolute;top: 1.7rem;left: 0;}
    .submenu li a:hover{color:#fff;}

    .sec01 .sec01-inner{flex-direction: column;padding: 0 2rem;align-items: flex-end;}
    .sec01 .sec01-inner .sec01-txt{height: auto;margin-top: 5rem;width: 100%;}
    .sec01 .sec01-inner .sec01-txt01{font-size: 3.2rem;}
    .sec01 .sec01-inner .sec01-txt02{font-size: 1.5rem;margin-top: 2rem;}
    .sec01 .sec01-inner .sec01-img{width:80%;}
    .sec01 .sec01-inner .sec01-img img{max-width: 360px;width: 100%;}
    
    .sec02 .sec02-inner{margin:4rem 0 0;padding: 0 2rem;}
    .sec02 .sec02-inner > ul{flex-direction: column;gap:1rem;}
    .sec02 .sec02-inner > ul > li.sec02-1{width:100%;padding: 2rem;flex-direction: column;align-items: center;transition:unset;}
    .sec02 .sec02-inner > ul > li.sec02-1:hover img{transform:unset;}
    .sec02 .sec02-inner > ul > li.sec02-2{width:100%;}
    .sec02 .sec02-inner > ul > li.sec02-3{width:100%;}
    .sec02 .sec02-inner > ul > li.sec02-4{width:100%;}
    .sec02 .sec02-inner > ul > li.sec02-5{width:100%;padding:2rem;flex-direction: column;align-items: center;transition:unset;}
    .sec02 .sec02-inner > ul > li.sec02-5:hover img{transform:unset;}
    .sec02 .sec02-inner .sec02-list li{margin-bottom:0.5rem;}
    .sec02 .sec02-inner .sec02-list li a{font-size:1.2rem;}
    .sec02 .sec02-inner .sec02-link{width:100%;}
    .sec02 .sec02-inner > ul > li .sec02-txt{font-size:1.4rem;}
    .sec02 .sec02-inner > ul > li.sec02-1 .sec02-img{display:flex;align-items: center;justify-content: center;margin-top:3rem;width: 100%;}
    .sec02 .sec02-inner > ul > li.sec02-1 .sec02-img img{width:80%;}
    .sec02 .sec02-inner > ul > li.sec02-2 a{display: flex;padding: 2rem;height: 20rem;flex-direction: row;align-content: space-around;flex-wrap: wrap;}
    .sec02 .sec02-inner > ul > li.sec02-2 a p{margin-bottom: 0;font-size: 1.4rem;}
    .sec02 .sec02-inner > ul > li.sec02-2 a div{margin: 0;padding: 0;width: 100%;display: flex;justify-content: flex-end;flex-wrap: nowrap;flex-direction: row;}
    .sec02 .sec02-inner > ul > li.sec02-2 a div img{padding:0;margin:0;width: 30%;max-width: 100px;}
    .sec02 .sec02-inner > ul > li.sec02-3 a{display: flex;padding: 2rem;height: 20rem;flex-direction: row;align-content: space-around;flex-wrap: wrap;}
    .sec02 .sec02-inner > ul > li.sec02-3 a p{margin-bottom: 0;font-size: 1.4rem;}
    .sec02 .sec02-inner > ul > li.sec02-3 a div{margin: 0;padding: 0;width: 100%;display: flex;justify-content: flex-end;flex-wrap: nowrap;flex-direction: row;}
    .sec02 .sec02-inner > ul > li.sec02-3 a div img{padding:0;margin:0;width: 50%;max-width: 160px;}
    .sec02 .sec02-inner > ul > li.sec02-4 a{display: flex;padding: 2rem;height: 20rem;flex-direction: row;align-content: space-around;flex-wrap: wrap;}
    .sec02 .sec02-inner > ul > li.sec02-4 a p{margin-bottom: 0;font-size: 1.4rem;}
    .sec02 .sec02-inner > ul > li.sec02-4 a div{margin: 0;padding: 0;width: 100%;display: flex;justify-content: flex-end;flex-wrap: nowrap;flex-direction: row;}
    .sec02 .sec02-inner > ul > li.sec02-4 a div img{padding:0;margin:0;width: 40%;max-width: 160px;}
    .sec02 .sec02-inner > ul > li.sec02-5 .sec02-img{display: flex;justify-content: flex-end;width: 100%;}
    .sec02 .sec02-inner > ul > li.sec02-5 .sec02-img img{width: 50%;margin-top: 0;max-width: 180px;}
    .sec02 .sec02-inner > ul > li.sec02-2:hover{width:unset;}
    .sec02 .sec02-inner > ul > li.sec02-3:hover{width:unset;}
    .sec02 .sec02-inner > ul > li.sec02-4:hover{width:unset;}

    .sec03{margin-top:3rem;}
    .sec03 .sec03-inner{flex-direction: column;padding:4rem 2rem;}
    .sec03 .sec03-inner p{font-size:2.8rem;}
    .sec03 .sec03-inner ul{margin-top: 6rem;max-width: unset;}
    .sec03 .sec03-inner ul li a{height: 6rem;font-size: 1.6rem;background-size: 3rem;}
    .sec03 .sec03-inner ul li:hover a{background:url(../images/main/arrow_icon_on.png)no-repeat 100% 50%;background-size:3rem;}

    /* footer */
    footer{padding-bottom: 8rem;}
    .foot-inner{padding:4rem 2rem;flex-direction: column;height: auto;}
    .foot-inner .foot-div01 ul{margin-top:3rem;}
    .foot-inner .foot-div01 p{margin-top:3rem;}
    .foot-inner .foot-div02{display:none;}
    .scroll-top{position: absolute;bottom: 4rem;right: 2rem;width: 3rem;height: 3rem;}

    /* sub */
    .sub-page .main-btn{display:none;}
    .sub-page .sub-btn{display:block;}
    .container .cont-inner{padding:3rem 2rem 4rem;}
    .cont-inner .home-link{display:none;}
    .cont-inner .sub-title{flex-direction: column;align-items: flex-start;gap: 3rem;}
    .cont-inner .sub-title h2{font-size:3rem;}
    /* .cont-inner .sub-title img{max-width:200px;} */

    .cont-inner .sub-content{margin-top:5rem;flex-direction: column;}
    .sub-content .sub-cont-txt .cont-txt-inner{padding-right:0;max-width: unset;position: unset !important;}
    .sub-content .sub-cont-txt dl + dl{margin-top:0;}
    .sub-content .sub-cont-txt dl dt{font-size:2rem;}
    .sub-content .sub-cont-txt dl dd > ul >  li{font-size:1.5rem;padding: 2rem 0;}
    .sub-content .sub-cont-txt dl dd > ul .app-txt p{font-size:1.5rem;}
    .sub-content .sub-cont-txt dl dd .tab03 li{flex-direction: column;gap: 3rem;}
    .sub-content .sub-cont-txt dl dd .tab03 li div{display: flex;flex-direction: column;gap: 3rem;}
    .sub-content .sub-cont-txt dl dd .tab03 li div p{flex-direction: column;gap: 1rem;}
    .sub-content .sub-cont-txt dl dd .tab03 li div p .mod-txt01{font-size:1.6rem;}
    .sub-content .sub-cont-txt dl dd .tab03 li div p .mod-txt02{font-size:1.6rem;}
    .sub-content .sub-cont-txt dl dd > ul > li .inq-btn{font-size:1.4rem}

    .sub-content .sub-cont-img{margin-top:2rem;}
    .sub-content .sub-cont-img ul li{margin-bottom:2rem;}
    .sub-content .sub-cont-img ul li img{width:100%;}
    .sub-list{margin-top:5rem;}
    .sub-list h3{font-size:1.8rem;}
    .sub-list ul li{flex-direction: column;justify-content: center;align-items: flex-start;gap: 3rem;height: auto;padding: 2rem 1rem;}
    .sub-list ul li .list-link{width: 100%;justify-content: flex-end;gap: 2rem;}
    .sub-list ul li .list-link .link-down{width:1.5rem;height:1.9rem;background-size:100%;}
    .sub-list ul li p{gap:1.5rem;}

    .innerBox{padding:0 20px;}
    .aboutTxt{padding:60px 0;}
    .aboutTxt .innerBox{display:block;}
    .aboutTxt .tit{font-size:25px;}
    .aboutTxt .text{padding-left:0px;margin-top:40px;}
    .aboutTxt .text .txt1{font-size:18px;}
    .aboutTxt .text .txt2{margin-top:20px;}
    .imgAboutList{padding:60px 0;}
    .imgAboutList .text{padding:20px 10px 0 !important;}
    .imgAboutList .text .tit{font-size:25px;}
    .imgAboutList .text .summary{margin-top:5px;}
    .imgAboutList ul li .flex{display:block;}
    .imgAboutList ul li+li{margin-top:40px;}
    .company{padding:0;}
    .company .bg{display:none;}
    .company .innerBox{padding-top:00px;padding-bottom:50px;}
    .company .flex{display:block;}
    .company .flex > div{padding-right:0;}
    .company .flex > div:first-child{margin:0 -20px;padding:60px 20px;width:auto;position:relative;background:#e6543e;overflow:hidden;}
    .company .flex > div:first-child:before{content:'';position:absolute;right:-18px;bottom:-55px;display:block;width:172px;height:196px;background:url(../images/introduce/company-bg.png) no-repeat center center;background-size:contain;-webkit-animation:bgRotate 30s linear infinite;animation:bgRotate 30s linear infinite;}
    .company .flex > div + div{padding-left:0;margin-top:50px;}
    .company .tit{font-size:25px;margin-top:0;}
    .company .text{padding-left:0;}

    .historyList{padding:60px 0;}
    .historyList:before { bottom:110px;}
    .historyList ul{width:auto;}
    .historyList ul li:before{top:8px;width:18px;height:20px;}
    .historyList ul li:nth-child(odd){padding-right:calc(50% + 30px);text-align:right;}
    .historyList ul li:nth-child(even){padding-left:calc(50% + 30px);}
    .historyList .date{font-size:25px;}
    .historyList .txt{margin-top:10px;}

    .certificateList{padding:60px 0 45px;}
    .certificateList ul{margin:35px -10px 0;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .certificateList ul li{width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:15px 10px;}
    .certificateList .txt{margin-top:15px;}

    .locationWrap .innerBox{height: auto;padding: 2rem;}
    .locationWrap ul li{flex-direction: column;}
    .locationWrap .th,.locationWrap .td{font-size:1.4rem;margin-left: 0;margin-top: 1rem;word-break: keep-all;}
    .locationMap{height:400px;}
    .locationWrap.inquiry .innerBox{display:block;padding-top:40px;padding-bottom:40px;}
    .locationWrap.inquiry .innerBox > div{display:block;height:auto;}
    .locationWrap.inquiry .innerBox > div + div{padding:0;margin-top:30px;}
    .locationWrap.inquiry .textBox{margin-top:0px;}
    .pageVisual { background-color:unset; background-size:cover; background-attachment:scroll}
    .pageVisual .pageVisualInner{height:200px;}  #footer{padding:20px 0;}  #footer .innerBox{display:block;}  #footer .footLogo{width:72px;height:26px;}  #footer .footInfo{margin-left:0;margin-top:1rem;}
    .inq-div{margin-top:5rem;padding-top: 2rem;flex-direction: column;}
    .inq-txt{max-width:unset;}
    .inq-txt > p{font-size:1.6rem;padding-bottom:2rem;}

    .inq-txt div dl dt{font-size:1.6rem;}
    .inq-txt div dl dd{font-size:1.4rem;}

    .apply-div{width:100%;padding-top: 3rem;border-top: 1px solid #111;margin-top: 3rem;}
    
    .apply-div .half-div{flex-direction: column;}
    .apply-div .half-div dl{width:100%;}
    .apply-div dl{margin-bottom:3rem;}
    .apply-div dl dt p{font-size:1.6rem;}
    .apply-div dl dd .input-txt{height:5rem;font-size:1.4rem;}
    .apply-div dl dd select{height:5rem;font-size:1.4rem;}
    .apply-div .textarea-txt{padding:2rem;height:20rem;}
    
    .apply-form{flex-direction: column;margin-top: 2rem;}
    .apply-form .apply-check-form{justify-content: space-between;}
    .apply-form .today-wrap{position:relative;padding-left: 3rem;}
    .apply-form .today-wrap input[type="checkbox"]{width:1.6rem;height:1.6rem;position: absolute;top: 0;left: 0;}
    .apply-form .today-wrap label{font-size:1.4rem;margin-left: 0;}
    .apply-form .today-wrap input[type="checkbox"]:checked::after{width: 1rem;height: 0.8rem;background-size: 100%;}
    .apply-form .apply-more{font-size:1.4rem;}
    .apply-form .send-btn{margin: 0 auto;height: 5rem;margin-top: 4rem;font-size: 1.6rem;width:20rem;}
    .layer_popup{width:90%;}
    .layer_popup.main{width:80%;}
    .apply-pop-inner{padding:2.5rem;border-radius: 1.5rem;;}
    .apply-pop-inner .apply-pop-title{padding-bottom:1rem;}
    .apply-pop-inner .apply-pop-title h4{font-size:2rem;}
    .apply-pop-inner .apply-pop-title a{width:2rem;height:2rem;background-size:100%;}
    .apply-pop-inner dl dt{font-size: 1.6rem;margin-top: 2rem;}
    .apply-pop-inner dl dd{margin-top: 1rem;}
    .apply-pop-inner dl dd ul li{font-size:1.4rem;}

    .srv-list{margin-top:5rem;}
    .srv-list ul li a{flex-direction: column;justify-content: center;align-items: flex-start;gap: 2rem;height: auto;padding: 2rem 1rem;}
    .srv-list ul li a div{gap:1rem;width: 100%;}
    .srv-list ul li a div:last-of-type{justify-content: flex-end;}
    .srv-view{margin-top:5rem;}
    .srv-view h3 p{font-size:2rem;}
    .srv-view h3 span{margin-top:2rem;font-size:1.5rem;}
    .srv-view h3{height:auto;padding: 2rem 0;}
    .srv-view .srv-file{height: auto;justify-content: center;flex-wrap: wrap;gap: 1rem;padding: 1rem 0;}
    .srv-view .srv-file li a{font-size:1.2rem;}
    .srv-view .srv-txt p{font-size:1.6rem;}
    .view-btn .list-btn{width:12rem;height:4rem;font-size:1.4rem;}

    .sub-list ul li p .mod-txt01{font-size:1.4rem;}
    .sub-list ul li p .mod-txt02{font-size:1.4rem;}
    .inq-div01{justify-content:space-between;}
    .inq-div01 p{font-size: 1.2rem;}
    .inq-div01 a{font-size:1.2rem;}
}