@charset "utf-8";
@media (max-width: 1230px) {
	/* header */
    #header .contain{height:80px;}
    #header .sitelogo {top:10px;}
    #header .sitelogo img{height:60px;}

    #gnb>ul {margin:0 -40px;} 
    #gnb>ul>li {padding:0 40px;}
    #gnb>ul>li>a {font-size:18px; line-height:80px;}
    #gnb>ul>li>a:after{bottom:15px;}

    /* main */ 
    .main-visual .slick-arrow{height:30px;margin-top:-15px;}
    .main-visual .tt-wrap .tit{font-size:28px;}
    .main-visual .tt-wrap .tt{font-size:18px;}

    /* sub page */
    .sub-visual {height:350px;}
    .tt18 br{display: none;}
    
    .operation .row .img{width:40%;}
    .operation .row .tt-wrap .tit{margin-bottom:15px;}
    .operation .row .tt-wrap .tt br{display: none;}

    .anl-step{padding:0 0 20px;}
    .anl-step ul li .step-wrap{gap:13px;}
    .anl-step ul li .step-wrap .step{width:60px;height:60px;}
    .anl-step ul li .step-wrap .step p{font-size:12px;}
    .anl-step ul li .step-wrap .step p strong{font-size:24px;}
    .anl-step ul li .step-wrap .tt{min-width:0;width:1%;flex:1 1 auto;}

    .anl-step1 ul li .txt{padding:15px 20px;}
    .anl-step1 ul li .txt p{padding-left:15px;}
    .anl-step1 ul li .txt p:before{width:5px;height:5px;top:8px;}

    .step-btns .btn{width:100px;height:44px;}
    .step-btns .btn span{padding-right:30px;}
    .step-btns .btn span:after{height:10px;margin-top:-5px;}
    .step-btns .btn.prev span{padding-left:30px;}
    
    .anl-step2 .input-wrap .row input.input{height:50px;}

    .board-form table td input.input,
    .board-form table td select.input{height:40px;}

    .board-form .captcha-wrap {height:40px;}

    .btn-inq{width:140px;height:50px;}

}

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

@media (max-width: 768px) {
    /* header */
    #header .contain{height:60px;}
    #header .sitelogo {top:8px;left:15px;}
    #header .sitelogo img{height:44px;}

    /* main */ 
    .main-visual .slick-arrow{height:20px;margin-top:0;top:auto;bottom:30px;}
    .main-visual .slick-prev{left:15px;}
    .main-visual .slick-next{right:15px;}
    .main-visual .tt-wrap .tit{font-size:18px;line-height:1.5em;}
    .main-visual .tt-wrap .tt{font-size:14px;}
	

    /* footer */
    #footer .foot-top{padding:20px 0;font-size:13px;}
    #footer .foot-top .contain{display: block;}
    #footer .foot-top .foot-link{margin-bottom:10px;}
    #footer .foot-top .foot-link ul{justify-content:center;gap:20px;}
    #footer .foot-top .foot-menu ul{gap:20px;justify-content:center;}
    #footer .foot-btm{padding:30px 0;}
    #footer .foot-btm .contain{display: block;}
    #footer .foot-btm .foot-info{width:100%;margin-right:0;margin-bottom:20px;} 
    #footer .foot-btm .foot-info .tit{font-size:15px;text-align:center;}
    #footer .foot-btm .foot-info address {font-size:13px;}
    #footer .foot-btm .foot-info address dl{justify-content:center;gap:10px}
    #footer .foot-btm .foot-info address dl dt{width:auto;}
    #footer .foot-btm .foot-info address dl dd{flex:none;width:auto}
    #footer .foot-btm .right .sns ul{justify-content:center;}
    #footer .foot-btm .right .sns ul li a img{height:30px;}
    .family {max-width:180px;margin:0 auto;}
    .family .tit {height:44px;padding:0 15px;}
    .family .tit:after {height:8px;right:15px;}
    .family .tit.active:after {transform:rotate(0deg);}
    .family .family-open {bottom:44px;}
    .family .family-open ul li a {height:40px;font-size:13px;}
    .family.active .family-open {display:block;border: 1px solid #ddd;}
    #footer .foot-btm .right .copy{text-align:center;}

    /* sub page */
    .sub-visual {height:200px;}
    .sub-visual .tt-wrap{bottom:20px;}
    .sub-visual .tt-wrap .path{font-size:12px;}
    .sub-visual .tt-wrap .path p.home img{margin-top:-2px;height:12px;}
    .sub-visual .tt-wrap .path .arr img{height:10px;}

    .about .cont1 .inner{display: block;padding:0 15px;}
    .about .cont1 .img{width:100%;margin-bottom:30px;}
    .about .cont1 .con{width:100%;}
    .about .cont1 .con .tit-wrap{padding:0;}
    .about .cont1 .con .tt-wrap{padding:20px;}
    .about .cont1 .con .tt-wrap .tit{font-size:16px;}
    .doc-title .tit{font-size:22px;}

    .operation .row{display: block;}
    .operation .row .img{width:100%;margin-bottom:20px;}
    .operation .row .tt-wrap{width:100%;}
    .operation .row .tt-wrap .eng{margin-bottom:3px;}
    .operation .row .tt-wrap .tit{margin-bottom:10px;font-size:18px;}
    .operation .row .tt-wrap .tt br{display: none;}
    .operation .row:nth-child(even) .img .num{left:20px;right:auto;}

    .anl-step ul{margin:0 -5px -15px;flex-wrap: wrap;}
    .anl-step ul li{width:50%;padding:0 5px;margin-bottom:15px;}
    .anl-step ul li .step-wrap{gap:13px;}
    .anl-step ul li .step-wrap .step{width:50px;height:50px;}
    .anl-step ul li .step-wrap .step p{font-size:11px;padding-top:3px;}
    .anl-step ul li .step-wrap .step p strong{font-size:18px;}
    .anl-step ul li .step-wrap .tt{font-size:14px;}

    .anl-step1 ul li .txt p{padding-left:10px;}
    .anl-step1 ul li .txt p:before{width:3px;height:3px;top:9px;}

    .step-btns{margin-top:20px;}
    .step-btns .btn{width:90px;height:38px;}
    .step-btns .btn span{padding-right:24px;}
    .step-btns .btn.prev span{padding-left:24px;}

    .anl-step2{max-width:100%;}
    .anl-step2 .input-wrap .row{margin-bottom:30px;}
    .anl-step2 .input-wrap .row .tit{font-size:15px;}
    .anl-step2 .input-wrap .row input.input{height:44px;padding:0 15px;}

    .check-form .row{margin-bottom:30px;}
    .check-form .row .title{padding:15px 20px;margin-bottom:15px;padding:0;background-color:transparent;}
    .check-form .row .title .num{width:26px;font-size:15px;line-height:1.5em;}
    .check-form .row .title .tit{font-size:14px;padding-top:0;line-height:1.5em;padding-top:1px;}
    .check-form .row .cnt{padding:0;}
    .check-form .row .cnt .checkbox label{padding-left:26px;}
    .check-form .row .cnt .checkbox label:before {width:18px; height:18px;position: absolute;left:0;top:4px;}
    .check-form .row .cnt .radiobox label{padding-left:26px;}
    .check-form .row .cnt .radiobox label:before {width:18px; height:18px;position: absolute;left:0;top:4px;}

    .radiobox label:before {width:18px; height:18px;}
    .radiobox input:checked + label:before {background-size:10px;}

    .checkbox label:before {width:18px; height:18px;}
    .checkbox input:checked + label:before {background-size:10px;}

    .anl-step3 .form-agree{padding:20px;}
    .anl-step3 .form-agree ol li{font-size:13px;}

    .result-box{padding:15px 20px;}

    .result-table table th{height:50px;}
    .result-table table td{height:44px;}
    .result-table table td{font-size:13px;}
    .nt-tt{margin-top:15px;gap:8px;}
    .nt-tt .mark{width:18px;height:18px;font-size:12px;}
    .nt-tt p{font-size:13px;padding-top:1px;}

    .board-form table col{width:100% !important;}
    .board-form table td input.input,
    .board-form table td select.input{height:38px;}
    .board-form table .m-space{margin-top:24px;}

    .board-form .captcha-wrap {height:38px;}

    .btn-inq{width:110px;height:44px;}
    
}