/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:"";}
.hd_pops_footer button {padding:10px;border:0;color:#fff;}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left;}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0;}
 .hd_pops .hd_pops_con{overflow: auto;}


/* 상단 레이아웃 */
#hd { } 
#hd.hd_white { } 
#hd .hd_group { justify-content: space-between; height: 100px; } 
#hd #hd_wrapper { position: fixed; top: 0; left: 0; width: 100%; color: #000000; z-index: 1000; } 
#hd.hd_white #hd_wrapper { color: #fff; } 
#hd.hd_white #hd_wrapper::after { display: none; } 
#hd #hd_wrapper::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #ffffff; z-index: -1; transition: 0.5s; } 
#hd.content-hd #hd_wrapper::after{background: #ffffff;}
#hd.bg_plus #hd_wrapper::after { height: calc(100% + 40px); } 
#hd #logo path { transition: 0.5s; } 
#hd.hd_white #logo path { fill: #fff; } 
#hd.gnd_hide #gnb { display: none; } 
#hd .gnb_1dli { position: relative; } 
#hd .gnb_2dul { position: absolute; top:100px; left: 50%; transform: translateX(-50%); width: max-content; text-align: center; visibility: hidden; opacity: 0; transition: 0.5s; } 
#hd .gnb_1dli_on .gnb_2dul { visibility: visible; opacity: 1; } 
#hd .gnb_1dli_eff:not(.gnb_1dli_on) > a { opacity: 0.5; } 
#hd .gnb_2dul .gnb_2dul_box { } 
#hd .gnb_2da { padding: 10px 20px; transition: 0.5s; font-weight: bold; } 
#hd .gnb_2da_eff:not(.gnb_2da_on) { opacity: 0.5; } 
#hd .gnb_1da { font-size: clamp(20px, calc( 26 / var(--inner) * 100vw ), 20px); font-weight: bold; height: 100%; transition: 0.5s; } 
#hd #gnb_1dul { gap: clamp(40px, calc( 100 / var(--inner) * 100vw ), 50px); height: 100%; } 
#hd .a-btn-box { gap: 15px; color: #fff; } 
#hd .language-box ul { position: absolute;top: 100%;left: 0;background: #333333;width: 100%;border-radius:15px;display: none;} 
#hd .btn-all-menu { width: 25px; height: 25px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 5px; transition: 0.5s; } 
#hd .btn-all-menu i { display: block; width: 5px; height: 5px; border-radius: 1px; background: #333; box-shadow: 0 0 1px #000; transition: 0.5s; } 
#hd .btn-all-menu.on { transform: rotate(45deg) translate(0px,-10px); margin-left: -10px;margin-right: 10px;} 
#hd .btn-all-menu.on i { opacity: 0; } 
#hd .btn-all-menu.on i:nth-child(1) { opacity: 1; width: 40px; height: 5px; grid-column: 1 / span 3; grid-row: 2; border-radius: 2px; box-shadow: none; } 
#hd .btn-all-menu.on i:nth-child(7) { opacity: 1; width: 40px; height: 5px; grid-column: 1 / span 3; grid-row: 2; border-radius: 2px; transform: rotate(-90deg); box-shadow: none; } 
#hd.hd_white .btn-all-menu i { background: #ffffff; } 
#hd .a-btn-box > a ,#hd .language-box { padding: 10px 15px; border-radius: 30px; font-size: 18px; transition: 0.5s; } 
/* #hd .language-box{position: relative;z-index: 1;}
#hd .language-box::after{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 50%;display: block;background: #333333;z-index: -1;opacity: 0;}
#hd .language-box.lang_on::after{opacity: 1;} */
#hd.hd_white .a-btn-box > a ,#hd.hd_white .language-box { background: #ffffff2d; } 
#hd .a-btn-box > a { background: var(--point); } 
#hd .language-box { position: relative;background: #333333; } 
#hd .language-box span { gap: 15px; } 
#hd .language-box ul li{padding: 5px 10px;}
/* #hd .language-box ul li:first-child { padding-top: 10px; }  */
#hd #gnb { height: 100%; } 
#gnb_all { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000085; color: #fff; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); padding: 100px 100px 100px 200px; z-index: 100; display: none; } 
#gnb_all .gnb_all_wrap { height: 100%; } 
#gnb_all .gnb_all_wrap .gnb_al_li.flex-mid { gap: 50px; } 
#gnb_all .gnb_al_ul { gap: 50px; } 
#gnb_all .gnb_al_a { font-size: clamp(24px, calc( 37 / var(--inner) * 100vw ), 37px); font-weight: bold; } 
#gnb_all .gnb_al_a svg{display: none;}
#gnb_all .gnb_al_ul ul { gap: 50px; font-size: clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); } 
#gnb_all .gnb_al_ul ul a { position: relative; } 
#gnb_all .gnb_al_ul ul a::before { content: ''; position: absolute; bottom: -5px; left: 0; width: 0%; display: block; height: 1px; background: #fff; transition: 0.5s; } 
#gnb_all .gnb_al_ul ul a:hover::before { width: 100%; } 
#gnb_all .link-go{display: flex;justify-content: center;align-items: center;height: 80px;border: 1px solid #ccc;color: #666666;border-radius: 8px;margin-top: 40px;font-size: 24px;display: none;}
#gnb_all .link-go.link-contact{margin-top: 20px;background: #850008;color: #fff;border: 0;}













#ft { background: #222222; color: #fff; padding: 40px 0; font-size: 17px; } 
#ft .mo-logo{display: none;}
#ft .ft-info-list { gap: 40px; } 
#ft .ft-top { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #444444; } 
#ft address,#ft .copy { color: #999999; } 
#ft .copy b { color: #fff; } 
#ft .ft-bottom { margin-top: 30px; } 
#ft .ft-a-box { gap: 10px; opacity: 0.6; } 
#ft .ft-a-box a,#ft .ft-a-box button { background: #ffffff1f; } 
#ft .ft-a-box .down-guide { width: 160px; height: 50px; } 
#ft .ft-a-box .link-insta { width: 50px; height: 50px; } 
#ft .ft-a-box .btn-top { width: 90px; height: 50px; gap: 10px; } 
#ft .ft-a-box .btn-top::after { content: ''; width: 11px; height: 8px; background: url(../img/common/ico-arr-top-01.svg); } 


.termsPopupBg { display: none; width: 100%; height: 100%; background: #00000085; position: fixed; top: 0; left: 0; z-index: 1000; backdrop-filter: blur(15px); } 
.termsPopupBg h2 { position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: center; padding: 30px 0 20px; } 
.termsPopup.on { height: inherit; max-height: calc(100% - 150px); opacity: 1; z-index: 30; } 
.termsPopup { width: 80%; height: 0; padding: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: top 0.3s ease, opacity 0.3s ease; color: #fff; z-index: 10; } 
.termsPopupBg .close { position: relative; width: 18px; height: 18px; border: none; text-indent: -9999px; position: absolute; top: 30px; right: 30px; z-index: 100; } 
.termsPopupBg .close::after,.termsPopupBg .close::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #fff; transform: translateY(-50%) rotate(45deg); } 
.termsPopupBg .close::before { transform: translateY(-50%) rotate(-45deg); } 
.termsPopup > .terms-wrap >.terms-box { height: 35vh; overflow-y: auto; margin-top: 20px; } 
.termsPopup > .terms-wrap >.terms-box::-webkit-scrollbar { width: 10px; border-radius: 10px; } 
.termsPopup > .terms-wrap >.terms-box::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); /*스크롤바 뒷 배경 색상*/ } 
.termsPopup > .terms-wrap >.terms-box::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.473); /* 스크롤바 색상 */
 border-radius: 10px; } 
.termsPopup .terms-wrap .terms-tit { font-size: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); font-weight: 700; text-align: center; } 
.termsPopup .terms-wrap .terms-cont { margin-top: 30px; } 
.termsPopup .terms-wrap .terms-cont h6 { font-weight: bold; margin-bottom: 10px; } 
.termsPopup .terms-wrap .terms-cont.terms-cont-01 h6 { margin: 0; } 
.termsPopup .terms-wrap .terms-cont .flexRight { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: 50px; } 
.termsPopup .terms-wrap .terms-cont .flexRight span a { text-decoration: underline; color: blue; } 
.termsInfoPopup .terms-cont-01 { background: #00000059; text-align: center; padding: 30px 10px; border-radius: 50px; } 




@media (max-width: 1600px){
 .inner,.w_inner  { max-width: none; padding: 0 40px; } 
 .termsPopup { width: 100%; } 
 }
@media (max-width: 1500px){
 #gnb { display: none; } 
 }
@media (max-width: 1024px){
 #gnb_all { padding: 100px 40px; } 
 }
@media (max-width: 800px) { } 
@media (max-width: 768px){
    #hd .a-btn-box > a{display: none;}
 #gnb_all { background: #fff; color: #333; } 
 #gnb_all .gnb_all_box{width: 100%;}
 #gnb_all .gnb_all_wrap{align-items: start;overflow: auto;}
 #gnb_all .gnb_all_wrap .gnb_al_li,#gnb_all .gnb_al_ul ul{display: flex;flex-direction: column;align-items: start;gap: 0px !important;}
 #gnb_all .gnb_al_ul{gap: 0;width: 100%;}
 #gnb_all .gnb_al_a{display: flex;justify-content: space-between;align-items: center;padding: 30px 0;border-bottom: 1px solid #CCCCCC;width: 100%;}
 #gnb_all .on .gnb_al_a{border-bottom: 0;color: #850008;}
 #gnb_all a:hover{color: #850008;}
 #gnb_all .gnb_al_li_plus .gnb_al_a svg{display: block;}
 #gnb_all .gnb_al_li_plus.on .gnb_al_a svg{transform: rotate(180deg);}
 #gnb_all .gnb_al_ul ul{display: none;background: #F5F5F5;width: 100%;padding:10px 40px;border-radius: 30px;}
 #gnb_all .gnb_al_ul ul a{display: flex; align-items: center;gap: 10px; padding: 25px 0;}
 #gnb_all .gnb_al_ul ul a::before{content: '';position: relative;top: 0;left: 0; width: 8px !important;height: 8px;border-radius: 50%;background: #850008;}
 #gnb_all .link-go{display: flex;}
 #ft .ft-top{flex-direction: column;gap: 40px;align-items: center;}
 #ft .ft-bottom{flex-direction: column;gap: 20px;align-items: center;}
 #ft address, #ft .copy{text-align: center;}
 .termsPopup { padding: 25px; } 
 #ft .pc-logo{display: none ;}
 #ft .mo-logo{display:block;}
 }
@media (max-width: 600px){
 .inner,.w_inner  { padding: 0 20px; } 
 #gnb_all{padding: 100px 20px 20px;}
 #ft address a{display: block;}
 #ft .ft-info-list{gap: 20px;flex-wrap: wrap;justify-content: center;}

 #ft .ft-a-box .btn-top{width: 65px;}
 .hd_pops{width: 93vw !important;top: 10px !important; left: 10px !important;}
 .hd_pops img{width: 100%;object-fit: contain;}
 .hd_pops .hd_pops_con{width: 100% !important;}
 .hd_pops_footer .hd_pops_reject,.hd_pops_footer .hd_pops_close{font-size: 14px;}
 }
@media (max-width: 500px) { 
   #gnb_all .gnb_al_a,#gnb_all .gnb_al_ul ul a{padding: 15px 0;}
   #gnb_all .link-go{height: 60px;}
   .termsInfoPopup .terms-wrap > .terms-cont h6{height: 150px;overflow: auto;}
   #ft {font-size: 15px;}
   
} 
 @media (max-width: 400px) { 
    #logo svg{width: 160px;}
    #hd .a-btn-box{gap: 10px;}
     #ft .ft-a-box .down-guide{width: 130px;}
 }