@charset "utf-8";
@import url("pretendard.css");
@import url("line-awesome.css");

/* Reset */
*{ box-sizing: border-box; }
html, body { height: 100%;margin: 0;padding: 0;}
html {font-size: 62.5%; /* 1rem = 10px 처럼 사용 */  scroll-behavior: smooth;}
body {font-size: 1.6rem; /* = 16px */ line-height: 1.5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{font-family: 'pretendard', sans-serif; font-weight:400; margin:0;padding:0;word-break:break-all; /* word-break:keep-all; */}
body,h1,h2,h3,h4,input,button{font-size:16px; line-height: 1.5; color:#1a1a1a; }
body{background:#fff; text-align:left;word-break:break-all; }
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{outline:none;}
input{text-indent:8px;}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{text-decoration:none; }
a:hover{text-decoration:none;}
button *{position:relative}
button img{left:auto}
html:first-child select{height:40px;padding-right:0}
option{padding-right:6px}
table{border-collapse:collapse;border-spacing:0}
input::-ms-clear{display:none}
svg{width:100%;}
textarea{width:100%; border: 1px solid #e2e2e2;}
.normal		{ font-weight: 400 }
.bold		{ font-weight: 700 }
.bolder		{ font-weight: 800 }
.light		{ font-weight: 300 }
hr{color: #000;}
.placeholder{color:#D2D2D2}
textarea{
  width: 100%;
  height: auto;
  min-height: 200px;
  border: 1px solid #e2e2e2;
  padding: 1rem;
  border-radius: 0.5rem;
  resize: none;} 

@keyframes shrink-bounce{
  0%{transform: scale(1);}
  33%{transform: scale(.85);}
  100%{transform: scale(1);}
}
@keyframes checkbox-check{
  0%{width: 0;height: 0;border-color: #fff;transform: translate3d(0,0,0) rotate(45deg);}
  33%{width: .3em;height: 0;transform: translate3d(0,0,0) rotate(45deg);}
  100%{width: .3em;height: 0.6em;    border-color: #fff;transform: translate3d(0,-.5em,0) rotate(45deg);}
}


:root {
  --light-box-color: #E6F6F1;
  --text-color: #0F9F6E;
  --main-color: #1473E6;
  --main-hover-color: #08835a;
  --main-light-color: #D9EAFF;
  --bg-color:#F7F7F8;
  --gray100:#F4F6F8;
  --input-bg-color:#fff;
  --input-login-bg-color:#f4f5f7;
  --search-bg-color:#F7F7F8;
  --haeader-bg-color:#fff;
  --footer-bg-color:#8f3333;

  /* Primary */
  --navy900:#000D7F;
  --navy700:#5D66DB;
  --navy500:#A2A8EA;
  --navy300:#D1D3F5;
  --navy200:#E8E9FA;
  --navy100:#EEEFFB;

  /* Secondary */
  --org:#FF7826;
  --vlt:#E8E9FA;
  --vlt300:#EEEFFB;
  --error:#FF7777;                    
  --error-bg:#FFE8E8;

  /* border */
  --white:#ffffff; 
  --black:#000000;
  --bdgray:#E7EAF0;

  /* Gradation */
  --gdb100:rgb(100,115,244);
  --gdl100: linear-gradient(-30deg, rgba(100,115,244,1) 0%, rgba(131,93,240,1) 80%);

  /* point color */
  --ppl600:#5E5AC1;
  --ppl500:#9A87EF;
  --ppl400:#B0A0F5;
  --ppl300:#E6E2FD;

  /* line color*/
  --line-color:#e2e2e2;
  --line-hover-color:#0F9F6E;
  --line-wht:#fff;
}

h1 { font-size: 1.8rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.1rem; }


/* Check-box */
input[type='checkbox']{ position: absolute; left:-9999999px;}
input[type='checkbox'] + label{display:inline-block; align-items: center; transition: color 250ms cubic-bezier(.4,.0,.23,1); line-height: 24px;}
input[type='checkbox'] + label > span{position: relative; display:inline-block; justify-content: center; align-items: center;  width: 24px; height: 24px; background:#fff; border: 1px solid #e1e1e1;
	vertical-align: top; padding-left: 6px; border-radius: 2px; cursor: pointer; transition: all 250ms cubic-bezier(.4,.0,.23,1); margin-right: 6px;}
input[type='checkbox']:checked + label > span{border:2px solid var(--main-color); background:var(--main-color); animation: shrink-bounce 200ms cubic-bezier(.5,.0,.23,1);}
input[type='checkbox']:checked + label > span:before{content: ""; position: absolute;top:7px; left:4px; border-right: 2px solid transparent; border-bottom: 2px solid transparent;
	transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(.5,.0,.23,1) forwards;}
table input[type='checkbox'] + label > span{position: relative; display:inline-block; justify-content: center; align-items: center;  width: 24px; height: 24px; background:#fff; border: 1px solid #e1e1e1;
	vertical-align: top; padding-left: 6px; border-radius: 2px; cursor: pointer; transition: all 250ms cubic-bezier(.4,.0,.23,1); margin-right: 0;}

/* Radio-box */
input[type='radio']{ position: absolute; left:-9999999px;}
input[type='radio'] + label{display:inline-block; align-items: center; color:#333333; line-height:40px; transition: color 315ms cubic-bezier(.4,.0,.23,1); }
input[type='radio'] + label > span{position: relative; display:inline-block; justify-content: center; align-items: center;  width: 24px; height: 24px; background:#fff; border:1px solid #d6d6d6;vertical-align: top; border-radius: 400px; cursor: pointer; transition: all 315ms cubic-bezier(.4,.0,.23,1); margin-right:10px; vertical-align: middle;}
input[type='radio']:checked + label > span{border: 1px solid #e1e1e1; background:#fff; animation: shrink-bounce 200ms cubic-bezier(.5,.0,.23,1); }
input[type='radio']:checked + label > span:before{content: ""; position: absolute; top:50%; left:50%; margin-top: -6px; margin-left: -6px; width:12px; height:12px; background:var(--main-color); border-radius: 400px; vertical-align: middle;}
.chk_txt{display: inline-block;}

/*intro Layout*/
#login_container{position:relative; height:100%; width:100%; background:#fff; }
#intro_container{position:relative; height:100%; width:100%; background:#fff; }
#intro_container_img{height:100%; width:100%; }
#intro_content{width:100%; min-height:100%; margin-top:0; margin-bottom:0;}
#intro_content #intro_content_area{width:100%; padding-top:0; padding-bottom:0; text-align:left; }
.intro_footer{position: absolute; bottom: 0; width:100%; height:90px; padding: 20px;}
.intro_footer .footer_area{width:100%; display: flex; gap: 10px; }
.intro_footer .footer_area button{width:100%; height: 50px; border-radius: 10px; border:none;}

/* Layout */
#container{position:relative; height:100%;}
#header{display: none; width:100%; height:70px; border-bottom: 1px solid #fff;}
.header_area{position: relative; display: flex; align-items: center; justify-content: center; width:100%;height:70px; font-size: 2.2rem; }
.header_area .tit{font-weight:600; }
#content{min-height:100%; margin-top:-70px; margin-bottom:-90px; }
#content #content_area{width:100%; padding-top:70px; padding-bottom:90px; text-align:left;}
#content_area{padding:0 20px;}
#footer{padding: 20px 0;}

/* Layout-no-header */
#nh_container{position:relative; height:100%;}
#nh_header{display: none; }
#nh_content{min-height:100%; margin-top:0; margin-bottom:-90px; }
#nh_content #nh_content_area{width:100%; padding-top:0; padding-bottom:90px; text-align:left;}
#nh_content_area{padding:0 20px;}
#nh_footer{padding: 20px 0; }

.btn_back{position: absolute; left:20px; top:25px; width:14px; background: none; border:none;}
.btn_back img{width:14px; height: 22px;}
.footer_btn_wrap{padding: 0 20px;}
.footer_btn_wrap button { width:100%; height:50px; border-radius:0.75rem; font-size: 1.6rem; color:#fff; background: var(--main-color); border:none; }
.footer_btn_wrap button:hover { text-decoration:underline; }

/*intro*/
.intro_wrap{height:calc(100vh - 360px); display: flex; align-items: center;}
.intro_box{}
.intro_img{width:80%; margin: 0 auto;}
.intro_img img{width:100%;} 
.intro_txt{text-align: center; font-size: 1.1rem; line-height: 1.6rem;}
.swiper { position: relative; width: 100%; height: 100vh;}
.swiper-slide {}
.swiper-pagination {position:absolute;top:14%;text-align: center;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-pagination-bullet{width:12px; height:12px;}  
.swiper-pagination-bullet-active{background: var(--main-color);}


/*공지사항*/
.notice-wrapper{padding:15px 0 0;}
.notice-item{display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; padding:15px; margin-top: -1px; text-align: left; border-top:1px solid #E7EAF0; border-bottom:1px solid #E7EAF0;}
.text-wrapper{ font-size: 1.65rem; line-height: 2.3rem; font-weight:normal;}
.text-wrapper .cate_label{display: inline-block;  min-width:44px; margin-right:8px; text-align: center; border-radius: 20px; font-size: 1.2rem; line-height:2.4rem; color:#fff; background: var(--main-color);}
.notice-title{font-size: 1.65rem; line-height:1.5; font-weight: 700; display: flex; align-items: center;}

.text-wrapper p:nth-child(2){margin-top:4px; font-size: 1.4rem;}
.arrow-icon{width:30px;}
.arrow-icon img{width:100%;}
.notice-pagination-wrapper {display: flex; justify-content: center;align-items: center;gap: 16px; padding: 0; margin-top: 30px;}
.notice-pagination-wrapper .notice-pagination {display: flex; gap: 8px; cursor: pointer;}
.notice-pagination-wrapper .notice-pagination li {display: flex;align-items: center;justify-content: center;min-width: 36px; height: 36px;font-size: 1.2rem; line-height: 100%;cursor: pointer;}
.notice-pagination-wrapper .notice-pagination li.active {background-color: #1a1a1a;color: #fff;border-radius: 50%;}
.notice-pagination-wrapper button { cursor: pointer;width: 24px; display: flex;align-items: center;justify-content: center;background: #fff;border:none;}
.notice-pagination-wrapper button i { font-size:20px!important;}
.notice-view-wrapper{padding:20px 0 0;}
.notice-view-footer{padding:30px 20px 0; display: flex; justify-content: space-between;}
.notice-view-footer button{background:#fff; color:#707070; padding:10px; border-radius: 6px; border:1px solid #707070; font-size: 1.4rem;}
.notice-view-title-box{width: 100%; padding:15px; margin-top: -1px; text-align: left; border-top:1px solid #fff; border-bottom:1px solid #E7EAF0;}
.notice-view-title{font-size: 1.65rem; line-height:1.5; font-weight: 700;}
.notice-view-cate{margin:0 0 4px 0; font-size: 1.3rem;}
.notice-view-date{margin:4px 0 0 0; font-size: 1.4rem;}
.notice-view-body{padding:15px; font-size: 1.4rem; line-height: 1.6;}
.arrow-icon{display: none;}
.not{background: var(--main-color);}

/*btn*/
.btn_grn{color:#fff; font-size: 1.1rem; background: var(--main-color);}
.btn_grn:hover{color:#fff; font-size: 1.1rem;background: var(--main-hover-color);}
.btn_light_grn{color:var(--main-color); font-size: 1.1rem; background: var(--main-light-color);}

/*banner*/
.banner_wrap {
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: white;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
  z-index: 999;
  background: linear-gradient(to right, #fff, #E4EEFC);
}

.banner_bg {
  width:100%;
  min-height: 132px;
  background: url(../images/ad_banner02.png) no-repeat right center;
  background-size: contain;
}
.banner_text {
  padding: 16px;
  flex: 1;
  margin-right: 12px;
}
.banner_text p {
  margin: 16px 0 0 0;
  font-size: 13px;
  color: #333;
}

.banner_text strong {
  display: block;
  font-size: 18px;
  margin: 4px 0;
}

.banner_text a {
  display: inline-block;
  margin-top:10px;
  padding: 6px 12px;
  font-size: 12px;
  color: #007BFF;
  border: 1px solid #007BFF;
  border-radius:20px;
  text-decoration: none;
}

.banner_img {
  width: 80px;
  height: auto;
}

/*login*/
.login_content_area{display: flex; height: 100vh; width:100%;}
.login_box{display: flex; align-items: center; justify-content: center; width:100%;}
.login_user_box{width:100%; padding: 0 30px;}
.com_info{margin-top:120px; font-size: 1.5rem;}
.com_info .logo{width:140px;}
.com_info .logo img{width:100%;}

/*error*/
.error_icon{width:100px; height: 100px; margin: 0 auto 30px;}
.error_icon img{width:100%;}
.error_tit{font-size:1.3rem; font-weight:700; text-align: center; padding: 0 0 30px;}
.error_txt_box{padding:20px; font-size: 1rem; line-height:1.6rem; border-radius: 1.4rem; text-align: center; margin-bottom:20px; background: var(--main-light-color);}
.error_txt_box span{display: block; margin-bottom: 10px;}
.back_btn{width:100%;  font-weight:600; font-size: 1rem; height:60px; line-height:60px; color:#fff; border:none; border-radius: 0.5rem; text-align: center; background:var(--main-color)}

/*run*/
.run_icon{width:100px; height: 100px; margin: 0 auto 30px;}
.run_icon img{width:100%;}
.run_tit{font-size:1.7rem; font-weight:700; text-align: center; padding: 0 0 30px;}
.run_txt_box{font-size: 1.1rem; line-height:1.6rem; border-radius: 1.4rem; text-align: center; margin-bottom: 30px; }
.run_btn{width:100%;  font-weight:600; font-size: 1.1rem; height:60px; line-height:60px; color:#fff; border:none; border-radius: 0.5rem; text-align: center; background:var(--main-color)}
.run_terms_box{display: flex; justify-content:space-between; margin: 30px 0 0 0; padding: 0 10px;} 
.run_terms_box a{font-size: 1.1rem; color: #1a1a1a;}


/*250724*/

/* 셀렉트 박스 */
.listbox_wrap { position:relative; }
.btn_listbox { width:100%; padding:0.6rem 1rem; border:1px solid var(--gray300); border-radius:3px; background:var(--gray200); font-size:var(--font_m); cursor:pointer; text-align:left; box-sizing:border-box; position:relative; }
.btn_listbox:hover, .btn_listbox:focus { border-color:var(--main_color); }
.btn_listbox .icon_listbox { position:absolute; right:0.7rem; top:50%; transform:translateY(-50%); width:16px; height:16px; }
.btn_listbox .icon_listbox span { display:block; width:16px; height:16px; background:url(../images/icon_arrow_dwn.svg) no-repeat center; }
.btn_listbox[aria-expanded="true"] .icon_listbox span { transform:translateY(-50%) rotate(180deg); }
.listbox_wrap .listbox { position:absolute; top:103%; width:100%; background:var(--white); box-shadow:0 4px 12px -4px rgba(0,0,0,0.3); z-index:1; }
.listbox_item { padding:0.6rem 1rem; box-sizing:border-box; }
.listbox_item:hover, .listbox_item:focus { background:var(--gray200); }

/* 로그인 */
.intro_ich_tb .tit { display:flex; justify-content:space-between; font-size:1.6rem; margin:10px 0; }
.login_guide_txt a { font-size:1.6rem; color:#000; border-bottom:1px solid #000; }
.login_content_area { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background:#fff; }
.login_content_area .login_user_box { padding:0 30px; }
.login_logo_tit .tit_logo { width:150px; }

/*tab*/
.faq-tabs { margin-top: 15px;}
.faq-tab-buttons { display: flex;  gap: 8px; overflow-x: auto;padding-bottom: 4px; margin-bottom:10px;}
.faq-tab-btn {flex: 0 0 auto; white-space: nowrap; padding: 8px 14px;margin-bottom: 6px; cursor: pointer;background: #F4F6F8;color:#76787E; border: none;border-bottom: 2px solid transparent;font-size: 1.4rem;border-radius: 30px;}
.faq-tab-btn.active {font-weight: bold;color:var(--main-color); }
.faq-tab-content {display: none;}
.faq-tab-content.active {display: block;}

/*faq*/
.ac_area{padding:0;}
.accordion {width: 100%;}
.accordion-item {padding: 0; text-align: left; margin-bottom:-1px; background: #fff; border-radius:0.75rem; }
.accordion-header {display: flex; align-items: center; justify-content: space-between; width: 100%; padding:10px 0; 
    border-top: 1px solid #E7EAF0;
    border-bottom: 1px solid #E7EAF0;
    text-align: left; font-size: 1.4rem; line-height:1.4;}
.accordion-header .num{display: inline-block; width:30px; height:30px; margin:0 6px 0 -40px; color:#fff; line-height: 33px; text-align: center; font-size: 14px; border-radius:10px; background: #0a0a0a;}
.accordion-header .arrow {flex-shrink: 0; width:18px; height:18px; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.2s ease-in-out;} 
.accordion-header .arrow img{width:100%;  -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.2s ease-in-out; } 
.accordion-header .arrow.rotated img{ font-size: 22px; color: var(--main-color); -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.2s ease-in-out; } 
.aco_tit{padding-left:30px ; padding-right:20px; background: url(../images/icon_q.png) no-repeat left top; background-size:20px;}
.aco_con{padding-left:30px ; padding-right:20px; background: url(../images/icon_a.png) no-repeat left top; background-size:20px;}
.accordion-content {display: none; padding:15px 14px 15px; margin-top:-1px;  text-align: left; border-bottom-left-radius:0.75rem;  border-bottom-right-radius: 0.75rem;  background: #f8f8f8; font-size: 1.4rem; line-height: 1.4;}
.accordion-item .active { display: block; }




  
/* Select Box*/
.listbox_wrap {
    position: relative;
}
/* .listbox_wrap:hover, .listbox_wrap:focus {border: 1px solid var(--main_color);}  */
.btn_listbox {
    width: 100%;
    border: 1px solid var(--gray300);
    background:var(--gray200);
    font-size:var(--font_m);
    border-radius: 3px;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    padding:0.6rem 1rem;
    position: relative;
}
.btn_listbox .icon_listbox {
    /* border: 1px solid black; */
    position: absolute;
    right: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-size:10px;
}
.btn_listbox .icon_listbox span {    
    display: block;
    height: 16px;
    width: 16px;
    background:url(../images/icon_arrow_dwn.svg)no-repeat center center;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    /* transition: 0.3s; */
}
.btn_listbox[aria-expanded="true"] .icon_listbox span { transform: translateY(-50%) rotate(180deg);}
.btn_listbox:hover, .btn_listbox:focus {border: 1px solid var(--main_color);}
.listbox_wrap .listbox {
    position: absolute;
    top: 103%;
    width: 100%;
    background-color: var(--white);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.3);
    z-index:1;
}
.listbox_item {padding:0.6rem 1rem;box-sizing: border-box;}
.listbox_item:hover, .listbox_item:focus {background:var(--gray200);} 

/* 체크박스 레이아웃 */
.chkbox_wrap { display:flex; gap:8px; padding:0; }
.chkbox_wrap.vertical { flex-direction:column; gap: 20px; padding:15px 0; }
.chkbox_wrap.horizontal { flex-direction:row; }
.chkbox_wrap.vertical li { position:relative; display: flex; justify-content: space-between; align-items: center; font-size:1.6rem; padding:0 15px; }
.chkbox_wrap.vertical li a { display: flex;  align-items: center;}
.chkbox_wrap.vertical li a span {
  display:inline-block;
  width:16px;
  height:20px;
  background:url(../images/icon_arrow_dwn.svg) no-repeat center;
  background-size:100%;
  rotate: -90deg; /* transform 대신 이걸로 */
  flex-shrink:0;
}
.chkbox_wrap li { font-size:1.6rem; }

.duo_chk_agree_box{border:1px solid #E6E7EA; border-radius: 15px;}

/* 체크박스 아이템 */
.chkbox_item, .chkbox_item_reverse { display:flex; gap:10px; align-items:center; cursor:pointer; padding-right:1.5rem; }
.chkbox_item.chkbox_all, .chkbox_item_reverse.chkbox_all { font-size:1.6rem; font-weight:700; padding:15px; border-radius:6px; border-bottom:1px solid var(--gray600); }

/* 체크박스 아이콘 */
.chkbox_item::before, .chkbox_item_reverse::before { content:""; display:block; flex-shrink:0; box-sizing:border-box; }

/* 일반 체크박스 */
.chkbox_item::before { width:30px; height:30px; border-radius:50%;  background:url(../images/icon_chk_nor_blk.svg) no-repeat center/100%; }
.chkbox_item[aria-checked="true"]::before { background:url(../images/icon_chk_chk_blk.svg) no-repeat center/100%; }

/* 역방향 체크박스 */
.chkbox_item_reverse { flex-direction:row-reverse; justify-content:space-between; margin-bottom:0.725rem; }
.chkbox_item_reverse::before { width:18px; height:18px; border-radius:9px; background:var(--white) url(../images/check_gry.svg) no-repeat center; }
.chkbox_item_reverse[aria-checked="true"]::before { background:var(--main_color) url(../images/check_wht.svg) no-repeat center; }

/* 텍스트 & 박스 */
.chkbox_item_all_txt { padding: 0 0 10px 40px; }
.chkbox_item_txt { display:block; color:#878B92; padding:0 40px;  font-size: 1.3rem;}
.chkbox_all_box { padding:15px; border-radius:10px; }
.chkbox_all_box_nb { padding:0;  border-bottom:1px solid #E6E7EA;}
.chkbox_all_box_nb_kakao { padding:0;  border-top:1px solid #E7EAF0; border-bottom:1px solid #E7EAF0;}

/*약관동의*/
.logo_box{padding:20px 0 15px; display: flex; align-items: center; gap:16px;}
.logo_box .logo_img{width:50px; height:50px; display: flex; align-items: center;justify-content: center;  border-radius: 10px; border:1px solid var(--bdgray)}
.logo_box .logo_img img{width:30px}
.logo_box .info .name{font-size: 1.9rem; line-height: 1.5; font-weight: 700;}
.logo_box .info .com{font-size: 1.3rem;}

.agree_txt_box{padding: 20px 0; text-align: center; font-size: 1.8rem;}
.user_info_box{}
.user_info{padding:10px 0 10px 30px; background: url(../images/icon_user.png) no-repeat center left; background-size: 18px;}
.user_info_txt{}
.chkbox_item.chkbox_all02{ font-size:1.6rem; font-weight:700; padding:10px 0 4px; }


.imp_box{ flex-shrink: 0; padding:0 6px; border-radius: 4px; background:#fff; color:#1B1E28; border:1px solid #DDE0E5;}
.imp_box_sel{ flex-shrink: 0; padding: 0 6px; border-radius: 4px; color:var(--main-color); background:#fff; color:#1B1E28; border:1px solid #DDE0E5;}
.imp_txt{text-align: center; margin-top: 50px; color:#FF6A65; font-size: 1.5rem;}
.btn_agree_wrap button{width:100%; height: 50px; border-radius: 0.75rem; font-size: 1.6rem; background: var(--main-color); border:none;}
.btn_agree_wrap button:hover{text-decoration: underline;}
.agree_list_wrap{font-size: 13px;}
.agree_api_wrap{margin:10px 0 0; padding: 10px 0 0;  border-top:1px solid var(--bdgray); border-bottom:1px solid var(--bdgray);}
.api_info_box{margin: 10px 0; border-bottom:1px solid var(--bdgray);}
.api_info_box:last-child{border:none; margin-bottom: 0;}
.api_info{margin-bottom:10px;}
.api_info .tit{font-weight: bold; padding-bottom: 5px;}

/* Modal Popup */
.modal_wrap {position:absolute;top:0;left:0;width:100%;height:100%;display:none;}
.modal_dim {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    z-index:100;
}
.modal_container {
    position: relative;
    width:90%;
    height:auto;
    background:#fff;
    border-radius:0.8rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index:101;
}


.modal_container_btm {
    position: absolute;
    width:100%;
    height:auto;
    background:#fff;
    border-radius:0.8rem 0.8rem 0 0;
    bottom: 0;
    margin: 0;
    z-index:101;
}

.modal_tit_wrap {}
.mh_bg {background-color:var(--main_color); color:var(--white); border-radius:0.8rem 0.8rem 0 0;padding-bottom:1.25rem;}
.modal_con_wrap {padding:0 1.25rem 1.25rem;max-height:80%;overflow-y:auto;}
.modal_con_wrap iframe {width:100%;height:calc(100vh - 300px);}
.modal_ft_wrap {width:100%; padding:0 1.25rem 1.25rem;}
.modal_ft_wrap .btn_wrap button{width:100%; height:40px;
    border-radius: 0.75rem;
    font-size: 1.6rem;
    color: #fff;
    background: var(--main-color);
    border: none;}
.modal_header_wrap {position: relative; width:100%; display:flex; align-items:center; height:60px;}
.modal_hd_tit_wrap {width:100%; padding: 0 15px; text-align:center;     font-size: 1.6rem;}
.modal_hd_tit_wrap .btn_back{position: absolute; left:20px; top:20px; width:14px; background: none; border:none;}
.modal_hd_rt_menu_wrap{}
.modal_hd_rt_menu_wrap .btn_close{position: absolute; top:20px; right: 15px; width:16px; height: 16px; border:none; background:url(../images/icon_close.png)no-repeat 0 center; background-size: 100%;} 
/*약관동의-이용약관 및 개인정보방침*/


.modal_header_center_wrap {display:flex;align-items:center;justify-content:center;width:100%;}
.img_inc_center {padding-top:50px;}
.iic_map {background:url(../images/icon_local.svg)no-repeat;background-size:40px;background-position:center top;}

.md_icon_info_wht {display:inline-block;width:1.25rem;height:1.25rem;background:url(../images/icon_info_wht.svg)no-repeat 0 center;margin-right:0.5rem;font-size:0;}
.modal_con_wrap dl dt {font-size:var(--font_ss);color:var(--gray700);font-weight:700;}
.modal_con_wrap dl dd {font-size:var(--font_s);margin-bottom:1rem;text-align:justify;word-break:break-all;}
.dl_horizontal {background:var(--gray200);padding:0.825rem 1rem; border-radius:3px;}
.dl_horizontal dl {
    display: grid;
    grid-template-columns: auto;
    grid-auto-rows: auto;
    gap: 0.825rem;
    grid-template-areas:
        "dt    dd";
}
.dl_horizontal dl dt {font-size:var(--font_m);color:var(--main_color);font-weight:700;}
.dl_horizontal dl dd {font-size:var(--font_m);margin-bottom:0;text-align:justify;word-break:break-all;}
.md_info_txt {font-size:var(--font_s);padding:0.5rem 0;}

/*개인정보처리방침*/
.privacy_tab_btn{display: flex; justify-content: center; gap:6px!important; margin-bottom:15px;}
.privacy_tab_btn button{padding: 5px 20px; font-size: 1.5rem; border-radius: 30px; background: #fff; border:1px solid #000;} 
.privacy_tab_btn button.active{background: #000; color:#fff;}