* {word-break: keep-all;}
img {display: block;}
.bd_h {padding: 0 4.5rem;}

.ft {font-family: "Quicksand", serif;}

::selection {background-color: #000; color: #bc5861;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {border-radius: 10px; width: 100%; background-color: #dfcbcc;}
 

.spt {padding-top: 200px;}
.spb {padding-bottom: 200px;}


.wrap.index {background-color: #fff; border-bottom-right-radius: 120px; border-bottom-left-radius: 120px; z-index: 1;}


button {transition: all .1s; width: 100%;}
button.auto {width: max-content;}
button.lg {padding: 12px 30px; border-radius: 10px; text-align: center; font-size: clamp(15px, 1.6vw, 18px); font-weight: 600;}
button.sm {font-size: clamp(13px, 1.4vw, 15px); padding: 10px 15px; border-radius: 10px;}
button.col1 {background-color: #bc5861; color: #fff;}
button.col1:hover {background-color: #af4d55;}
button.col3 {background-color: #666; color: #fff;}
button.col3:hover {background-color: #555;}

.btn_box {width: 100%; display: flex; justify-content: center; gap: 10px;}


.search_box {position: relative; border-radius: 50px; overflow: hidden;}
input[type="text"], input[type="submit"] {outline: none; border: none;}
.search_box input[type="text"] {background-color: #f7f7f7; padding: 20px 60px 20px 20px; font-family: inherit; font-size: 16px;}
.search_box input[type="text"]::placeholder {font-size: clamp(13px, 1.3vw, 16px); color: #aaa; line-height: 1; font-weight: 300;}
.search_box input.submit {display: block; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170879023667498.png) no-repeat center/contain; position: absolute; top: 50%; right: 10px; width: 25px; aspect-ratio: 1; font-size: 0; transform: translate(-50%, -50%); cursor: pointer;}


.paging {display: flex; justify-content: center; align-items: center; gap: 30px; padding-top: 60px; flex-wrap: wrap; row-gap: 4px !important;}
.paging i {display: block; width: 30px; aspect-ratio: 1; cursor: pointer;}
.paging i.pg_first {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170879355028959.png) no-repeat center/cover; margin-right: -10px;}
.paging i.pg_prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170879355876880.png) no-repeat center/cover;}
.paging i.pg_next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170879356268700.png) no-repeat center/cover;}
.paging i.pg_end {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170879355495245.png) no-repeat center/cover; margin-left: -10px;}
.paging span {font-size: clamp(15px, 1.4vw, 18px); color: #999; cursor: pointer; position: relative; line-height: 1; cursor: pointer;}
.paging span::after {content: ""; display: none; width: 35px; aspect-ratio: 1; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f1e3e4; z-index: -1;}
.paging span:hover {color: #BC5861;}
.paging span.on {color: #BC5861; font-weight: 600; padding: 0 5px;}
.paging span.on::after {display: block;}



/* ======== 공통요소 ======= */
.sec_tit {display: flex; flex-direction: column; align-items: flex-start; min-width: max-content;}
.sec_tit .main {font-size: clamp(20px, 2.5vw, 50px); font-weight: 700; line-height: 1.3;}
.sec_tit .sub {font-size: clamp(16px, 1.5vw, 22px); padding-top: 40px; color: #444; font-weight: 300;}

.more {display: flex; cursor: pointer; margin-top: 50px; width: max-content;}
.more span {padding: 8px 24px; font-size: clamp(14px, 1.5vw, 18px) !important; font-weight: 700; color: #706053 !important; line-height: 1; background-color: #DCD2C9; text-transform: uppercase; border-radius: 100px; transition: all .1s; display: flex; align-items: center; justify-content: center;}
.more i {display: block; width: 48px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170838729122604.png) no-repeat center/cover; border-radius: 100%; overflow: hidden; transition: all .1s;}
.more:hover span {background-color: #BC5861; color: #fff !important;}
.more:hover i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170838760338111.png) no-repeat center/cover;}



/* ======== 메인비주얼 ======= */
.main_visual {width: 100%; overflow: hidden; position: relative; height: 100vh;}
.mainSwiper {width: 100%; height: 100%;}
.mainSwiper .swiper-wrapper {width: 100%; height: 100%;}
.mainSwiper .swiper-slide {width: 100%; height: 100%; position: relative;}
.mainSwiper .swiper-slide .bg_img {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0;}
.mainSwiper .swiper-slide .bg_img::after {content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: #00000015;}
.mainSwiper .swiper-slide .bg_img img {width: 100%; height: 100%; object-fit: cover;}
.mainSwiper .swiper-slide .bg_video {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0;}
.mainSwiper .swiper-slide .bg_video video {width: 100%; height: 100%; object-fit: cover;}
.mainSwiper .main_text {position: absolute; top: 50%; left: 80px; z-index: 1; transform: translateY(-50%);}
.mainSwiper .main_text span {font-size: clamp(20px, 3vw, 32px); font-weight: 700; color: #EC515F;}
/* .mainSwiper .main_text p {font-size: clamp(24px, 5vw, 65px); color: #fff; font-weight: 700; line-height: 1.3;} */
.mainSwiper .main_text p {position: relative; width: 100%; overflow: hidden;}
.mainSwiper .main_text p span {transform: translateY(100%);}
.mainSwiper .main_text p.sub span {font-size: clamp(18px, 3vw, 32px); font-weight: 700; color: #EC515F;}
.mainSwiper .main_text p.main span {font-size: clamp(22px, 4vw, 65px); color: #fff; font-weight: 700; line-height: 1.3; }
.mainSwiper .swiper-slide-active .main_text p span {transform: translateY(0); transition: all 1s cubic-bezier(.67,.11,.39,.97); display: inline-block; transition-delay: .1s;}


.mainSwiper .swiper-pagination {display: flex; left: 85px !important; bottom: 5% !important; align-items: center; gap: 18px;}
.mainSwiper .swiper-pagination-bullet {width: 12px; height: 12px; background-color: #fff; opacity: .5; margin: 0 !important;}
.mainSwiper .swiper-pagination-bullet-active {opacity: 1;}

.main_scroll {position: absolute; top: 50%; right: 4.5rem; z-index: 3; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px;}
.main_scroll span {writing-mode: vertical-lr; color: #fff; font-size: 16px; font-weight: 300; padding-left: 1px;}
.main_scroll .scroll_box {width: 20px; height: 40px; border-radius: 100px; border: 1px solid #fff; position: relative;}
.main_scroll .scroll_box i {display: block; width: 6px; aspect-ratio: 1; background-color: #ffffff80; position: absolute; left: 50%; top: 20%; transform: translateX(-50%); border-radius: 1px; animation: scroll 1.6s ease-out infinite;}

@keyframes scroll {
    0% {top: 20%; opacity: 1;}
    100% {top: 80%; opacity: 0;}
}



/* ======== 바로가기메뉴 ======= */
.quick_wrap {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; margin: 120px 0 160px;}
.quick_con {display: block; position: relative; border-radius: 30px; overflow: hidden; aspect-ratio: 3 / 2;}
.quick_con.core {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/17084619719073.jpg) no-repeat center/cover;}
.quick_con.lineup {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/17083857189104.jpg) no-repeat center/cover;}
.quick_con.feature {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170838572749928.jpg) no-repeat center/cover;}
.quick_con .quick_tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 15px; opacity: 1; transition: all .1s;}
.quick_con:hover .quick_tit {opacity: 0;}
.quick_con .quick_tit i {display: block; width: 100px; aspect-ratio: 1;}
.quick_con.core .quick_tit i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170846331143162.png) no-repeat center/contain;}
.quick_con.lineup .quick_tit i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170838587692212.png) no-repeat center/contain;}
.quick_con.feature .quick_tit i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170838588587638.png) no-repeat center/contain;}
.quick_con .quick_tit span {color: #fff; text-transform: uppercase; font-size: clamp(20px, 2vw, 36px); font-weight: 700;}
.quick_hover {position: absolute; top: 100%; left: 50%; transform: translateX( -50%); width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; background: #d2626cd6; transition: all .2s;}
.quick_con:hover .quick_hover {top: 0;}
.quick_hover dl {display: flex; flex-direction: column; align-items: center; gap: 5px;}
.quick_hover dt {font-size: clamp(18px, 1.8vw, 36px); color: #fff; font-weight: 700; text-transform: uppercase;}
.quick_hover dd {font-size: clamp(15px, 1.4vw, 20px); color: #fff; text-align: center;}
.quick_hover i {display: block; width: 56px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/17083862048681.png) no-repeat center/contain;}




/* ======== 대표제품 ======= */
.lineup_wrap {width: 100%; display: flex;}
.lineup .sec_tit {width: 20%; position: relative; z-index: 2;}
.lineup_box {width: 80%; display: flex; position: relative; padding-left: 8%;}

.lineup_con {display: flex; background-color: #f1f1f1; height: 100%; border-radius: 30px; overflow: hidden;}
.lineup_con .thumb {aspect-ratio: 1; height: 100%; border-radius: 30px; overflow: hidden; position: relative; width: 55%; background-color: #fff;}
.lineup_con .thumb img {width: 100%; height: 100%; object-fit: contain; background-color: #fff;}
.lineup_con .lineup_info {padding: 40px 30px; width: 45%;}
.lineup_con .lineup_info .tag {display: flex; align-items: center; gap: 6px; flex-wrap: wrap; row-gap: 4px;}
.lineup_con .lineup_info .tag span {line-height: 1; padding: 6px 12px; border-radius: 50px; font-size: 15px; font-weight: 700; color: #fff; background-color: #DAAC3B; text-transform: uppercase;}
.lineup_con .lineup_info .tag span.on {color: #EC515F; background-color: #fff;}
.lineup_con .lineup_info p {font-size: clamp(18px, 1.3vw, 22px); padding: 20px 0; line-height: 1.2;}
.lineup_con .lineup_info span, .lineup_con .lineup_info span p {color: #555; font-size: clamp(14px, 1vw, 16px); font-weight: 300;}

/* .lineSwiper {width: 55%; margin: 0 !important; background-color: #FCF6F0; z-index: 1; padding-right: 40px !important;}
.lineSwiper .swiper-wrapper {padding-right: 40px;}
.linethumbSwiper {width: 30%; margin: 0 !important; overflow: visible !important;  z-index: 0 !important;}
.linethumbSwiper .swiper-slide {width: 100%; aspect-ratio: 1; max-width: 220px; position: relative;}
.linethumbSwiper .swiper-slide::after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #FCF6F0; opacity: .6;}
.linethumbSwiper .swiper-slide .line_thumb {width: 100%; aspect-ratio: 1; border-radius: 30px; overflow: hidden;}
.linethumbSwiper .swiper-slide .line_thumb img {width: 100%; height: 100%; object-fit: cover;} */

/* .linethumbSwiper .swiper-control {display: flex; align-items: center; gap: 10px; position: absolute; bottom: 0; left: 0;}
.linethumbSwiper div[class*="swiper-button-"] {position: relative; top: initial; left: initial; right: initial; margin: 0 !important; width: 70px; height: 70px; border-radius: 100%; overflow: hidden;}
.linethumbSwiper div[class*="swiper-button-"]::after {display: none;}
.linethumbSwiper .swiper-button-prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170844455621225.png) no-repeat center/contain;}
.linethumbSwiper .swiper-button-next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/17084445521351.png) no-repeat center/contain;} */


/* 0224 수정한 라인업 슬라이드 */
.lineSwiper {border-radius: 30px; width: 100%;}
.lineup_box .control {position: absolute; top: 50%; left: 50%; width: calc(100% + 60px); transform: translate(-50%, -50%); display: flex; justify-content: space-between; align-items: center; z-index: 5; padding-left: 10%;}
.lineup_box div[class*="swiper-button-"] {top: initial; margin: 0 !important; width: 60px; height: 60px; border-radius: 100%; overflow: hidden; left: initial; right: initial; position: relative;}
.lineup_box div[class*="swiper-button-"]::after {display: none;}
.lineup_box .swiper-button-prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170881086460478.png) no-repeat center/contain;}
.lineup_box .swiper-button-next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170881085729727.png) no-repeat center/contain;}
.lineup_box div[class*="-disabled"] {opacity: 0 !important;}

.lineup_box + .more {display: none;}

/* ======== 바로가기2 ======= */
section.cta {padding: 200px 4rem; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170880709134464.png) no-repeat left center/contain; margin-top: 30px;}
.cta_wrap {display: flex; max-width: 1200px; margin: 0 auto; gap: 40px; width: 100%;}
.cta_con {padding: 40px; border-radius: 30px; overflow: hidden; position: relative; cursor: pointer; transition: all .15s; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 20px;}
.cta_con.partner {background-color: #7E679C; width: 50%; aspect-ratio: 5 / 4;}
.cta_con.partner:hover {background-color: #785aa0;}
.cta_con.consult {background-color: #909E4A;}
.cta_con.consult:hover {background-color: #889839;}
.cta_con.sample {background-color: #6C92BC;}
.cta_con.sample:hover {background-color: #5785b7;}
.cta_con dl {display: flex; flex-direction: column; align-items: flex-start; gap: 10px; z-index: 2; position: relative;}
.cta_con.partner dl {gap: 30px;}
.cta_con dt {font-size: clamp(20px, 1.6vw, 28px); color: #fff; font-weight: 700; line-height: 1;}
.cta_con.partner dt {font-size: clamp(20px, 2vw, 32px);}
.cta_con dd {font-size: clamp(16px, 2vw, 17px); color: #fff; font-weight: 400;}
.cta_con.partner dd {font-size: clamp(16px, 2vw, 20px);}
.cta_con i {display: block; width: 45px; aspect-ratio: 1;}
.cta_con i img {width: 100%; height: 100%; object-fit: cover;}
.cta_con.partner i {width: 80px;}
.cta_box {display: grid; grid-template-rows: 1fr 1fr; gap: 30px; width: 50%;}
.cta_con .cta_go {position: absolute; top: 40px; right: 40px; width: 40px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170881304027101.png) no-repeat center/cover; opacity: .3; transition: all .15s;}
.cta_con.partner .cta_go {top: 45px; right: 45px;}
.cta_con:hover .cta_go {opacity: .8;}


/* ======== 게시판 ======= */
.post .sec_tit {margin: 0 auto; width: max-content;}
.tab_menu {display: flex; justify-content: center; align-items: center; gap: 15px;}
.tab_menu span {line-height: 1; text-transform: uppercase; color: #999; font-size: clamp(15px, 1.2vw, 22px); font-weight: 600; background-color: #f3f3f3; padding: 15px 24px; border-radius: 100px; overflow: hidden; cursor: pointer; transition: all .1s;}
.tab_menu span:hover {background-color: #f3efef; color: #BC5861;}
.tab_menu span.on {color: #fff; background-color: #BC5861;}
.post .sec_tit + .tab_menu {margin-top: 50px;}
.postSwiper {margin-top: 70px;}
.post .swiper_wrap {position: relative; width: 100%;}
.post div[class*="swiper-button-"] {width: 70px; height: 70px; margin: 0; top: 30%; opacity: 0; transition: all .1s; z-index: 5;}
.post .swiper_wrap:hover div[class*="swiper-button-"], .post div[class*="swiper-button-"]:hover  {opacity: 1;}
.post div[class*="swiper-button-"]::after {display: none;}
.post .swiper-button-prev {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170844455621225.png) no-repeat center/contain; left: -35px;}
.post .swiper-button-next {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/17084445521351.png) no-repeat center/contain; right: -35px;}
.post_con {display: flex; flex-direction: column; gap: 30px; cursor: pointer;}
.post_con .thumb {width: 100%; aspect-ratio: 1; border-radius: 30px; overflow: hidden; position: relative; transition: all .15s;}
.post_con:hover .thumb {border-radius: 100%;}
.post_con .thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%;}
.post_con .thumb .hover {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background-color: #d2626cd1; opacity: 0; transition: all .15s; z-index: 0;}
.post_con .thumb .hover span {font-size: clamp(15px, 1.2vw, 24px); color: #fff; font-weight: 700; line-height: 1;}
.post_con .thumb .hover i {display: block; width: 30px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170844387239141.png) no-repeat center/cover;}
.post_con:hover .thumb .hover {opacity: 1;}
.post_con .post_tit {width: 100%;}
.post_con .post_tit p {font-size: clamp(16px, 1.6vw, 22px); margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.post_con .post_tit span {font-size: 15px; color: #888;}
.post .more {margin: 50px auto 0;}


/* 브로슈어 다운로드 */
.download {position: fixed; right: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; background-color: #f7eced; z-index: 50; cursor: pointer; padding: 25px 15px; border-radius: 20px 0 0 20px; box-shadow: 0 4px 10px #6d1a2242; transition: all .1s linear;}
.download:hover {background-color: #aa303a;}
.download i {display: block; width: 20px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/170959144371213.png) no-repeat center/contain; transform: rotate(-90deg);}
.download span {writing-mode: vertical-rl; transform: rotate(-180deg); font-weight: 700; color: #8e4e54; line-height: 1; transition: all .1s linear; font-size: 15px;}
.download:hover span {color: #fff;}




/* ======== 약관보기 ======= */
.wrap.terms_page header {border-bottom: 1px solid #eee;}
.sub_space_lg {padding: 200px 0 150px;}
.terms_wrap {background-color: #f5f5f5;}
.terms_title p {padding-bottom: 30px; font-size: clamp(18px, 2vw, 40px); font-weight: 600;}
.terms_text {padding: 4%; border-radius: 20px; background-color: #fff; line-height: 1.6;}





/* ======== 검색결과 ======= */
.wrap.terms_page header {background-color: #fff;}
.wrap.terms_page header .hd_wrap nav a {color: #111;}
.wrap.terms_page 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.terms_page header .lang_site span {color: #111;}
.wrap.terms_page header .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;}
.wrap.terms_page 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.terms_page 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/contain;}
.result_wrap {background-color: #f5f5f5;}
.result_main {width: 100%;}
.result_main .search_box {width: 100%; margin-bottom: 30px;}
.result_main .search_box input[type="text"] {background-color: #fff !important; width: 100%;}
.result_main .result_tit {text-align: center; width: 100%; font-size: clamp(15px, 1.4vw, 20px); color: #555;}
.result_tit em {font-weight: 700; color: #d44343;}
.result_tit span {font-weight: 700; color: #333;}
.result_list {margin-top: 50px; width: 100%; display: flex; flex-direction: column; gap: 20px;}
.result_con {width: 100%; padding: 30px; border-radius: 20px; background-color: #fff; cursor: pointer; box-shadow: none; transition: all .1s;}
.result_con:hover {box-shadow: 0 8px 10px #4b3d3a10;}
.result_con .result_way {display: flex; align-items: center; gap: 30px;}
.result_con .result_way span {font-size: clamp(13px, 1.3vw, 15px); font-weight: 300; color: #aaa; position: relative;}
.result_con .result_way .depth2::after {content: ""; display: block; width: 10px; aspect-ratio: 1; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/17096730793744.png) no-repeat center/contain; position: absolute; top: 50%; left: -18px; transform: translateY(-50%);}
.result_con .title {font-size: clamp(16px, 2vw, 28px); margin: 18px 0 10px; transition: all .1s; color: #111; font-weight: 500;}
.result_con:hover .title {color: #bc5861;}
.result_con .preview {font-size: clamp(14px, 1.2vw, 16px); color: #666; width: 100%; font-weight: 300; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}








/* ======== 1600px ======== */
@media screen and (max-width: 1600px) {
    .bd_h {padding: 0 16px;}
    .bd-xl {padding-left: 16px; padding-right: 16px;}
    .wrap.index {margin-bottom: 150px;}

    .spb {padding-bottom: 150px;}


    /* 바로가기메뉴 */
    .quick_wrap {gap: 25px;}

    
    /* 대표제품 */
    .lineup_wrap {padding-right: 32px;}
    .lineup_box {padding-left: 60px; margin-left: -16px;}
    .lineup_con .lineup_info {padding: 30px 20px;}
    .lineup_box .control {width: calc(100% - 40px); padding-left: 5%;}
    .lineup_box div[class*="swiper-button-"] {width: 40px; height: 40px;}
    .lineup_con {border-radius: 20px;}
    .lineup_con .thumb {border-radius: 20px;}
    .lineSwiper {border-radius: 20px;}
    .lineup_con .lineup_info .tag span {font-size: 14px;}
    .lineup_con .lineup_info p {padding: 15px 0 5px;}


    /* 바로가기2 */
    section.cta {padding: 180px 0;}


    /* 게시판 */
    .post .swiper-button-prev {left: 1%;}
    .post .swiper-button-next {right: 1%;}
    .post_con .thumb .hover i {width: 25px;}
}



/* ======== 1280px ======== */
@media screen and (max-width: 1280px) {
    .wrap.index {margin-bottom: 80px;}
    .sec_tit .sub {padding-top: 20px;}

    .download {top: initial; transform: initial; right: 1%; bottom: calc(45px + 5%); justify-content: center; padding: 18px 0; border-radius: 15px; width: 50px; aspect-ratio: 1; background-color: #ffeaec;}
    .download span.pc {display: none;}
    .download span.mo {display: block;}
    .download i {transform: initial; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/171457981244713.png) no-repeat center/cover;}

    .terms_title p {padding-bottom: 15px;}

    .sub_space_lg {padding: 140px 0 80px;}

    .result_main .search_box {margin-bottom: 15px;}
    .result_list {margin-top: 30px;}


    /* 메인비주얼 */
    .mainSwiper .main_text {left: 16px;}
    .mainSwiper .swiper-pagination {left: 20px !important;}
    .main_scroll {right: 16px;}
    .main_scroll span {font-size: 14px; padding-left: 0;}

    /* 바로가기 */
    .quick_wrap {margin: 60px 0 120px; gap: 20px;}
    .quick_con .quick_tit i {width: 70px;}
    .quick_con {border-radius: 20px;}
    .quick_con .quick_tit {gap: 5px;}
    .quick_hover i {width: 35px;}
    .quick_hover dl {gap: 2px;}
    .quick_hover {gap: 20px;}


    /* 대표제품 */
    .lineup_wrap {flex-direction: column; gap: 40px; align-items: center; padding-right: 0;}
    .lineup_box {padding-left: 0; margin-left: 0; width: 100%;}
    .lineup .sec_tit {width: 100%; align-items: center; min-width: initial;}
    .lineup .sec_tit .sub br {display: none;}
    .lineup .sec_tit .more {display: none;}
    .lineup_box + .more {display: flex; margin-top: 0;}
    .lineup_box .control {width: calc(100% - 20px); padding-left: 0;}


    /* 바로가기2 */
    section.cta {padding: 150px 16px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HANMANDOO/publishing/171088971561635.png) no-repeat left center/contain;}
    .cta_wrap {gap: 20px;}
    .cta_box {gap: 20px;}
    .cta_con {border-radius: 20px; padding: 30px;}
    .cta_con .cta_go {width: 30px; top: 30px !important; right: 30px !important;}
    .cta_con.partner dl {gap: 20px;}


    /* 게시판 */
    .post .sec_tit + .tab_menu {margin-top: 30px; gap: 8px;}
    .tab_menu span {padding: 12px 20px;}
    .postSwiper {margin-top: 40px;}
    .post_con .thumb {border-radius: 20px;}
    .post_con .post_tit p {margin-bottom: 15px;}
    .post div[class*="swiper-button-"] {width: 50px; height: 50px;}
}



/* ======== 1080px ======== */
@media screen and (max-width: 1080px) {
    /* .wrap.index {border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; margin-bottom: 560px; padding-top: 76px;} */

    .spb {padding-bottom: 100px;}
    .sub_space_lg {padding: 110px 0 60px;}

    .paging {gap: 25px; padding-top: 40px;}
    .paging i {width: 24px;}
    .paging i.pg_first {margin-right: -15px;}
    .paging i.pg_end {margin-left: -15px;}

    .sec_tit .sub {padding-top: 15px;}

    .download {right: 2%;}

    .more i {width: 40px;}

    .terms_text {border-radius: 10px; padding: 20px;}
    .result_con {padding: 20px; border-radius: 10px;}
    .result_con .title {margin: 15px 0 6px;}
    .result_list {margin-top: 20px; gap: 10px;}

    /* 메인비주얼 */
    .mainSwiper .main_text {width: calc(100% - 50px);}
    .mainSwiper .swiper-pagination {gap: 10px;}
    .mainSwiper .swiper-pagination-bullet {width: 8px; height: 8px;}


    /* 바로가기 */
    .quick_wrap {margin: 40px 0 80px; gap: 15px; grid-template-columns: 1fr;}
    .quick_con {aspect-ratio: initial; border-radius: 15px; padding: 25px; display: flex; gap: 20px;}
    .quick_hover {position: relative; top: initial; left: initial; transform: initial; background-color: transparent; align-items: flex-start;}
    .quick_hover dl {width: 100%; align-items: flex-start; gap: 8px;}
    .quick_hover dd {text-align: left;}
    .quick_hover i {display: none;}
    .quick_con .quick_tit {position: relative; top: initial; left: initial; transform: initial; transition: none;}
    .quick_con .quick_tit span {display: none;}


    /* 대표제품 */
    .lineup .sec_tit .sub {text-align: center;}
    .lineup_wrap {gap: 25px;}
    .lineup_con .lineup_info {width: 100%; padding: 20px;}
    .lineup_con .thumb {width: 100%; border-radius: 15px;}
    .lineup_con {flex-direction: column; border-radius: 15px;}
    .lineup_con .lineup_info p {padding: 20px 0 10px;}
    .lineup_con .lineup_info span {font-weight: 400;}
    .lineSwiper {border-radius: 15px;}

    
    /* 바로가기2 */
    .cta_wrap {gap: 15px;}
    .cta_box {gap: 15px;}
    .cta_con {border-radius: 15px; padding: 25px;}
    .cta_con i {width: 40px;}
    .cta_con.partner i {width: 60px;}
}



/* ======== 700px ======== */
@media screen and (max-width: 700px) {
    .paging {gap: 15px; padding-top: 30px;}
    .paging span::after {display: none !important;}
    .paging i {width: 20px;}
    .paging i.pg_first {margin-right: 0;}
    .paging i.pg_end {margin-left: 0;}

    button.lg {padding: 10px; border-radius: 5px;}

    /* 메인비주얼 */
    .main_visual {height: 90vh;}
    .mainSwiper .main_text {left: 16px; width: calc(100% - 40px);}
    .mainSwiper .swiper-pagination {left: 20px !important;}
    .main_scroll {display: none;}

    /* 바로가기 */
    .quick_wrap {margin: 20px 0 70px;}
    .quick_con {padding: 25px; border-radius: 10px; flex-direction: column; gap: 10px; align-items: flex-start;}
    .quick_con::after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #64161d70; }
    .quick_con .quick_tit {opacity: 1 !important; z-index: 2;}
    .quick_con .quick_tit i {width: 40px;}
    .quick_hover {z-index: 2;}
    .quick_hover dl {gap: 4px;}


    /* 바로가기2 */
    section.cta {padding: 100px 16px; background: #FCF6F0; margin-top: 80px;}
    .cta_wrap {flex-direction: column;}
    .cta_con.partner {width: 100%; aspect-ratio: initial;}
    .cta_box {width: 100%;}
    .cta_con.partner i {width: 40px;}
    .cta_con {padding: 20px;}
    .cta_con .cta_go {top: 20px !important; right: 20px !important; width: 25px;}
    .cta_con dl {gap: 10px;}


    /* 게시판 */
    section.post {padding: 80px 0;}
    .post .more {margin: 35px auto 0;}
    .post .sec_tit + .tab_menu {margin-top: 20px;}
    .postSwiper {margin-top: 20px;}
    .post .sec_tit span {padding: 10px 16px;}
}