/*---common css---*/
@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url('/font/Pretendard-ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: 'Pretendard-Bold';
  src: url('/font/Pretendard-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('/font/Pretendard-SemiBold.otf') format('opentype');
}
@font-face {
  font-family: 'Pretendard-Medium';
  src: url('/font/Pretendard-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('/font/ Pretendard-Regular.otf') format('opentype');
}


:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;
	--color-point01: #176cff;
	--color-pnint02: #fff;

	/*font-size*/
	--font-size-14: 0.875rem;
	--font-size-15: 0.938rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
	--font-size-21: 1.313rem; 
	--font-size-22: 1.375rem; 
	--font-size-24: 1.5rem;
	--font-size-25: 1.563rem; 
	--font-size-30: 1.875rem;
	--font-size-42: 2.625rem; 
	--font-size-45: 2.813rem; 
	--font-size-65: 4.063rem;
	--font-size-67: 4.188rem; 
	--font-size-70: 4.375rem; 
	--font-size-100: 6.25rem;

	/*font-weight*/
	--font-r: font-family: 'Pretendard-Regular';
	--font-m: font-family: 'Pretendard-Medium';
	--font-sb: font-family: 'Pretendard-SemiBold';
	--font-b: font-family: 'Pretendard-Bold';
	--font-eb: font-family: 'Pretendard ExtraBold';
	--font-bl: font-family: 'Pretendard Black', sans-serif;
}

/*font size*/
.fs_14{font-size: var(--font-size-14);}
.fs_15{font-size: var(--font-size-15);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_21{font-size: var(--font-size-21);} 
.fs_22{font-size: var(--font-size-21);} 
.fs_24{font-size: var(--font-size-24);}
.fs_25{font-size: var(--font-size-25);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_42{font-size: var(--font-size-42);} 
.fs_45{font-size: var(--font-size-45);}
.fs_65{font-size: var(--font-size-65);} 
.fs_67{font-size: var(--font-size-67);} 
.fs_70{font-size: var(--font-size-70);} 
.fs_100{font-size: var(--font-size-100);}

@media screen and (max-width:780px){
.fs_100 {font-size:3.438rem;}
.fs_42 {font-size:1.313rem;}
}


/*font-color*/

.fc_point01 {color: var(--color-point01);}
.fc_fff {color: var(--color-pnint02);}
/*font weight*/
.font_r{font-family: 'Pretendard-Regular';}
.font_m{font-family: 'Pretendard-Medium';}
.font_sb{font-family: 'Pretendard-SemiBold';}
.font_b{font-family: 'Pretendard-Bold';}
.font_eb{font-family: 'Pretendard ExtraBold';}
.font_bl{font-family: 'Pretendard Black';}
.lh_auto {line-height:auto;}

/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.stamp_motion.common_motion{animation-name:stamp_ani;}
.stamp_motion.common_motion.on {transform: translateY(0);opacity: 1;}

@keyframes stamp_ani {
    0% {transform: scale(1); opacity: 0;}
    95% {transform: scale(4); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}
.j_delay_12{transition-delay: 2.4s !important;}
.j_delay_13{transition-delay: 2.6s !important;}

/*common*/
.main figure img {display:block; width:100%; margin:0 auto;}
.pos_img {position:absolute; left:0; bottom:0;} 
.common_01 {transform: translateY(50px); opacity: 0; transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on .common_01{ transform: translateY(0); opacity: 1;}

.mo_780 {display:none;}

@media screen and (max-width:780px){
.mo_780 {display:block;}
.pc_780 {display:none;}
}



/*---header---*/

#j_header {height:100px; position:fixed; left:0; top:0; width:100%; transition:0.28s; z-index:99;}
#j_header.active {background:#fff; height:80px;} 
#j_header.active .j_hd_con .j_menu_1 > a, #j_header.active .j_hd_con .j_menu_2 > a, #j_header.active .j_hd_con .j_menu_3 > a {color:#000; line-height: 80px;}
#j_header.active .hd_logo {display:none;}
#j_header.active .hd_logo_b {display:block;}

@media screen and (max-width:780px){
#j_header.active {background:#fff; height:55px;} 
}

.j_hd_con {height:100%;}
.hd_logo_b {display:none;}
.j_hd_con .j_gnb {display:flex; height:100%;}
.j_hd_con .j_gnb li + li {padding-left:60px;}
.j_hd_con .j_gnb > li {height:100%;}
.j_hd_con .j_gnb > li > a {display:block; height:100%; line-height:100px; font-size:1.125rem;  font-weight:500; transition:0.28s;}
.j_hd_con {display:flex; align-items:center; justify-content:space-between;}
.j_hd_con .menu_btn > a {display: flex !important; align-items:center;}
.j_hd_con .menu_btn_inr {border-radius: 18px; height: 36px; display: flex; padding: 9px 12px 9px 15px; background: #000; align-items: center;}
.j_hd_con .menu_btn_txt_pc {margin-right:20px;}

/*mobile_wrap*/
.mobile_wrap {position:absolute;  width:65%; height:100vh; top:0; right:0; padding:40px; background:#fff; transition: transform 0.4s; transform:translateX(100%); box-shadow: 5px 20px 24px 0px rgba(0, 0, 0, 0.11);}
.mobile_wrap.on {transform:translateX(0);}
.mo_inner {height:100%; color:#000;}
.mo_inner > .j_gnb {height:100%; display: flex; height: 100%;  flex-direction: column; justify-content: center; align-items: center; width: 100%; text-align: center;}
.mo_inner > .j_gnb > li {font-size: 19px; word-break: keep-all;}

.mo_inner .j_gnb > li a {display:block; padding:20px 0; font-weight:700; transition:0.28s;}
.mo_inner .j_gnb > li a:hover {color:#ffb5b7;}
.mo_inner .menu_btn_inr img {display: none;}
.btn_box {display:none;}
.close_btn {position:absolute; right:10px; top:10px; width: 30px; height: 30px;}
.close_btn span {background:#000; width:20px; height:2px;  display:block;  position:absolute; transform:translate(0);}
.close_btn span:nth-of-type(1) {transform: rotate(45deg);}
.close_btn span:nth-of-type(2) {transform: rotate(-45deg);}


@media screen and (max-width:1080px){

.j_hd_con .j_gnb li + li {padding-left:30px;}
}

@media screen and (max-width:780px){

#j_header {height:56px;}
.j_hd_con .j_gnb {display:none;}
.mobile_wrap {display:block; background:#fff;}
.btn_box {display:block;}
}






/*main_visual*/
.main_visual {background:url('/img/mv_bg01.jpg') no-repeat center center / cover; height:100%; max-width:1920px; margin:0 auto; width:100%; overflow:hidden; position: relative;}
.mv_txt {width: 100%; margin-top:149px; text-align:center; overflow:hidden; position: relative;}
.mv_txt h2 {line-height:70px; position: relative; z-index:2; max-width: 873px; width: 100%; margin: 0 auto;}
.mv_txt p {margin-top:15px; line-height:35px;}
.ms_scroll_box {position:absolute; bottom:55PX; left:50%; transform:translateX(-50%);}
.ms_scroll {width:30px; height:60px; border:1px solid #a4a5a5; border-radius:15px; margin:0 auto; position:relative;}
.ms_wheel {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.m_scroll_arrows {  display: block;-ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg); border-right: 2px solid #232323; border-bottom: 2px solid #232323;  width: 11px; height: 11px; }

.stamp_img {position:absolute; top: 50px; right: 0px; z-index:-1;}
.sec_01_01 {margin:0 auto; width: 100%;}
.sec_01_01 img {width: 100%;}

@media screen and (max-width:1480px){
.mv_txt h2 {line-height:60px; max-width: 795px;font-size:48px;}
.sec_01_01 {margin:0 auto; width: 100%;}
}
@media screen and (max-width:1080px){
.mv_txt h2 {line-height:55px; font-size:43px;}
}



.ms01, .ms02, .ms03
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.ms01
{
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.ms02
{
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -webkit-animation-direction: alternate;
  
  animation-delay: 0.15s;
  animation-direction: alternate;
  
}

.ms03
{
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -webkit-animation-direction: alternate;
  
  animation-delay: 0.25s;
  animation-direction: alternate;
   
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

.ms_scroll_box p {color:#222222; opacity:.4; margin-top:16px;}



@media screen and (max-width:780px){
	.main_visual {background:url('/img/mobile/mv_bg_m.jpg') no-repeat center center / cover; max-width:1920px; margin:0 auto; width:100%; height:100%;}
	.mv_txt {display:none;}
	.mv_txt p {margin-top:10px;}
	.ms_scroll_box {display:none;}
	.mv_txt {text-align:center; top:auto; bottom:28px; width:100%;transform: translateY(0);}
}



/*section*/

.main {max-width:1920px; margin:0 auto; width:100%; position:relative;}
.main_section01 {background:url('/img/sec01_bg.jpg') no-repeat center center / cover; height:100%; max-width:1920px; margin:0 auto; width:100%; overflow:hidden; position: relative;}
.main_section02 {background:url('/img/sec02_bg.jpg') no-repeat center center / cover; height:100%; max-width:1920px; margin:0 auto; width:100%; overflow:hidden; position: relative;}
.main_section03 {background:#fff;}
.main_section03 figure {margin-bottom:60px;}

@media screen and (max-width:780px){
.main_section01 {background:url('/img/mobile/sec01_bg_m.jpg') no-repeat center center / cover;}
.main_section02 {background:url('/img/mobile/sec02_bg_m.jpg') no-repeat center center / cover;}
.main_section03 figure {margin-bottom:0px;}
}

.j_form_list {width: 46.5%;}
.j_form_box {display: flex; width: 100%; align-items: center; cursor:pointer; }
.j_form_box label {position:relative; color:#000;}
.j_form_box_l label {cursor:pointer; border:1px solid #c0c0c0; border-radius:8px; width: 100%; padding: 17px 36px; transition:all .2s; color:#999999;}
.j_form_box .field_box input {border-radius:5px; border:1px solid #cbcbcb; width:100%; padding: 14.5px; color:#000;}
.j_form_box label.non_after:after {display:none;}
.j_form_box.j_textarea {max-width:766px; width:100%; margin:50px auto 0 auto;}

.j_form_box .field_box textarea {border-radius:20px; background:#4d4d4d; width:100%;  padding: 14.5px; margin-top:50px; }

.agree_box  {margin-top:28px; position:relative;}
.agree_box i {position:absolute; left: 46%; top:50%; transform:translateY(-50%);}
.agree_box label b {position:relative; padding-left:13px; cursor:pointer; color:#505050;}
/* .agree_box label b:after {content:''; position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:13px; height:13px; background:url('/img/agree_icon.png') no-repeat center center / cover;} */
.agree_box input[type=checkbox] + label {display: flex;align-items: center; width: 100%;}
.agree_box input[type=checkbox] + label span {border:1px solid #cbcbcb; display:block; width:20px; height:20px; border-radius:4px; cursor:pointer;}
.agree_box input[type=checkbox]:checked + label span {background: url('/img/agree_chk.png') no-repeat 50% 50% #ffb5b7; border-radius:4px; border:none;}
.agree_box input[type=checkbox] { position: absolute; top: 0; left: 0;  width: 0; height: 0;opacity: 0;  outline: 0; z-index: -1; overflow: hidden;}
.add_pop {color:#000;}

.form_btn_wrap {text-align:center; margin-top:23px;}
.form_btn {width:100%; height:70px; border-radius:7px; background:#ffb5b7; color:#fff; text-align:center; line-height:70px;}

.main_section05 {background:#fff; padding-bottom:140px;}

/*게시판 이너*/
.bo_pd {padding:150px 0;}
.bo_section {max-width:1400px; margin:0 auto;}


/*footer*/

footer {background:#000; max-width:1920px; margin: 0 auto; width:100%; border-top:1px solid #333333; box-sizing:border-box; padding:47px 0;}
footer .ft_box {display:flex; justify-content:space-between; align-items: flex-start;}
footer .ft_left h4 {color:#777777;}
footer .ft_left p {color:#fff; line-height:23px; margin-left:30px;}
.ft_logo {text-align:right;}
.copy_p {color:#c0c0c0; margin-top:39px;}
.copy_p_m {color:#c0c0c0; margin-top:15px; display:none;}
.ft_left {display: flex;}
.ft_right ul {width: 100%; max-width:520px; display: flex; flex-wrap: wrap; justify-content: space-between; gap:10px;}
.ft_right ul li {width: 44.2%;}
.ft_logo_m {display:none;}

@media (max-width: 1480px) {
	.ft_right ul {max-width:452px;}
}
@media (max-width: 1080px) {
	.ft_right ul {max-width:339px;}
	.ft_right ul li {width: 47%; font-size:12px;}
}

@media screen and (max-width:780px){
	footer {padding:18px 0;}
	.ft_left {display: flex; justify-content: center;}
	.ft_left figure {display: none;}
	footer .ft_left h4 {display:none;}
	.ft_right ul {max-width:100%; text-align: center; flex-direction: column; font-family: 'Pretendard-Medium';}
	.ft_right ul li	{width: 100%;}
	.ft_logo_m {display:block; padding-bottom:5px;}
	.ft_box {flex-wrap:wrap; flex-direction: column-reverse;}
	.ft_left {width:100%; margin-top:20px;}
	.ft_right{width:100%;position: relative !important;}
	.ft_logo {width:100%; text-align: center;}
	footer .ft_left p {text-align:center; margin-left:0;}
	.copy_p {display:none;}
	footer .ft_left p.copy_p_m {margin-top:13px;}
	.copy_p_m {display:block; }
}


/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{color: #fff;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #ffb5b7;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease; }
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px; color:#000;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}

@media (max-width: 780px){ 
	
	.add_pop_con p{font-size: 12px;}
}

/* 240205 sv */
.o_sv {color:#000; text-align:center; margin-bottom:50px;}
.o_sv_txt {color:#000; padding-top:50px;}
.o_top_txt {border-bottom: 2px solid #222; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom:20px;}

.o_form {margin:60px 0 130px;}
.form_inr {padding: 60px 45px; box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1); border-radius:20px; display: flex; justify-content: space-between;}
.form_tit {color:#000; margin-bottom:58px; display:flex;}
.form_nu {margin-right:10px; color: #e58780;}
.j_form_box_inr {display:flex; flex-wrap:wrap; flex-direction: column;}
.j_form_box_inr_l {gap:20px;}
.j_form_box_inr_r {gap:16px;}
.j_form_box_left {display:block; width: 60px;}
.j_form_box_right {width: 100%;}
.label_left {display: flex; align-items: center;}  
.label_check {background:url('/img/form_che_n.png') no-repeat center center / cover; height:41px; width: 41px; display: block; margin-right:20px; transition:all .2s;}
.j_form_box input[type=radio] {position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden;}
.j_form_box input[type=radio]:checked + label {background: #ffb5b7; border:1px solid #ffb5b7; color:#fff;}
.j_form_box input[type=radio]:checked + label .label_check {background:url('/img/form_che_y.png') no-repeat center center / cover;}
.j_form_box_right input {font-size:16px; font-weight:400;}
.j_form_box_right input::placeholder {color:#d2d2d2; font-size:16px; font-weight:400;}

.copy_txt {color:#c0c0c0 !important;}
.ft_right {position: absolute; right:0;}

@media (max-width: 1480px) {
	.form_tit {margin-bottom:35px;}
	.j_form_box_l label {padding: 17px 22px;}
	.agree_box i {left:250px;}

}

@media (max-width: 1080px) {
	.o_form {margin:60px 0 100px;}
	.form_txt {font-size:18px;}
	.form_tit {margin-bottom:20px;}
	.j_form_box_l label {padding: 7px 18px;}
	.label_check {width: 30px; height: 30px; margin-right:18px;}
	.label_left span {font-size:18px;}

	.j_form_box .field_box input {padding:5px 10px;}
	.agree_box {margin-top:15px;}
	.form_btn_wrap {margin-top:15px;}
	.agree_box label b {padding-left:5px;}
	.form_btn {font-size:18px; height:55px; line-height:55px;}
	.j_form_box_right input::placeholder {color:#d2d2d2; font-size:14px; font-weight:300;}
}


@media screen and (max-width:780px){
	.j_form_box {width:100%; margin-right:0;}
	.j_form_box.j_textarea {margin:15px auto 0 auto;}
	.j_form_box .field_box textarea {margin-top:10px;}
	.agree_box label b:before {width:137px; left:4px;}
	.agree_box {margin: 8px auto 0 auto;}
	.form_btn_wrap {margin-top:8px;}
	.form_btn  {width:100%; height:35px; line-height:35px; font-size:15px;border-radius: 4px;}
	.agree_box input[type=checkbox] + label span {display:block; width:15px; height:15px; border-radius:4px;cursor:pointer;}
	.agree_box label b {padding-left:6px;}
	.agree_box i  {right:45px;}
	.form_right .form_tit {display:none;}
	.j_form_box_left {font-size:15px;}
	.j_form_box_right input {font-size:12px;}

	.form_inr {padding: 24px 20px; display: flex; justify-content: space-between; flex-direction: column; gap: 40px; border-radius: 10px; box-shadow: 0 0 9px 5px rgba(0, 0, 0, 0.1);}
	.j_form_list {width: 100%;}
	.form_tit {margin-bottom:10px;}
	.form_nu {margin-right: 8px; font-size: 12px;}
	.form_txt {font-size:15px; font-weight:500;}
	.j_form_box_inr_l {gap:9px;}
	.j_form_box {width: 100%; margin-right:0;}
	.j_form_box_inr_r {gap:6px;}
	.agree_box i {left:205px;}
	.o_form {margin:0px 0 40px;}
	.j_form_box_right input::placeholder {font-size:12px;}

	.stamp_img {width: 21% !important; top: 29%; right: 1%;}
	.label_check {width: 22px; height: 22px; margin-right: 8px}
	.label_left span {font-size:14px;}
	.j_form_box_l label {padding: 5px 14px; border-radius: 4px;}
	.j_form_box .field_box input {border-radius: 3px;}
}

.mo, .br_1080on,.br_1080y {display: none;}
@media (max-width: 1080px){
	.br_1080on {display: block;}
	.br_1080n {display: none;}
	.br_1080y {display: block;}
}
@media (max-width: 780px){
	.br_1080on {display: none;}
	.mo {display:block;}
}  
 
    
.fade_ani {
  animation: fade_ani 2s ease-in-out infinite; /* 애니메이션 이름, 지속시간, 타이밍 함수 설정 */
}

@keyframes fade_ani {
  0% {opacity: 0.6;}
  60% {opacity: 0.8;}
  80% {opacity: 1;}
  100% {opacity: 0.6;}
}