@charset "utf-8";


/** 웹폰트 **/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nanum+Myeongjo:wght@400;700&family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@700&display=swap');


/** 레이아웃 **/
* { font-family: 'Noto Sans KR',Verdana,'Malgun Gothic',Dotum,AppleGothic,'Sans-serif'; }
#hd_wr_inner { max-width: 1280px; padding: 0; }
#wrapper { margin-top: 220px; min-height: 1000px; }
::-webkit-scrollbar { width: 5px; height: 3px; }
::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(190, 190, 190, 0.7); }
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgb(226,226,226); border-radius: 5px; }
input:read-only { background-color: #f5f5f5; }
#container { max-width: 1280px; }
#container_title { padding: 55px 0 40px 0; }
@media (max-width: 1024px) {
    #wrapper { margin-top: 128px; }
    #container_title { padding: 15px 0 15px 0; font-size: 16px; }
}


/** 슬릭 슬라이더 초기화 **/
.slick-vertical .slick-slide { border: none; }


/** 체크박스 버튼 **/
input[type=checkbox] { width: 15px; height: 15px; margin: 2px 5px 0 4px;}


/** 로딩 레이어 **/
#loadingLayer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); opacity: 1; visibility: visible; transition-delay: 0.5s; transition-duration: 0.5s; z-index: 999; }
#loadingLayer img { position: absolute; left: 50%; top: 50%; width: 20em; transform: translate(-50%, -50%); }
#loadingLayer.hide { opacity: 0; visibility: hidden; }
#loadingLayer { display: none; }


/** 도메인 선택 **/
#domainSelect { background-color: #f5f5f5; }
#domainSelect ul { display: flex; max-width: 1280px; margin: 0 auto; gap: 1.5px;}
#domainSelect ul li { width: 100%; }
#domainSelect ul li a { display: block;  height: 30px; line-height: 30px; text-align: center; background-color: #fff; }
#domainSelect ul li a.active { background-color: #333; color: #fff; }


/** 장바구니 **/
#sod_bsk { max-width: 600px; margin: 0 auto; }
#sod_bsk .sod_list { margin: 10px 0; }
#sod_bsk .sod_list .mod_options { display: none; }
#sod_bsk .sod_list .li_chk { display: inline-block; position: relative; top: -5px; padding-right: 0; }
#sod_bsk .sod_list .li_name { display: inline-block; width: calc(100% - 34px); padding: 0 0 0 5px; }
#sod_bsk .sod_list .sod_opt li { background: none; padding-left: 18px; }
#sod_bsk .sod_list .total_price { margin: 10px 7px; }
#sod_bsk .sod_ta_wr { padding: 15px 0; }
#sod_bsk .btn_del_wr { margin: 10px 0; }


/** 주문 페이지 **/
#sod_frm { max-width: 600px; margin: 0 auto; }
#sod_frm .sod_list { margin: 10px 0; }
#sod_frm .sod_list .sod_opt li { background: none; padding-left: 18px; }
#sod_frm .sod_list .total_price { margin: 10px 7px; }
#sod_frm .sod_ta_wr { padding: 10px 0; margin: 0; }
#sod_frm .form_01 #sod_frm textarea, .frm_input { height: 40px; border: 1px solid #e9e9e9; border-radius: 4px; }
#sod_frm_pay { padding: 10px 0; }
#sod_frm_pay .odf_tbl table th, #sod_frm_pay .odf_tbl table td { padding: 10px 0; }
#m_sod_frm_paysel ul { padding: 10px 0; }
#m_sod_frm_paysel li { padding: 5px 5px 5px 0; }
#sod_frm .sod_frm_point div { padding: 10px 0; }
#sod_frm .sod_frm_point #od_temp_point { padding: 0 10px; }
#sod_frm .btn_confirm { max-width: none; }
#m_sod_bsk_tot .sod_bsk_dvr { display: none; }
#show_progress { text-align: center; }
#show_progress > span { display: block; margin: 10px 0; }


/** 주문 완료 페이지 **/
#sod_fin { max-width: 600px; margin: 0 auto; }
#sod_fin #sod_fin_no { margin: 10px 0; padding: 10px 0; }
#sod_fin #sod_list_inq { margin: 10px 0; }
#sod_fin .sod_list .li_name { width: calc(100% - 40px); padding: 0; }
#sod_fin .sod_list .li_prqty { padding: 10px 0; }
#sod_fin .sod_list .sod_opt span { padding-left: 18px; }
#sod_fin .sod_list .total_price { margin: 10px 7px; }
#sod_fin #sod_sts_wrap { display: none; }
#sod_fin .sod_fin_list .sod_ta_wr { padding: 15px 0; }
#sod_fin #sod_fin_view { margin: 10px 0; }
#sod_fin #sod_fin_view .odf_tbl table th, #sod_fin #sod_fin_view .odf_tbl table td { padding: 10px 0; }
#sod_fin #sod_fin_tot { margin: 10px 0; }
#sod_fin_receiver, #sod_fin_dvr { display: none; }


/** 주문 내역 조회 **/
#sod_v { max-width: 600px; margin: 0 auto !important; }
#sod_inquiry li { padding: 15px; }
#sod_inquiry .inquiry_order { margin: 15px 0; }
#sod_inquiry .inquiry_order h3 { margin-bottom: 5px; }
#sod_inquiry .inquiry_order dl { border-bottom: 1px solid #eceff4; }
#sod_inquiry .inquiry_order dt { display: inline-block; width: 120px; padding: 5px 0; }
#sod_inquiry .inquiry_order dd { display: inline-block; width: calc(100% - 124px); text-align: right; padding: 5px 0; }


/** 마이페이지 **/
#smb_my .my_menu { padding: 10px 20px; margin: 10px 0; line-height: 18px; border: 1px solid #e6e6e6; }