@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'deFont';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7AF; 
    src: url('/_font/pretendard/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'pretendard';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url('/_font/pretendard/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');
}


html { font-size: 10px; }

html[lang="ko-KR"], html[lang="ko"] { font-family: "deFont",'Poppins', sans-serif; }

html[lang="ko-KR"] body, html[lang="ko"] body { font-size: 18px; font-weight: 400; line-height: 1.4em; color: #222; }

html[lang="en"], html *[lang="en"] { font-family: 'Poppins',Arial, sans-serif, serif; }

html[lang="en"] body, html *[lang="en"] body { font-size: 18px; font-weight: 400; line-height: 1.2em; color: #222; }

/* reset */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: inherit; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; -webkit-appearance: none; appearance: none; margin: 0; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, legend, input, textarea, button, p, blockquote, th, td, form, fieldset, blockquote, iframe { margin: 0; padding: 0; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }

html * { -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

img { vertical-align: top; border: 0; }

fieldset { border: 0; }

ul, ol, li { list-style: none; }

hr { display: none; border: 0; }

pre { white-space: pre-wrap; }

legend, caption { display: none; clear: both; }

a { color: inherit; cursor: pointer; }

a:link { text-decoration: none; }

a:hover, a:focus, a:active, a:visited { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; word-break: keep-all; }

em, i, address, cite { font-style: normal; font-weight: normal; }

input, textarea, select, button, table { font-size: inherit; font-family: inherit; *font-size: inherit; border: 0; background-color: transparent; }

button, select { cursor: pointer; }

textarea, input, select { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }

textarea { resize: none; }

label { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

label img { pointer-events: none; }

table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

th, td { border-collapse: collapse; }

progress[value] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background-size: auto; }

progress[value][role][aria-valuenow] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background-size: auto; }

progress[value][role][aria-valuenow]:after { background-image: none; }

progress[value][role][aria-valuenow]:before { display: table; }

progress[value][role][aria-valuenow] strong { display: none; }

progress[value][role][aria-valuenow]::-webkit-progress-value, progress[value][role][aria-valuenow]::-webkit-progress-inner-element { display: table; }

progress[value][role][aria-valuenow]::-webkit-progress-bar { display: table-cell; }

progress[value][role][aria-valuenow]::-moz-progress-bar, progress[value][role][aria-valuenow]::-webkit-progress-value { display: table; }

textarea { color: inherit; }

textarea:focus::-webkit-input-placeholder { color: transparent; }

textarea:focus:-moz-placeholder { color: transparent; }

textarea:focus::-moz-placeholder { color: transparent; }

textarea:focus:-ms-input-placeholder { color: transparent; }

input[type="reset"], input[type="button"], input[type="submit"] { line-height: normal !important; cursor: pointer; }

input[type="button"], input[type="text"], input[type="image"], input[type="submit"] { -webkit-appearance: none; }

input:checked[type="checkbox"] { background-color: #fff; -webkit-appearance: checkbox; }

input { color: inherit; }

input::-webkit-input-placeholder { color: inherit; }

input::-moz-placeholder { color: inherit; }

input:-ms-input-placeholder { color: inherit; }

input:-moz-placeholder { color: inherit; }

input:focus::-webkit-input-placeholder { color: transparent; }

input:focus:-moz-placeholder { color: transparent; }

input:focus::-moz-placeholder { color: transparent; }

input:focus:-ms-input-placeholder { color: transparent; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset; }

select::-ms-expand { display: none; }

input[type="date"]::-webkit-clear-button { display: none; }

input[type="date"]::-webkit-inner-spin-button { display: none; }

input[type="date"]::-webkit-calendar-picker-indicator { color: #343434; background: #fff; }

input[type="date"] { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: inline-block !important; visibility: visible !important; }

input[type="date"], input:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

@media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; }
	html * { color: #000; background: #fff; } }

/* clearfix */
.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { content: ""; display: block; }

.clearfix:after { clear: both; }

/* hidden */
.hidden { overflow: hidden; border: 0; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }

.wrap { position: relative; width: 100%; min-width: 28rem; overflow: hidden; word-break: keep-all; }

*:focus { outline: none; }

.w1200 { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; }

.noto { font-family: "Noto Sans KR", sans-serif; }

.p_only { display: block !important; }

.p_t_only { display: block !important; }

.t_only { display: none !important; }

.t_m_only { display: none !important; }

.m_only { display: none !important; }

.pc_img { display: inline !important; }

.pc_ta_img { display: inline !important; }

.ta_img { display: none !important; }

.ta_mo_img { display: none !important; }

.mo_img { display: none !important; }

.comingSoonCon { height: 100%; min-height: 900px; background: url("../../assets/img/common/comingSoon_bg.jpg") center center no-repeat; background-size: cover; }

.comingSoonCon .txtWrap { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; }

.comingSoonCon .txtWrap p { font-size: 56px; font-weight: 600; }

.comingSoonCon .txtWrap img { margin: 75px 0 65px; }

.comingSoonCon .txtWrap span { display: block; font-size: 26px; font-weight: 300; line-height: 1.53; }

.errorCon { height: 100%; min-height: 900px; text-align: center; }

.errorCon dl dt { height: 50vh; position: relative; }

.errorCon dl dt p { width: 100%; font-size: 300px; color: #282b30; font-weight: 600; line-height: 1; letter-spacing: -0.02em; position: absolute; bottom: -56px; left: 0; }

.errorCon dl dd { height: 50vh; background: url("../../assets/img/common/error_bg.jpg") center center no-repeat; background-size: cover; position: relative; overflow: hidden; }

.errorCon dl dd .txtWrap { margin-top: 100px; line-height: 1; }

.errorCon dl dd .txtWrap img { margin-bottom: 20px; }

.errorCon dl dd .txtWrap strong { display: block; font-size: 80px; color: #e6003e; font-weight: 600; }

.errorCon dl dd .txtWrap p { margin-top: 30px; font-size: 50px; color: #909497; }

.errorCon.error500 dl dd .txtWrap strong { color: #0679ff; }

.errorCon.error500 dl dd { background: url("../../assets/img/common/error500_bg.jpg"); }

.subCon .searchCon { padding-top: 100px; padding-bottom: 120px; }

.subCon .searchCon h2 { margin-bottom: 95px; }

.searchCon .conSearch { margin-bottom: 95px; }

.searchCon .list { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #aaa; }

.searchCon .list:last-of-type { padding-bottom: 0; margin-bottom: 0; border: 0; }

.searchCon .list dt { margin-bottom: 17px; padding-left: 14px; position: relative; }

.searchCon .list dt:before { content: ""; display: block; width: 4px; height: 27px; background: #e6003e; position: absolute; top: 2px; left: 0; }

.searchCon .list dt a { display: inline-block; font-size: 26px; font-weight: 500; }

.searchCon .list dt a span { display: inline-block; width: 24px; height: 14px; background: url("../../assets/img/common/right_arrow_small_block.png") center center no-repeat; vertical-align: 2px; }

.searchCon .list dd ul { font-size: 0; margin-top: -20px; }

.searchCon .list dd ul li { display: inline-block; width: calc((100% - 60px) / 4); margin-right: 20px; vertical-align: top; margin-top: 20px; }

.searchCon .list dd ul li:nth-child(4n) { margin-right: 0; }

.searchCon .list dd ul li a { display: block; }

.searchCon .list dd ul li .img { overflow: hidden; position: relative; margin-bottom: 10px; width: 100%; height: 285px; vertical-align: top; }

.searchCon .list dd ul li .img:after { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; border: 1px solid #dfe3e5; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }

.searchCon .list dd ul li .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.searchCon .list dd ul li .img span { opacity: 0; z-index: 3; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 50px; font-size: 20px; font-weight: 300; color: #fff; }

.searchCon .list dd ul li .img span:before, .searchCon .list dd ul li .img span:after { content: ""; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%) rotate(0); -ms-transform: translateX(-50%) rotate(0); transform: translateX(-50%) rotate(0); width: 3px; height: 35px; background-color: #fff; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; }

.searchCon .list dd ul li:hover .img:after { content: ""; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); }

.searchCon .list dd ul li:hover .img span { opacity: 1; }

.searchCon .list dd ul li:hover .img span:after { -webkit-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); }

.searchCon .list dd ul li .txt { height: 80px; background: #f7f7f7; position: relative; }

.searchCon .list dd ul li .txt p { display: -webkit-box; width: 100%; max-height: 55px; padding: 0 20px; font-size: 18px; color: #666; font-weight: 300; line-height: 1.55; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.searchCon .list.three dd ul li { width: calc((100% - 40px) / 3); }

.searchCon .list.three dd ul li:nth-child(4n) { margin-right: 20px; }

.searchCon .list.three dd ul li:nth-child(3n) { margin-right: 0; }

.searchCon .list.news dd ul li { width: 100%; margin-right: 0; }

.searchCon .list.news dd ul li .img { display: inline-block; width: 386px; height: 288px; margin-right: 20px; }

.searchCon .list.news dd ul li .txtWrap { display: inline-block; width: calc(100% - 406px); min-height: 288px; padding: 50px 0; background: #f7f7f7; position: relative; }

.searchCon .list.news dd ul li .txt p { margin-bottom: 25px; padding: 0 30px; position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.searchCon .list.news dd ul li .txt p:last-of-type { margin-bottom: 0; }


.fc-666{
	color:#666;
}
@media all and (max-width: 1280px) { .w1200 { max-width: none; padding: 0 40px; }
	.searchCon .list dd ul li .img { height: auto; }
	.searchCon .list dd ul li .img img { position: static; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%; } }

@media all and (max-width: 1080px) { .p_only { display: none !important; }
	.p_t_only { display: block !important; }
	.t_only { display: block !important; }
	.t_m_only { display: block !important; }
	.m_only { display: none !important; }
	.pc_img { display: none !important; }
	.pc_ta_img { display: inline !important; }
	.ta_img { display: inline !important; }
	.ta_mo_img { display: inline !important; }
	.mo_img { display: none !important; }
	.searchCon .list.news dd ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
	.searchCon .list.news dd ul li .img { width: 40%; height: auto; }
	.searchCon .list.news dd ul li .txtWrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

@media all and (max-width: 960px) { .searchCon .list dd ul li { width: calc((100% - 40px) / 3); }
	.searchCon .list dd ul li:nth-child(4n) { margin-right: 20px; }
	.searchCon .list dd ul li:nth-child(3n) { margin-right: 0; } }

@media all and (max-width: 720px) { .p_only { display: none !important; }

  html[lang="ko-KR"] body, html[lang="ko"] body{
    font-size: 3.8vw;
    line-height: 1.5em;
  }

	.p_t_only { display: none !important; }
	.t_only { display: none !important; }
	.t_m_only { display: block !important; }
	.m_only { display: block !important; }
	.pc_img { display: none !important; }
	.pc_ta_img { display: none !important; }
	.ta_img { display: none !important; }
	.ta_mo_img { display: inline !important; }
	.mo_img { display: inline !important; }
	.w1200 { padding: 0 5.56vw; }
	.comingSoonCon { min-width: auto; min-height: 97.22vw; background-image: url("../../assets/img/common/comingSoon_bg_m.jpg"); }
	.comingSoonCon .txtWrap p { font-size: 8.33vw; }
	.comingSoonCon .txtWrap img { width: 18.61vw; margin: 13.89vw 0; }
	.comingSoonCon .txtWrap span { padding: 0 4.17vw; font-size: 4.17vw; line-height: 1.46; }
	.comingSoonCon .txtWrap span br { display: none; }
	.errorCon { min-width: auto; min-height: 97.22vw; }
	.errorCon dl dt p { font-size: 38.89vw; bottom: -7.78vw; }
	.errorCon dl dd { height: 50vh; background-image: url("../../assets/img/common/error_bg_m.jpg"); }
	.errorCon dl dd .txtWrap { width: 100%; margin-top: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.errorCon dl dd .txtWrap img { display: none; }
	.errorCon dl dd .txtWrap strong { font-size: 11.67vw; }
	.errorCon dl dd .txtWrap p { margin-top: 4.86vw; font-size: 7.50vw; }
	.errorCon.error500 dl dd { background: url("../../assets/img/common/error500_bg_m.jpg"); }
	.pd_lr40 { padding: 0 5.56vw; }
	.subCon .searchCon { padding-top: 8.33vw; padding-bottom: 13.89vw; }
	.subCon .searchCon h2 { margin-bottom: 13.19vw; }
	.searchCon .conSearch { margin-bottom: 13.19vw; }
	.searchCon .list { padding-bottom: 5.56vw; margin-bottom: 12.50vw; border-bottom: 0.14vw solid #aaa; }
	.searchCon .list:last-of-type { padding-bottom: 0; margin-bottom: 0; border: 0; }
	.searchCon .list dt { margin-bottom: 9.72vw; position: relative; text-align: center; }
	.searchCon .list dt:before { content: ""; display: inline-block; width: 0.56vw; height: 3.75vw; margin-right: 2.08vw; background: #e6003e; vertical-align: -0.42vw; position: static; }
	.searchCon .list dt a { display: inline; font-size: 4.17vw; font-weight: 500; line-height: 1.13; }
	.searchCon .list dt a span { display: inline-block; width: 3.89vw; height: 2.92vw; background: url("../../assets/img/mobile/common/right_arrow_middle_black.png") top center no-repeat; background-size: auto 100%; vertical-align: 0; }
	.searchCon .list dd ul { font-size: 0; margin-top: 0; }
	.searchCon .list dd ul li { display: inline-block; width: calc(50% - 1.39vw); margin: 0 2.78vw 2.78vw 0; vertical-align: top; }
	.searchCon .list dd ul li:nth-of-type(3n) { margin-right: 2.78vw; }
	.searchCon .list dd ul li:nth-of-type(2n) { margin-right: 0; }
	.searchCon .list dd ul li:last-of-type { margin-right: 0; }
	.searchCon .list dd ul li a { display: block; }
	.searchCon .list dd ul li .img { overflow: hidden; position: relative; margin-bottom: 1.39vw; height: 41.67vw; vertical-align: top; }
	.searchCon .list dd ul li .img:after { content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; border: 0.14vw solid #dfe3e5; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
	.searchCon .list dd ul li .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.searchCon .list dd ul li .txt { height: 12.78vw; background: #f7f7f7; position: relative; }
	.searchCon .list dd ul li .txt p { display: -webkit-box; width: 100%; max-height: 9.72vw; padding: 0.42vw 4.17vw; font-size: 3.06vw; color: #666; font-weight: 300; line-height: 1.36; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.searchCon .list.three dd ul li { width: calc(50% - 1.39vw); }
	.searchCon .list.three dd ul li:nth-child(4n) { margin-right: 2.78vw; }
	.searchCon .list.three dd ul li:nth-child(3n) { margin-right: 2.78vw; }
	.searchCon .list.three dd ul li:nth-child(2n) { margin-right: 0; }
	.searchCon .list.news dd ul li { width: 100%; margin-right: 0; }
	.searchCon .list.news dd ul li a { display: block; }
	.searchCon .list.news dd ul li .img { display: block; width: 100%; height: 66.39vw; margin-bottom: 3.47vw; }
	.searchCon .list.news dd ul li .txtWrap { display: block; width: 100%; height: auto; min-height: auto; position: relative; background: #fff; padding: 0; }
	.searchCon .list.news dd ul li .txtWrap .txt { width: 100%; height: auto; background: transparent; }
	.searchCon .list.news dd ul li .txt p { display: block; margin-bottom: 3.47vw; max-height: none; padding: 0; position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); text-overflow: inherit; -webkit-line-clamp: inherit; -webkit-box-orient: inherit; overflow: inherit; }
	.searchCon .list.news dd ul li .txt p:last-of-type { margin-bottom: 0; } }

/*# sourceMappingURL=maps/common.css.map */