@charset "utf-8";
@media (max-width: 1400px) {
	#sub #wrapper{padding-top:80px;}
    /* header */
    #header .contain{height:80px;}
    #header .sitelogo {top:20px;}
    #header .sitelogo img{height:40px;}

    #gnb>ul {margin:0 -40px;} 
    #gnb>ul>li {padding:0 40px;}
    #gnb>ul>li>a{font-size:20px;line-height:80px;}
    #gnb>ul>li>a span:after{bottom:-5px;}
    #gnb>ul>li:hover>a span:after{opacity:1;}
    #gnb .submenu {left:50%; width:130px;}
    #gnb .submenu>ul {padding:20px 5px;}
    #gnb .submenu>ul>li{margin-bottom:10px;}
    #gnb .submenu>ul>li>a {font-size:16px;}

    /* main */ 
    .main-visual .tt-wrap{padding:0 100px;}
    .main-visual .tt-wrap .btns ul li .btn{width:160px;height:50px;font-size:18px;}
    .main-visual .slick-arrow{width:50px;height:50px;background-size:10px;}
    .main-visual .slick-prev{left:30px;}
    .main-visual .slick-next{right:30px;}

    /* footer */
    #footer {font-size:14px;}
    #footer .foot-top{padding:20px 0;}
    #footer .foot-top .foot-map ul{gap:20px;}
    #footer .foot-top .foot-menu ul{gap:20px;}
    #footer .foot-btm{padding:30px 0;}
    #footer .foot-btm .contain{flex-direction:column;}
    #footer .foot-btm .foot-info{width:100%;margin-right:0;order:2;}
    #footer .foot-btm .foot-info address {gap:5px 20px;}
    #footer .foot-btm .foot-info .copy{margin-top:20px;font-size:12px;}
    #footer .foot-btm .right{order:1;margin-bottom:30px;}
    #footer .foot-btm .right .row .flex .col.st1{width:35%;}

    .quick{right:30px;bottom:30px;}
    .quick ul li img{height:40px;}

    .sec1 .con ul li .box{padding:20px;}
    .sec1 .con ul li .box .ic img{height:80px;}
    .sec1 .con ul li .box .btn{width:100px;height:40px;}
    .tt18 br{display: none;}

    .doc-step ul{margin:0 -20px;}
    .doc-step ul li{padding:0 20px;}
    .doc-step ul li:after{height:24px;}
    .doc-step ul li .ic{margin:10px 0;}
    .doc-step ul li .ic img{height:50px;}

    .sec3 .con{margin:0 -20px;}
    .sec3 .con .col{padding:0 20px;}
    .sec3 .con .col .box{padding:30px;}
    .sec3 .con .col .box .list ul li{padding:20px 0;}
    .sec3 .con .col .box .list ul li p{padding-left:30px;font-size:16px;}
    .sec3 .con .col .box .list ul li p:before{width:20px;height:20px;top:2px;}

    .sec4 .left{margin-right:40px;}
    .tt22 br{display: none;}
    .sec4 .left .list ul li{margin-bottom:5px;}
    .sec4 .left .list ul li .btn{padding:15px 50px 15px 15px;font-size:15px;}
    .sec4 .left .list ul li .btn:after{height:14px;margin-top:-7px;right:15px;}
    .sec4 .imgs{width:40%;}
    
    .main-gallery{padding:0 44px;}
    .main-gallery .slick-list{margin:-15px;}
    .main-gallery .item{padding:15px;}
    .main-gallery .item .box .tt-wrap{padding:15px 20px;}
    .main-gallery .slick-arrow{height:24px;}
    .main-gallery .slick-prev{left:-44px;}
    .main-gallery .slick-next{right:-44px;}

    .main-inquiry .input-area .row .flex{margin:0 -20px;}
    .main-inquiry .input-area .row .flex .col{padding:0 20px;}
    .main-inquiry .input-area .row input.input{height:50px;padding:0 15px;}
    .main-inquiry .input-area .row textarea.input{padding:10px 15px;}
    .main-inquiry .input-area .row .radio-wrap{margin:5px 0 var(--size15);}
    .radio-wrap{gap:5px 20px;}
    
    .main-inquiry .input-area .row .captcha-wrap {height:50px;}
    .btn-send{width:120px;height:50px;}

    .about .cont1 .tt-wrap{display: block;}
    .about .cont1 .tt-wrap .tit{width:100%;margin-bottom:15px;}
    .tt20 br{display: none;}
    .about .cont1 .tt-wrap .right{width:100%;}
    .about .cont1 .tt-wrap .right .cnt ul li .box{padding:20px;}
    .about .cont3 .con ul li .box{padding:20px;}
    .about .cont3 .con ul li .box .ic{width:80px;}

    .doc-contact .flex{margin:0 -50px;}
    .doc-contact .flex .col{width:50%;padding:0 50px;}
    .doc-contact .flex .col .btn{width:160px;height:50px;}

    .busi .cont1{padding-top:60px}
    .busi .cont1 .tt-wrap{margin-right:40px;}
    .busi .cont1 .tt-wrap .tit{font-size:30px;}
    .busi .cont1 .tt-wrap .tt22{margin-top:20px;}
    .busi .cont1 .img{width:40%;}
    .tt22 br{display: none;}

    .num-con ul{margin:0 -5px -10px;}
    .num-con ul li{padding:0 5px;margin-bottom:10px;}
    .num-con ul li .box{padding:15px 20px;}
    .num-con ul li .box .num{width:44px;}

    .bgimg-con ul{margin:0 -5px -10px;}
    .bgimg-con ul li{padding:0 5px;margin-bottom:10px;}
    .bgimg-con ul li .box .tt-wrap{padding:20px;}

    .board-form table td input.input{height:44px;}
    .board-form table td .radio-wrap{height:44px;}
    .board-form table td .captcha-wrap {height:44px;}
    
}

@media(max-width: 1230px) {
    .doc-step ul{margin:0 -30px;flex-wrap:wrap;justify-content:center;}
    .doc-step ul li{padding:0 30px;width:250px;}
    .doc-step ul li:after{height:24px;}
    .doc-step ul li .inner{top:30px;}

    .about .cont2 .edit-con .flex{margin:0 -50px;}
    .about .cont2 .edit-con .flex .col{padding:0 50px;}
    
}

@media (max-width: 1024px) {
	#gnb{display: none;}
    .btn-m-menu{display: block;}
}

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

    /* main */ 
    .main-visual .item{height:400px;}
    .main-visual .tt-wrap{padding:0 80px;}
    .main-visual .tt-wrap .tt{font-size:18px;line-height:1.5em;}
    .main-visual .tt-wrap .tt br{display: none;}
    .main-visual .tt-wrap .btns ul{gap:10px;}
    .main-visual .tt-wrap .btns ul li .btn{width:110px;height:36px;font-size:15px;}
    .main-visual .slick-arrow{width:36px;height:36px;background-size:8px;}
    .main-visual .slick-prev{left:15px;}
    .main-visual .slick-next{right:15px;}

    /* footer */
    #footer {font-size:13px;text-align:center;}
    #footer .foot-top{padding:25px 0;}
    #footer .foot-top .contain{display: block;}
    #footer .foot-top .foot-map{margin-bottom:18px;}
    #footer .foot-top .foot-map ul{justify-content:center;gap:15px;}
    #footer .foot-top .foot-menu ul{justify-content:center;gap:20px;}
    #footer .foot-btm .foot-info .tit{font-size:16px;}
    #footer .foot-btm .foot-info address {display: block;}
    #footer .foot-btm .foot-info address p{margin-bottom:3px;}
    #footer .foot-btm .foot-info address p:last-child{margin-bottom:0;}
    #footer .foot-btm .foot-info .copy{margin-top:15px;}
    #footer .foot-btm .right{order:1;margin-bottom:30px;}
    #footer .foot-btm .right .row .flex{display: block;}
    #footer .foot-btm .right .row .flex .col{margin-bottom:20px;}
    #footer .foot-btm .right .row .flex .col:last-child{margin-bottom:0;}
    #footer .foot-btm .right .row .flex .col.st1{width:100%;}
    #footer .foot-btm .right .row .flex .col .tel{font-size:24px;}

    .quick{right:15px;}
    .quick ul li{margin-bottom:6px;}
    .quick ul li img{height:32px;}
    .qr-pop .fancybox-close{width:20px;height:20px;right:20px;top:20px;}


    .sec1 .con ul{margin:0 -5px -10px;flex-wrap:wrap;}
    .sec1 .con ul li{width:50%;padding:0 5px;margin-bottom:10px;}
    .sec1 .con ul li .box .ic img{height:70px;}
    .sec1 .con ul li .box .tit{font-size:16px;}
    .sec1 .con ul li .box .tt18{margin-top:5px;font-size:13px;}
    .sec1 .con ul li .box .btn{width:90px;height:36px;font-size:13px;}

    .doc-step ul{margin:0 -25px -20px;justify-content:center;}
    .doc-step ul li{padding:0 25px;margin-bottom:20px;width:197.5px;}
    .doc-step ul li:after{height:20px;margin-top:-10px;}
    .doc-step ul li:nth-child(even):after{display: none;}
    .doc-step ul li .circle{border-width:3px;}
    .doc-step ul li .inner{top:20px;}
    .doc-step ul li .step{min-width:66px;height:22px;font-size:12px;padding-top:1px;}
    .doc-step ul li .ic{margin:5px 0;}
    .doc-step ul li .ic img{height:40px;}
    .doc-step ul li .tit{font-size:13px;}

    .sec-tit .top{font-size:13px;}

    .sec3 .con{margin:0;display: block;}
    .sec3 .con .col{padding:0;width:100%;margin-bottom:20px;}
    .sec3 .con .col:last-child{margin-bottom:0;}
    .sec3 .con .col .box{padding:20px;}
    .sec3 .con .col .box .list ul li{padding:12px 0;}
    .sec3 .con .col .box .list ul li p{padding-left:26px;font-size:14px;}
    .sec3 .con .col .box .list ul li p:before{width:16px;height:16px;top:2.5px;}

    .sec4 .contain{display: block;}
    .sec4 .left{margin-right:0;width:100%;margin-bottom:20px;}
    .sec4 .left .list ul li .btn{padding:10px 50px 10px 15px;font-size:14px;}
    .sec4 .left .list ul li .btn:after{height:12px;margin-top:-6px;}
    .sec4 .imgs{width:100%;}

    .sec-tit.type2{margin-bottom:20px;}

    .sec5 .sec-tit{text-align:center;}

    .sec6 .sec-tit{margin-bottom:30px;}
    .required{font-size:13px;}
    .main-inquiry .input-area .row .flex{display: block;margin:0;}
    .main-inquiry .input-area .row .flex .col{padding:0;width:100%;margin-bottom:var(--size55);}
    .main-inquiry .input-area .row .flex .col:last-child{margin-bottom:0;}
    .main-inquiry .input-area .row input.input{height:38px;padding:0 10px;}
    .main-inquiry .input-area .row textarea.input{padding:10px 10px;}
    
    .main-inquiry .input-area .row .captcha-wrap {height:40px;}
    .btn-send{width:100px;height:44px;}

    .title-group{margin-bottom:30px;}
    .sub-title h1{font-size:28px;}
    .lnb{margin-top:30px;}
    .lnb ul li a{font-size:16px;}

    .about .cont1 .img{margin-bottom:25px;}
    .about .cont1 .tt-wrap .tit{font-size:18px;margin-bottom:10px;}
    .about .cont1 .tt-wrap .tit br{display: none;}
    .tt20{font-size:14px;}
    .about .cont1 .tt-wrap .right .cnt ul{margin:0 -5px -10px;flex-wrap:wrap;}
    .about .cont1 .tt-wrap .right .cnt ul li{width:50%;margin-bottom:10px;}
    .about .cont1 .tt-wrap .right .cnt ul li .box p{font-size:15px;}

    .about .cont2 .con .row .flex .img.st1{margin-right:10px;}
    .about .cont2 .con .row{margin-bottom:10px;}

    .about .cont3 .con ul{margin:0;display: block;}
    .about .cont3 .con ul li{width:100%;padding:0;margin-bottom:10px;}
    .about .cont3 .con ul li:last-child{margin-bottom:0;}
    .about .cont3 .con ul li .box .ic{width:70px;}

    .doc-contact .flex{display: block;margin:0;}
    .doc-contact .flex .col{width:100%;padding:0;padding-bottom:30px;margin-bottom:30px;border-bottom: 1px solid #ddd;}
    .doc-contact .flex .col:after{display: none;}
    .doc-contact .flex .col:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
    .doc-contact .flex .col .tit-wrap{gap:10px;}
    .doc-contact .flex .col .tit-wrap .ic img{height:36px;}
    .doc-contact .flex .col .tit-wrap .tit{font-size:18px;}
    .doc-contact .flex .col .title{font-size:20px;}
    .doc-contact .flex .col .btn{margin-top:20px;width:140px;height:44px;}

    .busi .cont1{padding-top:0;}
    .busi .cont1 .contain{flex-direction:column;}
    .busi .cont1 .tt-wrap{margin-right:0;width:100%;order:2;text-align:center;}
    .busi .cont1 .tt-wrap .tit{font-size:24px;}
    .busi .cont1 .tt-wrap .tt22{margin-top:10px;}
    .busi .cont1 .img{width:80%;text-align:center;order:1;margin:0 auto 10px;}
    .tt22 br{display: none;}

    .num-con ul{margin:0;display: block;}
    .num-con ul li{padding:0;margin-bottom:10px;width:100%;}
    .num-con ul li:last-child{margin-bottom:0;}
    .num-con ul li .box .num{width:40px;font-size:18px;}

    .bgimg-con ul{margin:0;display: block;}
    .bgimg-con ul li{padding:0;margin-bottom:10px;width:100%;}
    .bgimg-con ul li:last-child{margin-bottom:0;}
    .bgimg-con ul li .box .tt-wrap .tit{font-size:16px;}

    .board-form table td input.input{height:38px;}
    .board-form table td .radio-wrap{height:38px;}
    .board-form table td .captcha-wrap {height:38px;max-width:100%;}

    .about .cont2 .edit-con .flex{margin:0;display: block;}
    .about .cont2 .edit-con .flex .col{padding:0;margin-bottom:40px;}
    .about .cont2 .edit-con .flex .col-tit .flag img{height:32px;}
    .about .cont2 .edit-con .flex .col-tit .tit{font-size:16px;}
    .about .cont2 .edit-con .flex .col:last-child{margin-bottom:0;}
    .about .cont2 .edit-con .flex .pic img{width:100%;}

}

@media (max-width: 450px) {
    .doc-step ul{justify-content:flex-start;}
    .doc-step ul li{width:50%;}
    .doc-step ul li .inner{top:50%;transform:translateY(-50%);}
}