@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:#111;}
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 {}


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

@media screen and (max-width:1400px){
	html {font-size:calc(1000vw/1600);}
	.t_none {display:none;}
}
@media screen and (max-width:1024px){
	html {font-size:7.5px;}
	.m_block {display:block;}
	.m_none {display:none;}
}
@media screen and (max-width:700px){
	html {font-size:7px;}
}
@media screen and (max-width:700px){
	html {font-size:calc(1000vw/700);}	
}
@media screen and (max-width:500px){
	html {font-size:calc(1000vw/500);}	
	body {font-size:2rem;}
	.m_br {display:block;}
	.inp_chk .txt {font-size:2rem;}
}

strong {font-weight:700;}

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


#wr_content {width:100%; height:150px; border:0; border-radius:0; font-size:15px; border:1px solid #ddd; padding:10px 15px; line-height:1.5; box-shadow:none;}







strong {font-weight:700;}

.fc_primary {color:#00BABB;}

.ml_20 {margin-left:2rem;}



.board_container {width:92%; max-width:128rem; margin-left:auto; margin-right:auto; padding-top:130px;}
.board_container img {max-width:100%;}
.board_container {padding-top:70px; padding-bottom:12rem;}
.has_ban .board_container {padding-top:130px;}


.mtit {margin-bottom:8rem; text-align:center;}
.mtit h3 {font-family: 'Paperlogy',sans-serif; font-size:5.5rem; font-weight:700; line-height:1.4;}
.mtit .mtxt {margin-top:2rem; font-size:2.4rem; line-height:1.4;}

.board_container .mtit {padding:14rem 0 0;}

@media screen and (max-width:1024px){
	.mtit {margin-bottom:5rem;}
	.mtit h3 {font-size:3.5rem;}
	.mtit .mtxt {font-size:2.2rem;}
	
	.board_container .mtit {padding:8rem 0 0;}
}

.nodata {text-align:center; font-size:2rem;}


i[class^="icon_flag_"] {background:no-repeat center/contain;}
i.icon_flag_us {background-image:url('../images/main/icon_flag_us.png');}
i.icon_flag_au {background-image:url('../images/main/icon_flag_au.png');}
i.icon_flag_nz {background-image:url('../images/main/icon_flag_nz.png');}
i.icon_flag_uk {background-image:url('../images/main/icon_flag_uk.png');}
i.icon_flag_ph {background-image:url('../images/main/icon_flag_ph.png');}
i.icon_flag_my {background-image:url('../images/main/icon_flag_my.png');}

#top_ban {overflow:hidden; height:60px;}
#top_ban .swiper-container {height:60px; text-align:center; background:#fff;}
#top_ban .inbox {display:flex; align-items:center; justify-content:center; gap:30px; }
#top_ban .inbox strong {font-size:17px; color:#051014; font-weight:700; line-height:60px;}
#top_ban .inbox span {display:flex; align-items:center; justify-content:center; gap:8px; height:34px; padding:0 15px; border-radius:5px; font-size:14px; font-weight:600; color:#fff; background:#00BABB;}
#top_ban .inbox span::after {width:19px; height:19px; background:url('../images/common/icon_top_ban_arr.svg') no-repeat center/contain; content:'';}
/*
#top_ban .inbox {position:relative; padding-left:50%;}
#top_ban .inbox img {display:block; max-width:none !important; transform:translateX(-50%);}
#top_ban .inbox 
#top_ban .txt {font-size:22px; color:#fff; line-height:60px; text-align:center; background:#000;}
*/



#header {position:fixed; top:0; left:0; z-index:10100; width:100%; transition:top 0.4s;}
#header_pc {overflow:hidden; position:relative; left:0; right:0; z-index:1000; height:70px; transition:all 0.5s;}
#header_pc::before {position:absolute; top:0px; left:0; right:0; height:70px; border-bottom:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.2); content:''; opacity:0; transition:all 0.4s;}
#header_pc::after {position:absolute; top:70px; left:0; right:0; height:58px; z-index:10; background:rgba(0,0,0,0.2); content:''; opacity:0; transition:all 0.4s;}
#header_pc .inwrap {display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1115; max-width:1920px; margin:auto; padding:0 10rem;}
#header_pc .logo {}
#header_pc .logo a {display:block; position:relative; width:140px; height:70px; background:url('../images/common/logo.svg') no-repeat center/contain;}
#header_pc .logo a::after {position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/common/logo2.svg') no-repeat center/contain; opacity:0; transition:all 0.4s; content:'';}
#header_pc .gnb_list {display:flex; gap:4rem;}
#header_pc .gnb_list > li {position:relative;}
#header_pc .gnb_list > li > a {display:block; position:relative; padding:0 1rem; font-size:17px; line-height:70px; color:#fff; transition:all 0.4s;}
#header_pc .gnb_list > li > a::after {position:absolute; bottom:-1px; left:50%; right:50%; height:4px; opacity:0; transition:all 0.4s; background:#00BABB; content:'';}
#header_pc:not(.open) .gnb_list > li.active > a,
#header_pc .gnb_list > li:hover > a {color:#00BABB !important;}
#header_pc:not(.open) .gnb_list > li.active > a::after,
#header_pc .gnb_list > li:hover > a::after {left:0; right:0; opacity:1;}
#header_pc .gnb_list .sub {display:flex; gap:3rem; position:absolute; left:50%; z-index:22; white-space:nowrap; transform:translateX(-50%);}
#header_pc .gnb_list .sub a {display:block; font-size:15px; line-height:58px; color:#fff; transition:all 0.4s;}
#header_pc .gnb_list .sub a:hover {color:#00BABB !important;}

#header_pc.open {}
#header_pc.open.type2 {height:128px !important;}
#header_pc.open::before,
#header_pc.open::after {opacity:1; backdrop-filter: blur(10px);}

#header_mobile {display:none;}

#header.fixed_top {top:0px;}
.has_ban #header.fixed_top {top:-60px;}
#header.fixed_top #header_pc::before,
#header.fixed_top #header_pc::after {opacity:1; backdrop-filter: blur(10px);}

#header.white #header_pc {height:70px; background:#fff;}
#header.white #header_pc::before {opacity:1; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#fff;}
#header.white #header_pc::after {background:#fff;}
#header.white #header_pc .logo a::after {opacity:1;}
#header.white #header_pc .gnb_list > li > a {color:#111;}
#header.white #header_pc .gnb_list .sub a {color:#111;}
#header.white #header_pc.open.type2 {border-bottom:1px solid #e0e0e0;}
 
#footer {position:relative; padding:8rem 10rem; color:#fff; background:#051014;}
#footer h2 {font-size:1.7rem; font-weight:700;}
#footer .addr {margin-top:3rem; font-size:1.5rem; color:#A6A6A6; line-height:1.5;}
.btn_top {position:fixed; right:10rem; bottom:10rem; z-index:10; width:6rem; height:6rem; border-radius:100%; border:1px solid rgba(255,255,255,0.3); background:url('../images/common/icon_top.svg') #051014 no-repeat center/contain; transition:all 0.4s;}
.btn_top:hover {background-color:#00BABB;}



@media screen and (max-width:1024px){
	#top_ban {height:40px;}
	#top_ban .inbox {gap:12px;}
	#top_ban .inbox strong {display:flex; align-items:center; justify-content:center; gap:1rem; padding-right:2rem; font-size:2rem; line-height:40px;}
	#top_ban .inbox strong::after {width:2rem; height:2rem; background:url('../images/common/icon_top_ban_arr2.svg') no-repeat center/contain; content:'';}
	#top_ban .inbox span {display:none;}
	/*
	
	#top_ban .inbox strong {font-size:17px; color:#051014; font-weight:700; line-height:60px;}
	#top_ban .inbox span {display:flex; align-items:center; justify-content:center; gap:8px; height:34px; padding:0 15px; border-radius:5px; font-size:14px; font-weight:600; color:#fff; background:#00BABB;}
	#top_ban .inbox span::after {width:19px; height:19px; background:url('../images/common/icon_top_ban_arr.svg') no-repeat center/contain; content:'';}


	*/
	
	.board_container {padding-top:60px;}
	.has_ban .board_container {padding-top:100px;}

	#header_pc {display:none;}
	#header_mobile {display:block; width:100%; z-index:100;}
	#header_mobile .top {display:flex; align-items:center; justify-content:space-between; height:60px; padding:0 4%; transition:all 0.4s;}
	#header_mobile .logo a {display:block; position:relative; width:110px; height:60px;}
	#header_mobile .logo a::before,
	#header_mobile .logo a::after {position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/common/logo.svg') no-repeat center/contain; content:'';}
	#header_mobile .logo a::after {opacity:0; background-image:url('../images/common/logo2.svg'); transition:all 0.4s;}
	.btn_menu {position:relative; width: 22px; height: 16px; border:0;}	
	.btn_menu i.bar {display: block; height: 2px; background-color: #fff; transition: all 0.3s;}
	.btn_menu i.bar:nth-child(2n) {margin: 5px 0;}
	
	.has_ban #header.fixed_top {top:-41px;}
	#header.fixed_top #header_mobile .top {background:#fff;}	
	#header.fixed_top #header_mobile .logo a::after {opacity:1;}
	#header.fixed_top #header_mobile .btn_menu i.bar {background-color: #111;}	
	
	#side_menu .top {padding-left:0; padding-right:0; background:#fff;}
	#side_menu .btn_menu {margin-left:auto;}
	#side_menu .btn_menu .bar {background:#111;}
	#side_menu .btn_menu i:first-child {transform: translateY(7px) rotate(45deg);}
	#side_menu .btn_menu i:nth-child(2) {opacity: 0; transform: translateX(0px);}
	#side_menu .btn_menu i:last-child {transform: translateY(-7px) rotate(-45deg);}
	
	#side_menu {position:fixed; top:0px; right:-100%; bottom:0; z-index:109000; width:80%; padding:1rem 4rem 3rem; color:#111; background:#fff; transition:all 0.4s;}
	#side_menu .gnb_list {}
	#side_menu .gnb_list > li > a {display:inline-block; position:relative; padding-right:30px; font-size:20px; font-weight:600; line-height:40px;}
	#side_menu .gnb_list > li.has_child > a::after {position:absolute; top:50%; right:0; width:12px; height:10px; margin-top:-5px; background:url('../images/common/icon_nav_arr.png') no-repeat center/contain; content:''; transition:all 0.4s;}
	#side_menu .gnb_list > li.has_child.on > a::after {transform:rotate(180deg);}
	#side_menu .gnb_list .sub {padding:10px;}
	#side_menu .gnb_list .sub a {display:inline-block; position:relative; padding-left:15px; font-size:16px; line-height:32px;}
	#side_menu .gnb_list .sub a::before {position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; border-radius:100%; background:#999; content:'';}
	
	
	#dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:rgba(0,0,0,0.5);}
	/*
	
	*/
	#header_mobile.open #side_menu {right:0;}
	
	#header.white #header_mobile .top {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#fff;}
	#header.white #header_mobile .logo a::after {opacity:1;}
	#header.white #header_mobile .btn_menu .bar {background:#111;}
	
	
	
	#footer {padding:5rem 4%;}
	.btn_top {right:3rem; bottom:3rem; width:5rem; height:5rem; margin:0;}
	
	
}