/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/
/********************************************************
■ 공통
********************************************************/
#wrap{position:relative; line-height:1.5; overflow:hidden;}
.mob{display:none;}
.tab {display: none;}
.web {display: block;}
.inner {margin:0 auto; padding:0 var(--side-padding); width:100%; max-width: var(--content-width); font-size:var(--font-size-15);}
h2{font-size:var(--font-size-50); font-weight:var(--font-weight-extrabold); color:var(--Text-Color-Black); letter-spacing: -0.02em;}
h3{font-size:var(--font-size-37); font-weight:var(--font-weight-bold);  color:var(--Text-Color-Black); letter-spacing: -0.02em;}
h4{font-size:var(--font-size-28); font-weight:var(--font-weight-semibold);  color:var(--Text-Color-Black); letter-spacing: -0.02em;}
h5{font-size:var(--font-size-21); font-weight:var(--font-weight-medium);  color:var(--Text-Color-Black); letter-spacing: -0.02em;}
h6{font-size:var(--font-size-20); font-weight:var(--font-weight-bold);  color:var(--Text-Color-Black); letter-spacing: -0.02em;}

h4{margin-top:var(--num-64); margin-bottom:var(--num-20);}
h5{margin-top:var(--num-32); margin-bottom:var(--num-12);}
h6{margin-top:var(--margin-20);}

.content-width{width:var(--content-width); margin:0 auto; padding-left: var(--side-padding); padding-right: var(--side-padding);}

@media (max-width:1024px){	
	.web{display:none;}
	.tab{display:block;}
}
@media (max-width:768px){	
	.tab{display:none;}
	.mob{display:block;}
}


/*----- 버튼 기본 스타일 -----*/
.btn_default {display: flex; justify-content: center; align-items: center; gap: 4px; padding: 0.5rem clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem); font-size:var(--font-size-15); text-align: center; letter-spacing: -0.0375rem; border-radius:clamp(0.25rem, 0.225rem + 0.125vw, 0.375rem); border:1px solid ; transition: 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);}
.btn_default.white_b {color:var(--BTN-BG-Color-default); border-color:var(--BTN-BG-Color-default); background:#fff;}
.btn_default.white_b:not(.active):is(:hover,:focus) {background:var(--BTN-BG-Color-Light);}
.btn_default.blue {color:#fff; border-color:var(--BTN-BG-Color-default); background:var(--BTN-BG-Color-default);}
.btn_default.blue:not(.active):is(:hover,:focus) {background:#0080ff; border-color:#0080ff;}
.btn_default.active {color: #fff; background-color: #0063C6; border-color: rgba(0, 99, 198, .7);}
.btn_default.active strong {display: inline-flex; justify-content: center; align-items: center; gap: 6px;}
.btn_default.active .icon_chk {display: block; width: clamp(0.688rem, 0.662rem + 0.13vw, 0.813rem); aspect-ratio: 1; background: url('/images/newOpen_hp/content/icon_chk.svg') no-repeat center/cover;}

/********************************************************
■ 헤더
********************************************************/

/*----- 상단 배너 -----*/
#topBanner{margin:0 auto; padding:0 var(--side-padding); width:100%; max-width:var(--content-width-mx); height:3.125rem; align-content: center; background:var(--BTN-BG-Color-default); border-radius: 0 0 clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); position:relative; z-index:100;}
#topBanner p{display: flex; align-items: center; justify-content: center; height: 100%; flex-flow:row wrap; gap:0.15rem; font-size: var(--font-size-16); font-weight: 500; text-align:center; color:#fff;}


/*----- 헤더 -----*/
#header{padding-top: clamp(0rem, -0.131rem + 0.656vw, 0.656rem); width:100%; height:auto; min-height: 8.375rem; align-content: center; z-index:100; -webkit-transition:all .3s;transition:all .3s;}
/* #header .logo{width:clamp(12.5rem, 11.375rem + 5.625vw, 18.125rem); aspect-ratio: 10/1;  z-index:10;} */
#header .logo{width:clamp(15.625rem, 13.206rem + 12.09vw, 22.125rem); aspect-ratio: 10/1;  z-index:10;}
#header .logo a{display: flex; align-items: center; width:100%; height:100%;}
#header .logo img{width: 100%;}

/*----- 검색 -----*/
.top_sch_wrap {flex: 1; max-width: clamp(10rem, 7.75rem + 11.25vw, 21.25rem); margin-right: auto; overflow: hidden;}
.top_sch {padding: 0 6px 0 var(--num-16); border: 1px solid #DBDBDB; border-radius: 10rem; position: relative;}
.top_sch form {display: flex; align-items: center;}
.top_sch input[type='search'] {all: unset; box-sizing: border-box; display: block; flex: 1; height: clamp(2rem, 1.925rem + 0.38vw, 2.375rem); font-size: var(--font-size-14); color: #565656;}
.top_sch .btn_sch {display: flex; justify-content: center; align-items: center; width: clamp(1.375rem, 1.325rem + 0.25vw, 1.625rem); aspect-ratio: 1;}
.top_sch:has(input[type='search']:autofill) {background-color: rgb(232, 240, 254);}
.top_sch input[type='search']:autofill {}
.toggle_sch {display: flex; justify-content: center; align-items: center; padding: 6px; border: 1px solid #DBDBDB; border-radius: 50%; display: none;}

/* 로그인 메뉴 */
.top_menu {display:flex; align-items: center; justify-content: space-between; gap:clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem);}
.top_menu .login_menu:has(.user_name) {display: flex; align-items: center;}
.top_menu .login_menu:has(.user_name) .user_name {padding-right:0.5rem; margin-right:0.5rem; position:relative;}
.top_menu .login_menu:has(.user_name) .user_name:after {content:''; display:block; width:1px; height:100%; max-height:0.875rem; background:#DBDBDB; position:absolute; top:0.3em; right:0;}
.top_menu .login_menu li {font-size:var(--font-size-16); color:var(--Text-Color-45);}
.top_menu .login_menu a {font-size:var(--font-size-16); color:var(--Text-Color-45);}

/* 개원통합서비스 메뉴 */
#nav {display:flex; justify-content: space-between; align-items: center; margin-top: clamp(1rem, 0.94rem + 0.3vw, 1.3rem);}
.newOpen_menu ul {display:flex; justify-content: flex-end; gap: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);}
.newOpen_menu .btn_default {min-width:10rem;}


.tip_flex{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; gap: 0.5rem; }
.tip_flex .tabmenu{margin-bottom:0;}
.tip_flex:has(.tabmenu){    margin-bottom: clamp(1.25rem, 1.063rem + 0.94vw, 2.188rem);}
.tip_flex .tooltip{margin-left: auto; display: flex; align-items: center; gap:0.3rem; padding:0.5rem; background:#ecf2fd; border-radius:0.3rem; color:#0063c6}
.tip_flex .tooltip .icon_cart{ display:inline-flex; width: 1.375rem; height: auto; aspect-ratio: 1;  background: rgba(0, 0, 0, 0.34); border-radius: 50%;}
.tip_flex .tooltip .icon_cart:before{content:""; display:inline-block; width: 1.375rem; height: auto; aspect-ratio: 1;  background: rgba(0, 0, 0, 0.34); forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/newOpen_hp/main/icon_cart.svg); mask-image: url(/images/newOpen_hp/main/icon_cart.svg); background-color: #fff}

@media (max-width:1030px){
	/*----- 상단 배너 -----*/
	#topBanner {padding-top:0.5rem; padding-bottom:0.5rem; height: auto;}
	#topBanner p {font-size: var(--font-size-15);}

	/*----- 헤더 -----*/
	#header {min-height: 4rem;}
	#header .inner {display:flex; justify-content: space-between;}

	/* 로그인 메뉴 */
	.top_menu .login_menu,
	.top_menu .login_menu:has(.user_name) {display:none;}

	/* 개원통합서비스 메뉴 */
	#nav {justify-content: flex-end; margin-top:0;}
	.newOpen_menu {display:none;}
}
@media (max-width: 767px){
	.top_menu {flex: 1;}

	/*----- 검색 -----*/
	.top_sch_wrap {max-width: 100%; width: 100%; height: 0; padding: 0 1rem; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100; transition: .3s;}
	.top_sch_wrap.open {height: auto; padding: 1rem; border-bottom: 1px solid #eee;}
	.toggle_sch {display: flex; margin-left: auto; margin-right: .625rem;}

	.tip_flex .tooltip{width:100%; justify-content: center}
}


/********************************************************
■ 전체메뉴
********************************************************/
/*-----햄버튼-----*/
.btn-gnb-menu{display: flex; align-items: center; gap:clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem); font-size:var(--font-size-18); font-weight:700; color:#222; text-align:center;  cursor:pointer; z-index:9999;}
.btn-gnb-menu .icon_sitemap {display:block; width:1.75rem; height:auto; aspect-ratio:1; background:#F2F2F2 url('/images/newOpen_hp/main/ico_cate.svg') no-repeat center center; background-size:50% auto; border-radius:100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04) inset;}
.btn-gnb-menu::after {content: ''; display: block; width: clamp(0.5rem, 0.475rem + 0.13vw, 0.625rem); aspect-ratio: 2/1; background: url('/images/newOpen_hp/main/all_cate_arr.svg') no-repeat center/cover; transition: transform .3s;}
#header.open .btn-gnb-menu::after {transform: rotate(180deg);}
.btnAll {position:relative; display:block; width:1.6rem; height:1.15rem; margin:0 auto; top:50%;  transform:translateY(-50%);outline: none; z-index:9999;}

@media (max-width:1030px){
	.btn-gnb-menu {line-height: 2;}
	.btn-gnb-menu {text-indent:-9999px; font-size:0; gap: 0;}
	.btn-gnb-menu::after {display: none;}
}

/*----- 전체메뉴 -----*/
.all_menu { position:fixed; left:-100%; top:11.5rem; left: 0; bottom:0; width:100%; height:0; overflow-y: hidden; padding-top:0;  z-index:99999; transition:height 0.45s; background:#fff; background-size:cover;  -ms-overflow-style: none;}
.all_menu::-webkit-scrollbar {display:none; }
.all_menu::-webkit-scrollbar-thumb {display:none;}
.all_menu.open {height: 40rem; border-top: 1px solid #eee;}
.all_menu.open .mobile_scroll {height: 100% !important;}

.all_menu .mobile_scroll{margin: 0 auto; width: 100%; max-width: var(--content-width);}
.all_menu .cate_wrap {height: 100%;}
.all_menu .category_div{margin:0 auto; height: 100%;}
.all_menu .category_menu{display: flex; width: 100%; height: 100%; opacity: 0; transition: opacity .2s;}
.all_menu .category_menu > li {flex: 1; padding: 44px clamp(1rem, 0.775rem + 1.13vw, 2.125rem);}
.all_menu .category_menu > li:nth-of-type(even) {background-color: #F9F9F9;}
.all_menu .cate_list_inner {height: 100%;}
.all_menu .cate_list_inner > a{display:block; flex-shrink:0; width:100%; height:auto; font-size: 16px; font-weight: 600; color: #0063C6; line-height: 24px; align-content: center;}
.all_menu .sub_cate {width:100%; font-size: 15px; align-content: center;}
.all_menu .category_menu .sub_cate {max-height: calc(100% - 40px); margin-top: 16px; /*overflow-y: auto;*/}
/*.all_menu .category_menu .sub_cate::-webkit-scrollbar {width: 4px;}
.all_menu .category_menu .sub_cate::-webkit-scrollbar-track {background-color: #EEEEEE; border-radius: 3px;}
.all_menu .category_menu .sub_cate::-webkit-scrollbar-thumb {background-color: #B2B2B2; border-radius: 3px;}*/
.all_menu .category_menu .sub_cate ul li + li {margin-top: 4px;}
.all_menu .category_menu .sub_cate ul li a {font-size: 15px;}
.all_menu .category_menu .sub_cate ul li a:hover{color:#0050CD;}
.all_menu .category_menu .sub_cate ul li .third_cate{display:none;}
.all_menu .category_menu .sub_cate2 ul li{display:block; margin-left:0; margin:3px 0; position:relative; padding-left:160px; min-height:20px}
.all_menu .category_menu .sub_cate2 ul li a.cateTit{position:absolute; left:10px; top:3px;}
.all_menu .category_menu .sub_cate2 ul li .third_cate{display:block;}
.all_menu .category_menu .sub_cate2 ul li .third_cate ul li{position:relative;display:inline-block; margin-right:20px; padding-left:0;}
.all_menu .category_menu .sub_cate2 ul li .third_cate ul li:before{ content : "\e93f"; display : block; position : absolute; right : -20px; top : -1px; color:#aaa; font-size:15px;  font-family: 'xeicon';}
.all_menu .category_menu > li .sub_cate2 ul li .third_cate ul li:last-child:before{display:none;}
#header.open .all_menu .category_menu {opacity: 1;}

.open_bg {display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: fixed; top: 11.5rem; left: 0; z-index: 10; opacity: 0; visibility: hidden; transition: .3s;}
.open_bg.on {opacity: 1; visibility: visible;}

/*모바일*/
.mobile_menu,
.menu_con{display:none;}


@media (max-width:1030px){ 
	/*-----모바일 회원서비스-----*/
	.mob_log{width: 100%; display:flex; align-items: center; padding:0 1rem; z-index:10; height:4rem;}
	.mob_log li{position:relative;}
	.mob_log li a{padding: 0 1rem;}
	.mob_log li:after{right: .75rem; background: #000; width: 2px;}
	.mob_log li.log_join a{padding-left:0;}
	.mob_log li.log_join:after{content : ""; display : block; position : absolute; right:0; top: 35%; width :1px; height : 30%; background:rgba(255, 255, 255, .3);}
}
@media (max-width:1030px){ 
    .mob_log{height:3.6rem;}

	.open_bg.on {opacity: 0;}
	.all_menu {top: 6.2rem;  max-height: unset; background-color: rgba(0, 0, 0, .5);}
	.all_menu.open {height: calc(100% - 6.2rem); overflow-y: auto;}
	.all_menu .cate_wrap {height: auto;}
	.all_menu .cate_list_inner {display: flex; align-items: flex-start;}
	.all_menu .cate_list_inner > a {width: 8rem;}
	.all_menu .category_menu {display: block; height: 100%; padding-bottom: 0; overflow-y: auto;}
	.all_menu .category_menu > li {width: 100%; padding: 24px clamp(1rem, 0.775rem + 1.13vw, 2.125rem); background-color: #fff;}
	.all_menu .category_menu .sub_cate {margin-top: 0;}
	.all_menu .category_menu .sub_cate ul li {padding-left: .625rem; position: relative;}
	.all_menu .category_menu .sub_cate ul li::before {content: ''; display: block; width: 4px; height: 4px; background-color: #0063C6; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
}
@media (max-width:768px){
	.all_menu {top: 7.4rem;}
	.all_menu.open {height: calc(100% - 7.4rem);}
}




/********************************************************
■ 푸터
********************************************************/
#footer{clear:both; padding:var(--num-60) 0; color:var(--Text-Color-Basic-2); letter-spacing: -0.063rem; background: #F8F8F8; z-index:1;}
#footer .f_logo {margin-bottom:var(--num-40);}
#footer .f_logo img {width:auto; height:clamp(1.625rem, 1.587rem + 0.19vw, 1.813rem); aspect-ratio:146/29;}


/*-----사이트 정보-----*/
.f_info {display:flex; justify-content: space-between; align-items: flex-end; gap: 1rem; font-size: var(--font-size-14);}
.f_info .info_list ul > li {display:flex; flex-wrap: wrap; gap: 0.5rem 0;}
.f_info .info_list ul > li:not(:first-child) {margin-top: 0.5rem;}
.f_info .info_list .item {display:flex; gap:0.375rem; position:relative;}
.f_info .info_list .item:not(:last-child) {padding-right:0.8rem; margin-right:0.8rem;} 
.f_info .info_list .item:not(:last-child):after {content:''; display:block; width:1px; height:100%; max-height:0.75rem; background:#DBDBDB; position:absolute; top:0.3em; right:0;}
.f_info .info_list .item span {flex-shrink: 0; font-weight:700;}

/* 고객센터 정보 */
.info_csCenter {flex-shrink: 0; text-align: right; color:var(--Text-Color-Basic-1);}
.info_csCenter .csCenter_num {display: flex; align-items: flex-end; justify-content: flex-end; gap:0.5rem; margin-bottom: 0.4rem; font-size: var(--font-size-15);}
.info_csCenter .csCenter_num a {color:var(--Brand-Color-main); font-weight:700; font-size: var(--font-size-20);}


/*-----푸터 메뉴-----*/
.f_menu {margin-top:clamp(2rem, 1.91rem + 0.45vw, 2.45rem); position:relative;}

/* 약관페이지 링크 */
.f_menu .terms {color: var(--Text-Color-Basic-1);}
.f_menu .terms ul {display:flex;}
.f_menu .terms ul > li:not(:last-child) {padding-right:clamp(1rem, 0.9rem + 0.5vw, 1.5rem); margin-right:clamp(1rem, 0.9rem + 0.5vw, 1.5rem); position: relative;} 
.f_menu .terms ul > li:not(:last-child):after {content:''; display:block; width:1px; height:100%; max-height:0.75rem; background:#DBDBDB; position:absolute; top:0.3em; right:0;}
.f_menu .terms b {color:var(--Text-Color-Black);}

/* 연관사이트 링크 */
.family_site {display: inline-block; align-self: flex-end; width:100%; max-width: 10rem;  font-size: var(--font-size-14); position: absolute; bottom: 0; right: 0;}
.family_site .toggle {display: flex;align-items: center; gap: 0.5rem; justify-content: space-between; padding:0.6125rem clamp(1rem, 0.95rem + 0.25vw, 1.25rem); padding-right: 1rem; color:var(--Text-Color-Basic-1); letter-spacing: 0; background-color: #F2F2F2; border-radius:clamp(0.25rem, 0.225rem + 0.125vw, 0.375rem); text-decoration: none; text-align: center; cursor: pointer; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86); position: relative;}
.family_site .toggle.active {border-radius:clamp(0.25rem, 0.225rem + 0.125vw, 0.375rem) clamp(0.25rem, 0.225rem + 0.125vw, 0.375rem) 0 0;}
.family_site .toggle .ico_arrow {display:block; width:1.25rem; height:1.25rem; -webkit-mask-repeat: no-repeat;-webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);-webkit-mask-image: url(/images/newOpen_hp/main/icon-arrow-r.svg); mask-image: url(/images/newOpen_hp/main/icon-arrow-r.svg); background-color:var(--Text-Color-Basic-1); transform:rotate(90deg);}
.family_site .toggle.active .ico_arrow {transform:rotate(-90deg);}
.family_site .dropdown { display: none; margin: 0; padding: 0;  width:100%; border:1px solid #F2F2F2; background: white; list-style: none; position: absolute; top: 100%; left: 0;  z-index: 100;}
.family_site .dropdown li a { display: block; padding: 0.5rem 1rem; color: #333; letter-spacing: 0; text-decoration: none;}
.family_site .dropdown li a:hover { background-color: #f9f9f9;}
.family_site .dropdown.upward { bottom: 100%; top: auto;}


/*-----카피라이트-----*/
.f_menu .copyright {margin-top:var(--num-18); color:var(--Text-Color-Basic-2)}


@media (max-width:768px){
	/*-----사이트 정보-----*/
	.f_info .info_list ul > li {flex-direction:column; gap: 0.2rem 0;}
	.f_info .info_list ul > li:not(:first-child) {margin-top:0.2rem}
	.f_info .info_list .item:not(:last-child) {margin:0; padding:0;}
	.f_info .info_list .item:not(:last-child):after {display:none;}


	/*-----푸터 메뉴-----*/
	.f_menu {display: flex; flex-direction: column; gap:var(--num-18);}

	/* 연관사이트 링크 */
	.family_site {margin-right: auto; position:relative; top:auto; bottom: auto; right:auto; left:auto;}
	.family_site .toggle .ico_arrow {width: 1rem; height: 1rem;}

	/*-----카피라이트-----*/
	.f_menu .copyright {margin-top:0;}
}
@media (max-width:640px){
	/*-----사이트 정보-----*/
	.f_info {flex-direction: column-reverse; align-items: flex-start;}

	/* 고객센터 정보 */
	.info_csCenter {text-align:left;}
	.info_csCenter .csCenter_num {justify-content: flex-start;}
}


/********************************************************
■ 견적의뢰 팝업
********************************************************/
#rfq {position:fixed; width:100%; max-width: calc(1730px + 5rem); height:100%; bottom:0; right:5rem; /*pointer-events: none;*/ transform: translateX(100%); z-index: 10000; transition: transform .3s;}
.rfq_wrap {display: flex; flex-direction: column; gap: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); height: 100%; position: absolute; top: 0; right: 0;}


/*-----견적의뢰-----*/
.rfq_section {display: flex; height: 100%;}
.rfq_bg {width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; z-index: 100; display: none;}
.rfq_content {padding: clamp(1.875rem, 1.65rem + 1.13vw, 3rem) clamp(1rem, 0.025rem + 4.88vw, 5.875rem) clamp(5rem, 4.75rem + 1.25vw, 6.25rem) clamp(1rem, 0.125rem + 4.38vw, 5.375rem); width: 1730px; height: 100%; background-color: #ECF2FD; position: relative; overflow: hidden;}
.rfq_content .rfq_top {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
.rfq_content .rfq_tit {margin: 0; font-size: clamp(1.5rem, 1.438rem + 0.313vw, 1.813rem);}
.rfq_content .rfq_top .right_wrap {display: flex;}
.rfq_content .rfq_top .right_wrap h5 {display: flex; align-items: center; gap: var(--num-8); margin: 0 .5rem 0 0; font-size: var(--font-size-18); font-weight: 600; color: #0F4276;}
.rfq_content .rfq_top .right_wrap h5::before {content: ''; display: block; width: 20px; height: 20px; background: url('/images/newOpen_hp/main/rfq_chair_icon.svg') no-repeat center/cover;}
.rfq_content .rfq_top .right_wrap input[type='radio'] {width: 1px; height: 1px; opacity: 0;}
.rfq_content .rfq_top .right_wrap input[type='radio'] + label {margin-left: var(--num-8); padding: 0 var(--num-14); font-size: clamp(0.875rem, 0.838rem + 0.19vw, 1.063rem); font-weight: 500; color: #0F4276; line-height: clamp(2rem, 1.95rem + 0.25vw, 2.25rem); background-color: #D5E0FF; border-radius: 10rem; position: relative; z-index: 1; cursor: pointer;}
.rfq_content .rfq_top .right_wrap input[type='radio'] + label::before {content: ''; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 10rem; background: #D5E0FF; position: absolute; top: 2px; left: 2px; z-index: -1;}
.rfq_content .rfq_top .right_wrap input[type='radio']:checked + label {color: #fff; background: linear-gradient(to right bottom, #FFCF25, #00E5FF, #FFCF25);}
.rfq_content .rfq_top .right_wrap input[type='radio']:checked + label::before {background-color: #3159DE;}
.rfq_content .category_list_wrap {width: 100%; margin-top: var(--num-24); padding: 6px; background-color: #fff; border-radius: 6px; border-top: 2px solid #25496E; position: relative;}
.rfq_content .category_list_wrap:has(.swp_btn:not(.swiper-button-disabled)) {padding: 6px calc(clamp(1.625rem, 1.55rem + 0.375vw, 2rem) + 12px);}
.rfq_content .category_list {width: 100%; font-size: clamp(0.875rem, 0.838rem + 0.19vw, 1.063rem); color: #626466;}
.rfq_content .category_list .swiper-slide {width: auto; position: relative;}
.rfq_content .category_list .swiper-slide:not(:first-child)::before {content: ''; display: block; width: 1px; height: 50%; background: #D8DFEB; position: absolute; top: 25%; left: 0;}
.rfq_content .category_list .swiper-slide input[type='radio'] {width: 1px; height: 1px; opacity: 0; position: absolute; top: 50%; left: 50%;}
.rfq_content .category_list .swiper-slide label {display: block; padding: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem) clamp(0.625rem, 0.525rem + 0.5vw, 1.125rem) clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem); font-size: clamp(0.875rem, 0.838rem + 0.19vw, 1.063rem); font-weight: 500; border-radius: 10rem; border: 1px solid transparent; cursor: pointer;}
.rfq_content .category_list .swiper-slide input[type='radio']:checked + label {color: #0063C6; border-color: #0063C6;}
.rfq_content .category_list .swiper-slide:has(input[type='radio']:checked)::before,
.rfq_content .category_list .swiper-slide:has(input[type='radio']:checked) + .swiper-slide::before {opacity: 0;}
.rfq_content .swp_btn {width: clamp(1.625rem, 1.55rem + 0.375vw, 2rem); height: clamp(1.625rem, 1.55rem + 0.375vw, 2rem); margin: 0; background: no-repeat center/cover; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, .15); position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer;}
.rfq_content .swiper-button-prev {background-image: url('/images/newOpen_hp/main/swp_prev.svg'); left: 6px;}
.rfq_content .swiper-button-next {background-image: url('/images/newOpen_hp/main/swp_next.svg'); right: 6px;}
.rfq_content .swiper-button-disabled {opacity: .3;}
.rfq_content .item_tb_wrap {margin-top: var(--num-40);}
.rfq_content .item_tb_wrap .item_top {display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--num-12);}
.rfq_content .item_tb_wrap .item_top .total {}
.rfq_content .item_tb_wrap .item_top .total strong {color: #004B96;}
.rfq_content .item_tb_wrap .item_top .btn_select_all {gap: clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem); margin-left: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem); margin-right: auto; padding: 0; background: none; font-size: clamp(0.813rem, 0.775rem + 0.19vw, 1rem);}
.rfq_content .item_tb_wrap .item_top .btn_select_all::before {width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1; background: #fff url('/images/newOpen_hp/main/ipt_check.svg') no-repeat center/50%; border: 1px solid #CACACA; border-radius: 6px;}
.rfq_content .item_tb_wrap .item_top .btn_select_all[aria-pressed='true']::before {background: #FFCF25 url('/images/newOpen_hp/main/ipt_checked.svg') no-repeat center/50%; border-color: #FFCF25;}
.rfq_content .item_tb_wrap .item_top .btns {display: flex; gap: var(--num-12);}
.rfq_content .item_tb_wrap .item_top button {display: inline-flex; align-items: center; gap: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem); padding: 4px; padding-right:.625rem; font-size: var(--font-size-14); font-weight: 500; background-color: #fff; border-radius: 6px;}
.rfq_content .item_tb_wrap .item_top button::before {content: ''; display: block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1; background: url('/images/newOpen_hp/main/btn_chk_icon.svg') no-repeat center/cover;}
.rfq_content .item_tb_wrap .item_top .btn_del_all {gap:1px; background-color: #FFCF25;}
.rfq_content .item_tb_wrap .item_top .btn_cnt_all {padding: 4px .625rem; font-weight: 700; color: #fff; background-color: #3159DE;}
.rfq_content .item_tb_wrap .item_top .btn_cnt_all::before {width: 12px; height: 12px; background: url('/images/newOpen_hp/main/icon_save.svg') no-repeat center/cover}
.rfq_content .item_tb .col1 {width: 8%;}
.rfq_content .item_tb .col2 {width: 9%;}
.rfq_content .item_tb .col3 {width: auto; flex: 1;}
.rfq_content .item_tb .col4 {width: 14%;}
.rfq_content .item_tb .col5 {width: 10%;}
.rfq_content .item_tb .col6 {width: 14%;}
.rfq_content .item_tb .col7 {width: 14%;}
.rfq_content .item_tb .item_thead {display: flex; padding: var(--num-14) 0; padding-right: calc(clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem) + .5rem); font-size: var(--font-size-18); color: #fff; text-align: center; background-color: #25496E; border-radius: 6px;}
.rfq_content .item_tb .item_thead.tab,
.rfq_content .item_tb .item_thead.mob {display: none;}
.rfq_content .item_tb .item_thead .item_th {padding: 0 clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); line-height: 1.1;}
.rfq_content .item_tb .item_thead .item_th.tab {display: none;}
.rfq_content .item_tb .item_thead .item_th + .item_th {border-left: 1px solid rgba(255, 255, 255, .2);}
.rfq_content .item_tb .item_tbody {max-height: calc(100vh - 26.3rem); padding-right: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem); font-size: clamp(0.875rem, 0.838rem + 0.19vw, 1.063rem); text-align: center; overflow-y: auto;}
.rfq_content .item_tb .item_tbody::-webkit-scrollbar {width: .5rem; border-radius: 10rem;}
.rfq_content .item_tb .item_tbody::-webkit-scrollbar-track {background-color: #fff; border-radius: 10rem;}
.rfq_content .item_tb .item_tbody::-webkit-scrollbar-thumb {background-color: #AFBBD0; border-radius: 10rem;}
.rfq_content .item_tb .item_tbody .ta_l {text-align: left;}
.rfq_content .item_tb .item_tbody .ta_r {text-align: right;}
.rfq_content .item_tb .item_tbody .item_tr {display: flex; align-items: center; min-height: clamp(3.5rem, 3.3rem + 1vw, 4.5rem); padding: clamp(1rem, 0.95rem + 0.25vw, 1.25rem) 0; position: relative; z-index: 1;}
.rfq_content .item_tb .item_tbody .item_tr::before {content: ''; display: block; width: calc(100% + clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem)); height: 100%; background: #fff; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1;}
.rfq_content .item_tb .item_tbody .item_td {padding: 0 clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem);}
.rfq_content .item_tb .item_tbody .item_td:has(.btn_img_popup) {display: flex; align-items: center; gap: clamp(0.5rem, 0.425rem + 0.38vw, 0.875rem);}
.rfq_content .item_tb .item_tbody .col6,
.rfq_content .item_tb .item_tbody .col7 {padding: 0 clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem);}
.rfq_content .item_tb .item_tbody .btn_img_popup {display: flex; flex-direction: column; justify-content: center; align-items: center; width: clamp(2.5rem, 2.4rem + 0.5vw, 3rem); height: clamp(2.5rem, 2.4rem + 0.5vw, 3rem); font-size: 13px; font-weight: 500; color: #fff; text-align: center; line-height: 1.3; background-color: #0063C6; border-radius: 6px;}
.rfq_content .item_tb .item_tbody .item_td.col3 .txt {flex: 1;}
.rfq_content .item_tb .item_tbody .checkbox {width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1; margin: 0 auto; background: #fff url('/images/newOpen_hp/main/ipt_check.svg') no-repeat center/50%; border: 1px solid #CACACA; border-radius: 6px; position: relative; cursor: pointer;}
.rfq_content .item_tb .item_tbody .checkbox label {width: 100% !important; height: 100% !important; text-indent: -99999px; border: 1px solid transparent !important; position: absolute; top: 0; left: 0; cursor: pointer;}
.rfq_content .item_tb .item_tbody .checkbox input[type='checkbox'] {position: absolute; top: 50%; left: 50%; width: 1px; height: 1px; opacity: 0;}
.rfq_content .item_tb .item_tbody .checkbox:has(input[type='checkbox']:checked) {background: #FFCF25 url('/images/newOpen_hp/main/ipt_checked.svg') no-repeat center/50%; border-color: #FFCF25;}
.rfq_content .item_tb .item_tbody .thumb_box {aspect-ratio: 1; overflow: hidden;}
.rfq_content .item_tb .item_tbody .thumb_box img {width: 100%; height: 100%; object-fit: cover;}
.rfq_content .item_tb .item_tbody .item_name {display: block; font-weight: 500;}
.rfq_content .item_tb .item_tbody .item_opt {display: block; margin-top: 5px; font-size: 14px;}
.rfq_content .item_tb .item_tbody .ipt_num {all: unset; -moz-appearance: textfield; box-sizing: border-box; width: 100%; max-width: 100px; height: clamp(2rem, 1.925rem + 0.375vw, 2.375rem); padding: 0 var(--num-32) 0 var(--num-16); font-weight: 500; text-align: left; background-color: #E7EEFD; border: 1px solid #ABBFE4; border-radius: 10rem;}
.rfq_content .item_tb .item_tbody .ipt_num::-webkit-outer-spin-button,
.rfq_content .item_tb .item_tbody .ipt_num::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.rfq_content .item_tb .item_tbody .ispin-button {display: flex; justify-content: center; width: calc((var(--num-32) / 3) * 2); padding: 3px; right: calc(var(--num-32) / 3);}
.rfq_content .item_tb .item_tbody .ispin-button-inc {align-items: flex-end;}
.rfq_content .item_tb .item_tbody .ispin-button-dec {align-items: flex-start;}
.rfq_content .item_tb .item_tbody .ispin-button-inc::before {border-bottom-color: #25496E; transform: none;}
.rfq_content .item_tb .item_tbody .ispin-button-dec::before {border-top-color: #25496E; transform: none;}
.rfq_content .item_tb .item_tbody .no_item {padding-top: clamp(2rem, 1.6rem + 2vw, 4rem); font-size: clamp(0.875rem, 0.85rem + 0.13vw, 1rem);}
.rfq_content .item_tb .item_tbody .no_item::before {content: ''; display: block; width: clamp(5rem, 4.175rem + 4.13vw, 9.125rem); aspect-ratio: 146/185; margin: 0 auto var(--gap-20); background: url('/images/newOpen_hp/content/no_item_img.png') no-repeat center/cover;}
.rfq_content .item_tb .item_tbody .no_item strong {display: block; margin-bottom: 4px; font-size: var(--font-size-20); font-weight: 500;}
.rfq_content .item_tb .item_tbody .item_tr:hover::before {opacity: 1;}
.rfq_content .item_tb .item_tbody .item_tr:hover .item_name {color: #0063C6;}
.rfq_content .total_box {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem 0; width: 100%; padding: clamp(1.25rem, 1.1rem + 0.75vw, 2rem) clamp(1.25rem, 0.325rem + 4.625vw, 5.875rem) clamp(1.25rem, 1.1rem + 0.75vw, 2rem) clamp(1.25rem, 0.425rem + 4.125vw, 5.375rem); background-color: #fff; border-radius: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem) clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem) 0 0; box-shadow: 0 -1px 1.25rem rgba(0, 0, 0, .1); position: absolute; bottom: 0; left: 0; z-index: 1;}
.rfq_content .total_box .txt_wrap {display: flex; align-items: center; gap: var(--gap-24); font-size: var(--font-size-18); color: #454A50; line-height: 1.2;}
.rfq_content .total_box .txt_wrap .total_price {padding-left: var(--gap-24); border-left: 1px solid #BFBFBF;}
.rfq_content .total_box .txt_wrap .total_price .price {font-size: var(--font-size-22); color: #000;}
.rfq_content .total_box .links {display: flex; gap: var(--gap-10);}
.rfq_content .total_box .links a {display: flex; align-items: center; gap: var(--gap-10); height: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); padding: 0 clamp(0.375rem, 0.137rem + 1.19vw, 1.563rem); font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); color: #0063C6; border: 1px solid rgba(0, 99, 198, .7); border-radius: 6px;}
.rfq_content .total_box .links a i {display: block; width: clamp(1.25rem, 1.188rem + 0.313vw, 1.563rem); aspect-ratio: 1; background: no-repeat center/cover;}
.rfq_content .total_box .links .btn_excel i {background-image: url('/images/newOpen_hp/main/icon_excel.svg');}
.rfq_content .total_box .links .btn_inquiry {color: #fff; background-color: #0063C6; border-color: #0063C6;}
.rfq_content .total_box .links .btn_inquiry i {background-image: url('/images/newOpen_hp/main/icon_inquiry.svg');}
/* 견적의뢰 팝업 */
.img_popup {display:none;position:fixed; left:0; top:0;background:rgba(0,0,0,0.75); width:100%;height:100%; z-index:10001;text-align:center; cursor: pointer;}
.img_popup img {max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: default;}

/* 버튼 */
.rfq_section .btn_rfq_toggle {display:flex; justify-content: center; align-items: center; gap: var(--gap-16); width:5rem; height: 20.5rem; margin-top: 15%; color:#fff; font-size: clamp(1.2rem, 1.16rem + 0.2vw, 1.4rem); font-weight:600; writing-mode: sideways-lr; border-radius: clamp(0.375rem, 0.33rem + 0.225vw, 0.6rem) 0 0 clamp(0.375rem, 0.33rem + 0.225vw, 0.6rem); background: linear-gradient(69deg, #0772DE 26.2%, #036BD3 49.96%, #0C77E2 73.71%); pointer-events: auto; position: relative;}
.rfq_section .btn_rfq_toggle:not(.tab)::before {content: ''; width: calc(100% + 3px); height: calc(100% + 6px); background: blue; position: absolute; top: -3px; left: -3px; z-index: -1; background: linear-gradient(to right bottom, #FFCF25, #00E5FF, #FFCF25); border-radius: clamp(0.375rem, 0.33rem + 0.225vw, 0.6rem) 0 0 clamp(0.375rem, 0.33rem + 0.225vw, 0.6rem);}
.rfq_section .btn_rfq_toggle i {display: block; width: clamp(1.875rem, 1.8rem + 0.375vw, 2.25rem); aspect-ratio: 1; background: #FFCF25 url('/images/newOpen_hp/main/rfq_toggle.svg') no-repeat center/70%; border-radius: 6px; border: .1rem solid #fff; transform: rotate(0);}
.rfq_section .btn_rfq_toggle.tab {display: none;}

/* 견적문의 열렸을 때 */
body.disable_scroll {height: 100%; overflow: hidden;}
#rfq.open {width: 97%; transform: translateX(5rem);}
#rfq.open .rfq_section .btn_rfq_toggle i {transform: rotate(180deg);}
:has(#rfq.open) .topBtn {display: none;}

/* 견적상담신청 완료 팝업 */
.rfq_complete {display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; z-index: 10001;}
.rfq_complete .pop_box {width: 85%; max-width: 446px; padding: clamp(1.5rem, 1.413rem + 0.44vw, 1.938rem) clamp(1rem, 0.813rem + 0.94vw, 1.938rem); text-align: center; background-color: #fff; border-radius: .625rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.rfq_complete .pop_box i {display: block; width: clamp(2.25rem, 2.063rem + 0.94vw, 3.188rem); aspect-ratio: 51/53; margin: 0 auto clamp(0.625rem, 0.425rem + 1vw, 1.625rem); background: url('/images/newOpen_hp/main/rfq_complete.svg') no-repeat center/cover;}
.rfq_complete .pop_box p {font-size: clamp(1.063rem, 1.025rem + 0.19vw, 1.25rem); font-weight: 500;}
.rfq_complete .pop_box p .marker {display: inline-block; margin-left: 2px; color: #0063C6; position: relative; z-index: 1;}
.rfq_complete .pop_box p .marker::before {content: ''; display: block; width: calc(100% + 6px); height: 40%; background-color: rgba(0, 99, 198, .1); position: absolute; bottom: 0; left: -3px; z-index: -1;}
.rfq_complete .pop_box .btn_wrap {display: flex; justify-content: center; gap: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem); margin-top: clamp(1.25rem, 1.063rem + 0.94vw, 2.188rem);}
.rfq_complete .pop_box .btn_wrap a,
.rfq_complete .pop_box .btn_wrap button {display: block; padding: 0 clamp(0.75rem, 0.587rem + 0.81vw, 1.563rem); font-size: clamp(0.938rem, 0.912rem + 0.13vw, 1.063rem); font-weight: 500; color: #0063C6; line-height: clamp(2.375rem, 2.3rem + 0.38vw, 2.75rem); border: 1px solid #0063C6; border-radius: 6px;}
.rfq_complete .pop_box .btn_wrap .btn_rfq_status {font-weight: 400; color: #fff; background-color: #0063C6;}

/*-----최상단 이동 버튼-----*/
.topBtn {display:block;width:2.25rem; height:auto; aspect-ratio:1; align-content: center; background: #F2F2F2; border-radius: 0.25rem; border: 1px solid #BBBCBE; position: fixed; top: calc(20.5rem + clamp(1.25rem, 1.125rem + 0.63vw, 1.875rem)); margin-top: 15%; left: 0; transform: translateX(50%); z-index: 10000;}
.topBtn .icon-top-arrow {display:block; margin:0 auto; width:0.9rem; height:auto; aspect-ratio:1; background: url('/images/newOpen_hp/main/ico_arrow_s.svg') no-repeat center center; background-size:100% auto;}

@media (max-width: 1830px){
	#rfq {max-width: 100%;}
	.rfq_wrap {width: 100%;}
	.rfq_content {width: calc(100% - 5rem);}
	.rfq_content .item_tb .item_tbody {max-height: calc(100vh - 25.5rem);}
}
@media (max-width: 1450px){
	#rfq {width: 100%; max-width: 1730px; right: 0;}
	.rfq_wrap {width: 100%;}
	.rfq_section .btn_rfq_toggle {width: clamp(2.625rem, 2.525rem + 0.5vw, 3.125rem); height: clamp(10rem, 9.5rem + 2.5vw, 12.5rem); overflow: hidden; margin: 0; position: fixed; top: 50%; right: auto; transform: translate(-100%, -50%);}
	.rfq_section .btn_rfq_toggle::before {display: none;}
	.rfq_section .btn_rfq_toggle span:not(.txt_idt) {display: none;}
	.rfq_section .btn_rfq_toggle.tab {display: block; width: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); height: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); background: url('/images/newOpen_hp/main/icon_close.svg') no-repeat center/cover; position: absolute; top: 1rem; right: 1rem; transform: none;}
	.rfq_content {width: 100%;}
	.rfq_content .item_tb .item_tbody {max-height: calc(100vh - 24.5rem);}
	.topBtn {margin: 0; top: calc(50% + (clamp(10rem, 9.5rem + 2.5vw, 12.5rem) / 2) + 1rem); bottom: auto; left: auto; right: 100%; transform: translateX(-.3rem);}
	#rfq.open {width: 100%; transform: translateX(0);}
	#rfq.open .rfq_section .btn_rfq_toggle:not(.tab) {display: none;}
}
@media (max-width: 1200px){
	.rfq_content .item_tb .item_tbody {max-height: calc(100vh - 23.5rem);}
}
@media (max-width: 1024px){
	.rfq_content .item_tb .item_thead.web {display: none;}
	.rfq_content .item_tb .item_thead.tab {display: flex;}
	.rfq_content .item_tb .item_thead .item_th.col1 {width: 60px; white-space: nowrap;}
	.rfq_content .item_tb .item_thead .item_th.col2 {width: 38%;}
	.rfq_content .item_tb .item_thead .item_th.col4 {width: 34%;}
	.rfq_content .item_tb .item_tbody {max-height: calc(100vh - 22.8rem);}
	.rfq_content .item_tb .item_tbody .item_tr {flex-wrap: wrap; padding: 1rem 0; padding-left: 60px; position: relative;}
	.rfq_content .item_tb .item_tbody .item_td.col1 {width: 60px; padding: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.rfq_content .item_tb .item_tbody .item_td:not(.col1, .col2, .col3) {margin-top: 5px;}
	.rfq_content .item_tb .item_tbody .item_td.col2 {width: 100%; text-align: left;}
	.rfq_content .item_tb .item_tbody .item_td.col3 {flex: none; width: 38%; padding-top: .5rem;}
	.rfq_content .item_tb .item_tbody .item_td.col4 {width: 100%; text-align: left;}
	.rfq_content .item_tb .item_tbody .item_td.col5,
	.rfq_content .item_tb .item_tbody .col6 {display: flex; justify-content: flex-end; width: 34%;}
	.rfq_content .item_tb .item_tbody .col7 {display: flex; width: auto; padding-left: 1rem; text-align: right;}
	.rfq_content .item_tb .item_tbody .col7 {position: relative;}
	.rfq_content .item_tb .item_tbody .col7::before {content: '합계금액: '; display: inline-block; margin-right: .625rem;}
	.rfq_content .item_tb .item_tbody .col7::after {content: ''; display: block; width: 1px; height: 55%; background: #000; position: absolute; top: 17%; left: 0;}
	.rfq_content .item_tb .item_tbody .item_td.col5 {justify-content: center; flex: 1;}
	.rfq_content .item_tb .item_tbody .col6::before {content: '단가: '; display: inline-block; margin-right: .625rem;}
	.rfq_content .item_tb .item_tbody .col7 {width: 100%; justify-content: flex-end;}
	.rfq_content .item_tb .item_tbody .col7::after {display: none;}
	.rfq_content .item_tb .item_tbody .item_opt {margin-top: 0;}
}
@media (max-width: 950px){
	.rfq_content .item_tb .item_thead.tab {display: none;}
	.rfq_content .item_tb .item_thead.mob {display: flex;}
	.rfq_content .item_tb .item_thead .item_th {width: 100%;}
	.rfq_content .item_tb .item_tbody {max-height: calc(100vh - 22.5rem);}
	.rfq_content .item_tb .item_tbody .item_td.col3 {width: 100%;}
	.rfq_content .item_tb .item_tbody .item_td.col5 {justify-content: flex-start; margin-top: .625rem;}
}
@media (max-width: 767px){
	.rfq_content .item_tb_wrap .item_top {flex-wrap: wrap; gap: 4px;}
	.rfq_content .item_tb_wrap .item_top .total {width: 100%;}
	.rfq_content .item_tb_wrap .item_top .btn_select_all {margin-left: 0;}
	.rfq_content .item_tb_wrap .item_top .btns { margin-left: auto;}
	.rfq_content .item_tb_wrap .item_top .btn_del_select,
	.rfq_content .item_tb_wrap .item_top .btn_del_all {background: none;}
	.rfq_content .item_tb_wrap .item_top .btn_del_all {position: relative;}
	.rfq_content .item_tb_wrap .item_top .btn_del_all::after {content: ''; display: block; width: 1px; height: 50%; background-color: #ABBFE4; position: absolute; top: 21%; left: -7px;}
	.rfq_content .item_tb_wrap .item_top .btn_del_select::before,
	.rfq_content .item_tb_wrap .item_top .btn_del_all::before {display: none;}
	.rfq_content .rfq_top .right_wrap {width: 100%; margin-top: var(--gap-10);}
	.rfq_content .item_tb .item_tbody {max-height: calc(100vh - 28.5rem);}
	.rfq_content .item_tb .item_tbody .item_tr {border-bottom: 1px solid #ACBDDE;}
	.rfq_content .item_tb .item_tbody .item_tr::before {width: 100%;}
	.rfq_content .item_tb .item_tbody .item_name {font-size: 15px; font-weight: 600;}
	.rfq_content .item_tb .item_tbody .item_td:not(.col1, .col2) {width: 100%; margin-right: 0; flex: none;}
	.rfq_content .item_tb .item_tbody .item_td.col1 {top: 3.7rem; transform: none;}
	.rfq_content .item_tb .item_tbody .item_td.col2 {transform: none;}
	.rfq_content .item_tb .item_tbody .item_td.col3 {padding-top: .5rem;}
	.rfq_content .item_tb .item_tbody .item_td.col5 {padding-bottom: .5rem; margin-top: 1rem;}
	.rfq_content .item_tb .item_tbody .item_td.col2 .thumb_box {max-width: 100%; aspect-ratio: 1; overflow: hidden;}
	.rfq_content .item_tb .item_tbody .item_td.col2 .thumb_box img {aspect-ratio: 1;}
	.rfq_content .item_tb .item_tbody .item_td.col5 {padding-left: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem);}
	.rfq_content .item_tb .item_tbody .col7 {justify-content: flex-start;}
	.rfq_content .item_tb .item_tbody .col6,
	.rfq_content .item_tb .item_tbody .col7 {align-items: center; width: calc(100% + calc(60px + clamp(5.25rem, 5.05rem + 1vw, 6.25rem))); margin-top: 5px; margin-left: -60px; padding: 0 clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem) 0 1rem; text-align: left !important; line-height: 1.5;}
	.rfq_content .item_tb .item_tbody .col6::before {content: '• 단가 : '; margin-right: 2px;}
	.rfq_content .item_tb .item_tbody .col7::before {content: '• 합계금액 : '; margin-right: 2px;}
	.rfq_content .item_tb .item_tbody .col7::after {display: none;}
	.rfq_content .item_tb .item_tbody .col6 {margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed #ACBDDE; justify-content: flex-start;}
	.rfq_content .total_box {align-items: center;}
	.rfq_content .total_box .txt_wrap {flex-direction: column; width: 100%;}
	.rfq_content .total_box .txt_wrap span {}
	.rfq_content .total_box .txt_wrap .total_price {padding-left: 0; border-left: none;}
	.rfq_content .total_box .links {width: 100%; justify-content: center;}
}
@media (max-width: 640px){
	.rfq_content .rfq_top .right_wrap {flex-wrap: wrap;}
	.rfq_content .rfq_top .right_wrap h5 {width: 100%; margin-bottom: 5px;}
	.rfq_content .item_tb .item_tbody {max-height:calc(100vh - 29.5rem);}
}
@media (max-width: 400px){
	.rfq_content .item_tb .item_tbody .item_td.col3 {align-items: flex-start;}
	.rfq_content .item_tb .item_tbody .item_td.col3 .txt {display: flex; flex-direction: column;}
	.rfq_content .item_tb .item_tbody .item_td.col3 .txt .item_name {display: flex; flex-direction: column; justify-content: center; height: clamp(2.5rem, 2.4rem + 0.5vw, 3rem);}
	.rfq_content .item_tb .item_tbody .item_td.col3 .txt .item_opt {width: calc(100% + clamp(2.5rem, 2.4rem + 0.5vw, 3rem) + clamp(0.5rem, 0.425rem + 0.38vw, 0.875rem)); margin-left: calc(0% - (clamp(2.5rem, 2.4rem + 0.5vw, 3rem) + clamp(0.5rem, 0.425rem + 0.38vw, 0.875rem))); margin-top: .5rem;}
}

/********************************************************
■ 상품 뷰 팝업
********************************************************/
/*상품 뷰*/
#viewPopup {background: rgba(0, 0, 0, .5) !important; }
#viewPopup .viewContent {height: 70vh; overflow: hidden !important;}
#viewPopup .v_con{position: relative; padding: clamp(1.25rem, 0.538rem + 3.56vw, 4.813rem) clamp(1.25rem, 0.45rem + 4vw, 5.25rem) clamp(1.25rem, 0.912rem + 1.69vw, 2.938rem) !important; background: #fff; height: 100%;}
#viewPopup .v_con > form {display: block; height: 100%; overflow: hidden;}
#viewPopup .v_con .btn_back{position: absolute; left:1.25rem; top:1.5rem; cursor: pointer; width: 1.75rem;}
#viewPopup .v_con .btn_close{position: absolute; width: clamp(1.625rem, 1.55rem + 0.38vw, 2rem); aspect-ratio: 1; background: url('/images/newOpen_hp/content/equip_close.svg') no-repeat center/cover; right:clamp(1rem, 0.825rem + 0.88vw, 1.875rem); top:clamp(1rem, 0.95rem + 0.25vw, 1.25rem); color: #000; cursor: pointer; font-size:2rem;}
#viewPopup .v_box{width: 100% !important; margin: 0 auto; height: 100%; overflow: hidden;}
#viewPopup .v_box .v_info{width: 100%; height: 100%; display: flex; align-items: flex-start; margin-bottom: 0 !important; overflow: hidden;}
#viewPopup .v_box .v_imageZone{position: relative; width: 40%; height: auto; aspect-ratio: 1; border: 1px solid #e4e4e4; display: flex; justify-content: center; align-items: center; background-color: #EDF1F5 !important; border: none !important;}
#viewPopup .v_box .v_imageZone div.soldout{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/content/soldout.png?v=1') no-repeat center center; background-size:cover; z-index:99;}
#viewPopup .v_box .v_imageZone div.proStop{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/content/proStop.png?v=1') no-repeat center center; background-size:cover; z-index:99;}
#viewPopup .v_box .v_imageZone .v_img{width: 100%; height: 100%; object-fit: cover;}
.v_imageZone{height:18.75rem;}
#viewPopup .v_box .v_imageZone .v_tag{position: absolute; left:1rem; top:1rem; background: #00a0e9; color: #fff; padding: .5rem 1rem;}
#viewPopup .v_box .v_pro{margin-left: clamp(1.25rem, 0.788rem + 2.31vw, 3.563rem) !important; padding-top: var(--gap-24); padding-bottom: calc(clamp(3.75rem, 3.6rem + 0.75vw, 4.5rem) + 1rem); border-top: 1px solid #000 !important; flex: 1; height: 100%; position: relative;}
#viewPopup .v_box .v_pro .scroll_wrap {overflow-y: auto; height: 100%; position: relative;}
#viewPopup .v_box .v_pro .pro_tit{margin-bottom: var(--gap-24); color:#000; font-weight:700;}
#viewPopup .v_box .v_pro .pro_tit .stxt{color:#666; font-weight:500; font-size:0.8rem;}
 #viewPopup .v_box .v_pro .pro_tit .stxt .part_bar {display: inline-block; padding: 0 2px;}
#viewPopup .v_box .v_pro .pro_tit .title{margin: var(--gap-16) 0 0; font-size: var(--font-size-17);}
#viewPopup .v_box .v_pro .pro_tit .price{position: relative;padding-left: 1rem;}
#viewPopup .v_box .v_pro .pro_tit .price:after{position: absolute; display: block; content: ''; width: .65rem; height: .75rem; left:0; top: 50%; transform: translateY(-50%); background:url('/images/vr/default/content/price_detail.png')no-repeat center center; background-size: .65rem .75rem; }
#viewPopup .v_box .v_pro .pro_tit .price .price_detail{padding-left: .25rem;color: #2d3691;}
#viewPopup .v_box .v_pro .pro_tit .origin_p{position: relative;padding-left: 1rem;}
#viewPopup .v_box .v_pro .pro_tit .origin_p .price_detail{padding-left: .25rem; color: #aaa; text-decoration:line-through; font-weight: 400;}
#viewPopup .v_box .v_pro .sub_title{font-size:0.8rem; border:none; padding:0;}
#viewPopup .v_box .v_pro table{font-size: var(--font-size-14); /*margin-bottom: var(--gap-24);*/ margin-bottom: 0 !important;}
#viewPopup .v_box .v_pro table .bor_t{border-top: 1px solid #e4e4e4;}
#viewPopup .v_box .v_pro table .bor_b{border-bottom: 1px solid #e4e4e4}
#viewPopup .v_box .v_pro table .bor_b th{padding: 0.5rem 0;}
 #viewPopup .v_box .v_pro table tr:first-of-type th,
 #viewPopup .v_box .v_pro table tr:first-of-type td {padding-top: 0;}
#viewPopup .v_box .v_pro table th{padding:0.5rem 0 0; font-weight:500; color:#4B4B4B;text-align:left; vertical-align:top;}
#viewPopup .v_box .v_pro table td{padding:0.5rem 0 0; color:#6E6E6E;  vertical-align:top;}
#viewPopup .v_box .v_pro table td select{height:1.75rem; width:100%; box-sizing:border-box; line-height:1.75rem; background: #fff url('/images/vr/default/content/sel_icon.png') no-repeat 96% 50%;}
#viewPopup .v_box .v_pro table td select option{line-height:1.5rem;}
#viewPopup .v_box .v_pro table td.btn_count{line-height:1.5rem;}
#viewPopup .v_box .v_pro table tr.br{border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; height:3rem;}
#viewPopup .v_box .v_pro table td span.price{ font-weight:bold; }
#viewPopup .v_box .v_pro table td span.price span.discount{text-decoration:line-through; padding-right:.25rem; font-weight:normal; color:#999;}
#viewPopup .v_box .v_pro table td span.price span{color:#D53F41;}
#viewPopup .v_box .v_pro table .v_option td{padding:0;}
#viewPopup .v_box .v_pro .price .price_detail{color: #2d3691; font-weight: 700;}
#viewPopup .v_box .v_pro .origin_p{position: relative;}
#viewPopup .v_box .v_pro .origin_p .price_detail{color: #aaa; text-decoration:line-through;}
#viewPopup .v_box .v_pro .btn_zone{width: 100%; height: clamp(3.75rem, 3.6rem + 0.75vw, 4.5rem); display: flex; justify-content: flex-end; align-items: flex-end; gap: clamp(0.313rem, 0.225rem + 0.44vw, 0.75rem); margin: 0 !important; background: #fff; border-top: 1px solid #EBEBEB; position: absolute; bottom: 0; right: 0; z-index: 10;}
#viewPopup .v_box .v_pro .btn_zone a{display: flex; justify-content: center; align-items: center; gap: var(--gap-10); min-width: clamp(5.625rem, 5.338rem + 1.44vw, 7.063rem); height: clamp(2.625rem, 2.563rem + 0.31vw, 2.938rem); padding: .625rem; font-size: var(--font-size-18); text-align: center; color: #0063C6; background: #fff; border-radius: 6px; border: 1px solid #0063C6;}
#viewPopup .v_box .v_pro .btn_zone a i{width: clamp(1.063rem, 1rem + 0.31vw, 1.375rem); aspect-ratio: 1; background: no-repeat center/cover; color:#fff;}
 #viewPopup .v_box .v_pro .btn_zone a i.icon_basket {background-image: url('/images/newOpen_hp/content/icon_basket.svg');}
#viewPopup .v_box .v_pro .btn_zone .btn_view_pick{background: #fff;}
#viewPopup .v_box .v_pro .btn_zone .btn_view_cart{background: #0063C6; color: #fff;}
#viewPopup .v_box .v_pro .btn_zone .btn_view_cart .btn_txt {flex: 1;}
#viewPopup .v_box .v_detail{}
#viewPopup .v_box .v_detail .con_tab2 {zoom:1; width: 100%;}
#viewPopup .v_box .v_detail .con_tab2:after {content:" "; display:block; clear:both;}
#viewPopup .v_box .v_detail .con_tab2 ul{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;  border: 1px solid #e4e4e4;}
#viewPopup .v_box .v_detail .con_tab2 li {position:relative;z-index:1; width:50%; background-color:#fff;}
#viewPopup .v_box .v_detail .con_tab2 li:after{position: absolute; content:" "; display:block; }
#viewPopup .v_box .v_detail .con_tab2 li a {display:block; position:relative; text-align:center; color: #000; font-weight: 500; width:100%; height:2.5rem; line-height:2.5rem;}
#viewPopup .v_box .v_detail .con_tab2 li:hover a{background:#2d3691; color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s;}
#viewPopup .v_box .v_detail .con_tab2 li.on {z-index:2; background:#2d3691;}
#viewPopup .v_box .v_detail .con_tab2 li.on a{color: #fff; position:relative;}
#viewPopup .v_box .v_detail .vcon{padding: 1rem; height: 10rem; background: #f4f4f4; overflow-Y: auto; font-size:0.8rem;}
#viewPopup .v_box .v_detail .vcon p{margin-bottom: .5rem; }
#viewPopup .v_box .v_detail .vcon *{font-size:0.9rem !important;  font-family:'Pretendard','Noto Sans KR', "나눔고딕",  sans-serif !important;}
#viewPopup .v_box .v_detail .vcon p:last-child{margin-bottom: 0;}
#viewPopup .prd_cnt_box {position:relative;margin:10px 0 0;min-height:60px;padding:14px 20px;border:1px solid #e9e9e9;background:#f9f9f9}
#viewPopup .prd_cnt_box+.prd_gift_box {margin:0;border-top:0}
#viewPopup .prd_cnt_box:after {content:'';display:block;clear:both}
#viewPopup .prd_cnt_box .tit_area {color:#333;line-height:30px}
#viewPopup .prd_cnt_box .tit_area > span {display:block;font-weight:700}
#viewPopup .prd_cnt_box .cont_area {position:absolute;bottom:20px;right:22px;max-width:50%}
#viewPopup .prd_cnt_box .case_cnt_box~.cont_area {top:46px;}
#viewPopup .prd_cnt_box .cont_area .option_price {display:inline-block;color:#222;font-weight:700}
#viewPopup .prd_cnt_box .cont_area .option_price .tx_num {font-size:18px;margin-right:1px;vertical-align:-2px}
#viewPopup .prd_cnt_box .btn_opt_del {overflow:hidden;display:inline-block;width:13px;height:13px;margin-left:7px;margin-bottom:2px;background:url("/images/mall/close.png") no-repeat 50% 50%;vertical-align:middle;text-indent:-9999px}
#viewPopup .prd_cnt_box .option_cnt_box {display:block;max-width:121px;margin-top:5px;border:1px solid #ddd;overflow:hidden}
#viewPopup .prd_cnt_box .option_cnt_box input[type="text"] {float:left;font-weight:700;width:60px;height:28px;padding:0 10px;border:0;text-align:center;color:#222;background-color: #fff;}
#viewPopup .prd_cnt_box .option_cnt_box .btnCalc {float:left;width:29px;height:28px;text-indent:-9999px;background:#f5f5f5 url("/images/mall/ico_calculator.png") no-repeat 0 50%}
#viewPopup .prd_cnt_box .option_cnt_box .btnCalc.minus {background-position:1px 50%;border-right:1px solid #ddd}
#viewPopup .prd_cnt_box .option_cnt_box .btnCalc.plus {background-position:-32px 50%;border-left:1px solid #ddd}
#viewPopup .prd_cnt_box .cont_area .option_cnt_box {margin-bottom:-6px}
#viewPopup .prd_option_box~.option_add_area .prd_cnt_box {padding:10px 20px 19px}

/* 옵션 */
#viewPopup .prd_option_box {position:relative;width:100%;height: 40px;margin:20px 0 0;background:#fff;}
#viewPopup .prd_option_box .sel_option {display:block;height:40px;line-height:40px;padding:0 1rem;border:1px solid #ddd;color:#6E6E6E;background:url("/images/mall/option_arrow.png") no-repeat 97% 17px;font-weight:500;position: relative; z-index: 2;}
#viewPopup .prd_option_box .sel_option > .icon_flag {margin-right:5px}
#viewPopup .prd_option_box .sel_option_list {display:none;position:absolute; top: auto !important; bottom: 100% !important;left:0;width:100%;max-height:163px;overflow-x:hidden;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:none !important;border-top:1px solid #aaa;background:#fff;z-index:1}
#viewPopup .prd_option_box .sel_option_list > li {position:relative;width:100%}
#viewPopup .prd_option_box .sel_option_list > li+li {border-top:1px solid #e5e5e5}
#viewPopup .prd_option_box .sel_option_list > li > a {overflow:hidden;display:block;width:100%;min-height:40px;padding:12px 115px 12px 20px;color:#666; box-sizing:border-box; }
#viewPopup .prd_option_box .sel_option_list > li > a.option_soldout{background:#efefef; color:#999; position:relative;}
#viewPopup .prd_option_box .sel_option_list > li.on{background:#f2f2f2}
#viewPopup .prd_option_box .sel_option_list > li .icon_flag {display:block;float:left;vertical-align:top;font-weight:normal;}
#viewPopup .prd_option_box .sel_option_list > li .option_value {display:block;max-width:271px;text-overflow:ellipsis;/*white-space:nowrap;*/}
#viewPopup .prd_option_box .sel_option_list > li .icon_flag+.option_value {max-width:226px;}
#viewPopup .prd_option_box .sel_option_list > li .color+.option_value {max-width:245px;}
#viewPopup .prd_option_box .sel_option_list > li .color {display:block;float:left;width:16px;height:16px;margin-right:10px;vertical-align:middle}
#viewPopup .prd_option_box .sel_option_list > li .color img {width:16px;height:16px}
#viewPopup .prd_option_box .sel_option_list > li button {position:absolute;top:50%;right:20px;margin-top:-11px;width:78px;height:22px;color:#ee782f;border:1px solid #ee782f;background:#fff;font-family:'dotum','돋움';font-size:12px;font-weight:400}
#viewPopup .prd_option_box .sel_option_list > li .option_price {position:absolute;top:20px;right:20px;margin-top:-7px}
#viewPopup .prd_option_box .sel_option_list > li .option_price .tx_num {font-size:15px}
#viewPopup .prd_option_box .sel_option_list > li .coupon_info {padding-left:15px;background:url("/images/mall/bar_repeat.png") repeat-x 0 0;margin:0 20px;height:46px;line-height:46px;color:#969937;font-weight:700}
#viewPopup .prd_option_box .sel_option_list > li .coupon_info:before {display:inline-block;content:"";margin:0 3px 0 -15px;background:url("/images/mall/icon_prd_coupon.png") no-repeat 0 center;width:11px;height:11px;}
#viewPopup .prd_option_box .color img{width:16px;vertical-align:middle;}
#viewPopup .prd_option_box .color{margin-right:10px;}
#viewPopup .prd_option_box .sel_option_list > li .coupon_info button {top:auto;bottom:11px;color:#969937;border-color:#969937;line-height:20px}
#viewPopup .prd_option_box .open {border-color:#0063C6; color:#0063C6; background:url("/images/mall/option_arrow.png") no-repeat 95% -25px;}

#viewPopup .tx_cur { color:#ff3012; }
#viewPopup .result_price{text-align: right; padding: 1rem 0; font-weight: 700;}
#viewPopup .result_price .price_detail{padding-left: .25rem; color: #00a0e9;}
#viewPopup .optContent {display: flex; gap: .5rem; margin-top: var(--num-16); font-size: var(--font-size-16); font-weight: 600; color: #f43030;}
#viewPopup .optContent .ico_notice {width: 1.25rem; height: 1.25rem; margin-top: 2px; border-radius: 50%; background: #f43030 url('/images/newOpen_hp/content/ico_notice.svg') no-repeat center/100%;}

@media (max-width: 1300px){
	#viewPopup .viewContent {overflow: hidden;}
	#viewPopup .v_con{padding: 3rem 2rem 2rem;}
	#viewPopup .v_con .btn_close{right: 1rem; top: 0.65rem; }
	#viewPopup .v_box{width:100%;}
	#viewPopup .v_box .v_detail .vcon img{max-width:100% !important;}
}

@media (max-width: 767px){
	#viewPopup .v_con{padding: 3rem 0rem 0rem;}
	#viewPopup .v_box {width:100%; height: 100% !important; overflow-y: auto !important; padding:0 1rem 1rem;}
	#viewPopup .v_box .v_info {display: block; height: auto !important; overflow: visible !important;}
	#viewPopup .v_box .v_imageZone{width: 100%; max-width: 460px; margin: 0 auto;}
	#viewPopup .v_box .v_info .v_pro {width: 100%; margin-top: 2rem; margin-left: 0 !important; padding-right:0; height:auto;}
	#viewPopup .v_box .v_pro table tr {display: flex; flex-direction: row !important;}
	#viewPopup .v_box .v_pro .allop_box{border: 1px solid #e4e4e4; padding-left: .5rem; margin-top: 0.5rem;}
	#viewPopup .v_box .v_pro table .bor_b {border-bottom: none !important;}
	#viewPopup .v_box .v_pro table .bor_b th{padding:0.5rem 0 0;}
	#viewPopup .v_box .v_pro table th {width: 7rem;padding-bottom: .5rem;}
	#viewPopup .v_box .v_pro table td{flex: 1;padding:0 0 0.5rem;}
	#viewPopup .v_box .v_pro table tr:has(.prd_option_box) {flex-direction: column !important; gap: .5rem;}
	#viewPopup .v_box .v_pro table tr:has(.prd_option_box) table th {width: 100%;}
	#viewPopup .v_box .v_detail .vcon{height:auto; min-height:10rem;}
	#viewPopup .prd_option_box {height: auto !important;}
	#viewPopup .prd_option_box .sel_option_list {max-height: unset !important; margin-bottom: 0 !important; position: static !important; border-bottom: 1px solid #aaa !important;}
}
@media (min-width: 1921px) {
	#viewPopup .viewContent {height: 64vh;}
}
@media (min-width: 2100px) {
	#viewPopup .viewContent {height: 60vh;}
}


/********************************************************
■ 팝업 롤링
********************************************************/
.layerPopup {position:absolute;top:230px;left:10rem; width:450px; background:#fff;z-index:99999;border:10px solid #15334F;box-shadow:0 0 4px rgba(0,0,0,0.2); padding-bottom:40px;}
.layerPopWrap{position:relative; width:100%; height:100%;}
.layerPopup ul li img{width:100%;}

@media (max-width:1030px){
	.layerPopup {left:50% !important;  transform:translateX(-50%);}
}
@media (max-width:768px){
	/* 추가*/
	.mobile_dim{width: 100%; height:100%; position: absolute; top: 0; left: 0; margin: 0; z-index: 1039; display: inline-block; background: rgba(0,0,0,0.5);}
	.layerPopup img{width:100% !important;}
	.layerPopup {left:5% !important;  transform:translateX(0%); width:90% !important; height:auto !important; top:130px;}
	.chkvsb{}
}



/********************************************************
■ 팝업 - (메인 로그인관련팝업//PRIDE공유대학 기준)
********************************************************/
.con_pop{background: rgba(0, 0, 0, .6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;}
.con_pop .popin{width: 600px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  text-align: center; z-index: 100; border-radius: 1rem; overflow:hidden;}
.con_pop .popin h3{color: #fff; background: #3B4481;  padding:0 1rem;  font-weight: 500; height: 2.5rem; line-height: 2.6rem; }
.con_pop .popin .txt{padding: 1.5rem 2rem; background: #fff; }
.con_pop .popin table{border-top: 2px solid #333; margin-top: 0.75rem;}
.con_pop .popin table th{background-color: #f9f9f9; border-bottom: 1px solid #e9e9e9; vertical-align: middle; text-align: center;}
.con_pop .popin table td{color: #666;  padding: 10px 15px; vertical-align: middle; border-bottom: 1px solid #e9e9e9;}

.con_pop .bottom_button{display: flex; width:100%; position:relative; z-index:10;}
.con_pop .bottom_button a{flex-basis: 50%; display: block; height: 3rem; line-height: 3rem; background: #eee; color: #111;}
.con_pop .bottom_button a.confirm{background: linear-gradient(45deg, #6d5bf2, #5c309d 30%, #5c309d 70%, #6d5bf2); color: #fff;}
.con_pop .bottom_button a.w100{flex-basis: 100%;}

.con_pop .close{position: absolute; right: 1rem; top: 12px;}
.con_pop .close a{color: #fff; }
.con_pop .close span{}

.con_pop .popin h4{ color:#333; border-bottom:1px solid #ddd; padding-bottom:1rem; margin-bottom:1rem;}
.con_pop .popin h4 b{font-weight:bold; color:var(--sub);}
.con_pop .popin h4 img{margin-bottom:10px;}
.con_pop .popin .bg span{position:relative; color:#3b4481; font-weight:bold;}
.con_pop .popin .bg span:before{content: ''; display: block; position: absolute; width: 100%; height: 50%; background: rgba(59,68,129,0.1); left: 0; bottom:0;}
.con_pop .popin .logo img{width:10rem; margin-top:0.5rem;}
.con_pop .popin b{font-weight:bold;}
.con_pop .alert img{margin-bottom:10px; width:10rem;}
.con_pop .alert h4{color:#212121;}
.con_pop small{ z-index: 1;  position: relative; margin-top:0.5rem; display:block;}

.con_pop .popin h5{ color:#333;margin-top:1rem;}
.con_pop .popin .bg{margin-top:1.5rem; padding:1.5rem 0 0; position:relative; color:#333; z-index:0;}
.con_pop .popin .bg:before{ content : ""; display : block; position : absolute; left :-50%; top:0; width : 200%; height : 20rem; background : #f0f2ff; z-index:-1;}
.con_pop .popin .cen_button{margin-bottom:1.5rem;position:relative; z-index:10;}
.con_pop .popin .cen_button a{display:block; width:8rem; margin:0 auto; height:2.3rem; line-height:2.3rem; background:#38387f; color:#fff; border-radius:0.5rem;}

ul.dot li{margin-bottom:5px; position: relative; padding-left:15px;  text-align:left;}
ul.dot li:before{ content : ""; display : block; position : absolute; left :0; top:0.5em; width : 6px; height : 6px; background : #666; border-radius:50%; }

/*비밀변경팝업*/
#editPass p span{color:var(--sub);}
#editPass ul li{display:flex; align-items: center}
#editPass ul li:not(:first-child){margin-top:0.5rem;}
#editPass ul li label{width:7rem; flex-shrink: 0; text-align: left;  font-weight: 600;}
#editPass ul li input{ height: 2.2rem; background: #fff url(/images/default/main/icon_pw.svg) no-repeat right 0.75rem top 50%; background-size: 1.2rem 1.2rem;}

@media (max-width: 768px){
	.con_pop .popin{width: 90%; margin: 0 auto;}
	.con_pop .popin .txt{padding:1.5rem 1rem;}
}
/*로딩팝업*/
#loading {background: rgba(0, 0, 0, .4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;}
#loading .popin{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  width:15rem; padding:2rem 0; text-align:center; background:#fff; z-index: 100; border-radius: 1rem; overflow:hidden;}
#loading .popin p{ font-weight:600;}
#loading .loading_spinner{width: 70px; height: 70px;  display: block; margin:0 auto 0.5rem;}