@charset "UTF-8";

/*========================================================================
Layout
========================================================================*/
#container { position:relative; padding:0 0 40px; }

/* Font */
body, th, td, input, select, textarea, button { font-family:"Malgun Gothic",Verdana,Dotum,AppleGothic,sans-serif; }


/*========================================================================
상단 영역
========================================================================*/
#header_wrap .top_nav {height:28px; line-height:28px; width:98%; clear:both; background:#f2f2f2; padding:0 1%; border-bottom:0; text-align:center;}
.top_nav .top-pc {float:left; padding-right:3%; font-weight:bold; margin-left:2%; border-right:1px solid #d6d6d6; white-space:nowrap;}
.top_nav .top-pc img{width:18px; margin-right:0; vertical-align:middle}
.top_nav .top-pc a {color:#777777; font-size:0.9em; font-weight:normal;}
.top_nav .left_section {float:left; color:#fff; font-size:11px; letter-spacing:-1px; margin-left:1.5%; padding-right:3px; position:relative;}
.top_nav .left_section:after {content:""; position:absolute; top:0; right:-1px; height:100%; border-right:1px solid #d4d4d4;}
.top_nav .left_section strong {font-weight:bold;}
.top_nav .left_section img {max-height:13px; margin:7px 3px 0 0;}
.top_nav .left_section a {display:inline-block; color:#838282; font-size:11px; letter-spacing:-1px; padding-right:7px;}
.top_nav .top_link {display:inline-block; overflow:visible; float:none; margin-right:1.5%;}
.top_nav .top_link li {float:left; position:relative;}
.top_nav .top_link li:after {content:""; position:absolute; top:50%;margin-top:-4px; left:0; height:9px; border-left:0}
.top_nav .top_link li:first-child:after {border-left:0;}
.top_nav .top_link li a {display:inline-block; color:#494949; font-size:11px; font-weight:normal; text-align:center; padding:0 7px; line-height:28px; letter-spacing:-0.5px;}
.top_nav .top_link li:last-child a {padding-right:0;}
.top_nav .top_link .count { color:#fff; line-height:1; border-radius:10px; margin:0 0 0 3px; padding:0px 8px; background:#000000; }

/* 로고 */
#header .h_logo { padding:16px 0 18px; height:auto; line-height:1; width:190px; margin:0 auto 0; text-align:left; }
#header .h_logo img { max-height:100%; width:100%; }
/* CATEGORY */
.main_link_wrap {display:table; position:relative; width:100%; overflow:hidden; clear:both; height:38px; border-top:1px solid #cfcfcd; background:#fff;}
.main_link_wrap > span {display:table-cell; text-align:center; vertical-align:middle;}
.main_link_wrap span a {color:#000; font-size:12px; font-weight:bold; letter-spacing:-0.5px; display:inline-block; width:99%; }
.main_link_wrap > span:last-child {border:none;}
/* ALL CATEGORY */
#header_wrap header .side_menu {display:block; vertical-align:middle; padding:0; background:#0b2153; letter-spacing:-1px; width:32%; height:38px; text-align:center; position:absolute; top:0; left:0; box-sizing:border-box;}
#header_wrap header .side_menu span {display:inline-block; color:#fff; width:auto; height:38px; padding-left:18px; background:url("../../_dbook/img/cate_btn.png") no-repeat 0 center; background-size:13px auto; line-height:38px; font-size:12px; font-weight:bold; text-align:left; margin:0 auto;}
#header_wrap header .side_menu:after {content:""; position:absolute; top:0; right:0; height:100%; border-right:0;}
#header_wrap header .side_menu img { width:100%; }


/*========================================================================
하단 영역
========================================================================*/
.bottom-menu { background:#c3d9f6; padding:19px 10px; border-top:1px solid #97baee; border-bottom:1px solid #97baee; }
.bottom-menu ul { display:table; font-size:0; margin:0 auto; }
.bottom-menu ul li { display:inline-block; width:20%; max-width:100px; font-size:12px; padding:0 5px; box-sizing:border-box; vertical-align:top;}
.bottom-menu ul li img { width:100%; }
.bottom-menu ul li > a { display:block; text-align:center; white-space:nowrap; }
.bottom-menu ul li > a span { display:block; background:#ffffff; border:1px solid #003392; border-radius:5px; padding:10px; box-sizing:border-box; }
.bottom-menu ul li > a p { padding:6px 0 0; font-weight:bold; letter-spacing:-1px; color:#323452; }

.bottom-util { padding:15px 5px; background:#ecf0f3; box-sizing:border-box; }
.bottom-util ul { display:table; font-size:0; width:100%; }
.bottom-util ul li { display:inline-block; font-size:12px; width:17%; text-align:center; vertical-align:middle; position:relative; }
.bottom-util ul li.privacy { width:31%; }
.bottom-util ul li:before { content:""; position:absolute; top:3px; left:0; height:11px; border-left:1px solid #d7dce3; }
.bottom-util ul li:first-child:before { border-left:0; }

.bank-info { padding:20px 18px; border-bottom:1px solid #316bfb; }
.bank-info dl { display:table; margin:0 auto; }
.bank-info dl dt { display:table-cell; color:#222874; font-size:15px; font-weight:bold; vertical-align:top; }
.bank-info dl dd { display:table-cell; vertical-align:top; padding-left:12px; }
.bank-info dl dd span { display:block; color:#0b2153; font-size:13px; line-height:1; margin-bottom:5px; }
.bank-info dl dd span strong { font-size:17px; }
.bank-info dl dd p { color:#686868; font-size:10px; padding-top:2px; }

.cs-center { padding:20px; text-align:center; }
.cs-center > div { background:url("../img/bottom_tel.png") left center no-repeat; background-size:80px auto; padding-left:100px; display:inline-block; text-align:left; min-height:90px; }
.cs-center h3 { color:#222874; font-size:16px;}
.cs-center strong { color:#316bfb; font-size:23px; line-height:1.3;}
.cs-center p { color:#272727; font-size:12px; }

.shop-info { border-top:0; font-size:12px; }
.shop-info address { background:none; padding:20px 14px 0; border-bottom:0; }
.shop-info address .footerInfo { text-align:center; }
.shop-info address span { display:inline-block; word-break:break-all; color:#010101; padding:0 5px 0 0;  }
.shop-info address a { color:#010101; }
.shop-info .copyright { background:none; color:#010101; padding-bottom:20px; font-size:12px; line-height:28px; text-align:center; }
color:#1b1b27; }

.foot_certify { padding:0; }


/*========================================================================
좌측 슬라이드 메뉴
========================================================================*/
#wrap nav .nav_bg_box .nav_box { width:87%; margin-left:-87%; }
#wrap nav .left_close { left:calc(87% + 10px); }

/* 로그인 */
#wrap nav .side-top { margin:0 25px; padding:10px 0; border-bottom:1px solid #e7e7e7; }
#wrap nav .side-top ul { display:flex; }
#wrap nav .side-top ul li { position:relative; padding:0 15px; }
#wrap nav .side-top ul li::after { content:""; position:absolute; top:14px; left:-1px; height:12px; border-left:1px solid #bcbcbc; }
#wrap nav .side-top ul li:first-child { padding-left:0; }
#wrap nav .side-top ul li:first-child::after { display:none; }
#wrap nav .side-top a { display:block; padding:13px 0 10px; color:#8e8e8e; font-size:13px; line-height:1.2; }

/* 마이 메뉴 */
.side-myshop { margin:0 25px; padding:20px 0 25px; border-top:1px solid #e7e7e7; }
.side-myshop > ul { }
.side-myshop > ul > li {}
.side-myshop > ul > li > a { display:block; color:#6c6c6c; font-size:14px; font-weight:400; line-height:2.7; }

.nav_tabmenu_box { padding-top:20px; }
.nav_tabmenu_box .nav_tabmenu { display:flex; width:100%; margin-bottom:20px; padding:0 25px; box-sizing:border-box; }
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span,
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span { margin:0; }

.side-main { padding-bottom:20px; }
.side-main .menu-list { width:100%; padding:0 25px; box-sizing:border-box; }
.side-main .menu-list > ul { width:100%; }
.side-main .menu-list > ul > li { padding:0; }
.side-main .menu-list > ul > li > a { position:relative; display:block; padding:0; color:#000; font-size:21px; font-weight:700; line-height:2.4; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.side-main .menu-list > ul > li .icon_plus { position:absolute; top:calc(50% - 7px); right:0; width:14px; height:14px; margin:0; font-size:0; background:none; }
.side-main .menu-list > ul > li .icon_plus::before { content:""; position:absolute; top:calc(50% - 1px); left:0; width:14px; height:2px; background:#000; }
.side-main .menu-list > ul > li .icon_plus::after { content:""; position:absolute; top:0; left:calc(50% - 1px); width:2px; height:14px; background:#000; }
.side-main .menu-list > ul > li a.on span.icon_plus { background:none; }
.side-main .menu-list > ul > li a.on span.icon_plus::after { display:none; }

.side-main .menu-list > ul > li ul { display:none; border-top:0; }
.side-main .menu-list > ul > li > ul > li { padding:0; }
.side-main .menu-list > ul > li > ul > li a { padding:0; color:#6c6c6c; font-size:14px; font-weight:400; line-height:2.7; }
.side-main .menu-list > ul > li > ul > li ul { padding:0 0 10px 20px; }

/* 브랜드 검색 */
.btn_nav_brand_search { margin:8px 25px 15px; }


/*========================================================================
서브 공통
========================================================================*/
/* 타이틀 공통 */
.navi_g,
#header_wrap header .header_box { border-color:#e7e7e7; }
.sub_top { border-color:#e7e7e7; }
.sub_top h2 { height:40px; line-height:40px; padding:0; }
.sub_top h2 a { color:#333333; font-size:15px; font-weight:700; }
.sub_top .sub_top_left .all_page_prev { background:url("../../_dbook/img/common/btn_back.gif") no-repeat 50%; background-size:6px auto; }

/* 더보기 공통 */
.goods_main_more_btn,
.more_btn,
.main_more_btn { color:#666; background:#fff; border-color:#b1b1b1; }


/*========================================================================
상품 목록
========================================================================*/
.body-goods-list #container { padding:0; }
.body-goods-list #footer { margin-top:0; }
/* 중분류 */
.goods_list .goods_list_category ul { padding:0 14px; border-bottom:1px solid #d5d5d5; }
.goods_list .goods_list_category ul li { padding:11px 0 10px; } 
.goods_list .goods_list_category ul li a { padding:0; margin:0 14px 0 0; color:#2e2e2e; font-weight:700; font-size:13px; }

.goods_list .goods_list_content .goods_top_box { padding:14px; background:#fff; }

.body-goods .list-bn img { width:100%; }


/* 추천 상품 진열 */
.goods_list .goods_list_recom h3 { border-top:0; }
.recommend_prd_list .goods_prd_img .img_box .img img { border:1px solid #ededed; }
.recommend_prd_list .goods_prd_content .goods_info_list {  text-align:center; }
.recommend_prd_list .goods_prd_content .goods_info_list li { padding:0; color:#000; font-size:12px; }
.recommend_prd_list .goods_prd_content .goods_info_list li.prd_name { margin:0 0 5px; color:#3c3c3c; font-weight:400; }
.recommend_prd_list .goods_prd_content .goods_info_list li.short_des { margin:0 0 4px; color:#316bfb; line-height:1.3; font-weight:400; }
.recommend_prd_list .goods_prd_content .goods_info_list li.fixed-price { color:#3e3d3c; font-size:13px; }
.recommend_prd_list .goods_prd_content .goods_info_list li.price { font-weight:700; }
.recommend_prd_list .goods_prd_content .goods_info_list li.price .c_price { color:#000; }

/* 목록 간격 */
.goods_list .goods_list_recom .recommend_prd_list { margin:14px 0 0; }
.goods_list .goods_list_recom .recommend_prd_list,
.goods_list .goods_list_box > ul { padding:0 7px; }

/* 목록 상품 진열 */
.goods_prd_item2 .goods_prd_item2_box { padding:0 7px 14px; }
.goods_prd_item2 .goods_prd_img { padding-bottom:14px; }
.goods_product_list .goods_prd_img .img_box .img img { border:1px solid #ededed; }
.goods_product_list .goods_prd_content .goods_info_list {  text-align:center; }
.goods_product_list .goods_prd_content .goods_info_list li { padding:0; color:#000; font-size:12px; }
.goods_product_list .goods_prd_content .goods_info_list li.prd_name { margin:0 0 5px; color:#3c3c3c; font-weight:400; }
.goods_product_list .goods_prd_content .goods_info_list li.short_des { margin:0 0 4px; color:#316bfb; line-height:1.3; font-weight:400; }
.goods_product_list .goods_prd_content .goods_info_list li.fixed-price { color:#3c3c3c; font-size:12px; }
.goods_product_list .goods_prd_content .goods_info_list li.price { font-size:15px; font-weight:700; }
.goods_product_list .goods_prd_content .goods_info_list li.price .c_price { color:#3c3c3c; }
.goods_prd_item2 .goods_prd_content .goods_prd_icon,
.goods_prd_item2 .goods_prd_content .goods_prd_soldout { text-align:center; }
.sale-rate { display:none; }

/* 더보기 */
.goods_list .btn_box { padding:0; }
.goods_list .btn_box .more_btn { position:relative; background:#f3f3f3; color:#173284; border-bottom:0; padding:16px 0; border:0; font-size:13px; text-indent:-16px; }
.goods_list .btn_box .more_btn::before { content:''; position:absolute; top:50%; left:50%; width:13px; height:9px; margin:2px 0 0 27px; transform:translate(-50%, -50%); background:url('../img/btn_more.png') no-repeat; background-size:13px auto; }

/*========================================================================
상품 상세
========================================================================*/
.goods_view .cont_detail { padding:0 0 10px; }

.detail_cart_btn { color:#fff; background:#173284; border-color:#173284; }
.detail_order_btn { color:#fff; background:#5b92f8; border-color:#5b92f8; }
.btn_add_estimate { display:block; width:100%; padding:10px 0 10px 0; color:#fff; font-size:16px; font-weight:700; background:#9fb6e0; border:solid 1px #9fb6e0; text-align:center; box-sizing:border-box; }
.detail_prd_btn .btn_add_wish { display: block; width: 100%; padding: 10px 0 10px 0; color: #555; font-size:16px; font-weight:700;  background: #fff; border:solid 1px #e3e3e3; }


/* 관련상품 */
.related_goods h3 { font-weight:500; }
.related_goods .list { padding:0 10px; }
.related_goods .goods_prd_item2 .goods_prd_item2_box { padding:5px 5px 25px; }
.related_goods .goods_prd_item2 .goods_prd_content .goods_info_list li.price .c_price { color:#333; }

/*========================================================================
견적 문의
========================================================================*/
/*  견적 문의 리스트  */
#dbk_estimate_list .board_zone_cont { position:relative; font-family:Pretendard; }
#container:has(#dbk_estimate_list ) { padding:39px 15px 40px; }
#dbk_estimate_list .board_zone_sec .kborder_tit h3 { color:#000; font-size:23px; font-weight:600;  }
#dbk_estimate_list .kborder_search {  position:absolute; right:0; top:0; width:62%; max-width:180px; }
#dbk_estimate_list input.keyword_box { width:100%; height:30px; padding:0 20px 0 0; color:#808080; font-size:12px; border:0; border-bottom:solid 1px #616161; box-sizing:border-box; }
#dbk_estimate_list input.submit_btn { position:absolute; right:0; bottom:0; width:14px; height:30px; font-size:0; border:0; background:url("../img/list_e_search.png") no-repeat center center; background-size:14px; }
#dbk_estimate_list .kborder_banner { margin:12px 0 32px; border-radius:5px; overflow:hidden; }
#dbk_estimate_list .kborder_banner img { width:100%; }
#dbk_estimate_list .btn_right_box { display:flex; justify-content:space-between; gap:8px; margin:0 0 10px; }
#dbk_estimate_list .btn_right_box > * {  border:0;  height:30px; }
#dbk_estimate_list .btn_right_box > select { min-width:60px; padding:3px 5px 3px 3px; color:#808080; box-sizing:border-box; appearance:none; background:url("../img/list_e_arr.png") no-repeat center right; background-size:6px auto; }
#dbk_estimate_list .btn_right_box .btn_write { padding:0 9px; color:#fff; border-radius:4px; background:#000000; }
#dbk_estimate_list .board_list_table { width:100%; }
#dbk_estimate_list .board_list_table tr {  }
#dbk_estimate_list .board_list_table th { height:30px; color:#000000; font-size:12px; font-weight:500; background:#f4f4f4; border-right:solid 1px #fff; box-sizing:border-box; }
#dbk_estimate_list .board_list_table th:last-child { border-right:0; }
#dbk_estimate_list .board_list_table tr td { height:50px; color:#000000; font-size:12px; font-weight:300; }
#dbk_estimate_list .board_list_table tbody tr { border-bottom:solid 1px #e0e0e0;  }
#dbk_estimate_list .board_list_table tr td:nth-child(1),
#dbk_estimate_list .board_list_table tr td:nth-child(3) { color:#808080; text-align:center; }

#dbk_estimate_list .pagination { margin:35px auto 0; text-align:center; }
#dbk_estimate_list .pagination li { display:inline-block; margin:0 5px; width:20px; height:20px; color:#808080; font-size:11px; font-weight:300; line-height:20px; box-sizing:border-box; border-radius:100%; }
#dbk_estimate_list .pagination li.on { color:#1540a1; border:solid 1px #1540a1; }

/*  견적요청서  */
#dbk_estimate_form { padding:40px 15px 0; box-sizing:border-box; font-family:Pretendard; }
#dbk_estimate_form h3 { padding:0 0 13px; font-size:23px; font-weight:600;  }
#dbk_estimate_form table h3 { margin:0 0 23px; padding:53px 0 18px; border-bottom:solid 1px #ececec;  }
#dbk_estimate_form .page-header { display:flex; justify-content:space-between; margin:0 0 15px; border-bottom:solid 1px #ececec; }
#dbk_estimate_form .bargain-wrap select { width:160px; height:32px; padding:0 10px; color:#8a8a8a; font-size:12px; font-weight:500; line-height:32px; border-radius:2.5px; border:solid 1px #a3a3a3; box-sizing:border-box; appearance:none; background:url("../img/list_e_arr.png") no-repeat center right 10px; background-size:10px auto; }
#dbk_estimate_form table.dbkTable { margin:11px 0 0;  }
#dbk_estimate_form table.dbkTable,
#dbk_estimate_form table.dbkTable tbody,
#dbk_estimate_form table.dbkTable tfoot,
#dbk_estimate_form .dbkTable tr,
#dbk_estimate_form .dbkTable th, 
#dbk_estimate_form .dbkTable td { display:block; width:100%; font-size:15px; }
#dbk_estimate_form .dbkTable th { padding:0 0 2px; color:#000000; font-weight:800; line-height:27px; text-align:left; }
#dbk_estimate_form .dbkTable td { padding:0 0 14px; }
#dbk_estimate_form .dbkTable input { width:100%; height:38px; border:0; background:#f8f8f8;  }
#dbk_estimate_form .dbkTable textarea { width:100%; border:0; background:#f8f8f8;  }
#dbk_estimate_form .dbkTable select { width:100%; height:40px; padding:0 10px; color:#8a8a8a; font-size:15px; font-weight:500; line-height:38px;  border-radius:2.5px; border:solid 1px #a3a3a3; box-sizing:border-box; appearance:none; background:url("../img/list_e_arr.png") no-repeat center right 10px; background-size:10px auto;  }
#dbk_estimate_form .dbkTable input[type="file"] { color:#acacac; font-size:15px; font-weight:500; background:#fff; }
#dbk_estimate_form .dbkTable input[type="file"]::file-selector-button { width:50%; color:#000; line-height:38px; border:0; background:#f8f8f8; }
#dbk_estimate_form .dbkTable th.input_title font.extra-tx { margin-left:2%; color:#1540a1; font-size:12px; font-weight:500; }
/* 선택 동의 */
#dbk_estimate_form .member_cont { margin:35px 0 0; }
#dbk_estimate_form .member_cont .form_element { display: flex ; align-items: center; justify-content: space-between; padding:16px 0 8px; color:#000; font-size:15px; font-weight:400; border-bottom:solid 1px #747474; }
#dbk_estimate_form .member_cont .agree-marketing em { color:#a3a3a3; }
#dbk_estimate_form .member_cont .form_element strong { color:#1540a1; font-weight:600; }
#dbk_estimate_form .member_cont .form_element .show-cont { display:inline-block;  height:28px; margin-left:10px; font-size:0; cursor:pointer; }
#dbk_estimate_form .member_cont .form_element .show-cont::after { display:inline-block; content:""; width:15px; height:28px; margin-left:8px; background:url("../img/list_e_more.png") no-repeat center right 0; background-size:8px 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 .form_element label.check_s { padding:0 0 0 25px; background:url("../img/check_off.png") no-repeat 1px center; background-size:20px auto; }
#dbk_estimate_form .form_element label.check_s.on { background:url("../img/check_on.png") no-repeat 1px center; background-size:20px auto; }
/* 제출버튼 */
#dbk_estimate_form .js-save { width:100%; height:50px; margin:27px auto 0; color:#fff; font-size:15px; font-weight:600; line-height:50px; border-radius:5px; border:0; background:#1540a1; }

/* 상세 상품 견적 요청서 */
#dbk_estimate_form .product_info { margin:0 0 38px; padding:0 0 15px; border-bottom:solid 1px #ececec; }
#dbk_estimate_form .product_info td { vertical-align:top; }
#dbk_estimate_form .product_info .e-prd-img { min-width:105px; width:18%; }
#dbk_estimate_form .product_info .e-prd-img img { width:100%; border:solid 1px #cfcfcf; box-sizing: border-box; }
#dbk_estimate_form .product_info .e-prd-info { padding-left:10px; color:#7e7e7e; font-size:10px; font-weight:300; box-sizing: border-box; }
#dbk_estimate_form .product_info .e-prd-info .e-prd-name { color:#000; font-size:15px; font-weight:600; }

/* 비밀번호 인증 */
.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:16px;  font-weight:600;  }
.body-dbk-estimate-check .estimate_check .pw_check > div { margin:0 auto 10px; color:#000; font-size:14px;  font-weight:300;  }
.body-dbk-estimate-check .estimate_check .pw_check input { height:38px; border:0; background:#f8f8f8; }

/* 견적내용 확인 */
#dbk_estimate_view { padding:40px 20px; box-sizing: border-box; }
#dbk_estimate_view .table-title .sub-tit { margin-top:10px; font-size:11px; color: #ff4848; font-weight: 700; }
#dbk_estimate_view .table { width: 100%; margin-top:10px; border-top:solid 1px #f8f8f8; border-bottom:solid 1px #f8f8f8; }
#dbk_estimate_view .table tr { border-bottom:solid 1px #f8f8f8; }
#dbk_estimate_view .table th { width: 33%; font-size:12px; color: #333; background-color: #f4f4f4; padding: 5px 0;  }
#dbk_estimate_view .table td {font-size:11px; color: #333; padding: 8px 5px; text-align: center; border-right:solid 1px #f8f8f8; }
#dbk_estimate_view .btn-group { margin:20px 0 0; text-align: center; }
#dbk_estimate_view .btn-group input { font-size:12px; padding:0px 20px; height:38px; border:0; background:#f8f8f8;}


/*========================================================================
유지보수 페이지
========================================================================*/
#maintenance { margin:58px auto 0; font-family:pretendard; }
#maintenance .w100 img { width:100%; }
#maintenance .sub-box1 { margin:0 20px 80px; }
#maintenance .sub-box2 { margin:0 0 44px; }
#maintenance .sub-box3 { margin:0 20px 100px; }
#maintenance .sub-box4 { margin:0 0 66px; }
#maintenance .sub-box5 { margin:0 20px 63px; }
#maintenance .sub-box6 { margin:0 20px 63px; }

#maintenance .sub-section1 { color:#2e3d86; letter-spacing:-0.5px; }
#maintenance .sub-section1 h3 { margin:0 0 8px; font-size:25px; font-weight:800; line-height:1.19; }
#maintenance .sub-section1 p { margin:0 0 20px; font-size:13px; font-weight:500; line-height:1.5; }

#maintenance .sub-section2 { position:relative; padding:0 0 75px; background:url("../img/mt_bg1.png") repeat-x center 0; background-size:contain; }
#maintenance .sub-section2 > div { margin:0 20px; }
#maintenance .sub-section2 .sub-img1 { display:inline-block; position:relative; top:-15px; width:59%; }
#maintenance .sub-section2 .sub-img2 {  display:inline-block; position:absolute; top:40px; right:20px; width:56%; }
#maintenance .sub-section2 h3 { margin:17px 0 17px; color:#2e3d86; font-size:19px; font-weight:700; line-height:1.3; word-break:keep-all; }
#maintenance .sub-section2 p { margin:0 0 10px; color:#0e0e0e; font-size:13px; font-weight:300; line-height:1.5; letter-spacing:-0.2px; word-break:keep-all; }

#maintenance .sub-section3 h3 { margin:0 0 17px; color:#2e3d86; font-size:19px; font-weight:700; line-height:1.28; }
#maintenance .sub-section3 h3 span { display:block; margin: 0 0 4px; color:transparent; font-size:25px; 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-title { margin:28px 0 13px; }
#maintenance .sub-section3 .sub-title2 { margin:44px 0 17px; }
#maintenance .sub-section3 .sub-title h4 { color:#2e3d86; font-size:19px; font-weight:700;  }
#maintenance .sub-section3 .sub-title span { color:#0c0c0c; font-size:15px; font-weight:500; }
#maintenance .sub-section3 .sub-txt > span { width:30%; min-width:85px; }
#maintenance .sub-section3 .sub-txt > span img { width:100%; }
#maintenance .sub-section3 .sub-txt { display:flex; align-items: center; gap:10px; margin:0 0 11px; letter-spacing:-0.2px; word-break:keep-all; }
#maintenance .sub-section3 p { margin:0 0 2px; font-size:15px; font-weight:700; line-height:1.33; }
#maintenance .sub-section3 span { color:#818181; font-size:12px; font-weight:300; line-height:1.33; }

#maintenance .sub-section4 { position:relative; padding:60px 20px 80px; box-sizing:border-box; background:url("../img/mt_bg2.png") repeat-x center 0; background-size:contain; }
#maintenance .sub-section4 h3 { margin:0 auto 22px; color:#0e0e0e; font-size:19px; font-weight:700; word-break:keep-all;  }
#maintenance .sub-section4 ul { display:flex; flex-wrap:wrap;  gap:15px 6px; line-height:1.2; }
#maintenance .sub-section4 ul li { width:calc(50% - 3px); word-break:keep-all; letter-spacing:-0.2px;  }
#maintenance .sub-section4 span.sub-img { display:inline-block; border-radius:15px; overflow:hidden; background:#92d4fc; }
#maintenance .sub-section4 span.sub-img img { width:100%; transition:all 0.3s ease-out; }
#maintenance .sub-section4 p { margin:7px 0; color:#0c0c0c; font-size:15px; font-weight:700;}
#maintenance .sub-section4 span.sub-txt { color:#0c0c0c; font-size:12px; font-weight:300; line-height: 1.45; }

#maintenance .sub-section5 .sub-txt-box { padding:38px 15px 33px; box-sizing:border-box; border-radius:10px; overflow:hidden;  background:#edf3f6; }
#maintenance .sub-section5 .sub-flex { display:flex; justify-content:space-between; }
#maintenance .sub-section5 .sub-flex > div { flex:1; text-align:center; }
#maintenance .sub-section5 h3 { margin:0 0 19px; color:#0e0e0e; font-size:19px; font-weight:700; line-height: 1.35; }
#maintenance .sub-section5 h4 { margin:0 auto 13px; width:100px; color:#fff; font-size:14px; font-weight:700; line-height:23px; 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:14px; font-weight:700; }
#maintenance .sub-section5 span { display:inline-block; margin:0 0 8px; color:#818181; font-size:11px; font-weight:300; line-height:1.4; }

#maintenance .sub-section6 h3 { margin:0 auto 23px; color:#0e0e0e; font-size:19px; font-weight:700;  line-height:1.3; }
#maintenance .sub-section6 h3 span { display:block; margin: 0 0 9px; font-size:23px; line-height: 1.1;}
#maintenance .sub-section6 ul { display:flex ; flex-wrap:wrap;  gap:6px; }
#maintenance .sub-section6 ul li { position:relative; width:calc(50% - 3px); overflow: hidden; aspect-ratio: 1; }
#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 .sub-txt { position:absolute; left:0; bottom:7px; width:100%; min-height:30px; color:#fff; font-size:15px; font-weight:500; line-height:1; text-align:center;  }
#maintenance .sub-section6 .sub-txt span { font-size:9px; font-weight:200; }
#maintenance .sub-section6 > a {  position:relative; display:inline-block; width:100%; margin:26px auto 0; padding:10px 10px; color:#fff; font-size:16px; font-weight:700; line-height:1.42; text-align:center; box-sizing:border-box; border-radius:10px; overflow:hidden; background:#5635b6; box-shadow:-1.8px 2.4px 1px rgba(0,0,0,0.33); transition:all 0.3s ease-out; z-index:1; }


/*========================================================================
odm서버 페이지
========================================================================*/
body:has(#odm-server) #container { padding-bottom:0; }
body:has(#odm-server) #footer { margin-top:0; }

#odm-server { color:#3a3a3a; font-size:13px; line-height:1; letter-spacing:-0.06em; word-break:keep-all; font-family:pretendard, sans-serif; }
#odm-server p { line-height:1.45; }
#odm-server img { width:100%; }
#odm-server .cont-inner { padding:0 20px; }

#odm-server .title-wrap .heading { color:#d9291f; font-size:25px; font-weight:800; line-height:1.3; }
#odm-server .title-wrap p { padding-top:8px; font-weight:500; }
#odm-server .text-wrap p { font-weight:700; }

#odm-server .sc-intro { padding:60px 0; }
#odm-server .sc-intro .flex { display:flex; flex-direction:column; gap:40px; }
#odm-server .sc-intro .title-wrap { text-align:left; }
#odm-server .sc-intro .title-wrap .sub { display:block; padding-top:4px; color:#d9291f; font-size:17px; font-weight:500; }
#odm-server .sc-intro .title-wrap p { padding-top:20px; }

#odm-server .sc-why { padding:60px 0; background:#fbf8f3; }
#odm-server .sc-why .title-wrap .heading { text-transform:uppercase; }
#odm-server .sc-why .cont-wrap { padding:25px 0; }
#odm-server .sc-why .why-list { display:flex; flex-direction:column; gap:9px; }
#odm-server .sc-why .why-item { display:flex; align-items:center; gap:18px; min-height:130px; padding:20px 18px; border-radius:10px; background:#fff; box-sizing:border-box; }
#odm-server .sc-why .why-item .col-left { min-width:0; display:flex; align-items:center; justify-content:center; gap:12px; width:79px; }
#odm-server .sc-why .why-item .col-right { flex:1; min-width:0; }
#odm-server .sc-why .why-item .col-right strong { display:block; padding-bottom:6px; font-size:14px; 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:12px; }

#odm-server .sc-different { padding:60px 0; background:#f1f1f1; }
#odm-server .sc-different .cont-wrap { position:relative; display:flex; flex-direction:column; gap:9px; padding:20px 0; }
#odm-server .sc-different .cont-wrap .cont-item { flex:1; min-width:0; padding:12px; text-align:center; border-radius:10px; background:#fff; }
#odm-server .sc-different .cont-wrap .cont-item h3 { height:40px; line-height:40px; font-size:17px; border-radius:8px; 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:18px 0; font-size:14px; 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; color:#818181; font-size:12px; font-weight:300; }
#odm-server .sc-different .cont-wrap .feat-list li strong { font-size:21px; font-weight:700; line-height:1.2; }
#odm-server .sc-different .cont-wrap .feat-list li strong span { display:block; color:#707070; }
#odm-server .sc-different .cont-wrap .feat-list li strong em { color:#d9291f; font-weight:700; }

#odm-server .sc-enable { padding:60px 0; }
#odm-server .sc-enable .cont-wrap { position:relative; padding:24px 0 18px; }
#odm-server .sc-enable .enable-list { display:flex; flex-direction:column; gap:9px; padding-top:26px; }
#odm-server .sc-enable .enable-item { padding:20px 26px; border-radius:8px; background:#f6f6f6; }
#odm-server .sc-enable .enable-item strong { font-size:14px; font-weight:700; }
#odm-server .sc-enable .enable-item p { padding-top:8px; color:#818181; font-size:12px; line-height:1.33; }
#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 { color:#bc645b; }
#odm-server .sc-enable .enable-item:nth-child(6) strong .point { color:#224a84; }

#odm-server .sc-how { padding:60px 0; background:#fbf8f3; }
#odm-server .sc-how .how-item { display:flex; align-items:center; gap:12px; padding:22px 0; }
#odm-server .sc-how .how-item + .how-item { border-top:2px dotted #dadada; }
#odm-server .sc-how .how-item .col-left .icon { width:100px; aspect-ratio:1; padding:28px; border-radius:50%; background:#fff; box-sizing:border-box; }
#odm-server .sc-how .how-item .col-right { flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
#odm-server .sc-how .how-item span { padding:4px 8px; color:#fff; font-size:12px; font-weight:700; letter-spacing:0; border-radius:999px; background:#3a3a3a; }
#odm-server .sc-how .how-item strong { font-size:16px; font-weight:700; }
#odm-server .sc-how .how-item p { color:#948d83; font-size:12px; font-weight:300; }

#odm-server .sc-ability { padding:60px 0; background:#f1f1f1; } 
#odm-server .sc-ability .cont-wrap { position:relative; margin:24px 0 40px; }
#odm-server .sc-ability .cont-wrap .ab-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; }
#odm-server .sc-ability .cont-wrap .ab-item { min-width:0; display:flex; flex-direction:column; gap:6px; padding:16px 8px 8px; text-align:center; border-radius:8px; background:#fff; }
#odm-server .sc-ability .cont-wrap .ab-item strong { font-size:17px; font-weight:700; }
#odm-server .sc-ability .cont-wrap .ab-item p { font-size:12px; font-weight:300; line-height:1.36; }
#odm-server .sc-ability .cont-wrap .ab-item .cont-img { height:95px; margin-top:6px; border-radius:8px; 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 .badge { position:absolute; top:50%; left:50%; width:60px;color:#fff; font-size:12px; font-weight:500; text-align:center; transform:translate(-50%, -50%); z-index:1; }
#odm-server .sc-ability .cont-wrap .badge::before { content:""; position:absolute; top:50%; left:50%; width:62px; aspect-ratio:1; border-radius:8px; background:#d9291f; transform:translate(-50%, -50%) rotate(45deg); z-index:-1; }
#odm-server .sc-ability .text-wrap p { font-size:15px; text-align:center; }
#odm-server .sc-ability .text-wrap .point { display:block; padding-bottom:10px; font-size:19px; font-weight:700; font-style:italic; line-height:1.2; }
#odm-server .sc-ability .btn-wrap { margin-top:26px; }
#odm-server .sc-ability .btn-wrap .link-estimate { display:block; width:100%; padding:12px 0; color:#fff; font-size:15px; font-weight:700; line-height:1.33; font-family:pretendard, sans-serif; text-align:center; border:0; border-radius:8px; background:#d9291f; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3); }