/*****************************************
서브 공통
*****************************************/
.title-box {
    text-align: center;
    margin-bottom: 8rem;
}

.title-box .tit {
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -0.7px;
    color: #000;
}

.title-box .txt {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.7px;
    color: #000;
    margin-top: 12px;
}

@media screen and (max-width:768px) {
    .title-box .tit {
        font-size: 36px;
    }

    .title-box .txt {
        font-size: 16px;
        margin-top: 6px;
    }

}

@media screen and (max-width:480px) {
    .title-box {
        margin-bottom: 3rem;
    }

    .title-box .tit {
        font-size: 28px;
    }

}

.blue {color: #104770 !important;}
/*****************************************
연구원 소개
*****************************************/
/* 인사말 */
.greeting-con01 {
    padding: 160px 30px 355px 42.3%;
    position: relative;
    background: url("../../images/sub/message.jpg") 50% 0% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

/* .greeting-con01:before{position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background-color: #fff; -webkit-transition: width 0.8s; transition: width 0.8s;} 
.greeting-con01.aos-animate:before{width: 0;}*/
.greeting-txt-box {
    letter-spacing: -0.7px;
}

.greeting-txt-box h5 {
    font-size: 41px;
    line-height: 1.36;
    font-weight: 700;
    color: #fff;
    /*  text-shadow: 3px 5px rgba(0,0,0,0.05); */
}

.greeting-txt-box p {
    margin-top: 20px;
    font-size: 23px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.9);
}

.greeting-con02 {
    position: relative;
    top: -200px;
    margin-left: 14%;
    width: 87%;
    padding: 75px 10% 75px 5%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.greeting-con02 .txt {
    font-size: 18.5px;
    line-height: 1.8;
    letter-spacing: -0.7px;
    color: #303030;
}

.greeting-con02 .sign-txt {
    margin-top: 35px;
    font-size: 16px;
    letter-spacing: -0.7px;
    color: rgba(50, 50, 50, 0.9);
    text-align: right;
}

.greeting-con02 .sign-txt b {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px;
    font-size: 25px;
    font-weight: 700;
    color: #000;
}

/* KOLAS 인증관련 */
.system-grade-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3%
}

@media (max-width: 1024px) {
    .system-grade-wrap {
        flex-direction: column;
        row-gap: 3.125em
    }
}

.system-grade-wrap .item {
    /*width: 48.5%*/
	width: 60%
}

@media (max-width: 1024px) {
    .system-grade-wrap .item {
        width: 100%
    }
}

.system-grade-wrap .item .title {
    font-size: 1.375rem;
    font-weight: 600;
    color: #111;
    text-align: center;
    margin-bottom: 15px
}

.system-grade-wrap .item .box .img-bx {
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    padding: 2.5em;
    min-height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .system-grade-wrap .item .box .img-bx {
        min-height: auto
    }
}

.system-grade-wrap .item .box .img-bx img {
    display: block;
    margin: 0 auto;	
    max-width: 100%;
}

.system-grade-wrap .item .box .txt-bx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 1.875em 2.5em;
    text-align: center;
    min-height: 160px;

}

@media (max-width: 1024px) {
    .system-grade-wrap .item .box .txt-bx {
        height: auto;
        padding: 1.25em 0.9375em
    }
}

.system-grade-wrap .item .box .txt-bx .desc {
    font-size: 18px;
    line-height: 2;
    color: #555
}

.system-grade-wrap .item .box .txt-bx .desc .font-weight-bold {
    font-weight: 600 !important;
    color: #111
}




/*  */
.txt-box {
    margin: 8rem auto;
    max-width: 1050px;

}

/* .common-sub-title {
    font-size: 32px;
    color: #111;
    font-weight: 500;
    padding-left: 20px;
    position: relative
}

@media (max-width: 1024px) {
    .common-sub-title {
        font-size: 1.25rem;
        padding-left: 14px
    }
}

.common-sub-title:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5%;
    height: 4px;
    background-color: #18A638;
    border-radius: 2px;

} */

/* @media (max-width: 1024px) {
    .common-sub-title:after {
        width: 3px;
        height: 16px
    }
} */

.common-description {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 40px;
    text-align: center;
    letter-spacing: -.7px;
}

.common-description.color {
    color: #104770;
}

/*  */
.kolas .conBox {
    font-weight: 500;
    src: url(/font/KoPubWorld-Dotum-Medium.woff) format("woff")
}

.kolas .conBox .con {
    display: flex;
    align-items: center;
}

.kolas .conBox .con {
    line-height: 1.25;
    position: relative;
}

.kolas .conBox .con .philo_1 {
    text-align: left;
}

.kolas .conBox .con .philo_1 .br-block {
    display: none;
}

.kolas .conBox .con .philo_1 p {
    font-size: 20px;
    font-weight: 600;
    margin-right: 15px;
    background: #104770;
    color: #fff;
    border-radius: 50%;
    padding: 8px;
}

.kolas .conBox .con .philo_2 {
    font-size: 20px;
}

.kolas .conBox .con .philo_3 {
    font-size: 22px;
}

.kolas .conBox .con .dotTxt::before {
    background-color: #000;
    width: 20px;
    height: 20px;
}

.kolas .conBox .con .dotList>li em {
    font-weight: inherit;
}

.kolas .conBox .con .dotList>li::before {
    background-color: #000;
    width: 20px;
    height: 20px;
    top: 12px;
}

.kolas .conBox .con .top {
    padding: 45x 0;
    /* max-width: 1100px;
    margin: 0 auto; */
}

.kolas .conBox .con .top>p {
    /* display: flex;
    align-items: center;
    column-gap: 12px; */
    font-size: 20px;
    font-weight: 500;
}

/* .kolas .conBox .con .ad_svg{
    width: 60px;
  } */
.kolas .conBox .con .top>p em {
    font-weight: inherit;
}

.kolas .conBox .con .top .philo_1 {
    padding-top: 0;
}

.kolas .conBox .con .top .philo_2 {
    font-size: 20px;
}



.kolas .conBox .con .top>p>em {
    color: #104770;
    font-weight: 600;
}

.kolas .conBox .con .top .philo_2 em {
    margin-bottom: 10px;
    display: block;

}

.kolas .conBox .con.con1 {
    /* border-bottom: 1px solid #c5c5c5; */
    padding: 20px 0;
}

.kolas .conBox .con.con1 .dotList {
    margin-top: 25px;
    /* margin-bottom: 50px; */
    line-height: 1.8;
    color: #555;
}

.kolas .conBox .con.con1 .dotList>li+li {
    margin-top: 3px;
}

.kolas .conBox .con.con1 .img-txt {
    width: 200px;
    margin: 70px 0 0;
    object-fit: contain;
}

.kolas .conBox .con.con1 .scroll .img {
    margin: 70px 0 55px auto;
}

.kolas .conBox .con.con2 .top>p {
    margin-bottom: 90px;
}

.kolas .conBox .con.con2 .top ul li {
    text-align: center;
}

.kolas .conBox .con.con2 .top ul li:nth-child(2) .circle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 1px solid #EA5519;
    justify-content: center;
    align-items: center;
    color: #EA5519;
    font-size: 18px;
}

.kolas .conBox .con.con2 .top ul li:nth-child(2) .circle+.circle {
    margin-left: 121px;
    position: relative;
}

.kolas .conBox .con.con2 .top ul li:nth-child(2) .circle+.circle::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url("/images/contents/philosophy_plus.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: -75px;
    top: 50%;
    transform: translateY(-50%);
}

.kolas .conBox .con.con2 .top ul li:nth-child(2) .circle:nth-child(2) {
    border-color: #172866;
    color: #172866;
}

.kolas .conBox .con.con2 .top ul li:nth-child(2) .circle:nth-child(3) {
    border-color: #18A638;
    color: #18A638;
}

.kolas .conBox .con.con2 .top ul li:not(:nth-child(1)) {
    margin-top: 117px;
}

.kolas .conBox .con.con2 .top ul li:not(:nth-child(1)) .dotTxt {
    margin-bottom: 50px;
}

.kolas .conBox .con::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #C3C3C3;
    transition: width 2s ease;
}

.kolas .conBox .con.aos-animate::after {
    width: 100%;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    /* padding-top: 30px; */
}

.kolas .conBox .con .top ul li .dotTxt {
    /* margin-bottom: 50px; */
}

.kolas .conBox .circle-wrap {
    padding-top: 40px;
    text-align: center;
}

.kolas .conBox .con .top ul li:nth-child(4) .circle {
    width: 160px;
    height: 160px;
    /* border-radius: 50%; */
    border: 1px solid #e90000;
    justify-content: center;
    align-items: center;
    color: #e90000;
    font-size: 18px;
}

.kolas .conBox .con .top ul li:nth-child(4) .circle:nth-child(2) {
    border-color: #17661e;
    color: #17661e;
}

.kolas .conBox .con .top ul li:nth-child(4) .circle:nth-child(3) {
    border-color: #172866;
    color: #172866;
}

.kolas .conBox .con .top ul li:nth-child(4) .circle+.circle {
    margin-left: 120px;
    position: relative;

}

.kolas .conBox .con .top ul li:nth-child(4) .circle+.circle::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url(https://www.thejasset.com/images/contents/philosophy_plus.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: -75px;
    top: 50%;
    transform: translateY(-50%);
}

.kolas .conBox .con .box:not(:last-child) {
    margin-bottom: 50px;
}

.kolas .conBox .con .box .circle {
    color: #fff;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background-color: #375623;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 300;
    margin-right: 120px;
    position: relative;
}

.kolas .conBox .con .box .circle::after {
    content: "";
    position: absolute;
    right: -70px;
    width: 70px;
    height: 1px;
    background-color: #c3c3c3;
}

.kolas .conBox .con .box ul li {
    font-size: 20px;
    display: flex;
    align-items: center;
    position: relative;
}

.kolas .conBox .con .box ul li+li {
    margin-top: 30px;
}

.kolas .conBox .con .box ul li::before {
    content: "";
    position: absolute;
    left: -50px;
    width: 50px;
    height: 1px;
    background-color: #c3c3c3;
}

.kolas .conBox .con .box ul li p {
    width: 200px;
    height: 63px;
    border-radius: 35px;
    border: 1px solid #375623;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 8px 2px rgba(0, 0, 0, 0.05);
    color: #375623;
}

.kolas .conBox .con .box ul li span {
    font-weight: 200;
    padding-left: 30px;
}

.kolas .conBox .con .box ul li span.english {
    padding-left: 0;
}

.kolas .conBox .con .box {
    padding-top: 40px;
    align-items: center;
}

.kolas .conBox .con .box ul li.b-line::after {
    content: "";
    position: absolute;
    left: -50px;
    width: 1px;
    height: 93px;
    background-color: #c3c3c3;
    top: 50%;
}

.kolas .conBox .con .box ul li.b-line .br-block {
    display: none;
}

.kolas .conBox .con .professional {
    margin-top: 96px;
}

.kolas .conBox .con .professional .txt {
    font-size: 32px;
    font-weight: 200;
    line-height: 1.2;
}

.kolas .conBox .con .professional .composition {
    /* margin: 193px auto 228px; */
    margin: 0 0 80px 270px;
    width: 464px;
    position: relative;
    color: #375623;
}

/* .kolas .conBox .con .professional .composition::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #c3c3c3;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(1);
    opacity: 0;
    transition: 1.2s ease 2s;
  } */
.kolas .conBox .con .professional .composition .tit {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -1px;
    opacity: 1;
    transition: 1s ease 0.5s;
    background-color: #fff;
    width: 20%;
    height: 20%;
    border-radius: 50%;
    white-space: nowrap;
    overflow: hidden;
}


.kolas .conBox .con .professional .composition img {
    /* vertical-align: top; */
}

.kolas .conBox .con .professional .composition .info>li:nth-child(1) {
    right: 80%;
    bottom: 80%;
    transition-delay: 1s;
}

.kolas .conBox .con .professional .composition .info>li:nth-child(2) {
    left: 80%;
    bottom: 80%;
    transition-delay: 1.2s;
}

.kolas .conBox .con .professional .composition .info>li:nth-child(3) {
    right: 80%;
    top: 65%;
    transition-delay: 1.4s;
}

.kolas .conBox .con .professional .composition .info>li:nth-child(4) {
    left: 80%;
    top: 65%;
    transition-delay: 1.6s;
}

.kolas .conBox .con .professional .composition .info>li {
    width: 350px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #375623;
    border-radius: 10px;
    box-shadow: 0px 8px 2px rgba(0, 0, 0, 0.05);
    position: absolute;
    font-size: 20px;
    text-align: center;
    letter-spacing: -1px;
    transform: translateY(50%);
    /* opacity: 0; */
    transition: 1s ease 0.5s;
}

/* .kolas .conBox .con .professional .composition .info > li .dotList li{
    position: relative;
    padding-left: 15px;
  } */
.kolas .conBox .con .professional .composition .info>li .dotList {
    text-align: left;
}

.kolas .conBox .con .professional .composition .info>li .dotList li::before {
    width: 4px;
    height: 4px;
    top: 14px;
}

.dotList>li {
    position: relative;
    /* padding-left: 15px; */
}

.kolas .conBox .con .professional .composition.aos-animate::before {
    transform: scale(1.4);
    opacity: 1;
}

.kolas .conBox .con .professional .composition.aos-animate .tit {
    width: 65%;
    height: 65%;
    opacity: 1;
}

.kolas .conBox .con .professional .composition.aos-animate .info>li {
    transform: translateY(0);
    opacity: 1;
}

/* CI 소개 */
.ci {}

.ci .conwrap {
    display: flex;
}

.ci .conwrap .tit {
    position: relative;
    width: 105px;
}

.ci .conwrap .tit:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: calc(100% - 7px);
    background: #ccc;
}

.ci .conwrap .tit strong {
    display: block;
    font-family: "Montserrat";
    font-size: 40px;
    font-weight: 600;
    color: #000;
}

.ci .conwrap .inner {
    width: calc(100% - 105px);
    padding-left: 70px;
}

.ci .conwrap .con_tit {
    display: flex;
    align-items: flex-end;
    margin-top: 35px;
}

.ci .conwrap .con_tit * {
    display: block;
    color: #000;
    letter-spacing: -0.025em;
}

.ci .conwrap .con_tit strong {
    font-family: "Montserrat";
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #18A638;
}

.ci .conwrap .con_tit span {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 1px 10px;
}

.ci .conwrap .img_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #f7f7f7;
    border-radius: 8px;
}

.ci .conwrap .text_wrap {
    letter-spacing: -0.025em;
    margin-top: 43px;
}

.ci .conwrap .text_wrap b {
    font-size: 24px;
    font-weight: 600;
    color: #104770;
}

.ci .conwrap .text_wrap p {
    font-size: 20px;
    line-height: 1.7;
    color: #000;
    margin-top: 16px;
}

.ci .section1 {
    margin-bottom: 180px;
}

.ci .section1 .conwrap .img_wrap {
    padding: 115px 0;
}

.ci .section1 .conwrap .img_wrap img {
    margin: 0 30px;
}

/* 설립취지 */
.cnt1 h5{font-size: 20px; line-height: 1; color: #00b3ce; letter-spacing: -0.03em; font-weight: 700; margin-bottom: 30px;}
.cnt1 h3{margin-left: -3px; margin-bottom: 100px;}
.cnt1 > ul {justify-content: space-between;}
.cnt1 > ul > li{width: 100%;}
.cnt1 > figure{margin-top: 99px;}
.cnt1 > figure img{max-width:9999999px;}


/* .s2-arti1{border-top: 3px solid #104770; padding-top: 77px;} */
.s2-arti1 .lbx{width: 43.05%;}
.s2-arti1 .rbx{margin-top: -9px;}
.cnt1 h3{ font-size: 60px; line-height: 1; color: #111; font-weight: 700; letter-spacing: -0.03em; margin-bottom: 70px;}
.cnt1 p{font-size: 20px; line-height: 35px; color: #666; }
/* .cnt1 .rbx h4:before{position: absolute; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #00b3ce; left: 0; top: 13px;} */
.cnt1 .rbx h4{font-weight: 800; position: relative; font-size: 40px; line-height: 1.5; color: #104770;/*  padding-left: 30px; */ margin-top: 80px; margin-bottom: 20px; letter-spacing: -0.03em;}
.cnt1 figure{margin-top: 91px;}
.cnt1 .rbx{width: 56.95%;}
.cnt1 figure img{width: 100%;}

/* 주요사업 */

h3.sub_tit  {font-size:36px; font-weight:600; line-height:1.2; text-align:center; letter-spacing:-1pt; color:#222; margin:0 0 12px; position:relative;}
h3.sub_tit b {font-size:inherit; line-height:inherit; letter-spacing:inherit; }


.zoom_funtion {margin:35px auto 0;}
.zoom_funtion dl {display:flex; flex-wrap:wrap; align-items:center; padding:20px 0; border-bottom:1px dashed #ddd; }
.zoom_funtion dl:last-child {border-bottom:0;}
.zoom_funtion dl dt {width:130px; height:130px; background:#fff; border-radius:30px; display:flex; flex-wrap:wrap; align-items:center;}
.zoom_funtion dl dt img {display:block ;margin:0 auto;}
.zoom_funtion dl dd {width:calc(100% - 130px); padding-left:40px; box-sizing:border-box;}
.zoom_funtion dl dd h4 {font-size:24px; color:#222; letter-spacing:-0.7pt; font-weighT:400; margin:0 0 4px;}
.zoom_funtion dl dd p {letter-spacing:-0.6pt; line-height:1.6; font-weight:400; font-size: 22px;}


.zoom_list {display:flex; flex-wrap:wrap; margin:55px 0 0;}
.zoom_list dl {width:calc((100% - 60px) / 3); margin-right:30px; margin-bottom:30px; border:1px solid #ddd; box-sizing:border-box; border-radius:30px; padding:30px 40px 20px;}
.zoom_list dl:nth-child(3n) {margin-right:0;}
.zoom_list dl dt {width:120px; height:120px; border-radius:100%; margin:0 auto 20px; background:#eff6f8; display:flex; flex-wrap:wrap; align-items:center;}
.zoom_list dl dt img {display:block; margin:0 auto;}
.zoom_list dl dd {}
.zoom_list dl dd h4 {font-size:1.176rem; color:#222;  letter-spacing:-0.6pt; font-weighT:400; line-height:1.4; margin:0 0 15px;}
.zoom_list dl dd p {    padding-lefT: 10px; box-sizing: border-box; position: relative; font-weight: 500; font-size: 18px; line-height: 1.5; margin: 0 0 5px; word-break: keep-all; text-align: center;}
/* .zoom_list dl dd p::after {content:''; width:3px; height:3px; background:#aaa; position:absolute; top:10px; left:0;}
 */
.zoom_uses {margin:55px 0 0;}
.zoom_uses dl {background:#fff; padding:25px; box-sizing:border-box; margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; border-radius:30px;}
.zoom_uses dl dt {width:250px; border-radius:30px; overflow:hidden;}
.zoom_uses dl dt img {width:100%;}
.zoom_uses dl dd {width:calc(100% - 250px); padding-lefT:50px; box-sizing:border-box;}
.zoom_uses dl dd h4 {font-size:28px; color:#222; font-weight:400; letter-spacing:-0.7pt; margin:0 0 15px;}
.zoom_uses dl dd h4 i {font-weight:bold; font-size:28px; line-height:inherit; display:inline-block; font-style:normal; margin-right:10px;}
.zoom_uses dl dd p {padding-lefT:10px; box-sizing:border-box; position:relative; font-weight:400;  line-height:1.5; margin:0 0 8px; word-break: keep-all;}
.zoom_uses dl dd p:last-child {margin:0;}
.zoom_uses dl dd p::after {content:''; width:3px; height:3px; background:#aaa; position:absolute; top:12px; left:0;}

/* 오시는 길 */
.loca-container {
    position: relative;
}

.info-inner-con {
    display: flex;
    padding: 6.5rem 0;
    border-top: 1px solid #eee;
}

.info-inner-con:first-of-type {
    border-top: 0;
}


.map-link-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9.7rem;
    height: 9.7rem;
    border-radius: 100%;
    background: var(--main-color);
    position: absolute;
    right: 6rem;
    bottom: -4.85rem;
    z-index: 5;
    -webkit-box-shadow: 22px 29px 48px -14px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 22px 29px 48px -14px rgba(0, 0, 0, 0.15);
    box-shadow: 22px 29px 48px -14px rgba(0, 0, 0, 0.15);
}

.map-link-btn i {
    color: #fff;
    font-size: 3.6rem;
}

.loca-container {
    position: relative;
}

.info-inner-con {
    display: flex;
    padding: 6.5rem 0;
    border-top: 1px solid #eee;
}

.info-inner-con:first-of-type {
    border-top: 0;
}

.map-info-con {
    margin-top: 3.5rem;
}

.map-info-tit {
    width: 37rem;
    font-size: 3rem;
    letter-spacing: -0.065em;
    color: #000;
    font-weight: 600;
}

.map-info-tbl > li {
    display: flex;
    align-items: center;
    
    margin-top: 2rem;
}

.map-info-tbl li:first-of-type {
    margin-top: 0;
}

.map-info-tbl > li > span {
    width: 13.5rem;
    font-size: 1.9rem;
    letter-spacing: -0.025em;
    color: #000;
    line-height: 1.7em;
    font-weight: 600;
}

.map-info-tbl li .txt {
    width: calc(100% - 13.5rem);
    font-size: 1.65rem;
    color: #000;
    letter-spacing: -0.05em;
    line-height: 1.7;
}


/*****************************************
시험안내
*****************************************/
/* 시험소개 */
/* .info .cnt1 ul {border-top: 3px solid #00b2cd; margin-top: 55px;} */
.cnt1 h3{ font-size: 32px; text-align: center; line-height: 1; color: #111; font-weight: 700; letter-spacing: -0.03em; margin-bottom: 70px;}
.info .cnt1 ul > li{display: flex; flex-wrap:wrap;  border-bottom: 1px solid #ddd; padding: 50px 0; }
.info .cnt1 ul > li figure{width: 34.72%; box-sizing: border-box; padding-left: 100px; align-self:center;	}
.info .cnt1 ul > li figure img{border-radius: 50%; box-shadow:0px 0px 15px rgba(0,0,0,0.1)}
.info .cnt1 ul > li .tbx{/*width: calc(100% - 34.72%);*/width: 95%; padding-top: 65px; font-family: 'Pretendard';}
.info .cnt1 ul > li .tbx h4{font-size: 40px; line-height: 1.5; color: #27426a; font-weight: 700; letter-spacing: -0.03em !important; margin-bottom: 20px;}
/* .info .cnt1 ul > li:nth-child(2) .tbx h4{color: #27426a; }
.info .cnt1 ul > li:nth-child(3) .tbx h4{color: #07b783; } */
.info .cnt1 ul > li .tbx ol > li{position: relative; font-size: 20px; line-height: 35px; color: #666; padding-left: 19px;  margin-bottom: 12px;}
.info .cnt1 ul > li .tbx ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #27426a; border-radius: 50%; left: 0; top: 15px;}
.info .cnt1 ul > li .tbx.none ol > li:before{content: none;}
.tbx > ol > p {margin-left: 19px;}
.info .cnt1 ul > li:nth-child(1) .tbx ol > li:before{background: #00b3ce;}
.info .cnt1 ul > li:nth-child(2) .tbx ol > li:before{background: #27426a;}
.info .cnt1 ul > li:nth-child(3) .tbx ol > li:before{background: #07b783;}
.info .cnt1 ul > li span{background-color: #104770; color: #fff; border-radius: 30px; padding: 6px 15px; margin-right: 12px;margin-top: 12px;}

.re_step_box {width: 100%; margin:40px 0;}
.re_step_box > ul > li {  /* float:left; */ position:relative; width: calc(100% / 8); height: 100%;}
.re_step_box > ul > li .box_in { width: 100%; min-height: 160px; background:#3481ba; color:#fff; text-align:center; /*  width: 170px; height: 170px; */ border-radius: 5px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.re_step_box > ul > li .box_in.box-point{background-color: transparent; border: 1px solid #104770;}
.re_step_box > ul > li .box-point h2{color: #104770 !important;}
.re_step_box > ul > li .box-point p{color: #104770 !important;}
.re_step_box > ul > li .box_in h2{font-size: 20px; margin-bottom: 12px;font-weight: 600;}
/* .re_step_box > ul > li .box_in i{width: 60px;}
.re_step_box > ul > li .box_in i img{width: 100%;} */
.re_step_box > ul > li .box_in p {   font-size: 20px;padding-top: 8px;line-height: 1.2em;font-weight: 600; color: #fff; word-wrap: break-word;}
/* .re_step_box > ul > li:after { position: absolute;top: 50%;right: 0;content: "";width: 60px;height: 1px;background: #bdc5ce;display: block;z-index: -9;} */
.re_step_box > ul > li:last-child::after { display:none;}
.list-wrap { display: flex; column-gap: 1rem;}
.list-wrap > li{border-bottom: 0 !important;}
.re_step_box .txt-box{margin-top: 12px;}
.re_step_box .txt-box i{padding-right: 4px;}

.re_step_box .txt-box p{ font-size: 14px;font-weight: 600;padding-bottom: 6px;word-break: keep-all;color: #333;text-indent: -8px;margin-left: 18px;line-height: 1.5;}


/* 시험방법 */

.ly_group { margin-bottom: 150px; }
.ly_group:last-child { margin-bottom: 0; }
.ly_group .ttl { font-size: 2.75rem; line-height: 1.23; letter-spacing: -0.05em; }
.ly_group .diagram { margin: 70px 0 100px; text-align: center; }


/* 시험 종류 */
/* table */
.guide-info-table { text-align: center; vertical-align: middle; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; width: 100%; } 
.guide-info-table td, .guide-info-table th { font-size: 20px; padding: 15px 30px; letter-spacing: -.7px; border-top: 1px solid #ebebeb;line-height: 1.8; border-left: 1px solid #ebebeb; border-right: none; background-color: #fff; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; } 
.guide-info-table .t_bg { background-color: #104770; color: #fff; } 

.guide-info-table .td_bg { background-color: #f6f6f6; } 
.guide-info-table .bold { font-weight: bold; } 
.guide-info-table .theme_color { color: #104770; font-weight: bold; } 
.guide-info-table .red_color { color: #e63535; background-color: #fff0e8; font-weight: bold; } 
.guide-info-table td.text-left { text-align: left; } 
/* 요소 */
.slash {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');
}
.backslash {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
}
.slash, .backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }
@media (min-width: 1024px) {
    .ly_group { display: flex; flex-wrap: wrap; }
    .ly_group .ttl { width: 25.5%; }
    :lang(en) .ly_group .ttl { padding-right: 10px; }
    .ly_group .cont { width: 74.5%; }
}
@media (max-width: 1280px) {
    :lang(en) .ly_group .ttl { word-break: break-all; }
	
	/* 시험 종류 */
	.guide-info-table td, .guide-info-table th {padding: 5px 20px;}
}
@media (max-width: 1023px) {
    .ly_group .ttl { margin-bottom: 3vw; }

	/* 시험 종류 */
	.guide-info-table td, .guide-info-table th {font-size: 14px;padding: 5px 15px;}
}
@media (max-width: 767px) {
    .ly_group .ttl { font-size: 2rem; }
}
@media (min-width: 1024px) {
    .ly_group .ttl {
        width: 25.5%;
    }
}
.ly_group .ttl {
    font-size: 2.75rem;
    line-height: 1.5;
    letter-spacing: -0.7px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .rec_sec2 .list_grid { margin-top: -60px; }
    .rec_sec2 .diagram { margin-top: 102px; }
}
@media (max-width: 640px) {
    /* 시험 종류 */
	.guide-info-table td, .guide-info-table th {font-size: 12px;padding: 5px 10px;min-width: 110px;}
}

.list_grid .txt2 {
    margin-bottom: 10px;
}
.procedure .txt2 {
    display: flex;
    align-items: center;
    column-gap: .5rem;
    font-size: 24px;
    letter-spacing: -0.7px;
 /*    line-height: 1.5; */
    font-weight: 600;
}
.list_grid li {
    margin-top: 60px;
    padding: 30px 0 0 40px;
    border-top: 1px solid #333;
    position: relative;
}
.procedure .desc {
    font-size: 18px;
    letter-spacing: -0.7px;
    line-height: 1.8;
}
.procedure img {
    vertical-align: middle;
    max-width: 100%;
}
@media (min-width: 768px) {
    /* .list_grid { margin-right: -40px; } */
    .list_grid li { width: calc(50% - 40px); margin-right: 40px; }

    .flex { display: flex; flex-wrap: wrap; }
    .flex.between { justify-content: space-between; }
	.mo { display: none; }
}

/*****************************************
접수ᆞ확인
*****************************************/
/* 시험신청안내 */
.application .step .sec-title{ position: relative; margin-top: 80px;}
.application .step .sec-title .logo-bg{ position: absolute; top: 60%; right: 11%; /* transform: translateY(50%); */ text-align: right; opacity: .1; padding-left: 20px; }
.application .step .flex-box{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 40px; padding-top: 60px; margin-top: 30px; position: relative; /* z-index: 10; */ }
/* .application .step .flex-box::after{ content: ""; width: calc(100% - ((100% - 120px) / 4)); height: 1px; border-bottom: 3px dotted #DDD; position: absolute; top: calc(((100% - 120px) / 4) + 20px); left: 50%; transform: translate(-50%, -50%) rotate(-4deg); } */
.application .step .box{ display: flex; flex-direction: column; width: calc((100% - 120px) / 4); position: relative;/*  z-index: 10; */ }
/* .application .step .box:nth-of-type(2){ top: -20px; }
.application .step .box:nth-of-type(3){ top: -40px; }
.application .step .box:nth-of-type(4){ top: -60px; } */
.application .step .box .circle{ padding: 0 30px; position: relative; text-align: center; }
.application .step .box .circle .inner{ position: relative; z-index: 5; }
.application .step .box .cir{ width: 100%; padding-bottom: 100%; background: var(--color); border-radius: 50%; position: relative; }
.application .step .box .cir::after{ content: ""; width: calc(100% - 20px); padding-bottom: calc(100% - 20px); background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.application .step .box .circle .text{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0 30px; }
.application .step .box .circle .text span{ display: block; font-size:26px; font-weight: 600; color: #AAA; margin-bottom: 30px; }
.application .step .box .title{ padding: 40px 0 20px; text-align: center; }
.application .step .box .title p{ background: var(--color); border-radius: 70px; font-size: 24px; font-weight: 600; color: #fff; padding: 20px; }
.application .step .box .title.black p{ color: #333; }
.application .step .box .list{ padding: 24px; border-radius: 20px; border: 1px solid #DDD; position: relative; flex: 1 0 auto;  }
.application .step .box .list .dot-list *{ line-height: 1.6666; font-size: 20px;}
.application .step .box .list .dot-list > *::before{ top: calc(1.6666em / 2); }
.application .step .box .list dl dt{ font-weight: 600; color: #666; }
.application .step .box .list dl.dot-list dd{ font-family: var(--engFont); margin-bottom: 0; margin-top: 5px; }

.application .list a{ margin: 0 auto; }

/* 신청서 다운로드 */
.btn-wrap{text-align: center; margin-top: 30px;}
.btn-wrap a{ width: 50%; display: inline-block; font-size: 20px;font-weight: 500;padding: 16px 60px;color: #291b0e;background-color: #ffffff;border: 1px solid #705a46; transition: all .3s;} 
.btn-wrap a i{padding-left: 12px;}

.btn-wrap .bg-color1:hover{background-color: #4b95b3; border: 1px solid transparent; color: #fff;}
.btn-wrap .bg-color2:hover{background-color: #68d141; border: 1px solid transparent; color: #fff;}
.btn-wrap .bg-color3:hover{background-color: #104770; border: 1px solid transparent; color: #fff;}
.btn-wrap .bg-color4:hover{background-color: #18A638; border: 1px solid transparent; color: #fff;}


/* 시험 수수료 안내 */
/* table */
.service-fee-table { text-align: center; vertical-align: middle; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; width: 100%; } 
.service-fee-table td, .service-fee-table th { font-size: 20px; padding: 15px 30px; letter-spacing: -.7px; border-top: 1px solid #ebebeb;line-height: 1.8; border-left: 1px solid #ebebeb; border-right: none; background-color: #fff; word-break: keep-all; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; } 
.service-fee-table .t_bg { background-color: #104770; color: #fff; } 

.service-fee-table .td_bg { background-color: #f6f6f6; } 
.service-fee-table .bold { font-weight: bold; } 
.service-fee-table .theme_color { color: #104770; font-weight: bold; } 
.service-fee-table .red_color { color: #e63535; background-color: #fff0e8; font-weight: bold; } 
.service-fee-table td.text-left { text-align: left; } 


/* 입금계좌안내 */
.bank-wrap{}
.bank-wrap .bank-list{display: flex ; flex-wrap: wrap; justify-content: center;    gap: 1rem;}
.bank-wrap .bank-list > li{width: 48%; padding: 30px; background-color: rgba(204,204,204,0.15);border: 1px solid #ddd;}
.bank-wrap .bank-list > li .img-box{text-align: center;}
.bank-wrap .bank-list > li .img-box img{max-width: 100%;}
.bank-wrap .bank-list > li .number{  color: #000; font-size: 30px; font-weight: 600; text-align: center; margin-top: 20px;}


/*****************************************
공지사항
*****************************************/
/* 소방상식 */
.firefighting .sub_sTit h5 {background: url('../../images/icon/bar.png') left top no-repeat;font-weight: 600; padding-top:20px; font-size:32px;margin-top: 40px; color:#222; padding-bottom:20px; letter-spacing: -.5pt;}
.firefighting .sub_sTit p {color:#444; padding-bottom:60px;}

/* Tab */
.firefighting .prd_tab{padding:60px 0 0 0; color:#888; position:relative;}
.firefighting .prd_tab .tab-menu ul { display: flex;flex-wrap: wrap; justify-content: center;}
.firefighting .prd_tab .tab-menu ul li{ width:20%; }
.firefighting .prd_tab .tab-menu.Tab3 ul li{float:left; width:33.3%; }
.firefighting .prd_tab .tab-menu ul li:last-child{border:0;}
.firefighting .prd_tab .tab-menu ul li:first-child a {margin-left:1px;}
.firefighting .prd_tab .tab-menu ul li a{display:block; padding:20px 10px; background:#fff; color:#888; text-decoration:none; border:1px solid #ddd; margin-left:-1px;  text-align: center; font-size:16px; }
.firefighting .prd_tab .tab-menu ul li a.active{background: #104770 ; color:#fff; border:1px solid #104770 ; font-weight: bold; }
.firefighting .prd_tab .tab-content{display:none; clear:both;}

.firefighting .prd_tab.tab_two .tab-menu ul li{float:left; width:50%;}
.firefighting .prd_tab.tab_six .tab-menu ul li{float:left; width:16.6%; }

/* Content1*/
.firefighting .cont-txt-box .txt-box1{}
.firefighting .cont-txt-box .txt-box1 h2{font-size: 28px; font-weight: 600; letter-spacing: -.7px; color: #104770;}
.firefighting .cont-txt-box .txt-box2{}
.firefighting .cont-txt-box .txt-box2 p{font-size: 20px; font-weight: 500; letter-spacing: -.7px; margin-top: 32px; color: #333;}


/* Content2*/
#content2 .tabnav{font-size:0; width:100%; border-bottom: 1px solid #ddd; margin-bottom: 50px; }
#content2 .tabnav li{display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd;}
#content2 .tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%;  height:3px;  background-color: #ddd;}
#content2 .tabnav li a.active:before{background:#104770;}
#content2 .tabnav li a.active{border-bottom:1px solid #fff;}
#content2 .tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none;     font-size: 20px;
    font-weight: 600;}
#content2 .tabnav li a:hover,
#content2 .tabnav li a.active{background:#fff; color:#104770; }

#content2 .prd_list {padding-top:40px;}
#content2 .prd_list > ul {margin:0 -18px; margin-bottom:30px;}
#content2 .prd_list > ul > li {width:calc(100% / 3 - 40px); margin:0 18px; display: inline-block; vertical-align: top; /* text-align: center; */}
#content2 .prd_list > ul > li img {max-width: 100%; width: 100%;}
#content2 .prd_list > ul > li .con {padding:15px 0 35px 0; font-size:18px; color:#5d5d5d; font-weight: 400; text-align: left; word-break: keep-all;}
#content2 .prd_list > ul > li .con p {font-size:20px; font-weight: 600; color:#222; padding-bottom:5px; letter-spacing: -.7pt; text-align: left;}
#content2 .prd_list > ul > li .con span {color:#666; font-weight: 500;}
#content2 .prd_list > ul > li .con > ul{}
#content2 .prd_list > ul > li .con > ul > li {display: block; }
#content2 .prd_list > ul > li .con > ul > li {position:relative;   padding-left:10px; color:#666; margin-bottom:5px;font-size: 16px;}
#content2 .prd_list > ul > li .con > ul > li::before {content: ''; position:absolute; top:12px; width:3px; height:3px; background: #666; margin-left:-10px;}

#content2 .info-title {color: #104770; font-size: 32px; font-weight: 700; line-height: 1;letter-spacing: -1px; position: relative; margin-top: 80px; } 
#content2 .info-sub-tit{font-size: 20px; font-weight: 500; margin-bottom: 20px; word-break: keep-all;}
#content2 .info-cont .info-title:first-of-type { margin-top: 0; } 
#content2 .cont_text_info { font-size: 20px; font-weight: normal; line-height: 2.2em; color: #000; overflow: hidden; padding: 20px; /* border: 2px solid #5d4b3d; */ clear: both; background: #f6f6f6; margin-bottom: 15px; font-weight: 500; letter-spacing: -.7px; word-break: keep-all;} 
#content2 .cont_text_info i{font-size: 14px; padding-right: 4px;}
#content2 .cont_text_info a > i{font-size: 16px;}
#content2 .cont_text_info p{margin-left: 32px; word-break: keep-all;}

#content2 .info-sub-txt{margin: 20px 0;}
#content2 .sub-txt li{font-size: 20px; letter-spacing: -.7px; padding: 4px 0; word-break: keep-all;  color: #000;}
#content2 .info-sub-txt .p40 { padding-left: 40px !important;}

#content2 .info-img-box{}
#content2 .info-img-box img{width: 50%;}

#content2 .num-obj1{position: relative;}
#content2 .num-obj1::before{content: '-'; position: absolute; top: 50%;left: -20px; transform: translateY(-50%);}
#content2 .num-obj2{position: relative;}
#content2 .num-obj2::before{content: '·'; position: absolute; top: 50%;left: -20px; transform: translateY(-50%);}

#content2 .color-red{color: #fc0000;}

#tab01 .info-title{text-align: center; margin-bottom: 24px;}
#tab01 .info-img-box{text-align: center;}

#tab02 .prd_list > ul > li{width:calc(100% / 4 - 40px);}

#tab04 .info-sub-txt,
#tab04 .info-img-box{text-align: center;}

/* Content3*/
.tbl { width:100%; border-top:3px solid #333;  border-bottom:1px solid #ddd; transition: all .3s ease }
.tbl + .tbl { margin-top:3% }
.tbl th, .tbl td { padding:15px; text-align:center }
.tbl th { color:#222; font-weight:500; background-color:#f6f6f6 ; font-size: 20px; font-weight: 600;}
.tbl > * > tr > * { border:1px solid #ddd }
.tbl > * > tr > *:first-child { border-left:0 }
.tbl > * > tr > *:last-child { border-right:0 }
.tbl2 td { text-align:left }

.lst { margin:0; padding:0; /* font-size:0  */}
.lst-flex { display:flex; flex-wrap:wrap; margin:-1% }
.lst-flex > li { position:relative; margin:1%; text-align:center; transition: all .25s ease }
.lst-1 > li { width:100% }
.lst-2 > li { width:48% }
.lst-3 > li { width:31.3333% }
.lst-4 > li { width:23% }
.lst-5 > li { width:18% }
.lst-6 > li { width:14.6666% }
.lst-7 > li { width:12.2857% }
.lst-dot > li { position:relative; margin-top:10px; padding-left:14px; text-align:left !important;    font-size: 18px; color: #333; }
.lst-dot > li:first-child { margin-top:0 }
.lst-dot > li::before { position:absolute; top:11px; left:0; content:""; width:5px; height:5px; background-color:#104770; border-radius:50% }
.lst-dot2 > li::before { position:absolute; top:11px; left:0; content:""; width:5px; height:5px; background-color:#666; border-radius:50% }
.lst-line > li { position:relative; margin-top:5px; font-size:16px; line-height:1.4em; color:#888 }
/* .lst-line > li::before { position:absolute; top:10px; left:5px; content:""; width:7px; height:2px; background-color:#999 } */




/*=======================
1780px
========================*/
@media screen and (max-width:1780px) {

    /* 시험신청안내 */
    .application .step .box .tit p{ font-size: 1.8rem; padding: 15px 20px; }
	.application .step .box .list{ padding: 30px; }

}
/*=======================
1600px
========================*/
@media screen and (max-width:1600px) {

    /* KOLAS 인증관련 */

}



/*=======================
1536px
========================*/
@media screen and (max-width:1536px) {
    /* 시험신청안내 */
    .application .step .box .circle{ padding: 0 30px; }
	.application .step .box .circle .text span{ margin-bottom: 20px; }
	.application .step .box .cir::before{ content: ""; width: 200px; height: 1px; border-bottom: 3px dotted #DDD; position: absolute; top: 50%; right: 0; transform: translate(100%, -50%) rotate(-5deg); }
	.application .step .box:nth-of-type(even) .cir::before{ display: none; }
}



/*=======================
1440px
========================*/
@media screen and (max-width:1440px) {

    /* KOLAS 인증관련 */
    .kolas .conBox .con.con1 .dotList {
        margin-top: 12px;

    }

    .kolas .conBox .con .top .philo_2 {
        font-size: 17px;
    }

    .kolas .conBox .con .box .circle {
        width: 160px;
        height: 160px;
        font-size: 16px;
    }

    .kolas .conBox .con .box ul li {
        font-size: 15px;
    }

    .kolas .conBox .con .box ul li p {
        width: 170px;
        height: 46px;
    }

    .kolas .conBox .con .box ul li.b-line::after {
        height: 76px;
    }

    .kolas .conBox .con .professional .composition .info>li {
        font-size: 15px;
    }

    /* 시험방법 */
    .list-wrap{flex-wrap: wrap; justify-content: center;}
    .re_step_box > ul > li{ width: calc(100% / 4); padding: 12px 0 !important;}
    .txt-box{margin: 0 auto;}

    /* 시험신청안내 */
    .application .step .box{ width: calc((100% - 40px) / 2); top: 0 !important; }
	/*.application .step .box:nth-of-type(even){ top: -20px !important; }*/
	.application .step .box .circle{ padding: 0 80px; }
}


/*=======================
1280px
========================*/
@media screen and (max-width:1280px) {

    /* 인사말 */
    .greeting-con01 {
        padding: 205px 30px 310px 20%;
    }

    .greeting-con02 {
        margin-left: 8%;
        width: 92%;
    }

    /* 설립취지 */
    .s2-arti1 .lbx{width: 28%;}
    .cnt1 p {
        font-size: 16px;
        line-height: 28px;
    }
        .cnt1 .rbx h4{
            font-size: 26px;
            margin-top: 50px;
            margin-bottom: 9px;
        }
    /* 시험신청안내 */
    .application .step .box .tit p{ font-size: 1.7rem; }
	.application .step .box .list{ padding: 25px; }
	.application .step .box .list > ul.dot-list > li:not(:last-of-type){ margin-bottom: 10px; }
	.application .step .box .list dl.dot-list dd{ margin-top: 0; }

    
/* 소방상식 */
#content2 .prd_list > ul > li .con p{font-size: 18px;}

.tbl th{font-size: 16px;}
.lst-dot > li{font-size: 15px;}
    
}



/*=======================
1024px
========================*/
@media screen and (max-width:1024px) {

    /* KOLAS 인증관련 */
    .kolas .conBox .con .box {
        flex-direction: column;
        align-items: left;
    }

    .kolas .conBox .con .box .circle {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .kolas .conBox .con .box .circle::after,
    .kolas .conBox .con .box ul li::before,
    .kolas .conBox .con .box ul li.b-line::after {
        display: none;
    }

    .kolas .conBox .con .box ul li {
        flex-direction: column;
        row-gap: 20px;
    }

    .kolas .conBox .con .top .philo_2 {
        font-size: 15px;
    }

    .kolas .conBox .con .professional {
        margin-top: 12px;
    }

    .kolas .conBox .con .professional .composition img {
        transform: scale(0.7);
    }

    .kolas .conBox .con .professional .composition .info>li {
        width: 280px;
        padding: 10px;
        font-size: 13px;
    }

    .kolas .conBox .con .professional .composition .info>li:nth-child(1) {
        right: 65%;
    }

    .kolas .conBox .con .professional .composition .info>li:nth-child(2) {
        left: 65%;
    }

    .kolas .conBox .con .professional .composition .info>li:nth-child(3) {
        right: 65%;
    }

    .kolas .conBox .con .professional .composition .info>li:nth-child(4) {
        left: 65%;
    }

    .kolas .conBox .con .top ul li:nth-child(4) .circle {
        width: 130px;
        height: 130px;
        font-size: 14px;
    }

    /* 시험 소개 */
    .info .cnt1 ul{margin-top: 5vw;}
	.info .cnt1 ul > li{height: auto; padding-bottom: 5vw;}
	.info .cnt1 ul > li figure{width: 100px; padding-left: 0; padding: 0 15px; align-self:flex-start; margin-top: 20px;} 
	.info .cnt1 ul > li .tbx {/*width: calc(100% - 100px);*/ padding-top: 0; margin-top: 30px; padding-left: 10px;}  
	.info .cnt1 ul > li .tbx h4{font-size: clamp(18px, 5vw, 40px); line-height: 1.2; margin-bottom: 3vw;}
	.info .cnt1 ul > li .tbx ol > li{font-size: clamp(14px, 2.6vw, 20px); line-height: 1.7; padding-left: 10px;}
	.info .cnt1 ul > li .tbx ol > li:before{top: 12px;}

    /* 소방상식 */
    .tbl-scroll{max-width: 1000px; overflow-x: scroll; white-space: nowrap;}
}


/*=======================
960px
========================*/
@media screen and (max-width:980px) {

    /* KOLAS 인증관련 */
    .kolas .conBox .con .professional .composition {
        margin: 0 0 80px 160px;

    }

    .kolas .conBox .con .top .philo_2 {
        word-break: keep-all;
    }

    /* .kolas .conBox .con .professional .composition{
        margin: 0;
    } */

    /* CI 소개 */
    .ci .conwrap {
        display: flex;
    }

    .ci .conwrap .tit {
        position: relative;
        width: 105px;
    }

    .ci .conwrap .tit:before {
        content: "";
        position: absolute;
        top: 7px;
        right: 0;
        width: 1px;
        height: calc(100% - 7px);
        background: #ccc;
    }

    .ci .conwrap .tit strong {
        display: block;
        font-family: "Montserrat";
        font-size: 40px;
        font-weight: 600;
        color: #000;
    }

    .ci .conwrap .inner {
        width: calc(100% - 105px);
        padding-left: 70px;
    }

    .ci .conwrap .con_tit {
        display: flex;
        align-items: flex-end;
        margin-bottom: 35px;
    }

    .ci .conwrap .con_tit * {
        display: block;
        color: #222;
        letter-spacing: -0.025em;
    }

    .ci .conwrap .con_tit strong {
        font-family: "Montserrat";
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .ci .conwrap .con_tit span {
        font-size: 20px;
        font-weight: 500;
        margin: 0 0 1px 10px;
    }

    .ci .conwrap .img_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #f7f7f7;
        border-radius: 8px;
    }

    .ci .conwrap .text_wrap {
        letter-spacing: -0.025em;
        margin-top: 43px;
    }

    .ci .conwrap .text_wrap b {
        font-size: 19px;
        font-weight: 500;
        color: #000;
    }

    .ci .conwrap .text_wrap p {
        font-size: 17px;
        line-height: 1.7;
        color: #555;
        margin-top: 16px;
    }

    .ci .section1 {
        margin-bottom: 180px;
    }

    .ci .section1 .conwrap .img_wrap {
        padding: 115px 0;
        flex-wrap: unset;
    }

    .ci .section1 .conwrap .img_wrap img {
        margin: 0 30px;
        width: 35%;
    }

    .ci .conwrap {
        display: block;
    }

    .ci .conwrap .tit {
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 40px;
    }

    .ci .conwrap .tit:before {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        width: 0;
        height: 1px;
    }

    .ci .conwrap.in-view .tit:before {
        width: 100%;
        height: 1px;
        transition: width 0.7s 0.2s;
    }

    .ci .conwrap .inner {
        width: 100%;
        padding-left: 0;
    }
    /* 주요사업 */
    .zoom_funtion dl dd p{font-size: 16px;}
    .zoom_list dl dd p{font-size: 16px;}
    .zoom_uses dl{padding: 0;}
    .zoom_uses dl dd{width: 100%; padding-left: 0;}
    .zoom_uses dl dd h4{font-size: 16px;}
    h3.sub_tit{font-size: 28px;}

    /* 시험소개 */
    .info .cnt1 ul > li .tbx{width: 100%; }
    .info .cnt1 ul > li span{width: 100%;font-size: 16px;display: block;text-align: center; margin-bottom: 12px;}
    .info .cnt1 ul > li .tbx ol > li{font-size: 16px;}
    
    .info .cnt1 ul > li:nth-child(4) .tbx ol > li{text-align: center;}
    .info .cnt1 ul > li .tbx h4{font-size: 28px;}
    .info .cnt1 ul > li{padding: 20px 0;}
    .re_step_box > ul > li .box_in p{font-size: 16px;}
    .re_step_box > ul > li { width:50%; }
   
  

    /* 입금계좌안내 */
    .bank-wrap .bank-list > li{width: 100%;}

    /* 소방상식 */
    .firefighting .prd_tab .tab-menu ul li{width: 33%;}
    .firefighting .sub_sTit h5{font-size: 24px;}
    .firefighting .cont-txt-box .txt-box1 h2{font-size: 20px;}
    .firefighting .cont-txt-box .txt-box2 p{font-size: 16px; margin-top: 20px;}

    #content2 .prd_list > ul > li{width: calc(100% / 2 - 40px);}
    #content2 .prd_list > ul > li .con p{font-size: 16px;}
    #content2 .cont_text_info{font-size: 16px;}
    #content2 .info-title{font-size: 20px;margin-top: 50px;}
    #content2 .info-img-box img{width: 100%;}

}

/*=======================
850px
========================*/
@media screen and (max-width:850px) {

    /* KOLAS 인증관련 */
    .kolas .conBox .con .professional .composition img {
        width: 300px;
    }

    .kolas .conBox .con .professional .composition {
        margin: 0;
    }

    .kolas .conBox .con .professional .composition {
        width: 100%;
        display: flex;
        /* flex-direction: column; */
        justify-content: center;
        align-items: center;
    }

    .kolas .conBox .con .professional .composition .info {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        justify-content: center;
        align-items: center;
    }

    .kolas .conBox .con .professional .composition .info>li {
        width: 100%;
        position: static;
    }

    .kolas .conBox .con .top>p {
        font-size: 20px;
    }

    .kolas .conBox .con .philo_1 p {
        font-size: 15px;
        margin-bottom: 4px;
    }

    .kolas .conBox .con .top .philo_2 {
        font-size: 13px;
    }

    .kolas .conBox .con .box .circle {
        width: 130px;
        height: 130px;
        font-size: 13px;
    }

    .kolas .conBox .con .box ul li {
        font-size: 13px;
    }

   

    /* 시험신청안내 */
    .application .step .box .circle{ padding: 0 50px; }
	.application .step .box .tit{ padding: 20px 0 10px; }
	.application .step .box .tit p{ padding: 12px 20px; }

    /* 신청서다운로드 */
    .btn-wrap a{width: 100%;}
}

/*=======================
768px
========================*/
@media screen and (max-width:768px) {

    /* 인사말 */
    .greeting-con01 {
        /*padding: 100px 30px 150px; */
        padding: 75px 15px;
    }

    .greeting-txt-box h5 {
        font-size: 26px;
    }

    .greeting-txt-box p {
        margin-top: 20px;
        font-size: 17px;
    }

    .greeting-con02 {
        top: 0;
        /* top: -100px; margin-left: 30px; width: calc(100% - 30px); padding: 30px; */
        margin-left: 0;
        width: 100%;
        padding: 30px 15px;
    }

    .greeting-con02 .txt {
        font-size: 14px;
    }

    .greeting-con02 .sign-txt {
        margin-top: 25px;
        font-size: 13px;
    }

    .greeting-con02 .sign-txt b {
        margin-left: 8px;
        font-size: 18px;
    }

    /* KOLAS 인증관련 */
    .kolas .conBox .con .top ul li:nth-child(4) .circle {
        width: 100%;
        height: 60px;
        font-size: 12px;
    }

    .kolas .conBox .con .top ul li:nth-child(4) .circle+.circle::before {
        width: 15px;
        height: 15px;
        left: 50%;
        top: -50%;
    }

    .kolas .conBox .con .top ul li:nth-child(4) .circle+.circle {
        margin-left: 0;
        margin-top: 60px;
    }

    .kolas .conBox .con .top ul li .circle .br-none {
        display: none;
    }

    /* CI 소개 */
    .ci .conwrap .tit strong {
        opacity: 0;
        transform: translateX(-30px);
        transition: 0.8s;
    }

    .ci .conwrap.in-view .tit strong {
        opacity: 1;
        transform: translateX(0);
    }

    .ci .conwrap .tit:before {
        height: 0;
        transition: height 0.7s 0.2s;
    }

    .ci .conwrap.in-view .tit:before {
        height: calc(100% - 7px);
    }

   /*  .ci .conwrap .inner .con {
        transform: translateX(-30px);
        opacity: 0;
        transition: 0.7s;
    } */

    .ci .conwrap .inner .con:first-child {
        transition-delay: 0.4s;
    }

    .ci .conwrap .inner .con.in-view {
        transform: translateX(0);
        opacity: 1;
    }

    /* 주요사업 */
    .zoom_list {margin:30px 0 0;}
    .zoom_list dl {padding:20px; width:calc((100% - 15px) / 2); margin-right:15px; margin-bottom:20px; border-radius:15px;}
    .zoom_list dl:nth-child(3n) {margin-right:15px;}
    .zoom_list dl:nth-child(2n) {margin-right:0;}
    .zoom_list dl dt {width:80px; height:80px;}
    .zoom_list dl dt img {max-width:35px; max-height:35px;}
    .zoom_list dl dd h4 {margin:0 0 10px;}
  
    
    /* 설립취지 */
    .purpose .flex-box{flex-direction: column;}
    .s2-arti1 .lbx{width: 100%;}
    .cnt1 .rbx{width: 100%;}

    /* 오시는 길 */
    .info-inner-con{flex-direction: column; padding: 0;}
    .map-info-tbl{margin-top: 20px;}
    
    /* 시험방법 */
    .list_grid li{width: 100%;margin-top: 25px;padding: 20px 0 0 0; }
    .ly_group .ttl{font-size: 18px;}
    .procedure .txt2{font-size: 18px;}
    .procedure .desc{font-size: 16px;}

    /* 소방상식 */
    .firefighting #content1 .cont-txt-box .br-none{display: none;}
    #content2 .tabnav li a{font-size: 14px; padding: 0 12px;}
}


/*=======================
640px
========================*/
@media screen and (max-width:680px) {
    /* KOLAS 인증관련 */

    .kolas .conBox .con .professional .composition {
        flex-direction: column;
    }

    .kolas .conBox .con .box ul li span {
        padding-left: 0;
        text-align: center;
    }

    .kolas .conBox .con .box ul li.b-line .br-block {
        display: block;
    }

    .kolas .conBox .con .philo_1 .br-block {
        display: block;
    }

    /* 주요사업 */
.zoom_funtion {margin:15px auto 0;}
.zoom_funtion dl dt {width:80px; height:80px; border-radius:15px;}
.zoom_funtion dl dt img {max-width:40px; max-height:40px;}
.zoom_funtion dl dd {width:calc(100% - 80px); padding-left:20px;}
  /* 시험방법 */
  .re_step_box > ul > li { width:100%; }

  /* CI소개 */
  .ci .conwrap .con_tit{align-items: center;}
  .ci .conwrap .con_tit span{font-size: 16px;}

  /* 시험수수료안내 */
/*   .service-fee-table td{ font-size: 14px; } 
.service-fee-table th { font-size: 14px; } 
 .service-fee { overflow-x: scroll; padding-bottom: 30px; } 
 .service-fee-table { min-width: 1090px; } */

 /* 시험신청안내 */
 .application .step .flex-box{ max-width:100% }
	.application .step .box{ width: 100%; }
	.application .step .box .circle{ padding: 0 80px; }
	.application .step .box .cir::before{ display: none; }
	.application .step .box:nth-of-type(even){ top: 0 !important; }
    .application .step .box .title p{font-size: 18px;}
    .application .step .box .list .dot-list *{font-size: 16px;}

    /* 소방상식 */
    .prd_tab {padding-top:20px;}

	.prd_tab .tab-menu ul li a {padding:15px 10px; font-size:18px;}
	.prd_tab .tab-menu ul li:nth-child(3) a {margin-left:1px;}
	
	.prd_tab.tab_six .tab-menu ul li a {font-size:15px;}

	.petcare .prd_tab .tab-menu ul li em { display:none; }
}


/*=======================
480px
========================*/
@media screen and (max-width:480px) {

/* KOLAS 인증관련 */
.common-description {
font-size: 16px;
}

.kolas .conBox .con .top>p {
font-size: 16px;
}

/* 주요사업 */
h3.sub_tit { font-size: 22px; margin-top: 20px;}
.zoom_list dl {width:100%; margin-right:0 !important;}
.zoom_uses dl {}
.zoom_uses dl dt {width:100%; border-radius:15px;}
.zoom_uses dl dd {width:100%; padding-left:0; padding-top:20px;}
.zoom_funtion dl dd{width: 100%; padding-left: 0;}
.zoom_funtion dl{padding: 8px 0; justify-content: center;}
.zoom_funtion dl dd p{text-align: center;}
.zoom_uses {margin: 6px 0 0;}
.zoom_uses dl dd h4 i{font-size: 16px; margin-right: 4px;}
.zoom_uses dl dd h4{font-size: 16px; margin: 0;}

/* 설립취지 */
.cnt1 h3{font-size: 18px; margin-bottom: 30px;}
.cnt1 p { font-size: 13px; line-height: 1.8;}
.cnt1 .rbx h4 { font-size: 21px; margin-top: 24px; margin-bottom: 5px;}

/* 오시는길 */
.map-info-tbl > li{flex-direction: column; align-items: flex-start;}
.map-info-tit{font-size: 20px; width:100%;}
.map-info-tbl > li > span{width: 100%; font-size: 18px;}
.map-info-tbl li .txt{width: 100%;font-size: 15px;}

/* 시험소개 */
.info .cnt1 ul > li .tbx h4{font-size: 20px;}
.info .cnt1 ul > li .tbx ol > li {font-size: 14px; margin-bottom: 0;}
.info .cnt1 ul > li .tbx{padding-left: 0;}
.info .cnt1 ul > li:nth-child(4) .tbx ol > li{padding-left: 0;}

/* 시험신청안내 */
.application .step .box .circle .text span{font-size: 16px;}
.application .step .box .circle .icon img{width: 60px;}
/* .application .step .box .circle .text span{margin-bottom: 0;} */

/* 시험수수료 안내 */
.service-fee-table td, .service-fee-table th {font-size: 14px;padding: 5px 15px;}

/* 입금계좌 확인*/
.bank-wrap .bank-list > li{padding: 20px;}
.bank-wrap .bank-list > li .number{font-size: 20px;}
.bank-wrap .bank-list > li .img-box img{width: 45%; margin-top: 6px;}

/* 소방상식 */
.firefighting .prd_tab .tab-menu ul li a{font-size: 14px;}

.firefighting .cont-txt-box .txt-box1 h2 {font-size: 16px;}
.firefighting .cont-txt-box .txt-box2 p{font-size: 14px;}

.prd_tab .tab-menu ul li a{font-size: 16px;}

#content2 .prd_list > ul{width: 100%;}
#content2 .prd_list > ul > li{width: 100%;}
#content2 .tabnav li a{font-size: 11px; padding: 0px 4px;}
#content2 .prd_list > ul > li .con p{font-size: 14px;}
#content2 .cont_text_info.mgnone p{margin-left: 0;}
#content2 .cont_text_info{font-size: 14px;}
#content2 .cont_text_info .br-none{display: none;}
#content2 .info-title {font-size: 14px;line-height: 1.5;margin-top: 30px;}
#content2 .sub-txt li{font-size: 14px;}
 
.tbl th{font-size: 15px;}
.lst-dot > li{font-size: 13px;}
}



/*=======================
375px
========================*/
@media screen and (max-width:375px) {

/* KOLAS 인증관련 */
.kolas .conBox .con .philo_1 p {
font-size: 12px;
}
/* 시험신청안내 */
.application .step .box .cir{opacity: 0;}

/* 신청서다운로드 */
.btn-wrap{margin-top: 16px;}
.btn-wrap a{padding: 16px 8px; font-size: 16px;}

/* 소방상식 */
.firefighting .prd_tab .tab-menu ul li {width: 100%;}


}