@charset "utf-8";

html, body	{width: 100%;}
body	{margin: 0; padding: 0; -webkit-text-size-adjust: none;}

a	{text-decoration: none; outline: none;}
a:hover	{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none;}

input, button, textarea, table	{outline: none; margin: 0;}
section, aside, nav, header, footer	{display: block;}
figure	{display: inline-block; margin: 0; padding: 0;}
textarea	{resize: vertical;}
button, input[type=button]	{cursor: pointer; margin: 0;-webkit-font-smoothing: subpixel-antialiased !important; border: none;}
button	{padding: 0; background: none;}
h1, h2, h3, h4, h5	{padding: 0; margin: 0; font-weight: normal;}
p	{padding: 0; margin: 0;}
ol, ul	{list-style: none; padding: 0; margin: 0;}
.xe_content ul,
.xe_content ol	{list-style-type: initial; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;}
.xe_content ol	{list-style-type: decimal;}

/* basic */
.hide	{display: none;}
.round10	{border-radius: 10px;}
.round15	{border-radius: 15px;}
.round20	{border-radius: 20px;}
.pt_star	{font: 15px/15px "verdana";}
.ink_link	{text-decoration: underline;}
.a_underline:hover	{text-decoration: underline;}
.num_box,
.num_box2	{display: inline-block;}
.inkpf	{display: inline-block; width: 40px; height: 40px; background: url(../images/profile.png) no-repeat center center; background-size: cover; overflow: hidden; vertical-align: middle;}
.inkpf.round	{border-radius: 50%;}
.inkpf.small	{width: 30px; height: 30px;}
.inkpf.color	{background-color: #edf6f2; background-image: url(../images/profile_color.png);}
.inkpf.white	{background-image: url(../images/profile_white.png);}
.inkpf_img	{width: 100%; height: auto;}
.ib	{display: inline-block;}
.ib i	{margin-right: 3px;}
.ib i.only	{margin-right: 0; transition-property: color; transition-duration: 0.3s;}
.ib_color	{color: #FFF;}
.ib.ib_color i.only	{color: #FFF;}
.bt_group .ib:last-of-type	{border-right: none;}
.bt_duo>.ib	{margin: 0 5px;}
.bt_half>.ib	{width: calc(50% - 5px); box-sizing: border-box; text-align: center;}
.bt_half>.ib:first-of-type	{margin-right: 10px;}
.bt_full>.ib	{width: 100%;}
.bt_left .ib	{margin-right: 3px; vertical-align: middle;}
.bt_right .ib	{margin-left: 3px; vertical-align: middle;}
.ii	{display: inline-block; padding: 0 10px; box-sizing: border-box; border-radius: 5px; vertical-align: middle; border: none; transition-property: background-color; transition-duration: 0.3s;}
.ii:focus,
.ii.ii2:focus	{background-color: #fcf8e3;}
.ii:focus::-webkit-input-placeholder	{color: #b4b1a2;}
.ii:focus::-moz-placeholder	{color: #b4b1a2;}
.ii:focus:-ms-input-placeholder	{color: #b4b1a2;}
.ii:focus:-moz-placeholder	{color: #b4b1a2;}
textarea.ii	{height: auto; line-height: 160%; padding: 5px 10px; vertical-align: inherit;}
textarea:focus::-webkit-input-placeholder	{color: #b4b1a2;}
textarea:focus::-moz-placeholder	{color: #b4b1a2;}
textarea:focus:-ms-input-placeholder	{color: #b4b1a2;}
textarea:focus:-moz-placeholder	{color: #b4b1a2;}
.list_link	{display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.closed .close,
.opened .open	{display: none;}
.closed .open,
.opened .close	{display: inline-block;}

/* ink message */
.ink_message	{position: fixed;}
.ink_message	{left: -500px; top: 0; width: 0; height: 0; overflow: hidden; z-index: -10;}
.ink_message.active	{left: 0; width: 100%; height: 100%; z-index: 101;}
.ink_message>div	{position: relative; margin: 0 auto;}
.ink_message>div>h3	{text-align: center;}
.ink_message .bt_area	{text-align: center;}
.ink_warn .inner	{text-align: center;}
.ink_warn .message_target	{ font-weight: bold;}
.ink_message.ink_warn .bt_area,
.ink_message.ink_message2 .bt_area	{background-color: transparent;}

/* ink box */
.ink_box	{margin: 0 auto; box-sizing: border-box; text-align: center;}

/* ink dropdown */
.ink_dropdown	{display: inline-block; position: relative;}
.ink_dropdown .bt	{display: inline-block; position: relative; width: 100%; box-sizing: border-box; border-radius: 5px; text-align: left; z-index: 2;}
.ink_dropdown .bt.opened	{border-radius: 5px 5px 0 0;}
.ink_dropdown .fa-angle-down,
.ink_dropdown .fa-angle-up	{position: absolute; right: 10px; top: 50%; margin-top: -6px;}
.ink_dropdown>ul	{display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: 10px; box-sizing: border-box; background-color: #FFF; border-radius:  0 0 10px 10px; box-shadow: 0 10px 15px rgba(0,0,0,0.1); white-space: nowrap; z-index: 20;}
.darkmode .ink_dropdown>ul	{box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
.ink_dropdown li	{margin-bottom: 8px;}
.ink_dropdown li:last-child	{margin-bottom: 0;}
.blur_dummy	{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}

/* color preview */
.preview_dummy	{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 199;}
.color_preview	{position: fixed; left: -185px; top: 0; width: 185px; height: 100%; transition-property: left; transition-duration: 0.5s; z-index: 200;}
.color_preview.active	{left: 0;}
.color_preview>div	{height: 100%; padding: 15px; box-sizing: border-box;}
.color_preview .bt_openclose	{position: absolute; left: 100%; width: 45px; height: 45px; border-radius: 0 10px 10px 0; font-size: 18px;}
.color_preview .light_mode	{margin-bottom: 25px;}
.color_preview h3	{margin-bottom: 15px; font-weight: bold;}
.color_preview ul	{font-size: 0;}
.color_preview li	{display: inline-block; width: 70px; font-size: 12px; margin-right: 15px; margin-bottom: 15px; text-align: center;}
.color_preview li:nth-child(2n)	{margin-right: 0;}
.color_preview .img_wrap	{display: inline-block; width: 50px; height: 50px; padding: 10px; margin-bottom: 10px; border-radius: 15px; background-color: #EEE;}
.color_preview .dark_mode .img_wrap	{background-color: #222;}
.color_preview img	{border-radius: 5px; width: 100%; height: auto;}

/* layout */
.ink_wrap	{position: relative; min-height: 100%;}
.ink_dummy	{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 100;}
.darkmode .ink_dummy	{background-color: rgba(255,255,255,0.3);}
.ink_loading	{display: none; position: fixed; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; border-radius: 5px; overflow: hidden; z-index: 200; text-align: center;}
.ink_loading::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.5; z-index: -1;}
.ink_loading svg	{margin-top: 10px; margin-left: 3px; fill: #333;}
.darkmode .ink_loading::after	{background-color: #000;}
.darkmode .ink_loading svg	{fill: #FFF;}
.ink_done	{display: none; position: fixed; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background-color: rgba(0,0,0,0.5); border-radius: 5px; font-size: 26px; line-height: 53px; text-align: center; color: #FFF; z-index: 200;}

/* xe message */
.xe_message	{position: fixed;  box-shadow: 0 0 10px rgba(0,0,0,0.1); margin: 0 !important; box-sizing: border-box; z-index: 201;}
.darkmode .xe_message	{box-shadow: 0 0 10px rgba(0,0,0,0.4);}

/* top banner */
.ink_banner_top.bg_dark_purple	{background: #4a3f9a;}
.ink_banner_top.bg_dark_purplePink	{background: #4a3f9a; background: linear-gradient(90deg, #4a3f9a 0%, #4a3f9a 50%, #f073d4 100%);}

.ink_banner_top.bg_dark,
.ink_banner_top.bg_dark button	{color: #FFF;}

/* global notice */
.global_notice	{overflow: hidden;}
.global_notice>ul>li	{position: relative;}
.global_notice>ul>li:after	{content: ''; position: absolute; left: 0; top: -1px; width: 100%; height: 1px;}
.global_notice .gn_unit.closed	{display: none;}
.global_notice .gn_icon	{position: absolute; top: 50%; margin-top: -6px; font-size: 12px;}
.global_notice .bt_close	{position: absolute;}
.global_notice .bt_close button	{color: #adada0;}
.global_notice .closed .bt_close	{display: none;}

.bt_open_gn	{display: none;}

/* login */
.ink_login2 .ex	{position: relative;}
.ink_login2 .ex a	{float: right; display: inline-block;}

/* sns login */
.sns_login	{position: relative; text-align: center;}
.sns_login.not_only	{padding-top: 25px; margin-top: 0;}
.sns_login.not_only::before	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px;}
.sns_login.not_only::after	{content: 'OR'; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: -5px; padding: 0 10px; background-color: #FFF; font: 10px "Arial";}
.sns_login .sns_warn	{position: relative; padding-left: 30px; margin-top: 25px; text-align: left;}
.sns_login .sns_warn i	{position: absolute; left: 0; top: 5px; font-size: 16px;}
.sns_login .bt_sns	{position: relative; width: 90%; padding: 10px 0 10px 20px; margin-right: -5px; background-position: 30px center; color: #FFF;}
.sns_login .bt_sns::after	{content: ''; position: absolute; left: 0; top: 44px; height: 1px; width: 100%; background-color: #414347; opacity: 0.1;}
.sns_login .bt_sns	{display: inline-block; background-size: 40px 40px; background-repeat: no-repeat; border-radius: 5px;}
.sns_login .bt_sns:last-of-type	{margin-right: 0;}
.sns_login .sns_twitter	{background-color: #65bee3; background-image: url(../images/s_twitter.png);}
.sns_login .sns_facebook	{background-color: #7488c1; background-image: url(../images/s_facebook.png);}
.sns_login .sns_google	{background-color: #e27474; background-image: url(../images/s_google.png);}
.sns_login .sns_naver	{background-color: #85bb54; background-image: url(../images/s_naver.png);}
.sns_login .sns_kakao	{background-color: #f3e545; background-image: url(../images/s_kakao.png); color: #222;}

/* pointbar */
.ink_pointbar	{position: relative; height: 16px; border-radius: 8px; overflow: hidden;}
.ink_pointbar .current	{height: 16px;}
.ink_pointbar .level,
.ink_pointbar .point	{position: absolute; left: 0; top: 0; width: 100%; height: 16px; line-height: 16px; padding: 0 10px; box-sizing: border-box; transition-property: opacity; transition-duration: 0.3s; z-index: 1;}
.ink_pointbar .percent	{float: right;}
.ink_pointbar:hover .level	{opacity: 0;}
.ink_pointbar .point	{opacity: 0; text-align: center;}
.ink_pointbar:hover .point	{opacity: 1;}

/* notify */
.notify_list>ol>li	{position: relative; min-height: 40px; word-break: break-all;}
.notify_list>ol>li:last-child	{border-bottom: none;}
.notify_list .list_link	{z-index: 3;}
.notify_list .inkpf	{position: absolute;}
.notify_type	{position: absolute; padding: 4px 5px 3px; border-radius: 10px; color: #FFF; font-size: 10px; z-index: 1;}
.notify_list .ago	{margin-top: 5px;}

/* footer */
.footer_link_icon	{font-size: 0;}
.footer_link_icon li	{display: inline-block; margin-left: 5px;}
.footer_link_icon a	{display: inline-block; width: 40px; height: 40px; line-height: 42px; border-radius: 10px; background-color: rgba(255,255,255,0.1); text-align: center; font-size: 18px;}


/* widget style */
.board_name, .board_name2	{white-space: nowrap;}
.board_name .inner, .board_name2 .inner	{display: inline-block; height: 24px; border-radius: 12px; padding: 0 10px; box-sizing: border-box; text-align: center; transition-property: background-color, color; transition-duration: 0.3s;}

/* table */
.d_table	{display: table; width: 100%; box-sizing: border-box;}
.d_table>li,
.d_table_row	{display: table-row;}
.d_table_cell	{display: table-cell;}

/* ink check */
.ink_check	{position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.ink_check input	{position: absolute; opacity: 0;}
.ink_check>span	{display: inline-block; width: 20px; height: 20px; margin-right: 5px; border-radius: 5px; background-color: #FFF; text-align: center; -webkit-transition-duration: .3s; -webkit-transition-property: background-color, border-color; vertical-align: middle; margin-bottom: 3px; box-sizing: border-box;}
.ink_check input + span>i	{opacity: 0; transition-duration: 0.3s; transition-property: opacity; font-size: 10px;}
.ink_check input:checked + span>i	{opacity: 1;}

.ink_check.ink_radio>span	{border-radius: 10px; border: none;}
.ink_check.ink_radio input + span>i	{opacity: 1; color: #FFF;}
.ink_check.ink_radio input:checked + span	{border: none;}

/* layout slider */
.ink_slide	{position: relative;}
.ink_slide .swiper-con	{overflow: hidden;}
.ink_slide .single_image	{width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ink_slide .swiper-slide	{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ink_slide .swiper-pagination	{position: absolute; left: 0; right: 0; width: 100%; text-align: center; z-index: 10;}
.ink_slide .swiper-pagination-bullet	{display: inline-block; margin: 0 2px; background-color: #FFF; opacity: 0.5; cursor: pointer; transition-property: width; transition-duration: 0.3s;}
.ink_slide .swiper-pagination-bullet-active	{opacity: 1;}

.ink_slide .dark_shade	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.ink_slide .dark_shade	{background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 100%);}
.ink_slide .slide_content	{position: absolute; color: #FFF; text-align: right; z-index: 2;}
.ink_slide .slide_content	{opacity: 1; transition-duration: 0.6s; transition-delay: 0.3s;}
.ink_slide .swiper-slide-active	{z-index: 10;}
.ink_slide .swiper-slide-active .slide_content	{opacity: 1;}

.ink_slide .slide_ctg	{letter-spacing: 0.15em;}
.ink_slide .slide_button	{display: inline-block; background-color: rgba(255,255,255,0.3); color:black; overflow: hidden;font-weight:bold;}

/* swiper */
.swiper_ctn,
.swiper_ctn2,
.swiper-con {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide	{
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}


/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
 
.clearfix:after {
    clear: both;
}



.list_header .bt_area	{position: absolute; right: 0; bottom: 0;}
.list_header .bt_area a	{display: inline-block; height: 45px; line-height: 45px; padding: 0 18px; margin-left: 5px; border-radius: 10px;}
.list_header .bt_area i.only	{font-size: 16px;}

/* color redBlack */
.color_redBlack .c_module3,
.color_redBlack .category_list a.active	{background-color: #f4efe4; color: #c7b078;}
.color_redBlack .product_buttons .bt_purchase	{background-color: #c7b078;}
.color_redBlack .list_header .bt_cart,
.color_redBlack .product_module .product_nav>a.active,
.color_redBlack .product_info .bt,
.color_redBlack .review_header button.closed	{background-color: #222;}
.color_redBlack .review_header button.opened	{background-color: #ec5e5e;}
.color_redBlack .ink_gnb .gnb_space .active>a {background-color: #ec5e5e;}
.color_redBlack .qna_title .fa-image	{color: #41bc99;}



.list_header .bt_cart,
.product_buttons .bt_purchase,
.product_info .bt,
.bd_header .bt_cart i.only,
.bd_header .bt_wish i.only,
.product_info .bt,
.review_header button	{color: #FFF;}


/* ================================================================ */
/* Step9 (2026-05-21): layout_m.css 흡수 — mobile-first 베이스 */
/* (PC viewport에서는 아래 @media (min-width:1024px) 블록이 override) */
/* ================================================================ */
/* Step9 (2026-05-25): overflow-x: clip — sticky를 깨지 않으면서 가로 스와이프 차단 */
html, body { overflow-x: clip; }
body, button, input, select, table	{font-family: 'Roboto','Noto Sans KR','NanumGothic', 'NanumBarunGothic','Karla', sans-serif;}
body	{font-size: 0.95em;}
button, input, select, table, textarea	{font-size: 1.0em;}
input[type=text], input[type=url], input[type=tel], input[type=email], input[type=password], input[type=number], textarea	{-webkit-appearance: none; border-radius: 0;}

.ib	{padding: 10px 18px; border-radius: 5px;}
.ib2	{padding: 7px 10px; font-size: 0.9em;}
.bt_group	{border-radius: 5px;}
.bt_group .ib	{border-radius: 0;}
.bt_group .ib:first-of-type	{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.bt_group .ib:last-of-type	{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.ii	{padding: 8px 12px; border-radius: 5px !important; font-size: 0.9em;}
.num_box	{padding: 3px 6px; border-radius: 10px; font-size: 0.75em; line-height: 1.0em;}
.num_box2	{padding: 2px 6px; border-radius: 10px; font-size: 0.7em; line-height: 1.0em;}
.msover_date .ink_time	{display: none;}
.ink_link2	{text-decoration: underline;}
.scroll_wrap	{overflow: hidden;}
.scroll_x	{padding-bottom: 50px; margin-bottom: -50px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}

/* ink message */
.ink_message>div	{position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); height: calc(100% - 120px); border-radius: 15px;}
.ink_message>div>h3	{padding: 10px 0; border-radius: 15px 15px 0 0; font-size: 0.85em;}
.ink_message>div>.bt_close	{display: none;}
.ink_message .bt_area	{padding: 15px;}
.ink_message.ink_warn>div,
.ink_message.ink_message2>div	{width: 280px; height: auto; top: 50%; left: 50%; bottom: auto; transform: translate(-50%,-50%); padding-bottom: 0;}
.ink_message2 .inner,
.ink_warn .inner	{padding: 20px 20px 0;}
.ink_warn .message_target	{margin-bottom: 5px;}
.ink_message2 .bt_area,
.ink_warn .bt_area	{padding: 20px;}

.ink_message.has_ib2 .inner	{height: calc(100% - 100px); overflow: auto;}
.ink_message.has_ib2 .bt_area	{border-radius: 0 0 15px 15px;}

.ink_message.has_close>div>.bt_close	{display: block !important; position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px 0; border-radius: 0 0 15px 15px;}
.ink_message.has_close>div>.bt_close svg	{width: 12px; height: 12px;}

/* ink box */
.ink_box	{width: 280px; padding: 25px 15px; box-sizing: border-box; border-radius: 15px;}
.ink_box .desc	{line-height: 1.4em; margin-bottom: 10px;}
.ink_box .desc2	{line-height: 1.4em; margin-top: 5px;}
.ink_box .bt_area	{margin-top: 15px;}

/* ink bubble */
.ink_bubble {display:none;}

/* custom code */
.custom_code.header_bottom	{margin: 0 15px 15px;}
.custom_code.content_top	{margin-bottom: 15px;}
.custom_code.footer_text	{margin: 10px 0 -5px; line-height: 1.6em;}

/* color preview */
.color_preview	{background-color: rgba(0,0,0,0.7);}
.color_preview,
.color_preview a	{color: #FFF;}
.color_preview>div	{overflow: auto;}
.color_preview .bt_openclose	{bottom: 15px; background-color: rgba(0,0,0,0.7); color: #FFF;}

/* layout */
.ink_container	{padding-bottom: 160px;}
.ink_content	{padding:0px 10px 0px 10px;}
.layout_buttons	{position: fixed; right: 15px; bottom: 15px; width: 40px; opacity: 0.6; z-index: 99;}
.layout_buttons a	{display: inline-block; width: 40px; height: 40px; line-height: 40px; margin-top: 5px; border-radius: 5px; text-align: center; font-size: 1.2em; color: #FFF;}
.layout_buttons .ink_bt_top	{display: none;}

/* xe message */
.xe_message	{left: 15px; top: 15px; width: calc(100% - 30px); border-radius: 10px; font-size: 1.0em; line-height: 1.4em;}
.xe_message p	{margin: 10px 0 !important;}

/* top banner */
.ink_banner_top	{position: relative; padding: 15px; line-height: 1.4em;}
.ink_banner_top .bt_close	{position: absolute; right: 10px; top: 12px;}
.ink_banner_top button	{padding: 5px;}

/* global notice */
.global_notice.has_notice	{margin-bottom: 15px;}
.global_notice>ul	{border-radius: 10px;}
.global_notice>ul>li	{padding: 10px 30px 10px 30px; line-height: 1.4em;}
.global_notice .gn_icon	{left: 10px;}
.global_notice .bt_close	{right: 0; top: 50%; margin-top: -10px;}
.global_notice .bt_close button	{height: 20px; padding: 0 10px; font-size: 0.8em;}

.ink_header .bt_open_gn	{display: inline-block; position: absolute; left: 60px; width: 45px;}
.ink_header .bt_open_gn i	{font-size: 12px;}
.ink_header.use_box .bt_open_gn	{left: 40px;}

/* header */
.ink_header	{position: relative;}
.ink_header .logo	{display: table; position: relative; height: 40px; width: 100%; text-align: center; font-size: 1.3em; line-height: 1.0em; font-weight: 500; z-index: 1;}
.ink_header .logo>div	{display: table-cell; vertical-align: middle;}
.ink_header .logo img	{zoom: 0.5;}
.ink_header .default_logo	{display: inline-block; width: 31.5px; height: 25px; background: url(../images/logo_mN.png) no-repeat center center; background-size: 31.5px 25px; text-indent: -9999px;}
.darkmode .ink_header .default_logo	{background-image: url(../images/logo_mY.png);}
.ink_header button	{position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; font-size: 16px; z-index: 2;}
.ink_header .bt_menu	{left: 15px;}
.ink_header .bt_right	{right: 15px;}
.ink_header .bt_login	{padding-top: 1px; font-size: 13px; line-height: 14px !important;}
.ink_header .bt_login span	{font-size: 9px; line-height: 10px !important;}
.ink_header .num_box	{position: absolute; right: 30px; top: 0;}

.ink_header.no_box	{height: 70px;}
.ink_header.no_box .logo	{padding: 15px 0;}
.ink_header.no_box button	{border-radius: 10px;}

.ink_header.use_box	{margin: 10px; height: 50px; border-radius: 10px;}
.ink_header.use_box .logo	{height: 50px;}
.ink_header.use_box button	{margin-top: -25px; height: 50px; line-height: 50px;}
.ink_header.use_box .bt_menu	{left: 0;}
.ink_header.use_box .bt_right	{right: 0;}
.ink_header.use_box .bt_notify	{border-radius: 0 10px 10px 0;}

/* login */
.ink_login2 .ii	{width: 100%; margin-bottom: 5px;}
.ink_login2 .ex	{margin-top: 10px;}
.ink_login2 .keep_desc	{display: none; padding: 15px; margin-top: 10px; border-radius: 10px; font-size: 0.9em; line-height: 1.6em;}

/* sns login */
.sns_login	{margin: 15px;}
.sns_login .sns_warn	{font-size: 0.85em;}
.sns_login .bt_sns	{font-size: 0.7em;}

/* notify */
.notify_list>ol>li	{padding: 15px 15px 15px 65px;}
.notify_list .inkpf	{left: 15px; top: 15px;}
.notify_type	{left: 10px; top: 10px;}
.no_notify2	{display: none;}
.no_notify,
.no_notify2	{padding-top: 50px; text-align: center; line-height: 1.6em;}

/* sidebar */
.ink_sidebar	{position: fixed; left: 0; top: 0; width: 0; height: 100%; z-index: 150;}
.ink_sidebar .dummy_button	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 1;}
.ink_sidebar .inner	{position: absolute; left: -310px; top: 0; width: 300px; height: 100%; background-color: #FFF; overflow: auto; z-index: 2; transition-property: left; transition-duration: 0.3s;}
.ink_sidebar.active	{width: 100%;}
.ink_sidebar.active .inner	{left: 0;}

.sidebar_top	{padding: 15px 15px 35px;}
.sidebar_top, .sidebar_top a	{color: #FFF;}
.ink_unlogged a	{display: inline-block; background-color: rgba(255,255,255,0.15); width: calc(50% - 5px); padding: 10px 0; border-radius: 10px; text-align: center; color: #FFF; }
.ink_unlogged a:first-of-type	{margin-right: 10px;}
.ink_logged	{position: relative;}
.ink_logged .logged_name	{display: inline-block; padding: 10px; vertical-align: middle;}
.ink_logged .bt_logout	{display: inline-block; position: absolute; right: -10px; top: -3px; padding: 10px; text-align: center; font-size: 15px; line-height: 14px;}
.ink_logged .bt_logout>span	{font-size: 9px; line-height: 10px;}
.ink_pointbarM	{position: relative; margin-top: 10px; padding-top: 7px; font-size: 0.8em; line-height: 1.0em;}
.ink_pointbarM .point_bg	{position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-color: #FFF; opacity: 0.3;}
.ink_pointbarM .current	{position: absolute; left: 0; top: 0; height: 3px; background-color: #FFF; opacity: 0.7;}
.ink_pointbarM .percent	{position: absolute; right: 0; bottom: 0;}

.global_search	{margin-top: 10px; background-color: rgba(255,255,255,0.15); height: 32px; line-height: 34px; padding-left: 10px; border-radius: 16px;}
.global_search input	{width: 220px; padding-top: 6px; margin-left: 3px; border: none; background-color: transparent; color: #FFF;}

.ink_gnb	{margin-top: -20px; padding: 20px 15px; background-color: #FFF; border-radius: 20px 20px 0 0;}
.ink_gnb a	{display: inline-block;}
.ink_gnb a>span	{display: none;}
.ink_gnb>ul>li	{position: relative; margin-bottom: 10px;}
.ink_gnb .menu_1depth	{width: calc(100% - 40px); line-height: 30px; font-size: 1.05em;}
.ink_gnb .active>a	{font-weight: bold;}
.ink_gnb .gnb_folder	{display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 5px; border-radius: 5px; text-align: center;}
.ink_gnb .bt_openclose	{position: absolute; right: -5px; top: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; color: #666; z-index: 1;}
.ink_gnb>ul>li>ul	{display: none; margin-left: 30px; margin-top: 10px; border-radius: 10px;}
.ink_gnb>ul>li>ul>li:last-child	{border-bottom: none;}
.ink_gnb>ul>li>ul>li>a	{width: 100%; padding: 10px 12px 8px; box-sizing: border-box;}
.ink_gnb>ul>li>ul>li>ul	{padding-left: 25px;}
.ink_gnb>ul>li>ul>li>ul>li:last-child	{border-bottom: none;}
.ink_gnb>ul>li>ul>li>ul>li>a	{width: 100%; padding: 10px 12px 8px; box-sizing: border-box;}
.ink_gnb .fa-external-link-alt	{margin-left: 5px; font-size: 0.85em;}

/* footer */
.ink_footer	{position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 0; text-align: center;}
.footer_buttons a	{display: inline-block; margin: 0 5px; padding: 6px 10px 5px; background-color: rgba(255,255,255,0.05); border-radius: 5px; color: #FFF;}
.footer_menu	{margin-top: 18px;}
.footer_menu li	{display: inline-block; margin: 0 5px;}
.ink_copyright	{margin-top: 15px; text-transform: uppercase;}
.ink_copyright a	{color: #FFF !important; text-transform: none;}

.footer_link	{margin-top: 25px;}
.footer_link_icon li	{margin: 0 5px;}

.footer_link_select	{padding: 0 15px; text-align: center;}

.ink_lang .inner	{padding-bottom: 25px;}
.ink_lang .inner li	{margin-bottom: 10px;}
.ink_lang .inner li:last-child	{margin-bottom: 0;}

/* widget style */
.board_name .inner, .board_name2 .inner	{font-size: 0.85em; line-height: 26px;}
.darkmode .board_name .inner, .darkmode .board_name2 .inner	{line-height: 24px;}

/* ink check */
.ink_check>span	{line-height: 12px;}
.ink_radio>span	{line-height: 18px;}

/* layout slider */
.ink_slide	{margin-bottom: 15px;}
.ink_slide .swiper-con	{border-radius: 10px;}
.ink_slide .swiper-pagination	{bottom: 5px;}
.ink_slide .swiper-pagination-bullet	{width: 6px; height: 6px; border-radius: 3px;}
.ink_slide .swiper-pagination-bullet-active	{width: 12px;}

.ink_slide .dark_shade	{border-radius: 10px;}
.ink_slide .slide_content	{right: -15px; bottom: 15px;}
.ink_slide .swiper-slide-active .slide_content	{right: 15px;}

.ink_slide .slide_ctg	{margin-bottom: 2px; font-size: 0.8em;}
.ink_slide .slide_title	{font-size: 1.3em;}
.ink_slide .slide_desc	{margin-top: 5px; line-height: 1.4em; font-size: 0.9em;}
.ink_slide .slide_button	{margin-top: 10px; padding: 0 15px; line-height: 24px; border-radius: 12px; font-size: 0.8em;}

/* custom select2 */
.ink_custom_select	{display: inline-block; position: relative;top:10px; width: 100%; line-height: 31px; padding: 0 12px; border-radius: 5px; box-sizing: border-box; text-align: left; vertical-align: middle;}
.ink_custom_select select	{width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0 box-shadow: none; border: 0 !important; background: none; background-image: none; padding: 0; margin: 0; text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.9em;}
.ink_custom_select select:focus	{outline: none;}
.ink_custom_select i	{position: absolute; right: 10px; top: 9px;}

#bottomQuick{position:fixed; bottom:50px; right:10px; z-index:60; text-align:right; text-align:-webkit-right;background-color: #ffffff;background-color: rgba( 255, 255, 255, 0 );}
#bottomQuick > a{display: block;width: 56px;height: 56px;font-size: 0;line-height: 0;text-indent: -999em;color: transparent;box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1);border-radius: 33px;position: relative;right: 0 !important;margin-bottom: 10px;}
#bottomQuick .icon_list{display: inline-block;}
#bottomQuick .icon_list li{text-align: right;margin-bottom: 10px;cursor: pointer;height: 35px;}
#bottomQuick .icon_list li.intake1 {display:inline-block; width:35px; height:35px; margin:0 0 10px;}
#bottomQuick .icon_list li.intake1 img {width:100%; height:auto;}
#bottomQuick .icon_list li .quick-top{width: 40px;height: 40px;display: inline-block;}
#bottomQuick .icon_list li .quick-top img{width: 100%;}

#bottomQuick .icon_list li .consulting {width:108px !important; height:30px !important; box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1); border-radius:33px;}
#bottomQuick .icon_list li .consulting img {width:100%; height:auto;}


.bd_header2	{position: relative;margin:0px 15px 0px 15px;}
.bd_title	{min-height: 31px; padding-top: 6px; box-sizing: border-box; font-size: 1.2em;}
.bd_title a	{margin-right: 15px;}
.bd_header2 .bt_area	{position: absolute; right: -15px !important; top: 0;}
.bd_header2 .bt_area a	{display: inline-block; padding: 7px 10px; margin-left: 3px; border-radius: 5px; font-size: 0.9em;}
.bd_header2 .bt_cart {background-color: #c7b078;}
.bt_area a	{display: inline-block; padding: 7px 10px; margin-left: 3px; border-radius: 5px; font-size: 0.9em;}

.sidebar_top .top_menu	{text-align: right;padding:10px;}
.sidebar_top .top_menu li	{float: left; margin-right: 0; margin-left: 15px;}

.ink_bubble_wrap	{position: relative;display: inline-block;}
.ink_bubble2:not(.bubble_left)	{left: 50%; top: -35px; transform: translateX(-50%); transition-property: top, opacity;}
.ink_bubble2	{position: absolute; width: 0; height: 0; overflow: hidden; background-color: #222; border-radius: 5px; white-space: nowrap; font-size: 11px !important; line-height: 100% !important; font-weight: normal !important; color: #FFF; opacity: 0; transition-duration: 0.3s; z-index: 1;}
.ink_bubble2	{padding: 4px 6px;}

.ink_bubble2:not(.bubble_left)	{top: -25px; opacity: 1; width: auto; height: auto; overflow: visible;}
.ink_bubble2.bubble_left	{right: calc(100% + 3px); top: 50%; margin-top: -9px; transition-property: opacity;}

.ink_bubble2.bubble_left	{opacity: 1; width: auto; height: auto;}
.ink_bubble2::after	{content: ''; position: absolute; left: 50%; top: 100%; margin-left: -4px; border: 5px solid transparent; border-top: 5px solid #222;}
.ink_bubble2.bubble_left::after	{content: none;}

.bt_area .cart_cnt {position:absolute; top:50%; left:50%; width:15px; height:15px; 
    margin:-30px 0 0 7px; border-radius:50%; background-color:#000; color:#fff; 
    font-size:0.8rem; font-weight:100; line-height:15px; text-align:center;}
	
/* gnb */	
.nav_wrap	{position: relative; z-index: 80;margin-top:5px;}
.has_navbox .nav_wrap	{margin-top: 25px; border-radius: 15px;}
.bt_nav	{position: absolute; right: 10px; top: 13px; z-index: 5;}
.bt_nav.opened	{z-index: 98;}
.bt_nav button	{padding: 5px 15px;}
.ink_gnb2 a	{transition-property: color;}
.ink_gnb2 .active>a	{font-weight: bold;}
.ink_gnb2>ul>li:first-child .menu_1depth {border-radius: 15px 0 0 15px;}
.ink_gnb2>ul	{display: inline-block;}
.ink_gnb2>ul>li	{display: inline-block; position: relative; vertical-align: top;}
.normal_mode .ink_gnb2 .menu_1depth	{display: inline-block; position: relative; padding: 0 15px; line-height: 50px; z-index: 11; border-color: transparent;}
.normal_mode .ink_gnb2>ul>li>ul	{display: none; position: absolute; width: 130px; top: 60%; left: 50%; margin-left: -65px; padding: 15px 12px 5px; box-sizing: border-box; background-color: #FFF; border-radius: 0 0 15px 15px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); opacity: 0; transition-property: top, opacity; transition-duration: 0.5s; text-align: center; font-size: 13px; z-index: 10;}
.darkmode .normal_mode .ink_gnb2>ul>li>ul	{box-shadow: 0 10px 10px rgba(0,0,0,0.4);}
.ink_gnb2>ul>li>ul.active	{top: calc(100% - 10px); opacity: 1;}
.normal_mode .ink_gnb2>ul>li>ul>li	{position: relative; padding: 12px 0;}
.ink_gnb2>ul>li>ul>li:last-child	{border-bottom: none !important;}
.normal_mode .ink_gnb2>ul>li>ul>li>ul	{display: none; position: absolute; left: 100%; top: 0; padding: 5px; white-space: nowrap; border-radius: 10px; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.normal_mode .ink_gnb2>ul>li>ul>li:hover>ul	{display: block;}
.normal_mode .ink_gnb2>ul>li>ul>li>ul>li	{padding: 5px 10px;}
.ink_gnb2 .fa-external-link-alt	{margin-left: 3px; font-size: 12px;}
.ink_gnb2 .gnb_space	{height: 50px;}
.ink_gnb2 .gnb_space .menu_1depth	{display: inline-block; padding: 0 !important; width: 15px; height: 50px;}

.nav_wrap.view_mode	{height: 50px;}
.view_mode .ink_gnb2	{position: absolute; left: 0; top: 0; width: 100%; background-color: #FFF; border-radius: 0 0 15px 15px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); z-index: 97;}
.has_navbox .view_mode .ink_gnb2	{border-radius: 15px;}
.view_mode .ink_gnb2>ul	{display: table; white-space: nowrap;}
.view_mode .ink_gnb2>ul>li	{display: table-cell;}
.view_mode .ink_gnb2 .menu_1depth	{display: inline-block; width: 100%; padding: 0 20px; line-height: 50px; box-sizing: border-box; border-bottom: 1px dotted #e5e5e5;}
.view_mode .ink_gnb2>ul>li>ul	{display: block !important; padding: 10px 20px; font-size: 13px;}
.view_mode .ink_gnb2>ul>li>ul>li>a	{display: inline-block; padding: 7px 0;}
.view_mode .ink_gnb2>ul>li>ul>li>ul	{padding: 10px 0 5px 10px;}
.view_mode .ink_gnb2>ul>li>ul>li>ul>li	{padding-bottom: 5px;}
.view_mode .fa-angle-right	{display: none;}
.view_mode .ink_gnb2 .gnb_space,
.open_mode	.ink_gnb2 .gnb_space	{display: none;}

.open_mode .ink_gnb2	{padding: 20px; font-size: 16px;}
.open_mode .ink_gnb2>ul	{display: table; width: 100%;}
.open_mode .ink_gnb2>ul>li	{display: table-cell; width: 140px; padding-right: 10px; vertical-align: top; white-space: nowrap;}
.ink_gnb2 .cell_dummy	{width: auto !important; border-right-color: #FFF !important;}
.open_mode .ink_gnb2>ul>li>a	{font-weight: bold;}
.open_mode .ink_gnb2>ul>li>ul	{display: block !important; margin-top: 20px; font-size: 14px;}
.open_mode .ink_gnb2>ul>li>ul>li	{margin-top: 12px;}
.open_mode .bt_nav	{display: none;}

.nav_wrap.fixed	{margin-top: 0 !important; border-radius: 15px; background-color: rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-top: none; position: fixed; top: 10px; left: 50%; animation-name: move_top; animation-duration: 0.5s;}
.ink_sidebar.right_sidebar.fixed	{margin-top: 0 !important; border-radius: 15px; background-color: rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-top: none; position: fixed; top: 90px; left: 50%; animation-name: move_top; animation-duration: 0.5s;margin-left:400px;}
.darkmode .nav_wrap.fixed	{box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
.fixed.view_mode .ink_gnb2	{border-radius: 15px;}
@-webkit-keyframes move_top	{
	from	{top: -50px;}
	to	{top: 10;}
}
@keyframes move_top	{
	from	{top: -50px;}
	to	{top: 10;}
}


.mb_info_tab2	{margin: 0 0px 0px; overflow: hidden;}
.mb_info_tab2>ul	{padding: 0 15px 50px;margin-bottom: -50px;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;}
.mb_info_tab2>ul>li	{display: inline-block; position: relative; margin-right: 15px;}
.mb_info_tab2>ul>li:last-child	{margin-right: 0;}
.mb_info_tab2 a	{display: inline-block; padding: 7px 5px 7px 5px;}
.mb_info_tab2 .active a	{color:#fc4c02;}
.mb_info_tab2 .active a::after {position:absolute; bottom:0; left:0; width:100%; height:2px;background-color:#fc4c02;content:'';} 
.mb_info_tab2 .num_box2	{margin-bottom: 2px; margin-left: 3px; vertical-align: middle; color: #FFF;}

/* ================================================================ */
/* Step9 (2026-05-21): layout_pc.css 흡수 — @media (min-width:1024px) */
/* PC viewport에서만 적용되어 mobile-first 베이스를 override */
/* ================================================================ */
@media (min-width: 1024px) {

body	{font-size: 16px; -webkit-font-smoothing: subpixel-antialiased;}

a,
button,
input[type=button]	{transition-property: color, background-color, border-color; transition-duration: 0.3s;}
input, button, textarea, table	{font-size: 14px;}
input[type = 'password']	{font-family: 'Helvetica';}

/* basic */
.num_box	{height: 20px; line-height: 20px; border-radius: 10px; padding: 0 8px; font-size: 11px;}
.num_box2	{height: 16px; line-height: 16px; border-radius: 10px; padding: 0 7px; font-size: 10px;}
.ib	{height: 42px; line-height: 42px; padding: 0 20px; border-radius: 10px; position: relative; overflow: hidden; font-size: 14px; z-index: 1;}
.font_n .ib	{line-height: 44px;}
.ib::before	{content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; border-radius: 50%; transition-property: top, border-radius; transition-duration: 0.5s; z-index: -1;}
.ib:hover::before	{top: 50%;}
.ib2	{height: 32px; line-height: 32px; padding: 0 11px; border-radius: 5px; font-size: 13px;}
.font_n .ib2	{line-height: 33px;}
.bt_group	{border-radius: 10px;}
.bt_group .ib	{border-radius: 0;}
.bt_group .ib:first-of-type	{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.bt_group .ib:last-of-type	{border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.bt_group .ib2:first-of-type	{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.bt_group .ib2:last-of-type	{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.ii	{height: 32px; line-height: 32px; font-size: 13px;}
.ink_link:hover	{text-decoration: none;}
.ink_link2:hover	{border-bottom-color: transparent;}
a.c_module2:hover,
button.c_module2:hover	{color: #FFF;}
.c_pointer	{cursor: pointer;}
.ink_wrap .xe_content,
.ink_wrap table	{font-family: 'NanumGothic', 'apple sd gothic neo', sans-serif;}

.ink_bubble_wrap	{position: relative; display: inline-block;}
.ink_bubble:not(.bubble_left)	{left: 50%; top: -35px; transform: translateX(-50%); transition-property: top, opacity;}
.ink_bubble	{position: absolute; width: 0; height: 0; overflow: hidden; background-color: #222; border-radius: 5px; white-space: nowrap; font-size: 11px !important; line-height: 100% !important; font-weight: normal !important; color: #FFF; opacity: 0; transition-duration: 0.3s; z-index: 1;}
.has_bubble:hover + .ink_bubble	{padding: 4px 6px;}
.font_n .has_bubble:hover + .ink_bubble	{padding: 6px 6px 4px;}
.has_bubble:hover + .ink_bubble:not(.bubble_left)	{top: -25px; opacity: 1; width: auto; height: auto; overflow: visible;}
.ink_bubble.bubble_left	{right: calc(100% + 3px); top: 50%; margin-top: -9px; transition-property: opacity;}
.font_n .ink_bubble.bubble_left	{margin-top: -11px;}
.has_bubble:hover + .ink_bubble.bubble_left	{opacity: 1; width: auto; height: auto;}
.ink_bubble::after	{content: ''; position: absolute; left: 50%; top: 100%; margin-left: -4px; border: 5px solid transparent; border-top: 5px solid #222;}
.ink_bubble.bubble_left::after	{content: none;}



.ink_bubble2:not(.bubble_left)	{left: 50%; top: -35px; transform: translateX(-50%); transition-property: top, opacity;}
.ink_bubble2	{position: absolute; width: 0; height: 0; overflow: hidden; background-color: #222; border-radius: 5px; white-space: nowrap; font-size: 11px !important; line-height: 100% !important; font-weight: normal !important; color: #FFF; opacity: 0; transition-duration: 0.3s; z-index: 1;}
.ink_bubble2	{padding: 4px 6px;}
.font_n .has_bubble2:hover + .ink_bubble2	{padding: 6px 6px 4px;}
.ink_bubble2:not(.bubble_left)	{top: -25px; opacity: 1; width: auto; height: auto; overflow: visible;}
.ink_bubble2.bubble_left	{right: calc(100% + 3px); top: 50%; margin-top: -9px; transition-property: opacity;}
.font_n .ink_bubble2.bubble_left	{margin-top: -11px;}
.ink_bubble2.bubble_left	{opacity: 1; width: auto; height: auto;}
.ink_bubble2::after	{content: ''; position: absolute; left: 50%; top: 100%; margin-left: -4px; border: 5px solid transparent; border-top: 5px solid #222;}
.ink_bubble2.bubble_left::after	{content: none;}
/* ink message */
.ink_message	{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.ink_message>div	{-webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none;}
.ink_message>div	{width: 480px; border-radius: 20px;}
.ink_message.ink_warn>div,
.ink_message.ink_message2>div	{width: 300px;}
.ink_message>div>h3	{padding: 15px 0; border-radius: 20px 20px 0 0;}
.ink_message .bt_xclose	{position: absolute; left: 50%; top: -45px; width: 35px; height: 35px; margin-left: -17.5px;}
.ink_message .bt_xclose svg	{width: 35px; height: 35px; fill: #FFF;}
.ink_message .inner	{max-height: 400px;}
.ink_message .bt_area	{padding: 15px 0; border-radius: 0 0 20px 20px;}
.ink_warn .inner	{padding: 30px 10px 15px; font-size: 15px;}
.ink_warn .message_target	{margin-bottom: 10px;}
.ink_warn .bt_area	{margin-top: 10px;}
.ink_message2 .inner	{padding: 25px 25px 0;}
.ink_message2 .bt_area	{padding: 0 0 25px; margin-top: 25px;}

/* ink box */
.ink_box	{width: 300px; padding: 25px; box-sizing: border-box; border-radius: 20px;}
.ink_box .desc	{line-height: 160%; margin-bottom: 15px;}
.ink_box .desc2	{line-height: 160%; margin-top: 10px;}
.ink_box .bt_area	{margin-top: 25px;}

/* ink dropdown */
.ink_dropdown	{font-size: 13px;}
.ink_dropdown .bt	{padding: 0 28px 0 10px; height: 32px; line-height: 32px; font-size: 13px;}

/* mouseover date */
.msover_date	{display: inline-block; position: relative; text-align: center;}
.msover_date .ink_time	{position: absolute; left: 0; top: 0; opacity: 0; width: 100%; white-space: nowrap;}
.msover_date .ink_time,
.msover_date .ink_date	{transition-property: opacity; transition-duration: 0.3s;}
.msover_date:hover .ink_date	{opacity: 0;}
.msover_date:hover .ink_time	{opacity: 1;}

/* custom code */
.custom_code.header_bottom	{position: relative; margin-bottom: 25px; z-index: 1;}
.custom_code.content_top	{margin-bottom: 25px;}

/* color preview */
.color_preview	{background-color: rgba(255,255,255,0.7);}
.color_preview,
.color_preview a	{color: #222;}
.color_preview .bt_openclose	{top: 15px; background-color: rgba(255,255,255,0.7); color: #222;}

/* layout */
.ink_container	{width: 1200px; padding-bottom: 200px; margin: 0 auto; border-top: 1px solid transparent;}
.ink_header	{margin-bottom: 25px;}
.ink_wrapper	{position: relative; padding-bottom: 25px;} .no_header .ink_wrapper	{padding-top: 25px;}
.ink_content	{float: left; width: 900px;}
.sidebar_typeN .ink_content	{float: none;}
.ink_sidebar	{width: 250px}
.ink_footer_wrap	{position: absolute; left: 0; bottom: 0; width: 100%; min-width: 1200px;}
.ink_footer	{width: 1200px; margin: 0 auto;}


/* Step34 (2026-05-26): PC 플로팅 버튼 축소 (transform: scale 0.8 — 원본 대비 20% 축소) */
#bottomQuick{position:fixed; bottom:50px; right:38px; z-index:60; text-align:right; text-align:-webkit-right;background-color: #ffffff;background-color: rgba( 255, 255, 255, 0 ); transform: scale(0.8); transform-origin: bottom right;}
#bottomQuick > a{display: block;width: 56px;height: 56px;font-size: 0;line-height: 0;text-indent: -999em;color: transparent;box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1);border-radius: 33px;position: relative;right: 0 !important;margin-bottom: 10px;}
#bottomQuick .icon_list{display: inline-block;}
#bottomQuick .icon_list li{text-align: right;margin-bottom: 10px;cursor: pointer;height: 56px;}
#bottomQuick .icon_list li.intake1 {display:inline-block; width:56px; height:56px; margin:0 0 10px;}
#bottomQuick .icon_list li.intake1 img {width:100%; height:auto;}
#bottomQuick .icon_list li .quick-top{width: 56px;height: 56px;display: inline-block;}
#bottomQuick .icon_list li .quick-top img{width: 100%;}
#bottomQuick .icon_list li .quick-cart{display: block;width: 56px;height: 56px;background:  no-repeat;background-size: cover;display: inline-block;}
#bottomQuick .icon_list li .consulting {width:168px !important; height:56px !important; box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.1); border-radius:33px;}
#bottomQuick .icon_list li .consulting img {width:100%; height:auto;}
/* xe message */
.xe_message	{left: 50%; bottom: 25px; width: 600px; margin-left: -300px !important; border-radius: 15px; line-height: 180%;}

/* top banner */
.ink_banner_top	{position: relative; margin: 15px auto 0; padding: 15px 25px; box-sizing: border-box; border-radius: 30px; line-height: 160%; font-size: 16px;}
.ink_banner_top a	{transition-property: border-bottom-color;}
.ink_banner_top a:hover	{border-bottom-color: transparent;}
.ink_banner_top .bt_close	{position: absolute; right: 20px; top: 50%; margin-top: -18px;}
.ink_banner_top button	{padding: 0 5px; height: 36px; line-height: 36px; font-size: 18px;}

/* global notice */
.global_notice.has_notice	{margin-bottom: 25px;}
.global_notice>ul	{border-radius: 15px;}
.global_notice>ul>li	{padding: 15px 40px 15px 40px;}
.global_notice .gn_icon	{left: 20px;}
.global_notice .bt_close	{right: 15px; top: 50%; margin-top: -10px;}
.global_notice .bt_close button	{height: 20px; padding: 0 5px;}

.ink_top .bt_open_gn	{display: inline-block; margin-right: 10px; font-size: 13px; vertical-align: middle; margin-bottom: 1px;}
.ink_top .bt_open_gn .num_box2	{color: #FFF; margin-bottom: 2px;}

.ink_header .ink_top .bt_open_gn	{position: static; margin: 0 0 0 5px;}

/* top menu */
.ink_top	{height: 40px; padding: 0 15px; font-size: 13px; line-height: 40px; letter-spacing: 0;}
.ink_top:empty	{display: none;}
.ink_top ul	{display: inline-block; vertical-align: middle;}
.ink_top li	{display: inline-block; margin-right: 15px;}
.ink_top a	{display: inline !important; border-bottom: 1px solid transparent;}

.top_login	{position: relative;}
.top_login .inkpf	{margin-left: 3px; margin-bottom: 1px; vertical-align: middle;}
.top_login .notify_total	{position: absolute; left: -5px; top: 5px; font-size: 10px; }
.top_login .icon_angle	{margin-left: 2px; vertical-align: middle;}

.ink_top .is_logged	{display: none; position: absolute; right: 0; top: 40px; width: 250px; padding: 25px; background-color: #FFF; border-radius: 15px; box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-sizing: border-box; text-align: left; line-height: 120%; z-index: 89;}
.darkmode .ink_top .is_logged	{box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
.ink_top .is_logged .inkpf	{right: 25px; top: 25px;}

.ink_lang	{position: relative;}
.ink_lang>ul	{display: none; position: absolute; white-space: nowrap; font-family: "Hevetica";}
.ink_lang:hover>ul	{display: block;}
.ink_lang>ul>li	{display: block !important; margin: 0 !important;}

.ink_top .ink_lang>ul	{left: 0; top: 30px; padding: 5px 0; background-color: #FFF; border-radius: 10px; box-shadow: 0 10px 15px rgba(0,0,0,0.1); z-index: 89;}
.ink_top .ink_lang>ul>li	{padding: 7px 15px; line-height: 100%;}

.ink_footer .ink_lang	{padding-top: 10px; margin-top: -10px;}
.ink_footer .ink_lang .footer_box	{left: 0; right: auto;}

.ink_top .top_menu	{float: right; text-align: right;}
.ink_top .top_menu li	{margin-right: 0; margin-left: 15px;}
.ink_header .ink_top .top_menu	{float: none; margin-right: 5px;}

.no_header .ink_top	{padding: 0;}
.no_header .ink_top::before	{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 42px; z-index: -1;}
.no_header .ink_top:empty::before	{content: none;}

.ink_header .ink_top	{position: absolute; right: 0; top: 50%; width: 70%; transform: translateY(-50%); text-align: right; z-index: 99;}
.ink_header .ink_top ul	{display: inline-block;}
.ink_header .ink_top li	{margin-left: 15px; margin-right: 0;}

/* global search */
.globalsearch	{display: inline-block; position: relative; margin-right: 10px; vertical-align: middle;}
.globalsearch .ii	{width: 0; padding: 0; overflow: hidden; line-height: 25px; height: 25px; border-radius: 12.5px; vertical-align: middle; margin-top: -2.5px; transition-property: padding, margin, width; transition-duration: 0.3s;}
.globalsearch .ii.active	{width: 120px; padding: 0 15px; margin-left: 5px;}

.ink_header .globalsearch	{margin: 0 0 0 10px;}

/* header */
 .default_logo	{display: inline-block; width: 47.5px; height: 38px; background: url(../images/logoN.png) no-repeat center center; background-size: 47.5px 38px; text-indent: -9999px;}
 .darkmode .default_logo	{background-image: url(../images/logoY.png);}
 .logo	{font-size: 24px;}

.ink_header	{position: relative;}
.ink_top:empty + .ink_header	{margin-top: 25px;}
.no_navbox	{border-radius: 20px;}
.ink_header .logo	{display: table; margin: 0 250px; width: calc(100% - 500px); height: 150px; text-align: center;}
.has_navbox .logo	{height: 125px;}
.ink_header .logo>div	{display: table-cell; vertical-align: middle;}
.ink_header .logo a	{display: inline-block;}
.ink_header .header_side	{position: absolute; top: 0; width: 250px; height: 150px; z-index: 81;}
.has_navbox .header_side	{height: 125px; border-radius: 15px;}
.ink_header .top_code	{left: 0; padding: 5px 5px 0; box-sizing: border-box; overflow: hidden;}
.ink_header.left_sidebar .top_code	{left: auto; right: 0;}
.ink_header .top_code .d_table_cell	{vertical-align: middle;}
.ink_header .top_code .ink_widget	{width: 240px; background-color: transparent;}
.ink_header .ink_login	{right: 0;}
.ink_header.left_sidebar .ink_login	{right: auto; left: 0;}
.sidebar_typeL .top_code	{left: auto; right: 0;}
.sidebar_typeL .ink_login	{left: 0; right: auto;}

.header_typeB3 .ink_header	{margin-top: 25px;}
.header_typeB3 .ink_header .logo	{display: block; position: relative; width: 100%; height: auto; text-align: left; margin: 0 0 25px;}
.header_typeB3 .ink_top	{position: absolute; right: 0; height: 30px; margin-top: -15px; transform: none;}
.header_typeB3 .ink_top ul	{line-height: 30px;}
.header_typeB3 .top_login .notify_total	{top: 0;}

.ink_header .is_unlogged>a	{display: inline-block; width: 50%; box-sizing: border-box; line-height: 150px; text-align: center;}
.has_navbox .ink_login.is_unlogged>a	{line-height: 95px; margin: 15px 0;}

.ink_login2>div	{width: 320px !important;}
.ink_login2 .inner 	{padding-bottom: 15px;}
.ink_login2 .ii	{width: 100%; margin-bottom: 10px;}
.ink_login2 .ex	{font-size: 12px;}
.ink_login2 .ex a	{margin-top: 4px;}
.ink_login2 .keep_desc	{display: none; position: absolute; left: 0; top: calc(100% + 5px); width: 100%; padding: 10px 15px; box-sizing: border-box; line-height: 160%; z-index: 5;}
.ink_login2 .ex label:hover + .keep_desc	{display: block;}
.ink_login2 .bt_area	{margin: 0 30px;}

/* sns login */
.sns_login	{margin: 25px;}
.sns_login .sns_warn	{font-size: 13px;}
.sns_login .bt_sns	{font-size: 10px;}

.ink_login .d_table_cell	{padding: 0 25px; vertical-align: middle;}
.ink_login .d_table_cell>div	{position: relative;}
.is_logged .inkpf	{position: absolute; right: 0; top: 0;}
.is_logged .notify_total	{position: absolute; right: -5px; top: -3px; padding: 0 6px; font-size: 10px; height: 18px; line-height: 18px;}
.is_logged .logged_name	{font-size: 16px;}
.is_logged .bt_area	{margin-top: 8px; font-size: 13px;}
.is_logged .bt_area a	{margin-right: 15px;}
.is_logged .bt_area a:hover	{text-decoration: underline;}

.admin_menu_wrap	{display: inline-block; position: relative; width: 50px; }
.admin_menu	{display: none; position: absolute; top: -20px; left: 60px; padding: 15px; background-color: #222; box-shadow: 0 10px 15px rgba(0,0,0,0.2); opacity: 0; transition-property: left, opacity; transition-duration: 0.3s; white-space: nowrap; font-size: 13px; line-height: 180%; z-index: 10;}
.darkmode .admin_menu	{box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
.admin_menu::before	{content: ''; position: absolute; right: 100%; top: 20px; border: 7px solid transparent; border-right: 7px solid #222;}
.admin_menu.active	{left: 30px; opacity: 1;}
.admin_menu a	{color: #CCC !important;}
.admin_menu a:hover	{color: #FFF !important;}
.admin_menu .icon	{display: inline-block; width: 20px; color: #AAA;}

.ink_pointbar .level,
.ink_pointbar .point	{font-size: 10px;}

.is_logged .ink_pointbar	{margin-top: 15px;}

.mb_menu .inner	{padding: 25px 25px 15px;}
.mb_menu .inner li	{display: inline-block; width: calc(33.33% - 5px); margin-right: 7.5px; margin-bottom: 5px;}
.mb_menu .inner li:nth-child(3n)	{margin-right: 0;}
.mb_menu .inner .ib	{width: 100%; box-sizing: border-box; height: 36px; line-height: 36px; font-size: 14px; text-align: center;}

.nav_wrap	{position: relative; z-index: 80}
.has_navbox .nav_wrap	{margin-top: 25px; border-radius: 15px;}
.bt_nav	{position: absolute; right: 10px; top: 13px; z-index: 5;}
.bt_nav.opened	{z-index: 98;}
.bt_nav button	{padding: 5px 15px;}
.ink_gnb a	{transition-property: color;}
.ink_gnb .active>a	{font-weight: bold;}
.ink_gnb>ul>li:first-child .menu_1depth {border-radius: 15px 0 0 15px;}
.ink_gnb>ul	{display: inline-block;}
.ink_gnb>ul>li	{display: inline-block; position: relative; vertical-align: top;}
.normal_mode .ink_gnb .menu_1depth	{display: inline-block; position: relative; padding: 0 15px; line-height: 50px; z-index: 11; border-color: transparent;}
.normal_mode .ink_gnb>ul>li>ul	{display: none; position: absolute; width: 130px; top: 60%; left: 50%; margin-left: -65px; padding: 15px 12px 5px; box-sizing: border-box; background-color: #FFF; border-radius: 0 0 15px 15px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); opacity: 0; transition-property: top, opacity; transition-duration: 0.5s; text-align: center; font-size: 13px; z-index: 10;}
.darkmode .normal_mode .ink_gnb>ul>li>ul	{box-shadow: 0 10px 10px rgba(0,0,0,0.4);}
.ink_gnb>ul>li>ul.active	{top: calc(100% - 10px); opacity: 1;}
.normal_mode .ink_gnb>ul>li>ul>li	{position: relative; padding: 12px 0;}
.ink_gnb>ul>li>ul>li:last-child	{border-bottom: none !important;}
.normal_mode .ink_gnb>ul>li>ul>li>ul	{display: none; position: absolute; left: 100%; top: 0; padding: 5px; white-space: nowrap; border-radius: 10px; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.normal_mode .ink_gnb>ul>li>ul>li:hover>ul	{display: block;}
.normal_mode .ink_gnb>ul>li>ul>li>ul>li	{padding: 5px 10px;}
.ink_gnb .fa-external-link-alt	{margin-left: 3px; font-size: 12px;}
.ink_gnb .gnb_space	{height: 50px;}
.ink_gnb .gnb_space .menu_1depth	{display: inline-block; padding: 0 !important; width: 15px; height: 50px;}

.nav_wrap.view_mode	{height: 50px;}
.view_mode .ink_gnb	{position: absolute; left: 0; top: 0; width: 100%; background-color: #FFF; border-radius: 0 0 15px 15px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); z-index: 97;}
.has_navbox .view_mode .ink_gnb	{border-radius: 15px;}
.view_mode .ink_gnb>ul	{display: table; white-space: nowrap;}
.view_mode .ink_gnb>ul>li	{display: table-cell;}
.view_mode .ink_gnb .menu_1depth	{display: inline-block; width: 100%; padding: 0 20px; line-height: 50px; box-sizing: border-box; border-bottom: 1px dotted #e5e5e5;}
.view_mode .ink_gnb>ul>li>ul	{display: block !important; padding: 10px 20px; font-size: 13px;}
.view_mode .ink_gnb>ul>li>ul>li>a	{display: inline-block; padding: 7px 0;}
.view_mode .ink_gnb>ul>li>ul>li>ul	{padding: 10px 0 5px 10px;}
.view_mode .ink_gnb>ul>li>ul>li>ul>li	{padding-bottom: 5px;}
.view_mode .fa-angle-right	{display: none;}
.view_mode .ink_gnb .gnb_space,
.open_mode	.ink_gnb .gnb_space	{display: none;}

.open_mode .ink_gnb	{padding: 20px; font-size: 16px;}
.open_mode .ink_gnb>ul	{display: table; width: 100%;}
.open_mode .ink_gnb>ul>li	{display: table-cell; width: 140px; padding-right: 10px; vertical-align: top; white-space: nowrap;}
.ink_gnb .cell_dummy	{width: auto !important; border-right-color: #FFF !important;}
.open_mode .ink_gnb>ul>li>a	{font-weight: bold;}
.open_mode .ink_gnb>ul>li>ul	{display: block !important; margin-top: 20px; font-size: 14px;}
.open_mode .ink_gnb>ul>li>ul>li	{margin-top: 12px;}
.open_mode .bt_nav	{display: none;}

.nav_wrap.fixed	{margin-top: 0 !important; border-radius: 15px; background-color: rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-top: none; position: fixed; top: 10px; left: 50%; animation-name: move_top; animation-duration: 0.5s;}
.ink_sidebar.right_sidebar.fixed	{margin-top: 0 !important; border-radius: 15px; background-color: rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-top: none; position: fixed; top: 90px; left: 50%; animation-name: move_top; animation-duration: 0.5s;margin-left:320px;}
.darkmode .nav_wrap.fixed	{box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
.fixed.view_mode .ink_gnb	{border-radius: 15px;}
@-webkit-keyframes move_top	{
	from	{top: -50px;}
	to	{top: 10;}
}
@keyframes move_top	{
	from	{top: -50px;}
	to	{top: 10;}
}

/* sidebar */
.ink_sidebar .logo	{margin-bottom: 25px;}

.ink_sidebar.left_sidebar	{float: left; margin-right: 50px;}
.ink_sidebar.left_sidebar::after	{content: ''; position: absolute; top: 0; left: 275px; width: 1px; height: calc(100% - 25px);}
.no_header .ink_sidebar.left_sidebar::after	{top: 25px; height: calc(100% - 50px);}
.ink_sidebar.right_sidebar	{float: right;}
.ink_sidebar.right_sidebar::after	{content: ''; position: absolute; top: 0; right: 275px; width: 1px; height: calc(100% - 25px);}
.no_header .ink_sidebar.right_sidebar::after	{top: 25px; height: calc(100% - 50px);}

.ink_sidebar .ink_login	{margin-bottom: 25px;}
.ink_sidebar .is_logged	{position: relative; padding: 20px;}
.ink_sidebar .is_logged .inkpf	{right: 15px; top: 15px;}
.ink_sidebar .is_logged .notify_total	{right: 10px; top: 12px;}
.ink_sidebar .click_disable	{display: none; position: absolute; right: 5px; top: 5px; width: 55px; height: 55px; z-index: 5;}

.bt_open_notify	{display: inline-block; position: relative; width: 100%; padding: 15px; margin-bottom: 25px; border-radius: 15px; box-sizing: border-box; text-align: left;}
.bt_open_notify .text_en	{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); padding: 0 10px; font-size: 12px;}
.darkmode .bt_open_notify 	{font-weight: bold;}

.notify_wrap .inner	{height: 400px;}
.notify_wrap .bt_notify_position	{display: inline-block; position: absolute; right: 10px; top: 10px; z-index: 1;}
.notify_wrap .bt_notify_position button	{width: 30px; height: 30px; box-sizing: border-box; padding-top: 3px; border-radius: 50%; font-size: 14px; color: #BBB;}
.notify_wrap .bt_unfix	{display: none;}
.notify_wrap .bt_unfix button	{width: 27px; height: 27px;}
.notify_list>ol>li	{padding: 18px 20px 20px 75px;}
.notify_list .inkpf	{left: 20px; top: 20px;}
.notify_type	{left: 15px; top: 15px;}
.notify_list .msg	{line-height: 160%;}
.notify_list li strong:nth-of-type(2) {border-bottom: 1px solid #FFF; transition-property: border-bottom-color; transition-duration: 0.3s;}
.notify_list .ago	{font-size: 12px;}

.notify_wrap.fixed	{position: relative; margin-bottom: 25px; background-color: #FFF; font-size: 13px;}
.notify_wrap.fixed h3	{padding: 15px; border-radius: 15px 15px 0 0; font-size: 14px; line-height: 100%; font-weight: bold;}
.notify_wrap.fixed .inner	{height: 300px; max-height: 300px;}
.notify_wrap.fixed .bt_unfix	{display: inline-block;}
.notify_wrap.fixed .bt_fix,
.notify_wrap.fixed .bt_xclose	{display: none;}
.notify_wrap.fixed .bt_area	{position: relative; padding: 15px 0; border-radius: 0 0 15px 15px; text-align: center; z-index: 1;}
.notify_wrap.fixed .bt_area .ib	{height: 32px; line-height: 32px; padding: 0 11px; border-radius: 5px; font-size: 13px;}

.ink_sidebar .ink_module	{margin-bottom: 25px; border-radius: 18px 18px 15px 15px; background-color: #FFF;}
.ink_sidebar .ink_module h3	{padding: 15px; border-radius: 15px 15px 0 0; font-size: 14px; line-height: 100%; font-weight: bold;}
.ink_sidebar .ink_module ul,
.ink_sidebar .ink_module ol	{padding: 8px 15px 8px;}
.ink_sidebar .ink_module li	{padding: 5px 0; line-height: 160%;}

.ink_sidebar .sidebar_menu .fa-folder,
.ink_sidebar .sidebar_menu .fa-folder-open	{margin-right: 3px; font-size: 16px;}
.ink_sidebar .sidebar_menu .menu_1depth	{font-size: 15px;}
.ink_sidebar .sidebar_menu li	{padding: 0; white-space: nowrap;}
.ink_sidebar .sidebar_menu li.active>a	{font-weight: bold;}
.ink_sidebar .sidebar_menu a	{display: inline-block; padding: 4px 0;}
.ink_sidebar .sidebar_menu>ul>li	{position: relative;}
.ink_sidebar .sidebar_menu>ul>li>ul	{display: none; padding: 0 0 0 26px;}
.sidebar_menu a>span	{display: inline-block; width: 20px; height: 20px; margin-right: 7px; border-radius: 5px; text-align: center; font: 11px/20px "Arial"; text-transform: uppercase; vertical-align: middle; transition-property: background-color, color; transition-duration: 0.3s;}
.sidebar_menu .bt_openclose	{display: inline-block; position: absolute; right: -5px; top: 0; width: 30px; height: 30px; line-height: 33px; z-index: 1;}
.sidebar_menu .bt_openclose::after	{content: ''; position: absolute; left: 50%; top: 50%;  width: 100%; height: 100%; transform: translate(-50%,-50%); border-radius: 50%; opacity: 0; transition-property: opacity; transition-duration: 0.8s; z-index: -1;}
.sidebar_menu .bt_openclose:active::after	{opacity: 1; transition: 0s;}
.sidebar_menu .bt_openclose i	{padding-left: 1px;}
.sidebar_menu .addon_menu_new	{margin-left: 5px !important;}
.sidebar_menu .fa-external-link-alt	{margin-left: 3px; font-size: 12px;}
.sidebar_menu .fixed {position: fixed; left: 0; top: 0; border-top: none; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2);}


/* box container */
.containerB .ink_wrapper	{padding: 25px; border-radius: 20px;}
.containerB .ink_sidebar.right_sidebar::after,
.containerB .ink_sidebar.left_sidebar::after	{top: -25px; height: calc(100% + 50px);}
.containerB .ink_sidebar .ink_module h3	{border-radius: 15px;}
.containerB .ink_sidebar .ink_module>ul,
.containerB .ink_sidebar .ink_module>ol	{padding-left: 0; padding-right: 0; padding-bottom: 0;}

/* footer */
.ink_footer	{display: table; padding: 50px 0;}
.ink_footer a:hover	{color: #FFF;}
.ink_footer .logo_bottom	{display: table-cell; width: 1%; padding-right: 50px; vertical-align: top; white-space: nowrap; font-size: 20px;}
.ink_footer .logo_bottom a	{display: inline-block; color: #FFF;}
.ink_footer .footer_content	{display: table-cell; vertical-align: top;}

.ink_footer .footer_table	{display: table; width: 100%;}
.ink_footer .footer_cell	{display: table-cell; vertical-align: top;}
.ink_footer .footer_2nd	{padding-top: 25px; margin-top: 25px;}

.ink_footer .ink_copyright a	{color: #FFF; border-bottom: 1px solid transparent;}
.ink_footer .ink_copyright a:hover	{border-color: #FFF;}

.ink_footer .footer_menu	{text-align: right;}
.ink_footer .footer_menu li	{display: inline-block; margin-left: 15px;}

.ink_footer .footer_text	{line-height: 160%;}

.footer_link_icon	{text-align: right; white-space: nowrap;}
.footer_link_icon li	{margin-left: 5px;}
.footer_link_icon a	{display: inline-block; width: 40px; height: 40px; line-height: 42px; border-radius: 10px; background-color: rgba(255,255,255,0.1); text-align: center; font-size: 18px;}

.footer_link_select	{position: relative; text-align: right; width: 1%; white-space: nowrap;}
.bt_footer_link	{display: inline-block; position: relative; width: 180px; padding: 8px 15px; box-sizing: border-box; border-radius: 10px; text-align: left; z-index: 2;} 
.bt_footer_link i	{position: absolute; right: 12px; top : 9px; z-index: 1;}
.footer_link_select:hover .bt_footer_link	{background-color: rgba(255,255,255,0.1); color: #FFF;}
.footer_link_select ul	{display: none; width: 180px;}
.footer_link_select:hover ul	{display: block;}
.footer_link_select li:last-child	{border-bottom: none !important;}
.footer_link_select .icon	{margin-right: 3px;}

.footer_box	{position: absolute; right: 0; bottom: 100%; border-radius: 10px; text-align: left;}
.footer_box li:last-child	{border-bottom: none;}
.footer_box li a	{display: inline-block; padding: 8px 15px; width: 100%; box-sizing: border-box;}

/* widget style */
.board_name .inner, .board_name2 .inner	{font-size: 12px; height: 24px; line-height: 24px; z-index: 1;}
.font_n .board_name .inner, .font_n .board_name2 .inner	{line-height: 25px;}
.darkmode .board_name .inner, .darkmode .board_name2 .inner	{line-height: 24px;}
.board_name .inner:hover,
.board_name .inner:hover a	{color: #FFF;}
.ink_module .board_name .inner	{width: 100%; }
.ink_module .d_table_cell	{padding: 3px 0;}
.ink_module .d_table .board_name	{padding: 4px 10px 4px 0;}

/* ink check */
.ink_check	{font-size: 13px; cursor: pointer;}
.ink_check>span	{line-height: 12px;}
.ink_radio>span	{line-height: 18px;}
.font_n .ink_check>span	{line-height: 14px;}
.font_n .ink_radio>span	{line-height: 20px;}

/* layout slider */
.ink_slide	{margin-bottom: 25px;}
.ink_slide .single_image,
.ink_slide .swiper-con	{border-radius: 20px;}
.ink_slide .w_page_nav	{display: inline-block; position: absolute; top: 50%; margin-top: -25px; width: 33px; height: 50px; text-align: center; cursor: pointer; transition-property: opacity, left, right; transition-duration: 0.2s; opacity: 0; z-index: 10;}
.ink_slide .w_page_nav img	{margin-top: 12px;}
.ink_slide .swiper-button-prev	{left: 10px;}
.ink_slide .swiper-button-next	{right: 10px;}
.ink_slide:hover .swiper-button-prev	{left: 0; opacity: 1;}
.ink_slide:hover .swiper-button-next	{right: 0; opacity: 1;}
.ink_slide .swiper-pagination	{bottom: 10px;}
.ink_slide .swiper-pagination-bullet	{width: 10px; height: 10px; border-radius: 5px;}
.ink_slide .swiper-pagination-bullet-active	{width: 20px;}

.ink_slide .dark_shade	{border-radius: 20px;}
.ink_slide .slide_content	{right: 0px; bottom: 25px;}
.ink_slide .swiper-slide-active .slide_content	{right: 25px;}

.ink_slide .slide_ctg	{margin-bottom: 5px; font-size: 12px;}
.ink_slide .slide_title	{font-size: 28px; font-family: 'IropkeBatangM', 'IropkeBatangOTFM'; letter-spacing: 0.15em;}
.ink_slide .slide_desc	{margin-top: 10px; line-height: 160%; font-size: 15px;}
.ink_slide .slide_button	{margin-top: 10px; padding: 0 25px; line-height: 40px; border-radius: 5px; font-size: 13px;}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper	{overflow: hidden !important; padding: 0 !important; position: relative;}
.scroll-wrapper > .scroll-content	{border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar	{height: 0; width: 0;}
.scroll-element	{display: none;}
.scroll-element, .scroll-element div	{box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible	{display: block;} 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow	{cursor: default;} 
 
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx	{height: 100%;}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div	{background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-macosx > .scroll-element div	{display: block; height: 100%; left: 0; top: 0; width: 100%;}
.scrollbar-macosx > .scroll-element .scroll-element_track	{display: none;}
.scrollbar-macosx > .scroll-element .scroll-bar	{display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar	{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
.scrollbar-macosx > .scroll-element.scroll-x	{bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%;}
.scrollbar-macosx > .scroll-element.scroll-y	{height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px;}
 
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 5px; min-width: 10px; top: -5px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -5px; min-height: 10px; width: 5px; }
 
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/* custom_select */
.sbHolder	{position: relative; display: inline-block; text-align: left; font-size: 13px;}
.sbSelector	{display: inline-block; position: relative; height: 32px; line-height: 32px; width: 100%; padding: 0 30px 0 10px; box-sizing: border-box; border-radius: 5px; background: url(../images/arrow_selectB.png) no-repeat right 10px top 14px; background-size: 7.5px auto; font-size: 11px; vertical-align: middle;}
.darkmode .sbSelector	{background-image: url(../images/arrow_selectW.png);}
.sbToggleOpen + .sbSelector	{background-position: right 10px top -13px; border-radius: 5px 5px 0 0;}
.sbOptions	{position: absolute; left: 0; top: 100% !important; min-width: 100%; padding: 15px 15px 8px; margin: 0; box-sizing: border-box; border-radius: 0 0 10px 10px; overflow: auto; z-index: 104; background-color: #FFF; box-shadow: 0 10px 15px rgba(0,0,0,0.1); font-size: 13px;}
.darkmode .sbOptions	{box-shadow: 0 10px 15px rgba(0,0,0,0.4);}
.sbOptions li	{margin-bottom: 7px; padding: 0; white-space: nowrap;}} /* @media (min-width: 1024px) end */

/* ================================================================ */
/* Step9 (2026-05-21): hearzen 톤 override — mobile-first + PC @media */
/* ink_layout 톤(.ink_header, .ib, .ii 등)을 hearzen 톤으로 재정의 */
/* _tokens.css 의 --x-* 변수와 .x_* 컴포넌트 톤 활용 */
/* ================================================================ */

/* hearzen 베이스 — 폰트/색상 (hearzen 처럼 흰 배경) */
body,
body.color_scheme_light,
body.color_scheme_dark {
	font-family: var(--x-font-base) !important;
	font-size: var(--x-font-md);
	line-height: var(--x-lh-normal);
	color: var(--x-c-text);
	background: #ffffff !important;
	-webkit-font-smoothing: antialiased;
}
html { background: #ffffff; }
.ink_wrap { background: #ffffff !important; }
#container.ink_container { background: #ffffff; }

/* hearzen 컨테이너 — mobile 풀폭, PC 1200px (@media 안에서) */
.ink_container {
	width: 100%;
	padding: 0 var(--x-space-4);
	box-sizing: border-box;
}

/* hearzen 헤더 — mobile sticky 56px (PC는 @media에서 80px) */
.ink_header {
	position: sticky;
	top: 0;
	background: var(--x-c-bg);
	box-shadow: var(--x-shadow-card);
	z-index: 90;
	height: auto;
	min-height: 56px;
}

/* hearzen 푸터 회색 박스 */
.ink_footer_wrap {
	background: var(--x-c-bg-soft);
	border-top: 1px solid var(--x-c-border);
	color: var(--x-c-text-muted);
	font-size: var(--x-font-sm);
	line-height: var(--x-lh-loose);
}
.ink_footer {
	color: inherit;
	padding: var(--x-space-6) var(--x-space-4);
}
.ink_footer .ink_copyright,
.ink_footer .footer_menu,
.ink_footer .footer_text { font-size: var(--x-font-sm); }
.ink_footer .footer_menu a {
	color: var(--x-c-text);
	text-decoration: none;
	padding: var(--x-space-1) var(--x-space-2);
}
.ink_footer .footer_text { color: var(--x-c-text); line-height: var(--x-lh-loose); }
.ink_footer .footer_text a[href^="tel:"] {
	font-weight: 700;
	font-size: var(--x-font-lg);
	color: var(--x-c-text);
	text-decoration: none;
}
.ink_footer .ink_copyright { color: #888; }
.ink_footer .footer_link a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px; height: 36px;
	border-radius: var(--x-radius-pill);
	background: var(--x-c-bg);
	border: 1px solid var(--x-c-border);
	color: var(--x-c-text-muted);
}

/* hearzen 버튼 (.ib, .ib2) — hearzen .x_btn 톤 */
.ib {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--x-touch-target);
	height: auto;
	line-height: 1.2;
	padding: 0 var(--x-space-5);
	font-size: var(--x-font-md);
	font-weight: 600;
	border: 1px solid var(--x-c-border);
	border-radius: var(--x-radius-md);
	background: var(--x-c-bg);
	color: var(--x-c-text);
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.ib::before { display: none; }
.ib:hover { background: var(--x-c-text); color: #fff; border-color: var(--x-c-text); }
.ib2 {
	height: 36px;
	line-height: 1.2;
	padding: 0 var(--x-space-3);
	font-size: var(--x-font-sm);
	border-radius: var(--x-radius-sm);
	border: 1px solid var(--x-c-border);
}

/* hearzen 입력 (.ii) — hearzen .x_input 톤 */
.ii {
	min-height: var(--x-touch-target);
	height: auto;
	line-height: 1.2;
	padding: 0 var(--x-space-3);
	font-size: var(--x-font-md);
	border: 1px solid var(--x-c-border-input);
	border-radius: var(--x-radius-sm);
	background: var(--x-c-bg);
	color: var(--x-c-text);
	box-sizing: border-box;
}
.ii:focus { background: var(--x-c-input-focus-bg); outline: none; }

/* hearzen 뱃지 (.num_box) — pill 라운드 */
.num_box {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 var(--x-space-2);
	border-radius: var(--x-radius-pill);
	background: var(--x-c-bg-soft);
	color: var(--x-c-text);
	font-size: 11px;
	font-weight: 700;
}
.num_box2 {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding: 0 7px;
	border-radius: var(--x-radius-pill);
	background: var(--x-c-bg-soft);
	color: var(--x-c-text);
	font-size: 10px;
}
.num_box.pt_bg,
.num_box2.pt_bg { background: var(--x-c-accent); color: #fff; }

/* ============================================================ */
/* PC viewport hearzen 톤 확장 (≥1024px) */
/* ============================================================ */
@media (min-width: 1024px) {

	/* PC 컨테이너 풀폭 (배경은 전체 너비, 내부 콘텐츠는 max-width로 가운데 정렬) */
	.ink_container {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
	}

	/* PC 헤더 wrap 풀폭 (흰 배경 + 그림자가 화면 끝까지). padding 0, 내부 자식들이 calc로 위치 조정 */
	.ink_header {
		min-height: 80px;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		background: var(--x-c-bg);
	}
	.ink_header .logo img { max-height: 44px; }

	/* PC GNB 풀폭 wrap, 내부 메뉴는 max-width 박스 (이미 #gnb2 에서 max-width 1200 적용됨) */

	/* PC 콘텐츠 영역 max-width 박스 (가운데 영역 제한, 양쪽 여백 자동) */
	.ink_content {
		padding-bottom: 0;
		min-height: 400px;
		width: 100%;
		max-width: 1240px;
		margin: 0 auto;
		padding-left: var(--x-space-6);
		padding-right: var(--x-space-6);
		box-sizing: border-box;
	}

	/* PC 배너 풀폭 (상단 띠는 화면 끝까지) */
	.ink_banner_top {
		max-width: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	/* PC 푸터 wrap 풀폭 (배경 화면 끝까지) */
	.ink_footer_wrap {
		padding: var(--x-space-8) 0;
		width: 100%;
		max-width: 100%;
	}
	/* PC 푸터 내부 콘텐츠는 max-width 박스 (가운데 정렬) */
	.ink_footer {
		max-width: 1240px;
		width: 100%;
		margin: 0 auto;
		padding: 0 var(--x-space-6);
		box-sizing: border-box;
	}

	/* PC GNB 가로 메뉴 (모바일 햄버거 안 세로 → PC 가로) */
	#gnb2, #gnb3 {
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 var(--x-space-4);
		box-shadow: none !important;
	}
	#gnb2 .mb_info_tab2 ul,
	#gnb3 .mb_info_tab2 ul {
		display: flex !important;
		justify-content: center;
		gap: 0;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#gnb2 .mb_info_tab2 li,
	#gnb3 .mb_info_tab2 li { display: inline-block !important; }
	#gnb2 .mb_info_tab2 a.menu_1depth,
	#gnb3 .mb_info_tab2 a.menu_1depth {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		height: 60px !important;
		min-height: 60px !important;
		padding: 0 14px !important;
		border-bottom: 2px solid transparent;
		font-size: var(--x-font-md);
		font-weight: 500;
		color: var(--x-c-text);
		text-decoration: none;
		transition: border-color 0.15s;
		white-space: nowrap;
		box-sizing: border-box;
	}
	#gnb2 .mb_info_tab2 a.menu_1depth:hover,
	#gnb3 .mb_info_tab2 a.menu_1depth:hover {
		color: var(--x-c-text-muted) !important;
		border-bottom-color: transparent !important;
	}
	#gnb2 .mb_info_tab2 li.active a.menu_1depth,
	#gnb3 .mb_info_tab2 li.active a.menu_1depth {
		border-bottom-color: transparent !important;
		font-weight: 700;
	}
	.mb_info_tab2 .gnb_space { display: none !important; }

	/* PC 모바일 전용 UI 숨김 */
	.bottom_menu,
	.bottom_menu2,
	.x_menubar,
	.x_menupanel,
	.x_menupanel_backdrop,
	nav.bottomNav { display: none !important; }

	/* PC 햄버거 버튼 숨김 */
	.bt_open_gn,
	.ink_header .bt_open_gn { display: none !important; }
}

/* ================================================================ */
/* Step9 hearzen 톤 override 끝 */
/* ================================================================ */

/* ================================================================ */
/* Step9 (2026-05-21) Phase A: 반응형 표시 유틸리티 클래스 */
/* HTML 본문의 cond="$_is_mobile" 분기를 CSS viewport 분기로 대체 */
/* ================================================================ */

/* mobile-first 베이스: 모바일에서 .x_only_pc 숨김, .x_only_mobile 표시 */
.x_only_pc { display: none !important; }
.x_only_mobile { display: block; }

/* 상담 이미지 모바일 크기 */
.x_consult_img { width: 108px; }

@media (min-width: 1024px) {
	.x_only_pc { display: block !important; }
	.x_only_mobile { display: none !important; }
	.x_consult_img { width: 168px; }

	/* 모바일 햄버거 사이드 패널 (<aside id="sidebar" class="ink_sidebar">) PC 강제 숨김 */
	aside#sidebar,
	#sidebar.ink_sidebar { display: none !important; }

	/* 모바일 헤더 검색 슬라이드 패널 — PC viewport에서도 토글 가능 (JS xToggleSearch가 display 토글) */
	/* display: none !important 제거 — 초기엔 JS 또는 인라인 style로 숨겨져 있고 검색 버튼 클릭 시 표시 */

	/* 푸터 정상화 — display:table + 잘못된 위치 강제 교정 */
	footer.ink_footer,
	.ink_footer {
		display: block !important;
		position: static !important;
		width: 100%;
		max-width: 1240px;
		margin: 0 auto;
		padding: var(--x-space-8) var(--x-space-4);
		box-sizing: border-box;
		clear: both;
	}

	/* 모바일 햄버거 버튼 PC 숨김 (.bt_menu.x_bt_hamburger) */
	.bt_menu.x_bt_hamburger,
	button.bt_menu.x_bt_hamburger,
	.x_bt_hamburger { display: none !important; }

	/* 모바일 fixed UI PC 숨김 */
	.bottom_menu,
	.bottom_menu2,
	.x_menubar,
	.x_menupanel,
	.x_menupanel_backdrop,
	nav.bottomNav,
	.bt_open_gn,
	.ink_header .bt_open_gn { display: none !important; }

	/* PC GNB(#gnb2 — 같은 메뉴 데이터가 모바일/PC 양쪽 viewport에서 다른 스타일로 렌더링) */
	#gnb2 {
		display: block !important;
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 var(--x-space-4);
		box-shadow: none !important;
	}
	#gnb2 .mb_info_tab2 ul {
		display: flex !important;
		justify-content: center;
		gap: 0;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#gnb2 .mb_info_tab2 li {
		display: inline-block !important;
	}
	#gnb2 .mb_info_tab2 a.menu_1depth {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		height: 60px !important;
		min-height: 60px !important;
		padding: 0 14px !important;
		border-bottom: 2px solid transparent;
		font-size: var(--x-font-md);
		font-weight: 500;
		color: var(--x-c-text);
		text-decoration: none;
		transition: border-color 0.15s;
		white-space: nowrap;
		box-sizing: border-box;
	}
	#gnb2 .mb_info_tab2 a.menu_1depth:hover {
		color: var(--x-c-text-muted) !important;
		border-bottom-color: transparent !important;
	}
	#gnb2 .mb_info_tab2 li.active a.menu_1depth {
		border-bottom-color: transparent !important;
		font-weight: 700;
	}
	#gnb2 .mb_info_tab2 .gnb_space { display: none !important; }
}

/* ================================================================ */
/* Step9 (2026-05-25): hearzen 스타일 상단 다크 띠 + PC 헤더 레이아웃 */
/* ================================================================ */

/* 상단 글로벌 다크 띠 (모바일/PC 공통) */
.x_top_promo_bar {
	width: 100%;
	background: #0a1234;
	color: #fff;
	text-align: center;
	font-size: var(--x-font-sm);
	padding: 10px var(--x-space-4);
	box-sizing: border-box;
	letter-spacing: 0.02em;
}
.x_top_promo_bar a {
	color: #fff;
	text-decoration: none;
}
.x_top_promo_bar a:hover { text-decoration: underline; }
.x_top_promo_bar strong { font-weight: 700; }

/* PC viewport — 헤더 좌측 로고 + 가로 GNB + 우측 아이콘 */
@media (min-width: 1024px) {
	/* 헤더 자체 풀폭 wrap, 내부 inline 콘텐츠는 max-width 박스 가운데 정렬 */
	.ink_header {
		display: block !important;
		text-align: left;
		position: relative;
	}
	/* Step35 (2026-05-26): 로고 — 우측으로 살짝 + top 살짝 내림 (장바구니와 vertical 정렬) */
	.ink_header .logo {
		float: left !important;
		position: static !important;
		left: auto !important;
		transform: none !important;
		padding-left: 24px !important;
		padding-top: 22px !important;
		display: block !important;
		height: 80px !important;
		line-height: 1 !important;
		box-sizing: border-box !important;
	}
	.ink_header .logo > div {
		display: inline-block;
		vertical-align: middle;
	}
	.ink_header .logo img {
		max-height: 44px;
		width: auto;
		vertical-align: middle;
	}

	/* 우측 검색/카트 PC 위치 — 헤더 우측 끝 (calc padding 안쪽) */
	.x_bt_search_btn,
	.x_bt_cart_link {
		top: 50% !important;
		transform: translateY(-50%) !important;
	}
	/* 검색 버튼 PC 위치 */
	.x_bt_search_btn { right: calc(max(16px, (100vw - 1240px) / 2) + 56px) !important; }
	/* 카트 PC 위치 */
	.x_bt_cart_link { right: max(16px, calc((100vw - 1240px) / 2)) !important; }
}

/* ================================================================ */
/* Step9 (2026-05-25): hearzen 푸터 검정 (사용자 요청) */
/* ================================================================ */
.ink_footer_wrap {
	background: #000000 !important;
	border-top: 0 !important;
	color: #b1b2b6 !important;
}
.ink_footer { color: #b1b2b6 !important; }
.ink_footer * { color: inherit; }
.ink_footer h1, .ink_footer h2, .ink_footer h3,
.ink_footer strong,
.ink_footer .footer_text a[href^="tel:"],
.ink_footer .ink_copyright strong { color: #ffffff !important; }
.ink_footer .footer_menu a,
.ink_footer .footer_text { color: #ffffff !important; }
.ink_footer .footer_link a {
	background: rgba(255,255,255,0.06) !important;
	border-color: rgba(255,255,255,0.15) !important;
	color: #b1b2b6 !important;
}
.ink_footer .ink_copyright { color: #7a7d85 !important; }

/* ================================================================ */
/* Step9 (2026-05-25): PC viewport 헤더 로고 좌측 정렬 강제 */
/* ================================================================ */
@media (min-width: 1024px) {
	.ink_header {
		display: block !important;
		text-align: left !important;
		position: sticky;
		height: 80px;
		min-height: 80px;
	}
	.ink_header .logo {
		display: inline-block !important;
		float: left !important;
		text-align: left !important;
		width: auto !important;
		height: 60px !important;
		line-height: 60px !important;
		position: relative !important;
		padding: 0 !important;
	}
	.ink_header .logo > div {
		display: inline-block !important;
		vertical-align: middle;
		height: auto;
	}
	.ink_header .logo img {
		zoom: 1 !important;
		max-height: 44px !important;
		height: auto !important;
		width: auto !important;
		vertical-align: middle;
	}
	.ink_header.no_box .logo,
	.ink_header.use_box .logo {
		padding: 0 !important;
		height: 60px !important;
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): PC viewport ink_layout 원본 잔재 강제 override */
/* ================================================================ */
@media (min-width: 1024px) {
	/* PC 컨테이너 풀폭 강제 (ink_layout :751 width:1200px override) */
	#container.ink_container,
	.ink_container {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* PC 로고 좌측 정렬 강제 (ink_layout :849 margin:0 250px override) */
	.ink_header .logo,
	.ink_header.no_box .logo,
	.ink_header.use_box .logo {
		margin: 0 !important;
		margin-left: max(16px, calc((100vw - 1240px) / 2)) !important;
		width: auto !important;
		text-align: left !important;
		display: inline-block !important;
		float: left !important;
		height: 60px !important;
		line-height: 60px !important;
		position: relative !important;
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): PC viewport 콘텐츠 영역 가운데 정렬 강제 */
/* (ink_layout 원본 :754 .ink_content { float: left; width: 900px; } override) */
/* ================================================================ */
@media (min-width: 1024px) {
	#content.ink_content,
	.ink_content {
		float: none !important;
		width: 100% !important;
		max-width: 1240px !important;
		margin: 0 auto !important;
		padding: 0 var(--x-space-6) var(--x-space-6) !important;
		box-sizing: border-box !important;
		clear: both;
	}
	/* 슬라이드는 콘텐츠 영역 안에 자연스럽게 (풀폭 트릭 제거) */
	.ink_slide {
		margin-top: 0 !important;
		max-width: 100%;
	}

	/* 상단 배너 (.global_notice / .x_top_notice) 풀폭이지만 내부 텍스트는 가운데 */
	.global_notice,
	header.bd_header2.x_top_notice {
		width: 100% !important;
		max-width: 100% !important;
	}
	.global_notice ul,
	header.bd_header2 ul {
		max-width: 1240px;
		margin: 0 auto !important;
		padding: 0 24px;
		box-sizing: border-box;
		text-align: center;
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): PC GNB 한 줄 강제 — li/ul 좌우 마진/패딩 최소화 */
/* ================================================================ */
@media (min-width: 1024px) {
	#gnb2 .mb_info_tab2 ul,
	#gnb3 .mb_info_tab2 ul {
		flex-wrap: nowrap !important;
		white-space: nowrap !important;
	}
	#gnb2 .mb_info_tab2 li,
	#gnb3 .mb_info_tab2 li {
		padding: 0 !important;
		margin: 0 !important;
	}
	/* ink_layout 원본 .normal_mode .ink_gnb2/.ink_gnb .menu_1depth padding override (PC) */
	.normal_mode .ink_gnb .menu_1depth,
	.normal_mode .ink_gnb2 .menu_1depth,
	.normal_mode .mb_info_tab2 .menu_1depth {
		padding: 0 14px !important;
		line-height: normal !important;
	}
}

/* ================================================================ */
/* Step41 (2026-05-28): footer 최상단 흰색 가로 메뉴 (footer_menu) */
.x_footer_menu {
	background: #ffffff;
	border-top: 1px solid #e5e7eb;
	border-bottom: 1px solid #e5e7eb;
}
.x_footer_menu_inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 16px 24px;
}
.x_footer_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	align-items: center;
	justify-content: flex-end;
}
.x_footer_menu li { margin: 0; }
.x_footer_menu li a {
	color: #1b1e26;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	transition: color 0.2s ease;
}
.x_footer_menu li a:hover {
	color: #1976d2;
	text-decoration: underline;
}
@media (max-width: 1023px) {
	.x_footer_menu_inner { padding: 12px 16px; }
	.x_footer_menu ul { gap: 16px; }
	.x_footer_menu li a { font-size: 13px; }
}

/* Step9 (2026-05-25): hearzen 스타일 회사 정보 푸터 */
/* ================================================================ */
.x_company_footer {
	background: #000000;
	color: #b1b2b6;
	padding: 60px 24px 40px;
	font-size: 14px;
	line-height: 1.7;
}
.x_company_inner {
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.x_company_main { flex: 1; }
.x_company_logo {
	max-height: 24px;
	margin-bottom: 24px;
	filter: brightness(0) invert(1);
}
.x_company_logo_text {
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 24px;
	letter-spacing: 0.02em;
}
.x_company_meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 0;
	margin: 0 0 24px;
	padding: 0;
}
.x_company_meta > div {
	display: inline-flex;
	gap: 8px;
	margin-right: 16px;
	padding-right: 16px;
	border-right: 1px solid rgba(255,255,255,0.15);
	font-size: 13px;
	line-height: 1.6;
}
.x_company_meta > div:last-child { border-right: 0; padding-right: 0; }
.x_company_meta dt {
	margin: 0;
	color: #ffffff;
	font-weight: 500;
}
.x_company_meta dd {
	margin: 0;
	color: #b1b2b6;
}
.x_company_meta a {
	color: #b1b2b6;
	text-decoration: none;
}
.x_company_meta a:hover { color: #ffffff; text-decoration: underline; }
.x_company_copyright {
	color: #7a7d85;
	font-size: 13px;
	margin: 16px 0 0;
}

.x_company_cs { color: #b1b2b6; }
.x_company_cs h4 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
}
.x_company_cs .x_cs_phone {
	display: block;
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	line-height: 1.3;
	margin-bottom: 4px;
}
.x_company_cs .x_cs_hours,
.x_company_cs .x_cs_lunch,
.x_company_cs .x_cs_note {
	margin: 4px 0 0;
	font-size: 13px;
	color: #b1b2b6;
}

/* PC viewport: 회사정보 좌측 + 고객센터 우측 2열 */
@media (min-width: 1024px) {
	.x_company_inner {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		gap: 60px;
	}
	.x_company_main { flex: 1 1 auto; max-width: 900px; }
	.x_company_cs { flex: 0 0 auto; text-align: left; min-width: 220px; }
}

/* 기존 ink_footer_wrap 표시 안 하면 회사정보 푸터가 메인 푸터가 됨.
   ink_footer가 비어있을 때 회사정보 푸터로 대체 */

/* ================================================================ */
/* Step9 (2026-05-25): PC viewport에서 "리뷰이벤트" 분홍 배너 숨김 (모바일 전용) */
/* ================================================================ */
@media (min-width: 1024px) {
	header.bd_header2.x_top_notice,
	.global_notice {
		display: none !important;
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): 헤더 검색 슬라이드 패널 — viewport 무관 (모바일 인라인 @media 격리 우회) */
/* ================================================================ */
.x_header_search {
	position: relative;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.x_header_search.open { max-height: 80px; }
.x_header_search_form {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
}
.x_header_search_icon {
	flex: 0 0 auto;
	color: #6b7280;
	font-size: 14px;
	margin-left: 4px;
}
.x_header_search_input {
	flex: 1 1 0;
	height: 40px;
	padding: 0 12px;
	background: #f3f4f6;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 14px;
	color: #1b1e26;
	outline: none;
	transition: border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.x_header_search_input:focus {
	background: #fff;
	border-color: rgba(27, 30, 38, 0.18);
}
.x_header_search_close {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	background: transparent;
	border: 0;
	color: #6b7280;
	cursor: pointer;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ================================================================ */
/* Step9 (2026-05-25): PC viewport 검색 form 1240px 박스 가운데 정렬 */
/* ================================================================ */
@media (min-width: 1024px) {
	.x_header_search_form {
		max-width: 1240px;
		width: 100%;
		margin: 0 auto;
		padding: 12px 24px;
		box-sizing: border-box;
	}
	/* .open 시 max-height 강제 (인라인 @media 격리 우회) */
	.x_header_search.open { max-height: 100px !important; }
}

/* ================================================================ */
/* Step9 (2026-05-25): 이미지 슬라이드 이미지 비율 유지 (1920:860 등) */
/* ================================================================ */
.ink_slide .single_image,
.ink_slide .swiper-slide {
	aspect-ratio: 1920 / 860;
	height: auto !important;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.ink_slide .swiper-con {
	height: auto !important;
}
@media (max-width: 1023px) {
	/* 모바일 슬라이드 세로형 비율 750:1308 */
	.ink_slide .single_image,
	.ink_slide .swiper-slide {
		aspect-ratio: 750 / 1308;
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): PC sticky GNB — 스크롤 시 따라붙음 + 로고 가운데 + 하단 border */
/* ================================================================ */
.x_gnb_logo { display: none; }

/* .x_gnb_logo는 기본 숨김 — 스크롤 시 body.x_scrolled 추가 시에만 표시 */
.x_gnb_logo { display: none !important; }

@media (min-width: 1024px) {
	#gnb2 {
		position: sticky !important;
		top: 0 !important;
		z-index: 90 !important;
		background: #ffffff !important;
		border-bottom: 0 !important;
		box-shadow: none !important;
		display: flex !important;
		align-items: center !important;
		gap: 16px;
		padding: 0 max(16px, calc((100vw - 1240px) / 2)) !important;
		max-width: none !important;
		min-height: 60px;
	}
	/* 스크롤 시 그림자 약간 (시각적 구분) */
	body.x_scrolled #gnb2 {
		box-shadow: 0 1px 8px rgba(0,0,0,0.04) !important;
	}
	/* 스크롤 시에만 GNB 로고 표시 (body.x_scrolled JS 토글) */
	body.x_scrolled #gnb2 .x_gnb_logo {
		display: inline-flex !important;
		align-items: center;
		flex: 0 0 auto;
		padding: 0;
		text-decoration: none;
		color: var(--x-c-text);
		font-size: 18px;
		font-weight: 700;
		white-space: nowrap;
	}
	body.x_scrolled #gnb2 .x_gnb_logo img {
		max-height: 24px;
		width: auto;
		vertical-align: middle;
	}
	/* nav: 메뉴 (스크롤 전엔 가운데, 스크롤 후엔 로고 옆 좌측) */
	#gnb2 .mb_info_tab2 {
		flex: 1 1 auto;
		min-width: 0;
	}
	#gnb2 .mb_info_tab2 ul {
		justify-content: center !important;
	}
	body.x_scrolled #gnb2 .mb_info_tab2 ul {
		justify-content: flex-start !important;
	}
	/* 메뉴 — 스크롤 전 기본 폰트(16px), 스크롤 후 작은 폰트(14px) */
	#gnb2 .mb_info_tab2 a.menu_1depth {
		padding: 0 14px !important;
		font-size: var(--x-font-md);
		height: 60px !important;
		min-height: 60px !important;
	}
	body.x_scrolled #gnb2 .mb_info_tab2 a.menu_1depth {
		padding: 0 10px !important;
		font-size: var(--x-font-sm);
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): 헤더 그림자 + 검색 패널 보더 제거 (GNB 주변 이중 라인 제거) */
/* ================================================================ */
.ink_header {
	box-shadow: none !important;
}
.x_header_search {
	border-bottom: 0 !important;
}

/* ================================================================ */
/* Step9 (2026-05-25): 모바일 viewport에서 PC sticky GNB 스타일 무력화 */
/* ================================================================ */
@media (max-width: 1023px) {
	#gnb2 {
		position: static !important;
		display: block !important;
		padding: 0 !important;
		min-height: 0 !important;
		gap: 0 !important;
		max-width: 100% !important;
		box-shadow: none !important;
	}
	#gnb2 .x_gnb_logo { display: none !important; }
	#gnb2 .mb_info_tab2 a.menu_1depth {
		height: auto !important;
		min-height: 0 !important;
		padding: var(--x-space-3) var(--x-space-4) !important;
		font-size: var(--x-font-md) !important;
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): 햄버거 펼침 패널 닫힘 상태 완전 가림 (이벤트/건강정보 노출 방지) */
/* ================================================================ */
@media (max-width: 1023px) {
	.x_menupanel:not(.open) {
		visibility: hidden !important;
		transform: translateY(-150%) !important;
		opacity: 0 !important;
	}
	.x_menupanel.open {
		visibility: visible !important;
		transform: translateY(0) !important;
		opacity: 1 !important;
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): 모바일 viewport 콘텐츠/메뉴 꽉 차게 (좌우 패딩 제거) */
/* ================================================================ */
@media (max-width: 1023px) {
	/* 헤더/푸터/GNB는 풀폭. 콘텐츠만 좌우 5px 패딩 */
	#content.ink_content,
	.ink_content {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.ink_container,
	#gnb2,
	.x_menubar {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* ================================================================ */
/* Step9 (2026-05-25): 모바일 슬라이드 풀폭 — .ink_content 5px 패딩 cancel */
/* ================================================================ */
@media (max-width: 1023px) {
	.ink_slide {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: -5px !important;
		margin-right: -5px !important;
	}
}