@charset "utf-8";

/*** mobile ***/
/** sub04 **/
/* sub04_1 */
.alert_overflow {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: url(../img/alert_overflow.jpg) no-repeat center/cover;
}
.schInner select {
    width: 150px; height: 30px;
    margin: 26px 0 34px;
    padding-left: 17px;
    font-size: 1.6rem;
    float: right;
}
.schInner .tableWrap {
    width: 100%;
    overflow-x: scroll;
}
.schInner table {width: 250%; border-spacing: 0;}
.schInner caption {font-size: 0;}
.schInner thead th {
    width: 6%; height: 50px;
    font-size: 1.6rem; color: #fff;
    font-weight: 400;
    background: #999;
}
.schInner thead th:first-child {width: 200px;}
.schInner thead th:nth-child(2) {width: 5%;}
.schInner thead th:nth-child(n+2) {border-left: 1px solid #747474;}
.schInner tbody th {
    background: #f8f8f8;
    border-radius: 0;
	font-size: 1.5rem;
	font-weight: 400;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.schInner tbody th.main {
    padding: 10px 15px;
    width: 50px;
	font-size: 1.6rem;
	font-weight: 400;
    background: #efefef;
	border-top: 1px solid #ddd;
}
.schInner tbody td {
    cursor: pointer;
    height: 50px;
    padding: 0;
    font-size: 1.4rem;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.schInner tbody td:hover {background: #eee;}
.schInner tbody td.time {cursor: default;}
.schInner tbody td.time:hover {background: #fff;}
.schInner tbody td div.check {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100%; height: 100%;
	font-size: 1.4rem;
	letter-spacing: -0.05rem;
    background: #f8f8fb;
}
.schInner .btn_wrap {margin-top: 30px;}
.schInner .btn_wrap button {
    width: 150px; height: 40px;
    background: #333;
}
.schInner .btn_wrap button.add_year {
    margin-left: 30px;
    background: #4fc4ba;
}
/* sub04_2 */
#edu_apply {overflow: hidden;}
.appInner .search {
    position: relative;
    border-top: 3px solid #4fc4ba;
    padding: 20px 4.8% 20px 0;
    background: #f8f8fb;
    text-align: right;
    overflow: hidden;
    z-index: 1;
}
.appInner .search:before {
    position: absolute;
    right: -43px; bottom: -20px;
    content: '';
    width: 294px; height: 288px;
    background: url(../img/sub04_2_logo.png) no-repeat center/contain;
    z-index: -1;
}
.appInner .search li {margin-bottom: 10px;}
.appInner .search label {
    display: inline-block;
    width: 20.527%;
    margin-right: 4.5%;
    text-align: right;
    font-size: 1.8rem;
}
.appInner .search select, .appInner .search input {
    width: 67.448%; height: 35px;
    padding-left: 2.4%;
    font-size: 1.6rem; color: #808080;
    border: 1px solid #ccc;
}
.appInner .search span {
    display: block;
    font-size: 1.6rem; color: #808080;
    margin: 5px 0 5px 15%;
    text-align: center;
}
.appInner .search .btn_wrap {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.appInner .search .btn_wrap button {
    margin-left: 4.8%;
    width: 150px; height: 40px;
    font-size: 1.6rem; color: #fff;
    background: #4fc4ba;
    border-radius: 5px;
}
.appInner .search .btn_wrap .reset {
    margin-left: 11px;
    background: #b5b7ca;
}
.appInner .event {padding-top: 40px;}
.appInner .event div.img {
    padding: 25px 7.771%;
    height: 150px;
    font-size: 2.4rem; color: #fff;
    line-height: 31px;
    background: url(../img/sub04_2_img_m.jpg) no-repeat center/cover;
}
.appInner .event div.img p {white-space: pre-line;}
.appInner .event .tabWrap {margin-top: 40px;}
.appInner .event .tabs {
    position: relative;
    display: flex;
}
.appInner .event .tabs:before {
    position: absolute;
    bottom: 0; left: 50%; transform: translateX(-50%);
    content: '';
    width: 120%; height: 3px;
    background: #4fc4ba;
    z-index: -1;
}
.appInner .event .tabWrap {margin-top: 40px;}
.appInner .event .tabs li {width: 50%;}
.appInner .event .tabs li a {
    display: flex;
    height: 51px; color: #333;
    font-size: 1.8rem; 
    white-space: pre-line;
    justify-content: center;
    align-items: center;
    background: #dee7f2;
    border-bottom: 3px solid #4fc4ba;
}
.appInner .event .tabs li a.on {
    background: #fff;
    border: 3px solid #4fc4ba;
    border-bottom: 0;
}
.appInner .event .tabCont {padding: 35px 0;}
.appInner .event .tabCont li {
    margin-bottom: 20px;
    padding: 15px 4.692%;
    box-shadow: 0px 0px 6px 1px rgba(30,30,30,.05);
}
.appInner .event .tabCont li:last-child {margin: 0;}
.appInner .event .tabCont li span.app {
    display: block;
    height: 30px;
    margin-bottom: 11px;
    font-size: 1.6rem; color: #fff;
    line-height: 29px;
    background: #808080;
    text-align: center;
    border-radius: 3px;
}
.appInner .event .tabCont li span.app2 {background: #4fc4ba;}
.appInner .event .tabCont li a {
    display: inline-block;
    font-size: 1.8rem; color: #333;
    width: 78%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}
.appInner .event .tabCont li i {
    display: inline-block;
    font-size: 1.4rem; color: #808080;
    font-style: normal;
    vertical-align: middle;
}
.appInner .event #over {display: none;}
.appInner .list {padding-top: 40px;}
.appInner .list h4 {
    margin-bottom: 20px;
    font-size: 1.8rem;
    font-weight: 400;
}
.appInner .list h4 b {color: #4fc4ba;}
.appInner .list .list_wrap {border-top: 3px solid #4fc4ba;}
.appInner .list .list_wrap a {
    display: block;
    color: #333;
}
.appInner .list article {
    padding: 20px 3.812%;
    border-bottom: 1px solid #ddd;
}
.appInner .list article b {font-size: 1.4rem; color: #4fc4ba;}
.appInner .list article h5 {
    margin: 10px 0;
    font-size: 2rem;
    line-height: 27px;
    word-break: keep-all;
}
.appInner .list article span {
    font-size: 1.4rem; color: #808080;
    word-break: keep-all;
}
.appInner .list article .date {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 12px 0 15px;
    padding: 20px 5%;
    background: #f8f8fb;
}
.appInner .list article .date b {color: #4fc4ba;}
.appInner .list article p.app {
    height: 30px;
    font-size: 1.6rem; color: #fff;
    line-height: 29px;
    text-align: center;
    background: #808080;
    border-radius: 3px;
}
.appInner .list article p.app2 {background: #4fc4ba;}
.appInner .paging_wrap ul {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    font-family: 'sans-serif';
}
.appInner .paging_wrap ul li a {
    display: block;
    width: 30px; height: 30px;
    margin: 0 2px;
    font-size: 1.5rem; color: #808080;
    line-height: 28px;
    border: 1px solid #ccc;
    text-align: center;
}
.appInner .paging_wrap ul li a.on {background: #4fc4ba; color: #fff;}

/* sub04_2_detail */
/* 정보 */
.app_dInner .info {padding: 20px 0 90px;}
.app_dInner h4:before {
    display: inline-block;
    content: '';
    width: 5px; height: 25px;
    margin-right: 10px;
    vertical-align: middle;
    background: #4fc4ba;
}
.app_dInner h4 {
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: 400;
}
.app_dInner caption {font-size: 0;}
.app_dInner table {
    width: 100%;
    border-top: 3px solid #4fc4ba;
	line-height: 1.4;
    border-spacing: 0;
}
.app_dInner table.m th {
    width: 29.325%; height: 40px;
    font-size: 1.8rem;
    font-weight: 400;
    background: #f8f8fb;
    border-bottom: 1px solid #eee;
}
.app_dInner table.m td {
    padding: 15px 2.8%;
    font-size: 1.6rem;
    border-bottom: 1px solid #eee;
}
.app_dInner table.m button {
    display: block;
    width: 92%; height: 35px;
    margin-top: 6px;
    color: #4fc4ba;
    border: 1px solid #4fc4ba;
    cursor: pointer;
}
.app_dInner table b {color: #f69f99;}
.app_dInner table.m td a {color: #333;}
.app_dInner table a:before {
    display: inline-block;
    content: '';
    width: 20px; height: 11px;
    margin-right: 8px;
    background: url(../img/icon_board_file.png) no-repeat center/contain;
}

/* 디테일 내용 */
.app_dInner .detail .tabWrap {display: flex;}
.app_dInner .detail .tabWrap li {width: 50%;}
.app_dInner .detail .tabWrap a {
    display: flex;
    height: 51px;
    font-size: 1.8rem; color: #333;
    background: #dee7f2;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 3px solid #4fc4ba;
}
.app_dInner .detail .tabWrap a.on {
    color: #4fc4ba;
    background: #fff;
    border: 3px solid #4fc4ba;
    border-bottom: 0;
}
.app_dInner .detail .tabCont {
    padding: 30px 0 35px;
    border-bottom: 1px solid #eee;
}
.app_dInner .detail #tab02 {display: none;}
.app_dInner .detail h5 {
    position: relative;
    padding-left: 12px;
    font-size: 2rem;
    font-weight: 400;
}
.app_dInner .detail h5:before {
    position: absolute;
    top: 8px; left: 0;
    content: '';
    width: 5px; height: 5px;
    border-radius: 100%;
    background: #4fc4ba;
}
.app_dInner .detail section {margin-bottom: 14px;}
.app_dInner .detail section p {
    margin-top: 15px;
    font-size: 1.6rem;
    line-height: 22px;
}
.app_dInner .detail section p b {color: red; font-weight: 400;}
.app_dInner .btn_wrap ul {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.app_dInner .btn_wrap ul li {width: 48%;}
.app_dInner .btn_wrap a, .app_dInner .btn_wrap button {
    display: block;
    width: 100%; height: 50px;
    font-size: 1.8rem; color: #fff;
    line-height: 48px;
    background: #52c5bb;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}
.app_dInner .btn_wrap a {background: #808080;}
.app_dInner #tab02 .tableWrap {overflow-y: scroll;}
.app_dInner table.program {width: 180%;}
.app_dInner table.program td {
    padding: 8px 5px;
    height: 38px;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.app_dInner table.program th {
    width: 15%; font-size: 1.6rem;
    height: 40px;
    border-bottom: 1px solid #eee;
}
.app_dInner table.program th:nth-child(2) {width: 20%;}
.app_dInner table.program th:nth-child(3) {width: 40%;}
.app_dInner table.program th:nth-child(4) {width: 10%;}
.app_dInner table.program th:nth-child(5) {width: 15%;}
#popup {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,.5);
    z-index: 9999;
}
#popup .popInner {
    position: absolute;
    width: 94.333%;
    top: 50%; left: 50%; transform: translate(-50%,-50%);
}
#popup .popInner h3 {
    padding: 16px 16px;
    font-size: 1.6rem; color: #fff;
    background: #333;
}
#popup .popInner .contWrap {
    padding: 8px 2.3% 16px;
    background: #fff;
}
#popup .popInner iframe {width: 100%; height: 350px;}
#popup .popInner caption {font-size: 0;}
#popup .popInner table {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 18px;
    border-top: 2px solid #333;
    border-spacing: 0;
}
#popup .popInner table th {
    width: 33%;
    height: 50px;
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
}
#popup .popInner table td {
    padding: 6px 10px;
    border-bottom: 1px solid #ccc;
}
#popup .popInner button.close {
    display: block;
    width: 120px; height: 36px;
    margin: 16px auto 0;
    font-size: 1.6rem; color: #fff;
    background: #808080;
    border-radius: 2px;
    cursor: pointer;
}

/* sub04_2_popup */
.inpInner h3 {
	padding: 12px 4.5%;
	font-size: 2.4rem; color: #fff;	
	background: #4fc4ba;
}
.inpInner table {
	width: 100%;
	margin-top: 20px;
	padding: 0 3.533%;
	border-spacing: 0;	
}
.inpInner table caption {font-size: 0;}
.inpInner table th {
	width: 100%; height: 30px;
	font-size: 1.6rem;
	font-weight: 400;
	background: #eee;
	border-top: 2px solid #333;
}
.inpInner table td {
	width: 100%; padding: 10px 3%;
	font-size: 1.6rem;
	border: 1px solid #eee;
	border-top: 0;
}
.inpInner table td.flex {
	display: flex;
	justify-content: center;
}
.inpInner table td input {
	width: 20px; height: 20px;
	vertical-align: middle;
}
.inpInner table td .type:last-child {margin-left: 20px;}
.inpInner table td textarea {
	display: block;
	width: 100%; height: 250px;
	overflow-y: scroll;
	margin: 0 auto;
	padding: 5px 7px;
	border-color: #a8a8a8;
	resize: none;
}
.inpInner .btn_wrap {
	display: flex;
	justify-content: space-between;
	padding: 0 3.533%;
	margin-top: 24px;
}
.inpInner .btn_wrap button {
	width: 48.5%; height: 40px;
	font-size: 1.6rem; color: #fff;
	background: #4fc4ba;
	cursor: pointer;
}
.inpInner .btn_wrap button.close {background: #747474;}

/* sub04_3 */
.infoInner {word-break: keep-all;}
.infoInner h4 {
    margin-bottom: 16px;
    font-size: 2rem;
}
.infoInner h4:before {
    display: inline-block;
    content: '';
    width: 5px; height: 22px;
    margin-right: 6px;
    background: #4fc4ba;
    vertical-align: -5px;
}
.infoInner section {margin-bottom: 40px;}
.infoInner section.text ul:nth-of-type(n+2) {margin-top: 20px;}
.infoInner section.text ul li:first-child b {
	width: 166px;
	margin-bottom: 5px;
	padding: 5px 10px;
	color: #fff;
	background: #4fc4ba;
	border: 1px solid #248179;
}
.infoInner section.text ul li {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.3;
}
.infoInner section.text ul li b {display: block;}
.infoInner section.text ul li.detail {padding-left: 12px;}
.infoInner section.text ul li.detail b {margin-left: -10px;}
.infoInner section.text ul li:nth-child(n+2) {margin-top: 8px;}
.infoInner section.pay {margin: 0;}
.infoInner .process li {
    display: flex;
    margin-bottom: 10px;
    padding: 10px 2.633%;
    border: 1px solid #ccc;
    border-radius: 6px;
    align-items: center;
}
.infoInner .process li:last-child {margin: 0;}
.infoInner .process li span {
    margin-right: 8px;
    font-size: 2rem; color: #999;
    font-weight: 700;
}
.infoInner .process li p {
    font-size: 1.5rem;
    line-height: 1.3;
}
.infoInner section article {margin-bottom: 30px;}
.infoInner section article:last-child {margin: 0;}
.infoInner h5 {
    margin-bottom: 16px;
    font-size: 1.8rem;
}
.infoInner h5:before {
    display: inline-block;
    content: '';
    width: 5px; height: 16px;
    margin-right: 6px;
    background: #4fc4ba;
    vertical-align: -2px;
}
.infoInner table {
    border-spacing: 0; width: 100%;
    border: 2px solid #000;
    border-width: 2px 0;
}
.infoInner caption {font-size: 0;}
.infoInner th {
    width: 80%; height: 36px;
    font-size: 1.6rem;
    background: #eee;
}
.infoInner th:nth-child(2) {
    width: 20%;
    border-left: 1px solid #b7b7b7;
}
.infoInner td {
    font-size: 1.5rem;
    padding: 5px;
    height: 36px;
    border-bottom: 1px solid #b7b7b7;
}
.infoInner td:nth-child(2){
    border-left: 1px solid #b7b7b7;
    text-align: center;
}
.infoInner .pay .tableWrap {overflow-y: scroll;}
.infoInner .pay table {width: 200%;}
.infoInner .pay table th:first-child {width: 30%;}
.infoInner .pay table th:nth-child(n+2) {border-left: 1px solid #b7b7b7;}
.infoInner .pay table th:nth-child(2) {width: 30%;}
.infoInner .pay table th:nth-child(3) {width: 20%;}
.infoInner .pay table th:nth-child(4) {width: 20%;}
.infoInner .pay table td {text-align: center;}
.infoInner .pay table td:nth-child(n+2) {border-left: 1px solid #b7b7b7;}
.infoInner .pay table td i.img {
    display: block;
    width: 125px; height: 33px;
    margin: 0 auto;
    background: url(../img/sub04_3_bank.jpg) no-repeat center/cover;
}
.infoInner .pay table td a {
    display: inline-block;
    padding: 5px 10px;
    color: #333;
    border: 2px solid #000;
}
.infoInner .eduTable table {margin: 10px 0 20px; line-height: 1.5;}
.infoInner .eduTable table th {width: 30%; padding: 10px 0; border-bottom: 1px solid #ccc;}

/*** PC ***/
@media screen and (min-width:1084px){
    /* sub04_1 */
    .alert_overflow {display: none;}
    .schInner select {height: 40px;}
    .schInner .tableWrap {overflow: visible;}
    .schInner table {width: 100%;}
    .schInner tbody th.main {width: 40px;}
    
    /* sub04_2 */
    .appInner .search {
        width: 800px;
        padding: 40px 20px 40px;
        text-align: center;
    }
    .appInner .search:before {
        right: -8px; bottom: -42px;
        width: 223px; height: 221px;
    }
    .appInner .search ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .appInner .search li {
        width: 50%;
        padding: 10px 0;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }
    .appInner .search li:nth-child(n+5):nth-child(-n+6) {border-bottom: 0;}
    .appInner .search label {
        width: 80px;
        margin-right: 0;
        text-align: left;
    }
    .appInner .search select, .appInner .search input {
        width: 268px; height: 30px;
        padding-left: 20px;
        border-radius: 6px;
    }
    .appInner .search select.date {width: 120px;}
    .appInner .search span {
        display: inline-block;
        margin: 0 8px;
    }
    .appInner .search .btn_wrap button {
        margin: 0;
        width: 130px;
    }
    .appInner .search .btn_wrap .reset {margin-left: 10px;}
    .appInner .event {
        display: flex;
        width: 800px;
        padding-top: 60px;
    }
    .appInner .event div.img {
        padding: 30px;
        width: 310px; height: 200px;
        line-height: 32px;
        background-image: url(../img/sub04_2_img.jpg);
    }
    .appInner .event .tabWrap {margin: 0;}
    .appInner .event .tabs:before {display: none;}
    .appInner .event .tabWrap {margin: 0 0 0 20px;}
    .appInner .event .tabs {width: 470px;}
    .appInner .event .tabs li {width: 50%;}
    .appInner .event .tabs li a {
        height: 50px;
        white-space: normal;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .appInner .event .tabs li a.on {color: #4fc4ba;}
    .appInner .event .tabCont {padding: 16px 0;}
    .appInner .event .tabCont li {
        display: flex;
        margin-bottom: 15px;
        padding: 0 10px;
        box-shadow: none;
        align-items: center;
    }
    .appInner .event .tabCont li span.app {
        width: 80px;
        margin: 0;
        border-radius: 5px;
    }
    .appInner .event .tabCont li a {
        font-size: 1.8rem;
        margin: 0 20px;
        width: 272px;
    }
    .appInner .list {width: 800px;}
    .appInner .list a {position: relative;}
    .appInner .list article {padding: 21px 23px 26px;}
    .appInner .list article h5 {
        margin: 8px 0;
        line-height: 1;
        width: 620px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .appInner .list article .date {
        line-height: 1.5;
        width: 600px;
        margin: 16px 0 0;
        padding: 15px 0 15px 21px;
    }
    .appInner .list article .date p.float {float: left;}
    .appInner .list article .date p.float:nth-child(2) {margin-left: 30px;}
    .appInner .list article .date p.clear {clear: both;}
    .appInner .list article p.app {
        position: absolute;
        top: 50%; right: 0; transform: translateY(-50%);
        width: 80px;
    }
    .appInner .list article p.app2 {background: #4fc4ba;}
    
    /* sub04_2_detail */
    /* 정보 */
    .app_dInner .info {padding: 42px 0 58px;}
    .app_dInner h4:before {
        width: 6px;
        margin-right: 20px;
        vertical-align: -5px;
    }
    .app_dInner h4 {
        margin-bottom: 32px;
        font-size: 2.4rem;
    }
    .app_dInner table.m {display: none;}
    .app_dInner th {
        width: 180px; height: 50px;
        font-size: 1.8rem;
        font-weight: 400;
        background: #f8f8fb;
        border-bottom: 1px solid #ccc;
    }
    .app_dInner td {
        width: 760px;
        padding: 8px 0 8px 30px;
        font-size: 1.6rem;
        border-bottom: 1px solid #ccc;
    }
    .app_dInner td button {
		display: block;
        width: 230px; height: 30px;
        margin-top: 8px;
        font-size: 1.4rem; color: #4fc4ba;
        border: 1px solid #4fc4ba;
        cursor: pointer;
    }
    .app_dInner .twice td {width: 290px;}
    .app_dInner td a {color: #747474;}
    
    /* 디테일 내용 */
    .app_dInner .detail .tabWrap a {height: 50px;}
    .app_dInner .detail .tabCont {
        padding: 30px;
        border-bottom: 1px solid #eee;
    }
    .app_dInner .detail h5 {padding-left: 16px;}
    .app_dInner .detail section {margin-bottom: 30px;}
    .app_dInner .detail section p {margin: 15px 0 0 12px;}
    .app_dInner .btn_wrap ul {
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
    .app_dInner .btn_wrap ul li {width: 160px;}
    .app_dInner .btn_wrap ul li:first-child {margin-right: 40px;}
    .app_dInner .detail #tab02 {padding: 30px 0;}
    .app_dInner #tab02 .tableWrap {overflow-y: visible;}
    .app_dInner table.program {
        width: 100%;
        border-top: 2px solid #333;
    }
    .app_dInner table.program td {
        padding: 8px 5px;
        height: 52px;
        font-size: 1.6rem;
    }
    .app_dInner table.program th {height: 52px;}
    #popup .popInner {
        width: 600px;
        top: 20vh; left: auto; right: 10vw; transform: translate(0,0);
    }
    #popup .popInner h3 {
        padding: 27px 40px;
        font-size: 2.8rem;
    }
    #popup .popInner .contWrap {padding: 30px 30px 27px;}
    #popup .popInner iframe {height: 300px;}
    #popup .popInner table {
        font-size: 1.8rem;
        margin-top: 28px;
    }
    #popup .popInner table th {width: 120px;}
    #popup .popInner table td {font-size: 1.6rem;}
    #popup .popInner button.close {
        width: 160px; height: 40px;
        margin: 16px auto 0;
    }

    /* sub04_3 */
    .infoInner section {margin-bottom: 43px;}
    .infoInner .process h4 {
        margin-bottom: 30px;
        font-size: 2.2rem;
    }
    .infoInner .process h4:before {
        width: 6px; height: 25px;
        margin-right: 11px;
    }
    .infoInner .process ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .infoInner .process li {
        width: 450px; height: 80px;
        margin-bottom: 20px;
        padding: 0 30px;
        border-radius: 10px;
        justify-content: space-between;
    }
    .infoInner .process li span {font-size: 2.4rem;}
    .infoInner .process li .cont {
        display: flex;
        align-items: center;
        width: 300px;
    }
    .infoInner .process li:nth-child(n+5) {margin-bottom: 0;}
    .infoInner .process li:after {
        clear: both;
        content: '';
        display: block;
    }
    .infoInner .process li i.icon {
        flex: 0 0 30px;
        margin-right: 23px;
        width: 30px; height: 33px;
        background: url(../img/sub04_3_icon01.png) no-repeat center/contain;
    }
    .infoInner .process li:nth-child(2) i.icon {height: 27px; background-image: url(../img/sub04_3_icon02.png);}
    .infoInner .process li:nth-child(3) i.icon {height: 36px; background-image: url(../img/sub04_3_icon03.png);}
    .infoInner .process li:nth-child(4) i.icon {height: 23px; background-image: url(../img/sub04_3_icon04.png);}
    .infoInner .process li:nth-child(5) i.icon {height: 22px; background-image: url(../img/sub04_3_icon05.png);}
    .infoInner .process li:nth-child(6) i.icon {height: 38px; background-image: url(../img/sub04_3_icon06.png);}
    .infoInner .process li p {
        margin: 0;
        font-size: 1.6rem;
        line-height: 22px;
        flex: 0 0 300px;
    }
    .infoInner th {
        height: 52px;
        font-size: 2rem;
    }
    .infoInner td {
        font-size: 1.7rem;
        padding: 0 16px;
        height: 52px;
    }
    .infoInner .pay .tableWrap {overflow-y: visible;}
    .infoInner .pay table {width: 100%;}
	.infoInner section.text ul li {font-size: 1.8rem; }
	.infoInner section.text ul li:first-child b {width: 174px; text-align: center;}
	.infoInner .eduTable table {margin: 20px 0 30px;}
	.infoInner .eduTable table th {width: 24%; padding: 10px; font-size: 1.6rem;}
	.infoInner .eduTable table td {font-size: 1.5rem; text-align: left; padding: 10p x0;}
}