/** 공통정보 **/
@font-face {
    font-family: ng;
    src: url('../../css/NanumGothic.eot');
    src: local(※), url('../../css/NanumGothic.woff') format(‘woff’);
}

* {margin:0;padding:0;font-family:'ng','나눔고딕','맑은 고딕','돋움';}
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{height:187px; background:linear-gradient(to bottom, #e60e00, #e60e00 113px, #9b0900 113px);}
header h1{display:table; width:100%; height:110px; margin:0; padding:0; background:url('../img/bg.png');}
header h1 a{display:table-cell; text-align:center; vertical-align:middle;}
header ul{margin:7px 0 0 0; padding:0; display:table; width:100%; height:70px; table-layout:fixed; background:#0467c3 url('../img/bg_menu.png') no-repeat left center;}
header ul li{display:table-cell; text-align:center; vertical-align:middle;}
header ul li a{color:white; font-size:26px; font-weight:600;}
header ul li a:hover{color:white;}
header ul li span{display:block; margin:0 8px; padding:8px 0; font-size:22px; color:#ffec6a; background:#00417d; border-radius:8px; font-weight:bold;}

#msb_hader_left{position:absolute; left:0; top:0; margin:0; padding:0; width:93px; height:110px; z-index:120; text-indent:-999999px; background:url('../img/top_menu.png') no-repeat center center;}
#msb_hader_right{position:absolute; right:0; top:0; margin:0; padding:0; width:93px; height:110px; z-index:120;}
#msb_hader_right a{display:block; text-indent:-999999px; height:110px;}





/** sub_header **/
#sub_header {width:100%;margin:0 auto;}
#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 0 32px 0; width:640px;}
section > h2{margin:0 0 24px 0; padding:24px 0; text-align:center; color:red; font-size:32px; font-weight:bold; border-bottom:1px dotted #CCC;}


/* 메인 */
#msb_main_article{font-size:0;}
#msb_main_article ol{margin:0; padding:0 0 72px 0; list-style:none; text-align:center;}
#msb_main_article ol li{display:inline-block; margin:64px 0 0 0; padding:0 10px; width:186px; vertical-align:bottom;}
#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/main_ico1.png') no-repeat center top;}
#msb_main_article ol li:nth-of-type(2) a{background:url('../img/main_ico2.png') no-repeat center top;}
#msb_main_article ol li:nth-of-type(3) a{background:url('../img/main_ico3.png') no-repeat center top;}
#msb_main_article ol li:nth-of-type(4) a{background:url('../img/main_ico4.png') no-repeat center top;}
#msb_main_article ol li:nth-of-type(5) a{background:url('../img/main_ico5.png') no-repeat center top;}
#msb_main_article ol li:nth-of-type(6) a{background:url('../img/main_ico6.png') no-repeat center top;}
#msb_main_article ol li a b{display:block; padding:12px 0; text-align:center; font-size:25px; font-weight:600; color:white; background:rgba(0,0,0,0.6); border-radius:32px;}

/* 하위메뉴 */
nav{position:fixed; left:-480px; top:0; width:480px; height:1280px; max-height:999999px; background:#232931; z-index:9999;}
nav p:nth-of-type(1){margin:0; padding:8px 16px; text-align:right; background:#232931; color:white; font-size:32px; font-weight:600; border-top:1px solid #656a6f; border-left:1px solid #393f46; border-right:1px solid black; border-bottom:1px solid black;}
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:8px 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:#1d364b; color:white; font-size:28px; font-weight:600;}
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:#00417d; color:white;}
nav dl dd span strong[type='kakao']{color:#fae100;}
nav dl dd span strong[type='kakao']::before{content:''; display:inline-block; width:28px; height:28px; margin:0 8px 0 0; vertical-align:middle; background:url('../img/snslogin/login_k.png') no-repeat; background-size:28px 28px;}
nav dl dd span strong[type='naver']{color:#1ec800;}
nav dl dd span strong[type='naver']::before{content:''; display:inline-block; width:28px; height:28px; margin:0 8px 0 0; vertical-align:middle; background:url('../img/snslogin/login_n.png') no-repeat; background-size:28px 28px;}
nav dl dd span strong[type='normal']{color:#e0e0e0;}
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:#b3b3b3; max-height:999999px;}
footer address{display:block; margin:0 auto; padding:34px 0; width:560px; font-style:normal; font-size:20px;}
footer address p{line-height:1.5em;}
footer address b{font-size:16px; color:#363636;}
footer address strong{font-weight:600; font-size:25px;}


/* 상품목록 */
#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;
    }