@charset "utf-8";

.slider-controls .btn-play,
.slider-controls .btn-stop {display:none;}
.slider-controls .btn-play.on,
.slider-controls .btn-stop.on {display:block;}

.main-visual {z-index:0;position:relative;width:100%;max-width:1920px;height:685px;margin:-80px auto 0;font-family:'SCDream', sans-serif;overflow:hidden;background-color:#3C4884;}
.main-visual .slider img {vertical-align:top;transition:.3s ease-out;}
.main-visual .slider a:focus img {transform:scale(1.05);}
.main-visual .slider .slick-slide {height:auto;}
.main-visual .slider-controls {z-index:100;position:absolute;left:50%;margin-left:-645px;bottom:131px;height:40px;border-radius:20px;padding:4px 8px;background:#192C4C73;display:flex;align-items:center;}
.main-visual .slider-controls .btn-prev,
.main-visual .slider-controls .btn-next {width:32px;height:32px;text-indent:-9999px;overflow:hidden;background:url(../images/new02/arr_01.png) center no-repeat;}
.main-visual .slider-controls .btn-prev {transform:rotate(180deg);}
.main-visual .slider-controls .btn-play,
.main-visual .slider-controls .btn-stop {width:32px;height:32px;text-indent:-9999px;overflow:hidden;margin-left:-10px;}
.main-visual .slider-controls .btn-play {background:url(../images/new02/ico_play_01.png) center no-repeat;}
.main-visual .slider-controls .btn-stop {background:url(../images/new02/ico_stop_01.png) center no-repeat;}
.main-visual .slider-controls .count {display:flex;gap:7px;line-height:32px;color:#fff;}

.main-02 {z-index:0;position:relative;background-color:#EEEFF599;padding:110px 20px; }
.main-02 .inner {width:100%;max-width:1290px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:215px;gap:22px;}
.main-02 .inner > div {border-radius:20px;box-sizing:border-box;}
.main-02 .title,
.main-02 a,
.main-02 button {font-family:'SCDream', sans-serif;letter-spacing:-0.025em;}
.main-02 .main-02-box.hover {box-shadow:3px 3px 20px #3C48841a;}

.main-02 .main-business {grid-column:1/2;grid-row:1/4;padding:30px 25px 30px 28px;background:url(../images/new02/bg_main_business_01.png) left top no-repeat;background-size:cover;height:689px;}
.main-02 .main-business .title {line-height:23px;font-size:18px;color:#fff;font-weight:500;}
.main-02 .main-business .list-page-01 {margin-top:24px;}

.main-02 .main-content {padding:30px 25px 30px 28px;background:#3D4EA9;}
.main-02 .main-content.hover {background:#3D4EA9 url(../images/new02/bg_main_content_01.png) right bottom no-repeat;}
.main-02 .main-content .title {line-height:23px;font-size:18px;color:#fff;font-weight:500;}
.main-02 .main-content .list-page-02 {margin-top:24px;}

.main-02 .main-data {padding:30px 25px 30px 28px;background:#3C4884;}
.main-02 .main-data.hover {background:#3C4884 url(../images/new02/bg_main_data_01.png) right bottom no-repeat;}
.main-02 .main-data .title {line-height:23px;font-size:18px;color:#fff;font-weight:500;}
.main-02 .main-data .list-page-02 {margin-top:24px;}

.main-02 .main-alarm {position:relative;width:306px;height:215px;overflow:hidden;background-color:#aaa;}
.main-02 .main-alarm .slider a img {transition:.3s ease-out;}
.main-02 .main-alarm .slider a:hover img,
.main-02 .main-alarm .slider a:focus img {transform:scale(1.1);}
.main-02 .main-alarm .slider-controls {position:absolute;left:0;bottom:0;display:flex;padding:4px 8px;background:#FFFFFF33;border-radius:0 20px 0 0;}
.main-02 .main-alarm .slider-controls .btn {width:26px;height:26px;text-indent:-9999px;overflow:hidden;}
.main-02 .main-alarm .slider-controls .btn-prev {background:url(../images/new02/arr_01.png) center no-repeat;transform:rotate(180deg);}
.main-02 .main-alarm .slider-controls .btn-next {background:url(../images/new02/arr_01.png) center no-repeat;}
.main-02 .main-alarm .slider-controls .btn-play {background:url(../images/new02/ico_play_01.png) center no-repeat;}
.main-02 .main-alarm .slider-controls .btn-stop {background:url(../images/new02/ico_stop_01.png) center no-repeat;}
.main-02 .main-alarm .slider-controls .count {line-height:26px;color:#fff;font-family:'SCDream',sans-serif;}

.main-02 .main-board {grid-column:2/3;grid-row:2/4;position:relative;}
.main-02 .main-board .item {position:relative;padding:30px 28px;box-sizing:border-box;background-color:#ddd;border-radius:20px;}
.main-02 .main-board .item:before {content:'';position:absolute;top:15px;left:28px;width:26px;height:6px;border-radius:3px;background-color:#fff;}
.main-02 .main-board .item .title {line-height:28px;font-size:18px;font-weight:500;color:#000;}
.main-02 .main-board .btn-more {position:absolute;top:30px;right:28px;width:28px;height:28px;text-indent:-9999px;overflow:hidden;background:url(../images/new02/ico_more_01.png) center no-repeat;}
.main-02 .main-board .item {position:absolute;bottom:0;left:0;right:0;transition:.3s ease-out;overflow:hidden;}
.main-02 .main-board .item.schedule {z-index:0;top:0;background-color:#E8E0D5;}
.main-02 .main-board .item.recruit {z-index:10;top:117px;background-color:#DBBAA7;}
.main-02 .main-board .item.notice {z-index:20;top:237px;background-color:#FF7125;}

.main-02 .main-schedule {position:relative;margin-top:9px;display:none;}
.main-02 .main-schedule .list-schedule {margin-top:6px;padding-top:10px;}
.main-02 .main-schedule .list-schedule > li + li {margin-top:5px;}
.main-02 .main-schedule .list-schedule .btn {width:100%;text-align:left;display:flex;line-height:19px;font-size:14px;color:#000;}
.main-02 .main-schedule .list-schedule .btn:hover,
.main-02 .main-schedule .list-schedule .btn:focus {text-decoration:underline;}
.main-02 .main-schedule .list-schedule .date {width:47px;font-weight:500;}
.main-02 .main-schedule .list-schedule .text-01 {font-size:13px;width:203px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-02 .main-schedule .slider-controls {padding-bottom:5px;border-bottom:1px solid #B18E7A;}
.main-02 .main-schedule .slider-controls .btns-pn {display:flex;justify-content:center;align-items:center;padding:5px 0;}
.main-02 .main-schedule .slider-controls .btns-pn .btn {width:28px;height:28px;text-indent:-9999px;overflow:hidden;background:url(../images/new02/arr_03_on.png) center no-repeat;}
.main-02 .main-schedule .slider-controls .btns-pn .btn:hover,
.main-02 .main-schedule .slider-controls .btns-pn .btn:focus {text-decoration:underline;}
.main-02 .main-schedule .slider-controls .btns-pn .btn-prev {transform:rotate(180deg);}
.main-02 .main-schedule .slider-controls .btns-pn .btn.slick-disabled {opacity:0.3;cursor:default;}
.main-02 .main-schedule .slider-controls .btns-pn .month {line-height:28px;font-size:20px;font-weight:bold;color:#000;text-align:center;margin-top:-2px;}
.main-02 .main-schedule .slider-controls .slick-arrow.slick-hidden {display:block;}
.main-02 .main-schedule .slick-slide {position:relative;}

.main-02 .main-recruit {width:250px;height:133px;border-top:1px solid #B18E7A;margin-top:10px;padding-top:10px;display:none;}
.main-02 .main-recruit .btn {width:100%;text-align:left;}
.main-02 .main-recruit .btn:hover,
.main-02 .main-recruit .btn:focus {text-decoration:underline;}
.main-02 .main-recruit .btn .text-01 {line-height:30px;max-height:90px;font-size:20px;font-weight:500;color:#000;overflow:hidden;line-clamp:3;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.main-02 .main-recruit .btn .date {display:block;margin-top:10px;line-height:19px;font-size:14px;font-weight:400;color:#333;}
.main-02 .main-recruit .slider-controls {position:absolute;top:190px;right:28px;display:flex;}
.main-02 .main-recruit .slider-controls .btn {width:18px;height:18px;text-indent:-9999px;overflow:hidden;}
.main-02 .main-recruit .slider-controls .btns-pn {position:relative;display:flex;gap:8px;}
.main-02 .main-recruit .slider-controls .btns-pn:before {content:'';position:absolute;top:4px;left:50%;width:1px;height:10px;background-color:#88634E;}
.main-02 .main-recruit .slider-controls .btn-prev,
.main-02 .main-recruit .slider-controls .btn-next {background:url(../images/new02/arr_03_on.png) center no-repeat;}
.main-02 .main-recruit .slider-controls .btn-prev {transform:rotate(180deg);}
.main-02 .main-recruit .slider-controls .btn-next {margin-left:8px;}
.main-02 .main-recruit .slider-controls .btn-play {background:url(../images/new02/ico_play_02.png) center no-repeat;}
.main-02 .main-recruit .slider-controls .btn-stop {background:url(../images/new02/ico_stop_02.png) center no-repeat;}

.main-02 .main-notice {width:250px;height:133px;border-top:1px solid #BB5D36;margin-top:10px;padding-top:10px;}
.main-02 .main-notice .btn {width:100%;text-align:left;}
.main-02 .main-notice .btn:hover,
.main-02 .main-notice .btn:focus {text-decoration:underline;}
.main-02 .main-notice .btn .text-01 {line-height:30px;max-height:60px;font-size:20px;font-weight:500;color:#000;overflow:hidden;line-clamp:3;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.main-02 .main-notice .btn .text-02 {line-height:18px;max-height:54px;margin-top:10px;font-weight:400;color:#333;font-size:14px;overflow:hidden;line-clamp:3;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display:none;}
.main-02 .main-notice .btn .date {display:block;margin-top:10px;line-height:19px;font-size:14px;font-weight:400;color:#333;}
.main-02 .main-notice .slider-controls {position:absolute;bottom:30px;right:28px;display:flex;}
.main-02 .main-notice .slider-controls .btn {width:18px;height:18px;text-indent:-9999px;overflow:hidden;}
.main-02 .main-notice .slider-controls .btns-pn {position:relative;display:flex;gap:8px;}
.main-02 .main-notice .slider-controls .btns-pn:before {content:'';position:absolute;top:4px;left:50%;width:1px;height:10px;background-color:#9A4417;}
.main-02 .main-notice .slider-controls .btn-prev,
.main-02 .main-notice .slider-controls .btn-next {background:url(../images/new02/arr_03_on.png) center no-repeat;}
.main-02 .main-notice .slider-controls .btn-prev {transform:rotate(180deg);}
.main-02 .main-notice .slider-controls .btn-next {margin-left:8px;}
.main-02 .main-notice .slider-controls .btn-play {background:url(../images/new02/ico_play_02.png) center no-repeat;}
.main-02 .main-notice .slider-controls .btn-stop {background:url(../images/new02/ico_stop_02.png) center no-repeat;}

.main-02 .main-board.hover-schedule .main-schedule {display:block;}
.main-02 .main-board.hover-schedule .item.recruit {top:265px;}
.main-02 .main-board.hover-schedule .item.notice {top:335px;}
.main-02 .main-board.hover-schedule .item.notice .main-notice {display:none;}

.main-02 .main-board.hover-recruit .item.notice {top:335px;}
.main-02 .main-board.hover-recruit .main-recruit{display:block;}
.main-02 .main-board.hover-recruit .item.notice .main-notice {display:none;}

.main-02 .main-board.hover-notice .item.recruit {top:87px;}
.main-02 .main-board.hover-notice .item.notice {top:172px;}
.main-02 .main-board.hover-notice .item.notice .text-02 {display:block;}

.main-02 .main-book {grid-column:3/5;grid-row:2/3;position:relative;padding:30px 66px 30px 118px;background-color:#D1D9F1;border-radius:20px;}
.main-02 .main-book .title {z-index:10;position:absolute;top:30px;left:28px;line-height:23px;font-size:18px;color:#000;font-weight:500;}
.main-02 .main-book .btn-more {position:absolute;top:33px;right:29px;width:28px;height:28px;text-indent:-9999px;overflow:hidden;background:url(../images/new02/ico_more_01.png) center no-repeat;}
.main-02 .main-book .slider-controls {position:absolute;top:68px;left:27px;display:flex;}
.main-02 .main-book .slider-controls .btn {width:18px;height:18px;text-indent:-9999px;overflow:hidden;}
.main-02 .main-book .slider-controls .btns-pn {position:relative;display:flex;gap:8px;}
.main-02 .main-book .slider-controls .btns-pn:before {content:'';position:absolute;top:4px;left:50%;width:1px;height:10px;background-color:#9A9A9A;}
.main-02 .main-book .slider-controls .btn-prev,
.main-02 .main-book .slider-controls .btn-next {background:url(../images/new02/arr_03_on.png) center no-repeat;}
.main-02 .main-book .slider-controls .btn-prev {transform:rotate(180deg);}
.main-02 .main-book .slider-controls .btn-next {margin-left:8px;}
.main-02 .main-book .slider-controls .btn-play {background:url(../images/new02/ico_play_02.png) center no-repeat;}
.main-02 .main-book .slider-controls .btn-stop {background:url(../images/new02/ico_stop_02.png) center no-repeat;}
.main-02 .main-book .slider {height:154px;}
.main-02 .main-book .slider .btn {position:relative;width:100%;display:flex;gap:10px;}
.main-02 .main-book .slider .btn .badge {position:absolute;top:0;left:70px;display:inline-block;width:33px;height:33px;background:url(../images/new02/bg_bookmark_01.png) left top no-repeat;padding-top:6px;line-height:14px;font-size:10px;color:#fff;}
.main-02 .main-book .slider .btn .img {padding-top:1px;background-color:#eee;width:110px;height:153px;}
.main-02 .main-book .slider .btn .img img {width:100%;height:100%;object-fit:cover;}
.main-02 .main-book .slider .btn .badge.c01 {background:url(../images/new02/bg_bookmark_01.png) left top no-repeat;}
.main-02 .main-book .slider .btn .badge.c02 {background:url(../images/new02/bg_bookmark_02.png) left top no-repeat;}
.main-02 .main-book .slider .btn .text-wrap {width:calc(100% - 120px);height:153px;text-align:left;}
.main-02 .main-book .slider .btn .text-wrap span {display:block;}
.main-02 .main-book .slider .btn .text-wrap .cate {font-size:14px;line-height:18px;margin-bottom:10px;color:#333;}
.main-02 .main-book .slider .btn .text-wrap .name {font-size:18px;font-weight:bold;height:105px;line-height:24px;color:#000;}
.main-02 .main-book .slider .btn .text-wrap .date {font-size:12px;line-height:18px;color:#333;}
.main-02 .main-book .slider .btn:hover,
.main-02 .main-book .slider .btn:focus {outline:0;}
.main-02 .main-book .slider .btn:hover .text-wrap span,
.main-02 .main-book .slider .btn:focus .text-wrap span {text-decoration:underline;}

.main-02 .main-quick {grid-column:3/5;display:flex;gap:22px;}
.main-02 .main-quick .box.data {display:flex;gap:34px;width:408px;border-radius:20px;background-color:#E9DFD5;padding:25px;}
.main-02 .main-quick .box.data .item {position:relative;width:100%;}
.main-02 .main-quick .box.data .title {font-size:18px;line-height:24px;max-width:106px;color:#000;font-weight:500;word-break:keep-all;}
.main-02 .main-quick .box.data .btn-more {position:absolute;top:0;right:0;width:28px;height:28px;background:url(../images/new02/ico_more_01.png) center no-repeat;text-indent:-9999px;overflow:hidden;}
.main-02 .main-quick .box.data .list-wrap {width:100%;height:95px;display:flex;align-items:center;margin-top:19px;}
.main-02 .main-quick .box.info {width:204px;background-color:#E0E1E8;border-radius:20px;padding:20px;}
.main-02 .main-quick .box.info .title {font-size:18px;line-height:24px;max-width:106px;color:#000;font-weight:500;word-break:keep-all;}

.list-page-01 > li + li {margin-top:16px;}
.list-page-01 > li > .btn {position:relative;width:100%;text-align:left;color:#C4C4C4;font-size:20px;height:28px;line-height:28px;transition:.3s ease-out;}
.list-page-01 > li > .btn:before {content:'';position:absolute;top:0;right:0;width:28px;height:28px;overflow:hidden;border-radius:50%;background:url(../images/new02/arr_01.png) center no-repeat;transition:.3s ease-out;}
.list-page-01 > li > .btn:hover,
.list-page-01 > li > .btn:focus {color:#fff;font-weight:bold;text-decoration:underline;outline:0;}
.list-page-01 > li > .btn:hover:before,
.list-page-01 > li > .btn:focus:before {background:url(../images/new02/arr_02.png) center no-repeat;}
.list-page-01 > li > .btn.btn-lt01 {letter-spacing:-0.06em;}

.list-page-02 > li + li {margin-top:8px;}
.list-page-02 > li > .btn {position:relative;width:100%;text-align:left;color:#C5CAE5;font-size:20px;height:28px;line-height:28px;transition:.3s ease-out;}
.list-page-02 > li > .btn:before {content:'';position:absolute;top:0;right:0;width:28px;height:28px;overflow:hidden;border-radius:50%;background:url(../images/new02/arr_01.png) center no-repeat;transition:.3s ease-out;}
.list-page-02 > li > .btn:hover,
.list-page-02 > li > .btn:focus {color:#fff;font-weight:bold;text-decoration:underline;outline:0;}
.list-page-02 > li > .btn:hover:before,
.list-page-02 > li > .btn:focus:before {background:url(../images/new02/arr_02.png) center no-repeat;}
.list-page-02 > li > .btn.btn-lt01 {letter-spacing:-0.06em;}

.list-page-03 {width:100%;}
.list-page-03 > li + li {margin-top:10px;}
.list-page-03 > li > .btn {position:relative;width:100%;text-align:left;color:#707070;font-size:16px;height:24px;line-height:24px;transition:.3s ease-out;letter-spacing:-0.05em;}
.list-page-03 > li > .btn:before {content:'';position:absolute;top:0;right:0;width:24px;height:24px;overflow:hidden;border-radius:50%;background:url(../images/new02/arr_04_off.png) center no-repeat;transition:.3s ease-out;}
.list-page-03 > li > .btn:hover,
.list-page-03 > li > .btn:focus {color:#3B1A06;font-weight:500;text-decoration:underline;outline:0;}
.list-page-03 > li > .btn:hover:before,
.list-page-03 > li > .btn:focus:before {background:url(../images/new02/arr_04_on.png) center no-repeat;}
.item.hover .list-page-03 .btn {color:#333333;}
.item.hover .list-page-03 > li > .btn:hover,
.item.hover .list-page-03 > li > .btn:focus {color:#3B1A06;}

.list-page-04 {width:100%;margin-top:24px;}
.list-page-04 > li + li {margin-top:18px;}
.list-page-04 > li > .btn {position:relative;width:100%;text-align:left;color:#707070;font-size:20px;height:28px;line-height:28px;transition:.3s ease-out;}
.list-page-04 > li > .btn:before {content:'';position:absolute;top:2px;right:0;width:24px;height:24px;overflow:hidden;border-radius:50%;background:url(../images/new02/arr_05.svg) center no-repeat;transition:.3s ease-out;}
.list-page-04 > li > .btn:hover,
.list-page-04 > li > .btn:focus {color:#000000;font-weight:500;text-decoration:underline;outline:0;}
.list-page-04 > li > .btn:hover:before,
.list-page-04 > li > .btn:focus:before {transform:scale(1.2);}

.list-tag-01 {list-style:none;display:flex;flex-wrap:wrap;gap:9px 10px;margin-top:18px;}
.list-tag-01 .btn {line-height:16px;font-size:12px;padding:7px 12px;border-radius:18px;background-color:#596396;color:#fff;transition:.3s ease-out;}
.list-tag-01 .btn:hover,
.list-tag-01 .btn:focus {background-color:#fff;color:#596396;outline:0;}

.search-style-01 {position:relative;margin-top:11px;}
.search-style-01 input[type=text] {width:100%;padding:6px 32px 7px 0;line-height:19px;font-size:14px;color:#fff;background-color:transparent;border:0;border-bottom:1px solid #fcfcfc;font-family:'SCDream',sans-serif;}
.search-style-01 input[type=text]::placeholder {color:#7F87AE;}
.search-style-01 input[type=text]:-ms-input-placeholder {color:#7F87AE;}
.search-style-01 .btn-search {position:absolute;top:0;right:0;width:32px;height:32px;background:url(../images/new02/ico_glass_02.png) center no-repeat;text-indent:-9999px;overflow:hidden;}