@charset "utf-8";

/* 프리텐다드 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

/* 영문폰트 */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Kanit:100,300,400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@700&display=swap');



@import "/css/g_default.css";
@import "/css/design.css?v=2";
@import "/css/over.css";



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button, select { margin:0; padding:0; }

body, div, p, h1, h2, h3, h4, h5, h6, li, dt, dd, form, input, textarea, button, th, td, menu, nav, header, footer, details, section, aside, article { margin:0; padding:0; font-family: 'Pretendard', Malgun Gothic, "맑은 고딕", Nanum Gothic, sans-serif; font-size:17.5px; color:#444; font-weight:500; line-height:100%; word-break:keep-all; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
body.hidden { overflow: hidden; }

button { border:0; background:none; border-radius:0; padding:0; margin:0; box-sizing:border-box; line-height:100%; }
img { max-width:100%; }
ul, ol, li, dl, dt, dd {margin:0;padding:0;list-style:none}
main { display:block; }

a{ color:inherit; }
a:link, a:visited, a:active { text-decoration:none; color:inherit; }
a:hover { text-decoration:none; }

input[type=text], input[type=password], select { border:1px solid #ddd; box-sizing:border-box; border-radius:0; -webkit-appearance:none; }
input[type=submit] { border-radius:0; -webkit-appearance:none; }
input[type=file] { background:#fff; border-radius:0; -webkit-appearance:none; font-size:12px; }

textarea { width:100%; padding:16px; border:1px solid #ddd; font-size:15px; line-height:160%; box-sizing:border-box; border-radius:0; -webkit-appearance:none !important; }
select { padding:14px; font-size:15px; }

:placeholder { color:#aaa; }
::placeholder { color:#aaa; }
:-ms-input-placeholder { color:#aaa; }
::-ms-input-placeholder { color:aaa; }
::-ms-webkit-placeholder { color:aaa; }
::-ms-moz-placeholder { color:#aaa; }

.write_col2 { margin-top:16px; }
.write_col2:after { clear:both; visibility:hidden; display:block; content:''; }
.write_col2 > li { float:left; width:50%; box-sizing:border-box; }
.write_col2 > li:first-child { padding-right:20px;}
.write_col2 > li:last-child { padding-left:20px;}

.frm_input { padding:14px; font-size:15px; width:100%; }
.write_opt { padding:14px 0; font-size:15px; color:#777; vertical-align:middle; }
.imgres { width:auto; max-width:100%; }

.sp_block, .sp_inline, .sp_inblock, .sp_table, .sp_trow, .sp_tcell,
.m_block, .m_inline, .m_inblock, .m_table, .m_trow, .m_tcell,
.t_block, .t_inline, .t_inblock, .t_table, .t_trow, .t_tcell,
.td_block, .td_inline, .td_inblock, .td_table, .td_trow, .td_tcell { display:none !important; }

.tran, .tran * { transition:all 0.4s; }
.no_tran, .no_tran * { transition:none !important; }

.fl { float:left !important; }
.fr { float:right !important; }
.cl:after { clear:both; visibility:hidden; display:block; content:''; }

.a100 { position:absolute; width:100%; height:100%; left:0; top:0; }
.hand { cursor:pointer; }

.cen { text-align:center !important; }
.cenleft { text-align:center; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.middle { position:relative; top:50%; transform:translateY(-50%); }

.roboto { font-family:'Roboto'; letter-spacing:0; }
.kanit { font-family:'Kanit'; letter-spacing:0; }
.mont { font-family:'Montserrat'; letter-spacing:0; }

.c_w { color:#fff !important; }
.c_b { color:#222 !important; }
.c_gray { color:#888 !important; }
.c_orange { color:#f47e00 !important; }

.lh18-16 { line-height:180%; }
.lh17-15 { line-height:170%; }
.lh16-14 { line-height:160%; }
.lh15-13 { line-height:150%; }
.lh15-14 { line-height:150%; }
.lh14-13 { line-height:140%; }
.lh13-12 { line-height:130%; }

.edit_txt * { line-height:150%; }
.ls0 { letter-spacing:0; }
.nanum { font-family:"Nanum Gothic", "Malgun Gothic", "맑은 고딕"; font-weight:400; letter-spacing:0; }

.fw1, .th { font-weight:100; }
.fw3 { font-weight:300; }
.fw4 { font-weight:400; }
.fw5 { font-weight:500; }
.fw7, .bd { font-weight:700; }

.mt0 { margin-top:0 !important; }
.sm { font-size:15px; line-height:170%; }
.eng .sm { line-height:160%; }
.no_border { border:0 !important; }
.hide { display:none; }
.lrauto { margin-left:auto; margin-right:auto; }

.vm_wrap { display:table; width:100%; height:100%; }
.vm_wrap > .vm { width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; }

.gr_box { padding:90px 0; background:#f5f5f5; }
.img_box { padding:90px 0; background-repeat:no-repeat; background-size:cover; background-position:center; }
.bs_cover { background-size:cover !important; }
.bg_fix { background-attachment:fixed !important; }
.brk_all, table.brk_all tr td, ul.brk_all li { word-break:break-all !important; }


/***** 애니메이션 *****/

.appear { opacity:0; transition:all 1s; }
.appear.play { opacity:1; }

.app_up { transform:translateY(100px); }
.app_up.play { transform:translateY(0) !important; }

.app_3dup { perspective: 2000px; perspective-origin: center; }
.app_3dup > * { transform: rotateX(50deg) translateY(200px); transition:all 1s; }
.app_3dup.play > * { transform: rotateX(0) translateY(0); }

.app_maskup { overflow:hidden; }
.app_maskup > span { display:block; transform:translateY(100%); transition:transform 1s; }
.app_maskup.play > span { transform:translateY(0); }


@media (max-width:1660px) {
	.app_up { transform:translateY(calc(40px + 2vw)); }
	.app_3dup > * { transform: rotateX(40deg) translateY(calc(80px + 6vw)); }
}
@media (max-width:500px) {
	.app_3dup > * { transform: rotateX(35deg) translateY(calc(80px + 6vw)); }
}



.resbtn i {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
.resbtn { display:inline-block; border:0; border-radius:0; background:none; padding:0; margin:0; line-height:0; }
.resbtn i { font-style:normal; }
.resbtn span { font-family:'Pretendard'; line-height:130%; font-weight:500; color:#222; font-size:13.5px; }
.resbtn * { display:inline-block; vertical-align:middle; }

dbcedit { display:block; color:#fff; background:#111; height:23px; line-height:22px !important; font-size:11px; padding:0 10px; cursor:pointer; letter-spacing:0; font-weight:500; position:absolute; z-index:999; margin-top:6px; display:none; }





@media (max-width:1300px) {
	.write_col2 > li:first-child { padding-right:10px;}
	.write_col2 > li:last-child { padding-left:10px;}
	.lh18-16 { line-height:170%; }
	.lh17-15 { line-height:160%; }
	.lh16-14 { line-height:150%; }
	.lh15-13 { line-height:140%; }
}

@media screen and (max-width:1024px) {
	.sp_none { display:none !important; }
	.sp_block { display:block !important; }
	.sp_inline { display:inline !important; }
	.sp_inblock { display:inline-block !important; }
	.sp_table { display:table !important; }
	.sp_trow { display:table-row !important; }
	.sp_tcell { display:table-cell !important; }
	.table_pc { display:none; }
	.table_tab { display:table; }
	.bg_fix { background-attachment:scroll !important; }
	.lh15-14 { line-height:140%; }
	.lh14-13 { line-height:130%; }
	.lh13-12 { line-height:120%; }
}


/*** Tablet ***/

@media screen and (max-width:768px) {
	.t_none { display:none !important; }
	.t_block { display:block !important; }
	.t_inline { display:inline !important; }
	.t_inblock { display:inline-block !important; }
	.t_table { display:table !important; }
	.t_trow { display:table-row !important; }
	.t_tcell { display:table-cell !important; }
	.t_br_none br { display:none; }
	textarea { padding:12px 15px; }

	.sm { font-size:13px; }
	.lh18-16 { line-height:160%; }
	.lh17-15 { line-height:150%; }
	.lh16-14 { line-height:140%; }
	.lh15-13 { line-height:130%; }
}

@media screen and (max-width:767px) {
	.td_none { display:none !important; }
	.td_block { display:block !important; }
	.td_inline { display:inline !important; }
	.td_inblock { display:inline-block !important; }
	.td_table { display:table !important; }
	.td_trow { display:table-row !important; }
	.td_tcell { display:table-cell !important; }
	.td_br_none br { display:none; }
	.write_col2 > li { float:none; width:100%; padding:0 !important; }
	.write_col2, .write_col2 > li:last-child { margin-top:10px; }
	select, .frm_input { font-size:14px; padding:10px 14px; }
	.write_opt { font-size:14px; padding:10px 0; }
	.cenleft { text-align:left; }
}


/*** Mobile ***/

@media screen and (max-width:420px) {
	.m_none { display:none !important; }
	.m_block { display:block !important; }
	.m_inline { display:inline !important; }
	.m_inblock { display:inline-block !important; }
	.m_table { display:table !important; }
	.m_trow { display:table-row !important; }
	.m_tcell { display:table-cell !important; }
	.lh { line-height:150%; }
	textarea { padding:8px 10px; }
	.sm { font-size:12px; line-height:160%; }
	.eng .sm { line-height:150%; }
	select, .frm_input { font-size:13px; padding:8px 10px; }
	.write_opt { font-size:13px; padding:8px 0; }
}