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

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

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

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





/*───── 공통 ─────*/
html{ font-size:62.5%; }
body.on{ height:100vh; overflow:hidden; }
sup{ font-size:0.6em; vertical-align:super; line-height:1; }
main.content{ max-width:1200px; 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:330px; height:100px; font-size:32px; font-weight:600; border-radius:50px; margin:0 20px; 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:330px; height:100px; font-size:32px; font-weight:600; border-radius:50px; margin:0 20px; 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:110px; padding:10px 50px; position:relative; z-index:9999; transition:all .2s ease-in; }
header:before{ content:''; width:100%; height:0; background:#fff; border-top:1px solid #ddd; position:absolute; top:110px; left:0; opacity:0; transition:all .2s ease-in; }
header .logo{ width:120px; }
header .logo img{ width:100%; }
header nav ul{ display:flex; justify-content:center; }
header nav ul li{ margin:0 40px; position:relative; }
header nav ul li > p{ color:#fff; font-size:24px; font-weight:500; }
header nav ul li div{ display:none; width:400px; position:absolute; top:86px; left:0; }
header nav ul li div p{ color:#232323; font-size:20px; margin-right:30px; position:relative; }
header nav ul li div p:first-child:before{ content:''; width:1px; height:16px; background:#ddd; position:absolute; top:50%; right:-15px; transform:translateY(-50%); }
header nav ul li div p:last-child:before{ display:none; }
header nav ul li div p:hover{ font-weight:600; }
header .header-actions{ display:flex; align-items:center; }
header .header-actions .info{ width:32px; height:32px; background:url('../img/header_icon01.png') no-repeat center center; background-size:contain; margin-right:15px; }
header .header-actions .all-menu{ width:52px; height:24px; position:relative; cursor:pointer; }
header .header-actions .all-menu p{ width:42px; height:3px; background:#fff; border-radius:50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
header .header-actions .all-menu span{ width:100%; height:3px; background:#fff; border-radius:50px; 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-top:100px; 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%; max-width:1200px; margin:0 auto; }
#all-menu ul li{ width:49%; }
#all-menu ul li > p{ color:#232323; font-size:36px; font-weight:600; background:#f8f8f8; border-radius:14px; padding:20px 32px; margin-bottom:40px; }
#all-menu ul li div{ padding:0 36px; margin-bottom:80px; }
#all-menu ul li div p{ color:#232323; font-size:30px; font-weight:500; margin-bottom:30px; }
#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:10px; right:10px; }
#all-menu .logout{ margin-right:10px; }
#all-menu .logout a{ color:#737373; font-size:24px; font-weight:600; background:url('../img/icon_logout.png') no-repeat center left; background-size:contain; padding-left:30px; 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:64px; height:64px; position:relative; cursor:pointer; }
#all-menu .close:before, #all-menu .close:after{ content:''; width:48px; height:4px; background:#737373; border-radius:50px; 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:14px; position:absolute; bottom:10px; right:30px; }


header.on{ background:#fff; }
header.on:before{ height:60px; 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:20px; position:relative; }
footer .code{ color:#999; font-size:14px; position:absolute; bottom:10px; right:30px; }
footer.footer_full{ width:100%; color:#888; font-size:16px; margin:0 auto; }
.footer_full div.top{ padding-bottom:30px; position:relative; }
.footer_full div.top > div{ max-width:1200px; margin:0 auto; }
.footer_full div.top > div > div > p{ color:#888; font-size:16px; font-weight:600; }
.footer_full div.top > div > div > p:nth-of-type(1){ margin-bottom:5px; }
.footer_full div.top > div > div > p:nth-of-type(2){ margin-bottom:15px; }
.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:15px; }
.footer_full div.top > div > div > div p:nth-of-type(1){ font-size:20px; margin-bottom:10px; }
.footer_full div.bottom{ color:#999; background:rgba(0,0,0,.3); backdrop-filter:blur(10px); }
.footer_full div.bottom div:nth-of-type(1){ border-bottom:1px solid #454545; }
.footer_full div.bottom div ul{ display:flex; width:100%; max-width:1200px; padding:20px 0; margin:0 auto; }
.footer_full div.bottom div ul li{ margin-right:20px; }
.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:14px; padding-right:20px; }
.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:14px; }
.footer_full div.bottom div:nth-of-type(2){ width:100%; max-width:1200px; padding:20px 0; margin:0 auto; }
.footer_full div.bottom div ol{ margin-top:5px; }
.footer_full div.bottom div ol li{ margin-top:3px; }
.footer_full div.bottom div p{ margin-top:10px; }
.footer{ background:#f8f8f8; padding:50px 0 30px; margin-top:150px; }
.footer .footer_mw{ width:100%; max-width:1200px; 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:16px; font-weight:600; }
.footer .footer_mw > div > div > p:nth-of-type(1){ margin-bottom:5px; }
.footer .footer_mw > div > div > p:nth-of-type(2){ margin-bottom:15px; }
.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:16px; }
.footer .footer_mw > div > div > div p:nth-child(1){ font-size:20px; margin-top:20px; margin-bottom:10px; }




/*───── site-info ─────*/
.aside.site-info{ width:100%; color:#d3d3d3; background:#414141; }
.aside.site-info > div:nth-of-type(1){ border-bottom:1px solid #616161; }
.aside.site-info ul{ display:flex; width:100%; max-width:1200px; padding:20px 0; margin:0 auto; }
.aside.site-info ul li{ margin-right:20px; }
.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:14px; padding-right:20px; }
.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:14px; }
.aside.site-info > div:nth-of-type(2){ width:100%; max-width:1200px; padding:20px 0; margin:0 auto; }
.aside.site-info ol{ margin-top:5px; }
.aside.site-info ol li{ margin-top:3px; }
.aside.site-info p{ margin-top:10px; }




/*───── aside ─────*/
aside{ width:100%; max-width:1200px; color:#737373; margin:120px auto; }
aside p{ font-weight:600; margin-bottom:10px; }
aside ol li{ display:inline; margin-right:3px; }
aside ol li a{ display:inline; }




/*───── index ─────*/
.index{ display:flex; flex-direction:column; justify-content:space-between; width:100%; min-height:100vh; color:#fff; background:url('../img/index_bg01.png') no-repeat center center; background-size:cover; position:relative; }
.index main.content{ max-width:none; padding-top:270px; }
.index .content{ height:100%; }
.index .content section{ display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; align-items:center; padding-bottom:80px; }
.index .content section > p img{ max-width:240px; }
.index .content section h1{ font-size:40px; font-weight:500; line-height:56px; text-align:center; margin:80px auto 100px; }
.index .content section .btn-wrap a{ border:2px 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:20px; }
.index .content section .btn-wrap button{ border:2px 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:20px; }

@media screen and (max-height:790px){
	.index .content section h1{ margin:60px auto 80px; }
}





/*───── sign (join & login) ─────*/
.sign #visual{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:600px; background:url('../img/visual_bg01.png') no-repeat center center; background-size:cover; margin-bottom:100px; position:relative; }
.sign #visual:before{ content:''; width:150px; height:59px; 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:120px; }
.sign #visual h1{ color:#fff; font-family:'GmarketSans'; font-size:60px; font-weight:700; text-transform:uppercase; margin-top:40px; }

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

.sign .input-box div{ background:#ddd; border-radius:16px; 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:80px; }





/*───── 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:138px; padding:36px 5%; position:absolute; bottom:0; right:6%; }
.join #verify-form .code-inputs input{ width:calc(100% / 6); font-family:'GmarketSans'; font-size:36px; font-weight:700; text-align:center; background:transparent; border:none; border-bottom:2px solid #585858; outline:none; margin:0 10px; }



.join .section01{ border-bottom:1px solid #ddd; padding-bottom:100px; margin-bottom:80px; }
.join .section01 h3{ color:#232323; font-size:30px; font-weight:600; margin-bottom:20px; }
.join .section01 div{ width:100%; height:300px; font-size:18px; line-height:30px; border:1px solid #ddd; border-radius:10px; padding:24px; overflow-y:scroll; }
.join .section01 div p, .join .section01 div ul{ margin-bottom:20px; }
.join .section01 div ul li{ padding-left:10px; position:relative; }
.join .section01 div ul li:before{ content:''; width:4px; height:4px; 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:24px; }
.join .section01 label input{ display:none; }
.join .section01 label p{ font-size:24px; font-weight:500; padding-left:28px; position:relative; }
.join .section01 label p:before{ content:''; width:20px; height:20px; border:1px solid #ddd; border-radius:5px; 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:1px solid #888; }
.join .section01 label input:checked + p:before{ background:url('../img/icon_check.png') no-repeat center center; border:none; }
.join .section01 label input:checked:hover + p:before{ background:url('../img/icon_check_hover.png') no-repeat center center; }

.join .section02 h3{ font-size:36px; font-weight:500; text-align:center; margin-bottom:50px; }
.join .section02 #auth-form .input-wrap{ display:flex; justify-content:space-between; }
.join .section02 #auth-form .input-wrap .input-box{ width:50%; max-width:590px; }
.join .section02 #auth-form .input-wrap .input-box p{ color:#232323; font-size:30px; font-weight:600; padding-left:8px; margin-bottom:24px; }
.join .section02 #auth-form .input-wrap .input-box input{ width:100%; min-height:72px; font-family:'Pretendard'; font-size:28px; border-radius:15px; padding:0 20px; }





/*───── login ─────*/
.login .section01 #auth-form .input-wrap{ width:100%; max-width:690px; 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:50px; }
.login .section01 #auth-form .input-wrap .input-box p{ font-size:30px; font-weight:600; padding-left:8px; margin-bottom:24px; }
.login .section01 #auth-form .input-wrap .input-box div{ position:relative; }
.login .section01 #auth-form .input-wrap .input-box div:before{ content:''; width:1px; height:60%; background:#ddd; position:absolute; top:20%; left:74px; }
.login .section01 #auth-form .input-wrap .input-box input{ width:100%; min-height:72px; font-family:'Pretendard'; font-size:28px; border-radius:15px; padding:0 20px 0 96px }
.login .section01 #auth-form .input-wrap .input-box input#phone{ background:url('../img/login_icon01.png') no-repeat center left 21px #fff; }
.login .section01 #auth-form .input-wrap .input-box input#pw{ background:url('../img/login_icon02.png') no-repeat center left 21px #fff; }
.login .section01 .help-link{ width:100%; max-width:690px; margin:40px 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:16px; height:16px; color:#fff; font-size:12px; background:#f66819; border-radius:50%; }
.login .section01 .help-link a b{ font-weight:500; margin-left:4px; }

.login-help section{ background:#f8f8f8; border-radius:20px; padding:80px 50px; }
.login-help .section01{ margin-bottom:50px; }
.login-help section h4{ color:#232323; font-size:36px; font-weight:600; margin-bottom:50px; }
.login-help section > p{ font-size:28px; }
.login-help section > p:nth-of-type(1){ margin-bottom:20px; }
.login-help section form{ margin-top:50px; }
.login-help section form .form-group{ display:flex; justify-content:space-between; align-items:center; margin:30px 0; }
.login-help section form .form-group .label-wrap{ width:200px; color:#232323; font-size:24px; font-weight:600; }
.login-help section form .form-group .input-wrap{ display:flex; width:calc(100% - 220px); color:#232323; font-size:32px; font-weight:500; }
.login-help section form .form-group .input-wrap.ml{ margin-left:220px; }
.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:72px; color:#232323; font-family:'Pretendard'; font-size:30px; font-weight:500; background:#fff; border:3px solid #ddd; border-radius:10px; padding:4px 28px; }
.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 10px 10px 0; padding:0 24px; 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 10px 10px 0; padding:0 24px; position:absolute; top:0; right:0; }





/*───── my page ─────*/
.sub.mypage #visual{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:600px; background:url('../img/visual_bg01.png') no-repeat center center; background-size:cover; margin-bottom:100px; position:relative; }
.mypage .tabs{ display:flex; justify-content:space-between; align-items:center; background:#f8f8f8; border-radius:50px; padding:10px; margin-bottom:100px; }
.mypage .tabs p{ display:flex; justify-content:center; align-items:center; width:33.333%; color:#232323; font-size:24px; font-weight:600; cursor:pointer; }
.mypage .tabs p a{ text-align:center; padding:20px; 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:50px; position:absolute; top:0; left:0; }

.mypage.service .section01 .box{ display:flex; flex-direction:column; justify-content:space-between; width:100%; background:#fefaf6; border:1px solid #f66819; border-radius:16px; padding:80px 50px; }
.mypage.service .section01 .box:last-child{ margin-top:50px; }
.mypage.service .section01 .box h2{ color:#232323; font-size:44px; font-weight:600; margin-bottom:30px; }
.mypage.service .section01 .box p{ color:#232323; font-size:28px; line-height:40px; }

.mypage .section01 form{ background:#fefaf6; border:1px solid #f66819; border-radius:16px; padding:80px 160px; margin-top:50px; }
.mypage .section01 form .form-group{ display:flex; justify-content:space-between; align-items:center; margin:30px 0; }
.mypage .section01 form .form-group .label-wrap{ width:200px; color:#232323; font-size:24px; font-weight:600; }
.mypage .section01 form .form-group .input-wrap{ display:flex; width:calc(100% - 220px); color:#232323; font-size:32px; font-weight:500; }
.mypage .section01 form .form-group .input-wrap.ml{ margin-left:220px; }
.mypage .section01 form .form-group .input-wrap input[type="text"], .mypage .section01 form .form-group .input-wrap input[type="password"]{ width:100%; height:72px; color:#232323; font-family:'Pretendard'; font-size:30px; font-weight:500; background:#fff; border:3px solid #ddd; border-radius:10px; padding:4px 28px; }
.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 10px 10px 0; padding:0 24px; position:absolute; top:0; right:0; }
.mypage .section01 form .form-group .select-wrap{ display:flex; width:calc(100% - 220px); color:#232323; font-size:32px; font-weight:500; }
.mypage .section01 form .form-group .select-wrap select{ width:100%; height:72px; color:#232323; font-family:'Pretendard'; font-size:30px; font-weight:500; background:url('../img/sub03_01_arrow.png') no-repeat center right 16px #fff; border:3px solid #ddd; border-radius:10px; padding:4px 64px 4px 28px; appearance:none; -webkit-appearance:none; }
.mypage .section01 form .btn-wrap{ margin-top:100px; }

.mypage.secession .section01 h2{ color:#232323; font-size:40px; font-weight:600; }
.mypage.secession .section01 h4{ color:#f66819; font-size:32px; font-weight:600; margin:30px 0; }
.mypage.secession .section01 > div{ background:#f8f8f8; border-radius:10px; padding:40px 50px; }
.mypage.secession .section01 > div p{ font-size:24px; font-weight:500; padding-left:16px; margin:15px 0; position:relative; }
.mypage.secession .section01 > div p:before{ content:''; width:5px; height:5px; background:#585858; border-radius:50%; position:absolute; top:12px; left:0; }
.mypage.secession .section01 > p{ display:inline-block; color:#fff; font-size:20px; background:#f66819; border-radius:5px; padding:8px 16px; margin-top:20px; }





/*───── terms, copyright, cookie-policy ─────*/
.mypage.aside .content h2{ color:#000; font-size:40px; font-weight:600; margin-bottom:30px; }
.mypage.aside .content div p{ font-size:20px; line-height:30px; margin-bottom:30px; }
.mypage.aside .content dl{ margin-top:100px; }
.mypage.aside .content dl dt{ font-size:36px; font-weight:600; margin-bottom:50px; }
.mypage.aside .content dl dd{ font-size:20px; line-height:30px; }
.mypage.aside .content dl dd p{ margin-top:30px; }
.mypage.aside .content dl dd p a{ display:inline; background:url('../img/icon_new-window_orange.png') no-repeat center right; background-size:14px; padding-right:20px; margin-right:5px; transition:color .2s ease-in; }
.mypage.aside .content dl dd p a:hover{ color:#f66819; }
.mypage.aside .content dl dd ol{ margin-left:20px; }
.mypage.aside .content dl dd ol > li{ list-style:decimal; margin-top:15px; }
.mypage.aside .content dl dd ul > li{ padding-left:20px; margin-top:15px; position:relative; }
.mypage.aside .content dl dd ul li:before{ content:''; width:8px; height:1px; background:#454545; position:absolute; top:14px; 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; height:80vh; max-height:680px; color:#000; background:#fff; border-radius:30px; padding:100px; position:relative; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; }
#linkModal > div .modalClose{ width:64px; height:64px; position:absolute; top:30px; right:30px; cursor:pointer; }
#linkModal > div .modalClose:before, #linkModal > div .modalClose:after{ content:''; width:48px; height:4px; background:#737373; border-radius:50px; 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:40px; font-weight:600; }
#linkModal > div p:nth-of-type(1){ font-size:28px; margin-top:50px; }
#linkModal > div p:nth-of-type(2){ font-size:28px; margin-top:50px; }
#linkModal > div div{ display:flex; justify-content:center; margin-top:90px; }
#linkModal > div div button{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:330px; height:100px; font-size:32px; font-weight:600; border-radius:50px; margin:0 20px; 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:860px; position:relative; margin-bottom:150px; overflow:hidden; }
.main #visual:before{ content:''; width:150px; height:59px; 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:26px; height:13px; background:url('../img/main_visual_arrow.png') no-repeat center center; font-size:0; position:absolute; bottom:110px; z-index:1; }
.main #visual .slick-arrow.slick-prev{ left:calc(50% - 96px); }
.main #visual .slick-arrow.slick-next{ right:calc(50% - 96px); transform:rotate(180deg); }

.main #visual .slick-dots{ display:flex !important; align-items:center; height:13px; position:absolute; bottom:110px; left:50%; transform:translateX(-50%); }
.main #visual .slick-dots li{ width:8px; height:8px; border:1px solid #fff; border-radius:50px; margin:0 6px; }
.main #visual .slick-dots li.slick-active{ width:24px; 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% - 10px); margin:10px; }

.main #visual .visual{ width:100%; height:100%; background:url('../img/main_visual_bg01.png') no-repeat center bottom; background-size:cover; border-radius:10px; }
.main #visual .slick-active .visual{ animation:visual_radius 3s ease-in-out forwards; }
@keyframes visual_radius{
	0%{ border-bottom-right-radius:10px; }
	100%{ border-bottom-right-radius:100px; }
}
.main #visual .visual .txt-wrap{ display:flex; flex-direction:column; justify-content:center; width:100%; max-width:1200px; height:100%; color:#fff; margin:0 auto; }
.main #visual .visual .txt-wrap .txt .title{ font-size:92px; font-weight:900; margin-bottom:16px; }
.main #visual .visual .txt-wrap .txt .title_sub{ font-size:36px; }
.main #visual .visual .txt-wrap .btn{ margin-top:50px; }
.main #visual .visual .txt-wrap .btn a{ display:flex; justify-content:center; align-items:center; width:220px; height:80px; color:#f66819; font-size:24px; font-weight:600; background:#fff; border-radius:50px; 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:80px; letter-spacing:0.05em; margin-bottom:52px; }
.main .section01 .nucala-wrap .nucala-box{ display:flex; justify-content:space-between; position:relative; }
.main .section01 .nucala-wrap .nucala-box:first-child{ margin-bottom:100px; }
.main .section01 .nucala-wrap .nucala-box .img{ width:50%; border-radius:10px 10px 30px 10px; overflow:hidden; }
.main .section01 .nucala-wrap .nucala-box .txt{ display:flex; flex-direction:column; justify-content:flex-start; width:calc(50% - 90px); color:#232323; }
.main .section01 .nucala-wrap .nucala-box .txt .num{ font-size:24px; letter-spacing:0.05em; margin-top:12px; }
.main .section01 .nucala-wrap .nucala-box .txt .title{ font-size:52px; font-weight:600; margin-top:20px; }
.main .section01 .nucala-wrap .nucala-box .txt .info{ font-size:30px; line-height:42px; margin-top:12px; }
.main .section01 .nucala-wrap .nucala-box .more{ display:flex; justify-content:center; align-items:center; width:84px; height:84px; border:1px 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:12px; background:url('../img/main_icon01.png') no-repeat center right 10px; padding:10px; }
.main .section01 .nucala-wrap .nucala-box .more:hover{ color:#fff; background:#f66819; border:1px solid #f66819; padding-left:20px; }
.main .section01 .nucala-wrap .nucala-box .more:hover a{ background:none; }

.main .section02{ margin-top:280px; }
.main .section02 > p{ color:#232323; font-size:30px; line-height:42px; }
.main .section02 > div{ display:flex; }
.main .section02 > div > div{ display:flex; width:calc(33.333% - 10px); border-radius:10px; margin-top:20px; position:relative; overflow:hidden; }
.main .section02 > div > div:nth-child(1){ border-radius:50px 10px 10px 10px; }
.main .section02 > div > div:nth-child(2){ margin:20px 15px 0; }
.main .section02 > div > div:nth-child(3){ border-radius:10px 10px 50px 10px; }
.main .section02 > div > div > p{ display:flex; align-items:center; color:#232323; font-size:36px; line-height:52px; }
.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:36px; font-weight:600; position:absolute; bottom:44px; left:40px; }





/*───── 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:753px; background:url('../img/main_visual_bg01.png') no-repeat center top; background-size:cover; border-radius:10px 10px 100px 10px; margin:10px; position:relative; }
.sub #visual .txt{ display:flex; flex-direction:column; align-items:center; color:#fff; }
.sub #visual .txt h1{ font-size:72px; font-weight:600; margin-bottom:84px; }
.sub #visual .txt p{ font-size:30px; line-height:48px; text-align:center; }
.sub #visual .page{ display:flex; position:absolute; height:132px; left:50%; bottom:0; transform:translateX(-50%); }
.sub #visual .page p{ width:240px; color:#fff; font-size:24px; font-weight:600; text-align:center; border-top:3px solid #fff; margin:0 15px; position:relative; opacity:0.6; }
.sub #visual .page p.now{ opacity:1; }
.sub #visual .page p.now:before{ content:''; width:80px; height:42px; 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:32px; }
.sub .section00{ margin-top:150px; margin-bottom:120px; }
.sub .section00 div{ display:flex; justify-content:space-between; align-items:center; margin-bottom:50px; }
.sub .section00 div h2{ color:#232323; font-size:60px; font-weight:600; }
.sub .section00 div ul{ display:flex; align-items:center; }
.sub .section00 div ul li{ color:#454545; font-size:14px; padding-left:16px; margin-left:10px; position:relative; }
.sub .section00 div ul li:nth-child(1){ width:32px; height:32px; 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:5px; height:8px; 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:30px; font-weight:500; letter-spacing:0; }
.sub h3{ color:#232323; font-size:60px; margin-bottom:50px; }



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

.sub01_01 .section01{ margin-bottom:120px; }
.sub01_01 .section01 div{ border-radius:10px 10px 100px 10px; overflow:hidden; }

.sub01_01 .section02 .section-inner > ul li{ color:#232323; font-size:24px; line-height:36px; padding-left:16px; margin-bottom:12px; position:relative; }
.sub01_01 .section02 .section-inner > ul li:before{ content:''; width:8px; height:8px; background:#454545; border-radius:2px; position:absolute; top:13px; 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:20px; margin-top:30px; box-shadow:0 0 30px rgba(173, 173, 173, .4); overflow:hidden; }
.sub01_01 .section02 div div dl dt{ color:#fff; font-family:'GmarketSans'; font-size:32px; font-weight:600; background:#317f46; padding:24px 50px; }
/*.sub01_01 .section02 div div dl dt{ background:url('../img/sub01_01_img02.png') no-repeat left top; background-size:contain; padding-left:64px; margin-bottom:32px; }
.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:18px; font-weight:600; margin-bottom:20px; }
.sub01_01 .section02 div dl dt p{ color:#317f46; font-family:'GmarketSans'; font-size:48px; font-weight:600; }
.sub01_01 .section02 div dl dd{ padding:40px 50px; }
.sub01_01 .section02 div dl dd ul li{ font-size:24px; padding-left:15px; margin-top:10px; 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:5px; height:5px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0; }
.sub01_01 .section02 div dl dd ol{ font-weight:600; }

.sub01_01 .section03{ margin-bottom:120px; }
.sub01_01 .section03 dl{ border-top:1px solid #ddd; padding-top:80px; margin-top:80px; }
.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:36px; font-weight:600; margin-bottom:40px; }
.sub01_01 .section03 dl dd{ display:flex; flex-direction:column; align-items:flex-start; font-size:24px; padding-left:15px; margin-top:15px; position:relative; }
.sub01_01 .section03 dl dd:before{ content:''; width:8px; height:2px; background:#454545; position:absolute; top:12px; left:0; }
.sub01_01 .section03 dl dd span{ color:#fff; font-size:16px; font-weight:600; background:#f66819; border-radius:5px; padding:8px 16px; margin-top:5px; }
.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:15px; margin-top:20px; overflow:hidden; }
.sub01_01 .section03 dl dd div p{ color:#fff; font-family:'GmarketSans'; font-size:32px; font-weight:600; background:#317f46; padding:24px 50px; }
.sub01_01 .section03 dl dd div ul{ padding:40px 50px; }
.sub01_01 .section03 dl dd div ul li{ padding-left:15px; margin-top:10px; 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:5px; height:5px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0; }
.sub01_01 .section03 dl dd > ul li{ padding-left:15px; margin-top:10px; position:relative; }
.sub01_01 .section03 dl dd > ul li:before{ content:''; width:5px; height:5px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0; }
.sub01_01 .section03 dl dd div.table{ display:flex; justify-content:space-between; align-items:center; background:#317f46; border:1px solid #ddd; overflow:hidden; }
.sub01_01 .section03 dl dd div.table:nth-of-type(1){ border-radius:20px 20px 0 0; margin-top:20px; }
.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 20px 20px; }
.sub01_01 .section03 dl dd div.table p{ width:300px; margin-bottom:0; }
.sub01_01 .section03 dl dd div.table ul{ width:calc(100% - 320px); background:#fff; padding:60px 50px; }
.sub01_01 .section03 dl dd div.table ul li:first-child{ margin-top:0; }

.sub01_01 .section04 .section-inner > ul{ margin-bottom:50px; }
.sub01_01 .section04 .section-inner > ul li{ color:#232323; font-size:24px; line-height:36px; padding-left:16px; margin-bottom:12px; position:relative; }
.sub01_01 .section04 .section-inner > ul li:before{ content:''; width:8px; height:8px; background:#454545; border-radius:2px; position:absolute; top:13px; 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:20px; padding-bottom:0; margin-top:30px; box-shadow:0 0 30px 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:32px; font-weight:600; background:#317f46; padding:24px 50px; }
.sub01_01 .section04 .section-inner div dl dd{ padding:40px 50px; }
.sub01_01 .section04 .section-inner div dl dd ul li{ font-size:24px; padding-left:15px; margin-top:10px; 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:5px; height:5px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0; }
.sub01_01 .section04 .section-inner > dl{ border-top:1px solid #ddd; padding-top:80px; margin-top:80px; }
.sub01_01 .section04 .section-inner > dl dt{ color:#f66819; font-family:'GmarketSans'; font-size:36px; font-weight:600; margin-bottom:40px; }
.sub01_01 .section04 .section-inner > dl dd{ display:flex; flex-direction:column; align-items:flex-start; font-size:24px; padding-left:15px; margin-top:15px; position:relative; }
.sub01_01 .section04 .section-inner > dl dd:before{ content:''; width:8px; height:2px; background:#454545; position:absolute; top:12px; left:0; }
.sub01_01 .section04 .section-inner > dl dd b{ display:inline-block; color:#fff; font-weight:600; background:#317f46; border-radius:5px; padding:8px 16px; margin-bottom:10px; }
.sub01_01 .section04 .section-inner > dl dd p{ padding-left:15px; position:relative; }
.sub01_01 .section04 .section-inner > dl dd p:before{ content:''; width:8px; height:2px; background:#454545; position:absolute; top:12px; 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:25px; }
.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; justify-content:space-between; }
.sub01_01 .section04 .section-inner > dl.list2 dd ol li{ width:24.5%; }
.sub01_01 .section04 .section-inner > p{ display:inline-block; color:#fff; font-size:16px; font-weight:600; background:#f66819; border-radius:5px; padding:8px 16px; margin-top:15px; }

.sub01_01 .section05{ margin-bottom:120px; }
.sub01_01 .section05 > ul{ margin-bottom:50px; }
.sub01_01 .section05 > ul li{ color:#232323; font-size:24px; line-height:36px; padding-left:16px; margin-bottom:12px; position:relative; }
.sub01_01 .section05 > ul li:before{ content:''; width:8px; height:8px; background:#454545; border-radius:2px; position:absolute; top:13px; left:0; }
.sub01_01 .section05 > dl dt{ color:#f66819; font-family:'GmarketSans'; font-size:36px; font-weight:600; margin-bottom:40px; }
.sub01_01 .section05 > dl dd{ font-size:24px; padding-left:15px; margin-top:15px; position:relative; }
.sub01_01 .section05 > dl dd:before{ content:''; width:8px; height:2px; background:#454545; position:absolute; top:12px; left:0; }
.sub01_01 .section05 > dl dd ul{ display:flex; flex-wrap:wrap; align-items:flex-start; background:#f8f8f8; border:1px solid #ddd; border-radius:10px; padding:20px; margin-top:10px; }
.sub01_01 .section05 > dl dd ul li{ color:#317f46; font-family:'GmarketSans'; font-size:20px; font-weight:600; background:#ecf3ee; border:1px solid #a7d2b3; border-radius:5px; padding:8px 16px; margin:5px; }
.sub01_01 .section05 div dl{ display:flex; justify-content:space-between; align-items:stretch; font-size:24px; border:1px solid #ddd; overflow:hidden; }
.sub01_01 .section05 div dl:nth-of-type(1){ border-radius:20px 20px 0 0; margin-top:20px; }
.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 20px 20px; }
.sub01_01 .section05 div dl dt{ display:flex; flex-direction:column; justify-content:center; width:300px; color:#fff; font-family:'GmarketSans'; font-size:32px; font-weight:600; background:#317f46; padding:24px 50px; }
.sub01_01 .section05 div dl dt p{ font-size:18px; font-weight:normal; margin-top:10px; }
.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% - 320px); background:#fff; padding:60px 50px; }
.sub01_01 .section05 div dl dd ul li{ padding-left:15px; margin-top:10px; 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:5px; height:5px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0; }
.sub01_01 .section05 div > p{ display:inline-block; color:#fff; font-size:16px; font-weight:600; background:#f66819; border-radius:5px; padding:8px 16px; margin-top:15px; }

.sub01_01 .section06 .section-inner > ul{ margin-bottom:50px; }
.sub01_01 .section06 .section-inner > ul li{ color:#232323; font-size:24px; line-height:36px; padding-left:16px; margin-bottom:12px; position:relative; }
.sub01_01 .section06 .section-inner > ul li:before{ content:''; width:8px; height:8px; background:#454545; border-radius:2px; position:absolute; top:13px; left:0; }

.sub01_01 .section07 .notice{ background:#f8f8f8; border-radius:15px; padding:40px 50px; overflow:hidden; }
.sub01_01 .section07 .notice dt{ color:#f66819; font-family:'GmarketSans'; font-size:36px; font-weight:600; margin-bottom:40px; }
.sub01_01 .section07 .notice dd{ display:flex; justify-content:space-between; }
.sub01_01 .section07 .notice dd ul{ width:calc(100% - 580px); }
.sub01_01 .section07 .notice dd ul li{ color:#232323; font-size:24px; line-height:36px; padding-left:16px; margin-bottom:12px; position:relative; }
.sub01_01 .section07 .notice dd ul li:before{ content:''; width:8px; height:8px; background:#454545; border-radius:2px; position:absolute; top:13px; left:0; }
.sub01_01 .section07 .notice dd p{ width:500px; border-radius:3px; margin-left:80px; overflow:hidden; }
.sub01_01 .section07 ol > li{ border-top:1px solid #ddd; padding-top:80px; margin-top:80px; }
.sub01_01 .section07 ol > li > p{ display:flex; align-items:center; color:#317f46; font-family:'GmarketSans'; font-size:36px; font-weight:600; margin-bottom:40px; }
.sub01_01 .section07 ol > li > p span{ color:#fff; font-size:0.5em; text-transform:uppercase; background:#317f46; border-radius:50px; padding:8px 16px; margin-right:15px; }
.sub01_01 .section07 ol > li > dl{ display:flex; flex-direction:column; }
.sub01_01 .section07 ol > li > dl .txt{ order:2; font-size:24px; }
.sub01_01 .section07 ol > li > dl .txt > ul > li{ padding-left:15px; margin-top:15px; 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:8px; height:2px; background:#454545; position:absolute; top:12px; left:0; }
.sub01_01 .section07 ol > li > dl .txt > ul > li ul li{ padding-left:15px; margin-top:10px; position:relative; }
.sub01_01 .section07 ol > li > dl .txt > ul > li ul li:before{ content:''; width:5px; height:5px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0; }
.sub01_01 .section07 ol > li > dl .img{ order:1; margin-bottom:30px; }
.sub01_01 .section07 ol > li:nth-last-of-type(1) > dl:nth-last-of-type(1){ color:#737373; font-size:16px; margin-top:30px; }
.sub01_01 .section07 ol > li .warning{ color:#fff; font-size:20px; background:#f66819; border-radius:5px; padding:16px 32px; margin-top:30px; }
.sub01_01 .section07 ol > li .warning p{ background:url('../img/sub01_01_icon03.png') no-repeat left top 2px; background-size:20px; padding-left:30px; margin:10px 0; }
.sub01_01 .section07 .btn-more{ text-align:center; border-top:1px solid #999; padding-top:50px; margin-top:50px; }
.sub01_01 .section07 .btn-more p{ font-size:20px; }
.sub01_01 .section07 .btn-more div{ display:inline-block; color:#fff; font-size:18px; font-weight:600; background:#163554; border-radius:50px 10px 50px 10px; margin-top:30px; 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 32px center; padding:28px 72px 28px 32px; }

/*.sub01_01 .section04 .tabs{ display:flex; justify-content:space-between; align-items:center; background:#f8f8f8; border-radius:50px; padding:10px; margin-top:20px; z-index:9; }
.sub01_01 .section04 .tabs p{ display:flex; justify-content:center; align-items:center; width:25%; color:#232323; font-size:24px; font-weight:600; padding:20px; 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:50px; 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:2px solid #000; margin-top:80px; }
.sub01_01 .section04 .container .content{ border-bottom:1px solid #ddd; padding:60px 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:48px; font-weight:600; }
.sub01_01 .section04 .container .title-box .btn{ width:84px; height:84px; border:1px solid #000; border-radius:50%; position:relative; cursor:pointer; }
.sub01_01 .section04 .container .title-box .btn:before{ content:''; width:32px; height:1px; background:#000; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.sub01_01 .section04 .container .title-box .btn:after{ content:''; width:32px; height:1px; 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:50px; }
.sub01_01 .section04 .container .qna-box dl dt{ display:inline-block; color:#fff; font-size:30px; font-weight:600; background:#f66819; border-radius:50px 10px 50px 10px; padding:24px 32px; }
.sub01_01 .section04 .container .qna-box dl dd{ margin-top:40px; }
.sub01_01 .section04 .container .qna-box dl dd p{ min-height:44px; color:#232323; font-size:30px; font-weight:600; background:url('../img/sub01_01_icon01.png') no-repeat top left; padding-left:64px; }
.sub01_01 .section04 .container .qna-box dl dd ul{ padding-left:64px; margin-top:12px; }
.sub01_01 .section04 .container .qna-box dl dd ul li{ color:#232323; font-size:30px; background:url('../img/sub01_01_icon02.png') no-repeat top left; padding:8px 0 0 64px; margin-top:16px; }
.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% - 480px); }
.sub01_01 .section04 .container .qna-box dl dd.has-img > p{ width:400px; border:3px solid #ddd; background:none; border-radius:3px; padding-left:0; margin-left:80px; overflow:hidden; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box{ display:flex; background:#f8f8f8; border:3px solid #ddd; border-radius:10px; margin:20px 0; position:relative; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box:before{ content:''; height:calc(100% - 100px); border:1px dashed #ddd; position:absolute; top:50px; left:50%; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box dl{ width:50%; text-align:center; padding:50px; margin-top:0; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box dl dt{ font-weight:400; border-radius:50px; padding:16px 32px;  }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box dl dd{ font-size:30px; text-align:left; padding-left:16px; margin-top:20px; position:relative; }
.sub01_01 .section04 .container .qna-box dl dd ul li .info-box dl dd:before{ content:''; width:5px; height:5px; background:#232323; border-radius:50%; position:absolute; top:16px; left:0; }

.sub01_01 .section05{ text-align:center; margin-top:50px; }
.sub01_01 .section05 p{ font-size:20px; }
.sub01_01 .section05 div{ display:inline-block; color:#fff; font-size:18px; font-weight:600; background:#163554; border-radius:50px 10px 50px 10px; margin-top:30px; 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 32px center; padding:28px 72px 28px 32px; }*/

	/* 02 */
.sub01_02 .section01 div{ background:#fefaf6; border:1px solid #f66819; border-radius:20px; padding:50px 60px; }
.sub01_02 .section01 div p{ font-size:36px; line-height:52px; margin-bottom:30px; }
.sub01_02 .section01 div p:last-child{ margin-bottom:0; }
.sub01_02 .section01 div p img{ display:inline-block; width:140px; margin-right:5px; }
.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:16px; padding:50px 60px; margin-bottom:50px; }
.sub02 .section01 dl:last-child{ margin-bottom:0; }
.sub02 .section01 dl dt{ display:flex; align-items:center; }
.sub02 .section01 dl dt img{ width:80px; margin-right:20px; }
.sub02 .section01 dl dt p{ color:#317f46; font-family:'GmarketSans'; font-size:36px; font-weight:600; }
.sub02 .section01 dl dd{ margin-top:40px; }
.sub02 .section01 dl dd ul li{ font-size:24px; padding-left:15px; margin-top:10px; position:relative; }
.sub02 .section01 dl dd ul li:first-child{ margin-top:0; }
.sub02 .section01 dl dd ul li:before{ content:''; width:5px; height:5px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0; }



/* sub03 */
	/* 01 */
.sub03 .section01 .sms_status.sms_on{ border:1px solid #f66819; border-radius:16px 16px 0 0; overflow:hidden; }
.sub03 .section01 .sms_status.sms_on .title{ color:#fff; font-size:30px; text-align:center; background:#f66819; padding:20px 0; }
.sub03 .section01 .sms_status.sms_on ul{ padding:50px; }
.sub03 .section01 .sms_status.sms_on ul li{ color:#232323; font-size:30px; margin-top:20px; }
.sub03 .section01 .sms_status.sms_on ul li:first-child{ margin-top:0; }
.sub03 .section01 .sms_status.sms_off .title{ color:#565656; font-size:30px; text-align:center; background:#eee; border-radius:12px; padding:20px 0; }

.sub03 .section02{ margin:60px 0; }
.sub03 .section02 .sms_notice{ background:#f8f8f8; border-radius:16px; padding:80px 50px; }
.sub03 .section02 .sms_notice li{ color:#232323; font-size:36px; padding-left:24px; margin-top:32px; position:relative; }
.sub03 .section02 .sms_notice li:first-child{ margin-top:0; }
.sub03 .section02 .sms_notice li:before{ content:''; width:8px; height:8px; background:#565656; border-radius:50%; position:absolute; top:16px; left:0; }
.sub03 .section02 .sms_notice li b{ color:#f66819; }

.sub03 .section03 #scheduleForm{ background:#fefaf6; border:1px solid #f66819; border-radius:16px; padding:80px 50px; }
.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:440px; margin:0 auto; }
.sub03 .section03 #scheduleForm fieldset .input-wrap:nth-child(3){ margin:30px 0; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .title{ color:#232323; font-size:36px; font-weight:600; padding:3px 0 3px 56px; }
.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:56px; margin-top:16px; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .date-wrap input{ height:72px; color:#232323; font-family:'Pretendard'; font-size:30px; font-weight:500; background:#fff; border:3px solid #ddd; border-radius:10px; padding:4px 28px; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .alarm-wrap{ display:flex; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .alarm-wrap select{ height:72px; color:#232323; font-family: 'Pretendard'; font-size:30px; font-weight:500; background:url('../img/sub03_01_arrow.png') no-repeat center right 16px #fff; border:3px solid #ddd; border-radius:10px; padding:4px 64px 4px 28px; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .alarm-wrap select:last-child{ margin-left:8px; }
.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:30px; font-weight:500; padding-left:44px; position:relative; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label p:before{ content:''; width:32px; height:32px; background:#fff; border:3px 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:3px solid #aaa; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label input:checked + p:before{ border:3px solid #f66819; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label input:checked + p:after{ content:''; width:16px; height:16px; background:#f66819; border-radius:50%; position:absolute; top:50%; left:8px; transform:translateY(-50%); transition:all .2s ease-in; }
.sub03 .section03 #scheduleForm fieldset .input-wrap .radio-wrap label input:checked:hover + p:before{ border:3px 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:100px; }



/* 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:20px; background:#317f46; border-radius:50px; padding:8px 16px; margin:10px auto 0; }

	/* 02 */
.sub04_02 .section01 > p{ font-family:'GmarketSans'; font-size:32px; font-weight:600; text-align:center; }
.sub04_02 .section01 > p span{ display:block; color:#f66819; margin-top:10px; }
.sub04_02 .section01 form{ background:#fefaf6; border:1px solid #f66819; border-radius:16px; padding:80px 160px; margin-top:50px; }
.sub04_02 .section01 form .form-group{ display:flex; justify-content:space-between; align-items:center; margin:30px 0; }
.sub04_02 .section01 form .form-group .label-wrap{ width:200px; color:#232323; font-size:32px; font-weight:600; }
.sub04_02 .section01 form .form-group .input-wrap{ display:flex; width:calc(100% - 220px); color:#232323; font-size:32px; font-weight:500; }
.sub04_02 .section01 form .form-group .input-wrap.ml{ margin-left:220px; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap:last-child{ margin-left:44px; }
.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:30px; font-weight:500; padding-left:44px; position:relative; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label p:before{ content:''; width:32px; height:32px; background:#fff; border:3px 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:3px solid #aaa; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label input:checked + p:before{ border:3px solid #f66819; }
.sub04_02 .section01 form .form-group .input-wrap .radio-wrap label input:checked + p:after{ content:''; width:16px; height:16px; background:#f66819; border-radius:50%; position:absolute; top:50%; left:8px; 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:3px 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:72px; color:#232323; font-family:'Pretendard'; font-size:30px; font-weight:500; background:#fff; border:3px solid #ddd; border-radius:10px; padding:4px 28px; }
.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 10px 10px 0; padding:0 24px; position:absolute; top:0; right:0; }
.sub04_02 .section01 form .form-group .select-wrap{ display:flex; width:calc(100% - 220px); color:#232323; font-size:32px; font-weight:500; }
.sub04_02 .section01 form .form-group .select-wrap select{ width:100%; height:72px; color:#232323; font-family:'Pretendard'; font-size:30px; font-weight:500; background:url('../img/sub03_01_arrow.png') no-repeat center right 16px #fff; border:3px solid #ddd; border-radius:10px; padding:4px 64px 4px 28px; appearance:none; -webkit-appearance:none; }
.sub04_02 .section01 form .btn-wrap{ margin-top:100px; }