@charset "utf-8";

br.m {display: none;}
@media screen and (max-width: 768px) {
    br.m {display: block;}
}

.w103 {width: 103px;}
.w150 {width: 150px;}
.w156 {width: 156px;}
.w160 {width: 160px;}

.h38 {height: 38px;}
.h40 {height: 40px;}
.h42 {height: 42px;}
.h48 {height: 48px;}
.h52 {height: 52px;}


/* Check */
.check-group { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.check-group .check-group-inr { display: flex; align-items: center; justify-content: flex-start; }
.inputCheck { display: inline-flex; align-items: center; position: relative; }
.inputCheck + .inputCheck {margin-left: 30px;}
.inputCheck label { display: flex; align-items: center; position: relative;  min-width: 20px; min-height: 20px; }
.inputCheck label span { display: inline-block; vertical-align: top; margin-left: 22px; font-weight: 400; font-size: 0.875rem; line-height: 20px;  letter-spacing: -0.05em; color: #0F0F0F; }
.inputCheck label:before,
.inputCheck label:after { content: ""; position: absolute; }
.inputCheck label:before { top: 2px; left: 0; width: 18px; height: 18px; margin: 0; border: 1px solid #B7B7B7; background-color: #fff; border-radius: 2px;}
.inputCheck>input { position: absolute; top: 2px; left: 0; width: 18px; height: 18px; margin: 0; border-radius: 2px;}
/* .inputCheck>input:hover+label:before,
.inputCheck>input:focus+label:before,
.inputCheck>input.is-focused+label:before { border: 2px solid #fff; }
.inputCheck>input:checked+label:before { border-color: #FF724D; background-color: #fff; } */
.inputCheck>input:checked+label:after { top: 7px; left: 5px; width: 8px; height: 6px; border-bottom: 2px solid #FF724D; border-left: 2px solid #FF724D; transform: rotate(-45deg); }
.inputCheck>input[disabled]+label span { color: #bdbdbd; }
.inputCheck>input[disabled="disabled"]+label span { color: #bdbdbd; }
.inputCheck>input[disabled]+label:before { border: 1px solid #bdbdbd; background-color: #eee; }
.inputCheck>input[disabled="disabled"]+label:before { border: 1px solid #bdbdbd; background-color: #eee; }
.inputCheck>input[disabled]:checked+label:before { border-color: #bdbdbd; background-color: #bdbdbd; }
.inputCheck>input[disabled="disabled"]:checked+label:before { border-color: #bdbdbd; background-color: #bdbdbd; }
.inputCheck>input[disabled]:checked+label:after { border-color: #eee; }
.inputCheck>input[disabled="disabled"]:checked+label:after { border-color: #eee; }


/* Radio */
.radio-group { display: flex; align-items: center; justify-content: flex-start; }
.radio-group .radio-group-inr { display: flex; align-items: center; justify-content: flex-start; }
.radio { display: flex; align-items: center; position: relative; }
.radio + .radio {margin-left: 39px;}
.radio label { display: inline-block; vertical-align: middle; position: relative; min-width: 20px; min-height: 20px; height: 20px; padding-left: 32px; }
.radio label span { display: inline-block; vertical-align: top; font-weight: 400; font-size: 0.875rem; line-height: 20px; letter-spacing: 0; color: #0F0F0F; }
.radio label:before { content: ""; position: absolute; top: -1px; left: -1px; width: 22px; height: 22px; border: 1px solid #BDBDBD; border-radius: 50%; background-color: #fff; }
.radio label:after { content: ""; position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; }
.radio>input { position: absolute; top: 0; left: 0; width: 20px; height: 20px; margin: 0; }
/* .radio>input:hover+label:before,
.radio>input:focus+label:before,
.radio>input.is-focused+label:before { border: 1px solid #FF724D; }
.radio>input:hover+label:after,
.radio>input:focus+label:after,
.radio>input.is-focused+label:after { background: #FF724D; } */
.radio>input:checked+label:before { border: 1px solid #FF724D; }
.radio>input:checked+label:after { background: #FF724D; }
.radio>input[disabled]+label span { color: #BDBDBD; }
.radio>input[disabled="disabled"]+label span { color: #BDBDBD; }
.radio>input[disabled]+label:before { border: 2px solid #BDBDBD; background-color: #eee; }
.radio>input[disabled="disabled"]+label:before { border: 2px solid #BDBDBD; background-color: #eee; }
.radio>input[disabled]:checked+label:before { border: 2px solid #BDBDBD; background-color: #eee; }
.radio>input[disabled="disabled"]:checked+label:before { border: 2px solid #BDBDBD; background-color: #eee; }
.radio>input[disabled]+label:after { background-color: #b7b7b7; }
.radio>input[disabled="disabled"]+label:after { background-color: #b7b7b7; }
.radio>input[disabled]:checked+label:after { background-color: #b7b7b7; }
.radio>input[disabled="disabled"]:checked+label:after { background-color: #b7b7b7; }

/* datepicker */
.datepicker-group { display: flex; align-items: center; }
.datepicker { display: inline-flex; align-items: center; position: relative; width: 164px; height: 44px;  }
.datepicker input { width: 100%; height: 100%; background: #fff url(../imagess/icon/icon_calender.svg)no-repeat right 10px center; border: 1px solid #B7B7B7; padding: 10px;  font-size: 14px; border-radius: 8px; color: #666666; font-weight: 500;}

.datepicker + .datepicker {margin-left: 26px;}
.datepicker + .datepicker::before {content: ""; display: block; position: absolute; left: -18px; top: 50%; transform: translateY(-50%); width: 10px; height: 3px; background: #003B7D;}

/* Buttons */
.btn-group { display: flex; position: relative; width: 100%; }
.btn_center { justify-content: center; }
.btn-group .btn-group-inr { width: 100%; }
.btn-group .btn-group-inr.left { text-align: left; }
.btn-group .btn-group-inr.right { text-align: right; }
.btn-group .btn-group-inr.center { text-align: center; }
.btn-group .btn-group-inr.centerB { width: initial; position: absolute; left: 50%; transform: translateX(-50%); }
a.btn {display: inline-flex; align-items: center; justify-content: center;}

.btn { font-weight: 700; background-color: initial; }
.btn:disabled { background: #ECECEC; border: 1px solid #D4D4D4; color: #919191; }
.btn[disabled="disabled"] { background: #ECECEC; border: 1px solid #D4D4D4; color: #919191; pointer-events: none; cursor: not-allowed; }
.btn.disabled { background: #ECECEC; border: 1px solid #D4D4D4; color: #919191; }
.btn.disabled { background: #ECECEC; border: 1px solid #D4D4D4; color: #919191; pointer-events: none; cursor: not-allowed; }

.btn.type01 {
    border: 2px solid #1C1C1C;
    background-color: #fff;
    border-radius: 0;
}
.btn.type01:hover,
.btn.type01:focus-visible {
    background-color: #FF724D;
    text-decoration: underline;
}
.btn.type01.active {
    background-color: #1c1c1c;
    color: #fff;
}
.btn.type02 {
    border: 2px solid #1C1C1C;
    background-color: #FFA8C7;
    border-radius: 0;
}
.btn.type02:hover,
.btn.type02:focus-visible {
    text-decoration: underline;

}
.btn.type02.active {
    background-color: #FF6EA2;
    color: #fff;
}
.btn.type03 {
    border: 2px solid #1C1C1C;
    background-color: #FFFFFF;
    border-radius: 20px;
}
.btn.type03:hover,
.btn.type03:focus-visible {
    text-decoration: underline;
    background-color: #EEEEEE;

}
.btn.type03.active {
    background-color: #EEEEEE;
    color: #fff;
    border: 2px solid #707070;
}
.btn.point {
    border: 2px solid #1C1C1C;
    background-color: #1C1C1C;
    border-radius: 0;
    color: #fff;
}
.btn.point:hover,
.btn.point:focus-visible {
    text-decoration: underline;

}
.btn.point.active {
    background-color: #B7B7B7;
    color: #000000;
    border: 2px solid #B7B7B7;
}



.shadowBtn {
    display: inline-block;
    background-color: #000;
}
.shadowBtn .btn {
    position: relative;
    top: -4px; left: -4px;
    transition: all 0.5s ease;
}
.shadowBtn .btn:hover,
.shadowBtn .btn:focus-visible {
    top: 0; left: 0;
}
.shadowBtn .btn.active {
    top: 0; left: 0;
}

.btn.giant { width: 98px; height: 48px; }
.btn.large { width: 90px; height: 44px; }
.btn.medium { width: 80px; height: 38px; }
.btn.small { width: 76px; height: 30px; }
.btn.tiny { width: 62px; height: 24px; }




/* inputText */
.inputText-group { display: flex; align-items: center; }
.inputText { display: inline-flex; align-items: center; position: relative; height: 40px; }
.inputText > input {border: 1px solid #d4d4d4; padding: 10px 12px;  width: 100%; height: 100%; font-size: 14px; line-height: 26px; letter-spacing: -0.05em;  color: #666666;}

.inputText.full {width: 100%;}
.inputText.size1 {width: 88px;}
.inputText.size2 {width: 115px;}



/* selectbox */
.select .selectbox .option {
    border-radius: 0;
    border: 1px solid #d4d4d4;
}
.select .selectbox .option::-webkit-scrollbar-thumb {
    background: #1C1C1C;
    border-radius: 0;
}
.select .selectbox .option::-webkit-scrollbar {
    width: 2px;
}
.select .selectbox .option ul > li.active button {
    background: #FFEBE6;
}
.select .selectbox > button {
    border-radius: 0;
    border: 1px solid #d4d4d4;
}
.select .selectbox .option ul > li button:hover,
.select .selectbox .option ul > li button:focus-visible {
    color: initial;
    text-decoration: underline;
}

/* tabMneu */
.tab-group {}
.tab-group .tabList {}
.tab-group .tabCont {}
.tab-group .tabCont > li {
    display: none;
}
.tab-group .tabCont > li.on {
    display: block;
}
.select .selectbox > button:after {
    background-image: url(../images/common/icon_arrow_select.svg);
}
.select .selectbox > button:has(+ .show):after {
    transform: initial;
    background-image: url(../images/common/icon_arrow_select_on.svg);
}


/* File */
.file-group .file-upload {
    display: flex;
    align-items: center;
    gap: 8px;
}

.file-group .file-upload .formDownload {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 202px;
    height: 50px;
    color: #FFFFFF;
    background-color: #1C1C1C;
    font-weight: 700;
    font-size: 16px;
}
.file-group .file-upload .formDownload span {
    position: relative;
    padding-right: 22px;
}
.file-group .file-upload .formDownload span:after {
    content: '';
    display: block;
    position: absolute;
    top: -2px; right: 0;
    width: 18px; height: 18px;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/board/ico_download_big.svg);
}

.file-group .file-upload .file-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 98px;
    height: 50px;
    color: #FFFFFF;
    background-color: #FF724D;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
}

.file-group .file-upload .file-info {
    font-size: 12px;
    color: #919191;
}

.file-group .file-Box {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #D4D4D4;
}
.file-group .file-Box>ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.file-group .file-Box>ul>li {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 100%;
    width: 100%;
}
.file-group .file-Box>ul>li:hover {
    text-decoration: underline;
    text-underline-position : under;
    cursor: pointer;
}
.file-group .file-Box>ul>li>span {
    max-width: calc(100% - 22px);
    height: 20px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}
.file-group .file-Box>ul>li>span:hover,
.file-group .file-Box>ul>li>span:focus-visible {
    text-decoration: underline;
}
.file-group .file-Box .file-btn {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/board/icon_file_delete.svg);
    background-color: initial;
    width: 14px;
    height: 14px;
    position: relative;
    margin-left: 8px;
}

@media screen and (max-width:767px) {
    .file-group .file-Box {
        margin-top: 8px;
    }
}

/* page nate */
.page_nate {
    text-align:center; margin: 0 auto;
    position: relative;
}
.page_nate .btn + .btn {
    margin-left: 0;
}
.page_nate > a {
    width: 32px; height: 32px;
    line-height: 32px;
    border-radius: 4px;
    color:#616161;
    font-size: 16px;
    font-weight: 400;
    display:inline-block;
    vertical-align:middle;
    padding: 0 2px;
    margin: 0 auto;
}
.page_nate > a:hover,
.page_nate > a:focus-visible {
    text-decoration: underline;
    text-underline-position: under;
}
.page_nate > a.btn.num + a.btn.num {
    margin-left: 8px;
}
.page_nate > a.btn.curr {
    font-weight: 00;
    color: #FF724D;
}
.page_nate > a.btn.move {
    width: 32px; height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}
.page_nate > a.btn.move:hover,
.page_nate > a.btn.move:focus-visible {

}
.page_nate > a.btn.move + a.btn.move {
    margin-left: 6px;
}
.page_nate > a.btn.first {
    background-image: url(../images/board/icon_btn_first.svg);
}
.page_nate > a.btn.prev {
    background-image: url(../images/pattern/icon/prev_icon.svg);
    margin-right: 16px;
}
.page_nate > a.btn.next {
    background-image: url(../images/board/icon_btn_next.svg);
    margin-left: 16px;
}
.page_nate > a.btn.last {
    background-image: url(../images/board/icon_btn_last.svg);
}

@media screen and (max-width:767px) {
    .page_nate {
        padding: 0 72px;
        max-width: 360px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
    .page_nate > a.btn.num {
        margin: 0 auto;
    }
    .page_nate > a.btn.num + a.btn.num {
        margin: 0 auto;
    }
    .page_nate > a.btn.move {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .page_nate > a.btn.move + a.btn.move {
        margin: 0 auto;
    }
    .page_nate > a.btn.first {
        left: 0;
        margin: 0;
    }
    .page_nate > a.btn.prev {
        left: 40px;
        margin: 0;
    }
    .page_nate > a.btn.next {
        right: 40px;
        margin: 0;
    }
    .page_nate > a.btn.last {
        right: 0;
        margin: 0;
     }
}


/* tit */
.subtit_l {
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
    /* subtit_l 수정  */
    /* background-image: url(../images/sub/ico_subtit_l.svg); */
    /* font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    padding-left: 28px; */
    /* subtit_l 수정  */
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
    text-align: left;
}
.subtit_l + .subtit_l {
    margin-top: 15px;
}
.subtit_l_con {
    /* padding-left: 30px; */
    /* margin-top: 8px; */
}
.subtit_l_con + * {
    margin-top: 40px;
}
.subtit_l_con > * + * {
    /* margin-top: 15px; */
}
.subtit_l_con > ul > li + li {
    margin-top: 15px;
}
.subtit_m {
    display: block;
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-image: url(../images/sub/ico_subtit_m.svg);
    padding-left: 19px;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    text-align: left;
}
.subtit_m + .subtit_m {
    margin-top: 7px;
}
.subtit_m_con {
    /* margin-top: 11px; */
    /* padding-left: 12px; */
}
.subtit_m_con > * + * {
    margin-top: 7px;
}
.subtit_m_con > ul > li + li {
    margin-top: 7px;
}

.subtit_m2 {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    text-align: left;
}

.subtit_m2::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #212121;
    font-weight: 700;
}

.subtit_m2:nth-of-type(1)::before {
    content: "1.";
}

.subtit_m2:nth-of-type(2)::before {
    content: "2.";
}

.subtit_m2:nth-of-type(3)::before {
    content: "3.";
}

.subtit_m2:nth-of-type(4)::before {
    content: "4.";
}

.subtit_m2:nth-of-type(5)::before {
    content: "5.";
}

.subtit_m2:nth-of-type(6)::before {
    content: "6.";
}

.subtit_m2:nth-of-type(7)::before {
    content: "7.";
}

.subtit_m2:nth-of-type(8)::before {
    content: "8.";
}

.subtit_m2:nth-of-type(9)::before {
    content: "9.";
}
.subtit_m2:nth-of-type(10)::before {
    content: "10.";
}
.subtit_m2:nth-of-type(11)::before {
    content: "11.";
}
.subtit_m2:nth-of-type(12)::before {
    content: "12.";
}


.subtit_s {
    display: block;
    background-repeat: no-repeat;
    background-position: top 5px left;
    background-image: url(../images/sub/ico_subtit_s.svg);
    padding-left: 18px;
    font-size: 17px;
    line-height: 150%;

    text-align: left;
}
.subtit_s + .subtit_s {
    /* margin-top: 7px; */
}
.subtit_s_con {
    /* margin-top: 16px; */
    padding-left: 12px;
}

.subtit_s2 {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #212121;
    line-height: 150%;
    font-weight: 400;
    text-align: left;
    font-size: 17px;
}

.subtit_s2::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #212121;
    font-weight: 500;
}
.subtit_s_con > * + * {
    /* margin-top: 7px; */
}
.subtit_s2:nth-of-type(1)::before {
    content: "①";
}

.subtit_s2:nth-of-type(2)::before {
    content: "②";
}

.subtit_s2:nth-of-type(3)::before {
    content: "③";
}

.subtit_s2:nth-of-type(4)::before {
    content: "④";
}

.subtit_s2:nth-of-type(5)::before {
    content: "⑤";
}

.subtit_s2:nth-of-type(6)::before {
    content: "⑥";
}

.subtit_s2:nth-of-type(7)::before {
    content: "⑦";
}

.subtit_s2:nth-of-type(8)::before {
    content: "⑧";
}

.subtit_s2:nth-of-type(9)::before {
    content: "⑨";
}
.subtit_s2:nth-of-type(10)::before {
    content: "⑩";
}
.subtit_s2:nth-of-type(11)::before {
    content: "⑪";
}
.subtit_s2:nth-of-type(12)::before {
    content: "⑫";
}

.subtit_xs {
    display: block;
    padding-left: 8px;
    position: relative;
    color: #212121;
    font-size: 1rem;
    line-height: 26px;
    font-weight: 400;
}

.subtit_xs::before {
    content: "·";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.subtit_xs_con {
    padding-left: 10px;
    margin-top: 10px;
}

.subtit_xxs {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #212121;
    font-size: 1rem;
    line-height: 26px;
    font-weight: 400;
}

.subtit_xxs::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.subtit_xxs:nth-of-type(1)::before {
    content: "가.";
}

.subtit_xxs:nth-of-type(2)::before {
    content: "나.";
}

.subtit_xxs:nth-of-type(3)::before {
    content: "다.";
}

.subtit_xxs:nth-of-type(4)::before {
    content: "라.";
}

.subtit_xxs:nth-of-type(5)::before {
    content: "마.";
}

.subtit_xxs:nth-of-type(6)::before {
    content: "바.";
}

.subtit_xxs:nth-of-type(7)::before {
    content: "사.";
}


.subtxt {
    margin-top: 10px;
    line-height: 26px;
}

.subtit_non {
    padding-left: 0 !important;
    background-image: none !important;
}

.subtit_non::before {
    display: none !important;
}

.sublist_text {
    color: #5a5b5e;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: -0.8px;
}

.sublist_text>li {
    position: relative;
    padding-left: 18px;
}

.sublist_text>li .brackets_num {
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 768px){
	.subtxt {
		font-size: 14px;
		line-height: 24px;
	}
	.subtit_l_con > * + * {
		/* margin-top: 14px; */
	}
    .subtit_l {
        font-size: 17px;
        background-size: 16px;
        background-position: top 5px left;
        /* padding-left: 20px; */
    }
    .subtit_l_con {
        /* padding-left: 20px; */
    }
    .subtit_m {
    	background-position: top 4px left;
    	/* padding-left: 16px; */
    }
    .subtit_m,
    .subtit_m2 {
        font-size: 14px;
        line-height: 24px;
    }
    .subtit_m_con {
        /* padding-left: 16px; */
    }
    .subtit_s {
    	background-position: top 3px left;
    	    	/* padding-left: 16px; */
    }
    .subtit_s,
    .subtit_s2 {
        font-size: 14px;
        line-height: 24px;
    }
    .subtit_s_con {
        /* padding-left: 16px; */
    }
}

/* 동의 */
.agreeTit {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin-bottom: 16px;
}
.agreeTit > span {
    font-weight: 700;
    color: #707070;
}
.agreeBox {
	position: relative;
    border-top: 2px solid #1C1C1C;
}

.agreeBox .text {
	padding: 8px 8px 8px 24px;
    border-left: 1px solid #9D9D9D;
    border-right: 1px solid #9D9D9D;
}

.agreeBox .text .text_scroll {
	overflow-y: auto;
	max-height: 184px;
	padding-right: 10px;
}

.agreeBox .text .text_scroll::-webkit-scrollbar {
	width: 2px;
}

.agreeBox .text .text_scroll::-webkit-scrollbar-thumb {
	background-color: #1C1C1C;
}

.agreeBox .text .text_scroll::-webkit-scrollbar-track {
	background-color: #ECECEC;
}

.agreeBox .agree {
    width: 100%;
	display: flex;
    padding: 22px 35px 24px 24px;
	align-items: center;
	justify-content: space-between;
    background-color: #F6F6F6;
    border: 1px solid #9D9D9D;
}

.agreeBox .agree .argeeList {
	display: flex;
	align-items: center;
	justify-content: center;
}
.agreeBox .agree .tit {
    font-size: 16px;
    font-weight: 700;
}
.agreeBox .agree .tit > span {
    color: #FF0000;
    margin-right: 8px;
}

@media screen and (max-width: 786px){
    .agreeBox .text {
        padding: 8px 8px 8px 16px;
    }
    .agreeBox .agree {
        padding: 15px 16px 16px;
    }
    .agreeBox .agree .tit {
        display: none;
    }
}

/* text page css ############################### */
p{
    line-height: 150%;
}
.p_info > p{
    margin-top: 8px;
}
.mt16{
    margin-top: 16px !important;
}
.mt40{
    margin-top: 40px;
}
.useInfo .subtit_l:not(:first-child) {
    margin-top: 40px;
}
.useInfo a.lnk_txt {
    color: #3a3ad7;
}
.useInfo a.lnk_txt {
    color: #3a3ad7;
}
.txt_color_01{
    color: #2b5b86 !important;
}
.txt_underline{
    text-decoration: underline;
}
.subtit_dot {
    display: block;
    position: relative;
    /* margin-top: 8px; */
    padding-left: 17px;
    color: #1c1c1c;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: -0.8px;
    font-weight: 400 !important;
}
.subtit_dot::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 5px;
    width: 4px;
    height: 4px;
    background: #016A6A;
    border-radius: 50%;
}
.subtit_dash {
    display: block;
    position: relative;
    /* margin-top: 4px; */
    padding-left: 17px;
    color: #1c1c1c;
    font-size: 17px;
    line-height: 150%;
    font-weight: 400;
    letter-spacing: -0.8px;
}
.subtit_dash::before {
    content: "-";
    position: absolute;
    top: 0px;
    left: 5px;
    color: rgb(113, 113, 113);
}
.subtit_warning{
    font-size: 15px;
    font-weight: 700;
    padding-left: 18px;
    position: relative;
}
.subtit_warning::before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url(../images/pattern/icon/warning_tit.svg) no-repeat center center;
    background-size: cover;
}
/* down load a */
.download{
    color: #016A6A !important;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 42px 8px 12px;
    border: solid 1px #016A6A;
    background: url('../images/pattern/icon/download.svg') right 16px center no-repeat;
}
/* info_box css */
.info_box{
    background-color: #F8F8F8;
    padding: 40px;
    border: solid 1px #C6C6C6;
}
.info_box .tit{
    font-weight: 700;
    font-size: 25px;
    position: relative;
    padding-left: 36px;
    margin-bottom:24px;
}
.info_box .tit::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    background: url('../images/pattern/icon/tit_icon.svg') no-repeat center center;
}
.info_box p{
    font-size: 19px;
}
/* info_box css */

/* sub_box */
.sub_con_two{
    display: flex; justify-content: space-between; gap: 16px;
    /* flex-wrap: wrap; */
}
.sub_con_two > div{
    flex: 1;
}
@media screen and (max-width: 786px){
    .sub_con_two{
        display: block;
    }
}
.sub_box{
    margin-top: 16px;
}
.sub_box.information{
  padding: 40px;
  border: 1px solid #D8D8D8;
  text-align: center;
}
.sub_box .sub_tit{
    background-color: #018484;
    text-align: center;
    padding: 8px 10px;
}
.sub_box .sub_tit.c2{
    background-color: #014F4F;
}
.sub_box .sub_tit.c3{
    background-color: #003535;
}
.sub_box .sub_tit > h5{
    font-size: 19px;
    color: #ffffff;
    font-weight: 700;
    line-height: 150%;
}
.sub_box .sub_tit > h5 span{
    font-size: 17px;
    font-weight: 400;
}
.sub_box .sub_con{
    background-color: #F8F8F8;
    padding: 32px;
    min-height: 186px;
}
.sub_box .sub_con.img{
    height: 560px;
    border: 1px solid #D8D8D8;
    padding: 0;
    background: #fff;
}
.sub_box .sub_con.img > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media screen and (max-width: 786px){
.sub_box .sub_con.img{
    min-height: 418px;
}
}
.sub_box .sub_con .sub_con_top{
    padding-left: 90px;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.sub_box .sub_con .sub_con_top .sublink_con{
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}
.sub_box .sub_con .sub_con_top .sublink_con > a {
    margin-right: 0;
}
.sub_box .sub_con .sub_con_top::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    background-size: contain;
}
.sub_box .sub_con .sub_con_top.call::after{
    background: url(../images/pattern/icon/ico_call.svg) no-repeat center center;
}
.sub_box .sub_con .sub_con_top.location::after{
    background: url(../images/pattern/icon/ico_location.svg) no-repeat center center;
}
.sub_box .sub_con .sub_con_detail{
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-direction: row;
}
@media screen and (max-width: 1024px){
    .sub_box .sub_con .sub_con_detail{
        display: block;
    }
    .sub_box .sub_con .sub_con_detail .sub_con_list:last-child{
        margin-top: 16px;
    }
    .sub_box .sub_con .sub_con_top .sublink_con{
        position: relative;
        margin-top: 8px;
    }
}
@media screen and (max-width: 786px){
    .sub_box .sub_con .sub_con_top{
        padding-left: 0;
        padding-top: 96px;
    }
    .sub_box .sub_con .sub_con_top::after{
        left: 0;
        top: 0;
        transform: translateY(0);
    }
}
.sub_box .sub_con .sub_con_detail .sub_con_list{
    padding: 16px;
    border-radius: 12px;
    background-color: #fff;
    border:  1px solid #E4E4E4;
    flex: 1;
}
.sub_box .sub_con .sub_con_detail .sub_con_list > h5{
    font-weight: 700;
    font-size: 17px;
    color: #2D2D2D;
    line-height: 150%;
    padding-left: 24px;
    position: relative;
}
.sub_box .sub_con .sub_con_detail .sub_con_list > h5::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.sub_box .sub_con .sub_con_detail .sub_con_list > h5.bell::after{
    background:url(../images/pattern/icon/ico_bell_red.svg) no-repeat center center;
}
.sub_box .sub_con .sub_con_detail .sub_con_list > h5.help::after{
    background:url(../images/pattern/icon/ico_help_red.svg) no-repeat center center;
}

/* sub_box */

/* text center */
.txt_center{
    text-align: center;
}
/* text center */
.moreView{
    padding: 4px 32px 4px 12px;
    color: #fff;
    background: #016A6A url('../images/pattern/icon/view_icon.svg') no-repeat center right 12px;
    background-size: 16px;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
}
.moreView:hover,
.moreView:focus-visible{
    background-color: #014F4F;
    color: #fff;
}
.tit-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.gotoList{
    padding: 8px 12px;
    border: solid 1px #016A6A;
    background-color: #fff;
    color: #016A6A;
    font-size: 15px;
    /* F2FBFB */
}
/* .btn.type01:hover,
.btn.type01:focus-visible  */

.gotoList:hover,
.gotoList:focus-visible{
    background-color: #F2FBFB;
    color: #014F4F;
}

.gotoList.header{
    padding: 0px 10px;
}
.subinfo_box{
    width: 100%;
    padding: 16px;
    background-color: #F8F8F8;
    border: solid 1px #E4E4E4;
    border-radius: 12px;
    margin: 8px 0;
}
.sublink_con{
    margin: 8px 0;
}
.sublink_con > a{
    margin-right: 8px;
}
@media screen and (max-width: 786px){
    .sublink_con{
        flex-wrap: wrap;
    }
    .sublink_con > a + a{
        margin-top: 8px;
    }
}
.gotoLink{
    padding: 8px 32px 8px 12px;
    border: solid 1px #016A6A;
    color: #016A6A;
    background: #fff url('../images/pattern/icon/gotolink.svg') no-repeat center right 12px;
    display: inline-block;
    font-size: 15px;
}
.gotoLink:hover,
.gotoLink:focus-visible{
    background-color: #F2FBFB;
    color: #014F4F;
}
.gotoDown{
    padding: 8px 32px 8px 12px;
    border: solid 1px #016A6A;
    color: #016A6A;
    background: #fff url('../images/pattern/icon/download.svg') no-repeat center right 12px;
    display: inline-block;
    font-size: 15px;
}
.gotoDown:hover,
.gotoDown:focus-visible{
    background-color: #F2FBFB;
    color: #014F4F;
}
.subtit_non {
    padding-left: 0 !important;
    background-image: none !important;
}
.sub_con_tit{
    font-size: 26px !important;
    font-weight: 700;
    line-height: 1.2;
}

.subtit_ss2 {
    display: block;
    padding-left: 24px;
    position: relative;
    color: #212121;
    line-height: 150%;
    font-weight: 700;
    text-align: left;
    margin-top: 8px;
    font-size: 17px;
}

.subtit_ss2::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #212121;
    font-weight: 700;
}
.subtit_ss2:nth-of-type(1)::before {
    content: "(1)";
}

.subtit_ss2:nth-of-type(2)::before {
    content: "(2)";
}

.subtit_ss2:nth-of-type(3)::before {
    content: "(3)";
}

.subtit_ss2:nth-of-type(4)::before {
    content: "(4)";
}

.subtit_ss2:nth-of-type(5)::before {
    content: "(5)";
}

.subtit_ss2:nth-of-type(6)::before {
    content: "(6)";
}

.subtit_ss2:nth-of-type(7)::before {
    content: "(7)";
}

.subtit_ss2:nth-of-type(8)::before {
    content: "(8)";
}
.subtit_ss2:nth-of-type(8)::before {
    content: "(9)";
}

.subtit_ss2:nth-of-type(10)::before {
    content: "(10)";
}

.useInfo .img_con{
    border: solid 1px #D8D8D8;
    width: 100%;
    height: 124px;
}
.useInfo .img_con.service_info{
    height: 178px;
}
.useInfo .img_con img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.useInfo .img_wrap > div{
    width: 100%;
}
.useInfo .map_info{
    margin-top: 40px;
}
.useInfo .map_info > dl{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
    gap: 24px 0;
}
.useInfo .map_info > dl > dt {
    position: relative;
    width: 102px;
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
    padding-left: 28px;
    position: relative;
    color: #1D1D1D;
}
.useInfo .map_info > dl > dt::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.useInfo .map_info > dl > dt.map::after{
    background: url(../images/pattern/icon/ico_map.svg) no-repeat center center;
}
.useInfo .map_info > dl > dt.subway::after{
    background: url(../images/pattern/icon/ico_subway.svg) no-repeat center center;
}
.useInfo .map_info > dl > dt.bus::after{
    background: url(../images/pattern/icon/ico_bus.svg) no-repeat center center;
}
.useInfo .map_info > dl > dt.car::after{
    background: url(../images/pattern/icon/ico_car.svg) no-repeat center center;
}
.useInfo .map_info > dl > dt::before {
    content: '';
    position: absolute;
    top: 3px;
    right: 0;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #D8D8D8;
}
.useInfo .map_info > dl > dd {
    width: calc(100% - 102px);
    padding-left: 24px;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    color: #555555;
}
.useInfo .map_info > dl > dd > p .str{
font-weight: 700;
}
.useInfo .map_info > dl > dd > p{
    position: relative;
    padding-left: 28px;
}
.useInfo .map_info > dl > dd > p.vehicle_list.gan,
.useInfo .map_info > dl > dd > p.vehicle_list.gi{
    padding-left: 48px;
}

.useInfo .map_info > dl > dd > p.vehicle_list::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #F26700;
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    margin-right: 2px;
}
.useInfo .map_info > dl > dd > p.vehicle_list.third::after{
    content: '3';
    background-color: #F26700;
}
.useInfo .map_info > dl > dd > p.vehicle_list.fifth::after{
    content: '5';
    background-color: #823EDB ;
}
.useInfo .map_info > dl > dd > p.vehicle_list.gi::after{
    content: '지선';
    width: auto;
    padding: 0 8px;
    border-radius: 36px;
    background-color: #3CC344;
}
.useInfo .map_info > dl > dd > p.vehicle_list.gan::after{
    content: '간선';
    width: auto;
    padding: 0 8px;
    border-radius: 36px;
    background-color: #386DE8;
}
.useInfo .map_info > dl > dd > p + p{
    margin-top: 8px;
}
.useInfo .map_info > dl > dd > p > p{
    margin-top: 8px;
    display: inline-block;
    margin-left: 16px;
}
@media screen and (max-width: 1024px){
    .useInfo .map_info > dl > dd > p > p{
        display: block;
        margin-left: 0;
    }
}
.sub_table{
    padding: 16px 0;
    /* margin: auto; */
}
.sub_table > div{
    display: flex;
    justify-content: center;
    gap: 16px;
}
@media screen and (max-width:767px) {
    .sub_table > div{
        flex-wrap: wrap;
    }
}
.table_box{
    width: 320px;
}
.sub_txt_box{
    margin-top: 16px;
}
.sub_txt{
    background-color: #F8F8F8;
    border: 1px solid #46B5B5;
    width: 100%;
    min-height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}
.sub_txt.border_c2{
    border: 1px solid #014F4F;
}
.sub_txt + .sub_txt::before{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/pattern/icon/arrow_down.svg) no-repeat center center;
    background-size: contain;
}
.sub_txt:last-child{
    margin-bottom: 0;
}
.information_txt > h5{
    margin-top: 40px;
    color: #003763;
    font-weight: 700;
    font-size: 25px;
    line-height: 150%;
    margin-bottom: 16px;
}
.information_txt .txt_box{
display: flex;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
@media screen and (max-width:767px) {
    .information_txt .txt_box{
        display: block;
        flex-wrap: wrap;
    }
    .information_txt .txt_box .gray_box + .gray_box{
        margin-top: 16px;
    }
}
.information_txt .txt_box .gray_box{
    background-color: #F8F8F8;
    border: 1px solid #D8D8D8;
    flex: 1;
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.information_txt .txt_box .gray_box > h5{
    font-size: 700;
    font-size: 17px;
    line-height: 150%;
    color: #1D1D1D;
}
.sub_box.level{
    padding: 40px 0;
  }
  .subtit_s.subtit_non > span {
    display: block;
  }
  .subtit_s.subtit_non > span.red {
    color: #b85448;
  }
  .sub_txt_con{
    width: 120px;
    height: 58px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 150%;
  }
  .sub_txt_con.c1{
    background-color: #018484;
  }
  .sub_txt_con.c2{
    background-color: #016A6A;
  }
  .sub_txt_con.c3{
    background-color: #014F4F;
  }
  .sub_txt_con.c4{
    background-color: #003535;
  }
  .sub_txt_con + .sub_txt_con,
  .sub_txt_content + .sub_txt_content{
    margin-top: 16px;
  }
  .sub_txt_content{
    width: 240px;
    height: 58px;
    color: #1D1D1D;
    background-color: #fff;
    border: 1px solid #D8D8D8;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 150%;
  }
  .sub_txt_content.gray{
    background-color: #D8D8D8;
  }
  .sub_txt_box + .sub_txt_box{
    position: relative;
  }
  .sub_txt_box + .sub_txt_box::before{
    content: '';
    position: absolute;
    left: -16px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #D8D8D8;
  }
  .table_box.gray{
    display: flex;
    width: auto;
    gap: 36px;
  }
  .table_box.level{
    position: relative;
    width: auto;
    margin-right: 42px;
  }
  .table_box.level.long{
    position: relative;
    width: auto;
    margin-right: 42px;
  }
  .table_box.level::before{
    content: '';
    position: absolute;
    right: -58px;
    top: 50%;
    transform: translateY(-50%);
    width: 58px;
    height: 320px;
    background: url(../images/main/ico_level.svg) no-repeat center center;
    background-size: contain;
  }
  .table_box.level.long::before{
    content: '';
    position: absolute;
    right: -58px;
    top: 50%;
    transform: translateY(-50%);
    width: 58px;
    height: 392px;
    background: url(../images/main/ico_level_long.svg) no-repeat center center;
    background-size: contain;
  }
  @media screen and (max-width: 786px){
    .sub_box.level .sub_table > div{
    flex-wrap: nowrap;
    }
    .sub_txt_con{
      width: 78px;
      height: 58px;
    }
    .sub_txt_con:nth-child(2){
      height: 110px;
    }
    .sub_txt_con:nth-child(3){
      height: 84px;
    }
    .sub_txt_content{
      width: 98px;
      height: 58px;
    }
    .sub_txt_content:nth-child(2){
      height: 110px;
    }
    .sub_txt_content:nth-child(3){
      height: 84px;
    }
    .sub_txt_con + .sub_txt_con,
  .sub_txt_content + .sub_txt_content{
    margin-top: 8px;
  }
  .table_box.gray{
    gap: 16px;
  }
  .table_box.level::before{
    height: 378px;
  }
  .sub_txt_box + .sub_txt_box::before{
    left: -8px;
  }
  }

.sub_box.service_info,
.sub_box.vision,
.sub_box.mi{
    width: 100%;
    background-color: #fff;
    padding: 32px 0;
    text-align: center;
    border: 1px solid #D8D8D8;
    display: flex;
    justify-content: center;
}
.sub_box.mi{
    height: 178px;
}
.sub_box.mi > div > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sub_box.service_info > div,
.sub_box.vision > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.sub_box.service_info > div > img{
    width: 60px;
    height: 60px;
    object-fit: contain;
}
.sub_box.service_info .txt_box .txt,
.sub_box.vision .txt_box .txt{
    font-size: 25px;
    line-height: 150%;
    font-weight: 400;
    color: #1D1D1D;
}
.sub_box.service_info .txt_box .txt > .blue,
.sub_box.vision .txt_box .txt > .blue{
    font-weight: 700;
    color: #003763;
}
.sub_box.service_info .txt_box .txt > .bold{
    font-weight: 700;
}
@media screen and (max-width: 786px){
    .sub_box.service_info,
    .sub_box.vision{
        padding: 24px;
    }
    .sub_box.service_info > div,
    .sub_box.vision > div{
        flex-direction: column;
        gap: 16px;
    }
    .sub_box.service_info > div > img:last-child,
    .sub_box.vision > div > img:last-child{
        display: none;
    }
    .sub_box.service_info .txt_box .txt,
    .sub_box.vision .txt_box .txt{
        font-size: 17px;
    }
}

.mi_ko,
.mi_en{
    display: flex;
    gap: 16px;
}
.mi_ko > dd,
.mi_en > dd{
    flex: 1;
    height: 140px;
    padding: 32px;
    border: 1px solid #D8D8D8;
        margin-top: 16px;
}
.mi_ko > dd > img,
.mi_en > dd > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media screen and (max-width: 1024px){
    .mi_ko,
    .mi_en{
        display: block;
    }
    .mi_ko > dd,
    .mi_en > dd{
        /* margin-top: 16px; */
    }

}