@charset "utf-8";
@media (max-width: 1720px) {
	/* header */
    #sub #wrapper{padding-top:80px;}
    #header:after{top:80px;}
    #header .contain{height:80px;padding:0 30px;}
    #header .sitelogo {top:25px; left:30px;}
    #header .sitelogo img{height:30px;}

    #gnb>ul>li {width:150px;}
    #gnb>ul>li>a {font-size:18px; line-height:80px;}

    #gnb .submenu {top:80px;}
    #gnb .submenu ul {padding:20px 0;}
    #gnb .submenu ul li {margin-bottom:15px;}
    #gnb .submenu ul li a {font-size:15px;}

    .lang {right:170px;}
    .lang .lang-open {top:38px;}

    .btn-inquiry{right:30px;padding:0 20px;height:36px;}
    .btn-inquiry span{padding-left:25px;font-size:14px;}
    .btn-inquiry span:before{width:18px;height:18px;}

    .sec1 .fp-tableCell,
    .sec2 .fp-tableCell,
    .sec3 .fp-tableCell,
    .sec4 .fp-tableCell,
    .sec5 .fp-tableCell,
    .sec6 .fp-tableCell{padding-top:80px;}
}

@media (max-width: 1400px) {
    .btn-m-menu{display: block;}
    #gnb{display: none;}
    .lang {right:230px;}
    .btn-inquiry{right:90px;}

    #fp-nav{display: none;}

    /* main */ 
    .main-visual .scroll{right:30px;}

    [lang=en] #footer .foot-btm address dl{display: block;}
    [lang=en] #footer .foot-btm address dl dt{width:100%;}

}

@media (max-width: 1230px) {
    /* main */ 
    .sec1 .con ul{margin:0 -10px;}
    .sec1 .con ul li{padding:0 10px;}
    .sec1 .con ul li .box{height:450px;}
    .sec1 .con ul li .box:hover{margin-top:0;}
    .sec1 .con ul li .box .txt .eng{font-size:40px;}
    .sec1 .con ul li .box .txt .tit{margin-top:0;font-size:24px;padding:0;}

    .main-product{display: block;}
    .main-product .sec-tit{margin-right:0;margin-bottom:30px;}
    .main-product .sec-tit br{display: none;}
    .main-product .controls{display: block;gap:0;margin-top:40px;}
    .main-product .controls .tab-cate{margin-right:0;margin-bottom:10px;}
    .main-product .controls .tab-cate ul{display: flex;flex-wrap:wrap;gap:20px;}
    .sld-arr{width:36px;height:36px;}
    .main-product .right{width:115%;margin:-50px -50% -50px -50px;}
    .main-product-sld{width:33.3333%;}

    .main-notice .sld .slick-list{margin:-10px}
    .main-notice .sld .item{padding:10px;}
    .main-notice .sld .item .box{min-height:250px;}
    .main-notice .sld .item .box:hover{margin-top:0;}
    .main-notice .sld .item .box .btm .btn{width:40px;height:40px;}


    .scroll-top{width:50px;height:50px;right:30px;bottom:30px;}
    .scroll-top span{padding-top:12px;font-size:12px;}
    .scroll-top span:before{height:7px;}

    /* sub page */
    .sub-visual {height:300px;}
    .sub-visual .scroll-down img{height:40px}

    /* 회사개요 */
    .overview .btm-con{display:block;}
    .overview .top-con .top-tt:before{display: none;}
    .overview .btm-con .doc-tit{margin-right:0;margin-bottom:20px;}
    .overview .btm-con .info{width:100%;}
    .overview .btm-con .info dl dt{width:120px;}

    /* 연혁 */
    .history .row .img{width:40%;margin-right:40px;}
    .history .row .tt-wrap .tit{margin-bottom:15px;}
    .history .row .tt-wrap .info>ul>li .year{width: 70px;}
    .history .row:nth-child(even) .img{margin-left:40px;}

    /* 인증 */
    .pg-menu ul li a{min-width:140px;height:50px;}
    .certi-list ul{margin:0 -15px -45px;}
    .certi-list ul li{padding:0 15px;margin-bottom:45px;}

    /* 네트워크 */
    .network{margin:0 -20px;}
    .network .col{padding:0 20px;}
    .network .col .box-wrap .box .btn{padding: 0 10px;height:24px;font-size:12px;}
    
    /* 제품 */
    .product-cate ul li{width: 20%;}
    .product-cate ul li a{height:60px;padding:10px;}

    .product-wrap .group .img{width:40%;}
    .product-wrap .group .tt-wrap{width: 60%;padding-left:40px;}
    .product-wrap .group .tt-wrap .tit{font-size:22px;}
    .product-wrap .group .tt-wrap .info .row .ic-tit{padding-left:30px;font-size:18px;}
    .product-wrap .group .tt-wrap .info .row .ic-tit:before{top:.1em;width:20px;height:20px;}
    .dot-list>li{margin-bottom:5px;}
    .dot-list>li:before{top:8px;}

    /* 인재상 */
    .talent .doc-tit{min-height:auto;margin-bottom:30px;}
    .talent .list ul{margin:0 -30px -50px;}
    .talent .list ul li{width:50%;padding:0 30px;margin-bottom:50px;min-height:auto;}
    [lang=en] .talent .list ul li{min-height:auto;}
    .talent .list ul li .pic{margin-bottom:20px;}
    .talent .list ul li .tt-wrap .tt br{display: none;}
    .talent .list ul li:nth-child(2),
    .talent .list ul li:nth-child(4),
    .talent .list ul li:nth-child(5){margin-top:0;}

    /* 직무교육 */
    .jobs>ul{margin:0 -20px -55px;}
    .jobs>ul>li{padding:0 20px;margin-bottom:55px;}
    .jobs>ul>li .box{padding:20px;}

    /* 채용절차 */
    .step-list ul li .step{padding-top:20px;margin-bottom:20px;}
    .step-list ul li .circle{width:120px;height:120px;}
    .step-list ul li .circle .ic img{height:40px;}
    .step-list ul li .circle .tit{margin-top:10px;}

    .process .cont2 .dot-list>li strong{margin-right:20px;}

    .table01 table th{height:50px;}
    .table01 table td{padding:10px;}

    /* 복리후생 */
    .benefit>ul>li .item .txt{padding:20px;}

    /* 입사지원 */
    .apply-pg .cont1 .box{padding:30px;border-width:14px;}
    .apply-pg .cont1 .box .ic{width:70px;height:70px;margin-right:25px;}
    .apply-pg .cont1 .box .ic img{height:35px;}

    .board-search{margin-bottom:20px;}
    .board-list table thead th,
    .board-list table tbody td{height:60px;}

    /* 브로셔 */
    .brochure-list ul li{width:33.3333%;}

    /* Sales 문의 */
    .sales{padding:60px 30px;}
    .sales .doc-tit{margin-bottom:var(--size50);text-align:center;color:#fff;line-height:1.25em;}
    .sales .info{gap:30px;}
    .sales .info dl dt{margin-right:10px;padding:0 10px;height:28px;padding-top:2px;}

}

@media (max-width: 768px) {
	/* header */
    #sub #wrapper{padding-top:60px;}
    #header:after{top:60px;}
    #header .contain{height:60px;padding:0 15px;}
    #header .sitelogo {top:18px; left:15px;}
    #header .sitelogo img{height:24px;}

    .lang {right:70px;}

    .btn-inquiry{display: none;}

    .sec1 .fp-tableCell,
    .sec2 .fp-tableCell,
    .sec3 .fp-tableCell,
    .sec4 .fp-tableCell,
    .sec5 .fp-tableCell,
    .sec6 .fp-tableCell{padding-top:0;}
    .sec2 .fp-tableCell{padding-top:60px;}

    [lang=en] .talent .doc-tit br{display: none;}
    [lang=en] .main-visual .tt-wrap .tit br{display: none;}

    [lang=en] #footer .foot-btm address dl{text-align:center;}

    /* main */ 
    .main-visual .tt-wrap{top:50%;transform:translate(-50%,-50%);}
    .main-visual .controls{gap:20px;bottom:30px;}
    .doc-sld-arrs{gap:30px;}
    .doc-sld-arrs .slick-arrow{height:20px;}
    .doc-sld-arrs .slick-arrow:after{right:-15.5px;height:15px;}
    .main-visual .dots .slick-dots{gap:10px;}
    .main-visual .dots .slick-dots li.slick-active button{width:14px;height:14px;}
    .main-visual .scroll{right:15px;}
    .main-visual .scroll img{height:120px;}

    .sec-tit{margin-bottom:30px;}
    .sec-tit .eng{margin-bottom:5px;}
    .sec1 .con ul{margin:0;display: block;}
    .sec1 .con ul li{width:100%;padding:0;margin-bottom:10px;}
    .sec1 .con ul li:last-child{margin-bottom:0;}
    .sec1 .con ul li .box{height:120px;}
    .sec1 .con ul li .box .txt{padding:15px 20px;}
    .sec1 .con ul li .box .txt .eng{font-size:32px;}
    .sec1 .con ul li .box .txt .tit{font-size:20px;}

    .main-product .sec-tit{margin-right:0;margin-bottom:-10px;}
    .main-product .sec-tit br{display: none;}
    .main-product .controls{display: block;gap:0;margin-top:20px;}
    .main-product .controls .tab-cate{margin-right:0;margin-bottom:15px;}
    .main-product .controls .tab-cate ul{display: block;}
    .main-product .controls .tab-cate ul li{margin-bottom:5px;}
    .main-product .controls .tab-cate ul li:last-child{margin-bottom:0;}
    .main-product .controls .tab-cate ul li a{padding-left:20px;}
    .main-product .controls .tab-cate ul li.active a{padding-left:20px;}
    .main-product .controls .tab-cate ul li.active a:before{height:12px;}
    .main-product .controls .arrs{gap:6px;justify-content:flex-end;padding-right:30px;}
    .sld-arr{width:30px;height:30px;}
    .main-product .right{width:100%;margin:0;padding:30px;}
    .main-product-sld{width:100%;padding:0;}
    .main-product-sld .box{box-shadow:5px 5px 10px rgba(0,0,0,.1);}

    .main-client{height:45px;}
    .main-client .items{gap:20px;}
    .main-client .items .item .logo{width:160px;}
    .doc-more{width:120px;height:44px;}

    .sec4 .sec-tit .doc-more{width:80px;height:30px;font-size:12px;}
    .main-notice .sld{margin-bottom:20px;}
    .main-notice .sld .item .box{min-height:200px;}
    .main-notice .sld .item .box .btm{margin-top:15px;}
    .main-notice .sld .item .box .btm .btn{width:36px;height:36px;background-size:8px;}
    .main-notice .sld .item .box .btm .date{font-size:13px;}

    .main-notice .controls{gap:20px;}
    .main-notice .controls .custom-paging li .bar{margin:0 10px;}

    .sec5{background-position:35% 50%;}
    .sec5 .sec-tit{text-align:center;}
    .sec5 .sec-tit .wrap{margin-top:15px;text-align:center;}
    .sec5 .sec-tit .wrap .doc-more{margin:0 auto;}

    /* footer */
    #footer .foot-top{padding:20px 0;}
    #footer .foot-top .contain{display:block;}
    #footer .foot-top .map{margin-bottom:15px;}
    #footer .foot-top .map ul{gap:20px;justify-content:center;}
    #footer .foot-top .menu ul{justify-content:center;}
    #footer .foot-top .menu ul li a:before{width:14px;height:14px;margin-top:-7px;}
    #footer .foot-btm{padding:30px 0;}
    #footer .foot-btm .contain{display: block;}
    #footer .foot-btm address {margin-right:0;width:100%;margin-bottom:20px;}
    #footer .foot-btm address dl{justify-content:center;font-size:13px;}
    #footer .foot-btm address dl dt{width:auto;margin-right:10px;}
    #footer .foot-btm .right{text-align:center;}
    #footer .foot-btm .right .logo img{height:32px;}
    #footer .foot-btm .right .copy{line-height:1.3em;}
    #footer .foot-btm .right .copy a{font-size:11px;}

    .scroll-top{width:36px;height:36px;position: fixed;right:15px;bottom:15px;}
    .scroll-top span{padding-top:8px;font-size:10px;}
    .scroll-top span:before{height:5px;}

    /* sub page */
    .lnb-wrap{margin-bottom:25px;}
    .lnb-wrap .title{font-size:28px;margin-bottom:25px;}
    .lnb ul{gap:0;}
    .lnb ul li{margin-right:25px;}
    .lnb ul li:last-child{margin-right:0;}
    .sub-visual {height:180px;}
    .sub-visual .scroll-down img{height:30px}

    .path{margin-top:25px;}
    .path .contain{gap:12px;}
    .path .home img{height:13px;}
    .path p{font-size:13px;}
    .path .arr img{height:10px}

    /* 회사개요 */
    .overview .btm-con .doc-tit{margin-bottom:15px;}
    .overview .top-con .top-tt{padding-left:10px;margin-bottom:-25px;font-size:22px;line-height:1.2em;}
    .overview .btm-con .info dl{font-size:14px;padding:15px 0;}
    .overview .btm-con .info dl dt{width:70px;}
    
    /* 인사말 */
    .greeting .img{margin-bottom:30px;}
    .greeting .tt-wrap p{margin-bottom:15px;}
    .greeting .tt-wrap p br{display: none;}

    /* 연혁 */
    .history .row{display: block;}
    .history .row .img{width:100%;margin-right:0;margin-bottom:20px;}
    .history .row .tt-wrap{width:100%;}
    .history .row .tt-wrap .tit{margin-bottom:15px;font-size:32px;}
    .history .row .tt-wrap .info>ul>li .year{width:50px;}

    .history .row:nth-child(even) .img{margin-left:0;}

    /* 인증 */
    .pg-menu{margin-bottom:30px;}
    .pg-menu ul li a{min-width:100px;height:40px;font-size:15px;}
    .certi-list ul{margin:0 -10px -35px;}
    .certi-list ul li{padding:0 10px;margin-bottom:35px;width:50%;}
    .certi-list ul li .pic:after{border-width:2px;}
    .certi-list ul li .tit{margin-top:15px;}

    /* client */
    .real-cont.client-bc:before{display: none;}
    .client .top-con{display: block;padding:0 15px;margin-bottom:40px;}
    .client .top-con .img{width:100%;margin-bottom:25px;}
    .client .top-con .tt-wrap{width:100%;padding-right:0;}
    .client .top-con .tt-wrap .inner{max-width:100%;padding:0;}
    .client .top-con .tt-wrap .bar{height:30px;}

    .client-list ul li{width:33.3333%;}

    /* 네트워크 */
    .network{display: block;margin:0;}
    .network .col{width:100%;padding:0;margin-bottom:60px;}
    .network .col:last-child{margin-bottom:0;}
    .network .col .doc-tit{margin-bottom:15px;}
    .network .col .map{padding:20px;}
    .network .col .box-wrap .box{margin-bottom: 20px;min-height:auto;padding:20px;}
    .network .col .box-wrap .box .wrap .tit32{font-size:18px;margin-bottom:15px;}
    .network .col .box-wrap .box .wrap .info .row .ic{margin-right:10px;padding-top:1px;}
    .network .col .box-wrap .box .wrap .info .row .ic img{height:18px}
    .network .col .box-wrap .box .btn{position: static;padding: 0 15px;height:32px;font-size:13px;margin-top:15px;}

    /* 제품 */
    .product-cate ul li{width:auto;}
    .product-cate ul li a{height:44px;padding:0 15px;font-size:14px;}

    .product-wrap .group{display:block;padding:30px 0;}
    .product-wrap .group .img{width:100%;margin-bottom:20px;}
    .product-wrap .group .tt-wrap{width:100%;padding-left:0;}
    .product-wrap .group .tt-wrap .tit{font-size:20px;margin-bottom:20px;}
    .product-wrap .group .tt-wrap .info .row .ic-tit{padding-left:26px;font-size:16px;}
    .product-wrap .group .tt-wrap .info .row .ic-tit:before{top:.05em;width:16px;height:16px;}
    .dot-list>li{padding-left:10px;margin-bottom:3px;}
    .dot-list>li:before{width:4px;height:4px;}

    .financial .row .tit-wrap .unit{font-size:12px;}

    /* 인재상 */
    .talent .doc-tit{margin-bottom:20px;font-size:20px;}
    .talent .list ul{margin:0;}
    .talent .list ul li{width:100%;padding:0;margin-bottom:45px;}
    .talent .list ul li:last-child{margin-bottom:0;}
    .talent .list ul li .pic{margin-bottom:20px;}
    .talent .list ul li .pic img{width:100%;}
    .talent .list ul li .tt-wrap .tit{font-size:16px;}

    /* 직무교육 */
    .jobs>ul{display:block;margin:0;}
    .jobs>ul>li{width:100%;padding:0;margin-bottom:45px;}
    .jobs>ul>li:last-child{margin-bottom:0;}
    .jobs>ul>li .tit-wrap{padding-bottom:15px;margin-bottom:20px;}
    .jobs>ul>li .tit-wrap .ic img{height:40px}
    .jobs>ul>li .tit-wrap .tit{font-size:18px;}

    .num-list>li{display: flex;flex-wrap:wrap;margin-bottom:var(--size10);}
    .num-list>li:last-child{margin-bottom:0;}
    .num-list>li .num{width:18px;}
    .jobs>ul>li .box{margin-top:15px;padding:15px 20px;}
    .jobs>ul>li .box .hypen-list>li{margin-bottom:5px;}

    /* 채용절차 */
    .step-list:before{display: none;}
    .step-list ul{flex-wrap:wrap;margin-bottom:-30px;}
    .step-list ul li{width:50%;margin-bottom:30px;}
    .step-list ul li .step{padding-top:0;margin-bottom:15px;}
    .step-list ul li .step:before{display: none;}
    .step-list ul li .circle{width:130px;height:130px;}

    .process .cont2 .dot-list>li{margin-bottom:15px;}
    .process .cont2 .dot-list>li strong{margin-right:0;display: block;font-size:15px;margin-bottom:3px;}

    .table01 table th{height:40px;font-size: 12px;line-height:1.5em;}
    .table01 table td{font-size:12px;line-height:1.5em;}

    .doc-btn{height:44px;padding:0 20px;}

    /* 복리후생 */
    .benefit>ul{margin:0;}
    .benefit>ul>li{width:100%;padding:0;margin-bottom:20px;}
    .benefit>ul>li:last-child{margin-bottom:0;}
    .benefit>ul>li .item .pic img{width:100%;}
    .benefit>ul>li .item .txt .tit{margin-bottom:10px;}
    .benefit>ul>li .item .txt .dot-list>li{margin-bottom:5px;}

    /* 입사지원 */
    .apply-pg .tit40{margin-bottom:var(--size35);}
    .apply-pg .cont1 .box{display: block;padding:20px;border-width:10px;}
    .apply-pg .cont1 .box .ic{width:60px;height:60px;margin:0 auto 20px;}
    .apply-pg .cont1 .box .ic img{height:30px;}
    .apply-pg .cont1 .box .tt-wrap{width:100%;}

    .table01 td small{font-size:10px;line-height:1.5em;}

    /* 브로셔 */
    .brochure-list ul{margin:0 -10px -30px;}
    .brochure-list ul li{width:50%;padding:0 10px;margin-bottom:30px;}
    .brochure-list ul li .tit{margin:15px 0;}
    .brochure-list ul li .btn{height:36px;}
    
    /* Sales 문의 */
    .sales{padding:30px;}
    .sales .doc-tit{margin-bottom:20px;line-height:1.5em;font-size:18px;}
    .sales .info{display: block;}
    .sales .info dl{justify-content:center;margin-bottom:15px;}
    .sales .info dl:last-child{margin-bottom:0;}
    .sales .info dl dt{height:24px;padding-top:1px;font-size:13px;}
    .sales .info dl dd{font-size:15px;}

    /* 고객센터 */
    .inquiry .top-title{display: block;margin-bottom:5px;}
    .inquiry .top-title .wrap{width:100%;margin-right:0;}
    .inquiry .top-title .tit40{margin-bottom:10px;font-size:19px;line-height:1.5em;}
    .inquiry .top-title .nt{font-size:12px;margin-top:10px;text-align:right;}
    .inquiry .box{border-width:5px;padding:20px;}
    .inquiry .box .input-area .row{margin-bottom:30px;}
    .inquiry .box .input-area .row .tit{margin-bottom:5px;}
    .inquiry .box .input-area .row input.input{height:38px;}
    .inquiry .box .input-area .row textarea.input{padding-top:5px;}
    .inquiry .box .input-area .row .flex{display: block;margin:0;}
    .inquiry .box .input-area .row .flex .col{width:100%;padding:0;margin-bottom:30px;}
    .inquiry .box .input-area .row .flex .col:last-child{margin-bottom:0;}
    .inquiry .box .input-area .row .flex.x2 .col{width:100%;}
    .inquiry .box .input-area .row .flex.x2 .col .tit{margin-bottom:10px;}

    .captcha-wrap {gap:10px}
    #kcaptcha_image {height:38px;}

    .btn-inq{width:100px;height:44px;font-size:15px;}
}