/* ======== 헤더 ======== */
header .bd_h {border-bottom: none; transition: all .2s;}

.hd_right {display: flex; align-items: center; gap: 30px;}
.hd_right .lang_btn {position: relative;}
.hd_right .lang_btn dl {display: flex; align-items: center; gap: 6px; cursor: pointer;}
.hd_right .lang_btn dt {width: 20px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170837877017150.png) no-repeat center/contain;}
.hd_right .lang_btn dd {font-size: clamp(15px, 1.5vw, 18px); font-weight: 500;}
.hd_right .lang_btn ul {position: absolute; flex-direction: column; align-items: center; left: 50%; top: calc(100% + 6px); transform: translateX(-50%); width: max-content; background-color: #111; border-radius: 15px; padding: 10px 0; display: none;}
.hd_right .lang_btn.on ul {display: flex;}
.hd_right .lang_btn ul li {width: 100%;}
.hd_right .lang_btn ul span {color: #fff; opacity: .6; cursor: pointer; text-transform: uppercase; font-weight: 500; font-size: clamp(14px, 1.4vw, 15px); display: block; padding: 6px 25px; width: 100%;}
.hd_right .lang_btn ul span:hover {opacity: 1;}
.hd_util {display: flex; align-items: center; gap: 10px;}
.hd_util div.search_btn {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512296142335.png) no-repeat center/contain;}
.hd_util div.open_bg {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170837911237446.png) no-repeat center/cover;}

header .hd_bg {width: 100%; position: absolute; top: 0; left: 0; height: 0; max-height: 420px; background-color: #fff; transition: all .2s; border-bottom: none;}


/* 헤더 스크립트 관련 설정 */
header.active h1 img.col {display: block !important;}
header.active h1 img.white {display: none !important;}
header.active .hd_bg {height: 50vh; border-bottom: 1px solid #eee;}
header.active .bd_h {border-bottom: 1px solid #eee;}
header.active nav .depth1 > a {padding: 40px 80px; color: #111 !important;}
header.active .hd_right .lang_btn dd {color: #111 !important;}
header.scroll {top: -100%;}




/* 클래스 active를 가지고 있지 않은 header 안에 있는 .depth2를 선택하라 */
/* header:not(.active) .depth2 { 
    display: none !important;
} */


/* 0512 헤더 수정 */
header {width: 100vw; background-color: transparent; position: fixed; top: 0; left: 0; z-index: 500; transition: all .3s; border-bottom: 1px solid transparent;}
.hd_wrap {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.hd_left {display: flex; align-items: center; width: 100%; gap: 70px;}
.hd_wrap h1 {max-width: 135px; width: 100%; height: 47px;}
.hd_wrap h1 a {display: block; width: 100%; height: 100%; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512211069070.png) no-repeat center/contain;}
.hd_wrap nav ul {display: flex; align-items: center;transition: all .15s;}
.hd_wrap nav ul li {position: relative; width: auto; text-align: left; padding: 40px; transition: all .15s;}
.hd_wrap nav ul li:first-child {padding-left: 0;}
.hd_wrap nav a {font-size: 18px; color: #fff; display: block; transition: all .15s; text-align: left; width: 100%; font-weight: 600; min-width: max-content; cursor: default;}
header.on {background-color: #fff;}
header.on .hd_wrap nav a {color: #111;}
header.on .hd_wrap h1 a {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171552693521274.png) no-repeat center/contain;}


.hd_right {display: flex; align-items: center; gap: 40px;}
.lang_site {position: relative; cursor: pointer;}
.lang_site .lang_top {display: flex; align-items: center; gap: 12px;}
.lang_site .lang_top span {font-size: 18px; font-weight: 700; color: #fff; line-height: 1; text-transform: uppercase; transition: all .1s;}
.lang_site .lang_top i {display: block; width: 10px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512278741238.png) no-repeat center/contain; transition: all .1s;}
.lang_site.on .lang_top i {transform: rotate(180deg);}
.lang_site ul {display: none; position: absolute; left: 50%; top: calc(100% + 10px); transform: translateX(-50%); flex-direction: column; align-items: center; gap: 8px; background-color: #11111195; backdrop-filter: blur(3px); padding: 15px 25px;}
.lang_site.on ul {display: flex;}
.lang_site span {color: #ffffff80; text-transform: uppercase; transition: all .1s;}
.lang_site span:hover {color: #fff;}
.hd_util {display: flex; align-items: center; gap: 15px;}
.hd_util div {width: 35px; aspect-ratio: 1; cursor: pointer; transition: all .1s;}
.hd_util div.shop {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512295247598.png) no-repeat center/contain;}
.hd_util div.search {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512296142335.png) no-repeat center/contain;}
.hd_util div.open_bg {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512297071047.png) no-repeat center/contain;}
header.on .lang_site span {color: #111;}
header.on .lang_site .lang_top i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171520392370358.png) no-repeat center/contain;}


header.on .hd_util div.search_btn {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171520393297348.png) no-repeat center/contain;}
header.on .hd_util div.open_bg {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171520393646842.png) no-repeat center/contain;}





.hd_wrap nav.active {width: 100%;}
.hd_wrap nav.active li {max-width: 250px; width: 100%;}
.hd_wrap nav.active li:first-child {padding: 40px;}
.hd_wrap nav.active a {text-align: center;}


.hd_sub {border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; display: none;}
.hd_sub .sub_wrap {display: flex; padding-left: 277px;}
.hd_sub .depth2 {width: 250px; padding: 20px 0 30px; border-left: 1px solid #f1f1f1; transition: all .15s;}
.hd_sub .depth2:hover {background-color: #fcfcfc;}
.hd_sub .depth2:last-child {border-right: 1px solid #f1f1f1;}
.hd_sub .depth2 li {padding: 10px; text-align: center;}
.hd_sub .depth2 a {opacity: .6; transition: all .1s; font-weight: 600; text-align: center; width: 100%; display: block; font-size: 15px; cursor: pointer;}
.hd_sub .depth2 a:hover {opacity: 1;}

/* 서브페이지 내 헤더 설정 */
.wrap.sub header {background-color: transparent;}
.wrap.sub header h1 img.col {display: none;}
.wrap.sub header h1 img.white {display: block;}
.wrap.sub header nav .depth1 a {color: #111;}
.wrap.sub .hd_right .lang_btn dd {color: #fff;}
.wrap.sub .hd_right .lang_btn dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170854357326181.png) no-repeat center/cover;}
.wrap.sub header.active .hd_util div.search_btn {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170837910835929.png) no-repeat center/cover;}
.wrap.sub header.active .hd_util div.open_bg {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170837911237446.png) no-repeat center/cover;}
.wrap.sub header.active .hd_right .lang_btn dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170837877017150.png) no-repeat center/cover;}
.wrap.sub header.on {background-color: #fff; border-bottom: 1px solid #eee;}
.wrap.sub header.on nav .depth1 > a {color: #111;}
.wrap.sub header.on .hd_right .lang_btn dd {color: #111;}
.wrap.sub header.on .hd_right .lang_btn dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170837877017150.png) no-repeat center/cover;}
.wrap.sub header.on .hd_util div.search_btn {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171520393297348.png) no-repeat center/contain;}
.wrap.sub header.on .hd_util div.open_bg {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171520393646842.png) no-repeat center/cover;}
.wrap.sub header.on h1 img.white {display: none;}
.wrap.sub header.on h1 img.col {display: block;}


.wrap.product_view header .hd_wrap h1 a {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171552693521274.png) no-repeat center/contain;}
.wrap.product_view header .hd_wrap nav a {color: #111;}
.wrap.product_view header .hd_util div.search_btn {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171520393297348.png) no-repeat center/contain;}
.wrap.product_view header .hd_util div.open_bg {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171520393646842.png) no-repeat center/cover;}



/* 탑버튼 */
.top_btn {position: fixed; right: 1%; bottom: 3%; border-radius: 20px; overflow: hidden; cursor: pointer; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170846629530585.png) no-repeat center/cover; width: 50px; aspect-ratio: 1; display: none; z-index: 20; box-shadow: 2px 2px 10px #00000030;}


/* 검색창 */
.search_wrap {position: fixed; top: -100%; left: 0; width: 100%; height: 30vh; padding-top: 103px; background: #8f333bbd; backdrop-filter: blur(10px); z-index: 20; transition: all .2s linear;}
.search_wrap.on {top: 0;}
.search_area {height: 100%; display: flex; align-items: center; justify-content: center; gap: 30px;}
.search_wrap .search_box {width: 30vw; max-width: 600px; min-width: 260px;}
.search_wrap .search_box input[type="text"] {width: 100%;}
.search_wrap .close_search {position: absolute; left: 50%; top: calc(100% + 10px); transform: translateX(-50%); width: 60px; aspect-ratio: 1; border-radius: 100%; overflow: hidden; cursor: pointer; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170965874629138.png) no-repeat center/cover; box-shadow: 0 2px 10px #00000030;}


/* 버거메뉴 */
.burger {position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 600; background-color: #6b5a51db; backdrop-filter: blur(5px); visibility: hidden; transition: all .1s linear;}
.burger.on {visibility: visible;}
.burger .bd_h {height: 100%;}
.bg_wrap {width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-between; opacity: 0; transition: all .2s ease-out;}
.bg_wrap.active {opacity: 1;}
.bg_top {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 40px 0;}
.bg_top .close_bg {width: 50px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170966629363602.png) no-repeat center/contain; cursor: pointer;}

.bg_menu {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.bg_menu dl {display: flex; flex-direction: column; align-items: flex-start; gap: 40px;}
.bg_menu dt {display: flex; align-items: flex-start; gap: 10px;}
.bg_menu dt span {font-size: clamp(12px, 1.2vw, 18px); color: #fff; opacity: .3; font-weight: 200;}
.bg_menu dt .depth1 {font-size: clamp(18px, 2.5vw, 50px); font-weight: 700; color: #fff; line-height: 1; opacity: .7; transition: all .1s;}
.bg_menu dl:hover .depth1 {opacity: 1;}
.bg_menu dd {width: 100%;}
.bg_menu dd ul {display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 18px;}
.bg_menu dd a {font-size: clamp(16px, 1.5vw, 20px); color: #fff; font-weight: 300; opacity: .5; transition: all .1s; letter-spacing: 1px;}
.bg_menu dd a:hover {opacity: .8;}

.bg_bottom {padding: 50px 0; border-top: 1px solid #ffffff30; display: flex; width: 100%; align-items: center; justify-content: space-between;}
.bg_bottom .txt {font-size: clamp(14px, 1.6vw, 20px); color: #fff; opacity: .4;}
.bg_bottom .ft_sns a {border-radius: 10px; overflow: hidden;}
.bg_bottom .ft_sns a.insta {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170966755497223.png) no-repeat center/cover;}
.bg_bottom .ft_sns a.facebook {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170966755951333.png) no-repeat center/cover;}
.bg_bottom .ft_sns a.youtube {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170966756311574.png) no-repeat center/cover;}


/* ======== 푸터 ======== */
footer {background-color: #444; padding: 80px 0;}
.ft_wrap {width: 100%;}
.ft_top {width: 100%; display: flex; justify-content: space-between;}
.ft_cs {display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
.ft_cs dt {font-size: 16px; color: #ffffff50;}
.ft_cs dd {font-size: clamp(20px, 1.5vw, 32px); font-weight: 600; color: #ffffffc2;}
.ft_cs p {font-size: 14px; color: #ffffff85; line-height: 1.6; font-weight: 400;}
.ft_menu {display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}
.ft_menu a {font-size: 15px; color: #ffffff95; transition: all .1s;}
.ft_menu a:hover {color: #fff;}
.ft_menu a.admin {color: #ffffff50;}
.ft_util {display: flex; gap: 40px; align-items: flex-start;}
.ft_inquiry p {font-size: 18px; color: #ffffff80; padding-bottom: 20px;}
.ft_inquiry .more {display: flex; align-items: center; gap: 20px; padding: 0 2px 5px; border-bottom: 1px solid #ffffff30; width: max-content; cursor: pointer; transition: all .1s; margin: 0;}
.ft_inquiry .more:hover {border-color: #ffffff80;}
.ft_inquiry .more span {font-size: 14px !important; color: #ffffff60 !important; transition: all .1s; background-color: transparent; border-radius: 0; padding: 0; font-weight: 400; text-transform: initial;}
.ft_inquiry .more:hover span {color: #ffffffd3 !important;}
.ft_inquiry .more i {display: block; width: 23px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512479426031.png) no-repeat center/contain; opacity: .4; transition: all .1s;} 
.ft_inquiry .more:hover i {opacity: .8;}
.ft_sub {display: flex; flex-direction: column; align-items: flex-end; gap: 40px; padding-left: 40px; border-left: 1px dashed #ffffff40;}
.ft_sns {display: flex; align-items: center; gap: 18px;}
.ft_sns a {display: block; width: 40px; aspect-ratio: 1;}
.ft_sns a.insta {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512494060994.png) no-repeat center/contain;}
.ft_sns a.youtube {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512495072142.png) no-repeat center/contain;}
.ft_sns a.facebook {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/17151249586694.png) no-repeat center/contain;}
.ft_sns a.blog {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512496832305.png) no-repeat center/contain;}
.family_site {position: relative; cursor: pointer;}
.family_site .family_top {display: flex; align-items: center; gap: 15px; padding: 12px 22px; background-color: #ffffff20;}
.family_site .family_top span {font-size: 15px; color: #fff;}
.family_site .family_top i {display: block; width: 12px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO_KR/publishing/171512516782144.png) no-repeat center/contain;}
.family_site ul {position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: #fff; width: 100%; padding: 5px 0; display: none;}
.family_site ul li {width: 100%; text-align: center; padding: 5px;}
.family_site ul li a {font-size: 15px; color: #888; font-weight: 500;}
.family_site ul li a:hover {color: #E7336E;}
.family_site.on ul {display: block;}

.ft_bt {width: 100%; display: flex; justify-content: space-between; align-items: flex-end; padding-top: 40px;}
.ft_info {display: flex; flex-direction: column; align-items: flex-start; gap: 15px; width: 60%;}
.ft_info span {font-size: 18px; color: #ffffff95;}
.ft_info .info_list {display: flex; flex-wrap: wrap; gap: 15px; row-gap: 6px;}
.info_list dl {display: flex; align-items: center; gap: 8px;}
.info_list dt {font-size: 14px; color: #ffffff50;}
.info_list dd {font-size: 14px; color: #ffffff75;}
.ft_logo {display: flex; flex-direction: column; align-items: flex-end; gap: 20px;}
.copyright {font-size: 12px; color: #ffffff50; font-weight: 400;}




/* ======== 페이지타이틀 ======== */
.page_tit {width: 100%; height: 70vh; position: relative;}
.page_back {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/17084619719073.jpg) no-repeat center/cover; z-index: -1;}
.page_wrap {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 70px;}
.page_wrap .pg_title {width: 100%; padding: 0 20%;}
.pg_title span {display: block; text-align: center; text-transform: uppercase; font-weight: 700; color: #ff606e; padding-bottom: 20px; font-size: clamp(15px, 2vw, 30px);}
.pg_title p {font-size: clamp(20px, 3.5vw, 48px); color: #fff; font-weight: 600; line-height: 1.3; text-align: center;}
.bread {display: flex; align-items: center; gap: 30px;}
.bread .deco {display: block; width: 1px; height: 15px; background-color: #fff; opacity: .5;}
.bread .home {display: block; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170853797274609.png) no-repeat center/cover; width: 25px; aspect-ratio: 1;}
.dep_tit {display: flex; align-items: center; gap: 12px; padding: 10px; cursor: pointer;}
.dep_tit span {font-size: clamp(14px, 1.5vw, 16px); color: #fff; font-weight: 600; display: block;
    /* max-width: 75px; */
}
.dep_tit i {display: block; width: 10px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170854224147021.png) no-repeat center/contain;}
.depth_box {position: relative;}
.depth_box.on .dep_tit i {transform: rotate(180deg);}
.dep_list {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: max-content; padding: 18px 20px; border-radius: 15px; background-color: #fff; display: none; box-shadow: 0 2px 5px #00000010;}
.depth_box.on .dep_list {display: block; z-index: 50;}
.dep_list ul {display: flex; flex-direction: column; align-items: center; gap: 8px;}
.dep_list span {cursor: pointer; opacity: .5; font-weight: 500; font-size: clamp(14px, 1.2vw, 15px); display: block; line-height: 1.3; text-align: center;
    /* max-width: 100px; */
}
.dep_list span:hover {opacity: 1;}




/* ======== 모달 ======== */
/* 모달 - 메인팝업 */
.md_wrap {position: fixed; z-index: 999; width: 100vw; height: 100vh; background-color: #00000080;}
.md_container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.md_box {width: 50vw; max-width: 480px; min-width: 260px; display: flex; flex-direction: column; border-radius: 20px; overflow: hidden;}
.popupSwiper {width: 100%; aspect-ratio: 1; background-color: #fff;}
.popupSwiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.popupSwiper .swiper-pagination {display: flex; align-items: center; gap: 5px; width: 70px; left: 50%; transform: translateX(-50%); background: #0000008e; border-radius: 100px; padding: 8px; backdrop-filter: blur(5px); line-height: 1; color: #fff; justify-content: center; font-size: 13px;}

.md_btn {width: 100%; display: flex; border-top: 1px solid #ddd; margin-top: -1px;}
.md_btn span {display: block; width: 50%; padding: 14px 4px; background-color: #fff; text-align: center; font-size: clamp(13px, 1vw, 15px); font-weight: 500; cursor: pointer;}
.md_btn span:hover {text-decoration: underline;}
.md_btn span:last-child {border-left: 1px solid #ddd;}
.popupSwiper .swiper-pagination span {font-size: clamp(12px, 1vw, 15px);}


/* 모달 - 알림창 */
.md_wrap.alert {background-color: transparent;}
.md_alert {width: 30vw; padding: 30px; border-radius: 20px; min-width: 260px; background-color: #fff; box-shadow: 0 0 20px #00000020;}
.md_alert dl {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: 20px;}
.md_alert dt {font-size: clamp(13px, 1.4vw, 18px); font-weight: 700; line-height: 1; color: #BC5861;}
.md_alert dd {font-size: clamp(14px, 1.5vw, 16px); font-weight: 400; color: #555; text-align: center;}
.alert_btn {display: flex; justify-content: center; margin-top: 30px;}
.alert_btn span {padding: 10px 20px; border-radius: 100px; font-size: clamp(14px, 1vw, 15px); font-weight: 600; color: #fff; line-height: 1; background-color: #333; cursor: pointer;}






/* ======== 1921px ======== */
@media screen and (min-width: 1921px) {
    .pg_title p {font-size: clamp(48px, 5vw, 70px);}
    .pg_title span {font-size: clamp(30px, 2vw, 45px);}
}




/* ======== 1600px ======== */
@media screen and (max-width: 1600px) {
    /* 헤더 */
    .hd_wrap h1 {max-width: 110px;}
    .hd_sub .sub_wrap {padding-left: 195px;}
    .hd_wrap nav a {font-size: 17px;}
    .hd_wrap nav.active li {width: 240px;}
    .hd_sub .depth2 {width: 240px;}
    .lang_site .lang_top span {font-size: 16px;}


    /* 푸터 */
    .ft_bt {padding-top: 60px;}
    .ft_menu {gap: 10px;}
    .ft_util {flex-direction: column; padding-right: 80px; gap: 50px;}
    .ft_sub {border-left: none; flex-direction: row; align-items: center; padding-left: 0; margin-left: -5px;}
}




/* ======== 1440px ======== */
@media screen and (max-width: 1440px) {
    /* 헤더 */
    .hd_left {gap: 50px;}
    .hd_wrap h1 {max-width: 100px;}
    .hd_wrap nav ul li {padding: 35px 25px;}
    .hd_wrap nav.active li:first-child {padding: 35px 25px;}
    .hd_wrap nav a {font-size: 16px;}
    .hd_sub .depth2 {padding: 35px 0; width: 200px;}
    .hd_sub .depth2 li {padding: 12px 15px;}
    .hd_wrap nav.active li {width: 200px;}
    .hd_sub .sub_wrap {padding-left: 165px;}


    /* 푸터 */
    footer {padding: 50px 0;}
    .ft_info span {font-size: 16px;}
    .info_list dt {font-size: 13px;}
    .info_list dd {font-size: 13px;}
    .ft_menu a.admin {display: none;}
}




/* ======== 1280px ======== */
@media screen and (max-width: 1280px) {
    /* 헤더 */
    header.on {border-color: #eee;}
    .hd_right {gap: 15px;}
    .hd_util {gap: 5px;}
    .hd_wrap {padding: 15px 0;}
    header nav {display: none;}
    header h1 img {min-width: 100px; width: 10%;}
    .hd_util div.open_bg {background-size: 85% !important;}


    /* 페이지타이틀 */
    .page_tit {height: 60vh;}
    .page_wrap {gap: 20px;}
    .pg_title span {padding-bottom: 0;}
    .bread {gap: 15px;}
    .bread .home {width: 20px;}


    /* 모달 */
    .md_alert {width: 50vw;}
}




/* ======== 1080px ======== */
@media screen and (max-width: 1080px) {
    /* 버거메뉴 */
    .bg_wrap {justify-content: initial; gap: 50px;}
    .bg_top {padding: 20px 0 0;}
    .bg_top a {min-width: 100px; width: 10%;}
    .bg_top .close_bg {width: 35px;}
    .bg_menu {grid-template-columns: 1fr; position: static; top: initial; left: initial; transform: initial; gap: 25px;}
    .bg_menu dl {gap: 10px;}
    .bg_menu dt {gap: 8px;}
    .bg_menu dd ul {gap: 15px; flex-direction: row; flex-wrap: wrap; row-gap: 4px;}
    .bg_bottom {padding: 30px 0; position: absolute; bottom: 0; left: 0;}


    /* 검색창 */
    .search_wrap {height: initial; padding: 100px 16px 30px;}
    .search_wrap .search_box {width: 100vw; max-width: initial;}
    .search_box input[type="text"] {padding: 15px 60px 15px 20px;}
    .search_wrap .close_search {width: 45px;}


    /* 헤더 */
    .hd_wrap h1 {max-width: 80px;}


    /* 푸터 */
    .ft_top {flex-direction: column; gap: 40px; padding-right: 80px;}
    .ft_menu {flex-direction: row; align-items: initial; gap: 10px; row-gap: 5px; flex-wrap: wrap; }
    .ft_util {padding-right: 0; gap: 30px;}
    .ft_bt {flex-direction: column; align-items: flex-start; padding-top: 40px; margin-top: 40px; border-top: 1px solid #ffffff30; gap: 25px; padding-right: 80px;}
    .ft_logo {align-items: flex-start;}
    .ft_info {width: 100%;}
    .ft_info .info_list {flex-direction: column; flex-wrap: nowrap; row-gap: 12px;}
    .info_list dl {align-items: flex-start; flex-direction: column; gap: 2px;}
    .ft_sns a {width: 35px;}
    .ft_inquiry p {padding-bottom: 10px; font-size: 17px;}
    .ft_cs {gap: 5px;}
    .ft_cs dt {font-size: 15px;}
    .ft_sns {gap: 12px;}
    .ft_sub {margin-left: 0;}

    /* 페이지타이틀 */
    .page_tit {height: 50vw; min-height: 320px;}
    .bread {gap: 15px;}
    .dep_tit {padding: 10px 0;}
    .dep_list {padding: 12px 16px;}
    .dep_list ul {gap: 8px;}
    .bread .deco {height: 10px;}

    .top_btn {right: 2%;}
}




/* ======== 700px ======== */
@media screen and (max-width: 700px) {
    .search_box {width: 100%;}
    .search_box input[type="text"] {width: 100%;}

    /* 헤더 */
    .hd_right {gap: 12px;}
    .hd_right .lang_btn dd {display: none;}
    .hd_right .lang_btn dt {width: 36px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/171078793796211.png) no-repeat center/contain;}
    .wrap.sub .hd_right .lang_btn dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/171078442636060.png) no-repeat center/cover;}
    .hd_right .lang_btn ul {top: calc(100% + 2px);}
    .wrap.sub header.on .hd_right .lang_btn dt {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/171078793796211.png) no-repeat center/cover;}


    /* 버거메뉴 */
    .burger {background-color: #6b5a51e6;}
    .bg_wrap {gap: 40px; overflow-y: auto;}
    .bg_wrap::-webkit-scrollbar {width: 0;}
    .bg_bottom {flex-direction: column; align-items: flex-start; justify-content: initial; gap: 15px; padding: 20px 0 40px; position: relative; bottom: initial; left: initial;}

    /* 푸터 */
    .ft_sub {flex-direction: column; gap: 15px; width: 100%; align-items: flex-start;}
    .family_site {width: 100%;}
    .family_site .family_top {justify-content: space-between;}
    .family_site ul {bottom: initial; top: 100%;}

    /* 모달 */
    .md_box {max-width: initial; width: 95vw; border-radius: 10px;}
    .popupSwiper .swiper-pagination {width: 55px; padding: 6px;}
    .md_alert {border-radius: 10px; width: 80vw; padding: 24px;}
    .md_alert dl {gap: 10px;}
    .alert_btn {margin-top: 15px;}


    /* 페이지타이틀 */
    .bread {display: none;}
    .page_wrap .pg_title {padding: 0 16px;}
}