@charset "utf-8";
/*
:root { 
	--fs-13: font-size:1.3rem;
	--fs-14: font-size:1.4rem;
	--fs-15: font-size:1.6rem;
	--fs-16: font-size:1.6rem;
	--fs-17: font-size:1.7rem;
	--fs-18: font-size:1.8rem;
	--fs-20: font-size:2.0rem;
	--fs-22: font-size:2.2rem;
}
@media screen and (max-width:650px){
	--fs-13: font-size:1.6rem;
	--fs-14: font-size:1.7rem;
	--fs-15: font-size:1.8rem;
	--fs-16: font-size:1.9rem;
	--fs-17: font-size:1.9rem;
	--fs-18: font-size:2rem;
	--fs-20: font-size:2.2rem;
	--fs-22: font-size:2.4rem;
}
*/

/* 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.8rem; font-weight:400; letter-spacing:-0.01em; color:#242424;}
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; letter-spacing:-0.02em}
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 #00BABB;
	border:1px solid #00BABB !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;
}

#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:16px;font-weight:bold;text-align:center;text-decoration:none;line-height:75px}


.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; color:#111;}
select {background:url('/images/common/icon_sel_arr.svg') #fff no-repeat right 10px center;}

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


.inp_chk {display:inline-block; position:relative;}
.inp_chk input {position: absolute; top:-1px; left:0; opacity: 0;}
.inp_chk .txt {display:inline-flex; align-items:center; gap:12px; cursor: pointer; font-size:15px; font-weight:400; line-height:1.6;}
.inp_chk .txt::before {width:22px; height:22px; background:url('../images/common/icon_chk.svg') 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');}
.inp_chk a {position:relative; font-size:14px; border-bottom:1px solid #222;}

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

.inp_date {background:url('../images/common/icon_date.svg') no-repeat right 2rem center; background-size:18px auto;}

#wrap {}

img {max-width:100%;}

body {font-weight:400;}
html {font-size:20px;}

@media screen and (max-width:780px){
	html {font-size:calc(1000vw/390);}		
}

.fc_white {color:#fff !important;}
.fc_primary {color:#1A9837 !important;}
.fc_primary2 {color:#41E064 !important;}
.fc_gray {color:#CECECE !important;}
strong {font-weight:700;}
.fw_600 {font-weight:600 !important;}

body.scroll_none {overflow: hidden; padding-right: 0; touch-action: none; height: 100%; overscroll-behavior: contain;}

.container {margin-left:2rem; margin-right:2rem;}

#wrap {overflow:hidden; position:relative; width:39rem; margin:auto;}
#header {position:fixed; top:0; left:50%; z-index:1000; width:100%; max-width:39rem; transform:translateX(-50%); transition:background 0.4s;}
#header::after {position:absolute; top:0; left:50%; z-index:10001; width:1000px; height:100vh; margin-left:19.5rem; background:#fff; content:'';}
#header .top {position:relative; height:5.6rem;}
#header .top .btn_menu_open {position:absolute; top:0.8rem; right:1.6rem; width:4rem; height:4rem; background:url('../images/common/icon_menu.svg') no-repeat center/contain; transition:filter 0.4s;}
#header .lan {position:absolute; top:1.3rem; right:6.9rem;}
#header .lan button {position:relative; width:100%; padding-left:2.3rem; height:2.8rem; font-size:1.2rem; color:#fff; font-weight:500; line-height:2.8rem; white-space:nowrap; transition:color 0.4s;}
#header .lan button::after {position:absolute; left:0; top:50%; width:1.7rem; height:1.2rem; margin-top:-0.7rem; border:0.1rem solid #242424; background:no-repeat center; background-size:1.5rem auto; content:'';}
#header .lan button.kr::after {background-image:url('../images/common/icon_kr.svg')}
#header .lan button.en::after {background-image:url('../images/common/icon_en.png')}
#header .lan ul {display:none; position:absolute; top:3rem; left:50%; transform:translateX(-50%); padding:0.5rem 1rem; border-radius:1rem; background:#fff;}
#header .lan ul a {display:block; font-size:1.2rem; padding-left:2.3rem; white-space:nowrap; background:no-repeat 0 center; background-size:1.5rem auto;}
#header .lan ul .kr {background-image:url('../images/common/icon_kr.svg');}
#header .lan ul .en {background-image:url('../images/common/icon_en.png');}
#header .btn_home {position:absolute; top:0.8rem; left:1.6rem; width:4rem; height:4rem; background:url('../images/common/icon_home.png') no-repeat 1.1rem center/contain; background-size:2rem auto;}
#header h2 {font-size:1.8rem; font-weight:700; text-align:center; line-height:5.6rem;}

#header.sub .lan {display:none;}
#header.main .btn_home {display:none;}
#header.main h2 {display:none;}

#side_menu {position:fixed; left:100%; top:0; width:100%; height:100vh; background:#fff; transition:all 0.4s;}
#side_menu .btn_menu_close {position:absolute; top:0.8rem; right:1.6rem; width:4rem; height:4rem; background:url('../images/common/icon_menu_close.svg') no-repeat center/contain;}
#side_menu .gnb_list {padding-top:11rem;}
#side_menu .gnb_list > li > a {display:block; position:relative; padding-left:4rem; font-size:1.8rem; line-height:4.8rem; font-weight:700;}
#side_menu .gnb_list > li.has_child > a::after {position:absolute; top:50%; right:1.6rem; width:4rem; height:4rem; margin-top:-2rem; background:url('../images/common/icon_gnb_arr.svg') no-repeat center/contain; content:'';}
#side_menu .gnb_list .sub {display:none; padding:1rem 0; background:#F7F7F7;}
#side_menu .gnb_list .sub a {display:block; padding-left:4rem; font-size:1.4rem; font-weight:600; line-height:3.6rem;}

#side_menu.open {left:0;}

#header.main .top .btn_menu_open {filter: brightness(0) invert(1);}
#header.fixed_top {background:#fff;}
#header.fixed_top .lan button {color:#242424;}
#header.fixed_top .lan ul {background:#f6f6f6;}
#header.fixed_top .top .btn_menu_open {filter:none;}

@media screen and (max-width:780px){
	#header {left:0; width:100%; transform:translateX(0);}
	#header::after {display:none;}
}



#footer {padding:4rem 0; text-align:center; background:#000;}
#footer .blogo {display:block; width:9.6rem; height:2.4rem; margin:auto; background:url('../images/common/logo.svg') no-repeat center/contain; content:'';}
#footer .copyright {margin:1rem 0 3rem; font-size:1.2rem; line-height:1.333; color:#676767;}


.btn_contact {display:block; border:1px solid #fff; width:11.4rem; margin:auto; border-radius:2rem; font-size:1.4rem; color:#fff; line-height:3.4rem; text-align:center;}