/* common */
@import url('font.css');
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
html,input,select,button {font-family: "SCoreDream", sans-serif;font-size:14px}
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top}
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0;max-width:100%;width:auto}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.green {color:#2fe19c}
.blue {color:#2f8fe1}
.fs18 {font-size:18px;}
.red {font-weight:500;color:#f43321}
.left {float:left}
.right {float:right}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space100 {clear:both;height:100px}
.pc1200 {display:block}
.mobile1200 {display:none}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc840 {display:block}
.mobile840 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc480 {display:block}
.mobile480 {display:none}
.w1300 {width:1300px;margin:0 auto}
*:focus { outline: none; }
.tab_content div.ss_menu {display:none}
.tab_content div.ss_menu:nth-of-type(1) {display:block}


/* pages */
.inx_shop_pages{margin:30px 0; padding:0; text-align:center;}
.inx_shop_pages li{display:inline-block; width:22px; line-height:22px; padding:4px; border:1px solid #ddd}
.inx_shop_pages a{font-size:14px;font-weight:500;color:#464646;}
.inx_shop_pages a.thispage{color:#d21047;}


/* Category */
/*
.menu_btn_wrap{background:#fff;position: relative; z-index: 99999;height:500px;width:1300px;margin:0 auto}
.menu_btn_wrap .menu_btn{display: flex; flex-direction: column; gap: 6px;}
.menu_btn_wrap .menu_btn > div{width: 50px; height: 50px; border-radius: 25px; display: flex; align-items: center; cursor: pointer; font-size: 0; transition-property: width; transition-duration: 0.3s; overflow: hidden;}
.menu_btn_wrap .menu_btn > div a{white-space: nowrap; display: flex; align-items: center;}
.menu_btn_wrap .menu_btn > div a img{display: inline-block; padding: 0 9px;}
.menu_btn_wrap .menu_btn > div a .text{font-size: 15px; display: inline-block; color: #fff;}
.menu_btn_wrap .menu_btn:hover > div{transform: scale(1); width: 132px;}
.menu_btn_wrap .menu_btn:hover > div .text{}
.menu_btn_wrap .menu_btn .total_menu_open_btn{background: #233776; position: absolute; top: 0; right: 0;}
.menu_btn_wrap .menu_btn .kakao_btn{background: #ffe400; position: absolute; top: 55px; right: 0;}
.menu_btn_wrap .menu_btn .kakao_btn a .text{color: #121212;}
.menu_btn_wrap .menu_btn .purchase_btn{background: #3d89f2; position: absolute; top:55px ; right: 0;}
.menu_btn_wrap .d1_wrap{width: 240px; background: #fff; border-radius: 18px; padding: 5px 0; box-sizing: border-box; z-index: 1000; box-sizing: border-boxe}
.menu_btn_wrap .d1_wrap .menu_wrap .menu_wrap_tit{text-transform: uppercase; font-weight: 500; width: calc(100% - 8px); margin: 0 auto; background: #233776; color: #fff; font-size: 12px; height: 34px; display: flex; align-items: center; padding: 0 18px; border-radius: 17px; cursor: pointer;}
.menu_btn_wrap .d1_wrap .menu_wrap .menu_wrap_tit::after{display: block; content: ""; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff;  transform: rotate(-45deg); position: absolute; top: 15px; right: 20px;}
.menu_btn_wrap .d1_wrap .menu_wrap {z-index: 1000; position: relative;}
.menu_btn_wrap .d1_wrap .menu_wrap ol{padding: 8px 0px 12px;}
.menu_btn_wrap .d1_wrap .menu_wrap ol .d1{}
.menu_btn_wrap .d1_wrap .menu_wrap ol .d1 > a{display: block; color: #363636; padding: 4px 20px; font-size: 15px;}
.menu_btn_wrap .d1_wrap .menu_wrap ol .on > a{color: #1d75cf; text-decoration: underline !important; text-underline-position : under; font-weight: 600;}
.menu_btn_wrap .d1_wrap .menu_wrap .in_kakao_btn{width: calc(100% - 8px); height: 52px; background: #ffe400; border-radius: 26px; padding: 0 16px; margin: 0 auto 5px;}
.menu_btn_wrap .d1_wrap .menu_wrap .in_kakao_btn a{height: 100%; display: flex; align-items: center; font-size: 14px;}
.menu_btn_wrap .d1_wrap .menu_wrap .in_kakao_btn a .point{font-weight: 600;}
.menu_btn_wrap .d1_wrap .menu_wrap .in_kakao_btn a img{padding-right: 14px;}
.menu_btn_wrap .d1_wrap .menu_wrap .in_purchase_btn{width: calc(100% - 8px); height: 36px; background: #3d89f2; border-radius: 26px; padding: 0 16px; margin: 0 auto;}
.menu_btn_wrap .d1_wrap .menu_wrap .in_purchase_btn a{height: 100%; display: flex; align-items: center; color: #fff; font-size: 14px;}
.menu_btn_wrap .d1_wrap .menu_wrap .in_purchase_btn a img{padding-right: 14px;}
.menu_btn_wrap .d2_wrap{top: 0; width: 600px; padding: 6px 0; border-radius: 18px; height: 100%; z-index: 900; padding-left: 40px; display: none;min-height:640px}
.menu_btn_wrap .d2_wrap .each_d2{display: none;}
.menu_btn_wrap .d2_wrap .each_d2:nth-child(1){display: block;}
.menu_btn_wrap .d2_wrap .d2_wrap_tit{width: auto; margin: 0 auto;color: #000; height: 42px; display: flex; align-items: center; padding: 0 0 0 10px; font-size: 15px; font-weight: 500; border-radius: 21px;}
.menu_btn_wrap .d2_wrap .sub_menu_wrap{}
.menu_btn_wrap .d2_wrap .sub_menu_wrap > ol{width: 100%;}
.menu_btn_wrap .d2_wrap .sub_menu_wrap .d2{width: 100%; display: flex;}
.menu_btn_wrap .d2_wrap .sub_menu_wrap .d2 a{display: block; font-size: 15px; color: #363636; padding: 5px 10px; box-sizing: border-box; width: 200px}
.menu_btn_wrap .d2_wrap .sub_menu_wrap .on a{text-decoration: underline !important; text-underline-position: under; color: #1d75cf; font-weight: 600;}
.menu_btn_wrap .d3_wrap{width: 260px; position: absolute; left: 200px; top: 49px; height: 590px; overflow: hidden; z-index: 1000; display: none; box-sizing: border-box;}
.menu_btn_wrap .d3_wrap .each_d3{display: none;}
.menu_btn_wrap .d3_wrap .each_d3 .sub_menu_wrap .d3 a{display: block; padding: 5px 10px; box-sizing: border-box; font-size: 15px; color: #121212;width:250px}
.menu_btn_wrap .d3_wrap .each_d3 .sub_menu_wrap .on a{text-decoration: underline !important; text-underline-position: under; color: #1d75cf; font-weight: 600;}
.menu_btn_wrap .d4_wrap{width: 240px; position: absolute; left: 400px; top: 49px; height: 590px; overflow: hidden; z-index: 1000; display: none;  box-sizing: border-box;}
.menu_btn_wrap .d4_wrap .each_d4{display: none;}
.menu_btn_wrap .d4_wrap .each_d4 .sub_menu_wrap .d4 a{display: block; padding: 5px 10px; box-sizing: border-box; font-size: 15px; color: #121212;}
.menu_btn_wrap .d4_wrap .each_d4 .sub_menu_wrap .on a{text-decoration: underline !important; text-underline-position: under; color: #1d75cf; font-weight: 600;}
*/


/* wrap */
#wrap {position:relative;min-width:1590px}
#wrap .quick {position:absolute;right:2%;top:232px;width:60px}
#wrap .quick ol {border:1px solid #e2e2e2;border-radius:999px;padding:10px 10px 25px;width:60px;background:#fff}
#wrap .quick ol li {display:block;text-align:center;padding:10px 0;border-bottom:1px solid #e3e3e3}
#wrap .quick ol li:last-child {border-bottom:0}
#wrap .quick ol li > a, #wrap .quick ol li .stxt {font-size:13px;color:#323232;letter-spacing:-1px}
#wrap .quick ol li .stxt {padding-bottom:5px}
#wrap .quick ol li.ai img {border-radius:5px}
#wrap .quick ol li.today img {border-radius:50%}

#wrap .quick ol li.today .swiper-button-prev:after,
#wrap .quick ol li.today .swiper-container-rtl .swiper-button-next:after,
#wrap .quick ol li.today .swiper-button-next:after,
#wrap .quick ol li.today .swiper-container-rtl .swiper-button-prev:after {content:''}
#wrap .quick ol li.today .swiper-button-next,#wrap .quick ol li.today .swiper-button-prev {width:7px;height:11px}
#wrap .quick ol li.today .swiper-button-next img,#wrap .quick ol li.today .swiper-button-prev img {border-radius:0}

#wrap .quick ol li.today .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:auto;right:5px;top:auto;bottom:30px}
#wrap .quick ol li.today .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:auto;left:25px;top:auto;bottom:30px}


#wrap .quick .quick_btns {position:relative}
#wrap .quick a.kakao span {display:none}
#wrap .quick a.kakao {position:absolute;right:-20px;display:flex;align-items:center;background:#fbd00a;border-radius:99px;width:63px;height:63px;margin:10px 5px 0;border:1px solid #e0af04;z-index:999;font-size:15px;font-weight:500;color:#000;letter-spacing:-0.5px;padding-left:0;transition:all 0.5s ease;overflow:hidden;white-space:nowrap;cursor: pointer;}
#wrap .quick a.kakao p {position:absolute;right:0}
#wrap .quick a.kakao:hover {position:absolute;right:-20px;display:flex;align-items:center;background:#fbd00a;border-radius:99px;width:310px;height:63px;margin:10px 5px 0;border:1px solid #e0af04;z-index:99999;font-size:15px;font-weight:500;color:#000;padding-left:30px}
#wrap .quick .top {position:absolute;top:80px;right:-20px;margin:10px 5px 0}
#wrap .quick .top img {max-width:68px;width:69px}
#wrap .total_menu {display:none;position:absolute;background:#fff;width:100%;height:100%;z-index:999}
#wrap .total_menu .logo_close {border-bottom:1px solid rgba(0,0,0,0.1);cursor:pointer}
#wrap .total_menu .logo_close .w1300 {display:flex;flex-direction:row;justify-content:space-between;padding:55px 0 45px;align-items:center}
#wrap .logo a {font-size:32px;font-weight:800;color:#000}
#wrap .total_menu .sub_menu {position:relative;margin:40px auto}
#wrap .total_menu .sub_menu .d2_wrap_tit {font-size:22px;font-weight:600;color:#000;padding-bottom:10px}
#wrap .total_menu .sub_menu .d1_wrap {position:absolute;left:0;width:300px;}
#wrap .total_menu .sub_menu .d1_wrap li > a {display:block;font-size:21px;font-weight:600;color:#303030;line-height:2.4;letter-spacing:-1px;padding:0 25px}
#wrap .total_menu .sub_menu .d1_wrap li > a:hover {display:block;background:#0031e7;color:#fff;border-radius:999px}
#wrap .total_menu .sub_menu .d2_wrap {position:absolute;left:350px;border-left:1px solid rgba(0,0,0,0.1);padding-left:20px;border-radius:0}
#wrap .total_menu .sub_menu .d3_wrap {position:absolute;left:640px;top:59px;border-left:1px solid rgba(0,0,0,0.1);padding-left:20px;border-radius:0}
#wrap .total_menu .sub_menu .d4_wrap {position:absolute;left:895px;top:59px;border-left:1px solid rgba(0,0,0,0.1);padding-left:20px;border-radius:0}
#wrap .total_menu .sub_menu .d2_wrap li > a,
#wrap .total_menu .sub_menu .d3_wrap li > a,
#wrap .total_menu .sub_menu .d4_wrap li > a {display:block;font-size:16px;font-weight:400;color:#000;line-height:2.4;letter-spacing:-1px;width:250px}
#wrap .total_menu .sub_menu .d2_wrap li > a:hover,
#wrap .total_menu .sub_menu .d3_wrap li > a:hover,
#wrap .total_menu .sub_menu .d4_wrap li > a:hover {color:#0068f6;text-decoration-line:underline !important;}



/* header */
#header {display:block;border-bottom:1px solid #555;padding-bottom:20px}
#header .top_wrap {display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#233776;min-width:1300px}
#header .top_wrap .left_content {margin-top:18px;display:flex;align-items:center}
#header .top_wrap .right_content {display:flex;align-items:center;padding-right:2.55%}
#header .top_wrap .right_content > a {font-size:14px;font-weight:400;color:#fff;padding:0 15px;border-right:1px solid #586ba9}
#header .top_wrap .right_content > a:nth-of-type(1) {padding-left:none;}
#header .top_wrap .right_content > a:nth-of-type(3) {border-right:none;}
#header .top_wrap .right_content .btn_tab {background:#f2ba0a;border-radius: 999px;margin-left:10px}
#header .top_wrap .right_content .btn_tab ul li a {line-height:34px;padding:0 10px;font-size:14px;font-weight:400;color:#fff}
#header .top_wrap .right_content .btn_tab ul li a.on {display:block;background:#f43321;border-radius: 999px}
#header .top_wrap .right_content .btn_tab ul li:first-child a {padding-left:10px}
#header .top_wrap .right_content .btn_tab ul li:last-child a {padding-right:10px}
#header .logo_search {display:flex;flex-direction:row;align-items:center;gap:20px;margin-top:40px;margin-bottom:30px}
#header .logo_search .search {position:relative;width:305px;border-bottom:2px solid #000}
#header .logo_search .search input[type="text"] {width:250px;line-height:35px;font-size:18px;font-weight:500;padding:0 10px;border:none}
#header .logo_search .search input[type="image"]  {position:absolute;right:0;top:2px;}
#header .top_area {display:flex;flex-direction:row;justify-content:space-between;}
#header .top_area .right_link {width:435px;justify-content:right;margin-top:50px;}
#header .top_area .right_link ul {display:flex;justify-content:space-between}
#header .top_area .right_link ul li {text-align:center}
#header .top_area .right_link ul li a {font-size:15px;font-weight:500;color:#121212}
#header .top_area .right_link ul li a p {padding-top:5px}
#header .navi_wrap {display:flex;flex-direction:row;justify-content:space-between}
#header .navi {display:flex;flex-direction:row;align-items:center;z-index:0}
#header .navi > ul {display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:700px}
#header .navi > ul > li {position:relative}
#header .navi > ul > li a {display:block;font-size:17px;font-weight:500;color:#121212}
#header .navi > ul > li a.btn_toggle img {padding-right:5px;vertical-align:top;padding-top:2px}
#header .navi > ul > li .rdot {position:absolute;background:url(../img2023/icon_dot_red.png) no-repeat right top;height:9px;width:9px;top:-2px;right:-9px}
#header .right_link2 {width:180px;display:flex;flex-direction:row;justify-content:space-between;margin-right:30px}
#header .right_link2 a {position:relative;font-size:17px;font-weight:500;color:#121212}
#header .right_link2 a span {display:none}
#header .right_link2 a:nth-of-type(1) span {position:absolute;top:-2px;right:-10px;background:url(../img2023/icon_dot_green.png) no-repeat left top;width:9px;height:9px}
#header .right_link2 a:nth-of-type(2) span {position:absolute;top:-2px;right:-10px;background:url(../img2023/icon_dot_blue.png) no-repeat left top;width:9px;height:9px}




/* container */
#container {background:#fff;overflow:hidden}
#container .main_banner {background:#8028d0 url(../img2023/main_bnr_bg.jpg) no-repeat center center;height:400px;min-width:1300px}
#container .main_link {margin-top:40px}
#container .main_link ul {display:flex;flex-direction:row;justify-content:space-between}
#container .main_link ul li {display:block;text-align:center}
#container .main_link ul li p {padding:10px 0;font-size:15px;color:#222;display:flex;justify-content:center;align-items:center;height:42px}
#container .main_link ul li a img {width:90px;height:90px;overflow:hidden}
#container .main_link ul li a:hover img {
	transform:scale(1.2);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s
}
#container .main_link ul li a img {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s
}
#container .main_title {display:block;font-size:36px;font-weight:600;color:#000;text-align:center;margin:40px 0}
#container .main_title .btitle {position:relative;display:inline-block;padding-top:5px}
#container .main_title .btitle .icon {position:absolute;right:-30px;top:-25px}
#container .main_title .small {font-size:16px;font-weight:400;color:#121212}
.product_list .reg_com {margin-top:10px}
 .product_list .reg_com span {display:inline-block;font-size:11px;font-weight:500;color:#3789d6;padding:2px 7px;border:1px solid #3789d6;border-radius:999px;letter-spacing:-0.5px;margin:5px 2px 0}
 .product_list a .img {width:230px;height:230px;overflow:hidden;border-radius:20px;border:1px solid #eee}
.product_list a .img img {width:230px;height:230px}
 .product_list a:hover .img {border:1px solid #999;/*box-shadow:3px 2px 5px #999*/}
 .product_list a:hover img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s
}
 .product_list a img {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s
}
 .product_list .title {font-size:14px;color:#777;margin-top:8px;line-height:1.4;white-space:normal;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
  .product_list .company {padding:5px 0;font-size:14px;font-weight:500;color:#666}
 .product_list .price {font-size:22px;font-weight:800;color:#000;margin-top:10px;line-height:1.4}
 .product_list .price span.sale {font-size:20px;font-weight:800;color:#e72020;padding-right:5px;}
 .product_list .price span.unit {font-size:16px;font-weight:500;color:#000}
 .product_list .price .sijung {font-size:14px;font-weight:500;color:#b0b0b0;padding-left:5px}
 .product_list .swiper-button-prev:after, .product_list .swiper-button-next:after {font-size:20px;font-weight:600;color:#fff}
 .product_list .swiper-button-prev, .product_list .swiper-button-next {width:40px;height:40px;background:#000;border-radius:50%;box-shadow:1px 2px 5px rgba(0,0,0,0.6)}
 .product_list .swiper-button-prev,  .product_list .swiper-button-next {top:35%}
 .product_list > ul {font-size:0}
 .product_list > ul > li {display:inline-block;width:17.69%;margin-right:2.88%;margin-bottom:40px;font-size:14px}
 .product_list > ul > li:nth-of-type(5n) {margin-right:0}
#container .main_notice {border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;margin-top:30px;padding:25px 0;height:30px;overflow:hidden}
#container .main_notice ul > li:nth-of-type(1) {width:160px;background:url(../img2023/icon_notice.jpg) no-repeat left center;height:31px;padding-left:40px;font-size:18px;font-weight:600;color:#000}
#container .main_notice .w1300 {position:relative;}
#container .main_notice .w1300 .vline {position:absolute;display:block;right:170px;top:-10px;height:55px;border-right:1px solid #efefef}
#container .main_notice ul > li:nth-of-type(2) {width:calc(100% - 160px - 40px - 60px);font-size:16px;color:#000;overflow:hidden}
#container .main_notice ul > li:nth-of-type(2) img {display:inline-block;vertical-align:top;}
#container .main_notice ul > li:nth-of-type(2) a {color:#000}
#container .main_notice ul > li:nth-of-type(2) dt {clear:both;float:left;width:calc(100% - 250px);color:#000}
#container .main_notice ul > li:nth-of-type(2) dd {float:right;width:100px;color:#000;margin-right:150px}
#container .main_notice ul > li:nth-of-type(3) {width:50px;text-align:right;}
#container .main_notice .swiper-button-prev {top:10px;color:#666;right:60px;left:auto;transform:rotate(90deg);width:20px}
#container .main_notice .swiper-button-next {top:10px;color:#666;right:10px;transform:rotate(90deg);}
#container .main_notice .swiper-button-prev:after,#container .main_notice .swiper-button-next:after {font-size:25px;font-weight:600}
#container .main_bottom {display:flex;flex-direction:row;justify-content:space-between;margin:25px auto;align-items:center}
#container .main_bottom .cs {width:430px}
#container .main_bottom .cs .title {font-size:15px;font-weight:600;color:#000}
#container .main_bottom .cs .tel {font-size:30px;font-weight:800;color:#0e7de6;padding-top:15px}
#container .main_bottom .cs .time {font-size:14px;font-weight:400;color:#777;padding-top:10px}
#container .main_bottom > ul {display:block;width:calc(100% - 430px);font-size:0}
#container .main_bottom > ul > li {display:inline-block;width:400px;font-size:14px;padding:15px 0;border-bottom:1px solid #e2e2e2;}
#container .main_bottom > ul > li:nth-of-type(2n+1) {margin-right:30px}
#container .main_bottom > ul > li:nth-of-type(2n) {margin-left:30px}
#container .main_bottom > ul > li dt {clear:both;float:left;width:360px}
#container .main_bottom > ul > li dt .title {font-size:18px;font-weight:600;color:#000}
#container .main_bottom > ul > li dt .txt {font-size:14px;font-weight:400;color:#888;padding-top:5px}
#container .main_bottom > ul > li:nth-of-type(1) dt .title {background:url(../img2023/icon_cs1.gif) no-repeat left center;padding-left:25px}
#container .main_bottom > ul > li:nth-of-type(2) dt .title {background:url(../img2023/icon_cs2.gif) no-repeat left center;padding-left:25px}
#container .main_bottom > ul > li:nth-of-type(3) dt .title {background:url(../img2023/icon_cs3.gif) no-repeat left center;padding-left:25px}
#container .main_bottom > ul > li:nth-of-type(4) dt .title {background:url(../img2023/icon_cs4.gif) no-repeat left center;padding-left:25px}
#container .main_bottom > ul > li  dd {float:right;width:calc(100% - 360px)}



/* sub container */
#sub_container .position {font-size:14px;color:#000;line-height:55px;border-bottom:1px solid #efefef}
#sub_container .position select {border:none;-webkit-appearance: none;-moz-appearance: none; appearance: none; background:url(../img2023/icon_varrow.gif) no-repeat 95% 50%;padding:.8em 30px .8em 5px}


#sub_container .position select {
font-family: inherit;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow:auto;
}

#sub_container .position select::-ms-expand {
display: none;
}
#sub_container .position select::-webkit-scrollbar {
    width: 4px;
  }
#sub_container .position select::-webkit-scrollbar-thumb {
    background-color: #aaa;
  }
#sub_container .position select::-webkit-scrollbar-track {
    background-color: #f0f0f0;
  }

#sub_container .sub_content {width:1300px;margin:0 auto}
#sub_container .sub_title {font-size:34px;font-weight:600;color:#000;padding:0 0 25px;width:1300px;margin:0 auto;text-align:center}
#sub_container .sub_sub_menu ul {font-size:0}
#sub_container .sub_sub_menu ul li {display:inline-block;width:calc(100% / 6);text-align:center;border:1px solid #dfdfdf;margin-right:-1px;margin-bottom:-1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#sub_container .sub_sub_menu ul li a {display:block;font-size:15px;color:#777;margin-bottom:-1px;padding:15px 0}
#sub_container .sub_sub_menu ul li a.on,
#sub_container .sub_sub_menu ul li a:hover {background:#0e74e6;color:#fff}
#sub_container .detail_search {margin-top:25px;background:#f6f6f6;padding:20px 25px}
#sub_container .detail_search dl {clear:both;display:flex;flex-direction:row;align-items:center;padding:12px 0}
#sub_container .detail_search dl dt {float:left;width:70px;font-size:15px;font-weight:500;color:#000}
#sub_container .detail_search dl dd li {margin-right:3px}
#sub_container .detail_search dl dd li {display:inline-block;line-height:32px;border:1px solid #dfdfdf;border-radius:5px;background:#fff;color:#000;padding:0}
#sub_container .detail_search dl dd li label {display:block;padding:0 10px}
#sub_container .detail_search dl dd li.on {border:1px solid #0743bb;color:#0743bb}
#sub_container .detail_search dl dd li img {padding-right:3px}
#sub_category_search_form .sub_category_region_search_typeul_chk,
#sub_category_search_form .sub_category_region_search_rgn_chk {width:0}
#sub_container .detail_search dl.key dd input[type="search"] {width:420px;height:43px;padding:0 12px;border:1px solid #dfdfdf;border-radius:5px;background:#fff;font-size:14px;color:#303030}
#sub_container .detail_search dl.key dd input[type="search"]::placeholder {color:#aaa}
#sub_container .detail_search dl.key dd input[type="submit"] {display:inline-block;width:100px;background:#181a1f;line-height:45px;text-align:center;font-size:14px;border:none;margin-left:5px;border-radius:5px;color:#fff;cursor:pointer}
#sub_container .detail_search dl.key dd .init {display:inline-block;background:#fff;font-size:14px;color:#000;border:1px solid #000;border-radius:5px;width:100px;line-height:42px;margin-left:5px;cursor:pointer;text-align:center}
#sub_container .total_sort {margin-top:40px;display:flex;flex-direction:row;justify-content:space-between;padding:20px 0;border-bottom:2px solid #000}
#sub_container .total_sort .total {font-size:15px;color:#363636}
#sub_container .total_sort .sort {}
#sub_container .total_sort .sort ul {display:block;font-size:0}
#sub_container .total_sort .sort ul li {display:inline-block;border-right:1px solid #e2e2e2;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:0 15px}
#sub_container .total_sort .sort ul li:last-child {padding-right:0;border-right:none}
#sub_container .total_sort .sort ul a {display:block;font-size:14px;color:#777}
#sub_container .total_sort .sort ul a.on {font-weight:500;color:#000}
#sub_container .sub_content .product_img {width:565px;margin-right:70px;text-align:center;}
#sub_container .sub_content .product_img #cgmall_item_info_mid {border:1px solid #eee}
#sub_container .sub_content .product_img .thum_img {padding-top:5px}
#sub_container .sub_content .product_img .thum_img img {width:38px;margin:0 2px}
#sub_container .sub_content .detail_more {display:flex;flex-direction:row;margin-top:50px;background:#f8f8f8;padding:15px;justify-content:space-between;align-items:center}
#sub_container .sub_content .detail_more img {vertical-align:top;}
#sub_container .sub_content .detail_more .more_link a {font-weight:500}
#sub_container .sub_content .detail_more .more_link a:first-child {color:#1567cb;border-right:1px solid #dedede;padding-right:10px;margin-right:10px}
#sub_container .sub_content .detail_more .more_link a:last-child {color:#212121}
#sub_container .sub_content .detail_info {width:665px}
#sub_container .sub_content .detail_info .product_title {font-size:24px;font-weight:600;color:#000; margin:0 0 10px 0;}
#sub_container .sub_content .detail_info .product_desc{padding-bottom:10px;border-bottom:1px solid #ebebeb;margin-bottom:10px; font-weight:300; color:#777; font-size:16px;}
#sub_container .sub_content .detail_info .product_title .small_title {font-size:15px;font-weight:400;padding-top:10px;color:#777;word-break:keep-all}
#sub_container .sub_content .detail_info > dl {display:flex;flex-direction:row;align-items:center;clear:both;padding:12px 0}
#sub_container .sub_content .detail_info > dl > dt {float:left;width:125px;font-size:14px;font-weight:400;color:#000}
#sub_container .sub_content .detail_info > dl > dd {float:right;width:calc(100% - 125px)}
#sub_container .sub_content .detail_info > dl.p_sijung > dd {font-size:14px;font-weight:500;color:#777}
#sub_container .sub_content .detail_info > dl.p_price > dd {font-size:20px;font-weight:600;color:#010101}
#sub_container .sub_content .detail_info > dl.p_code {border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
#sub_container .sub_content .detail_info > dl.p_orgin,
#sub_container .sub_content .detail_info > dl.p_sns,
#sub_container .sub_content .detail_info > dl.p_option {border-bottom:1px solid #ebebeb}
#sub_container .sub_content .detail_info > dl.p_option select {width:100%;font-size:14px;color:#363636;padding:0 15px;height:40px;border:1px solid #999}
#sub_container .sub_content .detail_info > dl.p_option select { -webkit-appearance: none;-moz-appearance: none; appearance: none; background:url(../img2023/icon_varrow_b.gif) no-repeat 95% 50%; }
#sub_container .sub_content .detail_info > dl.p_auth .auth img {vertical-align:top !important;padding-top:3px}
#sub_container .sub_content .detail_info .total_price {font-size:15px;font-weight:500;padding:25px 0;text-align:right}
#sub_container .sub_content .detail_info .total_price .p_total {font-size:28px;font-weight:600;color:#000}
#sub_container .sub_content .detail_info .detail_txt {background:#f8f8f8;height:50px;line-height:50px;text-align:center;margin-top:10px}
#sub_container .sub_content .detail_tab ul {font-size:0}
#sub_container .sub_content .detail_tab li {display:inline-block;width:25%;font-size:14px;text-align:center;border-bottom:1px solid #dadada;height:50px}
#sub_container .sub_content .detail_tab li a {display:block;border:1px solid #dadada;margin-right:-1px;line-height:50px;height:50px;border-bottom:1px solid #fff;color:#888}
#sub_container .sub_content .detail_tab li a.on {background:#fff;border:1px solid #333;border-bottom:none;margin-right:0;color:#272b2f}
#sub_container .sub_content .detail_content {margin:40px 0}
#sub_container .sub_content .detail_content .detail_policy {width:100%}
#sub_container .sub_content .detail_content .detail_policy tr th,
#sub_container .sub_content .detail_content .detail_policy tr td {border-top:1px solid #ededed;border-left:1px solid #ededed;padding:20px;font-size:14px;line-height:1.8;text-align:left}
#sub_container .sub_content .detail_content .detail_policy tr th {background:#fafafa;font-weight:500;line-height:1.5;letter-spacing:-1px;text-align:center}
#sub_container .sub_content .detail_content .detail_policy tr th:last-child,
#sub_container .sub_content .detail_content .detail_policy tr td:last-child {border-right:1px solid #ededed}
#sub_container .sub_content .detail_content .detail_policy tr:last-child th,
#sub_container .sub_content .detail_content .detail_policy tr:last-child td {border-bottom:1px solid #ededed}
#sub_container .select_type {padding-bottom:20px;text-align:center}
#sub_container .sub_content .sub_board_left {font-size:0;width:100%;margin:0 30px 0 10px;display:flex;justify-content:space-between;align-items:center}
#sub_container .sub_content .sub_board_left a {display:inline-block;width:100%;height:50px;line-height:50px;font-size:16px;font-weight:500;color:#363636;border:1px solid #aaa;border-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;margin:0 0.5% 20px;text-align:center}
#sub_container .sub_content .sub_board_left a.on {background:#363636;color:#fff;border:1px solid #000}
#sub_container .sub_content .sub_board_right {width:99%;padding-left:1%}




/* footer */
#footer .foot_link {display:flex;flex-direction:row;background:#282828;height:55px;align-items:center}
#footer .foot_link a {font-size:14px;font-weight:500;color:#fff;margin-right:30px}
#footer .bottom {display:flex;flex-direction:row;justify-content:space-between;padding:25px 0}
#footer .bottom .copyright {font-size:14px;font-weight:400;color:#464646;line-height:1.85}
#footer .bottom .bot_bnr a {margin-left:20px}
#footer .foot_banners {border-top:1px solid #efefef;padding:20px 0}
#footer .foot_banners ul {display:flex;flex-direction:row;justify-content:space-between;;}




@media all and (max-width : 1360px){
	#header .top_wrap .right_content {padding-right:0.3%}
	#header .top_wrap .right_content > a {font-size:14px;font-weight:400;color:#fff;padding:0 11px;border-right:1px solid #586ba9}
}


/* 상세페이지 */
.detail_total_area {width:100%}
.option_v {display:block;padding-top:5px}
.cgmall_item_amount_btn_down_sub {padding:0 4px;font-size:16px;font-weight:500;color:#000;background:#fff;border:1px solid #aaa;margin-right:5px;border-radius:50%;background:#f0f0f0;color:#000;}
.cgmall_item_amount_btn_up_sub {padding:0 4px;font-size:16px;font-weight:500;color:#6;background:#fff;border:1px solid #aaa;margin-left:5px;border-radius:50%;background:#f0f0f0;color:#000;}
.cgmall_item_amount_sub {font-size:15px;line-height:32px;height:32px;padding:0 10px;width:50px;text-align:center;border:1px solid #ccc;border-radius:5px}
.cgmall_item_amount_nuke_sub {font-size:20px;line-height:1.5}


/* 프린트 */
#item_book_area_setdate_form_renderarea {padding:20px}

.itemodr #cnt {padding:5px;margin-left:10px;font-size:13px}

#sub_category_region_search_typeul input[type="checkbox"] {border:1px solid red}


/* 입점기업 리스트 */
.company_menu ul {display:block;width:100%;font-size:0;}
.company_menu ul li {display:inline-block;font-size:14px;width:calc(100% / 7);text-align:center;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border-right:none;border-bottom:none}
.company_menu ul li:nth-of-type(7) {border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.company_menu ul li:nth-of-type(n+8) {border-bottom:1px solid #ddd}
.company_menu ul li:nth-of-type(13) {border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.company_menu ul li a {display:block;padding:15px 0;font-size:15px;font-weight:500;color:#121212;height:23px}
.company_menu ul li a:hover,.company_menu ul li a.on {background:#f0f0f0}


a.consult_btns {display:block;background:#fa3a21;padding:15px 0;font-size:16px;font-weight:500;color:#fff;border-radius:5px;width:100%;margin:0 auto;text-align:center;}