@charset "utf-8";

/*========================================================================
Layout
========================================================================*/
/* LAYOUT */
#wrap { min-width:1480px; }
#header .header-inner { position:relative; max-width:1260px; min-width:1260px; width:100%; margin:0 auto; padding:0 5px; box-sizing:border-box; }
#container { position:relative; width:100%; padding-bottom:60px; margin:0 auto; border-top:0; overflow:hidden; }
#contents { max-width:1250px; min-width:1250px; width:1250px; padding:0 0 60px; margin:0 auto; }
#contents .sub_content { width:100%; padding:20px 0 0; }
.body-dbk:not(.body-dbk-estimate-check) #contents .sub_content { float:right; width:calc(100% - 200px); }
#footer .footer-inner { position:relative; max-width:1260px; min-width:1260px; width:100%; margin:0 auto; padding:0 5px; box-sizing:border-box; }
/* 리스트, 상세 상단 여백 */
:is(.body-goods-list, .body-goods-view) #contents .sub_content { padding:0; }

/* 스크롤 배너 */
.scroll_wrap { top:228px; width:100%; max-width:1600px; margin-left:-800px; }

/* font */
body, th, td, input, select, textarea, button { font-family:'Pretendard', "Malgun Gothic", Verdana, Dotum, AppleGothic, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:700; }

/* side */
#contents .sub_content > .side_cont + .content { width:calc(100% - 200px); padding-left:35px; box-sizing:border-box; }
.sub_content .side_cont { width:200px; min-height:500px; margin-top:-20px; }
body:not(.body-mypage) .sub_content .side_cont { background:#f8f8f8; }
.sub_search_box dl dd select { width:198px; }/* 좌측에서 -2px */
#wrap .sub_search_box dl dd .chosen-container { width:198px !important; }/* 좌측에서 -2px */

/* 해외몰 홈아이콘 타입 노출형 */
#header .top_country_list0 { position:absolute; top:9px; left:0; }

/* 상단 고정 */
.header-fix { position:absolute; top:0; left:0; right:0; width:100%; z-index:2; }
.header-fix.fixed { position:fixed; top:0; left:0; right:0; width:100%; z-index:2; }


/*========================================================================
상단 영역
========================================================================*/
.top-link-wrap { display:flex ; align-items:center; background:#f2f2f2 ; height:44px;}
.top-link-wrap .top-bookmark { position:relative; display:inline-block; float:left; padding:0 10px 0 0; margin:0 10px 0 0; color:#000; font-size:14px; letter-spacing:-0.5px; }
.top-link-wrap .top-bookmark::after { content:""; position:absolute; right:0; top:3px; width:2px; height:14px; background:#aaa; }
.top-link-wrap .top-info { display:inline-block; float:left;  color:#555555; font-size:14px; letter-spacing:-0.5px; }
.top-link-wrap .top-info span { color:#1540a1; font-weight:500; }
.top-link {float:right;}
.top-link li {float:left; position:relative;}
.top-link li a {display:inline-block; color:#555555; font-size:14px; padding:0 10px 0 10px; }
.top-link li:last-child > a { padding-right:0; }
.top-link li span.join-point {position:absolute; top:22px; left:5px; }
.top-link li.cart a {padding-right:2px;}
.top-link li.cart .count {display:inline-block; min-width:20px; margin:-1px 7px 0 0; padding:0; background:#232323; color:#ffffff; font-size:9px; font-family:tahoma, sans-serif; border-radius:6px 6px; text-align:center; }
.top-link > li > ul { display:none; background:#ffffff; min-width:100%; box-sizing:border-box; position:absolute; top:95%; left:0; padding:4px 10px 4px 7px; border:1px solid #e5e6e9; white-space:nowrap; line-height:2; z-index:100; }
.top-link > li.on > ul { display:block; }
.top-link > li.drop > a { display:inline-block; padding:0 14px 0 10px; position:relative;}
.top-link > li.drop.on > a { opacity:0.7; }
.top-link > li.drop > a:after { content:""; position:absolute; top:50%; right:0; width:0; height:0; margin-top:-2.5px; border-top:5px solid #8c9aab; border-left:4px solid transparent; border-right:4px solid transparent;}
.top-link > li.drop.on > a:after { border-top:0; border-bottom:5px solid #77778b; }
#header .topArea { height:auto; padding:30px 0 32px; text-align:center; }

/* 로고 */
#header h1 { display:inline-block; }
#header h1 img { width:100%; }

/* 배너 */
.top-right { position:absolute; right:10px; top:18px; height:81px; overflow:hidden; } 
.top-right-btn { position:absolute; bottom:10px; right:0; z-index:71; } 
.top-right-btn > span { float:left; cursor:pointer; }
.top-right-caption { float:left; font-size:12px; padding:0 7px 0 0; color:#adadad; line-height:20px; }
.top-right-caption strong { color:#000000; font-weight:normal; }
.top-left { position:absolute; top:34px; left:5px; min-height:50px; overflow:hidden; }
.top-left .tit-notice { float:left; padding:6px 20px 0 0; }
.top-left > ul { float:left; color:#003080; font-size:16px; letter-spacing:-0.6px; }
.top-left > ul li strong { display:block; }
.top-left .top-left-pager { position:absolute; bottom:4px; left:0; }
.top-left .top-left-pager > span { color:#adadad; font-size:15px; position:relative; cursor:pointer; }
.top-left .top-left-pager > span:before { content:"/"; display:inline-block; padding:0 2px; }
.top-left .top-left-pager > span:first-child:before { content:""; padding-left:0; }
.top-left .top-left-pager .cycle-pager-active { color:#000000; }

/* 검색 */
#header .top_search { width:439px; float:none; margin:0; padding:0; position:absolute; left:50%; margin-left:-219.5px; top:auto; bottom:-51px; border:0; background:none; z-index:110; }/* 총너비 */
#header .top_search .top_search_cont { position:relative; }
#header .top_search .top_search_cont::before { content:""; position:absolute; top:19px; left:97px; height:14px; border-right:1px solid #dbdcf3; z-index:1; }
#header .top_search .top_text_cont { position:relative; width:100%; height:51px; text-align:left; border-radius:0 0 12px 12px; border:0; background:url('../img/top_search_bg.png') no-repeat; overflow:hidden; }
#header .top_search .top_text_cont::before { content:""; position:absolute; top:0; right:0; width:27px;height:27px; background:url("../../_dbook/img/top_search_btn.png") no-repeat left center; padding:10px 26px 15px 0px; }
#header .top_search .top_text_cont::after { content:'검색'; position:absolute; top:0; left:35px; width:62px; height:auto; color:#173284; font-size:19px; font-weight:700; line-height:51px; text-align:center; z-index:1; }
#header .top_search .top_text_cont input.top_srarch_text { display:inline-block; vertical-align:top; width:282px; height:100%; line-height:51px; padding:0 0 0 7px; margin:0 0 0 97px; color:#b0b0b0; font-size:14px; border:0; background:none; box-sizing:border-box; }
#header .top_search .top_text_cont .btn_top_srarch { width:53px; height:100%; position:absolute; top:0; right:0; border-left:0; opacity:0; }
#header .top_search .search_cont { position:absolute; top:100%; left:0; width:100%; display:block; margin:0; font-size:0; border-top:1px solid #cccccc; background:#ffffff; }
#header .top_search .recent_box li a { width:54%; }
#header .top_search .search_cont .recent_box { width:100%; }
#header .top_search .search_cont .recom_box + .recent_box { width:50%; border:0; }
#header .top_search .search_cont .recom_box { width:50%; padding:0; margin:0 0 0 -1px; }
#header .top_search .search_cont .recom_box dl { padding:10px 15px 10px 15px; text-align:left; }
#header .top_search .search_cont .recom_box dt { width:auto; text-align:unset; }

/* 상단 LNB */
.lnb {  display:inline-block; font-size:16px; width:100%; height:58px; vertical-align:top; position:relative; box-sizing:border-box; z-index:101; 
	background:#2d65fb; /* Old browsers */
	background:-moz-linear-gradient(top,  #245afa 0%, #285ff8 26%, #2d64fc 47%, #2f69fb 54%, #3772fa 89%, #3873fd 91%, #3b75fd 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #245afa 0%,#285ff8 26%,#2d64fc 47%,#2f69fb 54%,#3772fa 89%,#3873fd 91%,#3b75fd 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #245afa 0%,#285ff8 26%,#2d64fc 47%,#2f69fb 54%,#3772fa 89%,#3873fd 91%,#3b75fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#245afa', endColorstr='#3b75fd',GradientType=0 ); /* IE6-9 */
}
.lnb:before { content:""; clear:both; }
.lnb:after { content:""; clear:both; }
.lnb.fix { position:fixed; top:0; left:0; padding:0 109px 0 0;}
.lnb #category > ul { float:left; color:#30314f; padding:0 0 0 20px; }
.lnb #category > ul > li { float:left; line-height:58px; font-weight:bold; }
.lnb #category > ul > li > a { color:#ffffff; text-decoration:none; padding:0 10px; }
.lnb #category > ul > li > a:hover { opacity:0.7; }
.lnb #category > ul.board_list { float:right; }
/*
.lnb #category > ul.board_list > li { float:left; text-align:center; position:relative;}
.lnb #category > ul.board_list > li:before { content:""; position:absolute; top:50%; margin-top:-6px; left:0; height:12px; border-left:1px solid #2656d6; }
.lnb #category > ul.board_list > li:first-child:before { border-left:0; }
.lnb #category > ul.board_list > li > a { color:#ffffff; padding:0 20px; }
*/
.lnb #category > ul.board_list > li > a:has(img) { display:inline-flex; padding:17px 10px 0; } 

.top-cate {overflow:hidden; float:left;}
.top-cate ul { display:flex ; align-items:center; }
.top-cate li {float:left;}
.top-cate li a { display:inline-flex; align-items:center; padding:0 31px; line-height:54px; letter-spacing:-1px; font-size:18px; text-decoration:none; color:#000000; font-weight:400;  vertical-align:middle; }
.top-cate li:first-child a {padding-left:45px;}
.top-cate li:last-child a { padding-right:0;}
.top-cate li.cate-n a::after { content:""; display:inline-block; width:20px; height:22px; margin-left:3px; background:url("../img/cate_n.png") no-repeat center center; }

#header .top-service {width:100%; height:56px; background:#ffffff; border-top:1px solid #cfcfcd; border-bottom:1px solid #cfcfcd;}
#header .top-service .lnb {float:left;}

/* 전체 메뉴 버튼 */
#header .gnb_all { float:left; display:inline-block; vertical-align:top; text-align:left; cursor:pointer; }
#header .gnb_all .btn_all_menu_open { width:155px; text-align:center; color:#ffffff; font-weight:700; letter-spacing:-1px; background:transparent; line-height:58px; cursor:pointer; box-sizing:border-box; }
#header .gnb_all .btn_all_menu_open > span { display:inline-block; padding-left:24px; position:relative; vertical-align:5px; }
#header .gnb_all .btn_all_menu_open > span::before { content:""; position:absolute; top:50%; left:0; margin-top:-7px; width:13px; height:14px; box-sizing:border-box; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; }
#header .gnb_all .btn_all_menu_open > span::after { content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:13px; height:2px; box-sizing:border-box; border-top:2px solid #ffffff; }
/* 전체 메뉴 닫기 버튼 */
#header .btn_all_menu_close { position:absolute; top:-1px; left:auto; right:0; font-size:0; background-color:#3e3d3c; }


/* 서브 뎁스메뉴 보더 */
#header .sub_menu_box.layer_type {float:left;}
#header .sub_menu_box.layer_type ul > li > ul {padding:10px 0; border:1px solid #cacaca;}
#header .sub_menu_box.layer_type ul > li > ul > li > ul {padding:0;}
/* 서브메뉴 최상위(0뎁스) */
#header .sub_menu_box .sub_depth0 {padding:0; font-size:0; vertical-align:top; border:none;}
#header .sub_menu_box .sub_depth0 > li {position:relative; display:block; float:left; vertical-align:top;}
#header .sub_menu_box .sub_depth0 > li > a {display:block; padding:0; color:#666666; font-size:14px; font-weight:normal; text-align:left; line-height:32px; letter-spacing:-1px;}
#header .sub_menu_box .sub_depth0 > li > a.active {background:none; color:#666666;}
/* 서브메뉴 1뎁스 */
#header .sub_menu_box .sub_depth1 > li {}
#header .sub_menu_box .sub_depth1 > li > a {display:block; padding:5px 10px 7px 19px; font-size:12px;}
#header .sub_menu_box .sub_depth1 > li > a:hover {background:#666;}
#header .sub_menu_box .sub_depth1 > li > a.active {background:#666;}
/* 서브메뉴 2,3,4 뎁스 CSS */
#header .sub_menu_box .sub_depth1 li {position:relative;}
#header .sub_menu_box .sub_depth1 li a {display:block; padding:5px 10px 7px 19px; font-size:12px;}
#header .sub_menu_box .sub_depth1 li a:hover {background:#666;}
#header .sub_menu_box .sub_depth1 li a.active {background:#666;}
/* 서브 레이어 타입 */
#header .sub_menu_box.layer_type a:hover,
#header .sub_menu_box.layer_type a.active {color:#ffffff;}
#header .sub_menu_box.layer_type .sub_menu0 > li > a {padding:0 35px;}
#header .sub_menu_box.layer_type .sub_menu0 > li > a:hover,
#header .sub_menu_box.layer_type .sub_menu0 > li > a.active {color:#000000;}
#header .sub_menu_box.layer_type .sub_menu0 > li > a img {max-width:100%;}
#header .sub_menu_box.layer_type .sub_depth1 {display:none; position:absolute; top:32px; left:0; min-width:160px; background:#ffffff; z-index:100;}
#header .sub_menu_box.layer_type .sub_depth2 {display:none; position:absolute; top:0; left:100%; min-width:160px; background:#ffffff;}
#header .sub_menu_box.layer_type .sub_depth3 {display:none; position:absolute; top:0; left:100%; min-width:160px; background:#ffffff;}
#header .sub_menu_box.layer_type .sub_depth4 {display:none; position:absolute; top:0; left:100%; min-width:160px; background:#ffffff;}


/* 사이드바 */
body:not(.body-mypage) .sidebar { display:none; }
.sidebar .sub_menu_box .sub_depth0 { padding:20px 0 0; }
.sidebar .sub_menu_box .sub_depth0 > li > a { width:200px; color:#000; font-size:18px; padding:5px 16px 5px; box-sizing:border-box; font-weight:400; }
.sidebar .sub_menu_box .sub_depth0 > li > a.active { background:none; }
.sidebar .sub_menu_box .sub_depth0 > li > a:hover { color:#173284; opacity:0.7; }

.sidebar .sub_menu_box.layer_type .sub_depth0 .sub_depth1 { top:0; left:100%; border:1px solid #d5d5d5; }
.sidebar .sub_menu_box.layer_type .sub_depth1:before { content:""; position:absolute; top:10px; left:-9px; display:inline-block; width:0; height:0; border-top:9px solid transparent; border-left:9px solid #bbb; border-bottom:9px solid transparent; -webkit-transform:rotate(180deg); transform:rotate(180deg); } 
.sidebar .sub_menu_box.layer_type .sub_depth1:after { content:""; position:absolute; top:11px; left:-8px; display:inline-block; width:0; height:0; border-top:8px solid transparent; border-left:8px solid #fff; border-bottom:8px solid transparent; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.sidebar .sub_menu_box.layer_type .sub_depth1:has(li:first-child:hover):after { border-left:8px solid #f8f8f8; }
.sidebar .sub_menu_box.layer_type .sub_depth1 a:hover { background:#f8f8f8; }


/*========================================================================
하단 영역
========================================================================*/
#footer { border-top:0; border-bottom:0; padding-bottom:50px; margin-top:60px; }
#footer:before { border-bottom:0; }
/* 하단 메뉴 */ 
.utilMenu { text-align:center; border-top:1px solid #000000; border-bottom:1px solid #f1f1f1; }
.utilMenu ul { display:inline-block; padding:19px 0; vertical-align:top; }
.utilMenu ul li { float:left; font-size:16px; letter-spacing:-0.5px; padding:0 23px; line-height:1; position:relative; }
.utilMenu ul li:before { content:""; position:absolute; top:2px; left:0; height:12px; border-left:1px solid #e8eef8; }
.utilMenu ul li:first-child:before { border-left:0; }
.utilMenu ul li a { color:#000000; text-decoration:none; }
.utilMenu ul li strong { font-weight:500;}
/* 쇼핑몰 정보 */
.bottom-info {display:table; width:100%; padding:32px 0 27px 0; box-sizing:border-box; font-size:0; }
.bottom-info a { text-decoration:none; }
.bottom-info > div { width:25%; display:table-cell; padding-left:20px; border-left:1px solid #f2f2f2; font-size:12px; vertical-align:top; box-sizing:border-box; }
.bottom-info > div:first-child { width:20%; border-left:0; padding-left:0; }
.bottom-info > div:nth-child(2) { width:27%; }
.bottom-info > div:nth-child(3) { width:29%; }
.bottom-info > div:last-child { width:24%; }
/* 고객센터 */
.bottom-info > div > h3 { padding-bottom:8px; color:#1a1d2c; font-size:20px; line-height:1; font-weight:600; }
.bottom-info > div > strong {margin-top:2px; font-size:34px; color:#5b92f8; line-height:1.2; }
.bottom-info > div > p {margin-top:5px; line-height:1.4; color:#686868; font-size:16px; letter-spacing:-0.5px; }
.bottom-info > div > p > span { font-size:16px;}
/* 은행정보 */
.bottom-info .bank-list {}
.bottom-info .bank-list > li { font-weight:600; color:#1a1d2c; font-size:25px; letter-spacing:-0.5px; }
.bottom-info .bank-list > li > span { margin-right:5px; color:#1a1d2c; font-size:19px; font-weight:500; vertical-align:2px; }
/* 공지사항 */
.bottom-info .notice-wrap > li {line-height:1.3; font-size:15px; position:relative; }
.bottom-info .notice-wrap > li:before {content:""; position:absolute; top:9px; left:-6px; height:2px; border-left:1px solid #b0b0b0; }
.bottom-info .notice-wrap > li a {color:#414141; letter-spacing:-0.5px; display:inline-block; width:74%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bottom-info .notice-wrap > li > span {color:#414141; font-size:15px; float:right; margin-right:32px;}
/* 아이콘 링크 */
.bottom-info .quick-menu {display:table;}
.bottom-info .quick-menu > li { display:inline-block; margin-left:13px; text-align:center; box-sizing:border-box; vertical-align:top; }
.bottom-info .quick-menu > li:first-child {margin-left:0;}
.bottom-info .quick-menu > li a { text-decoration:none; }
.bottom-info .quick-menu > li p {margin-top:5px; font-size:13px; font-weight:bold; color:#414141;}
/* footer info */
#footer .shop-info { width:auto; height:auto; float:none; text-align:center; border-top:1px solid #f7f7f7; }
#footer .footer-info { display:inline-block; vertical-align:top; }
#footer .shop-info .address { color:#bdbdbd; font-size:13px; font-weight:normal; line-height:1.8; padding:24px 0 0; }
#footer .shop-info .address span { padding:0 3px;}
#footer .shop-info .address span a { color:#bdbdbd; }
.btn_licensee_info { border:0; }
/* copyright */
#footer .shop-info .copyright { position:relative; color:#bdbdbd; font-size:13px; font-weight:normal; height:auto; line-height:1.8; }


/*========================================================================
서브 공통
========================================================================*/
/* 타이틀 공통 */
[class^="body-"]:not(.body-main) [class$="_tit"] > h2 { color:#000000; font-size:34px; font-weight:600; line-height:1.1; }
/* 목록 타이틀 */
.goods_list_item_tit { position:relative; text-align:left; margin:0 0; }
body #wrap .goods_list_item_tit h2 { font-size:31px; color:#173284; }

/* location */
.location_wrap .location_cont { float:right; }
.sub_content .location_wrap { padding:20px 0 0; }
.location_cont em,
.location_cont em + span { color:#8d8d8d; font-size:12px; font-weight:300; }
.location_cont .local_home { display:inline-block; color:#8d8d8d; font-size:0; }
.location_cont .local_home::after { content:"홈"; font-size:12px; line-height:1; }
.location_select { margin-top:10px; }

/* pagination */
.pagination li {  }
.pagination li a,
.pagination li span { color:#808080; font-size:18px; font-weight:300; }
.pagination .on { color:#404040; border:0; }
.pagination li.on span { color:#404040; font-weight:400; }
.pagination .btn_page { border:0; }
.pagination .btn_page_next { background:url("../../_dbook/img/common/btn_paging_next.png") no-repeat 17px 50%; }
.pagination .btn_page_last { background:url("../../_dbook/img/common/btn_paging_last.png") no-repeat 12px 50%; }
.pagination .btn_page_prev { background:url("../../_dbook/img/common/btn_paging_prev.png") no-repeat 20px 50%; }
.pagination .btn_page_first { background:url("../../_dbook/img/common/btn_paging_first.png") no-repeat 22px 50%; }
.pagination .btn_page a { min-width:auto; text-indent:-9999px; }
/* 상품목록 페이지네이션 */
.goods_list + .pagination { margin:0; border-top:0; }


/*========================================================================
상품 목록
========================================================================*/
.sub_top:has(img) { position:relative; left:50%; width:2000px; height:240px; margin-left:-1000px; }
.sub_contents{ position:relative; }
.sub_contents:before { content:''; position:absolute; top:0; left:50%; width:2000px; height:100%; margin-left:-1000px; 
	background:#f7f8fa; /* Old browsers */
	background:-moz-linear-gradient(top,  #f7f8fa 0%, #fbfcfe 42%, #fcfcfc 55%, #fdfdff 59%, #ffffff 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #f7f8fa 0%,#fbfcfe 42%,#fcfcfc 55%,#fdfdff 59%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #f7f8fa 0%,#fbfcfe 42%,#fcfcfc 55%,#fdfdff 59%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* 중분류 */
.goods_list_item_tit + .list_item_category { margin:0; padding:0; }
.list_item_category ul { position:relative; display:table; width:100%; margin:20px 0 60px; padding:0; border:0; font-size:0; line-height:0; box-shadow:20px 13px 27px 0px rgba(94,108,128,0.28); }
.list_item_category ul > li { width:20%; margin:0 0 ; padding:0; background:#fff; box-sizing:border-box; vertical-align:top; position:relative;}
.list_item_category ul > li:nth-child(-n+5) > a {border-top:1px solid #e4e4e4;} /* 한줄에 나올 개수 표시 */
.list_item_category ul > li:nth-child(5n+1) > a {border-left:1px solid #e4e4e4; } /* 한줄에 나올 개수 표시 */
.list_item_category ul > li:nth-child(5n) > a { border-right:1px solid #e4e4e4; }
.list_item_category ul > li > a { display:block;  height:50px; background:none; padding:0 10px; color:#7382ad; border:1px solid #e4e4e4; border-top:0; border-left:0; border-right:0; font-size:18px; font-weight:300; line-height:50px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; position:relative; }
.list_item_category ul > li > a em { color:#7382ad; }
.list_item_category ul > li > a:hover,
.list_item_category ul > li > a:hover em,
.list_item_category ul > li.on > a em { color:#6057e8; font-weight:bold; text-decoration:none; }
.list_item_category ul > li.on > a { color:#6057e8; font-weight:bold; border:2px solid #6057e8; }

.goods_pick_list .pick_list_num { display:none; }
.choice_num_view { display:none; }
.goods_pick_list .pick_list_box { height:34px; margin:0 0 45px; padding:0; border:0; }
.goods_pick_list .pick_list_box .pick_list { float:right; }
.goods_pick_list .pick_list_box .pick_list li { padding:0; margin:0; background:none; }
.goods_pick_list .pick_list_box .pick_list li label { position:relative; font-size:18px; color:#333333; display:block; padding:0 18px; background:none; }
.goods_pick_list .pick_list_box .pick_list li:last-child label { padding-right:0; }
.goods_pick_list .pick_list_box .pick_list li label:after { content:''; position:absolute; top:7px; right:0; width:1px; height:17px; background:#dbdcdd; }
.goods_pick_list .pick_list_box .pick_list label.on { background:none; color:#000; }

/* 공통 진열 */
.item_photo_box { border:0; display:block !important; }
.item_photo_box > a { border:1px solid #f1f1f1; box-sizing:border-box; }
.item_info_cont { padding:8px 0 0; text-align:left; }
.item_tit_box .item_name { padding:0; color:#000; font-size:16px; }
.item_tit_box .item_name_explain { padding:0; color:#5b92f8; font-size:14px; }
.item_money_box { padding:0; line-height:24px; }
.item_money_box .fixed-price { display:inline-block; margin-right:3px; color:#000; font-size:18px; }
.item_money_box .item_price { display:inline-block; padding:0; color:#000; font-size:18px; font-weight:700; }

/* 일반 진열 */
.goods_list_item .goods_list_cont > div > ul { width:calc(100% + 28px); margin-left:-14px; }
.goods_list_item .goods_list_cont > div > ul li { margin:0 0 44px; }
.goods_list_item .goods_list_cont > div > ul li .item_cont { padding:0 14px; }

/* 추천상품 */
.best_item_view { padding:30px 20px 20px; margin-bottom:0; }
.best_item_view .best_item_view_tit { margin-bottom:10px; font-size:20px; text-align:center; }

/* 할인율 */
.sale-rate { display:none; }

/*========================================================================
상품 상세
========================================================================*/
.item_photo_info_sec { position:relative; padding:30px 28px 55px 60px; }
.item_photo_info_sec::before { content:""; position:absolute; top:-60px; left:50%; width:2000px; margin-left:-1000px; height:calc(100% + 60px); background:#f6f7fa; }
.item_photo_info_sec .item_photo_view_box { width:510px; }
.item_photo_info_sec .item_info_box { width:calc(100% - 510px); padding-left:71px; box-sizing:border-box; }

/* 상단좌측 상세이미지 */
.item_photo_info_sec .item_photo_big { display:block; width:100%; height:auto; border:0; border:1px solid #e4e4e4; }
.item_photo_info_sec .item_photo_big span { width:100%; }
.item_photo_info_sec .item_photo_big img { width:100%; }

/* 상단좌측 상세이미지 썸네일 슬라이드 */
.item_photo_info_sec .item_photo_slide { margin:30px 0 0; }
.item_photo_info_sec .item_photo_slide .slider_goods_nav { width:auto; max-width:400px; }
.item_photo_info_sec .item_photo_slide .slider_goods_nav li { width:75px; height:79px; padding:0; box-sizing:border-box; }
.item_photo_info_sec .item_photo_slide .slider_goods_nav li a,
.item_photo_info_sec .item_photo_slide .slider_goods_nav li a:hover { width:75px; height:75px; }
.item_photo_info_sec .item_photo_slide .slider_goods_nav li img { width:100%; height:75px; }
.item_photo_info_sec .item_photo_slide .slick-slider .slick-track { display:inline-block; }
.item_photo_info_sec .item_photo_slide .slick_goods_prev, 
.item_photo_info_sec .item_photo_slide .slick_goods_next { top:50%; transform:translateY(-50%); }

/* 공유하기 */
.item_detail_tit .btn_qa_share_box { top:-30px; bottom:auto; }

/* 상단우측 상품정보 */
.item_detail_tit  { padding:0 0 10px; margin:0 0 15px; border-bottom:1px solid #e8e8e8; }
.item_detail_tit h3 { display:block; color:#000; font-size:25px; line-height:1.4; }
.item_detail_tit .short-desc { color:#959595; font-size:16px; letter-spacing:-1px; }
.item_detail_list dl { padding:7px 0 8px; }
.item_detail_list dl dt { width:25%; padding:0 0 0 9px; color:#747474; font-size:16px; box-sizing:border-box; }
.item_detail_list dl dd { width:70%; padding:0 6px 0 0; color:#959595; font-size:16px; box-sizing:border-box; }
.item_detail_list .item_price dd, 
.item_detail_list .item_price dd strong { color:#326bfb; font-weight:700; }/* 판매가 */

/* border-color */
.item_detail_list,
.item_choice_list table tbody:last-child tr td,
.item_add_option_box,
.item_tatal_box .total_amount { border-color:#d3d3d3; }

/* 판매가 영역 */
.item_photo_info_sec .item_detail_tit .price-box { display:flex; justify-content:space-between; padding-top:25px; line-height:1.2; }
.item_photo_info_sec .item_detail_tit .price-box ul { display:flex; align-items:center; }
.item_photo_info_sec .item_detail_tit .prd-price { color:#000; font-size:28px; font-weight:500; }
.item_photo_info_sec .item_detail_tit .prd-price strong { font-weight:500; }
.item_photo_info_sec .item_detail_tit .prd-price-custom { margin-left:15px; color:#bababa; font-size:22px; font-weight:400; line-height:1; text-decoration:line-through; }

/* 선택 옵션 표시 */
.item_choice_list .cart_prdt_name { font-size:14px; }
.item_choice_list .cart_prdt_name + td { }
.item_choice_list .item_choice_price { font-size:16px; }
.item_add_option_box { width:100%; }

/* 총액 */
.item_tatal_box { width:100%;  }
.item_tatal_box > dl::after { content:""; clear:both; display:block;  }
.item_tatal_box .total_goods,
.item_tatal_box .total_discount { float:right; width:225px; }
.item_tatal_box .total_amount { display:inline-block; width:100%; }
.item_tatal_box .total_amount dt { float:left; font-weight:500; text-align:left; }
.item_tatal_box .total_amount dd { color:#000000; }
.item_tatal_box .total_amount dd strong { font-size:20px; }

/* 구매 버튼 영역 */
.btn_choice_box > div { display:flex; flex-wrap:nowrap; }
.btn_choice_box > div button,
.btn_choice_box > div a { flex:1; height:60px; margin:0 0 0 5px; padding:0; font-size:20px; font-weight:700; }
.btn_choice_box > div button:first-child { margin-left:0; }
.btn_choice_box .btn_add_cart,
.btn_choice_box .btn_add_cart:hover { color:#fff; background:#173284; border-color:#173284; }
.btn_choice_box .btn_add_order,
.btn_choice_box .btn_add_order:hover { color:#fff; background:#5b92f8; border-color:#5b92f8; }
.btn_choice_box .btn_add_wish,
.btn_choice_box .btn_add_wish:hover { color:#555; background:#fff; border-color:#e3e3e3; }
.btn_choice_box .btn_add_estimate { color:#fff; background:#1540a1; border:solid 1px #1540a1; text-align:center; line-height:60px; box-sizing:border-box; }
/* 품절 버튼 */
.item_info_box .btn_add_soldout { width:100%; height:60px; }
.btn_restock_box { display:flex; }
.btn_restock_box .btn_add_wish { flex:1; height:60px; margin:0 0 0 5px; padding:0; font-size:20px; font-weight:700; }
.btn_restock_box .btn_add_estimate { flex:1; height:60px; margin:0 0 0 5px; padding:0; font-size:20px; font-weight:700; }

/* 상품정보 탭  기본 */
.item_goods_sec { margin:0; }
.item_goods_tab { border-bottom:none; }
.item_goods_tab ul { display:flex; width:100%; height:56px; padding:0; border-top:2px solid #3069fb; border-bottom:1px solid #d6dae6; }
.item_goods_tab li { flex:1; position:relative; width:auto; }
.item_goods_tab li a { height:10px; padding:23px 0; color:#9a9a9a; font-size:18px; font-weight:400; line-height:8px; letter-spacing:-1px; border:0; }
.item_goods_tab li a strong { color:#9a9a9a; font-weight:400; }
.item_goods_tab li.on { margin-top:0; }
.item_goods_tab li.on a { height:10px; padding:23px 0; margin-top:0; color:#222874; font-weight:700; line-height:8px; border:0; }
.item_goods_tab li.on a strong { color:#222874; font-weight:700; }

/* 게시판 버튼 */
.item_goods_sec .board-btn-box > a { }
.item_goods_sec .btn_reviews_more, 
.item_goods_sec .btn_qna_more,
.item_goods_sec .btn_reviews_more:hover, 
.item_goods_sec .btn_qna_more:hover { color:#173284; border:1px solid #173284; }
.item_goods_sec .btn_reviews_write, 
.item_goods_sec .btn_qna_write,
.item_goods_sec .btn_reviews_write:hover, 
.item_goods_sec .btn_qna_write:hover { background:#173284; border:1px solid #173284; }

/* 상세 게시판 */
.reviews_table_type td,
#wrap .no_data { font-size:14px; }

/* 관련상품 */
.item_goods_sec .detail_explain_box .goods_list { padding-bottom:30px; }
.item_goods_sec .detail_explain_box .goods_list .goods_list_cont { margin-top:0; }


/*========================================================================
견적 문의
========================================================================*/
/* -- 견적 문의 리스트 -- */
/* 레이아웃 */
.estimate_board { margin:50px 0 0; }
#dbk_estimate_list .board_zone_tit { display:flex; align-items:flex-end; justify-content:space-between; }
#dbk_estimate_list .board_zone_tit > span { color:#a8a8a8; font-size:18px; }

/* 배너 */
#dbk_estimate_list .kborder_banner { margin:20px auto 50px; border-radius:10px; overflow:hidden; }
#dbk_estimate_list .kborder_banner img { width:100%; }

/* 검색 */
#dbk_estimate_list .order_zone_tit .btn_right_box { display:flex ; justify-content:flex-end; align-items:center; margin:0 0 30px; }
#dbk_estimate_list select.form-control { min-width:70px; height:38px; margin:0 12px; color:#808080; font-size:18px; border:0; appearance:none; background:url("../img/list_e_arr.png") no-repeat center right; background-size:auto; }
#dbk_estimate_list .keyword-box { display:inline-flex; width:265px; height:38px; margin:0 10px 0 0; border-bottom:1px solid #e0e0e0; }
#dbk_estimate_list input.keyword_box { width:240px; height:38px; color:#808080; font-size:18px; border:0; }
#dbk_estimate_list input.submit_btn { width:25px; height:38px; font-size:0; border:0;  background-color:none; background:url("../img/list_e_search.png") no-repeat center; }
#dbk_estimate_list .order_zone_tit .btn_write { width:100px; height:38px; margin-left:15px; border-radius:8px; background:#000; }
#dbk_estimate_list .order_zone_tit .btn_write strong {  color:#ffffff; font-size:18px; font-weight:700; }

/* 테이블 */
#dbk_estimate_list .board_list_table { width:100%; border-collapse:collapse; }
#dbk_estimate_list .board_list_table tr { text-align:center; }
#dbk_estimate_list .board_list_table th { color:#000000; font-size:18px; font-weight:500; line-height:44px; background:#f4f4f4; border-right:solid 1px #fff; }
#dbk_estimate_list .board_list_table thead th:last-child { border:0; }
#dbk_estimate_list .board_list_table td { padding:18px 0; color:#000000; font-size:18px; font-weight:300; border-bottom:solid 1px #e0e0e0;}
#dbk_estimate_list .board_list_table tbody tr td:nth-child(1),
#dbk_estimate_list .board_list_table tbody tr td:nth-child(4),
#dbk_estimate_list .board_list_table tbody tr td:nth-child(5) { color:#808080; }
#dbk_estimate_list .board_list_table .dbk_bbs_title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  text-overflow:ellipsis; overflow:hidden; }
#dbk_estimate_list .board_list_table .e-state span { display:inline-block; min-width:90px; color:#fff; font-size:17px; font-weight:600; line-height:38px; background:#b7b7b7; text-align:center; border-radius:19px; }

/* 테이블 공통 */
.body-board.body-list .board_list_table th { font-size:18px; font-weight:500; }
.body-board.body-list .board_list_table td { padding:18px 0;  font-size:18px; font-weight:300; }
.body-board.body-list .board_list_gallery { font-size:18px; }

/* -- 견적 요청서 -- */
/* 레이아웃 */
#dbk_estimate_form .estimate-board-tit { display:flex; align-items:center; justify-content:space-between; margin:0 0 30px; padding:0 0 22px; border-bottom:solid 1px #ececec; }
#dbk_estimate_form .estimate-board-tit .needed_items { color:#555252; font-size:18px; font-weight:500; }
#dbk_estimate_form .important { color:#dd3300; filter:unset; }
#dbk_estimate_form .estimate-tit-form {  display:flex; align-items:center; justify-content:space-between; }
#dbk_estimate_form #dbkChange { min-width:260px; height:38px; margin-left:10px; padding:0 15px; color:#a9a9a9; font-size:18px; font-weight:500; border:solid 1px #d2d2d2; appearance:none; background:url("../img/list_e_arr.png") no-repeat center right 15px; background-size:auto;  }

/* 상품 상세 */
.product_info table { width:100%; margin:0 0 77px; padding:0 0 30px; }
.product_info .form-prd-img { width:206px; }
.product_info .form-prd-img a {  display:block;  width:100%; border:solid 1px #cfcfcf; }
.product_info .form-prd-img a img { width:100%; }
.product_info .form-prd-info { width:calc(100% - 206px); padding:0 50px; box-sizing:border-box;  }
.product_info .form-prd-info h1 { margin:0 0 15px; color:#000; font-size:26px; font-weight:600; }
.product_info .form-prd-info div { color:#7e7e7e; font-size:18px; font-weight:300; line-height:1.45; }

/* 테이블 */ 
#dbk_estimate_form .dbkTable { width:100%; }
#dbk_estimate_form .dbkTable th {  color:#000; font-size:20px; font-weight:600; text-align:left; vertical-align:top; line-height:44px; }
#dbk_estimate_form .dbkTable td { padding:0 0 14px; }
#dbk_estimate_form .dbkTable td > * { color:#000; font-size:18px; }
#dbk_estimate_form .dbkTable td input:not([type="file"]),
#dbk_estimate_form .dbkTable td textarea { width:100%; min-height:44px; padding:10px; border:0; background:#f8f8f8; border-radius:3px; }
#dbk_estimate_form .dbkTable .table-t td + th { text-align:center; }
#dbk_estimate_form .dbkTable td select { width:100%; height:44px; padding:0 15px; color:#a3a3a3; font-size:18px; font-weight:400; border:solid 1px #c3c3c3; appearance:none; 
background:url("../img/list_e_arr.png") no-repeat center right 15px; background-size:auto; border-radius:3px; }
#dbk_estimate_form .dbkTable td .file-label { display:inline-block; width:114px; height:44px; margin-right:10px; color:#000000; font-size:18px; font-weight:400; line-height:44px; text-align:center; background:#f8f8f8; border:0;  border-radius:3px; cursor:pointer; }
#dbk_estimate_form .dbkTable td #file-name { color:#a3a3a3; font-size:18px; font-weight:400; line-height:44px; }
#dbk_estimate_form .dbkTable tfoot .estimate-board-tit { margin:103px 0 38px; }
#dbk_estimate_form .dbkTable tfoot .estimate-board-tit span { color:#939393; font-size:18px; font-weight:400; }
#dbk_estimate_form .dbkTable tfoot td span { color:#1540a1; font-size:15px; font-weight:400; line-height:34px; }

/* 선택 동의 */
#dbk_estimate_form .member_cont { margin:104px 0 0; }
#dbk_estimate_form .member_cont h4 { display:flex ; align-items:center; padding:0 0 11px; color:#000; font-size:20px; font-weight:400; border-bottom:solid 2px #747474; }
#dbk_estimate_form .member_cont h4 p { width:29%; }
#dbk_estimate_form .member_cont h4 strong { color:#1540a1; font-weight:600; }
#dbk_estimate_form .member_cont h4 .show-cont { display:inline-block; width:95px; height:28px; margin-left:10px; color:#fff; font-size:16px; font-weight:500; line-height:28px; background:#1540a1;  border-radius:4px; text-align:center; cursor:pointer; }
#dbk_estimate_form .member_cont h4 .show-cont::after { display:inline-block; content:""; width:11px; height:10px; margin-left:8px; background:url("../img/list_e_arr.png") no-repeat center right 0; background-size:11px auto; filter:brightness(10); }
#dbk_estimate_form .member_cont .agreement_box { display:none; padding:20px 0 40px; font-size:17px; font-weight:400; }
#dbk_estimate_form .member_cont .form_element { display:block;margin:13px 0 17px; color:#000; font-size:18px; font-weight:300; text-align:right;  }
#dbk_estimate_form .member_cont .form_element strong { color:#1540a1; font-weight:600; }
#dbk_estimate_form .member_cont .form_element span { color:#a2a2a2; font-weight:300; }
#dbk_estimate_form .member_cont .form_element label { width:37%; padding-left:26px; text-align:left; background-position-y:center; }

/* 견적 요청 버튼 */ 
#dbk_estimate_form .js-save { width:100%; height:62px; margin:65px auto 0; color:#fff; font-size:21px; font-weight:600; line-height:62px; background:#1540a1; border-radius:6px;  }

/* -- 비밀번호 인증 -- */
.body-dbk-estimate-check .estimate_check { margin:10px auto 0; color:#000; text-align:center; }
.body-dbk-estimate-check .estimate_check h4 { color:#000; font-size:18px;  font-weight:600;  }
.body-dbk-estimate-check .estimate_check .pw_check > div { margin:0 auto 10px; color:#000; font-size:16px;  font-weight:300;  }
.body-dbk-estimate-check .estimate_check .pw_check input { text-align:center; }

/* -- 견적내용 확인 -- */
#dbk_estimate_view .table-title { margin:10px 0 0 ; }
#dbk_estimate_view .table-title .sub-tit { font-size:20px; color:#ff4848; font-weight:700; }
#dbk_estimate_view .table { width:100%; margin-top:30px; }
#dbk_estimate_view .table th { font-size:16px; color:#333; background-color:#f4f4f4; padding:10px 0; width:20%; }
#dbk_estimate_view .table td {font-size:16px; color:#333; padding:20px 10px; text-align:center; }
#dbk_estimate_view .btn-group { margin:20px 0 0; text-align:center; }
#dbk_estimate_view .btn-group input { font-size:16px; padding:5px 20px; background-color:#0e0e0e; color:#fff; border-radius:5px; margin:0 7px; }


/*========================================================================
유지보수 페이지
========================================================================*/
#contents:has(#maintenance) { max-width:1500px; min-width:1250px; width:100%; }

#maintenance { max-width:1500px; margin:82px auto 0; }
#maintenance .sub-box1 { margin:0 54px 100px; }
#maintenance .sub-box2 { margin:0 0 100px; }
#maintenance .sub-box3 { margin:0 54px 100px; }
#maintenance .sub-box4 { margin:0 0 66px; }
#maintenance .sub-box5 { margin:0 54px 125px; }
#maintenance .sub-box6 { margin:0 54px 100px; }

#maintenance .sub-section1 { display:flex; align-items:center; justify-content:space-between; color:#2e3d86; letter-spacing:-0.5px; }
#maintenance .sub-section1 h3 { margin:0 0 17px; font-size:56px; font-weight:800; line-height:1.18; }
#maintenance .sub-section1 p { font-size:25px; font-weight:500; line-height:1.44; }

#maintenance .sub-section2 { position:relative; min-height:1106px; background:url("../img/mt_bg01.png") no-repeat center 0 ; background-size:cover; }
#maintenance .sub-section2 .sub-img1 { display:inline-block; margin:0 0 60px 28%; }
#maintenance .sub-section2 .sub-img2 {  display:inline-block;  position:absolute; top:190px; left:50%; }
#maintenance .sub-section2 h3 { margin:18px 0 31px; color:#2e3d86;  font-size:34px; font-weight:700; line-height:1.35; text-align:center; }
#maintenance .sub-section2 p { margin:0 0 34px; color:#0e0e0e; font-size:22px; font-weight:300; line-height:1.45; letter-spacing:-0.2px; text-align:center; }

#maintenance .sub-section3 h3 { margin:0 0 76px; color:#2e3d86; font-size:34px; font-weight:700; line-height:1.28; text-align:center; }
#maintenance .sub-section3 h3 span { display:block; color:transparent; font-size:55px; font-weight:800; background-clip:text; -webkit-background-clip:text; background-image:linear-gradient(90deg,rgba(2, 139, 238, 1) 0%, rgba(12, 86, 144, 1) 100%); }
#maintenance .sub-section3 .sub-flex { display:flex ; justify-content:space-between; }
#maintenance .sub-section3 .sub-flex:has(.sub-title) { padding:0 20px; box-sizing:border-box; }
#maintenance .sub-section3 .sub-title { margin:0 0 29px; text-align:center;}
#maintenance .sub-section3 .sub-title h4 { color:#2e3d86; font-size:34px; font-weight:700; line-height:1.1; }
#maintenance .sub-section3 .sub-title span { color:#0c0c0c; font-size:23px; font-weight:500; }
#maintenance .sub-section3 .sub-txt-box { padding:35px 0 60px; background:url("../img/mt_img04.png") no-repeat center 0; background-size:571px auto; }
#maintenance .sub-section3 .sub-txt-box > div:last-child { text-align:right }
#maintenance .sub-section3 .sub-txt-box .sub-txt { margin:0 0 36px; }
#maintenance .sub-section3 .sub-txt-box p { margin:0 0 5px; font-size:24px; font-weight:700; line-height:1.33; }
#maintenance .sub-section3 .sub-txt-box span { color:#818181; font-size:19px; font-weight:300; line-height:1.33; }

#maintenance .sub-section4 { position:relative; min-height:1092px; padding:279px 54px 0; text-align:center; box-sizing:border-box; background:url("../img/mt_bg02.png") no-repeat center 0 ; background-size:cover; }
#maintenance .sub-section4 h3 { margin:0 auto 30px; color:#0e0e0e; font-size:34px; font-weight:700; }
#maintenance .sub-section4 ul { display:flex; justify-content:space-between; gap:8px; }
#maintenance .sub-section4 ul li { flex:1; }
#maintenance .sub-section4 span.sub-img { display:inline-block; border-radius:20px; overflow:hidden; background:#92d4fc; }
#maintenance .sub-section4 span.sub-img img { width:100%; transition:all 0.3s ease-out; }
#maintenance .sub-section4 li:hover span.sub-img img { transform:scale(1.1); }
#maintenance .sub-section4 p { margin:12px 0 5px; color:#0c0c0c; font-size:28px; font-weight:700; }
#maintenance .sub-section4 span.sub-txt { color:#0c0c0c; font-size:19px; font-weight:300; line-height:1s.35; white-space:nowrap; }

#maintenance .sub-section5 .sub-flex { display:flex; justify-content:space-between; padding:98px 96px 75px; box-sizing:border-box; border-radius:20px; overflow:hidden;  background:#edf3f6; }
#maintenance .sub-section5 h3 { margin:0 0 33px; color:#0e0e0e; font-size:34px; font-weight:700; text-align:center;  }
#maintenance .sub-section5 h4 { margin:10px 0 27px; width:190px; color:#fff; font-size:28px; font-weight:700; line-height:46px; text-align:center; border-radius:5px; overflow:hidden; }
#maintenance .sub-section5 .before-tx h4 { background:#404b67; }
#maintenance .sub-section5 .after-tx h4 { background:#0091ff; }
#maintenance .sub-section5 .before-tx p { color:#404b67; }
#maintenance .sub-section5 .after-tx p { color:#2e3d86; }
#maintenance .sub-section5 p { font-size:26px; font-weight:700; }
#maintenance .sub-section5 span { display:inline-block; margin:0 0 21px; color:#818181; font-size:20px; font-weight:300; line-height:1.4; }

#maintenance .sub-section6 { text-align:center;  }
#maintenance .sub-section6 h3 { margin:0 auto 28px; color:#0e0e0e; font-size:34px; font-weight:700; }
#maintenance .sub-section6 h3 span { display:block; font-size:34px;  font-style:italic; line-height:1.1; }
#maintenance .sub-section6 ul { display:flex ; justify-content:center; gap:25px; }
#maintenance .sub-section6 ul li { position:relative; }
#maintenance .sub-section6 span.sub-img { display:inline-block; overflow:hidden; }
#maintenance .sub-section6 span.sub-img img { width:100%; transition:all 0.3s ease-out; }
#maintenance .sub-section6 li:hover span.sub-img img { transform:scale(1.1); }
#maintenance .sub-section6 .sub-txt { position:absolute; left:0; bottom:0; width:100%; min-height:75px; color:#fff; text-align:center;  }
#maintenance .sub-section6 .sub-txt p { font-size:24px; font-weight:500; line-height:1; }
#maintenance .sub-section6 .sub-txt span { font-size:13px; font-weight:300; line-height:1; }
#maintenance .sub-section6 > a {  position:relative; display:inline-block; margin:40px auto 0; padding:18px 58px; color:#fff; font-size:26px; font-weight:700; line-height:1.42; text-align:center; box-sizing:border-box; border-radius:20px; overflow:hidden; border:solid 1px transparent; background:#5635b6; box-shadow:-1.8px 2.4px 1px rgba(0,0,0,0.33); transition:all 0.3s ease-out; z-index:1; }
#maintenance .sub-section6 > a:after { position:absolute; content:""; width:0; height:100%; top:0; right:0; z-index:-1; background-color:#1540a1; transition:all 0.3s ease; }
#maintenance .sub-section6 > a:hover { color:#fff; }
#maintenance .sub-section6 > a:hover:after { left:0; width:100%; }


/*========================================================================
odm서버 페이지
========================================================================*/
body:has(#odm-server) #container { padding-bottom:0; }
body:has(#odm-server) #footer { margin-top:0; }
#contents:has(#odm-server) { max-width:1500px; min-width:1250px; width:100%; padding:0; }
#contents:has(#odm-server) .sub_content { padding:0; }

#odm-server { color:#3a3a3a; line-height:1; letter-spacing:-0.06em; text-align:center; }
#odm-server .cont-inner { width:1250px; margin:0 auto; }

#odm-server .title-wrap .heading { color:#d9291f; font-size:50px; font-weight:800; }
#odm-server .title-wrap p { padding-top:30px; font-size:24px; font-weight:500; line-height:1.4; }
#odm-server .text-wrap p { font-size:27px; font-weight:700; line-height:1.4; }

#odm-server .sc-intro {  }
#odm-server .sc-intro .flex { display:flex; align-items:center; justify-content:space-between; height:690px; }
#odm-server .sc-intro .title-wrap { text-align:left; }
#odm-server .sc-intro .title-wrap .heading { font-size:56px; }
#odm-server .sc-intro .title-wrap .sub { display:block; padding-top:12px; color:#d9291f; font-size:25px; font-weight:500; }
#odm-server .sc-intro .title-wrap p { padding-top:38px; font-size:25px; line-height:1.45; }

#odm-server .sc-why { padding:130px 0; background:#fbf8f3; }
#odm-server .sc-why .title-wrap .heading { text-transform:uppercase; }
#odm-server .sc-why .cont-wrap { padding:50px 0; }
#odm-server .sc-why .why-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:26px; }
#odm-server .sc-why .why-item { display:flex; align-items:center; gap:10px; border-radius:20px; background:#fff; }
#odm-server .sc-why .why-item .col-left { min-width:0; display:flex; align-items:center; justify-content:center; width:210px; aspect-ratio:1;  }
#odm-server .sc-why .why-item .col-right { flex:1; min-width:0; padding-right:30px; text-align:left;}
#odm-server .sc-why .why-item .col-right strong { display:block; padding-bottom:16px; font-size:25px; font-weight:700; }
#odm-server .sc-why .why-item .col-right strong .point { color:#d9291f; }
#odm-server .sc-why .why-item .col-right p { color:#818181; font-size:20px; line-height:1.4; word-break:keep-all; }

#odm-server .sc-different { padding:130px 0; background:#f1f1f1; }
#odm-server .sc-different .cont-wrap { position:relative; display:flex; gap:26px; padding:60px 0; }
#odm-server .sc-different .cont-wrap .cont-item { flex:1; min-width:0; padding:14px; border-radius:20px; background:#fff; }
#odm-server .sc-different .cont-wrap .cont-item h3 { height:80px; line-height:80px; font-size:34px; border-radius:15px; background:#dadada; }
#odm-server .sc-different .cont-wrap .cont-item.odm h3 { color:#fff; background:#d9291f; }
#odm-server .sc-different .cont-wrap .feat-list li { padding:36px 0; font-size:27px; font-weight:500; line-height:1.4; }
#odm-server .sc-different .cont-wrap .feat-list li + li { border-top:2px dotted #dadada; }
#odm-server .sc-different .cont-wrap .feat-list li .sub { display:block; padding-bottom:10px; color:#818181; font-size:20px; font-weight:300; }
#odm-server .sc-different .cont-wrap .feat-list li strong { font-size:34px; font-weight:700; line-height:1.2; }
#odm-server .sc-different .cont-wrap .feat-list li strong span { display:block; color:#707070; font-size:42px; }
#odm-server .sc-different .cont-wrap .feat-list li strong em { color:#d9291f; font-weight:700; }
#odm-server .sc-different .cont-wrap .badge { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:76px; height:76px; line-height:76px; color:#fff; font-size:42px; font-weight:600; border-radius:50%; background:#d9291f; z-index:1; }

#odm-server .sc-enable { padding:130px 0; }
#odm-server .sc-enable .cont-wrap { position:relative; padding:90px 0 70px; }
#odm-server .sc-enable .enable-item { position:absolute; text-align:left; }
#odm-server .sc-enable .enable-item strong { font-size:27px; font-weight:700; }
#odm-server .sc-enable .enable-item p { padding-top:6px; color:#818181; font-size:20px; font-weight:300; line-height:1.4; }
#odm-server .sc-enable .enable-item:nth-child(1) { top:112px; left:756px; }
#odm-server .sc-enable .enable-item:nth-child(2) { top:112px; left:16px; }
#odm-server .sc-enable .enable-item:nth-child(3) { top:204px; left:1004px; }
#odm-server .sc-enable .enable-item:nth-child(4) { top:516px; left:50px; }
#odm-server .sc-enable .enable-item:nth-child(5) { top:492px; left:531px; text-align:center; }
#odm-server .sc-enable .enable-item:nth-child(6) { top:516px; left:980px; }
#odm-server .sc-enable .enable-item:nth-child(1) strong .point { color:#d9291f; }
#odm-server .sc-enable .enable-item:nth-child(2) strong .point { color:#c4342c; }
#odm-server .sc-enable .enable-item:nth-child(3) strong .point { color:#f9751d; }
#odm-server .sc-enable .enable-item:nth-child(4) strong .point { color:#457ac1; }
#odm-server .sc-enable .enable-item:nth-child(5) strong .point { display:block; padding-bottom:6px; color:#bc645b; }
#odm-server .sc-enable .enable-item:nth-child(6) strong .point { color:#224a84; }

#odm-server .sc-how { padding:130px 0; background:#fbf8f3; }
#odm-server .sc-how .cont-wrap { padding:60px 0; }
#odm-server .sc-how .how-list { display:flex; }
#odm-server .sc-how .how-item { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:20px; padding:10px 20px; }
#odm-server .sc-how .how-item + .how-item { border-left:2px dotted #dadada; }
#odm-server .sc-how .how-item span { display:block; margin-bottom:16px; width:100px; height:36px; line-height:36px; color:#fff; font-size:24px; font-weight:700; border-radius:999px; background:#3a3a3a; }
#odm-server .sc-how .how-item .icon { display:flex; align-items:center; height:100px; object-fit:contain; }
#odm-server .sc-how .how-item strong { height:70px; font-size:28px; font-weight:700; line-height:1.2; word-break:keep-all; }
#odm-server .sc-how .how-item p { color:#948d83; font-size:20px; font-weight:300; line-height:1.4; word-break:keep-all; }

#odm-server .sc-ability { padding:130px 0; background:#f1f1f1; } 
#odm-server .sc-ability .cont-wrap { position:relative; margin:60px 0 120px; }
#odm-server .sc-ability .cont-wrap .ab-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:26px; }
#odm-server .sc-ability .cont-wrap .ab-item { display:flex; flex-direction:column; gap:15px; padding:36px; border-radius:20px; background:#fff; }
#odm-server .sc-ability .cont-wrap .ab-item strong { font-size:34px; font-weight:700; }
#odm-server .sc-ability .cont-wrap .ab-item p { font-size:25px; font-weight:300; }
#odm-server .sc-ability .cont-wrap .ab-item .cont-img { height:250px; margin-top:15px; border-radius:15px; overflow:hidden; }
#odm-server .sc-ability .cont-wrap .ab-item .cont-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease-out; }
#odm-server .sc-ability .cont-wrap .ab-item .cont-img:hover img { transform:scale(1.1); }
#odm-server .sc-ability .cont-wrap .badge { position:absolute; top:50%; left:50%; width:120px;color:#fff; font-size:24px; font-weight:700; transform:translate(-50%, -50%); z-index:1; }
#odm-server .sc-ability .cont-wrap .badge::before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:134px; height:134px; border-radius:15px; background:#d9291f; z-index:-1; }
#odm-server .sc-ability .text-wrap p { font-size:34px; font-weight:700; line-height:1.4; }
#odm-server .sc-ability .text-wrap .point { display:block; padding-bottom:14px; font-style:italic; line-height:1.2; }
#odm-server .sc-ability .btn-wrap { display:flex; justify-content:center; margin-top:50px; }
#odm-server .sc-ability .btn-wrap .link-estimate { display:flex; justify-content:center; align-items:center; position:relative; width:450px; height:118px; color:#fff; font-size:26px; font-weight:700; line-height:1.4; border-radius:20px; background:#d9291f; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); overflow:hidden; }
#odm-server .sc-ability .btn-wrap .link-estimate::after { position:absolute; content:""; width:0; height:100%; top:0; right:0; z-index:-1; background-color:#ad1007; transition:all 0.3s ease; }
#odm-server .sc-ability .btn-wrap .link-estimate:hover::after { left:0; width:100%; }