@charset "UTF-8";/* default */
/* .touchmode * { outline:0 !important } */ /* 20220415 터치모드 일때 포커스라인 히든 */
/* * { margin: 0; padding: 0; word-break: break-all; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
body { font-family: "Pretendard", Dotum, verdana, sans-serif; font-size: 12px; }
html { scroll-behavior: smooth; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, address, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, menu, section, article, aside, main, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
header, footer, section, article, aside, nav, main, details, menu, figure, figcaption, video { display: block; }
table { border-collapse: collapse; border-spacing: 0; word-wrap: break-word; word-break: break-all; }
table th,
table td { text-align: center; vertical-align: middle; font-weight: normal; font-family: "Pretendard"; }
ol, ul, li { list-style: none outside none; }
input[type="submit"] { display: inline-block; }
a { text-decoration: none; color: #333; }
a:hover,
a:visited { text-decoration: none; }
button { border: 0; background: none; cursor: pointer; padding: 0; font-family: "Pretendard"; }
button span { position: relative; font-family: "Pretendard"; }
select { font-family: "Pretendard"; }
select:focus { outline: 1px dotted #767676; }
strong { font-weight: normal; font-weight: 500; }
img { border: 0 none; max-width: 100%; }
form input, form select, form label, form img { vertical-align: middle; }
fieldset { border: 0 none; }
address { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
 iframe { margin: 0; padding: 0; }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }
input[type="text"],
input[type="password"] { font-family: "Pretendard"; color: #000; border: 1px solid #c8c8c8; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; }
input[type="search"], input[type="tel"], input[type="number"], input[type="password"] { border-radius: 0; font-family: "Pretendard"; color: #5d5d5d; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; }
 table caption { display: inline-block; width: 0; height: 0; overflow: hidden; line-height: 0; color: transparent; position: absolute; top: 0; left: -99999px; }
 textarea { font-family: "Pretendard"; color: #000; border: 1px solid #c8c8c8; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; }
input:focus + label { outline: 1px dashed #000; }
::-webkit-input-placeholder { color: #cccccc; font-family: "Pretendard"; }
::-moz-input-placeholder { color: #cccccc; font-family: "Pretendard"; }
:-ms-input-placeholder { color: #cccccc; font-family: "Pretendard"; }
::-ms-input-placeholder { color: #cccccc; font-family: "Pretendard"; }
::input-placeholder { color: #cccccc; font-family: "Pretendard"; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }
input:-webkit-autofill { -webkit-background-clip: text; }
 */
/* common */
.hidden { display: none !important; }
.pc_item { display: block !important; }
.pc_inline { display: inline !important; }
.pc_img { display: inline-block !important; }
.mb_img { display: none !important; }
.mb_item { display: none !important; }
.touchDis { touch-action: none; overflow: hidden; position: relative; }
.ellips { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; max-width: 99%; }
legend,
.hdtext { overflow: hidden; display: inline-block; position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; border: 0; font-size: 1px; line-height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }
.enable_text { display: block; width: auto; height: auto; overflow: visible; line-height: 1; color: #000; position: relative; top: 0; left: 0; }
.none { display: none !important; }
i { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; text-align: center; }
i img { vertical-align: middle; }
img.ico_img { max-width: 100%; }
.mb_br { display: none; }
.mb2_br { display: none; }
.pc_fitem { display: flex !important; }
.mb_fitem { display: none !important; }
input.form_input.htype2 { height: 42px; }
select.form_select.htype2 { height: 42px; }

@media (max-width: 1023px){
	.pc_inline { display: none !important; }
	.pc_item { display: none !important; }
	.pc_img { display: none !important; }
	.mb_img { display: inline-block !important; }
	.mb_item { display: block !important; }
	.mb_br { display: block; }
	.pc_fitem { display: none !important; }
	.mb_fitem { display: flex !important; }
 }
@media (max-width: 500px){
 	.mb2_br { display: block; }
}

/* mixin */ /* layout */
html:not(.touchmode) ::-webkit-scrollbar { width: 10px; }
html:not(.touchmode) ::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
html:not(.touchmode) ::-webkit-scrollbar-track { background-color: transparent; border-radius: 10px; box-shadow: inset 0px 0px 5px transparent; }
.dimbg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; background: rgba(0, 0, 0, 0.4); display: none !important; }
.page_wrap { min-width: 280px; /* display: flex;*/  flex-direction: column; min-height: 100vh; }
.header_wrap { position: relative; z-index: 50; background: #fff; }
.hgroup_inner { display: flex; max-width: 1200px; margin: 0 auto; position: relative; padding: 0 30px; }
.header_pc_group { border-bottom: 1px solid #b7b7b7; }
.header_mobile_group { display: none; }
.hgroup_main_row { padding: 18px 0; position: relative; }
.hgroup_main_row .hgroup_inner { justify-content: space-between; align-items: center; gap: 20px; }
.hgroup_toplogo { line-height: 0; }
.toplogo_link { display: inline-block; width: 160px; height: 60px; background: url("/asp/images/common/toplogo_x2.png") no-repeat 0 0/100% auto; }
.hgroup_search_cols { flex: 1; display: flex; justify-content: flex-end; align-items: center; font-size: 0; line-height: 0; }
.hgroup_search_field { width: 100%; flex: 1; background: #f6f6f6; border-radius: 100px; position: relative; overflow: hidden; display: flex; height: 50px; }
.search_field_long_cols { flex: 1; min-width: 0; }
input.search_field_input { background: none; border: 0; width: 100%; height: 50px; border-radius: 0; outline: 0; box-sizing: border-box; line-height: 1; font-size: 14px; padding: 0 0 0 24px; }
input.search_field_input::-webkit-input-placeholder { color: #999999; font-family: "Pretendard"; }
input.search_field_input::-moz-input-placeholder { color: #999999; font-family: "Pretendard"; }
input.search_field_input:-ms-input-placeholder { color: #999999 !important; font-family: "Pretendard"; }
input.search_field_input::-ms-input-placeholder { color: #999999 !important; font-family: "Pretendard"; }
input.search_field_input::input-placeholder { color: #999999; font-family: "Pretendard"; }
.search_field_short_cols { flex: 0 0 60px; }
.btn_search_field_item { display: block; width: 100%; height: 100%; background: url("/asp/images/icon/ico_topsearch.png") no-repeat 50% 50%/18px auto; }
.hgroup_gnb_row { position: relative; }
.hgroup_gnb_row .hgroup_inner { height: 70px; position: static; }
.hgroup_side.hg_side_left,
.hgroup_side.hg_side_right { display: flex; align-items: center; }
.hgroup_side_totalmenu { display: flex; align-items: center; height: 24px; }
.hgroup_side_totalmenu.active .totalmenu_line { width: 35px; height: 24px; background: none; }
.hgroup_side_totalmenu.active .totalmenu_line:before,
.hgroup_side_totalmenu.active .totalmenu_line:after { width: 24px; height: 2px; display: block; transform: rotate(45deg); position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -12px; }
.hgroup_side_totalmenu.active .totalmenu_line:after { transform: rotate(-45deg); }
.totalmenu_line { display: block; width: 35px; height: 2px; flex: 0 0 35px; margin-right: 14px; background: #000; height: 2px; position: relative; }
.totalmenu_line:before,
.totalmenu_line:after { position: absolute; left: 0; width: 100%; height: 2px; background: #000; display: block; content: ""; }
.totalmenu_line:before { top: -11px; }
.totalmenu_line:after { bottom: -11px; width: 85%; }
.side_totalmenu_text { font-size: 18px; color: #000000; line-height: 1; display: inline-block; white-space: nowrap; position: relative; top: -1px; }
.hgroup_util_list { display: flex; gap: 18px; align-items: flex-start; }
.hgroup_util_list > li {}
.hgroup_util { display: inline-block; }
.ico_hgutil { display: block; width: 25px; height: 25px; background: url("/asp/images/icon/ico_util.png") no-repeat 0 0/100% auto; margin: 0 auto; }
.ico_hgutil.ico_join { background-position: 0 -25px; }
.ico_hgutil.ico_reserve { background-position: 0 -50px; }
.ico_hgutil.ico_customer { background-position: 0 -75px; }
.ico_hgutil.ico_calendar { background-position: 0 -100px; }
.ico_hgutil.ico_company { background-position: 0 -125px; }
.hgroup_util_text { font-size: 13px; color: #5f5f5f; display: block; margin-top: 5px; }
.hgroup_nav_wrap { flex: 1; padding-left: 35px; }
.hgroup_nav_wrap,
.hgroup_nav_list { display: flex; height: 100%; }
.hgroup_nav_list { width: 100%; }
.hgroup_nav_list > li { padding: 0 15px; display: flex; text-align: center; justify-content: center; }
.hgroup_nav_menu { font-size: 18px; color: #1f1f1f; display: flex; font-weight: 500; line-height: 1; align-items: center; position: relative; justify-content: center; }
.hgroup_nav_menu .menu_icon { display: inline-block; }
.hgroup_nav_menu .menu_icon img { vertical-align: middle; }
.hgroup_nav_menu:after { display: block; content: ""; width: calc(100% + 20px); position: absolute; bottom: -1px; left: -10px; height: 2px; background: #000; opacity: 0; }
.hgroup_nav_menu:hover:after { opacity: 1; }
.hgroup_nav_text { display: inline-block; color: #1f1f1f; font-size: 18px; font-weight: 500; line-height: 1; white-space: nowrap; }
.hgroup_side_textmenu { display: inline-block; color: #1f1f1f; font-size: 18px; font-weight: 500; line-height: 1; white-space: nowrap; }
.hgroup_else_nav_list { display: flex; align-items: center; height: 100%; gap: 30px; }
.hgroup_else_nav_menu { display: inline-block; font-size: 18px; color: #1f1f1f; font-weight: 500; }
/* global menu */
.global_menu_layer { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; display: block; border-bottom: 1px solid #e3e3e3; z-index: 32; display: none; border-top: 1px solid #b7b7b7; }
.global_menu_layer.active { display: block; }
.global_menu_layer .gmenu_list > li { background: none; }
.global_menu_layer .gmenu_list { display: flex; flex-wrap: wrap; gap: 10px 0; max-width: 1200px; margin: 0 auto; }
.global_menu_layer .gmenu_list > li { flex: 0 0 20%; box-sizing: border-box; }
.global_menu_layer .gmenu_one_row { padding: 0 20px 10px; border-bottom: 1px solid #7b8797; }
.global_menu_layer .gmenu_one { font-size: 14px; color: #2d2d2d; display: inline-block; }
.global_menu_layer .gmenu_one:hover { color: #000; font-weight: 700; text-decoration: underline; }
.global_menu_layer .gmenu_two_row { padding: 10px 20px; }
.global_menu_layer .gmenu_two_list > li { margin-bottom: 12px; }
.gmenu_two_list > li:last-of-type { margin-bottom: 0; }
.global_menu_layer .gmenu_two { display: inline-block; color: #4e4e4e; line-height: 1.3; font-size: 13px; }
.global_menu_layer .gmenu_two:hover { color: #000; font-weight: 700; text-decoration: underline; }
.global_menu_inner { max-width: 1200px; margin: 0 auto; padding: 35px 20px 30px; }
.gmenu_item { border-bottom: 1px solid #ddd; }
.gmenu_item:last-of-type { border-bottom: 0; }
.gmenu_item.active .gmenu_toggle_ico:before { display: none; }
.gmenu_item.active .gmenu_toggle_cont_row { display: block; }
.gmenu_toggle_target_row { background: #fbfbfb; padding: 10px 0; }
.gmenu_toggle_cont_row { padding: 10px 30px; display: none; border-top: 1px solid #ddd; }
.gmenu_toggle { display: flex; max-width: 1200px; margin: 0 auto; font-size: 17px; font-weight: 500; align-items: center; padding: 0 30px; color: #2d2d2d; }
.gmenu_toggle_ico { width: 12px; height: 12px; flex: 0 0 12px; margin-right: 10px; position: relative; }
.gmenu_toggle_ico:before,
.gmenu_toggle_ico:after { display: block; content: ""; background: #2d2d2d; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; margin-top: -1px; }
.gmenu_toggle_ico:before { transform: rotate(90deg); }
.global_menu_long { flex: 1; min-width: 0; }
.global_menu_row { border-bottom: 1px solid #dcdcdc; padding: 35px 30px; }
.global_menu_row:last-of-type { border-bottom: 0; }
.gmenu_list { display: flex; }
.gmenu_list > li { flex: 0 0 300px; box-sizing: border-box; padding: 5px 10px 10px 10px; background: rgb(255, 255, 255); width: 300px; }
/* depth */
.gnb_twodepth_layer { position: absolute; top: calc(100% + 1px); left: 0; width: 100%; display: block; z-index: 30; display: none; }
.gnb_twodepth_layer.active { display: block; }
.gmenu_one_row { padding: 20px 30px 17px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.gmenu_one { font-size: 17px; color: #1b1b1b; display: inline-block; }
.gmenu_one:hover { font-weight: 700; text-decoration: underline; }
.gmenu_two_row { padding: 20px 30px 30px; }
.gmenu_two_list > li { margin-bottom: 12px; }
.gmenu_two_list > li:last-of-type { margin-bottom: 0; }
.gmenu_two { display: inline-block; color: #1b1b1b; line-height: 1.3; font-size: 15px; }
.gmenu_two:hover { color: #1b1b1b; font-weight: 700; text-decoration: underline; }
.gnb_two_cont { display: none; position: absolute; top: 0; left: 0; width: 1200px; opacity: 0; left: 50%; transform: translateX(-50%); }
.gnb_two_cont.ready { display: block; }
.gnb_two_cont .gmenu_list { flex-wrap: wrap; }
.gnb_two_cont.pos_center { left: 50% !important; transform: translateX(-50%); }
.gnb_two_cont.pos_center .gmenu_list { flex-wrap: wrap;  background: #fff; }
.gnb_two_cont.short { width: auto; left: 0; transform: translateX(0); }
.gnb_two_cont.active { display: block; opacity: 1; }
.gnb_two_cont .gmenu_one_row { padding-left: 20px; padding-right: 20px; }
.gnb_two_cont.pos_left:not(.pos_center) { left: 0 !important; transform: translateX(0) !important; }
.gnb_two_cont.pos_right:not(.pos_center) { left: auto !important; right: 0 !important; transform: translateX(0) !important; }
/* 인기검색 */
.header_search_wrap { flex: 1; display: flex; align-items: center; max-width: 525px; gap: 15px; }
.header_search_field { flex: 1; min-width: 330px; background: #f6f6f6; border-radius: 100px; display: flex; height: 46px; padding-right: 5px; }
/* input.input_search { flex: 1; background: none; border: 0; padding: 0 20px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1; font-size: 13px; } */
.input_search_submit { display: block; width: 46px; height: 46px; background: url("/asp/images/icon/ico_search.png") no-repeat 50% 50%/18px auto; flex: 0 0 46px; }
.header_rank_field { flex: 0; position: relative; }
/* .header_search_wrap:hover .rank_all_item_wrap { display:block; } */
/* .swiper-container.rank-container { height: 46px; }
.rank_slide_item { display: flex; white-space: nowrap; height: 46px; align-items: center; gap: 10px; }
.rank_keyword { font-size: 14px; color: #007dc6; line-height: 1; padding: 5px; border: 1px solid #007dc6; }
.rank_value { font-size: 15px; color: #2b2b2b; line-height: 1; }
.rank_all_item_wrap { position: absolute; top: 100%; left: 0; width: 194px; z-index: 5; box-sizing: border-box; border: 1px solid #8c8c8c; border-radius: 8px; background: #fff; display: none; }
.rank_all_item_list { padding: 7px 0; }
.rank_all_item { display: flex; padding: 8px 23px; color: #4e4e4e; font-size: 15px; gap: 10px; }
.rank_all_num { flex: 0 0 18px; font-size: 15px; font-weight: 500; color: #2b2b2b; white-space: nowrap; }
.rank_all_text { color: #4e4e4e; flex: 1; min-width: 0; }
.rank_all_item:hover { color: #007dc6; }
.rank_all_item:hover .rank_all_num,
.rank_all_item:hover .rank_all_text { color: #007dc6; }
 */
/* mobile */
.header_mobile_group { background: #fff; border-bottom: 1px solid #e7e7e7; z-index: 50; font-family: "Pretendard"; padding: 0 20px; }
.header_mobile_group.type2 { padding-left: 0; }
.header_mobile_group.type2 .mobile_toplogo { justify-content: center; }
.header_mobile_group.type2 .header_mobile_row { padding: 0 54px; display: block; position: relative; }
.header_mobile_group,
.mobile_total_layer { display: none; }
.mobile_total_layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: #e8e8e8; }
.mobile_total_layer.active { display: block; }
.mobile_total_inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; background: #fff; flex-direction: column; box-sizing: border-box; }
.mb_total_top_row { flex: 0 0 54px; background: #fff; position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e7e7e7; }
.mb_total_quick_menu_row { flex: 0; }
.mb_total_content_row { flex: 1; min-height: 0; overflow-y: auto; }
.mb_total_top_center { position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; }
.header_mobile_row { display: flex; align-items: center; justify-content: space-between; height: 60px; }
.header_mobile_row .pos_left.mobile_util_menu { position: absolute; top: 17px; left: 14px; }
.header_mobile_row .pos_left.mobile_util_menu:after { display: block; content: ""; opacity: 0.4; position: absolute; top: 50%; left: 50%; width: 54px; height: 54px; transform: translate(-50%, -50%); }
.header_mobile_row .pos_right.mobile_util_menu { position: absolute; top: 0; right: 0; width: 54px; height: 54px; }
.mobile_toplogo { display: flex; align-items: center; justify-content: flex-start; height: 100%; /* position:absolute; top:0; left:50%; transform: translateX(-50%); */}
.mobile_toplogo_link { display: inline-block; line-height: 0; }
.mobile_toplogo_link img { height: 40px; }
.mobile_topelse_wrap { line-height: 0; padding-right: 15px; }
.mobile_topelse_wrap.pos_right { position: absolute; top: 0; right: 0; height: 100%; display: flex; align-items: center; }
.mobile_util_list { display: flex; align-items: center; gap: 10px; font-size: 0; line-height: 0; height: 100%; }
.mobile_util_menu { display: inline-block; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; }
.mobile_util_menu.ico_search { width: 22.5px; height: 22.5px; background-image: url("/asp/images/icon/ico_topsearch_mb.png"); }
.mobile_util_menu.ico_men { width: 16.5px; height: 22px; background-image: url("/asp/images/icon/ico_mb_men.png"); background-position: 50% 50%; background-size: 16.5px 22px; }
.mobile_util_menu.ico_total { width: 25px; height: 19px; display: flex; position: relative; align-items: center; background: url("/asp/images/icon/ico_total_menu.png") no-repeat 0 0/100% auto; }
.mobile_util_menu.ico_search.wtype2 { background-image: url("/asp/images/icon/ico_topsearch_mb_wtype2.png"); }
.mobile_util_menu.ico_total.wtype2 .ico_mb_total_line,
.mobile_util_menu.ico_total.wtype2 .ico_mb_total_line:before,
.mobile_util_menu.ico_total.wtype2 .ico_mb_total_line:after { background-color: #fff; }
/* .ico_mb_total_line { display:block; height:2px; background:#000; width:100%; }
.ico_mb_total_line:before,
.ico_mb_total_line:after { display:block; content:''; width:100%; height:2px; background:#000; position:absolute; top:0; left:0; }
.ico_mb_total_line:after { top:auto; bottom:0; width:calc(100% - 3px); } */
.btn_mb_util { display: block; height: 25px; }
.btn_mb_util.ico_total { display: flex; align-items: flex-end; width: 25px; position: relative; flex-direction: column; justify-content: space-between; height: 20px; }
.btn_mb_util.ico_total:before,
.btn_mb_util.ico_total:after { display: block; content: ""; width: 100%; height: 2px; background: #000000; }
.btn_mb_util.ico_total:after { width: 90%; }
.mb_total_line { height: 2px; background: #000000; width: 100%; }
.mbmenu_toplogo { display: inline-block; margin-left: 20px; }
.mbmenu_toplogo img { vertical-align: top; height: 28px; }
.mb_total_midscroll_row { flex: 1; min-height: 0; overflow-y: auto; }
.mb_total_util_who { display: flex; align-items: center; }
.mb_total_util_who:before { display: block; content: ""; margin-right: 3px; width: 14px; height: 19px; background: url("/asp/images/icon/ico_menu_mb_men.png") no-repeat 0 0/100% auto; }
.total_who_wrap { color: #fff; display: flex; align-items: center; margin-left: 5px; }
.total_who_text { display: inline-block; line-height: 1; font-size: 16px; font-weight: 500; }
.total_who_unit { display: inline-block; line-height: 1; position: relative; top: 2px; }
.mb_total_current_count { display: inline-block; line-height: 1; font-size: 15px; color: #fff; position: relative; }
.btn_mb_total_util { display: inline-block; line-height: 1; font-size: 15px; color: #fff; position: relative; }
.mb_total_emp { font-size: 18px; font-weight: 500; margin-left: 3px; }
.btn_mb_total_close { display: block; width: 54px; height: 54px; position: relative; }
.btn_mb_total_close:before,
.btn_mb_total_close:after { display: block; content: ""; width: 2px; height: 20px; background: #646464; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -1px; }
.btn_mb_total_close:before { transform: rotate(45deg); }
.btn_mb_total_close:after { transform: rotate(-45deg); }
.mb_current_render_box { background: #007dc6; padding: 15px 20px; border-radius: 10px; margin: 7.5px; }
.mb_current_render_box:first-of-type { margin-bottom: 0; margin-top: 0; }
.mb_current_render_box:nth-of-type(3) { margin-bottom: 0; margin-top: 0; }
.mb_current_render_row { display: flex; justify-content: space-between; align-items: center; }
.mb_current_count_row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; border-top: 1px solid rgba(255, 255, 255, 0.5); padding-top: 12px; margin-top: 12px; }
.mb_current_count_item { display: inline-block; font-size: 14px; font-weight: 400; color: #fff; }
.mb_current_count_key { font-size: 15px; }
.mb_current_count_value { font-size: 15px; }
.mb_current_count_value strong { font-size: 16px; }
.mb_total_quick_menu_row .swiper-pagination { position: static; padding-bottom: 10px; }
.mb_total_quick_menu_row .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 10px; height: 10px; margin: 0 2px !important; border-radius: 100%; background: #e1e1e1; }
.mb_total_quick_menu_row .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #000000; }
.mb_total_quick_menu_row { border-bottom: 1px solid #cacaca; }
.mb_total_quick_list { display: flex; text-align: center; padding: 5px 0 0; text-align: center; }
.mb_total_quick_menu_list > li { flex: 1; }
.mb_total_quick_menu { display: block; text-align: center; padding: 15px 0; }
.mb_total_quick_menu_text { font-weight: 500; font-size: 13px; color: #333333; margin-top: 3px; }
.ico_mb_total_quick { max-width: 27px; margin: 0 auto; display: block; }
.ico_mb_total_quick img { vertical-align: top; }
.tm_menu_list > li { border-bottom: 1px solid #e2e2e2; }
.tm_menu_list > li:last-of-type .tm_menu_item { border-bottom: 0; }
.tm_menu_one_row { border-bottom: 1px solid #6b6b6b; }
.tm_menu_one { padding: 12px 45px 12px 20px; display: block; position: relative; }
.tm_menu_one:after { display: block; content: ""; width: 6px; height: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; position: absolute; top: 50%; right: 20px; transform: rotate(-45deg); margin-top: -4px; }
.tm_menu_text { font-size: 15px; color: #111111; font-weight: 500; display: inline-block; }
.tm_menu_two_row .tm_menu_two_list > li:last-of-type { border-bottom: 0; }
.tm_menu_two_list > li { border-bottom: 1px solid #e2e2e2; }
.tmenu_two_row { background: #fafafa; border-top: 1px solid #e2e2e2; display: none; }
.tmenu_two_list { display: flex; flex-wrap: wrap; padding: 7px 10px 7px 35px; }
.tmenu_two_list > li { flex: 0 0 50%; }
.tmenu_two { display: block; color: #4e4e4e; font-size: 12px; padding: 5px 0; }
.tmenu_one { display: block; position: relative; }
.btn_tmenu_one { display: block; width: 6px; height: 6px; border-right: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; position: absolute; top: 50%; right: 20px; transform: rotate(-45deg); margin-top: -4px; }
.tmenu_one_text { display: block; font-size: 14px; padding: 12px 45px 12px 20px; }
.tmenu_one_text:before { display: inline-block; content: "+"; margin-right: 3px; width: 8px; }
.tmenu_toggle_item.active .tmenu_one_text:before { content: "-"; }
.tmenu_toggle_item.active .tmenu_two_row { display: block; }
/* middle */
.middle_wrap { flex: 1; width: 100%; box-sizing: border-box; }
.middle_wrap.detail_wrap { max-width: 1260px; margin: 0 auto; padding: 60px 30px 120px; }
.middle_wrap.has_svtype { padding: 0 0 120px; }
/* footer */
.footer_wrap { position: relative; flex: 0; }
.btn_pagetop_wrap { width: 1200px; margin: 0 auto; height: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.btn_pagetop { position: fixed; right: 20px; bottom: 10px; z-index: 99; width: 60px; height: 60px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; transform: translateY(-50%); background-color: #fff; background-image: url(/asp/images/icon/btn_topgo.png); border: 1px solid #cacaca; border-radius: 100%;}
.footer_inform_row { border-top: 1px solid #e5e5e5; padding: 15px; min-height: 44px; }
.footer_inform_row .inner_container { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.inner_container { max-width: 1200px; margin: 0 auto; padding: 0 30px; }
.footer_linkage_field { display: flex; align-items: center; max-width: 540px; }
.footer_linkage_field .title_cols { margin-right: 13px; white-space: nowrap; }
.footer_linkage_field .linkage_title { font-size: 19px; font-weight: 500; line-height: 1; color: #333333; }
.footer_linkage_field .contents_cols { flex: 1; min-width: 0; }
.footer_linkage_field .btn_cols { margin-left: 45px; white-space: nowrap; padding-top: 2px; }
.footer_notice_container .swiper-wrapper { height: 44px; }
.footer_notice_container .swiper-slide { height: 44px; display: flex; align-items: center; justify-content: flex-start; }
.footer_notice_container .linkage_chip { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; top: 1px; width: 100%; }
.footer_notice_container .chip_main,
.footer_notice_container .chip_else { font-size: 14px; font-weight: 400; line-height: 1.3; color: #6d6c6c; }
.footer_notice_container .chip_main { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; flex: 1; }
.footer_notice_container .chip_else { white-space: nowrap; }
.btn_chip_more { display: inline-block; padding-right: 12px; position: relative; }
.btn_chip_more:after { display: block; content: ""; width: 5px; height: 5px; border-right: 1px solid #5f5f5f; border-bottom: 1px solid #5f5f5f; transform: rotate(-45deg); position: absolute; top: 5px; right: 0; }
.btn_chip_more .text_node { display: inline-block; font-size: 14px; font-weight: 400; line-height: 1; color: #6d6c6c; }
.footer_sns_list { display: flex; align-items: center; gap: 10px; font-size: 0; line-height: 0; justify-content: flex-end; }
.footer_sns_thing { display: inline-block; width: 44px; height: 44px; }
.footer_sns_thing img { vertical-align: middle; }
.footer_main_row { border-top: 1px solid #e5e5e5; padding: 30px 0; }
.footer_main_row .inner_container { display: flex; gap: 65px; }
.info_01_cols { background: #fbfbfb; border-radius: 10px; padding: 25px 35px; box-sizing: border-box; flex: 0 0 440px; }
.foot_info_title_main { font-size: 18px; font-weight: 400; line-height: 1.3; color: #333333; }
.foot_info_title_copy { font-size: 13px; font-weight: 350; line-height: 1.4; color: #5f5f5f; margin-top: 10px; }
.foot_info_slice_list { font-size: 15px; font-weight: 400; line-height: 1.3; color: #4e4e4e; margin-top: 18px; }
.foot_info_slice_list > li { margin-bottom: 6px; }
.foot_info_slice_list > li:last-of-type { margin-bottom: 0; }
.foot_info_sitem { display: flex; gap: 11px; align-items: center; }
.foot_info_sitem .text_node { font-size: 15px; font-weight: 400; line-height: 1.3; color: #4e4e4e; }
.foot_info_sitem .ico { flex: 0 0 22px; width: 22px; height: 22px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; margin-top: -1px; }
.foot_info_sitem .ico.kakao { background-image: url("/asp/images/icon/ico_footer_kakao.png"); }
.btn_tin_list { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.btn_tin { display: inline-flex; gap: 5px; border: 1px solid #dedede; border-radius: 10px; background: #fff; padding: 6px 12px; min-height: 32px; align-items: center; box-sizing: border-box; }
.btn_tin .ico { background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; width: 17px; height: 17px; flex: 0 0 17px; }
.btn_tin .ico.call { background-image: url("/asp/images/icon/ico_call_17.png"); }
.btn_tin .text_node { font-size: 14px; font-weight: 400; line-height: 1; color: #4e4e4e; }
.foot_vertical_menu_wrap { white-space: nowrap; }
.footer_vmenu_title { font-size: 17px; font-weight: 500; line-height: 1; color: #4e4e4e; margin-bottom: 30px; }
.footer_vmenu_list > li { margin-bottom: 12px; }
.footer_vmenu_list > li:last-of-type { margin-bottom: 0; }
.vmenu_obj { font-size: 13px; font-weight: 400; line-height: 1; color: #4e4e4e; }
.foot_main_menu_wrap { margin-bottom: 30px; }
.foot_main_menu_list { display: flex; gap: 10px 30px; flex-wrap: wrap; }
.foot_main_menu_list > li { position: relative; }
.foot_main_menu_list > li:after { display: block; content: ""; width: 1px; height: 12px; background: #cfcfcf; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); }
.foot_main_menu_list > li:last-of-type:after,
.foot_main_menu_list > li.last:after { display: none; }
.foot_main_menu_list > li.mb_menu { display: none; }
.foot_main_menu { font-size: 15px; font-weight: 400; line-height: 1; color: #4e4e4e; display: inline-block; }
.footer_copy_slice_list { display: flex; gap: 10px; flex-wrap: wrap; }
.footer_copy_slice_list > li.pcitem { display: block; }
.foot_copy_slice { font-size: 13px; font-weight: 400; line-height: 1.3; color: #6d6c6c; }
.foot_main_copyright { font-size: 12px; font-weight: 300; line-height: 1.3; color: #6d6c6c; margin-top: 18px; }
.foot_copy_toggle_row { display: none; }

@media (max-width: 1400px){
	.btn_pagetop_wrap {/*  width: 100%; left: 0; transform: translateX(0); */ }
	.btn_pagetop { right: 30px; top: -60px; }
	.footer_main_row .inner_container { gap: 40px; }
	.info_01_cols { flex-basis: 350px; }
	.hgroup_util_list { gap: 15px; }
	.hgroup_else_nav_list { gap: 20px; }
	.hgroup_nav_wrap { padding-left: 20px; }
 }
@media (max-width: 1023px){
	.header_wrap { position: -webkit-sticky; position: sticky; top: 0; left: 0; width: 100%; }
	.header_pc_group { display: none; }
	.header_mobile_group { display: block; }
	.inner_container { padding: 0; }
	.footer_inform_row { padding: 0; }
	.footer_inform_row .inner_container { display: block; /* .footer_sns_list { display:none; } */}
	/* .inform_cols.has_sns { display:none; } */
	.footer_linkage_field { max-width: 100%; min-height: 30px; padding: 10px 20px; border-bottom: 1px solid #e5e5e5; }
	.footer_linkage_field .linkage_title { font-size: 14px; }
	.footer_linkage_field .btn_cols { margin-left: 20px; }
	.btn_chip_more:after { top: 6px; }
	.btn_chip_more .text_node { font-size: 12px; line-height: 1; }
	.footer_sns_thing { width: 28px; height: 28px; }
	.footer_sns_list { gap: 10px; padding: 10px 20px; }
	.footer_main_row { padding: 20px 0 0 0; }
	.footer_main_row .inner_container { flex-direction: column-reverse; gap: 20px; }
	.footer_main_row .inner_container .info_01_cols,
	.footer_main_row .inner_container .info_02_cols,
	.footer_main_row .inner_container .main_cols { flex: 0; }
	.footer_main_row .inner_container .info_02_cols { display: none; }
	.footer_main_row .inner_container .main_cols { padding: 0 20px; }
	.footer_main_row .inner_container .info_01_cols { padding: 20px; }
	.foot_info_title_main { font-size: 13px; }
	.foot_info_slice_list,
	.foot_info_title_copy { font-size: 12px; }
	.foot_info_slice_list { margin-top: 10px; }
	.footer_notice_container .swiper-wrapper { height: 30px; }
	.footer_notice_container .swiper-slide { height: 30px; }
	.footer_notice_container .chip_main,
	.footer_notice_container .chip_else { font-size: 12px; }
	.foot_main_menu_list { gap: 5px 15px; }
	.foot_main_menu_list > li.mb_menu { display: block; }
	.foot_main_menu_list > li:after { right: -9px; height: 10px; }
	.foot_main_menu_list.mb_menu { display: flex; }
	.foot_main_menu { font-size: 12px; }
	.foot_main_menu_wrap { margin-bottom: 15px; }
	.footer_copy_slice_list { gap: 5px; }
	.footer_copy_slice_list > li.pcitem { display: none; }
	.footer_copy_slice_list > li.mb_full { flex: 0 0 100%; }
	.foot_copy_slice { font-size: 12px; }
	.btn_pagetop { width: 25px; height: 25px;top: auto; right: 10px; transform: translateY(0); }
	.foot_main_copyright { margin-top: 10px; font-size: 11px; }
	.foot_info_sitem { gap: 5px; }
	.foot_info_sitem .text_node { font-size: 12px; }
	.foot_info_sitem .ico { flex: 0 0 16px; width: 16px; height: 16px; }
	.foot_copy_toggle_row { display: block; margin-bottom: 10px; }
	.foot_copy_toggle { display: inline-block; position: relative; padding-right: 20px; }
	.foot_copy_toggle:after { display: block; position: absolute; top: 2px; right: 2px; content: ""; width: 8px; height: 8px; border-right: 1px solid #6c6c6c; border-bottom: 1px solid #6c6c6c; transform: rotate(45deg); }
	.foot_copy_toggle .text_node { font-size: 13px; font-weight: 400; line-height: 1; color: #6d6c6c; }
	.foot_copy_toggle.active:after { transform: rotate(225deg); top: 7px; }
	.foot_copy_toggle_contents { display: none; }
	.foot_copy_toggle_contents.active { display: block; }
}

/* sub layout */
.single_page { padding: 65px 30px 130px; max-width: 1200px; margin: 0 auto; }
.breadcrumb_row_wrap{padding: 30px 20px 0; }
.breadcrumb_row_wrap.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.breadcrumb_row_wrap.fixed .single_breadcrumb_row{border-bottom: 0px !important;}

.single_breadcrumb_row { max-width: 1200px; margin: 0px auto; border-bottom: 1px solid #6d6c6c; }
.single_title_row { text-align: center; margin-bottom: 30px; }
.single_title_row.gap_type2 { margin-bottom: 35px; }
.single_title { font-size: 32px; font-weight: 500; line-height: 1.3; color: #2b2b2b; }
.single_title_copy { font-size: 15px; font-weight: 300; line-height: 1.3; color: #6d6c6c; margin-top: 5px; }
.single_contents.type2 { border-top: 1px solid #313131; padding-top: 30px; }
.single_message_row { margin-bottom: 35px; text-align: center; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.single_message_row .ico { width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-color: #006de1; border-radius: 100%; flex: 0 0 30px; }
.single_message_row .ico.docu{background-image: url("/asp/images/icon/ico_top_docu_45.png");}
.single_message_row .ico.cancel{background-image: url("/asp/images/icon/ico_top_cancel_45.png");}
.single_message_row .ico.wait{background-image: url("/asp/images/icon/ico_top_wait_45.png");}
.single_message_row .ico.check{background-image: url("/asp/images/icon/ico_finish_check_45.png");}
.single_message_row .ico.type01{background-color: #006de1;}
.single_message_row .ico.type02{ background-color: #999999;}
.single_message_row .ico.type03{background-color: #34b371;}
.single_message_row .ico.type04{background-color: #f74e4e; }
.single_message_row .ico.ico_mb { display: none; }
.single_message_row .ico_row { flex: 0 0 30px; position: relative; top: 1px; }
.single_main_message { font-size: 24px; font-weight: 500; line-height: 1.3; color: #2b2b2b; }
.single_sub_message { font-size: 16px; font-weight: 350; line-height: 1.3; color: #4e4e4e; margin-top: 6px; letter-spacing: -0.5px; word-break: keep-all; flex: 0 0 100%; }
.single_sub_message .red_emp { color: #f84242; }
.foot_main_menu2_wrap { display: none; align-items: flex-start; gap: 15px; margin-top: 15px; }
.foot_main_menu2_key { font-size: 13px; font-weight: 500; line-height: 1; color: #000; white-space: nowrap; position: relative; top: 2px; }

@media (max-width: 1023px){
	.breadcrumb_row_wrap.fixed {top: 60px;}
	.single_breadcrumb_row { margin-bottom: 20px; }
	.single_contents.type2 { padding-top: 20px; }
	.single_page { padding: 35px 20px 70px; }
	.single_title { font-size: 20px; }
	.single_title_copy { font-size: 13px; }
	.single_message_row { margin-bottom: 25px; }
	.single_message_row .ico.ico_mb { display: inline-block; margin: 0; position: relative; top: -1px; }
	.single_message_row .ico_row { display: none; }
	.single_main_mes_container { display: flex; justify-content: center; gap: 10px; }
	.single_title_row { margin-bottom: 25px; }
	.single_title_row.gap_type2 { margin-bottom: 15px; }
	.single_main_message { font-size: 20px; }
	.single_sub_message { font-size: 14px; margin-top: 8px; }
	.foot_main_menu2_wrap { display: flex; }
 }

/* 전체메뉴 교체 */
.both_total_container { display: flex; min-height: 100%; }
.both_total_container .one_cols { flex: 0 0 40%; background: #fafafa; position: relative; }
.both_total_container .two_cols { flex: 1; border-left: 1px solid #6b6b6b; }
.bo_menu_list > li { border-bottom: 1px solid #e2e2e2; position: relative; }
.bo_menu_list > li.active { border-bottom: 1px solid #6b6b6b; }
.bo_menu_list > li.active:after { display: block; content: ""; width: 100%; height: 1px; background: #6b6b6b; position: absolute; top: -1px; left: 0; }
.bo_menu_list > li.active .bo_menu { background: #fff; }
.bo_menu_list > li.active .bo_menu:after { display: block; content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: #fff; }
.bo_menu { display: flex; min-height: 40px; padding: 10px 20px; align-items: center; position: relative; }
.bo_menu .text_node { font-size: 15px; font-weight: 500; line-height: 1.3; color: #111111; display: inline-block; }
.bt_menu_cont { display: none; }
.bt_menu_cont.active { display: block; }
.bt_menu_list > li { border-bottom: 1px solid #e2e2e2; }
.bt_menu_list > li.has_depth .bt_menu:after { transform: rotate(-225deg); }
.bt_menu_list > li.has_depth.active .bt_menu:after { transform: rotate(-45deg); top: 27px; }
.bt_menu_list > li.has_depth.active .bt_depth_wrap { display: block; }
.bt_menu { display: flex; min-height: 40px; padding: 10px 50px 10px 20px; align-items: center; position: relative; }
.bt_menu .text_node { font-size: 15px; font-weight: 500; line-height: 1.3; color: #111111; display: inline-block; }
.bt_menu:after { display: block; content: ""; width: 8px; height: 8px; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); position: absolute; top: 24px; right: 22px; }
.bt_depth_wrap { display: none; border-top: 1px solid #e2e2e2; }
.btn_depth_list { padding: 10px 0; }
.btn_depth_menu { display: flex; padding: 8px 32px; align-items: center; position: relative; }
.btn_depth_menu .text_node { font-size: 14px; font-weight: 500; line-height: 1.3; color: #777; display: inline-block; }

/* popup */
.btn_guide_box { border: 1px solid #ddd; padding: 20px; color: #000; display: inline-block; font-size: 16px; }
/* 공통 popup */
.popup_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; display: none; align-items: center; justify-content: center; min-width: 280px; overflow: hidden; flex-wrap: wrap; }
.popup_wrap.active { display: flex; }
.popup_wrap.active.motion_end .popup_item { opacity: 1; transform: translateY(0); }
.popup_wrap.active.motion_end .bg_dim { opacity: 0.6; }
.popup_item { box-sizing: border-box; z-index: 20; max-width: 680px; margin: 30px auto; max-height: calc(100% - 60px); background: #fff; overflow: hidden; border-radius: 8px; border: 1px solid #bbbbbb; position: relative; display: flex; flex-direction: column; box-shadow: 2px 2px 14px 2px rgba(64, 64, 64, 0.3); width: 100%; opacity: 0; transition: 0.4s; transform: translateY(-20%); }
.popup_item.no_transition { transition: 0s; opacity: 1; transform: none; }
.popup_item.size2 { max-width: 472px; }
.popup_item.size3 { max-width: 600px; }
.popup_item.size4 { max-width: 650px; }
.popup_item.xsmall { max-width: 300px; }
.popup_item.medium { max-width: 1060px; }
.popup_item.xmedium { max-width: 900px; }
.popup_item.medium_large { max-width: 600px; }
.bg_dim { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; background: #000; opacity: 0; transition: 0.5s; }
.bg_dim.no_transition { transition: 0s; opacity: 0.6; transform: none; }
.popup_title_row { flex: 0; word-break: keep-all; text-align: center; border-bottom: 1px solid #c1c1c1; padding: 20px 30px; text-align: center; }
.popup_title_row.define_text { text-align: left; }
.popup_title_row + .popup_contents_row { padding-top: 0; }
.popup_title { font-size: 32px; color: #333333; font-weight: 700; letter-spacing: -0.05em; line-height: 1.3; font-weight: 600; }
.popup_contents_row { position: relative; overflow: hidden; overflow-y: auto; overflow-y: overlay; flex: 1; font-size: 16px; color: #333333; padding: 20px 30px 20px; }
.popup_contents_row.scroll_mode { padding-right: 35px; }
.popup_contents_row .section_brick_group { padding-top: 25px; }
.popup_contents_row .field_list_tr { gap: 15px 20px; margin-right: -20px; }
.popup_contents_row .field_list_tr > li { flex-basis: calc(50% - 20px); }
.popup_contents_row .ui-widget-content { position: absolute !important; }
.popup_contents_row.nopadding { padding: 0; }
.popup_contents_row.nopadding .popup_contents_inner { padding: 0; }
.popup_contents_inner { padding: 20px 0 0 0; }
.popup_contents_inner.ptype2 { padding: 15px 0 0 0; }
.popup_primary_title { font-size: 21px; color: #1b1b1b; font-weight: 500; }
.popup_title_copy { font-size: 13px; color: #999999; }
.pc_tape_row { padding: 30px 20px; border-bottom: 1px solid #e7e7e7; }
.pc_tape_row:last-of-type { border-bottom: 0; }
.touchmode .popup_contents_row.scroll_mode { padding-right: 70px; }
.popup_btn_row { flex: 0; padding: 15px 30px 15px; border-top: 1px solid #e7e7e7; display: flex; justify-content: center; position: relative; box-sizing: border-box; gap: 5px; }
.touchmode .popup_btn_row:after { width: 100%; }
.btn_submitbox_w { display: flex; margin: 0; padding: 25px; justify-content: center; }
.btn_submitbox_w .btn_submitbox { margin: 0 2.5px; }
.btn_submitbox {/*  display: inline-block; word-break: keep-all; vertical-align: middle; box-sizing: border-box; border: 0; font-size: 17px; font-weight: 500; text-align: center; min-width: 400px; color: #fff; background: #3f4858; border-radius: 100px; padding: 15px 20px;  */}
.btn_submitbox.inline_type { flex: 0; min-width: inherit; white-space: nowrap; border-radius: 4px; }
.btn_submitbox.small { font-size: 14px; line-height: 1; padding: 12px; }

.btn_popup_close { display: block; width: 30px; height: 30px; background: url("/asp/images/icon/btn_popup_close.png") no-repeat 50% 50%/14px auto; position: absolute; top: 20px; right: 24px; }
.btn_popup_close.type2 { top: 18px; }
.btn_popup_close.type3 { right: 15px; }
.popup_confirm_copy_wrap { text-align: center; padding: 50px 30px; }
.popup_confirm_copy { font-size: 17px; color: #333333; word-break: keep-all; }

@media (max-width: 1023px){
	.popup_item { width: calc(100% - 10px); }
	.popup_title_row { padding: 20px 50px 20px 20px; }
	.popup_title { font-size: 20px; }
	.btn_popup_close { width: 22px; height: 22px; top: 20px; right: 20px; }
	.btn_popup_close:before,
	.btn_popup_close:after { width: 24px; margin: -1px 0 0 -12px; }
	.btn_popup_close.pos2 { top: 20px; right: 20px; }
	.popup_primary_title { font-size: 18px; }
	.popup_title_copy { font-size: 13px; }
	.popup_contents_row { font-size: 14px; padding: 20px 20px 20px; }
	.popup_contents_row.scroll_mode { padding-right: 10px; }
	.popup_contents_row .section_brick_group { padding-top: 20px; }
	.touchmode .popup_contents_row.scroll_mode { padding-right: 20px; }
	.popup_contents_inner.ptype2 { padding-top: 15px; }
	.pc_tape_row { padding: 20px 15px; }
 }

/* // 공통 popup */
.btn_square { display: inline-flex; min-width: 140px; min-height: 42px; background: #455267; border: 1px solid #455267; border-radius: 100px; justify-content: center; align-items: center; gap: 10px; box-sizing: border-box; }
.btn_square .text_node { font-size: 16px; font-weight: 400; line-height: 1; color: #fff; display: inline-block; }
.btn_square.type2 { background-color: #fff; }
.btn_square.type2 .text_node { color: #455267; }
.btn_box { display: inline-flex; min-width: 150px; min-height: 50px; background: #13479b; border-radius: 100px; justify-content: center; align-items: center; gap: 10px; box-sizing: border-box; padding: 0 10px; }
.btn_box.size2 { min-height: 35px; }
.btn_box.size2 .btn_box_text { font-size: 16px; }
.btn_box.size_submit { min-width: 220px; }
.btn_box .ico { display: inline-block; }
.btn_box .ico.down { width: 17px; height: 15px; background: url("/asp/images/icon/ico_download.png") no-repeat 0 0/100% auto; }
.btn_box_text { color: #fff; font-size: 18px; font-weight: 500; display: inline-block; }
.btn_rego_list { display: flex; gap: 5px; flex-wrap: wrap; }
.btn_rego { display: inline-block; background: #fff; border: 1px solid #4e4e4e; border-radius: 100px; font-size: 15px; font-weight: 400; line-height: 1.3; color: #4e4e4e; padding: 9px 20px 10px; white-space: nowrap; }
.btn_rego.size2 { padding: 6px 20px 7px; font-size: 14px; }
.btn_rego.skin2 { background: #fafafa; }
.btn_vertex_wrap { margin-top: 60px; display: flex; justify-content: center; gap: 10px; align-items: center; }
.btn_vertex { display: inline-flex; min-width: 300px; min-height: 56px; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid #176bdd; border-radius: 100px; }
.btn_vertex.small { min-width: 200px; min-height: 46px; }
.btn_vertex.small .text_node { font-size: 19px; }
.btn_vertex.primary { background: #176bdd; }
.btn_vertex.primary .text_node { color: #fff; }
.btn_vertex.skin2 { background-color: #455267; border-color: #455267; }
.btn_vertex.skin2 .text_node { color: #fff; }
.btn_vertex .text_node { font-size: 19px; font-weight: 500; line-height: 1; color: #176bdd; }

@media (max-width: 1299px){
	.btn_vertex_wrap { margin-top: 30px; }
	.btn_vertex { min-width: 200px; max-width: calc(50% - 5px); }
	.btn_vertex.small .text_node { font-size: 16px; }
}

@media (max-width: 1023px){
	.btn_box { min-width: 120px; }
	.btn_box.size2 { min-height: 30px; min-width: 0; gap: 5px; }
	.btn_box.size2 .btn_box_text { font-size: 14px; }
	.btn_box .ico.down { width: 12px; height: 11px; }
	.btn_box_text { font-size: 16px; }
	.btn_tin_list { gap: 5px; }
	.btn_tin { border-radius: 5px; }
	.btn_tin .ico { width: 14px; height: 14px; flex-basis: 14px; }
	.btn_tin .text_node { font-size: 12px; }
	.btn_square { min-width: 100px; }
	.btn_square .text_node { font-size: 14px; }
	.btn_rego { font-size: 11px; padding: 3px 10px 4px; }
	.btn_rego.size2 { padding: 2px 10px 3px; font-size: 12px; }
	.form_contblock_list{ margin-bottom: 20px; }
	.form_contblock_list > li { margin-bottom: 20px; }
 }

@media (max-width: 767px){
	.btn_vertex { min-width: 0; min-height: 45px; gap: 5px; flex: 1; max-width: 100%; }
	.btn_vertex:only-of-type { max-width: calc(50% - 5px) !important; }
	.btn_vertex.small { min-width: 0; max-width: 100%; }
	.btn_vertex .text_node { font-size: 16px; }
}

@media (max-width: 374px){
	.btn_vertex_wrap { flex-direction: column; align-items: normal; }
}

/* form */
.props_item { display: inline-flex; gap: 10px; align-items: center;}
.props_item.gap2 { gap: 8px; }
input.props_form { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-sizing: content-box; }
input.props_form[type="checkbox"] { background: url("/asp/images/icon/ico_checkbox.png") no-repeat 0 0/100% auto; width: 21px; height: 21px; border: 1px solid #bfbfbf; border-radius: 3px; }
input.props_form[type="checkbox"]:checked { background-position: 0 100%; background-color: #3791f3; border-color: #3791f3; }
input.props_form[type="checkbox"].circle { border-radius: 100%; }
input.props_form[type="radio"] { background: url("/asp/images/icon/ico_radio.png") no-repeat 0 0/100% auto; width: 22px; height: 22px; border: 1px solid #bfbfbf; border-radius: 100%; }
input.props_form[type="radio"]:checked { background-position: 0 100%; border-color: #3791f3; }
.props_label { cursor: pointer; font-size: 16px; color: #444444; line-height: 1.3; }
.props_item_label { display: inline-flex; gap: 8px; align-items: flex-start; cursor: pointer; }
.props_item_label .text_node { font-size: 16px; font-weight: 400; line-height: 1.3; color: #444; display: inline-block; cursor: pointer; }
select.form_select { border: 1px solid #ccc; border-radius: 5px; width: 100%; font-size: 15px; height: 46px; color: #2d2d2d; padding: 0 45px 0 15px; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; background: #fff url("/asp/images/icon/ico_select_44.png") no-repeat 100% 50% / auto 44px; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.form_select.type02{width: 150px;}
select.form_select::-ms-value { background: none; color: #2d2d2d; }
select.form_select::-ms-expand { display: none; }
select.form_select::-ms-value { background: none; color: #2d2d2d; }
select.form_select.placeholder { color: #b5b5b5; }
select.form_select:disabled { background-color: #f7f7f7; color: #b5b5b5; opacity: 1; }
select.form_word_select { font-size: 15px; color: #333; padding: 5px 25px 5px 5px; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; border: 0; display: inline-block; background: url("/asp/images/icon/ico_single_select.png") no-repeat 100% 50%/17px auto; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.form_word_select::-ms-value { background: none; color: #333333; }
select.form_word_select::-ms-expand { display: none; }
select.form_word_select::-ms-value { background: none; color: #333333; }
select.form_word_select.placeholder { color: #b5b5b5; }
select.form_word_select:disabled { background-color: #f7f7f7; color: #333333; opacity: 1; }
select.form_word_select.size2 { font-size: 14px; background-size: 12px auto; padding-right: 17px; }
select.cir_select { font-size: 16px; color: #333; padding: 3px 32px 3px 0; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; border: 0; display: inline-block; min-height: 25px; background: url("/asp/images/icon/ico_select_cir.png") no-repeat 100% 50%/25px auto; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.cir_select::-ms-value { background: none; color: #333333; }
select.cir_select::-ms-expand { display: none; }
select.cir_select::-ms-value { background: none; color: #333333; }
select.cir_select.placeholder { color: #b5b5b5; }
select.cir_select:disabled { background-color: #f7f7f7; color: #333333; opacity: 1; }
.multi_box { position: relative; }
.multi_box .multi_target { border: 1px solid #ccc; border-radius: 5px; width: 100%; font-size: 15px; height: 46px; color: #2d2d2d; padding: 0 45px 0 15px; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; background: #fff url("/asp/images/icon/ico_select_44.png") no-repeat 100% 50% / auto 44px; line-height: 1; display: flex; align-items: center; }
.multi_box .multi_option_layer {display:none;  position: absolute; top: 100%; left: 0; margin-top: 10px; border: 1px solid #787878; background: #fff; z-index: 10; border-radius: 5px; overflow: hidden; width: 100%; box-sizing: border-box; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); min-width: 200px; }
.multi_box .multi_option_head { padding: 10px 45px 10px 15px; border-bottom: 1px solid #eee; background: #f9f9f9; font-size: 15px; font-weight: 400; line-height: 1.3; color: #2d2d2d; display: flex; min-height: 46px; align-items: center; box-sizing: border-box; }
.multi_box .multi_option_list { padding: 10px 15px; }
.multi_box .multi_option_list > li { margin-bottom: 10px; font-size: 0; line-height: 0; }
.multi_box .multi_option_list > li:last-of-type { margin-bottom: 0; }
.multi_box .btn_multi_layer_close { display: block; width: 45px; height: 45px; position: absolute; top: 0; right: 0; font-size: 0; line-height: 0; }
.multi_box .btn_multi_layer_close:before,
.multi_box .btn_multi_layer_close:after { width: 16px; height: 2px; display: block; content: ""; position: absolute; top: 50%; left: 50%; background: #646464; margin: -1px 0 0 -8px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); }
.multi_box .btn_multi_layer_close:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.multi_box .btn_multi_layer_close:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.cir_combo { padding: 0 50px 0 0; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; display: inline-block; height: 35px; background: url(/asp/images/icon/ico_select_cir.png) no-repeat 100% 50% / 35px auto; line-height: 1;}
.cir_combo .text_node { font-size: 32px; font-weight:600; color: #5f5f5f; line-height: 25px; display: inline-block; white-space: nowrap; }
.combo_box_wrap { position: relative; }
.combo_box_target { padding: 3px 22px 3px 0; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; display: inline-block; background: url("/asp/images/icon/ico_single_select.png") no-repeat 100% 50%/15px auto; }
.combo_box_target .text_node { font-size: 15px; color: #333; line-height: 1.3; }
.combo_box_option_wrap { position: absolute; top: 100%; left: 50%; display: none; transform: translateX(-50%); width: auto; box-sizing: border-box; background: #fff; border: 1px solid #dcdcdc; max-height: 240px; overflow: hidden; overflow-y: auto; }
.combo_box_option { padding: 5px 10px; font-size: 14px; font-weight: 400; line-height: 1.3; color: #6d6c6c; white-space: nowrap; text-align: center; display: flex; justify-content: center; align-items: center; min-height: 30px; box-sizing: border-box; }
.combo_box_option:hover { background-color: #f0f0f0; }
.form_word_combo { padding: 3px 25px 3px 0; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; background: url("/asp/images/icon/ico_single_select.png") no-repeat 100% 50%/17px auto; line-height: 1; }
.form_word_combo .ico { flex: 0 0 20px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; margin-right: 3px; }
.form_word_combo .ico.filter { background-image: url("/asp/images/icon/ico_filter.png"); }
.form_word_combo .word_key { font-size: 15px; color: #333; display: inline-block; line-height: 1; }
.form_word_combo .word_count { font-size: 18px; color: #000000; display: inline-block; line-height: 1; position: relative; top: -1px; }
.btn_toggle_node { display: flex; align-items: center; gap: 8px; }
.btn_toggle_node .text_node { font-size: 14px; font-weight: 400; line-height: 1; color: #4e4e4e; display: inline-block; }
.btn_toggle_node .ico { width: 14px; height: 14px; flex: 0 0 14px; position: relative; }
.btn_toggle_node .ico:before { display: block; content: ""; width: 8px; height: 8px; border-bottom: 1px solid #5f5f5f; border-left: 1px solid #5f5f5f; transform: rotate(-45deg); position: absolute; top: 0; left: 3px; }
.btn_toggle_node.active .ico:before { transform: rotate(-225deg); top: 6px; }

@media (max-width: 1023px) {
	input.props_form[type="checkbox"] { width: 16px; height: 16px; flex: 0 0 16px; }
	input.props_form[type="radio"] { width: 16px; height: 16px; flex: 0 0 16px; }
	.props_label { font-size: 14px; position: relative; top: -1px; }
	.props_item { gap: 7px; }
	.props_item.gap2 { gap: 5px; }
	select.form_select { height: 40px; font-size: 14px; padding-right: 40px; background-size: auto 34px; }
	.multi_box .multi_target { height: 40px; font-size: 14px; padding-right: 40px; background-size: auto 34px; }
	.multi_box .multi_option_layer { margin-top: 5px; }
	.multi_box .multi_option_head { padding: 5px 40px 5px 15px; font-size: 14px; display: flex; min-height: 40px; }
	.multi_box .btn_multi_layer_close { width: 40px; height: 40px; }
	select.form_word_select { font-size: 14px; }
	.form_word_combo { padding: 3px 25px 3px 0; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; background: url("/asp/images/icon/ico_single_select.png") no-repeat 100% 50%/17px auto; line-height: 1; }
	.form_word_combo .ico { flex: 0 0 20px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; margin-right: 3px; }
	.form_word_combo .ico.filter { background-image: url("/asp/images/icon/ico_filter.png"); }
	.form_word_combo .word_key { font-size: 14px; }
	.form_word_combo .word_count { font-size: 16px; top: 0; }
	select.cir_select { font-size: 14px; height: 18px; background-size: 18px auto; padding: 0 22px 0 0; }
	.cir_combo { height: 18px; background-size: 18px auto; padding: 0 25px 0 0; }
	.cir_combo .text_node { font-size: 16px; line-height: 18px; position: relative; top: -1px; }
	.props_item_label .text_node { font-size: 14px; position: relative; top: -1px; }
}

/* star */
.eval_value { display: inline-block; font-size: 16px; font-weight: 500; line-height: 1; color: #2b2b2b; white-space: nowrap; }
.eval_star_wrap { display: flex; align-items: center; S}
.eval_star_wrap.size2 .eval_star { width: 16px; height: 16px; background-image: url("/asp/images/icon/ico_eval_star_16.png"); }
.eval_star_wrap.size3 .eval_star { width: 14px; height: 14px; background-image: url("/asp/images/icon/ico_eval_star_14.png"); }
.eval_star { display: block; width: 23px; height: 23px; background: url("/asp/images/icon/ico_eval_star_23.png") no-repeat 0 0/100% auto; }
.eval_star.active { background-position: 0 100%; }

@media (max-width: 1023px){
	.eval_value { font-size: 14px; }
	.combo_box_target { background-size: 13px auto; padding-right: 20px; }
	.combo_box_target .text_node { font-size: 14px; }
	.combo_box_option { font-size: 13px; }
 }

/* paging */
/* .paging_wrap { margin-top:60px; display:flex; align-items: center; justify-content: center; }
.btn_paging_control { display:inline-block; width:30px; height:30px; background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto; margin:0 5px; &.prev_first { background-image:url("/asp/images/icon/ico_paging_first.png"); }
 &.prev_go { background-image:url("/asp/images/icon/ico_paging_prev.png"); }
 &.next_go { background-image:url("/asp/images/icon/ico_paging_next.png"); }
 &.next_last { background-image:url("/asp/images/icon/ico_paging_last.png"); }
 }
.paging_num_list { display:flex; align-items: center; justify-content: center; margin:0 10px; > li { margin:0 5px; }
 }
.paging_num { display:inline-block; width:30px; height:30px; line-height:29px; white-space: nowrap; text-align: center; font-size:16px; &.active { background:#333c4c; color:#fff; font-weight:500; border-radius:4px; }
 }
@media (max-width:$mobile_large){
 .paging_wrap { margin-top:30px; font-size:0; line-height:0; }
 .btn_paging_control { margin:0 2px; background-size:25px auto; width:25px; height:25px; }
 .paging_num_list { margin:0 5px; }
 .btn_paging_control:first-of-type { margin-left:0; }
 .btn_paging_control:last-of-type { margin-right:0; }
 .paging_num { font-size:13px; width:25px; height:25px; line-height:24px; }
 .paging_num_list > li { margin:0 2px; }
 }
 */

/* local popup */
.local_popup_wrap { display: none; position: absolute; top: 0; left: 0; box-sizing: border-box; z-index: 20; width: 470px; background: #fff; overflow: hidden; border-radius: 8px; border: 1px solid #bbbbbb; box-shadow: 2px 2px 14px 2px rgba(64, 64, 64, 0.3); }
.local_popup_wrap.active { display: block; }
.local_popup_wrap.local_left { left: 30px !important; right: auto !important; }
.local_popup_wrap.local_right { right: 30px !important; left: auto !important; }
.local_popup_title_row { border-bottom: 1px solid #c1c1c1; padding: 20px 30px; }
.local_popup_title { font-size: 21px; color: #1b1b1b; font-weight: 500; letter-spacing: -0.05em; line-height: 1.3; }
.local_popup_contents { font-size: 16px; color: #333333; padding: 20px 30px 20px; max-height: 380px;overflow: scroll;}
.btn_local_popup_close { display: block; width: 30px; height: 30px; background: url("/asp/images/icon/btn_popup_close.png") no-repeat 50% 50%/14px auto; position: absolute; top: 20px; right: 24px; }
@media (max-width: 1023px){
	.local_popup_wrap { left: 20px !important; width: calc(100% - 40px) !important; right: auto !important; }
	.local_popup_wrap.local_left { left: 20px !important; right: auto !important; }
	.local_popup_wrap.local_right { right: 20px !important; left: auto !important; }
	.local_popup_title_row { padding: 15px 50px 15px 20px; }
	.local_popup_title { font-size: 18px; }
	.btn_local_popup_close { width: 22px; height: 22px; top: 16px; right: 20px; }
	.btn_local_popup_close:before,
	.btn_local_popup_close:after { width: 24px; margin: -1px 0 0 -12px; }
	.local_popup_contents { font-size: 14px; padding: 20px 20px 20px; }
}
/* .multi_box { position: relative; display: inline-block; font-size: 13px; margin: 4px; .trigger { min-width: 160px; padding: 4px 6px; border: 1px solid #ccc; border-radius: 2px; cursor: pointer; background: #fff; text-align: left; }
 .layer { position: absolute; top: 100%; left: 0; margin-top: 2px; border: 1px solid #ccc; background: #fff; z-index: 10; display: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); min-width: 200px; }
 .layerHead { padding: 6px; font-weight: bold; border-bottom: 1px solid #eee; background: #f9f9f9; }
 .list { list-style: none; margin: 0; padding: 6px; }
 .list li { margin: 2px 0; }
 .list label { cursor: pointer; }
 }*/
/*
.multiBox { position: relative; display: inline-block; font-family: sans-serif; font-size: 13px; margin: 4px; }
 .multiBox .trigger { min-width: 160px; padding: 4px 6px; border: 1px solid #ccc; border-radius: 2px; cursor: pointer; background: #fff; text-align: left; }
 .multiBox .layer { position: absolute; top: 100%; left: 0; margin-top: 2px; border: 1px solid #ccc; background: #fff; z-index: 10; display: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); min-width: 200px; }
 .multiBox .layerHead { padding: 6px; font-weight: bold; border-bottom: 1px solid #eee; background: #f9f9f9; }
 .multiBox .list { list-style: none; margin: 0; padding: 6px; }
 .multiBox .list li { margin: 2px 0; }
 .multiBox .list label { cursor: pointer; } */
.brick_cont { margin-bottom: 110px; }
.brick_cont:last-of-type { margin-bottom: 0; }
.breadcrumb_list { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 0; line-height: 0; }
.breadcrumb_list > li { padding-right: 36px; position: relative; }
.breadcrumb_list > li:last-of-type { padding-right: 0; }
.breadcrumb_list > li:last-of-type:after { display: none; }
.breadcrumb_list > li:after { display: block; content: ""; width: 15px; height: 15px; border-right: 2px solid #5f5f5f; border-top: 2px solid #5f5f5f; position: absolute; top: 50%; right: 15px; transform: rotate(45deg) translateY(-50%); margin-top: -1px; }
.breadcrumb_list .cir_combo { position: relative; top: 1px; display: flex;align-items: center}
.breadcrumb_list select.cir_select { position: relative; top: -1px; }
.breadcrumb_item { display: inline-block; font-size: 32px; font-weight: 600; line-height: 1; color: #5f5f5f; }
.hortape_wrap { border-top: 1px solid #6d6c6c; }
.hortape_wrap + .paging_wrap { margin-top: 25px; }
.hortape_list > li { border-bottom: 1px solid #e7e7e7; padding: 15px 20px; }
.hortape_list > li.nodata_li .nodata_para { padding: 180px 30px; }
.hortape_item { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.hortape_item .product_cols { display: flex; }
.hortape_item .product_slice_obj { display: flex; gap: 12px; align-items: center; }
.hortape_item .product_slice_obj .thumnail_img { width: 78px; height: 78px; flex: 0 0 78px; position: relative; overflow: hidden; border-radius: 100%; }
.hortape_item .product_slice_obj .thumnail_img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.hortape_item .product_slice_obj .caption_spec_row { display: flex; align-items: center; gap: 8px; font-size: 0; line-height: 0; }
.hortape_item .product_slice_obj .caption_slice_word { font-size: 15px; font-weight: 400; line-height: 1; color: #333; display: inline-block; }
.hortape_item .product_slice_obj .name_title_para { margin-top: 8px; font-size: 19px; font-weight: 400; line-height: 1.3; color: #333; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.product_slice_util_list { display: flex; justify-content: flex-end; align-items: center; gap: 15px; }
.product_slice_util_list .flag_box { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #f1f8ff; }
.product_slice_util_list .flag_box_para { font-size: 14px; font-weight: 500; line-height: 1; color: #176bdd; }
.with_unit_obj { font-size: 22px; font-weight: 500; line-height: 1; color: #333333; display: inline-flex; white-space: nowrap; align-items: center; }
.with_unit_obj .unit_text_node { font-size: 16px; }
.slice_sm_data { font-size: 14px; font-weight: 400; line-height: 1; color: #6d6c6c; white-space: nowrap; display: inline-block; }
.list_fraction_row { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 16px; }
.list_fraction_row.align2 { align-items: flex-end; }
.fraction_count_para { font-size: 16px; font-weight: 400; line-height: 1; color: #4e4e4e; }
.fraction_count_para .emp { font-size: 19px; color: #1b1b1b; }
.sort_barquad_list { display: flex; align-items: center; gap: 6px; }
.sort_barquad { display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; font-weight: 300; line-height: 1; color: #5f5f5f; border: 1px solid #dedede; border-radius: 100px; padding: 5px 10px; box-sizing: border-box; min-width: 77px; min-height: 26px; }
.sort_barquad.active { background-color: #1a2e46; color: #fff; font-weight: 350; }
.imagethumnail_list { border-top: 1px solid #6d6c6c; }
.imagethumnail_list > li { padding: 30px 0; border-bottom: 1px solid #e7e7e7; }
.imagethumnail_item { display: flex; gap: 36px; min-height: 260px;}
.imagethumnail_item .spec_cols{flex:1;}
.imagethumnail_item .spec_cols .flag_row { margin-bottom: 12px; }
.imagethumnail_item .title_row {display: flex; gap: 5px; margin-bottom: 20px; flex-direction: column;}
.imagethumnail_item .title_row .name_title_para { font-size: 26px; font-weight: 500; line-height: 1.4; color: #000000; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.imagethumnail_item .title_row .price_cols { display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.imagethumnail_item .price_cols .name_sub_para { flex: 1; font-size: 14px; font-weight: 400; line-height: 1.4; color: #5f5f5f; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.imagethumnail_item .price_cols .before_current_dom{text-align: right;}
.imagethumnail_item .eval_tag_row { margin-top: 15px; display: flex; gap: 15px; flex-direction: column;}
.imagethumnail_item .keyword_subtag_wrap { margin-top: 15px; }
.it_caption_para { font-size: 16px; font-weight: 400; line-height: 1.4; color: #999999; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.before_current_dom .before_price { color: #6d6c6c; margin-bottom: 5px; }
.current_dom { display: inline-flex; align-items: center; }
.current_dom .current_number { font-size: 24px; font-weight: 700; line-height: 1; color: #000; }
.current_dom .current_unit { font-size: 16px; font-weight: 400; line-height: 1; color: #000; }
.imagethumnail_box { width: 350px; height: 100%; position: relative; overflow: hidden; border-radius: 8px; }
.imagethumnail_box:hover img {/*  transform: scale(1.3); */ }
.imagethumnail_box > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; transition: 0.4s; transform: scale(1); }
.product_slice_data_wrap { /* padding:0 20px; */}
.product_slice_data { display: flex; gap: 12px; }
.product_slice_data .img_cols { flex: 0 0 200px; }
.product_slice_data .img_cols .img_wrap { width: 200px; height: 100%; border-radius: 8px; position: relative; overflow: hidden; min-height: 140px; }
.product_slice_data .img_cols .img_wrap > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.product_slice_data .spec_cols { background: #f9f9f9; border-radius: 8px; padding: 15px 30px; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.product_slice_data .slice_name { font-size: 21px; font-weight: 500; line-height: 1.3; color: #000; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.product_slice_data .slice_name_row { margin-bottom: 15px; display: flex; align-items: center; gap: 20px; justify-content: space-between; }
.product_slice_data .slice_summary_01_row { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; }
.product_slice_data .slice_summary_02_row { margin-top: 0; display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between; align-items: center; }
.product_slice_data .slice_summary_02_row.mt_type2 { margin-top: 10px; }
.product_slice_data .slice_word { font-size: 14px; font-weight: 400; line-height: 1; color: #333; display: inline-block; }
.product_slice_data .company_text_item { position: relative; top: 1px; }
.word_brief_list { display: flex; flex-wrap: wrap; gap: 20px; }
.word_brief { display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.3; color: #5f5f5f; }
.word_brief .emp { color: #000; }
.respond_tb { width: 100%; border-bottom: 1px solid #e7e7e7; }
.respond_tb thead tr th { background: #fafafa; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 12px 5px; }
.respond_tb tbody tr:first-of-type td { padding-top: 20px; }
.respond_tb tbody tr:last-of-type td { padding-bottom: 20px; }
.respond_tb tbody tr td { padding: 10px 5px; }
.respond_thtext { display: inline-block; font-size: 15px; font-weight: 400; line-height: 1; color: #2b2b2b; }
.respond_td_obj dt { display: none; }
.respond_td_obj .td_value { font-size: 15px; font-weight: 400; line-height: 1; color: #2b2b2b; }

@media (max-width: 1023px){
	.brick_cont { margin-bottom: 60px; }
	/* .brick_cont:last-of-type { display:none; } */
	.breadcrumb_list {gap:0px; margin-bottom: 10px; }
	.breadcrumb_item { font-size: 16px; }
	.breadcrumb_list > li { padding-right: 27px;}
	.breadcrumb_list > li:after { width: 8px; height: 8px; border-right: 1px solid #5f5f5f; border-top: 1px solid #5f5f5f;}
	.hortape_list > li { padding: 15px; }
	.hortape_item { flex-direction: column; align-items: flex-start; gap: 10px; }
	.hortape_item .product_cols,
	.hortape_item .price_cols { flex: 0; width: 100%; }
	.hortape_item .product_slice_obj .thumnail_img { width: 50px; height: 50px; }
	.hortape_item .product_slice_obj .caption_slice_word { font-size: 14px; }
	.hortape_item .product_slice_obj .name_title_para { font-size: 14px; }
	.product_slice_util_list { gap: 10px; flex-direction: row-reverse; justify-content: flex-start; align-items: center; }
	.product_slice_util_list .flag_box { width: auto; height: auto; display: inline-block; padding: 6px 10px; border-radius: 5px; }
	.with_unit_obj { font-size: 18px; }
	.with_unit_obj .unit_text_node { font-size: 14px; }
	.list_fraction_row { margin-bottom: 15px; }
	.list_fraction_row .sort_cols { position: relative; overflow: hidden; overflow-x: auto; }
	.list_fraction_row .sort_cols::-webkit-scrollbar { display: none; }
	.fraction_count_para { font-size: 14px; white-space: nowrap; }
	.fraction_count_para .emp { font-size: 16px; }
	.sort_barquad { min-width: 50px; white-space: nowrap; }
	/* .imagethumnail_wrap { display:none; } */
	.imagethumnail_item { flex-direction: column; gap: 20px; min-height: revert;}
	.imagethumnail_item .img_cols { flex: 0 0 200px; width: 100%; }
	.imagethumnail_item .spec_cols { flex: 1; }
	.imagethumnail_item .title_row { flex-direction: column; align-items: flex-start; gap: 5px; }
	.imagethumnail_item .title_row .name_title_para { font-size: 20px; }
	.imagethumnail_item .title_row .name_sub_para {min-width: revert;}
	.imagethumnail_item .title_row .name_cols { width: 100%; }
	.imagethumnail_item .title_row .price_cols { width: 100%; white-space: normal; align-items: revert; flex-direction: column;}
	.imagethumnail_box { width: 100%; }
	.product_slice_data .img_cols { flex-basis: 120px; }
	.product_slice_data .img_cols .img_wrap { width: 120px; min-height: 40px; border-radius: 5px; }
	.product_slice_data { gap: 5px; }
	.product_slice_data .spec_cols { padding: 10px 15px; border-radius: 5px; }
	.product_slice_data .slice_name_row { gap: 5px; margin-bottom: 5px; }
	.product_slice_data .company_text_item { top: 0; }
	.product_slice_data .company_logo_cols { flex-basis: 16px; }
	.product_slice_data .company_logo_cols img { width: 16px; height: 16px; }
	.product_slice_data .slice_summary_01_row { gap: 5px; }
	.product_slice_data .slice_summary_02_row { margin-top: 8px; flex-direction: column; gap: 5px 0; justify-content: flex-start; align-items: flex-start; }
	.product_slice_data .slice_name { font-size: 14px; }
	.product_slice_data .company_text_spec,
	.product_slice_data .slice_word { font-size: 12px; }
	.word_brief_list { gap: 5px; flex-direction: column; }
	.word_brief { font-size: 13px; }
 }

@media (max-width: 767px){
	.product_slice_data .slice_name_row { gap: 5px; margin-bottom: 5px; flex-direction: column; align-items: normal; }
	.respond_tb { display: block; }
	.respond_tb thead { display: none; }
	.respond_tb tbody { display: block; border-top: 1px solid #e7e7e7; }
	.respond_tb tbody tr { display: block; border-bottom: 1px solid #e7e7e7; padding: 15px 10px 5px; }
	.respond_tb tbody tr:first-of-type td { padding-top: 0; }
	.respond_tb tbody tr:last-of-type { border-bottom: 0; }
	.respond_tb tbody tr:last-of-type td { padding-bottom: 10px; }
	.respond_tb tbody tr td { display: block; padding: 0 0 10px; }
	.respond_td_obj { display: flex; gap: 10px; justify-content: space-between; gap: 20px; align-items: center; }
	.respond_td_obj dt { display: block; }
	.respond_td_obj .td_key { font-size: 14px; font-weight: 400; line-height: 1; color: #2b2b2b; }
	.respond_td_obj .td_value { font-size: 14px; }
}

.product_slice_data_wrap + .tile_form_wrap { margin-top: 60px; }
.tile_form_list { /* border-bottom:1px solid #e7e7e7; */}
.tile_form_list.has_line { border-bottom: 1px solid #e7e7e7; }
.tile_form_list.type2 { border-bottom: 0; }
.tile_form_list.type2 > li:last-of-type { padding-bottom: 0; }
.tile_form_list > li { border-top: 1px solid #e7e7e7; padding: 40px 30px; }
.tile_form_list .btn_vertex_wrap { margin-top: 30px; text-align: center; justify-content: center; }
.tile_form_item .label_row { margin-bottom: 20px; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.cb_current_notice { font-size: 16px; font-weight: 400; line-height: 1.3; color: #2b2b2b; }
.cb_current_notice.warn { color: #f84242; }
.label_form_notice { font-size: 14px; font-weight: 400; line-height: 1.3; color: #2b2b2b; }
.label_form_notice:before { position: relative; top: 2px; content: '*'; font-size: 14px; display: inline-block; margin-right: 5px; }
.tile_form_label { font-size: 21px; font-weight: 500; line-height: 1.3; color: #2b2b2b; white-space: nowrap; }
.form_contblock_list{ margin-bottom: 35px; }
.form_contblock_list:last-of-type { margin-bottom: 0; }
.form_contblock_list > li { margin-bottom: 35px; }
.form_contblock_list > li:last-of-type { margin-bottom: 0; }
.formdom_linked_list { display: flex; gap: 10px 15px; flex-wrap: wrap; margin: 0 -15px 0 0; }
.formdom_linked_list > li { flex: 0 0 calc(33.333333333% - 15px); }
.formdom_inner_wrap { display: flex; align-items: center; gap: 5px; }
.formdom_inner_wrap .long_type { flex: 1; gap: 5px; }
.formdom_inner_wrap .box_props_group.mb_group { display: none; min-width: 108px; }
input.form_input { height: 50px; flex: 1; width: 100%; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; border-radius: 5px; font-size: 15px; font-weight: 400; line-height: 1; color: #2b2b2b; padding: 0 20px; box-sizing: border-box; }
input.form_input.ptype2 { padding: 0 10px; }
input.form_input.align_center { text-align: center; }
input.form_input:disabled { background: #fafafa; }
input.form_input::-moz-placeholder { color: #b5b5b5; }
input.form_input::placeholder { color: #b5b5b5; }
.form_count_box { border: 1px solid #ccc; border-radius: 5px; display: flex; justify-content: center; align-items: center; min-height: 50px; box-sizing: border-box; font-size: 0; line-height: 0; }
.form_count_box .btn_inde_control { vertical-align: middle; }
.count_fraction_node { font-size: 16px; font-weight: 400; line-height: 1; color: #2b2b2b; padding: 0 15px; }
.contblock_title_row { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 18px; }
.cb_title { font-size: 17px; font-weight: 500; line-height: 1; color: #2b2b2b; }
.cb_formcopy { font-size: 13px; font-weight: 400; line-height: 1.3; color: #6d6c6c; }
.form_stack_box { border: 1px solid #ccc; border-radius: 5px; display: flex; justify-content: center; align-items: center; min-height: 50px; box-sizing: border-box; }
.inline_ring_list { display: flex; align-items: center; gap: 5px; }
.inline_ring_list > li { flex: 1; }
.stack_current_node { font-size: 16px; font-weight: 400; line-height: 1; color: #2b2b2b; }
.stack_current_node .emp { font-size: 18px; }
.count_number { font-size: 18px; }
.box_props_group { display: flex; gap: 5px; height: 50px; max-width: 125px; box-sizing: border-box; }
.box_props_group.pc_group { display: flex; }
.box_props_cols { flex: 1; position: relative; display: flex; align-items: center; justify-content: center; }
input.box_props_form { height: 48px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; opacity: 0; }
input.box_props_form:checked + .box_props_label { background: #455267; border-color: #455267; color: #fff; }
.box_props_label { border: 1px solid #ccc; cursor: pointer; border-radius: 5px; display: block; min-height: 100%; position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; box-sizing: border-box; font-size: 16px; font-weight: 400; line-height: 1; color: #4e4e4e; }
.box_textarea_wrap { font-size: 0; line-height: 0; }
.textarea_dom { height: 80px; border: 1px solid #ccc; border-radius: 5px; display: block; font-size: 15px; font-weight: 400; line-height: 1.3; color: #2b2b2b; width: 100%; padding: 15px 20px; box-sizing: border-box; resize: none; }
.long_ph::-moz-placeholder { color: #b5b5b5; }
.long_ph::placeholder { color: #b5b5b5; }
.long_place_replace { font-size: 15px; font-weight: 400; line-height: 1.5; color: #b5b5b5; margin-top: 10px; display: none; }
.agree_container { margin: 0 0 0 10px; }
.agree_container .total_row { font-size: 0; line-height: 0; margin-bottom: 24px; }
.agree_detail_list > li { margin-bottom: 12px; }
.agree_detail_list > li:last-of-type { margin-bottom: 0; }
.agree_dp_item { display: flex; gap: 15px; }
.btn_text_node { display: inline-block; font-size: 16px; font-weight: 400; line-height: 1; color: #4e4e4e; border-bottom: 1px solid #e7e7e7; padding-bottom: 4px; position: relative; top: 2px; }
.sheetbox_wrap { margin-top: 50px; }
.sheetbox_wrap.mtype2 { margin-top: 0; }
.sheetbox_item { border: 1px solid #dcdcdc; border-radius: 8px; position: relative; overflow: hidden; }
.sheetbox_item .title_row { border-bottom: 1px solid #dcdcdc; background: #fbfbfb; padding: 20px 30px; }
.sheetbox_item .contents_row { padding: 25px 30px; }
.sheetbox_item .contents_row .bullet_note_list { margin-bottom: 22px; }
.sheetbox_item .contents_row .bullet_note_list:last-of-type { margin-bottom: 0; }
.sheetbox_title { font-size: 16px; font-weight: 400; line-height: 1; color: #333333; }
.revision_total_item { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 15px 20px; }
.revision_keyword { font-size: 19px; font-weight: 500; line-height: 1; color: #2b2b2b; display: inline-block; }
.revision_price_dom { display: inline-flex; white-space: nowrap; align-items: center; }
.revision_price_dom .value_number { font-size: 20px; font-weight: 500; line-height: 1; color: #333; }
.revision_price_dom .value_unit { font-size: 16px; font-weight: 400; line-height: 1; color: #333; }
.revision_price_dom.sm_type2 .value_number { font-size: 18px; }
.revision_btn_row { padding: 0 20px; }
.revision_btn_row + .revision_detail_row { margin-top: 15px; }
.btn_folding_box { display: flex; border: 1px solid #e4e4e4; border-radius: 5px; text-align: center; justify-content: center; align-items: center; padding: 10px; background: #fafafa; gap: 8px; }
.btn_folding_box .text_node { font-size: 14px; font-weight: 400; line-height: 1; color: #4e4e4e; display: inline-block; }
.btn_folding_box .ico { width: 14px; height: 14px; flex: 0 0 14px; position: relative; }
.btn_folding_box .ico:before { display: block; content: ""; width: 8px; height: 8px; border-bottom: 1px solid #5f5f5f; border-left: 1px solid #5f5f5f; transform: rotate(-45deg); position: absolute; top: 0; left: 3px; }
.btn_folding_box.active .ico:before { transform: rotate(-225deg); top: 6px; }
.revision_detail_row { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.revision_detail_row.type2 { border-bottom: 0; display: none; }
.revision_detail_row.type3 { border-bottom: 0; border-top: 0; display: none; }
.revision_detail_row.type3 .revision_detail_list { padding: 10px 20px; }
.revision_detail_row.type3 .revision_detail_list > li { margin-bottom: 12px; }
.revision_detail_row.type4 { margin-top: 0; border-top: 0; }
.revision_detail_row.type4 .revision_detail_list { padding: 15px 20px; }
.revision_detail_row.type4 .revision_detail_list > li { margin-bottom: 12px; }
.revision_detail_row.type4 .revision_detail_list > li:last-of-type { margin-bottom: 0; }
.revision_detail_list { padding: 15px 20px; }
.revision_detail_list > li { margin-bottom: 20px; }
.revision_detail_list > li:last-of-type { margin-bottom: 0; }
.revision_detail_item { display: flex; justify-content: space-between; align-items: center; }
.revision_keytext { display: inline-block; font-size: 16px; font-weight: 400; line-height: 1; color: #2b2b2b; }
.revision_tfoot_row { margin-top: 15px; }
.revision_tfoot_item { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; }
.revision_tfoot_keytext { display: inline-block; font-size: 19px; font-weight: 500; line-height: 1; color: #2b2b2b; }
.revision_value_node { font-size: 16px; font-weight: 400; line-height: 1; color: #333; }
.key_section_flex_wrap { display: flex; justify-content: flex-end; gap: 10px 30px; text-align: right; }
.key_section_flex_wrap .revision_keytext { white-space: nowrap; }
.key_secvalue_list { display: flex; justify-content: flex-end; gap: 10px 30px; }
.key_secvalue_list .revision_price_dom { justify-content: flex-end; }
.key_secvalue_list .value_number,
.key_secvalue_list .value_unit { color: #4e4e4e; }
.key_secvalue_list .value_number { font-size: 16px; font-weight: 400; }
.key_secvalue_list .value_unit { font-size: 14px; }
.note_messge_wrap { display: flex; gap: 25px; align-items: center; }
.note_messge_wrap .ico { display: block; width: 24px; height: 24px; flex: 0 0 24px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image: url("/asp/images/icon/ico_import_24.png"); border-radius: 100%; border: 2px solid #767676; }
.note_message_group { font-size: 14px; font-weight: 400; line-height: 1.6; color: #4e4e4e; }
.box_stack_wrap { margin-bottom: 65px; }
.box_stack_wrap.mbtype2 { margin-bottom: 20px; }
.box_stack_wrap.mbtype3 { margin-bottom: 30px; }
.box_stack_wrap.mbtype4 { margin-bottom: 50px; }
.box_stack_wrap.mbtype35 { margin-bottom: 35px; }
.box_stack_list { display: flex; gap: 15px; justify-content: center; margin: 0 -7.5px; flex-wrap: wrap; }
.box_stack_list > li { flex: 0 0 calc(25% - 15px); }
.box_stack_item { display: flex; border: 1px solid #ccc; border-radius: 5px; justify-content: center; align-items: center; gap: 8px; padding: 15px; min-height: 50px; box-sizing: border-box; }
.box_stack_item .stack_key { font-size: 16px; font-weight: 400; line-height: 1; color: #4e4e4e; }
.box_stack_item .stack_value { font-size: 16px; font-weight: 500; line-height: 1; color: #006de1; }
.stack_message_row { text-align: center; margin-bottom: 65px; }
.stack_message_para { font-size: 16px; font-weight: 400; line-height: 1.4; color: #4e4e4e; word-break: keep-all; }
.note_card_box { border: 1px solid #dcdcdc; border-radius: 5px; margin-bottom: 35px; padding: 0px 15px;}
.note_card_title{padding: 20px 20px;}
.note_card_title .title_message{position:relative; display: block;  font-size: 16px; font-weight: 350; line-height: 1.3; color: #4e4e4e; word-break: keep-all; }
.note_card_title .title_message:after { display: block; content: ''; transition: .5s; width: 16px; height: 16px; border-right: 1px solid #1b3044; border-bottom: 1px solid #1b3044; position: absolute; top: 0px; right: 0px; transform: rotate(45deg); }
.note_card_title .title_message.active:after {transform: rotate(225deg); top: 10px;}
.note_card_title .red_emp { color: #f84242; }
.note_card_cont { padding: 20px 20px; border-top: 1px dashed #ddd; display: none;}
.note_card_cont.active{display: block;}
.note_card_cont .indent_node_title { font-size: 16px; font-weight: 400; line-height: 1.3; color: #333333; margin-bottom: 15px; }
.note_card_cont .indent_node_list { font-size: 14px; }
.tile_sub_block_wrap { margin-top: 60px; }
.tile_sub_block { margin-bottom: 35px; }
.tile_sub_block:last-of-type { margin-bottom: 0; }
.tile_sub_title_row { display: flex; justify-content: space-between; align-items: center; padding: 0; }
.tile_sub_title { font-size: 19px; font-weight: 500; line-height: 1.4; color: #2b2b2b; }
.tile_sub_else_wrap { display: flex; align-items: center; gap: 15px; }
.tile_sub_contents {margin-top: 15px; }
.tile_sub_contents.type02{display:none}
.field_grid_list { display: flex; flex-wrap: wrap; gap: 10px 20px; /* margin-right:-20px; */align-items: flex-start; }
.field_grid_list > li { display: flex; flex-direction: column; flex: 1; }
.field_grid_list > li.long_type { flex: 0 0 48%; }
.field_grid_slice_wrap { padding: 17px 20px; background: #f9f9f9; }
.field_grid_slice_wrap.ptype2 { padding: 11px 20px 10px; }
.field_grid_slice_wrap.tb_type { display: table; padding: 10px 20px; }
.field_grid_slice_wrap.tb_type .field_grid_slice { display: table-row; }
.field_grid_slice_wrap.tb_type .field_grid_slice .key_cols,
.field_grid_slice_wrap.tb_type .field_grid_slice .value_cols { padding-bottom: 10px; vertical-align: middle; }
.field_grid_slice_wrap.tb_type .field_grid_slice .key_cols { display: table-cell; padding-right: 10px; }
.field_grid_slice_wrap.tb_type .field_grid_slice .value_cols { display: table-cell; }
.field_grid_slice_wrap.tb_type .field_grid_slice:last-of-type .key_cols,
.field_grid_slice_wrap.tb_type .field_grid_slice:last-of-type .value_cols { padding-bottom: 0; }
.field_keyitems_group { display: flex; align-items: center; gap: 10px; }
.field_grid_slice { flex: 1; border-radius: 5px; display: flex; align-items: center; gap: 20px; }
.field_grid_slice .key_cols { flex: 0; white-space: nowrap; }
.field_grid_slice .value_cols { flex: 1; display: flex; justify-content: flex-end; }
.field_grid_slice:last-of-type { margin-bottom: 0; }
.grid_keyword { display: inline-block; font-size: 16px; font-weight: 400; line-height: 1.3; color: #333333; white-space: nowrap; }
.amount_price_dom_wrap { display: flex; justify-content: flex-end; }
.amount_price_dom { display: flex; align-items: center; justify-content: flex-end; }
.amount_price_dom .value_number { font-size: 20px; font-weight: 500; line-height: 1; color: #333333; }
.amount_price_dom .value_unit { font-size: 16px; font-weight: 400; line-height: 1; color: #333333; min-width: 14.73px; }
.amount_input_cols { flex: 1; padding-right: 5px; }
input.amount_input { -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1; height: 34px; background: #fff; border-radius: 4px; font-size: 18px; font-weight: 500; line-height: 1; color: #333333; text-align: right; padding: 0 10px; width: 100%; box-sizing: border-box; }
input.amount_input:disabled { background-color: #f7f7f7; color: #b5b5b5; opacity: 1; }
@media (max-width: 1299px){
	.field_grid_list { gap: 10px; /* margin-right:-10px; */}
	.field_grid_list > li.long_type { flex: 0 0 50%; }
}

@media (max-width: 1150px){
	.field_grid_list { display: flex; flex-wrap: wrap; gap: 5px 0; margin-right: 0; }
	.field_grid_list > li { flex: 0 0 100% !important; display: flex; flex-direction: column; }
	.amount_price_dom { max-width: 50%; }
}

@media (max-width: 1023px){
	.product_slice_data_wrap + .tile_form_wrap { margin-top: 20px; }
	.tile_form_list > li { padding: 20px 0; }
	.tile_form_item .label_row { margin-bottom: 10px; }
	.tile_form_item .label_row.mb_break { flex-direction: column; align-items: normal; gap: 10px; }
	.tile_form_item .label_row .tile_form_label { font-size: 14px; }
	input.form_input { height: 40px; font-size: 13px; border-radius: 3px; padding: 0 10px; }
	.formdom_linked_list { flex-direction: column; align-items: normal; justify-content: flex-start; margin: 0; gap: 5px; }
	.formdom_linked_list.no_break { flex-direction: row; align-items: center; }
	.formdom_linked_list.no_break > li { flex: 1; }
	.formdom_linked_list > li { flex: none; }
	.contblock_title_row { gap: 10px; margin-bottom: 10px; }
	.contblock_title_row.mb_break_type { flex-direction: column; align-items: normal; }
	.cb_title { font-size: 14px; white-space: nowrap; }
	.box_props_group { height: 40px; max-width: 108.34px; }
	.box_props_group.pc_group { display: none !important; }
	.box_props_group.mb_group { display: flex !important; }
	input.box_props_form { height: 40px; }
	.box_props_label { border-radius: 3px; font-size: 13px; }
	.textarea_dom { border-radius: 3px; font-size: 13px; padding: 10px; }
	.btn_text_node { font-size: 14px; padding-bottom: 2px; top: 1px; }
	.agree_dp_item { gap: 10px; font-size: 0; line-height: 0; }
	.dp_inline_dom.long_type{flex: 0 0 85%;}
	.agree_container { margin-left: 0; }
	.agree_container .total_row { margin-bottom: 10px; }
	.agree_detail_list > li { margin-bottom: 10px; }
	.sheetbox_wrap { margin-top: 25px; }
	.sheetbox_item { border-radius: 5px; }
	.sheetbox_item .title_row { padding: 15px 20px; }
	.sheetbox_item .contents_row { padding: 15px 20px; }
	.sheetbox_title { font-size: 14px; }
	.revision_total_item { padding: 15px; }
	.revision_keyword { font-size: 14px; }
	.revision_price_dom .value_number { font-size: 16px; }
	.revision_price_dom .value_unit { font-size: 14px; }
	.revision_value_node,
	.revision_keytext { font-size: 14px; }
	.revision_detail_list { padding: 15px 10px; }
	.note_messge_wrap { flex-direction: column; align-items: normal; gap: 15px; }
	.note_messge_wrap .ico { margin: 0 auto; }
	.note_message_group { font-size: 12px;}
	.form_stack_box { min-height: 40px; }
	.stack_current_node { font-size: 14px; }
	.stack_current_node .emp { font-size: 16px; }
	.label_form_notice { font-size: 13px; }
	.box_stack_list { gap: 10px; margin: 0 -5px; }
	.box_stack_list > li { flex: 0 0 calc(50% - 10px); }
	.box_stack_item { gap: 5px; padding: 10px; min-height: 45px; }
	.box_stack_item .stack_key,
	.box_stack_item .stack_value { font-size: 14px; }
	.stack_message_row { margin-bottom: 30px; }
	.revision_tfoot_keytext,
	.stack_message_para { font-size: 14px; }
	.revision_tfoot_item,
	.revision_btn_row { padding: 0 15px; }
	.box_stack_wrap { margin-bottom: 30px !important; }
	.cb_current_notice { font-size: 14px; }
	.tile_form_list .btn_vertex_wrap { margin-top: 20px; align-items: center; justify-content: center; }
	.tile_form_list .btn_vertex_wrap .btn_vertex:only-of-type { max-width: -webkit-fit-content !important; max-width: -moz-fit-content !important; max-width: fit-content !important; padding: 0 30px; }
	.note_card_box { margin-bottom: 20px; padding: 0px 5px}
	.note_card_cont {padding: 15px;  }
	.note_card_title{padding: 15px;}
	.note_card_title .title_message{font-size: 14px;}
	.note_card_title .title_message:after {width: 12px; height: 12px; }
	.note_card_title .title_message.active:after {top:5px;}
	.indent_node_title { font-size: 14px; }
	.note_card_cont .indent_node_list { font-size: 14px; }
	.tile_sub_block_wrap { margin-top: 30px; }
	.tile_sub_block { margin-bottom: 20px; }
	.tile_sub_title { font-size: 14px; }
	.tile_sub_else_wrap { gap: 10px; }
	.field_grid_slice { gap: 10px; }
	.grid_keyword { font-size: 14px; }
	.amount_price_dom .value_number { font-size: 16px; }
	.amount_price_dom .value_unit { font-size: 14px; }
	input.amount_input { font-size: 14px; }
	.field_keyitems_group { flex-direction: row; align-items: center; justify-content: space-between; gap: 5px; }
	.field_grid_slice_wrap { padding: 15px 15px; }
	.field_grid_slice_wrap.ptype2 { padding: 15px; }
	.field_grid_slice_wrap.tb_type { display: block; padding: 15px 15px; }
	.field_grid_slice_wrap.tb_type .field_grid_slice { display: block; }
	.field_grid_slice_wrap.tb_type .field_grid_slice .key_cols { padding: 0; }
	.field_grid_slice_wrap.tb_type .field_grid_slice .key_cols,
	.field_grid_slice_wrap.tb_type .field_grid_slice .value_cols { vertical-align: middle; }
	.field_grid_slice_wrap.tb_type .field_grid_slice .key_cols { display: block; padding-right: 0; padding-bottom: 8px; }
	.field_grid_slice_wrap.tb_type .field_grid_slice .value_cols { display: block; padding-bottom: 15px; }
	.field_grid_slice_wrap.tb_type .field_grid_slice:last-of-type .key_cols { padding-bottom: 8px; }
	.field_grid_slice_wrap.tb_type .field_grid_slice:last-of-type .value_cols { padding-bottom: 0; }
	.field_grid_slice_wrap.tb_type .field_grid_slice .grid_keyword { white-space: normal; }
	.amount_price_dom_wrap { width: 100%; }
	.amount_price_dom_wrap .amount_price_dom { max-width: 100%; flex: 1; }
	.revision_detail_row.type4 .revision_detail_list { padding: 15px 10px; }
	.revision_detail_row.type3 .revision_detail_list { padding: 10px; }
	.revision_total_item { padding: 15px 10px; }
	.revision_tfoot_item,
	.revision_btn_row { padding: 0 10px; }
 }

@media (max-width: 767px){
	.key_section_flex_wrap { display: block; text-align: left; }
	.key_secvalue_list { gap: 10px; }
	.key_secvalue_list .revision_price_dom { justify-content: flex-start; width: auto !important; }
	.key_secvalue_list .revision_price_dom .value_number,
	.key_secvalue_list .revision_price_dom .value_unit { font-size: 12px; }
 }

/* contents */
/* swiper 공통 */
.d_mv_bottom_control_zone { position: absolute; bottom: 15px; left: 0; width: 100%; z-index: 10; text-align: right; box-sizing: border-box; padding: 0 20px; }
.d_mv_bottom_control_zone.type2 .swiper-pagination.d_mv_paging { font-size: 13px; }
.d_mv_bottom_control_zone.type2 .d_mv_bottom_in_control { padding: 3px 10px; }
.d_mv_bottom_control_wrap { max-width: 1200px; padding: 0 20px; margin: 0 auto; }
.d_mv_bottom_in_control { display: inline-block; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.3); border-radius: 100px; padding: 5px 15px; }
.d_mv_bottom_cols { margin: 0 6px; }
.d_mv_control_wrap { position: absolute; top: 50%; left: 0; height: 0; z-index: 10; width: 100%; }
.btn_d_mv_control { display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; position: absolute; top: 0; transform: translateY(-50%); }
.btn_d_mv_control:after { display: block; content: ""; width: 15px; height: 15px; margin: -7px 0 0 -3px; position: absolute; top: 50%; left: 50%; transform: rotate(225deg); border-right: 2px solid #fff; border-top: 2px solid #fff; }
.btn_d_mv_control.next { right: 0; }
.btn_d_mv_control.next:after { transform: rotate(45deg); margin-left: -12px; }
.swiper-pagination.d_mv_paging { position: static; color: #fff; font-size: 11px; }
.d_mv_swiper_auto_control_list { border: 1px solid rgba(255, 255, 255, 0.22); display: flex; align-items: center; border-radius: 3px; font-size: 0; line-height: 0; }
.d_mv_swiper_auto_control_list > li { border: 1px solid rgba(255, 255, 255, 0.22); border-right: 0; }
.btn_d_mv_stop,
.btn_d_mv_play { display: inline-block; width: 30px; height: 30px; background: url("/asp/images/icon/btn_main_play.png") no-repeat 0 0/100% auto; }
.btn_d_mv_play { background-position: 0 100%; }
.d_mv_control_in_wrap { max-width: 1200px; margin: 0 auto; position: relative; }
.detail_multi_visual_wrap { max-width: 1200px; margin: 0 auto; position: relative; }
.detail_multi_visual_wrap .d_mv { display: block; height: 0; padding-bottom: 100%; position: relative; }
.detail_multi_visual_wrap .d_mv > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }

@media (max-width: 1023px){
	.d_mv_bottom_in_control { padding: 3px 15px; }
	.btn_d_mv_stop,
	.btn_d_mv_play { width: 20px; height: 20px; }
	.d_mv_bottom_control_zone.type2 .swiper-pagination.d_mv_paging { font-size: 11px; }
	.d_mv_bottom_control_zone.type2 .d_mv_bottom_in_control { padding: 3px 15px; }
 }

/* */
/* .gallery_main_swiper_wrap { padding: 0 40px; margin: 40px 0 0 0; position: relative; }
.gallery_main_swiper_wrap img { vertical-align: top; }
.gallery_imgcaption_row { padding: 0 40px; }
.btn_gallery_ms_control { display: block; z-index: 2; width: 18px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); }
.btn_gallery_ms_control:after { display: block; content: ""; width: 18px; height: 18px; border-right: 2px solid #5f5f5f; border-bottom: 2px solid #5f5f5f; transform: rotate(-225deg); position: absolute; top: 5px; left: 5px; }
.btn_gallery_ms_control.prev { left: 0; }
.btn_gallery_ms_control.next { right: 0; }
.btn_gallery_ms_control.next:after { transform: rotate(-45deg); left: -7px; }
.gallery_imgcaption { font-size: 15px; color: #4e4e4e; line-height: 1.5; }
.gallery_fraction_wrap { min-height: 20px; display: flex; justify-content: center; align-items: center; text-align: center; color: #000000; font-size: 15px; }
 */
.gfraction_current { font-size: 17px; font-weight: 500; }
.gfraction_part { display: inline-block; padding: 0 1px; }
.gfraction_length { display: inline-block; position: relative; top: 1px; }
@media (max-width: 1023px){
	.detail_grid_visual_wrap { display: block; }
	.detail_grid_main_cols { border-radius: 0; }
	.detail_grid_main_cols .detail_grid_main_swiper { max-height: inherit; }
	.detail_grid_sub_cols { display: none; }
	.detail_grid_imgitem { height: 270px; /* .swiper_img_caption { left:13px; } */}
	.visual_keybox { font-size: 14px; border-radius: 5px; }
	.visual_copy_main,
	.visual_copy_sub { font-size: 32px; }
	.visual_text { font-size: 14px; }
	.visual_layer_wrap.size2 .visual_key_row { margin-bottom: 15px; }
	.visual_layer_wrap.size2 .visual_copy_main { font-size: 32px; }
	.visual_layer_wrap.size2 .visual_copy_sub { font-size: 14px; margin-top: 10px; }
/* .gallery_main_swiper_wrap { margin: 20px -10px -10px; padding: 0 25px; } */
}
/* detail- content */
.detail_contents_global_zone { display: flex; gap: 40px; margin-top: 40px; border-top: 2px solid #313131; padding-top: 40px; }
.detail_contents_zone { flex: 1; min-width: 0; }
.sticky_tabs_container_zone { /* height:0; */
 position: relative; overflow: hidden; min-height: 57px; }
.sticky_tabs_container_zone.mtype2 { margin-top: 45px; }
.tab_contents { border-bottom: 7px solid #fafafa;}
.tab_contents:last-of-type { border-bottom: 0; }
.tab_contents_inner { padding: 30px 0; }
/* .tab_contents.has_line { border-top:1px solid #e7e7e7; }
.tab_contents.has_line .tabc_item { border-bottom:1px solid #e7e7e7; }
.tab_contents.has_line .tabc_item:last-of-type { border-bottom:0; } */
.tab_contents_wrap.normal_type { margin-top: 45px; }
.tab_contents_wrap.normal_type .tab_contents { border-bottom: 0; display: none; }
.tab_contents_wrap.normal_type .tab_contents .tabc_item:first-of-type { padding-top: 0; }
.tab_contents_wrap.normal_type .tab_contents .tabc_item:last-of-type { padding-bottom: 0; }
.tab_contents_wrap.normal_type .tab_contents.active { display: block; }
.detail_hasmore_box { background: #f9f9f9; border-radius: 18px; padding: 20px 36px; }
.detail_hasmore_box.active .detail_hasmore_contents { height: auto; }
.detail_hasmore_contents { font-size: 14px; color: #5f5f5f; height: 62px; overflow: hidden; line-height: 1.5; }
.detail_hasmore_btn_row { margin-top: 10px; }
.btn_hasmore_text { display: inline-block; font-size: 15px; color: #000000; }
.sticky_tabs_inner_wrap .sticky_tabs_inner { padding: 15px 0 0 0; }
.sticky_tabs_inner_wrap.fixed { position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: 20; }
.sticky_tabs_inner_wrap.fixed .sticky_tabs_inner { background: #fff; max-width: 1200px; margin: 0 auto; }
.sticky_tabs_inner_wrap.fixed .sticky_tabs_swiper_wrap { margin-right: 326px; }
.sticky_tabs_swiper_wrap { position: relative; }
.sticky_tabs_swiper_wrap:before { display: block; content: ""; height: 1px; background: #b5b5b5; position: absolute; bottom: 0; left: 0; width: 100%; }
.sticky_tabs_swiper_wrap .sticky_tab { display: block; position: relative; padding: 0 0 15px 0; box-sizing: border-box; height: 42px; }
.sticky_tabs_swiper_wrap .sticky_tab.active:after { display: block; content: ""; height: 3px; background: #176bdd; position: absolute; bottom: 0; left: 0; width: 100%; }
.sticky_tabs_swiper_wrap .sticky_tab.active .sticky_tab_text { color: #010101; font-weight: 700; }
.sticky_tab_text { font-size: 18px; display: inline-block; }
.sticky_tabs_swiper_container.swiper-container { width: auto; }
.sticky_tabs_swiper_container.swiper-container .swiper-wrapper { width: auto; }
.sticky_tabs_swiper_container.swiper-container .swiper-slide { width: auto; flex: auto; flex-shrink: 0; text-align: center; }
.detail_calculation_zone { flex: 0 0 286px; position: relative; width: 286px; }
.detail_calculation_wrap.fixed { position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: 20; }
.detail_calculation_wrap.fixed.bottom { position: absolute; bottom: 0; top: auto; height: auto; }
.detail_calculation_wrap.fixed.bottom .detail_calculation_inner_wrap { height: auto; }
.detail_calculation_wrap.fixed.bottom .detail_calculation_inner_group { height: auto; padding-bottom: 0; }
.detail_calculation_wrap.fixed .detail_calculation_inner_wrap { max-width: 1200px; margin: 0 auto; display: flex; justify-content: flex-end; height: 0; }
.detail_calculation_wrap.fixed .detail_calculation_inner_group { box-sizing: border-box; width: 286px; position: relative; overflow-y: overlay; height: 100vh; box-sizing: border-box; padding: 10px 0 30px; /* &::-webkit-scrollbar { width: 0; } */}
.tabc_item { padding: 40px 0; border-bottom: 7px solid #fafafa; position: relative; }
.tabc_item:last-of-type { border-bottom: 0; }
.tab_cont_title_row { display: flex; align-items: flex-end; justify-content: space-between; }
.tab_cont_title_row.type2 { align-items: center; }
.tab_cont_title { font-size: 20px; color: #2b2b2b; line-height: 1; font-weight: 700; }
.tab_cont_content_row { padding: 30px 0 0 0; /* &.mtype2 { padding-top:15px; } */}
.tab_cont_else_group { display: flex; align-items: center; gap: 25px; justify-content: flex-end; }
.btn_textonly { display: inline-block; font-size: 15px; color: #6d6c6c; }

@media (max-width: 1260px) { /* .sticky_tabs_container_zone { margin:0 -20px; } */
	.sticky_tabs_inner_wrap.fixed { opacity: 1; }
	.sticky_tabs_inner_wrap.fixed .sticky_tabs_inner { margin: 0 30px; display: block; }
	.detail_calculation_wrap.fixed .detail_calculation_inner_wrap { margin: 0 30px; }
	.tab_cont_title { font-size: 18px; }
	.tab_cont_content_row { padding-top: 20px; }
 }
@media (max-width: 1023px){
	.detail_contents_global_zone { margin-top: 30px; padding-top: 30px; }
	.sticky_tabs_container_zone.mb_show_type { min-height: 50px !important; height: 50px !important; }
	.sticky_tabs_container_zone.mb_show_type .sticky_tabs_inner_wrap { opacity: 1; }
	.sticky_tabs_container_zone.mtype2 { margin-top: 25px; }
	.detail_calculation_zone { display: none; }
	.detail_contents_zone { padding: 0; }
	.sticky_tabs_inner_wrap.fixed { top: 60px; }
	.sticky_tabs_inner_wrap.fixed .sticky_tabs_inner { margin: 0 0; }
	.sticky_tabs_inner_wrap.fixed .sticky_tabs_swiper_wrap { margin: 0; }
	.sticky_tabs_inner_wrap .sticky_tabs_inner { padding-top: 0; }
	.sticky_tabs_inner_wrap .sticky_tab { padding: 14px 10px 15px; white-space: nowrap; box-sizing: border-box; width: auto; height: auto; }
	.sticky_tab_text { font-size: 14px; }
	.btn_textonly { font-size: 13px; }
	.visual_layer_zone { padding: 0 50px; box-sizing: border-box; }
	.detail_hasmore_box { border-radius: 10px; padding: 20px; }
	.btn_hasmore_text { font-size: 14px; }
 }

/* detail gate */
.detail_anchor_gate_wrap { margin-bottom: 60px; }
.detail_anchor_gate_wrap.gap2 { margin-bottom: 40px; }
.detail_product_caption_row { display: flex; margin-bottom: 10px; justify-content: space-between; gap: 20px; align-items: center; }
.pro_keyword_list { display: flex; flex-wrap: wrap; gap: 5px; }
.pro_keyword { display: inline-block; color: #2b8bf2; font-weight: 500; line-height: 1; border-radius: 4px; padding: 5px 6px; background: #eff5fc; }
.pro_number_list { display: flex; flex-wrap: wrap; gap: 5px; }
.pro_number { display: inline-block; color: #999; font-size: 13px; }
.detail_product_primary { font-size: 30px; font-weight: 700; color: #000000; line-height: 1.4; }
.detail_product_subcopy { font-size: 14px; color: #999999; line-height: 1.4; margin-top: 5px; }
.detail_product_highlight_row { margin-top: 10px; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.arrange_item_list { display: flex; gap: 24px; flex-wrap: wrap; }
.arrange_item_list > li { display: flex; align-items: center; gap: 5px; }
.arrange_item_list > li.type2 { position: relative; top: -1px; }
.arrange_item_list > li.type2 .eval_text { position: relative; top: -1px; }
.arrange_item_list .arrange_item .ico.ico_marker { margin-left: -4px; }
.arrange_item { display: flex; padding-right: 13px; position: relative; align-items: center; gap: 3px; }
.arrange_item .ico { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
.arrange_item .ico.ico_marker { background-image: url("/asp/images/icon/ico_map.jpg"); }
.arrange_item .ico.ico_star { background-image: url("/asp/images/icon/ico_star.png"); width: 12px; height: 12px; flex-basis: 12px; }
.arrange_item:after { display: inline-block; content: ""; width: 7px; height: 7px; border-right: 1px solid #858585; border-bottom: 1px solid #858585; position: absolute; top: 50%; right: 0; transform: rotate(-45deg) translateY(-50%); margin-top: -2px; }
.arrange_item.type2 { padding-right: 0; }
.arrange_item.type2:after { display: none; }
.arrange_text { display: inline-block; font-size: 14px; color: #6d6c6c; line-height: 1; position: relative; top: -1px; }
.arrange_text.skin2 { font-size: 15px; color: #6d6c6c; top: 1px; }
.eval_text { display: inline-block; padding-left: 14px; min-height: 12px; position: relative; }
.eval_text:before { display: block; content: ""; width: 12px; height: 12px; background: url("/asp/images/icon/ico_star.png") no-repeat 0 0/100% auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.eval_text.type2 { font-size: 15px; color: #6d6c6c; }
.eval_text.type3 { font-size: 15px; color: #000; }
.eval_text_inner { font-size: 14px; color: #6d6c6c; display: inline-block; position: relative; top: -1px; }
.price_item_wrap { text-align: right; }
.price_sub_list { display: flex; gap: 5px; justify-content: flex-end; }
.price_sub_list.type2 { display: block; }
.price_key,
.before_price { font-size: 13px; white-space: nowrap; }
.price_key { color: #2b8bf2; }
.before_price { color: #b5b5b5; text-decoration: line-through; }
.price_main_list { display: flex; gap: 5px; align-items: center; justify-content: flex-end; }
.price_value_group { display: flex; align-items: center; color: #2b2b2b; }
.price_value_main { font-size: 29px; font-weight: 700; line-height: 1; white-space: nowrap; }
.price_value_unit { font-size: 16px; display: inline-block; padding-top: 1px; }
.price_subcopy { font-size: 12px; color: #999999; margin-top: 5px; }
.detail_gate_quick_wrap { background: #f9f9f9; padding: 20px 0; border-radius: 20px; margin-top: 40px; }
.detail_gate_quick_list { display: flex; text-align: center; }
.detail_gate_quick_list > li { flex: 1; }
.detail_gate_quick_menu { display: inline-block; }
.detail_gate_quick_menu .ico { width: 42px; height: 42px; margin: 0 auto; background: url("/asp/images/icon/ico_guide.png") no-repeat 0 0/100% auto; }
.detail_gate_quick_menu .ico.ico_01 { background-position: 0 0; }
.detail_gate_quick_menu .ico.ico_02 { background-position: 0 25%; }
.detail_gate_quick_menu .ico.ico_03 { background-position: 0 50%; }
.detail_gate_quick_menu .ico.ico_04 { background-position: 0 75%; }
.detail_gate_quick_menu .ico.ico_05 { background-position: 0 100%; }
.detail_gate_quick_text { font-size: 15px; color: #333333; }
.ficbox { display: flex; align-items: center; gap: 10px; }
.ico_fic { display: block; content: ""; width: 32px; height: 32px; flex: 0 0 32px; background: url("/asp/images/icon/ico_hotel_cart.png") no-repeat 0 0/100% auto; }
.ico_fic.ico_01 { background-position: 0 0; }
.ico_fic.ico_02 { background-position: 0 50%; }
.ico_fic.ico_03 { background-position: 0 100%; }
.ficbox_liquid { flex: 1; text-align: center; display: flex; justify-content: center; }
.ficbox_liquid .count_fraction { font-size: 16px; }
.ficbox_data_list { display: flex; flex-wrap: wrap; gap: 12px; text-align: center; justify-content: center; }
.ficbox_data { font-size: 16px; color: #333333; display: inline-block; }
.ficbox_product_name { font-size: 16px; color: #333333; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 1.3; text-align: center; }
.btn_dprops_box { border-radius: 10px; display: block; background: #2b8bf2; font-size: 18px; font-weight: 500; padding: 15px; text-align: center; color: #fff; }
.dcalcul_box { border: 1px solid #d7d7d7; border-radius: 10px; margin: 0 0 10px 0; }
.dcalcul_box.define_start_end { padding: 15px 15px; }
.dcalcul_box.define_cc { padding: 20px; }
.dcalcul_flex_row { display: flex; align-items: center; justify-content: space-between; font-size: 0; line-height: 0; }
.btn_dcalcul_box { display: inline-flex; align-items: center; font-size: 16px; color: #333333; gap: 8px; }
.btn_dcalcul_box:before { display: block; content: ""; width: 26px; height: 26px; background: url("/asp/images/icon/ico_calendar.png") no-repeat 0 0/100% auto; }
.dcalcul_value { font-size: 16px; color: #000000; line-height: 1; }
.dcart_keyword_row { margin-bottom: 2px; }
.se_map_list { margin: 0 5px; }
.se_map_list > li { margin-bottom: 8px; }
.se_map_list > li:last-of-type { margin-bottom: 0; }
.se_map_item { display: flex; gap: 20px; }
.se_map_item .long { flex: 1; }
.se_map_item .short { flex: 0; white-space: nowrap; }
.se_map_item .se_map_text { font-size: 14px; font-weight: 350; line-height: 1.3; color: #5f5f5f; }
.se_map_item .se_map_text .emp { color: #000; }
.dcalcul_btnbox { margin-top: 20px; display: block; background: #fbfbfb; border: 1px solid #d7d7d7; border-radius: 8px; padding: 8px 20px; }
.dcalcul_img_item { display: flex; align-items: center; gap: 10px; justify-content: center; }
.dcalcul_img { flex: 0 0 24px; width: 24px; height: 24px; }
.dcalcul_text { font-size: 16px; font-weight: 350; line-height: 1; color: #333333; position: relative; top: -1px; }
.dcart_main_row { display: flex; align-items: center; }
.dcart_main_liquid { flex: 1; min-width: 0; }
.dcart_primary { font-size: 17px; font-weight: 500; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #000000; }
.dcart_secondary { margin-top: 0; }
.price_each_obj { display: flex; align-items: center; }
.price_each_key { font-size: 17px; color: #1b1b1b; font-weight: 500; }
.price_each_unit { font-size: 15px; color: #1b1b1b; }
.dcart_main_fixed { flex: 0; white-space: nowrap; }
.btn_action_box { display: inline-flex; padding: 5px 15px 6px; min-height: 30px; align-items: center; box-sizing: border-box; line-height: 1; border: 1px solid #e4e4e4; border-radius: 100px; font-size: 14px; color: #2b8bf2; line-height: 1; }
.btn_action_box.primary { background: #2b8bf2; border-color: #2b8bf2; color: #fff; }
.dcart_sub_row { margin-top: 20px; background: #f7f9fb; border-radius: 10px; padding: 15px 20px; }
.dcart_sub_copy { font-size: 13px; color: #6d6c6c; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.dcart_sub_btn_row { margin-top: 7px; }
.btn_ico_link { display: inline-block; white-space: nowrap; color: #4e4e4e; font-size: 13px; position: relative; padding-right: 12px; }
.btn_ico_link:after { display: inline-block; content: ""; width: 7px; height: 7px; border-right: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e; position: absolute; top: 50%; right: 0; transform: rotate(-45deg) translateY(-50%); margin-top: -1px; }
.dcalcul_total_group { margin-top: 23px; }
.dcc_total_both { display: flex; justify-content: space-between; align-items: flex-end; }
.dcc_total_label { display: inline-block; color: #6d6c6c; font-size: 15px; position: relative; top: 0; }
.dcc_total_value_g { display: flex; align-items: center; color: #006de1; }
.dcc_total_value_main { font-size: 28px; line-height: 1; font-weight: 700; }
.dcc_total_value_unit { font-size: 16px; line-height: 1; position: relative; top: 2px; margin-left: 4px; }
.dcc_total_else_wrap { text-align: right; margin-top: 22px; }
.dcc_total_else { font-size: 13px; color: #999999; margin-bottom: 2px; }
.dcc_total_else:last-of-type { margin-bottom: 0; }
.dcc_total_else.emp { color: #333333; }
.dcalcul_btn_group { margin-top: 20px; }
.dcalcul_btn_row { margin-bottom: 8px; }
.dcalcul_btn_row:last-of-type { margin-bottom: 0; }
.btn_dcalcul_main { display: block; text-align: center; padding: 24px; border-radius: 8px; background: #006de1; }
.btn_dcalcul_main_text { font-size: 20px; color: #fff; font-weight: 500; line-height: 1; }
.dcalcul_other_group { margin-top: 30px; }
.dcalcul_other_label { font-size: 14px; color: #4e4e4e; line-height: 1; margin-bottom: 15px; text-align: right; }
.dcc_other_fxbox { display: flex; border: 1px solid #dcdcdc; }
.dcc_other_fxcols { border-right: 1px solid #dcdcdc; flex: 0 0 57px; width: 57px; }
.dcc_other_fxcols:last-of-type { border-right: 0; }
.dcc_other_fxcols.dcc_long { flex: 1; min-width: 0; }
.btn_dcc_obox { height: 38px; display: flex; align-items: center; justify-content: center; }
.dcc_obox_text { font-size: 14px; color: #5f5f5f; line-height: 1; }
.btn_dcc_obox:hover .dcc_obox_text { color: #333; }
.btn_dcc_ico { height: 38px; width: 57px; display: flex; align-items: center; justify-content: center; }
.btn_dcc_ico:after { opacity: 0.5; display: block; content: ""; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
.btn_dcc_ico.ico_print:after { background-image: url("/asp/images/icon/ico_print.png"); width: 21px; height: 21px; }
.btn_dcc_ico.ico_like:after { background-image: url("/asp/images/icon/ico_like_46x42.png"); width: 23px; height: 21px; }
.btn_dcc_ico.ico_share:after { background-image: url("/asp/images/icon/ico_share_43x42.png"); width: 21.5px; height: 21px; }
.btn_dcc_ico.ico_like.active:after { background-position: 0 100%; opacity: 1; }
.btn_dcc_ico:hover:after { opacity: 0.7; }
.dcalcul_other_elseitem_g { margin-top: 15px; }
.dcc_other_elseitem_list { text-align: right; }
.dcc_other_elseitem_list > li { display: flex; justify-content: flex-end; }
.dcc_other_elseitem { display: flex; gap: 8px; align-items: center; }
.dcc_other_elseitem:before { display: block; content: ""; width: 22px; height: 18px; background: url("/asp/images/icon/ico_card_22_2.png") no-repeat 0 0/100% auto; }
.dcc_other_elseitem_text { font-size: 14px; color: #4e4e4e; line-height: 1; display: inline-block; position: relative; top: -1px; }
.dcalcul_banner_group { border: 1px solid #d7d7d7; padding: 15px 25px; border-radius: 8px; margin: 30px 0 10px 0; }
.dbanner_key_row { display: flex; margin-bottom: 15px; justify-content: space-between; gap: 20px; align-items: center; }
.dbanner_key { font-size: 16px; color: #000000; }
.btn_behavior { display: inline-flex; background: #2b8bf2; border-radius: 5px; padding: 8px 10px; gap: 5px; }
.btn_behavior .ico { display: inline-block; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; }
.btn_behavior .ico.down { background-image: url("/asp/images/icon/ico_down_14.png"); width: 14px; height: 13px; }
.btn_behavior_text { color: #fff; font-size: 13px; line-height: 1; display: inline-block; }
.dcc_pro_control_wrap { display: flex; justify-content: space-between; max-width: 95px; }
.inde_current { font-size: 18px; color: #2b2b2b; min-width: 35px; text-align: center; }
.btn_inde_control { display: inline-block; width: 28px; height: 28px; position: relative; border: 1px solid #c6c6c6; border-radius: 100%; vertical-align: middle; }
.btn_inde_control:before,
.btn_inde_control:after { display: block; content: ""; width: 2px; height: 12px; background: #6d6c6c; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -1px; }
.btn_inde_control:before { transform: rotate(90deg); }
.btn_inde_control.dec_control:after { display: none; }
.dcc_pro_render_group { padding: 20px; }
.dcc_pro_render_group .dcc_pro_render_item { margin-bottom: 10px; }
.dcc_pro_render_group .dcc_pro_render_item:last-of-type { margin-bottom: 0; }
.dcc_pro_render_item { display: flex; align-items: center; }
.dcc_pro_data_cols { flex: 1; min-width: 0; }
.dcc_pro_control_cols { flex: 0; }
.dcc_pd_kind_row { display: flex; flex-wrap: wrap; gap: 3px; align-items: center; }
.dcc_pd_price_row { margin-top: 6px; }
.dcc_pd_else_row { margin-top: 7px; }
.dcc_pd_kind_emp { font-size: 15px; color: #333; }
.dcc_pd_kind_sub { font-size: 13px; color: #6d6c6c; }
.dcc_pd_else { font-size: 13px; color: #999; letter-spacing: -0.8px; }
.dcc_pd_price_g { display: flex; align-items: center; color: #176bdd; line-height: 0; }
.dcc_price_value { font-size: 22px; font-weight: 700; line-height: 1; color: #176bdd; }
.dcc_price_unit { font-size: 16px; line-height: 1; }
.btn_qus_tooltip { display: inline-flex; border: 1px solid #cdcdcd; position: relative; top: 1px; border-radius: 100%; align-items: center; justify-content: center; width: 14px; height: 14px; font-size: 12px; color: #6d6c6c; line-height: 1; }
.dcc_pro_render_list > li { margin-bottom: 35px; }
.dcc_pro_render_list > li:last-of-type { margin-bottom: 0; }
.swiper-container.swiper-small-card { position: relative; overflow: hidden; border-radius: 20px; }
.btn_small_card img { vertical-align: top; width: 100%; }
.swiper-pagination.dot-skin2 { position: static; text-align: center; margin-top: 10px; }
.swiper-pagination.dot-skin2 .swiper-pagination-bullet { margin: 0 2px; background: #ababab; opacity: 1; }
.swiper-pagination.dot-skin2 .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; border-radius: 100px; background: #535353; }
.detail_mb_else_row { display: none; margin-bottom: 10px; }
.pro_mb_sns_list { display: flex; gap: 12px; align-items: center; }
.mb_sns { display: inline-block; width: 23px; height: 23px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; }
.mb_sns.share { background-image: url("/asp/images/icon/ico_share_m.png"); }
.mb_sns.ico_like { background-image: url("/asp/images/icon/ico_like_m.png"); }
.mb_sns.ico_like.active { background-position: 0 100%; }
.btn_mb_smbox { font-size: 12px; color: #5f5f5f; font-weight: 500; border: 1px solid #dcdcdc; border-radius: 3px; display: inline-block; padding: 7px 10px; }
@media (max-width: 1023px){
	.detail_mb_else_row { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
	.detail_product_caption_row .pro_number_list { display: none; }
	.detail_product_highlight_row { margin-top: 20px; }
	.detail_product_highlight_row .arrange_item_list { flex: 0; white-space: nowrap; }
	.detail_product_highlight_row .price_item_wrap { flex: 1; }
	.price_sub_list { margin-bottom: 5px; }
	.detail_product_caption_row { margin-bottom: 7px; }
	.detail_product_primary { font-size: 22px; }
	.detail_product_subcopy { font-size: 13px; }
	.arrange_text { font-size: 13px !important; }
	.arrange_item_list { gap: 10px; }
	.before_price,
	.price_key { font-size: 13px; }
	.price_value_main { font-size: 24px; }
	.price_value_unit { font-size: 14px; }
	.price_subcopy { font-size: 13px; }
	.arrange_item { padding-right: 10px; }
	.arrange_item .ico { width: 15px; height: 15px; flex-basis: 15px; }
	.arrange_item:after { width: 5px; height: 5px; }
	.detail_gate_quick_wrap { margin-top: 30px; border-radius: 15px; padding: 15px 0; }
	.detail_gate_quick_list { flex-wrap: wrap; gap: 10px 0; }
	.detail_gate_quick_list > li { flex: 0 0 33.3333333%; box-sizing: border-box; }
	.detail_gate_quick_text { font-size: 14px; }
	.detail_anchor_gate_wrap { margin-bottom: 0; padding: 0 20px; }
	.detail_anchor_gate_wrap.gap2 { margin-bottom: 25px; }
	.tab_contents_wrap { padding-top: 30px; border-top: 7px solid #fafafa; }
	.tab_contents_wrap.normal_type { border-top: 0; padding-top: 0; margin-top: 25px; }
	.tab_contents:first-of-type .tab_contents_inner { padding-top: 0; }
	.tab_contents:first-of-type .tabc_item { padding-top: 0; }
	.tabc_item { padding: 30px 0; }
	.btn_action_box { font-size: 13px; min-height: 25px; padding: 5px 10px 6px; }
	.count_fraction_node { font-size: 13px; padding: 0 8px; text-align: center; white-space: nowrap; }
	.count_number { font-size: 14px; }
	.form_count_box { min-height: 40px; border-radius: 3px; padding: 0 4px; }
	.form_count_box .btn_inde_control { width: 20px; height: 20px; flex: 0 0 20px; }
	.btn_inde_control:before,
	.btn_inde_control:after { height: 10px; margin-top: -5px; }
 }

@media (max-width: 374px){
	.form_count_box .btn_inde_control { width: 18px; height: 18px; flex: 0 0 18px; }
	.btn_inde_control:before,
	.btn_inde_control:after { height: 8px; margin-top: -4px; }
	.count_fraction_node { font-size: 12px; padding: 0 7px; }
	.count_number { font-size: 12px; }
 }

/* 모바일 하단 */
.mb_bottom_layer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 50; display: none; }
.mb_bottom_content_wrap { flex: 1; min-height: 0; }
.mb_bottom_content_wrap .btn_dprops_row { padding: 0 20px 20px; }
.btn_mbb_toggle_row { height: 0; text-align: center; position: relative; z-index: 2; border-bottom: 1px solid #cacaca; }
.btn_mbb_toggle { position: relative; top: 1px; height: 20px; transform: translateY(-100%); display: inline-block; width: 80px; background: #fff; border-radius: 8px 8px 0 0; border: 1px solid #cacaca; border-bottom: 0; box-shadow: 6px 7px 12px -5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 6px 7px 12px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 6px 7px 12px -5px rgba(0, 0, 0, 0.5); }
.btn_mbb_toggle:after { display: block; content: ""; transition: 0.5s; width: 10px; height: 10px; border-right: 1px solid #5f5f5f; border-bottom: 1px solid #5f5f5f; transform: rotate(225deg); position: absolute; top: 9px; left: 34px; }
.btn_mbb_toggle:before { display: block; content: ""; width: calc(100% + 60px); left: -30px; position: absolute; top: 100%; background: #fff; z-index: 3; height: 20px; }
.btn_mbb_toggle.active:after { transform: rotate(45deg); top: 2px; }
.mb_bottom_content { z-index: 5; background: #fff; max-height: 0; overflow-y: auto; position: relative; transition: 0.5s; }
.mb_bottom_content.active { max-height: calc(100vh - 210px); }
.mb_bottom_content:before { display: block; content: ""; height: 20px; }
.mb_bottom_content .dcalcul_box_group { padding: 0 20px; }
.mb_bottom_content .btn_dcalcul_box { font-size: 14px; }
.mb_bottom_content .btn_dcalcul_box:before { width: 20px; height: 20px; }
.mb_bottom_content .dcalcul_value { font-size: 14px; }
.prodata_mb_card_item_wrap { padding: 0 20px; }
.prodata_mb_card_item { padding: 15px 20px; border: 1px solid #cacaca; border-radius: 5px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
.prodata_mb_card_item:last-of-type { margin-bottom: 0; }
.prodata_mb_text { font-size: 15px; color: #333333; }
.prodata_mb_else_g { display: flex; white-space: nowrap; align-items: center; gap: 7px; }
.prodata_kind_text { font-size: 14px; color: #6d6c6c; display: inline-block; line-height: 1; }
.prodata_price_g { display: flex; color: #333; align-items: center; }
.prodata_price_main { font-size: 19px; display: inline-block; line-height: 1; font-weight: 700; }
.prodata_price_unit { font-size: 15px; display: inline-block; line-height: 1; position: relative; top: 2px; }
.prodata_mb_card_item.active { border-color: #176bdd; }
.mb_prodata_render_list_wrap { padding: 0 20px 20px; }
.mb_prodata_render_list > li { margin-bottom: 15px; border: 1px solid #d7d7d7; border-radius: 10px; padding: 15px; }
.mb_prodata_render_list > li:last-of-type { margin-bottom: 0; }
.mb_prodata_render_item { display: flex; align-items: center; margin-bottom: 5px; }
.mb_prodata_render_item:last-of-type { margin-bottom: 0; }
.mb_prodata_cols { flex: 1; min-width: 0; }
.mb_prodata_cols:last-of-type { flex: 0; min-width: auto; }
.mb_prodata_kind_row { display: block; }
.mb_prodata_kind_emp { font-size: 16px; color: #333; line-height: 1; }
.mb_prodata_kind_tsub { font-size: 13px; color: #6d6c6c; line-height: 1; }
.mb_prodata_price_g { display: flex; align-items: center; color: #176bdd; }
.mb_prodata_price_value { font-size: 20px; font-weight: 700; }
.mb_prodata_price_unit { font-size: 16px; }
.mb_prodata_render_item_wrap + .mb_prodata_else_row { margin-top: 10px; }
.mb_prodata_else { font-size: 12px; color: #999999; margin-top: 0; }
.mb_prodata_control_wrap { display: flex; justify-content: center; align-items: center; }
.btn_prodata_control { display: block; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #c5c5c5; position: relative; }
.btn_prodata_control:before,
.btn_prodata_control:after { display: block; content: ""; width: 13px; height: 2px; background: #6d6c6c; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -6.5px; }
.btn_prodata_control:after { transform: rotate(90deg); }
.btn_prodata_control.prodata_dec:after { display: none; }
.mb_prodata_current { flex: 1; line-height: 1; font-size: 20px; color: #2b2b2b; min-width: 40px; text-align: center; }
.mbpro_total_group { padding: 20px 20px 5px; border-top: 1px solid #e7e7e7; }
.mbpro_total_both { display: flex; justify-content: space-between; align-items: center; }
.mbpro_total_label { font-size: 14px; color: #6d6c6c; line-height: 1; }
.mbpro_total_value_g { display: flex; align-items: center; gap: 2px; }
.mbpro_total_value_main { font-size: 23px; color: #006de1; font-weight: 700; }
.mbpro_total_value_unit { font-size: 15px; position: relative; display: inline-block; top: 3px; color: #006de1; }
.mbpro_total_else_wrap { text-align: right; margin-top: 5px; }
.mbpro_total_else { font-size: 12px; color: #999999; }
.mbpro_total_else.emp { color: #333333; margin-top: 2px; }
.btn_mbquad_group_wrap { height: 50px; display: flex; padding: 15px; gap: 8px; background: #fff; position: relative; z-index: 5; }
.btn_mbquad_ico { border: 1px solid #a3a3a3; border-radius: 8px; flex: 0 0 50px; box-sizing: border-box; }
.btn_mbquad_ico.ico_call { background: #fff url("/asp/images/icon/ico_call_40x45.png") no-repeat 50% 50%/20px auto; }
.btn_mbquad_box { border: 1px solid #a3a3a3; border-radius: 8px; flex: 0 0 35%; display: flex; align-items: center; justify-content: center; }
.btn_mbquad_box_text { font-size: 15px; color: #2b2b2b; }
.btn_mbquad_box.primary { flex: 1; background-color: #006de1; border-color: #006de1; }
.btn_mbquad_box.primary .btn_mbquad_box_text { font-weight: 700; color: #fff; }
.mbquid_full_cols { flex: 1; display: flex; background: #eaeaea; border-radius: 8px; align-items: center; text-align: center; padding: 10px; }
.mbquid_full_liquid { flex: 1; min-width: 0; }
.mbquid_full_fixed { flex: 0; white-space: nowrap; padding: 0 8px 0 18px; border-left: 1px solid #bfbfbf; }
.mbquid_data { display: inline-flex; gap: 8px; }
.mbquid_data .ico { flex: 0 0 25px; width: 25px; height: 25px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.mbquid_data .ico.ico_build { background-image: url("/asp/images/icon/ico_mb_hotel.png"); }
.mbquid_text { font-size: 16px; font-weight: 700; color: #333333; display: inline-block; flex: 1; }

@media (max-width: 1023px){
	.mb_bottom_layer { display: block; }
	.sns_share_ico_list { padding: 0; }
	.btn_sns_share { width: 50px; height: 50px; }
 }

/* 다른출발일 */
.product_enter_low { border-bottom: 1px solid #c1c1c1; padding: 20px 30px; }
.product_enter_data_title { font-size: 19px; font-weight: 500; line-height: 1.4; color: #2b2b2b; }
.guide_flag_list_row { margin-top: 15px; }
.guide_flag_list { display: flex; flex-wrap: wrap; gap: 10px 28px; }
.guide_flag_item { display: flex; gap: 5px; align-items: center; }
.guide_flag_dot { width: 12px; height: 12px; flex: 1; border-radius: 100%; }
.guide_flag_dot.type01{background-color: #008aff;}
.guide_flag_dot.type02{background-color: #999999;}
.guide_flag_dot.type03{background-color: #34b371;}
.guide_flag_dot.type04{background-color: #f74e4e;}
.guide_flag_name { font-size: 15px; font-weight: 350; line-height: 1; color: #4e4e4e; }
.popup_calendar_render_wrap { padding: 20px; }
.btn_system_calendar { width: 24px; height: 24px; border-radius: 100%; border: 1px solid #cdced2; flex: 0 0 24px; display: inline-block; box-sizing: border-box; position: relative; }
.btn_system_calendar:after { display: block; content: ""; width: 7px; height: 7px; border-left: 1px solid #959cfa; border-bottom: 1px solid #959cfa; position: absolute; top: 7px; left: 9px; transform: rotate(45deg); }
.btn_system_calendar.next:after { transform: rotate(225deg); left: 5px; }
select.system_calendar_select { border: 0; border-radius: 0; font-size: 21px; font-weight: 700; outline: 0; color: #464646; padding: 0 20px 0 0; box-sizing: border-box; font-family: "Pretendard"; cursor: pointer; background: #fff url("/asp/images/icon/select_calendar_bg.png") no-repeat 100% 50%/14px auto; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.system_calendar_select::-ms-value { background: none; color: #464646; }
select.system_calendar_select::-ms-expand { display: none; }
select.system_calendar_select::-ms-value { background: none; color: #464646; }
select.system_calendar_select.placeholder { color: #b5b5b5; }
select.system_calendar_select:disabled { background-color: #f7f7f7; color: #b5b5b5; opacity: 1; }
.system_calendar_zone { display: flex; flex-wrap: wrap; gap: 40px; border: 1px solid #e6e6e6; border-radius: 10px; padding: 35px 30px 20px; position: relative; }
.system_calendar_group { flex: 1; min-width: 0; }
.system_calendar_month_row { display: flex; align-items: center; justify-content: center; gap: 15px; position: relative; z-index: 5; }
.system_calendar_month { font-size: 18px; font-weight: 500; line-height: 1; display: inline-block; letter-spacing: -0.25px; }
.system_calendar_combo_wrap { position: relative; }
.system_calendar_combo_target {cursor: unset; border: 0; border-radius: 0; outline: 0; color: #464646; padding: 0 20px 0 0; box-sizing: border-box; line-height: 1; display: inline-block; }
.system_calendar_combo_target.combo{cursor: pointer; background: #fff url("/asp/images/icon/select_calendar_bg.png") no-repeat 100% 50%/14px auto; }
.system_calendar_combo_target .text_node { font-size: 21px; font-weight: 700; font-family: "Pretendard"; }
.sc_combo_option_layer { display: none; position: absolute; top: calc(100% + 5px); left: 0; width: 100%; box-sizing: border-box; background: #fff; border: 1px solid #dcdcdc; max-height: 240px; overflow: hidden; overflow-y: auto; }
.sc_combo_option { display: block; padding: 5px 10px; font-size: 14px; font-weight: 400; line-height: 1.3; color: #6d6c6c; text-align: center; display: flex; justify-content: center; align-items: center; min-height: 30px; box-sizing: border-box; }
.sc_combo_option:hover { background-color: #f0f0f0; }
.system_calendar_table_wrap { margin-top: 20px; }
.system_calendar_table { width: 100%; table-layout: fixed; }
.system_calendar_table tbody td { height: 60px; }
.system_calendar_table .sun,
.system_calendar_table .sun .system_calendar_day,
.system_calendar_table .sun .system_calendar_thtext { color: #f84242; }
.system_calendar_table .sat,
.system_calendar_table .sat .system_calendar_day,
.system_calendar_table .sat .system_calendar_thtext { color: #176bdd; }
.system_calendar_tditem { width: 100%; max-width: 60px; position: relative; margin: 0 auto; height: 60px; padding: 5px; display: flex; justify-content: center; flex-direction: column; align-items: center; justify-content: center; }
.system_calendar_tditem:disabled { opacity: 0.4; }
.system_calendar_tditem.active { background: #333333; border-radius: 8px; }
.system_calendar_tditem.active * { color: #fff; }
.system_calendar_tditem .flag_dot_layer { width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 6px; right: 12px; display: inline-block; }
.system_calendar_tditem .flag_dot_layer.type01{background-color: #008aff;}
.system_calendar_tditem .flag_dot_layer.type02{background-color: #999999;}
.system_calendar_tditem .flag_dot_layer.type03{background-color: #34b371;}
.system_calendar_tditem .flag_dot_layer.type04{background-color: #f74e4e;}
.system_calendar_day { font-size: 18px; color: #333333; line-height: 1; font-weight: 500; }
.system_calendar_value { font-size: 12px; color: #5f5f5f; margin-top: 0; }
.system_calendar_value.type2 { color: #176bdd; }
.system_calendar_thtext { font-size: 18px; color: #333; }
.btn_system_control { display: block; width: 51px; height: 20px; position: absolute; top: 35px; }
.btn_system_control:after { display: block; content: ""; width: 10px; height: 10px; border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; position: absolute; top: 4px; left: 50%; margin-left: -8px; transform: rotate(-45deg); }
.btn_system_control.prev { left: 30px; }
.btn_system_control.prev:after { margin-left: -3px; transform: rotate(-225deg); }
.btn_system_control.next { right: 30px; }
.card_obj_group { margin-top: 20px; }
.card_obj_list > li { margin-bottom: 20px; }
.card_obj_list > li:last-of-type { margin-bottom: 0; }
.card_obj_temp { display: flex; align-items: flex-end; }
.card_obj_temp_liquid { flex: 1; min-width: 0; }
.card_obj_temp_fixed { flex: 0; white-space: nowrap; display: none; }
.price_mb_wrap { text-align: left; }
.price_mb_wrap .price_obj { justify-content: left; }
.card_obj_item { display: flex; border: 1px solid #e6e6e6; border-radius: 8px; overflow: hidden; position: relative; }
.card_obj_liquid_cols { flex: 1; padding: 25px; border-right: 1px solid #e6e6e6; position: relative; }
.card_obj_liquid_cols:after { display: block; content: ""; width: 23px; height: 23px; border-radius: 100%; border: 1px solid #e6e6e6; position: absolute; top: 50%; right: -11px; transform: translateY(-50%); background: #fff; box-sizing: border-box; }
.card_obj_liquid_cols .pro_keyword_list { margin-bottom: 5px; }
.card_obj_main { font-size: 19px; color: #000000; font-weight: 500; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.card_obj_summary { margin-top: 10px; background: #f9f9f9; border-radius: 8px; display: flex; justify-content: space-between; padding: 17px 20px; align-items: center; gap: 10px; }
.card_obj_summary .summary_copy { font-size: 13px; color: #6d6c6c; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.card_obj_fixed_cols { flex: 0 0 165px; position: relative; background: #fff; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; text-align: center; }
.price_obj { display: flex; color: #1b1b1b; align-items: center; justify-content: center; white-space: nowrap; }
.price_main { font-size: 19px; font-weight: 600; }
.price_unit { font-size: 16px; padding-top: 1px; }
.popup_product_block_wrap { background: #fbfbfb; padding: 25px 20px; }
.product_date_block { margin-bottom: 30px; }
.product_date_block:last-of-type { margin-bottom: 0; }
.date_block_title { margin-bottom: 18px; font-size: 18px; font-weight: 500; line-height: 1.3; color: #333; }
.date_block_box_list > li { margin-bottom: 10px; }
.date_block_box { border: 1px solid #dcdcdc; background: #fff; border-radius: 8px; padding: 20px; }
.date_block_box .flag_row { margin-bottom: 10px; }
.date_block_box .name_row .date_name_para { font-size: 14px; font-weight: 350; line-height: 1.4; color: #6d6c6c; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.date_block_box .data_row { margin-top: 10px; }
.date_block_box .else_row { margin-top: 13px; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.date_block_box .else_row .else_cols { display: flex; align-items: center; gap: 15px; }
.date_block_box .else_row .else_slice_para { font-size: 14px; font-weight: 350; line-height: 1.3; color: #5f5f5f; }
.date_block_box .date_while_para { font-size: 14px; font-weight: 350; line-height: 1.3; color: #5f5f5f; }
.date_block_box .date_while_para .emp { color: #000; }
.price_dom { display: inline-flex; gap: 3px; align-items: center; white-space: nowrap; }
.price_number { font-size: 20px; font-weight: 500; line-height: #2b2b2b; color: inherit; }
.price_unit { font-size: 14px; font-weight: 300; line-height: #000000; color: inherit; }
.box_flag { color: #fff; background: #f74e4e; font-size: 13px; font-weight: 400; line-height: 25px; color: #fff; display: inline-block; height: 26px; padding: 0 10px; white-space: nowrap; border-radius: 5px; }
.box_flag.type01{background-color: #008aff;}
.box_flag.type02{background-color: #999999;}
.box_flag.type03{background-color: #34b371;}
.box_flag.type04{background-color: #f74e4e;}

@media (max-width: 1023px) { /* 다른출발일 보기 */
	.system_calendar_zone { padding: 20px 15px; display: block; }
	.system_calendar_group { margin: 0 0 15px 0; }
	.system_calendar_group:last-of-type { margin-bottom: 0; }
	.system_calendar_month { font-size: 16px; letter-spacing: 0; }
	.system_calendar_table_wrap { margin-top: 10px; }
	.system_calendar_table { width: 100%; }
	.system_calendar_table tbody td { height: 50px; }
	.system_calendar_tditem { max-width: 40px; height: 40px; }
	.system_calendar_tditem.active { border-radius: 5px; }
	.system_calendar_day { font-size: 14px; }
	.system_calendar_value { font-size: 9px; }
	.system_calendar_thtext { font-size: 14px; }
	.popup_calendar_render_wrap { padding: 20px 10px; }
	.btn_system_control { display: block; width: 20px; height: 20px; top: -40px; }
	.btn_system_control:after { display: block; content: ""; width: 10px; height: 10px; border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; position: absolute; top: 4px; left: 50%; margin-left: -8px; transform: rotate(-45deg); }
	.btn_system_control.prev { right: 30px; left: auto; }
	.btn_system_control.next { right: 0; }
	.card_obj_group { margin-top: 15px; }
	.card_obj_list > li { margin-bottom: 15px; }
	.card_obj_item { flex-direction: column; }
	.card_obj_liquid_cols { padding: 15px 20px 15px 15px; border-right: 0; }
	.card_obj_liquid_cols:after { display: none; }
	.card_obj_main { font-size: 15px; }
	.card_obj_summary { padding: 15px 15px; display: block; }
	.card_obj_summary .summary_copy { font-size: 13px; }
	.card_obj_summary .summary_copy + .btn_ico_link { margin-top: 10px; }
	.card_obj_fixed_cols { display: none; }
	.price_main { font-size: 16px; }
	.price_unit { font-size: 13px; }
	.card_obj_temp_fixed { display: block; }
	.product_enter_low { padding: 20px; }
	.guide_flag_list { gap: 10px 15px; }
	.system_calendar_tditem .flag_dot_layer { top: 3px; right: 5px; }
	.guide_flag_dot { width: 10px; height: 10px; position: relative; top: 1px; }
	.guide_flag_name { font-size: 13px; }
	.date_block_box { border-radius: 5px; padding: 15px; }
	.date_block_box .else_row { display: block; text-align: right; }
	.date_block_box .else_row .else_cols { gap: 10px; justify-content: flex-end; }
	.date_block_box .else_row .else_slice_para { font-size: 12px; }
	.date_block_box .date_while_para { font-size: 14px; font-weight: 350; line-height: 1.3; color: #5f5f5f; }
	.date_block_box .date_while_para .emp { color: #000; }
}

/* 같이 구매하면 좋은 상품 */
.other_product_zone { position: relative; }
.other_control_wrap { width: 0; position: absolute; top: 0; height: 158px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 5; }
.other_control_wrap.prev { left: 0; }
.other_control_wrap.prev .btn_other_control:after { transform: rotate(225deg); left: 12px; }
.other_control_wrap.next { right: 0; }
.btn_other_control { width: 28px; height: 28px; border-radius: 100%; background: #fff; border: 1px solid #c7c7c7; position: relative; }
.btn_other_control:after { display: block; content: ""; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); position: absolute; top: 9px; left: 8px; }
.swiper-container.other_product_container { width: auto; }
.swiper-container.other_product_container .swiper-wrapper { width: auto; }
.swiper-container.other_product_container .swiper-slide { width: auto; }
.other_product_item { width: 158px; }
.other_product_item .price_obj_wrap { margin-top: 12px; }
.other_product_item .price_obj_wrap .price_obj { justify-content: flex-start; }
.other_product_item .price_obj_wrap .price_main { font-size: 18px; font-weight: 500; color: #2b2b2b; }
.other_product_item .price_obj_wrap .price_unit { font-size: 15px; color: #4e4e4e; }
.other_product_thum { height: 156px; position: relative; overflow: hidden; border-radius: 18px; border: 1px solid #dadada; display: block; }
.other_product_thum img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; }
.other_product_spec { margin-top: 15px; }
.other_product_main { margin-top: 4px; font-size: 16px; color: #2b2b2b; font-weight: 500; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4; }
.arrange_item_list_wrap { margin-top: 10px; }
.arrange_item_list_wrap .arrange_item_list { gap: 5px; flex-direction: column; }
.arrange_item_list.type2 { display: block; }
.arrange_item_list.type2 > li { margin-bottom: 3px; }
.arrange_item_list.type2 > li:last-of-type { margin-bottom: 0; }

/* 기타 상세 */
.detail_img_render_wrap { text-align: center; }
.detail_img_render_wrap img { vertical-align: top; }
.btn_cont_more_wrap { margin-top: 35px; }
.btn_cont_more { display: flex; align-items: center; justify-content: center; border: 1px solid #e3e3e3; border-radius: 8px; text-align: center; padding: 15px; }
.btn_cont_more_text { font-size: 15px; color: #2b2b2b; display: inline-block; position: relative; padding-right: 20px; }
.btn_cont_more_text:after { display: block; content: ""; width: 7px; height: 7px; border-right: 1px solid #838383; border-bottom: 1px solid #838383; position: absolute; top: 5px; right: 2px; transform: rotate(45deg); }
.api_map_wrap { margin-bottom: 20px; }
.brick_list > li { margin-bottom: 10px; }
.brick_list > li:last-of-type { margin-bottom: 0; }
.brick_title_row { margin-bottom: 12px; }
.brick_title { font-size: 16px; color: #333333; font-weight: 500; font-family: initial; font-weight: bold; }
.brick_contents.skin2 { background: #f9f9f9; border-radius: 20px; padding: 23px 28px; }
.brick_inner_title_row { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.brick_inner_ico { background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
.brick_inner_ico.ico_01 { background-image: url("/asp/images/icon/ico_import_visual.png"); flex: 0 0 17px; width: 17px; height: 30px; }
.brick_inner_title { font-size: 16px; font-weight: 500; color: #333333; }
.bullet_list_wrap { display: flex; flex-wrap: wrap; gap: 20px; }
.bullet_list_wrap > .bullet_list { flex: 0 0 calc(50% - 20px); }
.bullet_list { font-size: 16px; color: #4e4e4e; }
.bullet_list.dot.size_2 { font-size: 14px; }
.bullet_list.dot.size_2 > li:before { top: 10px; }
.bullet_list.dot > li { position: relative; padding-left: 10px; margin-bottom: 5px; }
.bullet_list.dot > li:before { display: block; content: ""; width: 2px; height: 2px; background: #4e4e4e; position: absolute; top: 12px; left: 0; border-radius: 100%; }
.bullet_list.dot > li:last-of-type { margin-bottom: 0; }
.detail_toggle_list > li { margin-bottom: 20px; }
.detail_toggle_list > li:last-of-type { margin-bottom: 0; }
.detail_toggle_item.active .detail_toggle_bar:after { transform: rotate(225deg); top: 24px; }
.detail_toggle_item.active .detail_toggle_contents { display: block; }
.detail_toggle_bar { display: block; background: #f9f9f9; color: #2b2b2b; font-weight: 500; border-radius: 8px; padding: 15px 65px 15px 25px; font-size: 16px; color: #2b2b2b; position: relative; }
.detail_toggle_bar:after { display: block; content: ""; width: 10px; height: 10px; border-right: 1px solid #838383; border-bottom: 1px solid #838383; position: absolute; top: 19px; right: 30px; transform: rotate(45deg); }
.detail_toggle_contents { padding: 20px 20px; display: none; }

@media (max-width: 1023px){
	.btn_cont_more_wrap { margin-top: 25px; }
	.btn_cont_more { padding: 10px; }
	.btn_cont_more_text { font-size: 14px; }
	.brick_title_row { margin-bottom: 10px; }
	.brick_title { font-size: 14px; }
	.brick_contents.skin2 { padding: 15px 20px; }
	.bullet_list { font-size: 14px; }
	.bullet_list.dot > li:before { top: 10px; }
	.detail_toggle_list > li { margin-bottom: 20px; }
	.detail_toggle_list > li:last-of-type { margin-bottom: 0; }
	.detail_toggle_item.active .detail_toggle_bar:after { top: 20px; }
	.detail_toggle_item.active .detail_toggle_contents { display: block; }
	.detail_toggle_bar { padding: 12px 45px 12px 20px; font-size: 14px; }
	.detail_toggle_bar:after { width: 8px; height: 8px; top: 15px; right: 20px; }
 }

/* contents */
.section_brick_group + .card_container_box { margin-top: 50px; }
.section_brick { padding: 35px 0; border-bottom: 7px solid #fafafa; }
.section_brick:first-of-type { padding-top: 0; }
.section_brick:last-of-type { border-bottom: 0; padding-bottom: 0; }
.section_brick.intro .section_cont { margin: 0; }
.section_cont { margin: 0 20px; }
.section_cont.type2 { margin: 0; }
.section_cont.ptype2 { padding: 0 20px; }
.section_cont .brick_list_wrap { margin-bottom: 10px; }
.section_cont .brick_list_wrap:last-of-type { margin-bottom: 0; }
.section_title_row { margin: 0 10px 25px; display: flex; justify-content: space-between; align-items: center; }
.section_title { font-size: 21px; font-weight: 500; color: #2b2b2b; line-height: 1.3; }
.section_title_else { display: flex; gap: 10px; flex-wrap: wrap; }
.section_field { padding: 30px 0; border-bottom: 1px solid #e7e7e7; }
.section_field.line_type2 { border-bottom: 7px solid #fafafa; }
.section_field.line_type2:last-of-type { padding-bottom: 30px; border-bottom: 7px solid #fafafa; }
.section_field.type2 { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.section_field.type2 .section_field_title_row { margin-bottom: 0; }
.section_field:first-of-type { padding-top: 0; }
.section_field:last-of-type { border-bottom: 0; padding-bottom: 0; }
.section_field_title_row { margin-bottom: 20px; }
.section_field_title { font-size: 17px; font-weight: 500; color: #2b2b2b; }
.btn_bottom_wrap { text-align: center; margin-top: 35px; display: flex; justify-content: center; gap: 10px 20px; align-items: center; }
.btn_bottom_box { max-width: 400px; display: flex; align-items: center; min-height: 60px; box-sizing: border-box; padding: 10px 20px; background: #176bdd; border-radius: 100px; width: 100%; justify-content: center; }
.btn_bottom_box_inner { font-size: 19px; color: #fff; }
.card_container_box .section_field_title_row { margin-bottom: 20px; }
.card_top_row { background: #2b8bf2; padding: 15px 25px; display: flex; align-items: center; border-radius: 17px 17px 0 0; position: relative; overflow: hidden; }
.card_top_title { display: inline-flex; gap: 10px; align-items: center; }
.card_top_title:before { display: block; content: ""; width: 33px; height: 25px; background: url("/asp/images/icon/ico_card_top.png") no-repeat 0 0/100% auto; flex: 0 0 33px; }
.card_top_title_text { font-size: 19px; color: #ffffff; font-weight: 500; line-height: 1.3; position: relative; top: -1px; }
.card_contents_row { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 30px 30px 50px; border-radius: 0 0 17px 17px; }
.product_summary_item { display: flex; gap: 13px; }
.product_summary_img { flex: 0 0 200px; position: relative; width: 200px; height: 140px; overflow: hidden; border-radius: 8px; }
.product_summary_img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.product_summary_spec { flex: 1; min-width: 0; border-radius: 18px; padding: 24px 30px; background: #f9f9f9; }
.product_summary_main { font-size: 21px; font-weight: 500; color: #000000; line-height: 1.3; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.product_summary_sub { font-size: 14px; color: #999999; line-height: 1.3; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 5px; }
.product_summary_caption_wrap { margin-top: 25px; }
.ps_caption { display: flex; gap: 5px; }
.ps_caption dt,
.ps_caption dd { font-size: 15px; }
.ps_caption dt { color: #6d6c6c; white-space: nowrap; flex: 0; }
.ps_caption dd { color: #1b1b1b; flex: 1; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.product_summary_guide_tb_wrap { margin-top: 30px; }
.product_summary_guide_tb { width: 100%; }
.product_summary_guide_tb th,
.product_summary_guide_tb td { text-align: left; padding-bottom: 20px; vertical-align: top; }
.product_summary_guide_tb th { width: 1px; white-space: nowrap; padding-right: 35px; }
.product_summary_guide_tb tr:last-of-type th,
.product_summary_guide_tb tr:last-of-type td { padding-bottom: 0; }
.psguide_thtext { display: inline-block; font-size: 16px; color: #4e4e4e; white-space: nowrap; }
.psguide_td_maintext { font-size: 17px; color: #2b2b2b; }
.psguide_td_subtext_wrap { margin-top: 5px; }
.psguide_td_subtext { color: #6d6c6c; font-size: 14px; margin-bottom: 5px; }
.psguide_td_subtext.emp { color: #2b8bf2; }
.psguide_td_subtext:last-of-type { margin-bottom: 0; }
.psguide_td_text { font-size: 16px; color: #2b2b2b; }
.psguide_td_text.type2 { font-size: 15px; }
.btn_smcontrol_list { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 5px; }
.btn_smcontrol { display: inline-flex; border: 1px solid #cccccc; background: #fff; border-radius: 4px; padding: 4px 10px 5px; align-items: center; gap: 5px; }
.btn_smcontrol.type2 { border-color: #2b8bf2; background-color: #2b8bf2; }
.btn_smcontrol.type2 .btn_smcontrol_text { color: #fff; }
.btn_smcontrol_text { font-size: 13px; color: #4e4e4e; display: inline-block; }
.ico_smcontrol { display: inline-block; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
.ico_smcontrol.map { background-image: url("/asp/images/icon/ico_pin.png"); width: 12px; height: 15px; flex: 0 0 12px; }
.field_list_wrap.col_3 .field_list_tr { gap: 20px 40px; margin-right: -40px; }
.field_list_wrap.col_3 .field_list_tr > li { flex: 0 0 calc(33.33333% - 40px); }
.field_list_tr { display: flex; flex-wrap: wrap; gap: 20px 30px; margin-right: -30px; }
.field_list_tr > li { flex: 0 0 calc(50% - 30px); }
.field_indl { display: flex; }
.field_indt { flex: 0; white-space: nowrap; padding: 13px 15px 0 0; }
.field_indd { flex: 1; }
.field_indt_key { font-size: 16px; color: #333333; white-space: nowrap; display: inline-block; }
.field_indt_key.import:after { display: inline-block; content: ""; vertical-align: top; position: relative; top: 10px; margin-left: 6px; background: #f84242; border-radius: 100%; width: 5px; height: 5px; }
.field_input_wrap { border: 1px solid #cccccc; border-radius: 5px; overflow: hidden; display: flex; align-items: center; }
input.field_input { border: 0; outline: 0; width: 100%; height: 48px; line-height: 1; padding: 0 15px; font-size: 16px; color: #333333; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input.field_input.calendar { background: url("/asp/images/icon/ico_calendar.png") no-repeat calc(100% - 10px) 50%/26px auto; padding-right: 48px; }
input.form_boxinput { width: 100%; height: 46px; box-sizing: border-box; line-height: 1; padding: 0 15px; font-size: 15px; color: #2d2d2d; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; border-radius: 5px; }
input.form_boxinput.calendar { background: #fff url("/asp/images/icon/ico_calendar_44x44.png") no-repeat calc(100% - 14px) 50%/22px auto; padding-right: 50px; }
input.form_boxinput.calendar::-moz-placeholder { color: #2d2d2d; }
input.form_boxinput.calendar::placeholder { color: #2d2d2d; }
.field_each_para { font-size: 13px; color: #b5b5b5; margin-top: 5px; }
.field_calendar_group { /* position:relative; */}
.btn_field_ico { width: 48px; height: 48px; flex: 0 0 48px; background-repeat: no-repeat; background-position: 50% 50%; }
.btn_field_ico.calendar { background-image: url("/asp/images/icon/ico_calendar.png"); background-size: 26px auto; }
.report_form_list > li { padding: 30px 0; border-bottom: 1px solid #e7e7e7; }
.report_form_list > li:first-of-type { padding-top: 0; }
.report_form_list > li:last-of-type { border-bottom: 0; padding-bottom: 0; }
.report_form_flex { display: flex; gap: 25px; align-items: center; }
.report_form_key { flex: 0 0 80px; }
.report_form_keyitem { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border: 1px solid #e8e8e8; border-radius: 100%; }
.keyitem_text { font-size: 16px; font-weight: 500; color: #333333; }
.report_form_liquid { flex: 1; min-width: 0; }
.props_box_list { display: flex; gap: 5px; }
.props_box_list > li { position: relative; flex: 1; }
.props_box_list > li.color_01 { background: #e6f7ff; }
.props_box_list > li.color_01 input.props_box_form:checked { /* & + .props_box_label { background:#e6f7ff } */}
.props_box_list > li.color_01 input.props_box_form:checked + .props_box_label { color: #fff; background-color: #2b8bf2; border-color: #2b8bf2; }
.props_box_list > li.color_02 { background: #fff6f6; }
.props_box_list > li.color_02 input.props_box_form:checked + .props_box_label { color: #fff; background-color: #2b8bf2; border-color: #2b8bf2; }
input.props_box_form { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; cursor: pointer; }
input.props_box_form:checked { /* & + .props_box_label { color:#fff; background-color:#2b8bf2; border-color:#2b8bf2; } */}
.props_box_label { font-size: 16px; color: #333333; border: 1px solid #cccccc; border-radius: 5px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.inline_eachform_group { display: flex; align-items: center; gap: 6px; width: 100%; }
.inline_eachform_group > li.fixed { flex: 0 0 40%; }
.inline_eachform_group > li.liquid { flex: 1; }
.props_form_tb { margin: 0 20px; }
.props_form_tr { display: flex; flex-wrap: wrap; gap: 20px; margin-right: -20px; }
.props_form_tr > li { flex: 0 0 calc(25% - 20px); }
.form_guide_para_list_wrap { margin-top: 30px; background: #f9f9f9; border-radius: 10px; padding: 20px; }
.form_guide_para { font-size: 14px; color: #5f5f5f; position: relative; padding-left: 20px; }
.form_guide_para:before { display: block; content: ""; width: 15px; height: 15px; background: url("/asp/images/icon/ico_import.png") no-repeat 0 0/100% auto; position: absolute; top: 3px; left: 0; min-height: 15px; }
.user_form_tb { margin: 0 20px; }
.user_form_tr > li { display: flex; padding: 30px 0; border-bottom: 1px solid #e7e7e7; }
.user_form_tr > li:first-of-type { padding-top: 0; }
.user_form_tr > li:last-of-type { border-bottom: 0; padding-bottom: 0; }
.user_form_key { flex: 0; white-space: nowrap; padding: 10px 15px 0 0; }
.user_form_keylabel { font-size: 16px; color: #444444; }
.user_form_liquid { flex: 1; min-width: 0; }
.user_form_sub_wrap { margin-top: 15px; }
.user_form_sub_list > li { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.user_form_sub_cols:last-of-type { text-align: right; }
.count_field_wrap { display: flex; align-items: center; gap: 12px; }
.btn_count_control { width: 28px; height: 28px; border: 1px solid #c6c6c6; border-radius: 100%; position: relative; border-radius: 100%; }
.btn_count_control.down:before { display: block; content: ""; width: 12px; height: 2px; background: #6d6c6c; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -6px; }
.btn_count_control.up:before,
.btn_count_control.up:after { display: block; content: ""; width: 12px; height: 2px; background: #6d6c6c; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -6px; }
.btn_count_control.up:after { transform: rotate(90deg); }
.count_fraction { font-size: 18px; color: #2b2b2b; position: relative; top: -2px; }
.price_number_wrap { color: #333333; display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.price_number_wrap.emp .price_number_main { font-size: 22px; }
.price_number_main { font-size: 20px; font-weight: 500; }
.price_number_unit { font-size: 16px; }
.price_number_sub { font-size: 14px; color: #999999; margin-top: 2px; }
.obj_spec_list { margin-left: 20px; }
.obj_spec_list > li { margin-bottom: 5px; }
.obj_spec_list > li:last-of-type { margin-bottom: 0; }
.obj_spec_dl { display: flex; justify-content: space-between; }
.obj_spec_dl.type2 { align-items: center; }
.obj_spec_key { font-size: 16px; color: #2b2b2b; }
.emp_keybox { background: #eff6fe; display: inline-flex; border-radius: 10px; gap: 10px; padding: 10px 15px; align-items: center; }
.emp_keyimg { width: 32px; flex: 0 0 32px; }
.emp_keyimg > img { vertical-align: middle; max-width: 100%; }
.emp_valuetext { font-size: 15px; color: #2b8bf2; font-weight: 500; }
.emp_valuetext strong { font-size: 18px; }
.form_props_obj_list { margin: 0 20px; display: flex; flex-wrap: wrap; gap: 20px; margin-right: -20px; }
.form_props_obj_list > li { flex: 0 0 calc(25% - 20px); }
.terms_props_ui_wrap { margin: 0 20px; }
.terms_props_primary { font-size: 0; line-height: 0; margin-bottom: 15px; }
.terms_props_list { font-size: 0; line-height: 0; }
.terms_props_list > li { margin-bottom: 15px; display: flex; align-items: flex-start; gap: 12px; }
.terms_props_list > li:last-of-type { margin-bottom: 0; }
.terms_props_list > li .btn_textonly_item { position: relative; top: 3px; }
.btn_textonly_item { display: inline-block; font-size: 14px; color: #6d6c6c; border-bottom: 1px solid #e7e7e7; line-height: 1; padding-bottom: 3px; white-space: nowrap; }
.swiper_visual_container_zone { position: relative; }
.swiper_visual_nav_layer { position: absolute; top: 0; height: 100%; width: 0; /* outline:1px solid red; */}
.swiper_visual_nav_layer.prev { left: 0; }
.swiper_visual_nav_layer.prev .btn_swiper_vnav:after { transform: rotate(225deg); left: 12px; }
.swiper_visual_nav_layer.next { right: 0; }
.btn_swiper_vnav { width: 28px; height: 28px; border-radius: 100%; background: #fff; border: 1px solid #c7c7c7; position: absolute; top: 50%; left: 50%; display: inline-block; transform: translate(-50%, -50%); z-index: 5; }
.btn_swiper_vnav:after { display: block; content: ""; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); position: absolute; top: 9px; left: 8px; }
.swiper-container.swiper_visual_container { position: relative; overflow: hidden; border-radius: 18px; }
.swiper_visual_item { position: relative; }
.swiper_visual_item > img { vertical-align: top; width: 100%; }
.swiper_img_caption { position: absolute; bottom: 13px; box-sizing: border-box; left: 13px; font-size: 14px; color: #fff; background: rgba(0, 0, 0, 0.5); border-radius: 100px; padding: 3px 10px 4px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: calc(100% - 80px); }
.swiper_paging_layer { position: absolute; bottom: 13px; right: 13px; box-sizing: border-box; z-index: 5; line-height: 0; font-size: 0; }
.swiper_paging_layer .swiper-pagination { font-size: 12px; position: static; line-height: 1; color: #fff; left: 12px; background: rgba(0, 0, 0, 0.5); border-radius: 100px; display: inline-block; padding: 5px 10px 8px; width: auto; }
.swiper_paging_layer .swiper-pagination .swiper-pagination-total,
.swiper_paging_layer .swiper-pagination .swiper-pagination-current { font-size: 13px; position: relative; top: 1px; line-height: 1; color: #fff; display: inline-block; }
.product_primary_title_row { margin: 30px 0 25px; gap: 10px; display: flex; }
.ico_des { display: block; width: 54px; height: 54px; flex: 0 0 54px; background-color: #f4f7fa; border-radius: 100%; background-position: 50% 50%; background-size: 100% auto; }
.ico_des.ico_01 { background-image: url("/asp/images/icon/ico_circle_01.png"); }
.ico_des.ico_02 { background-image: url("/asp/images/icon/ico_circle_02.png"); }
.ico_des.ico_03 { background-image: url("/asp/images/icon/ico_circle_03.png"); }
.product_primary_title_group { flex: 1; }
.product_primary_title { font-size: 21px; color: #1b1b1b; font-weight: 500; }
.product_primary_sub { font-size: 14px; color: #999999; }
.emp_spec_tb { display: table; width: 100%; }
.emp_spec_tr { display: table-row; }
.emp_spec_tr:first-of-type .emp_spec_cell { padding-top: 0; }
.emp_spec_tr:last-of-type .emp_spec_cell { border-bottom: 0; padding-bottom: 0; }
.emp_spec_cell { display: table-cell; vertical-align: top; padding: 35px 0; border-bottom: 7px solid #fafafa; }
.emp_spec_cell.intro .section_cont { margin: 0; }
.emp_spec_cell.define_th { white-space: nowrap; width: 1px; padding-right: 60px; }
.des_keyword_wrap { display: flex; align-items: center; gap: 15px; }
.des_keyword_text { font-size: 18px; color: #1b1b1b; }
.keyword_smbox_wrap { margin-bottom: 20px; position: relative; overflow: hidden; overflow-x: auto; }
.keyword_smbox_wrap::-webkit-scrollbar { display: none; }
.keyword_smbox_list { display: flex; gap: 5px; /* flex-wrap:wrap; */
 flex-wrap: wrap; }
.keyword_smbox { display: inline-flex; gap: 3px; border: 1px solid #e7e7e7; border-radius: 100px; padding: 7px 15px 7px 12px; align-items: center; }
.keyword_smbox .ico { background: url("/asp/images/icon/ico_product_keyword.png") no-repeat 0 0/100% auto; width: 20px; height: 20px; flex: 0 0 20px; }
.keyword_smbox .ico.ico_check { background-position: 0 0; }
.keyword_smbox .ico.ico_eat { background-position: 0 50%; }
.keyword_smbox .ico.ico_pro { background-position: 0 100%; }
.keyword_smbox.active { background: #eff5fc; border-color: #eff5fc; }
.keyword_smbox.active .keyword_smbox_text { color: #2b8bf2; }
.keyword_smbox.active2 .keyword_smbox_text { color: #2b8bf2; }
.keyword_smbox_text { display: inline-block; font-size: 14px; line-height: 1; color: #5f5f5f; position: relative; top: -1px; white-space: nowrap; }
.emp_data_container { background: #f9f9f9; border: 1px solid #e6e6e6; border-radius: 8px; padding: 23px 20px; margin-bottom: 20px; }
.emp_data_container:last-of-type { margin-bottom: 0; }
.data_grid_wrap { display: flex; gap: 15px; }
.fiqure_item { width: 216px; height: 238px; position: relative; overflow: hidden; border: 1px solid #e6e6e6; border-radius: 8px; position: relative; }
.fiqure_item > img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.fiqure_thum_text { position: absolute; bottom: 0; box-sizing: border-box; left: 0; width: 100%; background: rgba(0, 0, 0, 0.4); text-align: center; font-size: 13px; color: #ffffff; padding: 10px; }
.data_grid_spec { flex: 1; min-width: 0; }
.data_spec_primary_wrap { display: flex; gap: 20px; align-items: flex-start; }
.data_spec_liquid { flex: 1; min-width: 0; }
.data_spec_pro_name { font-size: 23px; color: #2b2b2b; font-weight: 500; }
.data_spec_pro_sub { font-size: 14px; color: #999999; }
.data_spec_pro_else { margin-top: 12px; color: #49627a; font-size: 16px; }
.data_spec_fixed { flex: 0; white-space: nowrap; display: flex; justify-content: flex-end; padding-top: 7px; }
.data_flag_initem { display: inline-flex; align-items: center; gap: 3px; }
.data_flag_initem .ico { width: 20px; height: 20px; flex: 0 0 20px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.data_flag_initem .ico.ico_pro { background-image: url("/asp/images/icon/ico_pro_blue_single_01.png"); }
.data_flag_text { font-size: 15px; color: #2b8bf2; line-height: 1; }
.data_spec_list_render { margin-top: 20px; }
.data_detail_box_list > li { margin-bottom: 10px; }
.data_detail_box_list > li:last-of-type { margin-bottom: 0; }
.data_detail_box { border: 1px solid #e6e6e6; padding: 16px 15px; background: #fff; border-radius: 10px; display: flex; align-items: center; gap: 20px; }
.dd_liquid { flex: 1; min-width: 0; }
.dd_fixed { flex: 0; white-space: nowrap; text-align: right; }
.dd_indent_item { display: flex; gap: 8px; }
.dd_indent_item .ico { background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; position: relative; }
.dd_indent_item .ico.men { width: 18px; height: 18px; flex: 0 0 18px; background-image: url("/asp/images/icon/ico_men_18.png"); top: 2px; }
.dd_indent_item .ico.pro { width: 20px; height: 20px; flex: 0 0 20px; background-image: url("/asp/images/icon/ico_pro_blue_single_01.png"); top: 2px; }
.dd_indent_liquid { flex: 1; min-width: 0; }
.dd_indent_text_g.type2 { display: flex; flex-wrap: wrap; gap: 10px; }
.dd_indent_text_g.type2 .btn_allow_link { margin-top: 3px; }
.dd_indent_main_text { font-size: 15px; color: #2b2b2b; }
.dd_indent_main_text.emp { color: #2b8bf2; }
.dd_indent_sub_text { font-size: 14px; color: #6d6c6c; }
.dd_summary_item_list { margin-top: 30px; }
.dd_summary_item_list > li { margin-bottom: 5px; }
.dd_summary_item_list > li:last-of-type { margin-bottom: 0; }
.dd_summary_item { display: flex; gap: 2px; }
.dd_summary_item .ico { background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; flex: 0; position: relative; width: 20px; height: 20px; flex-basis: 20px; top: 1px; }
.dd_summary_item .ico.check { background-image: url("/asp/images/icon/ico_pro_blue_single_02.png"); }
.dd_summary_item .ico.eat { background-image: url("/asp/images/icon/ico_pro_blue_single_03.png"); }
.dd_summary_item .ico.warn { background-image: url("/asp/images/icon/ico_pro_gray_single_01.png"); }
.dd_summary_item .ico.eat_no { background-image: url("/asp/images/icon/ico_pro_gray_single_02.png"); }
.dd_summary_text { font-size: 14px; color: #5f5f5f; }
.dd_summary_text.emp { color: #2b8bf2; }
.emp_highlight_row { margin-bottom: 7px; }
.emp_highlight_box { color: #f74e4e; font-size: 12px; border-radius: 5px; background: #fff4f4; padding: 5px; }
.emp_highlight_box.skin2 { background-color: #fffcc4; }
.price_package { display: inline-flex; align-items: center; gap: 2px; }
.price_p_number { font-size: 22px; font-weight: 700; color: #2b2b2b; line-height: 1; }
.price_p_unit { font-size: 16px; color: #000000; }
.price_summary_para { font-size: 12px; color: #999999; margin-top: 3px; }
.price_btn_row { margin-top: 5px; }
.btn_cardsm { display: inline-block; color: #fff; background: #2b8bf2; line-height: 1; font-size: 14px; padding: 6px 12px 8px; border-radius: 4px; }
.data_bullet_list { margin-top: 5px; }
.data_bullet_list > li { padding-left: 8px; position: relative; color: #b5b5b5; font-size: 14px; }
.data_bullet_list > li:before { display: block; content: ""; width: 2px; height: 2px; background: #b5b5b5; position: absolute; top: 10px; left: 0; }
.dd_caption_para { font-size: 15px; color: #2b2b2b; margin-top: 15px; }
.dd_summary_item_list { font-size: 14px; color: #b5b5b5; }
.dd_summary_item_list > li { /* padding-left:8px; position:relative; &:before { display:block; content:''; width:2px; height:2px; background:#b5b5b5; position:absolute; top:8px; left:0; } */}
.btn_allow_link { display: inline-block; position: relative; padding-right: 12px; }
.btn_allow_link:after { display: block; content: ""; width: 7px; height: 7px; border-right: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; position: absolute; top: 4px; right: 2px; transform: rotate(-45deg); }
.allow_link_text { display: inline-block; font-size: 14px; color: #2b2b2b; line-height: 1; }
.btn_moreitem_row { text-align: center; margin-top: 16px; }
.btn_moreitem { display: inline-block; }
.moreitem_text { display: inline-block; font-size: 15px; color: #2b2b2b; position: relative; padding-right: 19px; }
.moreitem_text:after { display: block; content: ""; width: 8px; height: 8px; border-right: 1px solid #5f5f5f; border-bottom: 1px solid #5f5f5f; position: absolute; top: 0; right: 0; transform: rotate(45deg); position: absolute; top: 4px; right: 1px; }
.tabc_item_block_wrap { margin-top: 45px; }
.tabc_item_title { font-size: 19px; color: #2b2b2b; font-weight: 500; }
.tblock_list > li { padding: 40px 20px; border-bottom: 1px solid #e7e7e7; }
.tblock_list > li:first-of-type { padding-top: 0; }
.tblock_title { font-size: 19px; font-weight: 500; color: #2b2b2b; margin-bottom: 18px; }
.tblock_content { font-size: 14px; color: #5f5f5f; }
/* // contents */
@media (max-width: 1280px){
	.fiqure_item { width: 151.2px; height: 166.6px; }
 }
@media (max-width: 1023px){
	.section_brick_group + .card_container_box { margin-top: 30px; }
	.section_brick { padding: 30px 0; }
	.section_cont { margin: 0 0 0 10px; }
	.section_cont.type2 { margin-left: 10px; }
	.section_cont .section_field { margin-left: -10px; padding-left: 10px; }
	.section_cont .section_field.line_type2:last-of-type { padding-bottom: 20px; }
	.section_title_row { margin: 0 0 20px; }
	.section_title { font-size: 16px; }
	.section_field { padding: 20px 0; }
	.section_field_title_row { margin-bottom: 10px; }
	.section_field_title { font-size: 14px; }
	.btn_bottom_box { min-height: 50px; }
	.btn_bottom_box_inner { font-size: 16px; }
	.product_summary_item { gap: 10px; }
	.product_summary_img { width: 100px; height: 70px; flex-basis: 100px; }
	.product_summary_spec { padding: 10px 15px; border-radius: 8px; }
	.product_summary_main { font-size: 17px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.product_summary_sub { font-size: 14px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.product_summary_caption_wrap { margin-top: 10px; }
	.ps_caption dt,
	.ps_caption dd { font-size: 14px; }
	.ps_caption dd { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.psguide_thtext { font-size: 14px; }
	.product_summary_guide_tb th { padding-right: 10px; }
	.psguide_td_text,
	.psguide_td_maintext { font-size: 14px; }
	.psguide_td_text.type2 { font-size: 14px; }
	.field_list_tr { gap: 10px 15px; margin-right: -15px; }
	.field_list_tr > li { flex-basis: calc(50% - 15px); }
	.field_indt { padding-top: 11px; }
	input.field_input { height: 40px; font-size: 14px; }
	input.field_input.calendar { background-size: 20px auto; }
	.field_indt_key { font-size: 14px; }
	.field_indt_key.import:after { top: 9px; margin-left: 3px; }
	.report_form_flex { gap: 10px; }
	.report_form_keyitem { width: 65px; height: 65px; }
	.keyitem_text { font-size: 14px; }
	.report_form_key { flex-basis: 67px; }
	.props_box_label { height: 40px; font-size: 14px; }
	.props_form_tb { margin: 0; }
	.props_form_tr { gap: 10px; margin-right: -10px; }
	.props_form_tr > li { flex-basis: calc(33.333333% - 10px); }
	.form_guide_para_list_wrap { margin-top: 20px; padding: 15px; }
	.user_form_tb { margin: 0 0 0 -10px; }
	.user_form_tb .user_form_key { padding-left: 10px; }
	.user_form_keylabel { font-size: 14px; }
	.count_fraction { font-size: 16px; }
	.price_number_wrap { gap: 3px; }
	.price_number_main { font-size: 17px; }
	.price_number_unit { font-size: 14px; }
	.price_number_wrap.emp .price_number_main { font-size: 20px; }
	.obj_spec_key { font-size: 14px; }
	.emp_valuetext { font-size: 14px; }
	.form_props_obj_list { margin: 0 -20px 0 0; }
	.form_props_obj_list > li { flex-basis: calc(33.333333% - 20px); }
	/* .section_field_title { margin-left:10px; }
	.obj_spec_list { margin-left:10px; }
	.field_list_wrap { margin-left:10px; } */
	.obj_spec_list { margin-left: 0; }
	.card_container_box .section_field_title_row { margin-bottom: 10px; }
	.card_container_box .section_field_contents { margin-left: 10px; }
	.card_top_row { padding: 12px 15px; border-radius: 10px 10px 0 0; }
	.card_contents_row { border-radius: 0 0 10px 10px; }
	.card_top_title:before { width: 23.1px; height: 17.5px; flex-basis: 23.1px; }
	.card_top_title_text { font-size: 16px; }
	.card_contents_row { padding: 15px; }
	.popup_contents_row .section_cont { margin: 0; }
	.swiper_visual_nav_layer .btn_swiper_vnav { width: 20px; height: 20px; }
	.swiper_visual_nav_layer .btn_swiper_vnav:after { width: 6px; height: 6px; top: 7px; left: 5px; }
	.swiper_visual_nav_layer.prev .btn_swiper_vnav:after { left: 8px; }
	.swiper-container.swiper_visual_container { border-radius: 10px; }
	.swiper_img_caption { font-size: 12px; }
	.swiper_paging_layer .swiper-pagination { font-size: 12px; }
	.swiper_paging_layer .swiper-pagination .swiper-pagination-total,
	.swiper_paging_layer .swiper-pagination .swiper-pagination-current { font-size: 12px; }
	.ico_des { width: 45px; height: 45px; flex-basis: 45px; }
	.product_primary_title_row { margin: 20px 0 15px; }
	.product_primary_title { font-size: 17px; line-height: 1.4; }
	.product_primary_sub { font-size: 13px; }
	.brick_contents.skin2 { border-radius: 10px; }
	.emp_spec_cell,
	.emp_spec_tr,
	.emp_spec_tb { display: block; }
	.emp_spec_cell { border-bottom: 0; padding: 0; }
	.emp_spec_cell.define_th { padding: 0 0 20px 0 !important; width: auto; }
	.emp_spec_tr { border-bottom: 7px solid #fafafa; padding: 35px 0; }
	.emp_spec_tr:first-of-type { padding-top: 0; }
	.emp_spec_tr:last-of-type { padding-bottom: 0; border-bottom: 0; }
	.emp_spec_cell.define_td { margin: 0 0 0 10px; }
	.des_keyword_text { font-size: 16px; }
	.popup_contents_row .section_field,
	.popup_contents_row .field_list_wrap { margin-left: 10px; }
	.popup_contents_row .report_form_liquid .field_list_wrap { margin-left: 0; }
	.popup_contents_row .section_field { padding-left: 0; }
	.popup_contents_row .section_field .field_list_wrap { margin-left: 0; }
	.popup_contents_row .card_container_box .section_field,
	.popup_contents_row .card_container_box .field_list_wrap { margin-left: 0; }
	.popup_contents_row .user_form_tb { margin-left: 0; }
	.popup_contents_row .props_form_tb { margin: 0 0 0 10px; }
	.terms_props_list > li .btn_textonly_item { top: 1px; }
	.data_spec_primary_wrap { flex-direction: column-reverse; gap: 5px; }
	.data_spec_fixed { padding-top: 0; }
	.data_flag_text { font-size: 14px; }
	.data_spec_pro_name { font-size: 17px; }
	.data_spec_pro_sub { font-size: 13px; }
	.price_p_number { font-size: 18px; }
	.price_p_unit { font-size: 14px; }
	.data_spec_pro_else { font-size: 13px; }
	.fiqure_item { width: 80px; height: 85px; border-radius: 5px; }
	.fiqure_thum_text { font-size: 11px; padding: 3px; word-break: keep-all; }
	.data_grid_wrap { gap: 10px; flex-direction: row-reverse; }
	.dd_indent_item .ico.men { width: 14px; height: 14px; flex-basis: 14px; }
	.dd_indent_item .ico.pro { width: 16px; height: 16px; flex-basis: 16px; }
	.btn_allow_link:after { width: 6px; height: 6px; top: 6px; }
	.allow_link_text { font-size: 12px; }
	.dd_indent_main_text { font-size: 12px; padding-top: 0; }
	.emp_highlight_box { font-size: 9px; border-radius: 2px; padding: 3px; }
	.dd_summary_item .ico { top: 1px; width: 16px; height: 16px; flex-basis: 16px; }
	.dd_summary_text,
	.dd_indent_sub_text { font-size: 12px; }
	.dd_indent_item { gap: 4px; }
	.data_spec_list_render { margin-right: -90px; }
	.data_detail_box { padding: 10px; border-radius: 5px; gap: 10px; }
	.dd_summary_item_list { margin-top: 10px; }
	.dd_fixed { /* white-space: normal; margin-top:20px; */}
	.dd_caption_para { margin-top: 7px; font-size: 12px; }
	.dd_indent_text_g.type2 { gap: 2px 5px; }
	.dd_indent_text_g.type2 .btn_allow_link { margin-top: 0px; }
	.data_bullet_list > li { font-size: 12px; padding-left: 7px; }
	.data_bullet_list > li:before { top: 8px; }
	.keyword_smbox_wrap { margin-left: -20px; margin-right: -20px; padding: 0 20px; }
	.keyword_smbox_list { flex-wrap: nowrap; }
	.keyword_smbox_list:after { display: block; content: ""; width: 15px; flex: 0 0 15px; }
	.keyword_smbox { padding: 5px 10px 5px 8px; }
	.keyword_smbox_text { font-size: 13px; top: 0; }
	.emp_data_container { padding: 15px; border-radius: 5px; }
	.price_summary_para { font-size: 10px; }
	.btn_cardsm { padding: 6px 10px; font-size: 12px; }
	.btn_moreitem_row { margin-top: 10px; }
	.moreitem_text { font-size: 14px; padding-right: 18px; }
	.moreitem_text:after { top: 3px; }
	.tabc_item_block_wrap { margin-top: 25px; }
	.tabc_item_title { font-size: 16px; }
	.tblock_list > li { padding: 30px 10px; }
	.tblock_title { font-size: 15px; margin-bottom: 10px; }
	.tblock_content { font-size: 14px; }
	input.form_boxinput { height: 40px; }
	input.form_boxinput.calendar { padding-right: 40px; background-size: 18px auto; }
 }

@media (max-width: 768px){
	.field_list_tr { margin-right: 0 !important; gap: 10px 0 !important; }
	.field_list_tr > li { flex: 0 0 100% !important; }
	.field_indt { padding-right: 10px; }
	.terms_props_ui_wrap { margin: 0; }
 }

/* list board */
.sv_field_tab_wrap { position: relative; }
.sv_field_tab_wrap:before { display: block; content: ""; width: 100%; height: 1px; background: #e7e7e7; position: absolute; bottom: 0; left: 0; }
.sv_field_tab_list { display: flex; position: relative; min-height: 50px; }
.sv_field_tab { display: flex; align-items: center; height: 100%; box-sizing: border-box; padding: 10px 30px; position: relative; }
.sv_field_tab.active .sv_field_tab_text { font-size: 18px; color: #2b8bf2; font-weight: 500; }
.sv_field_tab.active:after { display: block; content: ""; width: 100%; height: 2px; background: #2b8bf2; position: absolute; bottom: 0; left: 0; }
.sv_field_tab_text { font-size: 18px; color: #4e4e4e; }
.sv_field_form_container { margin-top: 24px; }
.search_field_wrap { display: flex; gap: 10px; }
.search_field_cols_wrap { flex: 1; display: flex; gap: 10px; }
.search_field_cols { flex: 1; min-width: 0; }
.search_field_cols.define_btn { white-space: nowrap; flex: 0 0 100px; min-width: auto; }
.search_field_target.type02 { background: #f5f5f5; gap: 8px; border-radius: 5px; display: flex; align-items: center; min-height: 50px; padding: 0 15px; }
.search_field_target.type02.define_search .ico { background-position: 0 0; }
.search_field_target.type02.define_calendar .ico { background-position: 0 -30px; }
.search_field_target.type02.define_marker .ico { background-position: 0 -60px; }
.search_field_target.type02.define_service .ico { background-position: 0 -90px; }
.search_field_target.type02.define_men .ico { background-position: 0 -120px; }
.search_field_target.type02 .ico { display: block; flex: 0 0 30px; width: 30px; height: 30px; background: url("/asp/images/icon/ico_sort_search.png") no-repeat 0 0/100% auto; }
.search_form_text_g { flex: 1; min-width: 0; display: flex; align-items: center; }
.search_form_text_place { font-size: 14px; color: #999999; }
.search_form_text_result_row { display: none; min-height: 20px; }
.search_form_text_result { font-size: 14px; color: #000; line-height: 1.3; display: inline; }
.search_form_text_result_wrap { display: flex; align-items: center; }
.btn_search_result_reset { display: inline; width: 16px; height: 16px; vertical-align: middle; position: relative; top: -2px; margin-left: 5px; }
.btn_search_result_reset:before,
.btn_search_result_reset:after { display: block; content: ""; width: 1px; height: 14px; background: #000; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -0.5px; }
.btn_search_result_reset:before { transform: rotate(45deg); }
.btn_search_result_reset:after { transform: rotate(-45deg); }
.btn_search_form.type02 { display: flex; min-height: 50px; background: #2b8bf2; border-radius: 5px; justify-content: center; align-items: center; padding: 0 10px 2px; box-sizing: border-box; }
.btn_search_form_text { font-size: 16px; color: #fff; }
.list_board_fraction { font-size: 16px; color: #4e4e4e; display: flex; align-items: center; }
.list_board_current { font-size: 19px; color: #1b1b1b; font-weight: 500; }
.list_board_else { font-size: 16px; color: #4e4e4e; }
.list_board_sort_wrap { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #6d6c6c; padding-bottom: 15px; }
.list_board_sort_list { display: flex; gap: 25px; align-items: center; }
.list_board_render { max-width: 1200px; margin: 35px auto 0; }
.search_field_target.type02.result_mode .search_form_text_place { display: none; }
.search_field_target.type02.result_mode .search_form_text_result_row { display: block; }

@media (max-width: 1023px){
	.sv_field_tab_list { min-height: 40px; }
	.sv_field_tab_list > li { flex: 1; text-align: center; }
	.sv_field_tab { padding: 15px 5px; justify-content: center; }
	.sv_field_tab.active .sv_field_tab_text { font-size: 14px; }
	.sv_field_tab_text { font-size: 14px; }
	.search_field_wrap { display: block; }
	.search_field_cols_wrap { display: block; }
	.search_field_cols_wrap .search_field_cols { margin-bottom: 10px; }
	.search_field_cols_wrap .search_field_cols:last-of-type { margin-bottom: 0; }
	.btn_search_form.type02 { font-size: 16px; min-width: 0; box-sizing: border-box; }
	.btn_search_form_text { font-size: 16px; padding: 12px; }
	.list_board_sort_wrap { padding-bottom: 15px; }
	.list_board_sort_list { gap: 15px; }
	.list_board_render { margin: 35px auto 0; }
	.search_field_target.type02.result_mode .search_form_text_place { display: none; }
	.search_field_target.type02.result_mode .search_form_text_result_row { display: block; }
	.list_board_fraction { font-size: 14px; }
	.list_board_current { font-size: 16px; }
	.list_board_else { font-size: 14px; }
}

/* paging */
.paging_wrap { margin-top: 40px; display: flex; align-items: center; justify-content: center; }
.btn_paging_control { display: inline-block; flex: 0 0 30px; width: 30px; height: 30px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px auto; margin: 0 5px; border: 1px solid #b1b1b1; border-radius: 100%; }
.btn_paging_control.prev_first { background-image: url("/asp/images/icon/ico_paging_first.png"); }
.btn_paging_control.prev_go { background-image: url("/asp/images/icon/ico_paging_prev.png"); }
.btn_paging_control.next_go { background-image: url("/asp/images/icon/ico_paging_next.png"); }
.btn_paging_control.next_last { background-image: url("/asp/images/icon/ico_paging_last.png"); }
.paging_num_list { display: flex; align-items: center; justify-content: center; margin: 0 0; }
.paging_num_list > li { margin: 0 5px; }
.paging_num { display: inline-block; width: 30px; color: #6d6c6c; height: 30px; line-height: 29px; white-space: nowrap; text-align: center; font-size: 16px; border: 1px solid #e3e3e3; border-radius: 100%; }
.paging_num.active { background: #333c4c; color: #fff; font-weight: 500; }

@media (max-width: 767px){
 	.paging_wrap { margin-top: 30px; }
}

@media (max-width: 450px){
	.paging_wrap { margin-top: 30px; }
	.btn_paging_control { margin: 0 3px; width: 28px; height: 28px; flex: 0 0 28px; }
	.paging_num_list > li { margin: 0 3px; }
	.paging_num { width: 28px; height: 28px; flex: 0 0 28px; line-height: 27px; }
}

@media (max-width: 359px){
	.btn_paging_control { margin: 0 2px; width: 25px; height: 25px; flex: 0 0 25px; }
	.paging_num_list > li { margin: 0 2px; }
	.paging_num { font-size: 12px; width: 25px; height: 25px; flex: 0 0 25px; line-height: 24px; }
	.paging_num_list,
	.paging_wrap { flex-wrap: wrap; }
}

/* banner */
.card_banner_global_container { max-width: 1200px; margin: 0 auto; padding: 0 30px; }
.card_banner_title_row { margin-bottom: 60px; width: 100%; display: flex; gap: 20px; justify-content: space-between; }
.card_banner_title_maincopy { font-size: 32px; color: #2b2b2b; font-weight: 500; word-break: keep-all; }
.card_banner_title_subcopy { font-size: 15px; color: #6d6c6c; margin-top: 3px; word-break: keep-all; }
.card_banner_title_else_wrap { flex: auto; }
.text_onlytab_list { display: flex; justify-content: flex-end; gap: 40px; }
.text_onlytab { display: inline-block; position: relative; padding: 5px 0; }
.text_onlytab.active:after { opacity: 1; }
.text_onlytab.active .text_onlytab_inner { font-weight: 500; color: #333333; }
.text_onlytab:after { opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #606060; display: block; content: ""; }
.text_onlytab_inner { font-size: 18px; color: #4e4e4e; display: inline-block; text-align: center; }
.card_banner_contents { position: relative; }
.card_banner_swiper_wrap { margin-right: -10px; }
.card_banner_swiper_wrap .swiper-pagination.default_skin .swiper-pagination-bullet { margin-top: 30px; }
.card_banner_container.swiper-container { width: auto; padding: 0 10px 10px 0; }
.card_banner_container.swiper-container .swiper-slide { flex-shrink: 0; width: auto; }
.card_banner_object { width: 374px; position: relative; min-height: 510px; display: flex; align-items: flex-end; }
.card_banner_img_wrap { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 50px); overflow: hidden; border-radius: 18px; }
.card_banner_img_wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; }
.card_banner_spec_wrap { position: relative; margin-left: 45px; border-radius: 18px 0 18px 0; padding: 30px 25px 25px; border: 1px solid rgb(243, 243, 243); background: #fff; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.07); }
.card_banner_main { font-size: 19px; font-weight: 500; color: #2b2b2b; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.card_banner_sub { font-size: 15px; color: #4e4e4e; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: 8px; }
.card_banner_else { text-align: right; display: flex; justify-content: flex-end; margin-top: 20px; }
.card_banner_else .price_main { font-size: 22px; }
.card_banner_else .price_unit { font-size: 18px; }
.thumnail_gallery_wrap { position: relative; border-bottom: 1px solid #e7e7e7; padding-bottom: 50px; overflow: hidden; }
.nodata_para { text-align: center; padding: 100px 30px; font-size: 16px; color: #666; }
/*.thumnail_gallery_list { display: flex; flex-wrap: wrap; gap: 40px 24px; margin-right: -24px; }
.thumnail_gallery_list > li { flex: 0 0 calc(33.33333333% - 24px); }
.thumnail_gallery_list > li.nodata_li { flex-basis: 100%; text-align: center; } */
/* .thumnail_card_item { display: flex; flex-direction: column; height: 100%; }
.thumnail_card_item .thum_rows { flex: 0 0 240px; position: relative; overflow: hidden; border-radius: 16px 16px 0 0; height: 240px; }
.thumnail_card_item .thum_rows > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; transition: 0.4s; transform: scale(1); }
.thumnail_card_item .thum_rows:hover > img { transform: scale(1.2); }
.thumnail_card_item .spec_rows { flex: 1; border: 1px solid #dadada; border-top: 0; border-radius: 0 0 16px 16px; position: relative; padding: 25px 20px 25px; background: #fff; }
.thumnail_card_item .btn_like { position: absolute; top: 10px; right: 10px; }
.box_label_group { position: absolute; top: 0; left: 20px; display: flex; gap: 10px; transform: translateY(-50%); }
.box_label { display: inline-block; color: #fff; border-radius: 8px 8px 8px 0; background: #008aff; font-size: 12px; height: 22px; line-height: 22px; padding: 0 8px; min-width: 60px; box-sizing: border-box; text-align: center; }
.keyword_item_wrap { display: flex; gap: 3px; position: relative; overflow: hidden; }
.keyword_item_wrap:after { display: block; content: ""; width: 30px; height: 100%; position: absolute; top: 0; right: 0; background: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); }
.keyword_item_wrap + .title_item_wrap { margin-top: 15px; }
.keyword_item { display: inline-block; color: #888888; background: #fff; font-size: 13px; line-height: 1; border-radius: 100px; padding: 4px 10px 5px; border: 1px solid #dbdbdb; white-space: nowrap; }
.title_item_wrap { display: block; }
.title_main_item { font-size: 18px; font-weight: 500; color: #2b2b2b; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.title_sub_item { margin-top: 5px; font-size: 14px; color: #6d6c6c; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.title_name_item { font-size: 16px; color: #1f1f1f; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; }
.price_horspec_row { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 25px; }
.price_caption_name { font-size: 12px; color: #999999; line-height: 1; }
.price_item_group { display: inline-flex; align-items: center; line-height: 1; } */
/* .price_main_text { font-size: 22px; font-weight: 700; color: #2b2b2b; }
.price_unit_text { font-size: 18px; color: #4e4e4e; }
 */
.btn_like { display: inline-block; width: 16px; height: 16px; background: url("/asp/images/icon/ico_like_16.png") no-repeat 0 0/100% auto; }
.btn_like.active { background-position: 0 100%; }
.thumnail_box_wrap { position: relative; overflow: hidden; border-bottom: 1px solid #e7e7e7; padding-bottom: 50px; }
.thumnail_box_list { display: flex; flex-wrap: wrap; margin-right: -20px; gap: 50px 20px; }
.thumnail_box_list > li { flex: 0 0 calc(20% - 20px); }
.thumnail_box_item .thum_rows { position: relative; height: 0; padding-bottom: 100%; border-radius: 18px; border: 1px solid #dadada; overflow: hidden; display: block; margin-bottom: 12px; }
.thumnail_box_item .thum_rows > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; transition: 0.4s; transform: scale(1); }
.thumnail_box_item .thum_rows:hover > img { /* transform: scale(1.2);  */}
.thumnail_box_item .keyword_item { color: #2b8bf2; border-color: #eff5fc; background: #eff5fc; border-radius: 5px; }
.spec_row01_wrap { display: flex; justify-content: space-between; gap: 5px; align-items: center; margin-bottom: 5px; }
.spec_row03_wrap { margin-top: 10px; }
.spec_row04_wrap { margin-top: 15px; }
.spec_row_main { font-size: 16px; font-weight: 500; color: #2b2b2b; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.thumnail_box_item .price_main_text { font-weight: 500; font-size: 18px; }
.thumnail_box_item .price_unit_text { font-size: 15px; }
.thumnail_multibox_wrap { position: relative; }
.thumnail_multibox_list > li { border-bottom: 1px solid #e7e7e7; padding: 40px 0; }
.thumnail_multibox_list > li:first-of-type { padding-top: 0; }
.thumnail_multibox { display: flex; gap: 20px; min-height: 280px; }
.thumnail_multibox .thum_cols { flex: 0 0 405px; display: flex; gap: 8px; }
.thumnail_multibox .thum_big { position: relative; border-radius: 18px; flex: 1; min-width: 0; overflow: hidden; }
.thumnail_multibox .thum_big img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; transition: 0.4s; transform: scale(1); }
.thumnail_multibox .thum_big:hover img { transform: scale(1.3); }
.thum_sm_list_wrap { flex: 1; }
.thum_sm_list { display: flex; flex-direction: column; height: 100%; gap: 8px; }
.thum_sm_list > li { flex: 1; }
.thum_sm { position: relative; display: block; height: 100%; overflow: hidden; border-radius: 18px; }
.thum_sm img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; transition: 0.4s; transform: scale(1); }
.thum_sm:hover img { transform: scale(1.3); }
.spec_cols_wrap { flex: 1; min-width: 0; display: flex; }
.spec_cols_wrap > * { padding: 0 30px; border-right: 1px solid #f0f0f0; }
.spec_cols_wrap > *:first-child { padding-left: 0; }
.spec_cols_wrap > *:last-child { padding-right: 0; border-right: 0; }
.spec_summary_cols { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
.spec_price_cols { flex: 0; display: flex; align-items: center; }
.thumnail_multibox .keyword_item_wrap { margin-bottom: 10px; }
.thumnail_multibox .keyword_item { color: #2b8bf2; border-color: #eff5fc; background: #eff5fc; border-radius: 5px; }
.box_product_main_copy { font-size: 26px; font-weight: 500; color: #2b2b2b; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.box_product_sub_copy { font-size: 14px; color: #999999; margin-top: 0; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.arrange_item_wrap { margin-top: 15px; }
.arrange_item_wrap .arrange_item_list > li { margin-bottom: 10px; }
.arrange_item_wrap .arrange_item_list > li:last-of-type { margin-bottom: 0; }
.spec_sub_summary { width: 100%; }
.spec_message_box { background: #f9f9f9; border-radius: 10px; display: flex; padding: 15px 20px; }
.spec_message_box.mb_type2 { margin-top: 20px; display: none; }
.spec_message_box.mb_type2 .spec_message_key_cols { padding: 0 0 5px 0; display: block; }
.spec_message_box.mb_type2 .spec_message_key_cols:after { display: none; }
.spec_message_key_cols { padding-right: 45px; position: relative; display: flex; align-items: center; }
.spec_message_key_cols:after { display: block; content: ""; width: 1px; height: 100%; background: #e1e1e1; position: absolute; top: 0; right: 22.5px; }
.spec_message_key { flex: 0; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; }
.spec_message_key .ico { width: 16px; height: 16px; flex: 0 0 16px; background: url("/asp/images/icon/ico_pro_blue_16.png") no-repeat 0 0/100% auto; }
.spec_mesasge_text { font-size: 15px; color: #2b8bf2; }
.spec_message_value_cols { flex: 1; min-width: 0; }
.bullet_option_list > li { font-size: 13px; color: #6d6c6c; padding-left: 7px; position: relative; }
.bullet_option_list > li:before { display: block; content: ""; width: 2px; height: 2px; background: #6d6c6c; position: absolute; top: 10px; left: 0; }
.pc_block { display: block; }
.mb_block { display: none; }
.grid_wbox_wrap { border-bottom: 1px solid #e7e7e7; padding-bottom: 50px; }
.grid_wbox_list > li { margin-bottom: 30px; }
.grid_wbox_list > li:last-of-type { margin-bottom: 0; }
.grid_wbox { background: #f9f9f9; border-radius: 18px; padding: 15px; display: flex; gap: 12px; position: relative; }
.grid_wbox_key { flex: 0 0 280px; background: #fff; border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 15px; justify-content: space-between; box-sizing: border-box; }
.list_gridlogo { display: block; width: 40px; height: 40px; border-radius: 100%; border: 1px solid #d6d6d6; position: absolute; top: 5px; left: 5px; overflow: hidden; }
.list_gridlogo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; }
.air_road_flex { display: flex; text-align: center; align-items: center; }
.air_road_text { flex: 1; line-height: 1.3; }
.air_road_maintext { font-size: 20px; color: #333333; font-weight: 500; }
.air_road_subtext { font-size: 15px; color: #6d6c6c; font-weight: 500; margin-top: 3px; }
.air_road_icon { width: 30px; height: 30px; flex: 0 0 30px; background: url("/asp/images/icon/ico_air_30.png") no-repeat 0 0/100% auto; }
.air_else_wrap { text-align: center; margin-top: 5px; }
.air_else_box { font-size: 13px; color: #2b8bf2; line-height: 1; display: inline-block; border: 1px solid #2b8bf2; padding: 5px 12px 6.5px; border-radius: 100px; }
.price_mesbox_list { display: flex; flex-wrap: wrap; gap: 5px; justify-content: flex-end; margin-top: 10px; }
.price_mesbox { color: #f74e4e; font-size: 12px; border-radius: 5px; padding: 5px 8px; line-height: 1.3; background: #fff4f4; display: inline-block; }
.price_mesbox.type2 { color: #6d6c6c; background: #f9f9f9; }
.btn_grid_box_wrap { margin-top: 15px; }
.btn_grid_submitbox { display: block; font-weight: 500; font-size: 16px; color: #fff; border-radius: 10px; padding: 9px 10px 10px; background: #2b8bf2; text-align: center; }
.grid_wbox_liquid { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.grid_wbox_liquid .grid_boxcard { flex: 1; }
.grid_wbox_liquid .grid_boxcard.type2 { flex: 0; }
.grid_boxcard { border-radius: 18px; background: #fff; padding: 25px 0; }
.grid_boxcard.type2 { padding: 15px 30px; }
.grid_boxcard_list { display: flex; height: 100%; }
.grid_boxcard_list > li { flex: 0 0 50%; box-sizing: border-box; padding: 0 30px; border-right: 1px solid #e7e7e7; display: flex; align-items: center; }
.grid_boxcard_list > li:nth-of-type(2n) { border-right: 0; }
.air_data_box { width: 100%; }
.air_data_fxwrap,
.air_dmap_fxwrap { display: flex; justify-content: space-between; text-align: center; width: 100%; align-items: center; }
.air_dmap_cols,
.air_data_cols { flex: 1; }
.air_data_primary { font-size: 23px; font-weight: 700; color: #000; letter-spacing: -0.5px; line-height: 1; }
.air_data_secondary { font-size: 14px; color: #6d6c6c; margin-top: 5px; }
.air_data_detail_wrap { margin-top: 10px; }
.air_data_detail_text { font-size: 14px; color: #333; line-height: 1.3; }
.air_dpart_cols,
.air_part_cols { padding: 0 20px; flex: 0 0 33%; }
.air_part_keyword_wrap { margin-bottom: 5px; }
.air_part_keyword { font-size: 16px; font-weight: 500; color: #fff; line-height: 1; padding: 6px 10px 7px; text-align: center; border-radius: 4px; min-width: 54px; box-sizing: border-box; background: #4da2ff; display: inline-block; }
.air_part_keyword.type2 { background-color: #ff464d; }
.company_obj { display: inline-flex; align-items: center; gap: 2px; }
.company_obj .ico { width: 24px; height: 24px; flex: 0 0 24px; position: relative; display: inline-block; }
.company_obj .ico img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; }
.company_spec { font-size: 14px; color: #333; line-height: 1; }
.air_part_map_wrap { margin-top: 10px; }
.air_part_map_code { font-size: 14px; color: #176bdd; }
.air_part_map_line { font-size: 14px; color: #6d6c6c; position: relative; height: 2px; background: #176bdd; margin: 4px 0; }
.air_part_map_line:before,
.air_part_map_line:after { display: block; content: ""; width: 12px; height: 12px; background: #fff; border: 2px solid #176bdd; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); box-sizing: border-box; }
.air_part_map_line:before { left: -5px; }
.air_part_map_line:after { right: -5px; }
.air_part_map_sub { font-size: 14px; color: #6d6c6c; }
.grid_clause_flex_wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.clause_opt_list > li { position: relative; padding-left: 7px; }
.clause_opt_list > li:before { display: block; content: ""; width: 2px; height: 2px; background: #4e4e4e; position: absolute; top: 9px; left: 0; }
.grid_mb_wbox_list > li { margin-bottom: 20px; }
.grid_mb_wbox_list > li:last-of-type { margin-bottom: 0; }
.grid_mb_wbox { border-radius: 10px; border: 5px solid #f9f9f9; padding: 20px; position: relative; }
.grid_mb_wbox .list_gridlogo { left: -10px; top: -10px; width: 35px; height: 35px; }
.grid_mb_wbox .air_else_box { font-size: 12px; }
.air_mb_road_flex { display: flex; text-align: center; margin: 0 -20px; }
.air_mb_road_cols { flex: 1; padding: 0 5px; }
.air_mb_road_primary { font-size: 14px; color: #333; margin-bottom: 10px; }
.air_mb_road_part { flex: 0 0 40%; padding-top: 7px; }
.air_mb_road_part .part_row { font-size: 0; line-height: 0; margin-bottom: 10px; }
.air_mb_road_part .part_row:last-of-type { margin-bottom: 0; }
.air_mb_road_line { font-size: 14px; color: #6d6c6c; position: relative; height: 2px; background: #176bdd; margin: 4px 0; }
.air_mb_road_line:before,
.air_mb_road_line:after { display: block; content: ""; width: 12px; height: 12px; background: #fff; border: 2px solid #176bdd; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); box-sizing: border-box; }
.air_mb_road_line:before { left: -5px; }
.air_mb_road_line:after { right: -5px; }
.air_mb_btn_row { display: flex; gap: 5px; margin-top: 15px; }
.btn_mb_box { flex: 1; display: flex; align-items: center; justify-content: center; border: 1px solid #aaaaaa; border-radius: 4px; gap: 2px; padding: 6px; }
.btn_mb_box .ico { flex: 0 0 20px; width: 20px; height: 20px; background: url("/asp/images/icon/ico_search_mb.png") no-repeat 0 0/100% auto; }
.btn_mb_box .ico.ico_warn { background-position: 0 -20px; }
.btn_mb_box .mb_box_text { position: relative; top: -1px; }
.mb_box_text { font-size: 14px; display: inline-block; line-height: 1; }
.air_mb_price_wrap { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; gap: 10px; }
.air_mb_price_wrap .price_value_main { font-size: 20px; }
.air_mb_btn_cols .btn_grid_submitbox { min-width: 80px; text-align: center; border-radius: 5px; }
.air_mb_more_wrap { display: flex; background: #f9f9f9; border-radius: 5px; padding: 15px; justify-content: space-between; align-items: center; gap: 10px; margin-top: 15px; }
.air_mb_more_wrap .btn_cols .btn_grid_textonly { font-size: 13px; }
.air_mb_more_text { font-size: 13px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.btn_grid_textonly { display: inline-block; white-space: nowrap; font-size: 14px; color: #4e4e4e; }
.brochure_global_container { max-width: 1200px; margin: 0 auto; position: relative; display: flex; gap: 105px; min-height: 750px; overflow: hidden; }
.bg_brochure { position: absolute; top: 0; left: 0; width: calc(100% + 175px); height: 100%; background-color: #f5f6f6; }
.bg_brochure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.bg_brochure:after { display: block; content: ""; width: 100%; height: 65%; position: absolute; top: 0; left: 0; background: rgb(245, 246, 246); background: linear-gradient(0deg, rgba(245, 246, 246, 0) 0%, rgb(245, 246, 246) 50%, rgb(245, 246, 246) 100%); }
.brochure_title_cols { position: relative; padding: 60px 0 0 56px; z-index: 1; }
.brochure_title_wrap { position: relative; z-index: 2; }
.brochure_main_title { font-size: 32px; line-height: 1.3; font-weight: 500; color: #2b2b2b; }
.brochure_sub_copy { margin-top: 2px; font-size: 15px; color: #6d6c6c; }
.brochure_tab_wrap { position: relative; z-index: 3; margin-top: 35px; }
.tab_box_list { display: table; }
.tab_box_list > li { display: table-row; }
.tab_box_list > li:last-of-type .tab_box_cell { padding-bottom: 0; }
.tab_box_cell { display: table-cell; padding-bottom: 8px; }
.tab_box { font-size: 16px; min-width: 160px; padding: 10px 10px 11px; box-sizing: border-box; font-weight: 500; color: #4e4e4e; border-radius: 100px; text-align: center; background: #fff; display: block; border: 1px solid #dedede; }
.tab_box.active { background-color: #333c4c; border-color: #333c4c; color: #fff; }
.brochure_contents_cols { position: relative; flex: 1; padding: 52px 0; z-index: 3; }
.data_render_list > li { margin-bottom: 20px; }
.data_render_list > li:last-of-type { margin-bottom: 0; }
.data_render_item { background: #fff; gap: 20px; padding: 20px; display: flex; border: 1px solid #dcdcdc; border-radius: 10px; }
.data_render_thums { position: relative; flex: 0 0 200px; width: 200px; height: 160px; overflow: hidden; border-radius: 10px; }
.data_render_thums > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.data_render_spec { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; }
.dr_spec_main_title,
.dr_spec_sub_title,
.dr_spec_else_copy { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #333; }
.dr_spec_main_title { font-size: 21px; font-weight: 500; }
.dr_spec_sub_title { font-size: 18px; }
.dr_spec_else_copy { font-size: 15px; margin-top: 10px; }
.dr_spec_summary { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #5f5f5f; font-size: 13px; }
.emptape_brick_zone { background: #f5f6f6; padding: 90px 0; position: relative; overflow: hidden; }
.emptape_title_row { text-align: center; margin-bottom: 50px; }
.emptape_title { font-size: 32px; color: #2b2b2b; font-weight: 500; letter-spacing: -1px; }
.emptape_brick_wrap { max-width: 1200px; margin: 0 auto; padding: 0 30px; }
.emptape_brick_container { display: flex; }
.emptape_tab_cols { background: #f5f6f6; padding-right: 74px; position: relative; z-index: 2; }
.emptape_tab_cols:before { display: block; content: ""; background: #f5f6f6; width: 100vw; height: calc(100% + 40px); position: absolute; top: -20px; right: 0; }
.tab_box_list_wrap { position: relative; }
.emptape_liquid_cols { flex: 1; min-width: 0; }
.swiper-container.mcardflow_list_wrap { overflow: visible; }
.swiper-container.mcardflow_list_wrap .swiper-wrapper { width: auto; }
.swiper-container.mcardflow_list_wrap .swiper-slide { width: auto; }
.mcardflow_item { width: 467px; }
.mcardflow_item .thum_row { height: 310px; display: flex; gap: 8px; }
.mcardflow_item .thum_row .thum_big { position: relative; border-radius: 18px; flex: 1; min-width: 0; overflow: hidden; }
.mcardflow_item .thum_row .thum_big img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; transition: 0.4s; transform: scale(1); }
.mcardflow_item .thum_row .thum_big:hover img { transform: scale(1.3); }
.mcardflow_item .thum_row .thum_sm_list_wrap { flex: 1; }
.mcardflow_item .thum_row .thum_sm_list { display: flex; flex-direction: column; height: 100%; gap: 8px; }
.mcardflow_item .thum_row .thum_sm_list > li { flex: 1; }
.mcardflow_item .thum_row .thum_sm { position: relative; display: block; height: 100%; overflow: hidden; border-radius: 18px; }
.mcardflow_item .thum_row .thum_sm img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; transition: 0.4s; transform: scale(1); }
.mcardflow_item .thum_row .thum_sm:hover img { transform: scale(1.3); }
.mcardflow_item .spec_row { margin-top: 20px; }
.mcardflow_item .spec_row .keyword_item_wrap:after { display: block; content: ""; width: 30px; height: 100%; position: absolute; top: 0; right: 0; background: rgb(245, 246, 246); background: linear-gradient(90deg, rgba(245, 246, 246, 0) 0%, rgb(245, 246, 246) 100%); }
.mcardflow_item .spec_row .price_horspec_row { display: flex; justify-content: flex-end; margin-top: 25px; }
.mcardflow_copy_wrap { margin-top: 10px; display: block; }
.mcardflow_main_copy,
.mcardflow_sub_copy { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 20px; font-weight: 500; line-height: 1.3; }

@media (max-width: 1260px){
	.brochure_global_container { margin: 0 30px 0 0; gap: 50px; }
	.brochure_title_cols { padding: 60px 0 0 30px; }
 }

@media (max-width: 1023px){
	.card_banner_global_container { padding: 0 20px; }
	.card_banner_container { padding: 0 20px; }
	.card_banner_title_row { margin-bottom: 30px; gap: 10px; }
	.card_banner_title_maincopy { font-size: 20px; }
	.card_banner_title_subcopy { font-size: 14px; }
	.card_banner_title_else_wrap { flex: auto; }
	.text_onlytab_list { gap: 20px; }
	.text_onlytab_inner { font-size: 14px; }
	.pc_block { display: none; }
	.mb_block { display: block; }
	/* .thumnail_gallery_list { margin-right: 0; display: block; }
	.thumnail_gallery_list > li { flex: 0 0 100%; margin-bottom: 30px; }
	.thumnail_gallery_list > li:last-of-type { margin-bottom: 0; } */
	.keyword_item { font-size: 11px; padding: 3px 8px 4px; }
	.title_main_item { font-size: 16px; }
	.title_sub_item { font-size: 13px; }
	.price_horspec_row { margin-top: 15px; display: block; }
	.price_horspec_cols { text-align: left; margin-bottom: 0; }
	.price_horspec_cols:last-of-type { text-align: right; }
	.price_horspec_cols:last-of-type { margin-bottom: 5px; }
	.thumnail_box_wrap { padding-bottom: 30px; }
	.thumnail_box_list { display: block; margin: 0; }
	.thumnail_box_list > li { margin-bottom: 30px; }
	.thumnail_box_list > li:last-of-type { margin-bottom: 0; }
	.thumnail_box_item { display: flex; align-items: flex-start; gap: 15px; flex-direction: row; justify-content: flex-start; height: auto; position: relative; }
	.thumnail_box_item .thum_rows { flex: 0 0 100px; width: 100px; height: 100px; border-radius: 10px; display: block; margin-bottom: 0; padding-bottom: 0; }
	.thumnail_box_item .spec_rows { flex: 1; }
	.thumnail_box_item .spec_rows .btn_like { position: absolute; top: 6px; left: 82px; background-image: url("/asp/images/icon/ico_like_16_m.png"); }
	.nodata_para { padding: 50px 0; font-size: 14px; }
	.arrange_item_list .arrange_item .ico.ico_marker { margin-left: -2px; }
	.spec_row01_wrap { display: block; }
	.thumnail_box_item .price_main_text { font-size: 16px; }
	.thumnail_box_item .price_unit_text { font-size: 14px; }
	.spec_row04_wrap { margin-top: 5px; }
	.thumnail_multibox_list > li { padding: 30px 0; }
	.thumnail_multibox { gap: 15px; min-height: 0; }
	.thumnail_multibox .thum_cols { flex: 0 0 120px; }
	.thumnail_multibox .thum_big { border-radius: 10px; }
	.thum_sm_list_wrap { display: none; }
	.thum_sm_list { display: flex; flex-direction: column; height: 100%; gap: 8px; }
	.thum_sm_list > li { flex: 1; }
	.thum_sm { position: relative; display: block; height: 100%; overflow: hidden; border-radius: 18px; }
	.thum_sm img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; transition: 0.4s; transform: scale(1); }
	.thum_sm:hover img { transform: scale(1.3); }
	.spec_cols_wrap { flex: 1; min-width: 0; display: flex; }
	.spec_cols_wrap > * { padding: 0 30px; border-right: 1px solid #f0f0f0; }
	.spec_cols_wrap > *:first-child { padding-left: 0; }
	.spec_cols_wrap > *:last-child { padding-right: 0; border-right: 0; }
	.spec_summary_cols { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
	.spec_price_cols { flex: 0; display: flex; align-items: center; padding: 10px 0 0 0; }
	.thumnail_multibox .keyword_item_wrap { margin-bottom: 5px; }
	.thumnail_multibox .keyword_item { color: #2b8bf2; border-color: #eff5fc; background: #eff5fc; border-radius: 5px; }
	.box_product_main_copy { font-size: 18px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
	.box_product_sub_copy { font-size: 13px; }
	.arrange_item_wrap { margin-top: 10px; }
	.arrange_item_wrap .arrange_item_list > li { margin-bottom: 10px; }
	.arrange_item_wrap .arrange_item_list > li:last-of-type { margin-bottom: 0; }
	.spec_sub_summary { width: 100%; }
	.spec_message_box.mb_type2 { display: block; }
	.spec_sub_summary { display: none; }
	.spec_summary_cols { padding: 0; border-right: 0; }
	.spec_cols_wrap { display: block; }
	.spec_price_cols { display: block; }
	.spec_mesasge_text { font-size: 14px; }
	.card_banner_swiper_wrap { margin: 0; position: relative; overflow: hidden; margin-right: -20px; margin-left: -20px; }
	.card_banner_swiper_wrap .card_banner_container.swiper-container { padding: 0 20px 10px; }
	.card_banner_swiper_wrap .swiper-pagination.default_skin .swiper-pagination-bullet { margin-top: 30px; }
	.card_banner_object { width: 220px; min-height: 320px; }
	.card_banner_img_wrap { height: calc(100% - 30px); overflow: hidden; border-radius: 10px; }
	.card_banner_spec_wrap { margin-left: 25px; border-radius: 10px 0 10px 0; padding: 20px 20px 20px; }
	.card_banner_main { font-size: 16px; }
	.card_banner_sub { font-size: 14px; }
	.card_banner_else { margin-top: 10px; }
	.card_banner_else .price_main { font-size: 18px; }
	.card_banner_else .price_unit { font-size: 14px; }
	.company_spec { font-size: 13px; }
	.brochure_global_container { display: block; margin: 0; padding: 0 0 60px; min-height: 0; background: #f5f6f6; }
	.brochure_title_cols { padding: 40px 20px 0; position: static; }
	.brochure_main_title { font-size: 24px; }
	.brochure_sub_copy { font-size: 14px; }
	.bg_brochure { width: 100%; top: 160px; height: calc(100% - 160px); }
	.tab_box_list_wrap { overflow: hidden; overflow-x: auto; position: relative; padding: 0 20px; }
	.tab_box_list_wrap::-webkit-scrollbar { display: none; }
	.tab_box_list_wrap.brochure_tab_wrap { margin: 25px -20px 0; }
	.tab_box_list { display: flex; gap: 5px; }
	.tab_box_list:after { display: block; content: ""; width: 15px; flex: 0 0 15px; }
	.tab_box_list > li { display: block; }
	.tab_box_cell { padding-bottom: 0; }
	.tab_box { font-size: 14px; min-width: 80px; padding: 10px 15px 11px; white-space: nowrap; }
	.brochure_contents_cols { margin: 20px 20px 0; padding: 0; }
	.data_render_item { padding: 10px; gap: 15px; }
	.data_render_thums { flex: 0 0 110px; width: 110px; height: 90px; border-radius: 8px; }
	.dr_spec_main_title { font-size: 14px; }
	.dr_spec_sub_title { font-size: 12px; }
	.dr_spec_else_copy { font-size: 12px; margin-top: 5px; }
	.data_render_spec { gap: 5px; }
	.dr_spec_summary { font-size: 12px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
	.data_render_list > li { margin-bottom: 10px; }
	.data_render_list > li:last-of-type { margin-bottom: 0; }
	.emptape_brick_zone { padding: 60px 0; }
	.emptape_title_row { margin: 0 20px 20px; }
	.emptape_title { font-size: 24px; letter-spacing: -0.5px; }
	.emptape_brick_wrap { padding: 0 20px; }
	.emptape_brick_container { display: block; }
	.emptape_tab_cols { background: none; padding: 0 0 20px; }
	.emptape_tab_cols:before { display: none; }
	.tab_box_list_wrap { position: relative; margin: 0 -20px; }
	.mcardflow_item { width: 250px; }
	.mcardflow_item .thum_row { height: 160px; }
	.mcardflow_item .thum_row .thum_big { border-radius: 10px; }
	.mcardflow_item .thum_row .thum_sm_list_wrap { display: block; }
	.mcardflow_item .thum_row .thum_sm_list { display: flex; flex-direction: column; height: 100%; gap: 8px; }
	.mcardflow_item .thum_row .thum_sm_list > li { flex: 1; }
	.mcardflow_item .thum_row .thum_sm { border-radius: 10px; }
	.mcardflow_item .spec_row { margin-top: 20px; }
	.mcardflow_item .spec_row .price_horspec_row { margin-top: 15px; }
	.mcardflow_item .spec_row .price_main_text { font-size: 18px; }
	.mcardflow_item .spec_row .price_unit_text { font-size: 16px; }
	.mcardflow_copy_wrap { margin-top: 10px; display: block; }
	.mcardflow_main_copy,
	.mcardflow_sub_copy { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 16px; }
 }

@media (max-width: 767px){
	.card_banner_title_row { display: block; }
	.card_banner_title_else_wrap { margin-top: 20px; }
}
/* 여행후기 사진 */
/* */
/* .gallery_main_swiper_wrap { padding: 0 40px; margin: 15px 0 0 0; position: relative; }
.gallery_main_swiper_wrap img { vertical-align: top; }
.gallery_imgcaption_row { padding: 0 40px; }
.btn_gallery_ms_control { display: block; z-index: 2; width: 18px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); }
.btn_gallery_ms_control:after { display: block; content: ""; width: 18px; height: 18px; border-right: 2px solid #5f5f5f; border-bottom: 2px solid #5f5f5f; transform: rotate(-225deg); position: absolute; top: 5px; left: 5px; }
.btn_gallery_ms_control.prev { left: 0; }
.btn_gallery_ms_control.next { right: 0; }
.btn_gallery_ms_control.next:after { transform: rotate(-45deg); left: -7px; }
.gallery_imgcaption { font-size: 15px; color: #4e4e4e; line-height: 1.5; }
.gallery_fraction_wrap { min-height: 20px; display: flex; justify-content: center; align-items: center; text-align: center; color: #000000; font-size: 15px; }
.gfraction_current { font-size: 17px; font-weight: 500; }
.gfraction_part { display: inline-block; padding: 0 1px; }
.gfraction_length { display: inline-block; position: relative; top: 1px; }
.data_slice_render { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin: 20px 0 0; padding: 0 40px; }
.data_slice_para { font-size: 17px; font-weight: 500; line-height: #333333; color: inherit; }
.data_slice_else { font-size: 14px; font-weight: 400; line-height: #6d6c6c; color: inherit; }
@media (max-width: 1023px){
 .gallery_main_swiper_wrap { margin: 10px -10px -10px; padding: 0 25px; }
 .data_slice_render { gap: 10px; padding: 0 15px; margin-top: 15px; }
 .data_slice_para { font-size: 14px; }
 .data_slice_else { font-size: 12px; }
 .btn_gallery_ms_control:after { width: 10px; height: 10px; top: 9px; left: 6px; }
 .btn_gallery_ms_control.next:after { left: 0px; }
 } */
/* text render */
.get_data_text_render { font-size: 14px; font-weight: 400; line-height: 1.5; color: #5f5f5f; }
.chip_list > li { margin-bottom: 28px; }
.chip_list > li:last-of-type { margin-bottom: 0; }
.chip_item { display: inline-flex; gap: 5px; align-items: flex-start; }
.chip_item .ico { width: 14px; height: 16px; flex: 0 0 14px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.chip_item .ico.docu { background-image: url("/asp/images/icon/ico_docu_14x16.png"); }
.chip_item .chip_para { font-size: 14px; font-weight: 400; line-height: 1.6; color: #333333; display: inline-block; position: relative; top: -3px; }
.bullet_note_list { font-size: 15px; font-weight: 300; line-height: 1.4; color: #4e4e4e; }
.bullet_note_list > li { position: relative; padding-left: 10px; word-break: keep-all; margin-bottom: 15px; }
.bullet_note_list > li:last-of-type { margin-bottom: 0; }
.bullet_note_list > li:before { width: 2px; height: 2px; background: #4e4e4e; position: absolute; top: 11px; left: 0; display: block; content: ""; }
.bullet_note_list.type2 > li:before { opacity: 0; }
.highlight { display: inline-block; background: #e1efff; padding: 0 2px; }
.indent_note_list { font-size: 15px; font-weight: 300; line-height: 1.4; color: #4e4e4e; }
.indent_note_list > li { display: flex; gap: 5px; margin-bottom: 7px; }
.indent_note_list > li:last-of-type { margin-bottom: 0; }
.indent_note_bullet { flex: 0; white-space: nowrap; }
.indent_note_liquid { flex: 1; }
.qus_emp_text_wrap { margin-top: 30px; }
.qus_emp_text { font-size: 16px; font-weight: 400; line-height: 1.5; color: #333333; }
.indent_node_list { font-size: 14px; font-weight: 400; line-height:inherit; color:  #4e4e4e; }
.indent_node_list > li { display: flex; gap: 5px; margin-bottom: 5px; }
.indent_node_list > li:last-of-type { margin-bottom: 0; }
.bullet_node { flex: 0; white-space: nowrap; }
.liquid_node { flex: 1; min-width: 0; }

@media (max-width: 1023px){
	.get_data_text_render { font-size: 13px; }
	.chip_list > li { margin-bottom: 15px; }
	.chip_item .chip_para { font-size: 13px; }
	.bullet_note_list { font-size: 13px; }
	.bullet_note_list > li { margin-bottom: 10px; padding-left: 8px; }
	.bullet_note_list > li:before { top: 9px; }
	.indent_note_list { font-size: 13px; }
	.qus_emp_text { font-size: 14px; }
 }

/* 항공여정보기기 */
.air_block { margin-bottom: 30px; }
.air_block:last-of-type { margin-bottom: 0; }
.air_title_row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.air_main_title { font-size: 16px; font-weight: 500; line-height: 1.3; color: inherit; }
.air_sub_copy { font-size: 15px; font-weight: 300; line-height: 1.3; color: inherit; }
.air_contents { background: #f8f9fb; border-radius: 15px; text-align: center; padding: 12px 0 20px; }
.air_roof_main_copy { margin-bottom: 15px; }
.company_text_item { display: inline-flex; gap: 5px; align-items: center; }
.company_logo_cols { flex: 0 0 20px; line-height: 0; font-size: 0; }
.company_logo_cols img { width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; vertical-align: middle; }
.company_text_spec { font-size: 14px; font-weight: 400; line-height: 1; color: #333; position: relative; top: -1px; }
.air_roof_subcopy { font-size: 14px; font-weight: 400; line-height: 1; color: #333333; margin-top: 2px; }
.roof_line_map_container { display: flex; position: relative; align-items: center; }
.roof_line_map_container:before { display: block; content: ""; width: 66.6666666667%; height: 2px; background: #176bdd; position: absolute; top: 50%; transform: translateY(-50%); left: 16.6666666667%; }
.roof_line_map_cols { flex: 1; position: relative; }
.map_cir_item { display: block; margin: 0 auto; background: #fff; width: 12px; height: 12px; border-radius: 100%; border: 2px solid #176bdd; box-sizing: border-box; }
.map_ico_plane_ico { display: block; width: 42px; height: 39px; background: #fff url("/asp/images/icon/ico_plane_26.png") no-repeat 50% 50%/26px auto; border-radius: 5px; margin: 0 auto; }
.roof_data_map_container { display: flex; margin-top: -5px; }
.roof_data_map_cols { flex: 1; }
.roof_data_main { font-size: 20px; font-weight: 500; line-height: 1; color: #000000; }
.roof_data_sub_wrap { margin-top: 15px; }
.roof_data_sub1 { font-size: 14px; font-weight: 350; line-height: 1; color: #999; }
.roof_data_sub2 { font-size: 14px; font-weight: 350; line-height: 1; color: #5f5f5f; margin-top: 5px; }
.air_brick_list > li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e7e7e7; }
.air_brick_list > li:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.air_brick_title_row { margin-bottom: 15px; }
.air_brick_title_row.type_both{display: flex ; justify-content: space-between; align-items: flex-end;}
.air_brick_title { font-size: 16px; font-weight: 500; line-height: 1.3; color: #333333; }
.air_brick_title_sub{ font-size: 16px; font-weight: 500; line-height: 1.3; color: #333333; }
.airline_tape_box { background: #f8f9fb; border-radius: 4px; padding: 15px 20px; }
.airline_item_list { display: flex; gap: 28px; }
.airline_item_list > li { position: relative; }
.airline_item_list > li:after { display: block; content: ""; width: 8px; height: 8px; border-right: 1px solid #5f5f5f; border-top: 1px solid #5f5f5f; transform: rotate(45deg); position: absolute; top: 9px; right: -15px; }
.airline_item_list > li:last-of-type:after { display: none; }
.airline_item { display: inline-block; font-size: 16px; font-weight: 500; line-height: 1.3; color: #000; }
.air_history_wrap { margin-top: 25px; }
.air_history_list > li:last-of-type .anchor_line { display: none; }
.air_history_list > li:last-of-type .air_hisvalue_group { min-height: 0; }
.air_history_list > li:last-of-type .air_history_item .value_cols { padding-bottom: 0; }
.air_history_item { position: relative; display: flex; }
.air_history_item .key_cols { flex: 0 0 110px; }
.air_history_item .map_cols { flex: 0 0 12px; position: relative; margin: 0 45px 0 30px; }
.air_history_item .value_cols { flex: 1; padding-bottom: 45px; }
.air_history_item .anchor_line { position: absolute; top: 10px; left: 3px; width: 2px; height: calc(100% + 9px); border-right: 2px solid #176bdd; }
.air_history_item .anchor_line.dashed { border-style: dashed; }
.air_history_item .anchor_shape { width: 12px; height: 12px; box-sizing: border-box; background: #fff; border: 2px solid #176bdd; border-radius: 100%; display: block; position: relative; top: 7px; }
.air_history_item .anchor_shape.full { background-color: #176bdd; }
.air_hiskey_main { font-size: 20px; font-weight: 500; line-height: 1.3; color: #000; }
.air_hiskey_sub { font-size: 14px; font-weight: 350; line-height: 1.3; color: #999; margin-top: 5px; }
.air_hisvalue_group { min-height: 85px; }
.air_hisvalue_main { font-size: 19px; font-weight: 500; line-height: 1.3; color: #000; }
.air_company_row { margin-top: 5px; }
.air_company_row .company_text_item { vertical-align: top; }
.air_company_row .company_text_spec2 { color: #999; font-size: 14px; line-height: 1; font-weight: 400; position: relative; top: -1px; }
.air_take_fraction_row { margin-top: 13px; }
.air_take_fraction { font-size: 14px; font-weight: 400; line-height: 1.3; color: #999999; }
.anchor_keybox { display: inline-block; height: 24px; background: #176bdd; border-radius: 100px; white-space: nowrap; padding: 0 15px; font-size: 13px; font-weight: 400; line-height: 24px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% + 8px)); }

@media (max-width: 1023px){
	.air_contents { border-radius: 10px; padding: 8px 0 15px; }
	.air_main_title { font-size: 14px; }
	.air_sub_copy { font-size: 12px; }
	.map_cir_item { width: 10px; height: 10px; }
	.map_ico_plane_ico { width: 32px; height: 28px; border-radius: 3px; background-size: 18px auto; }
	.roof_data_main { font-size: 14px; }
	.roof_data_sub_wrap { margin-top: 8px; }
	.roof_data_sub1,
	.roof_data_sub2 { font-size: 12px; }
	.company_text_item { gap: 2px; }
	.company_text_spec { font-size: 12px; }
	.company_logo_cols { flex: 0 0 15px; }
	.company_logo_cols img { width: 15px; height: 15px; }
	.air_brick_title { font-size: 14px; }
	.air_brick_title_sub{font-size: 14px; }
	.airline_tape_box { padding: 10px 15px; }
	.airline_item_list { display: flex; gap: 28px; }
	.airline_item_list > li:after { width: 7px; height: 7px; top: 7px; right: -16px; }
	.airline_item { font-size: 14px; }
	.air_history_wrap { margin-top: 15px; }
	.air_history_item .key_cols { flex: 0 0 90px; }
	.air_history_item .map_cols { flex: 0 0 12px; position: relative; margin: 0 10px 0 10px; }
	.air_history_item .value_cols { flex: 1; padding-bottom: 45px; }
	.air_history_item .anchor_line { top: 8px; height: calc(100% + 4px); }
	.air_history_item .anchor_shape { top: 4px; }
	.air_hiskey_main { font-size: 14px; }
	.air_hiskey_sub { font-size: 12px; }
	.air_hisvalue_group { min-height: 85px; }
	.air_hisvalue_main { font-size: 14px; }
	.air_company_row .company_text_item { vertical-align: top; }
	.air_company_row .company_text_spec2 { color: #999; font-size: 14px; line-height: 1; font-weight: 400; position: relative; top: -1px; }
	.air_take_fraction_row { margin-top: 8px; }
	.air_take_fraction { font-size: 12px; }
	.anchor_keybox { padding: 0 10px; font-size: 11px; }
 }
/* sub layout */
.core_page_container { padding: 60px 30px 200px; max-width: 1200px; margin: 0 auto; }
.core_title_row { text-align: center; margin-bottom: 70px; }
.core_title { font-size: 32px; font-weight: 500; line-height: 1.4; color: #2b2b2b; }
@media (max-width: 1023px){
 .core_page_container { padding: 30px 20px 100px; }
 .core_title_row { margin-bottom: 20px; }
 .core_title { font-size: 20px; }
 }
/* 검색 */
.search_fieldbox { border-radius: 20px; background-color: rgb(249, 249, 249); padding: 40px 23px; }
.fieldbox_grid_list { display: flex; flex-wrap: wrap; gap: 20px 0; }
.fieldbox_grid_list > li { flex: 0 0 33.3333333333%; box-sizing: border-box; padding: 0 17px; }
.obj_form_item { display: flex; align-items: center; gap: 15px; }
.obj_form_item dd { flex: 1; min-width: 0; }
.obj_form_item .keylabel { font-size: 16px; font-weight: 400; line-height: 1; color: #333333; display: inline-block; white-space: nowrap; }
.btn_ctabox_wrap { margin-top: 25px; text-align: center; }
.btn_ctabox { display: inline-flex; min-height: 50px; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; line-height: 1; color: #fff; min-width: 160px; text-align: center; background: #176bdd; border-radius: 100px; }
.floor_data_render { margin-top: 40px;}
.floor_sort_row { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 20px; position: relative; }
.floor_data_list > li { margin-bottom: 20px; }
.floor_data_list > li:last-of-type { margin-bottom: 0; }
.floor_data_item { border-radius: 8px; border: 1px solid #d8e9ff; padding: 10px 25px; display: flex; }
.floor_main_cols { border-right: 1px solid #d8e9ff; display: flex; align-items: center; padding-right: 30px; }
.floor_summary_cols { padding-left: 30px; flex: 1; min-width: 0; display: flex; align-items: center; }
.floor_summary_cols .summary_tail_cols { flex: 1; min-width: 0; }
.floor_summary_cols .summary_price_cols { flex: 1; display: flex; flex-direction: column; align-items: flex-end; }
.floor_current_obj { display: flex; gap: 20px; align-items: center; }
.floor_current_obj dt { flex: 0 0 70px; }
.floor_current_obj dd { flex: 1; min-width: 100px; }
.floor_current_keyword { display: flex; font-size: 14px; font-weight: 500; line-height: 1; color: #176bdd; width: 70px; height: 70px; background: #f1f8ff; border-radius: 100%; align-items: center; justify-content: center; }
.floor_current_value { font-size: 14px; font-weight: 400; line-height: 1; color: #176bdd; }
.summary_linkage_list { display: flex; max-width: 500px; align-items: flex-end; }
.summary_linkage_list > li { flex: 0 0 25%; box-sizing: border-box; padding: 0 20px 0 0; }
.summary_linkage_list + .summary_linkage_data { margin-top: 10px; }
.summary_linkage_data { font-size: 15px; font-weight: 400; line-height: 1; color: #6d6c6c; }
.summary_linkage_data.emp { color: #333333; }
.summary_emp_row .price_dom * { color: #006de1; }
.summary_emp_row .price_number { font-size: 22px; font-weight: 500; }
.summary_emp_row .price_unit { font-size: 16px; }
.btn_morebox_wrap { text-align: center; margin-top: 35px; }
.btn_morebox { font-size: 15px; font-weight: 400; line-height: 1; color: #6d6c6c; min-width: 160px; border-radius: 100px; border: 1px solid #cfcfcf; min-height: 40px; box-sizing: border-box; padding: 15px; display: inline-flex; text-align: center; justify-content: center; }
@media (max-width: 1023px){
 .search_fieldbox { border-radius: 10px; padding: 20px 10px; }
 .fieldbox_grid_list { gap: 10px 0; }
 .fieldbox_grid_list > li { flex-basis: 100%; padding: 0 5px; }
 .obj_form_item { gap: 10px; }
 .obj_form_item .keylabel { font-size: 14px; }
 .btn_ctabox_wrap { margin-top: 20px; }
 .btn_ctabox { min-height: 45px; font-size: 16px; }
 .floor_data_render { margin-top: 25px; }
 .floor_data_item { padding: 10px 15px; display: block; }
 .floor_main_cols { border: 0; padding: 0 0 10px 0; border-bottom: 1px solid #d8e9ff; }
 .floor_summary_cols { padding: 10px 0 0; gap: 5px; flex-direction: column; align-items: normal; }
 .floor_summary_cols .summary_price_cols { justify-content: flex-start; align-items: center; flex-direction: row; gap: 5px 10px; flex-wrap: wrap; }
 .floor_summary_cols .summary_price_cols .company_text_spec { white-space: nowrap; }
 .summary_linkage_list { max-width: 100%; gap: 5px 0; flex-wrap: wrap; }
 .summary_linkage_list > li { flex: 0 0 25%; box-sizing: border-box; padding: 0 5px; }
 .summary_linkage_data { line-height: 1.4; font-size: 14px; }
 .floor_current_obj { gap: 15px; }
 .floor_current_keyword { width: auto; height: auto; border-radius: 5px; padding: 10px; text-align: center; white-space: nowrap; }
 .summary_emp_row .price_number { font-size: 18px; }
 .summary_emp_row .price_unit { font-size: 14px; }
 }
/* 약관 */
.terms_brick { margin-bottom: 30px; }
.terms_brick:last-of-type { margin-bottom: 0; }
.terms_brick_title,
.terms_brick_cont { font-size: 14px; font-weight: 400; line-height: 1.4; color: #4e4e4e; }
.terms_brick_title { margin-bottom: 14px; }
@media (max-width: 1023px){
 .terms_brick { margin-bottom: 20px; }
 .terms_brick_title,
 .terms_brick_cont { font-size: 13px; }
 .terms_brick_title { margin-bottom: 10px; }
 }
/* 지역선택 */
.panel_menu_container { display: flex; border: 1px solid #e7e7e7; }
.one_panel_cols,
.two_panel_cols { flex: 1; }
.one_panel_cols { border-right: 1px solid #e7e7e7; background: #f9f9f9; }
.one_panel_list > li { border-bottom: 1px solid #e7e7e7; }
.one_panel_list > li:last-of-type { border-bottom: 0; }
.one_panel_menu { display: flex; padding: 12px 30px 12px 14px; position: relative; min-height: 47px; box-sizing: border-box; align-items: center; }
.one_panel_menu:hover,
.one_panel_menu.active { background: #fff; }
.one_panel_menu:hover .text_node,
.one_panel_menu.active .text_node { color: #006de1; font-weight: 500; }
.one_panel_menu .text_node { letter-spacing: -1px; font-size: 16px; font-weight: 350; line-height: 1.3; color: #333333; }
.one_panel_menu:after { display: block; content: ""; width: 8px; height: 8px; border-right: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; position: absolute; top: calc(50% - 2px); right: 15px; transform: rotate(45deg) translateY(-50%); }
.two_panel_cont { display: none; }
.two_panel_cont.active { display: block; }
.two_panel_list { padding: 12px 24px; }
.two_panel_list > li { margin-bottom: 22px; }
.two_panel_list > li:last-of-type { margin-bottom: 0; }
.two_panel_menu:hover .text_node,
.two_panel_menu.active .text_node { border-color: #4e4e4e; }
.two_panel_menu .text_node { font-size: 15px; font-weight: 350; line-height: 1.3; color: #4e4e4e; display: inline-block; border-bottom: 1px solid transparent; padding-bottom: 4px; }
@media (max-width: 1023px){
	.one_panel_menu .text_node { letter-spacing: -0.5px; font-size: 14px; }
	.one_panel_menu:after { width: 8px; height: 8px; }
	.two_panel_list { padding: 12px 24px; }
	.two_panel_list > li { margin-bottom: 15px; }
	.two_panel_menu .text_node { font-size: 14px; padding-bottom: 2px; }
 }
.guide_contents_item { margin-bottom: 120px; }
.guide_contents_item:last-of-type { margin-bottom: 0; }
.guide_disabled { touch-action: none; overflow: hidden; position: relative; }
.guide_header { border-bottom: 2px solid #0077c0; position: relative; }
.header_pix_inner { max-width: 1200px; padding: 20px 30px; margin: 0 auto; display: flex; align-items: center; }
.guide_toplogo { display: inline-block; line-height: 0; flex: 0; }
.guide_toplogo_item { display: flex; gap: 20px; }
.guide_toplogo_img img { max-width: 78px; }
.guide_toplogo_text { font-size: 18px; font-weight: 700; line-height: 1.2; margin-top: 10px; word-break: keep-all; white-space: nowrap; }
.guide_util_group { flex: 1; display: flex; align-items: center; justify-content: flex-end; }
.guide_util_group > * { margin-left: 10px; }
.guide_util_list { display: flex; }
.guide_util_list > li { margin-right: 20px; }
.guide_util_list > li:last-of-type { margin-right: 0; }
.guide_util_menu { display: inline-block; font-size: 15px; background: #000; border-radius: 3px; color: #fff; padding: 12px 15px; line-height: 1.3; text-align: center; }
.guide_middle { max-width: 1200px; margin: 0 auto; padding: 60px 30px; }
.middle_left_cols { flex: 0 0 200px; margin-right: 20px; }
.middle_left_item { background: #fff; position: -webkit-sticky; position: sticky; top: 0; left: 0; padding-top: 20px; margin-top: -20px; }
.middle_left_title { font-weight: 700; font-size: 24px; }
.middle_left_menu_list { margin-top: 20px; }
.middle_left_menu_list > li { margin-bottom: 15px; }
.middle_left_menu_list > li:last-of-type { margin-bottom: 0; }
.middle_left_menu { display: inline-block; font-size: 18px; border-bottom: 2px solid transparent; font-weight: 500; }
.middle_left_menu.active { border-bottom-color: #3074f0; color: #3074f0; font-weight: 700; }
.btn_total_close { display: none; }
.guide_contents_cols { flex: 1; }
.guide_contents_title { font-size: 34px; font-weight: 700; line-height: 1; }
.guide_contents_title_copy { margin-top: 15px; position: relative; padding-left: 23px; font-size: 17px; }
.guide_contents_title_copy:before { display: block; content: ""; width: 8px; height: 23px; background: #e5e5e5; position: absolute; top: 2px; left: 0; }
.vertical_cont_item { padding-top: 60px; }
.vertical_cont_title { font-weight: 700; color: #3074f0; font-size: 20px; }
.vertical_cont_copy { margin-top: 15px; font-size: 16px; }
.vertical_cont_copy_list { margin-top: 15px; font-size: 16px; }
.vertical_cont_copy_list > li { position: relative; padding-left: 15px; }
.vertical_cont_copy_list > li:before { display: block; content: "-"; position: absolute; top: 0; left: 0; }
.vertical_code_wrap { margin-top: 10px; position: relative; overflow: hidden; }
.vertical_code_wrap .CodeMirror { background: #f3f4f5; border-top: 5px solid #e7e8e9; padding: 40px 30px 25px; }
.vertical_code_wrap > .textarea { background: #f3f4f5; border-top: 5px solid #e7e8e9; padding: 40px 30px 25px; width: 100%; border: 0; box-sizing: border-box; resize: none; }
.btn_copyitem { display: block; width: 35px; height: 35px; background: #fff url("/asp/images/icon/btn_copy.svg") no-repeat 50% 50%/15px auto; position: absolute; top: 0; right: 0; box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.1); }
.btn_copyitem.active { background-image: url("/asp/images/icon/btn_copy_active.svg"); }
.guide_contents_title_count_wrap { margin-top: 20px; }
.btn_total_menu { display: none; }
.screen_link:hover { text-decoration: underline; }
.vertical_render_wrap { margin: 20px 0; }
.vertical_render_wrap .btn_box_group { margin-top: 0; }
@media (max-width: 1023px){
	.guide_header { position: -webkit-sticky; position: sticky; top: 0; left: 0; background: #fff; z-index: 20; }
	.header_pix_inner { padding: 15px 20px; }
	.guide_toplogo { margin-right: 15px; }
	.guide_toplogo_text { font-size: 13px; margin-top: 7px; }
	.guide_util_menu { font-size: 12px; padding: 10px; word-break: keep-all; }
	.guide_toplogo_item { gap: 10px; }
	.guide_middle { padding-left: 20px; padding-right: 20px; }
	.middle_pix_inner { display: block; }
	.middle_left_cols { display: none; position: fixed; top: 0; right: 0; z-index: 30; width: 100%; height: 100%; margin: 0; }
	.middle_left_cols.active { display: block; }
	.middle_left_cols.active:before { display: block; content: ""; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); }
	.middle_left_item { position: absolute; top: 0; left: auto; right: 0; overflow-y: auto; z-index: 2; margin: 0; padding: 0; width: 200px; height: 100%; box-sizing: border-box; padding: 20px; }
	.middle_left_title { font-size: 20px; }
	.middle_left_menu { font-size: 14px; }
	.middle_pix_inner { padding: 30px 20px; }
	.guide_contents_title { font-size: 24px; }
	.guide_contents_title_copy { font-size: 15px; }
	.guide_contents_title_copy:before { height: 22px; top: 0; }
	.btn_total_menu { display: block; width: 36px; height: 36px; flex: 0 0 36px; position: relative; }
	.btn_total_menu_in:before,
	.btn_total_menu_in:after { display: block; content: ""; width: 22px; height: 2px; background: #000; }
	.btn_total_menu_in:before { transform: translateY(-8px) translateX(-2px); }
	.btn_total_menu_in:after { transform: translateY(6px) translateX(-2px); }
	.btn_total_menu_in { position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background: #000; transform: translateY(-50%) translateX(calc(-50% + 2px)); }
	.vertical_cont_item { padding-top: 40px; }
	.vertical_cont_title { font-size: 18px; }
	.vertical_cont_copy { margin-top: 10px; }
	.vertical_code_wrap .CodeMirror { padding: 30px 20px 15px; font-size: 14px; }
	.btn_copyitem { width: 30px; height: 30px; }
	.btn_total_close { display: block; position: absolute; top: 15px; right: 210px; width: 36px; height: 36px; }
	.btn_total_close:before,
	.btn_total_close:after { display: block; content: ""; width: 1px; height: 20px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 0; }
	.btn_total_close:before { transform: rotate(45deg); }
	.btn_total_close:after { transform: rotate(-45deg); }
	.guide_contents_title_count_wrap { margin-top: 10px; }
	.guide_contents_title_count { font-size: 14px; }
	.codinglist_tb_wrap { overflow-x: auto; margin-top: 20px; }
	.codinglist_tb { width: 768px; margin: 0; }
 }

@media (max-width: 320px){
	.guide_toplogo_text { white-space: normal; font-size: 12px; }
}

.layerclose { display: block; width: 45px; height: 45px; position: absolute; top: 0; right: 0; font-size: 0; line-height: 0; }
.layerclose:before,
.layerclose:after { width: 18px; height: 2px; display: block; content: ""; position: absolute; top: 50%; left: 50%; background: #646464; margin: -1px 0 0 -9px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); }
.layerclose:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.layerclose:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.poslayer_z { display: none; position: absolute; top: 0; left: 50%; z-index: 80; width: 1200px; box-sizing: border-box; border-radius: 10px; background: #fff; border: 1px solid #787878; transform: translateX(-50%); box-shadow: 3px 2px 13px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 2px 13px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 2px 13px 0px rgba(0, 0, 0, 0.3); min-width: 240px; }
.poslayer_z.has_leftpos { width: 654px; left: 0; transform: translateX(0); }
.poslayer_z.has_leftpos.wtype2 { width: 1160px; }
.poslayer_z.active { display: block; }
.poslayer_titlow { font-family: "Pretendard"; text-align: center; }
.poslayer_contlow { padding: 25px 15px 0; font-family: "Pretendard"; }
.poslayer_contlow.type2 { padding: 0; }
.poslayer_contlow.type3 { padding: 0 30px; min-height: 45px; }
.poslayer_contlow.type4 { overflow: hidden !important; }
.poslayer_contlow.type4 .pcont_w { padding: 0; overflow: hidden; overflow-y: hidden !important; display: flex; flex-direction: column; }
.poslayer_contlow.type2 .pcont_w { padding: 0; }
.poslayer_contlow.type5 .pcont_w { padding: 25px 0 50px; }
.poslayer_tit { font-size: 18px; color: #1b1b1b; padding: 26px 30px; border-bottom: 1px solid #e7e7e7; margin: 0 15px; font-family: "Pretendard"; font-weight: 500; margin: 0 20px; }
.poslayer_tit.type2 { border-color: #e7e7e7; margin: 0 30px; }
.poslayer_tit.has_ico { display: flex; align-items: center; justify-content: center; }
.poslayer_tit.has_ico:before { display: block; content: ""; width: 21px; height: 21px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; }
.product_tabmenu_list_wrap { border-bottom: 1px solid #e7e7e7; position: relative; overflow: hidden; overflow-x: overlay; }
.product_tabmenu_list_wrap::-webkit-scrollbar { width: 0; }
.pcont_w { padding: 0 20px 25px; }
.product_tabmenu_list { display: flex; justify-content: center; gap: 30px; text-align: center; }
.product_tabmenu.active { font-weight: 500; }
.product_tabmenu.active:after { display: block; }
.product_tabmenu { display: block; font-size: 18px; color: #333333; position: relative; padding: 13px; box-sizing: border-box; min-height: 40px; }
.product_tabmenu:after { display: none; content: ""; height: 2px; background: #000000; position: absolute; bottom: -1px; left: 0; width: 100%; }
.product_tabcont_group { flex: 1; min-height: 0; overflow: hidden; overflow-y: auto; }
.product_tabcont { display: none; }
.product_tabcont.active { display: block; }
.product_choice_item_wrap { display: flex; flex-wrap: wrap; margin: 45px 0 40px; gap: 40px 0; justify-content: center; }
.product_choice_item_wrap.align2 { justify-content: flex-start; }
.product_choice_item { flex: 0 0 14.2857142857%; box-sizing: border-box; width: 14.2857142857%; }
.product_choice_one { display: block; border-bottom: 1px solid #e7e7e7; padding: 0 28px 15px; }
.product_choice_one_text { font-size: 17px; color: #2d2d2d; display: inline-block; }
.product_choice_one.active .product_choice_one_text { font-weight: 500; text-decoration: underline; }
.product_choice_depth_wrap { margin: 20px 28px 0; }
.product_choice_depth_list > li { margin-bottom: 15px; }
.product_choice_depth_list > li:last-of-type { margin-bottom: 0; }
.product_choice_depth { display: inline-block; font-size: 15px; }
.product_choice_depth.active { text-decoration: underline; font-weight: 500; color: #000000; }
.choice_item_list_wrap { padding: 0 30px; }
.choice_item_list_wrap.maxtype2 { max-width: 550px; margin: 0 auto; }
.choice_item_list_wrap.maxtype3 { max-width: 440px; margin: 0 auto; }
.choice_item_list_wrap.type2 .choice_item_list { gap: 10px 0; }
.choice_item_list_wrap.boxtype2 .choice_item_list { justify-content: center; }
.choice_item_list_wrap.boxtype2 .choice_item_list > li { flex: 0 0 112px; }
.choice_item_list_wrap.coltype2 .choice_item_list > li { flex: 0 0 25%; width: 25%; }
.choice_item_list { display: flex; flex-wrap: wrap; gap: 20px 0; margin: 0 -5px; }
.choice_item_list > li { flex: 0 0 20%; width: 20%; display: flex; box-sizing: border-box; padding: 0 5px; }
.choice_item { display: flex; padding: 10px; box-sizing: border-box; align-items: center; line-height: 1.3; border-radius: 6px; color: #333333; font-size: 16px; text-align: center; border: 1px solid #a6a6a6; width: 100%; height: 100%; justify-content: center; }
.choice_item.active { border-color: #2b8bf2; background: #2b8bf2; color: #fff; }
.search_field_box { display: flex; overflow: hidden; align-items: center; border: 1px solid #d9d9d9; border-radius: 10px; margin: 0; }
.btn_input_submit { display: block; width: 50px; height: 50px; flex: 0 0 50px; background: url("/asp/images/icon/ico_searchbox_btn.png") no-repeat 50% 50%/20px auto; }
.btn_psubmit_w { border-top: 1px solid #e7e7e7; padding: 18px; min-width: 0; text-align: center; }
.btn_psubmit { display: inline-block; color: #000000; font-size: 16px; font-weight: 500; line-height: 1; border: 1px solid #7e7e7e; border-radius: 100px; padding: 10px 10px 11px; min-width: 110px; box-sizing: border-box; }
.btn_psubmit.allow_type { background: #212121; border-color: #212121; border-radius: 100px; min-width: 240px; box-sizing: border-box; padding: 20px; }
.btn_psubmit_allow_text { font-size: 18px; display: inline-block; line-height: 1; position: relative; padding-right: 23px; color: #fff; }
.btn_psubmit_allow_text:after { display: block; content: ""; width: 10px; height: 10px; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); position: absolute; top: 3px; right: 3px; }

@media (max-width: 1279px){
	.poslayer_z { left: 30px !important; width: calc(100% - 60px) !important; transform: translateX(0); }
	.poslayer_tit { font-size: 16px; padding: 20px 30px; }
	.product_choice_item { flex: 0 0 20%; box-sizing: border-box; width: 20%; }
	.product_choice_item_wrap { margin: 25px 0 30px; }
	.product_choice_one { padding: 0 20px 15px; }
	.product_choice_one_text { font-size: 15px; }
	.product_choice_depth_wrap { margin-left: 20px; margin-right: 20px; }
	.product_tabmenu_list { gap: 15px; }
	.product_tabmenu { font-size: 16px; }
}

@media (max-width: 1023px){
	.poslayer_z { left: 20px !important; width: calc(100% - 40px) !important; position: fixed !important; top: 20px !important; height: calc(100% - 40px) !important; transform: translateX(0) !important; }
	.poslayer_z.active { display: flex; flex-direction: column; }
	.poslayer_z.active .poslayer_titlow { flex: 0 0 65px; }
	.poslayer_z.active .poslayer_contlow { flex: 1; min-height: 0; display: flex; flex-direction: column; }
	.poslayer_z.active .poslayer_contlow .pcont_w { flex: 1; min-height: 0; position: relative; overflow-y: auto; padding: 0; overflow-x: hidden; }
	.poslayer_z.active .btn_psubmit_w { flex: 0; }
	.poslayer_contlow.type4 { padding: 0; }
	.poslayer_contlow.type4 .pcont_w { padding: 20px 0 0; }
	.poslayer_contlow.type4 .btn_psubmit_w { margin: 0 15px; }
	.poslayer_contlow.type5 { padding-top: 0; }
	.poslayer_contlow.type5 .pcont_w { padding: 15px 0 30px; }
	.poslayer_tit { padding: 20px 15px; margin: 0 15px; }
	.search_field_cols.define_btn { margin-top: 30px; }
	.choice_item_list_wrap { padding: 0 0; }
	.choice_item_list { gap: 10px 0; justify-content: flex-start !important; }
	.choice_item_list > li { flex: 0 0 50% !important; width: 50% !important; }
	.choice_item { font-size: 14px; }
}

@media (max-width: 767px){
	.product_choice_item_wrap { gap: 30px 0; }
	.product_choice_item { width: 100%; flex-basis: 100%; }
	.product_choice_one { padding: 0 20px 10px; }
	.product_choice_depth,
	.product_choice_one_text { font-size: 14px; }
	.product_choice_depth_wrap { margin: 20px 20px 0; }
	.product_tabmenu_list { gap: 0; }
	.product_tabmenu { font-size: 14px; min-height: 0; padding: 13px 10px 13px; }
	.choice_item_list_wrap { padding: 0 0; }
	.choice_item_list { gap: 10px 0; justify-content: flex-start !important; }
	.choice_item_list > li { flex: 0 0 50% !important; width: 50% !important; }
	.choice_item { font-size: 14px; }
	.search_field_box { margin: 0; }
	input.input_search_field { font-size: 14px; height: 45px; }
	.btn_input_submit { width: 40px; height: 40px; flex: 0 0 40px; }
}

@media (max-width: 374px){
	.product_tabmenu_list { flex-wrap: wrap; gap: 15px 0; }
	.product_tabmenu_list > li { width: 50%; flex: 0 0 50%; }
	.product_tabmenu { font-size: 14px; min-height: 0; padding: 13px 5px 13px; }
 }

/* detail */
.middle_wrap.detail_wrap { padding: 42px 30px 120px; box-sizing: content-box; max-width: 1200px; margin: 0 auto; }
.detail_top_template { display: flex; gap: 40px; }
.detail_top_template .img_cols { flex: 0 0 500px; width: 500px; height: 390px;}
.detail_top_template .info_cols { flex: 1; min-width: 0; }
.detail_top_template .info_cols .title_name_cols{min-height: 150px;}
.detail_top_template .spec_flag_row { display: flex; gap: 20px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.detail_top_template .spec_flag_row .flag_cols { display: flex; gap: 10px; align-items: center; }
.detail_top_template .spec_main_row { display: flex; gap: 30px; justify-content: space-between; align-items: flex-start; margin-top: 12px; }
.detail_top_template .spec_main_row .title_else_cols { padding-top: 18px; }
.detail_top_template .spec_keyword_row { margin-top: 25px; }
.detail_top_template .spec_price_row { text-align: right; display: flex; justify-content: flex-end; margin-top: 35px; }
.dflag_box_list { display: flex; flex-wrap: wrap; gap: 5px; }
.dflag_box_list > li { font-size: 12px; font-weight: 350; line-height: 1; color: #2b8bf2; height: 20px; line-height: 20px; white-space: nowrap; padding: 0 8px; background: #eff5fc; border-radius: 3px; }
.dtop_util_group { display: flex; gap: 14px; align-items: center; }
.dtop_util_para { font-size: 13px; font-weight: 350; line-height: 1.3; color: #999; }
.box_action_btn_list { display: flex; flex-wrap: wrap; gap: 5px; }
.box_action_btn { border: 1px solid #dcdcdc; border-radius: 3px; height: 27px; display: flex; width: 34px; align-items: center; justify-content: center; }
.box_action_btn:after { background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; display: block; content: ""; opacity: 0.5; }
.box_action_btn.like:after { background-image: url("/asp/images/icon/ico_like_18x16.png"); width: 18px; height: 16px; }
.box_action_btn.like.active:after { background-position: 0 100%; }
.box_action_btn.print:after { background-image: url("/asp/images/icon/ico_print_15.png"); width: 15px; height: 15px; }
.box_action_btn.share:after { background-image: url("/asp/images/icon/ico_share_16x16.png"); width: 16px; height: 16px; }
.keyword_tag_wrap.type02{margin-top: 36px;}
.keyword_tagbox_list { display: flex; flex-wrap: wrap; gap: 10px 5px; }
.keyword_tagbox_list .tagbox { background: #eff5fc; border-radius: 100px; padding: 4px 15px 5px; font-size: 14px; font-weight: 400; line-height: 1; color: #2b8bf2; display: inline-block; }
.keyword_tagbox_list .tagbox .text_node { font-size: 14px; font-weight: 400; line-height: 1; color: #5f5f5f; }
.keyword_subtag_wrap { margin-top: 50px; }
.keyword_subtag_list { display: flex; flex-wrap: wrap; gap: 5px; min-height: 60px;}
.keyword_subtag_top{display: flex; flex-direction: row-reverse; margin: 0 0 20px 0;}
.keyword_subtag_top a{font-size: 14px; font-weight: 500;}
.keyword_subtag_top a:after { display: inline-block; content: ""; width: 8px; height: 8px; border-left: 1px solid #5f5f5f; border-top: 1px solid #5f5f5f; transform: rotate(135deg); margin-left: 5px; }

.keyword_subtag_list > li.mb_hidden { display: block; }
.keyword_subtag_list .subtagbox { border: 1px solid #dcdcdc; border-radius: 3px; padding: 8px 18px; font-size: 14px; font-weight: 350; color: #5f5f5f; display: flex; flex-direction: column; gap: 10px;}
.detail_top_swiper_zone { border-radius: 10px; position: relative; overflow: hidden; }
.detail_top_swiper_zone .swiper-pagination.fraction_count_layer { color: #fff; line-height: 1; font-size: 10px; position: absolute; bottom: 10px; right: 10px; width: auto; left: auto; background: rgba(0, 0, 0, 0.5); padding: 3px 12px 4px; border-radius: 100px; }
.detail_top_swiper_zone .swiper-pagination.fraction_count_layer .swiper-pagination-current,
.detail_top_swiper_zone .swiper-pagination.fraction_count_layer .swiper-pagination-total { color: #fff; font-size: 13px; line-height: 1; }
.detail_top_swiper_zone .swiper-pagination.fraction_count_layer .fraction-separator { display: inline-block; position: relative; top: -1px; }
.detail_flag_wrap { position: absolute; right: 10px;top: 10px; z-index: 5; }
.detail_flag_wrap.type_left { right: revert;  left:10px; z-index: 5; }
.detail_flag_wrap .flag_box { background: #2484ce; border-radius: 5px; font-size: 15px; font-weight: 400; line-height: 34px; color: #fff; white-space: nowrap; padding: 0 20px; height: 34px; display: inline-block; }
.detail_flag_wrap .flag_box.type01{background: #4EA72E;}
.detail_flag_wrap .flag_box.type02{background: #E97132;}
.detail_flag_wrap .flag_box.type03{background: #0F9ED5;}

.detail_flag_wrap .flag_ico {width: 80px; height: 80px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
.detail_flag_wrap .flag_ico.earlybird_ico{background-image: url(/asp/images/icon/hyecho_earlyBird_ico.png);}

.swiper-container.detail_top_img_swiper{height: 390px;}
.swiper-container.detail_top_img_swiper .swiper-wrapper .swiper-slide img {vertical-align: top; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.btn_detail_control { width: 42px; height: 42px; display: block; z-index: 2; position: absolute; top: 50%; transform: translateY(-50%); }
.btn_detail_control:after { display: block; content: ""; width: 13px; height: 13px; border-right: 1px solid #fff; border-top: 1px solid #fff; position: absolute; top: 14px; left: 18px; }
.btn_detail_control.prev { left: 0; }
.btn_detail_control.prev:after { transform: rotate(225deg); }
.btn_detail_control.next { right: 0; }
.btn_detail_control.next:after { transform: rotate(45deg); left: 12px; }
.info_control_container { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.btn_chip_quad_list { display: flex; justify-content: flex-end; align-items: center; gap: 5px; }
.btn_chip_quad_list.mb_type .btn_chip_quad { height: 22px; line-height: 20px; }
.btn_chip_quad { display: inline-block; box-sizing: border-box; border: 1px solid #dcdcdc; height: 26px; line-height: 24px; min-width: 40px; border-radius: 4px; text-align: center; padding: 0 6px; white-space: nowrap; }
.btn_chip_quad.long { min-width: 90px; }
.product_title_name { font-size: 30px; font-weight: 500; line-height: 1.3; color: #000; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.product_title_sub_copy { font-size: 14px; font-weight: 400; line-height: 1.4; color: #999; margin-top: 10px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.star_eval_text { display: inline-flex; gap: 3px; align-items: center; }
.star_eval_text .ico { width: 12px; height: 12px; background: url("/asp/images/icon/ico_star_12.png") no-repeat 0 0/100% auto; }
.star_eval_text .text_node { font-size: 15px; font-weight: 400; line-height: 1.3; color: #000; white-space: nowrap; }
.summary_obj_list { background: #f9f9f9; border-radius: 5px; display: flex; margin-top: 17px; padding: 10px; gap: 12px; }
.summary_keybox { background: #008aff; white-space: nowrap; border-radius: 5px; font-size: 13px; font-weight: 350; line-height: 1; color: #fff; padding: 3px 10px; }
.summary_keybox.type01{background: #008aff;}
.summary_keybox.type02{background: #999999;}
.summary_keybox.type03{background: #34b371;}
.summary_keybox.type04{background: #f74e4e;}
.summary_valuetext_list { display: flex; flex-wrap: wrap; gap: 5px 14px; position: relative; top: -1px; }
.summary_valuetext_list > li { position: relative; padding-left: 8px; }
.summary_valuetext_list > li:before { display: block; content: ""; width: 2px; height: 2px; background: #5f5f5f; position: absolute; top: 9px; left: 0; }
.summary_valuetext_list .guide_valuetext { font-size: 14px; font-weight: 350; line-height: 1.3; color: #5f5f5f; }
.summary_valuetext_list .guide_valuetext.dark { color: #000; }
.spec_price_item .price_caption { font-size: 13px; font-weight: 350; line-height: 1.4; color: #b5b5b5; }
.spec_price_item .price_caption2 { font-size: 14px; font-weight: 350; line-height: 1.4; color: #2b8bf2; position: relative; padding-right: 12px; }
.spec_price_item .price_caption2 .ico_point { position: relative; top: 1px; }
.spec_price_item .price_caption2:after { border-top: 1px solid #4b9df4; border-right: 1px solid #4b9df4; display: block; content: ""; width: 7px; height: 7px; position: absolute; top: 4px; right: 3px; transform: rotate(45deg); }
.spec_price_item .price_dom { gap: 2px; }
.spec_price_item .price_number { font-size: 29px; font-weight: 700; }
.spec_price_item .price_unit { font-size: 16px; color: #000000; padding-top: 7px; font-weight: 350; }
.ico_point { display: inline-block; width: 14px; height: 14px; margin: 0px 3px; background: #2b8bf2 url("/asp/images/icon/ico_pointer_14.png") no-repeat 0 0/100% auto; border-radius: 100%; }
.price_before_after_group { display: flex; gap: 5px; align-items: center; justify-content: flex-end;}
.price_before { font-size: 16px; font-weight: 300; line-height: 1; color: #6d6c6c; text-decoration: line-through; padding-top: 12px; }
.detail_topinfo_row { margin-top: 13px; display: flex; gap: 40px; align-items: center; }
.detail_topinfo_row .who_info_cols { flex: 0 0 500px; }
.detail_topinfo_row .note_info_cols { flex: 1; }
.who_staff_item { display: flex; gap: 20px; align-items: center; }
.who_staff_item .profile_cols { flex: 1; }
.who_staff_item .else_cols { flex: 0; white-space: nowrap; }
.btn_quad_card { display: inline-flex; font-size: 14px; font-weight: 350; line-height: 1; color: #5f5f5f; min-width: 90px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 10px; box-sizing: border-box; text-align: center; justify-content: center; }
.profile_hor_item { display: flex; gap: 10px; align-items: center; }
.profile_hor_item .img_cols { flex: 0 0 60px; }
.profile_hor_item .img_cols .thumnail { display: block; width: 60px; height: 60px; position: relative; overflow: hidden; border-radius: 100%; }
.profile_hor_item .img_cols .thumnail > img { background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.profile_name_para { font-size: 15px; font-weight: 350; line-height: 1.3; color: #4e4e4e; }
.profile_summary_item_list { display: flex; gap: 5px 17px; flex-wrap: wrap; margin-top: 3px; }
.profile_summary_item { font-size: 14px; font-weight: 350; line-height: 1.3; color: #4e4e4e; }
.note_para_list > li { position: relative; padding-left: 8px; font-size: 13px; font-weight: 400; line-height: 1.3; color: #999999; margin-bottom: 5px; }
.note_para_list > li:last-of-type { margin-bottom: 0; }
.note_para_list > li:before { display: block; content: ""; width: 2px; height: 2px; background: #999999; position: absolute; top: 8px; left: 0; }
.tape_block { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e7e7e7; }
.tape_block:last-of-type { margin-bottom: 20px; }
.tape_title_row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 20px; }
.tape_title { font-size: 20px; font-weight: 500; line-height: 1; color: #2b2b2b; }
.btn_funcbox { display: inline-block; background: #455267; border-radius: 5px; padding: 8px 18px; font-size: 12px; font-weight: 350; line-height: 1; color: #fff; }
.tape_contents { margin-left: 20px; }
.keyword_indent_block_list > li { display: flex; gap: 15px; margin-bottom: 30px; }
.keyword_indent_block_list > li:last-of-type { margin-bottom: 0; }
.keyword_indent_bullet { flex: 0; white-space: nowrap; font-size: 16px; font-weight: 500; line-height: 1; color: #2b2b2b; }
.word_inflex_inline_wrap { display: flex; gap: 10px; }
.word_inflex_inline_wrap .keyword_indent_bullet { position: relative; top: -2px; }
.word_inflex_list { display: flex; gap: 15px; align-items: center; line-height: 0; position: relative; top: -2px; }
.word_inflex_list .company_text_item { align-items: center; }
.word_text_obj { font-size: 14px; font-weight: 500; line-height: 1; color: #333333; }
.airplane_mapline_list { margin-top: 15px; }
.airplane_mapline_list > li { display: flex; }
.airplane_flex_keyword { display: none; }
.airplane_flex_container { display: flex; flex-wrap: wrap; }
.airplane_flex_container .icon_cols .ico { width: 20px; height: 20px; background: url("/asp/images/icon/ico_map_airplane.png") no-repeat 0 0/100% auto; }
.wordslice_list { display: flex; gap: 5px 10px; flex-wrap: wrap; }
.wordslice_list > li { margin-bottom: 8px; }
.wordslice_list > li:last-of-type { margin-bottom: 0; }
.wordslice { font-size: 14px; font-weight: 350; line-height: 1; color: #5f5f5f; }
.wordslice.emp { color: #000; font-weight: 400; }
.wordslice_obj { display: flex; align-items: center; gap: 5px 10px; line-height: 0; position: relative; top: -2px; }
.wordslice_key { font-size: 14px; font-weight: 350; line-height: 1; color: #5f5f5f; }
.mapline_guide_text { font-size: 14px; font-weight: 350; line-height: 1; color: #5f5f5f; padding-top: 1px; }
.info_note_para_list > li { margin-bottom: 12px; position: relative; padding-left: 8px; }
.info_note_para_list > li:before { display: block; content: ""; width: 2px; height: 2px; background: #4e4e4e; position: absolute; top: 9px; left: 0; }
.info_note_para_list > li:last-of-type { margin-bottom: 0; }
.info_note_para_list .info_note_emp,
.info_note_para_list .info_note_normal { font-size: 14px; font-weight: 400; line-height: 1.3; color: #4e4e4e; }
.info_note_para_list .info_note_normal { font-weight: 350; margin-top: 5px; }
.guidebox_banner_wrap { position: relative; overflow: hidden; }
.guidebox_banner_list { display: flex; gap: 10px; }
.guidebox_banner_list > li { flex: 0 0 calc(25% - 10px);}
.guidebox_gobanner { display: flex; gap: 1px; border: 1px solid #dcdcdc; padding: 13px 25px; align-items: flex-start; background: #f8f8f8; flex-direction: column; justify-content: center; box-sizing: border-box; min-height: 100%; border-radius: 10px; }
.gobanner_main_para { font-size: 16px; font-weight: 400; line-height: 1.3; color: #333333; word-break: keep-all; }
.gobanner_viewer { display: inline-block; padding-right: 12px; position: relative; font-size: 14px; font-weight: 300; line-height: 1.3; color: #5f5f5f; word-break: keep-all; }
.gobanner_viewer:after { display: block; content: ""; width: 7px; height: 7px; border-left: 1px solid #5f5f5f; border-top: 1px solid #5f5f5f; position: absolute; top: 5px; right: 3px; transform: rotate(135deg); }
.guidebox_banner { display: flex; gap: 12px; position: relative; box-sizing: border-box; min-height: 100%; border: 1px solid #dcdcdc; padding: 10px 55px 10px 20px; align-items: center; border-radius: 10px; }
.guidebox_banner .ico { width: 30px; height: 30px; flex: 0 0 30px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.guidebox_banner .ico.ico_docu { background-image: url("/asp/images/icon/ico_banner_img_30x30_01.png"); }
.guidebox_banner .ico.ico_word { background-image: url("/asp/images/icon/ico_banner_img_30x30_02.png"); }
.guidebox_banner .ico.ico_ready { background-image: url("/asp/images/icon/ico_banner_img_30x30_03.png"); }
.guidebox_banner .text_node { font-size: 16px; font-weight: 400; line-height: 1; color: #333333; word-break: keep-all; }
.guidebox_banner:after { display: block; content: ""; width: 7px; height: 7px; border-left: 1px solid #5f5f5f; border-top: 1px solid #5f5f5f; position: absolute; top: 50%; margin-top: -4px; right: 27px; transform: rotate(135deg); }
.infocard_banner_wrap { margin-top: 30px; }
.infocard_banner_list { display: flex; gap: 10px; }
.infocard_banner_list > li { flex: 1; }
.infocard_banner { display: flex; gap: 15px; align-items: center; background: #f0f5f9; border-radius: 10px; padding: 10px 20px; box-sizing: border-box; min-height: 74px; }
.infocard_banner .ico { flex: 0 0 47px; width: 47px; height: 47px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; display: block; }
.infocard_banner .ico.info_01 { background-image: url("/asp/images/icon/ico_banner_img2_47_01.png"); }
.infocard_banner .ico.info_02 { background-image: url("/asp/images/icon/ico_banner_img2_47_02.png"); }
.infocard_banner .ico.info_03 { background-image: url("/asp/images/icon/ico_banner_img2_47_03.png"); }
.infocard_banner .ico.info_04 { background-image: url("/asp/images/icon/ico_banner_img2_47_04.png"); }
.infocard_banner .text_node { font-size: 17px; font-weight: 400; line-height: 1; color: #333333; word-break: keep-all; }
.btn_baguette_wrap { position: relative; overflow: hidden; overflow-x: auto; }
.btn_baguette_wrap::-webkit-scrollbar { display: none; }
.btn_baguette_list { display: flex; white-space: nowrap; gap: 7px; }
.btn_baguette { border: 1px solid #dedede; border-radius: 100px; display: inline-block; height: 32px; font-size: 14px; font-weight: 400; line-height: 32px; color: #5f5f5f; padding: 0 20px; }
.btn_baguette.active { background: #333c4c; color: #fff; border-color: #333c4c; }
.baq_cont_wrap { margin-top: 30px; }
.baq_cont { display: none; }
.baq_cont.active { display: block; }
.pop_terms_list{display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}
.pop_terms_list > li{font-size: 15px;}
.pop_terms_list > li strong{color: #000000;}

@media (max-width: 1299px) {
	.airplane_flex_container .icon_cols .ico { position: relative; top: -2px; }
	.airplane_mapline_list > li { margin-bottom: 10px; }
	.airplane_mapline_list > li:last-of-type { margin-bottom: 0; }
	.wordslice_obj,
	.wordslice { white-space: nowrap; }
	.middle_wrap.detail_wrap { box-sizing: border-box; }
}

@media (max-width: 1023px){
	.middle_wrap.detail_wrap { padding: 0 0 84px; }
	.detail_top_template { gap: 20px; flex-direction: column; }
	.detail_top_template .img_cols { flex: 0; width: auto; }
	.detail_top_template .info_cols { flex: 0; padding: 0 20px; }
	.detail_top_template .info_cols .title_name_cols{min-height: revert;}
	.detail_top_template .spec_flag_row { align-items: flex-end; gap: 10px; }
	.detail_top_template .spec_main_row { gap: 0; margin-top: 12px; flex-direction: column; }
	.detail_top_template .spec_main_row .title_name_cols { flex: 0; }
	.detail_top_template .spec_main_row .title_else_cols { padding-top: 8px; flex: 1; text-align: right; justify-content: flex-end; width: 100%; }
	.detail_top_template .spec_keyword_row { margin-top: 15px; }
	.detail_top_template .spec_price_row { margin-top: 13px; }
	.dtop_util_para { display: none; }
	.dtop_util_group { flex-direction: column; gap: 5px; align-items: flex-end; }
	.dtop_util_group > * { flex: 0; }
	.box_action_btn_list { justify-content: flex-end; }
	.keyword_tag_wrap.type02{margin: 36px 20px 0;}
	.keyword_tagbox_list .tagbox { padding: 2px 10px 3px; }
	.keyword_tagbox_list .tagbox .text_node { font-size: 12px; }
	.keyword_subtag_wrap { margin-top: 10px; }
	.keyword_subtag_top a:after { width: 6px; height: 6px; }
	.keyword_subtag_list > li.mb_hidden { display: none; }
	.keyword_subtag_list .subtagbox { padding: 5px 10px; font-size: 12px; gap:5px;}
	.detail_top_swiper_zone { border-radius: 0; }
	.detail_flag_wrap .flag_box {padding: 0 10px; font-size: 13px; height: 30px; line-height: 30px; }
	.swiper-container.detail_top_img_swiper .swiper-wrapper .swiper-slide img { width: 100%; }
	.swiper-container.detail_top_img_swiper{height: revert;}
	.product_title_name { font-size: 20px; }
	.product_title_sub_copy { font-size: 13px; margin-top: 10px; }
	.star_eval_text { display: inline-flex; gap: 3px; align-items: center; }
	.star_eval_text .ico { width: 12px; height: 12px; background: url("/asp/images/icon/ico_star_12.png") no-repeat 0 0/100% auto; }
	.star_eval_text .text_node { font-size: 15px; font-weight: 400; line-height: 1.3; color: #000; white-space: nowrap; }
	.summary_obj_list { background: #f9f9f9; border-radius: 5px; display: flex; margin-top: 17px; padding: 10px; gap: 12px; }
	.summary_keybox { font-size: 12px; padding: 3px 7px; }
	.summary_valuetext_list { top: 0; }
	.summary_valuetext_list > li { position: relative; padding-left: 8px; }
	.summary_valuetext_list > li:before { top: 7px; }
	.summary_valuetext_list .guide_valuetext { font-size: 12px; }
	.spec_price_item .price_caption { font-size: 12px; }
	.spec_price_item .price_caption2 { font-size: 12px; }
	.spec_price_item .price_caption2 .ico_point { top: 2px; }
	.spec_price_item .price_caption2:after { width: 6px; height: 6px; top: 4px; right: 3px; }
	.spec_price_item .price_dom { gap: 2px; }
	.spec_price_item .price_number { font-size: 24px; }
	.spec_price_item .price_unit { font-size: 14px; padding-top: 5px; }
	.price_before { font-size: 14px; padding-top: 7px; }
	.detail_topinfo_row { margin-top: 20px; gap: 20px; flex-direction: column; padding: 0 20px; }
	.detail_topinfo_row .who_info_cols { flex: 0; width: 100%; }
	.detail_topinfo_row .note_info_cols { flex: 0; width: 100%; }
	.who_staff_item { gap: 15px; }
	.btn_quad_card { font-size: 13px; min-width: 70px; border-radius: 3px; }
	.profile_hor_item { display: flex; gap: 10px; align-items: center; }
	.profile_hor_item .img_cols { flex: 0 0 45px; }
	.profile_hor_item .img_cols .thumnail { width: 45px; height: 45px; }
	.profile_name_para { font-size: 13px; }
	.profile_summary_item_list { gap: 2px 10px; }
	.profile_summary_item { font-size: 11px; }
	.note_para_list > li { position: relative; padding-left: 8px; font-size: 12px; margin-bottom: 5px; }
	.note_para_list > li:before { top: 7px; }
	.tape_title_row { padding: 0; }
	.tape_title { font-size: 16px; }
	.keyword_indent_bullet { font-size: 14px; }
	.tape_contents { margin-left: 10px; }
	.tape_contents .company_text_spec { font-size: 12px; }
	.tape_contents .company_logo_cols { flex-basis: 14px; }
	.tape_contents .company_logo_cols img { width: 14px; height: 14px; }
	.wordslice_list > li { margin-bottom: 0; }
	.airplane_flex_zone { display: flex; gap: 5px; }
	.airplane_flex_keyword { display: inline-block; font-size: 12px; font-weight: 350; line-height: 1; color: #5f5f5f; position: relative; top: 2px; white-space: nowrap; }
	.airplane_flex_container { gap: 5px 10px; }
	.airplane_flex_container .icon_cols .ico { top: 1px; width: 16px; height: 16px; }
	.btn_funcbox { padding: 8px 10px; }
	.wordslice,
	.word_text_obj,
	.wordslice_key,
	.mapline_guide_text { font-size: 12px; }
	.keyword_indent_block_list > li { margin-bottom: 20px; }
	.tape_block { margin-bottom: 30px; padding-bottom: 30px; }
	.info_note_para_list .info_note_emp,
	.info_note_para_list .info_note_normal { font-size: 13px; }
	.guidebox_banner_list { margin-right: -10px; flex-wrap: wrap; }
	.guidebox_banner_list > li { flex: 0 0 calc(50% - 10px); }
	.guidebox_gobanner { padding: 10px 15px; border-radius: 5px; }
	.gobanner_main_para { font-size: 14px; }
	.gobanner_viewer { display: inline-block; padding-right: 12px; font-size: 12px; }
	.gobanner_viewer:after { width: 4px; height: 4px; }
	.guidebox_banner { border-radius: 5px; padding: 10px 15px; gap: 5px; }
	.guidebox_banner:after { right: 14px; }
	.guidebox_banner .text_node { font-size: 13px; }
	.infocard_banner_wrap { margin-top: 20px; }
	.infocard_banner_list { margin-right: -10px; flex-wrap: wrap; }
	.infocard_banner_list > li { flex: 0 0 calc(50% - 10px); }
	.infocard_banner { gap: 10px; min-height: 45px; border-radius: 5px; }
	.infocard_banner .ico { flex: 0 0 35px; width: 35px; height: 35px; }
	.infocard_banner .text_node { font-size: 13px; }
	.tab_contents_inner { padding: 30px 20px; }
	.btn_baguette { font-size: 13px; padding: 0 15px; }
	.wordslice_obj { top: 1px; gap: 3px; }
	.wordslice_obj.type2 { top: 0; }
	.keyword_subtag_list {min-height: 0;}
 }

/* 여행후기 */
.total_count_box { border: 1px solid #eaeaea; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px; margin-bottom: 55px; }
.tc_dp_list { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.eval_count_node { display: inline-flex; gap: 5px; align-items: center; white-space: nowrap; }
.eval_count_node .ico { background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image: url("/asp/images/icon/ico_eval_star_16_active.png"); width: 16px; height: 16px; position: relative; top: 1px; }
.eval_count_node .text_node { font-size: 22px; font-weight: 500; line-height: 1; color: #2b2b2b; }
.tc_info_text { display: inline-flex; font-size: 16px; font-weight: 300; line-height: 1; color: #2b2b2b; }
.tc_info_text .emp_text_node { font-weight: 500; }
.objcount_slice_list { display: flex; gap: 10px 30px; flex-wrap: wrap; white-space: nowrap; justify-content: flex-end; }
.objcount_slice_item { display: inline-flex; gap: 2px; align-items: center; }
.objcount_slice_keyword { font-size: 14px; font-weight: 400; line-height: 1; color: #4e4e4e; }
.objcount_slice_number { font-size: 14px; font-weight: 400; line-height: 1; color: #176bdd; }
.viewer_lk_sort_row { display: flex; justify-content: flex-end; margin-bottom: 15px; }
.viewer_lk_render_container { background: #f5fafd; border-radius: 10px; padding: 13px; }
.viewer_lk_render_container .best_area{margin-bottom: 17px;}
.viewer_lk_brick { background: #fff; border-radius: 10px; margin-bottom: 17px; }
.viewer_lk_brick:last-of-type { margin-bottom: 0; }
.viewer_lk_brick > .flag_row { display: flex; justify-content: space-between; align-items: center; padding: 25px 30px 0; }
.viewer_lk_brick > .flag_row + .top_row { padding-top: 10px; }
.viewer_lk_brick > .top_row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 25px 30px 0; }
.viewer_lk_brick > .photo_row { padding: 0 30px 0; margin-top: 30px; }
.viewer_lk_brick > .data_text_row { padding: 0 30px 0; margin-top: 20px; }
.viewer_lk_brick > .btn_control_row { margin-top: 15px; padding: 0 30px 15px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.card_flag_item { display: inline-block; white-space: nowrap; height: 28px; line-height: 28px; background: #006de1; padding: 0 15px; border-radius: 5px; color: #fff; }
.lk_dp_list { display: flex; gap: 5px 10px; align-items: center; flex-wrap: wrap; }
.lk_info_text { font-size: 14px; font-weight: 400; line-height: 1; color: #6d6c6c; }
.objwho_slice_item { display: flex; align-items: center; gap: 3px; }
.objwho_slice_item dt { font-size: 13px; font-weight: 500; line-height: 1; color: #333333; }
.objwho_slice_item dd { font-size: 13px; font-weight: 350; line-height: 1; color: #6d6c6c; }
.viewer_lkphoto_wrap { position: relative; overflow: hidden; }
.viewer_lkphoto_list { display: flex; gap: 5px 15px; flex-wrap: wrap; margin: 0 -15px 0 0; }
.viewer_lkphoto_list > li { flex: 0 0 calc(14.2857142857% - 15px); }
.viewer_lkphoto_item { height: 0; padding-bottom: 100%; position: relative; display: block; }
.viewer_lkphoto_item > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.section_review_lk_util { margin-bottom: 5px; }
.section_review_lk_render { font-size: 15px; font-weight: 350;color: #4e4e4e;}
.section_review_lk_render.line_clamp2{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.btn_action_text { display: inline-block; font-size: 14px; font-weight: 400; line-height: 1; color: #5f5f5f; }
.btn_toggle_text { display: inline-block; padding-right: 28px; position: relative; }
.btn_toggle_text .text_node { font-size: 14px; font-weight: 350; line-height: 1; color: #333333; }
.btn_toggle_text:after { display: block; content: ""; width: 10px; height: 10px; border-top: 1px solid #adadad; border-right: 1px solid #adadad; position: absolute; top: 0; right: 3px; transform: rotate(-225deg); }
.btn_toggle_text.active:after { transform: rotate(-45deg); top: 6px; }
.reply_box_group { padding: 10px 10px 10px; }
.reply_box_group.type_hide{display: none;}
.reply_box { background: #f5f8fd; border-radius: 10px; padding: 12px 20px; }
.reply_box .top_row { display: flex; gap: 5px; align-items: center; }
.reply_box .data_row { margin-top: 5px; font-size: 14px; font-weight: 350; line-height: 1.5; color: #6d6c6c; }
.reply_who { font-size: 14px; font-weight: 500; line-height: 1; color: #333333; }
.reply_who_sub { font-size: 13px; font-weight: 350; line-height: 1; color: #6d6c6c; }

@media (max-width: 1023px){
	.total_count_box { border-radius: 8px; gap: 10px; margin-bottom: 20px; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 15px; }
	.total_count_box .main_cols,
	.total_count_box .sub_cols { flex: 0; }
	.tc_dp_list { gap: 8px; }
	.eval_count_node .ico { width: 12px; height: 12px; top: 1px; }
	.eval_count_node .text_node { font-size: 16px; }
	.tc_info_text { font-size: 14px; }
	.objcount_slice_list { gap: 5px 15px; justify-content: flex-start; }
	.objcount_slice_item { display: inline-flex; gap: 2px; align-items: center; }
	.objcount_slice_keyword { font-size: 13px; }
	.objcount_slice_number { font-size: 13px; }
	.viewer_lk_sort_row { margin-bottom: 10px; }
	.viewer_lk_render_container { padding: 10px; }
	.viewer_lk_brick { margin-bottom: 10px; }
	.viewer_lk_render_container .best_area{margin-bottom: 10px;}
	.viewer_lk_brick .main_cols { display: flex; justify-content: space-between; align-items: center; }
	.viewer_lk_brick > .flag_row { padding: 15px 15px 0; }
	.viewer_lk_brick > .flag_row + .top_row { padding: 10px 15px 0; }
	.viewer_lk_brick > .top_row { display: block; padding: 15px 15px 0; }
	.viewer_lk_brick > .top_row .sub_cols { margin-top: 10px; }
	.viewer_lk_brick > .photo_row { padding: 0 15px 0; margin-top: 10px; }
	.viewer_lk_brick > .data_text_row { padding: 0 15px 0; margin-top: 10px; }
	.viewer_lk_brick > .btn_control_row { padding: 0 15px 10px; gap: 10px; }
	.card_flag_item { line-height: 20px; height: 20px; padding: 0 10px; font-size: 12px; }
	.lk_dp_list { display: flex; gap: 5px 10px; align-items: center; flex-wrap: wrap; }
	.lk_dp_list > li.mb_item .objwho_slice_item { top: 0; }
	.lk_info_text { font-size: 13px; }
	.objwho_slice_item { gap: 3px; position: relative; top: 2px; }
	.objwho_slice_item dt,
	.objwho_slice_item dd { font-size: 13px; }
	.viewer_lkphoto_wrap { overflow: hidden; overflow-x: auto; }
	.viewer_lkphoto_wrap::-webkit-scrollbar { width: 0; display: none; }
	.viewer_lkphoto_list { gap: 5px; margin: 0 -5px 0 0; flex-wrap: nowrap; }
	.viewer_lkphoto_list > li { flex: 0 0 25vw; }
	.viewer_lkphoto_item { height: 0; padding-bottom: 100%; position: relative; display: block; }
	.viewer_lkphoto_item > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
	.section_review_lk_render { font-size: 13px; }
	.btn_action_text { font-size: 13px; }
	.btn_toggle_text { display: inline-block; padding-right: 22px; position: relative; }
	.btn_toggle_text .text_node { font-size: 13px; }
	.btn_toggle_text:after { width: 8px; height: 8px; right: 3px; top: 2px; }
	.btn_toggle_text.active:after { top: 7px; }
	.reply_box_group { padding: 0 10px 10px; }
	.reply_box { padding: 10px; }
	.reply_box .data_row { font-size: 13px; }
	.reply_who { font-size: 13px; }
	.reply_who_sub { font-size: 12px; }
 }

@media (max-width: 767px){
	.viewer_lkphoto_list > li { flex: 0 0 20vw; }
 }

/* // 여행후기 */
.desc_block { margin-bottom: 20px; }
.desc_block:last-of-type { margin-bottom: 0; }
.desc_title_row { padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; }
.desc_title { font-size: 17px; font-weight: 400; line-height: 1.3; color: #333333; }
.desc_empbox { background: #f8f9fb; border-radius: 20px; padding: 15px 20px; }
.call_number_info_list > li { margin-bottom: 10px; }
.call_number_info_list > li:last-of-type { margin-bottom: 0; }
.call_number_info_item { display: flex; gap: 8px; justify-content: space-between; gap: 10px 20px; }
.call_number_info_item .text_key,
.call_number_info_item .text_value { font-size: 16px; font-weight: 350; line-height: 1.3; color: #333333; word-break: keep-all; }
.call_number_info_item .ico { width: 28px; height: 28px; border-radius: 100%; flex: 0 0 28px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image: url("/asp/images/icon/ico_call_28.png"); background-color: #6d84a9; }

@media (max-width: 1023px){
	.desc_title { font-size: 15px; }
	.call_number_info_item .text_key,
	.call_number_info_item .text_value { font-size: 14px; }
	.desc_empbox { border-radius: 10px; }
}
/* main */
.mv_container { position: relative; }
/*
 기존 배너 겹치는 이슈로 주석처리 20250828
.btn_mv_control { display: block; width: 65px; height: 65px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; background-color: rgba(0, 0, 0, 0.2); }
.btn_mv_control:after { display: block; content: ""; width: 20px; height: 20px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; top: 20px; left: 25px; transform: rotate(45deg); }
.btn_mv_control.prev { left: 0; }
.btn_mv_control.next { right: 0; }
.btn_mv_control.next:after { transform: rotate(225deg); left: 17px; }
 */
.mv_item { display: block; position: relative; height: 620px; }
.mv_item .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; }
.mv_copy_container { max-width: 1200px; padding: 70px 100px; margin: 0 auto; position: relative; z-index: 5; }
.mv_copy_group { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.mv_copy_01 { margin-bottom: 10px; }
.mv_flag { display: inline-block; background: rgba(23, 24, 24, 0.86); border-radius: 100px; font-size: 14px; font-weight: 500; line-height: 1; color: #fff; padding: 10px 20px; }
.mv_copy_02 { font-size: 43px; font-weight: 500; line-height: 1.2; color: #fff; word-break: keep-all; }
.mv_copy_03 { font-size: 17px; font-weight: 500; line-height: 1.5; color: #fff; margin-top: 15px; word-break: keep-all; }
.swiper_paging_zone { position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 5; font-size: 0; line-height: 0; text-align: center; display: flex; justify-content: center; align-items: center; }
.swiper_paging_zone .swiper-pagination { position: relative; margin: 0; padding: 0; }
.swiper_paging_zone .swiper-pagination .swiper-pagination-bullet { margin: 0 2px; padding: 0; width: 10px; height: 10px; opacity: 1; background: #fff; }
.swiper_paging_zone .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }
.swipertimer_cols { display: flex; align-items: center; margin-left: 7px; }
.btn_swiper_timer { display: block; width: 16px; height: 16px; background: url("/asp/images/icon/ico_mv_play_auto.png") no-repeat 0 0/100% auto; }
.btn_swiper_timer.auto { background-position: 0 100%; display: none; }
.mc_container { max-width: 1200px; margin: 0 auto; padding: 60px 30px 200px; }
.search_baquette_title { text-align: left; font-size: 32px; font-weight: 500; line-height: 1.3; color: #2b2b2b; margin-bottom: 20px; padding: 0 30px; }
.search_baquette_container { border: 1px solid #727272; border-radius: 1000px; display: flex; box-sizing: border-box; min-height: 80px; }
.search_baquette_container .form_cols { border-left: 1px solid #e4e4e4; display: flex; align-items: center; flex: 1; }
.search_baquette_container .form_cols.long { flex: 0 0 32%; }
.search_baquette_container .form_cols:first-of-type { border-left: 0; }
.search_baquette_container .btn_cols { flex: 0 0 100px; border-left: 1px solid #e4e4e4; display: flex; justify-content: center; align-items: center; }
.baquette_form_item { display: flex; gap: 15px; width: 100%; box-sizing: border-box; padding: 0 30px 0 30px; }
.baquette_label_cols { display: flex; align-items: center; gap: 8px; }
.baquette_label_cols .ico { width: 34px; height: 34px; flex: 0 0 34px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.baquette_label_cols .ico.shape_map { background-image: url("/asp/images/icon/ico_search_label_01.png"); }
.baquette_label_cols .ico.shape_earth { background-image: url("/asp/images/icon/ico_search_label_02.png"); }
.baquette_label_cols .ico.shape_calendar { background-image: url("/asp/images/icon/ico_search_label_03.png"); }
.baquette_label_cols .text_node { font-size: 18px; font-weight: 500; line-height: 1; color: #000; }
.baquette_value_cols { flex: 1; }
.btn_baquette_submit { width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image: url("/asp/images/icon/ico_search_submit_30.png"); display: inline-block; }
.btn_baquette_submit .text_node { display: none; }
.mc_linkage_block_wrap { margin-top: 90px; }
.mc_linkage_block { margin-bottom: 40px; }
.mc_linkage_block:last-of-type { margin-bottom: 0; }
.mc_linkage_title_row { display: flex; justify-content: space-between; gap: 20px; align-items: flex-end; }
.btn_slicebox { font-size: 13px; font-weight: 350; line-height: 22px; color: #5f5f5f; border: 1px solid #dedede; border-radius: 100px; padding: 0 15px; display: inline-block; height: 24px; white-space: nowrap; box-sizing: border-box; }
.mc_linkage_title { font-size: 32px; font-weight: 500; line-height: 1.3; color: #2b2b2b; letter-spacing: -1px; }
.mc_linkage_title_sub { font-size: 15px; font-weight: 300; line-height: 1.3; color: #6d6c6c; margin-top: 4px; }
.mc_linkage_contents { margin-top: 35px; }
.vertical_cardbox_list { display: flex; flex-wrap: wrap; margin-right: -23px; gap: 15px 23px; }
.vertical_cardbox_list > li { flex: 0 0 calc(25% - 23px); }
.vertical_cardbox_list > li.nodata_li { flex: 0 0 100%; text-align: center; }
.vertical_cardbox_list > li.nodata_li .nodata_para { padding: 150px 20px; }
.vertical_cardbox { display: flex; flex-direction: column; }
.vertical_cardbox .thum_row { flex: 1; min-height: 150px; position: relative; border-radius: 0; overflow: hidden; }
.vertical_cardbox .thum_row > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.vertical_cardbox .spec_row { border-top: 0; padding: 10px 0 0 0; }
.vertical_cardbox .spec_main_row { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 15px; }
.vertical_cardbox .spec_main_row .else_cols { display: flex; gap: 3px; }
.vertical_cardbox .spec_main_row .else_cols .eval_star_wrap { position: relative; top: 1px; }
.vertical_cardbox .spec_main_name { font-size: 16px; font-weight: 500; line-height: 1; color: #000; white-space: nowrap; }
.hor_quadbox_vwrap { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e4e4e4; }
.spec_sub_para { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; font-weight: 350; line-height: 1.5; color: #6d6c6c; }
.hor_quadbox_wrap { margin-top: 40px; }
.hor_quadbox_list { display: flex; flex-wrap: wrap; margin-right: -23px; gap: 15px 23px; }
.hor_quadbox_list > li { flex: 0 0 calc(25% - 23px); }
.hor_quadbox_list > li.nodata_li { flex: 0 0 100%; text-align: center; }
.hor_quadbox_list > li.nodata_li .nodata_para { padding: 50px 20px; }
.hor_quadbox_item { display: flex; gap: 10px; align-items: center; }
.hor_quadbox_item .img_cols { flex: 0 0 80px; }
.hor_quadbox_item .spec_cols { flex: 1; min-width: 0; }
.hor_quad_thum { width: 80px; height: 80px; box-sizing: border-box; position: relative; overflow: hidden; display: block; }
.hor_quad_thum img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.hor_quad_proname { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; font-weight: 350; line-height: 1.5; color: #6d6c6c; }

@media (max-width: 1299px){
	.search_baquette_container .form_cols:first-of-type { padding-left: 20px; }
	.baquette_form_item { padding: 10px 20px; gap: 10px; }
	.baquette_label_cols { flex: 0; }
	.baquette_value_cols { flex: 1; }
	.baquette_label_cols .ico { width: 28px; height: 28px; flex-basis: 28px; }
	.baquette_label_cols .text_node { font-size: 16px; white-space: nowrap; }
}

@media (max-width: 1023px){
 /*
   기존 배너 겹치는 이슈로 주석처리 20250828
.btn_mv_control { width: 30px; height: 30px; }
.btn_mv_control:after { width: 12px; height: 12px; top: 8px; left: 12px; }
.btn_mv_control.next:after { transform: rotate(225deg); left: 5px; } */
	.mv_item { height: 500px; }
	.mv_copy_container { padding: 30px 30px; }
	.mv_flag { padding: 7px 15px; font-size: 12px; }
	.mv_copy_02 { font-size: 20px; }
	.mv_copy_03 { font-size: 14px; margin-top: 15px; }
	.swiper_paging_zone { bottom: 10px; }
	.search_baquette_container { display: block; border-radius: 10px; }
	.search_baquette_container .form_cols { border: 0; }
	.search_baquette_container .form_cols:first-of-type { padding: 0; }
	.search_baquette_container .btn_cols { padding: 10px 20px 20px 20px; border: 0; }
	.baquette_label_cols .text_node { font-size: 14px; }
	.btn_baquette_submit { background: #006de1; width: 100%; height: auto; padding: 15px; display: block; text-align: center; border-radius: 5px; }
	.btn_baquette_submit .text_node { font-size: 16px; font-weight: 500; line-height: 1; color: #fff; display: block; }
	.search_baquette_title { font-size: 20px; padding: 0 0; margin-bottom: 15px; }
	.search_baquette_container { padding: 10px 0 0; }
	.baquette_form_item { padding: 5px 20px; }
	.mc_container { padding: 30px 20px 80px; }
	.mc_linkage_block_wrap { margin-top: 45px; }
	.mc_linkage_block { margin-bottom: 20px; }
	.mc_linkage_title { font-size: 20px; letter-spacing: 0; }
	.mc_linkage_title_sub { font-size: 14px; }
	.mc_linkage_contents { margin-top: 20px; }
	.vertical_cardbox_list { display: flex; flex-wrap: wrap; margin-right: -10px; gap: 30px 10px; }
	.vertical_cardbox_list > li { flex: 0 0 calc(50% - 10px); }
	.vertical_cardbox_list > li.nodata_li .nodata_para { padding: 80px 20px; }
	.vertical_cardbox .thum_row { flex: 1; min-height: 0; padding-bottom: 70%; }
	.vertical_cardbox .spec_main_row { gap: 5px; margin-bottom: 12px; }
	.vertical_cardbox .spec_main_name { font-size: 14px; }
	.spec_sub_para { font-size: 13px; }
	.hor_quadbox_wrap { margin-top: 20px; }
	.hor_quadbox_list { margin-right: -10px; gap: 10px; }
	.hor_quadbox_list > li { flex: 0 0 calc(50% - 10px); }
	.hor_quadbox_item .img_cols { flex: 0 0 50px; }
	.hor_quad_thum { width: 50px; height: 50px; }
	.hor_quad_proname { font-size: 13px; }
	.hor_quadbox_vwrap { padding-top: 15px; margin-top: 15px; }
}

@media (max-width: 767px){
	.btn_slicebox { font-size: 12px; }
}

/* 2차분 251022 add */
/* popup */
.popup_contents_row.ptype3 .popup_contents_inner { padding-top: 30px; }
.middle_inner { max-width: 1200px; padding: 40px 30px 130px; margin: 0 auto; }
.md_global_title_row { margin-bottom: 45px; }
.md_global_title { text-align: center; font-size: 36px; color: #1b1b1b; line-height: 1.3; }
.baguette_tab_wrap { overflow: hidden; overflow-x: auto; }
.baguette_tab_wrap::-webkit-scrollbar { display: none; }
.baguette_tab_list { display: flex; gap: 5px; justify-content: center; flex-wrap: wrap; }
.baguette_tab_list > li.active .baguette_tab { background: #2d3545; }
.baguette_tab_list > li.active .baguette_tab .text_node { color: #fff; }
.baguette_tab { min-width: 105px; white-space: nowrap; text-align: center; box-sizing: border-box; border: 1px solid #2d3545; padding: 5px 15px; border-radius: 100px; min-height: 42px; display: flex; justify-content: center; align-items: center; }
.baguette_tab .text_node { font-size: 16px; position: relative; top: -1px; display: inline-block; color: #1a1f28; line-height: 1.3; word-break: keep-all; }
.cols_tab_list { display: flex; }
.cols_tab_list > li { flex: 1; display: flex; flex-direction: column; }
.cols_tab_list > li.active { position: relative; z-index: 1; }
.cols_tab_list > li.active .cols_tab { background: #3e4551; border-color: #3e4551; }
.cols_tab_list > li.active .cols_tab .text_node { color: #fff; font-weight: 500; }
.cols_tab_list > li:first-of-type .cols_tab { border-radius: 10px 0 0 0; }
.cols_tab_list > li:last-of-type .cols_tab { border-right: 1px solid #cecece; border-radius: 0 0 10px 0; }
.cols_tab { flex: 1; display: flex; min-height: 48px; justify-content: center; align-items: center; text-align: center; border: 1px solid #cecece; box-sizing: border-box; border-right: 0; padding: 5px; }
.cols_tab .text_node { font-size: 16px; position: relative; top: 0; display: inline-block; color: #4e4e4e; line-height: 1.3; word-break: keep-all; }
.md_block { margin-top: 35px; }
.md_title_row { padding-bottom: 30px; border-bottom: 1px solid #a3a3a3; margin-bottom: 25px; }
.md_title { font-size: 36px; color: #1b1b1b; display: inline-block; line-height: 1.3; }
.md_cont_block { margin-top: 45px; }
.md_cont_title_row { margin-bottom: 23px; }
.md_cont_title { font-size: 24px; color: #2b2b2b; line-height: 1.3; display: inline-block; }
.tabcard_item_wrap { margin-bottom: 50px; }
.tabcard_item_list { display: flex; }
.tabcard_item_list > li { flex: 1; display: flex; flex-direction: column; }
.tabcard_item_list > li.active { position: relative; z-index: 2; }
.tabcard_item_list > li.active .tabcard_item { background: #3e4551; border-color: #3e4551 !important; }
.tabcard_item_list > li.active .tabcard_item .text_node { color: #fff; }
.tabcard_item_list > li:first-of-type .tabcard_item { border-radius: 10px 0 0 0; }
.tabcard_item_list > li:last-of-type .tabcard_item { border-right: 1px solid #cecece; border-radius: 0 0 10px 0; }
.tabcard_item { flex: 1; display: flex; min-height: 48px; padding: 5px; box-sizing: border-box; justify-content: center; align-items: center; text-align: center; border: 1px solid #cecece; border-right: 0; background: #fff; }
.tabcard_item .text_node { font-size: 15px; word-break: keep-all; color: #4e4e4e; line-height: 1.2; display: inline-block; }
.tabcont_title_row { margin-bottom: 50px; }
.tabcont_title_row.skin2 { margin-bottom: 30px; padding-bottom: 50px; border-bottom: 1px solid #000000; }
.tabcont_title { font-size: 36px; color: #1b1b1b; line-height: 1.3; }

@media (max-width: 1023px){
	.middle_inner { padding: 35px 20px 70px; }
	.md_global_title_row { margin-bottom: 25px; }
	.md_global_title { font-size: 20px; }
	.tabcard_item_wrap { margin-bottom: 30px; }
	.tabcard_item .text_node { font-size: 14px; }
	.tabcont_title_row { margin-bottom: 20px; }
	.tabcont_title_row.skin2 { margin-bottom: 15px; padding-bottom: 20px; }
	.tabcont_title { font-size: 20px; }
	.cols_tab { min-height: 38px; }
	.cols_tab .text_node { font-size: 13px; }
	.md_block { margin-top: 25px; }
	.md_title_row { padding-bottom: 20px; margin-bottom: 20px; }
	.md_title { font-size: 18px; }
	.md_cont_block { margin-top: 30px; }
	.md_cont_title_row { margin-bottom: 15px; }
	.md_cont_title { font-size: 16px; }
	.baguette_tab_list { justify-content: flex-start; flex-wrap: nowrap; }
}

@media (max-width: 767px){
	.tabcard_item_list { flex-wrap: wrap; }
	.tabcard_item_list > li { flex: 0 0 33.3333333%; margin-top: -1px; }
	.tabcard_item_list > li:nth-of-type(3n) .tabcard_item { border-right: 1px solid #cecece; }
	.tabcard_item { min-height: 38px; }
	.tabcard_item .text_node { font-size: 12px; }
	.baguette_tab_wrap { margin: 0 -20px; }
	.baguette_tab_list { margin: 0; }
	.baguette_tab_list:before, .baguette_tab_list:after { display: block; content: ""; width: 15px; flex: 0 0 15px; }
	.baguette_tab_list > li { flex: none; }
	.baguette_tab { min-width: 0; min-height: 40px; }
	.baguette_tab .text_node { font-size: 14px; top: 0; }
	.md_block { margin-top: 30px; }
	.md_title { font-size: 20px; }
	.md_title_row { padding-bottom: 15px; margin-bottom: 20px; }
}
/* 인사말 */
.middle_wrap.xscroll_rock { overflow-x: hidden; position: relative; }
.tape_global_title_row { position: relative; min-height: 400px; box-sizing: border-box; padding: 50px; margin-bottom: 85px; display: flex; justify-content: center; align-items: center; }
.tape_global_title_row:before { display: block; content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url("/asp/images/custom/bg_greeting.jpg") no-repeat 50% 50%/cover; }
.tape_global_title_row.mbtype { margin-bottom: 0; }
.tape_global_title_row.bg_img2:before { background-image: url("/asp/images/custom/bg_service_tape.jpg"); }
/* .touchmode { .tape_global_title_row { &:before { width:100vw; }
 }
 }*/
.tape_inner { position: relative; text-align: center; width: 100%; }
.tape_title_item { color: #fff; max-width: 740px; margin: 0 auto; }
.tape_title_main { font-size: 36px; font-weight: 200; }
.tape_title_sub { font-size: 33px; font-weight: 350; }
.tape_title_main + .tape_title_sub { margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.greeting_container { display: flex; gap: 55px; margin-bottom: 130px; }
.greeting_container .thum_cols { flex: 0 0 250px; }
.greeting_container .thum_cols img { vertical-align: top; }
.greeting_container .spec_cols { flex: 1; position: relative; top: -5px; }
.greeting_main_copy { font-size: 30px; color: #2b2b2b; margin-bottom: 30px; }
.greeting_sub_copy { font-size: 16px; color: #5f5f5f; line-height: 2; margin-bottom: 35px; }
.greeting_sub_copy:last-of-type { margin-bottom: 0; }
.greeting_sub_copy strong { font-weight: 400; color: #333333; }
.ceo_history_container { position: relative; margin-bottom: 100px; }
.ceo_history_container:before { display: block; content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url("/asp/images/custom/bg_greeting2.jpg") no-repeat 50% 50%/cover; }
.ceo_history_inner { display: flex; gap: 55px; position: relative; padding: 83px 0 93px; }
.ceo_history_inner .thum_cols { flex: 0 0 250px; text-align: center; }
.ceo_history_inner .thum_cols img { vertical-align: top; }
.ceo_history_inner .spec_cols { color: #fff; position: relative; top: -5px; }
.ceo_name { font-size: 15px; color: #fff; margin-top: 8px; }
.ceo_history_title { font-size: 30px; color: #fff; font-weight: 400; }
.ceo_history_wrap { margin-top: 30px; }
.ceo_history_list { position: relative; display: table; }
.ceo_history_list > li { display: table-row; }
.ceo_history_list > li:last-of-type .year_cols,
.ceo_history_list > li:last-of-type .value_cols { padding-bottom: 0; }
.ceo_history_list .year_cols,
.ceo_history_list .value_cols { display: table-cell; vertical-align: top; padding-bottom: 20px; }
.ceo_history_list .year_cols { white-space: nowrap; width: 1px; padding-right: 23px; }
.ceo_history_list .value_cols { padding-top: 2px; }

.ceo_ment_container { position: relative; margin-top: 100px; }
.ceo_ment_container:before { display: block; content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url("/asp/images/custom/bg_greeting3.jpg") no-repeat 50% 50%/cover; }
.ceo_ment_inner{display: flex; position: relative; padding: 60px 0; justify-content: center;}
.ceo_ment_wrap{display: flex; flex-direction: column; gap: 30px;}
.ceo_ment_item{color: #fff; font-size: 15px; display: flex; flex-direction: column; align-items: center; gap: 10px;}

.year_text_node { font-size: 17px; font-weight: 500; display: inline-block; }
.value_text_node { font-size: 15px; margin-bottom: 10px; }
.value_text_node:last-of-type { margin-bottom: 0; }
.ceo_history_sign { font-size: 17px; color: #fff; font-weight: 500; margin-top: 20px; }
.ceo_history_sign .hanja { font-family: initial; }
.indent_text_para { display: flex; gap: 5px; }
.indent_text_bullet { flex: 0; white-space: nowrap; }
.indent_text_liquid { flex: 1; }

@media (max-width: 1023px){
	.tape_global_title_row { min-height: 200px; padding: 30px; margin-bottom: 30px; }
	.tape_title_main { font-size: 22px; }
	.tape_title_sub { font-size: 16px; }
	.greeting_container { gap: 30px; margin-bottom: 30px; flex-direction: column; }
	.greeting_container .thum_cols { margin: 0 auto; width: 80px; flex: none; font-size: 0; line-height: 0; }
	.greeting_container .spec_cols { top: 0; }
	.greeting_main_copy { font-size: 18px; margin: 0 0 10px 0; }
	/* .greeting_sub_copy_group { margin-left:-95px } */
	.greeting_sub_copy { font-size: 13px; margin-bottom: 10px; }
	.ceo_history_container { margin-bottom: 40px; }
	.ceo_history_inner { gap: 30px; padding: 40px 0 50px; flex-direction: column; }
	.ceo_history_inner .thum_cols { margin: 0 auto; width: 80px; flex: none; }
	.ceo_history_inner .spec_cols { top: 0; }
	.ceo_name { font-size: 12px; }
	.ceo_history_title { font-size: 15px; }
	.ceo_history_wrap { margin-top: 20px; }
	.ceo_history_list { display: block; }
	.ceo_history_list > li { display: block; margin-bottom: 20px; }
	.ceo_history_list > li:last-of-type { margin-bottom: 0; }
	.ceo_history_list .year_cols,
	.ceo_history_list .value_cols { padding-bottom: 0; display: block; }
	.ceo_history_list .year_cols { padding: 0 0 5px; }
	.ceo_history_list .value_cols { padding-top: 0; }
	.ceo_ment_wrap { gap: 20px; }
	.ceo_ment_item{ gap: 5px; font-size: 13px; }
	.year_text_node { font-size: 14px; }
	.value_text_node { font-size: 13px; margin-bottom: 5px; }
	.ceo_history_sign { font-size: 14px; margin-top: 30px; }
	.indent_text_para { gap: 5px; }
 }

@media (max-width: 767px){
	.tape_global_title_row { min-height: 150px; }
 }

/* board */
.surface_title { font-size: 28px; color: #2b2b2b; line-height: 1.3; margin-bottom: 25px; }
.surface_list_tb { width: 100%; }
.surface_list_tb thead th { border-top: 2px solid #000; border-bottom: 1px solid #000; padding: 14px 15px 13px; }
.surface_list_tb thead th.liquid_wid { width: auto; }
.surface_list_tb tbody td { border-bottom: 1px solid #d9d9d9; padding: 13px; }
.surface_list_tb tbody td.liquid_wid { text-align: left; }
.surface_thtext,
.surface_tdtext { white-space: nowrap; display: inline-block; }
.surface_thtext { font-size: 16px; color: #2b2b2b; line-height: 1.3; }
.surface_tdlink,
.surface_tdtext { font-size: 15px; color: #4e4e4e; line-height: 1.3; }
.surface_tdlink { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.sur_title_row { border-top: 2px solid #000000; border-bottom: 1px solid #000; display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 22px 20px; }
.sur_view_title { font-size: 24px; color: #000000; line-height: 1.4; }
.sur_view_else_list { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.sur_view_else_list dt,
.sur_view_else_list dd { font-size: 16px; color: #6d6c6c; line-height: 1; }
.sur_contents { font-size: 16px; color: #4e4e4e; line-height: 2.063; padding: 30px 25px 110px; }
.sur_contents img { width: auto !important; height: auto !important; max-width: 100%; vertical-align: top; }
.sur_contents * { word-break: break-all; }
.sur_btn_row { border-top: 1px solid #cacaca; text-align: center; display: flex; justify-content: center; padding-top: 40px; margin-top: 40px;}
.btn_surbox { display: flex; min-width: 300px; box-sizing: border-box; min-height: 56px; padding: 10px 15px; background: #455267; text-align: center; justify-content: center; align-items: center; border-radius: 100px; }
.btn_surbox .text_node { display: inline-block; font-size: 19px; color: #ffffff; line-height: 1; }
.btn_surbox.primary { background-color: #176bdd; }

@media (max-width: 1023px){
	.surface_title { font-size: 18px; margin-bottom: 15px; }
	.surface_list_tb colgroup { display: none; }
	.surface_list_tb thead th.mb_hidden { display: none; }
	.surface_list_tb tbody td.mb_hidden { display: none; }
	.surface_thtext { font-size: 14px; }
	.surface_tdlink,
	.surface_tdtext { font-size: 14px; }
	.sur_title_row { gap: 15px; padding: 20px 15px; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.sur_view_title { font-size: 16px; }
	.sur_view_else_list { gap: 10px; }
	.sur_view_else_list dt,
	.sur_view_else_list dd { font-size: 14px; }
	.sur_contents { font-size: 14px; line-height: 1.6; padding: 20px 15px 60px; }
	.sur_btn_row { padding-top: 20px; margin-top: 20px;}
	.btn_surbox { min-width: 150px; min-height: 45px; padding: 10px 10px; }
	.btn_surbox .text_node { font-size: 14px; }
}

/* list */
.photo_gallery_list { display: flex; flex-wrap: wrap; gap: 30px 20px; margin-right: -20px; }
.photo_gallery_list > li { flex: 0 0 calc(25% - 20px); display: flex; flex-direction: column; }
.photo_gallery_item { flex: 1; min-height: 100%; display: flex; text-align: center; flex-direction: column; }
.photo_gallery_item .img_row { border-radius: 20px 20px 0 0; position: relative; overflow: hidden; flex: 0 0 260px; }
.photo_gallery_item .spec_group { border: 1px solid #dadada; border-top: 0; border-radius: 0 0 20px 20px; flex: 1; }
.photo_gallery_item .spec_row { padding: 13px; }
.photo_gallery_item .btn_row { border-top: 1px solid #dadada; padding: 8px; font-size: 0; line-height: 0; }
.pg_thum > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.pg_main_para,
.pg_sub_para { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 1.3; }
.pg_main_para { font-size: 17px; color: #333333; font-weight: 500; display: flex; justify-content: center; gap: 5px; }
.pg_sub_para { font-size: 14px; color: #6d6c6c; margin-top: 3px; }
.btn_detail_viewer { display: inline-flex; align-items: center; gap: 5px; justify-content: center; }
.btn_detail_viewer .ico { width: 18px; height: 18px; flex: 0 0 18px; background: url("/asp/images/custom/ico_search_26.png") no-repeat 0 0/100% auto; }
.btn_detail_viewer .text_node { font-size: 13px; color: #6d6c6c; display: inline-block; line-height: 1; }
.logo_chip_list { display: flex; flex-wrap: wrap; gap: 15px; margin-right: -15px; }
.logo_chip_list > li { flex: 0 0 calc(20% - 15px); }
.logo_chip img { vertical-align: top; }
.respon_tb { width: 100%; }
.respon_tb thead tr th { border-top: 2px solid #000; text-align: center; border-bottom: 1px solid #000; padding: 14px 15px 13px; }
.respon_tb tbody tr td { border-bottom: 1px solid #d9d9d9; padding: 13px; text-align: center; }
.respon_keytext,
.respon_thtext { display: inline-block; font-size: 16px; color: #2b2b2b; line-height: 1.3; }
.respon_tditem { display: flex; gap: 10px 20px; justify-content: center; }
.respon_tditem dt { display: none; }
.respon_valuetext { font-size: 15px; color: #4e4e4e; line-height: 1.3; }
/*
.surface_thtext,
.surface_tdtext { white-space:nowrap; display:inline-block; }
.surface_thtext { font-size:16px; color:#2b2b2b; line-height:1.3; }
.surface_tdlink,
.surface_tdtext { font-size:15px; color:#4e4e4e; line-height:1.3; }
.surface_tdlink { @include clamp(1); }
*/
.info_legend_wrap { margin-bottom: 25px; }
.info_legend_list { display: flex; justify-content: flex-end; align-items: center; gap: 10px 15px; flex-wrap: wrap; }
.info_legend_item { display: flex; gap: 4px; align-items: center; }
.info_legend_item .shape_box { width: 9px; height: 9px; border-radius: 100%; flex: 0 0 9px; position: relative; top: 1px; }
.info_legend_item .shape_box.type01{background-color: #008aff;}
.info_legend_item .shape_box.type02{background-color: #999999;}
.info_legend_item .shape_box.type03{background-color: #34b371;}
.info_legend_item .shape_box.type04{background-color: #f74e4e;}
.info_legend_item .text_node { font-size: 14px; color: #6d6c6c; display: inline-block; white-space: nowrap; }
.capsule_exhibit_list { display: flex; flex-wrap: wrap; gap: 20px; margin-right: -20px; }
.capsule_exhibit_list > li { flex: 0 0 calc(25% - 20px); }
.capsule_exhibit_list > li.nodata_li { flex: 0 0 calc(100% - 20px); }
.capsule_exhibit_item { display: flex; flex-direction: column; }
.capsule_exhibit_item .img_row { flex: 0 0 220px; position: relative; }
.capsule_exhibit_item .spec_row { flex: 1; border: 1px solid #dadada; border-top: 0; min-height: 0; padding: 30px 20px 20px; }
.capsule_imgthum { height: 100%; position: relative; display: block; }
.capsule_imgthum > img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.notice_flag_group { position: absolute; bottom: 0; left: 20px; transform: translateY(50%); width: calc(100% - 40px); }
.notice_flag_item { background: #008aff; display: inline-block; padding: 3px 10px; border-radius: 7px 7px 7px 0; }
.notice_flag_item .text_node { font-size: 12px; color: #fff; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.capsule_name_group { display: block; }
.capsule_sub_copy { font-size: 12px; color: #878686; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 6px;min-height: 15px;}
.capsule_main_copy { font-size: 18px; font-weight: 500; color: #1f1f1f; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.3; min-height: 50px;}
.asto_price_group { margin-top: 12px; min-height:50px;}
.asis_price_item { margin-bottom: 10px; color: #999999; }
.asis_price_item .with_unit_item { text-decoration: line-through; }
.asis_price_item * { color: #999999; }
.obj_price_list { display: flex; gap: 5px; align-items: center; font-size: 0; line-height: 0; white-space: nowrap; flex-wrap: wrap; justify-content: flex-end; }
.obj_price_list dt .key_node { font-size: 14px; line-height: 1; display: inline-block; position: relative; top: 1px; }
.with_unit_item { white-space: nowrap; display: flex; align-items: center; }
.with_unit_item .price_node,
.with_unit_item .unit_node { font-size: 16px; line-height: 1; }
.with_unit_item .unit_node { position: relative; top: -1px; }
.tobe_price_item .obj_price_list dt .key_node { color: #201e1e; }
.tobe_price_item .with_unit_item .price_node { font-size: 22px; }
.tobe_price_item .with_unit_item .unit_node { font-size: 18px; }
.capsule_flag_wrap { margin-top: 16px; min-height: 70px;}
.capsule_flag_list { display: flex; flex-wrap: wrap; gap: 8px 5px; margin-right: -5px; }
.capsule_flag_list > li { flex: 0 0 calc(25% - 5px); }
.capsule_flag_item { background: #f7fbff; text-align: center; border: 1px solid #008aff; border-radius: 100px; display: block; color: #008aff; font-size: 13px; font-weight: 500; }
.capsule_flag_item.type01 { background-color: #f7fbff; border-color: #008aff; color: #008aff; }
.capsule_flag_item.type02 { background-color: #fffaf6; border-color: #999999; color: #999999; }
.capsule_flag_item.type03 { background-color: #fafff8; border-color: #34b371; color: #34b371; }
.capsule_flag_item.type04 { background-color: #fef8ff; border-color: #f74e4e; color: #f74e4e; }


@media (max-width: 1023px){
	.photo_gallery_list { gap: 15px; margin-right: -15px; }
	.photo_gallery_list > li { flex: 0 0 calc(33.33333% - 15px); }
	.photo_gallery_item .img_row { border-radius: 10px 10px 0 0; flex: auto; }
	.photo_gallery_item .spec_group { border-radius: 0 0 10px 10px; }
	.photo_gallery_item .spec_row { padding: 10px; }
	.photo_gallery_item .btn_row { padding: 10px; }
	.pg_thum { height: 0; padding-bottom: 91.5%; display: block; }
	.pg_main_para { font-size: 14px; }
	.pg_sub_para { font-size: 12px; }
	.btn_detail_viewer { gap: 3px; }
	.btn_detail_viewer .ico { width: 12px; height: 12px; flex: 0 0 12px; }
	.btn_detail_viewer .text_node { font-size: 12px; }
	.logo_chip_list > li { flex: 0 0 calc(25% - 15px); }
	.capsule_exhibit_list > li { flex: 0 0 calc(33.3333% - 20px); }
	.capsule_exhibit_item .img_row { flex: 0; }
	.capsule_main_copy { font-size: 16px;  min-height: 0;}
	.capsule_imgthum { height: 0; padding-bottom: 77.5%; }
	..asto_price_group{min-height: 0;}
	.capsule_flag_wrap{min-height: 0;}
	.obj_price_list dt .key_node { font-size: 12px; }
	.with_unit_item .price_node,
	.with_unit_item .unit_node { font-size: 13px; }
	.tobe_price_item .with_unit_item .price_node { font-size: 16px; }
	.tobe_price_item .with_unit_item .unit_node { font-size: 14px; }
	.capsule_flag_item { font-size: 11px; }
	.notice_flag_item .text_node { font-size: 11px; }
	.capsule_exhibit_list { gap: 15px; margin-right: -15px; }
	.capsule_exhibit_list > li { flex: 0 0 calc(33.33333% - 15px); }
	.capsule_exhibit_item .spec_row { padding: 20px 15px 15px; }
	.notice_flag_group { left: 15px; width: calc(100% - 30px); }
	.info_legend_wrap { margin-bottom: 15px; }
	.info_legend_list { gap: 5px 10px; }
	.info_legend_item .shape_box { width: 5px; height: 5px; flex-basis: 5px; top: 1px; }
	.info_legend_item .text_node { font-size: 13px; }
 }

@media (max-width: 767px){
	.photo_gallery_list { gap: 15px 12px; margin-right: -12px; }
	.photo_gallery_list > li { flex: 0 0 calc(50% - 12px); }
	.logo_chip_list { gap: 10px 5px; margin-right: -5px; }
	.logo_chip_list > li { flex: 0 0 calc(33.3333% - 5px); }
	.capsule_exhibit_list { margin-right: -15px; gap: 20px 15px; }
	.capsule_exhibit_list > li { flex: 0 0 calc(100% - 15px); }
	.capsule_flag_list > li { flex-basis: calc(33.33333% - 5px); }
	.tobe_price_item .with_unit_item .price_node { font-size: 15px; }
	.tobe_price_item .with_unit_item .unit_node { font-size: 13px; }
	.respon_tb { width: auto; display: block; border-top: 2px solid #000; }
	.respon_tb thead { display: none; }
	.respon_tb tbody { display: block; }
	.respon_tb tbody tr { display: flex; flex-wrap: wrap; gap: 10px 10px; border-bottom: 1px solid #d9d9d9; text-align: left; padding: 15px; }
	.respon_tb tbody tr td { flex: 0 0 calc(50% - 10px); display: block; border: 0; padding: 0; text-align: left; }
	.respon_tb tbody tr td.mb_hidden { display: none; }
	.respon_tb tbody tr td.nodata_td { flex: 0 0 calc(100% - 10px); }
	.respon_keytext,
	.respon_thtext { font-size: 14px; }
	.respon_keytext { white-space: nowrap; }
	.respon_tditem { gap: 10px; justify-content: flex-start; }
	.respon_tditem dt { display: block; }
	.respon_valuetext { font-size: 14px; }
}
/*
@media (max-width: 600px){
	.respon_tb tbody tr { gap: 10px 10px; }
	.respon_tb tbody tr td { flex: 0 0 calc(50% - 10px); }
}

@media (max-width: 374px){
	.capsule_exhibit_list { margin-right: -10px; gap: 15px 10px; }
	.capsule_exhibit_list > li { flex: 0 0 calc(50% - 10px); }
	.capsule_flag_list > li { flex-basis: calc(50% - 5px); }
	.obj_price_list { flex-direction: column; align-items: flex-start; }
	.respon_tb tbody tr { gap: 20px 10px; }
	.respon_tditem { flex-direction: column; gap: 5px; }
	.respon_tditem dt { display: block; }
 }
 */
/* profile */
.profile_caption_wrap { display: flex; align-items: center; gap: 12px; }
.profile_caption_wrap .img_cols { flex: 0 0 90px; }
.profile_caption_wrap .spec_cols { flex: 1; min-width: 0; }
.profile_caption_wrap + .profile_detail_wrap { margin-top: 20px; line-height: 1.3;}
.pf_img_wrap { width: 90px; height: 90px; position: relative; overflow: hidden; border-radius: 100%; }
.pf_img_wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; left: 0; }
.pf_main_para,
.pf_sub_para { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 500; }
.pf_main_para { font-size: 19px; color: #1b1b1b; }
.pf_sub_para { font-size: 14px; color: #6d6c6c; margin-top: 3px; }
.profile_detail_wrap { margin-bottom: 20px; }
.profile_detail_title_row { margin-bottom: 20px; }
.profile_detail_title { font-size: 18px; color: #2b2b2b; line-height: 1.3; }
.pd_block { margin-bottom: 30px; }
.pd_block:last-of-type { margin-bottom: 0; }
.pd_btitle_row { margin-bottom: 13px; }
.pd_btitle { font-size: 16px; color: #333333; }
.pd_bcont { font-size: 14px; color: #5f5f5f; line-height: 1.8; font-weight: 350; }
.info_note_box_wrap { margin: 20px -10px 0; }
.info_note_box { background: #f8fbff; border-radius: 10px; border: 1px solid rgb(206, 221, 242); padding: 17px; font-size: 14px; color: #5f5f5f; line-height: 1.5; font-weight: 350; }

@media (max-width: 1023px){
	.profile_caption_wrap .img_cols { flex: 0 0 70px; }
	.pf_img_wrap { width: 70px; height: 70px; }
	.pf_main_para { font-size: 16px; }
	.pf_sub_para { font-size: 13px; }
	.profile_detail_title { font-size: 16px; }
	.pd_block { margin-bottom: 20px; }
	.pd_btitle_row { margin-bottom: 10px; }
	.pd_btitle { font-size: 14px; }
	.pd_bcont { font-size: 13px; }
	.info_note_box { border-radius: 5px; padding: 15px; font-size: 13px; }
	.info_note_box_wrap { margin: 20px 0 0; }
 }

/* tab */
.liner_tabmenu_wrap { position: relative; margin-bottom: 65px; }
.liner_tabmenu_wrap:before { display: block; content: ""; width: 100%; height: 1px; background: #b5b5b5; position: absolute; bottom: 0; left: 0; }
.liner_tabmenu_list { display: flex; position: relative; }
.liner_tabmenu { padding: 0 40px; text-align: center; position: relative; min-width: 100px; min-height: 57px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.liner_tabmenu:after { display: none; content: ""; height: 2px; background: #176bdd; position: absolute; bottom: 0; left: 0; width: 100%; }
.liner_tabmenu .text_node { font-size: 18px; color: rgb(78, 78, 78); line-height: 1.2; display: inline-block; }
.liner_tabmenu.active .text_node { font-weight: 500; }
.liner_tabmenu.active:after { display: block; }
.liner_tabcont { display: none; }
.liner_tabcont.active { display: block; }

@media (max-width: 1023px){
	.liner_tabmenu_wrap { margin-bottom: 30px; overflow-x: auto; white-space: nowrap; }
	.liner_tabmenu_wrap::-webkit-scrollbar { display: none; }
	.liner_tabmenu { padding: 0 20px; min-width: 0; min-height: 45px; }
	.liner_tabmenu .text_node { font-size: 14px; }
}

@media (max-width: 767px){
	.liner_tabmenu_wrap:before { display: none; }
	.liner_tabmenu_list > li { flex: 1; }
	.liner_tabmenu { border-bottom: 1px solid #b5b5b5; }
	.liner_tabmenu:after { bottom: -1px; }
}

/* info */
.keyword_info_wrap { border-top: 1px solid #000000; }
.keyword_info_list { display: table; width: 100%; }
.keyword_info_list > li { display: table-row; }
.keyword_info_list > li .key_cols,
.keyword_info_list > li .value_cols { display: table-cell; vertical-align: middle; border-bottom: 1px solid #e7e7e7; padding: 35px 45px; }
.keyword_info_list > li .key_cols { width: 1px; }
.keyword_node_group { display: flex; align-items: center; white-space: nowrap; gap: 20px; }
.keyword_node_group .ico { width: 44px; height: 44px; flex: 0 0 44px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image: url("/asp/images/custom/ico_office.png"); }
.keyword_node_group .ico.shape_address { background-position: 0 0; }
.keyword_node_group .ico.shape_mike { background-position: 0 -44px; }
.keyword_node_group .ico.shape_car { background-position: 0 100%; }
.keyword_node_group .text_node { font-size: 18px; color: #1b1b1b; line-height: 1; }
.keyword_value_list { font-size: 14px; color: #5f5f5f; display: flex; flex-wrap: wrap; gap: 8px 15px; }
.keyword_value_list > li { flex: 0 0 100%; }
.keyword_value_list > li .indent_typing_list { margin-top: 8px; }
.keyword_value_list.grid_type { max-width: 390px; }
.keyword_value_list.grid_type > li { flex: none; }
.indent_typing_list > li { display: flex; gap: 5px; margin-bottom: 8px; }
.indent_typing_list > li:last-of-type { margin-bottom: 0; }
.indent_bullet_typing { flex: 0; white-space: nowrap; }
.indent_liquid_typing { flex: 1; }
.keyword_note_wrap { margin-top: 15px; }
.keyword_note_para { font-size: 14px; color: #6d6c6c; line-height: 1.3; }
.info_api_render { border: 1px solid #dddddd; height: 360px; margin-top: 90px; }

@media (max-width: 1023px){
	.keyword_info_list > li .key_cols { padding: 15px 20px; }
	.keyword_info_list > li .value_cols { padding: 15px 15px 15px 0; }
	.keyword_node_group { gap: 7px; }
	.keyword_node_group .ico { width: 22px; height: 22px; flex: 0 0 22px; }
	.keyword_node_group .ico.shape_mike { background-position: 0 -22px; }
	.keyword_node_group .text_node { font-size: 14px; flex: 1; }
	.keyword_value_list { font-size: 12px; gap: 5px 10px; }
	.keyword_value_list > li { flex: 0 0 100%; }
	.keyword_value_list > li .indent_typing_list { margin-top: 5px; }
	.keyword_value_list.grid_type { max-width: 100%; }
	.keyword_value_list.grid_type > li { flex: 0 0 100%; }
	.indent_typing_list > li { margin-bottom: 5px; }
	.keyword_note_wrap { margin-top: 10px; }
	.keyword_note_para { font-size: 12px; }
	.info_api_render {margin-top: 40px; }
 }

.unique_structure { max-width: 1200px; margin: 0 auto; position: relative;  padding: 30px 30px 120px;}
.unique_title_row { padding: 50px 0; text-align: center; }
.unique_title { font-size: 36px; color: #1b1b1b; line-height: 1.3; }

.unique_block_head{ margin: 50px 0 50px; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.block_head_sub_title{color: #333; font-size: 22px; font-weight: 600;}
.block_head_main_title{color: #0067c2; font-size: 36px; font-weight: 600;}
.block_had_contents_wrap{position: relative;}
.block_heand_line{position:relative; width: 100%; height: 1px; background: #bfd3ef; margin:20px 0;}
.block_heand_line:before{ display: block; content: ""; width: 12px; height: 12px; background: #1a8dbd; position: absolute; left: 0; bottom: 0; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; }
.block_heand_line:after{ display: block; content: ""; width: 12px; height: 12px; background: #1a8dbd; position: absolute; right: 0; bottom: 0; top: 50%; transform: translate(50%, -50%); border-radius: 100%; }
.block_had_contents{display: flex; flex-direction: column; align-items: center; gap: 5px; margin-top: 30px;}
.block_had_contents li{color: #0067c2; font-size: 16px;}

.unique_contents { position: relative; }
.unique_contents > .sv_box_only_wrap { margin-top: 0; }
.unique_block { margin-bottom: 130px; }
.unique_block.mbtype2 { margin-bottom: 50px; }
.unique_block.mbtype3 { margin-bottom: 170px; }
.unique_block:last-of-type { margin-bottom: 0 !important; }
.unique_block_title_row { margin-bottom: 25px; }
.unique_block_title { font-size: 24px; color: #2b2b2b; line-height: 1.3; }
.unique_main_copy { position: relative; font-size: 22px; color: #0067c2; text-align: center; padding: 90px 0 55px; word-break: keep-all; }
.unique_main_copy.ptype2 { padding: 60px 0 50px; }
.unique_main_copy strong { font-weight: 500; font-size: 26px; }
.linked_diagram_wrap { position: relative; padding: 0 30px; }
.linked_diagram_wrap:before { display: block; content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background: url("/asp/images/custom/intro_company_info_bg.png") no-repeat 50% 50%/cover; }
/* .touchmode { .linked_diagram_wrap { &:before { width:100vw; }
 }
 }*/
.linked_diagram_list { position: relative; display: flex; justify-content: center; gap: 120px; text-align: center; padding: 90px 0 100px; }
.linked_diagram_list > li.theme_02 .linked_diagram_title { color: #176bdd; }
.linked_diagram_list > li.theme_02 .linked_diagram_shape { background-image: url("/asp/images/custom/intro_company_info_02.png"); }
.linked_diagram_list > li.theme_02 .linked_diagram_shape:before { background: #176bdd; }
.linked_diagram_list > li.theme_03 .linked_diagram_title { color: #3a61e0; }
.linked_diagram_list > li.theme_03 .linked_diagram_shape { background-image: url("/asp/images/custom/intro_company_info_03.png"); }
.linked_diagram_list > li:last-of-type .linked_diagram_shape:before, .linked_diagram_list > li:last-of-type .linked_diagram_shape:after { display: none; }
.linked_diagram_list.v2 > li .linked_diagram_shape { width: 220px; height: 220px; background-image: url("/asp/images/custom/intro_service_info_01.png"); }
.linked_diagram_list.v2 > li.theme_02 .linked_diagram_shape { background-image: url("/asp/images/custom/intro_service_info_02.png"); }
.linked_diagram_list.v2 > li.theme_03 .linked_diagram_shape { background-image: url("/asp/images/custom/intro_service_info_03.png"); }
.linked_diagram_title_row { margin-bottom: 15px; }
.linked_diagram_title { font-size: 28px; color: #1c96c9; font-weight: 700; line-height: 1; }
.linked_diagram_shape { display: flex; width: 260px; height: 260px; justify-content: center; align-items: center; border-radius: 100%; text-align: center; background: url("/asp/images/custom/intro_company_info_01.png") no-repeat 50% 50%/cover; position: relative; }
.linked_diagram_shape:before { display: block; content: ""; width: 12px; height: 12px; background: #1a8dbd; border-radius: 100%; position: absolute; top: 50%; right: -66px; transform: translateY(-50%); z-index: 1; }
.linked_diagram_shape:after { display: block; content: ""; width: 120px; height: 1px; background: #bfd3ef; position: absolute; top: 50%; right: -120px; }
.ld_shape_inner { padding: 0 10px; color: #fff; }
.ld_shape_copy_block.has_ico { padding: 5px; }
.ld_shape_copy_block.has_ico .ico { width: 50px; height: 50px; background: url("/asp/images/custom/ico_company_info.png") no-repeat 0 0/100% auto; margin: 0 auto; display: block; }
.ld_shape_copy_block.has_ico .ico.shape_01 { background-position: 0 0; }
.ld_shape_copy_block.has_ico .ico.shape_02 { background-position: 0 50%; }
.ld_shape_copy_block.has_ico .ico.shape_03 { background-position: 0 100%; }
.ld_shape_copy_block.has_ico .ico.v2 { background-image: url("/asp/images/custom/ico_service_info.png"); }
.ld_shape_copy_block.has_ico .ico.v2.shape_01 { background-position: 0 0; }
.ld_shape_copy_block.has_ico .ico.v2.shape_02 { background-position: 0 50%; }
.ld_shape_copy_block.has_ico .ico.v2.shape_03 { background-position: 0 100%; }
.ld_shape_copy_block * { word-break: keep-all; }
.ld_shape_copy_block .text_primary_node { font-size: 18px; font-weight: 500; }
.ld_shape_copy_block .text_main_node { font-size: 20px; font-weight: 500; }
.ld_shape_copy_block .text_sub_node { font-size: 14px; font-weight: 350; opacity: 0.7; margin-top: 5px; }
.ld_shape_copy_block .text_secondary_node { font-size: 15px; font-weight: 350; }
.brand_diagram_container { padding: 35px 0 0; text-align: center; }
.bd_toplogo { text-align: center; padding-bottom: 40px; position: relative; }
.bd_toplogo:before { display: block; content: ""; width: 1px; height: 50%; background: #bfd3ef; position: absolute; bottom: 0; left: 50%; }
.bd_toplogo img { vertical-align: top; position: relative; }
.bd_diagram_wrap { display: flex; justify-content: center; gap: 170px; position: relative; overflow: hidden; }
.bd_diagram_wrap .bd_cols { flex: 0 0 380px; position: relative; display: flex; flex-direction: column; }
.bd_diagram_wrap .bd_cols:before { display: block; content: ""; width: 200%; height: 1px; background: #bfd3ef; position: absolute; top: 0; left: 50%; }
.bd_diagram_wrap .bd_cols .bd_line_wrap { height: 40px; margin-bottom: 110px; position: relative; }
.bd_diagram_wrap .bd_cols .bd_line_wrap:after { display: block; content: ""; width: 12px; height: 12px; background: #1a8dbd; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 100%; }
.bd_diagram_wrap .bd_cols .bd_line_wrap .bd_line_blue { display: block; width: 1px; height: 100%; background: #bfd3ef; margin: 0 auto; position: relative; }
.bd_diagram_wrap .bd_cols .bd_line_wrap .bd_line_blue.last:before { display: block; content: ""; width: 50vw; height: 5px; background: #fff; position: absolute; top: 0; left: 1px; }
.bd_diagram_wrap .bd_cols.skin2 .bd_card { background: #7b7efd; }
.bd_diagram_wrap .bd_cols.skin2 .bd_card .bd_sub_copy_row { background-image: url("/asp/images/custom/bs_cols_img_02.png"); }
.bd_card { flex: 1; background: #5a7dff; display: flex; flex-direction: column; border-radius: 30px 30px 50px 50px; position: relative; padding-top: 73px; /* margin-top:110px; */
 color: #fff; }
.bd_layer { width: 143px; height: 143px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); overflow: hidden; border-radius: 100%; }
.bd_layer img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }
.bd_title_row { padding: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.bd_title_copy { font-size: 28px; font-weight: 500; }
.bd_main_copy_row { padding: 20px; }
.bd_main_copy { font-size: 17px; word-break: keep-all; }
.bd_sub_copy_row { flex: 1; background: url("/asp/images/custom/bs_cols_img_01.png") no-repeat 50% 50%/cover; border-radius: 0 0 30px 30px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 25px 0 30px; }
.bd_sub_copy { font-size: 14px; line-height: 1.6; margin-bottom: 10px; word-break: keep-all; letter-spacing: -0.5px; word-break: keep-all; }
.bd_sub_copy:last-of-type { margin-bottom: 0; }
.timeline_zone { position: relative; padding: 0 0 100px 0; }
.timeline_zone .unique_main_copy { margin-bottom: 50px; }
.timeline_zone:before { display: block; content: ""; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #f7faff; }
/* .touchmode .timeline_zone { &:before { width:100vw; }
 }*/
.timeline_container { position: relative; }
.timeline_tree_wrap { position: relative; }
.timeline_tree_wrap:before { display: block; content: ""; width: 1px; height: 100%; background: #d2d2d2; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.timeline_tree_list > li { display: flex; justify-content: flex-end; }
.timeline_tree_list > li:nth-of-type(2n) { justify-content: flex-start; }
.timeline_tree_list > li:nth-of-type(2n) .timeline_item_wrap { padding: 0 70px 0 0; display: flex; justify-content: flex-end; }
.timeline_tree_list > li:nth-of-type(2n) .timeline_item_wrap:before { left: auto; right: 0; }
.timeline_tree_list > li:nth-of-type(2n) .timeline_item_wrap:after { left: auto; right: 40px; }
.timeline_tree_list > li:nth-of-type(2n) .timeline_item:after { background-image: url("/asp/images/custom/usu_tree_pointer_left.png"); right: -14px; left: auto; }
.timeline_item_wrap { width: 50%; box-sizing: border-box; padding-left: 70px; position: relative; }
.timeline_item_wrap:before { width: 45px; height: 1px; display: block; content: ""; position: absolute; top: 28px; left: 0; background: #d2d2d2; }
.timeline_item_wrap:after { display: block; content: ""; width: 8px; height: 8px; background: #0067c2; border-radius: 100%; position: absolute; top: 25px; left: 40px; }
.timeline_item { background: #fff; padding: 15px 20px; border-radius: 20px; border: 1px solid #d3e1f5; position: relative; display: inline-block; box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.05); }
.timeline_item:after { display: block; content: ""; width: 14px; height: 28px; background: url("/asp/images/custom/usu_tree_pointer_right.png") no-repeat 0 0/100% auto; position: absolute; top: 20px; left: -14px; }
.timeline_main_title { font-size: 25px; color: #0067c2; font-weight: 500; }
.timeline_sub_copy_wrap { margin-top: 10px; }
.timeline_sub_copy { font-size: 14px; color: #4e4e4e; line-height: 1.5; margin-bottom: 20px; }
.timeline_sub_copy:last-of-type { margin-bottom: 0; }
.style_wordbox_wrap { padding: 0 30px; }
.style_wordbox_list { display: flex; flex-wrap: wrap; gap: 40px 34px; margin-right: -34px; }
.style_wordbox_list > li { flex: 0 0 calc(25% - 34px); display: flex; flex-direction: column; }
.style_wordbox { flex: 1; box-shadow: 4.95px 4.95px 7px 0px rgba(0, 0, 0, 0.1); padding: 35px 20px; border-radius: 20px; border: 1px solid #176bdd; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff url("/asp/images/custom/ico_bg_promise.png") no-repeat 20px calc(100% + 3px)/32px auto; }
.style_wordbox:before { display: block; content: ""; width: 40px; height: 40px; background: #176bdd url("/asp/images/custom/ico_promise_40.png") no-repeat 50% 50%/100% auto; border-radius: 100%; position: absolute; top: -20px; right: 20px; }
.sw_ca_para { font-size: 16px; color: #5f5f5f; line-height: 1.4; margin-bottom: 2px; }
.sw_main_copy { font-size: 16px; color: #333333; }
.sw_main_copy strong { font-size: 18px; }
.sw_sub_copy { font-size: 16px; color: #6d6c6c; font-weight: 350; margin-top: 2px; }
.unique_vision_wrap { position: relative; }

.history_info_wrap { position: relative; }
.history_info_wrap:before { display: block; content: ""; width: calc(100vw - 10px); height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url("/asp/images/custom/bg_cinfo_history.jpg") no-repeat 50% 100%/cover; }
.touchmode .history_info_wrap:before { width: 100vw; }
.history_info_inner { position: relative; }
.tabcard_wrap { padding: 40px 0 55px; }
.tabcard_list { display: flex; justify-content: center; gap: 10px; }
.tabcard_list > li { flex: 0 0 160px; display: flex; flex-direction: column; min-height: 45px; }
.tabcard_element { flex: 1; display: flex; justify-content: center; align-items: center; background: #1a2e46; border-radius: 100px; text-align: center; }
.tabcard_element .text_node { font-size: 18px; color: #fff; font-weight: 300; display: inline-block; position: relative; top: -1px; }
.tabcard_element.active { background: #fff; }
.tabcard_element.active .text_node { font-weight: 500; color: #1a2e46; }
.history_cont_group { padding: 0 65px 80px; }
.history_cont { display: none; }
.history_cont.active { display: block; }
.history_tree_wrap { border-left: 1px solid rgba(255, 255, 255, 0.3); padding-top: 12px; }
.history_tree_list > li { position: relative; padding-left: 70px; margin-bottom: 40px; }
.history_tree_list > li:last-of-type { margin-bottom: 0; }
.history_tree_item { display: flex; gap: 20px; }
.history_tree_item:before { display: block; content: ""; width: 40px; height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; top: 14px; left: 0; }
.history_tree_item:after { display: block; content: ""; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 100%; position: absolute; top: 7px; left: 40px; }
.ht_value_cols { flex: 1; }
.ht_key_node { font-size: 26px; color: #fff; font-weight: 500; line-height: 1; }
.ht_value_list { font-size: 14px; color: #fff; }
.ht_value_list > li { margin-bottom: 10px; padding-left: 10px; position: relative; }
.ht_value_list > li:before { display: block; content: ""; width: 2px; height: 2px; background: #fff; position: absolute; top: 10px; left: 0; }

@media (max-width: 1023px){
	.unique_structure { padding: 20px 20px 80px;}
	.unique_structure.type02{padding: 20px 0px 80px;}
	.unique_title_row { padding: 30px 0; }
	.unique_title { font-size: 18px; }
	.unique_block { margin-bottom: 70px; }
	.unique_block_head{margin: 25px 0 25px;}
	.block_head_sub_title{font-size: 18px;}
	.block_head_main_title{font-size: 32px;}
	.block_had_contents{margin-top: 30px;}
	.block_had_contents li{font-size: 12px;}

	.unique_block.mbtype2 { margin-bottom: 25px; }
	.unique_block.mbtype3 { margin-bottom: 80px; }
	.unique_block_title_row { margin-bottom: 15px; }
	.unique_block_title { font-size: 16px; }
	.unique_main_copy { font-size: 16px; padding: 30px 0; }
	.unique_main_copy.ptype2 { padding: 30px 0 45px; }
	.unique_main_copy strong { font-size: 18px; }
	.linked_diagram_wrap { padding: 0; }
	.linked_diagram_list { gap: 60px; padding: 40px 0 50px; }
	.linked_diagram_list.v2 > li .linked_diagram_shape { width: 220px; height: 220px; }
	.linked_diagram_title_row { margin-bottom: 15px; }
	.linked_diagram_title { font-size: 16px; }
	.linked_diagram_shape { width: 200px; height: 200px; }
	.linked_diagram_shape:before { right: -35px; width: 8px; height: 8px; }
	.linked_diagram_shape:after { width: 60px; right: -60px; }
	.ld_shape_inner { padding: 0 10px; }
	.ld_shape_copy_block.has_ico { padding: 2px; }
	.ld_shape_copy_block.has_ico .ico { width: 30px; height: 30px; }
	.ld_shape_copy_block .text_primary_node { font-size: 13px; }
	.ld_shape_copy_block .text_main_node { font-size: 15px; }
	.ld_shape_copy_block .text_sub_node { font-size: 12px; margin-top: 2px; }
	.ld_shape_copy_block .text_secondary_node { font-size: 13px; }
	.brand_diagram_container { padding: 0 0; }
	.bd_toplogo { max-width: 143px; margin: 0 auto; padding-bottom: 20px; }
	.bd_diagram_wrap { gap: 30px; }
	.bd_diagram_wrap .bd_cols { flex: 1; }
	.bd_diagram_wrap .bd_cols .bd_line_wrap { height: 40px; margin-bottom: 50px; }
	.bd_diagram_wrap .bd_cols .bd_line_wrap:after { width: 8px; height: 8px; }
	.bd_card { border-radius: 30px 30px 50px 50px; padding-top: 40px; }
	.bd_layer { width: 70px; height: 70px; }
	.bd_title_row { padding: 10px; }
	.bd_title_copy { font-size: 16px; }
	.bd_main_copy_row { padding: 15px; }
	.bd_sub_copy,
	.bd_main_copy { font-size: 14px; }
	.bd_sub_copy_row { border-radius: 0 0 30px 30px; padding: 15px; }
	.bd_sub_copy_row br { display: none; }
	.timeline_zone { padding-bottom: 50px; }
	.timeline_zone .unique_main_copy { margin-bottom: 15px; }
	.timeline_item_wrap { padding-left: 30px; }
	.timeline_item_wrap:before { width: 12px; }
	.timeline_item_wrap:after { left: 10px; width: 6px; height: 6px; top: 26px; }
	.timeline_tree_list > li:nth-of-type(2n) .timeline_item_wrap { padding-right: 30px; }
	.timeline_tree_list > li:nth-of-type(2n) .timeline_item_wrap:after { right: 10px; }
	.timeline_item { display: block; padding: 10px 15px; flex: 1; }
	.timeline_main_title { font-size: 16px; }
	.timeline_sub_copy_wrap { margin-top: 5px; }
	.timeline_sub_copy { font-size: 13px; margin-bottom: 10px; }
	.style_wordbox_wrap { padding: 0 20px; }
	.style_wordbox_list { gap: 20px; margin-right: -20px; flex-wrap: wrap; }
	.style_wordbox_list > li { flex: 0 0 calc(25% - 20px); }
	.style_wordbox { padding: 20px 15px; border-radius: 15px; background-size: 20px auto; background-position-x: 15px; }
	.style_wordbox:before { width: 30px; height: 30px; right: 15px; top: -15px; }
	.sw_sub_copy,
	.sw_ca_para { font-size: 14px; }
	.sw_main_copy { font-size: 14px; }
	.sw_main_copy strong { font-size: 16px; }
	.tabcard_wrap { padding: 30px 0 35px; }
	.tabcard_element .text_node { font-size: 16px; }
	.history_cont_group { padding: 0 20px 40px; }

}

@media (max-width: 767px){
	.unique_structure {}
	.unique_block { margin-bottom: 40px; }
	.linked_diagram_list { gap: 5.22vw; padding: 3.91vw 0 3.91vw; }
	.linked_diagram_list.v2 > li .linked_diagram_shape { width: 26.08vw; height: 26.08vw; }
	.linked_diagram_title_row { margin-bottom: 1.96vw; }
	.linked_diagram_title { font-size: 3vw; }
	.linked_diagram_shape { width: 26.08vw; height: 26.08vw; }
	.linked_diagram_shape:before { right: -3.26vw; width: 1.04vw; height: 1.04vw; }
	.linked_diagram_shape:after { width: 5.22vw; right: -5.22vw; }
	.ld_shape_inner { padding: 0 1.3vw; }
	.ld_shape_copy_block.has_ico { padding: 0.5vw 0.26vw; }
	.ld_shape_copy_block.has_ico .ico { width: 4.5vw; height: 4.5vw; }
	.ld_shape_copy_block .text_primary_node { font-size: 2.5vw; }
	.ld_shape_copy_block .text_main_node { font-size: 1.8vw; line-height: 1.3; }
	.ld_shape_copy_block .text_sub_node { font-size: 1.5vw; margin-top: 0.26vw; }
	.ld_shape_copy_block .text_secondary_node { font-size: 1.9vw; }
	.kakao .ld_shape_copy_block.has_ico .ico { width: 4vw; height: 4vw; }
	.kakao .ld_shape_copy_block .text_sub_node { margin: 0; transform: scale(0.82); }
	.bd_diagram_wrap .bd_cols .bd_line_wrap { margin-bottom: 25px; }
	.bd_layer { width: 50px; height: 50px; }
	.bd_card { border-radius: 20px 20px 50px 50px; padding-top: 20px; }
	.bd_diagram_wrap { gap: 20px; }
	.bd_diagram_wrap .bd_cols .bd_line_wrap { height: 30px; margin-bottom: 35px; }
	.bd_title_row { padding: 10px; }
	.bd_title_copy { font-size: 13px; }
	.bd_main_copy_row { padding: 10px; }
	.bd_sub_copy,
	.bd_main_copy { font-size: 12px; }
	.bd_sub_copy_row { border-radius: 0 0 20px 20px; padding: 10px; }
	.style_wordbox_list { gap: 20px 10px; margin-right: -10px; }
	.style_wordbox_list > li { flex: 0 0 calc(50% - 10px); }
	.style_wordbox_wrap { padding: 0; }
	.style_wordbox { padding: 20px 15px; }
	.style_wordbox:before { width: 30px; height: 30px; right: 15px; top: -15px; }
	.sw_sub_copy,
	.sw_ca_para { font-size: 12px; }
	.sw_main_copy { font-size: 12px; }
	.sw_main_copy strong { font-size: 14px; display: block; }
	.tabcard_wrap { padding: 30px 0 35px; }
	.tabcard_list { gap: 5px; margin-right: -5px; }
	.tabcard_list > li { flex: 0 0 calc(33.3333% - 5px); min-height: 40px; }
	.tabcard_element .text_node { font-size: 14px; }
	.history_cont_group { padding: 0 0 30px; }
	.history_tree_list > li { padding-left: 40px; margin-bottom: 20px; }
	.history_tree_item { display: flex; gap: 20px; }
	.history_tree_item:before { width: 20px; top: 10px; }
	.history_tree_item:after { width: 8px; height: 8px; top: 4px; left: 20px; }
	.ht_key_node { font-size: 16px; }
	.ht_value_list > li:before { top: 10px; }
	.ht_value_cols { position: relative; top: -1px; }
 }

@media (max-width: 374px){
	.timeline_main_title { font-size: 14px; }
	.timeline_sub_copy { font-size: 12px; }
}

/* customer */
.unique_gate_group { position: relative; }
.gate_block { margin-bottom: 55px; }
.gate_block:last-of-type { margin-bottom: 0; }
.sv_container { position: relative; z-index: 2; }
.sv_box_only_wrap { margin-top: 45px; }
.sv_box_wrap { background: url("/asp/images/icon/bg_sv_tape_bg.jpg") no-repeat 0 100%/cover; border-radius: 50px 40px 27px 27px; }
.sv_box_wrap .sv_box { border-radius: 27px 27px 27px 0; }
.sv_box { display: flex; min-height: 200px; justify-content: center; align-items: center; position: relative; overflow: hidden; border-radius: 27px 27px 0 27px; padding: 15px; box-sizing: border-box; }
.sv_box .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.sv_box .bg.trekking { background-image: url("/asp/images/bg/bg_sv_img5.jpg"); }
.sv_box .bg.vip { background-image: url("/asp/images/bg/bg_sv_img4.jpg"); }
.sv_box .bg.live { background-image: url("/asp/images/bg/bg_sv_img3.jpg"); }
.sv_box .bg.customer { background-image: url("/asp/images/bg/bg_sv_img2.jpg"); }
.sv_box .bg.traveling { background-image: url("/asp/images/bg/bg_sv_img.jpg"); }
.sv_title_wrap { position: relative; display: flex; align-items: center; justify-content: center; }
.sv_title_item { display: flex; align-items: center; justify-content: center; gap: 13px; text-align: center; }
.sv_title_item .ico { width: 66px; height: 66px; flex: 0 0 66px; border-radius: 100%; background-color: #176bdd; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; }
.sv_title_item .ico.monitor { background-image: url("/asp/images/icon/ico_sv_monitor.png"); }
.sv_title_item .ico.men2 { background-image: url("/asp/images/icon/ico_sv_men2.png"); }
.sv_title_item .ico.men3 { background-image: url("/asp/images/icon/ico_sv_men3.png"); }
.sv_title_item .ico.vip { background-image: url("/asp/images/icon/ico_sv_king.png"); }
.sv_title_item .ico.trekking { background-image: url("/asp/images/icon/ico_sv_trekking.png"); }
.sv_title { font-size: 24px; line-height: 1.3; color: #fff; position: relative; top: -2px; word-break: keep-all; text-align: left; }
.sv_tape { padding: 15px; min-height: 60px; box-sizing: border-box; }
.sv_info_list { display: flex; justify-content: center; gap: 10px 80px; }
.sv_item { display: flex; gap: 10px; align-items: center; }
.sv_dt_node,
.sv_dd_node { color: #fff; font-weight: 500; }
.sv_dt_node { font-size: 16px; }
.sv_dd_node { font-size: 20px; }

@media (max-width: 1023px){
	.sv_box_only_wrap { margin-top: 30px; }
	.sv_box { min-height: 150px; border-radius: 15px 15px 0 15px; }
	.sv_box_wrap { border-radius: 50px 40px 15px 15px; }
	.sv_box_wrap .sv_box { border-radius: 15px 15px 15px 0; }
	.sv_title_item .ico { width: 50px; height: 50px; flex-basis: 50px; }
	.sv_title { font-size: 20px; }
	.sv_tape { min-height: 40px; padding: 10px; }
	.sv_info_list { gap: 10px 40px; }
	.sv_dt_node { font-size: 14px; }
	.sv_dd_node { font-size: 16px; }
}
@media (max-width: 767px){
	.sv_box { min-height: 100px; }
	.sv_title_item .ico { width: 40px; height: 40px; flex-basis: 40px; }
	.sv_title_item { gap: 8px; }
	.sv_title { font-size: 16px; }
	.sv_info_list { gap: 10px 20px; }
	.sv_item { display: flex; flex-direction: column; gap: 3px; text-align: center; }
	.sv_dt_node { font-size: 12px; }
	.sv_dd_node { font-size: 14px; line-height: 1.2; }
}

@media (max-width: 374px){
	.sv_title_item .ico { width: 35px; height: 35px; flex-basis: 35px; }
	.sv_title_item { gap: 5px; }
	.sv_title { font-size: 14px; }
}

.sv_board_container { padding-bottom: 65px; }
.sv_board_container .bg { position: absolute; top: 200px; left: 50%; transform: translateX(-50%); width: 100vw; height: calc(100% - 200px); background: url("/asp/images/icon/bg_customer_faq.png") no-repeat 50% 50%/cover; }
.sv_board_container > * { position: relative; }
.sv_board_container .btn_paging_control,
.sv_board_container .paging_num:not(.active) { background-color: #fff; }
.sv_board_title_row { margin-bottom: 20px; }
.sv_board_title { font-size: 18px; color: #333333; }
.sv_note_copy_wrap { text-align: center; margin-top: 30px; }
.sv_note_copy { font-size: 18px; color: #333333; word-break: keep-all; }
.board_card_list { display: flex; flex-wrap: wrap; gap: 15px; margin-right: -15px; }
.board_card_list > li { flex: 0 0 calc(33.333333333% - 15px); display: flex; flex-direction: column; }
.board_card_list > li.nodata_li { flex: 0 0 calc(100% - 15px); }
.board_card_list > li.nodata_li .nodata_para { font-size: 15px; color: #333333; line-height: 1.4; text-align: center; }
.board_card { flex: 1; background: #fff; border: 1px solid rgb(218, 218, 218); border-radius: 20px; padding: 22px 28px; }
.board_indent_wrap { display: flex; gap: 10px; margin-bottom: 15px; align-items: center; }
.board_indent_wrap.skin2 { align-items: flex-start; }
.board_indent_wrap.skin2 .board_indent_bullet { background-color: #c3c3c3; }
.board_indent_wrap.skin2 .board_indent_liquid { color: #6d6c6c; }
.board_indent_wrap:last-of-type { margin-bottom: 0; }
.board_indent_bullet { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 100%; line-height: 27px; text-align: center; font-size: 16px; font-weight: 500; background: #176bdd; color: #fff; }
.board_indent_liquid { font-size: 15px; color: #333333; line-height: 1.4; padding-bottom: 1px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.banner_card_container { margin-top: 60px; }
.banner_card_block { margin-bottom: 50px; }
.banner_card_block:last-of-type { margin-bottom: 0; }
.bc_box_grid { display: flex; flex-wrap: wrap; gap: 20px; margin-right: -20px; }
.bc_box { flex: 0 0 calc(50% - 20px); border-radius: 10px; gap: 20px; background-color: rgb(245, 246, 248); box-sizing: border-box; padding: 20px 35px; display: flex; align-items: center; }
.bc_box .copy_cols { flex: 1; }
.bc_box .btn_cols { flex: 0 0 70px; }
.bc_main_copy_group { display: flex; align-items: center; gap: 30px; }
.bc_main_copy_group .ico { background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
.bc_main_copy_group .ico.shape_mike { background-image: url("/asp/images/icon/ico_mike_big.png"); width: 28px; height: 39px; flex: 0 0 28px; }
.bc_main_copy_group .ico.shape_docu { background-image: url("/asp/images/icon/ico_docu_big.png"); width: 32px; height: 38px; flex: 0 0 32px; }
.bc_main_copy { font-size: 17px; color: #4e4e4e; font-weight: 500; }
.bc_sub_copy { font-size: 14px; color: #6d6c6c; line-height: 1.4; margin-top: 5px; }
.btn_shape_box { display: flex; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid #176bdd; border-radius: 100%; width: 70px; height: 70px; text-align: center; line-height: 1.3; }
.btn_shape_box .text_node { display: inline-block; font-size: 14px; color: #176bdd; }
.voucher_box_grid { display: flex; flex-wrap: wrap; gap: 20px; margin-right: -20px; }
.voucher_box_grid .liquid_cols,
.voucher_box_grid .fixed_cols { flex: 0 0 calc(50% - 20px); }
.voucher_box_grid .liquid_cols { display: flex; flex-direction: column; }
.voucher_box_grid .fixed_cols { display: flex; gap: 13px; }
.voucher_board_box { flex: 1; border: 1px solid rgb(217, 217, 217); border-radius: 10px; background: #fff; box-sizing: border-box; padding: 0 30px; }
.voucher_board_box .title_row { padding: 20px 0 11px; border-bottom: 1px solid #e7e7e7; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.voucher_board_box .contents_row { padding: 25px 0; }
.vb_title { display: flex; gap: 8px; align-items: center; }
.vb_title .ico { width: 19px; height: 27px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
.vb_title .ico.shape_mike { background-image: url("/asp/images/icon/ico_mike_sm.png"); }
.vb_title .text_node { font-size: 19px; color: #333333; font-weight: 500; display: inline-block; }
.btn_shape_more { display: inline-block; width: 16px; height: 16px; position: relative; }
.btn_shape_more:before, .btn_shape_more:after { display: block; content: ""; background: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.btn_shape_more:before { width: 2px; height: 10px; }
.btn_shape_more:after { width: 10px; height: 2px; }
.linkage_data_list > li { margin-bottom: 8px; padding-left: 10px; position: relative; }
.linkage_data_list > li:before { display: block; content: ""; width: 2px; height: 2px; background: #5f5f5f; position: absolute; top: 11px; left: 0; }
.linkage_data_list > li:last-of-type { margin-bottom: 0; }
.linkage_data_list > li.nodata_li { min-height: 162px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; }
.linkage_data_list > li.nodata_li .nodata_para { padding: 0; }
.linkage_data_list > li.nodata_li:before { display: none; }
.lk_data { display: flex; gap: 10px; }
.lk_title { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #5f5f5f; font-size: 15px; flex: 1; }
.lk_else { flex: 0; white-space: nowrap; color: #6d6c6c; font-size: 15px; display: inline-block; text-align: right; }
.look_box { flex: 1; display: flex; flex-direction: column; border-radius: 10px; background: #ddf2f9; padding: 19px 20px 14px; }
.look_box.skin2 { background: #eee7f7; }
.look_title_row { padding: 0 0 12px 0; border-bottom: 1px solid #fff; flex: 0; }
.look_title { font-size: 18px; font-weight: 500; }
.look_contents { padding-top: 15px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.lc_main_copy { font-size: 16px; color: #333333; line-height: 1.3; }
.lc_sub_copy { font-size: 14px; color: #6d6c6c; margin-top: 10px; line-height: 1.3; word-break: keep-all; }
.lc_ico_group { display: flex; justify-content: flex-end; padding: 0 5px 0 0; position: relative; top: -10px; }
.lc_ico_group .ico { width: 42px; height: 46px; flex: 0 0 42px; background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; }
.lc_ico_group .ico.shape_marker { background-image: url("/asp/images/icon/ico_colored_marker_42.png"); }
.lc_ico_group .ico.shape_building { background-image: url("/asp/images/icon/ico_colored_build_42.png"); }
.copy_plate_wrap { text-align: center; padding: 70px 0; }
.copy_main_plate { font-size: 27px; color: #2b2b2b; word-break: keep-all; }
.copy_sub_plate { font-size: 16px; color: #5f5f5f; margin-top: 20px; word-break: keep-all; }
.involve_diagram_container { position: relative; padding-bottom: 65px; }
.involve_diagram_container > * { position: relative; }
.involve_diagram_container .linked_diagram_wrap { position: static; }
.involve_diagram_container .linked_diagram_list { padding: 70px 0; }
.quote_word_wrap { text-align: center; }
.quote_word { display: inline-block;}
.quote_word .text_node { font-size: 17px; line-height: 1.8; display: inline; }
.quote_left,
.quote_right { display: inline-block; font-size: 44px; color: #176bdd; white-space: nowrap; line-height: 0; position: relative; top: 20px; }
.quote_left { content: "“"; }
.quote_right { content: "”"; }
.accent_bar_wrap { text-align: center; margin-top: 30px; }
.accent_bar { display: inline-block; word-break: keep-all; border: 1px solid rgb(211, 223, 240); background: #fff; border-radius: 100px; font-size: 20px; font-weight: 500; color: #176bdd; padding: 15px 60px; }
.feature_block_wrap { padding: 80px 0 0 0; }
.feature_block_list > li { padding: 0 0 70px 0; margin-bottom: 70px; border-bottom: 1px solid #e7e7e7; }
.feature_block { display: flex; gap: 45px; }
.feature_block .img_cols { flex: 0 0 249px; }
.feature_block .img_cols img { vertical-align: top; }
.feature_block .copy_cols { flex: 1; min-width: 0; }
.feature_copy_wrap.gap2 .feature_copy { margin-bottom: 10px; line-height: 2; }
.feature_copy { font-size: 16px; color: #333333; line-height: 1.6; margin-bottom: 35px; }
.feature_copy.accent { font-size: 19px; font-weight: 500; }
.feature_copy:last-of-type { margin-bottom: 0 !important; }
.btn_feature_group { margin-top: 70px; display: flex; gap: 10px; align-items: center; }
.btn_feature_group.type2 { max-width: 610px; justify-content: center; }
.btn_frame { display: inline-flex; min-width: 300px; height: 56px; text-align: center; justify-content: center; align-items: center; border: 1px solid rgb(69, 82, 103); background-color: #fff; border-radius: 100px; box-sizing: border-box; padding: 10px; }
.btn_frame .text_node { font-size: 18px; color: #455267; font-weight: 500; }
.btn_frame.full { background-color: #455267; }
.btn_frame.full .text_node { color: #fff; }
.btn_frame.primary { background: #176bdd; border-color: #176bdd; }
.btn_frame.primary .text_node { color: #fff; }
.info_outline_wrap { border: 1px solid rgb(217, 217, 217); border-radius: 10px; background-color: #fff; display: flex; align-items: center; padding: 18px 0; }
.info_outline_wrap .fixed_cols { white-space: nowrap; flex: 0 0 200px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 15px; }
.info_outline_wrap .fixed_cols:after { display: block; content: ""; width: 1px; height: 30px; background: #d7d7d7; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.info_outline_wrap .liquid_cols { flex: 1; }
.info_node_obj { display: flex; align-items: center; gap: 6px; }
.info_node_obj .ico { width: 30px; height: 30px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; flex: 0 0 30px; }
.info_node_obj .ico.shape_call { background-image: url("/asp/images/icon/ico_call_30.png"); }
.info_node_obj .text_node { font-size: 16px; color: #4e4e4e; display: inline-block; }
.prompt_info_list { display: flex; gap: 20px; justify-content: center; align-items: center; gap: 70px; }
.prompt_item { display: flex; align-items: center; gap: 7px; }
.prompt_dt_node,
.prompt_dd_node { display: inline-block; color: #4e4e4e; }
.prompt_dt_node { font-size: 16px; }
.prompt_dd_node { font-size: 20px; font-weight: 500; }
.explan_wrap { margin-top: 60px; }
.explan_block { margin-bottom: 100px; }
.explan_block:last-of-type { margin-bottom: 0; }
.explan_title_row { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 15px; }
.explan_title { font-size: 20px; color: #333333; }
.btn_inline_func { font-size: 14px; color: #333333; height: 38px; line-height: 36px; display: inline-block; border: 1px solid #4c586c; border-radius: 100px; padding: 0 23px; }
.post_tb_wrap.skin2 .post_tb thead tr th { padding: 5px 10px 7px; }
.post_tb { width: 100%; table-layout: fixed; }
.post_tb.type2 { table-layout: auto; }
.post_tb.type2 thead tr th { padding-left: 20px; padding-right: 20px; }
.post_tb.type2 tbody tr td { padding-left: 20px; padding-right: 20px; }
.post_tb thead tr th { background: #4c586c; padding: 13px 10px 15px; border-right: 1px solid #707989; }
.post_tb thead tr th:first-of-type { border-radius: 8px 0 0 8px; }
.post_tb thead tr th:last-of-type { border-radius: 0 8px 8px 0; border-right: 0; }
.post_tb thead tr th.no_radius { border-radius: 0; }
.post_tb thead tr th.radius_top { border-radius: 0 8px 0 0; }
.post_tb thead tr th.radius_bottom { border-radius: 0 0 8px 0; }
.post_tb thead tr th[colspan] { border-bottom: 1px solid #707989; }
.post_tb thead tr th.nobreak { white-space: nowrap; width: 1px; padding-left: 20px; padding-right: 20px; }
.post_tb tbody tr td { border-bottom: 1px solid #e7e7e7; padding: 18px 10px; }
.post_tb tbody tr td.accent { background: #fafcff; }
.post_tb tbody tr td.nobreak { white-space: nowrap; width: 1px; padding-left: 20px; padding-right: 20px; }
.post_tb tbody tr td.dleft { text-align: left; }
.post_thtext { display: inline-block; font-size: 16px; color: #fff; font-weight: 350; word-break: keep-all; }
.post_tdtext { display: inline-block; font-size: 15px; color: #4e4e4e; font-weight: 350; word-break: keep-all; }
.post_note_wrap { margin-top: 50px; }
.pn_title_row { margin-bottom: 35px; display: flex; }
.pn_title_row .img_cols { display: none; }
.pn_title { font-size: 18px; position: relative; padding-left: 15px; }
.pn_title:before { display: block; content: ""; width: 8px; height: 8px; background: #176bdd; border-radius: 100%; position: absolute; top: 10px; left: 0; }
.pn_contents { padding-left: 30px; }
.deco_info_container { display: flex; gap: 40px; }
.deco_info_container .img_cols { width: 110px; height: 110px; flex: 0 0 110px; border-radius: 100%; background: #f8fcff; }
.deco_info_container .img_cols img { vertical-align: top; }
.deco_info_container .spec_cols { flex: 1; min-width: 0; }
.bullet_node_list { line-height: 1.6; }
.bullet_node_list > li { margin-bottom: 25px; padding-left: 10px; position: relative; }
.bullet_node_list > li:before { display: block; content: ""; width: 3px; height: 3px; background: #333; position: absolute; top: 12px; left: 0; border-radius: 100%; }
.main_node_para { font-size: 16px; color: #333333; }
.sub_node_para { font-size: 14px; color: #6d6c6c; margin-top: 4px; }
.award_banner_wrap { margin-top: 130px; }
.award_banner { border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 15px; background-image: linear-gradient(90deg, rgb(132, 103, 44) 0%, rgb(83, 57, 0) 100%); }
.award_banner:before, .award_banner:after { display: block; content: ""; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; width: 32px; height: 52px; flex-basis: 32px; flex-shrink: 0; }
.award_banner:before { background-image: url("/asp/images/icon/obj_king_left_feather.png"); margin-right: 15px; }
.award_banner:after { background-image: url("/asp/images/icon/obj_king_right_feather.png"); margin-left: 15px; }
.award_banner .img_king,
.award_banner .img_trophy { display: block; background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat; flex-shrink: 0; }
.award_banner .img_king { background-image: url("/asp/images/icon/obj_king_hat.png"); width: 40px; height: 21px; margin-right: 10px; flex-basis: 40px; }
.award_banner .img_trophy { background-image: url("/asp/images/icon/obj_king_trophy.png"); width: 50px; height: 43px; flex-basis: 50px; margin-left: 10px; }
.award_para_wrap { color: #fff; display: flex; justify-content: center; align-items: flex-end; gap: 5px; text-align: center; }
.award_para_wrap .text_sub_node,
.award_para_wrap .text_main_node { display: inline-block; word-break: keep-all; }
.award_para_wrap .text_sub_node { font-size: 20px; position: relative; top: -2px; }
.award_para_wrap .text_main_node { font-size: 24px; font-weight: 500; }
@media (max-width: 1023px){
	.copy_plate_wrap { padding: 30px 0; }
	.copy_main_plate { font-size: 18px; }
	.copy_sub_plate { font-size: 14px; margin-top: 10px; }
	.copy_sub_plate br { display: none; }
	.involve_diagram_container { padding-bottom: 35px; }
	.involve_diagram_container .linked_diagram_list { padding: 35px 0 25px; }
	.quote_word .text_node { font-size: 13px; line-height: 1.5; }
	.quote_left,
	.quote_right { font-size: 30px; top: 12px; }
	.accent_bar_wrap { margin-top: 15px; }
	.accent_bar { font-size: 14px; padding: 12px 30px; display: block; }
	.feature_block_wrap { padding: 40px 0 0 0; }
	.feature_block_list > li { padding: 0 0 45px 0; margin-bottom: 45px; }
	.feature_block { gap: 30px; flex-direction: column; align-items: baseline; }
	.feature_block .img_cols { flex: none; margin: 0 auto; width: 80px; font-size: 0; line-height: 0; }
	.feature_copy_wrap.gap2 .feature_copy { line-height: 1.6; }
	.feature_copy { font-size: 13px; margin-bottom: 20px; line-height: 1.6; }
	.feature_copy br { display: none; }
	.feature_copy.accent { font-size: 14px; }
	.btn_feature_group { margin-top: 35px; }
	.btn_feature_group.type2 { max-width: 100%; }
	.btn_frame { min-height: 40px; height: auto; flex: 1; min-width: 0; display: flex; width: 100%; }
	.btn_frame .text_node { font-size: 14px; }
	.sv_board_container .bg { top: 150px; height: calc(100% - 150px); }
	.gate_block { margin-bottom: 35px; }
	.sv_board_title_row { margin-bottom: 10px; }
	.sv_board_title { font-size: 16px; }
	.board_card_list { gap: 10px; margin-right: -10px; }
	.board_card_list > li { flex: 0 0 calc(50% - 10px); }
	.board_card_list > li.nodata_li { flex: 0 0 calc(100% - 15px); }
	.board_card_list > li.nodata_li .nodata_para { font-size: 14px; }
	.board_card { border-radius: 10px; padding: 15px; }
	.board_indent_wrap { margin-bottom: 15px; /* align-items: flex-start; */ gap: 8px; }
	/* .board_indent_bullet { } */
	.board_indent_bullet { flex: 0 0 25px; width: 25px; height: 25px; line-height: 23px; font-size: 14px; /* position:relative; top:3px; */}
	.board_indent_liquid { font-size: 14px; -webkit-line-clamp: 2; }
	.banner_card_container { margin-top: 30px; }
	.banner_card_block { margin-bottom: 30px; }
	.bc_box_grid { margin-right: -15px; gap: 15px; }
	.bc_box { flex: 0 0 calc(50% - 15px); padding: 15px 20px 15px 30px; }
	.bc_main_copy_group { gap: 20px; }
	.bc_main_copy_group br { display: none; }
	.bc_main_copy { font-size: 14px; }
	.bc_sub_copy { font-size: 12px; }
	.voucher_box_grid { gap: 15px; margin-right: -15px; }
	.voucher_box_grid .fixed_cols,
	.voucher_box_grid .liquid_cols { flex-basis: calc(50% - 15px); }
	.sv_note_copy_wrap { margin-top: 20px; }
	.sv_note_copy { font-size: 16px; }
	.explan_wrap { margin-top: 30px; }
	.explan_block { margin-bottom: 50px; }
	.explan_title { font-size: 16px; }
	.explan_title_row { align-items: flex-end; }
	.btn_inline_func { padding: 0 15px; height: 30px; line-height: 29px; font-size: 12px; }
	.post_tb.type2 thead tr th { padding-left: 10px; padding-right: 10px; }
	.post_tb.type2 tbody tr td { padding-left: 10px; padding-right: 10px; }
	.post_tb thead tr th { padding: 10px 5px 12px; }
	.post_tb tbody tr td { padding: 10px 5px 12px; }
	.post_tdtext,
	.post_thtext { font-size: 14px; }
	.pn_title_row { margin-bottom: 20px; gap: 8px; align-items: center; }
	.pn_title_row .img_cols { flex: 0 0 40px; background: #f8fcff; border-radius: 100%; width: 40px; height: 40px; display: block; }
	.pn_title { font-size: 16px; padding-left: 0; }
	.pn_title:before { display: none; }
	.pn_contents { padding-left: 0; }
	.deco_info_container { gap: 20px; }
	.deco_info_container .img_cols {display: none; }
	.main_node_para { font-size: 14px; }
	.main_node_para:before { top: 11px; }
	.sub_node_para { font-size: 12px; }
	.bullet_node_list > li { margin-bottom: 15px; }
	.bullet_node_list > li:last-of-type { margin-bottom: 0; }
	.award_banner_wrap { margin-top: 70px; }
	.award_banner { border-radius: 10px;}
	.award_para_wrap .text_sub_node { font-size: 16px; }
	.award_para_wrap .text_main_node { font-size: 20px; }
 }

@media (max-width: 767px){
	.btn_feature_group { flex-direction: column; }
	.sv_board_container .bg { top: 100px; height: calc(100% - 100px); }
	.board_card_list { margin-right: 0; flex-direction: column; }
	.bc_box_grid { flex-direction: column; margin-right: 0; }
	.bc_main_copy_group { gap: 20px; }
	.bc_main_copy_group .ico.shape_mike { width: 18.7px; height: 26px; flex: 0 0 18.7px; }
	.bc_main_copy_group .ico.shape_docu { width: 21px; height: 25px; flex: 0 0 21px; }
	.bc_box { padding-left: 20px; gap: 10px; padding-right: 15px; }
	.bc_box .btn_cols { flex-basis: 60px; }
	.btn_shape_box { width: 60px; height: 60px; }
	.btn_shape_box .text_node { font-size: 12px; position: relative; top: 2px; }
	.bc_main_copy_group { gap: 15px; }
	.voucher_box_grid { flex-direction: column; margin-right: 0; }
	.voucher_board_box { padding: 0 20px; }
	.voucher_board_box .contents_row { padding: 20px 0; }
	.vb_title { gap: 10px; }
	.vb_title .ico { width: 16px; height: 23px; }
	.vb_title .text_node { font-size: 16px; }
	.lk_else,
	.lk_title { font-size: 14px; }
	.linkage_data_list > li { margin-bottom: 10px; }
	.look_box { padding: 20px 15px; }
	.look_title { font-size: 15px; }
	.look_contents { gap: 10px; }
	.look_contents * { word-break: keep-all; }
	.look_contents br { display: none; }
	.lc_main_copy { font-size: 14px; }
	.lc_sub_copy { font-size: 12px; }
	.lc_ico_group { top: 0; padding: 0; }
	.lc_ico_group .ico { width: 23px; height: 26px; flex: 0 0 23px; }
	.sv_note_copy { font-size: 14px; }
	.award_para_wrap { flex-direction: column; align-items: normal; gap: 0; }
	.award_banner_wrap { margin-top: 70px; }
	.award_banner { border-radius: 10px; }
	.award_banner:before, .award_banner:after { width: 21px; height: 35px; flex-basis: 21px; margin-right: 7px; margin-left: 7px; }
	.award_banner:before { margin-right: 10px; }
	.award_banner:after { margin-left: 10px; }
	.award_banner .img_king { width: 27px; height: 14px; margin-right: 10px; flex-basis: 27px; }
	.award_banner .img_trophy { width: 33px; height: 29px; flex-basis: 33px; margin-left: 10px; }
	.award_para_wrap .text_sub_node { font-size: 13px; }
	.award_para_wrap .text_main_node { font-size: 17px; }
	.post_tdtext,
	.post_thtext { font-size: 12px; }
	.post_tb thead tr th.nobreak { white-space: normal; width: auto; }
	.post_tb tbody tr td.nobreak { white-space: normal; width: auto; }
}

@media (max-width: 374px) {
	.award_banner { border-radius: 2.67vw; }
	.award_banner:before, .award_banner:after { width: 5.61vw; height: 9.36vw; flex-basis: 5.61vw; margin-right: 1.87vw; margin-left: 1.87vw; }
	.award_banner:before { margin-right: 2.67vw; }
	.award_banner:after { margin-left: 2.67vw; }
	.award_banner .img_king { width: 7.22vw; height: 3.74vw; margin-right: 2.67vw; flex-basis: 7.22vw; }
	.award_banner .img_trophy { width: 8.82vw; height: 7.75vw; flex-basis: 8.82vw; margin-left: 2.67vw; }
	.award_para_wrap .text_sub_node { font-size: 3.48vw; }
	.award_para_wrap .text_main_node { font-size: 4.55vw; }
	.post_tdtext,
	.post_thtext { font-size: 11px; word-break: break-all; }
}


.sort_title_wrap { display: flex;justify-content: space-between;align-items: center; margin-top: 40px; border-bottom: 1px solid #a3a3a3; padding-bottom: 20px; margin-bottom: 20px; }
.sort_title_list { display: flex; justify-content: flex-end; gap: 10px; }
.inline_form_wrap { display: flex; gap: 10px; }
.inline_form_wrap .inline_cols { flex: 1; }
.inline_form_wrap .inline_cols.auto { flex: none; }
.btn_inline_role { display: inline-block; background: #455267; line-height: 42px; height: 42px; border-radius: 100px; font-size: 14px; color: #fff; white-space: nowrap; padding: 0 30px; }
.sort_form_container { display: flex; align-items: center; justify-content: flex-end; gap: 20px; }
.props_item_list { display: flex; gap: 10px 24px; flex-wrap: wrap; }
.legend_element_list { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.legend_element { padding: 0 12px; display: inline-block; border-radius: 100px; height: 24px; line-height: 24px; color: #fff; font-size: 13px; }
.legend_element.type01{background-color: #008aff;}
.legend_element.type02{background-color: #999999;}
.legend_element.type03{background-color: #34b371;}
.legend_element.type04{background-color: #f74e4e;}
.dataset_block_wrap { margin-top: 35px; }
.dataset_block { margin-bottom: 40px; }
.dataset_block:last-of-type { margin-bottom: 0; }
.dataset_title_row { margin-bottom: 20px; }
.dataset_title { font-size: 20px; color: #333333; }
.dataset_contents { background-color: #fdfdfd; border-radius: 10px; border: 1px solid #dfdfdf; padding: 20px 40px 35px; }
.ds_slice_block { margin-bottom: 25px; }
.ds_slice_block:last-of-type { margin-bottom: 0; }
.ds_slice_title_row { margin-bottom: 13px; }
.ds_slice_title { font-size: 18px; color: #333333; }
.data_dp_list { display: flex; flex-wrap: wrap; text-align: center; white-space: nowrap; gap: 6px 0; }
.data_dp_list > li { border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; flex: 0 0 10%; box-sizing: border-box; position: relative; }
.data_dp_list > li:after { display: block; content: ""; height: 1px; width: calc(100% + 1px); background: #7e889a; position: absolute; top: 0; left: -1px; }
.data_dp_list > li:nth-of-type(10n), .data_dp_list > li:last-of-type { border-right-width: 0; }
.data_dp_item { background: #fff; }
.data_dp_item dt, .data_dp_item dd { padding: 15px; }
.data_dp_item dt { border-bottom: 1px solid #d9d9d9; }
.data_dp_key,
.data_dp_value { font-size: 16px; font-weight: 500; }
.data_dp_value { color: #4e4e4e; }
.data_dp_key.type01{color: #008aff;}
.data_dp_key.type02{color: #999999;}
.data_dp_key.type03{color: #34b371;}
.data_dp_key.type04{color: #f74e4e;}
@media (max-width: 1023px){
	.sort_title_wrap { margin-top: 30px; flex-direction: column; align-items: flex-start; gap: 10px;}
	.btn_inline_role { line-height: 42px; height: 42px; padding: 0 20px; }
	.sort_title_list { justify-content: space-between;width: 100%;}
	.dataset_title { font-size: 16px; }
	.dataset_contents { padding: 20px 30px;}
	.ds_slice_title_row { margin-bottom: 10px; }
	.ds_slice_title { font-size: 14px; }
	.data_dp_item dt, .data_dp_item dd { padding: 7px 10px; }
	.data_dp_key,
	.data_dp_value { font-size: 14px; }
	.dataset_title_row { margin-bottom: 15px; }
}

@media (max-width: 767px){
	.sort_form_container { flex-direction: column; align-items: normal; gap: 10px; }
	.sort_form_container .legend_cols { display: flex; justify-content: flex-end; }
	.legend_element_list { display: flex; gap: 4px; }
	.legend_element { font-size: 12px; }
	.data_dp_list > li { flex-basis: 20%; }
	.data_dp_list > li:last-of-type { border-right-width: 0; }
	.data_dp_list > li:nth-of-type(5n) { border-right-width: 0; }
	.dataset_contents { padding: 15px 20px; }
}

@media (max-width: 767px){
	.data_dp_list > li { flex-basis: 33.33333%; }
	.data_dp_list > li:last-of-type { border-right-width: 0; }
	.data_dp_list > li:nth-of-type(5n):not(.data_dp_list > li:last-of-type) { border-right-width: 1px; }
	.data_dp_list > li:nth-of-type(3n) { border-right-width: 0; }
}



/* 트레킹 난이도 */
.sv_note_wrap { text-align: center; }
.sv_note_item { padding: 50px 30px; }
.sv_note_main { font-size: 27px; color: #2b2b2b; margin-bottom: 20px; word-break: keep-all; }
.sv_note_sub { font-size: 15px; color: #5f5f5f; line-height: 1.8; word-break: keep-all; }

.info_slab_block { position: relative; padding: 83px 0 70px; }
.info_slab_block:first-of-type { padding-top: 50px; }
.info_slab_block:last-of-type { padding-bottom: 0; }
.info_slab_block:after { display: block; content: ""; width: 100vw; height: 1px; background: #e3e3e3; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.info_slab_block .gate_row { display: flex; gap: 137px; align-items: center; }
.info_slab_block .gate_row .spec_cols { flex: 1; }
.info_slab_block .list_row { margin-top: 45px; }
.info_slab_block .copy_row { text-align: center; }
.info_slab_block .btn_row { text-align: center; display: flex; justify-content: center; flex-wrap: wrap; padding: 40px 0 0 0; }
.info_slab_block.level_2 .trekking_img { background-image: url("/asp/images/bg/trek_level_02x2.png"); }
.info_slab_block.level_2 .outline_box { background-color: #fafaff; border-color: #c9caff; }
.info_slab_block.level_2 .outline_box .ico { background-color: #9093ff; }
.info_slab_block.level_2 .outline_box .text_node_obj dd { color: #666afa; }
.info_slab_block.level_2 .product_display_item .caption_layer .flag_dom { background-color: #666afa; }
.info_slab_block.level_2 .style_quote_para:before, .info_slab_block.level_2 .style_quote_para:after { color: #666afa; }
.info_slab_block.level_2 .btn_postbox { background-color: #666afa; }
.info_slab_block.level_3 .trekking_img { background-image: url("/asp/images/bg/trek_level_03x2.png"); }
.info_slab_block.level_3 .outline_box { background-color: #f6faff; border-color: #b5e1f8; }
.info_slab_block.level_3 .outline_box .ico { background-color: #45b5e4; }
.info_slab_block.level_3 .outline_box .text_node_obj dd { color: #178bdd; }
.info_slab_block.level_3 .product_display_item .caption_layer .flag_dom { background-color: #2b8bf2; }
.info_slab_block.level_3 .style_quote_para:before, .info_slab_block.level_3 .style_quote_para:after { color: #178bdd; }
.info_slab_block.level_3 .btn_postbox { background-color: #178bdd; }
.info_slab_block.level_4 .trekking_img { background-image: url("/asp/images/bg/trek_level_04x2.png"); }
.info_slab_block.level_4 .outline_box { background-color: #f7fffe; border-color: #bfece5; }
.info_slab_block.level_4 .outline_box .ico { background-color: #45beac; }
.info_slab_block.level_4 .outline_box .text_node_obj dd { color: #00a38a; }
.info_slab_block.level_4 .product_display_item .caption_layer .flag_dom { background-color: #00a38a; }
.info_slab_block.level_4 .style_quote_para:before, .info_slab_block.level_4 .style_quote_para:after { color: #00a38a; }
.info_slab_block.level_4 .btn_postbox { background-color: #00a38a; }
.info_slab_block.level_5 .trekking_img { background-image: url("/asp/images/bg/trek_level_05x2.png"); }
.info_slab_block.level_5 .outline_box { background-color: #fffdf8; border-color: #ddd1ae; }
.info_slab_block.level_5 .outline_box .ico { background-color: #c2a54e; }
.info_slab_block.level_5 .outline_box .text_node_obj dd { color: #a88313; }
.info_slab_block.level_5 .product_display_item .caption_layer .flag_dom { background-color: #a88313; }
.info_slab_block.level_5 .style_quote_para:before, .info_slab_block.level_5 .style_quote_para:after { color: #a88313; }
.info_slab_block.level_5 .btn_postbox { background-color: #a88313; }
.info_slab_block.level_6 .trekking_img { background-image: url("/asp/images/bg/trek_level_06x2.png"); }
.info_slab_block.level_6 .outline_box { background-color: #fffbf8; border-color: #ead5c5; }
.info_slab_block.level_6 .outline_box .ico { background-color: #f68d41; }
.info_slab_block.level_6 .outline_box .text_node_obj dd { color: #f47213; }
.info_slab_block.level_6 .product_display_item .caption_layer .flag_dom { background-color: #f47213; }
.info_slab_block.level_6 .style_quote_para:before, .info_slab_block.level_6 .style_quote_para:after { color: #f47213; }
.info_slab_block.level_6 .btn_postbox { background-color: #f47213; }
.info_slab_block.level_7 .trekking_img { background-image: url("/asp/images/bg/trek_level_07x2.png"); }
.info_slab_block.level_7 .trekking_img .state_flag { background-color: #f14a4a; }
.info_slab_block.level_7 .outline_box { background-color: #fffafa; border-color: #eec1c1; }
.info_slab_block.level_7 .outline_box .ico { background-color: #f97070; }
.info_slab_block.level_7 .outline_box .text_node_obj dd { color: #f74e4e; }
.info_slab_block.level_7 .product_display_item .caption_layer .flag_dom { background-color: #f75959; }
.info_slab_block.level_7 .style_quote_para:before, .info_slab_block.level_7 .style_quote_para:after { color: #f74e4e; }
.info_slab_block.level_7 .btn_postbox { background-color: #f75959; }

.trekking_img { width: 247px; height: 130px; margin: 0 auto; position: relative; background: url("/asp/images/bg/trek_level_01x2.png") no-repeat 0 0/100% auto; }
.trekking_img .state_flag { position: absolute; top: -20px; left: 0; }

.state_flag { display: flex; width: 54px; height: 54px; background: #ff6c00; border-radius: 100%; align-items: center; text-align: center; justify-content: center; }
.state_flag .text_node { font-size: 12px; color: #fff; font-weight: 500; display: inline-block; line-height: 1.2; }

.outline_box_list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px 10px; margin-left: -10px; }
.outline_box_list > li { width: calc(50% - 10px); display: flex; flex-direction: column; }

.outline_box { flex: 1; display: flex; gap: 8px; padding: 6px; border: 1px solid #d5e1fb; border-radius: 100px; background: #fcfdff; align-items: center; }
.outline_box .ico { display: block; width: 44px; height: 44px; flex-basis: 44px; background-color: #55a2f5; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; border-radius: 100%; }
.outline_box .ico.shape_time { background-image: url("/asp/images/icon/ico_trekking_level_01.png"); }
.outline_box .ico.shape_camp { background-image: url("/asp/images/icon/ico_trekking_level_02.png"); }
.outline_box .ico.shape_high { background-image: url("/asp/images/icon/ico_trekking_level_03.png"); }
.outline_box .text_node_obj { flex: 1; display: flex; align-items: center; gap: 2px 10px; }
.outline_box .text_node_obj dt, .outline_box .text_node_obj dd { word-break: break-all; }
.outline_box .text_node_obj dt { font-size: 16px; color: #4e4e4e; }
.outline_box .text_node_obj dd { flex: 1; font-size: 18px; color: #2074e5; font-weight: 500; }

.product_display_wrap { position: relative; }

.product_display_list { display: flex; flex-wrap: wrap; gap: 20px; margin-right: -20px; }
.product_display_list > li { flex: 0 0 calc(25% - 20px); }

.product_display_item { position: relative; padding-bottom: 20px; display: block; }
.product_display_item .thumnail_tile { position: relative; height: 280px; border-radius: 20px; overflow: hidden; }
.product_display_item .thumnail_tile img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; transition: 0.4s; transform: scale(1); }
.product_display_item .caption_layer { position: absolute; bottom: 0; right: 0; min-height: 76px; width: calc(100% - 45px); border-radius: 20px 0 20px 20px; background: #fff; box-sizing: border-box; padding: 17px 20px 14px; border: 1px solid rgb(243, 243, 243); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.07); }
.product_display_item .caption_layer .flag_group { position: absolute; top: 0; left: 20px; transform: translateY(-50%); }
.product_display_item .caption_layer .flag_dom { display: inline-block; height: 23px; font-size: 12px; font-weight: 500; border-radius: 8px 8px 8px 0; line-height: 23px; padding: 0 10px; background: #2074e5; color: #fff; }
.product_display_item .caption_node { font-size: 17px; color: #2b2b2b; font-weight: 500; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.3; }
.product_display_item:hover .thumnail_tile img { transform: scale(1.3); }

.style_quote_wrap { padding: 50px 0 0 0; }

.style_quote_para { font-size: 17px; color: #4e4e4e; text-align: center; line-height: 1.6; word-break: keep-all; }
.style_quote_para:before, .style_quote_para:after { display: inline-block; font-size: 44px; font-weight: 500; color: #176bdd; line-height: 0; position: relative; top: 18px; }
.style_quote_para:before { content: "“"; }
.style_quote_para:after { content: "”"; }

.btn_postbox { display: inline-flex; min-height: 54px; align-items: center; gap: 5px; padding: 10px 35px; background: #2074e5; border-radius: 100px; box-sizing: border-box; }
.btn_postbox .ico { flex: 0 0 22px; width: 22px; height: 22px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }
.btn_postbox .ico.shape_search { background-image: url("/asp/images/icon/ico_search_21.png"); }
.btn_postbox .text_node { font-size: 18px; line-height: 1.3; position: relative; top: 0px; color: #fff; font-weight: 500; display: inline-block; }

@media (max-width: 1260px){
	.info_slab_block .gate_row { gap: 80px; }
}
@media (max-width: 1190px){
	.info_slab_block .gate_row { gap: 40px; }
	.outline_box .text_node_obj dt { font-size: 15px; }
	.outline_box .text_node_obj dd { font-size: 17px; position: relative; top: -1px; }
}
@media (max-width: 1023px){
	.sv_note_item { padding: 30px 0; }
	.sv_note_main { font-size: 20px; margin-bottom: 10px; }
	.sv_note_sub { font-size: 14px; }
	.info_slab_block { padding: 40px 0 60px; }
	.info_slab_block:first-of-type { padding-top: 30px; }
	.info_slab_block .gate_row { flex-direction: column; gap: 30px; align-items: normal; justify-content: center; }
	.info_slab_block .list_row { margin-top: 30px; }
	.info_slab_block .btn_row { padding: 30px 0 0 0; }
	.outline_box { padding-top: 4px; padding-bottom: 4px; }
	.outline_box .ico { width: 34px; height: 34px; flex-basis: 34px; }
	.outline_box .text_node_obj { display: block; }
	.outline_box .text_node_obj dt { font-size: 12px; }
	.outline_box .text_node_obj dd { font-size: 13px; }
	.product_display_list { gap: 10px; margin-right: -10px; }
	.product_display_list > li { flex: 0 0 calc(50% - 10px); }
	.product_display_item { padding-bottom: 10px; }
	.product_display_item .thumnail_tile { height: 0; border-radius: 10px; padding-bottom: 98%; }
	.product_display_item .caption_layer { border-radius: 10px 0 10px 10px; padding: 17px 15px 14px; min-height: 70px; width: calc(100% - 20px); }
	.product_display_item .caption_layer .flag_group { left: 15px; }
	.product_display_item .caption_node { font-size: 14px; }
	.product_display_item .caption_node br { display: none; }
	.product_display_item:hover .thumnail_tile img { transform: scale(1.3); }
	.trekking_img .state_flag { top: -17px; }
	.style_quote_wrap { padding: 40px 0 0 0; }
	.style_quote_para { font-size: 14px; }
	.style_quote_para:before, .style_quote_para:after { font-size: 24px; top: 8px; }
	.btn_postbox { min-height: 50px; padding: 10px 25px; }
	.btn_postbox .ico { flex: 0 0 22px; width: 22px; height: 22px; }
	.btn_postbox .text_node { font-size: 16px; }
}
@media (max-width: 374px){
	.outline_box { border-radius: 10px; }
}