.wrap {width:100%;}
.btn_wrap {text-align:center;margin: 30px 0}
.text_left {text-align:left !important;}
.text_right {text-align:right !important;}
textarea {resize:none;}


/*체크박스*/
.chkbox {position:relative;top:-4px;}
.chkbox .chk input[type="checkbox"] {display: none;}
.chkbox .chk input[type="checkbox"] + label {
display: inline-block; width:22px; height: 34px;
background-image:url('/resource/store/img/chk.png');
}
.chkbox .chk:after {display:block; clear:both; content:"";}
.chkbox .chk input[type="checkbox"]:checked + label {
width:22px;height:34px;background:url('/resource/store/img/chk_r.png');}

/*기본컬러*/
.blue {color:#1a3560 !important;}
.Lgrey {color:#69696c !important;}
.grey {color:#5a5a5d !important;}

.select_sky {
  border-color: #2196f3 !important;
  color: #2196f3 !important;
  background: url(/resource/store/img/select_arr_sky.png) no-repeat 90% 50% !important;
  outline: none;
}

/*폰트굵기, 정렬*/
.regular {font-weight:400 !important;}
.bold {font-weight:700 !important;} 
.extra {font-weight:800 !important;}
.extrabold {font-weight:800 !important;}
/*.align-right {left: inherit !important; right:-3px !important; text-align:right !important;}*/

/* 페이지버튼 */
#paging {width:100%;text-align:center;}
.paging_wrap {display:inline-block;}
.paging_wrap .prev, .paging_wrap .next {float:left; height:18px;}
.paging_wrap .prev img, .paging_wrap .next img {height:100%;}
.paging_wrap .page_num {float:left;padding:0 30px;}
.paging_wrap .page_num li {float:left;font-size:18px;padding:0 10px;}
.paging_wrap .page_num li a {color:#c7c7c9;font-weight:400;}
.paging_wrap .page_num li.on a {color:#18407c;font-weight:800;}

/* 플랫폼 platform.php */
.platWrap {width: 100%;height: 100%;text-align: center;padding:70px 0;background-size:cover !important}
.platTitle {padding: 60px 0px; margin: auto;}
.platFlex {display:flex;justify-content:space-between;max-width: 854px;width:100%;margin:0 auto;}
.platBottom {max-width: 854px;width:100%;height:100px;background:#0009;margin: 22px auto 0}

.platFlex a {display:block;max-width: 411px;width:100%;transition:all 0.3s;background-size: contain; background-repeat: no-repeat;}
.plat_store { width:100%;height:482px;background:url('/resource/store/img/platform/storeOff.png');}
.plat_store:hover {background:url('/resource/store/img/platform/storeOn.png');}
.plat_comm { width:100%;height:482px;background:url('/resource/store/img/platform/commOff.png');}
.plat_comm:hover {background:url('/resource/store/img/platform/commOn.png');}

.platBottom .platFlex {max-width: 315px; height:100%; margin: auto;align-items: center;}
.platBottom .platFlex a {width: 46px; height:55px; background-repeat:no-repeat;}
.platFlex .home {background:url('/resource/store/img/platform/homebtn.png');}
.platFlex .mail {background:url('/resource/store/img/platform/mailbtn.png');}
.platFlex .mall {background:url('/resource/store/img/platform/mallbtn.png');}

.platFlex .home:hover {background:url('/resource/store/img/platform/homebtnOn.png');}
.platFlex .mail:hover {background:url('/resource/store/img/platform/mailbtnOn.png');}
.platFlex .mall:hover {background:url('/resource/store/img/platform/mallbtnOn.png');}

@media only screen and (max-width: 1099px) {
  .platWrap {padding:40px 0;}
  .platTitle {width: 100%;}
  .platTitle img {width: 95%; max-width: 477px;}
  .platFlex {display:block;}
  .platFlex a {width:96%;height: 60vh; max-height: 482px ;margin: 10px auto;}
  .plat_store:hover, .plat_comm:hover {background-size:cover}

  .platBottom .platFlex {display:flex}
}

/* 로그인 login.php */
.logWrap {display:grid;width:100%;height: 100vh; min-height:fit-content ;text-align:center;overflow: auto;}
.log_center {width:100%;display:block;margin: auto 0;padding:76px 0 96px;background: rgb(255 255 255 / 80%);}
.comm_log {background: rgb(0 0 0 / 55%);}
.hands_logo {padding:23px 0 48px 0;font-family:'Nanum Gothic','나눔고딕';color:#012b6e;}
.hands_logo h3 {margin:0;font-size:37px;font-weight:800; letter-spacing:6px;margin-bottom: 17px;}
.hands_logo p {font-family:'NanumSquare',sans-serif;margin:0;margin-top:13px;font-size:21px;font-weight:400;color:#012b6e;letter-spacing:0px;}
.log_inputWrap {width:92%;max-width:425px;margin:auto;}
.log_inputWrap input[type='checkbox'] {visibility: hidden;}
.log_inputWrap input[type='checkbox']:checked + label {background-position-y: -17px}
.log_inputWrap label {color:#012b6e;font-size:15px; padding-top: 7px;padding-left: 24px; background:url('/resource/store/img/platform/chkbox_bg_store.png') no-repeat; background-position-y: 7px; cursor:pointer; float: right;}
.comm_log .log_inputWrap label {color:#fff; background:url('/resource/store/img/platform/chkbox_bg_commu.png') no-repeat; background-position-y: 7px;}
.log_inputbox {margin-bottom:8px;}
.log_inputbox input[type='text'], .log_inputbox input[type='password']{width:100%;height:38px;font-size:18px;background:transparent;font-family:'Nanum Gothic','나눔고딕';line-height:30px;padding-left:18px;box-sizing:border-box;border:1px solid #123a78;color:#123a78;}
.log_btnbox {margin-top:25px;}
.log_inputbox input::-webkit-input-placeholder {color:#123a78 !important;}
.log_inputbox input::-ms-input-placeholder {color:#123a78 !important;}
.log_inputbox input::-moz-placeholder {color:#123a78 !important;}
.comm_log .hands_logo h3, .comm_log .hands_logo p {color:#fff}
.comm_log .log_inputbox input[type='text'], .comm_log .log_inputbox input[type='password'] {border-color:#fff; color:#fff}
.comm_log input::-webkit-input-placeholder {color:#fff !important;}
.comm_log .log_inputbox input::-ms-input-placeholder {color:#fff !important;}
.comm_log .log_inputbox input::-moz-placeholder {color:#fff !important;}
.comm_log .log_btnbox button {background:#fff; color:#012b6e;}

.log_btnbox button {width:100%;height:39px;font-size:18px;font-family:'Nanum Gothic','나눔고딕';border:none;background:#012b6e;color:#fff;font-weight:700;cursor:pointer;}
.log_txt {margin:60px auto 0;text-align:left;padding-left:55px;box-sizing:border-box;}
.log_txt p {margin:0;line-height:27px;}
.log_txt a {color:#39393e;font-family:'Nanum Gothic','나눔고딕';font-size:14px;font-weight:400;text-decoration:none;}
.head_util ul:first-child {float:left;}
.head_util ul:last-child {float:right;}
.head_util ul li {display:inline-block;font-weight:400;vertical-align:middle;font-size:16px;color:#5a5a5d;margin-left:3px;}
.head_util ul li button{position:relative;line-height:22px;font-family:'NanumSquare', '나눔스퀘어' !important;font-weight: 400; color: #57534a;font-size:17px}
.head_util ul .shortcuts button {font-weight:800}
.head_util ul li button:hover {color:#012b6e;}
.head_util ul li button img {background:#5a5a5d;}
.head_util ul li button:hover img {background:#012b6e;}
.head_util ul .shortcuts:first-child {margin-right: 30px}
.head_util ul .shortcuts:last-child {margin: 0;}
.head_util ul .shortcuts button:hover{color:#012b6e}
.head_util ul .shortcuts button:hover::before {content:'';position:absolute;z-index:-1;display:block;width:40px;height:40px;background:#ffe594;border-radius:50%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.head_util ul li button img {vertical-align: sub; margin-right: 5px}
.head_util .cart_number {position:relative;}
.head_util ul li .cart_numbox {position:absolute;right:-5px;top:-8px;}
.head_util ul li .cart_num {display:inline-block;min-width:15px;height:15px;line-height:15px;background-color:#012b6e;color:#fff;border-radius:100px;font-size:8px;text-align:center;box-sizing:border-box;}
.wish-btn {position:relative}
.wish-b-f {display:none; position:absolute; left:0; top:0;}
.wish-btn:hover .wish-b-f{display:block;}
.login_who {margin-right:5px;}
.login_who_st {cursor:pointer;font-weight:600;}
.login_who_st:hover {text-decoration: underline;}
.logout {border:none;}
.logout button {letter-spacing:-0.5px;font-size:16px;}
.logout button:hover {font-weight:800}

@media only screen and (max-width: 767px){
  .hands_logo h3 {font-size: 30px;}
  .hands_logo p {font-size: 18px;}
  .log_inputbox input[type='text'], .log_inputbox input[type='password'] {font-size: 16px}
}
/*head*/
.header {width:100%;}
.head_util {width:100%;max-width:1280px;height:30px;margin:0 auto;padding-top:30px;}
.logo_wrap {width:fit-content;margin:45px auto 67px;color:#012b6e;text-align:center; padding: 0 20px;}
.logo_wrap .logo {display:inline-block;font-size:45px;font-weight:800;letter-spacing: 5px;cursor:pointer;}
.logo_wrap .logo a {color:#012b6e;}
.logo_wrap .logo a img {width: 100%;}
.logo_wrap .logo_txt {display:block;font-family:'NanumSquare',sans-serif;font-size:24px;margin-top:10px;margin-bottom:-5px;padding-left:3px;}
.nav_wrap {background-color:#012b6e;height:65px;box-shadow: 0 8px 10px rgb(40 40 40 / 42%);}
.nav_wrap .nav_box {position:relative;width:100%;max-width:1280px;margin:0 auto;color:#fff;display: flex;justify-content: center;}
.nav_wrap .nav_box .nav {float:left;}
.nav_wrap .nav_box .nav li {float:left;font-family:'NanumSquare',sans-serif;color:#fff;font-size:18px;font-weight:400;margin-left:185px;line-height:65px;cursor:pointer;}
.nav_wrap .nav_box .nav li:hover {font-weight:700;}
.nav_wrap .nav_box .nav li:first-child {margin-left:0;}
.nav_wrap .nav_box .nav li.on {font-weight:700;}
.nav_wrap .nav_box .top_search {position:absolute;height:100%;right:0;float:right;display: flex;align-items: center;}
.nav_wrap .nav_box .top_search .top_searchBox {width:250px;height:40px;font-size:16px;padding:5px;box-sizing:border-box;background:none;border:none;color:#fff;}
.nav_wrap .nav_box .top_search .top_searchBox:focus {outline:none; border-bottom: 2px solid #fff}
.nav_wrap .nav_box .top_search .top_searchBox:invalid ~ .top_searchBtn {display:none}
.nav_wrap .nav_box .top_search .top_searchBox:valid ~ .top_searchBtn {display:block}
.nav_wrap .nav_box .top_search .top_searchIcon {position:absolute;right:0;pointer-events: none;background: #012b6e;border-radius: 50%;}
.nav_wrap .nav_box .top_search .top_searchBtn {display:none;position:absolute;top:17px;right:0;width:31px; height:31px;background:url('/resource/store/img/top_search_icon.svg');}

/*메인 팝업*/
@media screen and (max-width: 768px) {
	.auto_popup_view {width: 100% !important; max-width:max-content; left: 0 !important; top: 0 !important;}
	.auto_popup_view div, .auto_popup_view img {width: 100% !important; height: auto;}
}

/*메인*/
.main {width:100%;padding:120px 0;}
.main_box {margin-bottom: 150px;clear:both;overflow:hidden;}
.main_box .main_center {max-width:1240px;width:100%;margin:0 auto;}
.main_center .info_wr {width:95%;max-width: 570px; margin: 40px auto;font-family: 'NanumSquare',sans-serif;padding: 0 12px;display: flex; justify-content: flex-start;}
.main_center .info_wr span {font-size: 18px; color:#858585;}
.info_wr .btn_centered {margin: 75px auto 0; display: block;font-size:18px}
.info_wr .info_title {display:inline-block;width:auto; font-weight:600; color:#5a5a5d !important;}
.info_wr input[type='password'] {width:100%; border:none; border-bottom: 1px solid #858585; font-size: 18px; padding: 5px 7px 0}
.titlebox {max-width: fit-content;text-align:center;border-bottom:1px solid #5a5a5d; margin: auto; padding-bottom:30px;}
.titlebox .item_title {font-size:25px;font-family:'NanumSquare',sans-serif;color:#5a5a5d;font-weight:600;}
.titlebox.title_nb {border: none;}
.titlebox .item_stitle {display:block;font-family:'Nanum Gothic';font-size:15px;font-weight:400;margin-bottom:15px;letter-spacing:1px;}
.inline-stitle {display:inline-block !important;margin-left:12px !important;}
.main_BestSeller {padding:60px 0 40px 0;background-color:#fff;}
.main_BestSeller .main_BestBox {padding: 15px 0; margin-bottom: 60px; border-top: 1px solid #f8df94; border-bottom: 1px solid #f8df94}
.main_BestSeller .main_BestBox .item_title {padding:0 12px; color:#69696c}
.main_BestSeller .item_stitle {margin-bottom: 0;}
.main_BestSeller .item_body .item_price {font-size: 20px; font-weight:600}
.shipping_state {margin:65px 0 20px;text-align:center;}
.shipping_state ul {display: flex; justify-content: center;max-width: 1080px; margin: auto;}
.shipping_state li {position:relative;width:183px;height:183px;float:left;border-radius:50%;cursor:pointer;text-align:center;background-color:#f3f3f4;letter-spacing:-0.5px;margin:0 auto !important;}
.state_arr {position:absolute;top:50%;right:-50px;margin-top:-8px;width:13px;height:auto;}
.state_arr img {width: 100%;}
.state_ico {height:48px;padding-top:38px;}
.state_ico img {height: 100%;}
.state {font-family:'NanumSquare',sans-serif;padding: 14px 0 10px;font-size:18px;font-weight:400;color:#5a5a5d;}
.state_num {font-size: 16px}
/*.state_num {font-family:'NanumSquare',sans-serif;font-size:26px;font-weight:700;color:#5a5a5d;}
.state_num span {display:inline-block;cursor:pointer;}
*/
.shipping_state .shipping {background:#fffbed !important;border: 2px solid #e8b51b;box-sizing:border-box;}
.shipping .state, .shipping .state_num {color:#e8b51b !important; font-weight: 600;}
.state_end {padding:18px 0 !important;cursor:pointer;}
.item_ListWrap {margin-top: 30px;}
.item_subtitle {}
.item_ListWrap .item_listBox {text-align:center; position: relative;}
.item_list {display:block; max-width: 1100px; margin: auto;}
.item_list li {float:none;color:#69696c;margin:20px auto;}
.item_list .thumb { width: fit-content;position:relative;cursor:pointer;margin: auto;}
.item_list .thumb img {width:100%; max-width:270px; height: 270px; object-fit: cover;}
.item_list .thumb .ico_best {position:absolute;top:0;left:0;width:85px;height:29px;background:#f8df94;color:#69696c;font-size:17px;line-height:29px;font-weight:800}
.thumb_AllItem {position:relative;width:260px;height:260px;cursor:pointer;}
.thumb_AllItem.newItem::after {content:'NEW';display:block;position:absolute; top:12px; left:12px; width: 70px; height: 25px; line-height:25px; font-weight:600; background:#f1c765; color:#fff;}
.all_item_list { display: flex; flex-wrap: wrap;}
.all_item_list li {float:none;color:#69696c;margin:30px auto 50px;}
.all_item_list .item_body {width:250px; margin-top:20px;}
.all_item_list .item_body .item_name {max-width: 250px; font-size:18px;}
.thumb_AllItem img {width:100%;object-fit: cover;}
.AllItem_cart {position:absolute; width: 33px; height: 33px; right: 20px; bottom: 20px; transition: transform 0.3s; cursor: pointer;}
.AllItem_cart:hover {transform: scale(1.2);}
.AllItem_cart img {width: 100% !important; height: 100% !important;}
.item_body {width:fit-content;max-width: 260px;text-align:center;margin:20px auto 0;font-weight:700;}
.item_body .item_name {max-width: 250px; font-family:'Nanum Gothic', 맑은 고딕; font-size:18px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; margin-bottom: 15px;color:#69696c;letter-spacing:-0.5px;cursor:pointer;}
.best_item {margin-top: 35px;}
.best_title {font-size: 25px; margin-right: 12px;}
.item_body .item_name span {display:inline-block;margin-left:5px;font-size:15px;}
.item_body .item_price {font-family:'Nanum Gothic', 맑은 고딕;font-size:20px;}
.item_body .item_brand {height:23px;font-size:15px;margin-top:-20px;padding:8px 0 2px;}
.btn_more {display:inline-block;text-align:center;margin-top:30px; color: #69696c; font-size: 22px; font-weight: 400; width: 88%; max-width: 545px; padding: 20px 0; border: 1px solid #bdbdbe;}

.flex {display:flex; justify-content: space-between; place-items: center;}

@media only screen and (max-width: 1220px) {
  .logo_wrap {margin: 70px auto}
  .logo_wrap .logo {font-size: 30px;}
  .logo_wrap .logo_txt {font-size: 18px}

  .nav_wrap .nav_box {justify-content: flex-start}
  .nav_wrap .nav_box .nav li { margin: 0 12px !important; font-size:min(18px,4vw); }
  .nav_wrap .nav_box .top_search {margin-right: 12px}
  .nav_wrap .nav_box .top_search .top_searchBox:focus {background:#012b6e;}

  .shipping_state {margin: 0;}
  .shipping_state ul {max-width: 700px;  margin: auto; padding: 30px 15px;}
  .shipping_state li {width:130px; height:130px;}
  .state_ico {height:35px;padding-top: 24px;}
  .state_arr {right: -30px;}
  .state_ico img {height: 100%}
  .state {font-size: 16px;padding: 10px 0 5px;}

  .titlebox .item_title {font-size:25px;}

  .main_box {margin-bottom: 100px}
}

@media only screen and (max-width: 600px) {
  .nav_wrap .nav_box { justify-content: center; }
  .nav_wrap .nav_box .top_search {top:63px;}

  .shipping_state li {border-radius: 0;}
  .state {font-size:15px}
  .btn_more {font-size: 18px;}
}

/*상품리스트 list.php*/
.list_wrap {}
.list_box {width:100%;}
.list_center {width:1300px;margin:0 auto;}
.list_CateBox {width:100%;padding:85px 0 0;margin-bottom:100px;}
.list_CateCenter {max-width:1280px;width:100%;margin:0 auto;}
.list_cate { display: flex; justify-content: center;width:100%;height:32px;;border-bottom:1px solid #7b7b7d;color:#626262;font-family:'NanumSquare',sans-serif;}
.list_cate .list_cate_tit {width:150px;display:block;float:left;font-family:'NanumSquare',sans-serif;font-size:19px;font-weight:600;}
.list_cate .list_menu {position:relative;width:950px;display:flex;justify-content:space-between;}
.list_cate .list_menu > li {position: static;font-size:19px;height:30px;padding-bottom:30px;}
.list_cate .list_menu > li > a {color:#626262;padding-bottom:10px;}
.list_cate .list_menu > li.on > a {color:#012b6e; border-bottom: 2px solid #012b6e;}
.list_cate .list_menu > li:hover > a {color:#012b6e;font-weight:800;border-bottom:2px solid #012b6e}
.list_cate .list_menu > li:hover > .list_subCate {display:block;}
.list_subCate {position:absolute;display:none;top:33px;left:50%;transform: translateX(-50%);width:100%;height:30px;text-align:center;padding-top:23px;z-index:2;}
.list_subCate > ul {display:inline-block;}
.list_subCate > ul > li {display:inline-block;vertical-align:middle;padding-right:13px;margin-right:7px;background:url('/resource/store/img/submenu_bar.gif')no-repeat 100% 47%;}
.list_subCate > ul > li:last-child {border-right:none !important;background:none;margin:0; padding:0;}
.list_subCate > ul > li > a {color:#69696c;font-size:18px;font-weight:400}
.list_subCate > ul > li > a:hover {font-weight:600;}
.list_NewItem {background:#fff;padding:30px 0;margin-bottom:130px;}
.list_NewItem .list_NewItemBox {border-bottom:1px solid #5a5a5d;padding-bottom:20px;}
.list_NewItem .item_price {font-weight:600;}

@media only screen and (max-width: 1220px) {
  .list_CateBox {margin-bottom:40px}
  .list_cate {height: 58px;}
  .list_cate .list_menu { width: 100%; min-height: 70px;max-width: 1100px; overflow: scroll;}
  .list_cate .list_cate_tit {margin-bottom: 20px; margin-top: -10px;}
  .list_cate .list_menu > li {min-width: fit-content; text-align: center;margin: 0 6px; font-size: 16px; padding-bottom: 18px;}
  .list_cate .list_menu > li > a { padding-bottom: 8px;}

  .list_subCate {padding-top: 5px;}
  .list_subCate > ul > li {padding-right: 10px; margin-right: 6px}
  .list_subCate > ul > li > a {font-size:16px}
}

@media only screen and (max-width: 800px) {
  .item_list .thumb img, .item_body {max-width: 210px; height: 210px;}
  .item_body .item_name {font-size:17px}
}

@media only screen and (max-width: 650px) {
  .head_util {height: 65px; text-align: center;padding-top:18px}
  .head_util ul {float: none !important}
  .head_util ul:last-child {margin-top: 6px; padding-top: 6px; border-top: 1px solid #ccc;}

  .list_NewItem {margin-bottom: 110px}
  .all_item_list li { margin: 12px auto; float: none; }
  .thumb_AllItem.newItem::after { width: 50px; height: 20px; line-height: 20px; font-size: 14px;}
  .item_list {width:auto; flex-direction: column;}
  .item_list li {}
  .item_list .thumb img, .item_body {max-width: 230px; height: 230px;}
  .item_list .thumb .ico_best {width: 65px;height: 25px; font-size: 17px;line-height: 25px;}

  .all_item_list .item_body {width:150px;margin-top: 21px;}
  .item_body .item_brand {height: 20px; padding-bottom: 5px;}
  .all_item_list .item_body .item_name, .item_body .item_price {font-size:16px}
  .thumb_AllItem {width: 150px; height: 150px;}
}

@media only screen and (max-width: 425px) {
  .list_subCate > ul > li > a {font-size: 14px;}
  .item_list .thumb img, .item_body {max-width: 200px; height: 200px;}
}

/* 상품 바로 장바구니 담기 */
.cart_modal_wr {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 45%);
  place-items: center;
  place-content: center;
  color: #69696c;
}

.cart_modal_wr.on {display: flex; z-index: 10000;}

.cart_modal {
  width: 85%;
  max-width: 550px;
  height: auto;
  background: #fff;
  padding: 50px;
}

.cart_modal .view_btnbox {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.cart_modal .view_btnbox button{
  width: 48%;
  height: 55px;
  font-size: 18px;
  float: none !important;
}

.cart_modal .item_name, .cart_modal .vo_total {
  font-size: 26px;
  font-weight: 600;
}

.cart_modal .vo_total, .cart_modal .last { margin-top: 60px !important; }

.cart_modal .item_price, .cart_modal .opt_layer, .cart_modal .vo_total {margin: 20px 0;}

.cart_modal .vo_total {color: #002d71;}
.cart_modal .opt_layer {display: flex; place-items: center;}
.cart_modal .opt_layer input[type=button] {margin: 0; border: none; outline: 1px solid #535454;}

@media only screen and (max-width: 768px) {
  .cart_modal { padding: 30px;}
  .cart_modal .item_name, .cart_modal .vo_total {font-size: 21px;}
  .cart_modal .view_btnbox button {
    height: 45px;
    font-size: 16px;
  }
  .cart_modal .vo_total, .cart_modal .last {margin-top: 50px !important;}
}

@media only screen and (max-width: 500px) {
  .cart_modal { padding: 30px 20px;}
  .cart_modal .item_name, .cart_modal .vo_total {font-size: 19px;}
  .cart_modal .view_btnbox button {height: 40px; font-size: 16px;}

  .cart_modal .vo_total, .cart_modal .last { margin-top: 30px !important; }
}


/*상품리스트 list_sub.php*/
.ListSub_cont {width:100%;}
.ListSub_center {width:1300px;margin:0 auto;}
.sub_head {text-align:center;padding:20px 0;}
.sub_title {display:block; text-align:center;margin-bottom: 30px;}
.sub_title h3.list_sub_t {display:inline-block;padding:0 32px 13px 32px;border-bottom:1px solid #5a5a5d;color:#55524a;font-weight:700;font-size:26px;font-family:'NanumSquare',sans-serif;}
.sub_title h3.list_sub_t:empty {display: none}
.sub_title h3.sub_t {display:inline-block;width:260px;margin-bottom:0.8em;color:#55524a;font-weight:600;font-size:25px;font-family:'NanumSquare',sans-serif;}
.sub_txt {font-size:16px;color:#000;font-weight:400;font-family:'Nanum gothic',sans-serif;letter-spacing: -0.03em;}

.sub_head .depth {float:right;padding-top:20px;color:#55524a;}
.sub_head .depth a {font-size:21px; color:#55524a}
.sub_head .depth em {padding:0 5px;}

/*상품상세 view.php*/
.view_wrap {width:100%;padding:100px 0;}
.view_wrap .view_center {width: 100%;max-width:1280px;margin:0 auto;}
.view_head {display:flex; justify-content: space-between; padding-bottom:80px;height:auto;overflow:hidden;}
.view_tb_wrap {float:left;padding:0;}
.view_tb {max-width:500px;max-height:500px;}
.view_tb img {width:100%;}
.view_option_wrap {float:left;width:100%;max-width:635px;position:relative;margin:20px;letter-spacing:-0.5px;}
.vo_infobox {padding-bottom:35px;color:#69696c;border-bottom:1px solid #d4d4d5;}
.vo_brand {font-size:19px;font-weight:700;margin-bottom:45px;}
.vo_name {font-size:25px;font-weight:700;margin:0}
.vo_sort {font-size:21px;color:#a7a7a8;margin-top: 18px;}
.vo_price {position:relative;font-size:25px;font-weight:600;margin-top: 60px;}
.vo_price .icon_pri {font-size:23px;}
.vo_price .icon_good {position:absolute;width: 34px;height: 31px;right:0;top:0;cursor:pointer;}
.vo_price .icon_good img {width: 100%}
.vo_detailbox {}
.vo_detail_opt {width:100%;display:table;padding:20px 0;color:#69696c;border-bottom:1px solid #d4d4d5;}
.vo_detail_opt .opt_tit {display:table-cell;width:260px;font-size:18px;vertical-align:middle;font-weight:400;}
.vo_detail_opt .option {display:table-cell;font-size:18px;vertical-align:middle;font-weight:700;}
.opt_layer {display:block;}
.opt_layer input[type=button] {float:none;color:#69696c;background:none;border:1px solid #535454;margin:0;padding:0;margin-left:-1px;line-height:27px;}
.opt_layer .btn_minus, .btn_plus {width:28px;height:28px;font-size:20px;cursor:pointer;}
.opt_layer .btn_number {width:60px;height:26px;font-size:19px;text-align: center}
.vo_totalbox {margin:40px 0 80px;text-align:right}
.vo_tatal {font-size:18px;line-height:16px;font-weight:700;color:#69696c;}
.vo_tatal .vo_total_price {font-size:28px;font-weight:800;color:#012b6e;}
.vo_tatal .total_icon {font-size:23px;margin-left:28px;font-weight:800;color:#012b6e;}
.view_btnbox {width:100%;color:#69696c;}
.view_btnbox button {width:49%;height:70px;font-family:'NanumSquare',sans-serif !important;float:left;border:2px solid #626262;text-align:center;color:#69696c;font-size:20px;font-weight:400;letter-spacing:normal !important;cursor:pointer;}
.view_btnbox button:hover {background:#012b6e;color:#fff;transition:all ease 0.3s;border-color:#012b6e}
.view_btnbox button:last-child {float:right;}
.with_itembox {letter-spacing:-0.5px;display: flex;place-content: center;}
.with_itembox .with_item {width: 100%; padding:0 55px;box-sizing:border-box;text-align:center;}
.with_item .with_item_t {font-size:22px;font-weight:700;text-align:left;color:#69696c;}
.with_item ul {position:relative;display:block;margin:25px auto; max-width: 1100px;}
.arr_left{position:absolute;left:-40px;top:40%;cursor:pointer;}
.arr_right  {position:absolute;right:-40px;top:40%;cursor:pointer;}
.arr_left1, .arr_left2 {position: absolute; top: 40%; left: 10px; cursor:pointer; z-index: 999;}
.arr_right1, .arr_right2 {position: absolute; top: 40%; right: 10px; cursor:pointer; z-index: 999;}
.with_item li {width:265px;display:inline-block;vertical-align:middle;color:#69696c;font-weight:700;text-align:center;line-height:26px;cursor:pointer;}
.with_item li.bar {background:#d4d4d5;width:1px;height:110px;}
.with_tb {position: relative; max-width: 260px; margin: auto;}
.with_tb img {max-width: 240px;}
.with_brand {font-size:15px;}
.with_name {max-width: 240px; font-size:18px;margin:0 auto 8px;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.with_price {font-size:20px;}
.ml {font-size:15px;font-weight:600;display:inline-block;margin-left:4px;}

@media only screen and (max-width: 1200px) {
  .view_head {display:block;}
  .view_wrap {padding: 50px 0;}
  .view_tb_wrap, .view_option_wrap {float: none;}
  .view_tb {width: 100%; height: auto; margin: 10px auto;}
  .view_option_wrap {margin: 20px auto;}
  .vo_infobox {padding: 0 12px 50px;}
  .vo_brand {font-size:18px}
  .vo_name {font-size: 19px}
  .vo_sort {font-size:16px}
  .vo_price {font-size: 20px;}
  .vo_detailbox > div, .vo_totalbox {padding: 12px}

  .vo_detail_opt .opt_tit {width:50%}
}

@media only screen and (max-width: 768px) {
  .sub_title h3.list_sub_t {padding: 0 25px 10px 25px; font-size: 23px; }
}

/*장바구니cart.php*/
.cart_center {width:100%;margin:0 auto;}
.container {}
.cart_ListWrap {margin-top:10px;letter-spacing:-0.5px;}
.order_fail {
  width: fit-content;
  margin: 0 auto 15px;
  color: #012b6e;
  font-size: 18px;
  line-height: 1.6em;
}
.order_fail i {font-size: 1.2em; margin-right: 3px;}
.order_fail b {
  border-bottom: 1px solid #012b6e;
  padding-bottom: 2px;
  font-weight: 600;
}
.cart_ListWrap .cart_listbox {margin:30px 0 100px;overflow:hidden;}
.list_tit {max-width:1200px; margin: 0 auto;font-size:21px;font-weight:600;color:#69696c;padding-bottom:15px;}
.list_cont {margin:0px 0 20px 0;}
.list_cont_wrap {max-width: 1200px;margin: auto;}
.cartTable {color:#69696c;}
.cartTable thead th {font-size:16px;font-weight:700;height:40px;border-bottom:1px solid #868688;text-align:center;}
.cartTable tbody td {font-size:18px;font-weight:700;font-weight:700;border-bottom:1px solid #c3c3c3;text-align:center;padding: 10px 0;}
.cartTable .tb_box {text-align:left;}
.cartTable .tb_img {width:170px;height:170px;display:inline-block;vertical-align:middle;overflow: hidden;}
.cartTable .tb_img img {width:100%; object-fit: cover;}
.cartTable .item_tit {width:300px;display:inline-block;vertical-align:middle;font-size:18px;font-weight:700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cartTable .item_tit span {display:inline-block;font-size:18px;margin-right:8px;}
.cartTable tfoot td {border-bottom:1px solid #c3c3c3;padding:16px 0;}
.cart_opt_layer {display:flex;}
.baseTable {width:100%; table-layout: fixed;}
.cart_total {float:none;margin:0px; display: flex; justify-content: flex-end;}
.deliver_price {float:none;width:fit-content;font-size:18px;font-weight:600;margin-right: 10%;}
.pur_price {float:none;font-size:20px;font-weight:800;margin-right: 12px;}
.del_price_t, .pur_price_t {display:inline-block;margin-right:20px;}
.basket_box {margin-top:20px;}
.partDel {float:left;}
.partDel .btn_partDel {width:147px;height:37px;font-size:18px;border:1px solid #6c6c6c;color:#6c6c6c;font-weight:700;letter-spacing:-0.5px;}
.basket_noti {float:right;text-align:right;color:#6c6c6c;font-weight:400;}
.basket_noti span {font-size:16px;display:block;line-height:1em;letter-spacing:-0.5px;margin-top:10px}
.basket_noti .noti1 {font-size:18px;}
.basket_noti .noti2 {font-size:16px;margin-top:10px}
.basket_noti .delivery_noti {display:inline-block;font-size:21px;font-weight:400;margin-right:15px;}
.basket_noti .delivery_date {display:inline-block;width:180px;line-height:31px;height:31px;border:1px solid #959596;color:#959596;font-size:24px;font-weight:700;text-align:center;letter-spacing:-0.5px !important;cursor:pointer;} 
.item_ml {display:inline-block;font-size:15px;margin-left:5px;}
.total_area {max-width:900px;margin: 25px auto 70px;padding: 0 12px}
.totalTable {margin: 35px 0;border-bottom:1px solid #7b7b7d;overflow:inherit}
.total_area .totalPur_t {padding-left:20px;text-align:left;font-size:18px;font-weight:700;color:#69696c;box-sizing:border-box;}
.totalTable tbody td {padding-top:16px;}
.total_area .tatalPur_pri {text-align:right;padding-right:20px;box-sizing:border-box;font-size:20px;font-weight:700;color:#69696c;}
.total_area .totalPur_date {font-size:18px;font-weight:700;color:#9b9b9b;}
.group_totalPur td {padding-top:28px !important;padding-bottom:45px;}
.group_totalPur .totalPur_t {font-size:20px;}
.group_totalPur td .all_tatal_price {text-align:right;padding-right:20px;box-sizing:border-box;font-size:21px;color:#012b6e;font-weight:800;}
.btn_order {width:180px;height:46px;vertical-align:middle;font-size:20px;font-weight:700;color:#fff;background:#012b6e;border:1px solid #012b6e;text-align:center;}
.btn_order_back {width:180px;height:46px;line-height:inherit;vertical-align:middle;font-size:20px;font-weight:700;color:#012b6e;background:#fff;border:1px solid #012b6e;text-align:center;}

@media only screen and (max-width: 1200px) {
  .cart_listbox .list_tit, .list_tit {font-size: 16px}
  .cartTable thead th, .cartTable .item_tit span, .cartTable .item_tit, .basket_noti .noti1 {font-size: 16px}
  .btn_delete {font-size: 14px; padding: 5px 8px;}
  
  .list_cont_wrap {overflow: scroll hidden;}
  .total_area .list_cont { overflow: visible; }
  .list_cont { overflow: auto;}
  .deliver_price, .pur_price, .total_area .tatalPur_pri, .group_totalPur td .all_tatal_price {font-size: 18px}

  .total_area .totalPur_t {font-size: 16px}
}
@media screen and (max-width:500px) {
  .basket_noti {float: left; text-align: left;}
  .cart_opt_layer {flex-direction: column;justify-content: center;align-items: center;}
  .opt_layer .btn_number {width: 30px; height: 30px;}
  .opt_layer .btn_minus, .opt_layer .btn_plus {width: 36px; height: 32px;}
  .totalTable div {padding: 0px !important}

  .cart_total {flex-direction: column; align-items: end;}
  .deliver_price {margin-right: 12px;}

  .btn_order, .btn_order_back {width: 125px;height: 35px;font-size: 16px;}
  .order_fail {font-size: 16px;}
}

/* 주문서 order.php */
.order_wrap {padding:80px 0;}
.order_wrap .order_center {width:100%;max-width:1200px;margin:0 auto;}
.order_tb_img {margin:0; margin-left: 3px;}
.order_listDate {display:inline-block;float:right;font-size:17px;font-weight:700;color:#69696c;}
.btn_order_home {width:48%;height:52px;font-size:18px;font-weight:700;color:#fff;background:#012b6e;text-align:center;margin: 0}
.btn_order_detail {width:48%;height:52px;line-height:39px;font-size:18px;font-weight:700;color:#012b6e;background:#fff;border:2px solid #012b6e;text-align:center;}

/* 주문완료 order.end.php */
.orderEnd_wrap {width:100%;background:#fbedc4;padding:100px 0;}
.orderEnd_center {width:380px;margin:0 auto;letter-spacing:-0.5px;background:#fff;padding:30px 35px}
.orderEnd_head {padding-bottom:40px;border-bottom:1px solid #626262;font-family:'NanumSquare',sans-serif;text-align:center;color:#626262;}
.orderEnd_head img {width:38px; height: 38px;}
.orderEnd_head .orderEnd_tit {font-size:28px;font-weight:700;padding:20px 0 30px;font-family:'NanumSquare',sans-serif; }
.orderEnd_head .order_txt {font-size:20px;font-weight:400;line-height:36px;letter-spacing:0px;}
.orderEnd_head .order_brand {font-weight:800;}
.orderEnd_body {padding:40px 0;text-align:center;color:#626262;}
.orderEnd_form {display:inline-block;}
.orderEnd_group {text-align:left;}
.orderEnd_info {margin-bottom:20px;}
.orderEnd_title {width:100px;display:inline-block;text-align:right;margin-right:25px;font-size:18px;font-weight:700;}
.orderEnd_pri {display:inline-block;text-align:left;font-size:18px;font-weight:800;}

/* 주문내역 order.list.php */
.orderList_wrap {width:100%;padding:80px 0;}
.orderList_wrap .orderList_center {width:100%;max-width:1200px;margin:0 auto;}
.orderList_wrap .orderList_cont {width:100%;margin-top:30px;}
.ol_select_group {display: flex; justify-content: space-between;padding:12px 0;overflow:hidden;}
.ol_prev_btn {display:block; width: 155px; height: 35px; line-height: 32px; box-sizing: border-box; font-weight: 600; text-align: center; color:#012b6e !important; border: 2px solid #012b6e;}
.ol_select_box {float:none;}
.ol_select {float:left;height:35px;font-size:18px;font-weight:700;padding-left:12px;box-sizing:border-box;margin-left:7px;border:2px solid #626262;color:#626262;background:url('/resource/store/img/select_arr.png') no-repeat 90% 50%;letter-spacing:-0.5px;}
.ol_select option {background:#F7F7F7; color: #626262 !important; font-weight:600; font-size: 18px;}
.select_base {
	-webkit-appearance:none !important;
	-ms-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	appearance: none;
}
.ol_select_box select::-ms-expand {display:none;}
.ol_content {border-top:2px solid #34568b;}
.ol_contBox {border-bottom:1px solid #9c9c9e;overflow:inherit;padding:5px;}
.ol_contBox ul {display:flex;}
.ol_tbImg {float:none;width:170px;height:170px;margin:auto 8px;overflow: hidden;}
.ol_tbImg img {width:100%;object-fit: cover;}
.ol_itemInfo {width:880px;float:none;padding:0;color:#69696c;margin:auto;box-sizing:border-box;letter-spacing:-0.5px;}
.ol_itemDate {border-bottom:1px solid #c9c9c9;padding:16px 0 11px;}
.ol_date_tit {width:150px;height:26px;display:inline-block;vertical-align:middle;font-size:22px;font-weight:700;margin:0}
.go_detail {display:inline-block;height:21px;vertical-align:middle;cursor:pointer;}
.ol_formTxt {padding-top:16px;color:#69696c;}
.ol_formTxt .ol_form_group {display:block;width:100%;font-size:18px;padding-bottom:16px;clear:both;margin:0}
.ol_form_tit {display:table-cell;width:135px;vertical-align:top;font-weight:700;}
.ol_form_cnt {display:table-cell;font-weight:700;}
.ol_pay {position:relative;margin-bottom:33px;}
.ol_pay .chk_order {position:static;float:right;width:130px;height:35px;line-height:35px;text-align:center;font-size:20px;font-weight:700;margin-top: -35px;}
.ic_standby, .ic_ing {border:2px solid #f7c73b;color:#f4ce60;}
.ic_finish {border:2px solid #626262;}
.page_box {margin-top:70px;}

/* 상세 주문 내역 order.list.detail.php */ 
.order_ListWrap {letter-spacing:-0.5px;}
.order_ListWrap .order_listbox {margin-bottom:140px;}
.order_infobox {margin:50px 0 18px;overflow:hidden;}
.order_infobox > div {padding-left: 10px;}
.order_infobox .order_numbox {float:left;}
.order_infobox .due_date {float:right;font-size:18px;font-weight:700;color:#012b6e;}
.order_infobox .due_date span {font-size:20px;margin-left:16px;}
.order_infobox .order_numbox .order_num {display:inline-block;font-size:18px;font-weight:800;color:#69696c;margin-right:20px;}
.order_infobox .order_numbox .order_date 
{display:inline-block;font-size:18px;font-weight:700;margin-left:85px;color:#69696c;}
.order_list_cont {border-top:2px solid #0b3474;}
.order_cate {width:auto;text-align:left !important;padding-left:20px !important;box-sizing:border-box;color:#012b6e;}
.orderList_tb_img {margin-left:45px;}
.orderTable {color:#69696c;}
.orderTable thead th {font-size:16px;font-weight:700;height:35px;border-bottom:1px solid #868688;text-align:center;padding: 7px 0;}
.orderTable tbody td {height:105px;font-size:18px;font-weight:700;font-weight:700;padding: 10px 0;border-bottom:1px solid #c3c3c3;text-align:center;}
.orderTable .tb_box {text-align:left;}
.orderTable .tb_img {width:170px;height:170px;display:inline-block;vertical-align:middle;overflow: hidden;}
.orderTable .tb_img img {width:100%;}
.baseTable .item_tit {display:inline-block;width:auto;max-width:55%;vertical-align:middle;font-size:19px;font-weight:700;padding-right:8px;;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.baseTable .item_tit span {display:inline-block;font-size:19px;margin-right:3px;}
.orderTable tfoot td {border-bottom:1px solid #c3c3c3;padding:15px 0;}
.olde_wrap .list_tit {margin: 0; border-bottom: none;}

@media only screen and (max-width: 1200px) {
  .orderList_wrap {padding-top: 60px}
  .order_infobox .order_numbox span { display: block !important; margin: 10px 0 !important; font-size: 16px !important;}
  .order_infobox .order_numbox, .order_infobox .due_date {float: none;}
  .btn_wrap button {margin: 5px}
  .olde_orderbtn { display: flex; margin-bottom: 10px; justify-content: flex-end; flex-direction: column;}
  .order_ListWrap .order_listbox {overflow:scroll;}

  .ol_content {overflow-x: scroll;}
  .ol_tbImg {width:100%; max-width: 140px; height: 140px; margin: auto 10px;}
  .ol_itemInfo {width: 100%; margin: 0;}
  .ol_form_tit {width: 110px;}

  .orderTable .tb_img {margin: 0 10px;}
  .orderTable tfoot td {padding: 20px}
  .baseTable .item_tit {max-width: 100%}
  .ol_formTxt .ol_form_group, .baseTable .item_tit, .baseTable .item_tit span {font-size: 16px}
  .ol_itemDate {padding: 15px 0 13px;}
  .ol_date_tit {width: 110px; font-size: 16px; line-height: 25px;font-size: 18px;}
  .ol_pay .chk_order {float:none; margin-top: 8px;}
}

@media only screen and (max-width: 955px) {
  .baseTable .tb_img {display: none;}
}

@media only screen and (max-width: 650px) {
  .baseTable thead th, .baseTable tbody td {font-size: 14px}
  .order_cate, .total_area .totalPur_date {font-size: 15px}
  .ol_formTxt .ol_form_group, .orderTable .item_tit, .orderTable .item_tit span {font-size:14px}
  .baseTable tbody td {height: 60px}
  .totalTable tbody td{height: fit-content !important}
  .group_totalPur .totalPur_t {margin: 16px 0}
  .group_totalPur td {padding:0 !important}

  .ol_select_group {display:block;}
  .ol_prev_btn {margin: 0 7px 10px;}

}

@media only screen and (max-width: 425px) {
  .ol_contBox {padding: 10px}
  .ol_tbImg { display: none;}
  .ol_form_tit {width: 95px;}
  .ol_pay .chk_order {width: 110px;height: 30px;line-height: 30px;font-size: 18px;}
  .ol_itemInfo {width: 100%;}
  .orderTable tfoot td {padding: 10px}
  .order_infobox .due_date, .order_infobox .due_date span, .deliver_price, .pur_price {margin-top: 8px; font-size:16px}
  .ol_prev_btn, .ol_select {font-size: 15px; height: 30px; line-height: 26px}

}

@media only screen and (max-width: 400px) {
  .baseTable tbody td {height: 50px}
  .baseTable thead th, .baseTable tbody td,
  .baseTable .item_tit span, .baseTable .item_tit {font-size:11px}
  .total_area .totalPur_date {font-size: 13px}
}

/* 결제정보 pay.php */
.pay_wrap {padding:80px 0;}
.pay_wrap .pay_center {width:100%;max-width:1280px;margin:0 auto;}
.pay_container {margin-top:60px;}
.pay_list {border-bottom:2px solid #34568b;padding:0 12px 15px;margin:22px 0;cursor:pointer;}
.pay_list .pay_listTit {display:inline-block;width:28%; min-width: 130px; vertical-align:middle;font-size:19px;font-weight:700;color:#69696c;}
.pay_list .pay_listPrice {display:inline-block;width:fit-content;text-align:right;vertical-align:middle;font-size:22px;font-weight:800;color:#626262;}
.pay_list .ico_pay_arr {display:inline-block;vertical-align:middle;margin-left:20px;cursor:pointer;}
.pay_list .ico_pay_arr.active img {transform:rotate(180deg);}
.pay_detailWrap {display:none;margin-bottom:80px;}
.pay_detailWrap.active {display:block;}
.pay_detailWrap .pay_detail {width:100%;min-height:480px;background:#f8f8f8;padding:30px 25px;box-sizing:border-box;}
.pd_head {padding-bottom:40px;font-family:'NanumSquare',sans-serif;overflow:hidden;}
.pd_head h4 {display:inline-block;font-size:22px;width:200px;vertical-align:top;font-family:'NanumSquare',sans-serif;color:#012b6e;line-height:30px;font-weight:800;}
.pd_head p {display:inline-block;vertical-align:top;font-family:"Nanum Gothic";font-size:16px;color:#626262;font-weight:400;line-height:26px;}
.pd_head span {display:inline-block;vertical-align:top;float:right;}
.pd_searchBox {margin:0;overflow:inherit;}
.search {float:right; margin-bottom:18px}
.search_date {float:left;margin-bottom:23px}
.search_date .search_date_t {display:inline-block;font-family:'NanumSquare',sans-serif;margin-right:15px;vertical-align:middle;font-size:19px;font-weight:700;color:#626262;}
.search_date .date {display:inline-block;vertical-align:middle;}
.search_date .vdp-datepicker input[type=text] {background: transparent;padding: 4px 10px; font-size: 15px;}
.search .search_st {width:350px;height:30px;border-bottom:2px solid #002d71;}
.search_st .pay_select {display:inline-block;vertical-align:middle;width:100px;border:none;font-size:18px;color:#012b6e;font-weight:700;background:url('/resource/store/img/pay_select_arr.png')no-repeat 95% 50%;}
.search_st select::-ms-expand {display:none;}
.search_st .pay_inputbox {position:relative;display:inline-block;vertical-align:middle;}
.search_st .pay_input {width:240px;height:30px;background:none;border:0;padding:5px;box-sizing:border-box;}
.search_st img {position:absolute;cursor:pointer; right: 0;}
.form_payList {min-height:280px;}
.payTable {border-top:2px solid #012b6e;letter-spacing:-0.5px;margin-bottom:30px;width:100%;table-layout: auto;}
.payTable thead tr th {height:28px;font-size:14px;font-weight:700;color:#69696c;border-bottom:1px solid #afafb0;text-align:center;}
.payTable tbody tr td {font-size:15px;font-weight:700;color:#69696c;padding:12px ​4px 0;text-align:center;}
.pay_page_box {padding-top:30px;border-top:1px solid #afafb0}
.btn_request {float:right;}
.btn_request button {width:155px;height:32px;font-family:'NanumSquare',sans-serif;font-size:16px;font-weight:700;background:#012b6e;color:#fff;}
.btn_statu {display:inline-block;width:78px;height:32px;line-height:32px;font-weight:700;text-align:center;font-size:24px;border:2px solid #F8C351;color:#F8C351;border-radius:5px;vertical-align:middle;margin-left:25px;}
.statu_wrap button {display:inline-block;width:48px;height:22px;line-height:22px;font-weight:700;text-align:center;border:1px solid #666666;color:#666666;border-radius:5px;vertical-align:middle;}
.pay_noti {padding-top:50px;}
.noti_account {max-width: 835px; margin: 35px auto; text-align: center;}
.pay_noti .noti_group {padding-bottom:11px; text-align: left;}
.pay_noti .noti_ico {display:inline-block;vertical-align:middle;width:6px;height:6px;background:#f4cc55;border-radius:100px;margin: 0; margin-right: 17px; margin-top: -2px}
.pay_noti .noti_txt {display:inline-block;vertical-align:middle;font-size:16px;font-weight:400;color:#69696c;letter-spacing:-0.6px;}
.pay_noti .noti_txt.bold {font-size:18px}

@media only screen and (max-width: 1200px) {
  .pay_wrap {padding: 60px 0}
  .pay_container {margin-top: 45px;}
  .pay_detailWrap {overflow: scroll hidden;}
}

@media only screen and (max-width: 800px) { 
  .pay_list .pay_listTit, .pay_list .pay_listPrice, .pd_head h4 {font-size:18px}
  .search_date .search_date_t {font-size:16px}
  .search_st .pay_select, .pd_head p {font-size: 14px}

  .search .search_st {width: 100%}
  .search_st .pay_input {width: 80%;}
  .search_st .pay_select {width: 73px;}

  .pay_detailWrap .pay_detail {padding: 20px 12px;}
  .pay_detail .vdp-datepicker input[type=text] {width: 100px !important}
  .payTable thead tr th, .payTable tbody tr td {font-size: 12px;height: 27px;}
  .payTable tbody tr td {height: auto;}
  .payTable .code {display: none;}
}

@media only screen and (max-width: 400px) {
  .payTable tbody tr td {max-width: 43px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 10px;}
}

/* 결제 유보 신청 pay.defer.php */
.payDefer_container {margin-top:85px;}
.agree_wrap {width:100%;margin:0 auto;}
.agree_wrap .agree_box {height:220px;border:1px solid #959596;clear:both;}
.agree_wrap .agree_box textarea {width:100%;height:100%;border:none;padding:10px;box-sizing:border-box;}
.agree_wrap .agree_chk {margin-top:15px;text-align:right;font-family:'NanumSquare',sans-serif;}
.agree_wrap .agree_chk span {display:inline-block;vertical-align:middle;font-size:20px;color:#69696c;}
.agree_wrap .agree_chk span input[type='checkbox'] {vertical-align:middle;margin-top:7px;}

.form_defer {border-top:2px solid #34568b;margin-top:32px;padding:0;}
.group_defer {border-bottom:1px solid #bdbdbd;padding:0;}
.deferTable {max-width: 1000px; margin:50px auto;} 
.deferTable > div {margin-bottom: 40px;}
.defer_flex {display: flex; justify-content: space-between;}
.defer_flex div {width: 100%;}
.defer_flex .address_wr input{margin-bottom: 4px;}
.defer_flex .defer_R {
  display: flex;
  place-items: center;
  place-content: flex-end;
}
.deferTable input {height: 35px; border: 1px solid #959596; padding: 3px 10px; box-sizing: border-box; font-size: 16px;}
.deferTable .input_defer {width: 100%;}
.input_s {max-width: 85px;}
.input_m {max-width: 360px;}
.input_l {max-width: 700px;}
.de_textarea {
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #959596;
}

.deferTable tbody tr td {padding-bottom:50px;}
.deferTable .input_t {display:inline-block;width:auto;min-width:120px;padding-left:0px;font-size:19px;font-weight:700;color:#69696c;}
.deferTable tbody tr td input[type='text'] {height:35px;border:1px solid #959596;padding: 3px 10px;box-sizing:border-box;font-size:16px}
.deferTable tbody tr td .txt {font-size:18px;font-weight:700;color:#69696c;}
.input_s {width:85px;}
.input_m {width:360px;}
.input_l {width:800px;}
.de_select {width:100px;height:35px;font-size:18px;font-weight:700;color:#69696c;padding:3px 10px;box-sizing:border-box;border:1px solid #959596;margin-right:5px;background:url('/resource/store/img/select_arr.png') no-repeat 90% 50%}
.de_select option {background:#F7F7F7;font-weight:600}
.deferTable tbody tr td select::-ms-expand {display:none;}
.de_textareaWrap {height:110px;border:1px solid #959596;}
.de_textareaWrap .de_textarea {width:100%;height:100%;padding:10px;box-sizing:border-box;border:none;}
.de_noti {font-family:'NanumSquare',sans-serif;font-size:19px;font-weight:700;text-align:center;padding-left:0;color:#012b6e;}
.footer_defer {
  max-width: 1140px;
  display: flex;
  justify-content: space-around;
  padding: 22px 0;
  margin: auto;
  margin-right: 0;
}
.referbox {display:flex;}
.refer_tit {display:inline-block;width:70px;font-size:18px;font-weight:800;color:#69696c;}
.refer_txt {display:inline-block;width:145px;font-size:18px;font-weight:700;color:#69696c;}

@media only screen and (max-width: 1023px) {
  .defer_flex, .defer_R {display: block !important;}
  .deferTable > div, .defer_flex, .defer_R {margin: 20px 0;}
  .payDefer_container {padding: 0 15px;}
}
@media only screen and (max-width: 750px) {
  .footer_defer {display: block;}
  .referbox {margin: 6px 0}
  .deferTable .input_t, .de_noti { display: block; font-size: 16px}
  .de_select, .deferTable input, .refer_tit, .refer_txt, .agree_wrap .agree_chk span {font-size: 15px;}
  .deferTable input {height: 30px;}
  .payDefer_container {margin-top: 40px}
}

/* 노무사 게시판 labor.notice.php */
.notice_wrap {width:95%;margin:75px auto}
.notice_center {width:100%; max-width: 1280px; margin:0 auto;}
.tab_wrap {display:inline-block;padding-bottom:0;}
.tab li {float:left;font-size:20px;font-weight:400;color:#626262;padding:8px;border-bottom:1px solid #959596; padding-top:0; font-family:'NanumSquare',sans-serif;cursor:pointer;}
.tab li.on {color:#012b6e;font-weight:800;border-bottom:4px solid #012b6e;}
.labor_who {margin:80px 0 50px;overflow:hidden;}
.labor_img {float:left;margin:0; margin-right: 20px;}
.labor_info {position:relative;max-width: 890px; width: calc(100% - 200px);float:left;letter-spacing:-0.5px;}
.labor_info .name {font-size:22px;font-weight:700;color:#69696c;}
.labor_info .info {line-height:26px;font-size:17px;font-family:'NanumSquare',sans-serif;font-weight:400;color:#626262;margin:30px 0 45px;white-space: normal;}
.labor_info .mail {line-height:27px;font-size:18px;font-family:'NanumSquare',sans-serif;font-weight:700;color:#626262;letter-spacing:0px;}
.labor_info .btn_qna {position:absolute;width:200px;height:47px;font-size:23px;bottom:0;right:0;}
.board_wrap { margin-top:30px;}
.writer_box {text-align:right;margin-bottom:5px;}
.writer_box button {font-size:19px;font-weight:700;color:#012b6e;letter-spacing:-0.3px;}
.boardTable {border-top:2px solid #0b3474;letter-spacing:-0.5px; border-bottom:1px solid #c9c9c9}
.boardTable thead tr th {font-size:18px;text-align:center;font-weight:500;color:#69696c;padding:14px 0;border-bottom:1px solid #c9c9c9;}
.boardTable thead tr:first-child{margin-top:22px;}
.boardTable tbody tr td {font-size:19px;text-align:center;font-weight:500;padding:28px 0;color:#69696c;}
.boardTable .board_tit {text-align:left;padding-left:60px;}
.notice_line td .board_tit {font-weight:500 !important;}
.boardTable td .board_tit a {color:#69696c;font-size:19px; font-weight: 500;}
.boardTable .notice {font-size:19px;font-weight:800;color:#012b6e;}
.board_page_box {margin-top:70px;}
.board_notice_wrap .board_notice_num {color:#012b6e; font-weight: 800;}
.board_notice_wrap .board_tit a {font-weight: 800 !important}
.board_notice {font-weight:600}

@media only screen and (max-width: 1099px) {
  .board_wrap {overflow: scroll hidden;}
}
@media only screen and (max-width: 950px) {
  .boardTable thead tr th {font-size: 16px; width: auto !important}
  .boardTable thead tr th:first-child {width: 40px !important;}
  .boardTable thead tr th:nth-child(3) {width: 90px !important;}
  .boardTable thead tr th:nth-child(4) {width: 90px !important;}
  .boardTable thead tr th:last-child {width: 50px !important;}
  .boardTable tbody tr td, .boardTable td .board_tit a {font-size: 15px;}
}
@media only screen and (max-width:635px) {
  .tab li {font-size: 17px}
  
  .labor_who {margin: 50px 0; text-align: center;}
  .labor_img {float:none; margin: auto}
  .labor_info {width: 100%; margin-top: 10px;font-size: 16px;}
  .labor_info .name, .labor_info .mail {font-size: 17px}
  .labor_info .btn_qna {position:static; margin-top: 10px; font-size:18px; width:180px; height: 40px}
  .boardTable thead tr th {max-width: 360px;}
  .boardTable tbody tr td, .boardTable td .board_tit a {font-size:14px; padding: 0;}
  .boardTable .board_tit {width:100% ; padding-left:0;}
  .boardTable .hit {display: none;}
}
@media only screen and (max-width:400px) {
  .boardTable {height: 30px;}
  .boardTable td .board_tit a, .boardTable tbody tr td {font-size: 14px;}
  .boardTable thead tr th {font-size: 14px; padding:6px ​0;}
  .boardTable tbody tr td {padding: 0;}
  .boardTable .date {display: none;}
}

/* 자료실 training.list.php // form.down.php */
.data_wrap {width:100%;padding:53px 0;}
.data_center {width:1345px;margin:0 auto;}

/* 가맹점 교육 신청 franchise.php */
.cal_wrap {width:100%;padding:77px 0;}
.cal_contWrap {margin-top:58px;}
.cal_contWrap .cal_cont {border-top:2px solid #34568b;border-bottom:1px solid #b7b7b8;padding:65px 88px;}
.btn_fran {margin-top:60px;}
.franTable {width:100%}
.franTable select::-ms-expand {display:none;}
.franTable tbody td {padding:18px 0;}

.fran_cnt {font-size:18px;font-weight:700;color:#626262;}
.fran_cnt .vdp-datepicker input { height: 35px; font-size: 18px;}
.fran_tit {max-width:260px;margin-right:15px;font-size:20px;font-weight:700;color:#69696c;}
.fran_sel select {border:none;background:url('/resource/store/img/fran_arr.png')no-repeat 95% 50%;color:#69696c;font-size:22px;font-weight:700;}
.fran_select_b {min-width:100px;color:#012b6e !important;}
.fran_select {min-width:300px;}
.fran_input > input {height:35px;padding:3px 10px;font-size:18px;box-sizing:border-box;border:1px solid #959596;}
.fran_input_m {width:389px;}
.fran_input_s {width:112px;}

@media only screen and (max-width: 700px) {
  .franTable tbody td { padding: 12px 0; font-size:16px}
  .fran_tit {width: 130px; font-size: 18px}
  .fran_cnt { font-size: 16px}
  .fran_input > input, .fran_cnt .vdp-datepicker input { width: 100%; height: 28px}
}

/* 관심상품 */
.wish_wrap, .cart_wrap {width:100%;padding:80px 0;}
.wish_wrap .wish_center {width:100%;max-width:1200px;margin:0 auto;}
.wish_listWrap {margin-top:50px;}
.wish_listWrap h3 {font-size:22px;font-weight:500;color:#69696c;margin-bottom:20px;letter-spacing: -0.5px;}
.wish_box {width: 100%; border-top:2px solid #34568b;}
.wish_box table {table-layout: auto;}
.btn_ {margin-top:75px;text-align:center;}
.wish_btnbox {display:flex;justify-content:space-between;margin: 28px 0 60px;text-align:right;}
.wish_btnbox span {color:#69696c; font-size:23px;}
.wish_btnbox p {font-size:19px;}
.btn_delete {border:1px solid #626262;color:#69696c;text-align:center;font-size:16px;font-weight:700;padding:7px 16px}
.btn_addcart {background:#012b6e;border:1px solid #012b6e;color:#fff;font-size:20px;font-weight:700; padding: 10px 30px}

@media only screen and (max-width:1200px) {
  .wish_wrap, .cart_wrap {padding-top:60px}
}

/* 글쓰기 write.php */
.write_wrap {width:100%;max-width:1280px;margin: 0 auto;padding: 110px 0;}
.write_center {width:100%;margin:0 auto;}
.form_write {}
.form_write .write_head {text-align:center;padding-bottom:15px;border-bottom:2px solid #34568b;overflow:inherit;}
.write_head .title {display:inline-block;}
.write_head .title input {display:inline-block;width:fit-content;color:#626262;margin: 8px auto;font-family:'NanumSquare',sans-serif;font-size:25px;font-weight:700;border:none;text-align:center;padding:5px;box-sizing:border-box;}
.write_head .title input:first-child {display:block;}
.write_date {margin-top:45px;}
.write_date input, .option_line .vdp-datepicker input[type=text] {width:400px;font-family:'NanumSquare',sans-serif;text-align:left;font-size:20px;color:#666;border:none;padding:5px;box-sizing:border-box;}
.op_cnt input[type="number"] { width: 150px; font-family: 'NanumSquare',sans-serif; font-size: 20px; color: #666; border: 1px solid #959596; box-sizing: border-box; padding: 5px;}
.writer {font-family:'NanumSquare',sans-serif;margin-top:-20px;float:right;font-size:17px;color:#666;}
.write_body {border-bottom:1px solid #bdbdbd;padding: 35px 0}
.write_option {border-top:1px solid #bdbdbd;padding:23px 0 38px 0;overflow:visible;}
.option_line {padding-left:min(15vw, 45px);margin-top:15px;font-size:21px;color:#626262;}
.op_title {width: 150px;font-family:'NanumSquare',sans-serif;font-weight:400;display:inline-block;vertical-align:middle;margin-right:0;}
.op_cnt {display:inline-block;vertical-align:middle;}
.write_selbox select::-ms-expand {display:none;}
.write_sel {width:200px;height:36px;font-family:'NanumSquare',sans-serif;font-weight:400;font-size:18px;color:#626262;padding:5px 20px 5px 10px;box-sizing:border-box;border:1px solid #959596;background:url('/resource/store/img/ico_pay_arr.gif')no-repeat 95% 50%;}
.write_btn {margin-top:65px;}
.form_view {}
.form_view .view_head {text-align:center;padding-bottom:15px;overflow:hidden;}
.view_head .title {display:inline-block;width:400px;color:#626262;font-family:'NanumSquare',sans-serif;font-size:32px;font-weight:700;border:none;text-align:center;margin-top:100px;padding:120px;box-sizing:border-box;}
.view_btn {margin-top:60px;}
.btn_back {width:150px;height:38px;line-height:38px;font-size:19px;font-weight:700;color:#69696c;border:1px solid #626262;text-align:center;}
.view_body {margin-top:70px;border-top:2px solid #34568b;}

/* 0929 write.view.php 버튼 및 코멘트 추가 */
.view_btn {margin:30px 0;}
.view_btn .btn_wrap {text-align: right;}
.s_btn { width: 60px; height: 28px; line-height: 28px; font-size: 16px; font-weight: 600; color: #69696c; border: 1px solid #626262; text-align: center;}
.comment_wrap {display: flex; justify-content: space-between;}
.comment_wrap textarea{width:87%; height: 48px; padding:10px; border-color: #012b6e; font-size:18px; background: transparent;}
.comment_wrap input{width:11%; height: 70px; font-size:18px; cursor: pointer; background: #012b6e; color: #fff; border: none;}
.comment_wrap input:hover {background:#012b6ede}
.comment_area {margin:10px 5px; padding: 12px}
.comment_area .user_name {font-weight:600; color:#555}
.comment_area .user_name::after {content:'';display:inline-block;width:1px;height:12px;background:#9d9da2;margin: 0 7px 0 12px;}
.comment_area .date {color:#69696c}
.comment_area .comment_btn {float: right;}
.comment_area .comment_btn button {border:none; width: fit-content;}
.comment_area .comment_btn button::after {content:"·";display:inline-block; font-size: 16px; font-weight: 400; margin: 0px 5px;}
.comment_area .comment_btn button:hover {text-decoration: underline}
.comment_area .comment_btn button:last-child::after{content:'';}
.comment_area .comment {margin-top: 10px;white-space: pre-line;}
.comment_area.reply {background:#f7f7fa;margin-left:30px; border-radius:10px; padding: 18px;}

/* 글상세 write.view.php */
.view_body {}
.view_line {display:table;width:100%;padding:20px;box-sizing:border-box;font-family:'Nanum Gothic','나눔고딕',sans-serif;border-bottom:1px solid #5a5a5d;}
.view_title {width:125px;display:table-cell;vertical-align:top;font-size:18px;font-weight:700;color:#69696c;}
.view_cnt {display:table-cell;font-size:18px;color:#69696c;font-weight:400;}
.view_text {font-size:18px;padding:50px 20px;box-sizing:border-box;border-bottom:1px solid #5a5a5d;font-family:'NanumSquare',sans-serif;color:#959596;line-height:30px;}
.view_text span, .view_text figure, .view_text img{max-width: 100% !important;}
.view_down {margin-bottom:5px;overflow:hidden;}
.view_down .file_icon {display:inline-block;vertical-align:middle;margin-right:14px;}
.view_down .file_name {display:inline-block;vertical-align:middle;font-size:18px;font-weight:400;color:#69696c;cursor:pointer;}

@media only screen and (max-width: 800px) {
  .write_wrap {padding-top: 50px}
  .view_title {width: 70px; font-size: 16px;}
  .view_text {padding: 20px}
  .view_cnt, .view_text, .comment_wrap textarea, .comment_wrap input{font-size: 16px;}
  .view_btn .btn_wrap button {margin: 0; font-size: 15px;}

  .comment_area {margin:0}
  .comment_area.reply {padding: 8px}
  .comment_area .user_name, .comment_area .comment {font-size: 15px}

  .form_write .writer {float:none;font-size: 15px; margin-top: 20px;}
}

/* 캘린더 calendar.php */
.cal_wrap {width:100%;padding:77px 0;overflow:hidden;}
.cal_wrap .cal_center {width:100%;max-width:1090px;margin:0 auto;}
.cal_contWrap {margin-top:58px;}
.cal_contWrap .cal_cont {border-top:2px solid #34568b;border-bottom:1px solid #b7b7b8; padding: 20px}
.cal_titbox {}
.cal_titbox .cal_tit {position:relative;}
.cal_titbox .cal_tit .prev {position:absolute;left:0;top:0;cursor:pointer;}
.cal_titbox .cal_tit .next {position:absolute;right:0;top:0;cursor:pointer;}
.cal_titbox .cal_tit span img {mix-blend-mode: darken;}
.calWrap {display:flex; justify-content: space-between; width:100%;margin-top:0;}
.calendar_wrap {display: inline-block; width: 100%; margin-top: 45px;}
.calendar {width:100%;max-width:880px;display:inline-block;vertical-align:top;}
.cal-line {position: relative; top: 58px;width:100%; height:1px; margin: 14px 0; background:#9a9a9b}
.calTable thead th {padding-bottom:40px;font-family:'NanumSquare',sans-serif;font-size:22px;font-weight:700;color:#626262;text-align:left;}
.calTable tbody td {position:relative;vertical-align:top;min-width:100px;height:130px;padding:5px;text-align:left;}
.circle {position:absolute;top:14px;left:14px;transform: translate(-50%, -50%);width:44px;height:44px;border:1px solid #012b6e;border-radius:100px;}

/* 0929 캘린더 table -> div */
.week { justify-content: space-between; border-bottom: 1px solid #9a9a9b;}
.week_inner { width: calc(100% - 315px); font-size: 19px; font-weight: 700; color: #626262; margin-bottom: 5px;}
.week_inner > div {width: calc(100% / 7);}
.week, .week_inner, .week_in {display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.week_in > div {width: calc(100% / 7); height: 135px;}
.info_day {display:block;font-family:'NanumSquare',sans-serif;margin-top:15px;max-height: 85px;overflow: hidden auto}
.info_day::-webkit-scrollbar { width: 8px; }

/* Track */
.info_day::-webkit-scrollbar-track { background: #f1f1f16a;  }
 
/* Handle */
.info_day::-webkit-scrollbar-thumb { background: rgba(136, 136, 136, 0.32);  }

/* Handle on hover */
.info_day::-webkit-scrollbar-thumb:hover { background: rgb(162, 162, 162);  }

.day {position: relative;font-size:22px;font-weight:700;color:#626262;letter-spacing:-1px;}
.info {margin-bottom:3px;}

.info_date {display:block;font-family:'NanumSquare',sans-serif;}
.info_date .date {position:relative;display:inline-block;font-size:25px;font-weight:700;color:#626262;letter-spacing:-1px;}
.info {margin-bottom:3px;line-height: 1em;}
.mark {display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:100px;}
.cont {display:inline-block;font-family: 'Nanum Gothic';vertical-align:middle;width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px;margin-left:0px;font-size:13px;color:#626262;cursor:pointer;}
.cont2 {font: 400 15px 'Nanum Gothic'; letter-spacing:-0.5px; color:#626262;cursor:pointer;}

.c_blue {background:#012b6e;}
.c_red {background:#a72828;}
.c_yellow {background:#f3cb55;}
.c_green {background:#2c8700;}
.c_purple {background:#7d7dba;}
.c_brown {background:#c77914;}
.c_gray  {background:#959596;}

.mark_ex {background: #f5f3f2; padding: 40px 23px;}
.mark_ex ul { display: flex; flex-direction: column; justify-content: space-between;flex-wrap: wrap;padding: 0;}
.mark_ex ul li {margin: 0 6px 8px !important}
.mark_ex .mark {width: 11px; height: 11px; margin-right: 4px;}
.mark_info {display:inline-block;vertical-align:middle;font-size:16px;color:#626262;font-weight:400;margin-left:0;letter-spacing:-0.5px;}
.cal_notibox {display:inline-block;vertical-align:top;}
.cal_noti {font-family:'NanumSquare',sans-serif;width:285px;min-height:600px;max-height:545px;overflow: auto; background:#f8f8f8;padding:40px 23px;box-sizing:border-box;}
.today_datebox {width:55px;border-bottom:none;padding-bottom:0;margin-bottom:45px;overflow:hidden;}
.today_datebox .today_date {font-family:'NanumSquare',sans-serif;font-size:22px;font-weight:700;color:#626262;letter-spacing:-0.5px;}
.today_txtbox {}
.today_txtbox li {margin-bottom:40px;}
.today_txtbox .mark {position: absolute; margin-top: 5px;}
.today_list {display:inline-block;vertical-align:top;margin-left:15px;letter-spacing:-0.5px;}
.today_list .name {font-size:17px;color:#626262;font-weight:700;margin-bottom:10px;}
.today_list .period {font-size:14px;color:#626262;margin-bottom:20px;}
.today_list button {display:inline-block;font-size:15px;font-weight:600;font-family:'NanumSquare',sans-serif !important;width:75px;height:32px;border:1px solid #012b6e; color:#012b6e;text-align:center;}
.today_list button:hover {background:#012b6e;color:#fff;}

@media only screen and (max-width: 1100px) {
  .sub_head h3.sub_t {font-size:22px; margin-bottom: 0.7em;}
  .sub_txt {font-size:15px;}
  .today_datebox .today_date {font-size:22px}

  .calWrap {display: block;}
  .info {white-space: initial; line-height: 0.75em;}
  .calendar_wrap {width:100%; margin-top: 20px;}
  .calendar_wrap::-webkit-scrollbar {width: 0px;}
  .cal_notibox {display: block; width: 100%; margin: 50px auto;}
  .cal_noti {width:100%; padding: 30px 20px}
  .calendar {display: block;max-width: none; margin: 0;}

  .cont2{font-size: min(2.2vw, 15px);}
  .week_inner div, .mark_ex ul .mark_info {font-size: min(3.5vw, 19px);}
  .week_inner {width: 100%;}
  .writer_box {position: absolute; margin-top: -30px;}

  .mark_ex ul {flex-direction: row;}
}

/* 커뮤니티 */
.comm_sec {margin-top:40px;}
.comm_wr {display:flex; justify-content:space-between;max-width:1280px; margin: 0 auto;padding: 50px 0}
.comm_title {padding: 6px 8px;}
.comm_title a {display:block; width: fit-content;}
.comm_title span {display:inline-block;position:relative;width:30px;height:30px;margin-right: 15px;}
.comm_title span img {position: relative;z-index:2; mix-blend-mode: darken;}
.comm_title a:hover span:after {content:'';top:10px ;left:10px;position:absolute;display:block;width:30px;height:30px; background:#ffe594;border-radius:50%;}
.bell-span:after {left:0 !important; top:0 !important;}
.cal-span:after{background:#fff !important;}
.comm_title h1{display:inline-block; height: 44px;line-height: 44px;vertical-align: super;font-family:'NanumSquare';font-size:25px;font-weight:800;color:#5a5a5d;}
.comm_title h2 {color:#5a5a5d;font-size:20px; font-weight: 500; margin: 25px 0 0 50px; line-height: 36px;}

.comm_list {width:95%;max-width:835px;min-height:120px;margin: 0}
.comm_list li {padding: 20px 0;border-bottom: 1px solid #69696c}
.comm_list a{ display: flex;justify-content: space-between;font-size:18px; color:#69696c; font-weight:600}
.comm_list a span:first-child {display:inline-block;width: 50%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.comm_list a span:last-child {float: none;font-size: 16px;}
.comm_list button {width: 65px; height: 26px; padding: 0 5px; border: 1px solid #a4a4a6;margin-top:30px;float:right;}
.comm_list button a {color:#a4a4a6; font-size:15px}
.comm_list button:hover {border-color:#69696c;}
.comm_list button:hover a {color:#69696c;}

.comm_yellowSec {background:#f8df94;margin-top:90px;padding-top: 40px}
.comm_wr .calendar_wrap {width: 100%;max-width: 630px; margin: 0; margin-right: 50px;}
.calendar_cont {overflow: auto;}
.comm_wr .calendar {width: 100%;max-width: 630px;}
.comm_wr .cal_titbox {width: auto; margin: 0 auto 40px;}
.comm_wr .cal_titbox .cal_tit {text-align: center;color:#55524a;font-size:22px;font-family:'NanumSquare'}
.comm_wr .calTable tbody td {min-width: 95px;height: 95px; padding: 0;}
.comm_wr .calTable thead th {font-weight:800;letter-spacing: -1px;}
.comm_wr .calTable thead th, .comm_wr .info_date .date {font-size:20px;}
.comm_wr .circle {width: 35px; height: 35px; top: 12px; left: 12px}

.comm_wr .week { font-size: 18px; border: none; margin-bottom: 30px; }
.comm_wr .week > div { width: calc(100% / 7); color: #626262; font-weight: bolder; }
.comm_wr .week_in > div { height: fit-content; min-height: 110px; font-size: min(4vw, 18px); }
.comm_wr .info span { font-size: min(2.5vw, 14px); }

@media only screen and (max-width: 1099px) {
  .comm_list {margin: 0 auto;}
  .comm_list a span:last-child {font-size: 14px}

  .comm_wr { display: block;}
  .comm_title { text-align: center;}
  .comm_title h2 {margin: 20px 0 40px;}
  .comm_wr .calendar_wrap, .comm_wr .calendar {max-width: 100%; margin: 0 auto;}
  .comm_yellowSec .comm_title a {margin: 0 auto;}
}

@media only screen and (max-width: 400px) {
  .comm_wr { display: block;}
  .comm_wr .week {font-size: 16px}
  .comm_title span {margin-right: 8px;}
  .comm_title h1 {font-size: 20px}
  .comm_title h2 {font-size: 16px}
  .comm_list a span:first-child {font-size: 16px;}
  .comm_list a span:last-child {font-size: 14px;}

  .paging_wrap .page_num li {font-size: 16px}
  .week, .day {font-size: 15px;}
  .week_in .day {height: fit-content !important;}
  .day .cont {font-size:10px;  margin: 0;}
  .day .circle {top: 9px; left: 9px; width: 34px; height: 34px;}
  .info .mark {width: 5px; height: 5px; margin-left: 4px;}
}

/* 거래처 전용 */
.trader_wr {width:100%; max-width: 1100px; margin: 50px auto;}
.trader_wr .logo_wrap {margin: 0}
.trader_wr .order_wrap {padding: 12px; font-family: 'NanumSquare',sans-serif;}
.trader_wr .order_wrap h2 {margin-bottom: 20px; font-size: 30px; font-weight: 800; color:#5b5b5d; font-family: 'NanumSquare',sans-serif;}
.trader_wr .order_wrap .info_wr {margin-right:10px;padding: 18px 0}
.trader_wr .order_wrap .info_wr img {vertical-align: middle;}
.trader_wr .order_wrap .info_wr .info_title {width: fit-content;min-width:66px;margin-right: 15px; font-size: 18px; color:#69696b;}
.trader_wr .order_wrap .info_wr input[type='text'] {width: 412px; font-size:16px; padding: 0 7px;}
.trader_wr .order_wrap .vdp-datepicker input[type=text] {font-size:16px;}
.trader_wr .order_wrap .exceldown {width: 95px; height: 32px; padding-left: 30px; background:url('/resource/store/img/excelIcon.jpg') no-repeat; vertical-align: text-bottom; font-size: 15px; font-weight: 700; color: #69686d;}
.trader_wr .vdp-datepicker {z-index: auto !important;}
.info_wr .write_sel {font-size: 16px; font-weight: 600; padding: 5px 25px 5px 16px;font-family: "Nanum Gothic";}
.inquiry_wr {justify-content: center; margin-top: 40px }
.inquiry_wr button { min-width: 122px; height: 38px; text-align:center; border: 1px solid #1b3d6d; color:#1b3d6d; font-size: 16px; font-weight:600; margin-left: 7px;transition: all .2s;}
.inquiry_wr button:hover {background:#1b3d6d; color:#fff}
.order_list_wrap table {width:100%;text-align: center; box-sizing: border-box; border-top: 2px solid #012b6e;table-layout:auto}
.order_list_wrap table .table_header {border-bottom: 1px solid #5a5a5c;}
.order_list_wrap table .table_header td {padding: 10px 2px;font-weight:600; font-size: 17px; color:#69686d; font-family: 'NanumSquare',sans-serif;}
.table_contents {border-bottom: 1px solid #a7a7a9; font-weight: 500; color:#6a696e; font-weight: 700; font-size: 18px;}
.table_contents td {padding: 7px 0; vertical-align: middle; font-size: 13px !important; word-break: break-all; font-family: 'Nanum Gothic',sans-serif !important; letter-spacing: -0.06em;}
.table_contents td.products {text-align: left; }
.table_contents td.products div { max-width: 200px; font-size: 13px; padding: 0;margin: auto;text-overflow: ellipsis;white-space: break-spaces;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.trader_wr table .table_contents div {font-weight: 400; font-size: 17px;padding: 7px 0; border-bottom: none;}
.table_contents div:last-child {border:none;}
.table_contents .calender {width: 26px; height: 23px; background:url('/resource/store/img/calendar.jpg'); vertical-align: text-bottom;}
.table_contents select {border:none; font-size: 16px; font-family: "nanum gothic", 맑은 고딕; color:#6a696e; font-weight:700; width: 100%; max-width: 100px; padding: 0;}
.table_contents .vdp-datepicker__calendar {border: 1px solid #ccc !important;}

@media only screen and (max-width: 1099px) {
  .order_list_wrap > div:last-child {overflow-x: auto;}
}

@media only screen and (max-width: 830px) { 
  .logo_wrap {padding-left: 8px}
  .trader_wr table .num {display: none;}
  .trader_wr table .store { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; }
  .trader_wr .order_wrap {margin-top: 30px;}
  .trader_wr .order_wrap .info_wr .info_title, .trader_wr {display: block;}
  .trader_wr .order_wrap h2 {font-size:24px}
  .trader_wr .order_wrap .info_wr input[type='text'] {width: 100%;}
  .trader_wr .order_wrap .vdp-datepicker input[type=text], .info_wr .write_sel {font-size: 15px;}
  .ship_wr {justify-content: flex-start;}

  .order_list_wrap table {width: 830px;}
  .order_list_wrap table td, .table_contents div {font-size: 12px !important;}

  .trader_wr table input {font-size: 12px;padding: 0;height: 17px;width: 75px !important;}
  .table_contents select {background: none; font-size: 14px;}
  .order_list_wrap table .table_header td {padding: 6px 2px;}
}

@media only screen and (max-width: 500px) {
  .trader_wr .order_wrap h2 {font-size: 20px}
  .trader_wr .order_wrap .info_wr .info_title {font-size: 16px}
  .order_list_wrap table .table_header td {font-size: 15px;}
  .trader_wr .order_wrap .exceldown {width: 83px; height: 25px; padding-left: 27px; background-size: contain;}
  .inquiry_wr button {
    min-width: 95px;
    height: 30px;
    font-size: 15px;
  }
  .table_contents select {font-size: 11px;}
  .order_list_wrap table {width: 100%;}
  .order_list_wrap table td, .table_contents div {font-size: 8px !important;}
  .trader_wr table .table_contents div {padding: 0;}
  .trader_wr table .vdp-datepicker input[type=text] {font-size: 11px;width: 70px !important;}
}


.vdp-datepicker {
    display: inline-block !important;
    z-index:99;
  }
  
  .vdp-datepicker input[type=text] {
    width: 150px !important;
    z-index:99 !important;
    padding: 3px 10px !important; 
    border: 1px solid #959596 !important;
  }