@charset "euc-kr";

/* ÆùÆ®Àû¿ë¿¹½Ã'Nanum Gothic' , 'NanumSquareRound' , 'Nanum Square' , 'NanumBarunGothic'*/
@import url(/codefont/nanumfont.css);
@import url(/codefont/nanumsquare.css);
/* ¿¹½Ã "Noto Sans KR", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');



/*--- top ---*/
#wrap {
	width:100%;
	min-width: 1440px;
	margin:0;
	padding:0;
	position:relative;
	z-index:1;
	text-align:center;
}
.wrap-inner {
	width:100%;
	margin:0 auto;
	text-align:center;
	background-color:#fff573;
}
.wrap-inner._headbg {
	background-color:#e12b2a;
}

/* TOP Noitice banner */
#Top-banner {
	position:relative;
	z-index:1;
	width:100%;
	height:400px;
	background-color:transparent;
	text-align:center;
	margin:0;
	padding:0;
	clear:both;
}
#Top-banner .Top-banner-inner {
	position:relative;
	overflow:hidden;
	height:400px;
	margin:0px;
}
#Top-banner .btn {
	position:absolute;
	z-index:100;
	top:10px;
	left:50%;
	margin-left:450px;
	padding:0;
	color:#000000;
	font-family: gulim, dotum;
	font-size:12px;
}

#Top-pop {
	position:relative;
	overflow:hidden;
	width:100%;
	height:400px;
	text-align:center;
	margin:0 auto;
	background-color:transparent;
}
#Top-pop ul {
	position:absolute;
	list-style:none;
	top:0;
	width:100%;
	margin:0 auto;
	padding:0;
}
#Top-pop ul li {
	height:400px;
	list-style:none;
	padding:0px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
@media (max-width:1440px){
#Top-banner, #Top-banner .Top-banner-inner,
#Top-pop, #Top-pop ul li {
	height:300px;
}
}
/* -END- TOP Noitice banner */

#top-qmb {
	width:100%;
	*min-width:1920px;
	background:#263a45;
	text-align:center;
	margin:0;
	padding:0;
	clear:both;
}
#top-qmb .qmb-inner {
	*min-width:1420px;
	margin:0 auto;
	padding:0;
	display:inline-block;
}

#top-qmb .qmb-inner ul li {
	float:left;
	margin:0;
	padding:0;
}

#top {
	display:block;
	width:100%;
}

#top-util {
	clear:both;
	width:100%;
	height:43px;
	text-align:center;
	background-color:#fff;
	border-bottom:1px solid #000;
}
#top-util .top-util-inner {
	position:relative;
	z-index:99;
	width:1440px;
	margin:0 auto;
}

.top-util-menu {
	position: absolute;
	top:0px;
	left:0;
	z-index:99;
}
.top-util-menu ul {
	list-style: none;
	display: inline-block;
	margin:0;
	padding:0;
}
.top-util-menu ul li {
	float:left;
	font-size:18px;
	line-height:23px;
	margin:10px 15px;
	padding:0px;
}
.top-util-menu ul li a {
	line-height:40px;
	color:#000;
	text-decoration:none;
}
.top-util-menu ul li:last-child {
	float:left;
	background:none;
}

#logo-section {
	clear:both;
	width:100%;
	height:56px;
	text-align:center;
	background:url(/img/topbg.png) repeat-x 0% 0%;
}
#logo-section .logo-section-inner {
	position:relative;
	z-index:999;
	width:100%; /*1200px*/
	margin:0 auto;
	display:inline-block;
}
.logo {
	position:absolute;
	left:50%;
	top:3px;
	margin-left:-70px;
	z-index:999;
}
#logo-section .logo-section-inner .favo {
	position: absolute;
	top:20px;
	left:10px;
	z-index:999;
}
#logo-section .logo-section-inner .order_ment {
	position:absolute;
	top:47px;
	right:0px;
	text-align:right;
}
#logo-section .logo-section-inner .top_txt {
	position:absolute;
	left:45%;
	top:130px;
	margin-left:300px;
	z-index:999;
	font:15px 'Nanum Gothic', gulim, dotum;
	font-weight:bold;
	text-align:left;
	color:#3e3e3e;
}

.main-mqm-inner {
	position: absolute;
	display:inline-block;
	width:700px;
	height:65px;
	top:25px;
	left:260px;
}
.main-mqm-inner ul {
	display:inline-block;
	margin:0 auto;
	padding:0px;
}
.main-mqm-inner ul li {
	float:left;
	background:url(/img/dot_line.png) no-repeat left 5px;
	margin:0px;
	padding:0px 12px;
	text-align:center;
}
.main-mqm-inner ul li:first-child {
	background:none;
}

.main-mqm-inner ul li a {
	font:16px 'NanumSquareRound', 'Nanum Square', 'Nanum Gothic', gulim, dotum, Helvetica, sans-serif;
	font-weight:700;
	color:#fff;
	text-decoration:none;
}
.main-mqm-inner ul li a:hover {color:#e00;}


/*--- °Ë»ö¹Ù ---*/
.search-bar {
	position: absolute;
	z-index: 9;
	top:1px;
	right:0;
	width:260px;
	height:37px;
	border-width:2px; 
    border-style:solid;
	border-color:#0069b5;
	background-color: #ffffff;
}
.g_window .gbox {
	float:left;
	background-color: transparent;
}

.g_window .gbox span {
	display:block;
	width:210px;
	height:30px;
	margin:5px;
	padding:0;
	background-color: transparent;
	text-align:left;
}

.g_window .gbox input {
	float: none;
	width:100%;
	height: 30px;
	margin:0px;
	padding:0 4px;
	border:0;
	font-size:14px;
	outline:none;
	color:#000;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.g_window input[type=image] {
	float: left;
	width: auto;
}
	
.g_window .btn_arw {
	position: absolute;
	top: 6px;
	left: 392px;
}

.g_window .btn_arw a {
	display: block;
	padding: 7px 5px;
}
/*--- °Ë»ö¹Ù END ---*/


/******** MAIN ROLLING Slide **********/
#rs-wrap {
	position:relative;
	clear:both;
	width:100%;
	height: auto;
	text-align:center;
}
#rs-wrap .rs-inner {
	position:relative;
	min-width: 1440px;
	max-width: 1920px;
	min-height: 596px;
	max-height: 794px;
	margin:0 auto;
}

#G_rolling {
	width:100%;
	height:202px;
	margin:0 auto;
	text-align:center;
}
#G_rolling .G_rolling_inner {
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
	display:inline-block;
}

/*** Google banner roll ***/
.image_list {overflow: hidden; position: relative;height:150px; width:100%; cursor:pointer;}
.image_list .images {position:absolute; display:none; width:auto; height:150px; }

.no_label {width:200px; cursor:pointer; position:absolute; top:50px; right:0; z-index:999;}
.no_label li {width:32px; height:32px; float:left; margin-right:10px;}

.ul_label li.labelOverClass {font-weight:bold;}
/******** MAIN ROLLING Slide - END **********/

.left_qm {
	position:absolute;
	width:100px;
	left:50%;
	margin-left:-710px;
	display:inline-block;
}
.left_qm ul li {
	clear:both;
	padding:0px;
	margin:0px;
}

.right_qm {
	position:absolute;
	width:90px;
	left:50%;
	margin-left:620px;
	display:inline-block;
}
.right_qm ul li {
	clear:both;
	padding:0;
	margin:0px 0px 10px 0px;
}

#Section-vod {
	clear:both;
	width:100%;
	display:inline-block;
	margin:0;
	padding: 100px 0px;
	text-align:center;
	background-color:#fff6f3;
}
#Section-vod h2 {
	clear: both;
	text-align: center;
	margin-bottom: 54px;
}
#Section-vod .vod_box {
	position:relative;
	z-index:9;
	width: 1340px;
	box-sizing: border-box;
	margin:0px auto;
	padding: 0px;
	text-align:center;
	color:#fff;
	font-family:'NanumSquareRound', 'Nanum Square', 'Noto Sans KR';
	display:inline-block;
}
#Section-vod .vod_box .mvod_play {
	background-color:transparent;
	border:0px;
	cursor:pointer;
}
#Section-vod .video-container {
	position:relative;
	z-index:9;
	float: left;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	width: 650px;
	height: auto;
}
#Section-vod .video-container iframe, .video-container object, .video-container embed {
	position: relative;
/*	position:absolute;
	z-index:99999;
	top:10px;
	left:10px;*/
	margin:0;
	padding:0;
	width: 630px; /*100%;*/
	height:354px;
}
#Section-vod .video-container li {
	height: 354px;
	padding: 10px;
	text-align: center;
	background-color: #feccc7;
}
#Section-vod .video-container li.title {
	height: auto;
	padding: 20px 10px;
	background-color: transparent;
}
#Section-vod .vod_list {
	width: 1305px;
	margin: 12px auto;
	display: inline-block;
}
#Section-vod .vod_list > div {
	float: left;
	width: 33.3%;
	text-align: center;
}

#review-section {
	clear: both;
	display: inline-block;
	width: 100%;
	padding: 60px 0px;
	background: url(/img/main/review_bg.jpg) no-repeat 50% 0%;
}
#review-section h2 {
	clear: both;
	text-align: center;
	margin-bottom: 54px;
}

#Section-wrap {
	clear: both;
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin:0px;
}

.Section-banner1 {
	position: relative;
	width: 1440px;
	margin:10px auto 0px auto;
	display: inline-block;
}
.Section-banner1 .bn-box {
	float:left;
	width:450px;
	margin: 0px 45px 45px 0px;
	text-align:center;
}
.Section-banner1 .bn-box-last {
	float:left;
	width:450px;
	margin: 0px 0px 45px 0px;
	text-align:center;
}

.Section-banner2 {
	position: relative;
	width: 1440px;
	height:200px;
	margin:0px auto 45px auto;
	display: inline-block;
}

#contents {
	position:relative;
	width:100%;
	clear:both;
	display:inline-block;
	z-index:10;
	text-align:center;
}

#contents .Section-Pform2 {
	width:100%;
	margin:0px auto;
	padding-bottom:69px;
	text-align:center;
	display:inline-block;
	border-top:1px solid #e1e1e1;
}
#contents .Section-Pform2 .section-hot {
	width:1200px;
	margin:0px auto;
	display:inline-block;
}
#contents .Section-Pform2 .section-hot h3 {
	clear:both;
	height:160px;
	font:24px/160px 'NanumSquareRound', 'Nanum Square', 'Nanum Gothic', sans-serif, dotum, gulim;
	color:#09112a;
	text-align:center;
}
#contents .Section-Pform2 .section-hot .imgbox {
	float:left;
	width:387px;
	height:586px;
	margin:6px;
	background-color:#006469;
	font:30px/140px 'NanumSquareRound', 'Nanum Square', 'Nanum Gothic', sans-serif, dotum, gulim;
	font-weight:bold;
	color:#ffffff;
}

#contents-inner{
	width: 1440px;
	min-height:600px;
	text-align:left;
	margin:0 auto;
}
#contents-inner > h4 {
	text-align: left;
	margin-top: 10px;
}
#contents-inner .product-tlink ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	clear:both;
}
#contents-inner .product-tlink ul li {
	float:left;
	width:556px;
	margin-right:12px;
	padding:18px;
	background-color:#fff;
	border:1px solid #e1e1e1;
	text-align:center;
	font:15px 'Noto Sans KR', 'Noto Sans', dotum, gulim, arial;
	color:#000;
}
#contents-inner .product-tlink ul li a {
	color:#000;
	text-decoration:none;
}
#contents-inner .product-tlink ul li.on {
	background-color:#000;
	border:1px solid #000;
	text-align:center;
	font:15px 'Noto Sans KR', 'Noto Sans', dotum, gulim, arial;
	color:#fff;
}
#contents-inner .product-tlink ul li.on a {
	color:#fff;
	text-decoration:none;
}
#contents-inner .product-tlink ul li.last {
	margin-right:0px;
}

#contents-inner .product {
	display:inline-block;
	clear:both;
	width:100%;
	margin-bottom:60px;
	text-align:left;
}
#contents-inner .product h3 {
	clear:both;
	margin: 20px auto;
	padding: 0px;
	line-height: 30px;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif, dotum, gulim;
	font-size: 24px;
	color:#0069b5;
	text-align:center;
}
#contents-inner .product .product-banner {
	float: left;
}

#contents-inner .product .product-list {
/*	float: right;*/
	width: 1440px;
	display: inline-block;
}
#contents-inner .product .product-more {
	clear: both;
	width: 100%;
	text-align: center;
}

#contents-inner .board-review {
	clear:both;
	display: inline-block;
	margin-top:60px;
	margin-bottom:60px;
}
#contents-inner .board-review h3 {
	height:60px;
	background:url(/img/main/mp_title_bg.gif) repeat-x;
	text-align:center;
	margin-bottom:15px;
	clear:both;
}
#contents-inner .board-review .bdrev-box {
	float: left;
	display:inline-block;
	width:390px;
	height:216px;
	border:1px solid #e4e4e4;
	margin-left:12px;
}
#contents-inner .board-review .bdrev-box.first {
	margin-left:0px;
}
#contents-inner .board-review .bdrev-box .bdrev-con-img {
	float: left;
	width: 230px;
	height:216px;
}
#contents-inner .board-review .bdrev-box .bdrev-con {
	float:left;
	width:136px;
	height:192px;
	padding:12px;
	background:#f9f9f9;
}
#contents-inner .board-review .bdrev-box .bdrev-con ul li {
	list-style:none;
	font:12px/16px 'NanumSquareRound', 'Nanum Square', 'Nanum Gothic', 'NanumBarunGothic', gulim, dotum;
	color:#898989;
	text-align:left;
}
#contents-inner .board-review .bdrev-box .bdrev-con ul li.title {
	font:14px/30px 'NanumSquareRound', 'Nanum Square', 'Nanum Gothic', 'NanumBarunGothic', gulim, dotum;
	font-weight:bold;
	color:#000;
	text-align:left;
	margin-bottom:12px;
}

/***** Main Product Table *****/
.main-pro-table {
	border-collapse:collapse;
	border:1px solid #eee;
	border-width:0px 0px 0px 0px;
}
.main-pro-table td {
	width:25%;
	height:572px;
	box-sizing: border-box;
	padding: 15px 7px;
	border:1px solid #eee;
	border-width:0px 0px 0px 0px;
	vertical-align: top;
}
.main-pro-table td.page {
	height:19px;
	text-align:center;
}
.productList-box {
	position: relative;
	width: 100%;
	border-collapse:collapse;
	margin:0 auto;
	padding:0;
	border:0px solid #eee;
}
.productList-box td {
	height:auto;
	border:0px solid #eee;
	padding:8px 0px;
	margin:0px;
}
.productList-box td img {
	vertical-align:middle;
}
.productList-box td.p_img {
	padding:0px;
}
.productList-box td.p_img a img {
	width: 450px;
	height: 450px;
	border: 0px;
}
.productList-box td .p_title {
	float: left;
/*	clear:both;*/
	width: 65%;
	min-height:50px;
	text-align:left;
	letter-spacing:-0.050em;
	line-height: 24px;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif, dotum, gulim;
	font-size: 20px;
	font-weight: bold;
	color:#000;
}
.productList-box .mp_sale {
	float:left;
	width:35%;
	text-align:right;
	letter-spacing:-0.075em;
	line-height: 50px;
	font-family: Tahoma, Geneva, 'Noto Sans KR', 'Noto Sans', sans-serif, dotum, gulim;
	font-size: 20px;
	font-weight:bold;
	color:#ee3943;
}
.productList-box .mp_price {
	clear:both;
	width:100%;
	text-align:left;
	font-family: Tahoma, Geneva, 'Noto Sans KR', 'Noto Sans', sans-serif, dotum, gulim;
	font-size: 36px;
	color:#e14242;
	line-height:30px;
}
.productList-box .mp_icon {
	clear:both;
	height:20px;
	margin-top:10px;
	text-align:left;
	vertical-align:middle;
}
.productList-box .mp_icon img {
	margin-right:2px;
	vertical-align:middle;
}
.productList-box td.sns-sec {
	height:40px;
	text-align:left;
	padding:0px;
}
.productList-box td.sns-sec .mp_heart {
	float:left;
	background:url(/product/img/icon_s_heart.gif) no-repeat left;
	width:50px;
	font:12px gulim, dotum;
	line-height:40px;
	padding-left:30px;
	margin-left:8px;
}
.productList-box td.sns-sec .mp_heartred {
	float:left;
	background:url(/product/img/icon_s_redheart.gif) no-repeat left;
	width:50px;
	font:12px gulim, dotum;
	line-height:40px;
	padding-left:30px;
	margin-left:8px;
}
.productList-box td.sns-sec .mp_eyes {
	float:left;
	background:url(/product/img/icon_s_eyes.gif) no-repeat left;
	width:50px;
	font:12px gulim, dotum;
	line-height:40px;
	padding-left:30px;
	margin-left:8px;
}
.productList-box td.sns-sec .mp_sns_link {
	float:right;
	border-left:1px solid #dddddd;
	width:38px;
	height:18px;
	padding:11px 0px;
	text-align:center;
	vertical-align:middle;
}
/***** Main Product Table END *****/

/***** Bottom Style ***************/
#bottom-banner-qm {
	width:1200px;
	height:170px;
	margin:0 auto;
	display:inline-block;
	clear:both;
	margin-bottom:2px;
}
#bottom-banner-qm li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

#bottom{
	width:100%;
	text-align:center;
	clear:both;
}
#bottom .bottom-inner{
	position: relative;
	width:1440px;
	padding:0px;
	margin:0 auto;
}
#bottom .bottom-info {
	position: relative;
	width:1440px;
	padding:0px;
	margin:0 auto;
	display:inline-block;
}
#bottom .bottom-info .cs, #bottom .bottom-info .ship,
#bottom .bottom-info .bank{
	float:left;
	width:33.3%;
	margin:0px;
	text-align:center
}

#bottom .bottom-info .notice{
	position: relative;
	float:left;
	width:356px;
	height:141px;
	margin:0px;
	padding:12px 20px;
}
#bottom .up{
	float:left;
	width:356px;
	height:141px;
}

#bottom .up h3{
	font:15px 'NanumSquareRound', 'Nanum Square', 'Noto Sans KR', Verdana, dotum, gulim;
	font-weight:bold;
	color:#202020;
	text-align:left;
	margin-top:5px;
	margin-bottom:12px;
}
#bottom .up .more{
	position:absolute;
	right:0;
	top:20px;
	margin-right:20px;
}
#bottom .up ul li{
	width: 100%;
	font-size:12px;
	line-height:20px;
	text-align:left;
}
#bottom .up ul li a{
	float: left;
	display: inline-block;
	min-width:260px;
	color:#898989;
}
#bottom .up ul li a:hover {
	color:#555;
	text-decoration:underline;
}
#bottom .up ul li span.date{
	float: right;
	display: inline-block;
}

#copy{
	clear:both;
	width:100%;
	text-align:center;
	margin-top: 40px;
	padding:40px 0px 20px 0px;
	background-color:#2c2c2c;
}

#copy .copy-inner{
	position:relative;
	display:inline-block;
	width:1440px;
	margin:0 auto;
	padding:0px;
	text-align:center;
}
#copy .bottom-logo{
	float: left;
	width: 180px;
	margin:20px 0px 0px 0px;
}

#copy .bottom-util {
	float: left;
	min-height: 135px;
	text-align:left;
	padding:0px 30px;
	margin:0 30px 0 0;
	display:inline-block;
	background:url(/img/copy_line.gif) no-repeat 0px 5px;
}
#copy .bottom-util ul {
	margin:0;
	padding:0px;
	display:inline-block;
}
#copy .bottom-util ul li {
	clear:both;
	margin: 5px 0px 5px 30px;
	padding:0px;
	list-style:square;
	line-height: 18px;
	font-size:14px;
	text-align:left;
	color:#fff;
}
#copy .bottom-util ul li a {
	color:#fff;
}

#copy .bottom-qm {
	float: left;
	width: 29%;
	min-height: 135px;
	box-sizing:border-box;
	text-align:left;
	padding:0px 0px 0px 40px;
	margin:0;
	display:inline-block;
	background:url(/img/copy_line.gif) no-repeat 0px 5px;
}
#copy .bottom-qm ul {
	margin:0;
	padding:0px;
	display:inline-block;
}
#copy .bottom-qm ul._left, #copy .bottom-qm ul._right {
	float: left;
	width: 50%;
}

#copy .bottom-qm ul li {
	clear:both;
	margin: 5px 0px;
	padding:0px;
	list-style:none;
	line-height: 18px;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	color:#fff;
}
#copy .bottom-qm ul li a {
	color:#fff;
}
.bottomicon {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 15px;
	vertical-align:middle;
}

.i_guide {
	background:url(/img/icon_guide.png) no-repeat 50% 50%;
	background-size:cover;
}
.i_qna {
	background:url(/img/icon_qna.png) no-repeat 50% 50%;
	background-size:cover;
}
.i_marking {
	background:url(/img/icon_marking.png) no-repeat 50% 50%;
	background-size:cover;
}
.i_pay {
	background:url(/img/icon_pay.png) no-repeat 50% 50%;
	background-size:cover;
}
.i_marking {
	background:url(/img/icon_marking.png) no-repeat 50% 50%;
	background-size:cover;
}
.i_ship {
	background:url(/img/icon_ship.png) no-repeat 50% 50%;
	background-size:cover;
}
.i_download {
	background:url(/img/icon_download.png) no-repeat 50% 50%;
	background-size:cover;
}

#copy .copyright{
	float:left;
	position: relative;
	width:50%;
	font-size:14px;
	line-height:21px;
	color:#777;
	text-align:left;
}
#copy .copy-inner .esc{
	position:absolute;
	top:0px;
	right:30px;
}
/***** Bottom Style END ***************/

/***** ÁÂÃø¹è³Ê *****/
#quick-banner{
	width:1520px;
	position:relative;
	margin:0 auto;
	z-index:800;
	display:block;
}

#L_banner{
	position:absolute;
	width:148px;
	left:0;
}
#L_banner li {
	display:block;
	z-index:899;
	zoom:1;
	margin:0 0 2px 0;
	padding:0;
	list-style:none;
}
#L_banner li a {
	border:0;
	text-decoration:none;
}

#R_banner{
	position: absolute;
	right: 0px;
	top: 152px;
}
#R_banner ul li.top{
	margin-top: 0;
}

/***** qm *****/
#floater {
	position:absolute; 
	visibility:visible;
	width:109px;
	margin-top:30px;
	right:0;
}
.qm-cart li {
	width:109px;
	margin:0;
	padding:0;
}
.qm-cart li.bot {
	width:109px;
	height:31px;
	background:url(/img/qm_today_b.png) repeat-y;
	color:#898989;
	font-weight:bold;
	text-align:center;
}
.qm-cart li.bg {
	background:url(/img/qm_today_bg.png) repeat-y;
	padding-top:8px;
	padding-left:9px;
}
.qm-cart li.product {
	width:87px;
	height:87px;
	margin-bottom:10px;
	background:#fff;
	text-align:center;
}
.qm-cart li.product img {
	width:87px;
	height:87px;
}
.qm-cart li.product img a {
	border:0;
	text-decoration:none;
}
/***** ÁÂÃø¹è³Ê END *****/

.pro-thumb a img {
	width: 249px;
	height: auto;
	max-height:310px;
}

#l-con{
	width: 880px;
	margin-top: 20px;
	border-bottom: 1px solid #666;
}
#l-con #menu {
	list-style-type: none;
	width: 160px;
	height: 400px;
	left: 0;
}
#l-con #menu li {
	display: block;
	z-index: 1000;
	position: relative;
	text-align:right;
	zoom: 1;
}
#l-con #menu li p a {
	display: block;
	font: bold 16px/20px µ¸¿ò, dotum, gulim, ±¼¸², "Lucida Grande", "Verdana";
	text-decoration: none;
	padding: 7px 22px 7px 7px;
	z-index: 1000;
	color: #666666;
	vertical-align: middle;
	zoom: 1;
}

#l-con #menu li a:hover {
	color: #CC3300;
}
#l-con #menu li.current a {
	font: bold 16px gulim, ±¼¸², "Lucida Grande", "Verdana";
	color: #CC3300;
	padding: 7px 22px 7px 7px;
	line-height: 20px;
}
#l-con #menu li.background {
	background: url('arrow.gif') no-repeat left center;
	position: absolute;
	font-size: 1px;
	height: 7px;
	width: 4px;
	z-index: 1;
}

#r-con {
	position:relative;
	width: 1440px;
	min-height:600px;
	margin:70px auto 0px auto;
	padding:0px 0px 30px 0px;
	background-color:#fff;
	line-height: 16px;
	font-family: 'NanumSquareRound', 'Nanum Square', 'Noto Sans KR', dotum, gulim, arial;
	font-size: 13px;
}

#r-con .login-box {
	width: 450px;
	text-align: center;
	background-color:#f9f9f9;
	margin: 0 auto;
	padding:20px;
	display:inline-block;
}
#r-con .login-table{
	width: 100%;
	text-align: center;
	border:1px solid #efefef;
	background-color:#fff;
	margin:0 auto;
	display:inline-block;
}
#r-con .login-table table {
	margin:30px 50px;
}
#r-con .login-table table th,#r-con .login-table table td{
	text-align: left;
	padding:4px 0px 4px 0px;
}
#r-con .join-form{
	width: 986px; 
	margin: 0 auto;
}
#r-con .join-form table.join td {
	text-align: left;
	line-height: 160%;
}
#r-con .join-form table.join th {
	height: 30px;
	text-align: left;
}

#r-con .idpw-search-form {
	clear:both;
	display: table;
	width: 480px; 
	box-sizing:border-box;
	margin: 15px auto;
	padding: 10px;
	border: 3px solid #efefef;
}
#r-con .idpw-search-form .idpw-search-in {
	width:100%;
	box-sizing:border-box;
	padding:20px;
	background-color:#f4f4f4;
}

input.idpw {
	width:100%;
	height:35px;
	box-sizing:border-box;
	vertical-align:middle;
	padding:0px 4px;
	line-height: 33px;
	font-size: 12px;
	color:#000;
	border:1px solid #ddd;
}
#r-con .login-img{
	position: absolute;
	right: 0;
	top: 80px;
}
#r-con .login-form{
	float: left;
}
#r-con .main-sub-banner{
	height: 207px;
	display: inline-block;
}
#r-con .main-sub-banner ul li{
	float: left;
}

.cate-group {
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
	clear:both;
}
.cate-group ul {
	margin:0 auto;
	padding:0;
	display:inline-block;
}
.cate-group ul li {
	float:left;
	margin:0px 2px;
	padding:0px;
	list-style:none;
}
/*
.main-pro{
	padding-left: 1px;
}
.main-pro .title {
width: 767px;
height: 58px;
}
.main-pro table{
	margin-top: 10px;
}
.main-pro .thumb img{

}
*/

#cTop ul li.down {
	margin-top: 0;
	font-size: 0;
}
table.notice th {
	background:url(/img/board_skin/b_bg.gif) repeat-x;

}
table.event td {
	text-align: center;
	height: 25px;
	font-weight: bold;
}
#r-con .location {
	clear: both;
	width: 100%;
	height: 25px;
	box-sizing: border-box;
	text-align: right;
	border-bottom: 0px solid #c2c2c2;
	margin:0px auto;
	padding:0px 8px;
}
#r-con .location ul {
	float: right;
}

#r-con .location ul li {
	float: left;
	margin-left:5px;
	padding-left:10px;
	padding-right:3px;
	line-height: 24px;
	background: url(/img/main/location_arrow.gif) no-repeat 0% 50%;
}
#r-con .location ul li.home {
	background: none;
	margin-left: 0px;
	padding-left: 0px;
}

#r-con .sub-con {
	width:100%;
	text-align:center;
	clear:both;
	display:inline-block;
}
#r-con .sub-con .sub-con-inner {
	clear:both;
/*	width:1200px;*/
	margin:0 auto;
	font:13px 'NanumSquareRound', 'Nanum Square', 'Noto Sans KR', gulim, dotum, Helvetica, sans-serif;
	text-align:left;
}
#r-con .etc-wrap {
	width:1176px;
	margin:0 auto;
	padding:0px 12px;
	clear:both;
}
#r-con .etc-wrap td {
	text-align: left;
}

table.cata td {
	text-align: left;
	padding-left: 10px;
}




.add-btn{
	width: 100%;
	margin-top: 10px;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px/100% ±¼¸²,gulim,µ¸¿ò,dotum,Arial, Helvetica, sans-serif;
	padding: .7em 2em .55em;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 0px 0px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.button02 {
	display: inline-block;
	width: 132px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 14px/100% µ¸¿ò,dotum,±¼¸²,gulim,Arial, Helvetica, sans-serif;
	padding: 0.5em 0 0.5em 0;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button02:hover {
	text-decoration: none;
}
.button02:active {
	position: relative;
	top: 1px;
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* gray */
.gray {
color: #000;
border: solid 0px #ccc;
background: #ccc;
}
.gray:hover {
	color: #e9e9e9;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	color: #d9eef7;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	color: #606060;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* POP-sale receipt */
#REC_wrap {
	margin:0;
	padding:0;
	width:600px;
	font-size:12px;
	color:#333333;
}
#REC_wrap table {font-size:12px;}
.REC_toplogo {width:100%; float:left; clear:both; border-bottom:1px solid #f1f1f1; margin-bottom:12px;}
.REC_toplogo ul{float:left; width:100%; list-style:none; margin:0; padding:0;}
.REC_toplogo li{float:left; margin:0; padding:0;}
.REC_toplogo li.h1 {float:right; font-size:40px; font-weight:bold;}
#REC_info {width:100%; clear:both; border-bottom:1px solid #f1f1f1; margin-bottom:12px; padding-bottom:12px;}
#REC_info ul.date {float:left; list-style:none; width:100%; margin:0; padding:0; clear:both;}
.date li {float:left; font-size:12px; margin:0; padding:0;}
.date li.right {float:right;}
#REC_info ul.shop {float:left; list-style:none; width:100%; margin:0; padding:0; clear:both;}
.shop li {float:left; font-size:12px; margin:0; padding:0;}
.shop li.right {float:left; padding-left:10px;}
#REC_con{width:100%; clear:both;}
.REC_table {width:600px; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.REC_table th {
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	background-color:#777777;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
}
.REC_table th {
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	background-color:#738384;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:3px 5px;
}
.REC_table td {
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	color:#333333;
	padding:3px 5px;
}
.REC_table td.td2 {
	background-color:#f1f1f1;
}
.REC_table td.to {
	background-color:#ffdddd;
	color:#ff0000;
}

table.table01 {border:1px solid #aaaaaa; border-width:1px 0 0 1px; border-collapse:separate; border-spacing:0; margin-bottom:30px; margin-top:5px;}
table.table01 th {padding:5px 8px;; font-size:13px; font-weight:bold; text-align:left; background-color:#ffffff; border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa;}
table.table01 th.a_l {text-align:left;}
table.table01 td {padding:5px 8px; font-size:13px; border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa; text-align:left;}
table.table01 td.td2 {background-color:#f4f4f4;}
table.table01 td.a_l {text-align:left;}


@media screen and (max-width:670px) {
#wrap, #r-con {
	width:1440px;
	min-width: ;
}
}
/* --- ½æ³×ÀÏ °­Á¦ ¿À¹ö¶óÀ̵å (¸Ç ¾Æ·¡ Ãß°¡) --- */
/* === ½æ³×ÀÏ ÇÙ ¿À¹ö¶óÀ̵å (ÆÄÀÏ ¸Ç ¾Æ·¡ Ãß°¡) =================== */

/* 0) Å×ÀÌºí ¼¿ °íÁ¤ ³ôÀÌ ÇØÁ¦ (ÀÌ°Ô 572px·Î ¸·°í À־ ¸ÕÀú Ç®¾îÁÜ) */
.main-pro-table td { height: auto !important; }

/* 1) Ä«µåÇü ¸®½ºÆ®(.product-box .pro-thumb) ? À̹ÌÁö ¿µ¿ª¸¸ ±æ°Ô */
.product-box { height: auto !important; }
.product-box .pro-thumb,
.product-box .pro-thumb a {
  height: 520px !important;
  overflow: hidden !important;
  display: block !important;
}
.product-box .pro-thumb img,
.product-box .pro-thumb a img,
.pro-thumb a img { /* ±âÁ¸ .pro-thumb a img { max-height:310px } ¹«·ÂÈ­ */
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  display: block !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  transition: transform .55s cubic-bezier(.22,.61,.36,1) !important;
}

/* 2) Å×À̺íÇü ¸®½ºÆ®(.productList-box) ? À̹ÌÁö ¿µ¿ª¸¸ ±æ°Ô */
.productList-box td.p_img,
.productList-box td.p_img a {
  height: 520px !important;
  overflow: hidden !important;
  display: block !important;
}
.productList-box td.p_img a img,
.productList-box td .p_img a img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  display: block !important;
}

/* 3) È£¹ö È®´ë(¿É¼Ç) */
@media (hover:hover){
  .product-box .pro-thumb:hover img,
  .product-box .pro-thumb:hover a img,
  .productList-box td.p_img:hover img {
    transform: scale(1.06) !important;
  }
}
/* === Å×À̺íÇü »óÇ°¸®½ºÆ®(¸ÞÀÎ/Ä«Å×°í¸®) ½æ³×ÀÏ ÆÐÄ¡ === */

/* 0) Å×À̺íÀÌ ³»¿ëÆø¿¡ ²ø·Á ºØ±«µÇ´Â °Í ¹æÁö */
.main-pro-table {
  width: 100% !important;
  table-layout: fixed !important;   /* Ä÷³À» ±ÕµîÇÏ°Ô */
}
.main-pro-table td {
  width: 25% !important;            /* 4¿­ À¯Áö */
  vertical-align: top !important;
}

/* 1) À̹ÌÁö ¿µ¿ª(¼¿)¸¸ ±æ°Ô */
.productList-box td.p_img,
.productList-box td.p_img a {
  display: block !important;
  width: 100% !important;
  height: 520px !important;         /* ¿øÇÏ´Â ³ôÀÌ·Î Á¶Àý */
  overflow: hidden !important;
}

/* 2) À̹ÌÁö°¡ ¼¿À» ²Ë ä¿ìµµ·Ï */
.productList-box td.p_img a img,
.productList-box td .p_img a img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  display: block !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  transition: transform .45s cubic-bezier(.22,.61,.36,1) !important;
}

/* 3) È£¹ö È®´ë (¿É¼Ç) */
@media (hover:hover){
  .productList-box td.p_img:hover img { transform: scale(1.06) !important; }
}

/* 4) ¸ð¹ÙÀÏ¿¡¼± Á¶±Ý ³·Ãß°í ½ÍÀ¸¸é */
@media (max-width: 767px){
  .productList-box td.p_img, .productList-box td.p_img a { height: 320px !important; }
}
/* ½æ³×ÀÏ ¸ð¼­¸® ºÎµå·´°Ô (°¢Áø°Å Á¦°Å) */
:root { --thumbR: 16px; } /* ¡ç 12~24px ¼±È£, ÃëÇâ´ë·Î */

.product-box .pro-thumb,
.productList-box td.p_img,
.productList-box td.p_img a {
  border-radius: var(--thumbR) !important;
  overflow: hidden !important;             /* µÕ±Ù ¸ð¼­¸®·Î ±ò²ûÈ÷ À߶󳻱â */
  background-clip: padding-box !important; /* Å׵θ®/¹è°æ ¹øÁü ¹æÁö */
}

/* À̹ÌÁöµµ ÄÁÅ×ÀÌ³Ê ¹Ý°æ »ó¼Ó */
.product-box .pro-thumb img,
.product-box .pro-thumb a img,
.productList-box td.p_img a img {
  border-radius: inherit !important;
  display: block !important;

  /* Å©·Ò/»çÆĸ® °æ°è¼± Åé´Ï º¸Á¤ */
  -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
}

/* »ì¦ ºÎµå·¯¿î ±×¸²ÀÚ(¼±ÅÃ) */
.product-box .pro-thumb,
.productList-box td.p_img a {
  box-shadow: 0 8px 20px rgba(0,0,0,.08) !important; /* ¿øÇÏ¸é »èÁ¦ */
}
/* ===== Çü±¤(³×¿Â) È£¹ö È¿°ú - ¸Ç ¾Æ·¡ ºÙ¿©³Ö±â ===== */
:root { --neon: #39ff14; } /* ±âº» ³×¿Â ±×¸°. #00fff0(³×¿Â ½Ã¾È), #ff00e6(³×¿Â ÇÎÅ©) µîÀ¸·Î ¹Ù²ãµµ OK */

/* ½æ³×ÀÏ ÄÁÅ×ÀÌ³Ê Æ÷Áö¼Ç °íÁ¤ */
.product-box .pro-thumb,
.productList-box td.p_img a {
  position: relative !important;
  overflow: hidden !important;
}

/* Àüȯ ºÎµå·´°Ô */
.product-box .pro-thumb img,
.product-box .pro-thumb a img,
.productList-box td.p_img a img {
  transition: filter .45s ease, transform .45s ease, box-shadow .45s ease !important;
}

/* ³×¿Â ¿À¹ö·¹ÀÌ(±âº» 0, È£¹ö ½Ã ÄÑÁü) */
.product-box .pro-thumb::after,
.productList-box td.p_img a::after {
  content: "" !important;
  position: absolute !important;
  inset: -15% !important;                 /* »ì¦ Å©°Ô ±ò¾Æ¼­ ¸ð¼­¸® ºóÆ´ ¹æÁö */
  background:
    radial-gradient(120px 120px at 20% 20%, var(--neon), transparent 60%),
    radial-gradient(140px 140px at 80% 80%, var(--neon), transparent 65%) !important;
  mix-blend-mode: screen !important;      /* ¹è°æ À§·Î Çü±¤Ã³·³ ¾ñ±â */
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .45s ease !important;
}

/* hover: »ö È® »ì¾Æ³ª°í »ì¦ È®´ë + ³×¿Â ±Û·Î¿ì */
@media (hover:hover){
  .product-box .pro-thumb:hover::after,
  .productList-box td.p_img a:hover::after {
    opacity: .85 !important;
  }
  .product-box .pro-thumb:hover img,
  .productList-box td.p_img a:hover img {
    filter: saturate(1.8) brightness(1.2) contrast(1.1) !important;
    transform: scale(1.02) !important;
  }
  .product-box .pro-thumb:hover,
  .productList-box td.p_img a:hover {
    box-shadow:
      0 0 0 2px var(--neon),
      0 0 18px var(--neon),
      0 0 40px color-mix(in srgb, var(--neon) 60%, transparent) !important;
  }
}

/* »ö»ó ÇÁ¸®¼Â(¿øÇϸé ÄÁÅ×À̳ʿ¡ Ŭ·¡½º¸¸ Ãß°¡Çؼ­ ¹Ù²Ü ¼ö ÀÖÀ½) */
.neon-pink  { --neon: #ff00e6; }
.neon-cyan  { --neon: #00fff0; }
.neon-yellow{ --neon: #faff00; }

/* ==== ½æ³×ÀÏ 'Àüü º¸À̱â' + Çà³ôÀÌ Á¤·Ä (¸Ç ¾Æ·¡ Ãß°¡) ==== */

/* ¿øÇÏ´Â Å©±â/ºñÀ²¸¸ ¹Ù²Ù¸é ³¡ */
:root {
  --cols: 3;           /* ÇÑ ÁÙ °³¼ö (2=´õ Å©°Ô, 3=Å©°Ô, 4=±âº») */
  --thumb-ratio: 1 / 1;/* ½æ³×ÀÏ ºñÀ²(Á¤»ç°¢: 1/1, ¼¼·ÎÇü: 4/5, 3/4 µî) */
  --thumb-bg: #f6f7f9; /* ·¹Å͹ڽº ¹è°æ»ö */
}

/* Ä«µåÇü ¸®½ºÆ® ÆøÀ» ±×¸®µåó·³ ÄÁÆ®·Ñ(±âÁ¸ floatµµ ±×´ë·Î ÀÛµ¿) */
.product-List { text-align:left !important; }
.product-List .product-box {
  width: calc(100% / var(--cols) - 20px) !important;
  height: auto !important;
}

/* Å×À̺íÇüµµ ±ÕµîÆø À¯Áö */
.main-pro-table { width:100% !important; table-layout:fixed !important; }
.main-pro-table td { width: calc(100% / var(--cols)) !important; }

/* ¦¡ À̹ÌÁö ÄÁÅ×À̳Ê: ³ôÀ̸¦ '°¡·ÎÆø ¡¿ ºñÀ²'·Î ÀÚµ¿ »êÃâ */
.product-box .pro-thumb,
.product-box .pro-thumb a,
.productList-box td.p_img,
.productList-box td.p_img a {
  aspect-ratio: var(--thumb-ratio) !important; /* ¡Ú ÇÙ½É */
  height: auto !important;
  overflow: hidden !important;
  background: var(--thumb-bg) !important;      /* ·¹Å͹ڽº ¹è°æ */
  border-radius: 16px !important;               /* ¸ð¼­¸® ºÎµå·´°Ô(¿É¼Ç) */
}

/* ¦¡ À̹ÌÁö: Å©·Ó ¾øÀÌ Àüü º¸À̱â */
.product-box .pro-thumb img,
.product-box .pro-thumb a img,
.productList-box td.p_img a img,
.productList-box td .p_img a img,
.pro-thumb a img {  /* ±âÁ¸ width:249px; max-height:310px; ¹«·ÂÈ­ */
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;               /* ¡Ú Àüü º¸À̱â */
  object-position: 50% 50% !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
}

/* ÇàÀÌ µéÂß³¯ÂßÇϸé Á¦¸ñ ¿µ¿ª ³ôÀ̸¸ °íÁ¤(¼±ÅÃ) */
.product-box .pro-title { height: 48px !important; }

/* ¹ÝÀÀÇü (¿øÇÏ´Â °ªÀ¸·Î Á¶Àý) */
@media (max-width:1199px){ :root{ --cols: 3; } }
@media (max-width: 767px){ :root{ --cols: 2; } }

/* === »çÁø Àüü º¸À̱â + ¿©¹é Á¦°Å(Çà ³ôÀÌ °¡º¯) === */
.product-box .pro-thumb,
.product-box .pro-thumb a,
.productList-box td.p_img,
.productList-box td.p_img a{
  aspect-ratio: auto !important;   /* °íÁ¤ ºñÀ² ÇØÁ¦ */
  height: auto !important;          /* À̹ÌÁö ³ôÀÌ¿¡ ¸ÂÃã */
  overflow: visible !important;
  background: transparent !important;  /* ȸ»ö ·¹Å͹ڽº Á¦°Å */
  display: block !important;
}

.product-box .pro-thumb img,
.product-box .pro-thumb a img,
.productList-box td.p_img a img,
.productList-box td .p_img a img{
  width: 100% !important;
  height: auto !important;          /* ¡Ú ÇÙ½É: ¼¼·Î ÀÚµ¿ */
  max-height: none !important;
  object-fit: contain !important;   /* Àüü º¸À̱â */
  object-position: 50% 50% !important;
  display: block !important;
  transform: none !important;       /* È®´ë/È£¹ö È¿°ú Á¦°Å(ÇÊ¿ä½Ã) */
}

/* Å×À̺íÀÌ ³»¿ëÆø¿¡ ²ø·Á Âî±×·¯ÁöÁö ¾Ê°Ô(¼±ÅÃ) */
.main-pro-table{ width:100% !important; table-layout: fixed !important; }
.main-pro-table td{ vertical-align: top !important; }

/* Ä«µåÇü ±×¸®µå°¡ ³Ê¹« ºÙÀ¸¸é °£°Ý¸¸ Á¶±Ý È®º¸(¼±ÅÃ) */
.product-List .product-box{ margin: 10px !important; }
:root{ --thumb-ratio: 2 / 3 !important; }  /* ¶Ç´Â 2/3 */
/* ===== ºÎµå·¯¿î È®´ë È£¹ö(¸Ç ¾Æ·¡ ºÙ¿©³Ö±â) ===== */

/* ÄÁÅ×À̳Ê: À߸²/µÕ±Ù¸ð¼­¸® ´ëÀÀ */
.product-box .pro-thumb,
.productList-box td.p_img a{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important; /* ¿øÇÏ¸é ¼ýÀÚ Á¶Àý */
}

/* ±âº» »óÅ */
.product-box .pro-thumb img,
.product-box .pro-thumb a img,
.productList-box td.p_img a img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1) translateZ(0) !important;
  backface-visibility: hidden !important;
  will-change: transform !important;
  transition:
    transform .55s cubic-bezier(.22,.61,.36,1),
    filter   .55s ease !important; /* »ö°¨ »ì¦ */
}

/* hover: ºÎµå·´°Ô È®´ë + äµµ/¹à±â ¾à°£ »ó½Â */
@media (hover:hover){
  .product-box .pro-thumb:hover img,
  .productList-box td.p_img a:hover img{
    transform: scale(1.06) translateZ(0) !important; /* 1.04~1.10·Î ÃëÇâ Á¶Àý */
    filter: saturate(1.15) brightness(1.05) !important;
  }
  /* Ä«µå¿¡ »ì¦ ±×¸²ÀÚ(¿É¼Ç) */
  .product-box .pro-thumb:hover,
  .productList-box td.p_img a:hover{
    box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
  }
}

/* Á¢±Ù¼º: ¸ð¼Ç ÃÖ¼ÒÈ­ ȯ°æ¿¡¼­ ¾Ö´Ï¸ÞÀÌ¼Ç ²û */
@media (prefers-reduced-motion: reduce){
  .product-box .pro-thumb img,
  .productList-box td.p_img a img{ transition: none !important; }
}