@charset "utf-8";

/* container */
.visual {margin-top:120px;width:100%;/*min-width:1600px;*/padding:0 0px;box-sizing:border-box;}
.visual_inner {position:relative;width:100%;}
.visual_bg {width:100%;}
.visual_bg img {width:100%;}
/*.visual_bg1 {width:100%;height:760px;background:url(/a_html/images/visual_bg.png) no-repeat top center;background-size: 100% auto;}
.visual_bg2 {width:100%;height:760px;background:url(/a_html/images/visual_bg.png) no-repeat top center;background-size: 100% auto;}
*/
/*.visual_ment {
	position: absolute;
    top: 50%;
    margin-top: -100px;
    left: 7%;
    color: #fff;
    font-size: 2em;
    line-height: 67px;
    font-family: 'BeauRivage-Regular', sans-serif;
}
.vm1 {padding-left:10px; font-size: 2em;font-family: 'BeauRivage-Regular', sans-serif;letter-spacing: 2px;}
.vm2 {padding-left:0px;  font-size: 2em;font-family: 'BeauRivage-Regular', sans-serif;letter-spacing: 2px;}
.vm3 {padding-left:80px; font-size: 2em;font-family: 'BeauRivage-Regular', sans-serif;letter-spacing: 2px;}*/

.slider-visual {padding: 0 !important;}
.slider-visual .slick-prev, .slider-visual .slick-next {display:none !important;}

/*.slider-visual .slick-prev {
    left: 10px;
    background: url(/a_html/images/arrow_left_productsm.png) no-repeat 1px 1px;
    background-size: 20px;
}
.slider-visual .slick-next {
    right: 10px;
    background: url(/a_html/images/arrow_right_productsm.png) no-repeat 1px 1px;
    background-size: 20px;
}*/

#container_main {margin-top:220px;width:100%;}
.cm_content1 {width:100%; padding: 0 200px; margin:0 auto; box-sizing:border-box;}
.cm_content2 {width:100%; margin:120px auto 0 auto; box-sizing:border-box;}
.cm_content3 {width:100%; margin:0px auto 0 auto; box-sizing:border-box;}
.cm_content4 {width:100%; margin:230px auto 0 auto;box-sizing:border-box;}
.cm_content5 {width:100%; margin:200px auto 0 auto; box-sizing:border-box;}
.cm_content6 {width:100%; margin:200px auto 0 auto;box-sizing:border-box;text-align:left;}

.main_title {margin-bottom:30px;font-family:'Proxima-Nova-Alt-Light',sans-serif; text-align:center;color:#555;font-size:2.2em;}

/* container1 */
.main_product_list {width:100%;display: flex;flex-wrap: wrap;justify-content:center;}
.main_product_list li {width: 22%;margin-left: 29px;margin-bottom:120px;}
.main_product_list li:first-child {margin-left: 0;}
.main_product_list li:nth-child(4n+1) {margin-left: 0;}
.main_product_list li a {display:block;width:100%;}
.main_product_list li a img {width:100%;}
.mp_photo {margin-bottom:10px;}
.mp_name {font-size:1.2em;color:#333;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;}

/* container2 */
.now_wrap {width:100%;padding:0 70px;box-sizing:border-box; display:flex;flex-wrap:wrap;margin:70px auto 0 auto;position:relative;}
.now_left {width:250px;}
.now_right {flex:1;}

.ranking_tit {margin-bottom:30px;font-size:1.85em;color:#555;line-height:120%;font-family:  'Proxima-Nova-Alt-Light',  sans-serif;}
.ranking_tit span {display:block; font-size:1em;color:#555;}
.ranking_category li {font-size:1.1em;color:#666;line-height:280%;letter-spacing:0; font-family: 'Proxima-Nova-Alt-Light',  sans-serif;}
.ranking_category li.on {color:#000;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;}
.ranking_category li a {color:#666;}
.ranking_category li.on a {color:#000;font-weight:bold;}

.ranking_list {width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.ranking_list li {display:inline-block;float:left;width:22%;margin-left:29px;}
.ranking_list li:first-child {margin-left:0;}
.ranking_list li .ranking_photo a {display:block;width:100%;}
.ranking_list li .ranking_photo a img {width:100%;height:100%;}
.ranking_photo {margin-bottom:15px;}
.ranking_name {position:relative;font-size:1.15em;color:#000;line-height:26px;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;;letter-spacing:0;}
.rn_tit {font-size:1.1em;color:#333;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;}
.rn_writer {font-size:0.95em;color:#333;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;}
.rn_favorite {position:absolute;right:0;top:0;}

/* container3 */
.inspi_tit {margin-top:60px;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;text-align:center;color:#222;font-size:1.5em;}

.inspi_wrap {margin:0 auto;width:100%;padding:0 400px; box-sizing:border-box;}
.inspi_con {margin-top:40px;text-align:center;line-height:30px;font-size:1.15em;color:#888;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;}
.inspi_video {margin-top:150px;width:100%;height:100%;text-align:center;}

.inspi_product {width:100%;padding:0 130px; margin:100px auto 0 auto; box-sizing:border-box;}
.inspi_product_list {display: block;text-align: center;width:100%;box-sizing:border-box;}
.inspi_product_list li {margin-left: 3%;display: inline-block;width: 22%; vertical-align: top}
.inspi_product_list li:first-child {margin-left:0;}

.inspi_product_photo {margin-bottom:15px;width:100%;/*height:380px;*/}
.inspi_product_photo img {width:100%;height:100%;}
.inspi_product_name {text-align:left;display:block;font-size:1.12em;color:#000;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;;letter-spacing:0; text-transform: uppercase;}

/* container4 */
.gallery_wrap {position:relative;display:table;width:100%;margin:0 auto;height:600px;box-sizing:border-box;background:#8E7B51;}
.gallery_left {display:table-cell;vertical-align:middle;width:40%;text-align:center; padding:80px 40px; color:#fff}
.gallery_right {display:table-cell;vertical-align:middle;padding:70px 100px 70px 0;width:60%;text-align:center;}
.gallery_right img {width:100%}

.gallery_tit {font-family: 'Noto Sans KR Bold',sans-serif;text-align:center;font-size:2.5em; padding-bottom:10px}
.gallery_stit {margin-top:40px;font-family: 'Noto Sans KR Regular',sans-serif;text-align:center;font-size:1.8em; font-weight:500; color:#d8d9dd}
.gallery_sstit {margin-top:15px;font-family: 'Proxima-Nova-Alt-Light',sans-serif;text-align:center;color:#000;font-size:1.7em;}
.gallery_con {margin-top:25px;text-align:center;line-height:125%; font-size:1em;font-family: 'Noto Sans KR Regular',  sans-serif; font-weight:400; color:#c9ccd3}

.picture_wrap {margin-top:110px;}
.picture_list {display:flex;}
.picture_list li {flex:1;position:relative;margin-left:12px;background:#eee;}
.picture_list li:first-child {margin-left:0;}
.picture_list li a {width:100%;display:block;}
.picture_list li a img {width:100%;height:auto;}


/* container5 */
.perform_wrap {width:1560px;margin:0 auto;box-sizing:border-box;}
/*.perform_list {display:block;overflow:hidden;text-align:center;margin-top:100px;}
.perform_list li {float:left;display:inline-block;width:22.7%;margin-left:3%;position:relative;}
.perform_list li:first-child {margin-lefT:0;}
.perform_list li a {display:inline-block;width:100%;}*/

.slider-picture {margin-top:20px; padding: 0 5px !important;}
.slider-picture .slick-prev {left: 20px;}
.slider-picture .slick-next {right: 20px;}
.slider-picture .slick-slide {margin:0 5px;}

.slider-perform {margin-top:20px; padding: 0 10px !important;}
.slider-perform .slick-prev {left: 20px; background: url(../../images/arrow_left_white.png) no-repeat 1px 1px;}
.slider-perform .slick-next {right: 20px; background: url(../../images/arrow_right_white.png) no-repeat 1px 1px;}
.slider-perform .slick-slide {margin:0 15px;}

.perform_box {position:relative;display:block;width:100%;} 
.perform_photo {display:block;width:100%;height:auto; box-sizing:border-box;}
.perform_photo img {border-radius: 4px 4px 0 0; box-sizing:border-box;}
.perform_name {display:block;width:100%;height:45px;line-height:45px; z-index:10;background:#f4f2f3;text-align:center;font-size:1.23em;font-family: 'Proxima-Nova-Alt-Light',  sans-serif;}



/* container6 */
.living_wrap {width:100%;text-align:left;}

.main_title2 {text-align:left;padding-left:28px;font-size:1.4em;color:#666;font-family:'Proxima-Nova-Alt-Light',sans-serif;}
.main_title2 span {font-size:1.4em;color:#000;font-family:'Proxima-Nova-Alt-Light',sans-serif;}

/*.living_list {margin-top:30px;display:flex;}
.living_list li {flex:1;position:relative;margin-left:8px;background:#f4f2f3;border-radius:5px;}
.living_list li:first-child {margin-left:0;}*/

.living_tit_wrap {position:relative;display:table;width:100%;background:#f4f2f3;border-radius:5px;} 
.living_tit {position: relative; display:table-cell;vertical-align:middle; height:420px; padding:0 50px; box-sizing:border-box; font-size:1.15em;color:#444;font-family:'Proxima-Nova-Alt-Light',sans-serif;line-height:30px; z-index: 1}
.living_num {position:absolute;bottom:50px;right:0px;font-size:16em;color:#fff;font-family:'Proxima-Nova-Alt-Light',sans-serif;z-index: 0}

.slider-living {margin-top:25px; padding: 0 25px !important;}
.slider-living .slick-prev, .slider-living .slick-next {display:none !important;}
.slider-living .slick-slide {margin:0 5px;}


/********** response **********/
@media screen and (min-width : 1921px) {
	.main_visual {margin-top:-20px} 
	.gallery_con {font-size:0.9em;}
	#t_visual_wrap {zoom:0.76; margin-top:110px}
}

@media (max-width : 1919px) {
	.gallery_left {padding:50px 30px}
	.gallery_con {letter-spacing:-0.5px; font-size:0.9em}

}

@media screen and (max-width : 1600px) {

	/* container5 */
	.perform_wrap {width:100%;padding:0 20px;}
	.perform_name {font-size:1.4em;}

	.inspi_product {width: 100%; margin: 100px auto 0 auto; box-sizing:border-box;}

}


@media screen and (max-width : 1500px) {
	
	/* container */
	/*.visual {min-width:auto;}
	.visual_bg1 {height: 650px;}
	.visual_bg2 {height: 650px;} */

	.now_wrap {padding: 0 50px;}
	.now_left {width: 230px;}

}

@media screen and (max-width : 1400px) {
	
	#container_main {margin-top: 150px;}

	/* container */
	.cm_content1 {width:100%;padding:0 20px;}
	.cm_content2 {padding:0 20px;}
	.cm_content3 {padding:0 20px;}
	
	.cm_content5 {padding:0 20px;}
	.cm_content6 {padding:0 20px;}
	
	/* container2 */
	/*.ranking_list li {width: 48%;}*/
	/* .ranking_list li {width:46%; margin-bottom: 5%;} 4���϶�
	.ranking_list li:nth-child(2n+1) {margin-left:0;} */
	
	/* container3 */
	.inspi_wrap {width:100%;padding:0 200px;}
	.inspi_video {height:auto;}
	.inspi_product {padding: 0 80px;}
	
	/* container4 */
	.gallery_wrap {display:block;height:auto;padding:50px 0;}
	.gallery_left {display:block;width:100%; padding:40px 0}
	.gallery_right {display:block;width:100%; text-align:center;padding:50px 0 0 0; vertical-align: middle}

	/* container6 */
	.main_title2 {font-size:1.4em;padding-left:10px;}
	.main_title2 span {font-size:1.6em;}
	.living_tit {font-size:1.2em;height:320px;padding:0 20px;line-height:28px;}
}

@media screen and (max-width : 1200px) {
	
	/* container1 */
	.main_product_list li {margin-left:15px;margin-bottom: 100px;}

	/* container2 */
	.now_wrap {padding:0 20px;}
	.now_left {width: 150px;}
	.ranking_list li {margin-left:15px;}

	/* container5 */
	/* .perform_photo {height: 280px;} */

	/* container4 */
	.gallery_left {padding:40px 40px 80px 40px}
	.gallery_right {padding:0;box-sizing: border-box;}
	.gallery_right img {width:100%;}
	.living_num{bottom:41px}

}

@media screen and (max-width : 1000px) {

	/* container3 */
	.inspi_wrap {width:100%;padding:0 5px;box-sizing: border-box;}
	.inspi_product_list li {margin-left: 4%;display: inline-block;width: 46%;margin-bottom:4%;}
	.inspi_product_list li:nth-child(2n+1) {margin-left:0;}
	
	.ranking_list li {width:47%}
	.ranking_list li:nth-child(3) {margin-left:0}

	/* container5 */
	.perform_list li {width: 46%;margin-left: 4%;margin-bottom:4%;}
	.perform_list li:nth-child(2n+1) {margin-left:0;}
	/* .perform_photo {height: 250px;} */
	.perform_name {font-size: 1.1em;height: 40px;line-height: 40px;}
	
	.inspi_product {padding: 0 60px; transition: 0.3s all}
	/* container6 */
	.main_title2 {font-size:1.3em;padding-left:0px;}
	.main_title2 span {font-size:1.3em;}
	.living_tit {font-size:17px; height:270px; padding:0 10px; line-height:26px;}
	.living_num {font-size:13em; bottom:25px}
}

@media screen and (max-width : 850px) {
	.perform_wrap {width: 100%;padding: 0 0px;}
}

@media screen and (max-width : 800px) {

	/* container */
	/*.visual {padding:0 20px;}
	.visual_bg1 {height: 550px;background: url(/a_html/images/visual_bg.png) no-repeat top center; background-size:cover;}
	.visual_bg2 {height: 550px;background: url(/a_html/images/visual_bg.png) no-repeat top center; background-size:cover;}
	*/
	/*.visual_ment {font-size: 1.7em;line-height: 45px;}
	.vm1 {font-size:1.7em;}
	.vm2 {font-size:1.7em;}
	.vm3 {font-size:1.7em;}*/

	.main_product_list li {/*width: 20%;*/margin-bottom:70px;}

	/* container2 */
	.now_left {position:relative;left:0;width:100%;padding: 0 10px;}
	.ranking_tit {margin-bottom:40px;font-size:20px;}
	.ranking_list {justify-content:flex-start;}
	.ranking_category {margin-bottom:40px;}
	.ranking_category li {font-size:1em;width:24.5%;display:inline-block;line-height:35px;}
	.now_right {padding-left:0;padding-right:0;}
	
}

@media screen and (max-width : 700px) {
	
	/* container */
	.main_title {font-size:2em;}
	

	

	/* container3 */
	.inspi_tit  {font-size:1.6em;}
	.inspi_con {font-size:1.4em;}

	.inspi_product_name {font-size:1.5em;}
	
	/* container4 */
	.gallery_stit {font-size:1.4em;}
	.gallery_con {font-size:1.4em;}

	/* container5 */
	.mp_name {font-size:15px;}
	.main_product_list li {float:left;width:47%;margin-left:3%;margin-bottom:50px;}
	.main_product_list li:first-child {margin-left:0;}
	.main_product_list li:nth-child(4n+1) {margin-left:3%;}
	.main_product_list li:nth-child(2n+1) {margin-left:0;}

	/* .ranking_list li {width: 47%;margin-left: 3%;} */

}

@media screen and (max-width : 640px) {

	/* container */
	.visual {padding:0 0px;margin-top:100px;}
	/*.visual_bg1 {height: 300px;}
	.visual_bg2 {height: 300px;}*/
	
	/*.visual_ment {margin-top: -70px;font-size: 1.5em;line-height: 40px;}
	.vm1 {font-size:1.5em;}
	.vm2 {font-size:1.5em;}
	.vm3 {font-size:1.5em;}*/

	#container_main {margin-top: 80px;}
	.cm_content2 {margin-top:0px}
	.now_wrap {margin-top:0}

	.main_title {font-size: 22px;}

	
	/* container1 */
	/* .main_product_list li {float:left;width:100%;margin-left:0;margin-bottom:50px;}
	.main_product_list li:first-child {margin-left:0;}
	.main_product_list li:nth-child(4n+1) {margin-left:0;}
	.main_product_list li:nth-child(2n+1) {margin-left:0;} */

	/* container2 */
	.cm_content3 {margin: 60px auto 0 auto;}

	.ranking_category li {width:49%;}
	/*.ranking_list li {width:100%;margin-left:0; margin-bottom: 5%;}*/
	.ranking_name {font-size:14px;line-height:24px;}
	.rn_tit {font-size:14px;}
	.rn_writer {font-size:14px;}

	/* container3 */
	.inspi_video {margin-top: 70px;height:auto;}
	.inspi_tit  {font-size:19px;}
	.inspi_con {font-size:14px;line-height:26px;}
	/*.inspi_product_list li {margin-left: 0%;display: inline-block;width: 100%;margin-bottom:20px;}
	.inspi_product_list li:nth-child(2n+1) {margin-left:0;}*/
	
	.inspi_product_photo {margin-bottom: 10px;}
	.inspi_product_name {font-size:14px;}
	
	/* container4 */
	.gallery_left {padding: 40px 0 80px 0}
	.cm_content4 {margin: 80px auto 0 auto;}
	.gallery_tit {font-size:22px;}
	.gallery_wrap {padding: 40px 15px;}
	.gallery_stit {font-size:19px;}
	.gallery_con {font-size:14px;}
    .cm_content5 {margin:60px auto 0 auto; }		

	/* container5 */
	.mp_name {font-size:14px;}

	.perform_list li {float:left;display:inline-block;width:100%;margin-left:0;position:relative;}
	.slider-perform .slick-slide {margin: 0 5px;}
	.perform_wrap {width: 100%; padding: 0 0;}
	
	.inspi_product {padding: 0 40px; transition: 0.3s all}
	
	/* container6 */
	.cm_content6 {padding: 0 0px;margin: 80px auto 0 auto;}
	.main_title2 {padding:0 15px;font-size: 1em;}
	.main_title2 span {display: block;margin-bottom: 10px;font-size: 1.1em;}

	.living_tit {font-size: 15px; height: 250px;line-height: 24px;}

}

@media screen and (max-width : 480px) {
	.inspi_product {padding: 0 20px; transition: 0.3s all}
}