.span-br {
    display: block;
}

.span-mobile-br {
    display: inline;
}

.center-crop>img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    display: block;
    min-width: 100%;
    max-width: 100%;
    margin: auto;
}

.clear:after {
    display: block;
    content: "";
    clear: both;
}

.only-pc {
    display: block;
}

.only-mobile {
    display: none;
}

.no-line {
    border: 0 !important
}

.point-color01 {
    color: #166eb6 !important
}

.point-color02 {
    color: #13ab37 !important
}

.point-color03 {
    color: #777 !important
}

.point-color04 {
    color: #ef0e0e !important
}

.point-color05 {
    color: #777777 !important
}

.point-color06 {
    color: #166eb6 !important
}

.point-color07 {
    color: #cd1717 !important
}

.point-color08 {
    color: #32835e !important
}

.point-color09 {
    color: #1e89e9 !important
}

.point-color10 {
    color: #333 !important
}

.point-color11 {
    color: #0e7ec3 !important
}

.point-color12 {
    color: #e77609 !important
}

.point-color13 {
    color: #008000 !important
}

.point-color14 {
    color: #1992d8 !important
}

.point-important {
    color: #ef0e0e;
    font-weight: 500;
    font-size: 16px;
}

.underline {
    text-decoration: underline;
}

.left {
    text-align: left !important
}

.center {
    text-align: center !important
}

.right {
    text-align: right !important
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.one-box {
    display: block;
}

.one-box:after {
    display: block;
    content: "";
    clear: both;
}

.half-box {
    float: left;
    width: 50%;
}

.half-box:nth-child(even) {
    float: right;
}

.depth3-box {
    float: left;
    width: 33.333%;
}

.depth3-box:nth-of-type(2) {
    float: left;
    width: 33.334%;
}

.depth3-box.type02 {
    width: 50%;
}

.depth3-box.type02:nth-of-type(2),
.depth3-box.type02:nth-of-type(3) {
    width: 25%;
}

.title-type01 {
    position: relative;
    margin-left: -25px;
    padding-left: 47px;
    margin-bottom: 25px;
    font-size: 34px;
    line-height: 40px;
    color: #333333;
    font-weight: 700;
    background-image: url(../img/bul/bullet_type01.png);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: 0 2.5px;
    word-break: keep-all
}

.title-type02 {
    margin-left: -25px;
    margin-bottom: 10px;
    padding-left: 24px;
    color: #333333;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    background-image: url(../img/bul/bullet_type02.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-size: 15px 15px;
}

.title-type03 {
    margin-bottom: 10px;
    color: #0e7ec3;
    font-size: 21px;
    line-height: 29px;
    font-weight: 500;
}

.word-type01 {
    color: #777777;
    font-size: 20px;
    line-height: 34px;
    word-break: keep-all;
}

.word-type02 {
    color: #777777;
    font-size: 17px;
    line-height: 26px;
    word-break: keep-all;
}

.circle-bullet {
    position: relative;
    padding-left: 24px;
}

.circle-bullet:before {
    position: absolute;
    top: 10px;
    left: 8px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #000000
}

.line-bullet {
    position: relative;
    padding-left: 12px;
}

.line-bullet:before {
    position: absolute;
    top: 16px;
    left: 0;
    content: "";
    display: block;
    width: 7px;
    height: 2px;
    background-color: #8d8d8d
}

.ul-list01 {
    color: #777777;
    font-size: 20px;
    line-height: 34px;
    word-break: keep-all;
}

.ul-list01>li {
    position: relative;
    padding-left: 11px;
}

.ul-list01>li:before {
    position: absolute;
    top: 15px;
    left: 0;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666
}

.ul-list01>li>ul,
.ul-list01>li>ol {
    padding: 10px 0;
    font-size: 18px;
    line-height: 28px;
}

.ul-list01>li>ul>li {
    position: relative;
    padding-left: 12px;
}

.ul-list01>li ol li {
    position: relative;
    padding-left: 20px;
}

.ul-list01>li>ul>li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "-";
}

.ul-list01>li ol li .number {
    position: absolute;
    top: 0;
    left: 0;
}

.ul-list01>li ol ol {
    font-size: 16px;
    line-height: 24px;
}

.ol-list01 {
    color: #777777;
    font-size: 20px;
    line-height: 34px;
    word-break: keep-all;
}

.ol-list01>li {
    position: relative;
    padding-left: 20px;
}

.ol-list01>li .number {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
}

.ol-list01>li>ul,
.ol-list01>li>ol {
    padding: 10px 0;
    font-size: 18px;
    line-height: 28px;
}

.ol-list01>li>ul>li {
    position: relative;
    padding-left: 12px;
}

.ol-list01>li>ol>li {
    position: relative;
    padding-left: 25px;
}

.ol-list01>li>ol>li .number {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
}

.ol-list01>li>ul>li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "-";
}

.login-area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 655px;
}

.login-box {
    display: block;
    width: 100%;
    max-width: 400px;
}

.login-box input[type="search"],
.login-box input[type="password"] {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background-color: #f6f8f9;
    border: 1px solid #f6f8f9;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-indent: 20px;
}

.login-box input::placeholder {
    color: #777777
}

.login-box .save-id {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.login-box .save-id>input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    appearance: none;
    width: 20px;
    height: 20px;
    margin-right: 9px;
    background-image: url(../img/icon/icon_checkbox02_off.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 0 0;
}

.login-box .save-id>input[type="checkbox"]:checked {
    background-image: url(../img/icon/icon_checkbox02_on.png);
}

.login-box .save-id>label {
    color: #616161;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

.login-box .save-id>input[type="checkbox"]:checked+label {
    color: #007dd5;
}

.login-box input[type="submit"] {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    height: 70px;
    appearance: none;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    border-radius: 5px;
    background-color: #3558ab;
    border: 0;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.login-box input[type="submit"]:hover,
.login-box input[type="submit"]:focus {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.members-menu-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-join01 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 20px;
    color: #3558ab;
    font-size: 15px;
    font-weight: 500;
    border-radius: 18px;
    background-color: #f3f5f7;
}

.btn-join01 .icon {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 17px;
    overflow: hidden;
    background-image: url(../img/icon/icon_human01.png);
    background-repeat: no-repeat;
    background-size: 15px 34px;
    background-position: 0 0;
}

.btn-join01 strong {
    margin: 0 15px 0 10px;
}

.btn-join01 .arrow {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 10px;
    overflow: hidden;
    background-image: url(../img/icon/icon_arrow_right02.png);
    background-repeat: no-repeat;
    background-size: 6px 20px;
    background-position: 0 0;
}

.btn-join01,
.btn-join01 .icon,
.btn-join01 strong,
.btn-join01 .arrow {
    transition: all 0.2s ease-in-out;
}

.btn-join01:hover,
.btn-join01:focus {
    background-color: #3558ab;
    color: #fff;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.btn-join01:hover .icon,
.btn-join01:focus .icon {
    background-position: 0 -17px;
}

.btn-join01:hover .arrow,
.btn-join01:focus .arrow {
    background-position: 0 -10px;
}

.members-menu-list .word-find {
    display: block;
}

.members-menu-list .word-find>a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    font-size: 15px;
    line-height: 36px;
    font-weight: 500;
    margin-left: 20px;
    transition: 0.2s ease-in-out;
}

.members-menu-list .word-find>a:hover,
.members-menu-list .word-find>a:focus {
    color: #3558ab
}

.members-menu-list .word-find>a:before {
    position: absolute;
    top: 50%;
    left: -10px;
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #c2c2c2;
}

.members-menu-list .word-find>a:first-child {
    margin-left: 0;
}

.members-menu-list .word-find>a:first-child:before {
    display: none;
}

.members-menu-list .word-find>a:after {
    position: absolute;
    bottom: 10px;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #333333;
    transition: 0.2s ease-in-out;
}

.members-menu-list .word-find>a:hover:after,
.members-menu-list .word-find>a:focus:after {
    width: 100%;
    background-color: #3558ab;
}

.basic-search-wrapper {
    border-top: 2px solid #080808;
    border-bottom: 2px solid #dddddd;
    padding: 20px 28px;
    margin-bottom: 22px;
}

.basic-search-wrapper .one-box+.one-box {
    margin-top: 9px
}

.basic-search-wrapper .half-box {
    width: calc(50% - 26px);
}

.basic-search-wrapper dl {
    position: relative;
    padding-left: 152px;
}

.basic-search-wrapper dl>dt {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 152px;
    height: 46px;
    padding: 0 8px;
    color: #000000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
}

.basic-search-wrapper dl>dd {
    display: flex;
    min-height: 46px;
}

.basic-search-wrapper dl>dd>input,
.basic-search-wrapper dl>dd>select {
    display: block;
    width: 100%;
    height: 46px;
    background-color: #f1f3f5;
    border-color: #f1f3f5;
    text-indent: 15px;
    color: #000;
}

.basic-search-wrapper dl>dd select,
.basic-search-wrapper dl>dd input::placeholder {
    color: #b1b9c0 !important
}

.basic-search-wrapper dl>dd select {
    background-image: url(../img/icon/icon_selected02.png);
    background-size: 8px 7px;
}

.input-calendar-area {
    position: relative;
    display: block;
    padding-right: 50px;
    height: 50px;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #dddddd;
}

.input-calendar-area>input {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.input-calendar-area button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
}

.input-calendar-area button>img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 19px;
    height: 20px;
    margin-top: -13px;
    margin-left: -9.5px;
}

.input-calendar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input-calendar-wrapper .word-unit {
    padding: 0 12px;
}

.basic-search-wrapper .input-calendar-area {
    width: calc(50% - 25px);
    padding-right: 46px;
    height: 46px;
    border-radius: 4px;
    background-color: #f1f3f5;
    border-color: #f1f3f5;
}

.basic-search-wrapper .input-calendar-area>input {
    background-color: #f1f3f5;
    border-color: #f1f3f5;
    color: #000;
}

.btn-search02 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 56px;
    border-radius: 28px;
    background-color: #495057;
    margin: 0 auto;
    transition: all 0.2s ease-in-out;
}

.btn-search02:hover,
.btn-search02:focus {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.btn-search02>img {
    width: 17px;
    margin-right: 12px;
}

.btn-search02>strong {
    color: #fefefe;
    font-size: 20px;
    font-weight: 700;
}

.table-type01 {
    clear: both;
    border-top: 2px solid #222222
}

.table-type01 table thead th,
.table-type01 table tbody th,
.table-type01 table tfoot th {
    padding: 13px 10px;
    background: #f8f8f9;
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    border-bottom: 1px solid #222222;
    text-align: center;
    word-break: keep-all
}

.table-type01 table tbody th,
.table-type01 table tfoot th {
    border-bottom: 1px solid #e5e5e5
}

.table-type01 table tbody td,
.table-type01 table tfoot td,
.table-type01 table tbody td .ul-list01 {
    padding: 13px 10px;
    color: #777777;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #e5e5e5
}

.table-type02 {
    clear: both;
    border-top: 2px solid #126bb5
}

.table-type02 table thead th,
.table-type02 table tbody th,
.table-type02 table tfoot th {
    padding: 13px 15px;
    background: #f0f5fa;
    color: #212121;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    border: 1px solid #ddd;
    border-top: 0;
    text-align: center;
    word-break: keep-all
}

.table-type02 table tbody th,
.table-type02 table tfoot th {
    background-color: #f7f7f7;
}

.table-type02 table tbody td,
.table-type02 table tfoot td {
    padding: 13px 15px;
    color: #777777;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #ddd;
    border-top: 0;
}

.table-type02 table th:first-child,
.table-type02 table td:first-child {
    border-left: 0 !important;
}

.table-type02 table th:last-child,
.table-type02 table td:last-child {
    border-right: 0 !important;
}

.table-type02 table tbody td .ul-list01 {
    font-size: 16px;
    line-height: 24px;
}

.table-type02 table tbody td .ul-list01>li:before {
    top: 10px;
}

.table-type02 table tbody td .ul-list01>li>ul {
    padding: 5px 0 10px 0;
    font-size: 14px;
    line-height: 20px;
}

.table-type02 table tbody td .ol-list01 {
    font-size: 16px;
    line-height: 24px;
}

.table-type02 table tbody td .ol-list01>li:before {
    top: 0;
}

.table-type02 table tbody td .ol-list01>li>ul,
.table-type02 table tbody td .ol-list01>li>ol {
    font-size: 14px;
    line-height: 20px;
}

.table-type02 table tbody td .word-notice01 {
    font-size: 16px;
    line-height: 24px;
}

.table-type03 {
    clear: both;
    border-top: 1px solid #222222
}

.table-type03 table thead th,
.table-type03 table tbody th,
.table-type03 table tfoot th {
    padding: 17px 27px;
    background: #f8f8f8;
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    border-bottom: 1px solid #222222;
    text-align: center;
    word-break: keep-all
}

.table-type03 table tbody th,
.table-type03 table tfoot th {
    border-bottom: 1px solid #e5e5e5
}

.table-type03 table tbody td,
.table-type03 table tfoot td {
    padding: 17px 27px;
    color: #777777;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #e5e5e5
}

.btn-linked {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    margin-left: 5px;
}

.btn-linked>img {
    display: block;
    width: 28px;
}

.w100 {
    width: 100% !important;
}

.max-w100 {
    max-width: 100% !important;
}

.title-wrapper {
    display: block;
    margin-bottom: 15px;
}

.title-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.title-wrapper .total {
    margin-top: 10px;
}

table .bg01 {
    background-color: #fdf7ee !important;
}

table .bg02 {
    background-color: #f7f7f7 !important;
}

table .bg03 {
    background-color: #fff !important;
    color: #333 !important;
}

table td>img.qrcode {
    width: 100%;
    max-width: 100px;
}

.word-linked-notice01 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 27px;
    padding-right: 45px;
    color: #333333;
    font-size: 17px;
    line-height: 20px;
    background-image: url(../img/icon/icon_notice01.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
    transition: all 0.2s ease-in-out;
}

.word-linked-notice01:hover,
.word-linked-notice01:focus {
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3)
}

.word-linked-notice01:before {
    position: absolute;
    bottom: -9px;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #333;
}

.word-linked-notice01>img {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 20.5px;
    margin-top: -5.5px;
    transition: all 0.2s ease-in-out;
}

.word-linked-notice01:hover>img {
    right: 5px;
}

.temp-contets-area {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 245px;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
    background-color: #f3f5f7;
    color: #213768;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}

.temp-contets-area.type02 {
    min-height: 572px;
}

.search-wrapper02 {
    padding: 47px 45px;
    background-color: #f3f5f7;
}

.search-area02 {
    position: relative;
    max-width: 582px;
    margin: 0 auto;
    padding: 0 86px 0 78px;
}

.search-area02>label {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 50px;
    color: #000000;
    font-weight: 700;
}

.search-area02>input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 80px;
    height: 100%;
    background-color: #495057;
    border-radius: 4px;
    border: 1px solid #495057;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.word-satisfy,
.word-none-satisfy {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.word-satisfy {
    color: #13ab37;
    font-weight: 500
}

.word-satisfy>strong,
.word-none-satisfy>strong {
    font-weight: 500;
}

.word-none-satisfy {
    color: #db284e;
    font-weight: 500
}

.word-satisfy>img,
.word-none-satisfy>img {
    width: 20px;
}

.word-satisfy>strong+img,
.word-none-satisfy>strong+img,
.word-satisfy>img+strong,
.word-none-satisfy>img+strong {
    margin-left: 10px;
}

.business-support-information {
    position: relative;
    margin-top: 30px;
    margin-bottom: 38px;
    padding: 45px 65px;
    border: 1px solid #e5e5e5;
    border-top-color: #222;
}

.business-support-information:before {
    position: absolute;
    bottom: -11px;
    left: -1px;
    content: "";
    display: block;
    width: calc(100% + 2px);
    height: 10px;
    background-color: #f8f8f8;
}

.business-support-information>h4 {
    margin-bottom: 22px;
    color: #000000;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
}

.business-support-information ul {
    margin-bottom: 18px;
}

.business-support-information ul>li {
    margin-bottom: 12px;
}

.radio-type01 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    appearance: none;
    background-image: url(../img/icon/icon_radio01.png);
    background-repeat: no-repeat;
    background-size: 26px 52px;
    background-position: 0 0;
    cursor: pointer
}

.radio-type01:checked {
    background-position: 0 -26px;
}

.checkbox-type01 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    appearance: none;
    background-image: url(../img/icon/icon_checkbox01.png);
    background-repeat: no-repeat;
    background-size: 18px 36px;
    background-position: 0 0;
    cursor: pointer
}

.checkbox-type01:checked {
    background-position: 0 -18px;
}

table td>strong,
table td>span {
    font-weight: 500 !important;
}

.survey-wrapper {
    position: relative;
    padding-left: 173px;
    background-color: #f8f8f9;
    border-bottom: 1px solid #e5e5e5
}

.survey-wrapper>h3 {
    position: absolute;
    top: 64px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 173px;
    height: calc(100% - 64px);
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}

.survey-wrapper>h3>strong {
    display: block;
    text-align: center;
    font-weight: 500;
}

.survey-wrapper>h3>strong>span {
    display: block;
    color: #2197f3;
}

.survey-area {
    background-color: #fff;
}

.survey-area .survey-title {
    position: relative;
    width: calc(100% + 173px);
    height: 64px;
    margin-left: -173px;
    padding-right: 190px;
    background-color: #50558b;
}

.survey-area .survey-title h4 {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 64px;
    font-size: 20px;
    font-weight: 700
}

.survey-area .survey-title .type01 {
    left: 0;
    width: calc(100% - 190px);
}

.survey-area .survey-title .type02 {
    right: 0;
    width: 190px;
    background-color: #3b3e66
}

.survey-box {
    position: relative;
    padding: 18px 190px 18px 80px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.survey-box:last-child {
    border-bottom: 0;
}

.survey-box>h5 {
    position: relative;
    margin-left: -50px;
    padding-left: 50px;
    color: #333333;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    word-break: keep-all;
}

.survey-box>h5>.number {
    position: absolute;
    top: 0;
    left: 10px;
}

.survey-box>ul {
    margin-top: 13px;
}

.survey-box>ul>li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 4px;
}

.survey-box>ul>li:last-child {
    margin-bottom: 0;
}

.survey-box>ul>li>input[type="radio"] {
    width: 24px;
    height: 20px;
    background-size: 20px 40px;
}

.survey-box>ul>li>input[type="radio"]:checked {
    background-position: 0 -20px;
}

.survey-box>ul>li>input[type="radio"]+label {
    margin-left: 5px;
    color: #777777;
    font-size: 20px;
    line-height: 28px;
}

.survey-box>ul>li>input[type="radio"]:checked+label {
    color: #2196f4;
}

.form-reason-wrapper {
    position: relative;
    margin-top: 13px;
    padding-left: 67px;
    padding-right: 20px;
    max-width: 685px;
}

.form-reason-wrapper:before,
.form-reason-wrapper:after {
    position: absolute;
    top: 0;
    font-size: 20px;
    line-height: 46px;
    font-weight: 400;
}

.form-reason-wrapper:before {
    left: 0;
    content: "(";
}

.form-reason-wrapper:after {
    right: 0;
    content: ")";
}

.form-reason-wrapper>label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-left: 12px;
    color: #777777;
    font-size: 20px;
    line-height: 46px;
    font-weight: 400;
}

.form-reason-wrapper>textarea {
    display: block;
    height: 45px;
    padding: 0 10px;
    border-radius: 4px;
    background-color: #f1f3f5;
    color: #000;
    font-size: 16px;
    line-height: 45px;
    font-weight: 500;
    border-color: #f1f3f5;
    text-indent: 10px;
}

.form-reason-wrapper>textarea::placeholder {
    color: #b1b9c0 !important
}

.radio-swhitch-wrapper {
    position: absolute;
    top: 50%;
    right: 20px;
    height: 38px;
    margin-top: -19px;
}

.radio-swhitch-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.radio-swhitch-area {
    float: left;
    margin-right: -1px;
}

.radio-swhitch-area>input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.radio-swhitch-area>input[type="radio"]+label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 38px;
    border: 1px solid #ced4da;
    color: #869096;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.radio-swhitch-area>input[type="radio"]:checked+label {
    position: relative;
    background-color: #e9f5fe;
    border: 1px solid #2196f3;
    color: #2196f3;
}

.radio-swhitch-area:nth-of-type(1)>input[type="radio"]+label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.radio-swhitch-area:nth-of-type(2)>input[type="radio"]+label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.input-checkbox-wrapper {
    display: block;
}

.input-checkbox-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.input-checkbox-wrapper.horizontal .input-checkbox-area {
    float: left;
    margin: 5px 50px 5px 0;
}

.input-checkbox-area {
    display: flex;
    align-items: center;
}

.input-checkbox-area>input[type="checkbox"]+label {
    margin-left: 5px;
    color: #777777;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
}

.survey-box .input-checkbox-area {
    float: left;
    margin-right: 30px;
    margin-top: 10px;
}

.survey-box>h5+p {
    margin-top: 10px;
    color: #777777;
    font-size: 20px;
    line-height: 32px;
    word-break: keep-all;
}

.subrvey-ranking-wrapper {
    padding-top: 4px;
}

.subrvey-ranking-wrapper>dl {
    position: relative;
    margin-top: 7px;
    padding-left: 56px;
}

.subrvey-ranking-wrapper>dl>dt {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    height: 46px;
    align-items: center;
    color: #777777;
    font-size: 20px;
}

.subrvey-ranking-wrapper>dl>dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subrvey-ranking-wrapper>dl>dd select {
    width: 210px;
}

.select-type02 {
    background-color: #f1f3f5;
    border-color: #f1f3f5;
    height: 46px;
    color: #b1b9c0;
    font-weight: 500;
    font-size: 16px;
    text-indent: 15px;
    background-image: url(../img/icon/icon_selected02.png);
    background-repeat: no-repeat;
    background-size: 8px 7px;
    background-position: calc(100% - 20px);
}

.input-type01 {
    background-color: #f1f3f5 !important;
    border-color: #f1f3f5 !important;
    height: 46px !important;
    color: #000;
}

.input-type01::placeholder {
    color: #b1b9c0;
}

.subrvey-ranking-wrapper>dl>dd .etc {
    width: calc(100% - 218px);
}

.survey-area.type02 {
    position: relative;
    padding: 0 20px 20px 20px;
    text-align: center;
}

.survey-area.type02:before {
    position: absolute;
    top: 0;
    left: -173px;
    content: "";
    display: block;
    width: calc(100% + 173px);
    height: 64px;
    background-color: #50558b;
    z-index: 5;
}

.survey-area.type02>dl {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    z-index: 10;
}

.survey-area.type02>dl>dt {
    display: block;
    height: 64px;
}

.survey-area.type02>dl>dt>label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 64px;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

.survey-area.type02>dl>dd {
    padding-top: 20px;
}

.survey-area.type02>dl>dd>input {
    width: 100%;
    max-width: 140px;
}

.training-package-wrapper {
    text-align: center;
}

.training-package-wrapper>h3 {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    font-size: 46px;
    line-height: 62px;
    margin-bottom: 65px;
    padding: 0 87px;
    font-weight: 400;
    color: #000000;
}

.training-package-wrapper>h3>strong {
    color: #3c61af;
    font-weight: 800;
}

.training-package-wrapper>h3:before,
.training-package-wrapper>h3:after {
    position: absolute;
    content: "";
    display: block;
    width: 65px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 65px 50px;
    background-position: 0 0;
}

.training-package-wrapper>h3:before {
    top: 0;
    left: 0;
    background-image: url(../img/sub03/icon_quot_left_top.png);
}

.training-package-wrapper>h3:after {
    bottom: 0;
    right: 0;
    background-image: url(../img/sub03/icon_quot_right_bottom.png);
}

.images-box {
    display: block;
}

.images-box>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.images-box>img.pc {
    display: block;
}

.images-box>img.mobile {
    display: none;
}

.images-box.left,
.images-box.right {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
}

.hrd-intro-area {
    position: relative;
    overflow: hidden;
    min-height: 473px;
    padding-left: 599px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    color: #777777;
    word-break: keep-all;
}

.hrd-intro-area em {
    color: #166eb6;
}

.hrd-intro-area img {
    position: absolute;
    top: 0;
    left: 0;
}

.word-notice01 {
    position: relative;
    padding-left: 18px;
    color: #2945c2;
    font-size: 20px;
    line-height: 34px;
}

.word-notice01:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※"
}

.word-notice02 {
    position: relative;
    padding-left: 30px;
    color: #335faa;
    font-size: 20px;
    line-height: 34px;
}

.word-notice02:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/icon_notice02.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 0 0;
}

.word-notice02+.contents-box {
    margin-top: 35px;
}

.word-notice03 {
    position: relative;
    padding-left: 14px;
    color: #335faa;
    font-size: 20px;
    line-height: 34px;
}

.word-notice03:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "*";
}

.qna-wrapper {
    padding: 40px 50px;
    background-color: #f4f5f7;
    border-radius: 20px
}

.qna-wrapper>h4 {
    color: #535f77;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 27px;
    font-weight: 700;
}

.qna-wrapper dl {
    margin-bottom: 45px;
    font-size: 20px;
    line-height: 35px;
    word-break: keep-all;
    font-weight: 500;
}

.qna-wrapper dl:last-child {
    margin-bottom: 0;
}

.qna-wrapper dl dt {
    position: relative;
    margin-bottom: 8px;
    padding-left: 46px;
    color: #0e7ec3;
}

.qna-wrapper dl dd {
    position: relative;
    padding-left: 46px;
    color: #666666;
}

.qna-wrapper dl dt:before,
.qna-wrapper dl dd:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    color: #fff;
    font-weight: 700;
    font-family: Arial, sans-serif;
    text-align: center;
}

.qna-wrapper dl dt:before {
    content: "Q";
    background-color: #0590e6
}

.qna-wrapper dl dd:before {
    content: "A";
    background-color: #435b72
}

.btn-download01 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 80px;
    line-height: 80px;
    padding: 0 96px 0 50px;
    border-radius: 40px;
    background-color: #2196f3;
    text-align: left;
    transition: all 0.2s ease-in-out;
}

.btn-download01>strong {
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.btn-download01>img {
    position: absolute;
    top: 50%;
    right: 46px;
    display: block;
    width: 22px;
    margin-top: -11px;
}

.btn-download01:hover {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.modal-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    width: 600px;
    margin-left: -300px;
    background-color: #fff;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    z-index: 1010;
    transform: translate(0, -50%);
}

.modal-wrapper>h2 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px;
    height: 60px;
    background-color: #0579cc;
    font-size: 22px;
    font-weight: 700;
    color: #fefeff;
}

.modal-area {
    max-height: calc(100vh - 200px);
    padding: 32px 30px 30px 30px;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-wrapper .basic-search-wrapper {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

.modal-wrapper .basic-search-wrapper dl dt {
    justify-content: center;
    height: 35px;
}

.modal-wrapper .basic-search-wrapper dl>dd {
    min-height: 35px;
    font-size: 16px;
    line-height: 24px;
}

.modal-wrapper .basic-search-wrapper dl>dd:after {
    display: block;
    content: "";
    clear: both;
}

.modal-wrapper .basic-search-wrapper dl>dd input[type="text"],
.modal-wrapper .basic-search-wrapper dl>dd input[type="password"],
.modal-wrapper .basic-search-wrapper dl>dd input[type="tel"],
.modal-wrapper .basic-search-wrapper dl>dd input[type="number"],
.modal-wrapper .basic-search-wrapper dl>dd input[type="search"],
.modal-wrapper .basic-search-wrapper dl>dd input[type="email"],
.modal-wrapper .basic-search-wrapper dl>dd input[type="url"],
.modal-wrapper .basic-search-wrapper dl>dd select {
    height: 35px;
}

.checkbox-type02 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 56px;
    height: 32px;
    line-height: 32px;
    appearance: none;
    background-color: #495057;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
}

.checkbox-type02:before {
    content: "선택";
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}

.checkbox-type02:checked {
    background-color: #1e89e9
}

.modal-wrapper .btn-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #0655a1;
    background-image: url(../img/btn/btn_close02.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
    text-indent: -5000rem;
    transition: all 0.2s ease-in-out;
}

.btn-modal-close:hover,
.btn-modal-close:focus {
    background-color: #02315f
}

.modal-alert {
    margin-bottom: 33px;
    text-align: center;
    font-size: 26px;
    line-height: 34px;
    font-weight: 600;
    color: #333333;
    word-break: keep-all;
}

.title-wrapper02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-wrapper02>span {
    text-align: left;
    word-break: keep-all;
}

.title-wrapper02 button {
    margin-left: 20px;
}

.table-type02 textarea {
    padding: 15px;
    border-radius: 4px;
    background-color: #f1f3f5;
    border-color: #f1f3f5;
    height: 200px;
    color: #000;
    font-weight: 500;
}

.table-type02 textarea::placeholder {
    color: #999;
}

.v-align-top {
    vertical-align: top;
}

.v-align-middle {
    vertical-align: middle;
}

.v-align-bottom {
    vertical-align: bottom;
}

.basic-search-wrapper dl>dd button.btn-delete {
    display: inlien-block;
    vertical-align: text-middle;
    margin-left: 5px;
    padding: 0;
    width: 12px;
    height: 12px;
    background-image: url(../img/btn/btn_delete01.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0 0;
    text-indent: -5000rem;
}

table tbody td .comment-wrapper {
    display: block;
    margin-top: 0;
    border: none;
}

.comment-wrapper>textarea {
    height: 80px;
}

.input-linked-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input-linked-wrapper>label {
    margin-right: 5px;
}

.input-linked-wrapper>input[type="search"] {
    width: calc(100% - 50px);
}

.input-yyyy {
    position: relative;
    display: inline-block;
    padding-right: 40px;
}

.input-yyyy>input {
    width: 100%;
    max-width: 100px;
}

.input-yyyy>span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 50px;
    line-height: 50px;
}

.tabmenu-wrapper {
    position: relative;
    width: calc(100% + 2px);
    margin-bottom: 30px;
    margin-left: -1px;
}

.tabmenu-wrapper ul {
    display: block;
}

.tabmenu-wrapper ul:after {
    content: "";
    clear: both;
    display: block;
}

.tabmenu-wrapper ul>li {
    float: left;
    padding: 0 1px;
}

.tabmenu-wrapper ul>li:last-child {
    margin-right: 0;
}

.tabmenu-wrapper ul>li:first-child:nth-last-child(1) {
    width: 100%;
}

.tabmenu-wrapper ul>li:first-child:nth-last-child(2),
.tabmenu-wrapper ul>li:first-child:nth-last-child(2)~li {
    width: 50%;
}

.tabmenu-wrapper ul>li:first-child:nth-last-child(3),
.tabmenu-wrapper ul>li:first-child:nth-last-child(3)~li {
    width: 33.333%;
}

.tabmenu-wrapper ul>li:nth-child(2) {
    width: 33.334%;
}

.tabmenu-wrapper ul>li:first-child:nth-last-child(4),
.tabmenu-wrapper ul>li:first-child:nth-last-child(4)~li {
    width: 25%;
}

.tabmenu-wrapper ul>li:first-child:nth-last-child(5),
.tabmenu-wrapper ul>li:first-child:nth-last-child(5)~li {
    width: 20%;
}

.tabmenu-wrapper ul>li:first-child:nth-last-child(6),
.tabmenu-wrapper ul>li:first-child:nth-last-child(6)~li {
    width: 16.66%;
}

.tabmenu-wrapper ul>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #333333;
    height: 50px;
    padding: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.25px;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    transition: all 0.2s ease-in-out;
    word-break: keep-all;
}

.tabmenu-wrapper.type02 ul>li>a {
    height: 70px;
}

.tabmenu-wrapper ul>li>a.active,
.tabmenu-wrapper ul>li>a:hover,
.tabmenu-wrapper ul>li>a:focus {
    color: #ffffff;
    background-color: rgba(62, 65, 98, 1) !important;
    border-color: rgba(62, 65, 98, 1) !important;
}

.tabmenu-wrapper ul>li>a.active:before {
    position: absolute;
    top: 10px;
    right: 10px;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}

.input-term-wrapper {
    display: block;
}

.input-term-wrapper:after {
    display: block;
    content: "";
    clear: both
}

.input-term-wrapper input {
    float: left;
    width: 45% !important;
}

.input-term-wrapper .word-unit {
    float: left;
    width: 10%;
    height: 46px;
    line-height: 46px;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
}

.mobile-btns-wrapper {
    display: none;
}

.modal-wrapper .input-checkbox-area02 {
    float: left;
    display: block;
    margin-right: 15px;
}

.modal-wrapper .input-checkbox-area02>input[type="checkbox"]+label {
    font-size: 16px;
    line-height: 24px;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block;
    vertical-align: middle;
}

.modal-wrapper .basic-search-wrapper dl>dd .word {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.modal-wrapper .basic-search-wrapper dl>dd .word>strong {
    color: #777;
    font-weight: 500;
}

.basic-search-wrapper dl>dd button {
    float: left;
    margin-left: 10px;
    padding: 0 20px;
    height: 46px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 500;
}

.basic-search-wrapper dl>dd button:hover {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.word-linked01 {
    margin-top: 10px;
}

.word-linked01>a {
    display: inline-block;
    vertical-align: middle;
    color: #166eb6;
    text-decoration: underline;
}

.modal-wrapper .fileBox {
    padding-right: 90px;
}

.modal-wrapper .fileBox .btn_file {
    width: 80px;
    height: 35px;
    line-height: 35px;
}

.hashtag-wrapper {
    display: flex;
    align-items: center;
    justify-content: left;
}

.hashtag {
    color: #777;
    font-weight: 500;
}

.hashtag>a,
.hashtag>button {
    display: inline-block;
    vertical-align: middle;
}

.hashtag>a {
    transition: all 0.2s ease-in-out;
}

.hashtag>a:hover {
    color: #000;
    text-decoration: underline;
}

.hashtag+.hashtag {
    margin-left: 30px;
}

.basic-search-wrapper .input-time-area {
    margin-left: 10px;
    width: calc(50% - 10px);
    height: 46px;
    border-radius: 4px;
    background-color: #f1f3f5;
    border-color: #f1f3f5;
}

.basic-search-wrapper .input-time-area>input {
    display: block;
    width: 100%;
    height: 46px;
    background-color: #f1f3f5;
    border-color: #f1f3f5;
    text-indent: 15px;
    color: #000;
    border: 0;
    border-radius: 4px;
    font-family: "Pretendard", "맑은 고딕", "돋움", AppleSDGothicNeo, Dotum, Pretendard, Droid Sans, arial, sans-serif;
}

.sort-condition-wrapper {
    display: block;
}

.sort-condition-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.sort-condition-wrapper>select {
    float: left;
    width: calc(100% - 130px);
}

.sort-condition-wrapper>input {
    float: right;
    width: 120px;
}

.modal-wrapper .basic-search-wrapper dl>dd textarea {
    display: block;
    width: 100%;
    height: 150px;
    background-color: #f1f3f5;
    border-color: #f1f3f5;
    text-indent: 0;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    appearance: none;
    border-radius: 4px;
    padding: 15px;
}

.modal-wrapper .basic-search-wrapper dl>dd textarea::placeholder {
    color: #b1b9c0 !important
}

.table-type01 table tbody td.title a .title-wrapper {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overow: ellipsis;
}

.table-type01 table tbody td.title a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 30px);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #212121;
}

.table-type01 table tbody td.title a.no-ellipsis {
    white-space: normal;
    word-break: break-all;
}

.table-type01 table tbody td.title a.w100 {
    max-width: 100% !important;
}

.table-type01 table tbody td.title a:hover {
    text-decoration: none;
}

.table-type01 table tbody td a:hover {
    color: #1355a4;
}

.table-type01 table tbody td .board-right-icon-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.table-type01 table tbody td .icon-new,
table .icon-new {
    display: inline-block;
    vertical-align: sub;
    width: 20px;
}

.input-radio-wrapper {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 0 30px;
}

.input-radio-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-radio-area>input[type="radio"]+label {
    margin-left: 5px;
    cursor: pointer
}

.input-radio-area>input[type="radio"]:checked+label {
    color: #1e89e9
}

.btns-left.mobile-space01 {
    margin-right: 10px;
}

.input-checkbox-wrapper.ratio {
    width: 100%;
}

.input-checkbox-wrapper.ratio .input-checkbox-area {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-top: 10px;
}

.input-checkbox-wrapper.ratio .input-checkbox-area:nth-of-type(1),
.input-checkbox-wrapper.ratio .input-checkbox-area:nth-of-type(2),
.input-checkbox-wrapper.ratio .input-checkbox-area:nth-of-type(3),
.input-checkbox-wrapper.ratio .input-checkbox-area:nth-of-type(4) {
    margin-top: 0;
}

.input-checkbox-wrapper.ratio .input-checkbox-area:nth-of-type(4n) {
    margin-right: 0;
}

.input-checkbox-wrapper.ratio .input-checkbox-area:nth-of-type(4n+1) {
    clear: both;
}

.input-checkbox-wrapper.type02.ratio .input-checkbox-area {
    width: 15%;
}

.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(4n) {
    margin-right: 2%;
}

.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(4n+1) {
    clear: initial;
}

.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(6n) {
    margin-right: 0;
}

.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(6n + 1) {
    clear: both;
}

.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(1),
.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(2),
.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(3),
.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(4),
.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(5),
.input-checkbox-wrapper.type02.ratio .input-checkbox-area:nth-of-type(6) {
    margin-top: 0;
}

.board-write dl dt input {
    margin-right: 5px;
}

.contents-plan-wrapper {
    margin-top: 50px;
}

.contents-plan-area {
    display: none;
}

.contents-plan-area.active {
    display: block;
}

.gray-box {
    background-color: #f8f8f9;
    margin-bottom: 45px;
    padding: 30px 40px;
    color: #777777;
    font-size: 20px;
    line-height: 34px;
}

.gray-box>h3 {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 36px;
    color: #333333;
    font-weight: 600;
    text-align: Center;
}

.gray-box02 {
    background-color: #f4f5f7;
    padding: 40px 45px;
    color: #777777;
    font-size: 20px;
    line-height: 34px;
    border-radius: 8px
}

.editor-area {
    min-height: 400px;
    border: 1px solid #e5e5e5
}

.unberline {
    text-decoration: underline;
}

textarea.w100.type02 {
    height: 50px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    background-color: #fff;
}

.number-title-type01 {
    position: relative;
    padding-left: 45px;
    margin-bottom: 22px;
    color: #333333;
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
}

.number-title-type01 .number {
    position: absolute;
    top: 3px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background-color: #3759a8;
}

.plan-information-wrapper {
    margin-top: 58px;
}

.plan-information-wrapper .gray-box {
    margin-top: 20px;
}

.lineked-homepage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lineked-homepage>strong {
    display: inline-block;
    color: #166eb6;
    margin-right: 5px;
    font-weight: 600;
}

.input-depth2-wrapper {
    display: block;
}

.input-add-btns-wrapper {
    position: relative;
    width: 100%;
    padding-right: 110px;
}

.input-add-btns-wrapper>input {
    width: 100%;
}

.input-add-btns-wrapper>button {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    padding: 0;
    height: 50px;
    border-radius: 4px;
    font-size: 16px;
}

.input-add-btns-wrapper02 {
    display: inline-block;
    vertical-align: middle;
}

.input-add-btns-wrapper02:after {
    display: block;
    content: "";
    clear: both;
}

.input-add-btns-wrapper02>select,
.input-add-btns-wrapper02>button {
    float: left;
}

.input-add-btns-wrapper02>button {
    margin-left: 10px;
}

.change-application-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.change-application-wrapper>select,
.change-application-wrapper>button {
    width: 100px !important;
    height: 40px;
    background-position: calc(100% - 10px) center;
}

.change-application-wrapper>p {
    margin-left: 10px;
}

.change-application-wrapper+.change-application-wrapper {
    margin-top: 10px;
}

.input-add-btns-wrapper03 {
    position: relative;
    width: 100%;
    padding-right: 235px;
}

.input-add-btns-wrapper03>input[type="text"] {
    width: 100%;
}

.input-add-btns-wrapper03 .btns {
    position: absolute;
    top: 0;
    right: 0;
}

#modal-member {
    width: 900px;
    margin-left: -450px;
}

.modal-wrapper .basic-search-wrapper dl>dd .input-search-wrapper select {
    width: 100px;
    max-width: initial;
}

.modal-wrapper .basic-search-wrapper dl>dd .input-search-wrapper input[type="search"] {
    width: calc(100% - 110px)
}


/*2023.09.25 */

table td .input-calendar-area {
    height: 32px;
}


/*
table td select {
    height: 32px;
}
*/

table td select {
    background-position: cacl(100% - 10px) center;
}

table td .input-calendar-area button {
    width: 32px;
    height: 32px;
}

.form-raido-list01 {
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.form-raido-list01>li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 25px;
    border-bottom: 1px solid #e5e5e5
}

.form-raido-list01>li>p {
    position: relative;
    padding-left: 15px;
    color: #212121;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    word-break: keep-all
}

.form-raido-list01>li>p:before {
    position: absolute;
    top: 9px;
    left: 0;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666
}

.radio-btns-type-wrapper01 {
    display: block;
}

.radio-btns-type-area01 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.radio-btns-type-area01 input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.radio-btns-type-area01 input[type="radio"]+label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 75px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    appearance: none;
    background-color: #495057;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

.radio-btns-type-area01 input[type="radio"]:checked+label {
    background-color: #1e89e9
}

.course-informaiton {
    text-align: left;
}

.course-informaiton .title {
    color: #333333;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    word-break: keep-all;
}

.course-informaiton .location {
    margin-bottom: 6px;
    color: #0a9bca;
    font-size: 16px;
    line-height: 27px;
    font-weight: 600;
    word-break: keep-all;
}

.course-informaiton .period {
    padding-left: 22px;
    color: #777777;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background-image: url(../img/icon/icon_time01.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left 3px;
    word-break: keep-all;
}

.word-progress {
    font-size: 26px;
    font-weight: 500;
    color: #333333;
}

.btn-detail-view01 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 166px;
    height: 56px;
    margin: 0 auto;
    border-radius: 28px;
}

.btn-detail-view01>strong {
    display: inline-block;
    vertical-align: middle;
    color: #fefefe;
    font-size: 18px;
    font-weight: 700;
    margin-right: 15px;
}

.btn-detail-view01>img {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
}

.management-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;
}

.management-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.management-area {
    position: relative;
    float: left;
    width: calc(50% - 10px);
    padding: 32px;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #333333;
}

.management-area:nth-of-type(2n) {
    float: right;
}

.management-area>h3 {
    margin-bottom: 30px;
    color: #333333;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700
}

.management-area>ul {
    display: block;
}

.management-area>ul>li {
    margin-bottom: 8px;
}

.management-area>ul>li:last-child {
    margin-bottom: 0;
}

.management-area>ul>li>a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    color: #555555;
    font-size: 18px;
    line-height: 28px;
    word-break: keep-all;
    transition: all 0.2s ease-in-out;
}

.management-area>ul>li>a:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #666666;
    transition: all 0.2s ease-in-out;
}

.management-area>ul>li>a:hover {
    color: #000;
}

.management-area>ul>li>a:hover:before {
    background-color: #000;
}

.management-area>.btn-more {
    position: absolute;
    top: 32px;
    right: 32px;
    display: block;
    width: 34px;
    height: 34px;
    text-indent: -5000rem;
    background-image: url(../img/icon/icon_more03.png);
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: center center;
    transition: all 0.2s ease-in-out;
}

.management-area>.btn-more:hover {
    transform: rotate(90deg);
}

.management-area>ul.date>li>a {
    display: block;
    padding-right: 100px;
}

.management-area>ul.period>li>a {
    display: block;
    padding-right: 205px;
}

.management-area>ul>li>a>strong {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overow: ellipsis;
}

.management-area>ul>li>a>strong:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: all 0.2s ease-in-out;
}

.management-area>ul>li>a:hover>strong:after {
    width: 100%
}

.management-area>ul>li>a>.date {
    position: absolute;
    top: 0;
    right: 0;
}

.management-area>ul>li>a>.dateVw {
    position: absolute;
    top: 0;
    right: 0;
}


/* 사업 일정 캘린더 */

.calendar-mark-information {
    display: block;
    margin-bottom: 45px;
    padding: 26px 39px 14px 39px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    gap: 40px;
}

.calendar-mark-information:after {
    display: block;
    content: "";
    clear: both;
}

.calendar-mark-information>li {
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    margin-right: 40px;
}

.calendar-mark-information>li>span {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin-right: 9px;
}

.calendar-mark-information>li>strong {
    color: #333333;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}

.mark1 {
    background-color: #3788d9
}

.mark2 {
    background-color: #764004
}

.mark3 {
    background-color: #ff9100
}

.mark4 {
    background-color: #ab62e7
}

.mark5 {
    background-color: #26a31b
}

.mark6 {
    background-color: #f44336
}

.mark7 {
    background-color: #b43608
}

.mark8 {
    background-color: #ec6dc8
}

.mark9 {
    background-color: #0c197c
}

.mark10 {
    background-color: #5960ec
}

.mark11 {
    background-color: #17c4cc
}

.mark12 {
    background-color: #3a3a3a
}

.mark13 {
    background-color: #31c71f
}

.mark14 {
    background-color: #bba431
}


/* 관심사업 목록 */

.business-interest-list-wrapper {
    padding: 33px 30px 30px 30px;
    margin-bottom: 23px;
    border: 1px solid #e5e5e5;
    border-top: 2px solid #333333;
}

.business-interest-list-wrapper .title-wrapper {
    position: relative;
    text-align: center;
    margin-bottom: 16px;
    border: 1px oslid red;
}

.business-interest-list-wrapper .title-wrapper>h3 {
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
    color: #333333;
}

.business-interest-list-wrapper .title-wrapper .btn-m02 {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    padding: 0 17px;
}

.business-interest-list-wrapper ul {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.business-interest-list-wrapper ul>li {
    display: block;
    margin-top: 9px;
}

.business-interest-list-wrapper ul>li>.btn-m01 {
    font-size: 20px;
    padding: 0 35px;
}

.business-interest-list-wrapper ul>li>.btn-m01:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #fff
}


/* 관리자용 */

.enterprise-case-box {
    display: flex;
    padding: 50px 0;
    border: 1px solid #e5e5e5;
}

.enterprise-case-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    flex-direction: row;
}

.enterprise-case-list .case-list-box {
    width: 100%;
    border-right: 1px solid #e7e7e7;
}

.enterprise-case-list .case-list-box.br0,
.enterprise-case-list .case-list-box:last-child {
    border-right: 0;
}

.enterprise-case-list .case-list-box p {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    margin-bottom: 26px;
}

.enterprise-case-list.type02 .case-list-box p {
    margin-bottom: 36px;
}

.enterprise-case-list .case-list-box .result {
    font-size: 24px;
    color: #333;
    font-weight: 500;
}

.enterprise-case-list .case-list-box .result a {
    display: inline-block;
    height: 100%;
}

.enterprise-case-list .case-list-box .result strong {
    font-size: 44px;
    color: #333;
    font-weight: 500;
    margin-right: 6px;
}

.enterprise-case-list .case-list-box .result.type02 {
    display: flex;
    justify-content: center;
}

.enterprise-case-list .case-list-box .result.type03 {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 2021.11.01 추가작업 통합검색 */

.container-wrapper.totalsearch {
    width: 100%;
    padding: 0;
}

.container-wrapper.totalsearch .contents {
    padding-top: 0;
}

.totalsearch-wrapper {
    padding: 0 40px;
    margin-bottom: 50px;
}

.totalsearch-area {
    position: relative;
    margin: 0 auto;
    width: 830px;
    text-align: center;
}

.totalsearch-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 580px;
    padding: 0 48px 0 24px;
    border: 3px solid #dee5ee;
    border-radius: 60px;
}

.totalsearch-box label {
    position: absolute;
    top: -50000em;
    left: -50000em;
    color: transparent;
    background: transparent;
    text-shadow: none;
    z-index: -1;
}

.totalsearch-box input {
    display: block;
    width: 100%;
    height: 54px;
    border: 0;
    border-right: 0;
    appearance: none;
    font-size: 17px;
    text-indent: 0;
    font-weight: 300;
    color: #000;
}

.totalsearch-box input::placeholder {
    color: #777
}

.totalsearch-box button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 54px;
    height: 54px;
    background-color: #f58b02;
    font-size: 0;
    text-indent: -5000rem;
    color: #fff;
    font-weight: 500;
    background-image: url("../img/icon/icon_search05.png");
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: center center;
    border-radius: 100%;
}

.totalsearch-box button>span {
    position: relative;
    display: block;
}

.total-search-option-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.total-search-option-wrapper:after {
    content: "";
    clear: both;
    display: block;
}

.total-search-option-wrapper>.total-search-option-area {
    display: inline-block;
    vertical-align: middle;
    height: 54px;
    padding-top: 20px;
    margin-left: 24px;
}

.total-search-option-wrapper>.btn-total-search-option {
    position: relative;
    float: left;
    margin-left: 9px;
    border: 1px solid #3e406d;
    height: 54px;
    line-height: 54px;
    padding: 0 21px;
    background: #3e406d;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 54px;
}

.total-search-option-wrapper>.btn-total-search-option>img {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 11px;
    margin-top: -3px;
    transition: all 0.2s ease-in-out;
}

.total-search-option-wrapper>.btn-total-search-option.on>img {
    transform: rotate(180deg);
}

.container-wrapper.totalsearch .contents-wrapper {
    max-width: 1240px;
    margin: 0 auto;
    padding: 75px 20px;
}

.word-totalsearch-result {
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 23px;
}

.word-totalsearch-result>h3 {
    margin-bottom: 19px;
    color: #3c3c3c;
    font-size: 30px;
    line-height: 37px;
    font-weight: 700;
}

.word-totalsearch-result>p {
    color: #333333;
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 10px;
    font-weight: 600;
}

.totalsearch-result-wrapper {
    position: relative;
    padding-right: 281px;
    margin-top: 55px;
    min-height: 700px;
}

.totalsearch-result-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.totalsearch-result-wrapper:before {
    position: absolute;
    top: 0;
    right: 264px;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #e5e5e5;
}

.totalsearch-result-area {
    display: block;
    float: left;
    width: 100%;
}

.aside-search-information-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 240px;
    z-index: 10;
}

.aside-search-information-area {
    padding-bottom: 35px;
    border-bottom: 1px solid #f2f2f2
}

.aside-search-information-area+.aside-search-information-area {
    margin-top: 33px;
}

.aside-search-information-area h2 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px;
    color: #212121;
    font-weight: 700;
}

.ranking-list-wrapper {
    position: relative;
    padding-top: 52px;
    border-top: 2px solid #212121
}

.ranking-list-wrapper>li {
    display: block;
}

.ranking-list-wrapper>li>button {
    position: absolute;
    top: 0;
    width: 50%;
    height: 40px;
    background-color: #f7f7f8;
    color: #212121;
    font-size: 16px;
}

.ranking-list-wrapper>li>button.active {
    background-color: #009bd9;
    color: #fff;
}

.ranking-list-wrapper>li:nth-of-type(1)>button {
    left: 0;
}

.ranking-list-wrapper>li:nth-of-type(2)>button {
    left: 50%;
}

.search-word-list {
    display: none;
}

.ranking-list-wrapper>li>button.active+.search-word-list {
    display: block;
}

.search-word-list>li {
    display: block;
    margin-bottom: 9px;
}

.search-word-list>li:last-child {
    margin-bottom: 0;
}

.search-word-list>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 28px;
    display: inline-block;
    color: #212121;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

.search-word-list>li>a .number {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    margin-top: -9px;
    text-align: center;
    background-color: #b7b7b7;
    color: #fff;
    box-sizing: border-box;
}

.search-word-list>li>a:hover,
.search-word-list>li>a:focus {
    text-decoration: underline;
}

.search-word-list.ranking>li>a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-word-list.ranking>li>a .ranking {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    text-align: center;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.search-word-list.ranking>li>a .ranking.new {
    color: #ed0000
}

.search-word-list.ranking>li>a .ranking.rise {
    color: #298bc4
}

.search-word-list.ranking>li>a .ranking.down {
    color: #ff1414
}

.search-word-list.ranking>li>a .ranking>strong {
    margin-right: 4px;
    font-size: 10px;
}

.search-word-list.ranking>li>a .ranking>span {
    text-align: left;
    overflow: hidden;
    /*
    float: right;
	*/
    color: #212121;
}

.search-word-list>li.top-ranking>a {
    color: #ed0000;
}

.search-word-list>li.top-ranking>a .number {
    background-color: #ed0000;
}

.my-search {
    display: block;
}

.search-word-list>li>a {
    vertical-align: middle;
}

.search-word-list.my-search>li .btn-delete {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 0;
    text-align: center;
    color: #212121;
    font-family: dotum, sans-serif;
    text-indent: -5000rem;
    font-size: 0;
    background-image: url(../img/btn/btn_close03.png);
    background-repeat: no-repeat;
    background-size: 8px 7px;
    background-position: center 45%;
}

.search-word-list.my-search>li .btn-delete:hover,
.search-word-list.my-search>li .btn-delete:focus {
    font-weight: bold;
}

.totalsearch-result-area .integrated {
    padding: 30px 0 0 0;
    border-bottom: 1px solid #ebebeb;
}

.totalsearch-result-area .integrated.top-line {
    border-top: 1px solid #ebebeb;
    padding: 20px 0;
}

.totalsearch-result-area .integrated:after {
    content: "";
    clear: both;
    display: block;
}

.totalsearch-result-area .integrated h4 {
    position: relative;
    padding-left: 14px;
    display: block;
    position: relative;
    margin-bottom: 15px;
    padding-left: 13px;
    color: #333;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
}

.totalsearch-result-area .integrated h4>strong {
    font-weight: 500;
}

.totalsearch-result-area .integrated h4 .dotted01 {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    background: #595eaf;
    border-radius: 50%;
}

.title-totalsearch-area {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.title-totalsearch-area:after {
    content: "";
    clear: both;
    display: block
}

.title-totalsearch-area h4 {
    position: relative;
    display: block;
    float: left;
    margin-top: 5px;
    padding-left: 14px;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
}

.title-totalsearch-area h4 .dotted01 {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    background: #595eaf;
    border-radius: 50%;
}

.title-totalsearch-area .total-search-sort-area {
    float: right;
}

.title-totalsearch-area .total-search-sort-area>select {
    float: left;
    width: 80px;
    height: 28px;
    padding: 0 0 0 5px;
    margin-right: 4px;
    font-size: 12px;
    text-indent: 10px !important;
    border: 1px solid #aaaaaa;
    background: url(images/totalsearch/icon_arrow_down.png) no-repeat 90% center;
    background-size: 11px 6px;
}

.title-totalsearch-area .total-search-sort-area>button {
    float: left;
    height: 28px;
    padding: 0 7px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    background: #4d515e;
}

.totalsearch-result-area .integrated>ul {
    box-sizing: border-box
}

.totalsearch-result-area .integrated>ul>li {
    position: relative;
    padding-left: 13px;
    box-sizing: border-box;
    margin-left: 0 !important;
}

.totalsearch-result-area .integrated>ul>li:last-child {
    margin-bottom: 0;
}

.totalsearch-result-area .integrated>ul:after {
    content: "";
    clear: both;
    display: block;
}

.totalsearch-result-area .integrated .link-more {
    text-align: right;
    margin-top: 50px;
}

.totalsearch-result-area .integrated .link-more>a {
    position: relative;
    display: inline-flex;
    background-color: #3e4162;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 40px 0 20px;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.totalsearch-result-area .integrated .link-more>a:hover,
.totalsearch-result-area .integrated .link-more>a:focus {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.totalsearch-result-area .integrated .link-more>a:before {
    position: absolute;
    top: 50%;
    right: 16px;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background-image: url(../img/icon/icon_more04.png);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 0 0;
    transition: all 0.2s ease-in-out;
}

.totalsearch-result-area .integrated .link-more>a:hover:before,
.totalsearch-result-area .integrated .link-more>a:focus:before {
    transform: rotate(90deg);
}

.totalsearch-result-area .integrated>ul.menu-list {
    display: block;
}

.totalsearch-result-area .integrated>ul.menu-list>li {
    margin: 0;
}

.totalsearch-result-area .integrated>ul.menu-list>li+li {
    margin-top: 13px;
}

.totalsearch-result-area .integrated>ul.menu-list>li>a>.title-area>strong {
    color: #666;
    transition: all 0.2s ease-in-out;
}

.totalsearch-result-area .integrated>ul.menu-list>li>a:hover>.title-area>strong,
.totalsearch-result-area .integrated>ul.menu-list>li>a:focus>.title-area>strong {
    color: #000;
    transition: all 0.2s ease-in-out;
}

.totalsearch-result-area .integrated>ul>li>a>.title-area {
    display: block;
    margin-bottom: 0;
}

.totalsearch-result-area .integrated>ul>li>a>.title-area>strong {
    display: inline-block;
    color: #003d91;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    word-break: keep-all margin-right: 16px;
}

.totalsearch-result-area .integrated>ul>li>a>.title-area>.date {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #007777;
}

.totalsearch-result-area .integrated>ul>li>.integrated-contents {
    display: block;
    color: #666666;
    font-size: 16px;
    line-height: 26px;
    word-break: keep-all
}

.totalsearch-result-area .integrated>ul>li>.location {
    display: block;
    color: #9f1515;
    font-size: 16px;
    line-height: 26px;
}

.totalsearch-result-area .integrated>ul>li>.attachment {
    display: block;
    margin-top: 5px;
}

.totalsearch-result-area .integrated>ul>li>.attachment>a {
    display: inline-block;
    vertical-align: bottom;
}

.totalsearch-result-area .integrated>ul>li>.attachment>a+a {
    margin-left: 20px;
}

.totalsearch-result-area .integrated>ul>li>.attachment>a:after {
    display: block;
    content: "";
    clear: both;
}

.totalsearch-result-area .integrated>ul>li>.attachment>a>img {
    float: left;
}

.totalsearch-result-area .integrated>ul>li>.attachment>a>strong {
    float: left;
    margin-left: 5px;
    text-decoration: underline;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
}

.point-total-search01 {
    color: #003d91
}

.point-total-search02 {
    color: #d12a07
}

.total-search-option {
    display: none;
    margin-top: 30px;
    margin-bottom: 50px;
    background: #fff;
}

.total-search-detail {
    position: relative;
    width: 100%;
    width: 830px;
    padding: 0;
    margin: 0 auto;
}

.total-search-detail>ul {
    display: block;
}

.total-search-detail>ul>li {
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.total-search-detail>ul>li:after {
    display: block;
    content: "";
    clear: both;
}

.total-search-detail>ul>li strong {
    position: absolute;
    top: 0;
    left: 0;
    width: 47px;
    padding-left: 3px;
    color: #575b5f;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    box-sizing: border-box
}

.total-search-detail>ul>li strong:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #787aa2;
    content: ''
}

.total-search-detail>ul>li>span {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 110px;
    color: #68737e;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}

.total-search-detail>ul>li>span label {
    margin-left: 6px;
}

.total-search-detail>ul>li .input-calendar-wrapper .input-calendar-area {
    height: 30px;
    background-color: #fff;
}

.total-search-detail>ul>li .input-calendar-wrapper .input-calendar-area input {
    width: 90px;
    text-indent: 10px;
    font-size: 13px;
}

.total-search-detail>ul>li .input-calendar-wrapper .input-calendar-area button {
    width: 30px;
    height: 30px;
}

.total-search-detail>ul>li .input-calendar-wrapper .input-calendar-area button>img {
    margin-top: -11px;
}

.total-search-contents-wrapper {
    position: relative;
    padding: 0 285px 0 185px;
    z-index: 0;
}

.total-search-contents-wrapper:after {
    content: "";
    clear: both;
    display: block;
}

.total-search-lnb {
    float: left;
    margin-top: 50px;
    margin-left: -165px;
}

.total-search-lnb>ul {
    display: block;
}

.total-search-lnb>ul>li {
    margin-bottom: -1px;
}

.total-search-lnb>ul>li>a {
    display: block;
    padding: 18px 20px;
    background: #f6f6f6;
    color: #424242;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    transition: all 0.2s ease-in-out;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.total-search-lnb>ul>li>a.on,
.total-search-lnb>ul>a:hover,
.total-search-lnb>ul>a:focus {
    color: #fff;
    background: #105caa;
    border-color: #105caa;
}

.total-search-contents-area {
    float: left;
    width: 100%;
    min-height: 790px;
    padding-top: 50px;
    padding-right: 20px;
    padding-bottom: 100px;
    border-right: 1px solid #e5e5e5
}

.total-search-operator-wrapper {
    display: block;
    margin-bottom: 40px;
}

.total-search-detail>ul>li>span input[type="text"].sdate,
.total-search-detail>ul>li>span input[type="text"].edate {
    display: inline-block;
    vertical-align: middle;
}

.total-search-detail>ul>li>span input[type="text"].sdate+button,
.total-search-detail>ul>li>span input[type="text"].edate+button {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin-left: -1px;
    background-color: #f7f7f8;
    border: 1px solid #ccc;
    text-indent: -5000rem;
    background-image: url(images/totalsearch/icon_calendar@2x.gif);
    background-repeat: no-repeat;
    background-size: 21px 23px;
    background-position: center center;
}

.point-color001 {
    color: #003d91;
}

.point-color002 {
    color: #d12a07;
}

.integrated-search-list {
    background-color: #f5f7f8;
    padding: 23px 40px;
    margin-bottom: 40px;
}

.integrated-search-list:after {
    display: block;
    content: "";
    clear: both;
}

.integrated-search-list>li {
    float: left;
    width: 25%;
    padding-right: 20px;
    margin: 0 !important;
}

.integrated-search-list>li>a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 18px;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    font-weight: 300;
    transition: all 0.2s ease-in-out;
}

.integrated-search-list>li>a:before {
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #000000;
}

.integrated-search-list>li>a:hover {
    color: #000;
}

.integrated-search-list>li>a:after {
    position: absolute;
    bottom: 5px;
    left: 18px;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: all 0.2s ease-in-out;
}

.integrated-search-list>li>a:hover:after {
    width: calc(100% - 18px);
}

.integrated>ul li+li {
    margin-top: 0;
}

.integrated>ul>li+li {
    margin-top: 40px;
}

.join-tab-area {
    margin-bottom: 100px;
}

.join-tab-area>p {
    display: block;
    margin-bottom: 60px;
    color: #333333;
    font-size: 46px;
    line-height: 52px;
    font-weight: 700;
    text-align: center;
    word-break: keep-all;
}

.step-wrapper {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.step-area {
    color: #777;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

.step-area .number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 17px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #777;
    font-weight: 700;
}

.step-area.on {
    color: #1e89e9;
}

.step-area.on .number {
    background-color: #1e89e9;
}

.step-area.on > strong {
    border-bottom: 1px solid #1e89e9;
}

.join-select-wrapper {
    display: block;
    max-width: 500px;
    margin: 0 auto;
}

.join-select-wrapper>a {
    position: relative;
    display: flex;
    width: 100%;
    height: 180px;
    margin-bottom: 30px;
    padding: 20px 30px 20px 153px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    word-break: keep-all;
}

.join-select-wrapper>a>img {
    position: absolute;
    top: 50%;
    left: 30px;
    display: block;
    width: 92px;
    margin-top: -46px;
}

.join-select-wrapper>a>strong {
    display: block;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 7px;
    text-align: left;
    width: 100%;
    color: #333333;
    font-weight: 700;
}

.join-select-wrapper>a>strong>span {
    color: #1e89e9
}

.join-select-wrapper>a>span {
    display: block;
    width: 100%;
    text-align: left;
    color: #777777;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
}

.join-select-wrapper>a:hover {
    background-color: #1e89e9;
    border-color: #1e89e9;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.join-select-wrapper>a:hover>strong,
.join-select-wrapper>a:hover>strong>span,
.join-select-wrapper>a:hover>span {
    color: #fff;
}

.join-select-wrapper+.gray-box02 {
    max-width: 720px;
    margin: 0 auto;
}

.accordion-agreement-wrapper {
    max-width: 730px;
    margin: 0 auto 65px auto;
}

.accordion-agreement-wrapper>dl {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-top: -1px;
}

.accordion-agreement-wrapper>dl>dt {
    position: relative;
    display: block;
    padding: 24px 20px;
}

.accordion-agreement-wrapper>dl>dt>input[type="checkbox"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    appearance: none;
    background-image: url(../img/icon/icon_checkbox02.png);
    background-repeat: no-repeat;
    background-size: 25px 50px;
    background-position: 0 0;
    cursor: pointer
}

.accordion-agreement-wrapper>dl>dt>input[type="checkbox"]:checked {
    background-position: 0 -25px;
}

.accordion-agreement-wrapper>dl>dt>label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #333333;
    font-size: 20px;
    line-height: 38px;
    font-weight: 500;
    cursor: pointer;
}

.accordion-agreement-wrapper>dl>dt button {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    padding-right: 20px;
    color: #777777;
    font-size: 18px;
    line-height: 38px;
    margin-top: -19px;
}

.accordion-agreement-wrapper>dl>dt button:before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    display: block;
    width: 12px;
    height: 7px;
    margin-top: -3.5px;
    background-image: url(../img/icon/icon_arrow_down05.png);
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-position: 0 0;
    transition: all 0.2s ease-in-out;
}

.accordion-agreement-wrapper>dl>dt button.active:before {
    transform: rotate(180deg);
}

.accordion-agreement-wrapper>dl>dd {
    display: none;
}

.accordion-agreement-wrapper>dl>dd.active {
    display: block;
}

.agreement-area {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 280px;
    padding: 45px 50px;
    margin-bottom: 30px;
    background: #f4f5f7
}

.agreement-area>p {
    font-size: 18px;
    line-height: 28px;
    color: #777777;
}

.agreement-area>p+p {
    margin-top: 30px;
}

.agreement-area>h4 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 500;
    color: #222222;
}

.agreement-area>h4:first-child {
    margin-top: 0;
}

.agreement-area>ul,
.agreement-area>ol {
    margin-top: 5px;
}

.agreement-area>ul li,
.agreement-area>ol li {
    font-size: 16px;
    line-height: 24px;
    color: #424242;
    font-weight: 500;
    margin-top: 5px;
}

.agreement-area>ul li p,
.agreement-area>ol li p {
    font-weight: 400;
    color: #666;
    margin-top: 5px;
}

.agreement-area>ul ul,
.agreement-area>ul ol,
.agreement-area>ol ul,
.agreement-area>ol ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

.agreement-area>ul ul li,
.agreement-area>ul ol li,
.agreement-area>ol ul li,
.agreement-area>ol ol li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #666;
    text-indent: -13px;
    padding-left: 13px;
}

.agree-all-area {
    position: relative;
    display: block;
    padding: 24px 20px;
}

.agree-all-area>input[type="checkbox"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    appearance: none;
    background-image: url(../img/icon/icon_checkbox02.png);
    background-repeat: no-repeat;
    background-size: 25px 50px;
    background-position: 0 0;
    cursor: pointer;
}

.agree-all-area>input[type="checkbox"]:checked {
    background-position: 0 -25px;
}

.agree-all-area>label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #333333;
    font-size: 20px;
    line-height: 38px;
    font-weight: 500;
    cursor: pointer;
}

.certification-wrap {
    max-width: 720px;
    margin: 0 auto 30px;
}

.certification-wrap:after {
    display: block;
    content: "";
    clear: both;
}

.certifi-box {
    float: left;
    width: calc(50% - 10px);
    margin-left: 20px;
    margin-bottom: 30px;
}

.certifi-box:first-child {
    margin-left: 0;
}

.certifi-inner-box {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    text-align: center;
    position: relative;
    padding: 45px 0;
    height: 450px;
}

.certifi-inner-box strong {
    display: block;
    font-size: 28px;
    color: #333333;
    line-height: 46px;
    margin-bottom: 6px;
    font-weight: 700
}

.certifi-inner-box strong span {
    color: #1e89e9;
}

.certifi-inner-box p {
    margin-bottom: 22px;
    font-size: 17px;
    line-height: 24px;
    color: #333333;
    font-weight: 300;
}

.certifi-inner-box img {
    display: block;
    width: 150px;
    margin: 0 auto 25px auto;
}

.certifi-inner-box .btn-area {
    display: block;
}

.certifi-inner-box .btn-area a {
    display: block;
    width: 130px;
    height: 56px;
    border-radius: 28px;
    padding: 0 20px;
    margin: 0 auto;
    background: #1e89e9;
    font-size: 18px;
    line-height: 56px;
    color: #fefefe;
    transition: all 0.2s ease-in-out;
}

.certifi-inner-box .btn-area a:hover,
.certifi-inner-box .btn-area a:focus {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.certification-wrap .gray-box02 {
    clear: both;
}

.complete-result-wrapper {
    width: 100%;
    margin: 0 0;
    text-align: center;
}

.complete-result-wrapper>img {
    display: block;
    width: 150px;
    margin: 0 auto 27px auto;
}

.complete-result-wrapper .word-result01 {
    font-size: 34px;
    line-height: 50px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 19px;
}

.complete-result-wrapper .word-result02 {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    color: #777777;
}

.slogan-wrapper {
    position: relative;
    text-align: center;
}

.slogan-wrapper:before {
    position: absolute;
    top: -50px;
    right: 0;
    content: "";
    display: block;
    width: 310px;
    height: 310px;
    background-image: url(../img/sub01/bg0101.png);
    background-repeat: no-repeat;
    background-size: 310px 310px;
    background-position: 0 0;
}

.slogan-wrapper>dl {
    position: relative;
    margin-bottom: 32px;
    z-index: 10;
}

.slogan-wrapper>dl>dt {
    display: block;
    margin-bottom: 22px;
    font-size: 46px;
    line-height: 62px;
    font-weight: 700;
    color: #333333;
    word-break: keep-all
}

.slogan-wrapper>dl>dt>strong {
    color: #0e7ec3;
}

.slogan-wrapper>dl>dd {
    font-size: 20px;
    line-height: 34px;
    color: #777777;
    word-break: keep-all
}

.slogan-wrapper>dl>dd>p {
    margin-bottom: 42px;
}

.training-type-wrapper {
    position: relative;
    display: block;
    padding-left: 225px;
    margin-top: 30px;
    margin-bottom: 45px;
}

.training-type-wrapper>h5 {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    width: 150px;
    height: 150px;
    margin-top: -75px;
    border-radius: 75px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
}

.training-type-wrapper>h5:before {
    position: absolute;
    top: 50%;
    left: 173px;
    content: "";
    display: block;
    width: 24px;
    height: 17px;
    margin-top: -8.5px;
    background-image: url(../img/icon/icon_arrow_right06.png);
    background-repeat: no-repeat;
    background-size: 24px 17px;
    background-position: 0 0;
}

.training-type-area {
    border: 1px solid #dddddd;
    padding: 30px 30px 30px 50px;
    border-radius: 20px;
}

.training-type-area>dl {
    position: relative;
    margin-bottom: 15px;
    padding-left: 145px;
}

.training-type-area>dl:last-child {
    margin-bottom: 0;
}

.training-type-area>dl:after {
    display: block;
    content: "";
    clear: both;
}

.training-type-area>dl>dt {
    float: left;
    margin-bottom: 15px;
    width: 135px;
    margin-left: -145px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    word-break: keep-all
}

.training-type-area>dl>dd {
    font-size: 20px;
    line-height: 34px;
    color: #777777;
    word-break: keep-all
}

.training-type-wrapper.type01>h5 {
    border-color: #0096d9;
    color: #0096d9;
}

.training-type-wrapper.type02>h5 {
    border-color: #0090b9;
    color: #0090b9;
}

.training-type-wrapper.type03>h5 {
    border-color: #4352b7;
    color: #4352b7;
}

.training-type-wrapper.type01 dl>dt {
    color: #0096d9;
}

.training-type-wrapper.type02 dl>dt {
    color: #0090b9;
}

.training-type-wrapper.type03 dl>dt {
    color: #4352b7;
}

.process-wrapper01 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 15px;
}

.process-wrapper01>dl {
    position: relative;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
}

.process-wrapper01>dl:before {
    position: absolute;
    top: 35px;
    right: 0;
    margin-right: -29px;
    content: "";
    display: block;
    width: 43px;
    height: 43px;
    background-image: url(../img/icon/icon_arrow_right07.png);
    background-repeat: no-repeat;
    background-size: 43px 43px;
    background-position: 0 0;
    z-index: 10;
}

.process-wrapper01>dl:last-child:before {
    display: none;
}

.process-wrapper01>dl>dt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 110px;
    padding: 0 10px;
    margin-bottom: 10px;
    border-radius: 12px;
    color: #333333;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    word-break: keep-all
}

.process-wrapper01>dl>dt>p {
    width: 100%;
    text-align: left
}

.process-wrapper01>dl>dt>p+p {
    margin-top: 14px
}

.process-wrapper01>dl>dd {
    min-height: 120px;
    padding: 25px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    font-size: 20px;
    line-height: 34px;
}

.process-wrapper01>dl>dd.type02 {
    min-height: 90px;
}

.process-wrapper01>dl>dt.bg-color01 {
    background-color: #ecf4fb
}

.process-wrapper01>dl>dt.bg-color02 {
    background-color: #edf5ec
}

.process-wrapper01>dl>dt.bg-color03 {
    background-color: #f4f5f7
}

.process-wrapper01>dl>dt.bg-color04 {
    background-color: #faf4ec
}

.process-wrapper01>dl>dt.bg-color05 {
    background-color: #eef0fc
}

.process-wrapper01>dl>dd>span {
    display: inline;
}

.process-wrapper01>dl>dd>img {
    width: 17px;
    height: 12px;
    margin: 0 10px;
}

.process-wrapper01.type02 {
    display: block;
    width: calc(100% + 10px);
}

.process-wrapper01:after {
    display: block;
    content: "";
    clear: both;
}

.process-wrapper01.type02>dl {
    float: left;
    width: calc(25% - 10px);
    margin-right: 10px;
    margin-bottom: 20px;
}

.process-wrapper01>dl>dt>p {
    line-height: 22px;
}

.process-wrapper01 .badge {
    display: inline-block;
    vertical-align: bottom;
    width: 40px;
    height: 22px;
    line-height: 22px;
    background-color: #0093d4;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.information-box {
    padding: 23px 40px;
    background-color: #faf9f2;
}

.information-box>p {
    color: #212121;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.75px;
    font-weight: 500;
    word-break: keep-all;
}

.thumbnail-information-wrapper {
    display: block;
}

.thumbnail-information-area {
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 35px 35px 35px 160px;
}

.thumbnail-information-area+.thumbnail-information-area {
    margin-top: 20px;
}

.thumbnail-information-area>img {
    position: absolute;
    top: 40px;
    left: 35px;
    display: block;
    width: 68px;
}

.thumbnail-information-area>dl {
    display: block;
}

.thumbnail-information-area>dl>dt {
    display: block;
    color: #424242;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 600;
    word-break: keep-all
}

.thumbnail-information-area>dl>dd {
    display: block;
    color: #777777;
    font-size: 20px;
    line-height: 34px;
    word-break: keep-all
}

.platform-list-wrapper {
    display: block;
    width: calc(100% + 20px);
}

.platform-list-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.platform-list-wrapper>li {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: calc(33.3333% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
    height: 100px;
    border: 1px solid #dddddd;
    border-radius: 15px;
}

.information-box02 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f8f8f8;
    min-height: 270px;
    padding: 30px 345px 30px 82px;
    background-color: #f8f8f8;
    border-radius: 26px;
}

.information-box02>img {
    position: absolute;
    top: 50%;
    right: 116px;
    display: block;
    width: 210px;
    margin-top: -91px;
}

.information-box02>dl {
    display: block;
}

.information-box02>dl>dt {
    margin-bottom: 17px;
    color: #333333;
    font-size: 30px;
    line-height: 37px;
    font-weight: 400;
    word-break: keep-all
}

.information-box02>dl>dt>strong {
    color: #264280;
    font-weight: 700
}

.information-box02>dl>dd {
    font-size: 20px;
    line-height: 34px;
    color: #777777;
    word-break: keep-all
}

.wrapper-hrdintro {
    display: block;
}

.top-txt-area {
    margin-bottom: 23px;
}

.top-txt-area .eng-txt {
    margin-bottom: 12px;
    color: #0e7ec3;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    word-break: keep-all
}

.top-txt-area .kor-txt {
    color: #333333;
    font-size: 24px;
    line-height: 38px;
    font-weight: 600;
    word-break: keep-all
}

.wrapper-hrdintro .word-type01+.word-type01 {
    margin-top: 13px
}

.vod-site-area {
    margin-top: 47px;
}

.vod-site-area:after {
    display: block;
    content: "";
    clear: both;
}

.vod-site-area>a {
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    text-align: left;
    width: calc(50% - 15px);
    height: 317px;
    padding: 65px 348px 65px 65px;
    border: 1px solid #dddddd;
    border-radius: 15px;
    transition: all 0.2s ease-in-out;
}

.vod-site-area>a:hover,
.vod-site-area>a:focus {
    background-color: #f9f9f9;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.vod-site-area>a>img {
    position: absolute;
    top: 50%;
    right: 70px;
    display: block;
    width: 266px;
    margin-top: -95px;
}

.vod-site-area>a:nth-of-type(2) {
    float: right;
}

.vod-site-area>a>dl {
    display: block;
}

.vod-site-area>a>dl>dt {
    display: block;
    margin-bottom: 19px;
    color: #333333;
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
}

.vod-site-area>a>dl>dd {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 38px;
    color: #1e89e9;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.vod-site-area>a>dl>dd:before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    display: block;
    width: 24px;
    height: 14px;
    margin-top: -7px;
    background-image: url(../img/icon/icon_arrow_right09.png);
    background-repeat: no-repeat;
    background-size: 24px 14px;
    background-position: 0 0;
    transition: all 0.2s ease-in-out;
}

.vod-site-area>a:hover>dl>dd:before,
.vod-site-area>a:focus>dl>dd:before {
    right: -5px;
}


/* 2021.03.17-개인정보처리방침 */

.policy-wrapper {
    display: block;
}

.policy-wrapper .gray-box {
    padding: 28px 32px;
    border: 1px solid #eee;
    background: #f9f9f9;
    margin-bottom: 20px;
    word-break: keep-all;
}

.policy-wrapper .gray-box>h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #444;
    margin-bottom: 8px;
}

.policy-area {
    position: relative;
    padding: 20px 28px;
    line-height: 20px;
}

.policy-area>h5 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #555;
    font-weight: 700;
}

.policy-area>h6 {
    font-size: 13px;
    margin-bottom: 5px;
    color: #555;
    font-weight: 500;
}

.policy-area p,
.policy-area ol,
.policy-area ul {
    margin-bottom: 12px;
    color: #555;
    word-break: keep-all
}

.policy-area ol ol,
.policy-area ol ul,
.policy-area ul ul,
.policy-area ul ol {
    padding-left: 13px;
}

.policy-area ul>li {
    margin-bottom: 4px;
    line-height: 20px;
    font-weight: normal;
}

.policy-area a {
    color: #3371d1;
    display: inline-block;
    text-decoration: underline;
}

.policy-area .btns-policy {
    background: #f5f5f5;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.2);
    color: #666;
    padding: 0 20px;
    line-height: 36px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.policy-area .btns-policy:hover {
    background: rgba(0, 0, 0, 0.1);
}

.table-type001 {
    display: block;
}

.table-type001 thead th {
    line-height: 2.5em;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: 0;
    text-align: center;
    font-weight: 700;
}

.table-type001 tbody td {
    border: 1px solid #ddd;
    padding: 15px 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    word-break: keep-all;
}

.table-type001 tbody th {
    border: 1px solid #ddd;
    padding: 15px 10px;
    font-size: 16px;
    line-height: 24px;
    background: #fbfbfb;
    word-break: keep-all;
}

.privacy-leading-list-area {
    display: block;
}

.privacy-leading-list-area:after {
    display: block;
    content: "";
    clear: both;
}

.privacy-leading-list-box {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-top: 2%;
    position: relative;
    border-radius: 10px;
    float: left;
    border: 4px solid #f4f5f7;
    box-sizing: border-box;
    padding: 20px;
    height: 310px;
    text-align: center;
}

.privacy-leading-list-box:nth-of-type(3n) {
    margin-right: 0;
}

.privacy-leading-list-box:nth-of-type(1),
.privacy-leading-list-box:nth-of-type(2),
.privacy-leading-list-box:nth-of-type(3) {
    margin-top: 0;
}

.privacy-leading-list-box h6 {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.privacy-leading-list-box h6>strong {
    display: flex;
    height: 48px;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    color: #424242
}

.privacy-leading-list-box h6>img {
    display: block;
    width: 60px;
    margin: 0 auto;
}

.privacy-leading-list-box p {
    font-size: 15px;
    line-height: 24px;
    word-break: keep-all;
    color: #666;
    font-weight: 500;
}

.privacy-leading-list-box p.word-notice {
    position: relative;
    margin-top: 5px;
    font-weight: 400 !important;
    color: #999;
    font-size: 13px;
    line-height: 18px;
}

.policy-wrapper.type02 .policy-area {
    padding-left: 0;
    padding-right: 0;
}

.policy-wrapper.type02 .gray-box>h5,
.policy-wrapper.type02 .policy-area>h5 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 36px;
    color: #212121;
    font-weight: 500;
}

.policy-wrapper.type02 .policy-area>h5 {
    line-height: 45px;
}

.policy-wrapper.type02 .policy-area>h5>img {
    display: inline-block;
    width: 45px;
    margin-right: 10px;
}

.policy-wrapper.type02 .gray-box01 .policy-area>h5 {
    font-size: 24px;
    line-height: 36px;
    color: #212121
}

.policy-wrapper.type02 .gray-box {
    font-size: 16px;
    line-height: 24px;
    color: #424242;
    font-weight: 400;
    word-break: keep-all;
}

.policy-wrapper.type02 .policy-area p,
.policy-wrapper.type02 .policy-area ol,
.policy-wrapper.type02 .policy-area ul {
    font-size: 16px;
    line-height: 24px;
}

.policy-wrapper.type02 .policy-area h6 {
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #212121
}

.policy-wrapper.type02 .table-type001 thead th,
.policy-wrapper.type02 .table-type001 tbody th,
.policy-wrapper.type02 .table-type001 tbody td {
    padding: 10px;
    font-size: 15px;
    line-height: 24px;
}

.policy-wrapper.type02 .table-type001 thead th,
.policy-wrapper.type02 .table-type001 tbody th {
    color: #212121
}

.privacy-list001 {
    display: block;
}

.privacy-list001:after {
    display: block;
    content: "";
    clear: both;
}

.privacy-list001>li {
    float: left;
    margin-top: 10px;
    width: calc(50% - 15px);
}

.privacy-list001>li>a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 48px;
    font-size: 15px;
    line-height: 24px;
    color: #212121;
    word-break: keep-all;
    text-decoration: none;
}

.privacy-list001>li>a>img {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    margin-right: 10px;
}

.privacy-list001>li:nth-of-type(1),
.privacy-list001>li:nth-of-type(2) {
    margin-top: 0;
}

.word-title01 {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
}

.hrd4u-information-wrapper {
    margin-bottom: 120px;
    text-align: center;
}

.hrd4u-information-wrapper>h3 {
    margin-bottom: 31px;
    color: #333333;
    font-size: 46px;
    line-height: 46px;
    font-weight: 700
}

.hrd4u-information-wrapper>h3>strong {
    color: #0e7ec3
}

.hrd4u-information-wrapper>p {
    margin-bottom: 105px;
    color: #777777;
    font-size: 20px;
    line-height: 34px;
}

.hrd4u-information-wrapper>img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.hrd4u-information-wrapper02 {
    margin-bottom: 120px;
}

.hrd4u-information-wrapper02 .half-box {
    width: calc(50% - 45px);
}

.hrd4u-information-wrapper02 .images-box {
    margin-top: 145px;
}

.contents-box.add-bi {
    position: relative;
    padding-right: 630px;
    min-height: 300px;
}

.contents-box.add-bi .bi-images {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 590px;
    height: 300px;
    border: 1px solid #e1e1e3;
}

.contents-box.add-bi .bi-images>img {
    display: block;
    width: 276px;
}

.hrd4u-service-wrapper {
    margin-top: 40px;
    padding: 0 25px;
}

.hrd4u-service-area {
    float: left;
    width: calc(50% - 12.5px);
    max-width: 500px;
    margin-top: 80px;
}

.hrd4u-service-area:nth-of-type(1),
.hrd4u-service-area:nth-of-type(2) {
    margin-top: 0;
}

.hrd4u-service-area:nth-of-type(2n) {
    float: right;
}

.hrd4u-service-area:nth-of-type(2n+1) {
    clear: both;
}

.hrd4u-service-area img {
    display: block;
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 45px;
}

.hrd4u-service-area ul {
    padding-left: 40px;
}

.hrd4u-service-area ul>li {
    margin-bottom: 20px;
}

.hrd4u-service-area ul>li:last-child {
    margin-bottom: 0;
}

.hrd4u-service-area ul>li>a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    color: #555555;
    font-size: 20px;
    line-height: 28px;
    transition: all 0.2s ease-in-out;
}

.hrd4u-service-area ul>li>a:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666666;
    transition: all 0.2s ease-in-out;
}

.hrd4u-service-area ul>li>a:hover,
.hrd4u-service-area ul>li>a:focus {
    color: #000000;
    font-weight: 600
}

.hrd4u-service-area ul>li>a:hover:before,
.hrd4u-service-area ul>li>a:focus:before {
    background-color: #000000;
}

.hrd4u-service-area ul>li>a:after {
    position: absolute;
    top: 50%;
    right: -7px;
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    margin-top: -6px;
    background-image: url(../img/icon/icon_arrow_right10.png);
    background-repeat: no-repeat;
    background-size: 7px 12px;
    background-position: 0 0;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.hrd4u-service-area ul>li>a:hover:after {
    right: -20px;
    opacity: 1;
}

.input-radio-wrapper.center {
    justify-content: center;
}

.tab-radio-contents {
    display: none;
}

.tab-radio-contents.active {
    display: block;
}

.border-box-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.border-box-wrapper>div {
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 30px 40px;
}

.border-box-wrapper>div>dl {
    display: block;
}

.border-box-wrapper>div>dl>dt {
    margin-bottom: 4px;
    color: #424242;
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    word-break: keep-all
}

.border-box-wrapper>div>dl>dd,
.border-box-wrapper>div>p {
    color: #777777;
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    word-break: keep-all
}

.border-box-wrapper>div>dl>dd+dt {
    margin-top: 14px;
}

.board-search-area01 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f5f7;
    padding: 40px 45px;
    color: #777;
    font-size: 20px;
    line-height: 34px;
    border-radius: 8px;
}

.board-search-area01 .board-search-box02 {
    position: relative;
    padding-right: 120px;
}

.board-search-area01 .board-search-box02 input[type="search"] {
    display: block;
    width: 500px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    text-indent: 10px;
}

.board-search-area01 .board-search-box02>button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    border: 0;
    margin: 0;
    width: 110px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    background-color: #5b6063;
    border-radius: 4px;
    cursor: pointer;
}

.word-big-type01 {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 40px;
    color: #333;
    font-weight: 700;
    letter-spacing: -0.25px;
    word-break: keep-all;
}

.input-add-wide-btns {
    position: relative;
    padding-right: 193px;
}

.input-add-wide-btns>a,
.input-add-wide-btns>button {
    position: absolute;
    top: 0;
    right: 0;
}

table .number {
    font-size: 13px;
}

.input-radio-wrapper.type02 {
    display: block;
}

.input-radio-wrapper.type02:after {
    display: block;
    content: "";
    clear: both;
}

.input-radio-wrapper.type02 .input-radio-area {
    float: left;
    margin: 5px 30px 5px 0;
}

.input-checked-wrapper.block {
    display: block;
}

.input-checked-wrapper.block .input-checked-area {}

.isc-greeting-wrapper {
    position: relative;
    padding-left: 530px;
}

.isc-greeting-wrapper:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 264px;
    height: 264px;
    background-image: url(../img/sub01/bg0101.png);
    background-repeat: no-repeat;
    background-size: 264px 264px;
    background-position: 0 100%;
}

.isc-greeting-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.isc-greeting-wrapper>img {
    float: left;
    margin-left: -530px;
}

.isc-greeting-wrapper p.type {
    padding-top: 54px;
    color: #0e7ec3;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
}

.isc-greeting-wrapper h3 {
    position: relative;
    margin-bottom: 37px;
    color: #111111;
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    z-index: 1;
}

.isc-greeting-wrapper p {
    position: relative;
    margin-bottom: 19px;
    color: #777;
    font-size: 20px;
    line-height: 34px;
    word-break: keep-all;
    z-index: 1;
}

.isc-greeting-wrapper p+p {
    margin-top: 24px;
}

/* 2025.04.04 추가작업 */
.calendar-wrapper {
	display: block;
}

.calendar-wrapper > table thead th {
    height: 55px;
    line-height: 55px;
    background-color: #f5f6f7;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
	text-align: center;
	border: 1px solid #ddd;
}

.calendar-wrapper > table tbody td {
    height: 130px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
	text-align: center;
	border: 1px solid #ddd;
	border-top: 0;
}

.calendar-box {
	position: relative;
	display: flex;
	align-items: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 10px;
	width: 100%;
	height: 100%;
}

.calendar-box:hover {
	background-color: rgba(12, 77, 162, 0.05);
}

.calendar-box:hover:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 5px solid rgba(12, 77, 162, 1);
}

.calendar-box .day {
	width: 100%;
	text-align: right;
	color: #222;
	font-size: 14px;
}


.calendar-box.today {
	background-color: #fff;
	opacity: 1;
}

.calendar-box.today .day:before {
	content: "TODAY";
	color: #888;
	margin-right : 5px;
}


.calendar-wrapper > table tbody td.previous-next .calendar-box .day,
.calendar-wrapper > table tbody td.previous-next .calendar-box .calendar-schdule-information > button {
	opacity: 0.5
}

.sunday,
.sunday .calendar-box .day {
	color: #ff0000 !important
}

.saturday,
.saturday .calendar-box .day {
	color: blue !important
}

.calendar-schdule-information {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
	gap: 10px;
}

.calendar-schdule-information button {
	display: inline-flex;
	align-items: flex-end;
	width: 100%;
	height: 20px;
	gap: 10px;
	text-align: left;
}

.calendar-schdule-information button .circle {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	text-indent: -5000rem;
	background-color: #0c4da2
}

.schdule-information {
	position: absolute;
	top: 67px;
	left: 50%;
	display: none;
	width: calc(340% + 4px);
	padding: 15px 20px;
	border: 1px solid #888888;
	background-color: #fff;
	text-align: left;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, 0);
	z-index: 10;
}

.schdule-information:before{
	position: absolute;
	left: -15px;
	top: -15px;
	transform:rotate(45deg);
	content: "";
	width: 30px;
	height: 30px;
	background: #888;
}

.schdule-information > a {
	position: relative;
	display: block;
	width: 100%;
	padding-left: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: #222 !important
}

.schdule-information > a:hover {
	text-decoration: underline;
}

.schdule-information > a:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	display: block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	margin-top: -3px;
	text-indent: -5000rem;
	background-color: #0c4da2;

}

.schdule-information > a + a {
	margin-top: 15px;
}

/* 사업소개 > 사업주직업능력개발훈련 */
.tabmenu02{
	margin-bottom:35px;
}
.tabmenu02 > ul.depth3{
	display: flex;
	flex-wrap:wrap;
}
.tabmenu02 > ul.depth3 li{
	width:calc(100% / 3);
}
.tabmenu02 > ul > li > button:hover, .tabmenu02 > ul > li > button:focus, .tabmenu02 > ul > li > button.active, .tabmenu02 > ul > li > a:hover, .tabmenu02 > ul > li > a:focus, .tabmenu02 > ul > li > a.active{
	position: relative;
	border:1px solid #344d66;
	color:#344d66;
	font-weight:700;
}
.tabmenu02 > ul > li > button, .tabmenu02 > ul > li > a{
	display: block;
	height: 50px;
	width:100%;
	border:1px solid #dce2e7;
	color: #424242;
	font-size:16px;
	line-height:48px;
	text-align:center;
	letter-spacing:-0.4px;
	font-weight:600;
	transition:all 0.2s ease-in-out;
}
.tabmenu02 > ul > li > .active:before{
	position: absolute;
	content: "";
	top:10px;
	left:10px;
	width:6px;
	height: 6px;
	border-radius: 100%;
	background-color: #344d66;	
}

.tabment-contents{
	display: none;
}
.tabment-contents.active{
	display: block;
	outline: none !important;
}


@media only all and (max-width: 1279px) {
    .basic-search-wrapper {
        padding: 20px 0;
    }
    .basic-search-wrapper .half-box {
        width: calc(50% - 10px);
    }
    .basic-search-wrapper dl {
        padding-left: 120px;
    }
    .basic-search-wrapper dl>dt {
        width: 120px;
    }
    .basic-search-wrapper .input-calendar-area {
        width: calc(50% - 15px);
        padding-right: 35px;
    }
    .input-calendar-area button {
        width: 35px;
    }
    .hrd-intro-area {
        min-height: 315px;
        padding-left: 399px;
    }
    .hrd-intro-area img {
        width: 334px;
    }
    .process-wrapper01.type02>dl {
        width: calc(33.333% - 10px);
    }
    .hrd4u-service-wrapper {
        padding: 0;
    }
}

.emphasis {
	font-weight: bold;
	font-size: 120%;
	text-decoration: underline;
	color: #166eb6 !important;
}