@charset "utf-8";

/* =================================
*   컬러스타일
*   2021-01-15 작성
*   메인컬러 8f62e4
*   메인컬러 진하게 6cb2ef
*   메인컬러 연하게 83b1d9
================================== */


/* common
-----------------------------------------------------*/
.font-main {color: #222 !important; }
.pc.header-aside > ul > li:hover .title {color: #6ab5d5; }

/* progress-wrapper */
.progress-wrapper .progress-dot01 {background-color: #6ab5d5; opacity: 0.5; }
.progress-wrapper .progress-dot02 {background-color: #6ab5d5; opacity: 0.7; animation-delay: -1.2s; }
.progress-wrapper .progress-dot03 {background-color: #6ab5d5; opacity: 0.9; animation-delay: -1.0s; }


/* page-header */
.page-header .subtitle {color: #222; }

.marking-ongoin {border-color: #222; background-color: #222; }


/* button */
.btn-goto:hover {color: #6ab5d5; }

.btn-submit {}
.btn-submit:hover {}

.btn-main {background-color: #222; border-color: #222; color: #fff; }
.btn-main:hover {background-color: #6ab5d5;}

/* tab-nav02 */
.tab-nav02 ul li.current a:after,
.tab-nav02 ul li.current button:after {content: ""; background-color: #222; }

.tab-nav03 li.current > a,
.tab-nav03 li.current > button {color: #222; border-color: #222; border-bottom-color: #fff;}


/* button */
.btn-white-line {border: 1px solid #fff; background: transparent; color: #fff; }
.btn-white-line:hover {background-color: #f2f2f2; color: #666; }


/* item-container */
.item.open .item-open .date {background-color: #222; }


/* product matching tag */
.product .matching-tag {background-color: rgba(108, 48, 224, 0.6); }


/* main
-----------------------------------------------------*/
.main-notice {background-color: #222; }
.main-notice .title-area .btn-goto {background-image: url("/AppData/images/site/button/btn_goto.png"); }
.main-notice .notice-item {background-image: url("/AppData/images/site/mobile/button/notice_plus.png"); }
.main-notice .notice-item .date {color: #222; }

.fm--shipping .shipping-header span {color: #222;}

/* order
-----------------------------------------------------*/
.inventory-receipt {background-color: #f5faff;}
.ordergroup-inventory .inventory-site {color: #222; }


.fm--order.orderdetail .inventory-container {margin-top: 40px; }






/* =======================================================
  address  2021-02-24 eunah 추가
========================================================*/
.modal-postcode .modal-body {padding: 0; }
.modal-postcode .pagination-wrapper {padding: 0 15px 30px; }






@media (min-width: 1024px) {
	.lnb-header {background: #000; }
	.lnb li.current a {color: #222;}
	.lnb-cs-wrapper .tel {color: #222; }


	.tab-nav03:after {content: ""; background-color: #222; }
	.item:hover .item-info > * {color: #222; }
	.product-util .product-site:hover span {color: #222; }

	.fm--shipping .shipping-header span {color: #222; }
}

/*
  ##Device = Desktops
  ##Screen = 1025px to higher resolution desktops
*/
@media (min-width: 1025px) {

/* =======================================================
  main
========================================================*/
.main-notice .notice-item:hover {background-image: url("/AppData/images/site/pc/button/notice_hover.png"); }


.fm--order .section-order .checkbox-agree {padding: 0; }



.fm--orderlist .ordergroup-inventory .inventory-item {width: calc(100% - 140px);}

}






/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {





.total-receipt-wrapper {margin: 20px 0 30px; }

}




/*
  ##Device = mobile
  ##Screen = B/w 425px
*/
@media (max-width: 425px) {



/* =======================================================
  modal
========================================================*/
.modal-container .modal-contents {width: 90%; height: 400px; }
.modal-container .modal-body {height: 350px; }

}