@charset "utf-8";

@media only screen and (max-width: 1680px) {
    #main-visual .sw-arr-type2 .swiper-button-prev{left: 43px;}
    #main-visual .sw-arr-type2 .swiper-button-next{right: 43px;}
    #main-visual .sw-arr-type2 .swiper-button-prev:hover, 
    #main-visual .sw-arr-type2 .swiper-button-prev:focus{left: 40px}
    #main-visual .sw-arr-type2 .swiper-button-next:hover,
    #main-visual .sw-arr-type2 .swiper-button-next:focus{right: 40px}
}

@media only screen and (max-width: 1540px) {
    #main-visual .sw-arr-type2 .swiper-button-prev,
    #main-visual .sw-arr-type2 .swiper-button-next{display: none;}
}

@media only screen and (max-width: 1340px) {
    :root {
        --main-gap: 40px;
    }
    .main-grid{width: auto; padding-left: var(--main-gap); padding-right: var(--main-gap);}
    #main-visual .vis-text-container::after{right: 60px;}
    #main-visual .sw-dot-type2.swiper-horizontal > .swiper-pagination-bullets{left: 40px;}
}

@media only screen and (max-width: 1200px) {
    .defalut-logo{width: 250px;}
    #gnb > ul > li{font-size: 16px;}
    #footer .inner-footer{justify-content: center; text-align: center;;}
    #footer .address{flex-direction: column; justify-content: center; width: 100%;}
    #footer .address .logo-f{margin-bottom: 20px; margin-right: 0;}
    #footer address > ul{justify-content: center;}
    #footer address > ul > li{margin: 0 10px;}
    #footer .right-set{width: 260px; margin-top: 40px;}
    #sub-vis{height: 220px;}
    #sub-nav{padding-left: 0; padding-right: 0;}
    #sub-nav > ul > li > a{font-size: 15px; line-height: 21px;}
    .pg-title{padding-top: 48px; padding-bottom: 36px;}
    .pg-title .title{font-size: 30px;}
    .sec-title{font-size: 30px;}

    #main-visual .mvis-text .txt-en{margin-bottom: 14px;}
    #main-visual .mvis-text .main-text{font-size: 45px; line-height: 54px;}
    #main-visual .mvis-text p{margin-top: 13px;}
    #main-visual .sw-dot-type2.swiper-horizontal > .swiper-pagination-bullets{bottom: calc(50% - 160px);}

    .main-sec.sec1{padding-top: 70px; padding-bottom: 70px;}
    .main-sec.sec3 .cont-contact .txt-en{margin-bottom: 22px;}
    .main-sec.sec3 .cont-contact .txt-contact > div{font-size: 30px; line-height: 38px;}
    .main-sec.sec3 .cont-contact .txt-contact > div:nth-child(2){margin: 0 24px;}
    .main-sec.sec4{padding-top: 70px;}

    .pg-ci .ct-box .image{width: 380px;}
    .pg-ci .ct-box .txt-set{width: calc(100% - 440px);}
    .pg-contact .sec1{padding-top: 40px; padding-bottom: 80px}
    .pg-contact .location .txt-set strong{display: none;}
    .pg-contact .location .sec-map .root_daum_roughmap .wrap_map{height: 450px}

    .pg-gnica .sec1 .txt-set .main-text{font-size: 28px; line-height: 42px;}
    .pg-gnica .sec1 .txt-set p,
    .pg-gnica .sec3 .txt-set .sub-text,
    .pg-gnica .sec3 .txt-set > ul > li{font-size: 17px; line-height: 28px;}
    .pg-gnica .sec1 .txt-set p{margin-top: 30px;}
    .pg-gnica .sec2 .circle,
    .pg-gnica .sec2 .circle-set p{width: 200px;}

    .proc-cert01 > ul{margin-left: -25px; margin-right: -25px;}
    .proc-cert01 > ul > li{padding: 25px;}
    .box-proc .num-proc{font-size: 15px; margin-bottom: 7px;}
    .box-proc .title{font-size: 18px;}

    .proc-cert02 > ul > li{padding-top: 30px; padding-bottom: 30px;}
    .proc-cert02 .box-proc{width: 199px;}
    .proc-cert02 .txt-set{margin-left: 40px;}
    .proc-cert02 .txt-set > p{font-size: 17px;}
    .proc-cert02 .btn-apply > a{width: 270px;}
    .proc-cert02 .btn-apply .txt-btn .title{font-size: 17px;}

    .table1 table td.item,
    .table1 table td.t-name{font-size: 17px;}
    .table1.w1 .w1-1{width: 180px;}
    .table1.w1 .w1-3{width: 100px;}
    
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .proc-cert02 .btn-apply > a{width: 70px; height: 70px;}
    .proc-cert02 .btn-apply .txt-btn{width: 40px; height: 40px; background:url('../images/common/ico_dw2.png') no-repeat center; background-size: 30px auto;}
    .proc-cert02 .btn-apply .txt-btn .txt-en{font-size: 0;}
    .proc-cert02 .btn-apply .txt-btn .title{font-size: 0;}
}

@media only screen and (min-width: 768px) {
    .proc-cert01 > ul > li:nth-child(5){order: 8;}
    .proc-cert01 > ul > li:nth-child(6){order: 7;}
    .proc-cert01 > ul > li:nth-child(7){order: 6;}
    .proc-cert01 > ul > li:nth-child(8){order: 5;}
    .proc-cert01 > ul > li::after{top: calc(50% - 8px); right: -8px; background: url('../images/common/arr0401.png') no-repeat center; background-size: 100% auto;}
    .proc-cert01 > ul > li:nth-child(4)::after{top: auto; right: calc(50% - 8px); bottom: -8px; background-image: url('../images/common/arr0402.png')}
    .proc-cert01 > ul > li:nth-child(5)::after,
    .proc-cert01 > ul > li:nth-child(6)::after,
    .proc-cert01 > ul > li:nth-child(7)::after{right: auto; left: -8px; background-image: url('../images/common/arr0403.png')}
    .proc-cert01 > ul > li:nth-child(8)::after{display: none;}

}

@media only screen and (max-width: 1023px) {
    :root {
        --header-height: 80px;
    }
    .defalut-logo,
    .small-logo{width: 240px;}
    .shorthand-logo{width: 70px;}
    #gnb,
    #header .btn-right::before{display: none;}
    #footer .footer-menu .inner-grid{padding-right: 0;}
    #footer .footer-menu li{margin-right: 20px;}
    #sub-vis{height: 200px;}
    #sub-vis .tit-set .txt-en1{font-size: 14px; margin-bottom: 10px;}
    #sub-vis .tit-set .title{font-size: 32px;}
    #sub-vis .tit-set .txt-en2{margin-top: 15px;}
    #sub-nav > ul > li > a{font-size: 14px; line-height: 20px;}
    .pg-title{padding-top: 40px; padding-bottom: 30px;}
    .pg-title .title{font-size: 28px;}
    .sec-title{font-size: 28px;}
    #main-visual .vis-text-container{justify-content: center;}
    #main-visual .vis-text-container::after{display: none;}
    #main-visual .mvis-text{text-align: center;}
    #main-visual .mvis-text .txt-en{padding-left:0;}
    #main-visual .sw-dot-type2.swiper-horizontal > .swiper-pagination-bullets{left: 0; bottom: var(--main-gap); width: 100%;}

    .m-board .top-board .tit-board .title{font-size: 20px;}
    .m-board > ul > li{padding-top: 19px; padding-bottom: 19px;}
    .m-board > ul > li > .title{font-size: 18px;}
    .m-board > ul > li > .date{margin-top: 8px;}
    .gallery1 > ul > li > .title{font-size: 16px; line-height: 24px;}
    .gallery1 > ul > li > .date{font-size: 13px;}
    .main-sec .sec-title .txt_en{margin-bottom: 7px;}
    .main-sec .sec-title .title{font-size: 28px;}

    .main-sec.sec1{padding-top: 60px; padding-bottom: 60px;}    
    .main-sec.sec1 .latest > div{width: calc(50% - 20px);}
    .main-sec.sec2 .list-field > ul > li > a > .title{font-size: 16px;}
    .main-sec.sec2 .list-field > ul > li > a > .txt-en{font-size: 10px;}
    .main-sec.sec3 .cont-contact .txt-en{margin-bottom: 20px;}
    .main-sec.sec3 .cont-contact .txt-contact > div{font-size: 26px; line-height: 38px;}
    .main-sec.sec3 .cont-contact .txt-contact > div:nth-child(2){margin: 0 28px;}
    .main-sec.sec3 .cont-contact p{font-size: 14px}
    .main-sec.sec4{padding-top: 60px; padding-bottom: 50px;}

    .pg-greet .sec1{padding-top: 40px; padding-bottom: 70px;}
    .pg-greet .sec1 .left-area{width: 170px; padding-top: 6px;}
    .pg-greet .sec1 .txt-set{width: calc(100% - 210px);}
    .pg-greet .sec1 .left-area .txt1{font-size: 13px;}
    .pg-greet .sec1 .left-area .txt2{font-size: 15px;}
    .pg-greet .sec1 .txt-set p{font-size: 15px; line-height: 30px; margin-bottom: 30px;}

    .pg-organization .sec1{padding-top: 40px; padding-bottom: 100px;}
    .table1 table td{padding: 15px 10px; line-height: 24px;}
    .table1 table td.item{font-size: 16px;}
    .table1 table td.t-name{font-size: 16px;}
    .table1 table td.thumb{height: 100px;}
    .table1 table td.t-cont{font-size: 15px; padding: 15px 20px;}
    .table1.w1 .w1-1{width: 130px;}
    .table1.w1 .w1-2{width: 88px;}
    .table1.w1 .w1-3{width: 98px;}
    .pg-executive .sec1{padding-bottom: 90px;}   

    .pg-ci .sec1{padding-top: 20px; padding-bottom: 70px;}
    .pg-ci .ct-box{text-align: center;}
    .pg-ci .ct-box .image{width: 100%; margin-bottom: 40px;}
    .pg-ci .ct-box .image img{max-width: 450px;}
    .pg-ci .ct-box .txt-set{width: 100%}
    .pg-ci .ct-box .txt-set p{margin-top: 20px;}
    .pg-contact .sec1{padding-top: var(--main-gap); padding-bottom: 70px}
    .pg-contact .location .txt-set{padding: 15px 0;}
    .pg-contact .location .txt-set > div{padding: 3px 0;}
    .pg-contact .location .txt-set strong{display: inline;}
    .pg-contact .location .sec-map .root_daum_roughmap .wrap_map{height: 380px}

    .pg-member .sec-term{padding-top: 40px; padding-bottom: 70px;}

    .pg-gnica .sec1{padding-top: 40px; padding-bottom: 50px;}
    .pg-gnica .sec1 .txt-set{width: 100%;}
    .pg-gnica .sec1 .img-obj{display: none;}
    .pg-gnica .sec1 .txt-set .main-text{font-size: 26px; line-height: 38px;}
    .pg-gnica .sec1 .txt-set p,
    .pg-gnica .sec3 .txt-set .sub-text,
    .pg-gnica .sec3 .txt-set > ul > li{font-size: 16px; line-height: 27px;}
    .pg-gnica .sec1 .txt-set p{margin-top: 30px;}
    .pg-gnica .sec2{padding-top: 50px; padding-bottom: 50px;}
    .pg-gnica .sec2 .circle-set > ul > li{width: 50%; padding: 15px 0;}
    .pg-gnica .sec2 .circle .txt-circle .title{font-size: 20px;}
    .pg-gnica .sec2 .circle-set p{display: block; width: 100%; padding: 0 45px;}
    .pg-gnica .sec3{padding-top: 60px; padding-bottom: 80px;}
    .pg-gnica .sec3 .txt-set{width: 100%;}
    .pg-gnica .sec3 .txt-set .main-text{font-size: 40px;}
    .pg-gnica .sec3 .txt-set > ul{margin-top: 25px;}
    .pg-gnica .sec3 .img-obj{display: none;}
    .list-brand .info-brand .b-item{width: 100px;}

    .box-proc .num-proc{margin-bottom: 5px;}
    .box-proc .title{font-size: 16px;}
    .proc-cert01 > ul{margin-left: -20px; margin-right: -20px;}
    .proc-cert01 > ul > li{padding: 20px;}

    .proc-cert02 .box-proc{width: 142px;}
    .proc-cert02 .txt-set{margin-left: 40px;}
    .proc-cert02 .txt-set > p{font-size: 16px;}


}


@media only screen and (max-width: 767px) {
    :root {
        --main-gap: 20px;
        --header-height: 72px;
    }
    .defalut-logo,
    .small-logo{width: 230px;}    
    #footer .footer-menu li{margin-right: 10px;}
    #footer .footer-menu li > a{font-size: 13px;}
    #footer address .copyright{margin-top: 15px;}
    #footer .right-set{width: 100%;}
    #sub-vis{height: 124px;}
    #sub-vis .tit-set .txt-en1{font-size: 12px; margin-bottom: 9px;}
    #sub-vis .tit-set .title{font-size: 28px;}
    #sub-vis .tit-set .txt-en2{display: none;}
    #sub-nav{display: none;}
    .pg-title{padding-top: 34px; padding-bottom: 24px;}
    .pg-title .title{font-size: 26px;}
    #main-visual .mvis-text .txt-en{font-size: 16px; margin-bottom: 14px;}
    #main-visual .mvis-text .main-text{font-size: 38px; line-height: 48px;}
    #main-visual .mvis-text p{font-size: 15px;}

    .m-board > ul > li{padding-top: 16px; padding-bottom: 16px;}
    .m-board > ul > li > .title{font-size: 17px;}
    .gallery1 > ul > li{width: 50%; padding: 0 10px; margin-bottom: 20px;}
    .gallery1 > ul > li > .title{margin-top: 10px; font-size: 15px; line-height: 24px;}
    .gallery1 > ul > li > .date{font-size: 12px; margin-top: 7px;}
    .main-sec .sec-title .title{font-size: 25px;}
    .main-sec.sec1{padding-top: 40px; padding-bottom: 20px;}
    .main-sec.sec1 .latest > div{width: 100%; margin-bottom: 40px;}
    .main-sec.sec2{padding-bottom: 10px;}
    .main-sec.sec2 .list-field > ul{justify-content: center;}
    .main-sec.sec2 .list-field > ul > li{width: 33.333333333%; margin-bottom: 40px;}
    .main-sec.sec2 .list-field > ul > li > a > .title{font-size: 15px;}
    .main-sec.sec3 .inner-sec{height: auto; padding-top: 50px; padding-bottom: 50px;}
    .main-sec.sec3 .cont-contact .txt-en{margin-bottom: 20px;}
    .main-sec.sec3 .cont-contact .txt-contact > div{font-size: 25px; line-height: 41px;}
    .main-sec.sec3 .cont-contact .txt-contact > div:nth-child(2){margin: 0 28px;}
    .main-sec.sec4{padding-top: 50px; padding-bottom: 50px;}
    .main-sec.sec4 .gallery1{margin-top: 30px;}

    .pg-greet .sec1{padding-top: 20px; padding-bottom: 70px;}
    .pg-greet .sec1 .left-area{max-width: 400px; width: 100%; margin: 0 auto; padding-top: 0; text-align: center;}
    .pg-greet .sec1 .txt-set{width: 100%; margin-top: 40px;}
    .pg-greet .sec1 .left-area .txt1{font-size: 15px;}
    .pg-greet .sec1 .left-area .txt2{font-size: 20px;}
    .pg-greet .sec1 .txt-set p{font-size: 16px; line-height: 32px; margin-bottom: 32px;}

    .pg-organization .sec1{padding-top: 30px; padding-bottom: 60px;}
    .table1 table td{padding: 14px 10px; line-height: 22px;}
    .table1 table td.item{font-size: 15px;}
    .table1 table td.t-name{font-size: 15px;}
    .table1 table td.thumb{height: 90px;}
    .table1 table td.t-cont{padding: 14px 15px;}
    .table1.w1 .w1-1{width: 86px;}
    .table1.w1 .w1-2{width: 76px;}
    .table1.w1 .w1-3{width: 70px;}
    .pg-executive .sec1{padding-bottom: 80px;}

    .pg-ci .sec1{padding-top: 20px; padding-bottom: 70px;}
    .pg-ci .ct-box .image{padding: 0 20px; margin-bottom: 30px;}
    .pg-ci .ct-box .txt-set p{font-size: 15px;}
    .pg-ci .btn-set a{width: 156px; font-size: 15px;}
    
    .pg-contact .sec1{padding-bottom: 70px}
    .pg-contact .location .txt-set{padding: 15px 0; margin-top: 20px; justify-content: center; text-align: center;}
    .pg-contact .location .txt-set > div{padding: 3px 0; line-height: 24px;}
    .pg-contact .location .txt-set strong{display: block; margin-bottom: 5px;}
    .pg-contact .location .sec-map .root_daum_roughmap .wrap_map{height: 280px}

    .pg-board .sec-board{padding-top:30px; padding-bottom:10px}
	.pg-board .sec-board .bo_basic_list tbody .tdb{padding-left:0}
    .pg-member .term-text{font-size: 15px; line-height: 26px;}

    .pg-gnica .sec1{padding-top: 30px; padding-bottom: 40px;}
    .pg-gnica .sec1 .txt-set .main-text{font-size: 25px; line-height: 37px;}
    .pg-gnica .sec1 .txt-set p,
    .pg-gnica .sec3 .txt-set .sub-text,
    .pg-gnica .sec3 .txt-set > ul > li{font-size: 16px; line-height: 30px;}
    .pg-gnica .sec1 .txt-set p{margin-top: 25px;}
    .pg-gnica .sec2{padding-top: 40px; padding-bottom: 40px;}
    .pg-gnica .sec2 .circle-set > ul > li{width: 100%; padding: 15px 0;}
    .pg-gnica .sec2 .circle .txt-circle .title{font-size: 18px;}
    .pg-gnica .sec2 .circle .txt-circle .txt-en{font-size: 10px;}
    .pg-gnica .sec2 .circle-set p{padding: 0 45px;}
    .pg-gnica .sec3{padding-top: 50px; padding-bottom: 70px;}
    .pg-gnica .sec3 .txt-set .txt-en{margin-bottom: 10px;}
    .pg-gnica .sec3 .txt-set .main-text{font-size: 33px;}
    .pg-gnica .sec3 .txt-set > ul{margin-top: 25px;}
    .pg-gnica .sec3 .txt-set > ul > li{font-size: 15px; padding-left: 13px; text-indent: -13px; margin-bottom: 8px;}

    .pg-brand .sec1{padding-bottom: 80px;}
    .list-brand > ul > li{padding-top: 20px; padding-bottom: 20px;}
    .list-brand .thumb{width: 100%; height: auto;}
    .list-brand .info-brand{flex: 1; margin-left: 0; margin-top: 20px;}

    .box-proc{height: 96px;}
    .box-proc .num-proc{font-size: 15px; margin-bottom: 3px;}
    .box-proc .title{font-size: 19px;}
    .proc-cert01 > ul{margin-left: 0; margin-right: 0;}
    .proc-cert01 > ul > li{width: 100%; padding: 20px 0;}
    .proc-cert01 > ul > li::after{left: calc(50% - 8px); bottom: -8px; background: url('../images/common/arr0402.png') no-repeat center; background-size: 100% auto;}
    .proc-cert01 > ul > li:last-child:after{display: none;}
    .proc-cert02 .box-proc{width: 100%; height: auto; border: 0; background-color: transparent; margin-bottom: 15px;}
    .proc-cert02 .box-proc .title{color: var(--point-color03);}
    .proc-cert02 .txt-set{width: 100%; margin-left: 0; text-align: center;}
    .proc-cert02 .txt-set > p{font-size: 15px;}
    .proc-cert02 .txt-set > p.txt1{font-size: 15px;}
    .proc-cert02 .btn-apply{margin-left: 0; width: 100%; text-align: center; margin-top: 35px;}
    .proc-cert02 .btn-apply > a{display: inline-flex; width: 320px; height: 90px;}
    .pg-procedure .sec1 .proc-cert01{margin-top: 18px;}
    .pg-procedure .sec2{padding-bottom: 50px;}

}