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

input[type=text]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=search]:focus::placeholder  						{ font-size:0 !important;}

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


/* common */
:root{
    --color-base:#222;
    --color-base1:#333;
    --color-base2:#666;
    --color-point:#5d8d07;
    --color-red:#dd2227;
    --color-orange:#ff7d44;
    --color-gray:#e7e7e7;
    --color-white:#fff;
    --color-light-gray:#f2f2f2;
    --font-pretendard:'Pretendard', Sans-serif;
    --font-one:'ONE MOBILE', Sans-serif;
    --font-suite:'SUITE', Sans-serif;
    --trans-ani:0.3s ease 0s;
}

.con_inner										{ position:relative; width:94%; max-width:1700px; margin-left:auto; margin-right:auto; }
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; }
.none_data										{ width:100% !important; text-align:center; background:#f5f5f5; padding:5em; border-radius:20px; }
a[target='_blank']::after						{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:15px; height:15px; margin-top:-4px;
    background:url(/resource/www/images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px; }
.color_point									{ color:var(--color-point)!important; }
.color_red										{ color:var(--color-red)!important; }
.color_orange									{ color:var(--color-orange)!important; }


/* 아이콘 */
[class^="icon_"]								{ position:relative; display:flex; align-items:center; justify-content:center; }
[class^="icon_"]::before						{ position:absolute; width:100%; height:100%; content:''; background-repeat:no-repeat; background-position:center; background-size:contain; left:0; top:0; }
.icon_next										{ width:20px; height:12px;}
.icon_next::before								{ background-image:url(/resource/www/images/common/icon_next.svg); }
.icon_quick01,
.icon_quick02,
.icon_quick03,
.icon_quick04									{ width:45px; height:45px; }
.icon_quick01::before							{ background-image:url(/resource/www/images/common/icon_quick01.svg); }
.icon_quick02::before							{ background-image:url(/resource/www/images/common/icon_quick02.svg); }
.icon_quick03::before							{ background-image:url(/resource/www/images/common/icon_quick03.svg); }
.icon_quick04::before							{ background-image:url(/resource/www/images/common/icon_quick04.svg); }


/* 여백 */
.mt10											{ margin-top:10px; }
.mt20											{ margin-top:20px; }
.mt30											{ margin-top:30px; }
.mt40											{ margin-top:40px; }
.mt50											{ margin-top:50px; }
.mt60											{ margin-top:60px; }
.mt70											{ margin-top:70px; }
.mt80											{ margin-top:80px; }
.mt90											{ margin-top:90px; }
.mt100											{ margin-top:100px; }
.pt100											{ padding-top:100px; }
.pb100											{ padding-bottom:100px; }
.mt110											{ margin-top:110px; }
.mt120											{ margin-top:120px; }
.mb180											{ margin-bottom:180px; }


/* 스와이퍼 버튼 */
.swiper_control									{ display:flex; align-items:center; justify-content:center;  }
.swiper_prev									{ width:35px; height:35px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_prev::before							{ display:inline-block; width:7px; height:12px; background:url(/resource/www/images/common/swiper_prev.svg) no-repeat 50% 50% / auto 12px; content:''; }
.swiper_next									{ width:35px; height:35px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.swiper_next::before							{ display:inline-block; width:7px; height:12px; background:url(/resource/www/images/common/swiper_next.svg) no-repeat 50% 50% / auto 12px; content:''; }
.swiper_scrollbar								{ position:relative !important; width:60px !important;  height:1px !important; opacity:1 !important; margin-left:-80px; margin-right:20px;}
.swiper_auto									{ position:relative; display:flex; width:35px; height:35px; border-radius:100%;  }
.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:auto 9px; filter:invert(1); }
.swiper_auto.paused::before						{ background-image:url(/resource/www/images/common/icon_play.svg); }
.swiper_auto::before							{ background-image:url(/resource/www/images/common/icon_stop.svg); }
.swiper_page									{ display:flex; }

@media all and (max-width:1024px){
    /* 여백 */
    .mt10											{ margin-top:5px; }
    .mt20											{ margin-top:15px; }
    .mt30											{ margin-top:25px; }
    .mt40											{ margin-top:35px; }
    .mt50											{ margin-top:40px; }
    .mt60											{ margin-top:45px; }
    .mt70											{ margin-top:45px; }
    .mt80											{ margin-top:50px; }
    .mt90											{ margin-top:50px; }
    .mt100											{ margin-top:55px; }
    .pt100											{ padding-top:55px; }
    .pb100											{ padding-bottom:55px; }
    .mt110											{ margin-top:60px; }
    .mt120											{ margin-top:65px; }
    .mb180											{ margin-bottom:70px; }

    /* 스와이퍼 버튼 */
    .swiper_prev									{ width:30px; height:30px; }
    .swiper_next									{ width:30px; height:30px; }
    .swiper_auto									{ width:30px; height:30px; }

}
@media all and (max-width:668px){
    /* 여백 */
    .mt20											{ margin-top:10px; }
    .mt30											{ margin-top:20px; }
    .mt40											{ margin-top:20px; }
    .mt50											{ margin-top:25px; }
    .mt60											{ margin-top:30px; }
    .mt70											{ margin-top:35px; }
    .mt80											{ margin-top:35px; }
    .mt90											{ margin-top:40px; }
    .mt100											{ margin-top:45px; }
    .pt100											{ padding-top:45px; }
    .pb100											{ padding-bottom:45px; }
    .mt110											{ margin-top:50px; }
    .mt120											{ margin-top:55px; }
    .mb180											{ margin-bottom:60px; }


    /* 스와이퍼 버튼 */
    .swiper_prev									{ width:24px; height:24px; }
    .swiper_next									{ width:24px; height:24px; }
    .swiper_auto									{ width:24px; height:24px; }
}



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

							 상단

************************************************************/
.header																{ position:fixed; top:0; left:0; right:0; width:100%; padding:0; z-index:20; -webkit-transition:var(--trans-ani); transition:var(--trans-ani); }
.header::before														{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; backdrop-filter:blur(10px); top:0; content:''; z-index:1; opacity:0; transition:opacity 0.2s ease; }
.header_wrap														{ position:relative; display:flex; width:94%; max-width:1700px; --sizeHig:103px; height:var(--sizeHig); margin-left:auto; margin-right:auto;  justify-content:space-between;
    align-items:center; transition:var(--trans-ani); z-index:2;  }
.header .h_logo														{ width:174px; height:48px; line-height:1; transition:all .1s;  }
.header .h_logo a													{ display:block; width:100%; height:100%; background:url(/resource/www/images/common/img_logo.png) no-repeat 50% 50% / cover; }

.header.active::before,
.header.menu_open::before											{ opacity:1 }
.header.menu_open													{ height:340px; }




.header .top_util													{ display:flex; align-items:center; gap:0 20px; margin-left:50px; z-index:20 }
.header .top_util>li												{ position:relative; }
.header .top_util [data-util]>a										{ position:relative; display:block; width:20px; height:20px; }
.header .top_util [data-util]>a::before								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:center; background-repeat:no-repeat; /*filter:invert(1);*/ }
.header .top_util [data-util="login"]>a::before						{ background-image:url(/resource/www/images/common/icon_login.svg); background-size:19px 20px }
.header .top_util [data-util="logout"]>a::before					{ background-image:url(/resource/www/images/common/icon_logout.svg); background-size:19px 20px }
.header .top_util [data-util="join"]>a::before						{ background-image:url(/resource/www/images/common/icon_join.svg); background-size:15px 20px }
.header .top_util [data-util="mypage"]>a::before					{ background-image:url(/resource/www/images/common/icon_mypage.svg); background-size:16px 20px }
.header .top_util .sitemap_open										{ display:block; width:20px; height:20px; background:url(/resource/www/images/common/icon_allmenu.svg) no-repeat 50% 50% / 19px 18px; }


/* 사이트맵 */
.sitemap_wrap														{ position:fixed; width:100%; height:100vh; right:0; top:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden; z-index:-1; -webkit-transition:all 0.3s  0.5s;
    transition:all 0.3s  0.5s; overflow:hidden;}
.sitemap_wrap .sitemap_box .gnb_list								{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:flex; flex-wrap:wrap; gap:0 2em; justify-content:center }
.sitemap_wrap .sitemap_box .gnb_list>li								{ position:relative; -webkit-transform:scaleX(1); transform:scaleX(1); transform-origin:right top; transition-property:transform; padding:7rem 4rem }
.sitemap_wrap .sitemap_box .gnb_list>li>a							{ font-size:2rem; font-weight:bold; color:#222; transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li .dep2						{ margin-top:2em;  }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a					{ position:relative; display:block; font-size:1.2rem; font-weight:500; color:#222; padding:5px 0 5px 15px; transition:var(--trans-ani); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li					{ margin-top:1em; }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before			{ position:absolute; left:0; width:5px; height:5px; top:17px; border-radius:100%; background:rgba(0,0,0,.5); content:''; transition:var(--trans-ani); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a[target='_blank']::after	{ filter:invert(1); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3						{ margin-top:.5em; display:none }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a					{ position:relative; display:inline-flex; font-size:1rem; font-weight:400; color:#222; padding:7px 0 7px 25px; transition:var(--trans-ani); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::before			{ position:absolute; left:15px; width:5px; height:1px; top:17.5px; border-radius:100%; background:rgba(0,0,0,.2); content:''; transition:var(--trans-ani); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a::after			{ position:absolute; left:25px; width:0; height:1px; background:var(--color-point); bottom:0; content:''; transition:var(--trans-ani);}
.sitemap_wrap .sitemap_box .gnb_list>li a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li a:focus						{ color:var(--color-point) }
.sitemap_wrap .sitemap_box .gnb_list>li:hover>a,
.sitemap_wrap .sitemap_box .gnb_list>li:focus>a,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:hover>a,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:focus>a			{ color:var(--color-point) }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus			{ color:var(--color-point); }
.sitemap_wrap .sitemap_box .gnb_list>li:has(.dep2>li>a:focus)>a,
.sitemap_wrap .sitemap_box .gnb_list>li:has(.dep3>li>a:focus)>a 	{ color:var(--color-point); }
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover::before,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:focus::before,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:hover>a::before,
.sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:focus>a::before	{ background:var(--color-point) }
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:hover::after,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li>a:focus::after,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li:hover>a::after,
.sitemap_wrap .sitemap_box .gnb_list>li .dep3>li:focus>a::after		{ width:calc(100% - 25px); }


.sitemap_wrap.open													{ opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; background-color:rgba(255,255,255,.8);  backdrop-filter:blur(10px);
    -webkit-transition:all 0.3s  0s; transition:all 0.3s 0s; }
.sitemap_wrap.open .sitemap_box .gnb_list>li:after 					{ width:0; }


.sitemap_wrap .sitemap_close										{ position:absolute; width:80px; height:80px; background:#222; right:0; top:0; opacity:0; transition:all ease 0.3s }
.sitemap_wrap .sitemap_close::before								{ position:absolute; width:2px; height:40px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:#fff; }
.sitemap_wrap .sitemap_close::after									{ position:absolute; width:2px; height:40px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:#fff;}
.sitemap_wrap.open .sitemap_close									{ opacity:1; transform:rotate(90deg);}
.sitemap_wrap .mob_gnb_control										{ display:none; }



/* gnb */
.header .nav_wrap													{ display:flex; }
.gnb																{ display:flex; align-items:center; margin-top:4px;}
.gnb>li																{ height:var(--sizeHig); position:relative; }
.gnb>li>a															{ position:relative; display:flex; flex-wrap:wrap; align-items:center; height:100%; padding:0 40px; font-size:19.5px; color:var(--color-white); font-weight:500; 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:-39px; width:0%; height:4px; background:#fff; 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 .dep2_wrap														{ position:absolute; left:50%; transform:translateX(-50%); top:var(--sizeHig); width:200px; overflow:hidden; opacity:0; visibility:hidden;
    transition:var(--trans-ani) cubic-bezier(.59,.01,.43,1); z-index:40; }
.gnb .dep2															{ padding:15px; }
.gnb .dep2>li														{ float:none; }
.gnb .dep2>li>a														{ display:block; position:relative; padding:10px 15px; font-size:16px; font-weight:400; color:rgba(255,255,255,.7); letter-spacing:-.02em; line-height:1.2; transition:var(--trans-ani);
    text-align:center}

.gnb .dep2>li>a[target='_blank'] i									{ display:none }
.gnb .dep2>li>a:hover,
.gnb .dep2>li>a:focus												{ color:#fff; }
.gnb .dep3															{ display:none; }
.header.menu_open .gnb>li>a											{ padding:0 45px; }
.header.menu_open .dep2_wrap										{ opacity:1; visibility:visible;}

/* 고정 */
.header.active.menu_open											{ height:320px; }
.header.active .header_wrap 										{ --sizeHig:86px; }
.header.active .h_logo												{ width:152px; height:42px; }
.header.active .gnb>li>a											{ font-size:18.5px; }
.header.active .gnb .dep2_wrap										{ top:calc(var(--sizeHig) - 8px); }
.header.active .gnb>li>a>span::after								{ bottom:-32px; }


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

							 하단

************************************************************/
.footer															{ position:relative; background:#161616; padding:5em 0; }
.footer>.con_inner												{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:2em; }
.footer .f_logo													{ display:flex; flex:0 1 auto; width:174px; height:48px; line-height:1; background:url(/resource/www/images/common/img_logo.png) no-repeat 50% 50% / cover; opacity:.64 }
.footer .info													{ flex:0 1 auto; display:flex; flex-flow:column; color:var(--color-white)}
.footer .info>li												{ display:flex; flex-wrap:wrap;}
.footer .info>li+li												{ margin-top:20px; }
.footer .info>li strong											{ width:6.88em; font-weight:bold; }
.footer .info > li span:not(.btn span)							{ font-weight:300; opacity:.84 }
.footer .info > li.btn											{ margin-top:40px; }
.footer .info > li.btn>a										{ display:inline-flex; justify-content:center; align-items:center; gap:0 50px; border:1px solid #6e6e6e; height:50px; border-radius:8px; padding:0 20px; font-weight:bold; line-height:1;
    transition:var(--trans-ani);  }
.footer .info > li.btn>a:hover,
.footer .info > li.btn>a:focus									{ border-color:var(--color-white); background:var(--color-white);  gap:0 70px; color:var(--color-base) }
.footer .info > li.btn>a:hover .icon_next,
.footer .info > li.btn>a:focus .icon_next						{ filter:invert(1); }
.footer .sns													{ display:flex; flex:0 1 auto; align-items:end; gap:0 20px }
.footer .sns>li													{ display:flex; }
.footer .sns [data-sns]											{ position:relative; overflow:hidden; display:block; text-indent:100%; font-size:0; white-space:nowrap;}
.footer .sns [data-sns]:before									{ content:''; display:block;  filter:brightness(100); opacity:.5; }
.footer .sns [data-sns="blog"]:before							{ width:32px; height:27px; background:url(/resource/www/images/common/icon_blog.svg) no-repeat 50% 0 / contain; }
.footer .sns [data-sns="youtube"]:before						{ width:33px; height:27px; background:url(/resource/www/images/common/icon_youtube.svg) no-repeat 50% 0 / contain; }
.footer .sns [data-sns="instagram"]:before						{ width:26px; height:28px; background:url(/resource/www/images/common/icon_instar.svg) no-repeat 50% 0 / contain; }
.footer .sns a[target='_blank']::after							{ display:none; }
.footer .sns [data-sns]:hover,
.footer .sns a:focus [data-sns]									{ animation:iconShow 0.7s ease-in-out 1 forwards; }


/* 카피라이터 */
.footer .copyright												{ display:flex; flex-wrap:wrap; align-items:center; margin-top:5em; padding-top:3.13em;  border-top:1px solid #454545; letter-spacing:0; color:var(--color-white);  font-weight:300; }
.footer .copyright .list										{ display:flex; gap:0 25px; }
.footer .copyright .list>li>a									{ opacity:.74; transition:var(--trans-ani) }
.footer .copyright .list>li>a:hover,
.footer .copyright .list>li>a:focus								{ opacity:1; }
.footer .copyright .list .bold									{ font-weight:bold; }
.footer	.copyright .copy										{ display:flex; flex-wrap:wrap; gap:0 10px; align-items:center; }
.footer	.copyright .copy>li										{ position:relative; }
.footer	.copyright .copy>li:nth-child(1)						{ margin-right:10px; opacity:.74;}
.footer	.copyright .copy .family_site							{ display:flex; height:60px; padding:0 20px; color:var(--color-white); background:#2d2d2d; justify-content:center; align-items:center; border:1px solid #6e6e6e; border-radius:8px; }
.footer	.copyright .copy .family_site span						{ position:relative; display:flex; gap:0 40px; align-items:center; opacity:.74; }
.footer	.copyright .copy .family_site span::after				{ display:inline-block; width:6px; height:6px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-white); transform:rotate(-135deg);
    transition:var(--trans-ani); content:''; }
.footer	.copyright .copy .family_site.active span::after		{ transform:rotate(45deg); }
.footer	.copyright .copy .family_wrap							{ display:none; position:absolute; width:100%; border:1px solid #6e6e6e; background:#2d2d2d; left:0; bottom:65px; padding:1.25em; border-radius:8px; }
.footer	.copyright .copy .family_wrap .list						{ display:flex; flex-flow:column; gap:10px; }
.footer	.copyright .copy .family_wrap .list>li					{ font-size:.9em; }
.footer	.copyright .copy .btn_top								{ display:flex; width:90px; height:60px; justify-content:center; align-items:center; align-content:center;  z-index:5; border-radius:8px; gap:0 12px;
    background-color:var(--color-red); font-weight:300; color:#fff; transition:var(--trans-ani); }
.footer	.copyright .copy .btn_top:after							{ content:''; display:inline-block; width:9px; height:12px; margin-bottom:5px; background:url(/resource/www/images/common/icon_top.svg) no-repeat 50% 50%; background-size:auto;  transition:var(--trans-ani);
    opacity:.74;}
.footer	.copyright .copy .btn_top span							{ display:inline-block; opacity:.74;}
.footer	.copyright .copy .btn_top:hover::after,
.footer	.copyright .copy .btn_top:focus:after					{ animation:iconShow 0.7s ease-in-out 1 forwards; }



/* 퀵메뉴 */
.quick_warp														{ position:fixed; right:1em; top:50%; transform:translateY(-50%); z-index:10; }
.quick_warp .list												{ position:relative; display:flex; flex-flow:column; gap:10px; }
.quick_warp .list>li											{ position:relative; height:45px;}
.quick_warp .list>li>a											{ position:absolute; display:inline-flex; width:45px; height:45px; right:0; top:0; overflow:hidden; border-radius:45px; background:var(--color-white); transition:var(--trans-ani);
    border:1px solid #d4d4d4  }
.quick_warp .list>li>a .txt										{ position: absolute; width:100%; height:100%; color:var(--color-white); font-weight:700; opacity:0; transition:all 0.2s; transition-delay:0s; left:0; pointer-events:none; padding:0 20px;
    font-size:14px; display:flex; align-items:center; justify-content:space-between;}
.quick_warp .list>li>a:hover,
.quick_warp .list>li>a:focus									{ width:10em; background:var(--color-point); border-color:var(--color-point)  }
.quick_warp .list>li>a:hover .txt,
.quick_warp .list>li>a:focus .txt								{ opacity:1; transition:var(--trans-ani);  }
.quick_warp .list>li>a [class^="icon_quick"]					{ transition:var(--trans-ani); }
.quick_warp .list>li>a:hover [class^="icon_quick"],
.quick_warp .list>li>a:focus [class^="icon_quick"]				{ left:-45px; opacity:0; width:0; }
.quick_warp .list>li>a[target='_blank']::after					{ display:none; }

.quick_warp .quick_btn											{ position:relative; display:none; width:50px; height:50px; background:var(--color-point); color:var(--color-white); font-size:.7em; text-transform:uppercase; border-radius:100%;
    padding-top:10px; margin-top:10px; line-height:1 }
.quick_warp .quick_btn span										{ position:relative; }
.quick_warp .quick_btn::before									{ position:absolute; width:6px; height:6px; border-style:solid; border-width:0 1px 1px 0; border-color:var(--color-white); left:50%; top:12px; transform:translateX(-50%) rotate(-135deg);
    transition:var(--trans-ani); content:''; }
.quick_warp .quick_btn.active::before							{ transform:translateX(-50%) rotate(45deg); top:10px; }

@media all and (max-width:1568px){
    .sitemap_wrap .sitemap_box .gnb_list>li											{ padding:7rem 2.5rem }
}
@media all and (max-width:1368px){
    /* 상단 */
    .header_wrap																	{ --sizeHig:93px; }
    .gnb>li>a																		{ font-size:18.5px; padding:0 30px; }

    /* 고정 */
    .header.active .header_wrap														{ --sizeHig:73px; }
    .header.active .h_logo															{ width:123px; height:34px; }
    .header.active .gnb>li>a														{ font-size:17.5px; }

    /* 하단 */
    .footer																			{ font-size:15px; }
    .footer .info > li.btn>a														{ height:45px; }
    .footer .copyright .copy .family_site,
    .footer .copyright .copy .btn_top												{ height:55px; }
    .footer .copyright .copy .family_wrap											{ bottom:60px; }
}
@media all and (max-width:1268px){
    .sitemap_wrap .sitemap_box .gnb_list>li											{ padding:6rem 1rem }
    .sitemap_wrap .sitemap_box .gnb_list>li>a										{ font-size:1.75rem; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a								{ font-size:1.15rem; }
}
@media all and (max-width:1168px){
    /* 상단 */
    .header_wrap																	{ --sizeHig:83px; }
    .header .nav_wrap>nav															{ display:none; }
    .header .top_util																{ margin-left:0; gap:0 10px; }
    .header .top_util [data-util="login"]>a::before,
    .header .top_util [data-util="logout"]>a::before,
    .header .top_util [data-util="join"]>a::before,
    .header .top_util [data-util="mypage"]>a::before								{ background-size:auto 18px }
    .header .top_util .sitemap_open													{ background-size:auto 16px}

    .header .h_logo																	{  width:152px; height:42px; }

    /* 고정 */
    .header.active .header_wrap 													{ --sizeHig:73px; }
    .header.active .h_logo															{ width:123px; height:34px; }


    /* 모바일 메뉴 */
    .sitemap_wrap																	{ right:-100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
    .sitemap_wrap.open																{ right:0; background:rgba(0,0,0,.8); }
    .sitemap_wrap .sitemap_box														{ position:absolute; width:280px; height:100%; right:0; top:0; overflow-y:auto; background:#fff; }
    .sitemap_wrap .sitemap_box .gnb_list											{ position:relative; top:inherit; left:inherit; height:auto; overflow:hidden; margin-top:60px; border-top:1px solid rgba(0,0,0,0.1); display:block }
    .sitemap_wrap.open .sitemap_box .gnb_list>li:after								{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li+li::before								{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li											{ width:100%; padding:0; }
    .sitemap_wrap .sitemap_box .gnb_list>li											{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); }
    .sitemap_wrap.open  .sitemap_box .gnb_list>li									{ animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
    .sitemap_wrap .sitemap_box .gnb_list>li > a										{ position:relative; display:block;  height:48px; line-height:48px; padding:0 7%; color:#222; font-size:16px; letter-spacing:-0.25px;}
    .sitemap_wrap .sitemap_box .gnb_list>li > a::before								{ position:absolute; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:#444; right:7%; top:50%; transform:translateY(-75%) rotate(45deg);
        transition:var(--trans-ani); content:''; }
    .sitemap_wrap .sitemap_box .gnb_list>li.active > a::before						{ transform:translateY(-35%) rotate(-135deg); }
    .sitemap_wrap .sitemap_box .gnb_list>li	.dep2_wrap								{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li	.dep2									{ padding:13px 0; background-color:var(--color-point); margin-top:0; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li+li								{ margin-top:0; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a								{ display:block; color:rgba(255,255,255,0.7); font-size:15px; padding:10px 7%; position:relative}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a:hover						{ color:rgba(255,255,255,1)}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::after						{ position:absolute; width:11px; height:1.5px; background:#fff; right:7%; top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before						{ position:absolute; width:1.5px; height:11px; background:#fff; right:calc(7% + 5px); top:50%; content:''; transition:var(--trans-ani); transform:translateY(-50%);
        left:inherit; border-radius:0;}
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>a::before						{ background-color:#fff !important; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li.active>a::before				{ opacity:0; }

    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:not(:has(ul))>a::after			{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li:not(:has(ul))>a::before 		{ display:none; }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul								{ display:none; padding:13px 7%; margin-top:0; background:rgba(255,255,255,.2); }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a						{ padding:3px 0; font-size:.9rem; color:rgba(255,255,255,.8) }
    .sitemap_wrap .sitemap_box .gnb_list>li .dep2>li>ul>li>a::before				{ display:none; }
    .sitemap_wrap .sitemap_close													{ width:60px; height:60px; }
    .sitemap_wrap .sitemap_close::before,
    .sitemap_wrap .sitemap_close::after												{ height:30px; }
    .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:inherit;}
		
}
/* pc (해상도 1024px ~ ) */
@media all and (max-width:868px) {
    /* 상단 */
    .header .h_logo																	{  width:130px; height:36px; }

    /* 하단 */
    .footer																			{ padding:4em 0; font-size:13px;}
    .footer .f_logo																	{ width:130px; height:36px; }
    .footer .info > li.btn>a														{ height:40px; }
    .footer .copyright .copy .family_site,
    .footer .copyright .copy .btn_top												{ width:auto; height:50px; padding:0 15px; }
    .footer .copyright .copy .family_wrap											{ bottom:55px; }
}

/* 모바일 (해상도 ~ 767px)*/
@media all and (max-width:668px) {
    /* 하단 */
    .footer																			{ padding:3em 0; }
    .footer>.con_inner																{ flex-flow:column; position:relative; }
    .footer .sns																	{ position:absolute; right:0; top:0; align-items:flex-start; gap:0 10px; }
    .footer .info>li+li																{ margin-top:10px; }
    .footer .info > li.btn															{ margin-top:20px; }
    .footer .sns [data-sns="youtube"]:before										{ width:33px; height:20px; }
    .footer .sns [data-sns="blog"]:before											{ width:32px; height:24px;}
	.footer .sns [data-sns="instagram"]:before										{ width:21px; height:21px; }
    .footer .copyright																{ margin-top:3em; padding-top:2.13em; align-items:flex-start;}
    .footer .copyright .copy														{ width:100%; justify-content:space-between; }
    .footer .copyright .copy>li:nth-child(1)										{ width:100%; margin-bottom:3em; }
    .footer .copyright .copy .family_site,
    .footer .copyright .copy .btn_top												{ width:auto; height:45px; padding:0 12px; }
    .footer .copyright .copy .family_wrap											{ bottom:50px; }
    .footer .copyright .copy .family_site span										{ gap:0 20px; }
    .footer .copyright .list														{ gap:5px 15px; flex-wrap:wrap; }

    /* 퀵메뉴 */
    .quick_warp																		{ top:inherit; bottom:13%; transform:translateY(0%); }
    .quick_warp .quick_btn															{ display:flex; align-items:center; justify-content:center;}
    .quick_warp .list>li>a															{ align-items:center; justify-content:center; position:initial;  }
    .quick_warp .list																{ position:absolute; left:50%; bottom:60px; transform:translateX(-50%); display:none;}
    .quick_warp .list>li+li															{ margin-top:5px;}
    .quick_warp .list>li>a .txt														{ display:none !important; }
    .quick_warp .list>li>a:hover													{ width:45px; background:var(--color-white); }
    .quick_warp .list>li>a:hover [class^="icon_quick"]								{ left:0; opacity:1; width:45px; }

}
@media all and (max-width:468px) {
    /* 상단 */
    .header_wrap																	{ --sizeHig:73px; }
    .header .top_util																{ gap:0 5px; }
    .header .h_logo																	{ width:116px; height:32px; }
    .header .top_util [data-util="login"]>a::before,
    .header .top_util [data-util="logout"]>a::before,
    .header .top_util [data-util="join"]>a::before,
    .header .top_util [data-util="mypage"]>a::before								{ background-size:auto 16px }
    .header .top_util .sitemap_open													{ background-size:auto 14px}

    /* 고정 */
    .header.active .header_wrap 													{ --sizeHig:63px; }
    .header.active .h_logo															{ width:102px; height:28px; }

    /* 하단 */
    .footer .info>li strong															{ width:4.88em; }
}