#container{max-width:1280px}
#contents{width:100%; margin:0 auto; padding:0; position: relative; box-sizing: border-box; background-color:#fff; padding:4rem; border-radius: 20px;}
#contents.nBox{background-color:transparent; padding:0px !important;}
#contents.pView{margin-top:80px;}

#pageTop{margin:0 auto; padding:120px 0 50px; font-size:0; line-height:0; text-align: center; position: relative;}
#pageTop>h3{font-weight:500; font-size:3.4rem; line-height:1; color: #333; position: relative;}
#pageTop>p{padding-top:12px; font-weight:400; font-size:22px; line-height:30px; color: #333;}

#pageTop .pageNavi{padding-top:12px; display:none;}
#pageTop .pageNavi>span{font-weight: 300; font-size:14px; line-height:1; color: #999; display:inline-block; vertical-align: top; position: relative;}
#pageTop .pageNavi>span+span{padding-left:20px;}
#pageTop .pageNavi>span.last{color: #333;}
#pageTop .pageNavi>span.home{width:13px; height:14px; margin-top:0px; background:url('/images/icon_home.gif') no-repeat left top; font-size:0; line-height:0;}

#pageTop .pageNavi>span+span:before,
#pageTop .pageNavi>span+span:after{content: ""; width: 7px; height: 7px; border-width:1px 0 0 1px; border-style:solid; border-color:#aaa; display: inline-block; position:absolute; left:14px; top:10px; box-sizing: border-box;}
#pageTop .pageNavi>span+span:after{opacity: 0;}
#pageTop .pageNavi>span+span:before{margin:-6px 0 0 -9px; transform:rotate(135deg);}


/* 서브모션 */
#sVisual:before{transition: all 2s ease-out; transform-origin: 50% 50%;}
#sVisual h2>*{transition: all 1s ease-out; transform-origin: 50% 50%;}

#pageTop,
#contents{transition: all .7s ease-out; transform-origin: 50% 50%;}

#sVisual:before{content: ""; background-color:rgba(0,0,0,0.9); position:absolute; left: 0; top:0px; right: 0; bottom:0px;}
#sVisual h2>*{opacity: 0; filter:blur(10px); -webkit-filter:blur(10px); transform:scale(1.2); -webkit-transform:scale(1.2);}
#pageTop{-webkit-transition-delay: .1s; transition-delay: .1s;}
#contents{-webkit-transition-delay: .2s; transition-delay: .2s;}

#pageTop,
#contents{opacity: 0; top:30px;}


#sVisual.open:before{background-color:rgba(0,0,0,0.1);}
#sVisual.open h2>*{opacity: 1; filter:blur(0px); -webkit-filter:blur(0px); transform:scale(1); -webkit-transform:scale(1);}

#pageTop.open,
#contents.open{opacity:1; top:0px;}
/* 서브모션 */



/* Password Style */
.memberArea{width:600px; margin:0 auto; background-color: #fff; border:1px solid #dcdcdc; font-size:0; line-height:0; box-sizing: border-box; border-radius:10px; overflow:hidden;}
.memberArea .txt{padding-bottom:25px; font-weight: 300; font-size:15px; line-height:1; color: #777; text-align: center;}
.memberArea .memTit{padding:30px 0 20px; text-align: center;}
.memberArea .memTit>dt{font-weight: 500; font-size:26px; line-height:1; color: #333;}
.memberArea .memTit>dd{padding-top:13px; font-size:18px; line-height:1.5; color: #333;}
.memberArea .memTit>dd>p{color: #666;}

.memberArea .fildBox{padding:0 35px;}
.memberArea .fildBox input[type=text],
.memberArea .fildBox input[type=password]{width:100%; height:55px; padding:0 20px; background-color:#ffff; border:1px solid #c7c7c7; font-size:18px; line-height:53px; color:#444754; box-sizing: border-box; display:block;}
.memberArea .fildBox input + input{margin-top:7px;}

.memberArea .findBtn{text-align: right;}
.memberArea .findBtn>span,
.memberArea .findBtn>a{font-weight: 300; font-size:14px; line-height:1; color: #6a777c; display:inline-block; vertical-align: top;}
.memberArea .btnArea>input[type=submit]{width:100%; height:55px; font-size:18px;}

.memberArea .txtBtn{margin-top:45px; padding:30px 38px; background-color: #f9f9f9;}
.memberArea .txtBtn>li{display: flex; justify-content: space-between;}
.memberArea .txtBtn>li+li{margin-top:5px;}
.memberArea .txtBtn>li>*{display:inline-block; vertical-align: top;}
.memberArea .txtBtn>li>span{font-size:16px; line-height:45px; color: #666;}
.memberArea .txtBtn>li>a{width:180px; background-color: #444; border:1px solid #444; font-size:16px; line-height:43px; color: #fff; text-align: center;}

.memberArea.find{width:890px; padding:50px 0;}
.memberArea.find .memTit{padding-top:0;}
.memberArea.find .inBox{width:50%; padding:0 20px; display:inline-block; vertical-align: top; box-sizing: border-box;}
.memberArea.find .inBox+.inBox{border-left:1px solid #d3d3d3;}
.memberArea.find .fildBox{padding:0 0px;}





.menu_category {
	width:100%;
    display: inline-block;
	margin-bottom:4rem;
}
.menu_category ul {
	display: flex; justify-content: start; flex-wrap: wrap;
	border-left:1px solid #e3e3e3;
}
.menu_category ul li {
	margin-top:-1px;
    width: 20%;
    background: #fff;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.menu_category ul li a{-webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;}
.menu_category ul li a:hover,
.menu_category ul li a.on {
    color: #fff;
    background-color: var(--point);
}
.menu_category ul li a.on:hover{
	opacity: 1;
}
.menu_category ul li a:hover{
	opacity: 0.5;
}
.menu_category ul li a {
    width: 100%;
    height: 4.8rem;
    display: block;
    font-size: 1.6rem;
    color: #888;
    background: #fff;
    line-height: 4.8rem;
    padding: 0 1.4rem;
	white-space: nowrap;
}




.brandCate{
    position:relative;
    z-index:10;
	margin-bottom:4rem;
}
.brandCate .box{
    /*padding:3rem 2rem 0;*/
	padding:1.4rem 0.7rem 0;
	border:1px solid #ede9e7;
}

.brandCate .box ul{
	display: flex; justify-content: start; flex-wrap: wrap;
}
.brandCate .box ul li{
	padding:0 0.7rem 1.4rem;
	width:calc(100% / 9);
}

.brandCate.brand .box{
    padding:15px 15px 15px;
}
.brandCate.brand .box ul li{
	padding:5px 5px 5px;
}

.brandCate .box ul li a{
    background:#fff;
    position:relative;
    display:block;
    width:100%;
    margin:0 auto;
    transition:all .3s;
    -webkit-transition:all .3s;
}
.brandCate .box ul li a .thumb{
    overflow:hidden
	width:100%;
	aspect-ratio: 5/2.1;
	border:1px solid #e2e2e2;
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center center;
    transition:all .3s;
    -webkit-transition:all .3s;
}

.brandCate .box ul li a .thumb:hover{
	border:1px solid var(--point);
}
.brandCate .box ul li a .thumb.active{
	border:2px solid var(--point);
}

.brandCate .box ul li a p{
    display:block;
    font-size:1.4rem;
    line-height:2rem;
    margin-top:0.8rem;
    text-align:center;
	overflow: hidden;
	text-overflow: ellipsis;
}



.productWrap{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
	margin-bottom: 8rem;
	width:100%;
}

.productWrap .imgArea{
	position:relative;
	width: calc(45% - 4rem);
	text-align:center;
	border:1px solid #cecece;
}

.productWrap .imgArea > img{
	max-width:100%;
}

.productWrap .imgArea .warranty{
	position:absolute;
	left:1rem;;
	bottom:1rem;
}

.productWrap .pDetail{
	max-width: 55%;
	width: 100%;
}
.p_tit{
	text-align:center;
	font-size:2.4rem;
	margin-bottom:4rem;
	font-weight:500;
}
.p_tit .thumbCon{
	font-size:1.7rem;
	color: #797979
}

.productWrap .pDetail > ul {width:100%;}
.productWrap .pDetail > ul > li {padding:8px 0 9px; border-bottom:1px dotted #b2b2b2; vertical-align: middle; }
.productWrap .pDetail > ul > li > em {display:inline-block; width:11rem; color:#111; font-size:1.5rem; padding-left:1rem; font-weight:500;}
.productWrap .pDetail > ul > li > span {position:relative; display:inline-block; color:#333; font-size:1.5rem;}
.productWrap .pDetail > ul > li.pc span{ color: var(--point)}
.productWrap .pDetail > ul > li.tel > span{ 	vertical-align: middle; }
.productWrap .pDetail > ul > li.tel > em{ vertical-align: middle; }
.productWrap .pDetail > ul > li.tel > span > i{
	vertical-align: baseline;
	font-size:2.4rem;
	font-weight:500;
	color:var(--point);
}




.productWrap .btns > span > img{
	height:4rem; margin-right:10px;
}
.productWrap .btns a{
	height:4rem; padding:0 1.5rem; background-color:var(--point); font-weight: 400; font-size:1.6rem; line-height:3.8rem; color:#fff; vertical-align:middle; display:inline-block;
}

.p_Content{}
.p_Content .tit{}
.p_Content > div{margin-top:2rem; text-align:center;}

.p_Content > div img{max-width:100%}
.p_Content .warrantyIMG{margin-bottom:2rem;}


.press-list{width:100%; font-size:0; line-height:0;}
.press-list ul.list{margin:-1.5rem 0 0 -2%;}
.press-list ul.list>li{width:calc(100% / 4); padding:1.5rem 0 0 2%; display:inline-block; vertical-align: top;}
.press-list ul.list .in-box{width:100%;  overflow:hidden; display:block;}
.press-list ul.list .in-box .thumb{width:100%; border-radius:2rem; overflow:hidden; position: relative; aspect-ratio: 3/2; border:1px solid #d9d9d9}
.press-list.card ul.list .in-box .thumb{aspect-ratio: 4/2;}
.press-list ul.list .in-box .thumb img{width:100%; height:100%; object-fit:cover; object-position: center center;}

.press-list ul.list .in-box .text-box{width:100%; padding:1rem 0; text-align: left;}
.press-list ul.list .in-box .text-box .title{height:2.4rem; font-weight: 400; font-size:1.6rem; line-height:2.4rem; color: #2f3247; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.press-list ul.list .in-box .text-box .txt{font-size:1.4rem; line-height:2.1rem; color: #808187;}
.press-list ul.list .in-box .text-box .etc{margin-top:0.5rem;}
.press-list ul.list .in-box .text-box .etc>span{margin-right:3.3rem; display:inline-block; vertical-align: top; position: relative;}
.press-list ul.list .in-box .text-box .etc>span+span:before{content: ""; width: 1px; height: 1rem; background-color: #bababa; display: inline-block; position:absolute; left: -1.7rem; top:50%; transform: translateY(-50%);}

.discount em{color:#d6854a !important; font-size:1.7rem !important;}
.discount span{color:#d6854a !important; font-size:1.7rem !important;}



.periodBtn{display: flex; justify-content: flex-start; flex-wrap: nowrap; width:100%; margin-top:1rem;}
.periodBtn button {width:100%; max-width:150px; margin-right:1rem; border-radius: 6px; animation-name: fadeIn; animation-duration: 1.5s; font-size:1.5rem;}
.periodBtn button:last-child{margin-right:0;}
.periodBtn button, .periodBtn button:hover {background: #fff; border: 1px #ccc solid; color: #666666 !important; -webkit-transition: all 0.3s; }
.periodBtn button:hover{background-color: var(--point) !important;}
.periodBtn button:hover a{background-color: var(--point) !important; color:#fff;}
.periodBtn button:hover p{color:#fff;}
.periodBtn .on, .periodBtn .on:hover {border: 1px #4473A0; solid: ; color: #fff !important; background: #457daf; border-color: #457daf; animation-name: fadeIn; animation-duration: 1.5s; }
.periodBtn button a { width:100%; color: #333; background-color: #eeeeee; border-radius: 6px 6px 0px 0px; border-bottom: 1px solid #eeeeee; float: left; line-height: 25px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; -webkit-transition: all 0.3s; }
.periodBtn .on a {background-color: #457daf !important; color: #fff !important; }
.periodBtn .on:hover a{background-color: #457daf !important;}
.periodBtn button p {width: 100%; color: #0074d7; line-height: 25px; font-weight: bold; padding-top: 5px; padding-bottom: 10px; -webkit-transition: all 0.3s; }
.periodBtn .on p {background-color: #457daf; border-radius: 6px 6px 6px 6px; color: #fff !important; }

.goods_retalsa_table{width:100%; margin-top:1rem; border-top:1px solid #000}
.goods_retalsa_table>div{display:flex; width:100%; background-color:#eee; align-items: center;}
.goods_retalsa_table>div>span{display:inline-block; width:100%; font-size: 1.4rem; padding:1rem 0; text-align:center; font-weight:600}
.goods_retalsa_table>div.body{background-color:#fff; border-bottom:1px solid #bdbdbd}
.goods_retalsa_table>div.body>span{font-weight:400}
.goods_retalsa_table>div>span.logo img{max-width:100px; max-height:40px;}
.goods_retalsa_table>div>span.com{max-width:120px;}
.goods_retalsa_table>div>span.card{max-width:120px;}

.goods_retalsa_table>div>span .sale{color:#0074d7}


.btCard { border: 1px #eee solid; background: url(/images/ico_card.png) no-repeat 10% 50% #FFF !important; color: #000 !important; padding: 5px !important; text-align: center; cursor:pointer;}
.btCard { text-indent: 25px; font-size: 1.2rem; font-weight: 400; letter-spacing: -1px; box-shadow: 1px 1px 0px #d4d4d4; word-break: keep-all; }











@media only screen and (max-width : 1480px){
	#container { padding-left: 1.5rem; padding-right: 1.5rem;}
}

@media only screen and (max-width : 1200px){
}

@media only screen and (max-width : 1024px){
	#container {
		padding: 22rem 2rem 5rem;
	}
	#contents { padding:3rem !important;}
	#contents.pView{margin-top:-8rem;}

	.press-list ul.list>li{width:calc(100% / 3); padding:1.5rem 0 0 2%;}
	#header .hd_top{border-bottom:0;}
	#pageTop {
		position: fixed;
		top: 11.9rem !important;
		left: 0;
		width: 100%;
		z-index: 999;
		background-color: #fff;
		border-bottom: 1px solid #000;
		padding: 2rem 0;
		transition-delay: 0;
		opacity:100;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		-ms-transition: all .2s linear;
		transition: all .2s linear;
		-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);
		box-shadow:0 2px 8px rgba(0,0,0,.1)
	}
	#pageTop.scrolled{top: 7.9rem !important;}
	#pageTop h3{ font-size:2rem;}

	.brandCate .box {
		padding: 1.5rem 1rem 0;
	}
	.brandCate .box ul li {
		padding: 0 0.5rem 1.5rem;
		width: calc(100% / 7);
	}
}

@media only screen and (max-width : 840px){
	#contents { padding:2rem !important;}
	#contents.pView{margin-top:-7rem;}
	#pageTop {
		top: 12.8rem !important;
	}

	.menu_category {
		margin-bottom: 2rem;
	}
	.menu_category{overflow:auto;}
	.menu_category ul{flex-wrap: nowrap;}
	.menu_category ul li{margin-top:0; width:auto; flex:1;}
	.menu_category ul li a{padding:0 1.8rem;}

	.brandCate {
		margin-bottom: 2rem;
	}

	.brandCate .box {
		padding: 1rem 0.5rem 0;
	}
	.brandCate .box ul li {
		padding: 0 0.5rem 1rem;
		width: calc(100% / 4);
	}
	.brandCate .box ul li a p {
		display: none;
	}

	.press-list ul.list>li{width:calc(100% / 2); padding:1.5rem 0 0 2%;}

	.pView .p_tit { margin-bottom: 2rem; }
	.productWrap { display: block; }
	.productWrap .imgArea { width: 100%; }
	.productWrap .pDetail { margin-top:2rem; max-width: 100%; }
}