@charset "utf-8";

/******** Common ********/
#wrap { width:100%; min-width:320px; max-width: 100%; margin:0 auto; overflow:hidden; background-color: #fff; color: #111827; }
#skipnavi li a {  display:block; font-size:16px; width:100%; position:absolute; top:-10000px; left:0; text-align:center; z-index:999999; line-height: 1.5em; letter-spacing:-0.02em; }
#skipnavi li a:focus { position:absolute; top:0; left:0; font-weight:bold; color:#fff; background:#272727; padding:20px 0; line-height:1; }
.full-hidden { display: none; }
.mo-hidden { display: block; }
.pc-hidden { display: none; }
.pos-r { position: relative; }
.pos-a { position: absolute; }
.of-vi { overflow: visible !important; }


/******** font ********/
.font72 { font-size: 72px !important; line-height: 1.1em; letter-spacing: 0; }
.font56 { font-size: 56px !important; line-height: 1.25em; }
.font48 { font-size: 48px !important; line-height: 1.15em; }
.font44 { font-size: 44px !important; line-height: 1.15em; }
.font36 { font-size: 36px !important; line-height: 1.2em; }
.font32 { font-size: 32px !important; line-height: 1.3em; }
.font28 { font-size: 28px !important; line-height: 1.3em; }
.font24 { font-size: 24px !important; line-height: 1.4em; }
.font22 { font-size: 22px !important; line-height: 1.4em; }
.font20 { font-size: 20px !important; line-height: 1.4em; }
.font18 { font-size: 18px !important; line-height: 1.5em; }
.font16 { font-size: 16px !important; line-height: 1.5em; }
.font15 { font-size: 15px !important; line-height: 1.5em; }
.font14 { font-size: 14px !important; }

.thin { font-weight: 100 !important; }
.light { font-weight:300 !important; }
.normal { font-weight:500 !important; }
.bold { font-weight:700 !important; }
.extra-bold { font-weight: 800 !important; }
.black { font-weight: 900 !important; }
.underline { text-decoration:underline; }
.poppins { font-family: "Poppins";}
.wb-ka { word-break: keep-all; }


/******** color ********/
.color-000000 { color:#000000 !important; }
.color-FFFFFF { color:#FFFFFF !important; }
.color-1F2937 { color: #1F2937 !important; }
.color-374151 { color: #374151 !important; }
.color-4B5563 { color: #4B5563 !important; }
.color-6B7280 { color: #6B7280 !important; }
.color-9CA3AF { color: #9CA3AF !important; }
.color-1BB0AD { color: #1BB0AD !important; }
.color-EA002C { color: #EA002C !important; }
.color-E0002B { color: #E0002B !important; }
.color-DF0E15 { color: #DF0E15 !important; }
.color-111827 { color: #111827 !important; }
.color-D1D5DB { color: #D1D5DB !important; }
.color-64748B { color: #64748B !important; }

/******** background ********/
.bg-FFFFFF { background-color: #FFFFFF !important; }
.bg-F1F5F9 { background-color: #F1F5F9 !important; }
.bg-F3F4F6 { background-color: #F3F4F6 !important; }
.bg-ECECEC { background-color: #ECECEC !important; }
.bg-EA002C { background-color: #EA002C !important; }
.bg-E0002B { background-color: #E0002B !important; }
.bg-FF7A00 { background-color: #FF7A00 !important; }
.bg-018752 { background-color: #018752 !important; }
.bg-1BB0AD { background-color: #1BB0AD !important; }
.bg-1F395E { background-color: #1F395E !important; }
.bg-DF0E15 { background-color: #DF0E15 !important; }


/******** display ********/
.d-block { display:block !important; }
.d-inline-block { display:inline-block !important; }
.d-inline { display:inline !important; }


/******** hr ********/
hr { max-width: 1226px; width: 100%; height: 1px; background-color: #D1D5DB; margin: 0 auto; }


/******** tit ********/
.tit.red-dot .dot { position: absolute; width: 24px; height: 24px; background-color: #E0002B; border-radius: 50%; bottom: 7px; right: -36px; }
.tit.num.red-dot .dot { width: 10px; height: 10px; bottom: 13px; right: -13px; }
.tit.red-line .line { width: 35px; height: 4px; background-color: #C81515; }


/******** btn ********/
.btn { position: relative; display: flex; justify-content: center; align-items: center; margin: auto; text-align: center; max-width: 100%; width: 270px; height: 64px; font-size: 18px; font-weight: bold; border: 1px solid #6B7280; color: #111827; border-radius: 2px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.btn span { display: inline-block; }
.btn img { vertical-align: middle; }

/******** btn-size ********/
.btn.xs { width: 120px; height: 40px; line-height: 38px; font-size: 16px; border: 1px solid #64748B; }
.btn.md { width: 211px; height: 60px; }
.btn.lg { width: 240px; height: 90px; }


/******** btn-type ********/
.btn.icon { overflow: hidden; }
.btn.white { background-color: #FFFFFF; }
.btn.red { background-color: #E0002B; border: 1px solid #E0002B; color: #FFFFFF; }
.btn.none-line { border: 1px solid transparent; }
.btn.red.submit:disabled { background-color: #D1D5DB; border: 1px solid #D1D5DB; color: #FFFFFF; cursor: auto; }
.btn.download { justify-content: flex-start; text-align: left; padding: 18px 136px 18px 24px; background: url('../../../images/common/icon_download.svg') no-repeat right 24px center; width: auto; max-width: fit-content; }
.btn.more { width: auto; border-radius: 64px; text-align: left; padding: 0 32px; justify-content: space-between; letter-spacing: -0.02em; }
.btn.more .plus { width: 32px; height: 32px; position: relative; margin-left: 56px; }
.btn.more .plus span { display: block; width: 2px; height: 16px; border-radius: 50px; background-color: #111827; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.btn.more .plus span + span { transform: translate(-50%, -50%) rotate(90deg); }

.btn-wrap .btn { margin: 0; }
.btn-wrap .btn + .btn { margin-left: 34px; }

.btn-wrap .btn.customer { font-size: 16px; width: 156px; height: 54px; }
.btn-wrap .btn.customer + .btn.btn.customer { margin-left: 20px; }

.btn-wrap #btn_more { margin: auto; width: auto; height: 56px; padding: 14px 35px; border-color: #D1D5DB; border-radius: 60px; color: #1F2937; }
.btn-wrap #btn_more .plus { width: 24px; height: 24px; margin-right: 4px; display: flex; justify-content: center; align-items: center; position: relative; }
.btn-wrap #btn_more .plus span { display: block; width: 14px; border-top: 2px solid #1F2937; position: absolute; }
.btn-wrap #btn_more .plus span + span { transform: rotate(90deg); }


/******** layout ********/
#contentsWrap { position: relative; max-width: 100%; height: 100%; margin: 0 auto; }
.default-wrap { position: relative; width:1534px; max-width: 100%; margin-left:auto; margin-right:auto; padding-left: 28px; padding-right: 28px; }
.default-wrap.medium { width: 1282px; }
.default-wrap.small { width: 1030px; }
.default-wrap.full { width: 100%; padding-left: 0; padding-right: 0; }


/******** tabs ********/
.tab-wrap { overflow: hidden; display: block; position: relative; width: auto; margin: 0px auto; z-index: 1; }
.tab-wrap.type1 li { position: relative; z-index: 1; }
.tab-wrap.type1 li a { display: block; width: 100%; height: 68px; line-height: 68px; font-size: 18px; font-weight: 700; text-align: center; z-index: 3; border: 1px solid #D1D5DB; color: #6B7280; background-color: #ffffff; }
.tab-wrap.type1 li + li a { border-left: none; }
.tab-wrap.type1 li.active:before { content: ''; display: block; width: 1px; height: 100%; background-color: #111827; position: absolute; top: 0; left: -1px; }
.tab-wrap.type1 li.active:after { content: ''; display: block; width: calc(100% + 1px); height: 4px; background-color: #E0002B; position: absolute; bottom: 0; left: -1px; }
.tab-wrap.type1 li.active a { color:#111827; border-color: #111827; }
.tab-contents { position: relative; display: none; }
.tab-contents.active { display: block; }


/******** data Entry ********/
.form-wrap { position:relative; }
.input-item { position: relative; }
.input-item label { position: static; display: block; padding: 0; color: #111827; }
.input-item input { width:100%; height: 72px; line-height: 72px; background-color: #FFFFFF; border-bottom: 1px solid #111827; padding: 0 10px 0 0; font-size: 20px; font-weight: 500; }
.input-item input::placeholder { color: #D1D5DB; }
input:focus::-webkit-input-placeholder { color: transparent; }
.textarea-item { position: relative; }
.textarea-item label { position: static; display: block; padding: 0; color: #111827; }
.textarea-item textarea { height: 352px; overflow-y: auto; background-color: #ffffff; border: 1px solid #111827; padding: 28px 24px 20px 30px !important; font-size: 20px; font-weight: 500; line-height: 34px; }
.textarea-item textarea::placeholder { color: #D1D5DB; }
.textarea-item .text-num { position: absolute; bottom: 20px; right: 24px; font-size: 16px; color: #9CA3AF; line-height: 26px; }
.textarea-item .text-num #byteInfo { color: #111827; }

/* input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus, input[type="email"]:focus { border: none; background-color: #F9FAFB; } */


/* dropdown */
.dropdown-wrap { position: relative; z-index: 1;}
.dropdown-wrap .dropdown-btn { width:100%; background-color: #F1F5F9; background-image: url('../../../images/common/icon_arrow_down_db.svg'); background-repeat: no-repeat; background-position: right 30px center; letter-spacing:0; height: 64px; line-height: 0; color: #334155; border: 1px solid #CBD5E1; padding: 8px 30px; font-size: 18px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.dropdown-wrap .dropdown-on { display: none; }
.dropdown-wrap .dropdown-on ul li { background: #F1F5F9; color: #334155; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
.dropdown-wrap .dropdown-on ul li a { padding: 8px 16px; display: block; border-bottom: 1px solid #CBD5E1; height: 40px; line-height: 1.65; font-size: 16px; width: 100%; }

.dropdown-wrap .dropdown-on ul li:hover { background-color: #e5e7eb; }
.dropdown-wrap .dropdown-on ul li:hover a { color: #0f172a; }
.dropdown-wrap .dropdown-on ul li.active { background-color: #e5e7eb; }
.dropdown-wrap .dropdown-on ul li.active a { color: #0f172a; }


/******** select ********/
.select-item select { width: 100%; height: 72px; border-bottom: 1px solid #111827; }


/* accordion */
.accordion-wrap { width: 100%; }
.accordion-item { position: relative; width: 100%; padding: 22px 21px; text-align: left; border-top: 1px solid #94a3b8; border-bottom: 1px solid #94a3b8; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
.accordion-item > span { font-size: 24px; font-weight: bold; color: #1E293B; }
/* .accordion-item .handle { display: block; position: relative; padding: 24px 0; border-bottom: 1px solid #cccccc; font-size: 16px; background: url(../../../images/common/btn_arrow_down_b.svg) no-repeat center right; }
.accordion-item.active .handle { border-bottom: 1px solid #ffffff; background: url(../../../images/common/btn_arrow_up_b.svg) no-repeat center right;  }
.accordion-item .handle.none-con { cursor:initial; background: none;}
.accordion-item .handle span { display: block; } */
.accordion-item .handle { position: absolute; top: 50%; right: 31px; transform: translateY(-50%); }
.accordion-con { display: none; padding: 48px 60px 60px; overflow: hidden; border-bottom: 1px solid #CBD5E1; }
/* .accordion-con.active { display: block; } */
/* .accordion-item.active ~ .accordion-con { display: block; } */
/* .accordion-wrap .none { text-align: center; padding-top: 22px; padding-bottom: 22px; border-bottom: 1px solid #E9E9E9; } */


/******** contact-box ********/
.contact-box .btn.xl { background-color: #F1F5F9; border: 1px solid #F1F5F9; color: #94A3B8; background-image: url('/images/common/btn_check.png'); background-repeat: no-repeat; background-position: left 26px center; }
.contact-box .btn.xl.active { background-color: #FFFFFF; border: 1px solid #334155; color: #0F172A; background-image: url('/images/common/btn_check_active.png'); }


/******** tablest ********/
.tablest { display: table; table-layout: fixed; width: 100%; }
.tablest .tr { display: table-row; width: 100%; }
.tablest .th { display: table-cell; width: 100%; vertical-align: middle; padding-bottom: 120px; }
.tablest .td { display: table-cell; word-break: break-all; overflow: hidden; vertical-align: middle; }
.input-item { position: relative; width: 100%; }
.tablest .tr .td.e-mail .input-item { max-width: 30%; }
.tablest .tr .td > span { display: inline-block; width: 6%; height: 54px; line-height: 54px; text-align: center; }
.tablest .tr .td .select-item { max-width: 30%; width: 100%; margin-left: 28px; }
.tablest .tr .td .select-item select { padding: 0 5px; }
.tablest .td.textarea-item textarea { max-width: 786px; }





/******** headerWrap ********/
#headerWrap { position: fixed; z-index: 1000; height: 102px; width: 100%; top: 0; left: 0; transition: all 0.3s; }
#headerWrap .header-inner { position: absolute; top: 0px; height: 100%; width: 100%; padding: 0 48px 0 40px; display: flex; justify-content: space-between; }
#headerWrap .logo { display: block; width: 128px; height: 57px; background-size: contain; background-image: url('../../../images/common/img_logo_w.svg'); background-position: center; background-repeat: no-repeat; margin-top: 19px; }

/* 1뎁스 */
#headerWrap .gnb-menu .depth-1 { display: flex; justify-content: center; }
#headerWrap .gnb-menu .depth-1 > li + li { margin-left: 10px; }
#headerWrap .gnb-menu .depth-1 > li .depth-1-menu { display: block; position: relative; width: 100%; text-align: center; font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: 0; color: #ffffff; padding: 36px 32px; }
#headerWrap .gnb-menu .depth-1 > li .depth-1-menu .icon { display: inline-block; width: 20px; height: 20px; margin-left: 5px; vertical-align: middle; background: url('../../../images/common/icon_shortcut_w.svg') no-repeat center/cover; }
#headerWrap.on .gnb-menu .depth-1 > li .depth-1-menu::after { content: ""; display: block; position: absolute; bottom: -1px; left: 50%; z-index: 1; height: 2px; width: 0; background-color: #E0002B; transition: width 0.3s; transform: translateX(-50%); }
#headerWrap .gnb-menu-slide{ position: absolute; width: 30%; height: 74px; top: 0; right: 0; background-image: url("../../../images/common/header_arrow.svg"); background-repeat: no-repeat; background-size: 30px 30px; background-position: center right 36px; }

/* 2뎁스 */
#headerWrap .gnb-menu .depth-1 li .depth-2 { position: absolute; left: 0; width: 100%; display: flex; justify-content: center; padding: 32px 0; background-color: #fff; opacity: 0; visibility: hidden; overflow: hidden; }
#headerWrap .gnb-menu .depth-1 li .depth-2 > li + li { margin-left: 96px; }
#headerWrap .gnb-menu .depth-1 li .depth-2 > li > a { font-size: 18px; font-weight: 700; line-height: 28px; margin-bottom: 20px; display: block; transition: all 0.2s; }
#headerWrap .gnb-menu .depth-1 li .depth-2 > li.active > a { color: #E0002B; }
#headerWrap .gnb-menu .depth-1 li .depth-2 > li.ml50 { margin-left: 50px; }

/* 3뎁스 */
#headerWrap .gnb-menu .depth-1 li .depth-2 li .depth-3 li + li { margin-top: 12px; }
#headerWrap .gnb-menu .depth-1 li .depth-2 li .depth-3 li a { display: block; font-size: 17px; line-height: 25px; color: #374151; }
#headerWrap .gnb-menu .depth-1 li .depth-2 li .depth-3 li.active a { text-decoration: underline; }

/* 검색버튼 */
#headerWrap .right-wrap { position: relative; z-index: 1; top: 31px; }
#headerWrap .right-wrap .btn-search { width: 40px; height: 40px; background-image: url('../../../images/common/icon_search_w.svg'); background-position: center; background-size: cover; }

#headerWrap .right-wrap .dropdown-lang-wrap { display: inline-block; position: relative; margin-left: 16px; top: 7px; }
#headerWrap .right-wrap .dropdown-lang-wrap a { color: #ffffff; }
#headerWrap .right-wrap .dropdown-lang-wrap a + a { margin-left: 10px; }
#headerWrap .right-wrap .dropdown-lang-wrap a.active { color: #EA002C; }
#headerWrap.on .right-wrap .dropdown-lang-wrap a.active, #wrap.search #headerWrap .right-wrap .dropdown-lang-wrap a.active { color: #E0002B; }

/* 검색창 */
#headerWrap #searchWrap { background-color: #F3F4F6; padding: 72px 0 89px; position: relative; top: 102px; border-bottom: 1px solid #D1D5DB; display: none; }
#headerWrap #searchWrap form,
.hero-search-wrap form { max-width: 587px; width: 100%; background-color: #fff; height: 60px; border: 1px solid #D1D5DB; border-radius: 2px; margin: auto; position: relative; padding: 10px 14px 10px 32px; }
#headerWrap #searchWrap form input,
.hero-search-wrap form input { width: calc(100% - 40px); height: 100%; border: none; font-size: 20px; color: #9CA3AF; }
.hero-search-wrap form input::placeholder { font-weight: normal !important; }
#headerWrap #searchWrap form .btn-search-red,
.hero-search-wrap form .btn-search-red { position: absolute; top: 10px; right: 14px; }

/* on */
#headerWrap.on, #headerWrap.search { background-color: #ffffff; box-shadow: 0px 4px 20px rgba(17, 24, 39, 0.15); }
#headerWrap.on::after, #headerWrap.search::after, #headerWrap.view::after { content: ""; display: block; position: absolute; top: 102px; left: 0px; height: 1px; width: 100%; background-color: #D1D5DB; }
#headerWrap.on .logo, #headerWrap.search .logo, #headerWrap.view .logo, #wrap.search #headerWrap .logo { background-image: url('../../../images/common/img_logo.svg'); }

#headerWrap.on .gnb-menu .depth-1 > li .depth-1-menu,
#headerWrap.search .gnb-menu .depth-1 > li .depth-1-menu,
#headerWrap.view .gnb-menu .depth-1 > li .depth-1-menu,
#wrap.search #headerWrap .gnb-menu .depth-1 > li .depth-1-menu { color: #111827; }
#headerWrap.on .gnb-menu .depth-1 > li.active .depth-1-menu::after { width: calc(100% - 64px); }
#headerWrap.on .gnb-menu .depth-1 > li .depth-1-menu .icon,
#headerWrap.search .gnb-menu .depth-1 > li .depth-1-menu .icon,
#headerWrap.view .gnb-menu .depth-1 > li .depth-1-menu .icon,
#wrap.search #headerWrap .gnb-menu .depth-1 > li .depth-1-menu .icon { background-image: url('../../../images/common/icon_shortcut.svg'); }

#headerWrap.search .right-wrap .btn-search { background: none !important; position: relative; }
#headerWrap.search .right-wrap .btn-search span { display: block; width: 2px; height: 29px; background-color: #111827; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); }
#headerWrap.search .right-wrap .btn-search span + span { transform: translate(-50%, -50%) rotate(135deg); -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); }
#headerWrap.on .right-wrap .dropdown-lang-wrap a,
#headerWrap.gnb-open .right-wrap .dropdown-lang-wrap a,
#headerWrap.view .right-wrap .dropdown-lang-wrap a,
#headerWrap.search .right-wrap .dropdown-lang-wrap a,
#wrap.search #headerWrap .right-wrap .dropdown-lang-wrap a { color: #111827; }

#headerWrap.on .gnb-menu .depth-1 li.active .depth-2 { opacity: 1; visibility: visible; overflow: visible; }
#headerWrap.on .right-wrap .btn-search,
#headerWrap.search .right-wrap .btn-search,
#headerWrap.view .right-wrap .btn-search,
#wrap.search #headerWrap .right-wrap .btn-search { background-image: url('../../../images/common/icon_search.svg'); }



/******** hero-wrap ********/
.hero-wrap { position: relative; width: 100%; height: 640px; overflow: hidden; }
#wrap.search .hero-wrap { height: 566px; }
.hero-wrap .title-wrap { width: 100%; color: #ffffff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); animation: blurTxt 1.5s 0.2s; -webkit-animation: blurTxt 1.5s 0.2s; animation-fill-mode: both; }
#wrap.search .hero-wrap .title-wrap { top: 262px; }
.hero-wrap .title-wrap h3 { font-size: 32px; font-weight: 700; line-height: 40px; letter-spacing: 0; }
.hero-wrap .title-wrap h1 { font-size: 70px; font-weight: 700; line-height: 1.2; letter-spacing: 0; }
@keyframes blurTxt {
    0% {
        filter: blur(10px);
        -webkit-filter: blur(10px);
        opacity: 0;
    }

    100% {
        filter: blur(0);
        -webkit-filter: blur(0);
        opacity: 1;
    }
}

.hero-wrap .img-wrap { position: absolute; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; animation: fadeIn 1.5s; -webkit-animation: fadeIn 1.5s; }
#wrap.search .hero-wrap .img-wrap { background-size: 739px; background-position: right -259px top -47px; }
@keyframes fadeIn {
    0% {
        transform: scale(1.1, 1.1) translateZ(1px);
        -webkit-transform: scale(1.1, 1.1) translateZ(1px);
        -moz-transform: scale(1.1, 1.1) translateZ(1px);
        -ms-transform: scale(1.1, 1.1) translateZ(1px);
        -o-transform: scale(1.1, 1.1) translateZ(1px);
    }

    100% {
        transform: scale(1, 1) translateZ(1px);
        -webkit-transform: scale(1, 1) translateZ(1px);
        -moz-transform: scale(1, 1) translateZ(1px);
        -ms-transform: scale(1, 1) translateZ(1px);
        -o-transform: scale(1, 1) translateZ(1px);
    }
}

#wrap.search .hero-search-wrap { position: absolute; width: 100%; top: 374px; }

/******** tab-nav-wrap ********/
.tab-nav-wrap { border-bottom: 1px solid #D1D5DB; }
.tab-nav-wrap ul { display: flex; justify-content: center; }
.tab-nav-wrap ul li { position: relative; }
.tab-nav-wrap ul li + li { margin-left: 48px; }
.tab-nav-wrap ul li a { display: block; font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing: 0; padding: 29px 40px; color: #6B7280; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
.tab-nav-wrap ul li.active a { color: #EA002C; }
.tab-nav-wrap ul li.active a::after { content: ''; display: block; width: 100%; height: 4px; position: absolute; bottom: 0; left: 50%; background-color: #EA002C; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }


/******** quickWrap ********/
#quickWrap .top-btn { position: fixed; right: 3.75rem; bottom: 3.75rem; z-index: 50; width: 56px; height: 56px; border: 1px solid #111827; background-color: transparent; border-radius: 0.2em; }
#quickWrap .top-btn svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
#quickWrap .top-btn .scroll-progress { width: 100%; height: 100%; background-color: #111827; }

#quickWrap .top-btn.show { transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); }
#quickWrap .top-btn.hidden { transform: translate(0,350px); -webkit-transform: translate(0,350px); -moz-transform: translate(0,350px); -ms-transform: translate(0,350px); -o-transform: translate(0,350px); }
#quickWrap .top-btn.show, #quickWrap .top-btn.hidden { transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1); }



/******** footerWrap ********/
#footerWrap .footer-wrap { position: relative; width: 100%; background-color: #27272A; padding-top: 64px; padding-bottom: 72px; }
#footerWrap .footer-wrap .default-wrap { overflow: visible; width: 1413px; padding-left: 24px; padding-right: 24px; display: flex; justify-content: space-between; }
#footerWrap .footer-wrap .site-map { max-width: 954px; width: calc(100% - 401px); height: 259px; border-right: 1px solid rgba(255,255,255,0.1); }
#footerWrap .footer-wrap .site-map > ul { display: flex; }
#footerWrap .footer-wrap .site-map > ul > li + li { margin-left: 64px; }
#footerWrap .footer-wrap .site-map > ul > li > a { display: block; color: #FFFFFF; font-size: 18px; line-height: 27px; font-weight: 700; margin-bottom: 20px; }
#footerWrap .footer-wrap .site-map > ul > li > ul > li + li { margin-top: 18px; }
#footerWrap .footer-wrap .site-map > ul > li > ul > li > a { display: block; color: #D1D5DB; font-size: 14px; line-height: 12px; font-weight: 500; }

#footerWrap .footer-wrap .footer-txt { max-width: 347px; width: 100%; }
#footerWrap .footer-wrap .footer-txt .privacy { margin-bottom: 32px; margin-right: -4px; }
#footerWrap .footer-wrap .footer-txt .privacy a { color: #ffffff; }

#footerWrap .footer-wrap .footer-txt > .select { position: relative; width: 246px; background-color: #4A4E55; margin-bottom: 24px; z-index: 1; }
#footerWrap .footer-wrap .footer-txt > .select > a { position: relative; display: block; font-size: 14px; font-weight: 700; line-height: 43px; color: #FFFFFF; padding: 0 16px; background-image: url('../../../images/common/icon_arrow_up_w.svg'); background-position: right 20px center; background-repeat: no-repeat; }
#footerWrap .footer-wrap .footer-txt > .select > ul { position: absolute; bottom: 43px; left: 0; width: 100%; background-color: #4A4E55; display: none; }
#footerWrap .footer-wrap .footer-txt > .select > ul > li > a { color: #E2E8F0; padding: 0 16px; line-height: 40px; font-size: 14px; display: block; }
#footerWrap .footer-wrap .footer-txt address, #footerWrap .footer-wrap .footer-txt .copy { color: #D1D5DB; font-size: 12px; line-height: 17px; }
#footerWrap .footer-wrap .footer-txt .copy { margin-top: 8px; }
#footerWrap .footer-wrap .footer-txt .f-logo { position: absolute; bottom: 0; }


/******** layer-popup ********/
.popup-block { position: fixed; z-index: 25; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.6; }
.layer-popup { width: 80%; max-width: 700px; height: 70%; max-height: 533px; padding: 48px 32px 32px; display: none; overflow: hidden; position: fixed; top:50%; left: 50%; z-index: 50; background-color: #FFFFFF; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 2px; }
.layer-popup .pop-top { position: relative; margin-bottom: 24px; }
.layer-popup .pop-top .tit { font-size: 24px; line-height: 34px; font-weight: 700; }
.layer-popup .pop-top .pop-close { width: 32px; height: 32px; line-height: 0; border: none; position: absolute; top: 1px; right: 0; }
.layer-popup .pop-top .pop-close span { position: absolute; width: 1.5px; height: 22px; background-color: #374151; border-radius: 50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.layer-popup .pop-top .pop-close span + span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.layer-popup .pop-con { position: relative; height: calc(100% - 58px); background-color: #F9FAFB; }
.layer-popup .pop-con::after { content: ''; display: block; width: calc(100% - 3px); height: 31px; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(249, 250, 251, 0) 0%, #F9FAFB 85.48%); }
.layer-popup .pop-con .scroll-box { padding: 28px 33px 36px 36px; height: 100%; color: #6B7280; }
.layer-popup .pop-con .scroll-box p + p { margin-top: 28px; }
.layer-popup .pop-con .scroll-box p strong { display: block; color: #E0002B; margin-bottom: 12px; }
.layer-popup .pop-con .scroll-box::-webkit-scrollbar { width: 9px; background-color: transparent; }
.layer-popup .pop-con .scroll-box::-webkit-scrollbar-thumb { background-color: #E5E7EB; border-radius: 31px; border: 3px solid transparent; background-clip: padding-box; }


/******** news-search-wrap ********/
.news-search-wrap { position: relative; width: 432px; margin: auto; display: flex; justify-content: center; }
.news-search-wrap.right { justify-content: flex-end; margin-left: auto; margin-right: 0; }
.news-search-wrap .select-item { width: 136px; margin-right: 16px; }
.news-search-wrap .select-item select { width: 100%; height: 50px; background: url('../../../images/common/icon_arrow_down.svg') no-repeat right center; border-bottom: 1px solid #111827; }
.news-search-wrap .input-item { width: 280px; height: 50px; border-bottom: 1px solid #111827; }
.news-search-wrap .input-item input { width: calc(100% - 32px); height: 49px; line-height: 49px; border-bottom: none; background-color: #ffffff; padding: 0 2px; }
.news-search-wrap .btn-wrap { position: absolute; top: 8px; right: 0; line-height: 0; width: 32px; height: 32px; }



/******** product-search-wrap ********/
.product-search-wrap .product-search-btn { display: inline-block; padding: 16px 32px; padding-left: 72px; line-height: 30px !important; border: 1px solid #6B7280; border-radius: 64px; }
.product-search-wrap .product-search-btn:before { content: ''; position: absolute; top: 50%; left: 32px; transform: translateY(-50%); width: 32px; height: 32px; background-image: url('../../../images/common/icon_search.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; }

.product-search-wrap .layer-popup { height: auto; max-height: calc(100vh - 210px); padding: 48px 40px 32px; overflow: visible; }
.product-search-wrap .pop-top { position: relative; margin-bottom: 0; z-index: 1; }
.product-search-wrap .pop-top .tit button { vertical-align: middle; }

.product-search-wrap .pop-input-wrap { overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.product-search-wrap .pop-input-wrap::-webkit-scrollbar { width: 0; }
.product-search-wrap .pop-input-wrap input { display: none; }
.product-search-wrap .pop-input-wrap label { position: relative; padding: 18px; padding-left: 48px; border: 1px solid #D1D5DB; cursor: pointer; }
.product-search-wrap .pop-input-wrap label:before { content: ''; position: absolute; width: 24px; height: 24px; top: 50%; left: 15px; transform: translateY(-50%); background-image: url('../../../images/common/btn_check_line_b.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.product-search-wrap .pop-input-wrap label:not(:last-of-type) { border-right: none; }
.product-search-wrap .pop-input-wrap label:first-of-type { border-radius: 2px 0 0 2px; }
.product-search-wrap .pop-input-wrap label:last-of-type { border-radius: 0 2px 2px 0; }
.product-search-wrap .pop-input-wrap input:checked + label { border-color: #1F2937; border-right: 1px solid #1F2937; color: #1F2937 !important; }
.product-search-wrap .pop-input-wrap input:checked + label:before { background-image: url('../../../images/common/btn_check_line_r.svg'); }
.product-search-wrap .pop-input-wrap input:checked + label + input + label { border-left: none; }

.product-search-wrap .layer-popup .product-search-btn { border-color: #DF0E15; }
.product-search-wrap .layer-popup .product-search-btn:before { background-image: url('../../../images/common/icon_search_w.svg'); }

.product-search-wrap .product-select { position: relative; z-index: 1; }
.product-search-wrap .product-select .dropdown { position: relative; width: 100%; padding: 19px 20px; border: 1px solid #D1D5DB; border-radius: 2px; transition: 0.3s; }
.product-search-wrap .product-select.on .dropdown { border-color:#1F2937; }
.product-search-wrap .product-select .dropdown:after { content:''; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background-image: url('../../../images/common/header_arrow.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.product-search-wrap .product-select ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; max-height: 216px; border-radius: 2px; border: 1px solid #D1D5DB; overflow-y: auto; }
.product-search-wrap .product-select ul li { transition: 0.3s; }
.product-search-wrap .product-select ul li a { display: block; padding: 24px 40px; color: #1F2937; font-weight: 500; }

/* .product-search-wrap .layer-popup .pop-con, .product-search-wrap .layer-popup .btn.product { display: none; } */
.product-search-wrap .pop-con { height: auto; padding-left: 40px; max-height: 173px; overflow-y: auto; }
.product-search-wrap .pop-con:after { position: sticky; bottom: -14px; }
.product-search-wrap .pop-con .txt-list thead { height: 32px; position: sticky; top: 0px; background-color: #F9FAFB; }
.product-search-wrap .pop-con .txt-list thead th { line-height: 21px !important; padding: 16px 0; }
.product-search-wrap .pop-con .txt-list tbody tr + tr td { padding-top: 14px; }
.product-search-wrap .pop-con .txt-list td:first-of-type { color: #6B7280; }
.product-search-wrap .pop-con .txt-list td:last-of-type { padding-left: 40px; padding-right: 16px; text-align: left !important; font-weight: 500; }
.product-search-wrap .pop-con .txt-list td .pdf img { width: 24px; margin-left: 8px; }

.product-search-wrap .btn.product { margin-right: 0; width: 220px; height: 59px; }
.product-search-wrap .btn.product img { margin-left: 8px; }

/******** list ********/
.list-wrap { overflow: hidden; }
.list-wrap li { position: relative; float: left; height: 440px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.list-wrap li + li { margin-left: 34px; }


/******** card-list-wrap ********/



/******** media-list-wrap ********/
.media-list-wrap { border-top: 1px solid #1F2937; }
.media-list-wrap > .media-list-item { width: 100%; border-bottom: 1px solid #E5E7EB; display: flex; align-items: center; justify-content: space-between; position: relative; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.media-list-wrap > .media-list-item::after { content: ''; display: block; width: 0%; height: 2px; background-color: #CC1A1A; position: absolute; left: 0; bottom: 0; transition: width 0.5s ease; -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease; -o-transition: width 0.5s ease; }

.media-list-wrap > .media-list-item > a { display: flex; align-items: center; padding: 72px 40px; width: 100%; }
.media-list-wrap > .media-list-item > a > .news-date { position: relative; max-width: 70px; width: 100%; padding-right: 20px; word-wrap: break-word; text-align: center; }
.media-list-wrap > .media-list-item > a > .news-date::after { content: ""; display: inline-block; width: 1px; height: 56px; background-color: #E5E7EB; position: absolute; top: 0; right: 0; }

.media-list-wrap > .media-list-item > a > .news-title { max-width: 583px; width: 100%; margin: 0 32px; }
.media-list-wrap > .media-list-item > a > .news-summary { max-width: 680px; width: 100%; height: auto; line-height: 25px; }

.media-list-wrap.pdf > .media-list-item > a { width: calc(100% - 206px); }
.media-list-wrap.pdf > .media-list-item > a > .news-title { max-width: 300px; }
.media-list-wrap.pdf > .media-list-item > a > .news-summary { max-width: 577px; }
.media-list-wrap.pdf > .media-list-item > div { padding: 72px 40px 72px 0; }
.media-list-wrap.pdf > .media-list-item > div > .btn-download { width: 166px; height: 64px; padding: 0; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #6B7280; border-radius: 2px; }


/******** search-list-wrap ********/
.search-list-wrap { border-top: 1px solid #1F2937; }
.search-list-wrap .search-list-item { padding: 0 40px; width: 100%; border-bottom: 1px solid #E5E7EB; display: flex; align-items: center; justify-content: space-between; position: relative; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.search-list-wrap .search-list-item::after { content: ''; display: block; width: 0%; height: 2px; background-color: #CC1A1A; position: absolute; left: 0; bottom: 0; transition: width 0.5s ease; -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease; -o-transition: width 0.5s ease; }
.search-list-wrap .search-list-item a { padding: 30px 0; flex-grow: 1; }
.search-list-wrap .search-list-item a + a { margin-left: 20px; }
.search-list-wrap .search-list-item a.pdf { padding: 0; max-width: 32px; }
.search-list-wrap .search-list-item.media-list-item a { padding: 64px 0; }
.search-list-wrap .search-list-item.media-list-item a .news-title { max-width: 700px; }
/* .search-list-wrap .search-list-item.media-list-item { padding: 0 40px; } */
/* .search-list-wrap .search-list-item.media-list-item a .news-date { position: relative; max-width: 50px; width: 100%; word-wrap: break-word; text-align: center; margin-right: 20px; } */
/* .search-list-wrap .search-list-item.media-list-item a .news-date:after { content: ""; display: inline-block; width: 1px; height: 56px; background-color: #E5E7EB; position: absolute; top: 0; right: -20px; } */

.search-tab:not([data-tab="2"]) .search-list-wrap li:not(.news-pdf):before { content: ''; position: absolute; width: 20px; height: 20px; background-image: url('../../../images/common/icon_shortcut.svg'); top: 50%; right: 40px; transform: translateY(-50%) rotate(45deg); opacity: 0; transition: 0.3s; }

/******** info-wrap ********/


/******** icon-list-wrap ********/



/*xl*/
@media (max-width: 1440px) {


}

@media (max-width: 1280px) {
    /******** headerWrap ********/
    #headerWrap .header-inner { padding: 0 32px; }
    /* #headerWrap .gnb-menu .depth-1 > li + li { margin-left: 0; } */
    #headerWrap .gnb-menu .depth-1 > li .depth-1-menu { padding: 36px 15px; }
}

/*lg*/
@media (max-width: 1024px) {
    /******** headerWrap ********/
    #headerWrap { position: fixed; top: 0; left: 0; height: 66px !important; }
    #headerWrap::after { display: none; }
    #headerWrap .header-inner { position: relative; padding: 11px 20px 17px 24px; align-items: flex-end; }
    #headerWrap .logo { width: 92px; height: 38px; margin-top: 0; position: relative; z-index: 1; }
    #headerWrap .right-wrap { position: static; display: flex; height: 32px; }
    #headerWrap .right-wrap .btn-search { display: inline-block; width: 32px; height: 32px; margin-right: 10px; }

    #headerWrap .right-wrap .dropdown-lang-wrap { height: 26px; position: absolute; top: 20px; right: 76px; margin-left: 0; transition: all 0.3s; }
    #headerWrap .right-wrap .dropdown-lang-wrap a { font-size: 16px !important; color: #ffffff; }
    #headerWrap .right-wrap .dropdown-lang-wrap a.active { color: #E0002B !important; }

    #headerWrap .right-wrap .btn-burger { width: 32px; height: 32px; padding: 8px 5px; position: relative; }
    #headerWrap .right-wrap .btn-burger span { display: block; width: 22px; height: 2px; background-color: #ffffff; opacity: 1; position: absolute; top: 8px; left: 5px; transform: rotate(0deg); transform-origin: left center; transition: all 0.25s ease-in-out; }
    #headerWrap .right-wrap .btn-burger span:nth-child(2) { top: 15px; }
    #headerWrap .right-wrap .btn-burger span:last-child { top: 22px; }

    #headerWrap .gnb-menu { position: fixed; max-width: 100%; width: 100%; height: 100%; top: 0; right: -100%; left: inherit; background-color: #ffffff; padding: 144px 0 54px; overflow-y: auto; transition: all 0.3s; }
    #headerWrap .gnb-menu .depth-1 { display: block; }
    #headerWrap .gnb-menu .depth-1 > li { position: relative; }
    #headerWrap .gnb-menu .depth-1 > li + li, #headerWrap .gnb-menu .depth-1 li .depth-2 > li.ml50 { margin-left: 0; }
    #headerWrap .gnb-menu .depth-1 > li .depth-1-menu { display: inline-block; width: auto; text-align: left; padding: 16px 36px; font-size: 32px; line-height: 42px; color: #111827; }
    /* #headerWrap .gnb-menu .depth-1 > li .depth-1-menu::before { content: ''; display: block; width: 20px; height: 20px; background: url('../../../images/common/header_arrow.svg') no-repeat center; position: absolute; top: 29px; right: 8px; } */
    #headerWrap .gnb-menu .depth-1 > li:last-child .depth-1-menu::before { display: none; }
    #headerWrap .gnb-menu .depth-1 > li .depth-1-menu.active { color: #E0002B; }
    #headerWrap .gnb-menu .depth-1 > li .depth-1-menu.active::before { background-image: url('../../../images/common/header_arrow_r.svg'); }
    #headerWrap .gnb-menu .depth-1 > li .depth-1-menu .icon { background-image: url('../../../images/common/icon_shortcut.svg'); }
    #headerWrap .gnb-menu-slide { display: block; }

    #headerWrap .gnb-menu .depth-1 li .depth-2 { display: none; position: static; opacity: 1; background-color: #F3F4F6; visibility: visible; box-shadow: inset 0px 4px 20px rgba(0, 0, 0, 0.04); padding: 32px 36px; }
    #headerWrap .gnb-menu .depth-1 li .depth-2 > li + li { margin-left: 0; margin-top: 36px; }
    #headerWrap .gnb-menu .depth-1 li .depth-2 > li br { display: none; }
    #headerWrap .gnb-menu .depth-1 li .depth-2 > li > a { font-size: 20px; line-height: 30px; margin-bottom: 10px; }
    #headerWrap .gnb-menu .depth-1 li .depth-2 li .depth-3 li + li { margin-top: 10px; }
    #headerWrap .gnb-menu .depth-1 li .depth-2 li .depth-3 li a { font-size: 18px; line-height: 28px; }


    /* active, on */
    #headerWrap.on::after { display: none; }
    #headerWrap.active .logo { background-image: url('../../../images/common/img_logo.svg'); }
    #headerWrap.active .right-wrap .btn-burger span, #headerWrap.on .right-wrap .btn-burger span, #wrap.search #headerWrap .right-wrap .btn-burger span { background-color: #111827; }
    #headerWrap.active .right-wrap .btn-burger span:first-child { transform: rotate(45deg); top: 7px; left: 8px; }
    #headerWrap.active .right-wrap .btn-burger span:nth-child(2) { width: 0; opacity: 0; }
    #headerWrap.active .right-wrap .btn-burger span:last-child { transform: rotate(-45deg); left: 8px; }

    #headerWrap.active .gnb-menu { top: 0; right: 0; }
    #headerWrap.active .right-wrap .btn-search { display: none; }
    #headerWrap.on .right-wrap .dropdown-lang-wrap a,
    #headerWrap.active .right-wrap .dropdown-lang-wrap a { color: #111827; }
    /* #headerWrap.active .right-wrap .dropdown-lang-wrap { right: 76px; } */

    #headerWrap.search::after, #headerWrap.view::after { top: 66px; }
    #headerWrap.search .right-wrap .btn-burger span,
    #headerWrap.view .right-wrap .btn-burger span { background-color: #111827; }
    /* #headerWrap.search .right-wrap .btn-search span + span { height: 25px; } */
    #headerWrap #searchWrap { top: 0; padding: 14px 20px; }
    #headerWrap #searchWrap .default-wrap { padding: 0; }
    #headerWrap #searchWrap form { max-width: 100%; height: auto; padding: 0; border: none; background-color: transparent; }
    #headerWrap #searchWrap form .btn-search-red { width: 32px; height: 32px; top: 0; right: 0; }
    #headerWrap #searchWrap form input:focus { background-color: transparent; }


    /******** layer-popup ********/
    .layer-popup { height: 550px; padding: 24px 32px; }
    .layer-popup .pop-top { height: 40px; line-height: 40px; margin-bottom: 16px; }
    .layer-popup .pop-top .tit { font-size: 18px; }
    .layer-popup .pop-top .pop-close span { height: 20px; top: 3px; }
    .layer-popup .pop-con { height: calc(100% - 60px); }
    .layer-popup .pop-con .scroll-box { padding: 30px; }
    .layer-popup .pop-con .scroll-box p { font-size: 14px; }
    .layer-popup .pop-con .scroll-box p strong { font-size: 16px; }
    .layer-popup .pop-con .scroll-box::-webkit-scrollbar { width: 0; }

    /******** product-search-wrap ********/
    .product-search-wrap { margin-bottom: 0 !important; }
    .product-search-wrap .product-search-btn { padding: 10px 20px; padding-left: 56px; }
    .product-search-wrap .product-search-btn:before { width: 28px; height: 28px; left: 24px; }
    .product-search-wrap .layer-popup { min-width: 300px; max-height: calc(100vh - 160px); padding: 28px; overflow: scroll; }

    .product-search-wrap .layer-popup .pop-top { height: auto; }
    .product-search-wrap .layer-popup .btn-wrap { margin-top: 16px; }
    .product-search-wrap .layer-popup .btn-wrap ul li a { padding: 18px; padding-left: 48px; }
    .product-search-wrap .layer-popup .product-select .dropdown { padding: 16px 20px; padding-right: 40px; font-size: 14px !important; }
    .product-search-wrap .layer-popup .pop-con { padding: 14px; padding-top: 0; overflow-x: hidden; }
    .product-search-wrap .layer-popup .product-select ul { max-height: 215px; margin-bottom: 20px; }
    .product-search-wrap .layer-popup .product-select ul li a { display: block; padding: 18px 20px; font-size: 14px; line-height: 1.4em; }
    .product-search-wrap .layer-popup .pop-con .txt-list td:last-of-type { padding-left: 20px; overflow: hidden; }

    .product-search-wrap .layer-popup .btn.product { margin-right: auto; }


    /******** footerWrap ********/
    #footerWrap .footer-wrap { padding-top: 40px; padding-bottom: 64px; }
    #footerWrap .footer-wrap .site-map { display: none; }
    #footerWrap .footer-wrap .footer-txt { max-width: 100%; text-align: center; }
    #footerWrap .footer-wrap .footer-txt > .select { max-width: 311px; width: 100%; margin-bottom: 20px; margin-left: auto; margin-right: auto; text-align: left; }
    #footerWrap .footer-wrap .footer-txt .f-logo { position: static; margin-bottom: 16px; }

    /******** quickWrap ********/
    #quickWrap .top-btn { width: 44px; height: 44px; right: 16px; bottom: 16px; }
    #quickWrap .top-btn svg { width: 10px; height: 21px; }


    /******** tab-nav-wrap ********/
    .tab-nav-wrap ul { flex-wrap: nowrap; padding: 0 24px; width: auto; overflow-x: auto; margin: 0 auto; justify-content: left; max-width: max-content; -ms-overflow-style: none; scrollbar-width: none; }
    .tab-nav-wrap ul::-webkit-scrollbar { display: none; }
    .tab-nav-wrap ul li { flex-shrink: 0; margin: 0 24px; }
    .tab-nav-wrap ul li + li { margin-left: 24px; }
    .tab-nav-wrap ul li:first-child { margin-left: 0; }
    .tab-nav-wrap ul li:last-child { margin-right: 0; }
    .tab-nav-wrap ul li a { padding: 18px; }
}

/*md*/
@media (max-width: 768px) {
    .mo-hidden { display: none; }
    .pc-hidden { display: block; }

    .contents.pt120 { padding-top: 56px !important; }

    /******** font ********/
    .font72 { font-size: 48px !important; line-height: 1.15em !important; letter-spacing: -0.02em !important; }
    .font56 { font-size: 32px !important; line-height: 1.3em !important; }
    .font48 { font-size: 28px !important; line-height: 1.3em !important; }
    .font44 { font-size: 24px !important; line-height: 1.3em; }
    .font36 { font-size: 24px !important; line-height: 1.4em !important; }
    .font32 { font-size: 24px !important; line-height: 1.4em !important; }
    .font28 { font-size: 20px !important; line-height: 1.4em !important; }
    .font24 { font-size: 20px !important; line-height: 1.4em !important; }
    .font20 { font-size: 18px !important; line-height: 1.5em !important; }
    .font18 { font-size: 16px !important; line-height: 1.5em !important; }

    .mo-font20 { font-size: 20px !important; line-height: 1.4em !important; }
    .mo-font22 { font-size: 22px !important; line-height: 1.4em !important; }

    /******** btn ********/
    .btn-wrap #btn_more { height: 44px; padding: 10px 27px; font-size: 16px; }
    .btn-wrap #btn_more .plus { width: 20px; height: 20px; margin-right: 4px; }
    .btn-wrap #btn_more .plus span { width: 11.67px; }

    /******** tab-nav-wrap ********/
    .tab-nav-wrap ul li { margin: 0 4px; }
    .tab-nav-wrap ul li + li { margin-left: 4px; }
    .tab-nav-wrap ul li a { font-size: 16px; }

    /******** tabs ********/
    /* mobile dropdown */
    #contents1-2-3 > .default-wrap:nth-of-type(2),
    #contents1-2-4 .btn-wrap + .default-wrap { z-index: 1; }

    .tab-wrap { overflow: visible; }
    .tab-wrap.type1 li.active:before { left: 0; }
    .tab-wrap.type1 li:first-child.active:before,
    .tab-wrap.type1 .mo-dropdown li.active:before,
    .tab-wrap.type1 .mo-dropdown li.active:after { display: none; }
    .tab-wrap.type1 li.active:after { left: 0; width: 100%; }
    .tab-wrap .flex-con li:not(.active) { display: none; }
    .tab-wrap .flex-con li a { height: 60px; line-height: 60px; padding: 0 20px; text-align: left; }
    .tab-wrap .flex-con li a:after { content: ''; position: absolute; top: 20px; right: 16px; width: 16px; height: 16px; background-image: url('../../../images/common/icon_arrow_down.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; }

    .tab-wrap .mo-dropdown-toggle { top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 10;}
    .tab-wrap .mo-dropdown { display: none; top: 110%; left: 0; width: 100%; padding: 20px; background-color: #fff; border: 1px solid #D1D5DB; overflow: hidden;}
    .tab-wrap .mo-dropdown li a,
    .tab-wrap .mo-dropdown li button { display: block; width: 100%; height: 40px; line-height: 40px; border: none; text-align: left; font-size: 18px; font-weight: 700; color: #6B7280; }
    .tab-wrap .mo-dropdown li.active a,
    .tab-wrap .mo-dropdown li.active button { color: #EA002C; }

    /******** hero-wrap ********/
    .hero-wrap { height: 300px; }
    .hero-wrap .img-wrap { height: 300px; }
    .hero-wrap .title-wrap { top: auto; bottom: 101px; }
    .hero-wrap .title-wrap h3 { font-size: 20px; line-height: 29px; margin-bottom: 4px !important; }
    .hero-wrap .title-wrap h1 { font-size: 48px; line-height: 60px; letter-spacing: -0.02em; }

    #wrap.search .hero-search-wrap { padding: 0 28px; word-break: keep-all; }
    #wrap.search .hero-wrap .img-wrap  { background-size: 270px; background-position: right -99px top 54px;}
    #wrap.search .hero-wrap { height: 364px; }
    #wrap.search .hero-wrap .title-wrap { top: 146px; }
    #wrap.search .hero-search-wrap { top: 208px; }
    #wrap.search .hero-search-wrap form { padding-left: 20px; }

    /******** tit ********/
    .tit.red-dot .dot { width: 16px; height: 16px; bottom: 6px; right: -20px; }

    /******** news-search-wrap ********/
    .news-search-wrap { max-width: 100%; }
    .news-search-wrap .input-item input { font-size: 18px; }

    /******** media-list-wrap ********/
    .media-list-wrap > .media-list-item,
    .media-list-wrap > .media-list-item > a { flex-direction: column; align-items: flex-start; }
    .media-list-wrap > .media-list-item { padding: 24px 20px; }
    .media-list-wrap > .media-list-item > a,
    .media-list-wrap.pdf > .media-list-item > a { width: 100%; padding: 0; }
    .media-list-wrap > .media-list-item > a > .news-date { max-width: 100%; text-align: left; }
    .media-list-wrap > .media-list-item > a > .news-date:after { display: none; }
    .media-list-wrap > .media-list-item > a > .news-date span { display: inline; }
    .media-list-wrap > .media-list-item > a > .news-date br { display: none; }
    .media-list-wrap > .media-list-item > a > .news-title { max-width: 100%; margin: 4px 0 12px 0; font-size: 22px !important; }
    .media-list-wrap > .media-list-item > div > .btn-download,
    .media-list-wrap.pdf > .media-list-item > div > .btn-download { width: 127px; height: 48px; margin-top: 24px;}
    .media-list-wrap > .media-list-item > div > .btn-download img { width: 24px; }

    .media-list-wrap.pdf .media-list-item > div { padding: 0; }

    /******** search-list-wrap ********/
    .hero-search-wrap form .btn-search-red { width: 32px; height: 32px; top: 14px; }

    .search-list-wrap .search-list-item, .search-list-wrap .search-list-item.media-list-item { padding: 24px 20px; }
    .search-list-wrap .search-list-item a,
    .search-list-wrap .search-list-item.media-list-item a  { padding: 0; }
    .search-list-wrap .search-list-item a + a { margin-left: 18px; }
    .search-list-wrap .search-list-item a.pdf { max-width: 24px; flex-shrink: 0; }

    .search-list-wrap.media-list-wrap > .media-list-item > a > .news-title { margin: 4px 0 0; }
    .search-list-wrap.media-list-wrap > .media-list-item.news-pdf > a > .news-title { max-width: 90%;  }
    .search-list-wrap.media-list-wrap > .media-list-item > a.pdf { position: absolute; width: 24px; right: 20px; bottom: 24px; }
}

/*sm*/
@media (max-width: 560px) {
}

@media (max-width: 414px) {

}


/*xs*/
@media (max-width: 375px) {

}

@media all and (max-width:320px) {

}


/*hover*/
@media all and (min-width:768px) {
    /* header */
    /* #headerWrap.gnb-open .gnb-menu .depth-1 li .depth-1-menu:hover { color: #FFD600; } */
    /* #headerWrap.gnb-open .gnb-menu .depth-2 > li > a:hover { color: #FFD600; } */
    #headerWrap .dropdown-menu a:hover { background-color: #e5e7eb; color: #0f172a; }
    #headerWrap.gnb-open .dropdown-menu a:hover { background-color: #1E293B; color: #FFFFFF; }
    /* #headerWrap .dropdown-lang-wrap.active .dropdown-menu a:hover { background-color: #1E293B; color: #FFFFFF; } */

    /* btn */
    /* .btn.red:not(.none-hover):hover { background-color: #DC2626; border: 1px solid #DC2626; color: #FFFFFF; }
    .btn.white:not(.none-hover):hover { background-color: #DC2626; border: 1px solid #DC2626; color: #FFFFFF; }
    #headerWrap.main .btn.white:not(.none-hover):hover { background-color: #DC2626; border: 1px solid #DC2626; color: #FFFFFF; }
    .btn.white:not(.none-hover):hover span span { background-color: #fff; } */

    .product-search-wrap .product-select ul li:hover, #contents3-4 .refresh:hover { background-color: #F9FAFB; }
    .product-search-wrap .product-select .dropdown:hover, #contents3-4 .refresh:hover { border-color: #1F2937; }
    .product-search-wrap .product-select:hover + .product-select .dropdown, #contents3-4 .product-select:hover + .refresh { border-left-color: #1F2937; }

    /* accordion */
    .accordion-item:hover { border-top: 1px solid #1E293B; border-bottom: 1px solid #1E293B; }
    .accordion-item:hover .icon-line [class*="line"] { background-color: #b91c1c; }

    #footerWrap .footer-wrap .footer-txt > .select > ul > li > a:hover { background-color: #444444; }

    /******** media-list-wrap ********/
    .media-list-wrap > .media-list-item:hover,
    .search-list-wrap > .search-list-item:hover { background-color: #FFF8F8; }
    .media-list-wrap > .media-list-item:hover:after,
    .search-list-wrap > .search-list-item:hover:after { width: 100%; }

    .search-tab:not([data-tab="2"]) .search-list-wrap li:not(.news-pdf):hover:before { opacity: 1; }
}