@font-face {
    font-family: 'S-CoreDream-2ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'S-CoreDream-4Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'S-CoreDream-5Medium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'S-CoreDream-7ExtraBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'S-CoreDream-8Heavy';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: "S-CoreDream";
    src: url("./fonts/SCDream6.eot"); /* IE9 Compat Modes */
    src: local(※), url("./fonts/SCDream6.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("./fonts/SCDream6.ttf") format("truetype"), /* Safari, Android, iOS */
      url("./fonts/SCDream6.otf") format("opentype"), /* Safari, Android, iOS */
      url("./fonts/SCDream6.woff") format("woff"), /* Modern Browsers */
      url("./fonts/SCDream6.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 600;
    font-style: normal;
}
@font-face {
font-family: 'GmarketSansLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GmarketSansBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'yg-jalnan';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.B { display: none;}
p, dl, dt, dd { margin: 0;}
li { list-style: none;}
body { word-break: keep-all;}

/* help2 */
.bgcst{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sec-tit { position: relative; color: #252b23; font-size: 22px; font-family: 'GmarketSansBold'; letter-spacing: -1px; z-index: 0;}
.sec-tit::before { content: ''; position: absolute; top: -8px; left: -10px; width: 18px; height: 24px; background: url(../../img/help/help-tit.png) 50% /contain no-repeat; z-index: -1; opacity: 0.5;}
.sec-tit.white::before { background-image: url(../../img/help/help-tit-w.png); opacity: 0.3;}

.help-visual { position: relative; height: calc(100vh - 60px); letter-spacing: -1px; box-sizing: border-box;}
.help-visual .bg { background-image: url(../../img/help/help-visual-bg-m.png); box-sizing: border-box;}
.help-visual .inner { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0 20px;}
.help-visual .txt-box { padding-bottom: 40vw; text-align: center;}
.help-visual h2 { padding-bottom: 20px; color: #3c8e35; font-family: 'GmarketSansBold'; font-size: 35px; line-height: 1.2; letter-spacing: -2px;}
.help-visual h2 span { font-family: 'GmarketSansLight'; font-size: 28px; font-weight: 400;}
.help-visual p { color: #252b23; font-family: 'S-CoreDream-4Regular'; font-size: 16px; line-height: 1.75;}
.help-visual p strong { font-family: 'S-CoreDream-7ExtraBold'; }

.help-sec1 { background: #f5f5f5; box-sizing: border-box;}
.help-sec1 .inner { height: 100%; padding: 40px 20px; box-sizing: border-box; }
.help-sec1-list { margin-top: 20px;}
.help-sec1-list dl { display: flex; color: #818181;}
.help-sec1-list dl + dl { margin-top: 10px;}
.help-sec1-list dt { display: flex; justify-content: center; align-items: center; width: 30%; background: #fff; font-family: 'S-CoreDream-8Heavy'; font-size: 14px; text-align: center; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);}
.help-sec1-list dd { display: flex; align-items: center; width: 70%; margin-left: 10px; padding: 10px; background: #fff; font-family: 'S-CoreDream-3Light'; font-size: 12px; font-weight: 300; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);}
.help-sec1-contact { margin-top: 20px;}
.help-sec1-contact ul { }
.help-sec1-contact li { }
.help-sec1-contact li + li { padding-top: 10px;}
.help-sec1-contact li > div { display: flex; justify-content: center; align-items: center; height: 40px; background: #818181; color: #fff; text-align: center;}
.help-sec1-contact li strong { font-family: 'S-CoreDream-8Heavy'; font-size: 15px;}
.help-sec1-contact li p { padding-left: 10px; font-family: 'S-CoreDream-3Light'; font-size: 14px; font-weight: 300;}

.help-sec2 { background: #e3f1d2; box-sizing: border-box;}
.help-sec2 .inner { height: 100%; padding: 40px 20px; box-sizing: border-box; }
.help-sec2-list { margin-top: 30px; }
.help-sec2-list ul { }
.help-sec2-list li { }
.help-sec2-list li + li { padding-top: 40px;}
.help-sec2-list li div { position: relative; padding: 10px 0; background: #3c8e35; text-align: center; border-radius: 10px; font-family: 'S-CoreDream-5Medium';}
.help-sec2-list li:last-child div::after { display: none;}
.help-sec2-list li p { color: #fff; font-size: 14px; }
.help-sec2-list li span { position: absolute; bottom: -80%; left: 50%; transform: translateX(-50%); color: #959595; font-size: 12px;}
.help-sec2-list li span::before { content: ''; display: inline-block; width: 13px; height: 18px; margin-right: 10px; transform: rotate(90deg); background: url(../../img/help/ico-help-arr.png) 50% / contain no-repeat; vertical-align: middle;}

.help-sec3 { padding: 40px 0; background: #f5f5f5; box-sizing: border-box; overflow: hidden;}
.help-sec3 .inner { height: 100%; padding: 0 20px; box-sizing: border-box; }
.help-sec3-list { margin-top: 20px;}
.help-sec3-list ul { display: flex; flex-wrap: wrap; width: 100%; gap: 20px; }
.help-sec3-list li { width: calc(50% - 10px); }
.help-sec3-list li .img-box img { width: 100%; vertical-align: top; }
.help-sec3-list li .txt-box { background: #fff; height: 40px; line-height: 40px; text-align: center; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);}
.help-sec3-list li .txt-box p { color: #818181; font-family: 'S-CoreDream-8Heavy'; font-size: 14px;} 

.help-sec4 { position: relative; box-sizing: border-box; overflow: hidden;}
.help-sec4 .bg { background-image: url(../../img/help/help-sec4-bg.png); }
.help-sec4 .inner { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 40px 20px; box-sizing: border-box; }
.help-sec4 .sec-tit { color: #fff;}
.help-sec4-list { margin-top: 30px; }
.help-sec4-list ul { display: flex; flex-wrap: wrap; gap: 20px;  }
.help-sec4-list li { width: calc(50% - 10px); color: #fff; }
.help-sec4-list li div { height: 160px; border-bottom: 1px solid #fff;}
.help-sec4-list li .num { font-family: 'yg-jalnan'; font-size: 40px; opacity: 0.6;}
.help-sec4-list li p { font-family: 'S-CoreDream-3Light'; font-size: 17px; font-weight: 300;}
.help-sec4-list li p span { font-size: 13px;}
.help-sec4-txt-box { margin-top: 20px;}
.help-sec4-txt-box li { color: #fff; font-family: 'S-CoreDream-2ExtraLight'; font-size: 13px;}
.help-sec4-txt-box li + li { margin-top: 10px;}
.help-sec4-application { margin-top: 30px; }
.help-sec4-application li { padding: 10px 0; transition: all .3s ease-in-out;}
.help-sec4-application li:hover { transform: translateY(-7%); }
.help-sec4-application li:hover div { box-shadow : 3px 3px 5px 1px rgb(0,0,0,0.15); }
.help-sec4-application li:nth-child(1) div { background: #fff; color: #3c8e35; transition: all .4s ease-in-out;}
.help-sec4-application li:nth-child(2) div { background: #f4edb0; color: #3c8e35; transition: all .4s ease-in-out;}
.help-sec4-application li a { display: block; padding: 10px 0; font-family: 'GmarketSansBold'; font-size: 16px; color: #3c8e35; text-decoration: none; text-align: center; letter-spacing: -1px;}
