@charset "utf-8";

/* common */
body { word-break: keep-all; }
html.scroll_none {overflow: hidden !important}
.in { width:1440px; max-width:100%; padding:0 20px; margin:0 auto; position:relative; }
.in2 { width:1440px; max-width:100%; padding:0 20px; margin:0 auto; position:relative; }

.hidden { display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden; border: none; }
.clearfix::after{content: ''; display: block; clear: both;}

.pc-only { display:block; }
.mo-only { display:none !important; }
.phone-only { display:none; }
.phone-over { display:block; }
.tab-only { display:none; }

.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }
.swiper-pagination.disabled, .swiper-button-prev.disabled, .swiper-button-next.disabled, .swiper-button-pause.disabled { display: none; }
.swiper-button-next, .swiper-button-prev { outline:none; }

.nice-select .list{min-width: 100%; margin-top: 2px !important}
.nice-select .list .option{height: 3em; line-height: 3em; margin-top: 0 !important}

.nice-select .list::-webkit-scrollbar {width: 4px;  /* 스크롤바의 너비 */}
.nice-select .list::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */background: #1a1c1e; /* 스크롤바의 색상 */border-radius: 5px;}
.nice-select .list::-webkit-scrollbar-track {background: rgba(0,0,0,0.2)  /*스크롤바 뒷 배경 색상*/}

.eng_txt { font-family: 'Poppins' !important; }


@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* root */
:root{
    --black: #1a1e1c;
    --green: #0E2E56;
    --hoverpink: #ec268f;
    --beige: #cfae94;
    --navy: #0E2E56;
    --grey: #9b9b9b;
    --blue: #0E2E56;
    --awesome: 'font awesome 6 Pro';
    /* --sub_page_tit : 55px; */
	--sub_page_tit : 52px;
    --sub_page_txt : 24px;
    --sub_sect_tit : 40px;
    --sub_sect_txt : 20px;
    /* --sub_cont_tit : 36px; */
	--sub_cont_tit : 31px;
    /* --sub_cont_txt : 20px; */
	--sub_cont_txt : 17px;
    /* --sub_cont_weight : 700; */
	--sub_cont_weight : 600;
    --sub_padding : 192px;

    --sub-step_tit :22px;
    --sub-step_weight : 700;


    --sub_cont2_tit : 28px;
    --sub_cont2_txt : 17px;
    --sub_cont2_weight : 700;

}

.header .sns_icon { width: 23px; height: 23px; margin-right: 20px; }
.header .sns_icon img { width: 100%; height: 100%; object-fit: contain; }
.header .ham_sns_btn { display: flex; align-items: center; justify-content: center; width: 90%; margin: 20px auto 0; padding: 0.95em 0; color: #fff; font-size: min(5vw, 24px); font-weight: 600; background-color:#1daadb; border-radius: 5px; text-align: center}
.header .ham_sns_btn img { width: 25px; margin-right: 15px; }


.search_form_wrap { opacity: 0; pointer-events: none; position: absolute; left: 0; top:100px; height:100vh; background: rgba(0,0,0,0.4); z-index: 99; width: 100%; transition: 0.3s ease-in-out;}
.search_form_wrap .input_box {width:340px;height:60px;position: relative;}
.search_box input { width: 100%; height: 100%; line-height: 60px; font-size: 14px; padding: 0 70px 0 33px; background: #F5F5F6; border-radius: 27.5px; border: none; outline: none;}
.search_box button {font-size:0; position: absolute; top:0; right:0; height:100%; padding:0 30px;}
.search_box button i { font-size: 20px; color: #000}
.search_form_wrap.show {opacity: 1; pointer-events: inherit;}
.search_form_wrap {height:300px; background: #141426;; display: flex; align-items: center; justify-content: center; flex-direction: column}
.search_form_wrap .search_box { background: #141426; display: flex; align-items: center}
.search_form_wrap .search_box > .search_area_close {color:#FFFFFF; margin-left:15px; font-size:23px; cursor: pointer; position: relative; z-index: 9;}
.search_form_wrap .search_box > .search_area_close i {color: #FFFFFF;}
.search_form_wrap .search_box .input_box {width:460px;}
.search_form_wrap .tag {margin-top: 15px; font-size: 16px; color: #ff56b9;display: flex; flex-wrap: wrap; justify-content: center; width: 460px; gap: 20px; margin-bottom: 0px;}
.search_form_wrap .tag a{ margin-bottom: 0px; display: inline-block}



 @media (max-width: 1200px){
    .tab-over { display: none; }
    .tab-only { display:block; }
}


@media (max-width: 768px){

    .pc-only { display: none; }
    .mo-only { display: block !important}
    .mo-only.flex { display: flex !important; }
    .mo-over { display: none !important}

}