@charset "utf-8"; 
/* CSS Document */


/*─────────────────────

	◌ File Name:style.css
	◌ Description:style settings for all pages
	◌ Last Update:06/22/25

─────────────────────*/





/*───── 공통 ─────*/
html{ font-size:0.96774193548387vw; }
body.on{ height:100vh; overflow:hidden; }
sup{ font-size:0.6em; vertical-align:super; line-height:1; }
main.content{ padding:0 2rem; margin:0 auto; }
.btn-wrap{ display:flex; justify-content:center; }
.btn-wrap a{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:33rem; height:10rem; font-size:3.2rem; font-weight:600; border-radius:5rem; margin:0 2rem; transition:all .2s ease-in; }
.btn-wrap a.btn_3{ color:#fff; background:#a3a3a3; }
.btn-wrap a.btn_4{ color:#fff; background:#fb8733; }
.btn-wrap a:focus, .btn-wrap a:hover{ color:#fff !important; background:#f66819 !important; border-color:#f66819 !important; }
.btn-wrap button{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:33rem; height:10rem; font-size:3.2rem; font-weight:600; border-radius:5rem; margin:0 2rem; transition:all .2s ease-in; }
.btn-wrap button.btn_3{ color:#fff; background:#a3a3a3; }
.btn-wrap button.btn_4{ color:#fff; background:#fb8733; }
.btn-wrap button:focus, .btn-wrap button:hover{ color:#fff !important; background:#f66819 !important; border-color:#f66819 !important; }





/*───── header ─────*/
header{ display:flex; justify-content:space-between; align-items:center; width:100%; height:11rem; padding:1rem; position:relative; z-index:9999; transition:all .2s ease-in; }
.main header{ padding:1rem 3rem; }
header:before{ content:''; width:100%; height:0; background:#fff; border-top:0.1rem solid #ddd; position:absolute; top:11rem; left:0; opacity:0; transition:all .2s ease-in; }
header .logo{ width:12rem; }
header .logo img{ width:100%; }
header nav{ display:none; }
header .header-actions{ display:flex; align-items:center; }
header .header-actions .info{ width:3.2rem; height:3.2rem; background:url('../img/header_icon01.png') no-repeat center center; background-size:contain; margin-right:1.5rem; }
header .header-actions .all-menu{ width:5.2rem; height:2.4rem; position:relative; cursor:pointer; }
header .header-actions .all-menu p{ width:4.2rem; height:0.3rem; background:#fff; border-radius:5rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
header .header-actions .all-menu span{ width:100%; height:0.3rem; background:#fff; border-radius:5rem; position:absolute; left:0; }
header .header-actions .all-menu span:nth-child(1){ top:0; }
header .header-actions .all-menu span:nth-child(3){ bottom:0; }
.main{ position:relative; }
.main header{ position:absolute; top:0; left:0; }
/*#all-menu{ display:none; }*/
#all-menu{ width:100%; height:100vh; background:#fff; padding:10rem 1rem 0; position:fixed; top:100vh; left:0; z-index:-9999; visibility:hidden; opacity:0; transition:all .3s ease-in; }
body.on #all-menu{ top:0; z-index:9999; visibility:visible; opacity:1; }
#all-menu ul{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:0 auto; }
#all-menu ul li{ width:49%; }
#all-menu ul li > p{ color:#232323; font-size:3.6rem; font-weight:600; background:#f8f8f8; border-radius:1.4rem; padding:2rem 3.2rem; margin-bottom:4rem; }
#all-menu ul li div{ padding:0 3.6rem; margin-bottom:8rem; }
#all-menu ul li div p{ color:#232323; font-size:3rem; font-weight:500; margin-bottom:3rem; }
#all-menu ul li a{ display:inline-block; width:auto; height:auto; }
#all-menu ul li a:hover{ color:#f66819; }
#all-menu .top{ display:flex; justify-content:flex-end; align-items:center; position:absolute; top:1rem; right:1rem; }
#all-menu .logout{ margin-right:1rem; }
#all-menu .logout a{ color:#737373; font-size:2.4rem; font-weight:600; background:url('../img/icon_logout.png') no-repeat center left; background-size:contain; padding-left:3rem; transition:all .2s ease; }
#all-menu .logout:hover a{ color:#000; background:url('../img/icon_logout_black.png') no-repeat center left; background-size:contain; }
#all-menu .close{ width:6.4rem; height:6.4rem; position:relative; cursor:pointer; }
#all-menu .close:before, #all-menu .close:after{ content:''; width:4.8rem; height:0.4rem; background:#737373; border-radius:5rem; position:absolute; top:50%; left:50%; transform-origin:center; transform:translate(-50%,-50%); transition:background .2s ease; }
#all-menu .close:before{ transform:translate(-50%,-50%) rotate(45deg); }
#all-menu .close:after{ transform:translate(-50%,-50%) rotate(-45deg); }
#all-menu .close:hover:before, #all-menu .close:hover:after{ background:#232323; }
#all-menu .code{ color:#a3a3a3; font-size:1.4rem; position:absolute; bottom:0.5rem; right:3rem; }


header.on{ background:#fff; }
header.on:before{ height:6rem; opacity:1; }
header.on nav ul li > p{ color:#000; }
header.on nav ul li.active > p{ color:#f66819; }
header.on .header-actions .info{ background:url('../img/header_icon02.png') no-repeat center center; background-size:contain; }
header.on .header-actions .all-menu p, header.on .header-actions .all-menu span{ background:#000; }




/*───── footer ─────*/
footer{ font-size:2rem; position:relative; }
footer .code{ color:#999; font-size:1.4rem; position:absolute; bottom:1rem; right:1rem; }
footer.footer_full{ width:100%; color:#888; font-size:1.6rem; margin:0 auto; }
.footer_full div.top{ padding:0 1rem 3rem; position:relative; }
.footer_full div.top > div > div > p{ color:#888; font-size:1.6rem; font-weight:600; }
.footer_full div.top > div > div > p:nth-of-type(1){ margin-bottom:0.5rem; }
.footer_full div.top > div > div > p:nth-of-type(2){ margin-bottom:1.5rem; }
.footer_full div.top > div > div > p:nth-of-type(3){ font-weight:400; }
.footer_full div.top > div > div > p a{ display:inline-block; width:auto; font-weight:600; position:relative; }
.footer_full div.top > div > div > p a:before{ content:''; width:100%; height:1px; background:#999; position:absolute; bottom:0; left:0; }
.footer_full div.top > div > div > div{ margin-top:1.5rem; }
.footer_full div.top > div > div > div p:nth-of-type(1){ font-size:2rem; margin-bottom:1rem; }
.footer_full div.bottom{ color:#999; background:rgba(0,0,0,.3); backdrop-filter:blur(1rem); }
.footer_full div.bottom div:nth-of-type(1){ border-bottom:1px solid #454545; }
.footer_full div.bottom div ul{ display:flex; width:100%; padding:2rem 1rem; margin:0 auto; }
.footer_full div.bottom div ul li{ margin-right:2rem; }
.footer_full div.bottom div ul li a{ transition:all .2s ease-in; }
.footer_full div.bottom div ul li.external-link a{ background:url('../img/icon_new-window.png') no-repeat center right; background-size:1.4rem; padding-right:2rem; }
.footer_full div.bottom div ul li:hover a{ color:#f66819; }
.footer_full div.bottom div ul li.external-link:hover a{ background:url('../img/icon_new-window_orange.png') no-repeat center right; background-size:1.4rem; }
.footer_full div.bottom div:nth-of-type(2){ width:100%; padding:2rem 1rem; margin:0 auto; }
.footer_full div.bottom div ol{ margin-top:0.5rem; }
.footer_full div.bottom div ol li{ margin-top:0.3rem; }
.footer_full div.bottom div p{ margin-top:1rem; }
.footer{ background:#f8f8f8; padding:5rem 1rem 3rem; margin-top:15rem; }
.footer .footer_mw{ width:100%; margin:0 auto; }
.footer .footer_mw > div{ display:flex; justify-content:space-between; align-items:flex-end; }
.footer .footer_mw > div > div > p{ color:#888; font-size:1.6rem; font-weight:600; }
.footer .footer_mw > div > div > p:nth-of-type(1){ margin-bottom:0.5rem; }
.footer .footer_mw > div > div > p:nth-of-type(2){ margin-bottom:1.5rem; }
.footer .footer_mw > div > div > p:nth-of-type(3){ font-weight:400; }
.footer .footer_mw > div > div > p a{ display:inline-block; width:auto; font-weight:600; position:relative; }
.footer .footer_mw > div > div > p a:before{ content:''; width:100%; height:1px; background:#999; position:absolute; bottom:0; left:0; }
.footer .footer_mw > div > div > div p{ color:#999; font-size:1.6rem; }
.footer .footer_mw > div > div > div p:nth-child(1){ font-size:2rem; margin-top:2rem; margin-bottom:1rem; }




/*───── site-info ─────*/
.aside.site-info{ width:100%; color:#d3d3d3; font-size:1.6rem; background:#414141; }
.aside.site-info > div:nth-of-type(1){ border-bottom:1px solid #616161; padding:0 2rem; }
.aside.site-info ul{ display:flex; width:100%; padding:2rem 0; margin:0 auto; }
.aside.site-info ul li{ margin-right:2rem; }
.aside.site-info ul li a{ transition:all .2s ease-in; }
.aside.site-info ul li.external-link a{ background:url('../img/icon_new-window.png') no-repeat center right; background-size:1.4rem; padding-right:2rem; }
.aside.site-info ul li:hover a{ color:#f66819; }
.aside.site-info ul li.external-link:hover a{ background:url('../img/icon_new-window_orange.png') no-repeat center right; background-size:1.4rem; }
.aside.site-info > div:nth-of-type(2){ width:100%; padding:2rem; margin:0 auto; }
.aside.site-info ol{ margin-top:0.5rem; }
.aside.site-info ol li{ margin-top:0.3rem; }
.aside.site-info p{ margin-top:1rem; }




/*───── aside ─────*/
aside{ width:100%; color:#737373; font-size:1.4rem; padding:0 2rem; margin:12rem auto; }
aside p{ font-weight:600; margin-bottom:1rem; }
aside ol li{ display:inline; margin-right:0.3rem; }
aside ol li a{ display:inline; }




/*───── index ─────*/
.index{ width:100%; min-height:100vh; color:#fff; background:url('../img/index_bg01.png') no-repeat center center; background-size:cover; padding:20rem 0 1rem; position:relative; }
.index .content{ height:100%; }
.index .content section{ display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; align-items:center; padding-bottom:8rem; }
.index .content section > p img{ max-width:24rem; }
.index .content section h1{ font-size:4rem; font-weight:500; line-height:5.6rem; text-align:center; margin:8rem auto 10rem; }
.index .content section .btn-wrap a{ border:0.2rem solid #fff; }
.index .content section .btn-wrap a.btn_2{ color:#f66819; background:#fff; }
.index .content section .btn-wrap a span{ display:block; font-size:2rem; }
.index .content section .btn-wrap button{ border:0.2rem solid #fff; }
.index .content section .btn-wrap button.btn_2{ color:#f66819; background:#fff; }
.index .content section .btn-wrap button span{ display:block; font-size:2rem; }





/*───── sign (join & login) ─────*/
.sign #visual{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:42rem; background:url('../img/visual_bg01.png') no-repeat center center; background-size:cover; margin-bottom:7rem; position:relative; }
.sign #visual:before{ content:''; width:15rem; height:5.9rem; background:url('../img/visual_arrow.png') no-repeat center bottom; background-size:contain; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1; }
.sign #visual img{ width:12rem; }
.sign #visual h1{ color:#fff; font-family:'GmarketSans'; font-size:6rem; font-weight:700; text-transform:uppercase; margin-top:4rem; }

.sign .auth-message{ color:#585858; font-size:3.6rem; font-weight:600; text-align:center; padding-bottom:8rem; margin-bottom:5rem; position:relative; }
.sign .auth-message:before{ content:''; width:0.1rem; height:5rem; background:#585858; position:absolute; left:50%; bottom:0; transform:translateX(-50%); }

.sign .input-box div{ background:#ddd; border-radius:1.6rem; padding:1px; }
.sign .input-box div:focus-within{ background:linear-gradient(90deg, #f66819, #ffa433); }
.sign .input-box input{ background:#fff; border:none; }
.sign .input-box input:focus{ outline:none; }


.sign .btn-wrap{ margin-top:8rem; }





/*───── join ─────*/
.join #verify-form .code-input-wrap{ position:relative; }
.join #verify-form img{ width:100%; }
.join #verify-form .code-inputs{ display:flex; justify-content:center; width:63%; height:11rem; padding:2.4rem 5%; position:absolute; bottom:0; right:6%; }
.join #verify-form .code-inputs input{ width:calc(100% / 6); font-family:'GmarketSans'; font-size:3.6rem; font-weight:700; text-align:center; background:transparent; border:none; border-bottom:0.2rem solid #585858; outline:none; margin:0 1rem; }



.join .section01{ border-bottom:0.1rem solid #ddd; padding-bottom:10rem; margin-bottom:8rem; }
.join .section01 h3{ color:#232323; font-size:3rem; font-weight:600; margin-bottom:2rem; }
.join .section01 div{ width:100%; height:30rem; font-size:1.8rem; line-height:3rem; border:0.1rem solid #ddd; border-radius:1rem; padding:2.4rem; overflow-y:scroll; }
.join .section01 div p, .join .section01 div ul{ margin-bottom:2rem; }
.join .section01 div ul li{ padding-left:1rem; position:relative; }
.join .section01 div ul li:before{ content:''; width:0.4rem; height:0.4rem; background:#232323; border-radius:50%; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.join .section01 div p:last-child{ margin-bottom:0; }
.join .section01 label{ display:flex; align-items:center; margin-top:2.4rem; }
.join .section01 label input{ display:none; }
.join .section01 label p{ font-size:2.4rem; font-weight:500; padding-left:2.8rem; position:relative; }
.join .section01 label p:before{ content:''; width:2rem; height:2rem; border:0.1rem solid #ddd; border-radius:0.5rem; position:absolute; top:50%; left:0; transform:translateY(-50%); transition:border .2s ease-in, background .2s ease-in; box-sizing:border-box; cursor:pointer; }
.join .section01 label p:hover:before{ border:0.1rem solid #888; }
.join .section01 label input:checked + p:before{ background:url('../img/icon_check.png') no-repeat center center; background-size:cover; border:none; }
.join .section01 label input:checked:hover + p:before{ background:url('../img/icon_check_hover.png') no-repeat center center; background-size:cover; }

.join .section02 h3{ font-size:3.6rem; font-weight:500; text-align:center; margin-bottom:5rem; }
.join .section02 #auth-form .input-wrap{ display:flex; justify-content:space-between; }
.join .section02 #auth-form .input-wrap .input-box{ width:49.5%; }
.join .section02 #auth-form .input-wrap .input-box p{ color:#232323; font-size:3rem; font-weight:600; padding-left:0.8rem; margin-bottom:2.4rem; }
.join .section02 #auth-form .input-wrap .input-box input{ width:100%; min-height:7.2rem; font-family:'Pretendard'; font-size:2.8rem; border-radius:1.5rem; padding:0 2rem; }





/*───── login ─────*/
.login .section01 #auth-form .input-wrap{ width:100%; max-width:69rem; margin:0 auto; }
.login .section01 #auth-form .input-wrap .input-box{ width:100%; }
.login .section01 #auth-form .input-wrap .input-box:last-child{ margin-top:5rem; }
.login .section01 #auth-form .input-wrap .input-box p{ font-size:3rem; font-weight:600; padding-left:0.8rem; margin-bottom:2.4rem; }
.login .section01 #auth-form .input-wrap .input-box div{ position:relative; }
.login .section01 #auth-form .input-wrap .input-box div:before{ content:''; width:0.1rem; height:60%; background:#ddd; position:absolute; top:20%; left:7.4rem; }
.login .section01 #auth-form .input-wrap .input-box input{ width:100%; min-height:7.2rem; font-family:'Pretendard'; font-size:2.8rem; border-radius:1.5rem; padding:0 2rem 0 9.6rem }
.login .section01 #auth-form .input-wrap .input-box input#phone{ background:url('../img/login_icon01.png') no-repeat center left 2.1rem #fff; }
.login .section01 #auth-form .input-wrap .input-box input#pw{ background:url('../img/login_icon02.png') no-repeat center left 2.1rem #fff; }
.login .section01 .help-link{ width:100%; max-width:69rem; margin:4rem auto 0; text-align:right; }
.login .section01 .help-link a{ display:inline-block; width:auto; }
.login .section01 .help-link a p{ display:flex; justify-content:flex-end; align-items:center; }
.login .section01 .help-link a span{ display:flex; justify-content:center; align-items:center; width:1.6rem; height:1.6rem; color:#fff; font-size:1.2rem; background:#f66819; border-radius:50%; }
.login .section01 .help-link a b{ font-weight:500; margin-left:0.4rem; }

.login-help section{ background:#f8f8f8; border-radius:2rem; padding:8rem 5rem; }
.login-help .section01{ margin-bottom:5rem; }
.login-help section h4{ color:#232323; font-size:3.6rem; font-weight:600; margin-bottom:5rem; }
.login-help section > p{ font-size:2.8rem; }
.login-help section > p:nth-of-type(1){ margin-bottom:2rem; }
.login-help section form{ margin-top:5rem; }
.login-help section form .form-group{ display:flex; justify-content:space-between; align-items:center; margin:3rem 0; }
.login-help section form .form-group .label-wrap{ width:20rem; color:#232323; font-size:2.4rem; font-weight:600; }
.login-help section form .form-group .input-wrap{ display:flex; width:calc(100% - 22rem); color:#232323; font-size:3.2rem; font-weight:500; }
.login-help section form .form-group .input-wrap.ml{ margin-left:22rem; }
.login-help section form .form-group .input-wrap input[type="text"], .login-help section form .form-group .input-wrap input[type="password"]{ width:100%; height:7.2rem; color:#232323; font-family:'Pretendard'; font-size:3rem; font-weight:500; background:#fff; border:0.3rem solid #ddd; border-radius:1rem; padding:0.4rem 2.8rem; }
.login-help section form .form-group .input-wrap.link-btn-wrap{ position:relative; }
.login-help section form .form-group .input-wrap.link-btn-wrap a{ display:flex; align-items:center; width:auto; color:#fff; font-size:0.8em; background:#f66819; border-radius:0 1rem 1rem 0; padding:0 2.4rem; position:absolute; top:0; right:0; }
.login-help section form .form-group .input-wrap.link-btn-wrap button{ display:flex; align-items:center; width:auto; color:#fff; font-size:0.8em; background:#f66819; border-radius:0 1rem 1rem 0; padding:0 2.4rem; position:absolute; top:0; right:0; }
.login-help section form .btn-wrap{ margin-top:10rem; }





/*───── my page ─────*/
.sub.mypage #visual{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:42rem; background:url('../img/visual_bg01.png') no-repeat center center; background-size:cover; margin-bottom:10rem; position:relative; }
.mypage .tabs{ display:flex; justify-content:space-between; align-items:center; background:#f8f8f8; border-radius:5rem; padding:1rem; margin-bottom:10rem; }
.mypage .tabs p{ display:flex; justify-content:center; align-items:center; width:33.333%; color:#232323; font-size:2.4rem; font-weight:600; cursor:pointer; }
.mypage .tabs p a{ text-align:center; padding:2rem; position:relative; z-index:1; }
.mypage .tabs p.active{ color:#fff; position:relative; }
.mypage .tabs p.active:before{ content:''; width:100%; height:100%; background:#f66819; border-radius:5rem; position:absolute; top:0; left:0; }

.mypage.service .section01 .box{ display:flex; flex-direction:column; justify-content:space-between; width:100%; background:#fefaf6; border:0.1rem solid #f66819; border-radius:1.6rem; padding:8rem 5rem; }
.mypage.service .section01 .box:last-child{ margin-top:5rem; }
.mypage.service .section01 .box h2{ color:#232323; font-size:4.4rem; font-weight:600; margin-bottom:3rem; }
.mypage.service .section01 .box p{ color:#232323; font-size:2.8rem; line-height:4rem; }

.mypage .section01 form{ background:#fefaf6; border:0.1rem solid #f66819; border-radius:1.6rem; padding:8rem 16rem; margin-top:5rem; }
.mypage .section01 form .form-group{ display:flex; justify-content:space-between; align-items:center; margin:3rem 0; }
.mypage .section01 form .form-group .label-wrap{ width:20rem; color:#232323; font-size:2.4rem; font-weight:600; }
.mypage .section01 form .form-group .input-wrap{ display:flex; width:calc(100% - 22rem); color:#232323; font-size:3.2rem; font-weight:500; }
.mypage .section01 form .form-group .input-wrap.ml{ margin-left:22rem; }
.mypage .section01 form .form-group .input-wrap input[type="text"], .mypage .section01 form .form-group .input-wrap input[type="password"]{ width:100%; height:7.2rem; color:#232323; font-family:'Pretendard'; font-size:3rem; font-weight:500; background:#fff; border:0.3rem solid #ddd; border-radius:1rem; padding:0.4rem 2.8rem; }
.mypage .section01 form .form-group .input-wrap.zip-wrap{ position:relative; }
.mypage .section01 form .form-group .input-wrap.zip-wrap a{ display:flex; align-items:center; width:auto; color:#fff; font-size:0.8em; background:#f66819; border-radius:0 1rem 1rem 0; padding:0 2.4rem; position:absolute; top:0; right:0; }
.mypage .section01 form .form-group .select-wrap{ display:flex; width:calc(100% - 22rem); color:#232323; font-size:3.2rem; font-weight:500; }
.mypage .section01 form .form-group .select-wrap select{ width:100%; height:7.2rem; color:#232323; font-family:'Pretendard'; font-size:3rem; font-weight:500; background:url('../img/sub03_01_arrow.png') no-repeat center right 1.6rem #fff; border:0.3rem solid #ddd; border-radius:1rem; padding:0.4rem 6.4rem 0.4rem 2.8rem; appearance:none; -webkit-appearance:none; }
.mypage .section01 form .btn-wrap{ margin-top:10rem; }

.mypage.secession .section01 h2{ color:#232323; font-size:4rem; font-weight:600; }
.mypage.secession .section01 h4{ color:#f66819; font-size:3.2rem; font-weight:600; margin:3rem 0; }
.mypage.secession .section01 > div{ background:#f8f8f8; border-radius:1rem; padding:4rem 5rem; }
.mypage.secession .section01 > div p{ font-size:2.4rem; font-weight:500; padding-left:1.6rem; margin:1.5rem 0; position:relative; }
.mypage.secession .section01 > div p:before{ content:''; width:0.5rem; height:0.5rem; background:#585858; border-radius:50%; position:absolute; top:1.2rem; left:0; }
.mypage.secession .section01 > p{ display:inline-block; color:#fff; font-size:2rem; background:#f66819; border-radius:0.5rem; padding:0.8rem 1.6rem; margin-top:2rem; }





/*───── terms, copyright, cookie-policy ─────*/
.mypage.aside .content h2{ color:#000; font-size:4rem; font-weight:600; margin-bottom:3rem; }
.mypage.aside .content div p{ font-size:2rem; line-height:3rem; margin-bottom:3rem; }
.mypage.aside .content dl{ margin-top:10rem; }
.mypage.aside .content dl dt{ font-size:3.6rem; font-weight:600; margin-bottom:5rem; }
.mypage.aside .content dl dd{ font-size:2rem; line-height:3rem; }
.mypage.aside .content dl dd p{ margin-top:3rem; }
.mypage.aside .content dl dd p a{ display:inline; background:url('../img/icon_new-window_orange.png') no-repeat center right; background-size:1.4rem; padding-right:2rem; margin-right:0.5rem; transition:color .2s ease-in; }
.mypage.aside .content dl dd p a:hover{ color:#f66819; }
.mypage.aside .content dl dd ol{ margin-left:2rem; }
.mypage.aside .content dl dd ol > li{ list-style:decimal; margin-top:1.5rem; }
.mypage.aside .content dl dd ul > li{ padding-left:2rem; margin-top:1.5rem; position:relative; }
.mypage.aside .content dl dd ul li:before{ content:''; width:0.8rem; height:1px; background:#454545; position:absolute; top:1.4rem; left:0; }
body.modalOn{ height:100vh; overflow:hidden; }
#linkModal{ display:none; width:100%; height:100%; position:fixed; top:0; left:0; backdrop-filter:blur(10px); z-index:9999; }
#linkModal:before{ content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; opacity:0.5; }
#linkModal > div{ display:flex; flex-direction:column; align-items:center; width:96%; max-width:1200px; color:#000; background:#fff; border-radius:3rem; padding:10rem; position:relative; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; }
#linkModal > div .modalClose{ width:6.4rem; height:6.4rem; position:absolute; top:3rem; right:3rem; cursor:pointer; }
#linkModal > div .modalClose:before, #linkModal > div .modalClose:after{ content:''; width:4.8rem; height:0.4rem; background:#737373; border-radius:5rem; position:absolute; top:50%; left:50%; transform-origin:center; transform:translate(-50%,-50%); transition:background .2s ease; }
#linkModal > div .modalClose:before{ transform:translate(-50%,-50%) rotate(45deg); }
#linkModal > div .modalClose:after{ transform:translate(-50%,-50%) rotate(-45deg); }
#linkModal > div .modalClose:hover:before, #linkModal > div .modalClose:hover:after{ background:#232323; }
#linkModal > div h2{ font-size:4rem; font-weight:600; }
#linkModal > div p:nth-of-type(1){ font-size:2.8rem; margin-top:5rem; }
#linkModal > div p:nth-of-type(2){ font-size:2.8rem; margin-top:5rem; }
#linkModal > div div{ display:flex; justify-content:center; margin-top:9rem; }
#linkModal > div div button{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:28rem; height:10rem; font-size:3.2rem; font-weight:600; border-radius:5rem; margin:0 2rem; transition:all .2s ease-in; }
#linkModal > div div button:first-child{ color:#fff; background:#fb8733; }
#linkModal > div div button:last-child{ color:#fff; background:#a3a3a3; }
#linkModal > div div button:hover{ color:#fff !important; background:#f66819 !important; border-color:#f66819 !important; }
body.modalOn #linkModal{ display:block; }





/*───── main ─────*/
.main #visual{ width:100%; height:70rem; position:relative; margin-bottom:9rem; overflow:hidden; }
.main #visual:before{ content:''; width:15rem; height:5.9rem; background:url('../img/visual_arrow.png') no-repeat center bottom; background-size:contain; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1; }

.main #visual .slick-arrow{ width:2.6rem; height:1.3rem; background:url('../img/main_visual_arrow.png') no-repeat center center; font-size:0; position:absolute; bottom:11rem; z-index:1; }
.main #visual .slick-arrow.slick-prev{ left:calc(50% - 9.6rem); }
.main #visual .slick-arrow.slick-next{ right:calc(50% - 9.6rem); transform:rotate(180deg); }

.main #visual .slick-dots{ display:flex !important; align-items:center; height:1.3rem; position:absolute; bottom:11rem; left:50%; transform:translateX(-50%); }
.main #visual .slick-dots li{ width:0.8rem; height:0.8rem; border:0.1rem solid #fff; border-radius:5rem; margin:0 0.6rem; }
.main #visual .slick-dots li.slick-active{ width:2.4rem; background:#fff; }
.main #visual .slick-dots li button{ display:block; width:100%; height:100%; font-size:0; border:none; outline:none; }

.main #visual .slick-list, .main #visual .slick-track{ height:100%; }
.main #visual .slick-slide > div{ height:calc(100% - 1rem); margin:1rem; }

.main #visual .visual{ width:100%; height:100%; background:url('../img/main_visual_bg01.png') no-repeat center bottom; background-size:cover; border-radius:1rem; }
.main #visual .slick-active .visual{ animation:visual_radius 3s ease-in-out forwards; }
@keyframes visual_radius{
	0%{ border-bottom-right-radius:1rem; }
	100%{ border-bottom-right-radius:10rem; }
}
.main #visual .visual .txt-wrap{ display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; color:#fff; padding:0 2rem; margin:0 auto; }
.main #visual .visual .txt-wrap .txt .title{ font-size:9.2rem; font-weight:900; margin-bottom:1.6rem; }
.main #visual .visual .txt-wrap .txt .title_sub{ font-size:3.6rem; }
.main #visual .visual .txt-wrap .btn{ margin-top:5rem; }
.main #visual .visual .txt-wrap .btn a{ display:flex; justify-content:center; align-items:center; width:22rem; height:8rem; color:#f66819; font-size:2.4rem; font-weight:600; background:#fff; border-radius:5rem; transition:all .2s ease-in; }
.main #visual .visual .txt-wrap .btn a:focus, .main #visual .visual .txt-wrap .btn a:hover{ color:#fff !important; background:#f66819 !important; border-color:#f66819 !important; }

.main section h2{ color:#232323; font-size:8rem; letter-spacing:0.05em; margin-bottom:5.2rem; }
.main .section01 .nucala-wrap .nucala-box{ display:flex; justify-content:space-between; position:relative; }
.main .section01 .nucala-wrap .nucala-box:first-child{ margin-bottom:10rem; }
.main .section01 .nucala-wrap .nucala-box .img{ width:40%; border-radius:1rem 1rem 3rem 1rem; overflow:hidden; }
.main .section01 .nucala-wrap .nucala-box .txt{ display:flex; flex-direction:column; justify-content:flex-start; width:calc(60% - 2rem); color:#232323; }
.main .section01 .nucala-wrap .nucala-box .txt .num{ font-size:2.4rem; letter-spacing:0.05em; margin-top:1.2rem; }
.main .section01 .nucala-wrap .nucala-box .txt .title{ font-size:5.2rem; font-weight:600; margin-top:2rem; }
.main .section01 .nucala-wrap .nucala-box .txt .info{ font-size:3rem; line-height:4.2rem; margin-top:1.2rem; }
.main .section01 .nucala-wrap .nucala-box .more{ display:flex; justify-content:center; align-items:center; width:8.4rem; height:8.4rem; border:0.1rem solid #232323; border-radius:50%; font-family:'GmarketSans'; position:absolute; bottom:0; right:0; overflow:hidden; transition:all .2s ease-in; }
.main .section01 .nucala-wrap .nucala-box .more a{ display:flex; align-items:center; font-size:1.2rem; background:url('../img/main_icon01.png') no-repeat center right 1rem; padding:1rem; }
.main .section01 .nucala-wrap .nucala-box .more:hover{ color:#fff; background:#f66819; border:0.1rem solid #f66819; padding-left:2rem; }
.main .section01 .nucala-wrap .nucala-box .more:hover a{ background:none; }

.main .section02{ margin-top:12rem; }
.main .section02 > p{ color:#232323; font-size:3rem; line-height:4.2rem; }
.main .section02 > div{ display:flex; }
.main .section02 > div > div{ display:flex; width:calc(33.333% - 1rem); border-radius:1rem; margin-top:2rem; position:relative; overflow:hidden; }
.main .section02 > div > div:nth-child(1){ border-radius:5rem 1rem 1rem 1rem; }
.main .section02 > div > div:nth-child(2){ margin:2rem 1.5rem 0; }
.main .section02 > div > div:nth-child(3){ border-radius:1rem 1rem 5rem 1rem; }
.main .section02 > div > div > p{ display:flex; align-items:center; color:#232323; font-size:3.6rem; line-height:5.2rem; }
.main .section02 > div > div a:hover img{ transform:scale(1.1); }
.main .section02 > div > div a img{ width:100%; transform:scale(1); transition:all .2s ease-in; }
.main .section02 > div > div a p{ color:#fff; font-size:3.6rem; font-weight:600; position:absolute; bottom:4.4rem; left:4rem; }





/*───── sub ─────*/
.sub header nav ul li > p{ color:#000; }
.sub header .header-actions .info{ background:url('../img/header_icon02.png') no-repeat center center; background-size:contain; }
.sub header .header-actions .all-menu p, .sub header .header-actions .all-menu span{ background:#000; }

.sub #visual{ display:flex; justify-content:center; align-items:center; height:55rem; background:url('../img/main_visual_bg01.png') no-repeat center top; background-size:cover; border-radius:1rem 1rem 10rem 1rem; margin:1rem; position:relative; }
.sub #visual .txt{ display:flex; flex-direction:column; align-items:center; color:#fff; }
.sub #visual .txt h1{ font-size:7.2rem; font-weight:600; margin-bottom:4rem; }
.sub #visual .txt p{ font-size:3rem; line-height:4.8rem; text-align:center; }
.sub #visual .page{ display:flex; position:absolute; height:11rem; left:50%; bottom:0; transform:translateX(-50%); }
.sub #visual .page p{ width:24rem; color:#fff; font-size:2.4rem; font-weight:600; text-align:center; border-top:0.3rem solid #fff; margin:0 1.5rem; position:relative; opacity:0.6; }
.sub #visual .page p.now{ opacity:1; }
.sub #visual .page p.now:before{ content:''; width:8rem; height:4.2rem; background:url('../img/visual_arrow.png') no-repeat center bottom; position:absolute; background-size:contain; bottom:0; left:50%; transform:translateX(-50%); }
.sub #visual .page p a{ height:auto; padding-top:2.4rem; }
.sub .section00{ margin-top:10rem; margin-bottom:8rem; }
.sub .section00 div{ display:flex; justify-content:space-between; align-items:center; margin-bottom:5rem; }
.sub .section00 div h2{ color:#232323; font-size:6rem; font-weight:600; }
.sub .section00 div ul{ display:flex; align-items:center; }
.sub .section00 div ul li{ color:#454545; font-size:1.4rem; padding-left:1.6rem; margin-left:1rem; position:relative; }
.sub .section00 div ul li:nth-child(1){ width:3.2rem; height:3.2rem; background:url('../img/sub_icon01.png') no-repeat center center #f1f1f1; border-radius:50%; padding-left:0; margin-left:0; }
.sub .section00 div ul li:before{ content:''; width:0.5rem; height:0.8rem; background:url('../img/sub_icon02.png') no-repeat center center; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.sub .section00 div ul li:nth-child(1):before{ display:none; }
.sub .section00 p{ color:#232323; font-size:3rem; font-weight:500; letter-spacing:0; }
.sub h3{ color:#232323; font-size:6rem; margin-bottom:5rem; }



/* sub01 */
	/* 01 */
.sub01_01 main.content{ max-width:none; padding:0; }
.sub01_01 section{ padding:0 2rem; margin:0 auto; }
.sub01_01 .noneWidth{ width:100%; max-width:none; background:#fefaf6; padding:8rem 0; margin-bottom:8rem; }
.sub01_01 .section-inner{ padding:0 2rem; margin:0 auto; }

.sub01_01 .section01{ margin-bottom:8rem; }
.sub01_01 .section01 div{ border-radius:1rem 1rem 10rem 1rem; overflow:hidden; }

.sub01_01 .section02 .section-inner > ul li{ color:#232323; font-size:2.4rem; line-height:3.6rem; padding-left:1.6rem; margin-bottom:1.2rem; position:relative; }
.sub01_01 .section02 .section-inner > ul li:before{ content:''; width:0.8rem; height:0.8rem; background:#454545; border-radius:0.2rem; position:absolute; top:1.3rem; left:0; }
.sub01_01 .section02 .section-inner div{ display:flex; flex-direction:column; justify-content:space-between; }
.sub01_01 .section02 div div dl{ width:100%; background:#fff; border-radius:2rem; margin-top:3rem; box-shadow:0 0 3rem rgba(173, 173, 173, .4); overflow:hidden; }
.sub01_01 .section02 div div dl dt{ color:#fff; font-family:'GmarketSans'; font-size:3.2rem; font-weight:600; background:#317f46; padding:2.4rem 5rem; }
/*.sub01_01 .section02 div div dl dt{ background:url('../img/sub01_01_img02.png') no-repeat left top; background-size:contain; padding-left:6.4rem; margin-bottom:3.2rem; }
.sub01_01 .section02 div div:nth-child(4) dl dt{ background:url('../img/sub01_01_img03.png') no-repeat left top; background-size:contain; }
.sub01_01 .section02 div div:nth-child(5) dl dt{ background:url('../img/sub01_01_img04.png') no-repeat left top; background-size:contain; }*/
.sub01_01 .section02 div dl dt span{ display:block; color:#f66819; font-size:1.8rem; font-weight:600; margin-bottom:2rem; }
.sub01_01 .section02 div dl dt p{ color:#317f46; font-family:'GmarketSans'; font-size:4.8rem; font-weight:600; }
.sub01_01 .section02 div dl dd{ padding:4rem 5rem; }
.sub01_01 .section02 div dl dd ul li{ font-size:2.4rem; padding-left:1.5rem; margin-top:1rem; position:relative; }
.sub01_01 .section02 div dl dd ul li:first-child{ margin-top:0; }
.sub01_01 .section02 div dl dd ul li:before{ content:''; width:0.5rem; height:0.5rem; background:#454545; border-radius:50%; position:absolute; top:1rem; left:0; }
.sub01_01 .section02 div dl dd ol{ font-weight:600; }

.sub01_01 .section03{ margin-bottom:12rem; }
.sub01_01 .section03 dl{ border-top:0.1rem solid #ddd; padding-top:8rem; margin-top:8rem; }
.sub01_01 .section03 dl:nth-of-type(1){ border-top:none; padding-top:0; margin-top:0; }
.sub01_01 .section03 dl dt{ color:#f66819; font-family:'GmarketSans'; font-size:3.6rem; font-weight:600; margin-bottom:4rem; }
.sub01_01 .section03 dl dd{ display:flex; flex-direction:column; align-items:flex-start; font-size:2.4rem; padding-left:1.5rem; margin-top:1.5rem; position:relative; }
.sub01_01 .section03 dl dd:before{ content:''; width:0.8rem; height:0.2rem; background:#454545; position:absolute; top:1.2rem; left:0; }
.sub01_01 .section03 dl dd span{ color:#fff; font-size:1.6rem; font-weight:600; background:#f66819; border-radius:0.5rem; padding:0.8rem 1.6rem; margin-top:0.5rem; }
.sub01_01 .section03 dl dd > div{ display:flex; justify-content:space-between; }
.sub01_01 .section03 dl dd div div{ width:49%; background:#f8f8f8; border-radius:1.5rem; margin-top:2rem; overflow:hidden; }
.sub01_01 .section03 dl dd div p{ color:#fff; font-family:'GmarketSans'; font-size:3.2rem; font-weight:600; background:#317f46; padding:2.4rem 5rem; }
.sub01_01 .section03 dl dd div ul{ padding:4rem 5rem; }
.sub01_01 .section03 dl dd div ul li{ padding-left:1.5rem; margin-top:1rem; position:relative; }
.sub01_01 .section03 dl dd div ul li:first-child{ margin-top:0; }
.sub01_01 .section03 dl dd div ul li:before{ content:''; width:0.5rem; height:0.5rem; background:#454545; border-radius:50%; position:absolute; top:1rem; left:0; }
.sub01_01 .section03 dl dd > ul li{ padding-left:1.5rem; margin-top:1rem; position:relative; }
.sub01_01 .section03 dl dd > ul li:before{ content:''; width:0.5rem; height:0.5rem; background:#454545; border-radius:50%; position:absolute; top:1rem; left:0; }
.sub01_01 .section03 dl dd div.table{ display:flex; justify-content:space-between; align-items:center; background:#317f46; border:0.1rem solid #ddd; overflow:hidden; }
.sub01_01 .section03 dl dd div.table:nth-of-type(1){ border-radius:2rem 2rem 0 0; margin-top:2rem; }
.sub01_01 .section03 dl dd div.table:nth-of-type(2){ border-top:none; border-bottom:none; }
.sub01_01 .section03 dl dd div.table:nth-of-type(3){ border-radius:0 0 2rem 2rem; }
.sub01_01 .section03 dl dd div.table p{ width:30rem; margin-bottom:0; }
.sub01_01 .section03 dl dd div.table ul{ width:calc(100% - 32rem); background:#fff; padding:6rem 5rem; }
.sub01_01 .section03 dl dd div.table ul li:first-child{ margin-top:0; }

.sub01_01 .section04 .section-inner > ul{ margin-bottom:5rem; }
.sub01_01 .section04 .section-inner > ul li{ color:#232323; font-size:2.4rem; line-height:3.6rem; padding-left:1.6rem; margin-bottom:1.2rem; position:relative; }
.sub01_01 .section04 .section-inner > ul li:before{ content:''; width:0.8rem; height:0.8rem; background:#454545; border-radius:0.2rem; position:absolute; top:1.3rem; left:0; }
.sub01_01 .section04 .section-inner div{ display:flex; flex-direction:column; justify-content:space-between; }
.sub01_01 .section04 .section-inner div dl{ width:100%; background:#fff; border-bottom:none; border-radius:2rem; padding-bottom:0; margin-top:3rem; box-shadow:0 0 3rem rgba(173, 173, 173, .4); overflow:hidden; }
.sub01_01 .section04 .section-inner div dl:nth-of-type(1){ margin-top:0; }
.sub01_01 .section04 .section-inner div dl dt{ color:#fff; font-family:'GmarketSans'; font-size:3.2rem; font-weight:600; background:#317f46; padding:2.4rem 5rem; }
.sub01_01 .section04 .section-inner div dl dd{ padding:4rem 5rem; }
.sub01_01 .section04 .section-inner div dl dd ul li{ font-size:2.4rem; padding-left:1.5rem; margin-top:1rem; position:relative; }
.sub01_01 .section04 .section-inner div dl dd ul li:first-child{ margin-top:0; }
.sub01_01 .section04 .section-inner div dl dd ul li:before{ content:''; width:0.5rem; height:0.5rem; background:#454545; border-radius:50%; position:absolute; top:1rem; left:0; }
.sub01_01 .section04 .section-inner > dl{ border-top:0.1rem solid #ddd; padding-top:8rem; margin-top:8rem; }
.sub01_01 .section04 .section-inner > dl dt{ color:#f66819; font-family:'GmarketSans'; font-size:3.6rem; font-weight:600; margin-bottom:4rem; }
.sub01_01 .section04 .section-inner > dl dd{ display:flex; flex-direction:column; align-items:flex-start; font-size:2.4rem; padding-left:1.5rem; margin-top:1.5rem; position:relative; }
.sub01_01 .section04 .section-inner > dl dd:before{ content:''; width:0.8rem; height:0.2rem; background:#454545; position:absolute; top:1.2rem; left:0; }
.sub01_01 .section04 .section-inner > dl dd b{ display:inline-block; color:#fff; font-weight:600; background:#317f46; border-radius:0.5rem; padding:0.8rem 1.6rem; margin-bottom:1rem; }
.sub01_01 .section04 .section-inner > dl dd p{ padding-left:1.5rem; position:relative; }
.sub01_01 .section04 .section-inner > dl dd p:before{ content:''; width:0.8rem; height:0.2rem; background:#454545; position:absolute; top:1.2rem; left:0; }
.sub01_01 .section04 .section-inner > dl.list1 dd{ padding-left:0; }
.sub01_01 .section04 .section-inner > dl.list1 dd:last-child{ margin-top:2.5rem; }
.sub01_01 .section04 .section-inner > dl.list1 dd:before{ display:none; }
.sub01_01 .section04 .section-inner > dl.list2 dd{ padding-left:0; }
.sub01_01 .section04 .section-inner > dl.list2 dd:before{ display:none; }
.sub01_01 .section04 .section-inner > dl.list2 dd ol{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.sub01_01 .section04 .section-inner > dl.list2 dd ol li{ width:49.5%; margin-bottom:1rem; }
.sub01_01 .section04 .section-inner > p{ display:inline-block; color:#fff; font-size:1.6rem; font-weight:600; background:#f66819; border-radius:0.5rem; padding:0.8rem 1.6rem; margin-top:1.5rem; }

.sub01_01 .section05{ margin-bottom:12rem; }
.sub01_01 .section05 > ul{ margin-bottom:5rem; }
.sub01_01 .section05 > ul li{ color:#232323; font-size:2.4rem; line-height:3.6rem; padding-left:1.6rem; margin-bottom:1.2rem; position:relative; }
.sub01_01 .section05 > ul li:before{ content:''; width:0.8rem; height:0.8rem; background:#454545; border-radius:0.2rem; position:absolute; top:1.3rem; left:0; }
.sub01_01 .section05 > dl dt{ color:#f66819; font-family:'GmarketSans'; font-size:3.6rem; font-weight:600; margin-bottom:4rem; }
.sub01_01 .section05 > dl dd{ font-size:2.4rem; padding-left:1.5rem; margin-top:1.5rem; position:relative; }
.sub01_01 .section05 > dl dd:before{ content:''; width:0.8rem; height:0.2rem; background:#454545; position:absolute; top:1.2rem; left:0; }
.sub01_01 .section05 > dl dd ul{ display:flex; flex-wrap:wrap; align-items:flex-start; background:#f8f8f8; border:0.1rem solid #ddd; border-radius:1rem; padding:2rem; margin-top:1rem; }
.sub01_01 .section05 > dl dd ul li{ color:#317f46; font-family:'GmarketSans'; font-size:2rem; font-weight:600; background:#ecf3ee; border:0.1rem solid #a7d2b3; border-radius:0.5rem; padding:0.8rem 1.6rem; margin:0.5rem; }
.sub01_01 .section05 div dl{ display:flex; justify-content:space-between; align-items:stretch; font-size:2.4rem; border:0.1rem solid #ddd; overflow:hidden; }
.sub01_01 .section05 div dl:nth-of-type(1){ border-radius:2rem 2rem 0 0; margin-top:2rem; }
.sub01_01 .section05 div dl:nth-of-type(2){ border-top:none; border-bottom:none; }
.sub01_01 .section05 div dl:nth-of-type(3){ border-radius:0 0 2rem 2rem; }
.sub01_01 .section05 div dl dt{ display:flex; flex-direction:column; justify-content:center; width:30rem; color:#fff; font-family:'GmarketSans'; font-size:3.2rem; font-weight:600; background:#317f46; padding:2.4rem 5rem; }
.sub01_01 .section05 div dl dt p{ font-size:1.8rem; font-weight:normal; margin-top:1rem; }
.sub01_01 .section05 div dl dt p span{ font-weight:700; }
.sub01_01 .section05 div dl dd{ display:flex; align-items:center; width:calc(100% - 32rem); background:#fff; padding:6rem 5rem; }
.sub01_01 .section05 div dl dd ul li{ padding-left:1.5rem; margin-top:1rem; position:relative; }
.sub01_01 .section05 div dl dd ul li:first-child{ margin-top:0; }
.sub01_01 .section05 div dl dd ul li:before{ content:''; width:0.5rem; height:0.5rem; background:#454545; border-radius:50%; position:absolute; top:1rem; left:0; }
.sub01_01 .section05 div > p{ display:inline-block; color:#fff; font-size:1.6rem; font-weight:600; background:#f66819; border-radius:0.5rem; padding:0.8rem 1.6rem; margin-top:1.5rem; }

.sub01_01 .section06 .section-inner > ul{ margin-bottom:5rem; }
.sub01_01 .section06 .section-inner > ul li{ color:#232323; font-size:2.4rem; line-height:3.6rem; padding-left:1.6rem; margin-bottom:1.2rem; position:relative; }
.sub01_01 .section06 .section-inner > ul li:before{ content:''; width:0.8rem; height:0.8rem; background:#454545; border-radius:0.2rem; position:absolute; top:1.3rem; left:0; }

.sub01_01 .section07 .notice{ background:#f8f8f8; border-radius:1.5rem; padding:4rem 5rem; overflow:hidden; }
.sub01_01 .section07 .notice dt{ color:#f66819; font-family:'GmarketSans'; font-size:3.6rem; font-weight:600; margin-bottom:4rem; }
.sub01_01 .section07 .notice dd{ display:flex; justify-content:space-between; }
.sub01_01 .section07 .notice dd ul{ width:calc(100% - 58rem); }
.sub01_01 .section07 .notice dd ul li{ color:#232323; font-size:2.4rem; line-height:3.6rem; padding-left:1.6rem; margin-bottom:1.2rem; position:relative; }
.sub01_01 .section07 .notice dd ul li:before{ content:''; width:0.8rem; height:0.8rem; background:#454545; border-radius:0.2rem; position:absolute; top:1.3rem; left:0; }
.sub01_01 .section07 .notice dd p{ width:50rem; border-radius:0.3rem; margin-left:8rem; overflow:hidden; }
.sub01_01 .section07 ol > li{ border-top:0.1rem solid #ddd; padding-top:8rem; margin-top:8rem; }
.sub01_01 .section07 ol > li > p{ display:flex; align-items:center; color:#317f46; font-family:'GmarketSans'; font-size:3.6rem; font-weight:600; margin-bottom:4rem; }
.sub01_01 .section07 ol > li > p span{ color:#fff; font-size:0.5em; text-transform:uppercase; background:#317f46; border-radius:5rem; padding:0.8rem 1.6rem; margin-right:1.5rem; }
.sub01_01 .section07 ol > li > dl{ display:flex; flex-direction:column; }
.sub01_01 .section07 ol > li > dl .txt{ order:2; font-size:2.4rem; }
.sub01_01 .section07 ol > li > dl .txt > ul > li{ padding-left:1.5rem; margin-top:1.5rem; position:relative; }
.sub01_01 .section07 ol > li > dl .txt > ul > li:first-child{ margin-top:0; }
.sub01_01 .section07 ol > li > dl .txt > ul > li:before{ content:''; width:0.8rem; height:0.2rem; background:#454545; position:absolute; top:1.2rem; left:0; }
.sub01_01 .section07 ol > li > dl .txt > ul > li ul li{ padding-left:1.5rem; margin-top:1rem; position:relative; }
.sub01_01 .section07 ol > li > dl .txt > ul > li ul li:before{ content:''; width:0.5rem; height:0.5rem; background:#454545; border-radius:50%; position:absolute; top:1rem; left:0; }
.sub01_01 .section07 ol > li > dl .img{ order:1; margin-bottom:3rem; }
.sub01_01 .section07 ol > li:nth-last-of-type(1) > dl:nth-last-of-type(1){ color:#737373; font-size:1.6rem; margin-top:3rem; }
.sub01_01 .section07 ol > li .warning{ color:#fff; font-size:2rem; background:#f66819; border-radius:0.5rem; padding:1.6rem 3.2rem; margin-top:3rem; }
.sub01_01 .section07 ol > li .warning p{ background:url('../img/sub01_01_icon03.png') no-repeat left top 0.2rem; background-size:2rem; padding-left:3rem; margin:1rem 0; }
.sub01_01 .section07 .btn-more{ text-align:center; border-top:0.1rem solid #999; padding-top:5rem; margin-top:5rem; }
.sub01_01 .section07 .btn-more p{ font-size:2rem; }
.sub01_01 .section07 .btn-more div{ display:inline-block; color:#fff; font-size:1.8rem; font-weight:600; background:#163554; border-radius:5rem 1rem 5rem 1rem; margin-top:3rem; overflow:hidden; transition:all .2s ease-in; }
.sub01_01 .section07 .btn-more div:hover{ background:#1b4d7f; }
.sub01_01 .section07 .btn-more div a{ background:url('../img/main_visual_arrow2.png') no-repeat right 3.2rem center; padding:2.8rem 7.2rem 2.8rem 3.2rem; }

/*.sub01_01 .section04 .tabs{ display:flex; justify-content:space-between; align-items:center; background:#f8f8f8; border-radius:5rem; padding:1rem; margin-top:2rem; z-index:9; }
.sub01_01 .section04 .tabs p{ display:flex; justify-content:center; align-items:center; width:25%; color:#232323; font-size:2.4rem; font-weight:600; padding:2rem; cursor:pointer; }
.sub01_01 .section04 .tabs p span{ position:relative; z-index:1; }
.sub01_01 .section04 .tabs p.active{ color:#fff; position:relative; }
.sub01_01 .section04 .tabs p.active:before{ content:''; width:100%; height:100%; background:#f66819; border-radius:5rem; position:absolute; top:0; left:0; }
.sub01_01 .section04 .tabs.fixed{ position:fixed; top:0; left:50%; transform:translateX(-50%); z-index:99; }

.sub01_01 .section04 .container{ border-top:0.2rem solid #000; margin-top:8rem; }
.sub01_01 .section04 .container .content{ border-bottom:0.1rem solid #ddd; padding:6rem 0; }
.sub01_01 .section04 .container .title-box{ display:flex; justify-content:space-between; align-items:center; }
.sub01_01 .section04 .container .title-box .title{ color:#232323; font-size:4.8rem; font-weight:600; }
.sub01_01 .section04 .container .title-box .btn{ width:8.4rem; height:8.4rem; border:0.1rem solid #000; border-radius:50%; position:relative; cursor:pointer; }
.sub01_01 .section04 .container .title-box .btn:before{ content:''; width:3.2rem; height:0.1rem; background:#000; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.sub01_01 .section04 .container .title-box .btn:after{ content:''; width:3.2rem; height:0.1rem; background:#000; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .2s ease-in; }
.sub01_01 .section04 .container .content.slideUp .btn:after{ transform:translate(-50%,-50%) rotate(90deg); }
.sub01_01 .section04 .container .qna-box dl{ margin-top:5rem; }
.sub01_01 .section04 .container .qna-box dl dt{ display:inline-block; color:#fff; font-size:3rem; font-weight:600; background:#f66819; border-radius:5rem 1rem 5rem 1rem; padding:2.4rem 3.2rem; }
.sub01_01 .section04 .container .qna-box dl dd{ margin-top:4rem; }
.sub01_01 .section04 .container .qna-box dl dd p{ min-height:4.4rem; color:#232323; font-size:3rem; font-weight:600; background:url('../img/sub01_01_icon01.png') no-repeat top left; padding-left:6.4rem; }
.sub01_01 .section04 .container .qna-box dl dd ul{ padding-left:6.4rem; margin-top:1.2rem; }
.sub01_01 .section04 .container .qna-box dl dd ul li{ color:#232323; font-size:3rem; background:url('../img/sub01_01_icon02.png') no-repeat top left; padding:0.8rem 0 0 6.4rem; margin-top:1.6rem; }
.sub01_01 .section04 .container .qna-box dl dd.has-img{ display:flex; justify-content:space-between; align-items:flex-start; }
.sub01_01 .section04 .container .qna-box dl dd.has-img > div{ width:calc(100% - 48rem); }
.sub01_01 .section04 .container .qna-box dl dd.has-img > p{ width:40rem; border:0.3rem solid #ddd; background:none; border-radius:0.3rem; padding-left:0; margin-left:8rem; overflow:hidden; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box{ display:flex; background:#f8f8f8; border:0.3rem solid #ddd; border-radius:1rem; margin:2rem 0; position:relative; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box:before{ content:''; height:calc(100% - 10rem); border:0.1rem dashed #ddd; position:absolute; top:5rem; left:50%; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box dl{ width:50%; text-align:center; padding:5rem; margin-top:0; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box dl dt{ font-weight:400; border-radius:5rem; padding:1.6rem 3.2rem;  }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box dl dd{ font-size:3rem; text-align:left; padding-left:1.6rem; margin-top:2rem; position:relative; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box dl dd:before{ content:''; width:0.5rem; height:0.5rem; background:#232323; border-radius:50%; position:absolute; top:1.6rem; left:0; }

.sub01_01 .section05{ text-align:center; margin-top:5rem; }
.sub01_01 .section05 p{ font-size:2rem; }
.sub01_01 .section05 div{ display:inline-block; color:#fff; font-size:1.8rem; font-weight:600; background:#163554; border-radius:5rem 1rem 5rem 1rem; margin-top:3rem; overflow:hidden; transition:all .2s ease-in; }
.sub01_01 .section05 div:hover{ background:#1b4d7f; }
.sub01_01 .section05 div a{ background:url('../img/main_visual_arrow2.png') no-repeat right 3.2rem center; padding:2.8rem 7.2rem 2.8rem 3.2rem; }*/

	/* 02 */
.sub01_02 .section01 div{ background:#fefaf6; border:1px solid #f66819; border-radius:2rem; padding:5rem 6rem; }
.sub01_02 .section01 div p{ font-size:3.6rem; line-height:5.2rem; margin-bottom:3rem; }
.sub01_02 .section01 div p:last-child{ margin-bottom:0; }
.sub01_02 .section01 div p img{ display:inline-block; width:14rem; margin-right:0.5rem; }
.sub01_02 .section01 div p span{ color:#f66819; font-weight:600; }



/* sub02 */
	/* 01 */
.sub.sub02 .section00 div{ justify-content:flex-end; }
.sub02 .section01 dl{ width:100%; border:1px solid #ddd; border-radius:1.6rem; padding:5rem 6rem; margin-bottom:5rem; }
.sub02 .section01 dl:last-child{ margin-bottom:0; }
.sub02 .section01 dl dt{ display:flex; align-items:center; }
.sub02 .section01 dl dt img{ width:8rem; margin-right:2rem; }
.sub02 .section01 dl dt p{ color:#317f46; font-family:'GmarketSans'; font-size:3.6rem; font-weight:600; }
.sub02 .section01 dl dd{ margin-top:4rem; }
.sub02 .section01 dl dd ul li{ font-size:2.4rem; padding-left:1.5rem; margin-top:1rem; position:relative; }
.sub02 .section01 dl dd ul li:first-child{ margin-top:0; }
.sub02 .section01 dl dd ul li:before{ content:''; width:0.5rem; height:0.5rem; background:#454545; border-radius:50%; position:absolute; top:1rem; left:0; }



/* sub03 */
	/* 01 */
.sub03 .section01 .sms_status.sms_on{ border:0.1rem solid #f66819; border-radius:1.6rem 1.6rem 0 0; overflow:hidden; }
.sub03 .section01 .sms_status.sms_on .title{ color:#fff; font-size:3rem; text-align:center; background:#f66819; padding:2rem 0; }
.sub03 .section01 .sms_status.sms_on ul{ padding:5rem; }
.sub03 .section01 .sms_status.sms_on ul li{ color:#232323; font-size:3rem; margin-top:2rem; }
.sub03 .section01 .sms_status.sms_on ul li:first-child{ margin-top:0; }
.sub03 .section01 .sms_status.sms_off .title{ color:#565656; font-size:3rem; text-align:center; background:#eee; border-radius:1.2rem; padding:2rem 0; }

.sub03 .section02{ margin:6rem 0; }
.sub03 .section02 .sms_notice{ background:#f8f8f8; border-radius:1.6rem; padding:8rem 5rem; }
.sub03 .section02 .sms_notice li{ color:#232323; font-size:3.6rem; padding-left:2.4rem; margin-top:3.2rem; position:relative; }
.sub03 .section02 .sms_notice li:first-child{ margin-top:0; }
.sub03 .section02 .sms_notice li:before{ content:''; width:0.8rem; height:0.8rem; background:#565656; border-radius:50%; position:absolute; top:1.6rem; left:0; }
.sub03 .section02 .sms_notice li b{ color:#f66819; }

.sub03 .section03 #scheduleForm{ background:#fefaf6; border:0.1rem solid #f66819; border-radius:1.6rem; padding:8rem 5rem; }
.sub03 .section03 #scheduleForm fieldset{ display:flex; flex-direction:column; align-items:center; }
.sub03 .section03 #scheduleForm fieldset legend{ visibility:hidden; }
.sub03 .section03 #scheduleForm fieldset .input-wrap{ width:44rem; margin:0 auto; }
.sub03 .section03 #scheduleForm fieldset .input-wrap:nth-child(3){ margin:3rem 0; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .title{ color:#232323; font-size:3.6rem; font-weight:600; padding:0.3rem 0 0.3rem 5.6rem; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .title1{ background:url('../img/sub03_01_icon01.png') no-repeat left top; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .title2{ background:url('../img/sub03_01_icon02.png') no-repeat left top; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .title3{ background:url('../img/sub03_01_icon03.png') no-repeat left top; }
.sub03 .section03 #scheduleForm fieldset .input-wrap > div{ padding-left:5.6rem; margin-top:1.6rem; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .date-wrap input{ height:7.2rem; color:#232323; font-family:'Pretendard'; font-size:3rem; font-weight:500; background:#fff; border:0.3rem solid #ddd; border-radius:1rem; padding:0.4rem 2.8rem; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .alarm-wrap{ display:flex; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .alarm-wrap select{ height:7.2rem; color:#232323; font-family: 'Pretendard'; font-size:3rem; font-weight:500; background:url('../img/sub03_01_arrow.png') no-repeat center right 1.6rem #fff; border:0.3rem solid #ddd; border-radius:1rem; padding:0.4rem 6.4rem 0.4rem 2.8rem; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .alarm-wrap select:last-child{ margin-left:0.8rem; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap{ display:flex; align-items:center; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label input{ display:none; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label p{ color:#232323; font-size:3rem; font-weight:500; padding-left:4.4rem; position:relative; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label p:before{ content:''; width:3.2rem; height:3.2rem; background:#fff; border:0.3rem solid #ddd; border-radius:50%; position:absolute; top:50%; left:0; transform:translateY(-50%); transition:all .2s ease-in; box-sizing:border-box; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label p:hover:before{ border:0.3rem solid #aaa; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label input:checked + p:before{ border:0.3rem solid #f66819; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label input:checked + p:after{ content:''; width:1.6rem; height:1.6rem; background:#f66819; border-radius:50%; position:absolute; top:50%; left:0.8rem; transform:translateY(-50%); transition:all .2s ease-in; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label input:checked:hover + p:before{ border:0.3rem solid #fb8733; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label input:checked:hover + p:after{ background:#fb8733; }
.sub03 .section03 #scheduleForm fieldset .btn-wrap{ margin-top:10rem; }



/* sub04 */
	/* 01 */
.sub04_01 .section00 p span{ color:#f66819; }
.sub04_01 .section01 ul{ display:flex; justify-content:space-between; }
.sub04_01 .section01 ul li{ width:33%; text-align:center; }
.sub04_01 .section01 ul li div img{ width:100%; }
.sub04_01 .section01 ul li p{ display:inline-block; color:#fff; font-family:'GmarketSans'; font-size:2rem; background:#317f46; border-radius:5rem; padding:0.8rem 1.6rem; margin:1rem auto 0; }

	/* 02 */
.sub04_02 .section01 > p{ font-family:'GmarketSans'; font-size:3.2rem; font-weight:600; text-align:center; }
.sub04_02 .section01 > p span{ display:block; color:#f66819; margin-top:1rem; }
.sub04_02 .section01 form{ background:#fefaf6; border:0.1rem solid #f66819; border-radius:1.6rem; padding:8rem 10rem; margin-top:5rem; }
.sub04_02 .section01 form .form-group{ display:flex; justify-content:space-between; align-items:center; margin:3rem 0; }
.sub04_02 .section01 form .form-group .label-wrap{ width:20rem; color:#232323; font-size:3.2rem; font-weight:600; }
.sub04_02 .section01 form .form-group .input-wrap{ display:flex; width:calc(100% - 22rem); color:#232323; font-size:3.2rem; font-weight:500; }
.sub04_02 .section01 form .form-group .input-wrap.ml{ margin-left:22rem; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap:last-child{ margin-left:4.4rem; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label{ display:flex; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label input{ display:none; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label p{ color:#232323; font-size:3rem; font-weight:500; padding-left:4.4rem; position:relative; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label p:before{ content:''; width:3.2rem; height:3.2rem; background:#fff; border:0.3rem solid #ddd; border-radius:50%; position:absolute; top:50%; left:0; transform:translateY(-50%); transition:all .2s ease-in; box-sizing:border-box; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label p:hover:before{ border:0.3rem solid #aaa; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label input:checked + p:before{ border:0.3rem solid #f66819; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label input:checked + p:after{ content:''; width:1.6rem; height:1.6rem; background:#f66819; border-radius:50%; position:absolute; top:50%; left:0.8rem; transform:translateY(-50%); transition:all .2s ease-in; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label input:checked:hover + p:before{ border:0.3rem solid #fb8733; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label input:checked:hover + p:after{ background:#fb8733; }
.sub04_02 .section01 form .form-group .input-wrap input[type="text"]{ width:100%; height:7.2rem; color:#232323; font-family:'Pretendard'; font-size:3rem; font-weight:500; background:#fff; border:0.3rem solid #ddd; border-radius:1rem; padding:0.4rem 2.8rem; }
.sub04_02 .section01 form .form-group .input-wrap.zip-wrap{ position:relative; }
.sub04_02 .section01 form .form-group .input-wrap.zip-wrap a{ display:flex; align-items:center; width:auto; color:#fff; font-size:0.8em; background:#f66819; border-radius:0 1rem 1rem 0; padding:0 2.4rem; position:absolute; top:0; right:0; }
.sub04_02 .section01 form .form-group .select-wrap{ display:flex; width:calc(100% - 22rem); color:#232323; font-size:3.2rem; font-weight:500; }
.sub04_02 .section01 form .form-group .select-wrap select{ width:100%; height:7.2rem; color:#232323; font-family:'Pretendard'; font-size:3rem; font-weight:500; background:url('../img/sub03_01_arrow.png') no-repeat center right 1.6rem #fff; border:0.3rem solid #ddd; border-radius:1rem; padding:0.4rem 6.4rem 0.4rem 2.8rem; appearance:none; -webkit-appearance:none; }
.sub04_02 .section01 form .btn-wrap{ margin-top:10rem; }