@charset "utf-8";

.menu {position:fixed;top:0;left:0;opacity:0.6;color:#000;z-index:9999;width:auto;background:#fff;border:var(--border02);border-bottom:none;}
.menu a {display:block;border-bottom:var(--border02);padding:5px;}
:root{ 
  --transition01: 0.2s ease;
  --color01: #ec652d;
  --border01: 1px solid #eeeeee;
  --border02: 1px solid #c6c6c6;
}
html,body,#wrap {height:100%;}

/* body {font-family:Pretendard,'돋움','dotum', Arial, sans-serif;color:#333;background:#fbfbfc;} */
body {font-family:Pretendard,'돋움','dotum', Arial, sans-serif;color:#333;}
#wrap {background:#ffffff;width:100%;max-width:500px;margin:0 auto;position:relative;padding-bottom:30px;}
/* @media (max-width: 768px) { */
/*     #wrap {max-width:500px;} */
/* } */
input::placeholder {color:#ccc;font-weight:300;}
.bg_dark {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:900;display:none;}

header {position:sticky;top:0;z-index:100;background:#fff;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-bottom:var(--border01);}
header .utiles {width:100%;display:flex;justify-content:center;align-items:center;border-bottom:var(--border01);text-align:center;font-size:14px;}
header .utiles li {flex:auto;}
header .utiles li a {display:block;transition:var(--transition01);color:#797979;padding:6px 0;}
/* header .utiles li a:hover {color:#000;background:#eee;} */
header .utiles li.active {color:#000;background:#eee; }
header .utiles li.active a {color:#000;background:#eee; }

header h1 {padding:20px 0;width:100%;text-align:center;font-size:22px;font-weight:500;}
section {background:#fff;}
:is(.main_slider_wrap, .campaign_wrap) .img_wrap {aspect-ratio: 1 / 1;overflow:hidden;position:relative;}
:is(.main_slider_wrap, .campaign_wrap) .img_wrap img {object-fit: cover;width:100%;height:100%;}
.main_slider_wrap .txt_wrap {text-align:center;margin-top:20px;padding:0 10px;}
.main_slider_wrap .txt01 {font-size:20px;font-weight:bold;}
.main_slider_wrap .txt02 {color:#003580;}
.main_slider_wrap .txt03 {font-size:14px;color:#797979;}
.main_slider_wrap .txt01 + .txt02 {margin-top:10px;}
.main_slider_wrap .txt02 + .txt03 {margin-top:10px;}
.main_slider_wrap .btn {display:block;border:1px solid var(--color01);text-align:center;padding:10px;margin:20px;border-radius:6px;transition:var(--transition01);background:var(--color01);color:#fff;}
.main_slider_wrap .btn:hover {background:#f33300;letter-spacing:5px;}
.main_slider_wrap .swiper-pagination {top: min(90vw, 460px);bottom:auto;left:50%;right:auto;width:auto;transform:translateX(-50%);}
.main_slider_wrap .swiper-pagination-bullet {transition:var(--transition01);outline:2px solid rgba(255,255,255,0.6);}
.main_slider_wrap .swiper-pagination-bullet-active {background:#003580;width:30px;border-radius:100px;}
:is(.swiper-button-next, .swiper-button-prev) {color:rgba(0,53,128,0.8);top:min(50vw, 250px);}
:is(.swiper-button-next, .swiper-button-prev)::after {font-size:30px;text-shadow: -1px 0px #eee, 0px 1px #eee, 1px 0px #eee, 0px -1px #eee;}
.swiper-button-next {right:20px;}
.swiper-button-prev {left:20px;}
.file_wrap label {display:flex;justify-content:center;align-items:center;width:100%;padding:10px 0;text-align:center;background:var(--color01);color:#fff;}
.file_wrap input {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;overflow:hidden;clip:rect(0, 0, 0, 0);}
.file_wrap i {margin-right:10px;}
.campaign_wrap .img_wrap p {position:absolute;top:50%;left:0;width:100%;text-align:center;}
.campaign_choice select {width:100%;height:40px;border:none;border-top:var(--border01);padding:0 10px;appearance: none;background:url(../client_images/select_bg.svg) no-repeat right center;}
.campaign_title {font-size:20px;font-weight:bold;}
.campaign_info {display:flex;flex-direction:column;gap:10px;background:#f2f5fc;padding:20px 10px;}
.campaign_info label {color:var(--color01);display:block;margin-bottom:5px;cursor:auto}
.campaign_info :is(input[type=text],input[type=number],input[type=password]) {width:100%;border:var(--border01);height:40px;padding:0 10px;}
.campaign_code {padding:20px;text-align:center;background:#f2f5fc;}
.login_wrap .img_wrap {text-align:center;}
.login_wrap {padding:0 20px;}
.login_wrap .login_form input {width:100%;height:40px;border:1px solid #eceef2;border-radius:4px;padding:0 10px;text-align:center;}
.login_wrap .login_form input:nth-child(n+2) {margin-top:10px;}
.login_wrap .login_form input + p {color: var(--color01);font-size: 13px;margin-top:5px;display:none;}
.login_wrap .login_form .btn_login {width:100%;height:40px;background:var(--color01);color:#fff;margin-top:20px;border-radius:4px;}
.login_wrap .or_line {position:relative;text-align:center;font-size:13px;color:#bbb;padding:25px 0;}
.login_wrap .or_line p {display:inline-block;width:50px;background:#fff;}
.login_wrap .or_line::before {position:absolute;top:50%;left:0;content:'';width:100%;height:1px;background:#eceef2;z-index:-1;}
.login_wrap .sns_login .sns_title {font-weight:bold;text-align:center;}
.login_wrap .sns_login ul {display:flex;gap:10px;justify-content:center;margin-top:10px;}
.login_wrap .sns_login ul img {width:45px;}
.login_wrap .bottom_link {font-size:15px;color:#666;margin-top:40px;padding-bottom:40px;}
.login_wrap .bottom_link ul {display:flex;justify-content:center;}
.login_wrap .bottom_link ul li {position:relative;font-weight:300;}
.login_wrap .bottom_link ul li:hover {color:#000;}
.login_wrap .bottom_link ul li + li {margin-left:20px;padding-left:20px;}
.login_wrap .bottom_link ul li + li::before {content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#ccc;}

footer {padding:50px 15px;background:#f2f5fc;font-size:12px;color:#929498;text-align:center;}
footer .foot_logo {filter : grayscale(1);margin:0 0 30px 0;}
footer .foot_logo img {width:100px;}