@charset "utf-8";

/*========================================================================
Layout
========================================================================*/
/* LAYOUT */
#wrap { min-width:1220px; width:100%; }
#container { position:relative; max-width:100%; min-width:1200px; width:100%; margin:0 auto; border-top:0; }
#contents { max-width:1200px; min-width:1200px; width:100%; margin:0 auto; }
#contents .sub_content { width:100%; padding:80px 0 0; }
.gnb,
.header_top_cont, 
.header_search_cont, 
.main_goods_cont, 
.content_info, 
.foot_list ul, 
.foot_cont, 
.foot_certify { position:relative; max-width:1880px; min-width:1220px; width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box; }
/* inner */
.header-inner,
.footer-inner { position:relative; max-width:1880px; min-width:1220px; width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box; }

.footer-inner::after { content:""; display:block; clear:both; }

/* 스크롤 배너 */
.scroll_wrap { width:1200px; margin-left:-600px; }
#scroll_left { display:none; }
#scroll_right { display:none; }

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

/* side */
#contents .sub_content > .side_cont + .content { width:calc(100% - 190px); padding-left:60px; box-sizing:border-box; }
.sub_content .side_cont { width:190px; }
.sub_search_box dl dd select { width:188px; }/* 좌측에서 -2px */
#wrap .sub_search_box dl dd .chosen-container { width:188px !important; }/* 좌측에서 -2px */

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



/*========================================================================
서브 공통
========================================================================*/
/* 타이틀 공통 */
[class^="body-"]:not(.body-main) [class$="_tit"] > h2 { color:#161616; font-size:24px; font-weight:500; line-height:1.1; }
/* 목록 타이틀 */
.goods_list_item_tit { margin:0; padding:0; text-align:center; }
.goods_list_item_tit h2 { margin:40px 0 30px; }

/* location */
.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 { min-width:70px; margin-top:10px; border:0; }
.location_select ul { min-width:100%; width:max-content; }

/* pagination */
.pagination { position:relative; z-index:1; }
.pagination li {  }
.pagination li a,
.pagination li span { color:#ccc; font-size:14px; font-weight:300; }
.pagination .on { color:#161616; border:0; }
.pagination li.on span { color:#161616; font-weight:400; }
.pagination .btn_page { border:0; }
.pagination .btn_page_next { background:url("../img/common/btn_paging_next.png") no-repeat 17px 50%; }
.pagination .btn_page_last { background:url("../img/common/btn_paging_last.png") no-repeat 12px 50%; }
.pagination .btn_page_prev { background:url("https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/common/btn_paging_prev.png") no-repeat 20px 50%; }
.pagination .btn_page_first { background:url("https://www.capostore.co.kr/data/skin/front/dbook_20220713/_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; }



/*========================================================================
checkbox 공통
========================================================================*/

body .form_element input[type='checkbox'] + label,
body .form_element input[type='checkbox'] + label:hover,
body .form_element input[type='checkbox'] + label.check_s,
body .form_element input[type='checkbox'] + label.check_s:hover { min-width:22px; min-height:22px; line-height:22px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/input_chk.jpg') no-repeat 1px top; }

body .form_element input[type='checkbox'] + label.on,
body .form_element input[type='checkbox'] + label.on:hover,
body .form_element input[type='checkbox'] + label.check_s.on,
body .form_element input[type='checkbox'] + label.check_s.on:hover { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/input_chk_on.jpg') no-repeat 1px top; }
body .form_element input[type='checkbox'] + label, 
body .form_element input[type='checkbox'] + label.check_s { padding:0 0 0 30px; }

/*========================================================================
input 공통
========================================================================*/
.layer_shipping_address_regist td input[type=text],
body input[type="text"],
body #container input[type="text"],
body #container input[type="password"],
body #container input[type="search"] { height:44px; line-height:44px; padding:0 0 0 20px; color:#161616; font-size:15px; background-color:unset; border:1px solid #e5e5e5; }
body input[type="text"]::placeholder,
body input[type="password"]::placeholder,
body #container input[type="text"]::placeholder,
body #container input[type="password"]::placeholder,
body textarea::placeholder,
body #container textarea::placeholder { color:#969696; }


/*========================================================================
button 공통
========================================================================*/
/* 블랙 버튼 공통 */
body #container .member_login_order_btn,
.member_cont .nonmember_order_box .order_input_sec button,
.member_cont .nonmember_order_box .order_input_sec button:hover,
.btn_comfirm,
.btn_comfirm:hover,
.btn_member_next,
.btn_member_next:hover,
.btn_member_prev,
.btn_member_prev:hover,
body #container .btn_login,
body #container .btn_login:hover,
.btn_order_whole_buy,
.btn_order_whole_buy:hover,
.body-join-method .member_login_shop .shop_mall_join,
.body-join-method .shop_mall_join:hover,
.dbkSubmitBtn,
.dbkOptionBtn,
.btn_board_del,
.ly_cont .btn_center_box button.btn_ly_ok,
.btn_write_ok,
.btn_member_id,
.btn_member_id:hover { height:60px; line-height:58px; padding:0; color:#fff; font-size:20px; font-weight:500; background:#161616; border:1px solid #161616; box-sizing:border-box; }

/* 화이트 버튼 공통 */
body #container .btn_member_join,
.btn_member_cancel,
.btn_member_cancel:hover,
body #container #btnHome,
body #container #btnHome:hover,
.btn_order_choice_buy,
.btn_order_choice_buy:hover,
.body-join-method .member_guide_txt a,
.body-join-method .member_guide_txt a:hover,
.btn_board_edit,
.btn_board_list,
.btn_board_report,
.btn_board_reply,
.ly_cont .btn_center_box button.btn_ly_cancel,
.btn_before,
.js_btn_find_password,
.js_btn_find_password:hover { height:60px; line-height:58px; padding:0; color:#161616; font-size:20px; font-weight:500; background:#fff; border:1px solid #161616; box-sizing:border-box; }

/* 그레이 버튼 공통 */
.btn_member_black { height:60px; line-height:58px; padding:0; color:#fff; font-size:20px; font-weight:500; background:#757575; border-color:#757575; box-sizing:border-box; }

#wrap .chosen-container-single .chosen-single,
.chosen-container-single .chosen-single { height:44px; padding-left:20px; background:#fff; border-color:#e5e5e5; }
#wrap .chosen-single > span,
.chosen-single > span { color:#161616; font-size:15px; line-height:42px; }
.chosen-container-single .chosen-single div { width:40px; }
.chosen-container-single .chosen-single div b { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/select_arr.png') no-repeat center !important; }


/*========================================================================
모션
========================================================================*/
@keyframes TransY { 
	0% { opacity:0; -webkit-transform:translateY(-50px); transform:translateY(-50px) } 
	100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes TransY2 { 
	0% { opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px) } 
	100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(-50px,0,0) }
    to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0) }
    to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    to { opacity: 1; }
}

.fadeInLeft { opacity:0; }
.fadeInRight { opacity:0; }
.TransY { opacity:0; }
.TransY2 { opacity:0; }
.fadeIn { opacity:0; }
.motion .fadeInLeft { animation:fadeInLeft 1.2s forwards; }
.motion .fadeInRight { animation:fadeInRight 1.2s forwards; }
.motion .TransY { animation:TransY 1.2s forwards; }
.motion .TransY2 { animation:TransY2 1.2s forwards; }
.motion .fadeIn { animation:fadeIn 1.2s forwards; }
.motion .ani2 { animation-delay:.2s; }
.motion .ani3 { animation-delay:.3s; }
.motion .ani4 { animation-delay:.4s; }
.motion .ani5 { animation-delay:.5s; }
.motion .ani6 { animation-delay:.6s; }
.motion .ani8 { animation-delay:.8s; }
.motion .ani10 { animation-delay:1s; }
.motion .ani12 { animation-delay:1.2s; }
.motion .ani14 { animation-delay:1.4s; }