/* BASIC css start */
@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0;}
a {font-size:12px; color:#333; text-decoration:none;}

li {list-style:none;}
img {vertical-align:top;}

/*리뉴얼 시작*/

.container_main{
    width:1360px;
    margin:0 auto;
    position:relative;
    font-family: 'Noto Sans KR', sans-serif;
}

/*카테고리별 상품 찾기-시작=============================*/
.iconmenu_wrap{width:100%;}
.iconmenu{
    width: 1300px;
    height: 243px;
    margin: 0 auto;
    padding: 50px  0 100px 0;
    border-bottom: 4px #e2e2e2 double;
    padding-bottom: 50px;}
.iconttl{
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    margin-bottom:40px;
    font-weight: 700;
    color: #333;
    letter-spacing:-1px;
}
.iconmenu ul{width:1308px;height:163px;}
.iconmenu ul li{
    width: 130px;
    height:163px;
    display: inline-block;
    margin: 0 17px;
}
.iconmenu ul li:first-of-type{margin-left:0px;}
/*.iconmenu ul li:first-of-type span.iconimg{background:#555;}*/
.iconmenu ul li:last-of-type{margin-right:0px;}
.iconmenu ul li a{
text-decoration: none;
display: block;
}
.iconmenu ul li span.iconimg{
display: block;
    width: 130px;
    height: 130px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0;
    background: #f7f7f7;
    border-radius: 50%;
    border: 1px solid #f7f7f7;
    transition: box-shadow .25s ease,border .25s ease;
    box-sizing: border-box;
    text-align:center;
}
.iconmenu ul li span.iconimg:hover{}
.iconmenu ul li span.txt {
    text-align: center;
    color: #000;
    display: block;
    padding: 0;
    font-size: 18px;
    margin-top: 10px;
    }
/*카테고리별 상품 찾기-끝=================================*/



/*MD추천상품==================================================*/
/*타이틀*/
.new_ttl {
    width:300px;
    margin:0 auto;
    text-align: center;    
    margin-top: 100px;
    font-size: 35px;
    font-weight: 700;
    color: #333;
}
/*common.css*/

#tabmenu_new{  /* 전체선택자 */
	margin:0;
	padding:0;	
}
#tabmenu_new li{list-style:none;}   /*목록에 점 없애기 */
#tabmenu_new a{text-decoration:none;}  /* 하이퍼링크 밑줄없앰 */

#tabmenu_new {
	font-size:12px;
	font-weight:100; /* IE8 이하버전 대응 */
	font-family:'Nanum Gothic', sans-serif;
}
#tabmenu_new img{
	vertical-align:top;
	font-size:0;
	border:0; /* 이미지 링크시 기본적으로 나타나는 테두리 제거 */
        width:417px; /*이미지 가로*/
}
#tabmenu_new table{border-collapse:collapse;} /* 칸사이의 기본 여백 제거 및 중첩 테두리 상쇄 효과 */
#tabmenu_new input,select{vertical-align:middle;} /*세로정렬 가운데 */


#tabmenu_new .clear:after{    /* 자식이 모두 float 을 사용할때 부모가 높이를 갖게하기 위함 */
	content:"";
	display:block;
	clear:both;
	*zoom:1;  /* IE8 이하버전 대응 */
}
#tabmenu_new .indent{     /* 글자 안보이게 밀어놓기 */
	display:block;
	text-indent:-9999px;
}
#tabmenu_new .hidden{display:none;}

/*탭메뉴 틀*/
#tabmenu_new{
	width:1337px; 
	height:613px;
    margin:0 auto;
}
#tabmenu_new .tab_new{
    width: 647px;
    height:50px;
    margin: 20px auto;
    }
#tabmenu_new .tab_new li{
	padding:0 37px;
	float:left;
}
#tabmenu_new .tab_new li a{
    line-height: 25px;
	color:#4d4d4d;
    opacity:0.5;
	display:block;
	background:#fff;
	font-size: 20px;
	text-align:center;
    line-height:28px;
	font-weight:bold;	
}
#tabmenu_new .tab_new li a.selected{  /*현재 선택된 탭메뉴
						-----이부분중요~*/
    opacity:1;
}

#tabmenu_new .panel_new{
	clear:both;  /*float문제해결*/
	/*background:#009ac8;*/
	padding:0px;
	color:#fff;
	font-size:14px;
	line-height:25px;
}


/*탭 메뉴 클릭시 바뀌는 내용부분*/


#tabmenu_new .banner_new1,
#tabmenu_new .banner_new2,
#tabmenu_new .banner_new3,
#tabmenu_new .banner_new4,
#tabmenu_new .banner_new5{ /*배너전체영역*/
	position:relative;
	width:1335px;/*보이는폭+ 50 (좌우 화살표공간 25씩)*/
	height:521px;
	/*background:yellow;*/
}

#tabmenu_new .banner_new1 .ban_new1,
#tabmenu_new .banner_new2 .ban_new2,
#tabmenu_new .banner_new3 .ban_new3,
#tabmenu_new .banner_new4 .ban_new4,
#tabmenu_new .banner_new5 .ban_new5{ /*슬라이드영역*/
	width: 1285px; /*보여주는 폭을 줄이고자 할때 가로폭을 맞춰서 줄여줌*/
	height:521px;
	overflow:hidden;
	padding-top:15px;
	margin-left:25px;
	/*background:orange;*/
}

#tabmenu_new .banner_new1 .ban_new1 ul,
#tabmenu_new .banner_new2 .ban_new2 ul,
#tabmenu_new .banner_new3 .ban_new3 ul,
#tabmenu_new .banner_new4 .ban_new4 ul,
#tabmenu_new .banner_new5 .ban_new5 ul{
	width:3472px; /*총길이=(417+17)x8*/
	position:relative;
	left:-434px;/*417+17*/
	/*html의 이미지목록에서 끊기지 않고 이어지는 이미지를 위해서 맨 마지막 이미지를 맨 앞에 두었지만 
	실행화면에 보이는 이미지는 첫번째 이미지어야 하므로
	맨 마지막 이미지를 맨 앞에 넣어둔 것을 다시 왼쪽으로(left:-255px)밀어둠 */
}

#tabmenu_new .banner_new1 .ban_new1 ul li,
#tabmenu_new .banner_new2 .ban_new2 ul li,
#tabmenu_new .banner_new3 .ban_new3 ul li,
#tabmenu_new .banner_new4 .ban_new4 ul li,
#tabmenu_new .banner_new5 .ban_new5 ul li{
	float:left;
	margin-right:17px;
	width:417px;   /*이미지가로크기*/
	height:521px;  /*이미지세로크기*/
	/*border-bottom:2px solid #333;*/
}

#tabmenu_new .banner_new1 .ban_new1 ul li:hover{border-color:#cc0000;}
#tabmenu_new .banner_new2 .ban_new2 ul li:hover{border-color:#cc0000;}
#tabmenu_new .banner_new3 .ban_new3 ul li:hover{border-color:#cc0000;}
#tabmenu_new .banner_new4 .ban_new4 ul li:hover{border-color:#cc0000;}
#tabmenu_new .banner_new5 .ban_new5 ul li:hover{border-color:#cc0000;}


/*좌우버튼*/
#tabmenu_new .ban_left_new1,
#tabmenu_new .ban_left_new2,
#tabmenu_new .ban_left_new3,
#tabmenu_new .ban_left_new4,
#tabmenu_new .ban_left_new5{
	position:absolute;
	top:254px;
	left:0px;
	cursor:pointer;
}
#tabmenu_new .ban_right_new1,
#tabmenu_new .ban_right_new2,
#tabmenu_new .ban_right_new3,
#tabmenu_new .ban_right_new4,
#tabmenu_new .ban_right_new5{
	position:absolute;
	top:254px;
	right:0px;
	cursor:pointer;
}
#tabmenu_new .ban_btn_new1 span,
#tabmenu_new .ban_btn_new2 span,
#tabmenu_new .ban_btn_new3 span,
#tabmenu_new .ban_btn_new4 span,
#tabmenu_new .ban_btn_new5 span{
	display:inline-block;
	width:17px;
	height:27px;
}
#tabmenu_new .ban_btn_new1 .ban_left_new1,
#tabmenu_new .ban_btn_new2 .ban_left_new2,
#tabmenu_new .ban_btn_new3 .ban_left_new3,
#tabmenu_new .ban_btn_new4 .ban_left_new4,
#tabmenu_new .ban_btn_new5 .ban_left_new5{background:url(https://ijun76.godohosting.com/html/images/homepage/2021/main-event-left_02.png) no-repeat;}
#tabmenu_new .ban_btn_new1 .ban_right_new1,
#tabmenu_new .ban_btn_new2 .ban_right_new2,
#tabmenu_new .ban_btn_new3 .ban_right_new3,
#tabmenu_new .ban_btn_new4 .ban_right_new4,
#tabmenu_new .ban_btn_new5 .ban_right_new5{background:url(https://ijun76.godohosting.com/html/images/homepage/2021/main-event-right_02.png) no-repeat;}
#tabmenu_new .ban_btn_new1 .ban_left_new1,
#tabmenu_new .ban_btn_new2 .ban_left_new2,
#tabmenu_new .ban_btn_new3 .ban_left_new3,
#tabmenu_new .ban_btn_new4 .ban_left_new4,
#tabmenu_new .ban_btn_new5 .ban_left_new5{background:url(https://ijun76.godohosting.com/html/images/homepage/2021/main-event-left_01.png) no-repeat;}
#tabmenu_new .ban_btn_new1 .ban_right_new1,
#tabmenu_new .ban_btn_new2 .ban_right_new2,
#tabmenu_new .ban_btn_new3 .ban_right_new3,
#tabmenu_new .ban_btn_new4 .ban_right_new4,
#tabmenu_new .ban_btn_new5 .ban_right_new5{background:url(https://ijun76.godohosting.com/html/images/homepage/2021/main-event-right_01.png) no-repeat;}

/* MD추천상품 끝==================================================*/

/*리뉴얼 끝*/

/*메인배너(신)======================================================*/

/* 플러그인 삽입(swiper.js/swiper.css)  */
.mobile{display:none;}
.gallery2 { /* 갤러리 전체영역 설정 */
    overflow:hidden; 
    position:relative; 
    margin:0 auto; 
    width:100%; 
    /*height:630px; */
} 
.swiper-wrapper .swiper-slide img{  /*가변이미지*/
    width:100%; 
    max-width:100%;
    cursor:pointer;
}
/* 하단버튼 */
.gallery2 .nav2 { 
    /*width:100%;*/
    position: absolute; 
    left:46%; 
    bottom:30px; 
    text-align: center;  
    z-index: 10; 
} 
.gallery2 .nav2 .swiper-pagination-bullet { /* 버튼모양설정 */
    background-color:#222; 
    opacity:0.4; 
    width:13px; 
    height:13px; 
    margin-left:8px; 
    border-radius:50%; 
} 
.gallery2 .nav2 .swiper-pagination-bullet-active{  /* 메뉴on 설정(현재위치활성화) */
    opacity:1 !important;
    background:#fff !important;/*★하단버튼 오버시 색상*/
} 
/* 좌우버튼 */
.gallery2 .swiper-button-prev2, 
.gallery2 .swiper-button-next2 { 
    position:absolute; 
    top:50%; 
    width:65px; 
    height:105px; 
    margin-top:-22px; 
    z-index:10; 
    cursor:pointer; 
    background-size:cover; 
}
.gallery2 .swiper-button-prev2 { left:50px; /* background:url(); */ } /* 이전버튼 */
.gallery2 .swiper-button-next2 { right:50px; /* background:url(); */ } /* 다음버튼 */
.gallery2 .swiper-button-prev2{
background:url(https://ijun76.godohosting.com/html/images/homepage/2021/test/prev2nnnnn.png);
}
.gallery2 .swiper-button-next2{
background:url(https://ijun76.godohosting.com/html/images/homepage/2021/test/next2nnnnn.png);
}
/* 플러그인 끝남(swiper.js/swiper.css)*/

/* 메인배너(구)시작 (신형이랑엉켜있으니 삭제금지)====================================*/
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
.swiper-pagination-bullet-active {background:#e2e2e2 !important;}
#container.main .items-wrap .items[data-type=tile],
#container.main .items-wrap .items[data-type=horizontal] { margin-top: 0px; }
#container.main .items-wrap .items[data-type=horizontal] .price img { vertical-align: -1px; }
#container.main .items-wrap .items[data-type=vertical] li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li .tit img { vertical-align: -1px; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner { overflow:hidden; display:box; display:-webkit-box; display:-moz-box; box-orient: horizontal;    -webkit-box-orient: horizontal;    -moz-box-orient: horizontal;    clear: both;}
.main .topBanner .topBanner_inner { box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; position:relative; margin:2px;  box-sizing:border-box; text-align:center;}
.main .topBanner .topBanner_inner a{}
.main .topBanner img {width:100%; vertical-align:top; clear:both; border:1px solid #ddd;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}
.Topbanner{margin-top:40px; margin-bottom:40px;}
.swiper-slide a img{display:inline-block;width:100%;}
/* 메인배너 (구)끝(신형이랑엉켜있으니 삭제금지)====================================*/

/*구매,설치가이드 & NOTICE & 사은품 시작====================================*/
ul.grey_btn {
    width: 1300px;
    height: 292px;
    margin: 0 auto;
    padding: 0 55px;
    margin-top: 80px;
    box-sizing: border-box;
    border-bottom: 4px #e2e2e2 double;
    padding-bottom: 70px;
}
ul.grey_btn:after{content:""; clear:both; }
ul.grey_btn>li{float:left;}
ul.grey_btn>li>a{display:inline-block;}
ul.grey_btn>li>a>img{display:inline-block;}
ul.grey_btn>li.gbtn1{margin-right:16px;}

ul.grey_btn>li>ul
ul.grey_btn>li>ul>li:first-child{
    display:inline-block;
    width:614px;
    height:140px;
}
ul.grey_btn>li>ul>li:last-child{
    display:inline-block;
    width:614px;
    height:74px;
    padding-top:5px;
}
ul.grey_btn>li>ul>li div#board_area{
    box-sizing:border-box;
    margin-bottom:5px;
    display:inline-block;
    width:614px;
    height:140px;
}
div#board_area>p {
    width: 550px;
    display: inline-block;
    font-size: 25px;
    /* letter-spacing: 0.5px; */
    color: #333;
    font-weight: bold;
    /* padding: 5px; */
    border-bottom: 1px solid #e2e2e2;
    height: 35px;
    box-sizing: border-box;
}
div#board_area>span{
    display:inline-block;
    width:62px;
    height:32px;
    margin-bottom:1px;
    box-sizing:border-box;
    border-bottom:1px solid #e2e2e2;
    text-align:right;
    font-size:20px;
    color:#999;
    margin: 2px 0;
}
div#board_area>span a{
    display:inline-block;
    text-align:right;
    height:35px;
    line-height:35px;
    font-size:20px;
    color:#999;
    font-weight: normal;
}
ul.grey_btn>li>ul>li ul{
    overflow:hidden;
}
ul.grey_btn>li>ul>li ul>li{
    display:block;
    width:614px;
    border-bottom:1px solid #e2e2e2;
    font-size:13px;
    color:#666;
}
ul.grey_btn>li>ul{
    margin:0px;
    padding:0px;
}
div.board_area>div{
    margin:0px;
}
ul.grey_btn>li>ul>li ul>li>div>div{
    margin:0px;
    padding:0px;
}
ul.grey_btn>li>ul>li ul>li a{
    display:inline-block;
    font-size:16px;
    color:#666;
    height:35px;
    line-height:35px;
    box-sizing:border-box;
}
/*구매,설치가이드 & NOTICE & 사은품 끝============================*/





/*베스트 시작==================================================*/

.best_ttl {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    color: #333;
    margin-bottom:35px;
    margin-top:100px;
}
.best_ttl img{display:inline-block;width:28%;}

/*탭메뉴 css--*/
#tabmenuu{
    width:100%;
    margin:0px auto;
    overflow:hidden;
    margin-bottom:45px;
}
.tabb {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 11px;
    width: 536px;
}
.tabb>li {
    float: left;
    position: relative;
    list-style-type: none;
    text-align: center;
    word-break: break-all;
}
.tabb>li:first-of-type{margin-left:0px;}
.tabb>li>a{
    display:block;
    text-align:center;
    color: #aeaeae;
    font-weight: 400;
    font-size: 20px;
    margin-bottom:25px;
    padding:0 37px 10px 37px;
    border-bottom:4px solid #fff;
}
/*현재 선택된 탭메뉴*/
.tabb>li>a.selecteddd {
    border-bottom: 4px solid #a58e80;
    color: #a58e80;
    font-weight: bold;
}
.panell {
    width: 1300px; /*1296px*/
    margin: 0 auto;
    box-sizing: border-box;
    clear: both;
    position: relative;
}

/*탭메뉴-클릭시 바뀌는 하단 컨텐츠*/

.panell>li>ul {
    width: 312px;
    height: 525px;
    margin-right: 13px;
    display: inline-block;
}
.panell>li>ul:last-of-type{
    margin-right:0px;
}
.panell>li>ul>li{
    height:;
display: block;
width: 100%;
}
.panell>li>ul>li>a> {
display: block;
width: 100%;
}
.panell>li>ul>li>a>img {
display: block;
width: 100%;
}
.panell>li>ul>li:nth-of-type(1)>a>img {
display: block;
width: 100%;
padding-bottom:5px;
}
.panell>li>ul>li:nth-of-type(2)>a>img{
    padding: 15px 0;
}
.panell>li>ul>li:nth-of-type(3){
    padding-bottom:15px;
    border-bottom: 1px solid #ededed;
}
.panell>li>ul>li:nth-of-type(4){
    padding:30px 0;
}
.panell>li>ul>li:nth-of-type(4)>a{
    height:20px;
    line-height:20px;
}
.panell>li>ul>li:nth-of-type(4)>a>span:nth-of-type(1){
    display:inline-block;
    height:20px;
    line-height:20px;
    font-size:16px;
    padding-right:16px;
    color:#242424;
}
.panell>li>ul>li:nth-of-type(4)>a>span:nth-of-type(2){
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 1;
    font-size: 16px;
    border: 1px solid #b7b7b7;
    border-radius: 50%;
    color: #999;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    font-weight: bolder;
}

/*//베스트 끝==================================================*/

/*띠배너 공통스타일===============================*/
.line_bn{
    width: 1360px;
    text-align: center;
    margin: 0 auto;
}
.line_bn>a{
    width:100%;
    max-width: 100%;
    display:block;
}
.line_bn>a>img{
    width:100%;
    max-width: 100%;
}
/*//띠배너 공통스타일 끝 ===============================*/

/*라인배너-1======================================*/
.line_bn1 {
    margin: 100px auto;
}
/*라인배너-1 끝======================================*/

/*커튼,침구 상단 슬라이드======================================*/
/*타이틀*/
.new_item_ttl {
    width: 1360px;
    padding-top: 0px!important;
    margin: 0 auto;
    margin-bottom: 35px;
    position: relative;
}
.sliding_product_title {/*타이틀 공통 스타일*/
    color: #101010;
    font-weight: 600;
    font-size: 40px;
    text-align: center;
}
.slide_ttl{
    width: 1360px;
    padding-top: 0px!important;
    margin: 0 auto;
    font-size: 30px !important;
    font-weight: 700;
    color: #333;
    margin-bottom: 35px;
    position: relative;
}
.slide_ttl>a {
    font-size: 21px;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 15px;
}
.new_item_ttl a {
    font-size: 21px;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 15px;
}
/*타이틀 끝*/
.cur_banner_wrap,.bed_banner_wrap{ /*배너전체부모1-배경색*/
    width:100%;
    background: #f5f5f5;
    padding:60px 0;
    margin-bottom:20px;
}
.cur_banner,.bed_banner{  /*배너전체부모2*/
    position:relative;
    width:1460px;
    margin:0 auto;
    height:422px;
    /*background:yellow;*/   
}

.cur_banner .cur_ban
,.bed_banner .bed_ban{   /*슬라이드영역*/
    width:1360px; /*보여주는 폭(배너전체영역에서 좌우로 화살표50px씩 뺌)*/
    height:419px; /* 419로 맞춰줘야 침구 세로이미지 뒤에 간섭보이지 않음 */
    overflow:hidden;
    margin-left:50px; /*왼쪽 버튼 자리*/    
    
    /*padding-top:35px; 
    background:orange;*/ 
}

.cur_banner .cur_ban ul
,.bed_banner .bed_ban ul{
    width:2760px;  /* 총길이=(이미지가로+여백간격)*갯수 +10px */
    position:relative;
    left:-690px;  /*- (이미지가로+이미지간격)*/
    /*html의 이미지목록에서 끊기지 않고 이어지는 이미지를 위해서 맨 마지막 이미지를 맨 앞에 두었지만,
    실행화면에 보이는 이미지는 첫번째 이미지어야 하므로, 
    맨 마지막 이미지를 맨앞에 넣어둔것을 다시 왼쪽으로(left:-255px) 밀어둠 */
    
    list-style-type:none;
}
.cur_banner .cur_ban ul li
,.bed_banner .bed_ban ul li{
    float:left;
    margin-right:20px;/*이미지 간 간격*/
    width:670px;   /*이미지가로크기*/
    height:422px;  /*이미지세로크기*/
}
.cur_banner .cur_ban ul li a img
,.bed_banner .bed_ban ul li a img{
    width:670px;   /*이미지가로크기*/
    height:422px;  /*이미지세로크기*/
    opacity:1;
}
.cur_banner ul li:hover a img
,.bed_banner ul li:hover a img{opacity:0.7;}/*마우스 오버시*/

/*좌우버튼*/
.cur_ban_left
,.bed_ban_left{
    position:absolute;
    top:200px;
    left:15px;
    cursor:pointer;
}
.cur_ban_right
,.bed_ban_right{
    position: absolute;
    top: 190px;
    right: 10px;
    cursor: pointer;
}
.cur_ban_btn span
,.bed_ban_btn span{
    display: inline-block;
    width: 20px;
    height: 63px;  
}
.cur_ban_btn .cur_ban_left
,.bed_ban_btn .bed_ban_left{
    background: url(https://ijun76.godohosting.com/html/images/homepage/2021/test/event-right-n.png) no-repeat;
    background-size: contain;}
.cur_ban_btn .cur_ban_right
,.bed_ban_btn .bed_ban_right{
    background: url(https://ijun76.godohosting.com/html/images/homepage/2021/test/event-left-n.png) no-repeat;
    background-size: contain;
    }

/*common*/
.indent{     /* 글자 안보이게 밀어놓기 */
    display:block;
    text-indent:-9999px;
}

a{text-decoration:none;}
.clear:after{    /* 자식이 모두 float 을 사용할때 부모가 높이를 갖게하기 위함 */
    content:"";
    display:block;
    clear:both;
}
div.cur_ban ul,div.bed_ban ul{ 
    margin:0;
    padding:0;  
}

/* 커튼 상단 슬라이드 끝======================================*/

/*커튼,침구 진열부분========================================*/
.title .prd-list .dsc{width:311px;}
/*커튼,침구 진열부분 끝========================================*/

/*라인배너-2======================================*/
.line_bn2 {
    margin: 100px auto;
}
/*라인배너-2 끝======================================*/




/*   //트렌드 키워드 시작==================================*/
#trend_wrap {
    width: 1360px;
    height: 650px;
    padding: 50px 0 80px 0;
    margin: 0 auto;
    position: relative;
}
li{list-style-type:none;}
.trend_ttl{
    width:1360px;
    margin: 0 auto;
    text-align:left;
}
.trend_ttl h1{
    font-size:30px;
    margin-bottom:30px;
    color:#101010;
}
.trend_ttl h4{
    font-size:18px;
    font-weight:600;
    color:#003148;
}
#gallery{
    width:1360px;
    height:470px;
    margin:0 auto;
    /*background:pink;*/
    position:relative;
}
.largeImg li{
    display:none;
    position:absolute;
    top:130px;
    left:0px;
}
.largeImg li:first-child{display:block;}

.thumbs{
    position:absolute;
    top:60px;
    left:5px;
    padding:0px;
}
.thumbs li{
    float:left;
    margin-right:10px;
    opacity:0.3;
}
.thumbs li:last-of-type{margin-right:0px;}

/*클릭버튼*/
.thumbs li a{
    font-size: 15px;
    padding:15px 17px;
    color:#003148;
    border:1px solid #003148;
    border-radius:2px;
}
/*클릭버튼-선택됨*/
.thumbs li:first-child{
    opacity:1;}

.left_btn{
    position:absolute;
    left:-44px;
    top:250px;
}
.right_btn{
    position:absolute;
    right:-44px;
    top:250px;
}
/*   //트렌드 키워드 끝==================================*/


/*형상기억커튼 수정후===*/
.remember_Wrap{
    width:1360px;
    margin:0 auto;
    margin-top:100px;
}
.remember2 {
    position: relative;
    height: 800px;
    overflow: hidden;
    margin: 40px auto;
}
.remember2 iframe {
    width: 670px;
    height: 376px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 250px;
    left: 345px;
    z-index: 1;
}
.remember2_ttl1{
    z-index: 1;
    position: absolute;
    top: 77px;
    text-align: center;
    font-size: 25px;
    color: #222;
    width: 138px;
    margin: 0 auto;
    margin-left: -69px;
    left: 50%;
    line-height: 1.3;
}
.remember2_ttl2{
    z-index: 1;
    position: absolute;
    top: 120px;
    text-align: center;
    font-size: 35px;
    color: #222;
    font-weight: 700;
    width: px;
    margin-left: -187px;
    left: 50%;
    line-height: 1.3;
}
a.remember_main_btn2 {
    position: absolute;
    top: 650px;
    left: 30%;
    background: #DBB6B2;
    width: 40%;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    color: #333;
    padding: 15px 0px;
    border-radius: 5px;
    z-index: 1;
}



/*형상기억 끝=================================*/



/*키즈진열 상단 타이틀*/
.kid_ttl-new{color:#555;text-align:center;font-size: 34px;font-weight: 700;padding-bottom:60px;}


.zUp{ opacity:1 !important;}
.zUp a{opacity:1 !important; z-index:12;}





#conTWrap{width: 100%; position: relative; margin:0 auto; padding: 0;}



.container{
    width:1190px;
    margin:auto;
    position:relative;
}

.container .md_recommend{
    width:502px;  height:308px;
    position: absolute;
    top:0;  right:0;
    background-color:gray;
}



.container .md_recommend .md_product01{
    
}

.container .md_recommend .md_product01 a{cursor:pointer;}

.container .highQuality{
    width:678px;  height:187px;
    position:absolute;
    bottom:0px;
    left:0;
}

.container .guide{
    width:501px;  height:333px;
    position:absolute;  bottom:0px;
    right:0px;
}

.container .guide li{  position:absolute;    }

.sos1{bottom:197px;right:395px;}
.sos2{bottom:197px;right:227px;}
.sos3{bottom:197px;right:60px;}
.sos4{bottom:43px;right:395px;}
.sos5{bottom:43px;right:227px;}
.sos6{bottom:43px;right:60px;}

.container .md_product_line{
    background:url(http://ijun76.godohosting.com/html/images/c/md_product_line.jpg);
    width:502px;
    height:5px;
    position:absolute;
    right:0;
    bottom:328px;
}







/* fade start */
.multiBnr {position:absolute; left:0; top:295px; width:678px; height:446px;}
.slidearea {position:relative; width:678px; height:420px; padding-bottom:26px; background:url("http://ijun76.godohosting.com/html/images/c/slide_bg.png") left bottom repeat-x;}
.slidearea .slidesjs-container {width:678px; height:420px;}
.slidearea .slidesjs-control {width:678px; height:420px;}
.slidearea .slidesjs-slide {width:678px; height:420px;}
.slidearea .slidesjs-navigation {text-indent:-999em; overflow:hidden; position:absolute; bottom:0; right:0; width:46px; height:26px; background-position:right top; background-repeat:no-repeat;}
.slidearea .slidesjs-navigation:hover {background-position:right -26px;}
.slidearea .slidesjs-stop {background-image:url("http://ijun76.godohosting.com/html/images/c/pause.png");}
.slidearea .slidesjs-play {background-image:url("http://ijun76.godohosting.com/html/images/c/play.png");}
.slidearea .slidesjs-pagination {position:absolute; bottom:0; right:46px; overflow:hidden; height:26px;}
.slidearea .slidesjs-pagination li {float:left; width:46px; height:26px;}
.slidearea .slidesjs-pagination li a {display:block; width:46px; height:26px; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; background-image:url("http://ijun76.godohosting.com/html/images/c/slide.png");}
.slidearea .slidesjs-pagination li a:hover {background-image:url("http://ijun76.godohosting.com/html/images/c/slide_over.png");}
.slidearea .slidesjs-pagination li a.active {background-image:url("http://ijun76.godohosting.com/html/images/c/slide_on.png");}

.slidearea .slidesjs-pagination .multi00 a {background-position:left top;}
.slidearea .slidesjs-pagination .multi01 a {background-position:-46px top;}
.slidearea .slidesjs-pagination .multi02 a {background-position:-92px top;}
.slidearea .slidesjs-pagination .multi03 a {background-position:-138px top;}
.slidearea .slidesjs-pagination .multi04 a {background-position:-184px top;}
.slidearea .slidesjs-pagination .multi05 a {background-position:-230px top;}
.slidearea .slidesjs-pagination .multi06 a {background-position:-276px top;}
/* fade end */





.thumb{
    width:100%;
}

.thumb .title{
    width:1300px;
    margin:0 auto;
    overflow:hidden;
}


.thumb .title >ul>li{
    float:left;}


.thumbnail {
    overflow:hidden;    
}

.thumbnail .left_thumb{
margin-top:15px; margin-right:15px;}

.thumbnail .right_thumb{
margin-top:15px; margin-right:0px;
}

/*dnwjd best review*/


div {display: block;}
h2, h5 {
    position: absolute;  left: -9999px; width: 1px;
    height: 1px;  font-size: 1px;  line-height: 0;  overflow: hidden;}
.eng, .kor{ font-size:25px;}

#rv_content{ max-width:1360px; margin:0 auto; width:100%; position: relative; }

#likeNews{width:100%; height:100%;  overflow:hidden; color:#333; font-family: "Nanum Gothic", AppleGothic , Helvetica , sans-serif; color:#333;}

#likeNews .subTitle{width:100%; margin:70px 0 30px;}
#likeNews .subTitle .h3Title{width:50%; height:35px; font-size:1.5em; margin:0 auto; overflow:hidden; text-align:center;}
#likeNews .subTitle .h3Title h3{cursor:pointer;}
#likeNews .subTitle .eng{transform:translatey(0); font-family:'Montserrat', sans-serif; font-weight:400; transition:all 0.5s;}
#likeNews .subTitle .kor{font-weight:300; transition:all 0.5s; font-size:25px; line-height:35px; font-family: 'Noto Sans KR', sans-serif;}
#likeNews .viewMore{display:none;}

#likeNews .h3Title:hover .eng{transform:translatey(-30px);}
#likeNews .h3Title:hover .kor{transform:translatey(-30px);}


#likeNews .likeWrap{}
#like{width:300%; height:100%; }
#like:after{content:""; display:block; clear:both;}
#like li{width:33.3%; float:left; 
    position:relative; height:px;
    }
#like li:after{content:""; display:block; clear:both;}
#like li .like {width:23%; float:left; margin:0 10px; position:relative; height:300px; overflow:hidden;}

#like li .like .imgArea{display:block; width:280px; overflow:hidden; z-index:1000; }
#like li .like .imgArea img{width:100%; height:100%;}
#like li .m_title{display:none; width:100%; height:50px; }
#like li .m_title strong, #like li .like .m_title em{width:100%;font-style:normal; text-indent:5px; display:block; color:#444;}
#like li .m_title strong{display:block; width:100%; height:20px; font-family:'Montserrat', sans-serif; font-weight:400; font-size:0.6em;}
#like li .m_title em{height:30px; font-size:1em; font-style:normal; font-weight:300; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#like li .m_title em:after{content:""; display:block; width:20px; height:3px; margin-left:5px; margin-top:3px; background-color:#444;}

#like li .like .hover{width:80%; height:220px; 
    padding:0 10%; padding-top:30%; 
    position:absolute; left:0; top: 0; overflow:hidden; 
    background-color:rgba(0,0,0,0.5); 
    color:#fff;font-size:0.7em;opacity:0;
    }

#like li .like .hover strong,#like li .like .hover em{
    display:block; 
    font-style: normal; 
    transform:translatex(-250px);
     transition:all 1s;
    }
#like li .like .hover strong{ font-family:'Montserrat', sans-serif; font-weight:500; font-size: 1.7em;
}
#like li .like .hover em{ font-size:2em; font-weight:300; margin:1% 0 5%; display:block;}
#like li .like .hover em:after{
    content:""; display:block; 
    margin-top:5px; width:0; 
    height:3px; transition:width 1s 0.8s; 
    background-color:#fff;
    }
    #like li .like .hover em span{font-weight:400;}
    #like li .like .hover .desc{line-height:1.7em; margin-bottom:3%; height:0; overflow:hidden; transition:all 1s;   font-size: 1.3em;}
    #like li .like .hover .desc .date{font-family:'Lora', sans-serif; font-style:italic;}

#like .btn{
    border:1px solid #fff; 
    width:205px;height:0; 
    text-align:center; line-height:25px; 
    overflow:hidden; 
    transition:all 1s; margin-top:20px;
    }
#like .btn a{
    display:block;color:#fff; 
    font-family:'Montserrat', sans-serif; font-size:11px; 
    line-height:28px;transition:all 0.5s 1s; 
    transform:translatey(20px);
    }

#like li .like .hover .sns{width:80%;
    text-align:center; position:absolute; 
    bottom:5%;
    }
#like li .hover .sns a{font-size:1em; margin:0 5px; color:#fff;}
#like li .hover .sns .fa{transform:translatey(50px);transition:transform 0.5s;}

/* hover */
#like li .like:hover .hover{opacity:1;}
#like li .like:hover .hover strong{transform:translatex(0);}
#like li .like:hover .hover em{transform:translatex(0);}
#like li .like:hover .hover em:after{width:30px;}
#like li .like:hover .hover .desc{height:30%;}
#like li .like:hover .btn{height:25px;}
#like li .like:hover .btn a{transform:translatey(0);}
#like li .like:hover .sns .fa{transform:translatey(0);}
#like li .like .btn:hover{ background-color:rgba(61,173,197,0.8); border:#3dadc5;}


/*bullet*/
#likeNews .bullet{width:100%; height:; text-align:center; padding:10px 0; position:absolute; bottom:0px;}
/*#likeNews .bullet p{width:20px; height:px;  line-height:10px;  display:inline-block;}*/
#likeNews .bullet  a{display:inline-block; width:12px; height:12px; line-height:12px; background-color:white; border-radius:10px; margin:0 10px;border:2px solid #333; box-sizing:border-box;}
#likeNews .bullet  a.selected{display:inline-block; /*transform:scale(1.3);*/ background-color:#333; border-radius:10px; vertical-align:center;}
#likeNews .bullet:after{content:""; display:block; clear:both;}
.bullet{position:relative;
        top:105%;}
/* best-review end */

/*instagram*/
.instafeed_wrap { position: relative; z-index: 11;  width: 100%; margin-top: 100px; padding: 40px 0 80px; border-top: 1px solid #e6e6e6;    background: #f8f8f8; }
.instafeed_wrap .title {
    position: relative;
    width: 1080px; margin: 0 auto 50px; height: 26px; line-height: 26px; text-align: center;}
.instafeed_wrap .title .tit a { font-size: 16px; color: #333; letter-spacing: 0.2em; font-family: 'Noto Sans KR', sans-serif; }
.instafeed_wrap .title .tit i { position: relative;  font-size: 18px !important;}
.xi-instagram:before{content: "\ebe9";}

.instafeed_wrap .title .tag { position: absolute;  right: 15px;   bottom:-25px;}
.instafeed_wrap .title a {
    color: #666;
    font-size: 12px;
letter-spacing: .1em;}
#instafeed {
    width: 1080px;
    margin: 0 auto;}
#instafeed .post {  display: inline-block;  position: relative; width: 150px; height: 150px;  margin: 0 3px 3px 0;  overflow: hidden;}
#instafeed img { width: 100%; height: 100%;  transition: all .3s ease; -webkit-transition: all .3s ease;}
#instafeed .post .tit {  display: none;  position: absolute;  z-index: 10;  bottom: -4px;   
    left: 50%; width: 74px;   margin-left: -37px; line-height: 25px; border: 1px solid #ddd;  border-radius: 4px;   background: #f4f4f4; font-size: 11px;   color: #333;
    text-align: center;  white-space: nowrap;   overflow: hidden; filter: alpha(opacity=0);  opacity: 0;  -webkit-opacity: 0;  transition: all .2s ease;  -webkit-transition: all .2s ease;}

/*instagram-end*/

.product_cnt{ margin:5px 0; color:black;}
.product_cnt span{margin-right:5px;}


/*메인배너수정(현재사용중)======================================================*/
 
#slideShow{
    position:relative; /*부모기준설정*/
    overflow:hidden;  /*넘치는 자식 보이지않게*/
    width:1920px;
    height:600px;
    margin:0 auto;  
}
#slideShow .slide ul li,#slideShow .slide_btn ul li{list-style-type:none;}

#slideShow .slide ul{
    position:absolute;
    width:13440px; /*슬라이드가 가로방향일때만->이미지의 총가로길이(1920*7)*/    
}
#slideShow .slide ul li a{ /*슬라이드가 가로방향일때만 이미지 가로배열*/
    float:left;
    width:1920px;
    height:600px;
}  

/*메인배너-각각의 li에 배경이미지 삽입*/
#slideShow .slide ul .m1 a{background:url(http://ijun76.godohosting.com/html/images/main/event/rolling2020-1nn.jpg) no-repeat;}
#slideShow .slide ul .m2 a{background:url(http://ijun76.godohosting.com/html/images/main/event/rolling2020-6.jpg) no-repeat;}
#slideShow .slide ul .m3 a{background:url(http://ijun76.godohosting.com/html/images/main/event/rolling2020-5.jpg) no-repeat;}
#slideShow .slide ul .m4 a{background:url(http://ijun76.godohosting.com/html/images/main/event//rolling21n.jpg) no-repeat;}
#slideShow .slide ul .m5 a{background:url(http://ijun76.godohosting.com/html/images/main/event/rolling7.jpg) no-repeat;}
#slideShow .slide ul .m6 a{background:url(http://ijun76.godohosting.com/html/images/main/event/rolling17.jpg) no-repeat;}
#slideShow .slide ul .m7 a{background:url(http://ijun76.godohosting.com/html/images/main/event/rolling01.jpg) no-repeat;}

 

/*하단버튼*/

#slideShow .slide_btn{
    position:absolute;
    bottom:20px;
    left:904px;
}

#slideShow .slide_btn ul li{
    float:left;
    background:#333;
        opacity:0.6;
    width:10px;
    height:10px;
    border-radius:50%;
    margin:0 7px;
    cursor:pointer;
}

#slideShow .slide_btn ul li.active{
    background:#222;
        opacity:1;
    width:10px;
    height:10px;
    border-radius:50%;
}


/*좌우버튼*/
#slideShow .side_btn .pre{
    position:absolute;
    top:180px;
    left:350px;
    width:100px;
    height:100px;
    background:url(http://ijun76.godohosting.com/html/images/main/banner/l-arrow.png) no-repeat;
        opacity:0.5;
}
#slideShow .side_btn .pre:hover{cursor:pointer;opacity:1;}

#slideShow .side_btn .nex{
    position:absolute;
    top:180px;
    right:350px;
    width:100px;
    height:100px;
    background:url(http://ijun76.godohosting.com/html/images/main/banner/r-arrow.png) no-repeat;
        opacity:0.5;
}
#slideShow .side_btn .nex:hover{cursor:pointer;opacity:1;} 

/*키즈상품 추가진열*/
.kids_ttl2 {
    width: 1360px;
    margin: 0 auto;
    padding-top: 90px;
    text-align: center;
    color: #101010;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}



/*  메인 퀵배너 추가 250107 */

#quick_bn{display: none;
    overflow: hidden;
    position: fixed;
    right: 5%; /* 50%  background-color:#fff;     cursor: pointer;   */
    bottom: 10px;
    z-index: 100;
    /* margin-right: -10px; */
    font-size: 0;
    text-align: center;


    }

#quick_bn span{display: block;
    float: right;
    width: 596px; /*   596  147*/
    height: 147px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    /*text-indent: -30px;*/
    vertical-align: top;}
    

#quick_bn{display:block;}


/*  메인 퀵배너 추가 251212 */

.image-container {
   /*position: relative;    width: 596px;     height: 147px;*/
    position: fixed;
    overflow: hidden;
    vertical-align: top;
    right:23.2%;
    bottom: 10px;
    z-index: 100;
    text-align: center;


}

.image-container2 {
   /*position: relative;    width: 596px;     height: 147px;*/
    position: fixed;
    overflow: hidden;
    vertical-align: top;
    right:5.2%;
    bottom: 10px;
    z-index: 100;
    text-align: center;


}



.close-button {
  position: relative;
  top: 13px;
  right: 42px;
  padding: 10px;
  font-size: 20px;
  background-color:#f8f8f8;
  border: none;
  cursor: pointer;
}



.close-button1 {
  position: relative;
  top: 13px;
  right: 42px;
  padding: 10px;
  font-size: 20px;
  background-color:#f8f8f8;
  border: none;
  cursor: pointer;
}




/* BASIC css end */