@font-face {
    font-family: 'Noto_demi';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url('/fonts/eot/NotoSansKR-DemiLight-Hestia.eot'),
    url('/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/fonts/woff/NotoSansKR-DemiLight-Hestia.woff') format('woff'),
    url('/fonts/otf/NotoSansKR-DemiLight-Hestia.otf') format('opentype');
}


@font-face {
    font-family: 'Noto_bold';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url('/fonts/eot/NotoSansKR-Bold-Hestia.eot'),
    url('/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/fonts/woff/NotoSansKR-Bold-Hestia.woff') format('woff'),
    url('/fonts/otf/NotoSansKR-Bold-Hestia.otf') format('opentype');
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');


@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/fonts/Pretendard/woff2/Pretendard-Black.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/fonts/Pretendard/woff2/Pretendard-ExtraBold.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/fonts/Pretendard/woff2/Pretendard-Bold.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/fonts/Pretendard/woff2/Pretendard-SemiBold.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/fonts/Pretendard/woff2/Pretendard-Medium.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/fonts/Pretendard/woff2/Pretendard-Regular.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/fonts/Pretendard/woff2/Pretendard-Light.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/fonts/Pretendard/woff2/Pretendard-ExtraLight.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/fonts/Pretendard/woff2/Pretendard-Thin.woff2') format('woff2'), url('/fonts/Pretendard/woff/Pretendard-Thin.woff') format('woff');
}




/**** 기초 ****/
* {font-family: 'Pretendard', sans-serif; font-weight: 400; }
.en_font {}
.container {margin: 0 auto;	width:1200px;}
.container_fluid {margin: 0 auto;}
.text_left {text-align: left;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.invisible {visibility: hidden;}
.visible {visibility: visible;}
.hide {display: none;}
.show {display: block !important;}
.float_l {float:left;}
.float_r {float:right;}
.center-block {display: block; margin-right: auto; margin-left: auto;}
.po_fixed {position:fixed;}
.po_abs {position:absolute;}
.po_rel {position:relative;}
.po_static {position:static;}
.clear {clear:both;}
.over_h {overflow:hidden;}
.z_10 {z-index:10;}
.z_100 {z-index:100;}
.z_1000 {z-index:1000;}
.z_9999 {z-index:9999;}
.img_center {display:block; margin:0 auto;}
.img_center_1920 {left:50%; margin-left:-960px; position:relative;}
.ul_center {display:table; margin:0 auto;}

.mar_t_0 {margin-top:0 !important;}
.mar_l_0 {margin-left:0 !important;}
.mar_r_0 {margin-right:0 !important;}
.mar_b_0 {margin-bottom:0 !important;}
.pad_t_0 {padding-top:0 !important;}
.pad_l_0 {padding-left:0 !important;}
.pad_r_0 {padding-right:0 !important;}
.pad_b_0 {padding-bottom:0 !important;}

.bor_t_0 {border-top:0 !important;}
.bor_l_0 {border-left:0 !important;}
.bor_r_0 {border-right:0 !important;}
.bor_b_0 {border-bottom:0 !important;}
.bor_0 {border:none !important;}

.mar_b_50 {margin-bottom: 50px;}
.mar_b_80 {margin-bottom: 80px;}
.mar_b_100 {margin-bottom: 100px;}
.mar_b_120 {margin-bottom: 120px;}
.mar_b_150 {margin-bottom: 150px;}

.mar_t_50 {margin-top: 50px;}
.mar_t_60 {margin-top: 60px;}
.mar_t_80 {margin-top: 80px;}
.mar_t_100 {margin-top: 100px;}
.mar_t_150 {margin-top: 150px;}

.pad_t_50 {padding-top: 50px;}
.pad_t_100 {padding-top: 100px;}
.pad_t_120 {padding-top: 120px;}
.pad_t_150 {padding-top: 150px;}

.pad_b_50 {padding-bottom: 50px;}
.pad_b_100 {padding-bottom: 100px;}
.pad_b_120 {padding-bottom: 120px;}
.pad_b_150 {padding-bottom: 150px;}

.pad_lr_80 {padding: 0 80px;}

.font_bold {font-weight: bold;}
.d_inline {display: inline-block;}
.v_center {display:table-cell; vertical-align:middle;}
.after:after {content: ''; clear: both; display: block;}
.font_b {font-weight: bold;}
.vh_center {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.text_hide {text-indent: 100%; white-space: nowrap; overflow: hidden;}
.video {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%;}
.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/**** common ****/
[class~=btn_submit]:hover {border: none;}
#wrapper {margin: 0px auto;  padding: 80px 0;}
#wrapper_title {font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 24px;}
#container {background: none; max-width: 1300px;}
.tbl_head03 td {font-size: 14px;}


/**** header ****/
#hd_wrapper {height: auto; max-width: 100%; padding: 20px 50px;}
#logo {padding: 0; margin-right: 100px;}
#logo img {height: 60px;}
#hd_wrapper .head_menu {overflow: hidden; float: left; margin: 17px 0;}
#hd_wrapper .head_menu li {float: left; font-size: 16px; padding: 0 15px;  }
#hd_wrapper .head_menu li a {font-family: 'Pretendard', sans-serif; font-weight: 800;}
#hd_wrapper .head_menu li a:hover {color: #2461ad;}
#hd_wrapper .member_menu { float: right; margin: 19px 0;}
#hd_wrapper .member_menu li {float: left;  font-size: 14px; padding: 0 15px; border-right: 1px solid #eee;}
#hd_wrapper .member_menu li:last-child {border-right: 0;}
#hd_wrapper .member_menu li a { font-weight: 400;}
#hd_wrapper .member_menu li.tnb_cart .cart-countT {display: inline-block; width: 20px; height: 20px; background: #2461ad; border-radius: 50px; line-height: 20px; color: white; text-align: center;  font-weight: 400;}
#hd_wrapper .member_menu li.search_btn {cursor: pointer;}

/* 검색창 */
#hd_scha {position: absolute; top: 100px; left: 0; width: 100%; z-index: 10; margin-left: 0; background: #f9f9f9; display: none;}
#hd_scha .search_box {margin: 50px auto; max-width: 1000px;}
#hd_scha .search_box #sch_str {background: none; font-size: 18px; height: 60px; font-family: 'Pretendard', sans-serif; font-weight: 400;}
#hd_scha .search_box #sch_str:hover {border-bottom: 1px solid #000;}
#hd_scha .search_box #sch_str::-webkit-input-placeholder {}
#hd_scha .search_box #sch_submit {height: 60px;}

/**** footer ****/
#community {background: #f9f9f9; margin-top: 0;}
#comm_area {max-width: 1300px;}
#comm_area h4 {font-weight: normal;  font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 18px; letter-spacing: -1px;}
#comm_area p {font-size: 14px; line-height: 20px;}
#community .lat .empty_li {line-height: initial;}
#comm_area [class~=comm_cs] p[class~=tel] { font-weight: 700;}
#comm_area [class~=comm_bank] {padding: 30px;}
#comm_area [class~=comm_bank] p {font-size: 14px; line-height: 24px;}
#comm_area [class~=comm_quick] {width: 340px; padding: 30px 0 30px 30px;}
#comm_area [class~=comm_notice] {width: 460px; padding: 30px;}
#comm_area [class~=comm_notice] [class~=lat] {background: none;}
#comm_area p strong {font-size: 14px;}
#comm_area [class~=comm_quick] ul li a:hover span {background-color: #2461ad;}

.btn_top_admin_bt {top: auto !important; bottom: 50px;}
#ft {background: #2461ad; padding: 40px 0;}
#ft [class~=ft_ul] {border-bottom: 1px solid #286abd; margin-bottom: 30px;}
#ft [class~=ft_ul] li a {color: white; font-size: 14px;}
#ft [class~=ft_info] span {color: white; font-size: 14px;}
#ft [class~=ft_info] span b {color: white; font-size: 14px;}
#ft [class~=ft_cs] {top: auto; background: #17539d; padding: 20px; border: none;}
#ft [class~=ft_cs] h2 {color: white;}
#ft [class~=ft_cs] strong {color: white; font-size: 24px; margin-bottom: 10px; font-weight: 700;}
#ft [class~=ft_cs] p {color: #ddd; font-size: 12px;}
#ft [class~=ft_info] p {color: white; font-size: 12px; opacity: 0.7;}


/**** 사이드 메뉴 ****/
#ol_submit {font-family: 'Pretendard', sans-serif; font-weight: 400;}



/**** 인덱스 ****/
#main_bn [class~=swiper-pagination-bullet-active], #main_bn_mobile [class~=swiper-pagination-bullet-active] {background: #17539d;}
[class~=sct_wrap] h2 {font-size: 30px; line-height: 30px;  font-weight: 700;}
.hit_item_wrap {max-width: 1300px; margin: 0 auto;}







/**** 로그인 ****/
.mbskin .mbskin_box {border: none;}
.mbskin {width: 500px; margin: 12% auto !important;}
.mbskin .logo {margin-bottom: 50px;}
.mbskin .logo img {max-width: 200px;}
#login_fs {padding: 0;}
#mb_login #login_fs .frm_input {line-height: 50px; height: 50px; font-size: 16px; padding: 0 15px;}
#mb_login #login_fs .btn_submit {margin-bottom: 0; margin-top: 50px; height: 60px; line-height: 60px; font-size: 20px; font-weight: 700; border-radius: 30px; background: #2461ad; border: none;}
#login_info {margin-top: 15px;}
#login_info .login_if_auto {font-size: 16px;line-height: 16px;}
#mb_login .login_sub_menu {float: right;}
#mb_login .login_sub_menu li {float: left; font-size: 16px; line-height: 16px; padding: 0 15px; border-right: 1px solid #eee;}
#mb_login .login_sub_menu li:last-child {border-right: 0; padding-right: 0;}




/**** 회원확인 ****/
#mb_confirm {border: none;}
#mb_confirm .confirm_id {font-size: 14px;}
#mb_confirm_id {font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 18px; margin-bottom: 20px;}
#mb_confirm fieldset .frm_input {line-height: 50px; height: 50px; font-size: 16px; padding: 0 15px;}
.mbskin .btn_submit {margin-bottom: 0; margin-top: 50px; height: 60px; line-height: 60px; font-size: 20px; font-weight: 700; border-radius: 30px; background: #2461ad; border: none;}



/**** 마이페이지 ****/
#smb_my_ov {background: #f4f7fb; border: 1px solid #ebf0f5; overflow: hidden; width: 100%;margin-bottom: 30px; position: relative;}
#smb_my_ov [class~=smb_me] {background: none; float: left; width: 400px; border-bottom: 0; }
#smb_my_ov .smb_me img {width: 100px; margin-bottom: 0;}
#smb_my_ov .smb_me .me_menu {text-align: left; margin-left: 20px;}
#smb_my_ov .smb_me .me_menu p {font-size: 30px; font-family: 'Pretendard', sans-serif; font-weight: 800; margin-bottom: 10px; line-height: 30px; margin-top: 15px;}
#smb_my_ov .smb_me .me_menu p span {font-size: 18px; display: inline-block; margin-left: 5px;}
#smb_my_ov .smb_me a {height: 30px; line-height: 30px; font-size: 14px;}
#smb_my_ov h3 {border-top: 1px solid #ebf0f5; font-size: 18px;}
#smb_private {width: 400px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#smb_private {overflow: hidden;}
#smb_private li {font-size: 14px; float: left; width: 33.333%;}
#smb_private li i {margin-right: 0; font-size: 20px; margin-bottom: 5px;}
#smb_private a {background: none;    padding: 0;}
#smb_private .num {font-size: 24px;  font-weight: 700;}
#smb_private a strong {float: none; font-size: 12px; line-height: 19px; padding: 0 5px; border-radius: 3px !important;}
.withdrawal {border-top: 1px solid #ebf0f5; color: #888;}

#smb_my_list {width: 100%;}

#smb_my_wish h2, #smb_my_od h2 {font-family: 'Pretendard', sans-serif; font-weight: 800;}

#smb_my_ov .mo_me_menu {display: none;}



/**** MD픽 ****/
.md_pick_wrap {margin-bottom: 0;}
.md_pick[class~=smt_10] li[class~=sct_li] {float: left; width: 50%; position: relative; margin: 0; border: 0;}
.md_pick[class~=smt_10] [class~=sct_img] {position: relative;}
.md_pick li .sct_ct_wrap {position: absolute; top: 5%; left: 5%; width: 90%; height: 90%;}
.md_pick[class~=smt_10] [class~=sct_txt] {font-size: 24px; line-height: 24px; font-family: 'Pretendard', sans-serif; font-weight: 800;}
.md_pick[class~=smt_10] [class~=sct_basic] {font-size: 16px;line-height: 26px;}
.md_pick[class~=smt_10] [class~=sct_cost] {position: absolute; right: 0; bottom: 0; font-size: 30px; font-family: 'Pretendard', sans-serif; font-weight: 800;}
.md_pick[class~=smt_10] [class~=sct_cost] .sct_dict {font-size: 20px; font-family: 'Pretendard', sans-serif; font-weight: 400;}
.md_pick[class~=smt_10] [class~=sct_cost] .sct_dict:after {content: '→'; display: inline-block;}
.md_pick li .img_box {width: 100%; height: 0; padding-bottom: 75%;}




/**** 상품 리스트 ****/
[class~=sct_disc]:after {border-top: 8px solid #ff611b;}
[class~=sct_disc] { background-color: #ff611b !important;}
[class~=sct_disc] span {color: white;}
[class~=sct_10] [class~=sct_dict]:after {content: '→'; display: inline-block; }
[class~=sct_10] [class~=sct_op_btn] {right: 5px;}
[class~=sct_10] [class~=sct_op_btn]>button {display: inline-block; width: 40px; height: 40px; border-radius: 50%; font-size: 20px; margin: 0; border: 0; background: rgba(255,255,255,0.8);}
.sct_10 .sct_img:hover .sct_cart {display: inline-block;}
[class~=sct_10] [class~=sct_op_btn]>button.btn_share {display: none;}
[class~=sct_10] [class~=sct_op_btn]>button:hover span {display: none;}
[class~=sct_10] [class~=sct_op_btn]>button:before {display: none;}
[class~=sct_10] [class~=sct_li]:nth-child(3n+1) {clear: none;}
.sct_10 {margin: 30px -1% !important;}
.sct_10 .sct_li {float: left; width: 23% !important; margin: 1% !important; border: none; padding: 15px; background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 5%); border-radius: 10px;}
.sct_10 .sct_txt {font-size: 18px; border: none; padding-bottom: 0; margin-bottom: 5px;}
.sct img {width: 100%; height: auto;}
.sct_10 .sct_cost {margin-bottom: 0; font-weight: normal; font-family: 'Pretendard', sans-serif; font-weight: 800; }
.sct_10 .sct_dict {font-family: 'Pretendard', sans-serif; font-weight: 400; }
.sit_icon_li {display: none;}
.go_product {display: none; position: absolute; left: 5px; bottom: 5px; width: calc(100% - 120px); line-height: 40px; font-size: 14px;  font-weight: 700; background: rgba(255,255,255,0.8); color: #888; border-radius: 5px; border: 1px solid #eee;}
.go_product:hover {color: #2461ad;}
.mo_go_product {display: none;}

#sct_location {display: none;}
.shop-content [class~=sct_admin] {top: 0;}
#sct_sortlst {background: none; border: none;}
#ssch_sort li:first-child a {padding-left: 0;}
#ssch_sort li a {color: #999;}
#ssch_sort li:hover a {color: #333;}
#ssch_sort li:hover:after {display: none;}




/**** 상품 상세 ****/
#sct_location.view_location {display: none;}
#sit_ov_wrap {padding: 0; border-top: 0; background: #fff;}
.sit_info {}
.sit_info .tr_price {border-bottom: 0;}
.sit_info .tr_price th, .sit_info .tr_price td {padding: 0; vertical-align: middle;}
.sit_ov_tbl td strong {vertical-align: middle;}
#sit_ov_wrap [class~=sit_ov_tbl] td {padding: 0;}
#sit_ov_from {border-bottom: 0;}
#sit_ov {width: 55%; padding: 50px 100px;}
.sit_ov_tbl th {height: 40px;}
#sit_title { font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 28px;}
#sit_desc {color: #999; font-size: 14px; line-height: 24px;}
#sit_tot_price {font-size: 18px;}
#sit_tot_price strong {font-family: 'Pretendard', sans-serif; font-weight: 800; font-weight: normal;}
#sit_opt_added li .opt_name {font-size: 14px; margin-bottom: 10px;}

#sit_pvi_big {margin-bottom: 0;}
#sit_pvi_big img {border: 0;}
#sit_pvi_big #popup_item_image {margin-top: 0; z-index: 10; top: 0;}
#sit_pvi_thumb {display: none; width: 100%; margin: 0; position: absolute; bottom: 0; padding: 15px; background: rgba(0,0,0,0.35);}
#sit_pvi_thumb li {margin-bottom: 0;}
#sit_pvi_thumb li img {border: none; border-radius: 10px;}
#sit_pvi_thumb img:hover {border: none;}

.sit_admin {z-index: 10;}

#sit_info { display: block; max-width: 1300px; margin: 80px auto 0; border: 0;}


#sit_tab [class~=tab_con] {padding: 30px 0;}
#sit_tab .tab_tit {border: 1px solid #e8e8e8;}
#sit_tab [class~=tab_tit] li button {font-size: 14px; padding: 0; line-height: 50px;}
#sit_tab .item_use_count, #sit_tab .item_qa_count {text-align: center; line-height: 22px; padding: 0;}

.sit_btn_wish {font-size: 14px;}

.prd_price  {margin-bottom: 30px;}
.prd_price h2 {font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 22px; display: inline-block;}
.prd_price p {display: inline-block; font-size: 14px; color: #999; text-decoration: line-through; margin-left: 5px;}

/**** 주문서 작성 ****/
#sod_frm_taker [class~=tbl_frm01] [class~=btn_frmline] {vertical-align: baseline;}
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {line-height: 17px;}


/**** 주문상세내역 ****/
#sod_fin .sod_left h3 {background: #f9f9f9; font-size: 16px; font-family: 'Pretendard', sans-serif; font-weight: 800;}
#sod_bsk_tot2 {border: 1px solid #c6d7ef;}
#sod_bsk_tot2 li.sod_fin_tot {}
#sod_bsk_tot2 li.sod_fin_tot strong {color: #2461ad;}
#sod_fin_pay {background: #f7f8fc; margin-bottom: 20px; border: 1px solid #ebf0f5;}
#sod_fin_pay h3 {background: none; font-size: 16px; font-family: 'Pretendard', sans-serif; font-weight: 800;}
#sod_fin_pay ul {padding-top: 0;}


/**** 장바구니 ****/
.btn_cart_del button {line-height: 30px;}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt strong {font-weight: normal; font-family: 'Pretendard', sans-serif; font-weight: 800;}
#sod_bsk_act [class~=btn01] {color: #333;}
.sod_option_btn .mod_options {line-height: 30px;}
.od_prd_list .total_prc {font-family: 'Pretendard', sans-serif; font-weight: 800; font-size: 18px;}
.sod_opt li:before {font-size: 12px; padding: 3px 5px;}

/**** 상품 검색 결과 ****/
#ssch h2 strong {color: #2461ad;}


/**** 회원가입 ****/
#register_form h2 {font-size: 16px; font-family: 'Pretendard', sans-serif; font-weight: 800;}
#reg_result .reg_result_p {font-size: 20px; line-height: 30px; margin-bottom: 15px;}
#reg_result .result_txt {text-align: center; font-size: 14px; line-height: 24px;}
.reg_btn_submit {background: #2461ad; font-size: 16px; font-family: 'Pretendard', sans-serif; font-weight: 800;}


/**** 포인트 내역 ****/
#point .point_all li:last-child {border-left: 0;}
#point .point_all .full_li {border-bottom: 0;}

/**** 쪽지보내기 ****/
#memo_write .reply_btn {font-size: 14px; line-height: 45px;}
.new_win .btn_close {font-size: 14px; line-height: 45px;}

/**** 위시리스트 ****/
#sod_ws li .info_link {font-size: 14px;}






