@charset "utf-8";
body{font-family:'Pretendard', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; background:#fff;color:#222; word-wrap:break-word; word-break:keep-all; letter-spacing:0;}

/* common */
.con_inner				{ width:94%; max-width:1600px; margin-left:auto; margin-right:auto; }
::placeholder			{ color:#767676 !important; }

/* 1) root 설정  */
:root{
    --color-base:#222;
    --color-black:#000;
    --color-white:#fff;
    --color-point:#3b2989;
    --color-point2:#00498a;
    --font-pretendard:'Pretendard', Sans-serif;
    --font-paybooc:'Paybooc', Sans-serif;
    --font-yesmyounjo:'YES24Myoungjo', Sans-serif;
    --font-garamond:'GaramondPremrPro', Sans-serif;
    --trans-ani:0.3s ease 0s;
}


img						{ vertical-align:top; max-width:100%; }
.tac					{ text-align:center; }
.tar					{ text-align:right; }
.tal					{ text-align:left; }
.none_list				{ width:100%; text-align:center; padding:1em 0; font-size:1.033em; }
.block					{ display:block; }
.jcc					{ justify-content:center }
.color_red				{ color:#dc2c44; }
.none_data				{ width:100% !important; text-align:center; padding:5em; border-radius:20px;   }
.none_data a			{ width:100%; display:flex !important; align-items:center !important; justify-content:center}
.point_color			{ color:var(--color-point); }


@keyframes iconShow{
    0%{transform:translateY(0);}
    25%{transform:translateY(-10px);}
    50%{transform:translateY(0);}
    75%{transform:translateY(-5px);}
    100%{transform:translateY(0);}
}
@keyframes updown {
    0% { transform:translateY(0%) }
    50% { transform:translateY(3%) }
    100% { transform:translateY(0%) }
}
@keyframes img_box {
    0% { left:0; }
    100% { left:100%; }
}

/* 프린터 */
@page		{size:21cm 29.7cm; margin:15px}

@media print {
  [data-aos] 	{ opacity:1 !important; }
  * 			{ -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */ color-adjust: exact !important;  page-break-before: auto; page-break-after:auto; print-color-adjust:exact; }
}

.swiper_control	.control						{ display:flex; align-items:center; justify-content:center; gap:0 2px;}
.swiper_prev									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next									{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_auto									{ position:relative; display:flex; width:25px; height:25px;  }
.swiper_auto::before							{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:100%; background-size:10px 13px; }
.swiper_page									{ width:auto ; display:flex; font-size:1em; font-weight:300; align-items:center; justify-content:center; gap:0 10px; line-height:1  }
.swiper_page .swiper-pagination-current			{ font-weight:bold; }
.swiper_page .swiper-pagination-total			{ opacity:.6; }
.swiper_page i									{ position:relative; display:inline-block; }
.swiper_page i::after							{ content:'';display:inline-block; vertical-align:middle; width:12px;height:1px;background:#999; }
.swiper_control:has(.swiper-button-lock)		{ display:none; }
.swiper_prev::before							{ display:inline-block; width:7px; height:12px; background:url(/resource/www/images/common/icon_prev.svg) no-repeat 50% 50% / auto 12px; content:''; }
.swiper_next::before							{ display:inline-block; width:7px; height:12px; background:url(/resource/www/images/common/icon_next.svg) no-repeat 50% 50% / auto 12px; content:''; }
.swiper_auto.paused::before						{ background-image:url(/resource/www/images/common/icon_play.svg); background-size:9px 12px; }
.swiper_auto::before							{ background-image:url(/resource/www/images/common/icon_stop.svg); background-size:10px 12px; }

@media all and (max-width:868px){
    .swiper_auto::before							{ background-size:auto 10px; }
    .swiper_prev::before							{ height:10px; background-size:auto 10px; }
    .swiper_next::before							{ height:10px; background-size:auto 10px; }
    .swiper_auto.paused::before						{ background-size:7px 10px; }
    .swiper_auto::before							{ background-size:8px 10px; }
}

/************************************************************

							 상단

************************************************************/
.header																{ position:fixed; top:0; left:0; right:0; width:100%; --sizeHig:150px; padding:0; z-index:10; transition:ease 0.2s; background:var(--color-white); border-bottom:1px solid rgba(0,0,0,.1); }
.header::before														{ position:absolute; width:100%; height:calc(100% - 40px); background:rgba(0,0,0,.9); left:0; backdrop-filter:blur(10px); top:-100%; content:''; z-index:1; opacity:0;
    transition:opacity 0.2s ease; }

/* 상단 패밀리 사이트 */
.top_util															{ width:100%; background:#303030;--sizeHig:40px;}
.top_util .list														{ display:flex; justify-content:end; height:var(--sizeHig); align-items:center;gap:0 5px; }
.top_util .list>li													{ position:relative;padding-right:1em;}
.top_util .list>li:last-child										{ padding-right:0;}
.top_util .list>li::after											{ position:absolute; width:1px; height:12px;right:0; top:50%; content:''; background:rgba(255,255,255,.2); transform:translateY(-50%); }
.top_util .list>li:last-child::after							{display:none;}
.top_util .list>li a												{display:flex;align-items:center;transition:var(--trans-ani);}
.top_util .list>li a::before									{content:'';display:block;width:25px;height:25px;background-repeat: no-repeat;background-position: center center;opacity:.7;}
.top_util .list>li a:focus::before,
.top_util .list>li a:hover::before							{opacity:.9;}
.top_util .list>li[data-util="login"] a::before				{ background-image:url(/resource/www/images/common/icon_login.svg); background-size:auto 12px }
.top_util .list>li[data-util="logout"]>a::before			{ background-image:url(/resource/www/images/common/icon_logout.svg); background-size:auto 12px }
.top_util .list>li[data-util="join"] a::before				{ background-image:url(/resource/www/images/common/icon_join.svg); background-size:auto 12px }
.top_util .list>li[data-util="mypage"]>a::before			{ background-image:url(/resource/www/images/common/icon_join.svg); background-size:auto 12px }
.top_util .list>li a span												{font-size:.88em; font-weight:400; color:rgba(255,255,255,.7);}
.top_util .list>li a:focus span,
.top_util .list>li a:hover span										{color:rgba(255,255,255,.9);}


/* 상단 */
.header_wrap														{ position:relative; display:flex; width:94%; max-width:1600px; height:calc(var(--sizeHig) - 40px); margin-left:auto; margin-right:auto; justify-content:space-between;
    align-items:center; transition:var(--trans-ani); }
.header .h_logo a													{ display:flex; width:230px; height:41px; background:url(/resource/www/images/common/img_logo.svg) no-repeat 50% 50% / contain;  }
.header_wrap nav													{ display:flex; align-items:center; }
.header .h_icon														{ display:flex; align-items:center; gap:0 25px; --sizeBtn:28px;}
.header .h_icon>li													{ position:relative; }
.header .h_icon > li > button											{display:flex;align-items:center;gap:0 8px;}
.header .h_icon > li > button::before								{display:block; width:var(--sizeBtn); height:var(--sizeBtn); content:'';border:1px solid #000;border-radius:100%; }
.header .h_icon > li > button span									{font-size:1em;color:var(--color-base);}
.header .h_icon .icon_search::before								{ background:url(/resource/www/images/common/icon_search.svg) no-repeat center center / 100%; }
.header .h_icon .icon_search.active::before							{ background-image:url(/resource/www/images/common/icon_close.svg);}
.header .h_icon .search_wrap										{ position:fixed; display:none;  top:151px; width:100%; padding:3em; left:0; background:rgba(0,0,0,.9); backdrop-filter:blur(10px); transition:top ease 0.2s;}
.header .h_icon .search_wrap .searchForm							{ display:flex; margin:0 auto; align-items:center; justify-content:center; gap:10px; max-width:868px; border-bottom:2px solid var(--color-white) }
.header .h_icon .search_wrap .searchForm input						{ width:calc(100% - 45px);  border:none; background:none; color:var(--color-white)}
.header .h_icon .search_wrap .searchForm .icon_search				{ width:40px; height:40px; }
.header .h_icon .search_wrap .searchForm .icon_search::before		{  content:'';filter:invert(1);display:block; width:100%; height:100%;  }
.header .h_icon ::placeholder										{ color:#fff !important; }
.header .h_icon .sitemap_open										{ position:relative;  }
.header .h_icon .sitemap_open::before							{background:url(/resource/www/images/common/icon_sitemap.svg) no-repeat center center / 100%; }



/* gnb */
.header .nav_wrap													{ display:flex; }
.gnb																{ display:flex; align-items:center;}
.gnb>li																{ height:100%; position:relative; }
.gnb>li>a															{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:calc(var(--sizeHig) - 40px); padding:0 23px; font-size:1.25em; color:var(--color-base);
    font-weight:700; line-height:1; transition:var(--trans-ani); }
.gnb>li>a>span														{ display:inline-block; position:relative; }
.gnb>li>a>span::after												{ position:absolute; left:50%; bottom:-46px; width:0%; height:4px; background:var(--color-point); transition:var(--trans-ani); content:''; transform:translateX(-50%); }
.gnb>li.on>a>span::after,
.gnb>li:hover>a>span::after,
.gnb>li:focus>a>span::after											{ width:calc(100% + 35px); }
.gnb>li:hover>a>span,
.gnb>li:focus>a>span												{ color:var(--color-base); }
.gnb .dep2_wrap														{ position:absolute; left:50%; transform:translateX(-50%); top:calc(var(--sizeHig) - 40px); width:210px; overflow:hidden; opacity:0; visibility:hidden;
    transition:var(--trans-ani) cubic-bezier(.59,.01,.43,1); z-index:40; }
.gnb .dep2															{ padding:15px; text-align:center }
.gnb .dep2>li														{ float:none; }
.gnb .dep2>li>a														{ display:inline-block; position:relative; padding:10px 15px ; font-size:16px; color:rgba(255, 255, 255, .7); letter-spacing:-.02em; line-height:1.4;
    transition:var(--trans-ani); word-break:normal;}
.gnb .dep2>li>a[target='_blank'] i									{ display:none }
.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus												{ color:var(--color-white); }
.gnb .dep2>li>a[target='_blank']::after								{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:13px; height:13px; 
																						background:url(/resource/www/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; margin-top:-3px; filter:invert(1);}


.gnb .dep3															{ display:none; }

.header.menu_open .dep2_wrap										{ opacity:1; visibility:visible;}

/* 고정 */
.header.menu_open::before											{ opacity:1; top:151px; }
.header.menu_open													{ height:240px; border-bottom-color:transparent;}
.header.menu_open::after											{ opacity:1 }
.header.active														{ margin-top:-40px;  }
.header.active .h_icon .search_wrap									{top:111px;}



/* 사이트맵 */
.sitemap_wrap														{ position:fixed; width:100%; height:100vh; right:0; top:0; opacity:0; visibility:hidden; z-index:-1;
    transition:all 0.3s  0.3s; overflow:hidden;}
.sitemap_wrap .top_util													{display:none;}
.sitemap_wrap .sitemap_box .gnb_list								{ position:absolute; top:50%; left:50%; width:94%; height:auto; max-height:80vh; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; gap:0 1em; justify-content:center; }


.sitemap_wrap .sitemap_box .gnb_list>li								{ width:calc((100% - 6em) / 7); position:relative; transform:scaleX(1); transform-origin:right top; transition-property:transform; padding:.75rem 1rem 0 1rem }
.sitemap_wrap .sitemap_box .gnb_list>li::before						{ position:absolute; top:-1rem; left:1rem; content:''; width:.5rem; height:.5rem; background-color:#bab0e5; border-radius:100%; opacity:0;
    transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li:hover:before				{ opacity:1; top:0}

.sitemap_wrap .sitemap_box .gnb_list>li+li							{ border-left:1px solid rgba(255,255,255,.2); }
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:1.3rem; font-weight:600; color:var(--color-white);  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{ margin-top:.75em;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ position:relative; display:block; font-size:1.03rem; color:var(--color-white); padding:3px 0; line-height:1.2; opacity:.7 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ opacity:1 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{ margin-top:.5em; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3						{ margin-top:.2em; padding:.75rem; background:rgba(255,255,255,.1); border-radius:.75rem; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a					{ position:relative; display:block; font-size:.95rem; font-weight:300; color:var(--color-white); padding:3px 3px 3px 10px; line-height:1.2; opacity:.7 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before			{ position:absolute; width:3px; height:3px; background:rgba(255,255,255,.3); content:''; border-radius:100%; left:0; top:.6rem; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus			{ opacity:1 }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover::before,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus::before	{ background:var(--color-white); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep4						{ display:none }
.sitemap_wrap.open													{ opacity:1.0; visibility:visible; z-index:99999; background-color:rgba(0,0,0,.9);  backdrop-filter:blur(10px); transition:all 0.4s 0s; }
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 					{ width:0; }
.sitemap_wrap .sitemap_box .gnb_list>li a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:5px; vertical-align:middle; width:13px; height:13px;margin-top:-3px; 
       																	 background:url(/resource/www/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; filter:invert(1);}
.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after	{ display:none; }
.sitemap_wrap .sitemap_close										{ position:absolute; width:50px; height:50px; background:var(--color-white); right:1em; top:1em; opacity:0; transition:var(--trans-ani); border-radius:100%; }
.sitemap_wrap .sitemap_close::before								{ position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.sitemap_wrap .sitemap_close::after									{ position:absolute; width:2px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.sitemap_wrap.open .sitemap_close									{ opacity:1; transform:rotate(90deg); }
.sitemap_wrap .mob_gnb_control										{ display:none; }


/************************************************************

							 하단

************************************************************/


.footer																{ position:relative; background:#242424;padding:4.375em 0 6.25em; }
.footer	> .con_inner											{display:flex;justify-content: space-between;align-items: stretch;}

.footer	.link										{ display:flex; gap:0 30px; flex-wrap:wrap; opacity:.64; }
.footer .link a										{ display:block; font-weight:300;font-size:.88rem;color:var(--color-white);line-height:30px;}
.footer	.info .list										{ display:flex; gap:0 55px;flex-wrap:wrap; margin-top:2.5em;font-weight:300;font-size:.94rem;color:var(--color-white);}
.footer	.info .list+.list                                  {margin-top:.375em; }
.footer	.info .list>li										{ display:flex; gap:0 5px; flex-wrap:wrap;opacity:.64; }
.footer .family_list											{ display:inline-flex; margin-top:2.125em; }
.footer .family_list>li											{ position:relative; flex:auto; }
.footer .family_list>li .family_btn								{ position:relative; display:flex; width:150px; height:40px; align-items:center; padding:0 15px; border-radius:5px; font-size:.813em; font-weight:300; z-index:5;
    background:#333; color:var(--color-white);transition:var(--trans-ani);}
.footer .family_list>li .family_btn.active						{width:250px;}
.footer .family_list>li .family_btn span						{ position:relative; width:100%; display:flex; align-items:center; }
.footer .family_list>li .family_btn span::before				{ position:absolute; right:0; top:50%; width:7px; height:7px; border-style:solid; border-width:1px 0 0 1px; border-color:#fff; transform:translateY(-30%) rotate(45deg);
    transition:var(--trans-ani); content:''; vertical-align:middle;   }
.footer .family_list>li .family_box								{ position:absolute; display:none; width:100%; left:0; bottom:41px; padding:15px; border-radius:5px; background:#333; z-index:2;
    max-height:17em; overflow-y:auto }
.footer .family_list>li .family_btn.active span::before			{ transform:translateY(-50%) rotate(45deg); }
.footer .family_list>li .family_box ul							{ display:flex; gap:5px 20px; flex-flow:column; }
.footer .family_list>li .family_box ul>li                       { flex:1 1 50%; }
.footer .family_list>li .family_box ul>li a						{ position:relative; display:flex;padding-left:10px; font-size:.813rem; opacity:.84; align-items:center; color:var(--color-white); transition:var(--trans-ani); }
.footer .family_list>li .family_box ul>li a::before				{ position:absolute; left:0; top:.6rem; width:3px; height:3px; background:rgba(255,255,255,.4); border-radius:100%; content:''; transition:var(--trans-ani); }
.footer .family_list>li .family_box ul>li a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:11px; height:10px;
    background:url(/resource/www/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px; filter:invert(1); margin-top:-1px }
.footer .family_list>li .family_box ul>li a:hover,
.footer .family_list>li .family_box ul>li a:focus				{ opacity:1; }
.footer .family_list>li .family_box ul>li a:hover::before,
.footer .family_list>li .family_box ul>li a:focus::before		{ background-color:var(--color-white); }
.footer .family_list>li .family_box ul>li a[target='_blank']:hover::after,
.footer .family_list>li .family_box ul>li a[target='_blank']:focus::after	{ opacity:1; }

.footer .right														{display: flex;flex-flow: column;justify-content: space-between;}
.footer .sns														{display:flex;gap:0 5px;justify-content: flex-end;}
.footer .sns li	a													{display:block;width:30px;height:30px;background:#333;border-radius:100%;transition:var(--trans-ani);}
.footer .sns li	a:focus,
.footer .sns li	a:hover											{background:#444;}
.footer .sns li	a::before										{content:'';display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:100%;background-position:center center;opacity:.64;}
.footer .sns li	a:focus::before,
.footer .sns li	a:hover::before									{opacity:1;}
.footer .sns li[data-sns="facebook"] a::before			{background-image:url('/resource/www/images/common/icon_facebook.svg');}
.footer .sns li[data-sns="instar"] a::before			{background-image:url('/resource/www/images/common/icon_instar.svg');}
.footer .sns li[data-sns="kakao"] a::before			{background-image:url('/resource/www/images/common/icon_kakaoch.svg');}
.footer .sns li[data-sns="top"] a::before			{background-image:url('/resource/www/images/common/icon_top.svg');}
.footer .copy												{font-family:var(--font-garamond);font-weight: 500;font-size:2.813em;letter-spacing:.025em;color:rgba(255,255,255,.1);text-align:right;}
.footer .copy strong										{display:block;}
.footer .copy strong:first-child						{margin-right:2.2em;}
.footer .copy strong span								{font-family:var(--font-yesmyounjo);font-weight:400;}


@media all and (max-width:1768px){
    /* 상단 */
    .sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.3rem; }

}
@media all and (max-width:1568px){
    /* 상단 */
    .header														{ --sizeHig:138px; }
    .header.menu_open::before                           {top:138px;}
    .gnb>li>a													{ font-size:1.125em; }
    .gnb>li>a>span::after                                   {bottom:-41px;}
    .gnb .dep2>li>a	                                          {font-size:16px;}
    .header .h_icon .search_wrap							{ padding:2em 2em 3em 2em; top:139px;}

    /* 하단 */
    .footer															{padding: 3.75em 0 5em;}
    .footer .info .list												{margin-top:2.25em;}
}
@media all and (max-width:1468px){
    /* 상단 */
    .sitemap_wrap .sitemap_box .gnb_list						{ width:96%; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a					{ font-size:1.2rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a			{ font-size:1.06rem; }
}
@media all and (max-width:1368px){
    /* 상단 */
    .gnb>li>a													{ font-size:17px;  }

    /* 하단 */
    .footer .copyright .copy									{ margin-top:1.5em; }

}
@media all and (max-width:1268px){
    /* 상단 */
    .header																			{ --sizeHig:89px; }
    .header.active																	{margin-top:0;}
    .header_wrap																{ height:calc(var(--sizeHig) - 0px) }
    .header .h_logo a																{width:217px; height:38px; }
    .top_util .list																		{display:none;}
    .gnb																			{ display:none; }
    .header .h_icon .search_wrap													{ top:90px; }
    .header.active .h_icon .search_wrap												{ top:90px; }


    /* 모바일 메뉴 */
    .sitemap_wrap																	{ right:-100%; transition:all 0.5s }
    .sitemap_wrap.open																{ right:0; background:rgba(0,0,0,.8); }
    .sitemap_wrap .sitemap_box														{ position:fixed; max-width:500px; width:98%; height:100%; right:0; top:0; background:#fff; }
    .sitemap_wrap .sitemap_box::before												{ position:absolute; width:150px; height:100%; background:#f4f3fb; left:0; top:50px; content:''; z-index:1; }
    .sitemap_wrap .sitemap_box .top_util											{display:block;position: absolute;top: 0;left: 0;right: inherit;transform: translateY(0);width: 100%; background: #303030;}
    .sitemap_wrap .sitemap_box .top_util .list										{display:flex;justify-content:flex-start; padding: 0 15px;height: 50px;align-items: center;}
    .sitemap_wrap .sitemap_box .gnb_list											{ position:relative; display:flex; flex-flow:column; width:100%; height:calc(100vh - 45px); box-sizing:border-box; padding-left:5px; z-index:2;
        transform:inherit; left:inherit; top:inherit; justify-content:flex-start; overflow-y:inherit; max-height:inherit; margin-top:70px; }
    .sitemap_wrap .sitemap_box .gnb_list>li::before									{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li+li										{ border-left:none; }


    .sitemap_wrap .sitemap_box .gnb_list>li											{ --sizeGnb:150px; width:inherit; padding:0; position:initial; transform:initial; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a										{ position:relative; display:flex; padding:0 15px; align-items:center; z-index:10; width:var(--sizeGnb); height:50px; box-sizing:border-box; font-size:1em;
        color:var(--color-base)}
    .sitemap_wrap .sitemap_box .gnb_list>li.active>a								{ color:var(--color-white); box-shadow:0 20px 30px rgba(0,0,0,0.15); background:var(--color-point); border-radius:8px;  }
    .sitemap_wrap .sitemap_box .gnb_list>li.active>a::before						{ position:absolute; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#fff; right:15px; top:50%; transform:translateY(-55%) rotate(45deg);
        transition:var(--trans-ani); content:''; }



    .sitemap_wrap .sitemap_box .gnb_list>li .dep2_wrap								{ display:none; position:absolute; overflow-y:auto; left:calc(var(--sizeGnb) + 10px); top:0px; width:calc(100% - var(--sizeGnb) - 20px); height:95%; box-sizing:border-box;
        padding:0; transform:translateX(0); background:var(--color-white); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2									{ margin-top:0; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a								{ position:relative; display:block; color:rgba(0,0,0,.9); font-size:.98em; padding:15px;  border:1px solid rgba(0,0,0,.1); border-radius:5px; opacity:1; word-break:break-all;}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus						{ color:var(--color-white); background:var(--color-point); border-color:var(--color-point); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before						{   }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover::before,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus::before				{ border-color:var(--color-white); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:has(ul)>a::before				{ position:absolute; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#444; right:15px; top:50%;
        transition:var(--trans-ani); content:''; transform:translateY(-55%) rotate(135deg); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before				{ transform:translateY(-55%) rotate(315deg); }


    .sitemap_wrap .sitemap_box .gnb_list>li .dep3									{ display:none; margin-top:10px; padding:10px 15px; background:#f5f5f5; border-radius:5px;}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a								{ display:block; color:rgba(0,0,0,.9); font-size:.95em; padding:7px 0; opacity:1; word-break:break-all;  }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before						{ position:absolute; width:1.5px; height:11px; background:#444; right:5px; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%);
        left:inherit; border-radius:0; opacity:0}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover::before,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus::before				{ background-color:#444; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep3>li:has(ul)>a::after				{ position:absolute; width:11px; height:1.5px; background:#444; right:0; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep3>li:has(ul)>a::before				{ opacity:1 }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep3>li.active>a::before				{ opacity:0 }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep4									{ padding:10px 15px; background:var(--color-white); margin-bottom:5px; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep4>li>a								{ display:block; color:rgba(0,0,0,.9); font-size:.88em; padding:3px 0; word-break:break-all;}
	.sitemap_wrap .sitemap_box .gnb_list>li>a[target='_blank']::after				{ display:inline-block; }
	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a[target='_blank']::after,
    .sitemap_wrap .sitemap_box .gnb_list>li .dep4>li>a[target='_blank']::after{ content:'';display:inline-block;position: initial;transform:initial;margin-left:4px; width:13px; height:13px; background:url(/resource/www/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px; margin-top:-2px;filter: inherit;}
  	.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after		{filter:invert(1);}
  
    .sitemap_wrap .sitemap_close													{ right:0; top:0; border-radius:0; background:transparent; }
    .sitemap_wrap .sitemap_close::before,
    .sitemap_wrap .sitemap_close::after												{ height:30px; background:var(--color-white) }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after		{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:15px; height:15px;
        background:url(/resource/www/images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px; margin-top:-4px; filter:invert(1);}

    /* 하단 */
    .footer																{padding:3.125em 0 4.375em;}
    .footer .link													{gap:0 25px;}
    .footer .info .list												{gap: 0 30px;margin-top:2em;}
    .footer .family_list											{margin-top:1.875em;}
    .footer .copy													{font-size:2.5em;}
}

/* pc (해상도 1024px ~ ) */
@media all and (max-width:968px) {
    /* 하단 */
    .footer > .con_inner										{position:relative;flex-flow:column;gap: 2.875em 0;}
    .footer .link												{margin-top:0;}
    .footer .right												{gap:1.5em;flex-flow:row;align-items:center;}
    .footer .sns												{position:absolute;right:0;top:0;}
    .footer .copy												{text-align:left;}
    .footer .copy strong									{display:inline-block;}
    .footer .copy strong:first-child						{margin-right:0;}
}
@media all and (max-width:868px) {
    /* 상단 */
    .header														{ --sizeHig:79px; }
    .header.active												{ --sizeHig:79px; }
    .header .h_logo a											{ width:194px; height:34px; }
    .header .h_icon												{ gap:0 10px; }
    .header .h_icon .search_wrap								{ top:80px; }
    .header.active .h_icon .search_wrap							{ top:80px; }

    .header.active												{ margin-top:0; --sizeHig:79px; }
    .sitemap_wrap .mob_gnb_control								{ display:flex; position:absolute; width:calc(98% - 50px); height:50px; max-width:calc(500px - 50px); right:50px; top:0; z-index:2; align-items:center; color:var(--color-white);
        padding-left:20px; }
    .sitemap_wrap .mob_gnb_control dl>dt						{ font-size:.9rem !important; }
    .sitemap_wrap .mob_gnb_control dl>dd						{ font-size:.9rem !important; }

    /* 하단 */
    .footer																{padding:2.5em 0 3.5em;}
    .footer > .con_inner										{gap:1.875em;}
    .footer .link													{gap:0 15px;}
    .footer .info .list												{gap:0 25px;}
    .footer .family_list											{margin-top:1.5em;}
    .footer .copy 												{font-size: 2.25em; }
}

/* 모바일 (해상도 ~ 767px)*/
@media all and (max-width:768px) {
    /* 하단 */
  	.footer .link a												{line-height:inherit;}
    .footer .right												{flex-flow:column;align-items: flex-start;}
    .footer .sns 												{position:inherit;}
}


@media all and (max-width:668px) {
    /* 하단 */
    .footer														{padding:1.875em 0 2.5em;}
    .footer .link a													{font-size:.813rem;}
    .footer .info .list												{margin-top:1.5em;    font-size: .88rem;}
}

@media all and (max-width:568px) {
    /* 상단 */
    .header .h_icon .search_wrap								{ padding:2em 1em; }
    .header .h_icon .search_wrap .searchForm input				{ width:calc(100% - 35px); min-height:35px; height:35px; }

    /* 하단 */
    .footer .info .list											{flex-flow: column;}
    .footer .info .list+.list										{margin-top:0;}
    .footer .copy 												{font-size: 1.75em;}
}

@media all and (max-width:468px) {
    /* 상단 */
    .header														{ --sizeHig:59px; }
    .header .h_logo a											{ width:160px; height:28px; }
    .header .h_icon > li > button span						{display:none;}
    .header.active												{ --sizeHig:59px; }
    .header .h_icon .search_wrap								{ top:60px; }
    .header.active .h_icon .search_wrap							{ top:60px; }

    .sitemap_wrap .mob_gnb_control dl>dt						{ font-size:.7rem !important; }
    .sitemap_wrap .mob_gnb_control dl>dd						{ font-size:.75rem !important; }
    .sitemap_wrap .mob_gnb_control								{ padding-left:10px; height:40px; }
    .sitemap_wrap .sitemap_box::before							{ top:50px; }
    .sitemap_wrap .sitemap_close::before,
    .sitemap_wrap .sitemap_close::after							{ height:20px; }
    .sitemap_wrap .sitemap_box .gnb_list>li						{ --sizeGnb:130px; }
    .sitemap_wrap .sitemap_box::before							{ width:130px; }
    .sitemap_wrap .sitemap_box .gnb_list>li>a					{ padding:0 10px; }
    .sitemap_wrap .sitemap_box .gnb_list>li.active>a::before	{ transform: translateY(-60%) rotate(45deg); right:10px; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ padding:12px 25px 12px 12px; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:has(ul)>a::before	 { width:6px; height:6px; transform: translateY(-85%) rotate(135deg); right:12px; }

    /* 하단 */
    .footer .info .list												{margin-top:1.5em;}
    .footer .copy 												{font-size: 1.5em;}
}


@media all and (max-width:268px) {
    /* 상단 */
    .header .h_logo a											{ width:143px; height:25px; }
    .header .h_icon												{ gap:0 5px; }
    .top_util .list													{gap:0;}
    .top_util .list>li a::before								{display:none;}
    .top_util .list>li:last-child									{padding-left:1em;}
}


/*1210 수정(색상 반전)*/
.top_util														{background:var(--color-white);border-bottom:1px solid rgba(0,0,0,.1);}
.top_util .list>li::after										{background:rgba(0,0,0,.2);}
.top_util .list>li a::before									{filter:invert(1);}
.top_util .list>li a span										{color: rgba(0, 0, 0, .74);}
.top_util .list>li a:focus span, .top_util .list>li a:hover span {color: rgba(0, 0, 0, .94);}

.sitemap_wrap .sitemap_box .gnb_list>li .dep3					{background:none;padding:0;}


@media all and (max-width:1268px) {
  .top_util														{border-bottom:none;}
  .top_util .list>li::after										{background: rgba(255, 255, 255, .2);}
  .top_util .list>li a span										{color: rgba(255, 255, 255, .7);}
  .top_util .list>li a:focus span,
  .top_util .list>li a:hover span								{color: rgba(255, 255, 255, .9);}
  .top_util .list>li a::before									{filter:none;}
}

.footer															{background:var(--color-white);border-top:1px solid rgba(0,0,0,.1);}
.footer .link,
.footer .info .list>li											{opacity:84;}
.footer .link a,
.footer .info .list												{color:var(--color-base);}
.footer .family_list>li .family_btn								{border:1px solid #e5e5e5;background:var(--color-white);color:#333;}
.footer .family_list>li .family_btn span::before				{border-color:#333;}
.footer .family_list>li .family_box,
.footer .sns li a												{background:var(--color-white);border:1px solid #ddd;}
.footer .sns li a:focus,.footer .sns li a:hover					{opacity:1;}
.footer .family_list>li .family_box ul>li a						{color:var(--color-base);opacity:.84;}
.footer .family_list>li .family_box ul>li a::before				{background:rgba(0,0,0,.4);}
.footer .family_list>li .family_box ul>li a:focus::before,
.footer .family_list>li .family_box ul>li a:hover::before		{background:#333;}
.footer .sns li a:focus, .footer .sns li a:hover				{background:#ddd;}
.footer .sns li a::before										{filter:invert(1);}
.footer .copy													{color:rgba(0,0,0,.1);}




/* 단일 레이어 팝업 */
#popup_layer 																{ position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}
.popup_box																	{ position:relative; top:50%; left:50%; width:94%; max-width:700px; transform:translate(-50%, -50%); z-index:1002; box-sizing:border-box; background:#fff; 
																				box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35); -webkit-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35); }
.popup_box .popup_cont 														{ line-height:1.4rem; font-size:14px; word-break: break-word; overflow-y:auto; max-height: calc(100svh - 100px);}
.popup_box .popup_btn 														{ display:flex; flex-wrap:wrap; width:100%; height:3em;word-break:break-word; }
.popup_box .popup_btn>li													{ position:relative; width:calc(100% / 2) }
.popup_box .popup_btn .closePop 											{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; font-size:.987em; text-align:center; 
																				vertical-align:middle; text-decoration:none; background:var(--color-point);}
.popup_box .popup_btn .closePop:before										{ content:''; display:block; position:absolute; top:.8em; right:29px; width:1px; height:21px; background:#fff; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
    																			-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.popup_box .popup_btn .closePop:after										{ content:''; display:block; position:absolute; top:.8em; right:29px; width:1px; height:21px; background:#fff; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);
   															 					-ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.popup_box .popup_btn>li input[type="checkbox"]								{ position:absolute; width:100%; height:100%; opacity:0; }
.popup_box .popup_btn>li .close_day											{ position:relative; width:100%; height:100%; cursor:pointer; color:#fff; display:flex; align-items:center; justify-content:center; font-size:.987em; }
.popup_box .popup_btn>li:has(.close_day) 									{ background:#222;}
.popup_box .popup_btn>li .closePop:focus									{ outline-offset:-2px; outline:2px dotted var(--color-white) !important}	
.popup_box .popup_btn > li:has(input[type="checkbox"]:focus) .close_day 	{ outline-offset:-2px; outline:2px dotted var(--color-white) !important;}
.popup_box .popup_btn > li:focus-within .close_day 							{ outline-offset:-2px; outline:2px dotted var(--color-white) !important; }
.popup_overlay																{ position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;background:rgba(0,0,0,0.5); }

/* 슬라이드 */
.layer_popup_wrap																{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:2000; color:#fff}
.layer_popup_cont 																{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1000; max-height:calc(100svh - 5em); overflow:hidden }
.layer_popup_cont .tit 															{ font-size:1.563rem; font-weight:700; position:relative; display:inline-flex; padding-top:15px; line-height:1 }
.layer_popup_cont .tit:before 													{ content:''; position:absolute; top:8px; right:-10px; width:8px; height:8px; border-radius:100%; background-color:var(--color-point); }
.layer_popup_cont .layerPopSwiper												{ width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; margin-top:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide									{ width:33.333%; }
.layer_popup_cont .layerPopSwiper .swiper-slide>a								{ display:flex; width:calc(100% - 30px); margin-left:15px; margin-right:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide .img							{ position:relative; width:100%; height:0; padding-top:100%; overflow-y:auto; overflow-x:hidden }
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar 		{ -webkit-appearance:none; width:4px;} 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-thumb 	{ background-color:var(--color-white); border-radius:5px; } 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-track 	{ border-radius:5px; background-color:rgba(255,255,255,.5); }
.layer_popup_cont .layerPopSwiper .swiper-slide .img img						{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
   																	 				-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover;}
.layer_popup_cont .swiper_bottom												{ position:absolute; right:0; top:0; display:flex; justify-content:center; align-items:center; gap:20px; }
.layer_popup_cont .swiper_bottom .control button								{ position:relative; width:30px; height:30px; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .swiper_bottom .control										{ display:flex; justify-content:center; align-items:center; height:40px; background:var(--color-point); border-radius:40px; padding:0 10px 0 20px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before,
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ position:absolute; width:8px; height:8px; border-style:solid; background:none; border-width:2px 2px 0 0; border-color:#fff; transform:rotate(45deg); content:''; }
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ margin-left:-4px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before							{ border-width:0 0 2px 2px; margin-right:-2px }
.layer_popup_cont .swiper_bottom .swiper_page									{ width:auto; display:flex; justify-content:center; align-items:center; font-size:.9rem; margin:0; line-height:1; color:#fff; gap:7px; margin-right:10px;}
.layer_popup_cont .swiper_bottom .swiper-pagination-current						{ font-weight:bold; color:var(--color-white) }
.layer_popup_cont .swiper_bottom .swiper-pagination-total						{ font-weight:300; opacity:.9 }
.layer_popup_cont .swiper_bottom .swiper_page i									{ position:relative; display:inline-block; width:4px; height:4px; background:rgba(255,255,255,.5); vertical-align:middle; border-radius:100%;  }
.layer_popup_cont .swiper_bottom .swiper_page i::after							{ display:none; }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 10px; filter:invert(1); }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ background-image: url(/resource/www/images/common/icon_stop.svg) }
.layer_popup_cont .swiper_bottom .swiper_auto.paused::before					{ background-image: url(/resource/www/images/common/icon_play.svg) }
.layer_popup_cont .layer_popup_btn												{ display:flex; justify-content:center; align-items:center; gap:10px;}
.layer_popup_cont .layer_popup_btn>li											{ position:relative; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .layer_popup_btn>li input[type="checkbox"]					{ position:absolute; width:100%; height:100%; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label										{ position:relative; padding-left:35px; cursor:pointer; font-size:.95rem; }
.layer_popup_cont .layer_popup_btn>li input 									{ position:absolute; width:1px; height:1px; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label::after								{ position:absolute; width:22px; height:22px; border:1px solid var(--color-white); border-radius:100%; content:''; left:0; top:0; }
.layer_popup_cont .layer_popup_btn>li label::before 							{ content: ""; position:absolute; top:4px; left:8px; width:6px; height:10px; overflow:hidden; border-style:solid; border-width:0 2px 2px 0;
																					 border-color:var(--color-white); opacity:0; transform:rotate(45deg);}
.layer_popup_cont .layer_popup_btn>li input:checked + label::before 			{ opacity:1; }
.layer_popup_cont .layer_popup_btn .popup_close_button 							{ display:flex; position: relative; width:46px; height:46px; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:var(--color-point); opacity:.5; border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button::after					{ position:absolute; width:calc(100% - 16px); height:calc(100% - 16px); left:8px; top:8px; content:''; background:var(--color-point); border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button>em						{ position:relative; width:100%; height:100%; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button>em::before				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button>em::after				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(-45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button:hover					{ transform:rotate(180deg); }	
.layer_popup_bg 																{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0, 0, 0, 0.9); }
@media all and (max-width:1368px){
	.layer_popup_cont .layerPopSwiper											{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px;  }
	.layer_popup_cont .layerPopSwiper .swiper-slide>a							{ width:calc(100% - 20px); margin-left:10px; margin-right:10px; }
}
@media all and (max-width:1024px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:50%;  }
	.layer_popup_cont .swiper_bottom .control									{ height:36px; }
	.layer_popup_cont .layer_popup_btn .popup_close_button 						{ width:42px; height:42px; }
	.layer_popup_cont .layer_popup_btn>li label									{ padding-left:30px; font-size:.9rem; }
	.layer_popup_cont .tit														{ padding-top:10px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:4px; }
}
@media all and (max-width:768px){
	.layer_popup_cont															{ padding-bottom:52px; }
	.layer_popup_cont .swiper_bottom											{ position:initial; }
	.layer_popup_cont .swiper_bottom .control									{ position:absolute; right:0; top:2px; }
	.layer_popup_cont .layer_popup_btn											{ position:absolute; width:max-content; left:50%; bottom:0; transform:translateX(-50%); }
	.layer_popup_cont .tit														{ padding-top:8px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:0; }
}
@media all and (max-width:568px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:100%;  }
}
@media all and (max-width:468px){
	.layer_popup_cont .tit 														{ font-size:1.363rem; }
	.layer_popup_cont .swiper_bottom .control									{ height:32px; padding:0 5px 0 15px }
	.layer_popup_cont .swiper_bottom .swiper_page								{ font-size:.85rem; margin-right:5px; }
	.layer_popup_cont .swiper_bottom .control button							{ width:25px; height:25px; }
	.layer_popup_cont .layerPopSwiper											{ margin-top:15px; }
} 
@media all and (max-width:320px){
	.layer_popup_cont .tit>span													{ display:none; }

}