@import url(/mall/css/font.css);
@import url(/mall/css/animate.css);

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th{
	margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6{
	font-size:13px
}


/* 목록 */
	ol, ul,li { list-style:none;padding:0;margin:0 }
	caption{display:none}

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 
	.zoomimg {
		transition: all ease 0.2s;
	}
	.zoomimg:hover {
		transform: scale( 1.15 );
	}
/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border:0 none;
	}

caption,legend{
	display:none;
	margin:0;
	padding:0;
}

/* 텍스트 관련 요소 초기화 */
address,  em, cite, th {
	font-weight:normal;
	font-style:normal;
	}
ins { text-decoration:none; }
form, fieldset, input, textarea, select,
table, th, td {
	margin:0;
	padding:0;
	box-sizing:border-box;
	}

/* 테이블설정 */
table, th, td{
	margin:0;
}


caption{display:none}

/* 목록 */
ol, ul,li { list-style:none;padding:0;margin:0 }

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; } 


/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}


/* 텍스트 관련 요소 초기화 */
address, caption, em, cite, th {
	font-weight:normal;
	font-style:normal;
	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* body 스타일 */
body,td,div {
	color:#000000;
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;


}

/* 링크 */
a, a:link {color:#4e4e4e;text-decoration:none;} 
a:visited {color:#4e4e4e;text-decoration:none;}
a:hover {color:#31456f;text-decoration:none;}
a:focus {color:#4e4e4e;text-decoration:underline;}
a:active {color:#4e4e4e;text-decoration:none;} 

/* 이미지, 폼관련 요소 */
label, select, input, textarea,span {
	vertical-align:middle;
}

select {
	padding:7px;
	font-size:14px;
	border:1px solid #9b9b9b
}

.memu{color:#000000;font-size:9pt; font-family:굴림,tahoma;line-height:140%}
A.menu:link {color:#000000; text-decoration:none;}
A.menu:visited {color:#000000; text-decoration:none;}
A.menu:hover {color:#FF0000; text-decoration:none;}


.input_{border:1px solid #D8D8D8; background-color:#F5F5F5;padding:8px;}



/* 시중가,판매가,포인트,상품명,간략설명*/
/*
.goodsName{padding-bottom:10px;font-weight:400}
.goodsMarketPrice{display:block;color:#787878}
.goodsPrice{font-size:1.2em;font-family:tahoma;font-weight:bolder;color:red;padding-bottom:8px}
.goodsPoint{color:#3f7d9e}
.goodsAdvance{color:#9c9c9c;font-size:0.9em;padding-bottom:8px}
*/

/* 시중가,판매가,포인트,상품명,간략설명*/
.market_price_ {color:#5d5d5d;padding-top:2px;text-align:center;font-size:17px;font-weight:300}
.price_ {font-weight:500;color:#000000;padding-top:5px;text-align:center;font-size:17px}
.goods_price {font-weight:500;color:#000000;padding-top:5px;text-align:center;font-size:18px;width:100%;font-weight:500}
.point_ {color:#999999;padding-top:5px;text-align:center}
.goods_name_ {color: #000; padding-top: 17px; text-align: center; font-size: 18px; font-weight: 500;}
.goods_advance_ {color:#626262;padding-top:8px;text-align:center}


.goodsNumberIcon{position:relative;left:0px;top:0px;}
.goodsNumberIcon img{display:block;position:absolute;z-index:1; left:0px; top:0px;}

/* 카테고리 네비게이션 */
.category_m{letter-spacing: 0px;}

/* 필수입력마크 */
.p{color:red;font-weight:bolder;padding-right:6px}

/* 약관 */
.member_agree h1{margin-bottom:5px}
.member_agree h2{margin-bottom:5px;font-size:16px}
.member_agree ol{margin-bottom:15px;padding-left:20px}
.member_agree p{margin-bottom:15px;padding-left:20px}

/* 상품목록 카테고리 상단버튼 */
.bt_category_top{display:block;padding:14px;color:#333333;text-decoration:none;}
a.bt_category_top:hover{font-weight:bolder;text-decoration:none;background-color:#fff8dd}

/* 상품구매 가격내역 정보 */
.userinfo_priceinfo{border-top:2px solid #3a3a3a;border-bottom:2px solid #3a3a3a;margin-top:10px;margin-bottom:10px}
.userinfo_priceinfo td,.userinfo_priceinfo th{padding:12px;border-right:1px solid #dddddd;width:25%}
.userinfo_priceinfo th{background-color:#ebebeb;font-weight:bolder}
.userinfo_priceinfo td{text-align:center;font-family:tahoma;font-size:22px;font-weight:bolder;position:relative;padding:30px;}
.userinfo_priceinfo_end{border-right:0;color:#db0000}
.userinfo_priceinfo td div{position:absolute; z-index:1;right:-13px;top:32px;}

.userinfo_priceinfo2{border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:10px}
.userinfo_priceinfo2 span{display:inline-block;width:120px;}
.total_price_show{color:red;font-weight:bolder;font-family:tahoma;font-size:20px}

/* 장바구니 수량 */

.cartnum_box{border-collapse:collapse;background-color:#ffffff}
.cartnum_box td{border:1px solid #dddddd;padding:0;}
.cartnum_box td input{border:0;text-align:center}

/* 장바구니스탭 */
.cart_step_number{border-radius:100px;border:1px solid #d2d2d2;background-color:#f2f2f2;color:#7d7d7d;font-size:20px;text-align:center;width:60px;height:60px;line-height:60px;padding:0}
.cart_step_number_over{border-radius:100px;border:1px solid #242424;background-color:#242424;color:#ffffff;font-size:20px;text-align:center;width:60px;height:60px;line-height:60px;padding:0}
.cart_step_number_line{height:1px;border-top:1px solid #d2d2d2}
.cart_step_space{width:30px}
.cart_step_text{padding-top:10px;text-align:center}

/* 네비게이션 디자인 */
.navi_design{position:relative;width:100%;padding: 0 0 20px 0 !important;background-color:#ffffff;float:left;background:url(/mall/image/title_bt.gif);background-repeat:no-repeat;background-position: 0 0;font-size: 1.6em;color:#000000;font-weight:500;}
.navi_design ul{float:left;padding-left:10px}
.navi_design ul li{float:left;padding:0 20px 0 10px;background:url(../image/A_icon_7.gif);background-repeat:no-repeat;background-Position:100% 50%;}
.navi_design ul li:last-child{background:url();}
.subtitle{display:none;position:relative;width:100%;padding: 0 0 0 0 !important;background-color:#ffffff;float:left;background:url(/mall/image/title_bt.gif);background-repeat:no-repeat;background-position: 0 3px;font-size: 1.4em;color:#000000;font-weight:500;}
.subtitle_line{border-bottom:none}

.input_ess{background:url(../../../image/input_ess.gif);background-repeat:no-repeat;background-Position:0% 0%;}
.formtitle{padding:10px 0 10px 25px;margin-top:20px;font-weight:normal;text-align:left;font-size:1.2em;background:url(../../../image/icon_point.gif);background-repeat:no-repeat;background-Position:0px 50%;}

/* 관리자전용알림 */
.adminmess{background-color:#edefd6;border:1px solid #ccd189;padding:15px;text-align:center;color:#8c9339;display:block}

.mMiddle2 {width:1300px;margin:0 auto;padding:135px 0 0 0;overflow:hidden}
.mMiddle {width:1300px;margin:0 auto;padding:103px 0 0 0}
.mBuy {clear:both;width:1300px;margin:0 auto}

.mTitle {text-align:left;padding:60px 0 30px 0}
.mTitle h2{font-size: 27px;color:#000;font-weight: 600;font-family:'Montserrat',"Noto Sans KR"}
.mTitle h2 a{position: relative;color:#000;}
.mTitle h2 span{display:inline-block;font-size:17px;color:#666666;font-weight:100;top:-3px;left: 10px;position:relative;font-family:"Noto Sans KR"}
.mTitle h2  p { display: inline-block; border-radius: 30px; color: #000; width: 101px; left: 46px; top: -4px; position: relative; text-align: center; font-size: 15px; line-height: 34px; height: 31px; border: 1px solid #666; }

.mTitle3 {text-align:center;}
.mTitle3 h2{font-size:27px;color:#000;font-weight:600;font-family:'Montserrat',"Noto Sans KR"}
.mTitle3 h2 a{position: relative;color:#000;}
.mTitle3 h2 span{color:#ff0033;vertical-align:baseline}
.mTitle3 h2 p{font-size: 22px; color: #666666; font-weight: 100; top: 5px; left: 10px; position: relative; font-family: "Noto Sans KR"; padding-bottom: 60px;}

.mTitleItem {width:1300px;height:460px;margin:0 auto;padding:25px 0 108px 0;}
.mTitleItem2 {width: 1300px;margin:0 auto;padding: 30px 0px 50px 0px;}

.util_line{border-left:1px solid #e0e0e0;padding:0 10px 0 10px}
.util_line2{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:0 10px 0 10px}
.wrap {width:100%;min-width:1300px;border-bottom: 1px solid #eaeaea;}
.util_sns {position:relative; height:50px; right:0; float:left;width:550px;border-right:1px solid #eaeaea}
.util_sns li {float:left;}
.top_left {position:relative;height:50px;right:0;float:left;/* width:400px; */line-height:39px}
.top_left li {float:left;text-align:center;}
.layout_top{height:50px;width:1300px;margin:0 auto;}
.top_login_bt span{display: inline-block; width: 20px; height: 20px; background-color: #f44d39; color: #ffffff; text-align: center; font-size: 12px; line-height: 19px; border-radius: 20px;}
.top_cart {position: absolute; top: -35px; right: -25px;}

.layout_top .top_login_bt{float:right}
.layout_top .top_login_bt .joinpoint {position:relative;background-image:url('/mall/skin/basic/images/main_top_point.png');width:62px;height:26px;color:#ffffff;font-weight:500;text-align:center;line-height:27px;
-webkit-animation: bubble 1s linear infinite;animation: bubble 1s linear infinite;}
.layout_top .top_login_bt li{float:left;background:url('/mall/skin/basic/images/main_util_l.gif');background-repeat:no-repeat;background-position:100% 20px;line-height:39px;padding:0 10px}
.layout_top .top_login_bt li a{display:block;font-size:13px;color:#686868;font-weight:400;line-height:50px;}
.layout_top .top_login_bt li:last-child {background: none; padding-right: 30px;}
.layout_top2 {width:1300px;margin:0 auto;height:125px}
.layout_top2 .laytoplt {float:left;width:530px;padding:21px 0 0 0}
.layout_top2 .laytoplogo {float:left;padding:30px 0 0 0}
.layout_top2 .laytoprt {float:right;padding-top:38px}

.gnbwrap{width:100%;min-width:1300px;height:65px;background: #ff0033;position:absolute;/* top: 68px; */}
.container{width:1300px;margin:0 auto;}
.fleft{float:left;}
.navli{text-align:center;float:left;position:relative;}
.fright{float:right;width: 380px;}
.navli2{line-height:52px;height:52px;float:left;padding:0 20px 0 20px;}
.navli2:last-child{background:none}
.nava2{line-height:52px;color:#111;font-size:15px;font-weight: 600;height: 52px;display: block;cursor:pointer}
.nava2:hover{color:#c43a31}
.nava{line-height:52px;color:#ffffff !important;font-size:16px;font-weight: 500;height: 52px;display: block;cursor:pointer;}
.nava:hover{color:#c43a31}
.gnbwrap2{width:100%;min-width:1300px; height:61px;position:relative;}
.gnbwrap2w{width:1300px;margin:0 auto}
.rt li{float:left;}
.rt li a{font-size:18px;color:#333;padding:0 10px 0 18px;font-weight:500;height:61px;line-height:61px;display:block}
.rt li a:hover{color:#369663}
.rt li:nth-child(1) {border-left:1px solid #cecece}

#cate03 {display:none;position: relative;width: 120px;left: 252px;z-index:10000;border:1px solid #002171;padding:3px;background:#fff;}
.cate03 a{font-size:14px;color:#353535;line-height:30px;width: 160px;text-align:left;clear: both;height:30px;display:block;font-weight:400;}
.depthsub{width:100px; float:left;padding:0 0 5px 0}
.depthtitle{height:35px; line-height:35px;text-align:center;background:#eee;color:#111;font-size:15px;font-weight: 500 }

.navsub{font-size:14px;color:#353535;line-height:25px;width:100%;text-align:left;height:25px;display:block;font-weight:400}
.navsub:hover{color:#185aa3;background-color:#f6f3ec;}
.board{width:373px;float:left;margin-right:40px;}
.boardTitle{height:24px; line-height:24px; padding:0 0 16px 0;border-bottom:1px solid #993333;font-size:17px;color:#111;margin-bottom:13px;}
.more{font-size:13px; color:#585858;float:right}
.red {color:#9a2221}
.eventbanner{width:383px;float:left;margin-right:35px;margin-bottom:105px;}
.eventbannerTitle{height:24px; line-height:24px; font-size:17px;color:#111;margin-bottom:13px;background:url('/mall/skin/basic/images/title_bt.gif');background-repeat:no-repeat;text-indent:15px}

.wrap2{width:1300px;height:125px;position:relative;margin:0 auto}
.gnbwrap2{width:100%;min-width:1300px; height:65px;background:#0072bc;position:relative;}
.gnbwrap2w{text-align:center;clear:both;top: 65px;position: relative;width: 100%;height: 50px;background:#394a7c}
.gnbwrap2wCnt{text-align:center;clear:both;top: 0px;position: relative;width: 1300px;height: 49px;margin:0 auto}
.gnbwrap2wCnt .lt {text-align: center;height:65px;line-height:65px;display: inline-block;margin-left: auto;margin-right: auto;}
.gnbwrap2wCnt .rt {float:right;height:50px;line-height:50px;font-family:'Montserrat'}

.top_right {float:right;padding:32px 0 0 0px}
.top_left_banner {float: right;padding: 35px 0 0 0px;/* width: 511px; */}
.top_logo {float: left; padding-top: 25px;}
.top_search {float:left;padding: 30px 0 0 247px;}
.top_search_from {border-bottom:2px solid #000000;width: 300px;height: 52px;float:right}
.top_search .top_search_text {float:left}
.top_search .top_search_text input{top:-20px;position:relative;border:0;width:216px;height:36px;font-size:16px;font-weight:600;color:#353535;text-indent:0px;background:transparent}
.top_search .top_search_btn {float:left;padding:3px 0 0 0}

.contents_wrap {width:100%}
.contents_wrap2 {width:100%;border-bottom:1px solid #e6e6e6;min-width:1300px}
.contents {width:1300px;margin:0 auto;position:relative;line-height: 59px;}

.align-center {text-align:center}
.bottom_info_wrap {background-color:#f5f5f5;padding:110px 0 65px;margin-top:60px}
.bottom_info_wrap .wrap .left_call {width: 396px;margin-right: 50px;}
.bottom_info_wrap .wrap .left_call h3 {font-size:22px;color:#383838;line-height:22px;font-weight:700;margin-bottom: 21px;font-family:'Montserrat';}
.bottom_info_wrap .wrap .left_call .top_call {padding-bottom: 10px;border-bottom:1px solid #d3d3d3;}
.bottom_info_wrap .wrap .left_call .top_call .call_box > li:nth-child(odd) {width: 110px;box-sizing:border-box;font-size:15px;color:#878787;line-height:15px;padding-left: 35px;}
.bottom_info_wrap .wrap .left_call .top_call .call_box > li:nth-child(even) {width: 270px;margin-bottom: 11px;}
.bottom_info_wrap .wrap .left_call .top_call .call_box .number {font-size:33px;color:#383838;line-height:33px;font-weight:bold;font-family:'Montserrat';}
.bottom_info_wrap .wrap .left_call .top_call .call_box .mail {font-size:15px;color:#383838;line-height:25px;}
.bottom_info_wrap .wrap .left_call .top_call .call_box .mail > font {font-size:13px;color:#acacac}
.bottom_info_wrap .wrap .left_call .top_call .call_box .time {font-size:15px;color:#383838;line-height:25px;font-weight:300}
.bottom_info_wrap .wrap .left_call .bottom_bank {padding-top: 26px;}
.bottom_info_wrap .wrap .left_call .bottom_bank .time {font-size:18px;font-weight:300;color:#231f20}
.bottom_info_wrap .wrap .left_call .bottom_bank .bank_box {padding-bottom:8px;}
.bottom_info_wrap .wrap .left_call .bottom_bank .bank_box > li:last-child {font-size:20px;color:#383838;line-height:20px;font-weight:bold;font-family:'Montserrat';;padding-left:20px;}
.bottom_info_wrap .wrap .left_call .bottom_bank .text2 {font-size:13px;color:#acacac;line-height:13px;letter-spacing:-1px;padding-top:10px;}
.bottom_info_wrap .wrap .right_info {width:800px;}
.bottom_info_wrap .wrap .right_info .icon_box {height:197px;border:1px solid #dfdfdf;background-color:#ffffff;}
.bottom_info_wrap .wrap .right_info .icon_box > li {width:199px;height:197px;border-left:1px solid #dfdfdf;text-align:center;}
.bottom_info_wrap .wrap .right_info .icon_box > li:first-child {width:198px;border-left:0;}
.bottom_info_wrap .wrap .right_info .icon_box > li img{padding:20px 0 0 0}
.bottom_info_wrap .wrap .right_info .icon_box > li h3 {font-size:17px;color:#363636;line-height:17px;font-weight:500;padding:17px 0 14px;}
.bottom_info_wrap .wrap .right_info .icon_box > li h6 {font-size:13px;color:#7c7c7c;line-height:20px;font-weight:400;letter-spacing:-1px;}

.bottom_info_wrap .wrap .right_info .menu_box {height:50px;background-color:#dfdfdf;margin-top: 40px;padding:0 35px;}
.bottom_info_wrap .wrap .right_info .menu_box > li > a {display:inline-block;font-size:15px;color:#6c6c6c;line-height:50px;padding-right:25px;}

.bottom_info_wrap .wrap .right_info .info_text {padding:20px 0 30px;font-size: 14px;color: #666666;font-weight: 300;line-height:30px;}

.bottom_line {padding:0 10px 0 10px;color:#b9b9b9}
.footerMark {clear:both;padding:20px 0 20px 0}
.cateinfo {width:300px;height:300px;}
.regi_btn{color:#fff;display:block;text-decoration:none;width:100%;background-color:#f4bc1d;margin:40px auto 70px;font-size: 15px;font-weight:400;border:0;border-radius:5px;padding: 10px 20px 10px 20px;}
.h60 {height:60px}

.mbanner {width:1300px;margin:0 auto;padding:50px 0 80px 0}
.mbanner ul{display:flex;justify-content:space-between}

.bottom_2banner_wrap {margin:0 auto;width:1300px}
.bottom_2banner_wrap li {float:left;padding:0 32px 0 0}
.bottom_2banner_wrap li:last-child {float:left;padding:0 0 0 0}
.bottom_bbs_wrap .bottom_wrap {margin: 0 auto;width: 1300px;}
.bottom_bbs_wrap .bottom_wrap table td {border-left:1px solid #dddddd;border-bottom:1px solid #dddddd}

.bottom_bbs_wrap{width: 100%;border-top: 1px solid #eaeaea;}
.bottom_bbs_wrap .bottom_wrap .notice {width:320px;border-left:none;border-right:none;padding:28px 33px 24px;}
.bottom_bbs_wrap .bottom_wrap .notice p{float:right}
.bottom_bbs_wrap .bottom_wrap .notice > h3 {padding-bottom:8px;font-size:20px}
.bottom_bbs_wrap .bottom_wrap .notice > table {border-bottom:1px solid #dddddd;height:35px;}
.bottom_bbs_wrap .bottom_wrap .notice > table td {font-family:'돋움';font-size:11px;color:#808080;border-left:0;border-bottom:0;}
.bottom_bbs_wrap .bottom_wrap .notice > table td a {color:#808080}

.bottom_bbs_wrap .bottom_wrap .notice2 {width:320px;border-left:none;border-right:none;padding:28px 33px 24px;}
.bottom_bbs_wrap .bottom_wrap .notice2 p{float:right}
.bottom_bbs_wrap .bottom_wrap .notice2 > h3 {padding-bottom:8px;font-size:20px}
.bottom_bbs_wrap .bottom_wrap .notice2 > table {border-bottom:1px solid #dddddd;height:35px;}
.bottom_bbs_wrap .bottom_wrap .notice2 > table td {font-family:'돋움';font-size:11px;color:#808080;border-left:0;border-bottom:0;}
.bottom_bbs_wrap .bottom_wrap .notice2 > table td a {color:#808080}

.bottom_bbs_wrap .bottom_wrap .bank {}

.bottom_bbs_wrap .bottom_wrap .menu {}

.bottom_bbs_wrap .bottom_wrap .copyright {border-left:0;border-bottom:0;padding:33px 0 36px 42px}
.bottom_bbs_wrap .bottom_wrap .copyright .copy_txt {font-size:12px;color:#747474;line-height:22px;padding-bottom:15px;}

.bottom_bbs_wrap .bottom_wrap .cscenter {padding: 30px 0 0 37px;border-bottom:0;line-height: 24px;}
.bottom_bbs_wrap .bottom_wrap .cscenter h3 {padding-bottom:11px;}
.bottom_bbs_wrap .bottom_wrap .cscenter > div {float:left;color: #666;font-size: 14px;font-weight: 300;}
.bottom_bbs_wrap .cs_number {width: 267px;border-right:1px solid #dddddd;float: left;}
.bottom_bbs_wrap .cs_number > div:first-child {font-family:'Montserrat';background:url(/mall/skin/basic/images/main_bottom_tel.gif) 0 50% no-repeat;font-size:34px;color:#3399cc;font-weight:600;padding:3px 0 3px 42px;}
.bottom_bbs_wrap .cs_number > div:last-child {font-size: 14px;color:#909090;line-height: 21px;padding-top:14px;}
.bottom_bbs_wrap .cs_txt {padding-left:32px;float: left;}
.bottom_bbs_wrap .cs_txt > div:first-child {font-size:12px;color:#909090;line-height:20px;padding-bottom:16px;}

.zoomimg_wrap{width:300px;height:300px; overflow:hidden;border:1px solid #d5d5d5}
.zoomimg_wrap img{transition: all ease 0.2s}
.zoomimg_wrap img:hover {transform: scale( 1.15 );}

.zoomimg_wrap2{width:230px;height:230px; overflow:hidden;}
.zoomimg_wrap2 img{transition: all ease 0.2s;}
.zoomimg_wrap2 img:hover {transform: scale( 1.15 );}