@charset "utf-8";

/* breakpoint */ 
@media all and (max-width:1440px){
    
}

@media all and (max-width:1380px){
    .detailleft50{width:45%;}
    .detailright50{width:53%;}

    #sub_content_wrap .inner {width:100%; padding:0 2%; box-sizing:border-box;}
}

@media all and (max-width:1350px){
    .curation_ctn {width:100%; padding:0 5%;}

    .fabric_list {width:100%; margin:6rem auto 0;}
    .fabric_list li {flex-basis:18%; width:18%; margin-right:2%; margin-bottom:3rem;}
    .fabric_list li:nth-child(4n+4),
    .fabric_list li:nth-child(6n+6),
    .fabric_list li:last-child {margin-right:2%; margin-bottom:3rem;}
    .fabric_list li:nth-child(5n+5) {margin-right:0; margin-bottom:3rem;}

    .fabric_list li .img_box {width:100%; height:0; padding-top:calc(100/100*100%);}
}

@media all and (max-width:1333px){
	.showroom_list2 {margin-bottom:0;}
	.showroom_list2 li {
	    flex-basis:48%;
	    width:48%;
	    height:38rem;
		margin-bottom:3.6rem;
	}
}

@media all and (max-width:1300px){
    #sub_content_wrap {min-height:auto; padding-top:0; margin-top:0; margin-bottom:0;}
    #sub_content_wrap .inner {width:100%; padding:0 3% 60px; box-sizing:border-box;}
    
    .catelist2,
    .catecon {width:95%; float:none; margin:0 auto; box-sizing:border-box;}

    .catelist2 ul {width:100%; margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
	.catelist2 ul li {flex-basis:44%; flex-grow:1; width:44%; padding:2rem;}
	.catelist2 ul li:nth-child(11),
	.catelist2 ul li:nth-child(12),
    .catelist2 ul li.subcate {flex-basis:100%; width:100%;}

    .catecon_list ul li {width:23%; margin-left:1%; margin-right:1%;}
	.prodimage {width:100%;}
    
	.catecon_top {margin-top:5rem;}
    
    .smallimg ul {display:flex; justify-content:flex-start; flex-wrap:nowrap;}
	.smallimg ul li {flex-basis:15.3%; flex-grow:1; width:15.3%;}

	.bigimg ul li {width:47%; height:25rem; overflow:hidden;}
	.dfile_video {left:50% !important; top:50% !important; transform:translate(-50%,-50%); width:100% !important; height:100% !important;}
	.bfile.video {width:100% !important; height:298px !important; background-color:#2a2a2a;}

	.btn-xl {min-width:36%;}

	.vBtn {top:1% !important; left:1%; margin-left:0 !important; z-index:88 !important;}
    .vBtn > button {
    	width:33px !important;
    	background:rgba(104,104,104,0.3) url('/images/common/btn_fullscreen.svg') no-repeat center center !important;
    	border:1px solid #b5b5b5 !important;
    	text-indent:-99999px;
    	overflow:hidden;
    }
}

@media all and (max-width:1275px){
    .detaill_list ul {display:flex; justify-content:flex-start; flex-wrap:wrap;}
	.detaill_list ul li{flex-basis:18.4%; flex-grow:0; width:18.4%; height:auto; margin-right:2%; float:none; margin-top:0;}
	.detaill_list ul li:nth-child(7n) {margin-right:2%;}
	.detaill_list ul li:nth-child(5n+5) {margin-right:0;}
}

@media all and (max-width:1240px) {
	.srcoll_line {overflow-y:hidden;}
	
    .util_wrap,
    .util_menu,
    .header_menu .top_link,
    .gnb_wrap {display:none;}

    main {margin-top:0;}
	
	.m_gnb_wrap.menu_align {right:-100rem;}
	.m_gnb_wrap.active {right:0; overflow-x:scroll; -webkit-overflow-scrolling:touch;}

    header button.btn_m_menu {display:block; position:absolute; right:2rem; top:1rem; width:2.6rem; height:2.6rem; cursor:pointer; z-index:999999;}
	header .m_gnb_wrap button.btn_m_menu {position:absolute; right:45%; top:1.3rem; width:2.8rem; height:2.8rem; cursor:pointer; z-index:9999;}
	header button.btn_m_menu:hover,
	header button.btn_m_menu:focus {cursor:pointer;}
	header button.btn_m_menu span {
		display:block;
		height:0.3rem;
		padding:0;
		margin:0 0 0.4rem;
		background:#526dde;
		text-indent:-99999px;
		-webkit-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	header button.btn_m_menu span:nth-child(1) {width:2.5rem;}
	header button.btn_m_menu span:nth-child(2) {width:1.7rem; margin-left:0.8rem;}
	header button.btn_m_menu span:nth-child(3) {width:1.0rem; margin-left:1.5rem;}

	header button.active span:nth-child(1) {
		margin-left:-2px;
		-webkit-transform:translateY(5px) rotate(45deg);
		-ms-transform:translateY(5px) rotate(45deg);
		-o-transform:translateY(5px) rotate(45deg);
		transform:translateY(5px) rotate(45deg);
	}
	header button.active span:nth-child(2) {opacity:0;}
	header button.active span:nth-child(3) {
		width:2.5rem;
		margin:0;
		margin-left:-2px;
		-webkit-transform:translateY(-9px) rotate(-45deg);
		-ms-transform:translateY(-9px) rotate(-45deg);
		-o-transform:translateY(-9px) rotate(-45deg);
		transform:translateY(-9px) rotate(-45deg);
	}

	.header_menu {display:block; width:100%; height:14rem; padding:0 3%; margin:0;}
	.logo {width:21rem; height:4.6rem; margin:2rem auto 0;}

	header .gnb_modal {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.65); z-index:9999;}
	header .m_gnb_wrap {display:block;}
    header .top_link {justify-content:center; width:80%; padding:1.5rem 5%; margin:1.5rem auto 1.8rem; border:0.1rem solid #dadada; border-radius:6rem; box-sizing:border-box;}
    header .top_link li {margin-right:15%;}

    .m_gnb_wrap {
		position:fixed;
		top:0;
		height:100%;
		width:70%;
		background-color:#fff;
		z-index:99999;
		transition:all 0.2s ease-in-out;
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition:all 0.4s ease-in-out;
		-o-transition:all 0.4s ease-in-out;
		-ms-transition:all 0.4s ease-in-out;
		box-sizing:border-box;
	}

	.search_wrap {width:100%; height:5.2rem; margin-top:2rem;}
	.search_wrap .input_search {flex-basis:83%; width:83%;}
	.search_wrap .btn_search {flex-basis:17%; width:17%; background:#526dde url('../images/common/img_magnify.svg') no-repeat center center;}

	.m_util_menu {display:flex; justify-content:left; align-items:flex-start; flex-wrap:nowrap; padding-left:3rem; margin-top:2.8rem;}
	.m_util_menu li {flex-basis:auto; flex-grow:0; width:auto; margin-right:1.7rem;}
	.m_util_menu li a {color:#7d7d7d; font-size:1.3rem; letter-spacing:-0.1rem;}
    
    nav.m_gnb {display:block; width:100%; height:auto; margin:0;}
    
	nav ul.gnb_menu {flex-wrap:wrap; width:100%; padding-top:2rem; margin:0; background-color:#526dde;}
	nav ul.gnb_menu li {flex-basis:100%; width:100%; padding-left:3rem; padding-right:0; padding-bottom:2rem; margin-right:0; margin-bottom:2rem; border-bottom:0.1rem solid rgba(255,255,255,0.3);}
    nav ul.gnb_menu li:last-child,
    nav ul.gnb_info li:last-child {margin-bottom:0; border:none;}
    nav ul.gnb_menu li a {font-size:1.6rem;}

    nav ul.gnb_menu li:after {display:none;}

    nav ul.gnb_info {flex-wrap:wrap; padding-top:1.8rem; margin:0; background-color:#59c2bc;}
    nav ul.gnb_info li {flex-basis:100%; flex-grow:0; width:100%; padding-left:3rem; padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:0.1rem solid rgba(255,255,255,0.3);}
    nav ul.gnb_info li a {padding:0; font-size:1.6rem;}

    .visual_wrap {height:50rem; background-size:140%;}
    
    .tle_curation h2,
    .tle_curation h2 span {font-size:3.2rem; letter-spacing:0.5rem;}

    .curation_wrap {padding-bottom:5rem; min-height:auto; background-size:120%;}
    .curation_tab {display:flex; justify-content:center; flex-wrap:nowrap; margin-top:12rem;}
	.curation_tab li {
		flex-basis:31.5%;
		flex-grow:0;
		width:31.5%;
		height:8rem;
		margin-right:2%;
		background:#fff;
		border-radius:6rem;
		box-shadow:0 0.8rem 1rem rgba(0,0,0,0.15);
		box-sizing:border-box;
	}
	.curation_tab li a {padding-top:1.8rem; font-size:2.0rem;}

	.tag_wrap {margin-top:6rem;}

    /* fabric_map */
	.fabric_wrap {width:100%; height:auto; padding:8% 5%; background-size:155rem;}
	.fabric_map {width:100%; padding-top:0; padding-left:0; margin:0 auto; box-sizing:border-box;}

    .fabric_map h2 {margin-bottom:2rem;}
	.fabric_map h2 span {font-size:3.3rem;}
    
    .fabric_map ul {margin-top:3rem;}
	.fabric_map ul li {flex-basis:14.5rem; flex-grow:0; width:14.5rem; height:14.5rem; margin-right:1.7rem; border-radius:8rem;}

	/* showroom */
    .bg_showroom {width:100%; height:auto; padding-top:0; padding-bottom:4rem; margin-top:4rem; background:none;}
    .showroom_list {position:static; top:unset; right:unset; justify-content:center; flex-wrap:wrap; padding:0 5%;}
    .showroom_list li {flex-basis:45%; flex-grow:0; width:45%; height:auto; margin-right:5%; margin-bottom:3rem; overflow:hidden;}
    .showroom_list li:nth-child(even) {margin-right:0;}
    .showroom_list li:last-child {margin-right:0;}

    .showroom_wrap {position:relative; width:100%; padding:0 10%; margin:0 auto; box-sizing:border-box;}
    .showroom_wrap .show_more {position:absolute; left:unset; right:4rem; top:0; width:3.2rem; height:3.2rem; background:url('../images/main/img_more.svg') no-repeat center center; text-indent:-99999rem; border:0.3rem solid #4a5fb2; box-sizing:border-box;}
    
    .title_wrap {flex-wrap:wrap; margin-bottom:3rem;}
    .title_wrap .prod_desc {width:100%; margin-top:1.8rem; margin-left:0;}

    /* main_link */
    .main_link {flex-wrap:wrap; width:100%; padding:0 10%; margin:0 auto; box-shadow:none; box-sizing:border-box;}

    .main_notice,
	.main_press,
	.main_greeting {flex-basis:100%; flex-grow:1; width:100%; margin-bottom:5rem;}

	.press_list li .img_box {width:100%; height:20rem;}
	.copy_wrap {justify-content:center; flex-wrap:wrap; width:100%; height:auto; padding:4rem 5% 3rem;}
    
	.copy_wrap .footer_sns {flex-wrap:wrap; flex-basis:100%; flex-grow:0; width:100%;}
    .footer_sns ul {flex-wrap:wrap; justify-content:center; margin:2rem auto 2.5rem;}
    .footer_sns .familysite {width:100%; margin-top:0.4rem;}

    .copy_wrap .copylogo {margin:0 auto;}
    .copy_address .copyright {margin-top:2rem; text-align:center;}
    
    .review_satis .detail_satis div.size_satis:nth-child(odd) {margin-right:0;}
    .review_satis .detail_satis {float:none; width:100%;}
    .review_satis .size_satis .stat_satis {width:100%; padding-right:3rem; margin-left:3rem; margin-right:0; box-sizing:border-box;}
    .review_satis .size_satis .stat_satis li span.bar_satis {width:45%;}
}

@media all and (max-width:1125px) {
    .visual_wrap {padding-top:10rem; height:59rem; background-size:182%;}
    .visual_wrap h1 {width:60%; margin-left:auto; margin-right:auto; font-size:4.5rem; line-height:140%;}
    .visual_wrap .visual_info {margin-top:5rem;}
}

@media all and (max-width:1100px) {
	.detailleft50,
    .detailright50 {float:none; width:100%;}

    .detailleft50 {margin-bottom:6rem;}

    ul.ord_traking {width:100%; margin-top:2rem;}
    ul.ord_traking li {flex-basis:26%; width:26%; padding-right:7%;}
}

@media all and (max-width:1033px) {
	#S3_ProdImage {display:none;}
	#S3_ResultImage,
	#S3_FabricImage{width:100% !important; height:auto !important;}
}

@media all and (max-width:1024px) {
	.curation_tab {margin-top:8rem;}
    .visual_wrap {padding-top:8rem; height:56rem; background-size:190%;}

    .catecon_list ul li {height:auto;}
	.prodimage {height:223px;}

	.member_login_new {margin-top:0;}

	.bigtitle {margin-top:9.5rem;}
}

@media all and (max-width:1004px) {
	.bigimg ul li {width:46%; height:23rem;}
}

@media all and (max-width:1000px) {
	.mem_gubun .btn1,
	.mem_gubun .btn2 {width:100%; padding:11px 0; margin:0 0 9px; box-sizing:border-box;}

	.mem_gubun ul li {min-height:568px;}
}

@media all and (max-width:978px) {
	.btn-xl {min-width:35%;}
}

@media all and (max-width:948px) {
	.review_satis .size_satis .stat_satis li span.bar_satis {width:42%;}
}

@media all and (max-width:911px) {
	.btn-xl {min-width:32%;}

	.stiemapW ul li{flex-basis:auto; flex-grow:1; width:auto; margin:0 10px;}

	ul.modellist{display:flex; justify-content:flex-start; flex-wrap:wrap; width:100%; margin:0;}
	ul.modellist li {
		position:relative;
		float:none !important;
		flex-basis:23%;
		flex-grow:0;
		width:23% !important;
		height:21rem !important;
		margin:0 1% 2rem !important;
		overflow:hidden;
		border:0.1rem solid #e3e3e3 !important;
		box-sizing:border-box;
	}
	.pimgDiv{width:100% !important; height:100% !important; border-radius:unset !important;}
	ul.modellist li img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100% !important;}
}

@media all and (max-width:840px) {
	.showroom_list2 li {
		position:relative;
		flex-basis:100%;
		flex-grow:1;
	    width:100%;
	    height:0;
		padding-top:calc(179.85/291*100%);
		margin-bottom:3.6rem;
	}
	.showroom_list2 li img {
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
}

@media all and (max-width:768px) {
    .curation_tab {margin-top:5rem;}

	.visual_wrap {height:55rem; background-size:248%;}
	.visual_wrap h1 {width:83%; font-size:4.3rem;}
    .title_wrap {flex-wrap:wrap;}

    /* tag */
	.tag_wrap {flex-wrap:wrap; margin-top:5rem;}
	.tag_wrap .tag_title {min-width:7rem; padding:1rem 0;}
	.tag_wrap .tag_list {margin-top:0.8rem; margin-left:1.8rem; text-align:center;}
	.tag_wrap .tag_list a {display:inline-block; margin-right:0.5rem; color:#6b6b6b; font-family:'S-CoreDream-3Light', sans-serif; font-size:1.6rem; letter-spacing:-0.1rem;}
	.tag_wrap .tag_list a:hover,
	.tag_wrap .tag_list a:focus {text-decoration:underline;}

	.curation_tab li {height:7rem;}
	.curation_tab li a {padding-top:1.5rem; font-size:1.7rem; border-width:0.4rem;}

	.prodimage {height:168px;}
    
    .bigimg,
    .smallimg,
	.detailleft,
    .detailright {width:100%; float:none; padding-top:4rem;}
    .detailright {margin-top:20px;}

	.detailright .text-center a.btn-xl {padding:1.4rem 0;}

    .bigimg > .bfile {height:360px;}

    .pbtlist {display:flex; justify-content:space-between; flex-wrap:nowrap; width:100%; padding:2rem 2% !important; box-sizing:border-box;}
	.pbt {flex-basis:24%; flex-grow:0; width:24%; padding:12px 0 !important;}

    .bigimg ul li {float:none; width:100%; height:50rem; margin-right:0; overflow:hidden; box-sizing:border-box;}
	.bigimg ul li:hover img,
	.bigimg ul li:focus img {transform:none;}
	.bigimg ul li a {display:none; pointer-events:none;}

	.title_box {position:absolute; top:4rem;}
    
    ul.flist {width:100% !important;}
	ul.flist li {margin-left:1%; margin-right:1% !important;}
    
	.layout_fabric {margin:0;}
	.layout_fabric td {display:block; text-align:center;}
	.layout_fabric td .select_product {padding-top:2rem; padding-bottom:6rem;}
}

@media all and (max-width:720px) {
    ul.modellist li {flex-basis:31.3% !important; width:31.3% !important; height:21rem !important;}
}

@media all and (max-width:704px) {
    .catelist2 ul li {flex-basis:42%; width:42%;}
    .catecon_list ul li {width:31%;}

    .fabric_list li {flex-basis:23%; width:18%;}
    .fabric_list li:nth-child(5n+5),
    .fabric_list li:nth-child(6n+6),
    .fabric_list li:last-child {margin-right:2%;}
    .fabric_list li:nth-child(4n+4) {margin-right:0;}

    ul li .prodname {margin-bottom:0.5rem; font-size:1.6rem;}

    .detailbtn {padding:1rem 1rem !important; min-width:12rem; text-align:center;}
}

@media all and (max-width:620px) {
	.copy_address ul {flex-wrap:wrap; justify-content:center; margin-top:1.5rem;}
    .copy_address ul li {margin-right:2rem; text-align:center;}
    .copy_address ul li:first-child {width:100%; margin-right:0; margin-bottom:0.3rem;}
    .copy_address ul li:last-child {margin-right:0;}
}

@media all and (max-width:610px) {
	.visual_wrap {height:54rem; background-size:306%;}
	.visual_wrap p {width:30rem; padding-bottom:0.3rem;}
	.visual_wrap p img {width:100%;}
	.visual_wrap h1 {width:78%; font-size:3.8rem;}

	.visual_wrap .visual_info {margin-top:4.5rem;}
	.visual_wrap .visual_info li {
		flex-basis:16rem;
		flex-grow:0;
		width:16rem;
		height:16rem;
		padding-top:2.5rem;
		margin-right:2rem;
		background:linear-gradient(#fff,#fff) padding-box, linear-gradient(288deg, rgba(82,109,222,1) 0%, rgba(72,207,199,1) 100%) border-box;
		border:0.4rem solid transparent;
		border-radius:20rem;
		box-sizing:border-box;
	}

	header .top_link {width:80%;}
	header .top_link li span {display:none;}

	.bigimg ul li {height:40rem;}
}

@media all and (max-width:600px) {
	.bigtitle {margin-top:9rem; font-size:3.5rem;}
    .bigtitle span{padding-top:1rem; font-size:14px; line-height:100%;}
    
    .stiemapW ul {flex-wrap:wrap;}
    .stiemapW ul li {flex-basis:48%; flex-grow:0; width:48%; margin:0; margin-left:0; margin-right:2%;}
    .stiemapW ul li:nth-child(even) {margin-right:0;}

    ul.ord_traking li:after {width:2.3rem; height:2rem; background-size:100%;}
}

@media all and (max-width:580px) {
	header .top_link {width:80%;}
	header .top_link li span {display:none;}
}

@media all and (max-width:550px) {
	.catecon_list ul li {width:48%;}

	.mem_gubun ul {margin-bottom:50px;}
	.mem_gubun ul li {margin:0 0 20px; width:100%; min-height:auto; float:none;}

	.join-step-wrap {display:flex; justify-content:space-between; flex-wrap:wrap; float:none; margin-top:10px; margin-bottom:10px;}
    .join-step-wrap li {flex-basis:24.5%; flex-grow:0; width:24.5%; float:none; font-size:13px;}

    .fabric_list li {flex-basis:32%; width:32%;}
    .fabric_list li:nth-child(4n+4),
    .fabric_list li:nth-child(5n+5),
    .fabric_list li:nth-child(6n+6),
    .fabric_list li:last-child {margin-right:2%;}
    .fabric_list li:nth-child(3n+3) {margin-right:0;}
}

@media all and (max-width:535px) {
	.detaill_list ul li{flex-basis:23%; width:23%;}
	.detaill_list ul li:nth-child(7n),
	.detaill_list ul li:nth-child(5n+5) {margin-right:2%;}
	.detaill_list ul li:nth-child(4n+4) {margin-right:0;}
}

@media all and (max-width:530px) {
	.catelist2 ul li {flex-basis:40%; width:40%;}
}

@media all and (max-width:510px) {
	.layout_result {margin:0;}
	.layout_result td {display:block; width:100% !important; padding:0 !important; text-align:center !important;}

	.layout_result td .result_wrap {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:5rem; margin-bottom:5rem;}
	.layout_result td .result_wrap > div {flex-basis:47% flex-grow:0; width:48%;}
	.layout_result td .result_wrap .result_desc .info {text-align:left;}
}

@media all and (max-width:500px) {
	.visual_wrap {height:48rem; background-size:332%;}
	.visual_wrap h1 {width:90%; font-size:3.3rem;}

	.visual_wrap .visual_info {width:92%; margin:3.5rem auto 0;}
	.visual_wrap .visual_info li {
		flex-basis:33%;
		flex-grow:1;
		width:33%;
		padding-top:2.5rem;
		margin-right:2%;
	}

	.m_util_menu {margin-top:6.5rem;}
	.m_util_menu li {margin-right:2rem;}
	.m_util_menu li a {font-size:1.2rem;}

	.bigimg ul li {height:30rem;}

	.detailleft50 .mgt20 table tbody td {display:block; width:100% !important;}
	.detailleft50 .mgt20 table tbody td img {width:100%;}
	.detailleft50 .mgt20 table tbody td .prodname {padding-top:1.5rem; padding-bottom:1rem; padding-left:1rem; margin-bottom:2rem; color:#526dde; font-weight:600; font-size:2.2rem; border-bottom:0.1rem solid #526dde;}
	.detailleft50 .mgt20 table tbody td .datatb th {padding-left:1.3rem; padding-bottom:1.5rem; box-sizing:border-box;}
}

@media all and (max-width:440px) {
    .visual_wrap {height:47rem; background-size:370%;}

    .visual_wrap .visual_info li strong {font-size:1.5rem; letter-spacing:-0.2rem;}
	.visual_wrap .visual_info li em {font-size:3.3rem;}
	
	header .top_link {width:80%;}
	header .top_link li span {display:none;}

	.btn-xl {min-width:36%;}

	ul.ord_traking li {flex-basis:100%; width:100%; padding-right:0; padding-bottom:5rem; margin-right:0; margin-bottom:1rem;}
	ul.ord_traking li:after {top:unset; right:unset; bottom:0; left:50%; transform:translateY(-50%) rotate(90deg);}
    
    .pbtlist {flex-wrap:wrap;}
    .pbt {flex-basis:48%; width:48%; margin-bottom:1rem;}

	ul.modellist li {flex-basis:48% !important; width:48% !important; height:19rem !important;}
}
	
@media all and (max-width:425px) {
	.logo {width:17rem; height:3.7rem; margin:2rem auto 0;}
	.logo img {width:100%;}
	
    header button.btn_m_menu {top:0.5rem;}

	.fabric_list {margin:4rem auto 0;}
	
	.m_util_menu {padding-left:2rem; margin-top:5rem;}
	.m_util_menu li {margin-right:1rem;}
    
    .fabric_list {justify-content:space-between;}
    .fabric_list li,
    .fabric_list li:nth-child(3n+3),
    .fabric_list li:nth-child(4n+4),
    .fabric_list li:nth-child(5n+5),
    .fabric_list li:nth-child(6n+6),
	.fabric_list li:nth-child(5n+5) {flex-basis:47%; width:47%;}

	.fabric_list li:nth-child(odd) {margin-right:5%;}
	.fabric_list li:nth-child(even) {margin-right:0;}
	.fabric_list li a strong {margin-top:1rem;}

	/* fabric_map */
	.fabric_wrap {padding:10% 8% 5%; background-size:198rem; background-position:left top;}
    
    .fabric_map ul {flex-wrap:wrap; margin-top:4rem;}
	.fabric_map ul li {flex-basis:48%; flex-grow:0; width:48%; height:13rem; margin-right:3%; margin-bottom:2rem; border-radius:8rem;}
	.fabric_map ul li:nth-child(even) {margin-right:0;}
	.fabric_map ul li a {padding-top:6.2rem; font-size:1.5rem;}

	.press_list li .img_box {width:100%; height:12rem;}

	.curation_tab li {height:6rem;}
	.curation_tab li a {padding-top:1.1rem; font-size:1.5rem;}

	.catelist2 ul li {flex-basis:38%; flex-grow:1; width:38%;}
    
    .review_satis .detail_satis div.size_satis:nth-child(odd) {margin-right:0;}
    .review_satis .detail_satis {float:none; width:100%;}
	.review_satis .size_satis .stat_satis {float:none; width:100% !important; margin-left:5%; margin-right:0;}
	.review_satis .size_satis .stat_satis li span.bar_satis {width:calc(63% - 5rem);}
}

@media all and (max-width:418px) {
    .detailright a.detailbtn {width:49%; padding:15px 0;}
    .join-step-wrap li {flex-basis:100%; flex-grow:0; width:100%; margin-bottom:5px;}

    .subtitle1 {line-height:100%;}
    .subtitle1 span {font-size:3rem;}

    .bigtitle {margin-top:8rem; font-size:3rem;}
    .bigtitle span{padding:0 5%; margin-top:15px; font-size:13px; line-height:160%;}
    
    .title_box {top:3rem;}
    .detatit1 {font-size:33px;}

    .bigimg,
    .smallimg,
	.detailleft,
    .detailright {padding-top:3.5rem;}

    .dfile_video {left:50% !important; top:50% !important; transform:translate(-50%,-50%); width:100% !important; height:100% !important;}
    .bfile.video,
    .bigimg ul li {height:280px !important;}

    .detaill_list ul li{flex-basis:47%; width:47%; margin-right:4%;}
	.detaill_list ul li:nth-child(7n),
	.detaill_list ul li:nth-child(5n+5),
	.detaill_list ul li:nth-child(4n+4) {margin-right:4%;}
	.detaill_list ul li:nth-child(even) {margin-right:0;}

	.joinArea {margin-top:0;}
}
@media all and (max-width:375px) {
    .visual_wrap {height:44rem; padding-top:6rem; background-size:406%;}
    .visual_wrap h1 {margin-top:3.5rem; width:90%; font-size:3.0rem;}
    .visual_wrap p {width:25rem; padding-bottom:0;}
    
    .press_list {justify-content:center; flex-wrap:wrap;}
    .press_list li {flex-basis:100%; flex-grow:0; width:100%; margin-bottom:3rem;}
    .press_list li:first-child {margin-right:0;}
    .press_list li:last-child {margin-bottom:0;}
    .press_list li .img_box {width:100%; height:12rem;}
}

@media all and (max-width:360px) {
	.catecon_list ul li {flex-basis:100%; width:100%; margin-top:0; margin-left:0; margin-right:0;}
	.prodimage {height:185px;}

	.review_satis .size_satis .stat_satis li span.bar_satis {width:calc(58% - 5rem);}
}

@media all and (max-width:340px) {
	.stiemapW ul li {flex-basis:100%; flex-grow:1; width:100%; margin-right:0;}
	.stiemapW ul li:first-child > .sitett {margin-top:0;}
	.sitett {margin-top:5rem;}

	ul.modellist li {flex-basis:100% !important; width:100% !important; margin-left:0 !important; margin-right:0 !important;}
}

@media all and (max-width:320px) {
    .visual_wrap {height:54rem; background-size:585%;}
    .visual_wrap h1 {margin-top:3.6rem; width:90%; font-size:2.5rem;}

    .visual_wrap .visual_info {flex-wrap:wrap; margin-top:3.5rem;}
    .visual_wrap .visual_info li {position:relative; flex-basis:100%; flex-grow:0; width:100%; height:9rem; padding-top:1.3rem; margin-right:0; margin-bottom:0.6rem;}
    .visual_wrap .visual_info li em {margin-top:0.2rem;font-size:3.0rem;}

    .visual_wrap .visual_info li a.btn_view:link,
	.visual_wrap .visual_info li a.btn_view:hover,
	.visual_wrap .visual_info li a.btn_view:focus {position:absolute; right:1.8rem; top:3.2rem; margin:0;}
    
    header .top_link {width:90%; padding:1.5rem 8%;}
    .m_gnb_wrap {width:85%;}

    .review_satis .size_satis .stat_satis li em {width:4rem;}
    .btn-xl {min-width:33%;}
}

@media all and (max-width:300px) {

}