@charset "utf-8";

:root {
    /* 기관 색상 팔레트 */
    --arte-primary-10:#fff5f7;
    --arte-primary-20:#ffdfe7;
    --arte-primary-30:#ff7c9c;
    --arte-primary-40:#ff3c6c;
    --arte-primary-50:#ff1a54;
    --arte-primary-60:#e70f41;
    --arte-primary-70:#be0d36;
    --arte-primary-80:#8c0725;
    --arte-primary-90:#570314;
    --arte-secondary-10:#f1f5fb;
    --arte-secondary-20:#e9f0f7;
    --arte-secondary-30:#dde5f1;
    --arte-secondary-40:#8491a6;
    --arte-secondary-50:#4f6280;
    --arte-secondary-60:#3f4e66;
    --arte-secondary-70:#3d4550;
    --arte-secondary-80:#333;
    --arte-point:#b81613;
    --arte-blue:#265bb9;

    /* KRDS 색상 팔레트 */
    --krds-white: #fff;
    --krds-black: #000;
    --krds-gray-5: #F8F8F8;
    --krds-gray-10: #F0F0F0;
    --krds-gray-20: #E4E4E4;
    --krds-gray-30: #D8D8D8;
    --krds-gray-40: #C6C6C6;
    --krds-gray-50: #8E8E8E;
    --krds-gray-60: #717171;
    --krds-gray-70: #555555;
    --krds-gray-80: #2D2D2D;
    --krds-gray-90: #1D1D1D;
    --krds-teal-70: #075D5D;
    --krds-royalblue-70: #00407F;

    /* 폰트 */
    --krds-fz-display-sm: 4rem;
    --krds-fz-display-md: 5rem;
    --krds-fz-display-lg: 6.6rem;
    --krds-fz-heading-sm: 3.2rem;
    --krds-fz-heading-md: 3.6rem;
    --krds-fz-heading-lg: 5rem;
    --krds-fz-title-xsm: 1.5rem;
    --krds-fz-title-sm: 1.7rem;
    --krds-fz-title-md: 1.9rem;
    --krds-fz-title-lg: 2.1rem;
    --krds-fz-title-xlg: 2.5rem;
    --krds-fz-title-xxlg: 2.8rem;
    --krds-fz-body-sm: 1.5rem;
    --krds-fz-body-md: 1.7rem;
    --krds-fz-body-lg: 1.9rem;
    --krds-fz-body-xlg: 2.2rem;
    --krds-fz-body-xxlg: 2.3rem;
    --krds-fz-link-sm: 1.5rem;
    --krds-fz-link-md: 1.7rem;
    --krds-fz-link-lg: 1.9rem;
    --krds-fz-detail-sm: 1.3rem;
    --krds-fz-detail-md: 1.5rem;
    --krds-fz-detail-lg: 1.7rem;
    --krds-fz-label-xsm: 1.3rem;
    --krds-fz-label-sm: 1.5rem;
    --krds-fz-label-md: 1.7rem;
    --krds-fz-label-lg: 1.9rem;
    --arte-fz-body: 1.8rem;
}

html,
body {width:100%; height:100%; font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; line-height:1.5; color:var(--krds-gray-90); font-weight:400; word-break:keep-all; word-wrap:break-word; letter-spacing:normal; scroll-behavior:smooth;}

html {font-size:62.5%;}
body {font-size:1.7rem;}
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, a, button, select, ul, li, span, em, label, ::before, ::after {box-sizing:border-box; font-family:inherit; line-height:1.5; letter-spacing:inherit;}

/* 공통 */
#wrap {overflow:hidden;}

.sr-only {position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important;}
.inner {width:100%; max-width:1500px; margin:0 auto;}
.txtPoint {color:var(--arte-point) !important; font-weight:700;}
.arteBasic {font-family:"ArteBasic", sans-serif;}
.flexCenter {display:flex; align-items:center; flex-wrap:wrap;}
.flexEnd {display:flex; align-items:flex-end; flex-wrap:wrap;}
.flexBetween {justify-content:space-between;}
.gridCon {display:grid; gap:10px 20px;}
.gridCon_2 {grid-template-columns: repeat(2, 1fr); grid-template-rows:auto;}
.gridCon_3 {grid-template-columns: repeat(3, 1fr); grid-template-rows:auto;}
.gridCon_4 {grid-template-columns: repeat(4, 1fr); grid-template-rows:auto; grid-auto-rows:auto;}

.gap_lr32 {gap:0 32px !important;}




/* margin */
.mr30 {margin-right:30px !important;}
.mt80 {margin-top:80px !important;}


.Calign {text-align:center;}
.fw_400 {font-weight:400 !important;}
a.txtLink {text-decoration:underline;}
p.text {letter-spacing:-1px;}
.ft15 {font-size:var(--krds-fz-detail-md) !important;}


/* 포커스 링 */
*:focus-visible,
input[type="checkbox"]:focus,
input[type="radio"]:focus {outline:2px dashed var(--arte-primary-60); box-shadow:-4px -4px 0 #fff, 4px 4px 0 #fff, -4px 4px 0 #ffff, 4px -4px 0 #fff, 0 -4px 0 #fff, 0 4px 0 #fff, 4px 0 0 #fff, -4px 0 0 #fff; z-index:999999999;}
input[type="text"]:focus-visible {outline:2px solid var(--krds-black); outline-offset:-4px; box-shadow:none;}

/* 정보공개 및 사업소개 탭 */
.tabtype4 li a:focus-visible {outline-offset:-4px !important;}



/* skipnavi */
#skipNav {position:fixed; top:0; left:0; z-index:10000; width:100%; text-align:center; background-color:var(--krds-gray-90);}
#skipNav a:focus {display:flex; align-items:center; justify-content:center; flex-direction:row; outline-offset:-0.4rem; outline:2px solid rgba(255, 255, 255, 0.9); font-size:var(--krds-fz-body-sm); color:#fff; width:100%; height:3.2rem; margin:0 auto; text-align:center;}
#skipNav a:not(:focus) {position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important;}

/* 상단배너 */
#headerTop {position:relative; background-color:var(--arte-secondary-10); z-index:100;}
#headerTop .inner {padding-top:8px; padding-bottom:8px; line-height:1;}
#headerTop .nuriTxt {font-size:var(--krds-fz-body-sm); line-height:1;}
#headerTop .nuriTxt:before {content:''; display:inline-block; vertical-align:middle; width:22px; height:14px; margin-top:-3px; margin-right:8px; background-image:url('../images/common/top_ban_ico_flag.png'); background-size:contain;}

/* 헤더 */
#header {position:relative; border-bottom:1px solid var(--krds-gray-30); background-color:var(--krds-white); z-index:100;}
#header .headerLink {background-color:var(--arte-secondary-50); padding:4px 0;}
#header .headerLink .inner {display:flex; align-items:center; justify-content:right;}
#header .right {display:inline-flex; align-items:center; height:100%;}
#header .headerLink .btn-navi {display:inline-flex; align-items:center; justify-content:flex-start; gap:8px; margin-left:8px; color:var(--krds-white); font-size:var(--krds-fz-body-sm);}
#header .btn-navi::before {content:''; width:20px; height:20px; background-repeat:no-repeat; background-size:contain;}
#header .btn-navi.login::before {background-image:url('../images/common/head_ico_login_wh.png');}
#header .btn-navi.join::before {background-image:url('../images/common/head_ico_join_wh.png');}
#header .btn-navi.lang::before {background-image:url('../images/common/head_ico_lang_wh.png');}
#header .btn-navi.allMenu::before {background-image:url('../images/common/head_ico_nav_all_wh.png');}
#header .btn-navi.dvsn::after {content:''; width:4px; height:4px; margin-right:6px; margin-left:8px; border-radius:100%; background-color:var(--krds-gray-40);}

#header .linkSns {display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-left:24px;}
#header .linkSns a {display:inline-block; width:28px; height:28px; background-repeat:no-repeat;}
#header .linkSns .youtube {background-image:url('../images/common/head_ico_sns_youtube.png');}
#header .linkSns .instagram {background-image:url('../images/common/head_ico_sns_instagram.png');}
#header .linkSns .facebook {background-image:url('../images/common/head_ico_sns_facebook.png');}
#header .linkSns .blog {background-image:url('../images/common/head_ico_sns_blog.png');}

#header .logo {position:absolute; left:0; top:53%; transform:translateY(-50%); width:280px;}
#header .logo a {display:block; width:100%; height:100%; line-height:1;}
#header .logo img {max-width:100%;}

#header .headIn > .inner {position:relative; display:flex; align-items:center; justify-content:center; height:90px;}

/* 헤더 모바일 숨김 */
#header .m_ {display:none;}

/* 웹 : 메뉴 */
#header .headGnb .gnb {display:flex; flex-direction:row;}
#header .headGnb .gnb a {display:flex; align-items:center; justify-content:center; flex-direction:row;}
#header .headGnb .gnb .mn {position:relative; height:89px; padding:0 21px; font-size:var(--krds-fz-body-xlg); font-family:"ArteBasic", sans-serif; transition:all .2s ease-in-out;}
#header .headGnb .gnb .mn::after {content:''; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:8px; height:8px; border-radius:100%; background-color:var(--arte-primary-50); opacity:0; visibility:hidden; transition:all .2s ease-in-out; z-index:201;}
#header .headGnb .gnb .on .mn,
#header .headGnb .gnb .mn:focus-visible {color:var(--arte-primary-50); transition:all .2s ease-in-out;}
#header .headGnb .gnb .on .mn::after,
#header .headGnb .gnb .mn:focus-visible::after {opacity:1; visibility:visible; transition:all .2s ease-in-out;}

#header .gnbSubWrap {display:none; position:absolute; top:91px; left:0; width:100%; background-color:var(--krds-white);}
#header .gnbSubWrap::before {content:''; display:block; position:absolute; top:0; left:0; width:50%; height:100%; transform:translateX(calc(50% - 1000px)); background-color:var(--arte-secondary-50);}
#header .gnbSubWrap::after {content:''; display:block; position:absolute; bottom:0; left:124px; z-index:3; width:223px; height:170px; background-image:url("../images/common/gnb_bg.png"); background-repeat:no-repeat; background-size:contain;}
#header .gnbSubWrap .inner {position:relative; z-index:2; display:flex; height:100%;}
#header .gnbSubWrap .inner::after {content:''; display:block; position:absolute; top:0; right:0; z-index:1; width:50%; height:100%; transform:translateX(50%); background-color:var(--krds-white);}
#header .gnbSubWrap .tit {flex-shrink:0; width:322px; min-height:100%; border-top-right-radius:32px; background-color:var(--arte-secondary-50); color:var(--krds-white);}
#header .gnbSubWrap .tit h2 {margin-top:48px; margin-bottom:20px; font-size:var(--krds-fz-title-lg); font-weight:700;}
#header .gnbSubWrap .tit p {font-size:var(--krds-fz-body-sm);}
#header .gnbSubWrap .gnbMenu {flex-grow:1; margin-top:48px; padding:0 0 0 28px; z-index:2;}
#header .gnbSubWrap .gnbMenu .subUl {display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:28px 20px; padding-bottom:80px;}
#header .gnbSubWrap .gnbMenu .subUl a {position:relative; justify-content:flex-start; border-bottom:1px solid var(--krds-gray-40); padding:10px; color:var(--krds-gray-70);     height:100%; padding-right:20px;}

#header .gnbSubWrap .gnbMenu .subUl a::after {content:''; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:20px; height:20px; background-image:url('../images/common/head_gnb_ico_arr.png'); background-size:contain;}

#header .gnbSubWrap .gnbMenu .on a,
#header .gnbSubWrap .gnbMenu .subUl a:hover,
#header .gnbSubWrap .gnbMenu .subUl a:focus-visible {border-bottom-color:var(--arte-primary-50); color:var(--arte-primary-60); font-weight:700;}

#header .gnbSubWrap .gnbMenu .on a::after,
#header .gnbSubWrap .gnbMenu .subUl a:hover::after,
#header .gnbSubWrap .gnbMenu .subUl a:focus-visible::after {background-image:url('../images/common/head_gnb_ico_arr_on.png');} 

#header .gnb li.on .gnbSubWrap {display:block;}

.gnbSubBg {position:fixed; top:0; left:0; width:100%; height:100%; background-color:var(--krds-black); opacity:0.6; z-index:10;}
.gnbSubBg.on {display:block !important;}

/* 닫기 버튼 */
#header .icoClose {width:24px; height:24px; background:url('../images/common/ico_close1.png') center no-repeat; z-index:1001;}

/* 통합검색 */
#header .totalSearch {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.totalSearch form {position:relative;}
.totalSearch input {width:200px; height:40px; border:none; border-bottom:2px solid var(--arte-primary-60); padding:4px; font-size:var(--krds-fz-body-sm);}
.totalSearch .searchBtn {position:absolute; top:4px; right:4px; width:28px; height:28px; background-image:url('../images/common/head_ico_sch_pk.png'); background-size:contain;}
.totalSearch input::placeholder,
.totalSearch input::-webkit-input-placeholder,
.totalSearch input:-ms-input-placeholder {color:var(--krds-gray-50);}


/* 사이트맵 */
.sitemap a:link, .sitemap a:focus-visible {outline-offset:0;}
.sitemap .outlink {padding-right:18px; background-image:url('https://www.arte.or.kr/images/comm/icon/ic_linkb.gif'); background-position:right center; background-repeat:no-repeat;}

.sitemapWrap {position:fixed; top:0; left:0; width:100%; height:100%; background:var(--krds-white); padding-top:75px; z-index:2000;}
.sitemapWrap > .inner {display:block !important; overflow-y:auto; position:relative; top:0; left:0; height:calc(100% - 200px); padding-top:2px; padding-left:2px;}
.sitemapWrap > .inner::-webkit-scrollbar {width:8px; border-radius:3px; background-color:var(--krds-gray-30);}
.sitemapWrap > .inner::-webkit-scrollbar-thumb {border-radius:3px; background-color:var(--krds-gray-70);}
.sitemapWrap > .inner::-webkit-scrollbar-track {}

.sitemapWrap h2 {border-bottom:1px dotted var(--krds-gray-30); margin-bottom:48px; padding:28px 0; font-size:var(--krds-fz-heading-sm); font-weight:700; text-align:center;}

.sitemapWrap .menuClose {position:absolute; top:30px; right:calc((100% - 1400px) / 2); width:40px; height:40px; cursor:pointer;}
.sitemapWrap .menuClose a {display:block; width:100%; height:100%;}
.sitemapWrap .menuClose .bar {display:block; position:absolute; left:0; width:100%; height:2px; background-color:var(--krds-gray-90);}
.sitemapWrap .menuClose .top {top:0; transform:translateY(18px) translateX(0) rotate(45deg);}
.sitemapWrap .menuClose .bottom {bottom:0; transform:translateY(-20px) translateX(0) rotate(-45deg);}

.sitemap {width:calc(100% - 24px); height:auto; display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:40px;}
.sitemap .mapDepth1Text > a {overflow:hidden; display:block; position:relative; width:100%; height:100%; border:1px solid var(--krds-gray-30); padding:18px 0; text-align:center;}
.sitemap .mapDepth1Text > a::before {content:''; display:block; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:var(--arte-primary-10); transition:top .35s;}
.sitemap .mapDepth1Text small {padding-right:4px; font-size:var(--krds-fz-body-md);}
.sitemap .mapDepth1Text strong {font-size:var(--krds-fz-body-lg); font-weight:700;}

.sitemap .mapDepth1Text small,
.sitemap .mapDepth1Text strong {position:relative; z-index:2;}

.sitemap .mapDepth2 {margin-top:16px; margin-left:8px;}
.sitemap .mapDepth2 li:not(:last-child) {margin-bottom:8px;}
.sitemap .mapDepth2Item > a {position:relative; padding-left:12px; color:var(--krds-gray-70);}
.sitemap .mapDepth2Item > a::before {content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background-color:var(--arte-primary-50);}

.sitemap .mapDepth3 {margin-top:12px; background-color:var(--krds-gray-5); padding:18px; color:var(--krds-gray-80); font-size:var(--krds-fz-body-sm);}
.sitemap .mapDepth3 a::before {display:inline-block; content:'-'; margin-right:4px; color:var(--krds-gray-80);}

.sitemap .mapDepth1:hover .mapDepth1Text > a,
.sitemap .mapDepth1 .mapDepth1Text > a:focus-visible {border-color:transparent;}

.sitemap .mapDepth1:hover .mapDepth1Text > a::before,
.sitemap .mapDepth1 .mapDepth1Text > a:focus-visible::before {top:0;}
.sitemap .mapDepth2Item > a:hover,
.sitemap .mapDepth2Item > a:focus-visible {color:var(--krds-gray-90); font-weight:700;}
.sitemap .mapDepth3 a:hover,
.sitemap .mapDepth3 a:focus-visible {text-decoration:underline;}

/* 모바일 : 전체메뉴 */
#mGnb {visibility:hidden; position:fixed; width:50%; height:100%; top:0; right:-100%; transition:all .4s ease; z-index:2;}
#mGnb .mGnbIn {position:relative; width:100%; height:100%; border-top-left-radius:24px; background-color:var(--krds-white); z-index:1000;}
#mGnb .mGnbHead {padding:24px 24px 16px 28px;}
#mGnb .mGnbTopEtc ul {display:flex; flex-wrap:wrap; justify-content:flex-start;}
#mGnb .mGnbTopEtc li {font-size:var(--krds-fz-body-sm);}
#mGnb .mGnbTopEtc li:not(:last-child) {position:relative; margin-right:8px; padding-right:12px;}
#mGnb .mGnbTopEtc li:not(:last-child)::after {content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:100%; background-color:var(--krds-gray-40);}

#mGnb .mGnbTopEtc li a:focus-visible,
#mGnb .mGnbTopEtc li button:focus-visible {font-weight:700;}

#mGnb > .mGnbIn > ul {overflow-y:auto; position:absolute; right:0; width:calc(100% + 20px); height:calc(100vh - 50px); border-top-left-radius:24px; border-bottom-left-radius:24px;}
#mGnb > .mGnbIn > ul > li {background-color:var(--arte-secondary-50);}
#mGnb > .mGnbIn > ul > li > a {display:block; width:100%; height:100%; background-image:url('../images/common/m_gnb_icon.png'); background-position:right 16px center; background-repeat:no-repeat; padding:20px 16px 20px 36px; color:var(--krds-white); font-weight:700;}

#mGnb > .mGnbIn > ul > li > a:focus-visible {outline-color:var(--krds-white); outline-offset:-9px; box-shadow:none;}

#mGnb .depth2 {display:none; background:var(--arte-secondary-10); padding-bottom:16px;}
#mGnb .depth2 ul > li {margin-left:24px;}
#mGnb .depth2 ul > li > a {display:block; width:100%; height:100%; background-image:url('../images/common/m_gnb_bullet.png'); background-position:left 16px center; background-repeat:no-repeat; padding:12px 16px 12px 28px; color:var(--krds-gray-70);}
#mGnb .depth2 ul > li > a:focus-visible {font-weight:700;}

#mGnb .icoClose {position:absolute; top:20px; right:14px; transition:all .3s ease-in-out;}


/* 모바일 : 전체메뉴 active */
#mGnb.active {visibility:visible; right:0; transition:all .4s ease;}
#mGnb.active::before {content:''; position:fixed; top:0; right:0; width:100%; height:100%; background-color:var(--krds-black); opacity:0.6; z-index:999;}
#mGnb .depth2.active {display:block;}
#mGnb > .mGnbIn > ul > li.active {background-color:var(--arte-primary-60);}
#mGnb > .mGnbIn > ul > li.active > a { background-image:url('../images/common/m_gnb_icon_on.png');}


/* 푸터 */
#footer {background-color:var(--arte-secondary-20); padding:32px 0;}
#footer a:hover,
#footer a:focus-visible {text-decoration:underline;}
#footer .fTop {display:flex; justify-content:space-between; flex-wrap:wrap;}
#footer .footQuick {display:inline-flex; gap:12px; margin-bottom:20px;}
#footer .footQuick li {position:relative;}
#footer .footQuick .link {position:relative; width:332px; height:54px; border-radius:27px; background-color:var(--arte-secondary-30); padding:0 32px; color:var(--arte-secondary-80); text-align:left;}
#footer .footQuick .link::after {content:''; position:absolute; top:50%; right:32px; transform:translateY(-50%); width:20px; height:20px; background-image:url('../images/common/foot_ico_arr.png'); background-size:contain;}
#footer .footQuick .link.active::after {background-image:url('../images/common/foot_ico_arr_on.png');}
#footer .fLink a {display:inline-block;}
#footer .fLink > div {display:flex; align-items:center; justify-content:flex-end;}
#footer .linkMark {gap:24px; margin-bottom:20px;}
#footer .linkMark img {max-width:100%;}
#footer .linkMark .wa img {width:75px;}

#footer .fInfo,
#footer .fBtm {font-size:var(--krds-fz-body-sm);}

#footer .fInfo {margin-bottom:40px;}
#footer .fInfo .infoCs {display:inline-flex; justify-content:flex-start; gap:12px;}

#footer .fMenu {margin:16px 0; font-size:var(--krds-fz-body-md);}
#footer .fMenu a {display:inline-block; padding:0 20px;}
#footer .fMenu a:first-child {padding-left:0; text-decoration:underline;}
#footer .fBtmBanner {display:flex; align-items:center; margin-top:28px; line-height:1;}
#footer .banTxt {line-height:1;}
#footer .banTxt::before {content:''; display:inline-flex; flex-shrink:0; width:113px; height:25px; margin-right:12px; background-image:url('../images/common/foot_ban_ico_flag.png'); vertical-align:middle;}

/* 푸터 링크 */
#footer .footLinkWrap {position:absolute; left:0; bottom:100%; width:100%; border:1px solid var(--krds-gray-20); border-radius:16px; background-color:var(--krds-white); padding:20px; z-index:10;}
#footer .footLinkList li {padding-left:12px;}
#footer .footLinkList li a {display:block; padding:5px 0; color:var(--krds-gray-70);}
#footer .footLinkList li a:hover,
#footer .footLinkList li a:focus-visible {color:var(--krds-gray-90); font-weight:700; text-decoration:none;}
#footer .footLinkList li::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:3px; border-radius:100%; background-color:var(--arte-secondary-50);}

/* top btn */
.topBtn {position:fixed; right:70px; bottom:70px; width:56px; height:56px; border-radius:100%; background-color:var(--arte-primary-60); background-image:url('../images/common/btn_top.png'); background-repeat:no-repeat; background-position:center; z-index:100;}
.topBtn:focus-visible {outline-offset:2px;}


/* table */
.tb_vTop td {vertical-align:top !important;}



/* PC/Desktop */
@media all and (max-width:1920px) {

}

@media all and (max-width:1500px) {
    :root {
        /* 폰트 */
        --krds-fz-body-xlg: 1.9rem;
    }

    .inner {padding:0 24px;}

    /* 헤더 영역 */
    #header .logo {left:24px; width:240px;}
    #header .totalSearch {right:24px;}

    /* 통합검색 */
    .totalSearch .inner {padding:0;}

    /* 웹 : 메뉴 */
    #header .gnbSubWrap::before {width:54%;}
    #header .headGnb .gnb .mn {padding:0 19px;}
    #header .gnbSubWrap .gnbMenu .subUl {grid-template-columns:repeat(3, 1fr);}
    #header .gnbSubWrap .gnbMenu .subUl a {padding-right:28px;}

    /* 사이트맵 영역 */
    .sitemap {grid-template-columns:repeat(3, 1fr);}
    .sitemapWrap > .inner {width:96%;}
    .sitemapWrap .menuClose {right:24px;}

    /* top btn */
    .topBtn {right:24px; bottom:50px;}
}

@media all and (max-width:1280px) {
    :root {
        /* 폰트 */
        --krds-fz-title-xlg: 2.2rem;
    }

    /* 헤더 영역 */
    #header .logo {width:200px;}

    /* 웹 : 메뉴 */
    #header .gnbSubWrap::before,
    #header .gnbSubWrap .tit {display:none;}
    #header .gnbSubWrap .gnbMenu {margin-top:40px; padding:0;}
}

@media all and (max-width:1200px) {
    /* 헤더 영역 */
    #header .headerLink {display:none;}
    .headGnb {display:none;}
    #header .headIn > .inner {height:75px;}

    /* 헤더 모바일 보이기 */
    #header .m_ {display:block;}

    /* 모바일 : 통합검색 */
    #m_searchOpen button {position:absolute; right:74px; top:50%; transform:translateY(-50%); width:28px; height:28px; background-image:url('../images/common/head_ico_sch_bk.png'); background-repeat:no-repeat;}

    /* 모바일  : 통합검색창 */
    #header .totalSearch {right:0; width:100%;}
    .totalSearch .inner {display:none; width:100%; margin-top:216px; background:var(--krds-white); padding:20px 24px 24px;}
    .totalSearch .inner.active {display:block;}
    .totalSearch form {position:relative;}
    .totalSearch form legend {display:block !important; width:auto; height:auto; margin-bottom:12px; font-size:var(--krds-fz-title-md); font-weight:700; visibility:visible;}
    .totalSearch input {width:100%; height:56px; font-size:inherit;}
    .totalSearch .searchBtn {top:auto; bottom:15px;}

    .totalSearch #m_searchClose {position:absolute; bottom:94px; right:30px;}
    
    /* 모바일 : 전체메뉴 */
    #header #mGnbOpen {position:absolute; right:24px; top:50%; transform:translateY(-50%); z-index:1; display:block; width:28px; height:28px; background-image:url('../images/common/head_ico_nav_all.png'); background-repeat:no-repeat; background-position:center;}
}


/* Tablet */
@media all and (max-width:1024px) {
    :root {
        /* 폰트 */
        --krds-fz-display-sm: 2.5rem;
        --krds-fz-display-md: 3.2rem;
        --krds-fz-display-lg: 4rem;
        --krds-fz-heading-sm: 2.5rem;
        --krds-fz-heading-md: 3.2rem;
        --krds-fz-heading-lg: 4rem;
        --krds-fz-title-xxlg: 2.5rem;
    }
    
    /* 푸터 영역 */
    #footer .fCnt .fLink {width:100%; margin-top:32px;}
    #footer .fLink > div {justify-content:flex-start;}
}

@media all and (max-width:768px) {
    /* 공통 */
    .gridCon_3 {grid-template-columns:none;}

	/* 푸터 영역 */
    #footer .footQuick {width:100%;}
    #footer .footQuick > li {width:calc(100% / 2);}
    #footer .footQuick .link {width:100%;}
}


/* Mobile */
@media all and (max-width:600px) {
    body {font-size:1.6rem;}
	.inner {padding:0 16px;}

    /* 헤더 영역 */
    #header .logo {left:16px;}
    #header #mGnbOpen {right:16px;}
    #m_searchOpen button {right:66px;}

    /* top btn */
    .topBtn {right:16px;}

    /* 상단배너 */
    #headerTop .nuriTxt {display:flex; align-items:center; justify-content:flex-start; flex-direction:row; word-break:break-all;}

    /* 모바일 : 전체메뉴 */
    #mGnb {width:80%;}

    /* 푸터 영역 */
    #footer .footQuick {flex-wrap:wrap;}
    #footer .footQuick > li {width:100%;}
    #footer .fInfo .infoCs {flex-wrap:wrap; gap:4px; margin-top:8px;}
    #footer .infoCs li {width:100%;}
    #footer .fMenu {font-size:var(--krds-fz-body-sm);}
    #footer .banTxt {display:flex; align-items:center; justify-content:flex-start; flex-direction:row; word-break:break-all;}
}

@media all and (max-width:490px) {
    :root {
        --krds-fz-heading-md: 2.5rem;
        --krds-fz-title-lg: 1.9rem;
        --krds-fz-body-lg: 1.7rem;
        --arte-fz-body: 1.6rem
    }
}

@media all and (max-width:390px) {
    /* 모바일 : 전체메뉴 */
    #mGnb .mGnbTopEtc li:last-child {width:100%;}

    /* 푸터 영역 */
    #footer .banTxt {flex-wrap:wrap;}
    #footer .banTxt::before {margin-bottom:8px;}
}