@charset "euc-kr";

@import url("//i.incru.it/ui/static/font/pretendard/package/pretendard/web/static/pretendard-subset.min.css");

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

/* RESET */
* {box-sizing: border-box;}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, b, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {letter-spacing: inherit; font-weight:inherit;font-family: inherit;line-height: inherit;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font: inherit;}
a {color: inherit;text-decoration: none;background-color: transparent;}
a:link, a:visited, a:active, a:hover {color:inherit;text-decoration: none;}
/* a:hover {color:#fe6b00; text-decoration: underline;} */
img {border: 0;max-width: 100%;vertical-align: top;outline: 0;}
button[type='button'] {text-transform: none;-webkit-appearance: button;font-size: inherit;font-family: inherit;margin:0;padding:0;vertical-align: middle;line-height: normal;border:none;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
a{background-color:transparent;}
a:active, a:hover{outline:0;}
img{border:0;max-width: 100%;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
button[type=button],button[type=submit]{border:none;outline:none;}
button, input, optgroup, select, textarea{margin:0;font:inherit;color:inherit;}
button, select{text-transform:none;}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
label{display:inline-block;max-width:100%;}
legend{padding:0;border:0;}
table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse;table-layout: fixed;}
td, th{padding:0;line-height:normal;text-align:center;}
ol, ul{margin-top:0;margin-bottom:0;list-style:none;}
dl{margin-top:0;margin-bottom:0;}
button, input, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder{color:#aaa;}
:-moz-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
::placeholder{color:#aaa;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

html {min-width: 1292px;font-family: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";box-sizing: border-box; color: #000;font-size: 16px;word-break: keep-all;line-height: 1.3;font-weight: 400;letter-spacing: -0.04em;}
html.noflow{overflow: hidden;}

.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.font-weight-light {font-weight: 300 !important;}
.font-weight-normal {font-weight: 400 !important;}
.font-weight-medium {font-weight: 500 !important;}
.font-weight-semibold {font-weight: 600 !important;}
.font-weight-bold {font-weight: 700 !important;}
.font-weight-black {font-weight: 900 !important;}
.text-underline {text-decoration: underline !important;}
.d-block {display: block !important;}
.d-none {display: none !important;}
.d-flex {display: flex;flex-wrap: wrap;}
.align-items-start {align-items: flex-start !important;}
.align-items-center {align-items: center !important;}
.align-items-end {align-items: flex-end !important;}

.main-wrap {background: url(../image/background.png) no-repeat center;background-size: cover;padding: 108px 0 109px;min-height: 100vh;}
.container {width: 100%;max-width: 1260px;margin-left: auto;margin-right: auto;}

.header {text-align: center;}
.header .logo {margin-bottom: 30px;}
.header .h1 {display:inline-block;position:relative;font-family: 'Paperozi';font-size: 46px;font-weight: 800;color: #fff;margin:0 auto;}
.header .h1 span{position:relative;z-index:1;}
.header .h1:before{content:"";display:block;position:absolute;left:0;bottom:5px;width:100%;height:14px;background: linear-gradient(90deg, rgba(255, 95, 0, 0.80) 0%, rgba(0, 86, 164, 0.80) 50%, rgba(0, 173, 186, 0.80) 100%);opacity:0.8;}
.header .p{font-family: 'Paperozi';font-size:22px;font-weight:500;color: #fff;letter-spacing: -0.44px;margin-top:12px;}

.main {padding-top: 46px;text-align: center;}
.main .contents-notice {width: 1140px;margin: 0 auto;background-color: #1EDCEC;border-radius: 24px 24px 0 0;padding: 20px 0;margin:0 auto;}
.main .contents-notice a{position:relative;display:flex;align-items:center;width:100%;padding:0 39px 0 148px;box-sizing:border-box;}
.main .contents-notice a:before{content:"";display:block;position:absolute;left:30px;top:-54px;z-index:1;background:url(../image/contents_char_1.png) no-repeat;width:136px;height:122px;}
.main .contents-notice a:hover .contents-notice__right{background-color:#0056A4;}
.main .contents-notice a:hover .contents-notice__right em ins{color:#fff;}
.main .contents-notice__text {font-size: 22px;font-weight: 500;color: #fff;}
.main .contents-notice__text em{font-family: 'Paperozi';font-size: 26px;font-weight: 500;color: #222;letter-spacing: -0.26px;}
.main .contents-notice__text strong{font-family: 'Paperozi';font-size: 26px;font-weight: 700;color: #222;letter-spacing: -0.26px;}
.main .contents-notice__right{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 35px;border-radius:100px;background-color:#fff;transition:all .3s ease;}
.main .contents-notice__right em{}
.main .contents-notice__right em ins{text-decoration:none;font-weight:500;font-size:20px;color:#0056a4;letter-spacing:-0.5px;transition:all .3s ease;}
.main .contents-box {background-color: #004383;border-radius: 40px;padding: 30px;display: flex;flex-wrap: wrap;position: relative;}
.main .contents-box::before {/* content: ''; */width: 286px;height: 271px;background: url(../image/contents_char.png) no-repeat center;background-size: contain;position: absolute;right: 28px;bottom: 31px;}
.main .contents-list--left {flex: 0 0 305px;max-width: 305px;padding-right: 20px;}
.main .contents-list--right {flex: 1 1 auto;width: 1%;display: flex;flex-wrap: wrap;margin: -23px -6px 0;}
.main .contents-list--left .contents-list__item {height: 100%;}
.main .contents-list--left .contents-list__box {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;}
.main .contents-list--right .contents-list__item {padding: 33px 16px 0;flex: 0 0 33.33%;max-width: 33.33%;}
.main .contents-list__box {display: block;height: 100%;padding: 25px 20px 30px;border: 1px solid #00ADBA;border-radius: 30px;background-color: #f6f6f6;position: relative;transition: all 0.3s;}
.main .contents-list__box::after {content: '';width: 105px;height:139px;background-position:right bottom;background-repeat: no-repeat;background-size: auto;position: absolute;right: 0;bottom: 0;}
.main .contents-list__box .in{height:163px;}
.main .contents-list__box .logo {display: inline-block;width: 236px;height: 51px;background-repeat: no-repeat;background-size: auto;transition: all 0.3s;}
.main .contents-list__box .logo-text {font-size: 0;text-indent: -9999em;}
.main .contents-list__box .title {font-size: 32px;font-weight: 500;margin-top: 65px;margin-bottom: 130px;line-height: 1.35;transition: all 0.3s;}
.main .contents-list__box .text {margin-top: 8px;margin-bottom: 0px;transition: all 0.3s;font-family: 'Paperozi';font-size:18px;font-weight:400;line-height: 140%;letter-spacing: -0.36px;color: #000547;}
.main .contents-list__box .text strong{font-weight:600;}
.main .contents-list__box .btn {display: inline-block;width: 180px;height: 52px;line-height: 50px;border-radius: 8px;font-size: 20px;font-weight: 500;color: #0056A4;letter-spacing: -0.5px;transition: all 0.3s;border:1px solid #0056A4}
.main .contents-list__box--1 .logo {background-image: url(../image/contents_logo_1.png);}
.main .contents-list__box--2 .logo {background-image: url(../image/contents_logo_2.png);}
.main .contents-list__box--3 .logo {background-image: url(../image/contents_logo_3.png);}
.main .contents-list__box--4 .logo {background-image: url(../image/contents_logo_4.png);}
.main .contents-list__box--5 .logo {background-image: url(../image/contents_logo_5.png);height:69px;}
.main .contents-list__box--6 .logo {background-image: url(../image/contents_logo_6.png);height:56px;}
.main .contents-list__box--7 .logo {background-image: url(../image/contents_logo_7.png);height:69px;}
/* .main .contents-list__box--1 .btn {background-color: #FF8137;}
.main .contents-list__box--2 .btn {background-color: #0056A4;}
.main .contents-list__box--3 .btn {background-color: #EE6770;}
.main .contents-list__box--4 .btn {background-color: #417CD6;}
.main .contents-list__box--5 .btn {background-color: #F26A8B;}
.main .contents-list__box--6 .btn {background-color: #9FC60F;} */
.main .contents-list__box--1::after {background-image: url(../image/contents_char_1.png);right: 50%;margin-right: -34px;bottom: 129px;}
.main .contents-list__box--2::after {background-image: url(../image/contents_char_2.png);}
.main .contents-list__box--3::after {background-image: url(../image/contents_char_3.png);}
.main .contents-list__box--4::after {background-image: url(../image/contents_char_4.png);}
.main .contents-list__box--5::after {background-image: url(../image/contents_char_5.png);}
.main .contents-list__box--6::after {background-image: url(../image/contents_char_6.png);}
.main .contents-list__box--7::after {background-image: url(../image/contents_char_7.png);}
.main .contents-list__box:hover {background: #BEE0FF;/* transform: translateY(-10px);box-shadow: 0 5px 10px rgba(0,0,0,0.3); */}
.main .contents-list__box:hover .title,
.main .contents-list__box:hover .text {}
.main .contents-list__box:hover .btn {background: #0056A4;color:#fff;}
/* .main .contents-list__box--1:hover {background-color: #FF8137;border-color: #FF8137;}
.main .contents-list__box--2:hover {background-color: #0056A4;border-color: #0056A4;}
.main .contents-list__box--3:hover {background-color: #EE6770;border-color: #EE6770;}
.main .contents-list__box--4:hover {background-color: #417CD6;border-color: #417CD6;}
.main .contents-list__box--5:hover {background-color: #F26A8B;border-color: #F26A8B;}
.main .contents-list__box--6:hover {background-color: #9FC60F;border-color: #9FC60F;}
.main .contents-list__box--1:hover .logo {background-image: url(../image/contents_logo_w_1.png);}
.main .contents-list__box--2:hover .logo {background-image: url(../image/contents_logo_w_2.png);}
.main .contents-list__box--3:hover .logo {background-image: url(../image/contents_logo_w_3.png);}
.main .contents-list__box--4:hover .logo {background-image: url(../image/contents_logo_w_4.png);}
.main .contents-list__box--5:hover .logo {background-image: url(../image/contents_logo_w_5.png);}
.main .contents-list__box--6:hover .logo {background-image: url(../image/contents_logo_w_6.png);}
.main .contents-list__box--1:hover .btn {color: #FF8137;}
.main .contents-list__box--2:hover .btn {color: #0056A4;}
.main .contents-list__box--3:hover .btn {color: #EE6770;}
.main .contents-list__box--4:hover .btn {color: #417CD6;}
.main .contents-list__box--5:hover .btn {color: #F26A8B;}
.main .contents-list__box--6:hover .btn {color: #9FC60F;} */