@charset "UTF-8";

/* [S]찾아오시는길 */
.wrap-directions .line {display: inline-block;width: 3rem;height: 3rem;margin-right: .3rem;transform: translateY(-.2rem);font-size: 1.5rem;line-height: 2.3rem;border-radius: 50%;font-family: pbGov;}
.wrap-directions .line1 {color: #3298d0;border: 4px solid #3298d0;}
.wrap-directions .line2 {color: #b8500f;border: 4px solid #b8500f;}
/* [E]찾아오시는길 */

/* [S]Improvement of the Military Service System */
.milservice .sec1 {background: #eef2f7 url('../../images/sub/bg-milservice-sec1.png') no-repeat right bottom / cover;border-radius: 1.2rem;}
.milservice .sec3 .list {display: flex;gap: 1rem;}
.milservice .sec1 .img-box {padding:  0 4rem;transform: translateY(-6rem);}
.milservice .sec1 .img-box img {border-radius: 1.2rem;}
.milservice .sec1 .wrap-txt {padding:  0 8rem 0 4rem;transform: translateY(-3.6rem);}
.milservice .sec1 strong {display: block;margin: 1rem 0 1rem;font-size: 1.9rem;font-family: pb;color: #063a74;}
.milservice .sec1 p {font-size: 1.7rem;color: #555555;font-family: pr;line-height: 2.6rem;}

.milservice .sec2 {border: 1px solid #ced3d6;border-radius: 1.2rem;overflow: hidden;}

.milservice .sec3 .tit {display: flex;justify-content: center;align-items: center;width: 12rem;;font-size: 1.7rem;padding:0 .5rem;font-family: pb;border-radius: .6rem;text-align: center;line-height: 2.2rem;flex-shrink: 0;}
.milservice .sec3 .table-head {display: flex;border-radius: .6rem .6rem 0 0;}
.milservice .sec3 .table-head li {display: flex;justify-content: center;align-items: center;position: relative;flex: 1;padding: 1.3rem 1rem;font-size: 1.7rem;color: #fff;font-family: pb;text-align: center;line-height: 2.2rem;}
.milservice .sec3 .table-head li::before {content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 3rem;;margin-top: -1.5rem;}
.milservice .sec3 .table-body {background: #f5f5f5;}
.milservice .sec3 .table-info {display: flex;}
.milservice .sec3 .table-info > li {flex:1;padding:2rem 1rem;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
.milservice .sec3 .table-info > li:last-child {border-right: 0;}
.milservice .sec3 .table-body > ul:last-child > li {border-bottom: 0;}
.milservice .sec3 .table-info > li > div {text-align: center;}
.milservice .sec3 .table-info strong {font-size: 1.7rem;color: #2d2d2d;font-family: pb;line-height: 2rem;}
.milservice .sec3 .table-info span {font-size: 1.5rem;color: #2d2d2d;font-family: pl;}
.milservice .sec3 .table-info em {font-size: 1.7rem;font-family: pm;color: #2d2d2d;}
.milservice .sec3 .table-info img {display: block;margin: 0 auto;margin-bottom: .5rem;}
.milservice .sec3 .list1 .tit {color: #008cc9;background: #def2f7;}
.milservice .sec3 .list1 .table-head {background: #008cc9;}
.milservice .sec3 .list1 .table-head li::before {background: #3fbef5;}
.milservice .sec3 .list2 .tit {color: #0079cd;background: #e6f0f7;}
.milservice .sec3 .list2 .table-head {background: #0079cd;}
.milservice .sec3 .list2 .table-head li::before {background: #2293e1;}
.milservice .sec3 .list3 .tit {color: #0065cf;background: #e0eefc;}
.milservice .sec3 .list3 .table-head {background: #0065cf;}
.milservice .sec3 .list3 .table-head li::before {background: #3482d4;}
.milservice .sec3 .list4 .tit {color: #014790;background: #e0ebfc;}
.milservice .sec3 .list4 .table-head {background: #014790;}
.milservice .sec3 .list4 .table-head li::before {background: #075fbb;}

/* .milservice .sec3 .wrap-table::-webkit-scrollbar {height: 9px;}
.milservice .sec3 .wrap-table::-webkit-scrollbar-thumb {background: rgb(17, 116, 255); border: 2px solid #fff; border-radius: 10px;} */

@media screen and (max-width:768px) {
	.milservice .sec3 .list {flex-direction: column;}
	.milservice .sec3 .tit {width: 100%;padding: 2.5rem;}
	.milservice .sec3 .tit br {display: none;} 
}

@media screen and (max-width:650px) {
	.milservice .sec3 .table-inner {min-width: 768px;}
	.milservice .sec3 .wrap-table {position: relative;}
    .milservice .sec3 .wrap-table::after {content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/common/bg-table.png) no-repeat center center}
    .milservice .sec3 .wrap-table.on::after {display: none;}
	.milservice .sec3 .list {flex-direction: column;} 
	.milservice .sec3 .tit {width: 100%;}
}
/* [E]Improvement of the Military Service System */