.clear { clear: both; content: '';}
/*top*/
#naple_header_warp { position: relative; margin-top: 30px;}
.naple_header { margin: 0 auto; width: 1200px;}
.naple_header .h1_logo { float: left; width: auto;}
.naple_header .top_member_box { float: right; padding-top: 22px; width: auto;}
.naple_header .top_member_box li { float: left; padding-left: 20px; display: inline; width: auto; line-height: 14px;}
.naple_header .top_member_box li:first-child { padding-left: 0px;} 
.naple_header .top_member_box li a { float: left; color: #404040; font-weight: 500;}
.cart_icon_box { float: left; position: relative; margin-top: -5px; }
.cart_icon { float: right; padding-top: 2px; width: 20px; height: 16px; background-color: #ff1d1d; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 16px; border-radius: 100px;}

#drop_navbar { margin-top: 10px; }
#drop_navbar .drop_navbar_bg { width: 100%; height: 44px; border-top: 1px solid #818181; background-color: #32353c;}
#drop_navbar .drop_navbar_line { border-bottom: 1px solid #818181;}
#drop_navbar .drop_navbar_box { position: absolute; margin-top: -47px; width: 100%; border-bottom: 1px solid #818181; z-index: 100;}
#drop_navbar .dropdown { margin: 1px auto 0 auto; width: 100%; text-align: center; overflow: hidden;}
#drop_navbar .top_menu { margin: 0 auto; width: 1200px; height: 45px;}
#drop_navbar .top_menu li { float: left; display: inline;}
#drop_navbar .top_menu li a { color: #fff; font-size: 15px; line-height: 45px;}
#drop_navbar .top_menu_line { color: #707070; font-size: 18px; padding: 14px 0 0 0; width: 10px;}
#drop_navbar .dropdown_content { display: none; position: relative; margin-top: -1px; padding-bottom: 3px; width: 100%; background-color: #fff; z-index: 1;}
#drop_navbar .dropdown_content_menu { margin: 2px auto 0 auto; padding: 21px 0 0 0; width: 1200px;}
/*
#drop_navbar .dropdown:hover .dropdown_content { display: block;}
 */
#drop_navbar .dropdown_content_menu table { table-layout: auto;}
#drop_navbar .dropdown_content_menu table tbody tr td { width: auto; text-align: center; vertical-align: top;}
#drop_navbar .dropdown_content_menu table tbody tr td:last-child { padding-right: 0px;}
#drop_navbar .dropdown_sub_menu { padding-bottom: 26px;}
#drop_navbar .dropdown_sub_menu h4 { font-weight: bold; line-height: 24px;}
#drop_navbar .dropdown_sub_menu ul li { display: block; line-height: 25px;}
#drop_navbar .dropdown_sub_menu ul li a { color: #404040; font-weight: 500;}
#drop_navbar .dropdown_sub_menu ul li a:hover { color: #ff6f00; font-weight: 700;}
#drop_navbar .dropdown_sub_menu_01 { width: 142px;}
#drop_navbar .dropdown_sub_menu_02 { width: 178px;}
#drop_navbar .dropdown_sub_menu_03 { width: 142px;}
#drop_navbar .dropdown_sub_menu_04 { width: 124px;}
#drop_navbar .dropdown_sub_menu_05 { width: 134px;}
/*#drop_navbar .dropdown_sub_menu_06 { width: 99px;}*/
#drop_navbar .dropdown_sub_menu_07 { width: 138px;}
#drop_navbar .dropdown_sub_menu_08 { width: 135px;}
#drop_navbar .dropdown_sub_menu_09 { width: 130px;}

/*contants*/
#naple_contants_warp { margin: 0 auto; width: 1200px; }
#naple_contants_full { margin: 0 auto; width: 100%;   }

/*bottom*/
#naple_bottom_warp { padding-top: 70px;}
#naple_bottom_warp .naple_bottom_box_01 { border-top: 1px solid #707070; border-bottom: 1px solid #707070; background-color: #f5f5f5;}
#naple_bottom_warp .naple_bottom_01 { margin: 0 auto; width: 1200px; height: 44px;}
#naple_bottom_warp .naple_bottom_01 a { padding: 0 15px; line-height: 44px; color: #707070;}
#naple_bottom_warp .naple_bottom_box_02 { margin: 0 auto; padding: 20px 0 40px 0; width: 1200px;}
#naple_bottom_warp .naple_bottom_02 { float: left; padding: 40px 0px; width: 150px; background-color: #fff;}
#naple_bottom_warp .naple_bottom_02 h4 { padding-bottom: 10px; font-size: 20px; font-weight: bold;} 
#naple_bottom_warp .naple_bottom_02 ul li { padding: 3px 0; color: #404040; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#naple_bottom_warp .naple_bottom_03 { float: left; margin-left: 50px; width: auto;}
#naple_bottom_warp .naple_bottom_04 { float: right; width: auto;}
#naple_bottom_warp .customer_text { margin-top: 53px; font-size: 28px; font-weight: bold; line-height: 28px; color: #404040;}
#naple_bottom_warp .customer_num { padding-left: 12px; font-size: 28px; font-weight: bold; line-height: 28px;}
#naple_bottom_warp .customer_add h3, #naple_bottom_warp .customer_add ul li, #naple_bottom_warp .customer_add p { color: #404040; font-weight: 500;}
#naple_bottom_warp .customer_add h3 { padding: 20px 0 15px 0;}
#naple_bottom_warp .customer_add ul li { display: block; padding-bottom: 8px; line-height: 14px;}
#naple_bottom_warp .customer_add button { margin: 3px 0 6px 0; padding: 5px 6px; font-size: 12px; line-height: 12px; color: #707070; border: 1px solid #ccc;}

/*font*/
h2 { font-size: 24px; line-height: 24px;}
h3 { font-size: 18px; line-height: 18px; font-weight: bold;}
.naple_font_000 { color: #000 !important;}
.naple_font_bold { font-weight: bold;}

/*button*/
button { width: auto; background-color: transparent; cursor: pointer; border: 0px; vertical-align: middle;}
.naple_button_01 { width: 100%;}
.naple_button_backgroun_b4b4b4 { background-color: #b4b4b4;}
.naple_button_backgroun_4187bb { background-color: #4187bb;}
.naple_button_backgroun_707070 { background-color: #707070;}
.naple_button_backgroun_81a977 { background-color: #81a977 !important;}
.naple_button_backgroun_0064e6 { background-color: #0064e6 !important;}
.naple_button_backgroun_c72c2c { background-color: #c72c2c !important;}
.naple_button_backgroun_4288bc { background-color: #4288bc;}
.naple_button_backgroun_alerts { background-color: #0064e6; color:#fff; padding: 1px 8px; width: 88px;}
.naple_button_font_fff { color: #fff;}
.naple_button_02 { border: 1px solid #707070; background-color: #f5f5f5;}

/*input*/
input, textarea { padding: 0 10px; background-color: #fff; border: 1px solid #ccc; color: #000;}
input::placeholder, textarea::placeholder { color: #5e5e5e;}
input, textarea { resize: vertical;}
/* readonly 필드 시각적 구분 */
input[readonly],
textarea[readonly] {
    background-color: #f9f9f9;
    cursor: not-allowed;
}
.naple_input_01 { width: 80px; height: 30px; }
.naple_input_02 { width: 51px; height: 30px;}
.naple_input_03 { width: 100%; height: 30px;}
.naple_input_04 { width: 290px; height: 30px;}
.naple_input_05 { width: 110px; height: 30px;}
.naple_input_06 { width: 100%; height: 30px;}
/* address2 textarea 공통 스타일 (자동 확장 최대 4줄) */
textarea.naple_input_03,
textarea.naple_input_06 {
    min-height: 35px;
    max-height: 140px; /* 35px * 4줄 = 140px */
    resize: none;
    overflow-y: hidden;
    box-sizing: border-box;
    line-height: 1.4;
    padding: 7px 10px; /* 세로 중앙 정렬 */
    font-family: inherit;
    font-size: inherit;
}
textarea.naple_input_03.show-scroll,
textarea.naple_input_06.show-scroll {
    overflow-y: auto;
}
.naple_input_07 { width: 190px; height: 30px;}
.naple_input_08 { width: 360px; height: 30px;}
.naple_input_09 { width: 250px; height: 30px;}
.naple_input_10 { width: 100%; height: 30px;}
.naple_input_12 { width: 65px; height: 30px;}
.naple_input_placeholder_707070 input::placeholder { color: #707070;}

.naple_textarea_01 { padding: 10px; width: 736px; height: 150px; overflow-x: hidden; overflow-y: auto;}
.naple_textarea_02 { padding: 10px; width: 817px; height: 120px; overflow-x: hidden; overflow-y: auto;}
.naple_textarea_03 { padding: 10px; width: 100%; overflow-x: hidden; overflow-y: auto;}
.naple_textarea_04 { padding: 10px; width: 700px; height: 120px; overflow-x: hidden; overflow-y: auto;}

/*select*/
select::-ms-expand { display: none;}
select { padding: 0 5px; text-align: left; color: #000; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; background: url('/public/images/naple/naple_icon_02.jpg') no-repeat 100% 50% #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* 회원가입 전용 40px 높이 통일 클래스 */
.naple_input_height_uniform { height: 40px !important; }

/* 회원/로그인/마이페이지 전용 35px 높이 */
.member-page ~ .naple_mypage_myinfo_box .naple_input_01, .member-page ~ .naple_mypage_myinfo_box .naple_input_02,
.member-page ~ .naple_mypage_myinfo_box .naple_input_03, .member-page ~ .naple_mypage_myinfo_box .naple_input_04,
.member-page ~ .naple_mypage_myinfo_box .naple_input_05, .member-page ~ .naple_mypage_myinfo_box .naple_input_06,
.member-page ~ .naple_mypage_myinfo_box .naple_input_07, .member-page ~ .naple_mypage_myinfo_box .naple_input_08,
.member-page ~ .naple_mypage_myinfo_box .naple_input_09, .member-page ~ .naple_mypage_myinfo_box .naple_input_10,
.member-page ~ .naple_mypage_myinfo_box .naple_input_12 { height: 35px; }
/* 내정보수정 페이지 이름 입력창 width */
.member-page ~ .naple_mypage_myinfo_box .naple_input_07 { width: 390px; }
/* mySignout 페이지 select 높이 35px */
.naple_mypage_cancel_04_001.naple_select_09 { height: 35px; }
.member-page .naple_select_01, .member-page .naple_select_02, .member-page .naple_select_03, .member-page .naple_select_04,
.member-page .naple_select_05, .member-page .naple_select_06, .member-page .naple_select_07, .member-page .naple_select_08,
.member-page .naple_select_09, .member-page .naple_select_10, .member-page .naple_select_11, .member-page .naple_select_12,
.member-page .naple_select_13 { height: 35px; }
.naple_select_01 { width: 216px; height: 30px;}
.naple_select_02 { width: 180px; height: 30px;}
.naple_select_03 { width: 115px; height: 30px;}
.naple_select_04 { width: 115px; height: 30px;}
.naple_select_05 { width: 75px; height: 30px;}
.naple_select_06 { width: 130px; height: 30px;}
.naple_select_07 { width: 340px; height: 30px;}
.naple_select_08 { width: 360px; height: 30px;}
.naple_select_09 { width: 100%; height: 30px;}
.naple_select_10 { width: 216px; height: 30px;}
.naple_select_11 { width: 115px; height: 30px;}
.naple_select_12 { margin-top: 10px; width: 350px; height: 30px;}
.naple_select_13 { width: 217px; height: 30px;}

/*tab*/
.naple_main_tabmenu { position: relative;}
.naple_main_tabmenu section { display: none; margin-top: 15px; text-align: left;}
.naple_main_tabmenu img   { object-fit: scale-down; }
.naple_main_tabmenu input { display: none;}
.naple_main_tabmenu label { display: inline; margin-right: 24px; padding: 8px 0 0 0; color: #707070; font-size: 18px; border-top: 2px solid #fff; cursor: pointer;}
.naple_main_tabmenu label:hover { cursor: pointer;}
.naple_main_tabmenu input:checked + label { color: #000; border-top: 2px solid #ff6f00; font-weight: bold;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6 { display: block;}

/*modal*/
.naple_modal { position: fixed; z-index: 1000; 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_modal:target { opacity: 1; margin-top: 0px; display: flex; align-items: center; justify-content: center;}
.naple_modal_content_01 { position: relative; margin: 0 auto; width: 980px; height: 740px; background-color: #fff; border: none;}
.naple_modal_content_02 { margin: 0 auto; width: 700px; height: 500px;}
.naple_modal_content_03 { margin: 30px auto; width: 900px; height: 860px;}
.naple_modal_content_04 { margin: 0 auto; width: 600px; height: 360px; border: none;}
.naple_modal_content_05 { margin: 20px auto; width: 712px; height: 870px;}
.naple_modal_content_06 { margin: 20px auto; width: 680px; height: 870px;}
.naple_modal_content_07 { margin: 0 auto; width: 600px; height: 380px;}
.modal_btn_01 { color: #fff;}


.naple_modal_contant_15_popup { position: absolute; width: 600px; height: 380px; border: 1px solid #707070; border-radius: 3px;}
.naple_modal_contant_15_popup_title { position: absolute; left: 0px; right: 0px; padding: 0 0 0 15px; height: 40px; color: #fff; line-height: 40px; text-align: left; background-color: #404040;}
/* 공통 모달 X 버튼 - CSS로 구현 (시안확인 스타일 기준) */
.naple_modal_contant_15_popup_xbutton,
.naple_mypage_delivery_08_xbutton,
.naple_mypage_delivery_09_xbutton {
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* 위치는 기존 스타일 유지 */
.naple_modal_contant_15_popup_xbutton { position: absolute; right: 0px; margin: 4px 5px 0 0;}
.naple_mypage_delivery_08_xbutton { float: right; padding-right: 13px;}
.naple_mypage_delivery_09_xbutton { float: right; margin: -45px 15px 0 0;}

/* X 버튼 CSS 디자인 */
.naple_modal_contant_15_popup_xbutton::before,
.naple_modal_contant_15_popup_xbutton::after,
.naple_mypage_delivery_08_xbutton::before,
.naple_mypage_delivery_08_xbutton::after,
.naple_mypage_delivery_09_xbutton::before,
.naple_mypage_delivery_09_xbutton::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #fff;
}

.naple_modal_contant_15_popup_xbutton::before,
.naple_mypage_delivery_08_xbutton::before,
.naple_mypage_delivery_09_xbutton::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.naple_modal_contant_15_popup_xbutton::after,
.naple_mypage_delivery_08_xbutton::after,
.naple_mypage_delivery_09_xbutton::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.naple_modal_contant_15_popup_xbutton:hover::before,
.naple_modal_contant_15_popup_xbutton:hover::after,
.naple_mypage_delivery_08_xbutton:hover::before,
.naple_mypage_delivery_08_xbutton:hover::after,
.naple_mypage_delivery_09_xbutton:hover::before,
.naple_mypage_delivery_09_xbutton:hover::after {
    background-color: #ff6f00;
}

/* X 버튼 내부 이미지 숨김 */
.naple_modal_contant_15_popup_xbutton img,
.naple_mypage_delivery_08_xbutton img,
.naple_mypage_delivery_09_xbutton img {
    display: none;
}
.naple_modal_contant_15_contants { padding-top: 40px; background-color: #fff;}
.naple_modal_contant_15_001 tbody tr th { padding: 5px 0px; width: 100px; color: #000; background-color: #f5f5f5;}
.naple_modal_contant_15_001 tbody tr td { padding: 5px 28px 5px 10px; height: 40px; color: #707070;}
.naple_modal_contant_15_002 th, .naple_modal_contant_15_002 td { padding-top: 20px !important;}
.naple_modal_contant_15_003 { margin: 10px 28px 0 0; text-align: right;}
.naple_modal_contant_15_003 input { margin-right: 5px; text-align: right;}
.naple_modal_contant_15_004 { margin-top: 20px; text-align: center;}
.naple_modal_contant_15_004 button { margin: 0 5px; font-size: 20px; border: 1px solid #707070; background-color: #f5f5f5;}
.naple_modal_contant_15_004 .naple_background { color: #fff; border: 0px !important;}
.naple_modal_contant_15_005 { vertical-align: top; line-height: 29px;}

/* 배송지변경 모달 전용 스타일 (동적 높이 조정) */
#dialogDest .naple_modal_content_07 { width: 550px; height: 520px;}
#dialogDest .naple_modal_contant_15_popup { width: 550px; height: 520px; padding-bottom: 0; }
#dialogDest .naple_modal_contant_15_contants { padding-bottom: 10px; }
#dialogDest .naple_mypage_delivery_08_button_02 { margin-bottom: -90px; }
#dialogDest .naple_modal_contant_15_001 tbody tr { border-top: 1px solid #e0e0e0;}
#dialogDest .naple_modal_contant_15_001 tbody tr:first-child { border-top: none;}
#dialogDest .naple_modal_contant_15_001 tbody tr th { padding: 8px 0px;}
#dialogDest .naple_modal_contant_15_001 tbody tr td { padding: 8px 28px 8px 10px;}
#dialogDest .naple_modal_contant_15_001 .naple_mypage_ordersheet_03_001 li { float: left; display: inline; margin-right: 10px;}
#dialogDest .naple_modal_contant_15_001 .naple_mypage_ordersheet_03_001 li:first-child { width: 110px; }
#dialogDest .naple_modal_contant_15_001 .naple_mypage_ordersheet_03_001 li:nth-child(2) { width: 130px; }
#dialogDest .naple_modal_contant_15_001 .naple_mypage_ordersheet_03_001 li:last-child { width: 130px; margin-right: 0; }
#dialogDest .naple_modal_contant_15_001 .naple_mypage_ordersheet_03_001 .naple_select_01 { width: 110px; height: 35px; }
#dialogDest .naple_modal_contant_15_001 .naple_mypage_ordersheet_03_001 .naple_input_05 { width: 130px; height: 35px; }
#dialogDest .naple_modal_contant_15_001 .naple_input_04 { width: 390px; height: 35px; }
#dialogDest .naple_modal_contant_15_001 .naple_input_06 { width: 390px; height: 35px; }
/* address2 textarea 자동 확장 (최대 4줄, 5줄부터 스크롤) */
#dialogDest .naple_modal_contant_15_001 textarea.naple_input_06 {
    min-height: 35px;
    max-height: 140px; /* 35px * 4줄 = 140px */
    resize: none;
    overflow-y: hidden; /* 4줄까지는 스크롤 숨김 */
    box-sizing: border-box;
    line-height: 1.4;
    padding: 7px 10px;
    font-family: inherit;
    font-size: inherit;
}
/* 4줄 초과 시 스크롤 표시 */
#dialogDest .naple_modal_contant_15_001 textarea.naple_input_06.show-scroll {
    overflow-y: auto;
}

/************공통 오렌지색************/
.naple_font { color: #ff6f00 !important;}
.naple_font_label { color: #c76400 !important;}
.naple_border { border-color: #ff6f00;}
.naple_background { background-color: #ff6f00;}

/*bottom*/
.naple_bottom_left_menu { float: left; margin-top: 26px; width: 180px; border: 1px solid #707070;}
.naple_bottom_left_menu ul { padding: 8px 2px; }
.naple_bottom_left_menu ul li { margin: 4px 0; height: 30px; font-size: 15px; cursor: pointer;}
.naple_bottom_left_menu ul li:hover { background-color: #e4e4e4;}
.naple_bottom_left_menu ul li a { padding-left: 25px; line-height: 30px;}
.naple_bottom_left_menu ul .selected { background-color: #e4e4e4;}
.naple_bottom_right_box { float: right; margin: 26px 0 60px 0; width: 1000px; text-align: left;}
.naple_bottom_right_sub_title { margin: 10px 0 19px 0; padding-bottom: 8px; border-bottom: 2px solid #000; color: #000;}

.naple_bottom_company { margin-top: 30px; width: 100%; height: 550px; background-image: url('/public/images/naple/bottom_img_01.jpg'); background-repeat: no-repeat; background-size: 380px auto;}
.naple_bottom_company_text { padding: 16px 0 0 342px;}
.naple_bottom_company_text h5, .naple_bottom_company_text span { font-size: 20px; line-height: 30px;}
.naple_bottom_company_text p { padding-top: 24px; font-size: 15px; line-height: 28px;}
#naple_bottom_service_warp { margin: 0 auto; width: 1220px;}
#naple_bottom_service_warp .naple_bottom_right_sub_title { margin: 0 auto; width: 1200px;}
.naple_bottom_service_iframe_01 { margin: 0 auto; width: 1000px;}
.naple_bottom_service_iframe_01 iframe { width: 100%; height: 650px;}
.naple_bottom_service_iframe_02 iframe { height: 650px;}
.naple_bottom_service_iframe_box { padding: 10px 10px 10px 10px;}
.naple_bottom_service { margin-top: 40px; line-height: 24px;}
.naple_bottom_service h3 { padding-top: 8px;}
.naple_bottom_service_01 { margin-top: 27px; line-height: 28px;}
.naple_bottom_service_02 { margin-top: 27px; margin-bottom: 50px; line-height: 26px;}
.naple_bottom_service_03 li { display: block; margin-left: 20px; padding-bottom: 15px; line-height: 26px;}
.naple_bottom_service_03 span { margin-left: -20px; margin-right: 5px; vertical-align: baseline;}
.naple_bottom_service_03 li:last-child, .naple_bottom_service_09 li:last-child { padding-bottom: 0px;}
.naple_bottom_service_04 li { display: block; margin-left: 17px; padding-bottom: 5px; line-height: 26px;}
.naple_bottom_service_04 li:last-child, .naple_bottom_service_05, .naple_bottom_service_08 li:last-child, .naple_bottom_service_09 { padding-bottom: 15px;}
.naple_bottom_service_06 { margin-top: 0px;}
.naple_bottom_service_07 { padding: 0 14px;}
.naple_bottom_service_07 h4 { margin-top: 50px;}
.naple_bottom_service_07 p { margin-top: 30px;}
.naple_bottom_service_08 li { display: block; margin-left: 25px; padding-bottom: 5px; line-height: 26px;}
.naple_bottom_service_08 li:before { margin-left: -14px; content: '•';}
.naple_bottom_service_09 li { display: block; padding-bottom: 5px; line-height: 26px;}
.naple_bottom_map { margin-top: 30px;}
.naple_bottom_map img { height: 565px; border: 1px solid #707070;}
.naple_bottom_map h4 { margin: 50px 0 0 0; font-size: 18px; line-height: 18px; font-weight: bold;}
.naple_bottom_map p { margin-top: 15px;}

.naple_loading { 
    position   : absolute;
    display   : inline-block;
    width     : 100px;
    height    : 100px;
    border    : 0px solid black;
    padding   : 32px;
    margin    : 0px;
    box-sizing: border-box;
}
.naple_loading_draft_write { margin:  60px 0 0 -50px;}
.naple_loading_board_write { margin:  95px 0 0 341px;}
.naple_loading_board_reply { margin:  50px 0 0 417px;}
.naple_loading_notice_load { margin:  80px 0 0 457px;}
.naple_loading_order_going { margin:  620px 0 0 457px;}