/* 메인 */
@font-face {
    font-family: 'JalnanGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
    --color-org: #ff6100;
    --color-red: #f0543b;
    --color-light-gray: #f2f2f2;
    --color-light-red: #ffefec;
    --color-deep-blue: #262d42;
    --color-green:#008e95;
    --color-light-org:#ee755b;
    --color-pink:#e94f56;
    --font-jalnan:'JalnanGothic'
}
* {
    line-height: 135%;
}
.main_wrap_inner .section+.section {margin-top: 80px}
.main_wrap_inner .section .section-inner {max-width:1200px;margin: 0 auto}
.main_wrap_inner .main-title-wrap {margin-bottom: 2em}
.main_wrap_inner .main-title-wrap h3 {font-size: 2em; font-weight: 700; letter-spacing: -0.5px;}
.main_wrap_inner .main-title-wrap .dec {color: #767676;padding-top: .5em}


.main_wrap_inner .section01 {position: relative}
.main_wrap_inner .main-visual {width: 100%; height: 750px; overflow: hidden;}
.main_wrap_inner .main-visual.mb {display: none;}

.main_wrap_inner .main-visual .slick-list {height: 100%}
.main_wrap_inner .main-visual .slick-list .slick-track {height: 100%}
.main_wrap_inner .main-visual .main-visual-wrap, .main_wrap_inner .main-visual .main-visual-list, .main_wrap_inner .main-visual .main-visual-item {width: 100%;height: 100%;}
.main_wrap_inner .main-visual .main-visual-item {background-size: cover; background-position: center;cursor: pointer;}
.main_wrap_inner .main-visual .text-wrap {position: absolute; left:50%; top: 90px; max-width:1200px; width: 100%; transform: translateX(-50%)}
.main_wrap_inner .main-visual .text-wrap .tag {font-family: var(--font-jalnan); color: #444; font-size: 1.5em}
.main_wrap_inner .main-visual .text-wrap .title {font-family: var(--font-jalnan); font-size: 2em; margin: 1em 0}
.main_wrap_inner .main-visual .text-wrap span {font-family: var(--font-jalnan); font-size: 1.2em}
.main_wrap_inner .main-visual .text-wrap .green {color: var(--color-green)}
.main_wrap_inner .main-visual .text-wrap .orange {color: var(--color-light-org)}
.main_wrap_inner .main-visual .text-wrap .dec {font-size: 1.125em}
.main_wrap_inner .main-visual .main-visual-control {position: absolute !important; left: 50%; transform:translateX(-50%); bottom: 40%; width: 1200px; display: flex; align-items: center; gap: 20px}
.main-visual .main-visual-control.show {display: flex;}
.main-visual .main-visual-control.hide {display: none;}
.main_wrap_inner .main-visual .main-visual-control button {font-size: xx-small; margin-right: 0.125rem;}
.main_wrap_inner .main-visual .main-visual-control .main-visual-num {font-family: var(--font-jalnan);}
.main_wrap_inner .main-visual .main-visual-control .main-visual-num li span:first-child {color: var(--color-pink)}
.main_wrap_inner .main-visual .main-visual-control .main-visual-num li {font-family: var(--font-jalnan); display: none}
.main_wrap_inner .main-visual .main-visual-control .main-visual-num li span{font-family: var(--font-jalnan); }
.main_wrap_inner .main-visual .main-visual-control .main-visual-num span{font-family: var(--font-jalnan); }
.main_wrap_inner .main-visual .main-visual-control .main-visual-num .curSlide {color: var(--color-pink);}
.main_wrap_inner .main-visual .main-visual-control .main-visual-num li.slick-active {display: block}
.main_wrap_inner .main-visual .main-visual-control .main-visual-dots ul {display: flex; gap: 6px; align-items: center}
.main_wrap_inner .main-visual .main-visual-control .main-visual-dots li button {width: 10px;height: 10px; border-radius: 30px; background: #fff; border: 1px solid #ddd;text-indent: -9999px}
.main_wrap_inner .main-visual .main-visual-control .main-visual-dots li.slick-active button {background: #e94f56; border-color: #e94f56; width: 40px; }
.main_wrap_inner .main-visual .main-visual-control .control-btn {display: flex; align-items: center; gap: 6px}

.main_wrap_inner .section02 {position: absolute; bottom:0; background: rgba(255,255,255,0.6); width: 100%;padding: 1em 0}
.main_wrap_inner .section02 .quick-wrap ul {display: flex; align-items: center;padding: 1em 0; box-sizing: border-box; justify-content: space-between}
.main_wrap_inner .section02 .quick-wrap ul li {text-align: center;}
.main_wrap_inner .section02 .quick-wrap ul li .img-box {width: 110px;height: 110px;background: #fff;border-radius: 50%; display: flex;justify-content: center;align-items: center;box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0, rgba(0, 0, 0, 0.06) 0 1px 2px 0;}
.main_wrap_inner .section02 .quick-wrap ul li span {font-weight: 700; margin-top: 10px; display: block;transition: 0.3s ease-in}
.main_wrap_inner .section02 .quick-wrap ul li a:hover span {color: #35d3d3; transition: 0.3s ease-in}
.main_wrap_inner .section02 .quick-wrap ul li a:hover img {transform: rotateY(180deg); transition: 0.3s ease-in}
.main_wrap_inner .section02 .quick-wrap ul li img {max-width:60px; transition: 0.3s ease-in}


.main_wrap_inner .section03 {position: relative; padding-bottom: 30px; z-index: 1}
.main_wrap_inner .section03:after {position: absolute; content: '';width: 100%; height: 50%; background: #f9f9f9; left: 0; bottom: 0; z-index: -1}
.main_wrap_inner .section03 .math-wrap ul {display: flex; gap: 2em}
.main_wrap_inner .section03 .math-wrap ul li {display: flex; width: calc(25% - 1.5em); flex-direction: column}
.main_wrap_inner .section03 .math-wrap ul li .img-box {border: 1px solid #ffe6e1;position: relative;padding-bottom: 122%;overflow: hidden;background: #ffecec;border-radius: 0.25rem;}
.main_wrap_inner .section03 .math-wrap ul li .img-box:before {content:'';width: 80%;height: 84%;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.main_wrap_inner .section03 .math-wrap ul li .img-box img {position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%); width: 80%;height: 84%;object-fit: cover; transition: 0.2s ease-in}
.main_wrap_inner .section03 .math-wrap ul li .img-box:hover img{transform: translate(-50%,-50%) scale(0.9); transition: 0.2s ease-in}
.main_wrap_inner .section03 .math-wrap ul li:nth-child(2) .img-box {background: #eaffea;border-color: #dbffdb;}
.main_wrap_inner .section03 .math-wrap ul li:nth-child(3) .img-box {background: #fff7d6;border-color: #fff1b9;}
.main_wrap_inner .section03 .math-wrap ul li:nth-child(4) .img-box {background: #e8f9ff;border-color: #d9f5ff;}
.main_wrap_inner .section03 .math-wrap ul li .img-box:hover {border-color: #fe7855; transition: 0.2s all linear;}
.main_wrap_inner .section03 .math-wrap ul li:nth-child(2) .img-box:hover {border-color: #00e500;}
.main_wrap_inner .section03 .math-wrap ul li:nth-child(3) .img-box:hover {border-color: #ffcd00;}
.main_wrap_inner .section03 .math-wrap ul li:nth-child(4) .img-box:hover {border-color: #01b9ff;}
.main_wrap_inner .section03 .math-wrap ul li .text-box {margin-top: 2em}
.main_wrap_inner .section03 .math-wrap ul li .text-box .title {font-size: 1.4em; font-weight: 700}
.main_wrap_inner .section03 .math-wrap ul li .text-box .dec {padding-top: .5em; letter-spacing: -0.5px; word-break: keep-all; display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-height: 1.5;height: 3.25rem;}
.main_wrap_inner .section03 .math-wrap ul li .text-box .dec .p_br {display: block;}
.main_wrap_inner .section03 .math-wrap ul li .link-box {display: flex; gap: 10px; margin-top: 1em}
.main_wrap_inner .section03 .math-wrap ul li .link-box a{width:calc((100% - 10px) / 2); border: 1px solid #e5e5e5;border-radius: 30px; padding: 10px 0; color: #666; display: flex; justify-content: center; gap: 8px; transition: 0.2s ease-in; background: transparent; align-items: center;}
.main_wrap_inner .section03 .math-wrap ul li .link-box a:hover {border-color: var(--color-light-org); transition: 0.2s ease-in; background: var(--color-light-org); color: #fff}
.main_wrap_inner .section03 .math-wrap ul li .link-box a:hover img {filter: brightness(100)}
.main_wrap_inner .section03 .section-inner {position: relative;}
.main_wrap_inner .section03 .didim_link {position: absolute;right: 0;top: 0.5rem; letter-spacing: -0.5px;text-align: right;font-weight: 500;}
.main_wrap_inner .section03 .didim_link img {display: inline-block;vertical-align: middle;margin: -3px 5px 0;width: 20px;}
.main_wrap_inner .section03 .didim_link b {font-weight: 800; color: #c7000d;}
.main_wrap_inner .section03 .didim_link span {display: block;margin-top: 0.25rem;font-size: 1.25rem;font-weight: 600;position: relative;}
.main_wrap_inner .section03 .didim_link span:before { content: '';width: 0%;height: 0.5rem;background: #ffd320;position: absolute;left: 53%;bottom: 0.125rem;z-index: -1;transition: 0.2s all linear;}
.main_wrap_inner .section03 .didim_link span:after {content:'';width: 20px;height: 20px;background: url('../../img/renew/main/icon-more-red.svg') center no-repeat;display: inline-block;vertical-align: middle;margin:-3px 0.5rem 0;filter: brightness(0) invert(0);}
.main_wrap_inner .section03 .didim_link:hover span:before {width: 46%; transition: 0.2s all linear;}
.main_wrap_inner .section03 .didim_link:hover span:after {filter: brightness(1) invert(0);}


.main_wrap_inner .section04 .ready-wrap {display: flex; gap: 3rem}
.main_wrap_inner .section04 .ready-wrap .ready-title-wrap{padding-bottom: 1em; border-bottom: 1px solid #767676; position: relative; display: flex; justify-content: space-between; align-items: center}
.main_wrap_inner .section04 .ready-wrap .ready-title-wrap .title {font-size: 1.5em;font-weight: 500; }
.main_wrap_inner .section04 .ready-wrap .ready-title-wrap a img { transition: 0.5s ease-in}
.main_wrap_inner .section04 .ready-wrap .ready-title-wrap a:hover img{transform: rotate(360deg); transition: 0.5s ease-in}
.main_wrap_inner .section04 .ready-wrap > div{width: calc((100% - 4rem) / 2);}
.main_wrap_inner .section04 .ready-wrap .left-wrap {width: 100%;}
.main_wrap_inner .section04 .ready-wrap .right-wrap {width: 100%; margin-left: 0;}
.main_wrap_inner .section04 .ready-wrap > div >div:not(.ready-title-wrap) {margin-top: 1.5em}
.main_wrap_inner .section04 .ready-wrap > div >div:not(.ready-title-wrap) ul {display: flex; gap: 1.5em}
.main_wrap_inner .section04 .ready-wrap > div >div:not(.ready-title-wrap) ul li {width: calc(33.333% - 1em)}
.main_wrap_inner .section04 .ready-wrap > div >div:not(.ready-title-wrap) ul li:hover .title {color: var(--color-red); transition: 0.2s ease-in;}
.main_wrap_inner .section04 .ready-wrap:not(.notice-wrap) div ul li {border-radius: 30px; position: relative;min-height:180px;}
.main_wrap_inner .section04 .ready-wrap div ul li .text {color: #fff;font-size: 1.125rem;font-weight: 700;padding: 1.5rem 1.125rem;display: block; word-break:keep-all; letter-spacing: -1px}
.main_wrap_inner .section04 .ready-wrap div ul li .text:after {content: '';background: url('../../img/renew/main/ready-arrow.png') no-repeat center center / contain; width: 16px; height: 16px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-left: 0.25rem;}
.main_wrap_inner .section04 .ready-wrap div ul li img {position: absolute; right: -10px; bottom: -10px; max-width:120px;transition: 0.3s ease-in}
.main_wrap_inner .section04 .ready-wrap div ul li:hover img {transform: rotate(15deg) translateY(-10px); transition: 0.3s ease-in}
.main_wrap_inner .section04 .ready-wrap .left-wrap ul li:nth-child(1){background:#f97a5d}
.main_wrap_inner .section04 .ready-wrap .left-wrap ul li:nth-child(2){background:#31c5b2}
.main_wrap_inner .section04 .ready-wrap .left-wrap ul li:nth-child(3){background:#b08ef3}
.main_wrap_inner .section04 .ready-wrap .right-wrap ul li:nth-child(1){background:#35affb}
.main_wrap_inner .section04 .ready-wrap.notice-wrap .notice-list {margin-top: 0}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul {display: flex; flex-direction: column; gap: 0!important;}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li {width: 100% !important; border-radius: 0; padding-bottom: 0}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a{background: #fff; border-bottom: 1px solid #ddd; display: flex; gap: 20px; align-items: center; padding: 0 2em; box-sizing: border-box}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag {padding: 6px 0;border-radius: 30px;text-align: center;width: 120px;box-sizing: border-box;font-size: 93%; letter-spacing: -0.5px}
/*.main_wrap_inner .section04 .ready-wrap.notice-wrap .right ul li a .tag {width: 130px;}*/
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag.gray {color: #888; background: #f9f9f9;}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag.blue {color: #fff; background: #35affb;}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag.yellow {color:#ec984e; background: #fff9e1;}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag.green {color:#fff; background: #31c5b2;}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag.red {color:#fff; background: #ee7959;}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag.purple {color:#fff; background: #b08ef3;}
.main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .title { padding: 1em 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  transition: 0.2s ease-in; width: calc(100% - 120px - 20px);}
/*.main_wrap_inner .section04 .ready-wrap.notice-wrap .left ul li a .title {width: calc(100% - 105px - 20px);}*/
/*.main_wrap_inner .section04 .ready-wrap.notice-wrap .right ul li a .title {width: calc(100% - 60px - 20px);}*/


.main_wrap_inner .section05 {background: #f5f5f5; padding: 80px 0}
.main_wrap_inner .section05 .btn-wrap {margin-top: 2em}
.main_wrap_inner .section05 .btn-wrap .btn {font-size: 1.1em}
.main_wrap_inner .section05 .main-title-wrap span.red {color: var(--color-red)}
.main_wrap_inner .section05  {}
.main_wrap_inner .section05  ul.tabmenu {display: flex; gap: 2em; padding: 1em 0 1.5em 0;}
.main_wrap_inner .section05  ul.tabmenu li {width: calc(25% - 1.5em); border-radius: 40px;}
.main_wrap_inner .section05  ul.tabmenu li a{border: 1px solid #f0543b;border-radius: 40px;padding: 14px 20px; background: #f9f0ed; position: relative; color: #333; transition: 0.2s ease-in; text-align: center;}
.main_wrap_inner .section05  ul.tabmenu li a.active {background: #ee7959; color: #fff}
.main_wrap_inner .section05  ul.tabmenu li img {position: absolute; top: -14px; left: 10px; max-width:50px}
.main_wrap_inner .section05  ul.tabmenu li a:hover {background: #ee7959; color: #fff; transition: 0.2s ease-in}
.main_wrap_inner .section05 .tabcont {display: none;}
.main_wrap_inner .section05 .tabcont.active {display:block;}
.main_wrap_inner .section05  ul.tabmenu-v2 {padding-bottom: 1.5em;}
.main_wrap_inner .section05  ul.tabmenu-v2 {display: flex; justify-content: flex-end}
.main_wrap_inner .section05  ul.tabmenu-v2 li {transition: 0.2s ease-in; text-align: center; padding: 0 20px; position: relative}
.main_wrap_inner .section05  ul.tabmenu-v2 li:after {position: absolute; content: ''; right: 0; top: 2px; height: 1em; width: 1px; background: #767676}
.main_wrap_inner .section05  ul.tabmenu-v2 li:last-child:after {content: none}
.main_wrap_inner .section05  ul.tabmenu-v2 li a {}
.main_wrap_inner .section05  ul.tabmenu-v2 li a.active {color: var(--color-red); font-weight: 700;}
.main_wrap_inner .section05  ul.tabmenu-v2 li a:hover {color: var(--color-red); transition: 0.2s ease-in;}
.main_wrap_inner .section05 ul.tabmenu li a .p_br {display: block;}
.main_wrap_inner .section05 .tabcont-v2 {display: none}
.main_wrap_inner .section05 .tabcont-v2.active {display: block}
.main_wrap_inner .section05 .btn-wrap {text-align: right}
.main_wrap_inner .section05 .tab01 ul {display: flex; flex-wrap: wrap;gap: 1rem;}
.main_wrap_inner .section05 .tab01 ul li {width: calc((100% - (1rem * 4)) / 5); padding: 1.515rem 1rem 1.375rem; position: relative;background: #fff; border-radius: 10px; border: 1px solid #ddd;  box-sizing: border-box; transition: 0.2s ease-in}
.main_wrap_inner .section05 .tab01 ul li:hover {border-color:#ee7959 ; transition: 0.2s ease-in}
.main_wrap_inner .section05 .tab01 ul li > a .tag {background: var(--color-red); color: #fff; padding: 4px 1rem; border-radius: 30px; font-size: 94%;}
.main_wrap_inner .section05 .tab01 ul li > a .title { margin: 0.875rem 0 1.25rem;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3;line-height: 1.5;height: 4.5rem;}
.main_wrap_inner .section05 .tab01 ul li .btn-box {display: flex; gap: .5em; margin-top: .5em}
.main_wrap_inner .section05 .tab01 ul li .btn-box >div {border: 1px solid #ddd; border-radius: 4px; padding: 6px; font-size: 0.8em; font-weight: 700; color: #666; width: 50%; display: flex; align-items: center; gap: 4px; justify-content: center; transition: 0.2s ease-in; background: #fff; cursor: pointer;}

.main_wrap_inner .section05 .tab01 ul li .btn-box >div button {transition: 0.2s ease}
.main_wrap_inner .section05 .tab01 ul li .btn-box >div:hover button {filter: brightness(0%) invert(1); opacity: 1; transition: 0.2s ease}
.main_wrap_inner .section05 .tabcont-v2 {position: relative;}
.main_wrap_inner .section05 .tabcont-v2 .notice {position: absolute;left: 0;bottom: 1.625rem;font-weight: 500;}

.download_btn {width: 20px;height: 18px;background: url('../../img/renew/common/icon-download.png') no-repeat center center / contain;opacity: 0.2;}
.download_btn.active {opacity: 1}
.main_wrap_inner .section05 .tab01 ul li .btn-box >div:hover {color: #fff; background: var(--color-red); transition: 0.2s ease-in; border: 1px solid var(--color-red)}
.scrap_btn {width: 20px !important;height: 18px !important; background:url('../../img/renew/main/icon-scrap-off.png') no-repeat center center / contain}
.scrap_btn_wrap .scrap.active {background: url('../../img/renew/common/icon-scrap-on.png') no-repeat center center / contain;}
.main_wrap_inner .section05 .tab01 ul li:nth-child(6), .main_wrap_inner .section05 .tab01 ul li:nth-child(7), .main_wrap_inner .section05 .tab01 ul li:nth-child(8), .main_wrap_inner .section05 .tab01 ul li:nth-child(9), .main_wrap_inner .section05 .tab01 ul li:nth-child(10) {margin-top: 1.5em}

.main_wrap_inner .section05 .tab02 ul {display: flex; gap: 2em; flex-wrap: wrap}
.main_wrap_inner .section05 .tab02 ul li {width: calc(25% - 1.5em); border-radius:20px; overflow: hidden;transition: 0.2s ease-in}
.main_wrap_inner .section05 .tab02 ul li.green {background: #76bf83}
.main_wrap_inner .section05 .tab02 ul li.black {background: #979797}
.main_wrap_inner .section05 .tab02 ul li.blue {background: #98d2ff}
.main_wrap_inner .section05 .tab02 ul li.purple {background: #a79df2}
.main_wrap_inner .section05 .tab02 ul li.green .text {background: #40884e}
.main_wrap_inner .section05 .tab02 ul li.black .text {background: #505050}
.main_wrap_inner .section05 .tab02 ul li.blue .text {background: #4d9ad5}
.main_wrap_inner .section05 .tab02 ul li.purple .text {background: #6254cb}
.main_wrap_inner .section05 .tab02 ul li .img-box {position: relative; padding-bottom: 48.875%;}
.main_wrap_inner .section05 .tab02 ul li .img-box img {position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; transition: 0.2s ease-in; max-width: 36%;}
.main_wrap_inner .section05 .tab02 ul li .text{text-align: center; padding: 0.875rem; color: #fff; font-weight: 500; font-size: 1.125rem;letter-spacing: -1px;}
.main_wrap_inner .section05 .tab02 ul li .text span {display: block;font-size: 85%;margin-top: 0.25rem;font-weight: 400;}
.main_wrap_inner .section05 .tab02 ul li:hover img {transform: translate(-50%,-50%) scale(1.1); transition: 0.2s ease-in}

.main_wrap_inner .section05 .tab03 ul {display: flex; gap: 2em; flex-wrap: wrap}
.main_wrap_inner .section05 .tab03 ul li {width: calc(25% - 1.5em); transition: 0.2s ease-in}
.main_wrap_inner .section05 .tab03 ul li .img-box {border-radius:20px; overflow: hidden; position: relative; padding-bottom: 56.25%}
.main_wrap_inner .section05 .tab03 ul li .img-box img {position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); width: 100%; object-fit: cover; height: 100%}
.main_wrap_inner .section05 .tab03 ul li .img-box:after {position: absolute; content: ''; left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);transition: 0.2s ease-in}
.main_wrap_inner .section05 .tab03 ul li .img-box:before {position: absolute; content: ''; left: 50%;top:50%;transform: translate(-50%,-50%); background: url("../../img/renew/main/main-play.png") no-repeat; width:34px;height: 35px; z-index: 1}
.main_wrap_inner .section05 .tab03 ul li .text,
.main_wrap_inner .section05 .tab04 ul li .text {text-align: center;margin-top: 0.937rem;font-weight: 700;letter-spacing: -1px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-height: 1.4;height: 2.6rem;transition: 0.2s all linear;}
.main_wrap_inner .section05 .tab04 ul li .text {margin-top: 1.125rem;}
.main_wrap_inner .section05 .tab03 ul li:hover .text, .main_wrap_inner .section05 .tab04 ul li:hover .text {color: var(--color-red); transition: 0.2s all linear;}
.main_wrap_inner .section05 .tab03 ul li:hover .img-box:after {background: transparent; transition: 0.2s ease-in}

.main_wrap_inner .section05 .tab04 {margin-top: 39px;}
.main_wrap_inner .section05 .tab04 ul {display: flex; gap: 2em; flex-wrap: wrap}
.main_wrap_inner .section05 .tab04 ul li {width: calc(25% - 1.5em); transition: 0.2s ease-in}
.main_wrap_inner .section05 .tab04 ul li .img-box {border-radius:20px; overflow: hidden; position: relative; padding-bottom: 56.25%}
.main_wrap_inner .section05 .tab04 ul li .img-box img {position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%); width: 100%;height: 100%;object-fit: cover; transition: 0.2s ease-in}
/*.main_wrap_inner .section05 .tab04 ul li .text {font-size: 1.125em; text-align: left; padding-top: 1em; font-weight: 700; transition: 0.2s ease-in}*/
.main_wrap_inner .section05 .tab04 ul li:hover .img-box img {transform: translate(-50%,-50%) scale(1.1); transition: 0.2s ease-in}
/*.main_wrap_inner .section05 .tab04 ul li:hover .text {color: #f0543b; transition: 0.2s ease-in}*/



.main_wrap_inner .section06 {margin-top: 0 !important; position: relative}
.main_wrap_inner .section06 .img-box {padding: 8em; overflow: hidden; position: relative}
.main_wrap_inner .section06 .img-box img {position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); width: 100%; object-fit: cover; height: 100%}
.main_wrap_inner .section06 .event-title-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 1200px;}
.main_wrap_inner .section06 .event-title-wrap h3 {color: #fff; font-weight: 700; font-size: 1.8em;}
.main_wrap_inner .section06 .event-title-wrap .dec {color: #fff; font-size: 1.4em; font-weight: 300; padding: .5em 0}
.main_wrap_inner .section06 .event-title-wrap .dec span {font-weight: 700;}
.main_wrap_inner .section06 .event-title-wrap a {background: #fff; color: #333;font-weight: 300; display: inline-block; padding: 10px 24px; border-radius: 30px; margin-top: .5em}
.main_wrap_inner .section06 .event-title-wrap a span {font-weight: 700}
.main_wrap_inner .section06 .event-title-wrap a img {display: inline-block; padding-bottom: 4px; padding-left: 10px}
.main_wrap_inner .section06 .event-control {position: absolute; max-width:1200px; width: 100%; left: 50%;bottom: 2em; transform: translateX(-50%);text-align: right; display: flex; justify-content:flex-end; align-items: center;gap: 20px}
.main_wrap_inner .section06 .event-control .event-control-num {color: #fff}
.main_wrap_inner .section06 .event-control .event-control-num li {display: none}
.main_wrap_inner .section06 .event-control .event-control-num li.slick-active {display: block;}


.main_wrap_inner .section07 .section-inner{position: relative}
.main_wrap_inner .section07 ul.tabmenu {display: flex; justify-content: flex-end; border-radius: 30px; background: #f4f4f4; position: absolute;top: 0;right: 0}
.main_wrap_inner .section07 ul.tabmenu li { border-radius: 30px}
.main_wrap_inner .section07 ul.tabmenu li a{padding: .8em 1.5em; font-size: 1.2em; color: #666; transition: 0.2s ease-in;border-radius: 30px;}
.main_wrap_inner .section07 ul.tabmenu li a.active {background: #444854; color: #fff; border-radius: 30px}
.main_wrap_inner .section07 ul.tabmenu li:hover {background: #444854; color: #fff; transition: 0.2s ease-in;}
.main_wrap_inner .section07 ul.tabmenu li:hover a {color: #fff; transition: 0.2s ease-in;}
.main_wrap_inner .section07 .tabcont{display: none}
.main_wrap_inner .section07 .tabcont.active{display: block}
.main_wrap_inner .section07 .best-wrap {padding-top: 2em; margin-top: 1em; border-top: 1px solid #767676}
.main_wrap_inner .section07 .best-wrap .best01 ul {display: flex; flex-wrap: wrap; gap: 2em}
.main_wrap_inner .section07 .best-wrap .best01 ul li {width: calc(25% - 1.5em); }
.main_wrap_inner .section07 .best-wrap .best01 ul li .img-box {padding-bottom:60%; position: relative;overflow: hidden}
.main_wrap_inner .section07 .best-wrap .best01 ul li .img-box img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;width: 100%;height: 100%;transition: 0.2s ease-in}
.main_wrap_inner .section07 .best-wrap .best01 ul li:hover .img-box img {transform: translate(-50%,-50%) scale(1.1); transition: 0.2s ease-in}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip {font-family: var(--font-jalnan); position: absolute; left: 10px;top: 10px; z-index: 1;   text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; font-size: 1.2em}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip.pink {color: #f97676;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip.green {color: #81b553;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip.blue {color: #6661d4;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip.yellow {color: #eaab3d;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip.orange {color: #ff925d;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip.gray {color: #b7b7b7;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip.light-purple {color: #d290e8;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .best-tip.purple {color: #a475e5;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .text-box {border: 1px solid #ddd; padding: 1em; box-sizing: border-box; border-radius: 0 0 20px 20px}
.main_wrap_inner .section07 .best-wrap .best01 ul li .tag {border: 1px solid var(--color-red); padding: 4px 12px; color: var(--color-red); font-size: 0.85em; border-radius: 30px; font-weight: 700;}
.main_wrap_inner .section07 .best-wrap .best01 ul li .title {padding: 1em 0 0; font-weight: 500; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.main_wrap_inner .section07 .best-wrap .best01 ul li .author-wrap {display: flex; justify-content: space-between; align-items: center; padding-top: 1em}
.main_wrap_inner .section07 .best-wrap .best01 ul li .author-wrap .left {display: flex; gap: 20px; font-size: 12px;font-weight: 500}
.main_wrap_inner .section07 .best-wrap .best01 ul li .author-wrap .right .author {color: #767676; font-size: 0.85em}


.main_wrap_inner .section08 {background: #f9f9f9; padding: 80px 0}
.main_wrap_inner .section08 .notice-wrap {display: flex; gap: 3em}
.main_wrap_inner .section08 .notice-wrap >div {width: calc((100% - 3rem) / 2);}
.main_wrap_inner .section08 .notice-wrap a img { transition: 0.5s ease-in}
.main_wrap_inner .section08 .notice-wrap a:hover img{transform: rotate(360deg); transition: 0.5s ease-in}
.main_wrap_inner .section08 .notice-title-wrap {display: flex;justify-content: space-between; padding-bottom: 1.5em; border-bottom: 1px solid #767676; align-items: center}
.main_wrap_inner .section08 .notice-title-wrap h4 {font-size: 1.8em; font-weight: 700;}
.main_wrap_inner .section08 .notice-wrap ul {display: flex; flex-direction: column}
.main_wrap_inner .section08 .notice-wrap ul li:hover .title {color: var(--color-red);transition: 0.2s ease-in;}
.main_wrap_inner .section08 .notice-wrap ul li a{background: #fff; border-bottom: 1px solid #ddd; display: flex; gap: 10px; align-items: center; padding: 0 2em; box-sizing: border-box}
.main_wrap_inner .section08 .notice-wrap ul li a .tag {padding: 6px 10px; border-radius: 30px; width: 60px; text-align: center;}
.main_wrap_inner .section08 .notice-wrap ul li a .tag.gray {color: #888; background: #f9f9f9;}
.main_wrap_inner .section08 .notice-wrap ul li a .tag.black {color: #fff; background: #333;}
.main_wrap_inner .section08 .notice-wrap ul li a .title {width: calc(100% - 60px - 70px); padding: 1em 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.2s ease-in;}
.main_wrap_inner .section08 .notice-wrap ul li a .date {width: 70px;text-align: right;}

.main_wrap_inner .section09 {margin-bottom: 80px;}
.main_wrap_inner .section09 .customer-wrap ul{display: flex; gap: 1em}
.main_wrap_inner .section09 .customer-wrap ul li {width: calc(25% - 0.5em);}
.main_wrap_inner .section09 .customer-wrap ul li a {border: 1px solid #ddd; border-radius: 30px; padding: 1.5em; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.04) 0 3px 5px; min-height: 200px; position: relative}
.main_wrap_inner .section09 .customer-wrap ul li a:hover img {transform: rotateY(360deg); transition: .5s ease-in}
.main_wrap_inner .section09 .customer-wrap ul li a .title {font-size: 1.2em; font-weight: 600; padding-bottom: 1em}
.main_wrap_inner .section09 .customer-wrap ul li a .dec {color: #767676}
.main_wrap_inner .section09 .customer-wrap ul li a .dec .p_br {display: block;}
.main_wrap_inner .section09 .customer-wrap ul li a img {position: absolute; right: 1.5em; bottom: 1.5em; transition: .5s ease-in}



/* 반응형 */
@media(max-width:1200px){

    .main_wrap_inner .section .section-inner {
        max-width: 96%;
    }

    .main_wrap_inner .main-visual .text-wrap {
        max-width: 100%;
        width: 96%;
    }

    .main_wrap_inner .main-visual {
        height: 620px;
    }

    .main_wrap_inner .main-visual .text-wrap .tag {
        font-size: 1.375rem;
    }

    .main_wrap_inner .main-visual .text-wrap .title {
        font-size: 1.875rem;
    }

    .main_wrap_inner .main-visual .text-wrap span {
        font-size: 2.125rem;
    }

    .main_wrap_inner .main-visual .text-wrap .title {
        margin: 1rem 0;
    }

    .main_wrap_inner .main-visual .main-visual-control {
        width: 96%;
    }

    .main_wrap_inner .section02 .quick-wrap ul li .img-box {
        width: 95px;
        height: 95px;
    }

    .main_wrap_inner .section02 .quick-wrap ul li img {
        max-width: 54px;
    }

    .main_wrap_inner .section03 .math-wrap ul li .text-box .title {
        font-size: 1.25rem;
    }

    .main_wrap_inner .main-title-wrap h3 {
        font-size: 1.75rem;
    }

    .main_wrap_inner .section03 .math-wrap ul li .text-box {
        margin-top: 1.5rem;
    }

    .main_wrap_inner .section04 .ready-wrap {
        gap: 3rem;
    }

    .main_wrap_inner .section04 .ready-wrap > div {
        width: calc((100% - 3rem) / 2);
    }

    .main_wrap_inner .section04 .ready-wrap .ready-title-wrap .title {
        font-size: 1.25rem;
    }

    .main_wrap_inner .section04 .ready-wrap:not(.notice-wrap) div ul li {
        min-height: 150px;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li .text {
        font-size: 1.125rem;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li img {
        max-width: 95px;
    }

    .main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a,
    .main_wrap_inner .section08 .notice-wrap ul li a {
        padding: 0 1rem;
    }

    .main_wrap_inner .section05 ul.tabmenu {
        gap: 1rem;
    }

    .main_wrap_inner .section05 ul.tabmenu li {
        width: calc(25% - 1rem);
    }

    .main_wrap_inner .section05 ul.tabmenu li a {
        display: flex;
        align-items: center;
        padding: 14px 10px;
        justify-content: center;
    }

    .main_wrap_inner .section05 ul.tabmenu li img {
        position: inherit;
        top: auto;
        left: auto;
        max-width: 40px;
    }

    .main_wrap_inner .section05 ul.tabmenu li a span {
        display: inline-block;
        text-align: left;
        padding-left: 10px;
        letter-spacing: -0.5px;
    }

    .main_wrap_inner .section05 .tabcont-v2 {
        padding: 0;
    }

    .main_wrap_inner .section05 .tab01 ul li:nth-child(6), .main_wrap_inner .section05 .tab01 ul li:nth-child(7), .main_wrap_inner .section05 .tab01 ul li:nth-child(8), .main_wrap_inner .section05 .tab01 ul li:nth-child(9), .main_wrap_inner .section05 .tab01 ul li:nth-child(10) {
        margin-top: 0;
    }

    .main_wrap_inner .section05 .tab01 ul li .btn-box {
        flex-wrap: wrap;
    }

    .main_wrap_inner .section05 .tab01 ul li .btn-box >div {
        width: calc((100% - 0.5rem) / 2);
    }

    .main_wrap_inner .section05 .tab02 ul li .text {
        font-size: 17px;
    }

    .main_wrap_inner .section05 .tab02 ul li .img-box {
        padding-bottom: 49.48%;
    }

    .main_wrap_inner .section05 .tab04 {
        margin-top: 40px;
    }

    .main_wrap_inner .section05 .tab01 ul li .btn-box >div {
        padding: 8px 6px 9.12px;
    }

    .main_wrap_inner .section06 .event-control,
    .main_wrap_inner .section06 .event-title-wrap {
        width: 94%;
    }

    .main_wrap_inner .section09 .customer-wrap ul li a {
        border-radius: 1rem;
    }

    .main_wrap_inner .section09 .customer-wrap ul li a .title {
        padding-bottom: 0.75rem;
    }

}

@media(max-width:1024px){

    .main_wrap_inner .main-visual {
        height: 595px;
    }

    .main_wrap_inner .main-visual .text-wrap {
        top: 4rem;
    }

    .left-wrap {
        position: inherit;
        height: auto;

    }

    .main_wrap_inner .section04 .left-wrap {
        background: none;
    }

    .main_wrap_inner .section02 .quick-wrap ul {
        padding: 0.5rem 0;
    }

    .main_wrap_inner .section03 .math-wrap ul li .text-box .title {
        font-size: 1.125rem;
    }

    .main_wrap_inner .section03 .math-wrap ul {
        gap: 1.5rem;
    }

    .main_wrap_inner .section03 .math-wrap ul li {
        width: calc((100% - (1.5rem * 3)) / 4);
    }

    .main_wrap_inner .section04 .ready-wrap,
    .main_wrap_inner .section08 .notice-wrap {
        flex-wrap: wrap;
        gap: 2.5rem;
    }

    .main_wrap_inner .section04 .ready-wrap > div,
    .main_wrap_inner .section08 .notice-wrap >div {
        width: 100%;
    }

    .main_wrap_inner .section04 .ready-wrap:not(.notice-wrap) div ul li {
        min-height: 180px;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li img {
        max-width: 150px;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li .text {
        padding: 1.75rem;
        font-size: 1.25rem;
    }

    .main_wrap_inner .section05 .tab01 ul li:nth-child(9),
    .main_wrap_inner .section05 .tab01 ul li:nth-child(10) {
        display: none;
    }

    .main_wrap_inner .section05 .tab01 ul li {
        width: calc((100% - (1rem * 3)) / 4);
    }

    .main_wrap_inner .section05 ul.tabmenu li {
        width: calc((100% - 3rem) / 4);
    }

    .main_wrap_inner .section05 .tab03 ul,
    .main_wrap_inner .section05 .tab04 ul {
        gap: 1.5rem;
    }

    .main_wrap_inner .section05 .tab03 ul li,
    .main_wrap_inner .section05 .tab04 ul li {
        width: calc((100% - (1.5rem * 3)) / 4);
    }

    .main_wrap_inner .section05 .tab01 ul li > a .title {
        height: 4.2rem;
        margin: 0.75rem 0 1.125rem;
    }

    .main_wrap_inner .section05 .tab03 ul li .img-box {
        padding-bottom: 62.44%;
    }

    .main_wrap_inner .section05 .tab04 ul li .text {
        margin: 1rem 0 1.25rem;
    }

    .main_wrap_inner .section05 .tab04 {
        margin-top: 38px;
    }

    .main_wrap_inner .section05 .tab02 ul li .text {
        font-size: 1rem;
    }

    .main_wrap_inner .section05 .tab02 ul li .img-box {
        padding-bottom: 57.57%;
    }

    .main_wrap_inner .section05 .tab02 ul li .img-box img {
        max-width: 42%;
    }

    .main_wrap_inner .section05 .tab03 ul li .text {
        margin-top: 1rem;
        margin-bottom: 0.255rem;
    }


}

@media(max-width:970px){

    .main_wrap_inner .main-visual {
        height: 530px;
    }

    .main_wrap_inner .main-visual .main-visual-item {
        background-position: 40% center;
    }

    .main_wrap_inner .main-visual .text-wrap .title {
        font-size: 1.625rem;
    }

    .main_wrap_inner .main-visual .text-wrap span {
        font-size: 1.875rem;
    }

    .main_wrap_inner .main-visual .text-wrap .tag {
        font-size: 1.125rem;
    }

    .main_wrap_inner .section03 .math-wrap ul {
        gap: 1rem;
    }

    .main_wrap_inner .section03 .math-wrap ul li {
        width: calc((100% - (1rem * 3)) / 4);
    }

    .main_wrap_inner .section02 .quick-wrap ul li .img-box {
        width: 80px;
        height: 80px;
    }

    .main_wrap_inner .section02 .quick-wrap ul li img {
        max-width: 46px;
    }

    .main_wrap_inner .section02 .quick-wrap ul li span {
        font-weight: 600;
        letter-spacing: -0.5px;
    }

    .main_wrap_inner .section03 .math-wrap ul li .text-box .title {
        word-break: keep-all;
    }

    .main_wrap_inner .section03 .math-wrap ul li .link-box {
        gap: 0.5rem;
        margin-top: 0.75rem;
        flex-wrap: wrap;
    }

    .main_wrap_inner .section03 .math-wrap ul li .link-box img {
        width: 18px;
    }

    .main_wrap_inner .section03 .math-wrap ul li .link-box a {
        gap: 5px;
        width: 100%;
        padding: 6px;
    }

    .main_wrap_inner .section03 .math-wrap ul li .link-box a span {
        font-size: 95%;
    }

    .main_wrap_inner .section03 .didim_link {
        position: inherit;
        right: auto;
        top: auto;
        margin: 3rem 0 3.75rem;
        text-align: center;
        background: var(--color-light-red);
        padding: 1.5rem 0;
        border-radius: 1rem;
        border: 2px dotted var(--color-red);
    }

    .main_wrap_inner .section03 .didim_link:hover span:before {
        display: none;
    }

    .main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag {
        width: 110px;
    }

    .main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .title {
        width: calc(100% - 110px - 20px);
    }

    .main_wrap_inner .section05 ul.tabmenu {
        flex-wrap: wrap;
    }

    .main_wrap_inner .section05 ul.tabmenu li {
        width: calc((100% - 1rem) / 2);
    }

    .main_wrap_inner .section05 ul.tabmenu li a .p_br {
        display: inline-block;
        padding-left: 0;
    }

    .main_wrap_inner .section05 ul.tabmenu li img {
        max-width: 30px;
    }

    .main_wrap_inner .section05 ul.tabmenu li a {
        padding: 10px;
    }

    .main_wrap_inner .section05 .tab01 ul li {
        padding: 1.25rem 1rem;
    }

    .main_wrap_inner .section05 .tab01 ul li > a .tag {
        font-size: 92%;
    }

    .main_wrap_inner .section05 .tab01 ul li,
    .main_wrap_inner .section05 .tab02 ul li,
    .main_wrap_inner .section05 .tab03 ul li,
    .main_wrap_inner .section05 .tab04 ul li {
        width: calc((100% - 3rem) / 4);
    }

    .main_wrap_inner .section05 .tab02 ul,
    .main_wrap_inner .section05 .tab03 ul,
    .main_wrap_inner .section05 .tab04 ul {
        gap: 1rem;
    }

    .main_wrap_inner .section05 .tab03 ul li .text,
    .main_wrap_inner .section05 .tab04 ul li .text {
        font-size: inherit;
    }

    .main_wrap_inner .section05 .tab02 ul li,
    .main_wrap_inner .section05 .tab03 ul li .img-box,
    .main_wrap_inner .section05 .tab04 ul li .img-box {
        border-radius: 10px;
    }

    .main_wrap_inner .section05 .tab01 ul li .btn-box >div {
        width: 100%;
        padding: 8px;
    }

    .download_btn {
        height: 16px;
    }

    .main_wrap_inner .section05 .tab01 ul li > a .title {
        height: 4rem;
        margin: 0.625rem 0 0.75rem;
        line-height: 1.4;
    }

    .main_wrap_inner .section05 .tab02 ul li .img-box {
        padding-bottom: 90.7%;
    }

    .main_wrap_inner .section05 .tab02 ul li .img-box img {
        max-width: 67%;
    }

    .main_wrap_inner .section05 .tab02 ul li .text {
        font-size: 15px;
    }

    .main_wrap_inner .section05 .tab04 {
        margin-top: 32px;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul {
        gap: 1rem;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li {
        width: calc((100% - 3rem) / 4);
    }

    .main_wrap_inner .section07 ul.tabmenu li a {
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .img-box {
        padding-bottom: 60%;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .author-wrap {
        padding-top: 0.5rem;
        justify-content: flex-end;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .text-box {
        position: relative;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .author-wrap .left {
        position: absolute;
        right: 1em;
        top: 1.5em;
        gap: 10px;
    }

    .main_wrap_inner .section09 .customer-wrap ul {
        gap: 1rem;
        flex-wrap: wrap;
    }

    .main_wrap_inner .section09 .customer-wrap ul li {
        width: calc((100% - 1rem) / 2);
    }

    .main_wrap_inner .section09 .customer-wrap ul li a .dec {
        word-break:keep-all;
    }

    .main_wrap_inner .section09 .customer-wrap ul li a .dec .p_br {
        display: inline-block;
    }

}

@media(max-width:768px){

    .main_wrap_inner .section .section-inner {
        max-width: 94%;
    }

    .main_wrap_inner .section+.section {
        margin-top: 3.75rem;
    }

    .main_wrap_inner .section05 {
        padding: 0 0 3.75rem;
        background: none;
    }

    .main_wrap_inner .section08 {
        padding: 3.75rem 0;
    }

    .main_wrap_inner .main-visual .text-wrap {
        top: 2.5rem;
    }

    .main_wrap_inner .main-visual {
        height: 600px;
    }

    .main_wrap_inner .main-visual .main-visual-item {
        background-position: 30% center;
    }

    .main_wrap_inner .section02 .quick-wrap ul {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .main_wrap_inner .section02 .quick-wrap ul li {
        width: calc((100% - 3rem) / 4);
    }

    .main_wrap_inner .section02 .quick-wrap ul li .img-box {
        width: 70px;
        height: 70px;
        margin: auto;
    }

    .main_wrap_inner .section02 .quick-wrap ul li img {
        max-width: 40px;
    }

    .main_wrap_inner .main-visual .main-visual-control {
        bottom: 45%;
    }

    .main_wrap_inner .section03 {
        padding-bottom: 0;
    }

    .main_wrap_inner .section03:after {
        display: none;
    }

    .main_wrap_inner .section03 .math-wrap ul {
        gap: 1.5rem;
        flex-wrap: wrap;
    }

    .main_wrap_inner .section03 .math-wrap ul li {
        width: calc((100% - 1.5rem) / 2);
    }

    .main_wrap_inner .section03 .math-wrap ul li .link-box a {
        width: calc((100% - 0.5rem) / 2);
    }

    .main_wrap_inner .section03 .didim_link {
        margin: 3rem 0 4.5rem;
    }

    .main_wrap_inner .section04 {
        background: #f5f5f5;
        padding: 3.75rem 0;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li img {
        max-width: 120px;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li .text {
        padding: 1.5rem;
        font-size: 1.125rem;
    }

    .main_wrap_inner .section04 .ready-wrap:not(.notice-wrap) div ul li {
        min-height: 160px;
    }

    .main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag {
        width: 100px;
    }

    .main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .title {
        width : calc(100% - 100px - 20px);
    }

    .main_wrap_inner .section05 .tab01 ul li,
    .main_wrap_inner .section05 .tab02 ul li,
    .main_wrap_inner .section05 .tab03 ul li,
    .main_wrap_inner .section05 .tab04 ul li {
        width: calc((100% - 1rem) / 2);
    }

    .main_wrap_inner .section05 .tab01 ul li .btn-box >div {
        width: calc((100% - 0.5rem) / 2);
        padding: 6px;
    }

    .main_wrap_inner .section05 .tab01 ul li {
        padding: 1.5rem 1.25rem;
    }

    .main_wrap_inner .section05 .tab01 ul li > a .title {
        margin: 0.75rem 0;
    }

    .main_wrap_inner .section05 .tab02 ul li .text {
        padding: 0.75rem;
        font-size: inherit;
    }

    .main_wrap_inner .section05 .tab02 ul li .img-box {
        padding-bottom: 48%;
    }

    .main_wrap_inner .section05 .tab02 ul li .img-box img {
        max-width: 36%;
    }

    .main_wrap_inner .section05 .tabcont-v2 .notice {
        bottom: 0.75rem;
    }

    .main_wrap_inner .section05 .tab03 ul li .img-box{
        padding-bottom: 55%;
    }

    .main_wrap_inner .section07 .best-wrap {
        border-top: none;
        margin-top: 0;
        padding-top: 1em;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li {
        width: calc((100% - 1rem) / 2);
    }

    .main_wrap_inner .section07 ul.tabmenu {
        position: relative;
        right: auto;
        top:auto;
        width: 80%;
        margin: 0 auto 2rem;
    }

    .main_wrap_inner .section07 ul.tabmenu li {
        width: 50%;
        text-align: center;
    }

}

@media(max-width:640px){

    .main_wrap_inner .main-visual .text-wrap .tag {
        font-size: 1rem;
    }

    .main_wrap_inner .main-visual .text-wrap .title {
        font-size: 1.25rem;
    }

    .main_wrap_inner .main-visual .text-wrap span {
        font-size: 1.625rem;
    }

    .main_wrap_inner .main-visual .text-wrap .dec {
        font-size: 15px;
    }

    .main_wrap_inner .section02 .quick-wrap ul li .img-box {
        width: 60px;
        height: 60px;
    }

    .main_wrap_inner .section02 .quick-wrap ul li img {
        max-width: 36px;
    }

    .main_wrap_inner .main-visual {
        height: 570px;
    }

    .main_wrap_inner .main-visual .main-visual-item {
        background-position: 27% center;
    }

    .main_wrap_inner .main-visual .main-visual-control {
        bottom: 42%;
    }

    .main_wrap_inner .section02 .quick-wrap ul {
        padding: 0;
    }

    .main_wrap_inner .main-title-wrap h3 {
        font-size: 1.5rem;
    }

    .main_wrap_inner .main-title-wrap .dec {
        padding-top: 0.25rem;
    }

    .main_wrap_inner .section03 .math-wrap ul li .text-box {
        margin-top: 1rem;
    }

    .main_wrap_inner .main-title-wrap {
        margin-bottom: 1rem;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li img {
        max-width: 100px;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li .text {
        padding: 1.5rem;
        font-size: 17px;
    }

   .main_wrap_inner .section04 .ready-wrap:not(.notice-wrap) div ul li {
        min-height: 150px;
   }

    .main_wrap_inner .section05 ul.tabmenu li a .p_br {
        display: block;
    }

    .main_wrap_inner .section05 ul.tabmenu-v2 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .main_wrap_inner .section05 ul.tabmenu-v2 li {
        width: calc(100% / 3);
    }

    .main_wrap_inner .section05 ul.tabmenu-v2 li:nth-child(3):after {
        display: none;
    }

    .main_wrap_inner .section05 ul.tabmenu-v2 li:nth-child(4), .main_wrap_inner .section05 ul.tabmenu-v2 li:nth-child(5), .main_wrap_inner .section05 ul.tabmenu-v2 li:nth-child(6) {
        margin-top: 10px;
    }

    .main_wrap_inner .section06 .event-title-wrap h3 {
        font-size: 1.25rem;
    }

    .main_wrap_inner .section06 .event-title-wrap .dec {
        font-size: 1rem;
    }

    .main_wrap_inner .section06 .img-box {
        padding: 6rem;
    }

    .main_wrap_inner .section06 .event-control {
        bottom: 0.5rem;
        gap: 10px;
    }

    .main_wrap_inner .section06 .event-control img {
        vertical-align: middle;
    }
}

@media(max-width:480px){

    .main_wrap_inner .section+.section {
        margin-top: 3rem;
    }

    .main_wrap_inner .section02 {
        position: inherit;
        bottom: auto;
        background: none;
        padding: 2.5rem 0 0;
    }

    .main_wrap_inner .section+.section03 {
        margin-top: 2.5rem;
    }

    .main-visual.pc {
        display: none;
    }

    .main-visual.mb {
        display: block;
    }

    .main_wrap_inner .main-visual.mb {
        height: auto;
        display: block;
        position: relative;
    }

    .main_wrap_inner .main-visual.mb img {
        vertical-align: top;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .main_wrap_inner .main-visual .main-visual-control {
        bottom:1rem;
        left: 5%;
        transform: none;
        gap: 0.375rem;
    }

    .main_wrap_inner .main-visual .main-visual-item {
        position: relative;
        background-position: center;
        max-height: 280px;
    }

    .main_wrap_inner .main-visual .text-wrap {
        text-align: center;
        top: 2rem;
    }

    .main_wrap_inner .main-visual .text-wrap .title {
        font-size: 1rem;
        margin: 0.5rem 0 0.75rem;
    }

    .main_wrap_inner .main-visual .text-wrap .tag {
        font-size: 14px;
    }

    .main_wrap_inner .main-visual .text-wrap span {
        font-size: 1.25rem;
    }

    .main_wrap_inner .main-visual .text-wrap .dec {
        font-size: 13px;
        font-weight: 500;
    }

    .main_wrap_inner .main-visual .main-visual-control button {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        border-radius: 50%;
    }

    .main_wrap_inner .section02 .quick-wrap ul {
        gap: 0;
    }

    .main_wrap_inner .section02 .quick-wrap ul li {
        width: 25%;
    }

    .main_wrap_inner .section02 .quick-wrap ul li span {
        font-size: 13px;
        margin-top: 5px;
        letter-spacing: -1px;
    }

    .main_wrap_inner .section02 .quick-wrap ul li .img-box {
        width: 50px;
        height: 50px;
    }

    .main_wrap_inner .section02 .quick-wrap ul li img {
        max-width: 32px;
    }

    .main_wrap_inner .section02 .quick-wrap ul li:first-child,
    .main_wrap_inner .section02 .quick-wrap ul li:nth-child(2),
    .main_wrap_inner .section02 .quick-wrap ul li:nth-child(3),
    .main_wrap_inner .section02 .quick-wrap ul li:nth-child(4) {
        margin-bottom: 0.75rem;
    }

    .main_wrap_inner .main-title-wrap h3 {
        font-size: 1.25rem;
    }

    .main_wrap_inner .main-title-wrap .dec {
        letter-spacing: -0.5px;
    }

    .main_wrap_inner .section03 .math-wrap ul {
        gap: 1rem;
    }

    .main_wrap_inner .section03 .math-wrap ul li {
        width: calc((100% - 1rem) / 2);
    }

    .main_wrap_inner .section03 .math-wrap ul li:first-child,
    .main_wrap_inner .section03 .math-wrap ul li:nth-child(2) {
        margin-bottom: 1rem;
    }

    .main_wrap_inner .section03 .math-wrap ul li .link-box a {
        width: calc((100% - 0.25rem) / 2);
        letter-spacing: -0.5px;
    }

    .main_wrap_inner .section03 .math-wrap ul li .link-box img {
        width: 13px;
    }

    .main_wrap_inner .section03 .math-wrap ul li .link-box {
        gap: 0.25rem;
    }

    .main_wrap_inner .section03 .math-wrap ul li .text-box .title {
        font-size: 1rem;
        letter-spacing: -0.5px;
    }

    .main_wrap_inner .section03 .didim_link {
        margin: 3rem 0 3.5rem;
        padding: 1.25rem 0;
        letter-spacing: -1px;
    }

    .main_wrap_inner .section03 .didim_link img {
        display: none;
    }

    .main_wrap_inner .section03 .didim_link span {
        font-size: 17px;
        margin-top: 0.5rem;
    }

    .main_wrap_inner .section03 .didim_link span:after {
        width: 16px;
        height: 16px;
    }

    .main_wrap_inner .section04, .main_wrap_inner .section08 {
        padding: 3rem 0;
    }

    .main_wrap_inner .section04 .ready-wrap, .main_wrap_inner .section08 .notice-wrap {
        gap: 2rem;
    }

    .main_wrap_inner .section04 .ready-wrap {
        margin-top: 2rem !important;
    }

    .main_wrap_inner .section04 .ready-wrap .ready-title-wrap .title {
        font-size: 1.125rem;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li img {
        max-width: 115px;
        right: 1rem;
        bottom: 1rem;
    }

    .main_wrap_inner .section04 .ready-wrap .right-wrap ul li img {
        max-width: 110px;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li .text {
        padding: 1.5rem;
        font-size: 19px;
    }

    .main_wrap_inner .section04 .ready-wrap > div >div:not(.ready-title-wrap) ul {
        flex-wrap: wrap;
    }

    .main_wrap_inner .section04 .ready-wrap > div >div:not(.ready-title-wrap) ul li {
        width: 100%;
    }

    .main_wrap_inner .section04 .ready-wrap:not(.notice-wrap) div ul li {
        min-height: 150px;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li .text:after {
        width: 20px;
        height: 20px;
    }

    .main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a {
        padding:  0 0.5rem;
        gap: 10px;
    }

    .main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .tag {
        width: 100px;
        font-size: 92%;
        letter-spacing: -0.5px;
    }

    .main_wrap_inner .section04 .ready-wrap.notice-wrap ul li a .title{
        width: calc(100% - 100px - 10px);
    }

    .main_wrap_inner .section05 ul.tabmenu {
        gap: 0.5rem;
    }

    .main_wrap_inner .section05 ul.tabmenu li {
        width: 100%;
    }

    .main_wrap_inner .section05 ul.tabmenu-v2 li {
        padding: 0;
    }

    .main_wrap_inner .section05 ul.tabmenu li a .p_br {
        display: inline-block;
    }

    .main_wrap_inner .section05 ul.tabmenu li a {
        font-size: 15px;
    }

    .main_wrap_inner .section05 ul.tabmenu-v2 li a {
        letter-spacing: -0.5px;
    }

    .main_wrap_inner .section05 .tabcont-v2 .notice {
        position: inherit;
        left: auto;
        bottom: auto;
        margin-top: 1rem;
    }

    .main_wrap_inner .section05 .tab01 ul li .btn-box >div {
        width: calc((100% - 0.5rem) / 2);
        padding: 6px 0;
    }

    .main_wrap_inner .section05 .tab01 ul li > a .title {
        -webkit-line-clamp: 3;
        height: 3.5rem;
        margin: 0.5rem 0 0.5rem;
    }

    .main_wrap_inner .section05 .tab02 ul li .text {
        padding: 0.625rem;
    }

    .main_wrap_inner .section05 .tab01 ul li {
        padding: 1.125rem 0.875rem 1rem;
    }

    .main_wrap_inner .section05 .btn-wrap {
        margin-top: 1rem;
    }

    .main_wrap_inner .section05 .tab02 ul li .text span {
        margin-top: 0.125rem;
    }

    .main_wrap_inner .section05 .btn-wrap .btn {
        font-size: inherit;
    }

    .main_wrap_inner .section05 .tab02 ul li .img-box {
        padding-bottom: 46.44%;
    }

    .main_wrap_inner .section05 .tab03 ul li .text {
        margin-top: 0.75rem;
        margin-bottom: 0;
    }

    .download_btn {
        width: 11px;
        height: 13px;
    }

    .scrap_btn {
        width: 13px !important;
        height: 13px !important;
    }

    .main_wrap_inner .section06 .img-box {
        padding: 4.5rem;
    }

    .main_wrap_inner .section07 ul.tabmenu li a {
        font-size: inherit;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .img-box {
        padding-bottom: 65%;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .text-box {
        padding: 0.875rem 0.75rem;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .tag {
        padding: 3px 6px;
        letter-spacing: -0.5px;
        font-size: 11px;
    }

    .main_wrap_inner .section08 .notice-wrap ul li a .title {
        width: calc(100% - 50px - 65px);
    }

    .main_wrap_inner .section08 .notice-wrap ul li a .tag {
        width: 50px;
    }

    .main_wrap_inner .section08 .notice-wrap ul li a .date {
        width: 65px;
    }

    .main_wrap_inner .section09 .customer-wrap ul li a {
        min-height: 170px;
    }


    .main_wrap_inner .section09 .customer-wrap ul li a img {
        height: 50px;
    }

    .main_wrap_inner .section09 .customer-wrap ul li:nth-child(2) a img {
        height: 45px;
    }
}

@media(max-width:380px){
    .main_wrap_inner .section04 .ready-wrap div ul li .text {
        font-size: 1rem;

    }

    .main_wrap_inner .section04 .ready-wrap:not(.notice-wrap) div ul li {
        min-height: 120px;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li img {
        max-width: 90px;
        right: 1.25rem;
    }

    .main_wrap_inner .section04 .ready-wrap div ul li .text:after {
        width: 16px;
        height: 16px;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .tag {
        font-size: 80%;
        padding: 3px 10px;
    }

    .main_wrap_inner .section07 .best-wrap .best01 ul li .author-wrap .left {
        top: 1.375em;
    }

}