@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body{ background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; font-size:1.9rem; font-weight:400; color:#000; letter-spacing:-0.03em;}
body,input,select,textarea,button,pre {border:none;  font-family: "Pretendard","Noto Sans KR",sans-serif;  font-weight: 400; color:inherit; line-height:1.2;}
body * { box-sizing: border-box; }
body *::before {box-sizing: border-box;}
body.fixed{overflow-y: hidden;}
ul,ol,li{list-style:none;}
table{ border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em { font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,legend{overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
h1, h2, h3, h4, h5, h6 {font-family: "Pretendard", sans-serif;}
a{text-decoration:none;}
a {color:inherit;}
button { cursor: pointer; color:inherit; font-weight:300; background-color: transparent;} /* outline: none; */
caption {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
pre{font-size: 16px; letter-spacing: -.8px;}
/* Form */
textarea { border:1px solid rgba(0, 0, 0, 0.25);}
select { padding-left: 12px; height:48px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea,.inp {font-family: "Pretendard", sans-serif; font-size:15px; color:#333333; border:1px solid #d1d1d1; background-color:#fff; transition: all 0.4s; box-sizing: border-box; vertical-align:middle; }
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=text] {padding:0; padding-left:20px; height: 33px;}
input::-webkit-input-placeholder{color:rgba(36, 46, 71, 0.4); font-size:16px; line-height:100%;}
textarea {padding:12px; resize: none;}
textarea::placeholder {color:rgba(36, 46, 71, 0.4);}

input[type=file] {border:0;}


select:focus,input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
	outline: none;
	box-shadow:0 0 5px #f8b2b8;
	border:1px solid #E70013 !important;
}



button, select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {		
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
}
select::-ms-expand {display: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

select, input[type="text"],input[type="password"],input[type="number"] {width:100%; height:40px; padding-left:15px; font-size:15px; border:1px solid #ddd;}
select {background:url('../images/common/icon_sel_arr.svg') #fff no-repeat right 10px center !important; background-size:13px auto !important;}

input::-webkit-input-placeholder {color:#888888; font-size:15px;}
input:-moz-placeholder {color:#888888; opacity: 1; font-size:15px;}
input::-moz-placeholder {color:#888888; opacity: 1; font-size:15px;}
input::-ms-input-placeholder {color:#888888; font-size:15px;}
input:-ms-input-placeholder {color:#888888; font-size:15px;}
input::input-placeholder {color:#888888; font-size:15px;}


body.scroll_none {overflow: hidden; padding-right: 0; touch-action: none; height: 100%; overscroll-behavior: contain;}
html {font-size:10px;}
.m_block {display:none;}
.pc_block {display:block;}
@media screen and (max-width:1650px){
	.t_none {display:none;}
}
@media screen and (max-width:1400px){
	html {font-size:calc(1000vw/1400);}		
}
@media screen and (max-width:1024px){
	html {font-size:8.5px;}	
	.m_none {display:none;}
	.m_block {display:block;}
	
	.m_block {display:block;}
	.pc_block {display:none;}
}
@media screen and (max-width:750px){
	.s_none {display:none;}
}
@media screen and (max-width:530px){
	html {font-size:calc(1000vw/530);}	
}

.inp_chk {display:inline-block; position:relative;}
.inp_chk input {position: absolute; top:-1px; left:0; opacity: 0;}
.inp_chk .txt {display:flex; align-items:center; gap:12px; cursor: pointer; font-size:16px; font-weight:400; line-height:1.6;}
.inp_chk .txt::before {width:20px; height:20px; background:url('../images/common/icon_chk.svg?v=1') no-repeat center/contain; content:'';}
.inp_chk .txt strong {font-weight:500; font-size:18px;}
.inp_chk input:checked + .txt::before {background-image:url('../images/common/icon_chk_on.svg?v=1');}
.inp_chk a {position:relative; font-size:14px; border-bottom:1px solid #222;}

.chk_wrap {display:flex; flex-wrap:wrap; gap:2rem;}

.underline {text-decoration:underline;}

#main {margin:250px 0 0; word-break:keep-all;}
#main.overflow_hidden {overflow:hidden;}
img {max-width:100%;}

.fw_300 {font-weight:300 !important}
.fw_400 {font-weight:400 !important}
.fw_500 {font-weight:500 !important}
.fw_600 {font-weight:600 !important}
.fw_700 {font-weight:700 !important}
.fc_red {color:#B51D29;}
.t_center {text-align:center;}
.t_right {text-align:right;}


.fs_15 {font-size:1.5rem; line-height:1.5;}
.fs_16 {font-size:1.6rem; line-height:1.5;}
.fs_17 {font-size:1.7rem; line-height:1.5;}
.fs_18 {font-size:1.8rem; line-height:1.5;}
.fs_19 {font-size:1.9rem; line-height:1.5;}
.fs_20 {font-size:2rem; line-height:1.5;}
.fs_21 {font-size:2.1rem; line-height:1.5;}
.fs_22 {font-size:2.2rem; line-height:1.4;}
.fs_24 {font-size:2.4rem !important; line-height:1.4;}
.fs_25 {font-size:2.5rem; line-height:1.4;}
.fs_26 {font-size:2.6rem; line-height:1.4;}
.fs_28 {font-size:2.8rem !important; line-height:1.4;}
.fs_29 {font-size:2.9rem; line-height:1.4;}
.fs_30 {font-size:3rem; line-height:1.4;}
.fs_32 {font-size:3.2rem; line-height:1.4;}
.fs_33 {font-size:3.3rem; line-height:1.4;}
.fs_35 {font-size:3.5rem; line-height:1.3;}
.fs_38 {font-size:3.8rem; line-height:1.3;}
.fs_42 {font-size:4.2rem; line-height:1.3;}
.fs_45 {font-size:4.5rem; line-height:1.222;}
.fs_48 {font-size:4.8rem; line-height:1.222;}
.fs_50 {font-size:5rem; line-height:1.222;}
.fs_52 {font-size:5.2rem; line-height:1.222;}
.fs_53 {font-size:5.3rem; line-height:1.222;}
.fs_55 {font-size:5.5rem; line-height:1.222;}
.fs_60 {font-size:6rem; line-height:1.222;}
.fs_64 {font-size:6.4rem; line-height:1.222;}
.fs_65 {font-size:6.5rem; line-height:1.222;}
.fs_75 {font-size:7.5rem; line-height:1.15;}
.fs_78 {font-size:7.8rem; line-height:1.1;}
.fs_85 {font-size:8.5rem; line-height:1.02;}


.mt_5 {margin-top:.5rem !important;}
.mt_10 {margin-top:1rem !important;}
.mt_15 {margin-top:1.5rem !important;}
.mt_20 {margin-top:2rem !important;}
.mt_30 {margin-top:3rem !important;}
.mt_40 {margin-top:4rem !important;}
.mt_50 {margin-top:5rem !important;}
.mt_60 {margin-top:6rem !important;}
.mt_70 {margin-top:7rem !important;}
.mt_80 {margin-top:8rem !important;}
.mt_90 {margin-top:9rem !important;}

.kumbh {font-family: "Kumbh Sans", sans-serif !important;}
.pretendard {font-family: "Pretendard","Noto Sans KR",sans-serif !important;}
.batang {font-family: "KoPubBatang",serif;}
.optima {font-family: 'Optima', sans-serif; letter-spacing:0;}

.stit1 {font-size:8rem; line-height:1.12; letter-spacing:-0.04em;}
.stit1.en {font-family: 'Optima', sans-serif;}
.stit1 * {vertical-align:middle;} 
.stit1 strong {font-weight:500; letter-spacing:-0.06em;}
.stit1 .small {position:relative; top:0.7rem; font-size:0.4em; font-weight:400; letter-spacing:0; margin-left:1.5rem;}
.stit1.big {font-size:9rem;}

.tbar {width:10rem; height:1px; margin:5rem auto 0; background:#000;}
.tbar.type2 {width:6.55rem; height:3px; background:#B51D29;}

.stit2 {font-size:4.8rem;}
.stit2 strong {font-weight:600;}

.stit3 {display:flex; gap:1.8rem; align-items:flex-end;}
.stit3 strong {font-family: 'Optima', sans-serif; font-weight:500;}
.stit3 span {position:relative; bottom:0.8rem; font-weight:500;}

.stit4 {position:relative; padding-left:2rem; font-size:3.2rem; font-weight:600;}
.stit4::before {position:absolute; top:50%; left:0; width:0.4rem; height:3.4rem; margin-top:-1.7rem; background:#B51D29; content:'';}

.bg_gray {background:#F9F9F9;}

@media screen and (max-width:1024px){
	.fs_24 {font-size:2.2rem !important;}
	.fs_25 {font-size:2.2rem;}
	.fs_26 {font-size:2.2rem;}
	.fs_28 {font-size:2.3rem !important;}
	.fs_29 {font-size:2.3rem;}
	.fs_30 {font-size:2.4rem;}
	.fs_32 {font-size:2.5rem;}
	.fs_33 {font-size:2.5rem;}
	.fs_35 {font-size:2.6rem;}
	.fs_38 {font-size:2.7rem;}
	.fs_42 {font-size:2.8rem;}
	.fs_45 {font-size:3rem;}
	.fs_48 {font-size:3.2rem;}
	.fs_50 {font-size:3.5rem;}
	.fs_52 {font-size:4rem;}
	.fs_53 {font-size:4rem;}
	.fs_55 {font-size:4.1rem;}
	.fs_60 {font-size:4.2rem;}
	.fs_64 {font-size:4.5rem;}
	.fs_65 {font-size:4.5rem;}
	.fs_75 {font-size:5.3rem;}
	.fs_78 {font-size:5.5rem;}
	.fs_85 {font-size:5.5rem;}
	
	.mt_40 {margin-top:3rem !important;}
	.mt_50 {margin-top:4rem !important;}
	.mt_60 {margin-top:5rem !important;}
	.mt_70 {margin-top:5.5rem !important;}
	.mt_80 {margin-top:6rem !important;}
	.mt_90 {margin-top:7rem !important;}
	
	.stit1 {font-size:5rem;}
	.stit1 .small {font-size:0.5em;}
	.stit1.big {font-size:5.7rem;}
	
	.stit2 {font-size:3.3rem;}
	
	.stit4 {font-size:2.5rem; }
}

.swiper-button-prev.type1,
.swiper-button-next.type1,
.swiper-pagination.type1 {display:none;}

.swiper-button-prev.type2,
.swiper-button-next.type2 {position:absolute; top:50%; margin:0; width:3.2rem; height:3.3rem; margin-top:1.6rem; background:url('../images/sub/swiper_arr2.svg') no-repeat center/contain; transition:all 0.4s;}
.swiper-button-prev.type2 {left:0;}
.swiper-button-next.type2 {right:0; transform:rotate(180deg);}
.swiper-button-prev.type2.swiper-button-disabled,
.swiper-button-next.type2.swiper-button-disabled {opacity:0}

@media screen and (max-width:1023.98px){
	.swiper-button-prev.type1,
	.swiper-button-next.type1 {display:block; position:absolute; top:50%; margin:0; width:3.5rem; height:3.5rem; margin-top:-3rem; opacity:0.3; background:url('../images/sub/swiper_arr.svg') no-repeat center/contain;}
	.swiper-button-prev.type1 {left:1rem;}
	.swiper-button-next.type1 {right:1rem; transform:rotate(180deg);}
	.swiper-pagination.type1 {display:flex; justify-content:center; position:relative; margin-top:3rem; gap:1rem;}
	.type1 .swiper-pagination-bullet {width:1rem; height:1rem; border-radius:100%; opacity:1; background:#D9D9D9; transition:all 0.4s;}
	.type1 .swiper-pagination-bullet-active {background:#B51D29;}
}

#header_pc {overflow:hidden; position:fixed; top:0; left:0; z-index:1000; width:100%; height:249px; letter-spacing:0; text-transform:uppercase; background:#fff; transition:all 0.5s;}
#header_pc .inwrap {position:relative; width:96%; max-width:1620px; margin:auto;}
#header .btn_login {position:absolute; top:146px; right:0; width:18px; height:21px; background:url('../images/common/icon_login.svg') no-repeat center/contain;}
#header .tutil {display:flex; align-items:center; position:absolute; top:146px; right:0;}
#header .tutil li {position:relative; font-size:13px; font-family:'Kumbh Sans',sans-serif;}
#header .tutil li+li {margin-left:1rem;}
#header .tutil li+li::before {position:absolute; top:0; left:-1rem; width:1rem; text-align:center; content:'|';}
#header .tutil a {transition:all 0.4s;}
#header .tutil a:hover {color:#B51D29;}
#header_pc::before {position:absolute; top:249px; left:0; right:0; border-top:2px solid #ebebeb; content:'';}
#header_pc.open {height:540px;}
#header_pc.fixed_top {top:-155px;}
#header_pc .logo {width:172px; margin:43px auto 0px;}
#header_pc .logo a {display:block; height:110px; background:url('../images/common/logo.png') no-repeat center/contain;}
#header_pc .gnb_list {display:flex; justify-content:space-between; position:relative; width:96%; max-width:1230px; margin:auto; font-family: "Kumbh Sans","Pretendard", sans-serif;}
#header_pc .gnb_list > li {}
#header_pc .gnb_list > li > a {display:block; position:relative; height:95px; padding:40px 5px; font-size:13px; color:#000; transition:all 0.4s;}
#header_pc .gnb_list > li > a::after {position:absolute; top:100%; left:50%; width:0; height:5px; margin-left:0; opacity:0; background:#B51D29; content:''; transition:all 0.4s;}
#header_pc .gnb_list > li:hover > a {color:#B51D29;}
#header_pc .gnb_list > li:hover > a::after {opacity:1; width:92px; margin-left:-46px;}
#header_pc .gnb_list .sub {display:none; position:absolute; top:95px; left:0; width:1000px; padding-top:50px;}
#header_pc .gnb_list .sub ul  {display:flex; gap:55px;}
#header_pc .gnb_list .sub span {display:block; padding-top:15px; font-size:15px; line-height:27px; text-align:center;}
#header_pc .gnb_list .sub a {transition:color 0.4s;}
#header_pc .gnb_list .sub a:hover {color:#B51D29;}
#header_mobile {display:none; letter-spacing:0;}
@media screen and (max-width:1500px){
	#header_pc .btn_login {top:50px;}
}
@media screen and (max-width:1200px){
	#header_pc .gnb_list .sub ul {gap:35px;}
}
@media screen and (max-width:1024px){
	#main {margin:0;}
	
	#header_pc {display:none;}
	#header_mobile {display:block;}
	#header_mobile .top {position:relative; height:120px; padding-top:37px; background:#fff;}
	#header_mobile .logo {width:90px; margin:auto;}
	#header_mobile .logo a {display:block; width:90px; height:58px; background:url('../images/common/logo.png') no-repeat center/contain;}
	#header .btn_login {top:53px; right:6%;}
	.btn_menu_open {position:absolute; left:6%; top:58px; width:18px; height:18px; background:url('../images/common/icon_menu.png') no-repeat center/contain;}
	.btn_menu_close {position:absolute; left:6%; top:107px; width:14px; height:14px; background:url('../images/common/icon_menu_close.svg') no-repeat center/contain;}
	#side_menu {display:flex; flex-direction:column; position:fixed; overflow:hidden; top:0; left:-100%; bottom:0; z-index:10000; width:100%; background:#fff; transition:all 0.4s;}
	#side_menu .gnb_wrap {flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; padding-top:26px; transition:all 0.4s;}
	#side_menu .gnb_list {position:relative; left:0; width:200%; transition:all 0.4s;}
	#side_menu .gnb_list > li {width:50%; padding-bottom:34px;}
	#side_menu .gnb_list > li > a {display:block; font-size:16px; padding-left:6%; line-height:20px; background:url('../images/common/icon_menu_arr.svg') no-repeat right 43px center; background-size:8px auto;}
	#side_menu .gnb_list .sub {display:none; position:absolute; top:0; left:50%; width:50%; max-width:500px; padding:0 2%;}
	#side_menu .gnb_list .sub > a {display:block; font-size:16px; padding-left:28px; line-height:20px; background:url('../images/common/icon_menu_prev.svg') no-repeat 0 center; background-size:8px auto;}
	#side_menu .gnb_list .sub ul {display:flex; flex-wrap:wrap; padding-top:37px; margin:-10px -7px;}
	#side_menu .gnb_list .sub li {width:50%; padding:10px 7px; text-align:center;}
	#side_menu .gnb_list .sub img {width:100%;}
	#side_menu .gnb_list .sub li span {display:block; padding-top:12px; font-size:15px; line-height:27px;}
	#side_menu.open {left:0;}
	#side_menu.open.sub .gnb_list {left:-100%;}
	
}


#quick {position:fixed; right:5.6rem; bottom:10rem; z-index:1000;}
#quick a {display:block; width:50px; height:50px; margin-bottom:4px; border-radius:100%; background:no-repeat center/contain;}
#quick > a+a {margin-top:9px;} 
#quick ul {display:none;}
#quick li a {background-color:#B51D29;}
#quick li:nth-child(1) a {background-image:url('../images/common/icon_quick_1.png');}
#quick li:nth-child(2) a {background-image:url('../images/common/icon_quick_2.png');}
#quick li:nth-child(3) a {background-image:url('../images/common/icon_quick_3.png');}
#quick li:nth-child(4) a {background-image:url('../images/common/icon_quick_4.png');}
#quick li:nth-child(5) a {background-image:url('../images/common/icon_quick_5.png');}
#quick li:nth-child(6) a {background-image:url('../images/common/icon_quick_6.png');}
#quick li:nth-child(7) a {background-image:url('../images/common/icon_quick_7.png');}
#quick .btn_toggle {overflow:hidden; position:relative; background-image:url('../images/common/icon_quick_plus.png'); background-color:#B51D29;}
#quick .btn_toggle::after {position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; background-image:url('../images/common/icon_quick_minus.png'); background-color:#B51D29; content:''; opacity:0; transition:all 0.4s;}
#quick .btn_top {background-image:url('../images/common/icon_quick_top.png');}

#quick.open .btn_toggle::after {opacity:1;}
@media screen and (max-width:1024px){
	#quick {right:3rem; bottom:5rem;}
	#quick a {width:40px; height:40px; margin-bottom:3px;}
	#quick > a+a {margin-top:6px;} 
}

#footer {margin-top:20rem; padding:45px 20px; font-size:14px; line-height:1.57;color:#fff; text-align:center; background:#B51D29;}
.sns_list {display:inline-flex; align-items:center; gap:17px; margin-top:25px;}
.sns_list a {display:block; background:no-repeat center/contain;}
.sns_list .kakao a {width:22px; height:19px; background-image:url('../images/common/icon_kakao.svg');}
.sns_list .youtube a {width:21px; height:14px; background-image:url('../images/common/icon_youtube.svg');}
.sns_list .blog a {width:19px; height:16px; background-image:url('../images/common/icon_blog.svg');}
.sns_list .insta a {width:21px; height:19px; background-image:url('../images/common/icon_insta.svg');}
@media screen and (max-width:1024px){
	#footer {margin-top:12rem; padding:35px 10px; font-size:12px;}
}



.login_box {width:88%; margin:40rem auto 0; text-align:center;}
.login_box .t1 {font-size:25px; font-weight:600;}
.login_box .t2 {margin-top:10px; font-size:18px; color:#747474;}

.login_box .mem_link {display:flex; align-items:center; justify-content:center; gap:1rem; color:#3D3D3D; font-size:15px;}
.login_box .fbox {width:34.8rem; margin:5rem auto 2rem;}
.login_box .fbox input {width:100% !important; height:55px !important; margin-bottom:7px;}
@media screen and (max-width:1024px){
	.login_box {margin-top:10rem;}
	.login_box .t1 {font-size:20px;}
	.login_box .t2 {font-size:14px;}
}

.mbtn {display:block; width:34.8rem; border:1px solid #000; font-size:16px; color:#000; line-height:53px; text-align:center; transition:all 0.4s;}
.mbtn:hover {color:#fff; background:#000;}
.mbtn.black {color:#fff; background:#000;}

.mbtn2 {display:block; flex:1; min-width:0; width:50%; margin:auto; font-size:20px; color:#000; line-height:55px; text-align:center; color:#fff; background:#9D9D9D; transition:all 0.4s;}
.mbtn2.black {background:#000;}

.mem_box {width:88%; max-width:690px; margin:33rem auto 0;}
.mem_box h3 {margin-bottom:6rem; font-size:20px; text-align:center; font-weight:400;}
.mem_box .t1 {margin-bottom:5rem; font-size:16px; text-align:center; line-height:1.5;}

.mem_box_bottom {width:88%; max-width:690px; margin:5rem auto 0; text-align:center;}
.mem_box_bottom .inp_chk {display:inline-block;}
.mem_box_bottom .btn_wrap {margin-top:5rem;}

.mrow {text-align:left;}
.mrow+.mrow {margin-top:20px;}
.mrow .label {display:block; margin-bottom:12px; font-size:22px; font-weight:500;}
.mrow .label span {color:#FF0000;}
.mrow input {width:100% !important; height:55px !important;}
.mrow select {height:55px !important;}
.mbtn_wrap {display:flex; gap:1rem; justify-content:center; margin-top:25px;}
.mbtn_wrap a {}
.birth_wrap {display:flex; gap:1.5rem;}
.birth_wrap select {flex:1; min-width:0;}

.mem_box2 {width:88%; max-width:690px; margin:33rem auto 0; text-align:center;}
.mem_box2 .t1 {font-size:25px;}
.mem_box2 .t2 {margin-top:30px; font-size:18px;}
.mem_box2 .t3 {margin-top:30px;}
.mem_box2 .mbtn_wrap {margin:50px 0;}
.table_t1 {width:100%; margin-top:30px; border-top:1px solid #3F3F3F;}
.table_t1 td,
.table_t1 th {padding:2rem; border-bottom:1px solid #C8C8C8;}
.table_t1 th {height:5.6rem; font-size:1.8rem; color:#3C3C3C; font-weight:500; background:#F8F8F8;}
.table_t1 td  {padding-left:3rem; font-size:1.7rem; text-align:left; line-height:1.7;}
@media screen and (max-width:1024px){
	.mem_box {margin-top:10rem;}
	.mem_box .label {font-size:18px;}
	
	.mem_box2 {margin-top:10rem;}
	
	.mbtn {}
	.mbtn2 {font-size:18px;}
	
	.table_t1 th {width:30%; font-size:2rem;}
	.table_t1 td {font-size:1.9rem;}
}