@charset "utf-8";
/* 테이블 스타일2 */
/* 테이블 */
.ys-table {
    table-layout: fixed;
    width: 100%;
}

.ys-table.table_xl {
    min-width: 1000px;
}

.ys-table th {
    height: 65px;
    padding: 10px 15px;
    text-align: center;
    color: #222;
    font-weight: 500;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.ys-table td {
    height: 65px;
    padding: 10px 15px;
    text-align: center;
    color: #444;
    line-height: 1.5;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.ys-table td.subject {
    text-align: left !important;
}

.ys-table td.subject > a {
    display: inline-block;
    max-width: 100%;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

[class^="ys-table"].center .ys-table th, [class^="ys-table"].center .ys-table td {
    text-align: center;
}

[class^="ys-table"].left .ys-table th, [class^="ys-table"].left .ys-table td {
    text-align: left;
}

.scroll_guide {
    display: none;
}

/* 테이블 스타일1 */
.ys-table1 {
    overflow: hidden;
    overflow-x: auto;
}

.ys-table1 .ys-table {
}

.ys-table1 .ys-table thead th {
    color: #625451;
    background-color: #f7e5dd;
    border: 0;
}

.ys-table1 .ys-table thead th.start {
    border-radius: 10px 0 0 0;
}

.ys-table1 .ys-table thead th.end {
    border-radius: 0 10px 0 0;
}

.ys-table1 .ys-table td {
    color: #444;
    border: 1px solid #ddd;
    border-right: 0;
    border-top: 0;
}

.ys-table1 .ys-table th:first-child, .ys-table1 .ys-table td:first-child {
    border-left: 0;
}

.ys-table1 .ys-table.hover td {
    transition: background-color 0.2s;
}

.ys-table1 .ys-table.hover tr:hover td {
    background-color: #fdf9f7;
}

.ys-table1 .ys-table tr.active td {
    background-color: #fdf9f7;
}

.ys-table1 .ys-table td.ys-nodata {
    height: 150px;
    font-size: 16px;
}

.ys-table1 .ys-table td.ys-bg1 {
    font-weight: 500;
}

.ys-table1 .ys-table .table_in_cell {
    margin: -10px -15px;
    word-break: keep-all;
}

.ys-table1 .ys-table .table_in_cell > li {
    display: flex;
    align-items: center;
    min-height: 65px;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.ys-table1 .ys-table .table_in_cell > li > p, .ys-table1 .ys-table .table_in_cell > li > a {
    max-height: calc((16px * 1.6) * 2);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ys-table1 .ys-table .table_in_cell > li:last-child {
    border-bottom: 0;
}

.ys-table1.type2 .ys-table td {
    border-color: #eee;
}

.ys-table1.type2 .ys-table td {
    border-bottom-color: #ccc;
}

.ys-table1.type2 .ys-table .table_in_cell > li {
    border-color: #eee;
}

/* 테이블 스타일2 */
.ys-table2 {
    border-top: 2px solid #e83820;
}

.ys-table2 .ys-table th {
    padding: 10px 30px;
    color: #625451;
    text-align: left;
    background-color: #fdf9f7;
}

.ys-table2 .ys-table td {
    padding: 10px 30px;
    color: #444;
    text-align: left;
}

.h2-title {
    position: relative;
    padding-left: 3rem;
    color: #000;
    font-weight: 600;
    font-size: 3rem;
    letter-spacing: -0.5px;
    display: block;
    margin-bottom: 1.2rem;
    margin-top: 4rem;
    background: url(../images/common/bul_h2.png) no-repeat left 5px;
    background-size: 25px;
}
/*
.h2-title:before,
.h2-title:after{
	content: "";
	position: absolute;
	left: 0;
	top: 1.15rem;
	width: 2.2rem;
	height: 2.2rem;
	background-color:#ef412f;
	border-radius: 100%;;
}
.h2-title:after {
	background-color:#00a9ba;
	left:10px;
}
*/

.h3-title {
    position: relative;
    padding-left: 3rem;
    color: #000;
    font-weight: 600;
    font-size: 2.5rem;
    letter-spacing: -0.5px;
    display: block;
    margin-bottom: 1.2rem;
    margin-top: 1rem;
}
.h3-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45rem;
    width: 1.9rem;
    height: 1.9rem;
    background: url(../images/common/bul_h3.png) no-repeat;
    background-size: contain;
    -webkit-print-color-adjust: exact;
}
@media all and (max-width:1026px) {

    .h2-title {
        font-size:2.4rem;

    }

}





.point-text{padding-left: 40px; margin-bottom: 10px; line-height: 25px; }
.point-text.point_1{background: url(../images/content/point_icon_1.png) no-repeat left top; color: #015152;}
.point-text.point_2{background: url(../images/content/point_icon_2.png) no-repeat left top; color: #ef5b2d;}
.point-text.point_3{background: url(../images/content/point_icon_3.png) no-repeat left top; color: #404355;}
.ellipsis01 { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  word-break: break-all;}
.ellipsis02 {overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;
    word-break: break-all;}

p.txt { line-height:1.7;}
.img-area { border:1px solid #ddd; padding:2rem; }
.img-area.col2 { display:flex;justify-content: space-between;padding:1rem; }
.img-area.col2 > div  { padding:1rem;}
.img-area img { display:inline-block; text-align:center; }


.form_search:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    height: 100%;
    background-color: #f9f9f9;
    z-index: -1;
}


/* 콘텐츠담당자 */
.manager{
    padding:2rem;
    margin-top:3rem;
    border:1px solid #ddd;
}
.manager li{
    margin:0 0 0.5rem 0
}
.manager li:before{
    display: inline-block;
    width: 3rem;
    height: 3rem;
    content: "";
    background: url("../images/content/icn_manager.png") no-repeat center top;
    margin-right: 0.5rem;
    vertical-align: bottom;
}
.manager li.tel::before{
    background-position: center bottom
}
.manager li:last-child::before {
    display:none;
}
.manager li:last-child a.btn-xsm {
    min-height:auto;
}
@media all and (min-width:769px) {
    .manager {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .manager ul{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .manager li{
        margin:0 30px 5px 0
    }
}
@media all and (min-width:1027px) {
    .manager p{

    }
    .manager li{
        margin:0 30px 0 0
    }
}






/* 마이페이지 현황 */
.proc-result-top {
    background-color:#f9f9f9;
    border:1px solid #ddd;
    border-radius: 1rem;
    padding:2rem;
}

.proc-result-top ul li {
    position: relative;
    display:flex;
    justify-content: space-between;

}

.proc-result-top ul li:nth-child(2) {

}
.proc-result-top ul li  b {
    display:inline-block;
}
.proc-result-top ul li span {
    display: block;;
}

@media all and (min-width:641px) {
    .proc-result-top ul {
        display:flex;

    }
    .proc-result-top ul li {
        flex:1;
        position: relative;
        padding: 0 3.5rem;
    }
    .proc-result-top ul li:first-child {
        padding-left:0;
    }
    .proc-result-top ul li:last-child {
        padding-right:0;
    }
    .proc-result-top ul li::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 30px;
        background: #ddd;
    }
    .proc-result-top ul li:first-child::before {
        display:none;
    }
}

@media all and (min-width:1027px) {

}


.progress-bar__step:after{display: block;visibility: hidden;clear: both;content: '';}
.progress-bar__step  {
    counter-reset:num;
    margin:3rem 0;
    padding:3rem 0;
    flex-wrap: wrap;
    z-index:99;position: relative; display:flex; border-bottom:1px dotted #ddd; border-top:1px dotted #ddd;}
.progress-bar__step > li{position:relative;width:100%;border:1px dotted #ddd;border-radius:2rem;margin-bottom:2rem;padding:2rem}
.progress-bar__step >  li:after{content:" ";display:block;position:absolute;top:50%;left:-2.5rem;width:7px;height:11px;background:url(../images/content/arr_off.png) no-repeat}
.progress-bar__step  > li.step01:after{display:none;}
.progress-bar__step > li .step-circle {position:relative;text-align:center;text-transform:uppercase;transition:all ease 0.2s;vertical-align:bottom;height:119px;  }
.progress-bar__step > li .step-circle:before{content:'';counter-increment: num 1;display:block;margin:auto;padding:27px 19px;width:80px;height:80px;border-radius:50%;
    background:url(../images/content/back.png) no-repeat;line-height: 1;transition:all ease 0.3s;box-sizing:border-box;
    font-weight:bold;color:#4c4f52;font-size:14px;
    letter-spacing:0.05em;background-color:#fff}
.progress-bar__step >  li .step-inner {position:absolute;width:100%;bottom: 28.5px;left:0;width:100%;text-align:center;font-size:14px;
    letter-spacing:-1px;font-weight:bold;color:#4c4f52;}
.progress-bar__step >  li img{
    position:absolute;
    top: 17.5%;
    left: 50%;
    width: 40px;
    margin-left: -20px;
}
.progress-bar__step >  li p { margin-top:1rem;}
.progress-bar__step >  li p:nth-child(4){margin-top:0px; padding-bottom:15px;}
.progress-bar__step >  li.active p:nth-child(3) b:nth-child(1){color:#00a9ba;}
.progress-bar__step >  li p:nth-child(3) b:nth-child(2){margin-left:3px; color:#7e7e7e;}
.progress-bar__step >  li.active p:nth-child(3) b:nth-child(2){margin-left:3px; color:#006f79;}
.progress-bar__step >  li.active  .step-circle:before{background:url(../images/content/back_ov.png) no-repeat;color:#2656b7;}
.progress-bar__step >  li.active .step-inner{color:#2656b7}

.progress-bar__step  > li .step-inner:after{content:'';display:block;position:absolute;top: -94.5px;left:50.5%;margin-left:-45px;width:86px;height:86px;border-radius: 50%;border: 2px dashed #cbcbcb;}
.progress-bar__step  > li.active .step-inner:after{border-color:#00a9ba;animation: spinOne 4s linear infinite;}



.progress-bar__step .list {
    margin-top:3rem;
}
.progress-bar__step .list > li {
    position: relative;
    padding: 0 0 5px 1.2rem;
    line-height: 1.4em;
    word-break: Keep-all;
    color:#777
}
.progress-bar__step .list > li:before {
    display: inline-block;
    position: absolute;
    content: '';
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    background: #bbb;
    border-radius: 100%;
}
.progress-bar__step >  li.active .list > li {
    color:#111;
}
.progress-bar__step >  li.active .list > li:before{
    background: #e83820;
}


@media all and (min-width:481px) {
    .progress-bar__step > li{width: calc((100% - 4rem) / 2);position:relative;border:1px dotted #ddd;border-radius:2rem;margin:0 2rem 1rem 2rem;padding:2rem;}
    .progress-bar__step > li:nth-child(odd) { margin-left:0;}
    .progress-bar__step > li:nth-child(even) { margin-right:0;}
    .progress-bar__step >  li:after{content:" ";display:block;position:absolute;top:50%;left:-2.5rem;width:7px;height:11px;background:url(../images/content/arr_off.png) no-repeat}

}


@media all and (min-width:1026px) {
    .progress-bar__step > li{width:calc((100% - 12rem) / 4);margin:0 2rem 1rem 2rem;}
    .progress-bar__step > li:nth-child(odd) {margin-left:2rem; margin-right:2rem}
    .progress-bar__step > li:nth-child(even) { margin-right:2rem; margin-left:2rem;}
    .progress-bar__step > li:first-child { margin-left:0;}
    .progress-bar__step > li:last-child { margin-right:0;}

}

@-webkit-keyframes spinOne {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinOne {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinTwo {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinTwo {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@keyframes slide {
    0% { opacity:1; transform: translateX(3px); }
    20% { opacity:1; transform: translateX(6px); }
    80% { opacity:1; transform: translateX(-3px); }
    100% { opacity:1; transform: translateX(3px); }
}



.ui-progress__bar {position:relative;width:100%;margin-bottom: 30px;}
/*.ui-progress__bar .line {width:80%;margin:auto;background: #cbcbcb;height:1px;position:absolute;left:10%;top: 40px;z-index:1;border-radius:50px;transition:all ease 0.9s;}*/
.ui-progress__bar .line {width:80%;margin:auto;height:1px;position:absolute;left:10%;top: 40px;z-index:1;border-radius:50px;transition:all ease 0.9s;}
.ui-progress__bar .line-progress {content:" ";width:0%;height:100%;background: #207893;background: -moz-linear-gradient(left, #1757ba 0%, #039be0 100%);background: -webkit-linear-gradient(left, #1757ba 0%,#039be0 100%);background: linear-gradient(to right, #1757ba 0%,#039be0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1757ba', endColorstr='#1757ba',GradientType=1 );position:absolute;z-index:2;border-radius:50px;transition:all ease 0.9s;}
.ui_text--box .h3{color:#114ab0 !important;}




.inner-list  {display:flex;flex-wrap: wrap;width: 100%;}
.inner-list li {width:calc(100% / 4);text-align: center;border-left: 1px solid #ddd;}
.inner-list li:first-child {  border-left:0;}
.inner-list li b {background: #eaf3f5;display:block;width:100%;padding: 1rem 1rem;text-align: center;/* border: 1px solid #ddd; */}
.inner-list li span {display: block;padding: 1rem 0;}
.inner-list li:last-child { width:100%; border-left:0;}


/*
.tab_list {display:flex;flex-wrap: wrap;justify-content: center;}
.tab_list .item {padding:0.5rem 1rem 0.5rem;background:#fff;border:1px solid #000;margin-bottom: 1rem;}
.tab_list .item + .item {margin-left:1rem;}
.tab_list .item.active {background-color:#e83820; color:#fff; border:1px solid #e83820;}*/

/*
.tab_list {display:flex;flex-wrap: wrap;justify-content: center;}
.tab_list .item {display:inline-block;position:relative;min-width: 180px;margin-top:-1px;margin-left:-1px;text-align:center;vertical-align:top;flex-grow: 1;}
.tab_list .item + .item {margin-left:1rem;}
.tab_list .item.active {border-color:#e83820;}
*/
.tab-list-wrap{ position: relative; margin-bottom:3rem}
.tab-list-wrap:before {content:"";display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}
.tab-list-wrap .tab-panel{display:block !important;}
.tab-list-wrap .tab-list{display: flex;    flex-wrap: wrap; }
.tab-list-wrap .tab-item{    flex: 1;position:relative;margin-top:-1px;margin-left:-1px;text-align:center;vertical-align:top;flex-grow: 1;}
.tab-list-wrap .tab-anchor,
.tab-list-wrap .tab-button,
.tab-list-wrap .tab-all {position:relative;display: block;width:100%;height:56px;padding-left:1rem;padding-right:1rem;border: 1px solid #ddd;background-color:#fff;font-size:1.8rem;vertical-align:middle;color:#252525;letter-spacing:-0.025em;font-weight: 600;}
.tab-list-wrap .tab-anchor:before,
.tab-list-wrap .tab-button:before {display:none; position:absolute; top:-1px; left:-1px; z-index:10; width:100%; height:100%; border:1px solid #e83820;}
.tab-list-wrap .tab-anchor:after,
.tab-list-wrap .tab-button:after {display:inline-block; height:100%; vertical-align:middle; content:'';}
.tab-list-wrap .tab-anchor span,
.tab-list-wrap .tab-button span{display:inline-block; vertical-align:middle;}
.tab-list-wrap .tab-anchor:hover,
.tab-list-wrap .tab-button:hover {color:#e83820; text-decoration: none;}
.tab-list-wrap .tab-anchor:hover:before,
.tab-list-wrap .tab-button:hover:before {display:block;}

.tab-list-wrap .tab-item.active {border-color:#e83820;}
.tab-list-wrap .tab-item.active:before {content:"";display:block; position:absolute; top:49px; left:50%; z-index:20; margin-left:-7px; border-bottom:7px solid #fff; border-right:7px solid transparent; border-left:7px solid transparent;}
.tab-list-wrap .tab-item.active .tab-anchor,
.tab-list-wrap .tab-item.active .tab-button,
.tab-list-wrap .tab-item.active .tab-all{background-color:#e83820; color:#fff; border-color:#e83820}
.tab-list-wrap .tab-item.active .tab-anchor:before,
.tab-list-wrap .tab-item.active .tab-button:before {display:block;}
.tab-list-wrap .tab-item.active .tab-anchor:hover,
.tab-list-wrap .tab-item.active .tab-button:hover{color:#fff;}
.tab-list-wrap .tab-item.active .tab-depth6 {display:block;}
.tab .tab-list-wrap .tab-select{display:none;}
.tab .tab-list-wrap .tab-panel{display:block !important;}

.tab-conts {margin-top:2rem; font-size:1.6rem;}
.tab-conts .tab-panel {display:none; }
.tab-conts .tab-panel.active {display:block;}

.tab-menu{ position: relative; margin-bottom:3rem}
.tab-menu:before {content:"";display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}
.tab-menu .tab-panel{display:block !important;}
.tab-menu .tab-list{display: flex;}
.tab-menu .tab-item{display:inline-block;position:relative;min-width: 180px;margin-top:-1px;margin-left:-1px;text-align:center;vertical-align:top;flex-grow: 1;}
.tab-menu .tab-anchor,
.tab-menu .tab-button,
.tab-menu .tab-all {position:relative;display: block;width:100%;height:56px;padding-left:40px;padding-right:40px;border: 1px solid #ddd;background-color:#fff;font-size:1.8rem;vertical-align:middle;color:#252525;letter-spacing:-0.025em;font-weight: 600;}
.tab-menu .tab-anchor:before,
.tab-menu .tab-button:before {display:none; position:absolute; top:-1px; left:-1px; z-index:10; width:100%; height:100%; border:1px solid #e83820;}
.tab-menu .tab-anchor:after,
.tab-menu .tab-button:after {display:inline-block; height:100%; vertical-align:middle; content:'';}
.tab-menu .tab-anchor span,
.tab-menu .tab-button span{display:inline-block; vertical-align:middle;}
.tab-menu .tab-anchor:hover,
.tab-menu .tab-button:hover {color:#e83820; text-decoration: none;}
.tab-menu .tab-anchor:hover:before,
.tab-menu .tab-button:hover:before {display:block;}

.tab-menu .tab-item.active {border-color:#e83820;}
.tab-menu .tab-item.active:before {content:"";display:block; position:absolute; top:49px; left:50%; z-index:20; margin-left:-7px; border-bottom:7px solid #fff; border-right:7px solid transparent; border-left:7px solid transparent;}
.tab-menu .tab-item.active .tab-anchor,
.tab-menu .tab-item.active .tab-button,
.tab-menu .tab-item.active .tab-all{background-color:#e83820; color:#fff; border-color:#e83820}
.tab-menu .tab-item.active .tab-anchor:before,
.tab-menu .tab-item.active .tab-button:before {display:block;}
.tab-menu .tab-item.active .tab-anchor:hover,
.tab-menu .tab-item.active .tab-button:hover{color:#fff;}
.tab-menu .tab-item.active .tab-depth6 {display:block;}
.tab .tab-menu .tab-select{display:none;}
.tab .tab-menu .tab-panel{display:block !important;}


@media all and (max-width:768px) {
    .tab-list-wrap .tab-anchor,
    .tab-list-wrap .tab-button,
    .tab-list-wrap .tab-all  { font-size:1.6rem}
}




.box1 {background-color:#EEEEEE;border-radius:4px;padding:1.3rem 1.5rem;color:#727272;font-weight:500;letter-spacing:-0.32px;margin:1.5rem 0}
.box1 .point1{margin-right:4px}
.box2 {background-color:#F4F6FD;padding:3.5rem 1rem}
.box3 {background:#F6F7F9;border-radius:4px;padding:4rem;margin:1rem 0}
.box3.t2{padding:2rem}
.box3.t2 .title{display:block;margin:0 0 .5rem;font-weight:600}
.box3.t2 .error_txt{color:#6a6a6a;font-size:1.5rem}
.modal_content .box3{color:#5c5c5c;line-height:2.6rem;font-weight:500}
.box4{border-radius:4px;background:rgba(238, 238, 238, .5);padding:4rem 3.5rem}
.box4 .tit_st4{font-size:1.8rem}
.box5{border:1px solid #ddd;border-radius:.4rem;padding:4.5rem;background:#fff}
.box6{border:1px solid #DDD;padding:2rem;border-radius:5px}
.box6 .error_txt b{color:#191919;font-weight:bold}
.box7{margin-bottom:5rem;padding:5rem 3rem;background:#F4F6FD;border-radius:1rem}
.box7 .group{margin:0 6.3rem}
.box8{padding:3.3rem 3rem;background:#f7f7f7;border-radius:1rem;margin:1rem 0}
.box9{padding:3rem;border:1px solid #ddd;border-radius:.4rem;margin:1.5rem 0}
.box10{padding:4rem;border:1px solid #ddd;border-radius:.4rem}
.box11{background:#F0F2F5;border:1px solid #D8D8D8;border-radius:5px;padding:3rem;margin:1.5rem 0}
.box11 [class^=tit]{padding-left:0}
.box11 [class^=tit]:before{display:none}
.box11 [class^=tit] ~ p{margin-left:0}
.box11 .box{background:#fff;padding:2.5rem 1rem;margin-top:2.5rem;border-radius:5px}
.box11 .box ul{display:flex;display:-ms-flexbox;justify-content:center;text-align:center;justify-content:space-evenly}
.box11 .box ul li i{display:block;margin:0 auto 1.2rem}
.box11 .box ul li{font-size:1.7rem;font-weight:600}
.box11.t2{padding:5rem;border:1px solid #ddd;border-radius:1rem}
.box12{background:#F4F6FD;border-radius:10px;padding:2rem 3.5rem;margin:1.5rem 0}
.box12 .title{color:#292929;font-weight:bold;letter-spacing:-0.48px}
.box12 .tit2{padding-left:0}
.box12 .tit2:before{display:none}
.box13{border-radius:10px;border:1px solid #DDD}
.box13 > p{background:#F4F6F8;padding:5rem 2rem;text-align:center}
.box13 > div{padding:4rem 5.5rem}
.box13 > div > .depth1 + .depth1{margin-top:1.5rem}


.box-st1 .ti i,
[class^=box_st] .txt_box i{font-weight:600;color:#2F5BC1}
.box-st1 [class*="btn_st"] i{font-weight:400;font-size:1.8rem;color:#13305A}
.box-st1 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;padding:3.4rem 4rem;background-color:#fdf5f4;margin-bottom:4.8rem;border-radius:10px;align-items:flex-start}
.box-st1 .icon {-webkit-box-flex:0;-ms-flex:0 0 9rem;flex:0 0 10.6rem;text-align:center}
.box-st1 .txt_box {-webkit-box-flex:1;-ms-flex:1 1 calc(100% - 10.6rem);flex:1 1 calc(100% - 10.6rem);padding-left:4rem}
.box-st1 .ti {font-size:2.2rem;font-weight:600;color:#000;margin-bottom:1.5rem;line-height:1.3}
.box-st1 .ti > img{vertical-align:top;margin-left:.4rem}
.box-st1 .desc {line-height:1.5;color:#6A6A6A}
.box-st1 .desc > img{margin:0 8px 0 4px;vertical-align:middle;display:inline-block}
.box-st1 .desc + *{margin-top:1.2rem}
.box-st1 .btn_st1{background:#DFE5F5;border-color:#DFE5F5;position:relative;padding-right:6rem;display:inline-flex;align-items:center;line-height:1.3;transition:all .2s}
.box-st1 .btn_st1:after{display:none}
.box-st1 .btn_st1 > i{position:absolute;top:auto;right:2rem}
.box-st1 .btn_st1:focus, .box-st1 .btn_st1:hover{font-weight:500;text-decoration:underline}
.box-st1.board_top{margin:1.5rem 0}
.box-st1.board_top .ti{margin-bottom:1rem}
.box-st1.board_top .btn_st1{margin-top:1rem}
.box_st2{border:1px solid #DDD;border-radius:10px;padding:4rem 4.6rem;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.box_st2 .icon{height:8.5rem;border-radius:50%;background:#F4F6F8;text-align:center;line-height:8.5rem;display:inline-block;flex:0 0 8.5rem;text-align:center}
.box_st2 .txt_box{-webkit-box-flex:1;-ms-flex:1 1 calc(100% - 8.5rem);flex:1 1 calc(100% - 8.5rem);padding-left:4.4rem;
}
.box_st2 .wt20{overflow:hidden;margin-top:1rem}
.box_st2 .wt20 > li{width:20%;padding-right:1rem;float:left;color:#555;font-weight:400}
.box_st2 .wt20 > li:nth-child(n+6){margin-top:1.2rem}
.box_st2 .wt20 > li + li{margin-top:0}
.box_st2 .tt{color:#000;font-size:2.2rem;font-weight:600;letter-spacing:-0.22px}

.title-box {    background-color: #f6f4f4;
    padding: 4rem 5.6rem;
    margin-bottom: 4rem;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start; }
.title-box .title {     width: 300px; font-size: 2.6rem; margin: 0 3rem 0 0; font-weight:600; display: inline-block; vertical-align: middle; }
.title-box .icon { background-color: #fff; display: inline-block;
    vertical-align: middle; width: 10rem; height: 10rem; margin-right: 1.5rem; border-radius: 50%; padding-top: .4rem; }
.title-box .icon::before { content: ""; display: block; width: 10rem; height: 10rem; margin: 0 auto; background: url("../images/content/icn_titlebox01.png") no-repeat center center; background-size:50px;  }
.title-box .cont { color: #333; display: inline-block; vertical-align: middle;    width: calc(100% - 330px); }
.title-box .icon.icon02::before {background: url("../images/content/icn_titlebox02.png") no-repeat center center;background-size:50px; }
.title-box .icon.icon03::before {background: url("../images/content/icn_box_email.svg") no-repeat center center;background-size:50px; }

@media all and (max-width:640px) {
    .title-box {
        padding:2.5rem;
    }
    .title-box .title {
        width:100%;
    }
    .title-box .cont {

        width: 100%;
        margin-top:3rem;
    }

}





.error_box {background:#F6F7F9;border:1px solid #ddd;padding:2rem 2.3rem;margin-bottom:3rem;border-radius:5px}
.error_txt {color:#555;padding-left:2.2rem;position:relative;color:#535353;letter-spacing:-0.48px}
.error_txt::before {content:"\eca1";font-family:"remixicon";width:1.7rem;height:1.7rem;border-radius:50%;color:#D00707;line-height:1.7rem;text-align:center;position:absolute;left:0;top:0.3rem;font-size:1.8rem}
.error_txt.t2{padding-left:2.9rem;margin-top:2rem !important;font-size:1.7rem !important;font-weight:600 !important;color:#000 !important;line-height:1.4;text-align:left}
.error_txt.t2::before{font-weight:normal !important;font-size:2.2rem}
.error_box.t2{margin:1.5rem 0;padding:1.5rem 1.8rem;border-radius:2px}



.lnk_list{width:calc(100% + 2.4rem)}
.lnk_list::after{content:'';clear:both;display:table}
.lnk_list > li{border:2px solid #F0F0F0;border-radius:12px;padding:1rem 2rem 1rem 4rem;width:calc(50% - 2.4rem);float:left;margin-right:2.4rem;height:21rem;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;-webkit-transition:all .2s;transition:all .2s;position:relative}
.lnk_list > li:nth-child(n+3){margin-top:2.5rem}
.lnk_list > li .icon{background:#F6F7F9;width:8.5rem;height:8.5rem;border-radius:50%;display:inline-block;text-align:center;line-height:8.5rem;float:left;z-index:1}
.lnk_list > li .txt{float:left;width:calc(100% - 8.5rem);padding-left:4rem;z-index:1}
.lnk_list > li .txt strong{display:block;color:#000;font-size:2.2rem;font-weight:600;letter-spacing:-0.22px;margin-bottom:1rem}
.lnk_list > li .bul1 > li{margin-top:3px}
.lnk_list > li .txt span{color:#6A6A6A;display:block;letter-spacing:-0.4px;line-height:1.6}
.lnk_list > li .txt > a{margin-top:2rem}
.lnk_list > li:hover, .lnk_list > li:focus{box-shadow:0px 3px 13px rgba(0, 0, 0, 0.15);border-color:#fff}
.lnk_list > li:before{width:calc(100% + 4px);height:calc(100% + 4px);content:'';position:absolute;top:-2px;left:-2PX;border:1px solid #e83820;border-radius:10px;-webkit-transform:scaleY(0);-webkit-transition:all .1s;transition:all .1s;z-index:0}
.lnk_list > li:hover:before, .lnk_list > li:focus:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.lnk_list > li .btn_st2:hover, .lnk_list > li .btn_st2:focus{color:#fff}
.lnk_list > li .btn_st2:hover i, .lnk_list > li .btn_st2:focus i{color:#fff}
.lnk_list > li .btn_st2:hover:after, .lnk_list > li .btn_st2:focus:after{background-color:#13305A}
.lnk_list li .error_txt{text-align:left;margin-top:.4rem}
.lnk_list.t2 > li{min-height:17rem}
.lnk_list.wt33{display:flex;display:-ms-flexbox;justify-content:space-between;width:100%}
.lnk_list.t3.wt33 > li{height:26rem;border-radius:4px;border:1px solid #DDD;min-height:auto}
.lnk_list.t3.wt33 > li + li{margin-left:6.4rem}
.lnk_list.t4{display:flex}
.lnk_list.t4 > li{height:auto;padding:5.9rem 1.5rem;justify-content:flex-start}
.lnk_list.wt33 > li{-ms-flex-direction:column;flex-direction:column;padding:2.5rem 2rem;width:100%;margin-right:0;height:auto;justify-content:center;min-height:30rem}
.lnk_list.wt33 > li + li{margin-left:2.4rem}
.lnk_list.wt33 > li:nth-child(n+3){margin-top:0}
.lnk_list.wt33 > li .txt{padding-left:0;width:auto;float:none;text-align:center;margin-top:2.4rem}
.lnk_list.wt33.mh{min-height:40rem}
.lnk_list.pad60{margin-top:4.5rem}
.lnk_list.pad60 > li{padding-top:6rem;justify-content:flex-start}
.lnk_list.wt100 > li,.lnk_list.wt100 {width:100%}



.lnk_list2{width:calc(100% + 2.4rem)}
.lnk_list2::after{content:'';clear:both;display:table}
.lnk_list2 > li{border:2px solid #F0F0F0;border-radius:12px;padding: 4rem 2rem 4rem 4rem;width:calc(50% - 2.4rem);float:left;margin-right:2.4rem;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;-webkit-transition:all .2s;transition:all .2s;position:relative;flex-wrap: wrap;justify-content: center;}
.lnk_list2 > li:nth-child(n+3){margin-top:2.5rem}
.lnk_list2 > li .icon{
    background: #F6F7F9;
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
    text-align: center;
    line-height: 8.5rem;
    float: left;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lnk_list2 > li .txt{width:100%;padding-top: 2rem;z-index:1;text-align: center;}
.lnk_list2 > li .txt strong{display:block;color:#000;font-size:2.2rem;font-weight:600;letter-spacing:-0.22px;margin-bottom:1rem}
.lnk_list2 > li .bul1 > li{margin-top:3px}
.lnk_list2 > li .txt span{color:#6A6A6A;display:block;letter-spacing:-0.4px;line-height:1.6}
.lnk_list2 > li .txt > a{margin-top:2rem}
.lnk_list2 > li .txt > a i { margin-left:0.5rem;}
.lnk_list2 > li:hover, .lnk_list2 > li:focus{box-shadow:0px 3px 13px rgba(0, 0, 0, 0.15);border-color:#fff}
.lnk_list2 > li:before{width:calc(100% + 4px);height:calc(100% + 4px);content:'';position:absolute;top:-2px;left:-2PX;border:1px solid #e83820;border-radius:10px;-webkit-transform:scaleY(0);-webkit-transition:all .1s;transition:all .1s;z-index:0}
.lnk_list2 > li:hover:before, .lnk_list2 > li:focus:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.lnk_list2 > li .btn_st2:hover, .lnk_list2 > li .btn_st2:focus{color:#fff}
.lnk_list2 > li .btn_st2:hover i, .lnk_list2 > li .btn_st2:focus i{color:#fff}
.lnk_list2 > li .btn_st2:hover:after, .lnk_list2 > li .btn_st2:focus:after{background-color:#13305A}
.lnk_list2 li .error_txt{text-align:left;margin-top:.4rem}
.lnk_list2.t2 > li{min-height:17rem}
.lnk_list2.wt33{display:flex;display:-ms-flexbox;justify-content:space-between;width:100%}
.lnk_list2.t3.wt33 > li{height:26rem;border-radius:4px;border:1px solid #DDD;min-height:auto}
.lnk_list2.t3.wt33 > li + li{margin-left:6.4rem}
.lnk_list2.t4{display:flex}
.lnk_list2.t4 > li{height:auto;padding:5.9rem 1.5rem;justify-content:flex-start}
.lnk_list2.wt33 > li{-ms-flex-direction:column;flex-direction:column;padding:2.5rem 2rem;width:100%;margin-right:0;height:auto;justify-content:center;min-height:30rem}
.lnk_list2.wt33 > li + li{margin-left:2.4rem}
.lnk_list2.wt33 > li:nth-child(n+3){margin-top:0}
.lnk_list2.wt33 > li .txt{padding-left:0;width:auto;float:none;text-align:center;margin-top:2.4rem}
.lnk_list2.wt33.mh{min-height:40rem}
.lnk_list2.pad60{margin-top:4.5rem}
.lnk_list2.pad60 > li{padding-top:6rem;justify-content:flex-start}
.lnk_list2.wt100 > li,.lnk_list2.wt100 {width:100%}

@media all and (max-width:640px) {
    .lnk_list2 {
        width:100%;
    }
    .lnk_list2 > li {
        width:100%;
        margin-right:0;
        margin-bottom:2.4rem;
    }


}

.count-info {}
.count-info strong { color:#e83820;}
.no-data  { text-align:center;}
.no-data img { width:200px }
.no-data p { font-size:1.8rem}


.title-visual { position: relative; width: 100%; height: 400px; border-radius: 0 5rem 0 0; background-size:cover; background-repeat: no-repeat; padding: 5em; display: flex; align-items: flex-end;}
.title-visual .in {z-index:1; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 3.5rem);height: calc(100% - 3.5rem);border: 1px solid #c4af92;border-radius: 0 5rem 0 0;display: flex;justify-content: center;align-items: center;}
.title-visual dl { color: #fff; position: relative;font-size:1.8rem;  line-height:1.2;text-shadow: 2px 4px 5px rgba(0,0,0,.7); text-align:center;}
.title-visual dl > dt { display: block;font-size: 3rem;margin-bottom:2rem;}
.title-visual::after { background-color:rgba(0, 0, 0, 0.5); position: absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border-radius: 0 5rem 0 0;content:"";}


.title-visual2 {padding-bottom: 10rem; text-align: right}
.title-visual2 .thumb {padding-bottom: 36%; background-size:cover; background-repeat: no-repeat; }
.title-visual2 dl {display: inline-block; width:100%; max-width:1000px; margin-top: -13rem; padding: 7rem 2rem 0 7rem; box-sizing: border-box; text-align: left; background: #fff}
.title-visual2 dl > * {}
.title-visual2 dt {position: relative; margin-bottom: 2rem; padding-bottom: 2rem; font-weight: 800; font-size: 3rem; line-height:1.2;letter-spacing: -0.5px; border-bottom: 1px solid #ddd}
.title-visual2 dd {font-weight: normal; font-size: 1.8rem; line-height:1.6; color: #999; letter-spacing: -1px}

@media all and (max-width:768px) {
    .title-visual2 dl {width: 100%; margin: 0; padding: 2.5rem 1.5rem; padding-bottom: 0}
    .title-visual2 dt {margin-bottom: 1.5rem; padding-bottom: 1rem; font-size: 2.4rem; word-break:keep-all; }
    .title-visual2 dd  { font-size:1.6rem}
}



/* 로그인 */
.login_form2 {
    padding-top: 6.5rem;
    border-radius: 20px;
    border: 1px solid #e83820;
    padding: 0 3rem 2.7rem;
    margin: 2rem 0 0;
    overflow: hidden;
}
.login_form2 article{padding:3rem;text-align:center;position:relative}
.login_form2 article+article:before{content:'';border:1px dashed #d4d5d7;height:calc(100% - 1.5rem);position:absolute;left:0;top:1.5rem}
.login_form2 article .tt{display:block;font-family:"nsn", "Pretendard", sans-serif;font-weight:800;font-size:3.1rem;letter-spacing:-0.62px;text-align:center;margin:2.4rem 0}
.login_form2 article .tt > i{display:block;margin-bottom:2.7rem}
.login_form2 article i.icon {display:flex;  justify-content: center; margin:0 auto;
    align-items: center;background: #f7f3f2 url(../images/content/icn_member_phone.svg) no-repeat 40% 55% / 60px; width:140px; height:140px; border-radius: 100%; }
.login_form2 article > span{display:block;color:#464646;font-weight:500;letter-spacing:-0.16px;line-height:1.5}
.login_form2 article a { margin-top:3rem;}
.agree .item {overflow:hidden;overflow-y:auto;max-height:25rem;padding:3rem;margin-bottom:2rem;border:1px solid #ddd;border-radius:.4rem}
.agree .item::after{display:none}
.agree .form {margin-bottom:4rem; text-align:left;background:#F6F7F9;padding:2rem 4rem 1rem 4rem ; display: flex; justify-content: flex-end;}
.agree .item p strong{margin:2rem 0 .7rem}
.agree .item b{display:inline-block;margin-bottom:.5rem;font-weight:800;color:#000}
.agree .list{padding:.5rem 0;color:#555}
.agree .list li+li{margin-top:2rem;padding-top:2rem;border-top:1px dotted #CED2D9}
.agree .form > div:after{content:"";display:block;clear:both}
.agree .form > div + div{margin-top:1.5rem}
.agree .form > div > span, .agree .form > span{font-weight:500}
.agree .item h3 { margin:1rem 0 }
.agree .item h4 { margin:1rem 0;}
.agree .item p { margin:1rem 0;}

.form_group.file-wp{    text-align: left;
    background: #F6F7F9;
    padding: 2rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.form_group.file-wp .form_label{width: auto;    margin-bottom: 0;margin:8px 0;}

.bg1  {position: relative; padding:5rem 0;}
.bg1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    background-color:#fffcfc;
    z-index: -1;
}
.bg2  {position: relative; padding:5rem 0;}
.bg2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    background-color:#fdf3f3;
    z-index: -1;
}
.row-line {
    padding:30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.row-line h3 {
    width:240px;
    color: #000;
    font-weight: 600;
    font-size: 3rem;
    letter-spacing: -0.5px
}
.row-line > div {
    width:calc(100% - 240px)
}
@media screen and (max-width: 1026px) {
    .row-line h3 {
        font-size:2.4rem;
    }

}
@media screen and (max-width: 480px) {


    .row-line h3{
        width:100%;
        margin-bottom:1.5rem;

    }
    .row-line > div {
        width:100%;

    }
    .form_group.file-wp .btn_wp .btn{width: 100%;}
    .form_group.file-wp .btn_wp .btn + .btn{margin-top:8px;}
    .dropify-wrapper{line-height: 1.125 1.125 !important;}

}






.row-box {
    display: flex;
    flex-wrap: wrap;
    padding: 36px 0;
    position: relative;
    gap:3rem;
}

.row-box::after {
    content: "";
    background-image: url(../images/sup_regimg.png);
    position: absolute;
    bottom: 4%;
    right: -15.5%;
    width: 266px;
    height: 455px;
}

.row-box >  li {
    width: calc((100% - 90px) / 4);
    background-color: #fff;
    border-radius: 40px;
    padding: 52px 20px 32px;
    text-align: center;
    box-shadow: 2px 12px 30px #e5e5e5;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
}

.row-box  > li .sup_btn {
    padding-top: 8px;
    width:100%;
}
.row-box  > li .sup_btn a {
    margin-top:1rem;
    width:100%;
}
.row-box >  li h3 {
    color: #000;
    width: 100%;
    font-weight:600;
    margin-bottom:2rem;
}
.row-box >  li h3::before {
    content: "";
    display: block;
    background-color: #e83820;
    width: 1rem;
    height: 0.25rem;
    -webkit-transform: skewY(-45deg);
    transform: skewY(-45deg);
    margin: 0 auto 1.2rem;
}
.row-box  > li:nth-child(1) .img {
    margin: 31px 0 21px;
}

.row-box >  li .img {
    margin: 32px 0 36px;
    width: 100%;
    text-align: center;
    display:none;
}

.row-box >  li .img img {
    width: calc(118px/2);
}

.row-box  > li p {
    color: #000;
    font-weight: 600;
}

.row-box  > li p span {
    display: block;
    margin-top: 13px;
    color: #888888;
}
.row-box .list1 {
    width:100%;
    text-align:left;
}
.documentInfor__stepAr {
    position: relative;
    width: 100%;
    padding: 5.625rem 10px 3.75rem;
    background-color: #f5f5f5;
    border-radius: 10px;
    margin-top: 6.875rem;
}

.documentInfor__stepAr--title {
    position: absolute;
    left: 50%;
    top: 0;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 390px;
    padding: 1.125rem 5px;
    background-color: #ab5c57;
    border-radius: 100px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}
.documentInfor__stepAr--cen {
    width: 100%;
    margin: 0 auto;
}
.row-box.box-6 > li{width: calc((100% - 150px) / 6);padding: 52px 16px 32px;}
.row-box.box-6 > li .sup_btn a{font-size:1.7rem;}

@media screen and (max-width: 1200px) {


    .row-box > li,
    .row-box.box-6 > li{
        width: calc((100% - 30px) / 2);
    }


}
@media screen and (max-width: 480px) {


    .row-box > li,
    .row-box.box-6 > li{
        width: 100%;
    }


}



/* 절차 */
.step_list{position:relative;display:flex;display:-ms-flexbox;margin:1.5rem 0}
.step_list:before{content:"";position:absolute;left:0;top:50%;width:100%;border-top:1px solid #ddd;z-index:-1}
.step_list > li{position:relative;flex:1;padding-right:5rem}
.step_list > li:first-child{margin-left:0}
.step_list > li .item:before{content:"";position:absolute;right:1.8rem;top:50%;border-width:.5rem 0 .5rem 1.1rem;border-style:solid;border-color:transparent  transparent  transparent #33363B;transform:translateY(-60%);z-index:1}
.step_list > li .item{height:100%;padding:3.2rem 2rem;display:-ms-flexbox;display:flex;flex-direction:column;-ms-flex-direction:column;border:1px solid #ddd;border-radius:.4rem;-ms-flex-align:center;background:#fff;align-items:center;min-height:26rem;justify-content: space-around;}
.step_list > li .item > i{display:inline-block;padding:.5rem 1.2rem .3rem;border-radius:1.5rem;color:#fff;font-size:1.6rem; font-weight: 600;background:#e83820;-webkit-print-color-adjust:exact}
.step_list > li:nth-child(2) .item > i{background:#D95C4C}
.step_list > li:nth-child(3) .item > i{background:#8C3C31}
.step_list > li:nth-child(4) .item > i{background:#632A23}
.step_list > li:last-child .item > i{background:#3B1915}
.step_list > li .list1 { margin:2rem 0;text-align:left;}
.step_list > li .list-bottom { margin-top:1rem; width:100%; background-color:#f9f9f9; text-align:center; padding:1rem;font-weight:600;}
.step_list > li .item img{margin-top:2rem}
.step_list > li .item .icon{margin:2rem auto 0;width:8.5rem;height:8.5rem;line-height:8.5rem;background:#F6F7F9;border-radius:100%;text-align:center; display: flex; justify-content: center; align-items: center;}
.step_list > li .item .icon img{margin:0;max-height:3.8rem}
.step_list > li .item strong{display:block;margin-top:2.4rem;font-size:1.7rem;line-height:2rem;color:#333;font-weight:600;text-align:center}
/*.step_list > li .item p{margin-top:.7rem;font-size:1.6rem;font-weight:500;color:#6a6a6a;text-align:center;line-height:2rem}*/
.step_list.col3 > li{padding-right:6rem}
.step_list.col3 > li .item:before{right:5.5%}
.step_list.col5 > li{padding-right:3rem}
.step_list.col5 > li:last-child{padding-right:0}
.step_list.col5 > li .item:before{right:3.5%}
.step_list.col3 > li:last-child,
.step_list.col5 > li:last-child,
.step_list > li:last-child{padding-right:0}
.step_list > li:last-child .item:before{display:none}
.step_list.col2{flex-wrap:wrap-reverse;flex-flow:row wrap;width:calc(100% + 2.8rem)}
.step_list.col2 > li{width:calc(50% - 2.8rem);flex:auto;padding-right:0;margin-right:2.8rem;margin-bottom:2.8rem}
.step_list.col2 > li .item:before,
.step_list.col2 > li .item:after{display:none}
.step_list.col2 > li .item .icon{width:auto;height:auto;background:none;line-height:inherit}
.step_list.col2 > li .item .icon img{max-height:inherit}

/*6.8개의 스텝일 경우*/
.step_list.col5.left{flex-direction:row-reverse}
.step_list.col5.left > li .item:before{transform:translateY(-50%) rotate(180deg);right:-2rem}
.step_list.col5.left > li{padding-right:0;padding-left:3rem}
.step_list.col5.left > li:last-child{padding-left:0}
.step_list.col5 + .step_list.col5{margin-top:4rem}
.step_list.col5.left > li:first-child .item:after{height:100%;right:2rem;width:1px;background:#ddd;content:'';position:absolute;margin-left:1.5rem;left:50%;bottom:100%;z-index:-1}
.step_list.col5.left > li:first-child .item:before{margin-left:1rem;margin-top:-2.5rem;top:0;right:inherit;left:50%;transform:rotate(90deg)}
.step_list.col5.left > li:last-child .item:before{display:block}
.step_list.col6{display:grid;display:-ms-grid;display:-moz-grid;grid-template-columns:repeat(3, 1fr);width:calc(100% + 6.4rem)}
.step_list.col6 > li{padding-right:6.4rem}
.step_list.col6 > li:nth-child(4){order:2}
.step_list.col6 > li:nth-child(5){order:1}
.step_list.col6 > li:nth-child(n + 4) .item:before{transform:translateY(-50%) rotate(180deg);right:inherit;left:-4rem}
.step_list.col6 > li:nth-child(6){padding-right:6.4rem}
.step_list.col6 > li:nth-child(3){padding-right:0;width:calc(100% - 6.4rem)}
.step_list.col6 > li:nth-child(3) .item:before{right:inherit;left:50%;transform:translateX(-50%) rotate(90deg);bottom:-2rem;top:inherit}
.step_list.col6:before{content:"";position:absolute;width:70%;height:calc(50% + 1.6rem);top:19.5rem;left:inherit;right:calc(16.8% + 3rem);border:1px solid #ddd;border-left:0}
.step_list.col6 > li .item:before{right:2.5rem}
.step_list.col8{display:grid;display:-ms-grid;display:-moz-grid;grid-template-columns:repeat(4, 1fr);width:calc(100% + 5rem);justify-content:space-between}
.step_list.col8:before{content:"";position:absolute;width:75%;height:calc(50% + 1.6rem);top:14rem;left:inherit;right:calc(12.5% + 2.5rem);border:1px solid #ddd;border-left:0}
.step_list.col8 > li{height:28.2rem}
.step_list.col8 > li .item{padding:3.2rem 1rem}
.step_list.col8 > li:nth-child(n + 5),
.step_list.col6 > li:nth-child(n + 4){margin-top:3rem}
.step_list.col8 > li .item:before{transform:translateY(-50%)}
.step_list.col8 > li:nth-child(n + 5) .item:before{transform:translateY(-50%) rotate(180deg);right:inherit;left:-3rem}
.step_list.col8 > li:nth-child(4){padding-right:0;width:calc(100% - 5rem)}
.step_list.col8 > li:nth-child(5){order:4;padding-right:0;width:calc(100% - 5rem)}
.step_list.col8 > li:nth-child(4) .item:before{right:inherit;left:50%;transform:translateX(-50%) rotate(90deg);bottom:-1.9rem;top:inherit}
.step_list.col8 > li:nth-child(6){order:3}
.step_list.col8 > li:nth-child(7){order:2}
.step_list.col8 > li:nth-child(8){padding-right:5rem}



@media screen and (max-width: 768px) {
    .step_list.col6 {
        grid-template-columns: repeat(2, 1fr);
    }
    .step_list.col6 > li {
    }
    .step_list.col6:before {
        display:none;
    }
    .step_list > li {
        margin-top:3rem !important;
    }
    .step_list > li .item:before {
        display:none;
    }
}
@media screen and (max-width: 480px) {
    .step_list.col6 {
        grid-template-columns: repeat(1, 1fr);
    }

}






/* 유족증 신청 */

.info-step1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
}

.info-step1 > li {
    position: relative;
}

.info-step1 > li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 68%;
    background-color: rgba(255, 0, 0, 0.5);
    display: none;
}

.info-step1 > li .img_area:after {
    content: "";
    position: absolute;
    right: -3.8rem;
    top: 50%;
    border-width: 0.5rem 0 0.5rem 1.1rem;
    border-style: solid;
    border-color: transparent transparent transparent #33363B;
    transform: translateY(-50%);
    z-index: 1;
}
.info-step1 > li:last-child .img_area:after {
    display: none;
}

.info-step1 .img_area {
    width: 100%;
    text-align:center;
    position: relative;
}

.info-step1 .desc_area {
    margin-top: 30px;
    text-align: center;
}

.info-step1 .item_label {
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    height: 35px;
    padding: 5px 25px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    background-color: #222;
    border-radius: 50px;
}

.info-step1 .item_label > span {
    margin-left: 5px;
    color: #e83820 !important;
}

.info-step1 .item_title {
    margin-top: 25px;
    font-weight: 500;
    line-height: 1.6;
}
.info-step1 .item_txt {
    margin-top:1rem;
    text-align:left;
    font-size:1.7rem;
}


@media screen and (max-width: 768px) {
    .info-step1 {
        grid-template-columns: repeat(1, 1fr);
    }
}




/*스텝*/
.step_wrap{display:-ms-flexbox;display:flex;margin:2rem 0;flex-wrap: wrap;justify-content: center;}
.step_wrap > li i {
    background-color: #F6F7F9;
    width: 8.5rem;
    height: 8.5rem;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    -webkit-print-color-adjust: exact;
    text-align: center;
    vertical-align: middle;
    line-height: 8rem;
}
.step_wrap > li i.type2{background-color:#e83820}
.step_wrap > li i.type3{background-color:#8C3C31}
.step_wrap > li i.type4{background-color:#D95C4C}
.step_wrap > li i.type5{background-color:#3B1915}
.step_wrap > li i img { width:50px; vertical-align: middle}
.step_wrap > li > *{display:inline-block;vertical-align:middle}
.step_wrap > li .tt{padding-left: 1.2rem;color:#000;font-weight:600;font-size:1.7rem;line-height:1.3}
.step_wrap > li .tt > span{display:block;color:#e83820;font-size:1.5rem;font-weight:500;letter-spacing:-0.15px;margin-bottom:5px}
.step_wrap > li{position:relative;display: flex;align-items: center;flex-wrap: wrap;margin: 1rem 0;}
.step_wrap > li:after{width:2.8rem;display:inline-block;content:'';border-top:3px dotted #d9d9d9;border-width:thick;border-top-width:thick;margin:0 2.2rem}
.step_wrap > li:last-child:after{display:none}
.step_wrap > li .tt b{display:block;font-size:1.6rem;font-weight:500;color:#696969;   letter-spacing:-0.2px}
.step_wrap.t2{display:flex;position:relative;margin-top:1rem;padding-top:5rem;justify-content:space-between}
.step_wrap.t2:before{content:"";position:absolute;bottom:4.2rem;left:5rem;right:5rem;border-top:2px dashed #DBDBDB}
.step_wrap.t2 > li{flex:auto;width:25%}
.step_wrap.t2 > li:last-child{flex:auto;width:auto;padding-right:0}
.step_wrap.t2 > li:before{content:"";position:absolute;left:6.5rem;top:-3rem;width:98%;height:3.2rem;background:#fff;border-width:1px 1px 0;border-style:solid;border-color:#D7E0F5}
.step_wrap.t2 > li:first-child:before{left:4.2rem;width:calc(102% + 1rem)}
.step_wrap.t2 > li:last-child:before{display:none}
.step_wrap.t2 > li:after{display:none}
.step_wrap.t2 > li .step_txt{position:absolute;top:-4.5rem;left:75%;transform:translateX(-50%);padding:.5rem 2rem;background:#E5ECFF;color:#2A4BA6;font-weight:600;border-radius:1.5rem;font-size:1.6rem;z-index:2;white-space:nowrap}
.step_wrap.t2 > li .item{display:inline-flex;position:relative;padding:0 2rem;align-items:center;background:#fff;z-index:1}
.step_wrap.t2 > li:first-child .item{padding-left:0}
.step_wrap.t2 > li:last-child .item{padding-right:0}
.step_wrap.t2.t3 > li:before{display:none}
.step_wrap.t2.t3 > li:nth-child(2):before{display:block}
.step_wrap.t2.t3 > li:before{width:200%}
.step_wrap.t2.t3 > li .step_txt{left:125%}


@media screen and (max-width: 768px) {
    .step_wrap > li {
        width:100%;
    }
    .step_wrap > li .tt {
        width: calc(100% - 8.5rem);
    }
    .step_wrap > li:after {
        /* transform: rotate(90deg); */
        margin: 2rem auto;
    }
}




/* 작성 */
.form_write {
    margin-top:6rem;
    margin-bottom:3rem;
}
.form_write > .form_group.inCols {
    margin: 0 -20px;
}

.form_write > .form_group + .form_group {
    margin-top: 35px;
}

.form_write > .form_group > [class^="col-"] {
    padding-right: 20px;
    padding-left: 20px;
}

.form_write > .form_group .form_label {
    margin-bottom: 10px;
}

.form_write > .form_group .col-12 {
    margin-top: 10px;
}

.form_write > .form_group .col-12:first-child {
    margin-top: 0;
}

.form_write .form_mail {
    position: relative;
}

.form_write .form_mail .input_mail {
    padding-right: 40px;
}

.form_write .form_mail .text_mail {
    position: absolute;
    right: 10px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 55px;
}

.form_write .form_check input + .form_label, .form_write .form_check1 input + .form_label {
    margin: 0;
}



/* 신청하기 */
.res-write { border-top:1px solid #000;  }
.res-write > ul > li {border-bottom:1px solid #ddd; }
.res-write dl { display:flex; flex-wrap: wrap;align-items: stretch;width:100%;}
.res-write dl:after { clear:both; content:""; display:block; }
.res-write dl dt { font-weight:600;  padding:1rem ; width: 140px; line-height: 47px;background-color:#f9f9f9 }
.res-write dl dt .required-mark:after{ content: '*'; display: inline-block; color: #f35b2a; font-weight: bold; margin-left:3px; vertical-align:middle; }
.res-write dl dd  {width: calc(100% - 140px); padding:1rem ; }
.res-write .form-text { display: flex; height: 100%; align-items: center; }
.res-write input[type=text] { width: 100%; height: 47px; line-height: 47px;padding: 0 5px; color: #222;   border:1px solid #ddd;}
.res-write .inwon-wrap input[type=text], .res-write .pnumber-wrap input[type=text] { width:100px }
.res-write .inwon-wrap > span { margin:0 0.5rem; }
.res-write .btn-area { margin-top:4rem; text-align:center;}
.res-write .checkbox-wrap {  padding-top: 1rem;}
@media screen and (max-width: 768px) {
    .res-write dl dt { width:100%; }
    .res-write dl dd { width:100%; }
}

/* 완료 */
.result-wrap { border:1px solid #ddd; padding:4rem 2rem; text-align:center; }
.result-wrap .icon i{ display:inline-block; width:100px; height:100px; background:url(../images/content/icn_result_check.png) no-repeat center center / contain }
.result-wrap .result-title { margin:2rem 0;  }
.result-wrap .result-title h2  {font-size:3rem;  word-break: keep-all;line-height:1.2;}
.result-wrap .result-title p { font-weight:600; font-size:1.8rem; margin-top:0.5rem;}
.result-wrap .result-info { margin:3rem 0; padding:3rem 2rem; background-color:#f9f9f9}
.result-wrap .result-info > div {display:inline-flex;flex-wrap: wrap;}
.result-wrap .result-info dl {width:100%;margin:1rem 0;display:flex;text-align:left;justify-content: center;}
.result-wrap .result-info dl dt { font-weight:600; width:100px; }
.result-wrap .result-info dl dd {/* width:calc(100% - 100px); */}



/* 예약조회 */
.reservation-list { }
.reservation-list .box { display: flex;justify-content: space-between;align-items: center; width: 100%;margin-bottom: 10px; padding: 2rem;   border: 1px solid #ddd;border-radius: 10px;     flex-wrap: wrap;}
.reservation-list .box ul { display:flex; width:100%; }
.reservation-list .box ul li { position:relative; margin-right:3rem; }
.reservation-list .box ul li:after{display:block;content:'';position:absolute;top: 50%;bottom:0;right:-15px;width:1px;height:14px;background-color:#ddd;transform: translate(0, -50%);}
.reservation-list .box ul li span { margin-right:10px; }
.reservation-list .box ul li:last-child:after { display:none; }
.reservation-list .box h3 { width:100%; margin:2rem 0 3rem 0; font-size:2.4rem; font-weight:600;}
.reservation-list .box .state  span { padding:0.5rem 1rem; border:1px solid #000; }
.reservation-list .box .state a { position:relative; margin-left:1rem; padding:0.5rem 1rem 0.5rem 3rem; border:1px solid #000; background-color:#000; color:#fff; }
.reservation-list .box .state a::before { content:""; position:absolute; top:50%; margin-top:-9px; left:1rem; display:inline-block; width:16px; height:16px; background:url(../images/content/icn_res_print.svg) no-repeat; background-size:contain;}
.reservation-list .box .cancle { margin-left:auto; }

/*  이달의 일정 */
.schedule-wrap .calendar .cal-header{margin:2rem 0;display:flex;align-items:center;justify-content: space-between}
.schedule-wrap .calendar .cal-header .cal-date{font-size:2.8rem;font-weight:700;line-height: 1.3;}
.schedule-wrap .calendar .cal-header .cal-btn{top:2px}
.schedule-wrap .calendar .cal-header .prev{width:4rem;height:4rem;border-radius:50%;border:1px solid #ddd;background-image:url("../images/content/icn_cal_left.svg");background-size:70%;background-repeat:no-repeat;background-position:center}
.schedule-wrap .calendar .cal-header .next{width:4rem;height:4rem;border-radius:50%;border:1px solid #ddd;background-image:url("../images/content/icn_cal_right.svg");background-size:70%;background-repeat:no-repeat;background-position:center}
.schedule-wrap .calendar .tbl-cal{border-top:1px solid #000;}
.schedule-wrap .calendar .tbl-cal th{font-weight:700;padding:1.5rem 0;font-size:1.8rem;}
.schedule-wrap .calendar .tbl-cal td{border:1px solid #ddd;min-height:94px;vertical-align: top; height: 0;}
.schedule-wrap .calendar .tbl-cal tr td:first-child { border-left:0; }
.schedule-wrap .calendar .tbl-cal tr td:last-child { border-right:0; }
.schedule-wrap .calendar .tbl-cal td > div{height:100%;min-height:110px;padding:1rem;background:#fff;}
.schedule-wrap .calendar .tbl-cal td div.off{background:#f9f9f9}
.schedule-wrap .calendar .tbl-cal td div > span { font-weight: 500;color: #0c675e}


.schedule-wrap span.cate { margin-right:1rem;vertical-align:middle;}
.schedule-wrap span.cate b { font-weight:400;}
.schedule-wrap span.cate:before{content:"";display:inline-block;width:8px;height:8px;background:#ddd;margin-right:5px;}
.schedule-wrap span.cate.cate01:before{background:#e83820;;}
.schedule-wrap span.cate.cate02:before{background:#8cc63e;;border-radius:100%;}
.schedule-wrap span.cate.cate03:before{width: 0; background:#fff;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;     border-bottom: 10px solid #716559;}
.schedule-wrap .info { margin-top:1.5rem;}



.schedule-wrap .calendar .tbl-cal div.sat{padding-right: 0;}
.schedule-wrap .calendar .tbl-cal div.sun{padding-left: 0;}
.schedule-wrap .calendar .tbl-cal div.today{background:none}
.schedule-wrap .calendar .tbl-cal div.today div{background:#fff;border: 1px solid #e83820;}
.schedule-wrap .calendar .tbl-cal div.today div button{color: #e83820;}
.schedule-wrap .calendar .tbl-cal div.holiday span{line-height:1;color:#d43212;}
.schedule-wrap .calendar .tbl-cal div.holiday span.holiday{display:block;text-align:center;width:100%;padding-top:0.4rem; }
.schedule-wrap  ul.schedule-list li{ position:relative;}
.schedule-wrap  ul.schedule-list li .schedule-list-view{ opacity:0; visibility: hidden; z-index:999; position:absolute; bottom:100%; left:0%; width:260px; background:#fff; padding:1rem; border:2px solid #e83820; border-radius:10px; transform:translateY(-10px); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.schedule-wrap  ul.schedule-list li .schedule-list-view strong{ display:block;  font-weight:700; line-height:160%; }
.schedule-wrap  ul.schedule-list li .schedule-list-view ul{ margin:0px; margin-top:10px; }
.schedule-wrap  ul.schedule-list li .schedule-list-view ul li{ position:relative; padding-left:35px; font-size:14px; color:#777; margin:0px; margin-top:5px; }
.schedule-wrap  ul.schedule-list li .schedule-list-view ul li b{ position:absolute; top:0; left:0; font-weight:500; }
.schedule-wrap  ul.schedule-list li .schedule-list-view ul li p{ margin:0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.schedule-wrap  ul.schedule-list li .schedule-list-view .info_box{margin-top:0.5rem; }
.schedule-wrap  ul.schedule-list li .schedule-list-view .info_box p{margin-bottom:0.5rem;font-size:1.4rem;}
.schedule-wrap  ul.schedule-list li .schedule-list-view .info_box p:last-of-type{max-height:100px;margin-bottom:0;overflow-y:auto;}
.schedule-wrap  ul.schedule-list li .schedule-list-view .info_box .img-box{position:relative;width:150px;height:180px;overflow:hidden;border:1px solid #ddd;margin:10px auto;}
.schedule-wrap  ul.schedule-list li .schedule-list-view .info_box .img-box img{position:absolute;top:50%;left:50%;width:100.5%;height:auto;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.schedule-wrap  ul.schedule-list li:hover .schedule-list-view{ opacity:1; visibility: visible; }

.schedule-list-m { display:none; margin-top:2rem;border-top:1px solid #000;}
.schedule-list-m ul li { padding:1rem ;  border-bottom:1px solid #ddd; }

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

    .schedule-wrap  ul.schedule-list li .schedule-list-view { display:none;}
    .schedule-wrap .calendar .tbl-cal div.select {background: #f0fcfb;border: 1px solid #e83820; color: #fff; box-shadow: 0 7px 14px rgba(0, 167, 157, 0.2), 0 3px 6px rgba(0, 167, 157, 0.2);}
    .schedule-list { text-align:center;}
    .schedule-wrap ul.schedule-list li { display:inline-block;}

    .schedule-wrap span.cate { margin-right:0;}
    .schedule-wrap span.cate:before { margin-right:0; }
    .schedule-wrap span.cate b  { position: absolute;  overflow: hidden;  width: 1px;  height: 1px;  margin: -1px;   padding: 0;   border: 0;   clip: rect(0, 0, 0, 0); }
    .schedule-list-m.active { display:block; }
}

@media screen and (max-width: 360px) {
    .schedule-wrap .calendar .tbl-cal td > div  { min-height:70px}
    .schedule-wrap .calendar .tbl-cal div.holiday span.holiday b { position: absolute;  overflow: hidden;  width: 1px;  height: 1px;  margin: -1px;   padding: 0;   border: 0;   clip: rect(0, 0, 0, 0);  }
}



/* 사이트맵 */
.sitemap-cont-wrap {  width:100%;}
.sitemap-cont-wrap .ul1 {display: flex; flex-direction: column;}
.sitemap-cont-wrap .ul1 > li {display: flex; align-items: start; -ms-flex-align: start;}
.sitemap-cont-wrap .ul1 > li > a {font-size: 2.4rem; width: 150px; flex-shrink: 0; border-top: 3px solid #e83820; line-height: 1.2em; padding-top: 1.8rem}
.sitemap-cont-wrap .dept2 { width:calc(100% - 150px)}
.sitemap-cont-wrap .dept2 .ul2{display: flex; flex-wrap: wrap; border-top: 1px solid #ddd; padding-top: 2.5rem; padding-left: 4rem;}
.sitemap-cont-wrap .dept2 .ul2 > li {width: calc((100% / 3) - 14px); margin-right: 2rem; margin-bottom: 7rem;}
.sitemap-cont-wrap .dept2 .ul2 > li:nth-child(3n) {margin-right: 0;}
.sitemap-cont-wrap .dept2 .ul2 > li > a {font-size: 2rem; display: block; border: 1px solid #ddd; text-align: center; border-radius: 0.5rem; line-height: 1.2em; min-height: 70px; display: flex; align-items: center; text-align: center; width: 100%; justify-content: center; box-sizing: border-box; padding: 10px; margin-bottom: 10px;}
.sitemap-cont-wrap .dept2 .ul2 .ul3 li > a { color: #767676; line-height: 1.2em; position: relative; padding-left: 1rem;}
.sitemap-cont-wrap .dept2 .ul2 .ul3 li > a::before {content:""; width: 3px; height: 3px; background: #767676; border-radius:100%; position: absolute; top: 10px; left: 0;}


@media screen and (max-width: 768px) {
    .sitemap-cont-wrap .ul1 > li {flex-wrap: wrap;}
    .sitemap-cont-wrap .ul1 > li > a { width:100%; padding-bottom:2rem;}
    .sitemap-cont-wrap .dept2  { width:100%;}
    .sitemap-cont-wrap .dept2 .ul2{  padding-left:0; }
    .sitemap-cont-wrap .dept2 .ul2 > li {width: calc(50% - 10px);}
    .sitemap-cont-wrap .dept2 .ul2 > li:nth-child(3n) {margin-right: 20px;}
    .sitemap-cont-wrap .dept2 .ul2 > li:nth-child(2n) {margin-right: 0;}
}






/********** 게시판 ****************/


.tab-btn-type {
    display: flex;
    justify-content: flex-end;
    margin-bottom:1rem;
}

.tab-btn-type .tab-btn {
    display: block;
    margin-left:1rem;
    padding:1.5rem 1rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: background-color 0.2s, border-color 0.2s;
}

.tab-btn-type .tab-btn:hover, .tab-btn-type .tab-btn.on {
    background-color: #fbe9dd;
    border-color: #f4866c;
}

.tab-btn-type .tab-btn  span {
    margin-left:0.3rem
}






/* 검색
.bbs-search-wrap {display: flex; justify-content: space-between;align-items: center;margin-bottom:2rem;}
.bbs-search-wrap .count-info {align-items: flex-end;}
.bbs-search-wrap .count-info strong { color:#e83820;}
.bbs-search { font-size:0; }
.bbs-search .category { display: inline-block;position: relative;width: 123px;  vertical-align: top; }
.bbs-search .search { width:calc(100% - 123px); display: inline-block; position: relative;  vertical-align: top;}


.bbs-search input  { width:calc(100% - 128px); height: 45px;margin: 0 10px;vertical-align: top;background: #fff;border:1px solid #ddd;text-overflow: ellipsis;}
.bbs-search input:focus {border-color: #e83820;}
.bbs-search .btn_search{display: inline-block;  vertical-align: top;width: 108px;height: 45px;padding: 0;font-weight: 400;color: #fff;border: 1px solid #e83820;background: #e83820;outline: none;cursor: pointer;-webkit-transition: background 300ms, border-color 300ms;transition: background 300ms, border-color 300ms;}
.btn_search span { position:relative; display:inline-block; vertical-align:middle; padding-left:25px; }
.btn_search span::before { content:"";
	 display:inline-block; width:20px; height:20px;
	position:absolute; top:2px; left:0;
	background:url(../images/content/icn_bbs_search.svg) no-repeat; }
.bbs-search .btn_search:hover {background: #0c1c40;border-color: #0c1c40;}
@media (max-width: 768px) {
	.bbs-search { margin:1rem 0 2rem 0;}
	.bbs-search-wrap  { display:block; }

}
@media (max-width: 480px) {
	.bbs-search .category { width:100%; }
	.bbs-search .search { width:100%;}
	.bbs-search input { width:100%; margin:0.5rem 0;}
	.bbs-search .btn_search { width:100%;}

} */

/* 게시판 카테고리 */
.bbs-category {display:flex; margin-bottom:2rem;flex-wrap: wrap;}
.bbs-category  > li {position:relative;height:50px; border:1px solid #ddd; border-right:0;}
.bbs-category  > li:last-child {border-right:1px solid #ddd;}
.bbs-category  > li > button {display:inline-block; width:100%; height:100%; min-width:100px; padding:0 0.5rem; text-align: center; cursor: pointer;background-color:#f9f9f9}
.bbs-category  > li.active:after {position:absolute; display:block; content:''; bottom:0; left:0; width:100%; height:4px; background-color:#e83820}
.bbs-category  > li.active > button {color:#e83820; background-color:#fff;}
@media (max-width: 768px) {
    .bbs-category  > li { width:50%; }
    .bbs-category  > li:nth-child(2n) {border-right:1px solid #ddd;}

}

/* 리스트 type01 */
.bbs-basic {}
.bbs-basic .board-list{width: 100%;border-top: 4px solid #e83820}
.bbs-basic .board-list tr > *{position: relative;padding: 2.5rem 2rem;
    border-bottom: 1px solid #dddee0;
    line-height: 30px;text-align: center; letter-spacing: -1px}
.bbs-basic .board-list thead tr th{font-weight: 700;font-size: 20px; color: #333333;letter-spacing: -1px; background: #f8f8f8}
.bbs-basic .board-list tbody tr td.no,
.bbs-basic .board-list tbody tr td.date,
.bbs-basic .board-list tbody tr td.view{}
.bbs-basic .board-list tbody tr td.sbj{text-align: left;}
.bbs-basic .board-list tbody tr td.sbj a{}
.bbs-basic .board-list tbody tr td.sbj img{max-height:15px;width: auto;height: auto;}
.bbs-basic .board-list tbody tr td.sbj .cmnt{font-weight: bold;color: #cb0f16;font-size: 12px;margin-left: 10px;}
.bbs-basic .board-list tbody tr td em{display: none;}
.bbs-basic .board-list tr.notice {  background: #fff8fa;}

.bbs-basic .board-list td a.text-link,
.bbs-basic .board-list td.bbs-title a{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bbs-basic .board-list tr.strong td {
    color: #e83820;
}
.bbs-basic .board-list tr.notice .icon-notice {
    color: #e83820;
}
.bbs-basic .board-list .btn-download {
    font-size: 2.4rem;
}
.bbs-basic .board-list a.btn-download {
    display: inline-block;
}

@media (max-width: 768px) {
    .bbs-basic .board-list {
        border-top: 0.1rem solid #e83820;
        width: auto;
    }
    .bbs-basic .board-list colgroup,
    .bbs-basic .board-list thead {
        display: none;
    }
    .bbs-basic .board-list,
    .bbs-basic .board-list tbody,
    .bbs-basic .board-list tr {
        display: block;
    }
    .bbs-basic .board-list tr {
        position: relative;
        padding: 1.6rem 2rem;
        border-bottom: 0.1rem solid #b5b8c4;
    }
    .bbs-basic .board-list td {
        display: none;
        text-align: left;
        border: 0;
        height: auto;
        padding: 0;
    }
    .bbs-basic .board-list tr td[colspan] {
        display: block;
        text-align: center;
        padding: 1rem 0;
    }
    .bbs-basic .board-list tr.notice {
        background: #fff8fa;
    }
    .bbs-basic .board-list tr.notice td {
        background: none;
    }
    .bbs-basic .board-list td {
        display: block;
    }
    .bbs-basic .board-list td br {
        display: none;
    }
    .bbs-basic .board-list td a.text-link {
        display: inline-block;
    }
    .bbs-basic .board-list th,
    .bbs-basic .board-list td {

    }
    .bbs-basic .board-list th.text-left,
    .bbs-basic .board-list td.text-left {
        padding-left: 0;
        padding-right: 0;
    }
    .bbs-basic .board-list a.btn-download {
        color: #778697;
    }
    .bbs-basic .board-list a.btn-download i {
        margin-right: 0.3rem;
    }
    .bbs-basic .board-list a.btn-download .blind {
        position: static;
        display: inline;
    }
    .bbs-basic .board-list .bbs-num {
        display: none;
    }
    .bbs-basic .board-list .bbs-title {
        line-height: 1.6;
        margin-bottom: 0.8rem;
        font-weight: 600;
    }
    .bbs-basic .board-list .bbs-text,
    .bbs-basic .board-list .bbs-writer,
    .bbs-basic .board-list .bbs-date,
    .bbs-basic .board-list .bbs-views,
    .bbs-basic .board-list .bbs-file {
        display: inline-block;
        margin-right: 1.5rem;
        color: #778697;
        font-size: 95%;
    }
    .bbs-basic .board-list .bbs-writer::before,
    .bbs-basic .board-list .bbs-date::before,
    .bbs-basic .board-list .bbs-views::before {
        font-family: "remixicon";
        margin-right: 0.6rem;
    }
    .bbs-basic .board-list .bbs-date::before {
        content: "\eb27";
    }
    .bbs-basic .board-list .bbs-views::before {
        content: "\ecb5";
    }
    .bbs-basic .board-list .bbs-writer::before {
        content: "\ec86";
        margin-right: 0.3rem;
    }
    .bbs-basic .board-list .bbs-text {
        margin-bottom: 0.5rem;
    }
    .bbs-basic .board-list .bbs-file {
        margin-top: 0.6rem;
        display: block;
    }
    .bbs-basic .board-list .bbs-reply {
        position: absolute;
        bottom: 1.6rem;
        right: 2rem;
    }
    .bbs-basic .board-list .bbs-reply {
        font-size: 1.3rem;
    }
}










.bbs-basic > ul {display: table;width: 100%;table-layout: fixed;}
.bbs-basic > ul > li  {display: table-row;cursor: pointer;}
.bbs-basic > ul > li > div {display: table-cell;vertical-align: middle;border-bottom: 1px solid #ddd;-webkit-transition: border 300ms;transition: border 300ms;}
.bbs-basic > ul > li .list_date {width: 130px;text-align: center;vertical-align: middle;}
.bbs-basic > ul > li .list_date strong {display: block;padding-right: 2px;font-size: 48px;letter-spacing: -0.01em;font-weight: 400;line-height: 1;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}
.bbs-basic > ul > li .list_date span {display: block;padding-top: 4px;font-size: 18px;letter-spacing: 0.1em;font-weight: 400;line-height: 1;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}
.bbs-basic > ul > li .list_title {padding: 34px 24px 36px;}
.bbs-basic > ul > li .list_title .list_subject {margin-bottom: 9px;overflow: hidden;white-space: nowrap;}
.bbs-basic > ul > li .list_title .list_subject strong {max-width: -webkit-calc(100% - 85px);max-width: calc(100% - 85px);display: inline-block;vertical-align: middle;font-size: 20px;font-weight: 600;line-height: 1.5;color: #333;}
.bbs-basic > ul > li .list_title .list_subject strong span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.bbs-basic > ul > li .list_title .list_subject span.cate {display: inline-block;vertical-align: middle;width: auto; padding: 2px 15px;margin-right: 16px;font-size: 15px;text-align: center; color: #e83820;border: 1px solid #e83820;}
.bbs-basic > ul > li .list_more {width: 60px;text-align: right;}
.bbs-basic > ul > li .list_more a {display: inline-block;vertical-align: middle;width: 47px;height: 47px; border:1px solid #ddd; border-radius:100%; position: relative;font-size: 0;}
.bbs-basic > ul > li .list_more a:after {display: block;width: 100%;height: 100%;position: absolute;top: 10px;left:0; padding-left:2px; text-align:center; font-family : xeicon;content: '\e940';font-size: 27px;font-weight: normal;line-height: 1;color: #aaaaaa;color: rgba(170, 170, 170, 0.66667);}
.bbs-basic > ul > li .list_more a, .bbs-basic > ul > li .list_more a:after  {-webkit-transition: color 300ms, -webkit-transform 300ms;transition: color 300ms, -webkit-transform 300ms;transition: color 300ms, transform 300ms;transition: color 300ms, transform 300ms, -webkit-transform 300ms;}
.bbs-basic > ul > li:hover > div {border-bottom-color: #e83820;}
.bbs-basic > ul > li:hover .list_subject strong span {color: #e83820; }
.bbs-basic > ul > li:hover .list_date strong {color: #e83820;}
.bbs-basic > ul > li:hover .list_date span {color: #e83820;}
.bbs-basic > ul > li:hover .list_more a { border:1px solid #e83820}
.bbs-basic > ul > li:hover .list_more a:after {color: #e83820;  }

.bbs-basic > ul > li.nodata {text-align:center;display: block;cursor: inherit;}
.bbs-basic > ul > li.nodata > div { display:block; padding:80px 0}
.bbs-basic > ul > li.nodata p { margin-bottom:30px; }
.bbs-basic > ul > li.nodata p img { width:200px;}
.bbs-basic > ul > li.nodata strong {   font-weight:normal}


/* 포토게시판_리스트형 */
[class^="bbs-gallery-list"] li a{overflow:hidden; position:relative; display:flex; flex-wrap: wrap; padding:3rem; }
[class^="bbs-gallery-list"] li a:before{display:block; content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ddd;}
[class^="bbs-gallery-list"] li span{display:block;}
[class^="bbs-gallery-list"] li .img-wrap{border:1px solid #ddd; background:#f9f9f9 url(../images/common/img_noimg.png) no-repeat center center}
[class^="bbs-gallery-list"] li .img-wrap img{width:100%; height:100%;}
[class^="bbs-gallery-list"] li .txt-wrap{float:left; box-sizing:border-box;}
[class^="bbs-gallery-list"] li .txt-wrap .cate { margin-bottom:1rem;}
[class^="bbs-gallery-list"] li .txt-wrap .tit{padding-bottom:2rem; margin-bottom:2rem; font-size:2rem; font-weight:700;}
[class^="bbs-gallery-list"] li .txt-wrap .list{margin-top:1rem}
[class^="bbs-gallery-list"] li a:hover:before, [class^="bbs-gallery-list"] li a:focus:before, [class^="bbs-gallery-list"] li a:active:before{border:2px solid #e83820;}

/* 게시판 갤러리 타입1(왼쪽형 타입) */
.bbs-gallery-list1 li + li{margin-top:20px;}
.bbs-gallery-list1 li .img-wrap{width:284px; height:205px;}
.bbs-gallery-list1 li .txt-wrap{width:calc(100% - 285px); padding-left:50px; padding-right:20px; }
.bbs-gallery-list1 li .txt-wrap .tit{overflow:hidden; position:relative; padding-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.bbs-gallery-list1 li .txt-wrap .tit:before{display:block; content:""; position:absolute; left:0; bottom:0; width:27px; height:1px; background-color:#333;}
.bbs-gallery-list1 li .txt-wrap .txt{overflow:hidden; height:85px; line-height:1.8;}
.bbs-gallery-list1 li .txt-wrap .list span{position:relative; display:inline-block; padding:0 14px; vertical-align:middle;}
.bbs-gallery-list1 li .txt-wrap .list span + span:after{display:block; content:""; position:absolute; left:0; top:7px; width:1px; height:11px; background-color:#dadeeb;}
.bbs-gallery-list1 li .txt-wrap .list span:first-child{padding-left:0;}

/* 게시판 갤러리 타입2(발간자료) */
.bbs-gallery-list2:after{display:block; content:""; clear:both;}
.bbs-gallery-list2 > ul { display:flex;  flex-wrap: wrap; }
.bbs-gallery-list2 > ul > li{width:calc((100% - 3rem)/2); margin-right:3rem; margin-top:3rem;}
.bbs-gallery-list2 > ul > li:nth-child(-n+2){margin-top:0;}
.bbs-gallery-list2 > ul > li:nth-child(2n){margin-right:0;}
.bbs-gallery-list2 li .img-wrap{width:200px; height:286px;}
.bbs-gallery-list2 li .txt-wrap{width:calc(100% - 201px); padding-left:30px;}
.bbs-gallery-list2 li .txt-wrap .tit{overflow:hidden; height:90px; margin-top:10px;}
.bbs-gallery-list2 li .txt-wrap .list{position:relative; padding-top:20px;}
.bbs-gallery-list2 li .txt-wrap .list:before{display:block; content:""; position:absolute; left:0; top:0; width:27px; height:1px; background-color:#333;}
.bbs-gallery-list2 li .txt-wrap .list ul li{position:relative;padding-left:65px;margin-bottom:1rem;}
.bbs-gallery-list2 li .txt-wrap .list ul li:last-child{margin-bottom:0;}
.bbs-gallery-list2 li .txt-wrap .list ul li b{position:absolute;top:0;left:0;color:#e83820;}

@media (max-width: 1026px) {
    .bbs-gallery-list2 > ul > li { width:100%; margin-bottom:3rem; margin-right:0;}
}
@media (max-width: 480px) {
    .bbs-gallery-list2 li .img-wrap { width:100%;  height:auto;}
    .bbs-gallery-list2 li .txt-wrap { width:100%; margin-top:2rem; padding-left:0;}
}

/* 포토게시판_박스형 */
.bbs-gallery-basic{overflow:hidden;}
.bbs-gallery-basic > ul { display:flex;  flex-wrap: wrap; }
.bbs-gallery-basic li{position:relative; width:calc((100% - 40px)/3); margin-right:20px; margin-top:20px;}
.bbs-gallery-basic li:nth-child(3n){margin-right:0;}
.bbs-gallery-basic li:nth-child(-n + 3){margin-top:0;}
.bbs-gallery-basic li:before{display:block; content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #d2d7e6; z-index:-1;}
.bbs-gallery-basic li a{display:block;}
.bbs-gallery-basic li span{display:block;}
.bbs-gallery-basic li .img-wrap{overflow:hidden; position:relative; width:100%; padding-top:65%; }
.bbs-gallery-basic li .img-wrap img{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #d2d7e6; box-sizing:border-box;}
.bbs-gallery-basic li .txt-wrap{padding:20px; box-sizing:border-box;}
.bbs-gallery-basic li .txt-wrap .tit{overflow:hidden; display:block; font-weight:700; font-size:1.8rem; text-overflow:ellipsis; white-space:nowrap;}
.bbs-gallery-basic li .txt-wrap .date{display:inline-block; margin-top:10px;}
.bbs-gallery-basic li .txt-wrap .area{margin-bottom:8px;}
.bbs-gallery-basic li .txt-wrap .area span{position:relative; display:inline-block; margin-right:8px; font-weight:600;}
.bbs-gallery-basic li .txt-wrap .sector{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px;}

.bbs-gallery-basic li:hover:before{border:3px solid #e83820;}
.bbs-gallery-basic li:hover .img-wrap img{opacity:0.6; padding:2px 2px 0 2px; }
.bbs-gallery-basic li a:hover .txt-wrap .tit, .bbs-gallery-basic li a:focus .txt-wrap .tit, .bbs-gallery-basic li a:active .txt-wrap .tit{color:#e83820;}
.bbs-gallery-basic li a:hover, .bbs-gallery-basic li a:focus, .bbs-gallery-basic li a:active{text-decoration:none;}

@media (max-width: 1026px) {
    .bbs-gallery-basic li { width:calc((100% - 20px)/2); }
    .bbs-gallery-basic li:nth-child(3n){margin-right:20px;}
    .bbs-gallery-basic li:nth-child(-n + 3){margin-top:20px;}
    .bbs-gallery-basic li:nth-child(2n){margin-right:0;}
    .bbs-gallery-basic li:nth-child(-n + 2){margin-top:0;}

}

@media (max-width: 480px) {
    .bbs-gallery-basic li { width:100%; margin-bottom:20px;}
}

/* 영상 갤러리 */
.bbs-gallery-video {  }
.bbs-gallery-video li .img-wrap:after{display:none; content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/content/icn_gallery_video.svg) no-repeat center center; background-size:60px;}
.bbs-gallery-video li:hover .img-wrap:after{display:block;}


/* 자주묻는 질문 */
ul.accr-navi > li { margin-bottom:10px}
ul.accr-navi > li .button {display: block;padding: 2.5rem 2rem 2.5rem 8.5rem;width: 100%;text-align: left;cursor: pointer;    border: 1px solid transparent; background: #f5f5f5;border-radius: 10px;position: relative; font-size:1.8rem;}
ul.accr-navi > li .button .num  {width:46px;height:46px;border-radius:50%;position:absolute;left:27px;top:50%;margin-top:-23px;background:#dadada;text-align:center; line-height:40px;font-size:2.2rem;font-weight:800;color:#989898}
ul.accr-navi > li .button::after {content: "\ea4e";font-family: remixicon!important;display: block; position: absolute; top: 50%; right: 2rem; font-size: 3rem; transform: translateY(-50%);  transition: all 0.25s ease;}
ul.accr-navi > li .button b { padding-right:4rem; font-weight:400; }
ul.accr-navi > li .content { display: none; padding:2rem; background-color: #fff;}
ul.accr-navi > li.on .button {  font-weight:700;  background-color: #fff;border-color: #e83820;color:#e83820;}
ul.accr-navi > li.on .button::after {background:url(../../images/common/arrow-accr-navi-on.png) no-repeat; }
ul.accr-navi > li.on .content { display: block;}
ul.accr-navi > li.on .button::after { transform: translateY(-50%) rotate(180deg);}

ul.accr-navi.accr-mypage { margin-bottom:2rem;}
ul.accr-navi.accr-mypage > li .button { background:#f8f8f8; padding-left:2.5rem}
ul.accr-navi.accr-mypage > li.on .button { background:#fff; border-color: #00a9ba;color:#00a9ba}
ul.accr-navi.accr-mypage> li .content { padding-left:0; padding-right:0;}

@media screen and (max-width: 768px) {
    ul.accr-navi > li .button { padding: 2rem 2rem 2rem 8.5rem; font-size:1.6rem; }

}

/* 페이징 */
.paging{margin-top:50px;  padding-bottom:70px; text-align:center}
.paging ul{display:flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center}
.paging li{margin:0 3px}
.paging i::before {  display:inline-block; font-family: "remixicon";     font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; font-size:1.8rem; }
.paging .first i::before { content: "\f363"; }
.paging .prev i::before  { content: "\ea64"; }
.paging .next i::before  { content: "\ea6e"; }
.paging .last i::before  { content: "\f365"; }

.paging a{display:flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center;width:30px;height:30px;border-radius:100%;text-align:center;background:transparent}
.paging a.active{background:#e83820;color:#fff !important}




/* 뷰 */
.bbs-view {
    margin-top:6rem;
}
.bbs-view .view-head {
    position:relative;
    padding:3rem 1rem 2rem 1rem;
    border-bottom: 0.1rem solid #d6d6d6;
    text-align:center;
}
.bbs-view .view-head .view-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    min-width: 90px;
    height: 35px;
    margin-bottom: 40px;
    padding: 5px 20px;
    font-weight: 500;
    color: #fff;
    background-color: #e83820;
    border-radius: 50px;
}
.bbs-view .view_title {  }
.bbs-view .view_title h3 {text-align:center; font-size: 3.4rem; font-weight:600;}
.bbs-view .view_info {margin-top:3.5rem; }
.bbs-view .view_info:after  { content:""; display:block; clear:both;  }
.bbs-view .view_info ul { font-size:0; text-align:center; }
.bbs-view .view_info ul li { display:inline-block; font-size:1.8rem; position:relative; margin:0 1.5rem; }
.bbs-view .view_info ul li:first-child   { margin-left:0; }
.bbs-view .view_info ul li:first-child:after { display:none; }
.bbs-view .view_info ul li  i { color:#000}
.bbs-view .view_info ul li strong { position: relative; font-weight:400;color: #666; padding-left:1rem;}
.bbs-view .view_info ul li span { margin-right:7px; color:#999 }
.bbs-view .view_info ul li:after { content:""; display:block; position:absolute; top:8px; left:-16px; width:1px; height:10px;  border-right:1px solid #ddd }
.bbs-view .btn-area { margin-top:30px; text-align:center; }
.bbs-view .btn-area > .btn { min-width:200px; }
.bbs-view .btn-area ul { display:flex;    justify-content: flex-end; }
.view-file-info{position: relative;margin-bottom: 5rem; padding: 3.8rem 4rem; background: #F6F6F6; border: 0;}
.view-file-info ul::after{content: ''; display: block; clear: both;}
.view-file-info ul>li{overflow: hidden;position: relative; min-height: 5rem; padding-right: 13rem; text-overflow: ellipsis; white-space: nowrap; line-height: 4.5rem;}
.view-file-info ul>li img {vertical-align: middle;}
.view-file-info ul>li .txt {font-size: 1.2rem;color: #666;	}
.view-file-info ul>li .link {position: absolute;right: 0;top: 0;	}
.view-file-info ul>li>a{display: inline-block; padding: 12px 18px; background-color: #eeeeee; font-family: 'notokr-regular'; font-size: 16px; color: #737373; }
.view-file-info ul>li>a.on{background-color:#ed6a3d; color: #fff;}
.view-file-info ul>li>a::before{content: ''; display: inline-block; margin-right: 1rem; position: relative; top:2px; width: 18px; height: 18px; background: url(../images/content/icn-bbs-file.svg) center no-repeat}
.bbs-view .view-content { min-height:300px; padding: 20px; border-bottom:1px solid #ddd; overflow-x:auto; }

.reply-list { margin-top:3rem; border-top:1px solid #ddd}
.reply-list .view-head { background-color:#f9f9f9; text-align:left;}
.reply-list .view-head .view-label {background-color:#00a9ba;margin-bottom:0;}
.reply-list .view_title h3 { text-align:left; font-size:2.8rem;}
.reply-list .view_title h3 i { color:#e83820;}
.reply-list .view_info {margin-top: 1rem;display: flex;  align-items: flex-end; flex-wrap: wrap;}
.reply-list .view_info ul { text-align:left;}
.reply-view-content{ padding: 2rem; min-height:100px; border-bottom:1px solid #ddd}




.view-prevnext {  border-top: 1px solid #000;border-bottom: 1px solid #000;}
.view-prevnext li {padding: 2rem 3rem;color: #999;display: flex;}
.view-prevnext li a {display:block;width: calc(100% - 100px);}
.view-prevnext li strong {display: inline-block; color:#111;font-weight: 700;width: 100px;background: url('../images/content/icn_bbs_view_next.png')no-repeat right 15px center; }
.view-prevnext li a:hover {text-decoration: underline}
.view-prevnext li.next {border-top: 1px solid #ddd;}
.view-prevnext li.next strong {background: url('../images/content/icn_bbs_view_prev.png')no-repeat right 15px center;}

@media screen and (max-width: 1026px) {
    .bbs-view { margin-top: 3rem }
    .bbs-view .view-head { padding-bottom: 25px; }
    .bbs-view .view-head .view-label { min-width: 70px; height: 30px; margin-bottom: 20px; font-size: 1.4rem }
    .bbs-view .view_title h3{ font-size: 2.2rem; line-height:1.3; word-break: keep-all; }
    .bbs-view .view-head .view_info { margin-top: 15px; }
    .reply-list .view-head .view-label { margin-bottom:0;}
    .view-file-info { padding: 1.5rem; }
    .view-file-info .txt { display: none; }

}
@media screen and (max-width: 480px) {
    .view-prevnext li { padding:1rem;}
    .view-prevnext li a {display:block;width: calc(100% - 60px);}
    .view-prevnext li strong { width:60px;}
}

/* 노데이터 */
.ys-nodata {
    padding: 80px 0;
    text-align: center;
    font-weight: 500;
    background-color: #fff !important;
}

.ys-result {
    padding: 80px 0;
    text-align: center;
}

.ys-result .result-text1 {
    margin-top: 20px;
    font-size: 36px;
}

.ys-result .result-text1 > span {
    font-weight: 600;
}

.ys-result .result-text2 {
    margin-top: 20px;
    font-size: 16px;
    color: #999;
    line-height: 1.8;
}


/* 댓글 */
.cm_comment .input_comt {
    width: 100%;
    height: 150px;
    padding: 20px 25px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 10px;
}

.cm_comment .comt_app .btn_area {
    margin-top: 20px;
}

.cm_comment .comt_app .btn_area .btn {
    min-width: 120px;
}

.cm_comment .comt_list {
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.cm_comment .comt_list .comt_item {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}

.cm_comment .comt_list .comt_title {
    position: relative;
    display: flex;
    align-items: center;
}

.cm_comment .comt_list .comt_title .comt_profile {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #eb796a url(../images/common/img_profile_admin.svg) no-repeat center / 100%;
    border-radius: 100%;
}


.cm_comment .comt_list .comt_title .comt_name {
    padding-left: 20px;
    font-weight: 500;
}

.cm_comment .comt_list .comt_title .comt_name .comt_date {
    margin-top: 5px;
    font-size: 1.8rem;
    color: #999;
}

.cm_comment .comt_list .comt_title .btn_area {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
}
.cm_comment .comt_list .comt_cont {
    margin-top: 15px;
    padding-left: 70px;
}

.cm_comment .comt_list .comt_cont .comt_text {
    line-height: 1.8;
}

.cm_comment .comt_list .comt_cont .btn_area {
    margin-top: 25px;
}

.cm_comment .comt_list .comt_cont .btn_area .cm_btn {
    min-width: 70px;
}

.cm_comment .comt_list .comt_cont .comt_app {
    width: calc(100% + 70px);
    margin-left: -70px;
}

.cm_comment .comt_list .comt_cont .comt_app .btn_area {
    margin-top: 20px;
}

.cm_comment .comt_list .comt_cont .comt_app .btn_area .cm_btn {
    min-width: 120px;
}

.cm_comment .comt_list .comt_item.reply {
    position: relative;
    padding-left: 70px;
    padding-right: 30px;
    background-color: #f9f9f9;
}

.cm_comment .comt_list .comt_item.reply:after {
    content: '';
    position: absolute;
    top: 30px;
    left: 35px;
    width: 16px;
    height: 16px;
    background: url(../images/common/icn_comt.svg) no-repeat center / 100%;
}



/* 글쓰기 */
.bbs-write { border-top:1px solid #000;  }
.bbs-write > ul > li {border-bottom:1px solid #ddd; }
.bbs-write dl { display:flex; flex-wrap: wrap;align-items: stretch;width:100%;}
.bbs-write dl:after { clear:both; content:""; display:block; }
.bbs-write dl dt { font-weight:600;  padding:1rem ; width: 140px; line-height: 47px;background-color:#f9f9f9 }
.bbs-write dl dt .required-mark:after{ content: '*'; display: inline-block; color: #f35b2a; font-weight: bold; margin-left:3px; vertical-align:middle; }
.bbs-write dl dd  {width: calc(100% - 140px); padding:1rem ; }
.bbs-write .form-text { display: flex; height: 100%; align-items: center; }
.bbs-write input[type=text] { width: 100%; height: 47px; line-height: 47px;padding: 0 5px; color: #222;   border:1px solid #ddd;}
.bbs-write .inwon-wrap input[type=text], .bbs-write .pnumber-wrap input[type=text] { width:100px }
.bbs-write .inwon-wrap > span { margin:0 0.5rem; }
.bbs-write .btn-area { margin-top:4rem; text-align:center;}
.bbs-write .form-textarea {  width:100%; height:200px; border:1px solid #ddd;}
.bbs-write .checkbox-wrap, .bbs-write .form-file {  padding-top: 1rem;}

@media screen and (max-width: 768px) {
    .bbs-write dl dt { width:100%; }
    .bbs-write dl dd { width:100%; }
}



.agreement-wrap > p { margin-top:1rem; }
.agreement-area { border:1px solid #ddd;padding:2rem; }

.bbs_write {  }
.bbs_write > ul > li { margin-bottom:30px; }
.bbs_write li.col2  {float:left; width:50%; }
.bbs_write li.col2::after  { content:""; display:block; clear:both;}
.bbs_write li.col2 + .col2 dl {margin-left: 60px; }
.bbs_write dl { display:flex; flex-wrap: wrap;align-items: center;width:100%;}
.bbs_write dl:after { clear:both; content:""; display:block; }
.bbs_write dl dt { font-weight:600; width: 120px; line-height: 47px; }
.bbs_write dl dt .required-mark:after{ content: '*'; display: inline-block; color: #f97384; font-weight: bold; margin-left:3px; vertical-align:middle; }
.bbs_write dl dd  {width: calc(100% - 120px);  }
.bbs_write .form-text {vertical-align:middle; }
.bbs_write input[type=text] { width: 100%; height: 47px; line-height: 47px;padding: 0 5px; color: #222;   border:1px solid #ddd;}
.bbs_write textarea  { width:100%; height:300px; border:0; border-bottom:1px solid #ddd;}
.input_wrap_file input[type="file"] { position: absolute;width: 0; height: 0; padding: 0; overflow: hidden;  border: 0;}
.input_wrap_file label {display: inline-block; width:100px;padding: 10px 20px;color: #fff; vertical-align: middle; background-color: #999999; cursor: pointer; height: 47px; margin-left: 10px;}
.input_wrap_file .upload_name { display: inline-block; height: 47px; padding: 0 10px; vertical-align: middle; border-bottom: 1px solid #ddd;  width: calc(100% - 120px); color: #999999;}




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

}



/**** 태블릿 ***/
@media screen and (max-width: 1200px) {


}


/**** 모바일 ***/

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



}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 340px) {

}







.ys-option {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 2;
}

.ys-option.start {
    align-items: flex-start;
}

.ys-option.end {
    align-items: flex-end;
}

.ys-option .op_left {
    text-align: left;
}

.ys-option .op_right {
    text-align: right;
}

.ys-option > .btn_area {
    width: auto;
}

.ys-option [class^="ys-title"] {
    margin-bottom: 0;
}


.ys-text_icon.text_info1 {
    padding-left: 50px;
    font-size: 22px;
    font-weight: 600;
}

.ys-text_icon.text_info1:before {
    top: 5px;
    width: 34px;
    height: 30px;
    background-image: url(../../images/common/img_info01.svg);
}

.ys-text_icon.text_info2 {
    padding-left: 50px;
    font-size: 22px;
    font-weight: 600;
}

.ys-text_icon.text_info2:before {
    top: 5px;
    width: 30px;
    height: 30px;
    background-image: url(../../images/common/img_info02.svg);
}

.ys-text_icon.text_info3 {
    padding-left: 50px;
    font-size: 22px;
    font-weight: 600;
}

.ys-text_icon.text_info3:before {
    top: 4px;
    width: 31px;
    height: 30px;
    background-image: url(../../images/common/img_info03.svg);
}

.ys-text_icon.text_check {
    padding-left: 30px;
    font-size: 18px;
    font-weight: 600;
}

.ys-text_icon.text_check:before {
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url(../../images/common/img_status.svg);
}







/* 게시판 유틸 */
.form_option {
    margin-bottom: 30px;
}

.form_utill {
    line-height: 1;
}

.form_utill > span {
    font-weight: 600;
}

/* 게시판 검색 */
.form_search {
    position: relative;
    padding: 50px 0;
    z-index: 1;
    margin-bottom:4rem;
}

.form_search:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    height: 100%;
    background-color: #f9f9f9;
    z-index: -1;
}

.form_search .inner {
    padding-left: 0;
    padding-right: 0;
}

.form_search .form_search_inner form {
    display: flex;
    justify-content: center;
}

.form_search .form_control {
    width: 100%;
}

.form_search .search_select {
    position: relative;
    width: 130px;
}

.form_search .search_select select.form_control {
    width: 100%;
}

.form_search .search_input {
    width: 100%;
    max-width: 500px;
    margin-left: 20px;
}

.form_search .search_btn {
    flex-shrink: 0;
    width: 55px;
    margin-left: 20px;
}

.form_search .search_btn .btn_search {
    width: 55px;
    height: 55px;
    border-radius: 10px;
    font-size: 0;
    background: #e83820 url(../images/content/icn_bbs_search.svg) no-repeat center / 24px;
    box-shadow: 5px 5px 10px 0 rgba(237, 120, 93, 0.2);
}

.form_search .form_group_area .form_group + .form_group {
    margin-top: 30px;
}

.form_search .form_group_area .ys-text_icon {
    margin-right: 30px;
    margin-top: 12px;
}

.form_search .form_group_area .form_check1 input + .form_label {
    min-width: 85px;
}

.form_search .form_group_area .form_check1.type2 input + .form_label {
    min-width: 105px;
}
.form_search .form_group {
    display: flex;
    justify-content: center;
}
.form_search .form_group .form_title {
    width:130px;
    display:none;
}
.form_search .form_group .form_input_wrap {
    /* width:calc(100% - 130px)*/
}

.form_search  .control__indicator {
    background:#fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    width:25px;
    height:25px;
}
.form_search  .control input:checked ~ .control__indicator {
    background: #e83820;
    box-shadow: 5px 5px 10px 0 rgba(237, 120, 93, 0.2);
}
.form_search  .control--checkbox .control__indicator:after {
    top:5px;
    left:10px;
}

@media all and (max-width:1026px) {
    .form_search { padding: 20px 0; }
    .form_search .form_control { font-size: 14px; }
    .form_search .search_select { flex-shrink: 0; width: 100px; }
    .form_search .search_input { margin-left: 10px; }
    .form_search .search_btn { width: 45px; margin-left: 10px; }
    .form_search .search_btn .btn_search { width: 45px; height: 45px; background-size: 14px; }
    .form_search .form_group_area .form_group + .form_group { margin-top: 20px; }
    .form_search .form_group_area .ys-text_icon { margin-right: 20px; margin-top: 7px; }
}





/* 목록 */
.ys-list {
    display: grid;
    width: 100%;
}

.ys-list .list_item {
    display: block;
}

.ys-list .list_item > a {
    display: block;
}

.ys-list .list_item > .item_box {
    display: block;
}

.ys-list .thumb_area {
    position: relative;
    width: 100%;
    display: block;
}

.ys-list .thumb_area .thumb_box {
    position: relative;
    width: 100%;
    background: #fef4e9 url(../../images/common/noimg02.svg) no-repeat center / 201px;
    overflow: hidden;
}

.ys-list .thumb_area .thumb_box:after {
    content: '';
    display: block;
    width: 100%;
}

.ys-list .thumb_area .thumb_box .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s;
}

.ys-list .desc_area {
    position: relative;
    width: 100%;
}

.ys-list .list_item .thumb_area:hover .thumb_box .thumb {
    transform: scale(1.1) rotate(-0.001deg);
}

/* 목록 스타일1 */
.ys-list1 .ys-list {
    grid-template-columns: repeat(3, minmax(auto, 400px));
    gap: 40px;
}

.ys-list1 .list_item {
    background-color: #fff;
    overflow: hidden;
}

.ys-list1 .thumb_area .thumb_box {
    border-radius: 20px;
}

.ys-list1 .thumb_area .thumb_box:after {
    padding-top: 74.9%;
}

.ys-list1 .desc_area {
    display: block;
    padding: 25px 0;
    word-break: keep-all;
}

.ys-list1 .desc_area .item_label {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    min-height: 35px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #f1584f;
    background-color: #fdf3f3;
    border-radius: 50px;
}

.ys-list1 .desc_area .item_title {
    height: calc((20px * 2) * 1.6);
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ys-list1 .desc_area .desc_box:hover .item_title {
    text-decoration: underline;
}

.ys-list1 .desc_area .item_tag {
    margin-top: 10px;
}

.ys-list1 .desc_area .item_btn {
    margin-top: 15px;
}

.ys-list1 .desc_area .item_btn .ys-btn {
    margin-right: 20px;
}

.ys-list1 .desc_area .item_btn .ys-btn:last-child {
    margin-right: 0;
}

.ys-list1.type2 .ys-list {
    grid-template-columns: repeat(4, minmax(auto, 292px));
    gap: 30px;
}

.ys-list1.type2 .desc_area .item_title {
    height: calc((18px * 2) * 1.6);
    font-size: 18px;
}

/* 목록 스타일2 */
.ys-list2 .ys-list {
    grid-template-columns: repeat(4, minmax(auto, 290px));
    gap: 40px;
}

.ys-list2 .list_item {
    background-color: #fff;
    overflow: hidden;
}

.ys-list2 .thumb_area .thumb_box {
    border: 1px solid #ddd;
    border-radius: 20px;
}

.ys-list2 .thumb_area .thumb_box:after {
    padding-top: 141.6%;
}

.ys-list2 .thumb_area .cover {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.ys-list2 .thumb_area .cover ~ .thumb_box .thumb {
    transform: none !important;
}

.ys-list2 .thumb_area .item_label {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}

.ys-list2 .desc_area {
    display: block;
    padding: 20px 0;
    word-break: keep-all;
}

.ys-list2 .desc_area .item_title {
    height: calc((18px * 2) * 1.6);
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ys-list2 .desc_area .desc_box:hover .item_title {
    text-decoration: underline;
}

.ys-list2 .desc_area .item_info {
    margin-top: 15px;
}

.ys-list2 .desc_area .item_info .ys-text_icon {
    margin-bottom: 5px;
}

.ys-list2 .desc_area .item_info .ys-text_icon:last-child {
    margin-bottom: 0;
}

.ys-list2 .desc_area .item_info .ys-text_icon br {
    display: none;
}

.ys-list2 .desc_area .item_btn {
    margin-top: 20px;
}

.ys-list2 .desc_area .item_btn .ys-btn {
    margin-right: 20px;
}

.ys-list2 .desc_area .item_btn .ys-btn:last-child {
    margin-right: 0;
}

/* 목록 스타일3 */
.ys-list3 .ys-list {
    grid-template-columns: repeat(4, minmax(auto, 290px));
    gap: 40px;
}

.ys-list3 .list_item {
    background-color: #fff;
    overflow: hidden;
}

.ys-list3 .list_item > a {
    height: 100%;
    padding: 35px 40px;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.ys-list3 .thumb_area {
    width: 130px;
    margin: 0 auto;
}

.ys-list3 .thumb_area .thumb_box {
    border-radius: 100%;
    background: #eee url(../../images/common/noimg_profile.svg) no-repeat center / 50px;
}

.ys-list3 .thumb_area .thumb_box:after {
    padding-top: 100%;
}

.ys-list3 .desc_area .item_name {
    margin-top: 15px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.ys-list3 .desc_area .item_name > span {
    margin-left: 10px;
    font-size: 16px;
    color: #444;
    font-weight: 400;
}

.ys-list3 .desc_area .item_label_area {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.ys-list3 .desc_area .item_label_area .item_label {
    margin-right: 10px;
}

.ys-list3 .desc_area .item_label_area .item_label:last-child {
    margin-right: 0;
}

.ys-list3 .desc_area .item_text {
    margin-top: 25px;
}

.ys-list3 .desc_area .item_text > li {
    max-height: calc((16px * 2) * 1.5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ys-list3 .list_item:hover .thumb_area .thumb_box .thumb {
    transform: scale(1.1) rotate(-0.001deg);
}

/* 목록 스타일4 */
.ys-list4 .ys-list {
    grid-template-columns: repeat(3, minmax(auto, 400px));
    gap: 40px;
}

.ys-list4 .list_item > a {
    height: 100%;
    padding: 30px;
    background-color: #f7f7f7;
    border: 3px solid #f7f7f7;
    border-radius: 20px;
    transition: background-color 0.2s, border-color 0.2s;
}

.ys-list4 .list_item.notice > a {
    background-color: #fdf9f6;
    border-color: #fdf9f6;
}

.ys-list4 .item_label {
    height: 20px;
    font-size: 17px;
    font-weight: 600;
    color: #999;
    line-height: 1;
}

.ys-list4 .item_title {
    height: calc((20px * 2) * 1.6);
    margin-top: 30px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ys-list4 .item_btn {
    margin-top: 35px;
}

.ys-list4 .item_btn .op_left {
    display: flex;
}

.ys-list4 .item_btn .op_right {
    display: flex;
    justify-content: flex-end;
}

.ys-list4 .item_btn .ys-text_icon {
    margin-right: 15px;
}

.ys-list4 .item_btn .ys-text_icon:last-child {
    margin-right: 0;
}

.ys-list4 .list_item:hover > a {
    background-color: #fff;
    border-color: #f4866c;
}

.ys-list4 .list_item:hover .item_title {
    text-decoration: underline;
}

/* 모달 */
.ys-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: table;
    table-layout: fixed;
    z-index: 200;
    display: none;
}

.ys-modal .modal_inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.ys-modal .modal_contents {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 94%;
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    overflow: hidden;
    z-index: 2;
    transform: translateY(10%);
    animation: modalFade 0.5s ease both;
    animation-play-state: paused !important;
}

.ys-modal .modal_head {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 80px;
    padding: 20px 70px 25px 30px;
    border-bottom: 1px solid #e5e5e5;
}

.ys-modal .modal_body {
    flex-shrink: 0;
    height: 100%;
    max-height: 85vh;
    padding: 30px 30px 20px;
    text-align: left;
    overflow-y: auto;
}

.ys-modal .modal_foot {
    flex-shrink: 0;
    height: 80px;
    padding: 0 30px 25px;
}

.ys-modal .modal_title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    color: #000;
    text-align: left;
}

.ys-modal .modal_close {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 10px;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E") no-repeat center / 25px;
    z-index: 5;
}

.ys-modal .modal_bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.ys-modal.modal_sm .modal_contents {
    max-width: 640px;
}

.ys-modal.modal_lg .modal_contents {
    max-width: 1280px;
}

.ys-modal.show {
    display: table !important;
}

.ys-modal.show.show .modal_contents {
    animation-play-state: running !important;
}

.ys-modal.hasHead .modal_body {
    max-height: calc(85vh - 85px);
}

.ys-modal.hasFoot .modal_body {
    max-height: calc(85vh - 80px);
}

.ys-modal.hasHead.hasFoot .modal_body {
    max-height: calc(85vh - 85px - 80px);
}




.about-ys {
    position: relative;
    padding-top:7rem;
}
.about-ys:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    background: #f9f9f9;

    z-index: -1;
}
.wrap-history {
    display: none;
    position: relative;
    padding: 70px 0;
    margin-top: 30px;
}

.wrap-history:before {
    content: '';
    width: 300%;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: -1;
}

.wrap-history:after {
    content: '';
    width: 760px;
    height: 516px;
    background: url('../images/content/history-bg.png') no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.wrap-history.active {
    display: block;
}

.wrap-history > strong {
    font-size: 3.6rem;
    display: block;
    text-align: center;
    margin-bottom: 85px;
    position: relative;
    font-weight:600;
    z-index: 9;
}

.wrap-history > strong > span {
    font-weight:600;
}

.wrap-history .line {
    display: table;
    width: 100%;
    margin-bottom: 50px;
}

.wrap-history .line:first-child .info {
    padding-top: 0;
}

.wrap-history .year {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 280px;
}

.wrap-history .year strong {
    position: relative;
    font-size: 3.6rem;
    font-weight:700;
    color: #363636;
    letter-spacing: 0;
    line-height: 1;
}

.wrap-history .year strong:after {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    z-index: 1;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    border: 3px solid #39c9ff;
}

.wrap-history .year strong::before {
    content: '';
    position: absolute;
    left: 111%;
    top: 22px;
    width: 100%;
    height: 3px;
    background: #002e66;
}

.wrap-history .info {
    position: relative;
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

.wrap-history .detail {
    display: table;
    width: 50%;
    text-align: left;
    margin-left: auto;
    padding-bottom: 62px;
    position: relative;
    z-index: 99;
    padding-right: 80px;
    padding-left: 80px;
    background: url('../images/content/his-line-bg.png') no-repeat left top;
    margin-bottom: 7px;
}

.wrap-history .detail:nth-child(even) {
    text-align: right;
    margin-left: 0;
    padding-right: 80px;
    background-position: right top;
    width: calc(50% + 7px);
}

.wrap-history .detail:last-child .desc {
    padding-bottom: 0;
}

.wrap-history .month {
    display: block;
    width: 100%;
}

.wrap-history .month strong {
    font-size: 3.6rem;
    color: #222;
    letter-spacing: 0;
    display: block;
    margin-bottom: 15px;
    font-weight:700;
    position: relative;
    line-height: 1;
}

.wrap-history .month strong:before {
    content: '';
    width: 70px;
    height: 5px;
    background: #489aae;
    position: absolute;
    top: 50%;
    margin-top: 0;
    left: -90px;
}

.wrap-history .detail:nth-child(even) strong:before {
    left: unset;
    right: -90px;
}

.wrap-history .desc {
    display: block;
    position: relative;
    margin-bottom: 10px;
    font-size: 1.9rem;
    color: #363636;
    line-height: 1.7;
}

.wrap-history .desc .list {
    margin-top: 10px;
    margin-bottom: 10px;
}

.wrap-history .desc .list li {
    position: relative;
    padding-left: 8px;
    font-family: 'Noto Light';
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

.wrap-history .desc .list li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 1px;
    background: #666;
}

@media all and (max-width: 860px) {
    .wrap-history {
        padding-bottom: 30px;
    }

    .wrap-history > strong {
        font-size: 26px;
        margin-bottom: 35px;
    }

    .wrap-history .detail {
        width: 100%;
        padding-left: 20px;
        padding-bottom: 20px;
        padding-right: 40px;
    }

    .wrap-history .month strong {
        font-size: 22px;
    }

    .wrap-history .month strong:before {
        width: 20px;
        left: -25px;
    }

    .wrap-history .desc {
        font-size: 17px;
    }

    .wrap-history .detail:nth-child(even) {
        width: 100%;
        padding-right: 40px;
        text-align: left;
        background-position: left top;
    }

    .wrap-history .detail:nth-child(even) strong:before {
        left: -25px;
        right: unset;
    }
}

@media all and (max-width: 730px) {
    .wrap-history .year strong::before {
        display: none;
    }

    .wrap-history .line {
        margin-bottom: 40px;
    }

    .wrap-history .year, .wrap-history .info {
        display: block;
        width: 100%;
    }

    .wrap-history .year {
        margin-bottom: 10px;
    }

    .wrap-history .info {
        padding: 0;
        padding-left: 27px;
    }

    .wrap-history .info:after {
        display: none;
    }
}

@media all and (max-width: 470px) {
    .wrap-history .month, .wrap-history .desc {
        display: block;
        width: 100%;
    }
}


.about-ys-dev  { }
.about-ys-dev  .title-area  {
    position: relative;
    width: 100%;
    text-align: center; padding:10rem 0; }
.about-ys-dev  .title-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    z-index: -1;
    background:url(../images/content/bg_title_about_ys_dev.jpg) no-repeat center center / cover;
}
.about-ys-dev  .title-area .eng {
    font-size: 1.7rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #9e9e9e;
}
.about-ys-dev  .title-area .title  {
    font-size: 3.6rem;
    line-height: 1.2;
    margin-top: 1.25rem;
    margin-bottom:2rem;
}
.about-ys-dev  .title-area .title b {
    font-weight: 800;

}
.about-ys-dev  .title-area  div p {
    margin-top:2rem;
}

.about-ys-dev .con1 { margin:10rem 0;}
.about-ys-dev .con1 .wrap {}
.about-ys-dev .con1 h5 { position: relative;  color:#e83820;  padding-left:60px;  font-family: 'Noto Serif KR'; font-size: 3.2rem;}
.about-ys-dev .con1 h5::before {
    position: absolute;
    left: 0;
    top: 15px;
    width: 45px;
    height: 2px;
    background: #e83820;
    content: "";
}
.about-ys-dev .con1 .gray {font-size: 2rem; font-weight: 400; font-style: italic; padding: 2rem 3rem; color: #222;}
.about-ys-dev .con1 p {font-size: 18px; color: #444; font-weight: 400; line-height: 1.6;}
/*
.about-ys-dev .con1 { margin:10rem 0;}
.about-ys-dev .con1 .wrap {display: grid; grid-template-columns: repeat(2,1fr); padding-bottom: 80px; background: url('../images/content/bg_about-ys-dev.png') right bottom no-repeat; grid-gap: 70px; align-items: center;}
.about-ys-dev .con1 h5 {color: var(--maincolor); font-size: 4rem;}
.about-ys-dev .con1 .gray {font-size: 2rem; font-weight: 400; font-style: italic; padding: 20px 0 80px; color: #222;}
.about-ys-dev .con1 p {font-size: 18px; color: #444; font-weight: 400; line-height: 1.6;}
.about-ys-dev .con2 .wrap {background: url('../images/content/bg_about-ys-dev02.png') left bottom no-repeat;}
.about-ys-dev .con2 .txt {padding-left: 70px;}*/




/* 정약용 */
.about-ys-dev2 {position: relative;padding-top: 6rem;}
.about-ys-dev2 .item .it_tit{display: flex;}
.about-ys-dev2 .item .it_tit .txt_deco{font-size:26px; width: 30px;}
.about-ys-dev2 .item .it_tit div{display:block; word-break: keep-all;}
.about-ys-dev2 .section1{display: flex;position: relative;padding-bottom: 8rem;}
.about-ys-dev2 .section1 .text_box{width:50%;}
.about-ys-dev2 .section1 .text_box .title_box{padding: 0 0 3rem;}
.about-ys-dev2 .section1 .text_box .title_box .sub_title{display: block;font-size: 2rem;font-weight:400;line-height:56px;letter-spacing:0;color: #777777;padding-bottom: 25px;word-break: keep-all;}
.about-ys-dev2 .section1 .text_box .title_box .sub_title .cjk_M{display:inline; font-size:39px;font-weight:500;line-height:56px;letter-spacing:0;color:#181818;word-break: keep-all;}
.about-ys-dev2 .section1 .text_box .title_box .title{font-size: 6rem;font-weight:600;letter-spacing:0;position: relative;padding-right: 3rem;}
.about-ys-dev2 .section1 .text_box .title_box .title:before{display: block;content: '';width:20px;height:20px;border-radius:50%;position: absolute;bottom:12px;right: 0;}
.about-ys-dev2 .section1 .text_box .title_box .title:before{background-color: #e83820;}
.about-ys-dev2 .section1 .text_box {padding-right:125px;}
.about-ys-dev2 .section1 .text_box .txt_box p{font-size:17px;font-weight:400;line-height:28px;letter-spacing:-0.02em;color:#575e6d;word-break: keep-all;margin-top: 30px;}
.about-ys-dev2 .section1 .text_box .txt_box p:first-of-type{margin-top: 0;}
.about-ys-dev2 .section1 .img_box{width:50%;}
.about-ys-dev2 .section1 .img_box .img_box_inner_wrap{position: absolute;top: 0;right: 0;width: 50%;height:740px;z-index:1;}

.about-ys-dev2 .section1 .img_box .img_box_inner_wrap .img_box_inner {position: relative;}
.about-ys-dev2 .section1 .img_box .img_box_inner_wrap .img_box_inner img{border-radius:0 0 0 325px;box-shadow: 20px 35px 60px 0px rgba(0, 0, 0, 0.25);}

.about-ys-dev2 .section1 .img_box .img_box_inner_wrap .img_box_inner .desc{position: absolute;bottom:45px;right: 40px;}
.about-ys-dev2 .section1 .img_box .img_box_inner_wrap .img_box_inner .desc .tit1{font-size:15px;font-weight:400;line-height:22px;letter-spacing:0;color: #fff;}
.about-ys-dev2 .section1 .img_box .img_box_inner_wrap .img_box_inner .desc .tit2{font-size:13px;font-weight:400;line-height:22px;letter-spacing:0;color: #fff;}

.about-ys-dev2 .section2 .bg_wrap{position: relative;min-height:820px;}
.about-ys-dev2 .section2 .bg_wrap:after{display: block;content: '';background-repeat: no-repeat;background-size: contain;position: absolute;top: 0;left: 0;z-index: -1;}
.about-ys-dev2 .section2 .bg_wrap:before{display: block;content: '';position: absolute;top: 0;left: 0;z-index: -1;}
.about-ys-dev2 .section2 .bg_wrap:after{width: 100vw;height: 1000px;left: 50%;margin-left: -50vw;}
.about-ys-dev2 .section2 .bg_wrap:before{width: 100vw;height: 100%;left: 50%;margin-left: -50vw;}
.about-ys-dev2 .section2 .bg_wrap:after{background-image: url(../images/content/bg_about_ys.png);}
.about-ys-dev2 .section2 .bg_wrap:before{background-color: #004e57;}
.about-ys-dev2 .section2 .bg_wrap .bg_inner{padding:62px 0 150px;}
.about-ys-dev2 .section2 .bg_wrap .bg_inner .item.c_white{margin-top: 95px;}
.about-ys-dev2 .section2 .bg_wrap .bg_inner .item.c_white .it_tit{font-size:32px;font-weight:500;line-height:40px;letter-spacing:0;color:#fff;word-break: keep-all;}
.about-ys-dev2 .section2 .bg_wrap .bg_inner .item.c_white .it_txt{font-size:18px;font-weight:300;line-height:35px;letter-spacing:-0.04em;color:#fff;word-break: keep-all;padding-left: 30px;padding-right: 50px;}
.about-ys-dev2 .section2 .bg_wrap .bg_inner .item.c_white .it_txt p{margin-top: 20px;word-break: keep-all;}


.history_box {}
.history_box .box_wrap {}
.history_box .history_depth1 {width:100%; padding:25px 0; display:inline-block}
.history_box .history_depth1 .history_year {color:#e83820; font-size:36px; width:190px; float:left; line-height:1.1em; text-align:right; padding:0 55px 0 0; box-sizing:border-box; letter-spacing:-0.05em}
.history_box .history_depth1 .history_depth2 {width:calc(100% - 190px); float:left; }
.history_box .history_depth1 .history_depth2 ul > li:first-child {padding-top:0px}
.history_box .history_depth1 .history_depth2 ul > li:last-child {padding-bottom:0px}


.history_box .history_depth1 .history_depth2 ul > li {position:relative; padding-top:0px; padding-bottom:22px; padding-left:40px; }
.history_box .history_depth1 .history_depth2 ul > li:before {content:""; position:absolute; z-index:2; width:5px; height:5px; background:#e83820; border-radius:50%; display:block; left:0px; top:9px}
.history_box .history_depth1 .history_depth2 ul > li::after {content:""; position:absolute; top:10px; left:2px; width:1px; height:calc(100% + 5px); display:block; background:url('../images/content/history_line_bg.gif') repeat-y left top}
.history_box .history_depth1 .history_depth2 ul > li:last-child .history_text {padding:3px 0 0 0}

.history_box .history_depth1 .history_depth2 ul {position:relative;}
.history_box .history_depth1 .history_depth2 ul:before {position:absolute; top:0px; width:5px; height:10px; background:#fff; display:block; z-index:2}
.history_box .history_depth1 .history_depth2 .history_mon_date {position:Relative; font-size:2rem; color:#000}
.history_box .history_depth1 .history_depth2 .history_text { color:#222; padding:3px 0 0}
.history_box .history_depth1 .history_depth2 .history_img {margin-top:20px}




@media all and (max-width:640px){
    .history_box .history_depth1:first-child {padding-top:0px}
    .history_box .history_depth1 {padding:30px 0 0 0}
    .history_box .history_depth1 .history_year {width:100%; text-align:left; margin-bottom:20px; font-size:28px}
    .history_box .history_depth1 .history_depth2 {width:100%}
    .history_box .history_depth1 .history_depth2 ul > li {padding-left:15px;}
    .history_box .history_depth1 .history_depth2 ul > li:after {display:none}
    .history_box .history_depth1 .history_depth2 .history_mon_date {font-size:16px}
    .history_box .history_depth1 .history_depth2 .history_text {font-size:15px}
}
.card-wrap .img-wrap {
    margin: 0 auto;
    max-width: 500px;
    margin-top: -24rem;
    position: relative;
}
.card-wrap .img-wrap p {
    position: absolute;
    top: 20px;
    right:50px;
    text-align: right;
}
.card-wrap .img-wrap div.photo {
    position: absolute;
    top:30px;
    right:50px
}
.card-wrap .img-wrap div.date {
    position: absolute;
    bottom:62px;
    left:183px;
    font-size:1.6rem;
}
.card-wrap .img-wrap div.date  span { margin-right:2rem;}
.card-wrap .img-wrap div.date  span:first-child { margin-right:2.5rem;}
.card-wrap .img-wrap ul {
    position: absolute;
    top: 105px;
    left: 240px;
    font-size: 2rem;
    width:240px;
    word-break:keep-all;
}
.card-wrap .img-wrap ul li {
    margin-bottom:0.7rem;
}
/*.card-wrap {   padding:8rem 0; margin:6rem auto; display: flex}
.card-wrap .img-wrap {
    width:60%;
    text-align:center;
}*/
.card-wrap .img-wrap img {
    max-width:500px;
    box-shadow: -2px 6px 16px 12px rgb(116 69 6 / 10%);
}
.card-wrap .data-wrap {
    /* width:40%;*/

    max-width:500px;
    margin:0 auto;
    margin-top:5rem;
}
.card-wrap .data-wrap h3 {
    font-weight:800;
    font-size:3rem;
    padding-bottom:2rem;
}
.card-wrap .data-wrap ul li {
    padding:2rem 0 1rem 0;
    border-bottom:1px solid #ddd;
}
.card-wrap .data-wrap ul li span {
    color:#888;
    display:block;
    font-size:1.8rem;
    padding-bottom:0.5rem;
}
.card-wrap .data-wrap ul li b {
    display:block;
    font-size:2rem;
    color:#000;
    font-weight:500;
}

.chart-row {
    margin: 0 -20px
}
.chart-row  > [class^="col-"] {
    padding-right: 20px;
    padding-left: 20px;
}
.chart-box {
    background-color:#f6f4f4;
    padding:3rem;
    border-radius:2rem;
}
@media all and (max-width:640px){


}



.message-box {
}

.message-box .box {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    text-align:center;
    padding-bottom:6rem;    overflow: hidden;
}
.message-box .box i {
    text-align:center;
    display:block;
    width:130px;
    margin:0 auto;
    margin-top:-5rem;
}
.message-box .box .box-top {
    text-align: center;
    padding: 4rem 1rem;
    background-color: #f9f9f9;
    border-radius: 20px 20px 0 0;
}

.message-box .title {
    font-size: 3.6rem;
    font-weight: 600;

}

.message-box .text {
    margin-top: 20px;
    line-height: 1.6;
    word-break: keep-all;
    padding-bottom:5rem;
}

.message-box .btn-area {
    margin-top: 3rem;
}

.message-box .btn-area .btn {
    min-width: 250px;
    font-size: 17px;
    font-weight: 500;
}

@media all and (max-width:1026px){

    .message-box .title {
        font-size:2.6rem;
        line-height:1.5;

    }
}


/* dropzone */
.dropzone.type1 {
    width: 100%;
}
.dropzone.type1 .dz-message{
    margin:0;
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100%;
}
.dropzone.type1 .dz-message .dz-button{
    font-size:1.6rem;
}
.dropzone.type1 .dz-preview .dz-progress{
    display: none;
}

/* SweetAlert Button Styles */
.swal-button.btn-blue,
button.btn-blue {
    background-color: #3498db !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 24px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.swal-button.btn-blue:hover,
button.btn-blue:hover {
    background-color: #2980b9 !important;
}

.swal-button.btn-black,
button.btn-black {
    background-color: #6e7881 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 24px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.swal-button.btn-black:hover,
button.btn-black:hover {
    background-color: #5a6268 !important;
}