@charset "utf-8";
@import url(_reset.css);
@import url(_variables.css);
@import url(button.css);

* {box-sizing: border-box;}
html, body {margin: 0; padding: 0;font-size:62.5%;font-family: var(--f_nsN);}


h3 {
    font-size: 22px;
    color: white;
    font-weight: 600;
    margin-bottom: 20px;
}

.plan_intro li > div > img {
    height: 19rem;
    width: 39rem;
    object-fit: cover;
}

/* screen reader only 세가지 동일 삭제예정*/
.skip {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.sr-only {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.blind {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.hidden {visibility: hidden;opacity: 0;}

#accessibility {position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#accessibility a {position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#accessibility a:link {color:#333}
#accessibility a:focus {margin-top:0;text-decoration:underline;color:#fff}

/*icon+txt*/
.waring {position:relative;margin: 0.5rem 0;padding-left:3rem;line-height: 1.7;color:#E62D8B;}
.waring::before {content: '';position: absolute;display:block;left:0; top:0;width:2.6rem; height:2.6rem; background:url('/resources/images/common/icon_waring.svg') no-repeat 50%;}

/* img 
img {display: block; max-width:100%; margin: 0 auto;} */

/* flex */
.flex-column {display: flex; flex-direction: column;}
.flex-space-between {display: flex;align-items: center;justify-content: space-between;}

/* arr - icon */
.arr {display: block;}
.arr.small {width: 2rem; height: 2rem; background: url('/resources/images/common/arr_sm.svg') no-repeat 50%;}
.arr.medium {width: 2rem; height: 2rem; background: url('/resources/images/common/arr_mdi.svg') no-repeat 50%;}

/* btn */
a {cursor: pointer;}
.btn.tx {display:inline-flex;align-items:center;justify-content:space-evenly;flex-direction:row;padding: 1.2rem 2.5rem;line-height:1;border: 1px solid #bbb; border-radius:5rem;color:#333;}
.btn.circle {display: flex; align-items: center; justify-content: center; width:8rem; height: 8rem; border-radius: 8rem; background:#F2F2F2;}

/*여백*/
.mr-1 {margin-right:1rem;}
.mr-2 {margin-right:2rem;}

/*table*/
.tbl_basic.type2 {display: table;width: 100%;margin-bottom: 10px;font-size: 1.5rem;border-top: 4px solid #4D8DE7;border-bottom: 1px solid transparent;border-collapse: collapse;}
.tbl_basic.type2 thead th {border: 1px solid #8D9BA8;}
.tbl_basic.type2 th:first-child, .tbl_basic.type2 td:first-child {border-left: 0;}
.tbl_basic.type2 th:last-child, .tbl_basic.type2 td:last-child {border-right: 0;}
.tbl_basic.type2 th, .tbl_basic.type2 td {margin-left: -1px; padding:1.8rem 1.5rem;border-left: 1px solid #DEE2E6;border-bottom: 1px solid #DEE2E6;word-wrap: break-word; word-break: keep-all;}
.tbl_basic.type2 tbody th {text-align: left;background-color: #fff;}
.tbl_basic.type2 tbody th, .tbl_basic.type2 tbody td {font-size:1.4rem; font-weight: 300;}
.tbl_basic.type2 tbody tr.last_line {font-weight:600; background:#F8F9FA;}
.tbl_basic.type2 tbody th, .tbl_basic.type2 tbody tr.last_line td, .tbl_basic.type2 tbody tr.last_line td {font-weight:600;}

@media only screen and (max-width:768px) {
	.tbl_m_warp {width:100%; overflow:scroll}
	.tbl_m_warp .tbl_basic {min-width:600px;}
}

/*list*/
.list_num{overflow:hidden;}
.list_num li{position:relative;display:block;color:#555;padding-left:33px;font-weight: 300;}
.list_num li .number{display:block;position:absolute;width:25px;height:25px;line-height:25px;border-radius:100%;top:2px;left:0;text-align:center;font-size:14px;color:#fff; background: #ccc;}

.list_num.white li {color:#fff}
.list_num.white .number {background:#fff; color:#00A6E2;font-weight:600;}

/*bg*/
.bg_blue {background:#00A6E2;}

/*font*/
.font_mg {font-family:var(--f_mag);font-weight: normal;}

/*줄바꿈*/
.enter {display:block;}

/*Tab*/
.tab_header {display:block;}
.tab_body {display:block;}
.tab_section {display:block; padding:5rem 0; /* border-bottom:1px solid #DEE2E6; */}

.tab-ul {display:flex;padding-left: 1px;padding-top: 1px;overflow: hidden;}
.tab-ul li {display:table;float:left;height:100%;margin-top:-1px;margin-left:-1px;}
.tab-ul li * {margin:0;padding:0;line-height:0;}
.tab-ul li a {display:table-cell;background-image:none;color:inherit;text-align:left;cursor:pointer;}
.tab-ul li a span {
	display: flex;
    position:relative;
    line-height:1.2;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/*Tab Type1*/
.tab-ul.type1 li {z-index:999;position:relative;z-index:10; transition:all .3s;-webkit-transition:all .3s; width: 100%;}
.tab-ul.type1 li a {position:relative;height:7.5rem;color:#6C757D;font-size:16px;text-align:left;border:1px solid #e1e1e1;transition:all .3s;-webkit-transition:all .3s;}
.tab-ul.type1 li a span {}

.tab-ul.type1 li a {outline: 1px solid transparent;}
.tab-ul.type1 li.on {z-index:1;position:relative;}

.tab-ul.type1 li.on a,
.tab-ul.type1 li.on a:active,
.tab-ul.type1 li.on a:focus,
.tab-ul.type1 li.on a:hover {
    border-bottom: 3px solid #1E4298;
    color: black;
    font-weight: bold;
    background-color: #fff;
}

.tab-ul.type1 li:active,
.tab-ul.type1 li:focus,
.tab-ul.type1 li:hover {z-index:11;}

.tab-ul.type1 li a:active,
.tab-ul.type1 li a:focus,
.tab-ul.type1 li a:hover {color:#1E4298;font-weight: 800; /* border:1px solid #1E4298; */}

.tab-ul.type1 li a span:after {
	/* position: absolute; content: ""; top: 50%; right: 15px; width: 16px; height: 4px; margin-top: -1px; border-radius: 5px; background: #DEE2E6; transition: all 0.3s ease-out; */
}
.tab-ul.type1 li.on a span:after,
.tab-ul.type1 li a:hover span:after {display: none;}

/*탭버튼 5개부터는 2줄로*/
.tab-ul.type1.tab-col-5 {flex-wrap: wrap;} 
.tab-ul.type1.tab-col-5 li {width: 25%;}

@media only screen and (max-width:768px) {
	/* .tab-ul {flex-wrap: wrap;} */
	.tab-ul.type1 li {width: 50%;}
}

@media only screen and (max-width:540px) {
	.tab-ul.type1 li {width: 100%;}
}



/* 공통탭 */


.tab-ul-basic {
    display: flex;
    padding-left: 1px;
    padding-top: 1px;
    overflow: hidden;
    gap: 10%;
}

.tab-ul-basic li a span {
    display: flex;
    position: relative;
    line-height: 1.2;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-left: 2rem;
    padding-right: 4.5rem;
    justify-content: center;
}

.tab-ul-basic.type1 li.on {
    z-index: 998;
    position: relative;
}

.tab-ul-basic.type1 li {
    z-index: 999;
    position: relative;
    z-index: 10;
    transition: all .3s;
    -webkit-transition: all .3s;
    width: 100%;
}

.tab-ul-basic.type1 li a span:before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 15px;
    z-index: 20;
    width: 16px;
    height: 10px;
    margin-top: -5px;
}

.tab-ul-basic.type1 li a {
    outline: 1px solid transparent;
}
.tab-ul-basic.type1 li a {
    position: relative;
    height: 7.5rem;
    color: #6C757D;
    font-size: 16px;
    text-align: left;
    border: 1px solid #e1e1e1;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.tab-ul-basic li a {
    display: table-cell;
    background-image: none;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
.tab-ul-basic li * {
    margin: 0;
    padding: 0;
    line-height: 0;
}

.tab-ul-basic li {
    display: table;
    float: left;
    height: 100%;
    margin-top: -1px;
    margin-left: -1px;
}