.naple_sub_title { margin: 38px 0 19px 0; padding-bottom: 8px; border-bottom: 2px solid #000; color: #000;}
.naple_sub_box_001 { float: left; position: relative; width: 945px;}
.naple_sub_box_001 .naple_sub_box_001_left { float: left; width: 330px; text-align: center;}
.naple_sub_box_001 .naple_sub_box_001_left .naple_sub_box_001_left_img { width: 330px; height: 220px; background-color: #f5f5f5;}
.naple_sub_box_001 .naple_sub_box_001_left .naple_sub_box_001_left_img img { width: 330px; height: 220px;}
.naple_sub_box_001 .naple_sub_box_001_left .naple_sub_box_001_left_btn { margin-top: 20px; width: 220px; height: 44px; font-size: 15px; text-align: center; color: #404040; font-weight: 500; background-color: #ececec;}
.naple_sub_box_001 .naple_sub_box_001_left .naple_sub_box_001_left_btn img { padding-left: 15px; vertical-align: middle;}
.naple_sub_box_001 .naple_sub_box_001_left .naple_sub_box_001_left_text { padding-left: 12px; padding-right: 12px; padding-top: 21px; padding-bottom: 12px; font-size: 15px; text-align: left; color: #404040; font-weight: 500; }
.naple_sub_box_001 .naple_sub_box_001_right { float: right; width: 600px;}
.naple_sub_box_001 .naple_sub_box_001_list tbody tr { border-bottom: 1px solid #e3e3e3;}
.naple_sub_box_001 .naple_sub_box_001_list tbody tr:nth-child(5) { border-bottom: 1px solid #b4b4b4;}
.naple_sub_box_001 .naple_sub_box_001_list tbody tr:nth-child(6) th,
.naple_sub_box_001 .naple_sub_box_001_list tbody tr:nth-child(6) td { padding-top: 40px;}

/* 리플렛/팜플렛 (HongboPamphletOffset) - 카탈로그와 같은 방식으로 예외 처리
* .hongbo_pamphlet_table tbody tr:nth-child(5) { border-bottom: 1px solid #e3e3e3 !important; }
* .hongbo_pamphlet_table tbody tr:nth-child(6) { border-bottom: 1px solid #b4b4b4 !important; }
* .hongbo_pamphlet_table tbody tr:nth-child(6) th,
* .hongbo_pamphlet_table tbody tr:nth-child(6) td { padding-top: 12px !important; }
* .hongbo_pamphlet_table tbody tr:nth-child(7) th,
* .hongbo_pamphlet_table tbody tr:nth-child(7) td { padding-top: 40px !important; }
*/

/* hongboBook, hongboCatalog 예외 처리 - 수정 전 상태로 되돌리기 */
.hongbo_catalog_table tbody tr:nth-child(5) { border-bottom: 1px solid #e3e3e3 !important; }
.hongbo_catalog_table tbody tr:nth-child(6) th,
.hongbo_catalog_table tbody tr:nth-child(6) td { padding-top: 12px !important; }

.hongbo_book_table tbody tr:nth-child(5) { border-bottom: 1px solid #e3e3e3 !important; }
.hongbo_book_table tbody tr:nth-child(6) th,
.hongbo_book_table tbody tr:nth-child(6) td { padding-top: 12px !important; }
.naple_sub_box_001 .naple_sub_box_001_list tbody tr:last-child { padding-bottom: 10px; border-bottom: 1px solid #b4b4b4;}
.naple_sub_box_001 .naple_sub_box_001_list tbody tr th td { vertical-align: middle;}
.naple_sub_box_001 .naple_sub_box_001_list tbody tr th { padding: 10px 0 10px 20px; width: 110px; text-align: left; color: #000000; font-weight: bold;}
.naple_sub_box_001 .naple_sub_box_001_list tbody tr td { padding: 10px 10px 10px 0; width: 220px; color: #707070;}
/* 제본방식 관련 CSS - 원래대로 롤백 */
.naple_sub_box_001 .naple_sub_box_001_list tbody tr td:last-child { padding-right: 10px; width: auto;}
.naple_sub_box_001 .naple_sub_box_001_list_noline { border-bottom: 0px !important;}
.naple_sub_box_001 .naple_sub_box_001_list_noline .naple_select_10 { margin-right: 8px;}
.naple_sub_box_001 .naple_sub_box_001_list .size_button { width: 115px; height: 30px; color: #404040; border: 1px solid #ccc; background-color: #f2f2f2; border-radius: 2px;}
.naple_sub_box_001 .naple_sub_box_001_list .naple_sub_box_001_list_01 { padding-top: 5px;}
.naple_sub_box_001 .naple_sub_box_001_list .naple_sub_box_001_list_01 li { float: left; display: inline; padding-right: 8px; height: 30px; color: #707070; font-weight: 500; line-height: 30px;}
.naple_sub_box_001 .naple_sub_box_001_list .naple_sub_box_001_list_01 li:first-child { padding-right: 61px;}
.naple_sub_box_001 .naple_sub_box_001_list #naple_sub_box_001_list_02 { margin: -5px 0 10px 0;}
.naple_sub_box_001 .naple_sub_box_001_list .naple_sub_box_001_list_02 { padding: 0px !important;}
.naple_sub_box_001 .naple_sub_box_001_list .naple_sub_box_001_list_03 li { float: left; display: inline; padding-right: 8px; height: 30px; color: #000000; font-weight: 700; line-height: 30px;}
.naple_sub_box_001 .naple_sub_box_001_list .naple_sub_box_001_list_04 { display: flex; align-items: center; height: 30px;}
.naple_sub_box_001 .naple_sub_box_001_list .naple_sub_box_001_list_04 li { padding-right: 8px; color: #707070;}
.naple_sub_box_001 .naple_sub_box_001_list .naple_sub_box_020 li[style*="clear: both"] { float: none; display: block; width: 100%;}
.naple_sub_box_001 .naple_sub_box_004 .naple_sub_box_001_list .naple_sub_box_020 li[style*="clear: both"] { float: none; display: block; width: 100%;}

/* diffOption 특별 정렬 */
#diffOption {
    display: table-cell !important;
    vertical-align: middle;
    text-align: left;
    position: relative;
    top: -4px;
}

/* 커팅형태 th도 같이 올리기 */
.naple_sub_box_001_list tbody tr:has(#diffOption) th {
    position: relative;
    top: -4px;
}

.naple_select_05 {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 16px;
    padding: 0 8px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.naple_sub_box_001 .naple_sub_box_002_list tbody tr:last-child  { padding-bottom: 10px; border-bottom: 1px solid #e3e3e3;}
.naple_sub_box_001 .naple_sub_box_002_list tbody tr:first-child th { font-weight: bold; }
.naple_sub_box_001 .naple_sub_box_002_list tbody tr th { padding: 10px 0 10px 20px; width: 110px; text-align: left; color: #404040;}
.naple_sub_box_001 .naple_sub_box_002_list tbody tr td { padding: 10px 10px 10px 0; width: 216px; height: 46px;}
.naple_sub_box_001 .naple_sub_box_002_list tbody tr td:last-child { width: auto; }
/* book 표지후가공 td 너비를 catalog와 같게 조정 */
.naple_sub_box_001 .hongbo_book_after_table tbody tr:nth-child(2) td:nth-child(2) { width: 101px; }
.naple_sub_box_001 .hongbo_book_after_table tbody tr:nth-child(2) td:nth-child(3) { width: 125px; }
.naple_sub_box_001 .hongbo_book_after_table tbody tr:nth-child(2) td:nth-child(4) { width: 125px; }
.naple_sub_box_001 .naple_sub_box_002_list tbody tr td a { color: #707070; }
.naple_sub_box_001 .naple_sub_box_002_list .add_icon { width: 20px; font-size: 26px; vertical-align: middle;}
.naple_sub_box_001 .naple_sub_box_002_list .add_text { text-align: left; width: 80px; }
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_01 { padding: 0px !important;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_01 a { position: absolute; margin: 0px 0 0 10px; background-color: #fff;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_02 { padding: 15px 20px 0 20px; background-color: #f5f5f5; border-top: 1px solid #e3e3e3; }
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_02 tbody tr:last-child { padding-bottom: 0px; border-bottom: 0px !important;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_02 tbody tr th td { vertical-align: middle;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_02 tbody tr th { padding: 0 0 10px 0; width: 90px; text-align: left; color: #404040; font-weight: 700;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_02 tbody tr td { padding: 0 10px 15px 0; width: 220px; color: #000000;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_02 tbody tr td:last-child { padding-right: 0; width: auto; text-align: right;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_02 tbody tr td:last-child input { margin-left: 6px;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_02 .input_text { margin-left: 6px; color: #404040; font-weight: 500;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_03 { text-align: left !important;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_04 li { float: left; width: 130px; display: inline; padding-right: 8px; height: 30px; color: #000000; line-height: 30px;}
.naple_sub_box_001 .naple_sub_box_002_list .naple_sub_box_002_list_04 li:last-child { padding: 0px; width: 80px;}
.naple_sub_box_001 .naple_sub_box_003_list tbody tr { border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;}
.naple_sub_box_001 .naple_sub_box_003_list tbody tr th { padding: 10px 0 10px 20px; width: 110px; text-align: left; color: #404040; font-weight: bold; vertical-align: top;}
.naple_sub_box_001 .naple_sub_box_003_list tbody tr td { padding: 10px 10px 10px 0; width: auto;}
.naple_sub_box_001 .naple_sub_box_004 { margin-top: 60px;}
.naple_sub_box_001 .naple_sub_box_004 h3 { padding: 8px 15px 8px 15px; color: #404040; border-bottom: 2px solid #b7b7b7; border-left: 7px solid #b7b7b7;}
.naple_sub_box_001 .naple_sub_box_004 .naple_sub_box_001_list tbody tr:last-child { border-bottom: 2px solid #f1f1f1;}
.naple_sub_box_001 .naple_sub_box_004_left { vertical-align: middle; line-height: 30px;}
.naple_sub_box_001 .naple_sub_box_021 { margin-top: 50px;}
.naple_sub_box_001 .naple_sub_box_021 h3 { padding-bottom: 8px; color: #404040; border-bottom: 2px solid #b7b7b7;}
.naple_sub_box_001 .naple_sub_box_021 .naple_sub_box_001_list tbody tr:last-child { border-bottom: 2px solid #f1f1f1;}
.naple_sub_box_001 .naple_sub_box_021_left { vertical-align: top; line-height: 30px;}
.naple_sub_box_001 .naple_sub_box_popup {
    overflow: auto; width: 600px; height: 400px; position:absolute ; background:#fff; left: 645px; top: 200px; z-index: 1000; transform: translate(-50%, -50%); display: none;
}
.naple_sub_box_001 .naple_sub_box_popup .close        { width: 25px; height: 25px; display: block; position: absolute; top: 8px; right: 8px; background: transparent url('/public/images/naple/naple_icon_06.jpg') no-repeat; }
.naple_sub_box_001 .naple_sub_box_popup .content      { width: 600px; height:400px; overflow:hidden; cursor: pointer;}
.naple_sub_box_001 .naple_sub_box_popup .content .img { width: 100%; height: 100%; object-fit: contain; object-position: left top; }

.naple_sub_box_001 .naple_sub_info { padding: 0px 0 10px 0 !important; border-top: 2px solid #fff; }
.naple_sub_box_001 .naple_sub_info_text { color: #707070;}
#paperCoatingInfo { padding-top: 15px; color: #707070;}


.naple_sub_box_005 { margin-top: 18px; padding: 22px 20px 0 0; height: 60px; text-align: right; color: #707070; border-top: 2px solid #070707; background-color: #f5f5f5;}
.naple_sub_box_005 .naple_sub_box_005_num { font-size: 16px; color: #000; font-weight: bold;}
.naple_sub_box_005 .naple_sub_box_005_total { font-size: 26px; font-weight: bold; vertical-align: text-bottom;}

.naple_sub_box_006_tabmenu { position: relative; margin: 60px auto 0 auto;}
.naple_sub_box_006_tabmenu label { float: left; margin-right: 0px; padding: 10px 0 12px; width: 472px; color: #707070; font-size: 24px; line-height: 24px; text-align: center; border-top: 2px solid #000; background-color: #f5f5f5; cursor: pointer;}
.naple_sub_box_006_tabmenu label:hover { color: #707070; font-weight: normal; cursor: pointer;}
.naple_sub_box_006_tabmenu input:checked + label { margin-top: -2px; border-top: 5px solid #0072bc; color: #707070; font-weight: normal; line-height: 22px;}

.naple_sub_box_007 { display: inline-block; position: sticky; margin-left: 15px; top: 10px; width: 240px;} 
.naple_sub_box_007 .naple_sub_box_007_kakao_add { width: 240px; height: 90px; text-align: center; color: white; background-color: #7c3aed; padding: 15px; cursor: pointer; box-sizing: border-box;}
.naple_sub_box_007 .naple_sub_box_007_kakao_add .naple_sub_box_007_kakao_add_01 { text-align: center; padding-top: 10px;}
.naple_sub_box_007 .naple_sub_box_007_kakao_add .naple_sub_box_007_kakao_add_01 h5 { font-size: 30px; font-weight: 900; color: white; margin: 0 0 10px 0;}
.naple_sub_box_007 .naple_sub_box_007_kakao_add .naple_sub_box_007_kakao_add_01 span { font-size: 16px; color: white;}

.naple_sub_box_008 { margin-top: 15px; padding: 14px 10px 0 10px; border-width: 1px; border-style: solid;}
.naple_sub_box_008 p { padding-bottom: 20px; font-size: 21px; line-height: 21px;}
.naple_sub_box_008 table tbody tr th { padding-bottom: 16px; width: 60px; text-align: left; color: #7b7b7b;}
.naple_sub_box_008 table tbody tr td { padding-bottom: 16px; width: auto; text-align: right; color: #7b7b7b;}
.naple_sub_box_008 table tbody tr td span { font-size: 18px; vertical-align: bottom;}
.naple_sub_box_008 .naple_sub_box_008_total_01 { font-size: 16px;}
.naple_sub_box_008 .naple_sub_box_008_total_01, .naple_sub_box_008 .naple_sub_box_008_total_02 { padding-top: 16px;}
.naple_sub_box_008 .naple_sub_box_008_total_02 .naple_font { font-size: 22px; font-weight: bold;}

.naple_sub_box_009 { margin-top: 15px;}
.naple_sub_box_009 button { height: 60px; font-size: 20px; text-align: center; font-weight: bold; vertical-align: middle;}
.naple_sub_box_009 .naple_border { border-width: 1px; border-style: solid;}

.naple_sub_box_010 tbody tr { border-bottom: 1px solid #e3e3e3;}
.naple_sub_box_010 tbody tr th td { vertical-align: middle;}
.naple_sub_box_010 tbody tr th { padding: 10px 0 10px 20px; width: 110px; text-align: left; color: #404040;}
.naple_sub_box_010 tbody tr td { padding: 10px 10px 10px 0; width: 275px; color: #070707;}
.naple_sub_box_010 tbody tr td:last-child { padding-right: 10px; width: auto;}
.naple_sub_box_010 .naple_sub_box_001_list_04 li { float: left; display: inline; padding-right: 6px; height: 30px; color: #070707; line-height: 30px; vertical-align: middle;}
.naple_sub_box_010 .naple_sub_box_001_list_04 li span { color: #404040; font-size: 16px;}
.naple_sub_box_010_text { width: 100%; padding: 9px 0 7px 20px; font-size: 16px; line-height: 24px; color: #404040; border-bottom: 2px solid #070707;}

.naple_sub_box_011 li { float: left; display: inline; padding-right: 10px; width: 120px;}
.naple_sub_box_011 li:last-child { width: 180px;}
.naple_sub_box_012 h3 { border-bottom: 1px solid #b7b7b7 !important;}

/* 제본방식 전용 통줄 스타일 - flexbox + margin 사용 */
.naple_sub_box_013 {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.naple_sub_box_013 li {
    width: 160px;
    margin-right: 10px;
    padding: 0;
    list-style: none;
}

.naple_sub_box_013 li:nth-child(1) {
    width: 160px;
}

.naple_sub_box_013 li:nth-child(2) {
    width: 171px;
}

.naple_sub_box_013 li .naple_select_01 {
    width: 100%;
}

/* 제본안내 버튼은 필요한 만큼만 너비 사용 */
.naple_sub_box_013 li:last-child {
    width: auto;
    margin-right: 0;
}

/* 별도 견적 페이지 제품 선택 select */
.naple_sub_box_010 .naple_select_01 {
    width: 265px;
    box-sizing: border-box;
}

/* 커팅형태 전용 - 세로 배치 */
.naple_sub_box_cutting {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    margin: 0;
}

.naple_sub_box_cutting li {
    width: 216px;
    padding: 0;
    list-style: none;
}

.naple_sub_box_cutting li:not(:last-child) {
    margin-bottom: 8px;
}


.naple_sub_box_013_001 { float: left !important; margin-left: 9px;}
.naple_sub_box_014 { padding-left: 0px; display: flex; align-items: center; }
.naple_sub_box_014 span { padding-left: 8px; color: #ff1d1d; font-weight: bold; }
.naple_sub_box_014 .naple_sub_box_001_list_04 li:first-child { font-weight: bold;}
.naple_sub_box_015 li { float: left; display: inline; padding-right: 10px; width: 230px; }
.naple_sub_box_015 li:first-child, .naple_sub_box_015 li:last-child { padding-right: 10px; width: 110px; }
.naple_sub_box_016 li, .naple_sub_box_019 li { float: left; display: inline; padding-right: 10px; width: auto;}
.naple_sub_box_016 li:last-child { padding-right: 10px; width: auto;}

.naple_sub_box_017 li:first-child { padding-right: 0px; width: 52px; line-height: 30px;}
.naple_sub_box_017 li { float: left; display: inline; padding-right: 10px; width: 118px; line-height: 30px; color: #404040;}
.naple_sub_box_017 li:last-child { width: 159px; color: #070707;}
.naple_sub_box_017_noline { border-bottom: 0px !important;}
.naple_sub_box_017_noline td { padding-bottom: 0px !important;}
.naple_sub_box_018 li { float: left; display: inline; padding-right: 10px; width: 84px; line-height: 30px;}
.naple_sub_box_018 li:last-child { width: 166px; color: #070707;}
.naple_sub_box_019 li:last-child { color: #070707;}
.naple_sub_box_019 li:last-child .naple_select_05 { margin-right: 8px;}
.naple_sub_box_020 li { float: left; display: inline; padding-right: 10px; }

/*add*/
.naple_sub_add_01 { text-align: left !important;}
.naple_sub_add_01 input { margin-left: 0px !important; margin-right: 6px; width: 107px;}
.naple_sub_add_01 input:last-child { margin-right: 0px;}
.naple_sub_add_01 .input_text { margin-left: 1px !important; margin-right: 1px;}
.naple_sub_add_02 { padding-left: 6px; color: #404040; font-weight: 500;}
.naple_sub_add_03 { width: 108px !important;}
.naple_sub_add_04 { line-height: 28px !important;}

.naple_estimat_guide_button { margin-left: 6px; padding:0 10px;  height: 30px; color: #3397cb; border: 1px solid #3397cb; background-color: #f5fafe; border-radius: 2px;}
.margin-left-zero { margin-left: 0px; }

/*
 * 주문 가이드 팝업
 */
.naple_guide_popup {
    position: fixed; z-index: 3000; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; display: none;
	background: rgba(0,0,0,.5); transition: all .0s ease-in-out; -moz-transition: all .0s ease-in-out; -webkit-transition: all .0s ease-in-out;
 }
.naple_guide_popup:target { opacity: 1; margin-top: 0px; display: block;}
.popup_guide_order { position: relative; top: 50%; margin: -430px auto 100px auto; width: 700px; height: 800px; background-color: #fff;}
.popup_close { color: #fff;}

.popup_content_guide           { position: absolute; border: 0px solid #707070; width:100% }
.popup_content_title           { position: absolute; left: 0px; right: 0px; padding: 0 0 0 15px; height: 40px; color: #fff; line-height: 40px; text-align: left; background-color: #707070;}
.popup_content_xbutton         { position: absolute; right: 0px; margin: 4px 5px 0 0; }
.popup_content_guide_order     { padding-top: 40px; background-color: #fff; overflow:scroll; width: 100%; height: 100%; }
.popup_content_guide_order img { width:100%; }