@charset "UTF-8";
@import "font.css";

* {margin:0;padding:0;font-family:'GmarketSans', 'ScoreDream', 'Nanum', '나눔고딕', '맑은 고딕', '돋움';}
body{margin:0; padding:0;}

img {border:0;vertical-align:top}
ul li {list-style:none;display:inline}
a {text-decoration:none;color:#151515;}
a:hover {text-decoration:none;color:#333333}


/** header **/
header{position:fixed;width:100%;height:194px;z-index:999;background:#fff}
header h1{display:table; width:100%; height:110px; margin:0; padding:0;}
header h1 a{display:table-cell; text-align:center; vertical-align:middle; height:117px;}
header h1 a img{height:110px;}
header ul{margin:7px 0 0 0; padding:0; display:table; width:100%; height:70px; table-layout:fixed; background:#fdc400;}
header ul li{display:table-cell; text-align:center; vertical-align:middle;}
header ul li a{color:#010101; font-size:26px; font-weight:500;}
header ul li a:hover{color:#010101;}
header ul li span{display:block; margin:0 8px; padding:8px 0; font-size:22px; color:white; background:#e5004b; border-radius:4px; font-weight:bold;}

#msb_hader_left{position:absolute; left:0; top:0; margin:0; padding:0; width:74px; height:117px; z-index:120; text-indent:-999999px; background:url('../img.new/ico_menu.webp') no-repeat 20px center; background-size:auto 28px;}
#msb_hader_right{position:absolute; right:0; top:0; margin:0; padding:0; width:74px; height:117px; z-index:120;}
#msb_hader_right a{display:block; text-indent:-999999px; height:117px; background:url('../img.new/ico_login.svg') no-repeat center center; background-size:auto 38px;}
#msb_hader_right a[data-logged='Y']{background:url('../img.new/ico_logout.svg') no-repeat center center; background-size:auto 38px;}




/** sub_header **/
#sub_header {width:100%;margin:194px auto 0}
#sub_header .logo {width:100%;text-align:center;padding:30px 0 30px 0}
#sub_header .logo_menu {text-align:center;padding:0 0 15px 0}
#sub_header .logo_menu img{padding:0 5px 0 5px;}

#sub_header .navi {position:relative;display:block;border-top:5px solid #0eb0b6;text-align:center;border-bottom:2px solid #0eb0b6;}
#sub_header .navi a {display:inline-block;font-size:26px;font-weight:600;color:#313131;padding:10px 10px 10px 10px;}
#sub_header .navi a:hover,#sub_header .navi a.on {color:#0a8698;}
#sub_header .navi ul li{display:inline-block;margin:0 auto;z-index:1000;padding:10px 1px 10px 1px;}

#sub_header .navi .sub1{position:absolute;width:100%;top:63px;left:0;background:#0a8698;display:none;z-index:1000;border-top:3px solid #0eb0b6;}
#sub_header .navi .sub1 a {float:left;width:25%;color:white;padding:18px 0 18px 0;}
#sub_header .navi .sub2{position:absolute;width:100%;top:63px;left:0;background:#0a8698;display:none;z-index:1000;border-top:3px solid #0eb0b6;}
#sub_header .navi .sub2 a {float:left;width:25%;color:white;padding:18px 0 18px 0}
#sub_header .navi .sub5{position:absolute;width:100%;top:63px;right:0;background:#0a8698;display:none;z-index:1000;border-top:3px solid #0eb0b6;}
#sub_header .navi .sub5 a {width:19%;color:white;padding:18px 0 18px 0}
#sub_header .navi .sub5 a:last-child {width:20%}
#sub_header .navi .sub6{position:absolute;width:100%;top:63px;right:0;background:#0a8698;display:none;z-index:1000;border-top:3px solid #0eb0b6;}
#sub_header .navi .sub6 a {float:right;width:25%;color:white;padding:18px 0 18px 0}

#sub_header .navi .p2 span a:hover,#sub_header .navi .p2 span .son {background:#0eb0b6;}

/** container **/
section{margin:0 auto; padding:0; width:640px;}
section > h2{margin:30px 0; text-align:center; color:#121212; font-size:38px; font-weight:600}
section > h2::after{content:''; display:block; width:100%; border-bottom:3px solid black; margin:25px auto 0 auto;}
section > h2#ydbazaar_item_title{position:relative;}
section > h2#ydbazaar_item_title::after{display:none;}
section > h2#ydbazaar_item_title a{position:absolute; left:0; top:10px; width:18px; height:30px; background:url('../img.new/ico_back.svg') no-repeat center center; text-indent:-999999px; font-size:0; color:transparent;}
section .banner{margin:0; padding:0;}
section .banner img{max-width:100%;}
.space20 {clear:both;height:20px}


/* 메인 */
#msb_main_article{font-size:0;}
#msb_main_article ol{margin:0; padding:0 0 60px 0; list-style:none; text-align:center;font-size:0}
#msb_main_article ol li{display:inline-block; margin:40px 0 0 0; padding:0 10px; width:25%; vertical-align:bottom;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#msb_main_article ol li a{display:block; padding:118px 0 0 0;}
#msb_main_article ol li:nth-of-type(1) a{background:url('../img.new/main_1.webp') no-repeat center top;background-size:auto 110px}
#msb_main_article ol li:nth-of-type(2) a{background:url('../img.new/main_2.webp') no-repeat center top;background-size:auto 110px;}
#msb_main_article ol li:nth-of-type(3) a{background:url('../img.new/main_3.webp') no-repeat center top;background-size:auto 110px;}
#msb_main_article ol li:nth-of-type(4) a{background:url('../img.new/main_5.webp') no-repeat center top;background-size:auto 110px;}
#msb_main_article ol li:nth-of-type(5) a{background:url('../img.new/main_4.webp') no-repeat center top;background-size:auto 110px;}
#msb_main_article ol li:nth-of-type(6) a{background:url('../img.new/main_6.webp') no-repeat center top;background-size:auto 110px;}
#msb_main_article ol li:nth-of-type(7) a{background:url('../img.new/main_new1.png') no-repeat center top;background-size:auto 110px;}
#msb_main_article ol li:nth-of-type(8) a{background:url('../img.new/main_new2.png') no-repeat center top;background-size:auto 110px;}

#msb_main_article ol li a b{display:block; padding:12px 0; text-align:center; font-size:24px; font-weight:600; color:black;}

/* 하위메뉴 */
nav{position:fixed; left:-480px; top:0; width:480px; height:1600px; max-height:999999px; background:#fdc400; z-index:9999;}
nav p:nth-of-type(1){margin:0; padding:12px 16px; text-align:right; background:#fdc400; color:#010101; font-size:32px; font-weight:500;}
nav p:nth-of-type(2), nav p:nth-of-type(3){margin:0; padding:0; font-size:28px; background:white;}
nav p:nth-of-type(3){border-top:1px dotted #CCC;}
nav p:nth-of-type(2) a, nav p:nth-of-type(3) a{display:block; padding:12px 16px;}
nav dl{margin:0; padding:0; background:white; height:900px; overflow-y:scroll;}
nav dl dt{margin:0; padding:8px 16px; text-align:center; background:#e5004b; color:white; font-size:28px; font-weight:500;}
nav dl dt a{display:block; color:white !important;}
nav dl dd{margin:0; padding:0; font-size:28px; border-top:1px dotted #CCC;}
nav dl dd span{display:block; padding:8px 16px; background:#fdc400; color:#010101;}
nav dl dd span strong{color:#e5004b; font-weight:600;}
nav dl dt + dd{border:none;}
nav dl dd a{display:block; padding:8px 16px;}
nav dl dd a.sub_menu_cate_c{color:#464646; font-size:24px; padding-left:32px;}
nav dl dd a.sub_menu_cate_d{color:#707070; font-size:20px; padding-left:48px;}

/* 서브 */

/** footer **/
footer{padding:0; background:#243144; max-height:999999px; color:white;}
footer address{display:block; margin:0 auto; padding:32px 0; width:600px; font-style:normal; font-size:20px;}
footer address p{line-height:1.8em; font-size:19px;}
footer address b{font-size:16px; font-weight:600;}
footer address a{color:white;}
footer address a:hover{color:white; opacity:0.5;}
footer address strong{font-size:25px; font-weight:normal;}

/* 내용 */
#ydbazaar_p1{margin:36px 0; padding:0 20px;}
#ydbazaar_p1 dt{font-size:30px; font-weight:600;}
#ydbazaar_p1 dd{margin:30px 0 0 0; font-size:24px; font-weight:300; line-height:1.5em;}

#ydbazaar_p4{margin:40px auto; width:calc(100% - 40px);}
#ydbazaar_p4 caption{font-size:30px; font-weight:600; padding:0 0 30px 0; border-bottom:1px solid #917f6c; text-align:left;}
#ydbazaar_p4 th{background:#f8ecc3; color:black; font-weight:300; font-size:24px; border-bottom:1px solid #917f6c; border-right:1px solid #917f6c; border-left:1px solid #917f6c; padding:16px 0;}
#ydbazaar_p4 td{font-size:24px; font-weight:300; border-bottom:1px solid #917f6c; border-right:1px solid #917f6c; padding:16px 0 16px 20px;}

#ydbazaar_p4_map{width:calc(100% - 40px); height:407px; background:#3d4853; margin:0 auto;}

/* 상품목록 */
#aside_items_new{display:table; width:100%; table-layout:fixed;}
#aside_items_new li{display:table-cell; text-align:center; vertical-align:top;}
#aside_items_new li a{display:block; padding:20px;}
#aside_items_new li img{width:154px; height:154px; border:1px solid #eee;}
#aside_items_new li p:nth-of-type(1){margin:0 0 12px 0;}
#aside_items_new li p:nth-of-type(2){margin:0 0 6px 0; padding:0 16px; line-height:1.2em; font-size:18px; color:black;}
#aside_items_new li p:nth-of-type(3){margin:0 0 4px 0; padding:0; font-size:20px; color:#f94021; text-align:center; font-weight:bold;}

#container_sub_item_page{display:table; margin:16px auto 32px auto; list-style:none;}
#container_sub_item_page li{display:table-cell; padding:0 10px; font-weight:600; vertical-align:middle; font-size:24px;}
#container_sub_item_page li a.on{color:#0175b3;}

/* 쿠폰 */
#mys_coupon_title{margin:0; padding:0 0 26px 0;}
#mys_coupon_title dt{margin:0; padding:0 0 16px 0; font-size:24px;}
#mys_coupon_title dd{margin:0; padding:0; display:table; width:100%; table-layout:fixed;}
#mys_coupon_title dd p{display:table-cell; margin:0; padding:0 0 0 8px; text-align:center; vertical-align:middle;}
#mys_coupon_title dd p:first-child{padding:0 8px 0 0;}
#mys_coupon_title dd a{display:block; padding:20px 0; color:black; background:#CCC; font-size:30px;}
#mys_coupon_title dd a.on{background:#0072bc; color:white;}

#mys_coupon_list{margin:0 0 32px 0; padding:0; list-style:none; border-bottom:1px dotted #666;}
#mys_coupon_list li{margin:?0; padding:34px 0 30px 0; border-top:1px dotted #666;}
#mys_coupon_list li dl{margin:0; padding:0 0 0 208px;}
#mys_coupon_list li dl dt{font-size:36px; margin:0; padding:0;}
#mys_coupon_list li dl dd{font-size:20px; margin:0; padding:12px 0 0 0;}
#mys_coupon_list li dl dt + dd{padding:0;}
#mys_coupon_list li dl dd b{font-weight:600;}
#mys_coupon_list li dl dd strong{font-weight:600; font-size:30px; color:#ed1c24;}
#mys_coupon_list li dl dd em{font-style:normal; color:#0054a6;}
#mys_coupon_list li dl dd ins{text-decoration:none; color:#ed1c24;}
.mys_coupon_list_download{width:371px; height:47px; background:#0072bc; color:white; font-size:20px; font-weight:600; border:none; border-radius:47px;}
.mys_coupon_list_downloaded{width:371px; height:47px; background:#b7b7b7; color:#464646; font-size:20px; font-weight:600; border:none; border-radius:47px; text-decoration:line-through;}

/* 택배배송서비스 */
#mys_customer_dlv_form{margin:0; padding:0;}
#mys_customer_dlv_form h3{font-size:24px; margin:0; padding:0; font-weight:normal; text-align:center;}
#mys_customer_dlv_form dl{margin:32px 0; padding:8px; background:#ebebeb;}
#mys_customer_dlv_form dl dt{margin:0; padding:0; text-align:center;}
#mys_customer_dlv_form dl dt img{width:569px; height:101px; border:3px solid #a1a1a1;}
#mys_customer_dlv_form dl dd{margin:0; padding:9px;}
#mys_customer_dlv_form dl dd ul{display:table; width:100%; margin:0; padding:0; list-style:none; table-layout:fixed;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(1){display:table-cell; vertical-align:top;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(1) p:nth-of-type(1){margin:10px 0 0 0; font-size:24px;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(1) p:nth-of-type(1) b{font-size:26px;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(1) p:nth-of-type(2){margin:16px 0 0 0;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(1) p:nth-of-type(2) input[type='text']{width:325px; height:44px; padding:0 8px; border:1px solid #a1a1a1; font-size:20px;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(2){display:table-cell; vertical-align:top; width:208px;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(2) p:nth-of-type(1){margin:0; text-align:right;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(2) p:nth-of-type(2){margin:10px 0 0 0; text-align:right;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(2) p:nth-of-type(1) button{width:100%; height:45px; font-size:24px; color:white; background:#ee3f33; border:none;}
#mys_customer_dlv_form dl dd ul li:nth-of-type(2) p:nth-of-type(2) button{width:100%; height:45px; font-size:24px; color:white; background:#30a4dc; border:none;}

/** 영역탭 **/
#tab_ul {display:table; width:99%; list-style:none; margin:0 0 16px 0; table-layout:fixed; border-collapse:collapse;}
#tab_ul li {display:table-cell; border:1px solid #e6e6e6; vertical-align:middle; text-align:center; font-size:21px;}
#tab_ul li a{display:block; padding:14px 8px;}
#tab_ul li a.on {display:block; padding:14px 8px;color:white; font-weight:600; background:#f37125;}

/* 상품상세보기 */
#cgmall_m_item{width:96%; margin:0 auto;padding:0 10px}
#cgmall_m_item h2{width:96% font-size:16px; margin:16px auto 0 auto; padding:2px 0; text-align:center; border-bottom:2px solid #ef8531;}
#cgmall_m_item h3{background:#ef8531; color:white; font-size:24px; margin:16px 0; padding:8px 0; text-align:center;}

#cgmall_m_item_isimg{text-align:center; margin:8px 0;}
#cgmall_m_item_noimg{display:table; width:418px; height:418px; margin:8px auto; border:1px solid #dcdcdc; text-align:center;}
#cgmall_m_item_noimg span{display:table-cell; width:418px; height:418px; vertical-align:middle; font-size:11px;}

#cgmall_m_item_thumb{display:inline-block; *display:inline; *zoom:1; list-style:none; width:96%; margin:0 auto; padding:0 0 8px 0; text-align:center; border-bottom:2px solid #ef8531;}
#cgmall_m_item_thumb li{display:inline; margin:0; padding:0 2px;}
#cgmall_m_item_thumb li img{width:37px; height:37px; cursor:pointer; border:1px solid #dcdcdc;}

#cgmall_m_item_description{margin:0 auto; padding:32px 0; width:420px;}
#cgmall_m_item_description dt{clear:both; float:left; width:28%; margin:0; padding:12px 0; font-weight:bold;}
#cgmall_m_item_description dd{float:right; width:70%; margin:0; padding:12px 0;}
#cgmall_m_item_description dd input {font-size:28px;}
#cgmall_m_item_btns{clear:both; border-top:2px solid #ef8531; padding:16px 0 0 0; text-align:center; letter-spacing:8px;}

#cgmall_m_item_detail{width:96%;padding:16px 10px;}
#cgmall_m_item_detail img{max-width:600px !important; width:auto !important; height:auto !important;}
#cgmall_m_item_mobile_detail {font-size:18px; color:#363636; line-height:1.4em;}
#cgmall_m_item_mobile_detail h3{font-size:20px !important; background:none !important; margin:0 !important;padding:0 !important;font-weight:600 !important; color:#92278f; text-align:left !important;}
#cgmall_m_item_mobile_detail h1{font-size:18px !important; background:none !important; margin:18px 0 12px 0 !important; padding:0 !important;font-weight:600 !important; text-align:left !important; color:#363636;}
#cgmall_m_item_mobile_detail ul{margin:8px 0 32px 0; padding:0 0 0 32px;}
#cgmall_m_item_mobile_detail ul li{list-style:disc; margin:0 0 8px 0; font-size:14px;}


.cgmall_item_info_sns ul{list-style:none; margin:0; padding:0;}
.cgmall_item_info_sns ul li{display:inline-block;}

#cgmall_m_item_family{width:640px; margin:0 auto;}
#cgmall_m_item_family h2{width:640px; font-size:16px; margin:16px auto 0 auto; padding:2px 0; text-align:center; border-bottom:2px solid #ef8531;}
#cgmall_m_item_family table{margin:0 auto; table-layout:fixed;}
#cgmall_m_item_family table td{padding:16px; vertical-align:top; text-align:center;}
#cgmall_m_item_family table td img{border:1px solid #eee; width:160px; height:160px;}
#cgmall_m_item_family table td p{margin:8px 0;}
#cgmall_m_item_family table td p a{text-decoration:none; color:#464646; font-weight:bold;}
#cgmall_m_item_family table td p strong{color:red; font-size:24px;}

#cgmall_m_item_deliver{padding:16px 0;}
#cgmall_m_item_deliver img{max-width:640px !important; width:auto !important; height:auto !important;}

#cgmall_order_bank{font-size:24px !important; height:auto;}
#cgmall_order_bank_depositor{width:128px !important; font-size:24px; height:auto;}


#sub22_tab li a img {width:150px;}

.sub22_table th {
    border-top: 2px solid #444;
    border-bottom: 1px solid #666;
    background: #f6f6f6;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.sub22_table td {
    border-bottom: 1px solid #c7c7c7;
    height: 40px;
    font-size: 14px;
    padding: 0 7px;
    text-align: left;
}

    .sub22_table td:first-child, .sub22_table td:nth-child(2) {
        text-align: center;
    }

    .sub22_table td:nth-child(2), .sub22_table td:nth-child(3) {
        font-weight: bold;
    }

#ac_view_mobile thead th{color:white !important;}
#ac_view_mobile #v_fileprint{text-align:center;}






/* ●●●● 추가CSS 영역 */
.fr_st {display:flex; flex-direction:row;}
.fc_st {display:flex; flex-direction:column;}
#list_item_bx > ul {gap:17px; flex-wrap:wrap;}
#list_item_bx > ul > li {flex-basis:calc((100% - 17px)/2);}
#list_item_bx > ul > li .ib_area {border-radius:18px; overflow:hidden; border:1px solid #ccc;}
#list_item_bx > ul > li .ib_area img {vertical-align:top; width: 100%;}
#list_item_bx > ul > li .tb_area {padding:15px 20px 45px; text-align:center; gap:15px;}
#list_item_bx > ul > li .tb_area.web_link_area {padding:15px 20px 0;}
#list_item_bx > ul > li .tb_area .title p {font-size:27px; font-weight:600;}
#list_item_bx > ul > li .tb_area .price {justify-content:center; gap:20px;}
#list_item_bx > ul > li .tb_area .price p {font-size:27px;}
#list_item_bx > ul > li .tb_area .price p.prev {color:#777; text-decoration: line-through;}
#list_item_bx > ul > li .tb_area .price p.pres {color:#e44203; font-weight:600;}
#list_item_bx > ul > li .tb_area .option p {font-size:18px; color:#121212;}
#list_item_bx > ul > li .tb_area .brand p {font-size:22px; color:#121212;}
#list_item_bx > ul > li .tb_area .add_info.num a {font-size:22px; color:#121212;}
#list_item_bx > ul > li .tb_area .add_info.link a span {font-size:22px; color:#0c85ec; text-decoration: underline;}
#list_item_bx > ul > li .tb_area .tag {justify-content:center; gap:3px; flex-wrap:wrap;}
#list_item_bx > ul > li .tb_area .tag > div {flex-basis:100%;}
#list_item_bx > ul > li .tb_area .tag p {font-size:17px; font-weight:500; color:#fff; padding:6px; border-radius:6px;}
#list_item_bx > ul > li .tb_area .tag p.gr {background:#00d793;}
#list_item_bx > ul > li .tb_area .tag p.yl {background:#eea739;}
#list_item_bx > ul > li .tb_area .tag p.sb {background:#31c2d7;}
#list_item_bx > ul > li .tb_area .tag p.pp  {background:#946eea;}

#items_banner_bx {background:url("../img.new/small_banner_img231116.jpg?231116"); width:100%; height:103px; margin-bottom:20px;}
#items_banner_bx a {width:100%; height:100%; display:block;}





.intro_map_bx img {max-width:100%;}