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

    #gnb {padding-right:240px;}
    #gnb>ul {margin:0 -50px;} 
    #gnb>ul>li {padding:0 50px;}
    #gnb>ul>li>a {font-size:20px;line-height:80px;}
    #gnb>ul>li>a:after{width:60px;}
    #gnb .submenu {width:180px;}
    #gnb .submenu>ul {padding:105px 5px 25px;}
    #gnb .submenu>ul>li{margin-bottom:15px;}
    #gnb .submenu>ul>li>a {font-size:16px;}

    #header .tel{font-size:24px;padding-left:28px;}
    #header .tel:before{content:'';width:18px;height:18px;margin-top:-9px;}

    /* main */ 
    .main-vis-wrap .contain{max-width:100%;padding:0;}
    .main-visual {border-radius:0 0 0 0;margin-right:0;}
    .main-visual .item {height: 500px;}
    .main-visual .controls{bottom:40px;}

    .location .maps .root_daum_roughmap {height:300px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
    .location .con{padding-left:30px;margin-top:30px;}
    .location .con .box{margin-right:45px;width:340px;}
    .location .con .box .tit{margin-bottom:30px;}  
    .location .con .info .dl-wrap{display: block;}
    .location .con .info .dl-wrap dl{margin-bottom:10px;align-items:flex-start;}
    .location .con .info .dl-wrap dl:last-child{margin-bottom:0;}
    .location .con .info .dl-wrap dl dt{padding-left:16px;width:80px;margin-right:0;font-size:15px;line-height:1.4em;}
    .location .con .info .dl-wrap dl dt:before{width:6px;height:6px;top:.4em;}
    .location .con .info .dl-wrap dl dd{padding-top:0;min-width:0;width:1%;flex:1 1 auto;font-size:15px;line-height:1.4em;}

}

@media (max-width: 1230px) {
	#gnb{display: none;}
    .btn-m-menu{display: block;}
    #header .tel{right:100px;}

    .sec1 .row{margin:0 -40px var(--size120);}
    .sec1 .row .title{padding:0 40px;}
    .sec1 .row .img{padding:0 40px;}
    .section .title .btn-more{width:120px;height:44px;}

    .sec2 .title{margin-right:40px;}
    .main-contact .input-area .row .flex{margin:0 -5px;}
    .main-contact .input-area .row .flex .col{padding:0 5px;}
    .main-contact .input-area .row .group{min-height:50px;}
    .main-contact .input-area .row .group input.input{height:50px;}
    .main-contact .input-area .row .group textarea.input{padding:15px 15px;}
    .main-contact .input-area .row .group .tit{left:15px;top:17px;}

    .main-contact .input-area .row .group.st2{padding:0 15px;}
    .main-contact .input-area .row .group.st2 .tit{width:90px;}
    .main-contact .input-area .row .group.st2 .captcha-wrap{height:36px;}
    .main-contact .input-area .row .group.st2 input.input{height:36px;}
    .main-contact .form-agree{margin-top:30px;display: block;}
    .btn-send{width:120px;height:44px;margin:30px auto 0;}

    /* footer */
    #footer .foot-logo{margin-bottom:25px;}
    #footer .foot-logo img{height:70px;}
    #footer address{margin-bottom:15px;gap:5px 20px;}
    #footer address dl{gap:10px;}
    #footer address dl.wide{width:100%;}
    #footer .btm-wrap{gap:20px;font-size:13px;}
    #footer .copy a{margin-left:5px;}
    #footer .foot-menu ul{gap:15px;}

    /* sub page */
    .sub-visual {height:350px;}
    .sub-visual .tit-wrap{bottom:80px;}

    #lnb{margin-top:-50px;}
    .lnb ul li a{height:50px;font-size:15px;}

    .doc-title .tit{padding-top:20px;font-size:24px;}
    .doc-title .tit:before{width:8px;height:8px;}
    .table01 table{line-height:1.75em;}
    .table01 table td{padding:15px 20px;}
    .table01 table th,
    .table01 table td{height:50px;}
    .nt-box{padding:30px;line-height:1.75em;}

    .schedule .row:after{display: none;}
    .schedule .row .flex .col .wrap .bullet{margin-bottom:40px;}
    .schedule .row .flex .col .wrap .bullet:before{display: none;}
    .schedule .row .flex .col .wrap .bullet:after{height:20px;bottom:-30px;}
    .tt17 br{display: none;}

    .greeting .img{width:40%;margin-right:40px;}
    .greeting .tt-wrap .wrap p br{display: none;}

    .mgb50{margin-bottom:30px !important;}

    .tit36{margin-bottom:40px;font-size:28px;}
    .guide .table01 table th{font-size:14px;}
    .guide .table01 table td{padding:10px 15px;font-size:14px;}

    .guide .imgs ul{margin:0 -10px;}
    .guide .imgs ul li{padding:0 10px;}

    .benefit .row{margin-bottom:30px;padding:30px;}
    .benefit .row .doc-title{width:300px;}
    .benefit .row .cnt ul{margin:0 -20px;}
    .benefit .row .cnt ul li{width:50%;padding:0 20px}

    .guide4 .process .top-con .list ul {margin:0 -10px;}
    .guide4 .process .top-con .list ul li{padding:0 10px;}
    .guide4 .process .top-con .list ul li .num-wrap:before{display: none;}

    .premium1 .box-list ul{margin:0 -10px;}
    .premium1 .box-list ul li{padding:0 10px;}
    .premium1 .box-list ul li .box{padding:30px;}

    .premium2 .cont2 .wide-box{margin-bottom:20px;}
    .premium2 .cont2 .wide-box .list ul{margin:0 -10px;}
    .premium2 .cont2 .wide-box .list ul li{padding:0 10px;}
    .premium2 .cont2 .box-list ul{margin:0 -10px;}
    .premium2 .cont2 .box-list ul li{padding:0 10px;}
    .premium2 .cont2 .box-list ul li .box{padding:30px;}
   

}

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

    #header .tel{font-size:0;padding-left:0;right:65px;width:24px;height:24px;background:var(--pri) url('/images/common/ic-tel-w.png')no-repeat 50% 50%/12px;border-radius:50%;}
    #header .tel:before{display: none;}

    /* main */ 
    .main-visual .item {height:400px;}
    .main-visual .tt-wrap{padding:0 15px;text-align:center;}
    .main-visual .tt-wrap .tit{line-height:1.4em;}
    .main-visual .controls{bottom:30px;gap:15px;}
    .main-visual .controls .slick-dots li button{width:10px;height:10px;}

    .sec1:before{top:45%;height:200px;}
    .sec1 .row{margin:0 0 var(--size120);flex-direction: column !important;}
    .sec1 .row .title{padding:0;width:100%;order:2;}
    .sec1 .row .img{padding:0;width:100%;order:1;margin-bottom:20px;}
    .section .title .btn-more{width:100px;height:36px;font-size:14px;}

    .sec2 .contain{display: block;}
    .sec2 .title{margin-right:0;margin-bottom:30px;}
    .sec2 .main-contact{width:100%;}
    .main-contact .input-area .row{margin-bottom:10px;}
    .main-contact .input-area .row .flex{margin:0;display:block;}
    .main-contact .input-area .row .flex .col{padding:0;width:100%;margin-bottom:10px;}
    .main-contact .input-area .row .flex .col:last-child{margin-bottom:0;}
    .main-contact .input-area .row .group{min-height:40px;}
    .main-contact .input-area .row .group input.input{height:40px;}
    .main-contact .input-area .row .group textarea.input{padding:10px 15px;}
    .main-contact .input-area .row .group .tit{left:15px;top:12px;}

    .main-contact .input-area .row .group.st2{padding:10px 15px;}
    .main-contact .input-area .row .group.st2 .tit{width:80px;}
    .main-contact .input-area .row .group.st2 .captcha-wrap{height:40px;}
    .main-contact .input-area .row .group.st2 input.input{height:40px;}
    .main-contact .form-agree{margin-top:25px;}
    .btn-send{width:100px;height:40px;}

    /* footer */
    #footer{text-align:center;}
    #footer .foot-logo{margin-bottom:20px;}
    #footer .foot-logo img{height:60px;}
    #footer address{display: block;}
    #footer address dl{gap:10px;margin-bottom:0;justify-content:center;font-size:13px;}
    #footer address dl:last-child{margin-bottom:0;}
    #footer .btm-wrap{gap:15px;font-size:13px;flex-direction: column;text-align:center;}
    #footer .copy{order:2;}
    #footer .copy a{margin-left:5px;font-size:11px;}
    #footer .foot-menu{order:1;}
    #footer .foot-menu ul{justify-content:center;}

    .scroll-top{right:15px;width:36px;height:36px;}
    .scroll-top img{height:8px;}

    /* sub page */
    .sub-visual {height:250px;}
    .sub-visual .tit-wrap{bottom:auto;padding:0 15px 40px;top:50%;transform:translate(-50%,-50%);text-align:center;}

    #lnb{margin-top:-40px;}
    .lnb ul li a{height:40px;font-size:14px;}

    .doc-top-tt{line-height:1.5em;padding-bottom:30px;}
    .doc-title .tit{font-size:18px;padding-top:15px;}
    .doc-title .tit:before{width:6px;height:6px;}
    .table01 table{line-height:1.75em;}
    .table01 table th{font-size:13px;padding:10px;}
    .table01 table td{padding:10px;font-size:13px;}
    .table01 table th,
    .table01 table td{height:44px;}
    .nt-box{padding:15px 20px;margin-top:30px;}

    .schedule .row{margin-bottom:30px;}
    .schedule .row .flex{margin:0 -10px;}
    .schedule .row .flex .col{padding:0 10px;}
    .schedule .row .flex .col .wrap{margin-top:-8px;}
    .schedule .row .flex .col .wrap .bullet{margin-bottom:30px;}
    .schedule .row .flex .col .wrap .bullet img{height:16px;}
    .schedule .row .flex .col .wrap .bullet:before{display: none;}
    .schedule .row .flex .col .wrap .bullet:after{height:15px;bottom:-20px;width:2px;}
    .schedule .row .flex .col .wrap .date{font-size:15px;}
    .schedule .row .flex .col .wrap .tt17{font-size:13px;}
    .schedule .nt-box{margin-top:30px;}    

    .greeting{display: block;}
    .greeting .img{width:100%;margin-right:0;margin-bottom:25px;}
    .greeting .tt-wrap{width:100%;}
    .greeting .tt-wrap .tit br{display: none;}

    .location .maps .root_daum_roughmap {height:200px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:200px !important;}
    .location .con{padding-left:0;margin-top:20px;display: block;}
    .location .con .box{margin-right:0;width:100%;padding:20px;margin-bottom:20px;}
    .location .con .box .tit{margin-bottom:5px;font-size:15px;} 
    .location .con .box .adr{font-size:18px;}
    .location .con .box .adr br{display: none;}
    .location .con .info{width:100%;}
    .location .con .info .dl-wrap dl dt{width:70px;}

    .mgb50{margin-bottom:20px !important;}

    .tit36{margin-bottom:30px;font-size:20px;}
    .tit36 br{display: none;}
    .guide .table01.table-responsive table{width:768px;}
    .guide .table01 table th{font-size:14px;}
    .guide .table01 table td{font-size:13px;}

    .guide .imgs ul{margin:0 -5px;}
    .guide .imgs ul li{padding:0 5px;}

    .sub-title .txt{font-size:18px;}

    .loc-tit{font-size:18px;}

    .benefit .row{margin-bottom:20px;padding:30px;display: block;}
    .benefit .row .doc-title{width:300px;}
    .benefit .row .doc-title .tit{font-size:16px;}
    .benefit .row .cnt{width:100%;}
    .benefit .row .cnt ul li .tit{font-size:14px;}

    .guide4 .process .top-con .list:before{display: none;}
    .guide4 .process .top-con .list ul {margin:0 -5px -30px;flex-wrap:wrap;}
    .guide4 .process .top-con .list ul li{padding:0 5px;margin-bottom:30px;width:33.3333%;}
    .guide4 .process .top-con .list ul li .num-wrap .num{width:60px;height:60px;font-size:18px;}
    .guide4 .process .top-con .list ul li .tit{font-size:14px;}

    .premium1 .box-list ul{margin:0;display: block;}
    .premium1 .box-list ul li{padding:0;margin-bottom:10px;width:100%;}
    .premium1 .box-list ul li:last-child{margin-bottom:0;}
    .premium1 .box-list ul li .box{padding:20px;}
    .premium1 .box-list ul li .box .doc-title{margin-bottom:5px;}

    .premium2 .cont2 .wide-box{margin-bottom:20px;}
    .premium2 .cont2 .wide-box .list ul{margin:0;display: block;}
    .premium2 .cont2 .wide-box .list ul li{padding:0;width:100%;margin-bottom:15px;text-align:left;}
    .premium2 .cont2 .wide-box .list ul li:last-child{margin-bottom:0;}
    .premium2 .cont2 .box-list ul{margin:0;display: block;}
    .premium2 .cont2 .box-list ul li{padding:0;width:100%;margin-bottom:15px;}
    .premium2 .cont2 .box-list ul li:last-child{margin-bottom:0;}
    .premium2 .cont2 .box-list ul li .box{padding:20px;}

    .ic-group{display: flex;text-align: left;align-items:center;}
    .ic-group .ic{margin-bottom:0;margin-right:30px;}
    .ic-group .ic img{height:100px;}
    .ic-group .wrap{margin-top:5px;}

    .premium3 .cont2 .tit36{margin-bottom:20px;}
    .premium3 .cont2 .row .ic{margin-right:30px;}
    .premium3 .cont2 .row .ic img{height:100px;}
    
}