@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1920px ){
	.main-visual-item .main-visual-txt-inner {margin-top:9.3750vw; margin-left:10.1563vw;}
/* 	두번째 아이템
	.main-visual-item.item02 .main-visual-txt-inner {margin-left:12.7604vw;} */
}
@media all and (max-width:1366px){
	.main-visual-menu-wrap {width:233px;}
	.main-visual-menu-wrap .logo img {max-width:100%;}
	.main-visual-con-wrap {width:calc(100% - 233px);}
	.main-visual-item .main-visual-txt-inner { margin-left:100px;}
/* 	두번째 아이템
	.main-visual-item.item02 .main-visual-txt-inner {margin-left:100px;} */
}
@media all and (max-width:1024px){
	#mainVisual {height:auto !important; margin-top: 60px !important;}
	.main-visual-menu-wrap {display:none;}
	.main-visual-con-wrap {width:100%; float:none;}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block; padding-top: 122.6666666667%; position: relative; height: 0;}
	.main-visual-m-img img{
    width: 100%;
    width: calc(100% + 1px);
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-inner,
	.main-visual-item.item02 .main-visual-txt-inner  {margin:90px 0 0 15px;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-controls {margin-left:0;}
	.main-visual-controls .inner {justify-content:center;}
	.main-visual-thumb , .main-visual-controls .count-box{display:none !important; }
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-inner,
	.main-visual-item.item02 .main-visual-txt-inner  {margin:45px 0 0 15px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:46px; margin-bottom:5px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:16px; margin-bottom:9px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 span {margin-bottom:-16px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:13px;}

	.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 {line-height:1;}
	.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="For"] , 
	.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="For"] + .whitespace,
	.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="Your"] ,
	.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="Your"] + .whitespace ,
	.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="Happiness"] {font-size:35px; }
	/* 메인 비주얼 :: 화살표 */
	.main-visual-controls {bottom: 15px;}
	.main-visual-controls .slick-arrow {width:28px; height:28px; font-size:18px; line-height:30px; margin:0 7px;}
	.main-visual-controls .slick-arrow.slick-prev {margin-right:7px;}
}

@media all and (max-width:480px){
	#mainVisual {margin-top:60px;}
}

@media all and (min-width:1025px) and (max-height:800px) and (min-height:721px){
	.main-visual-item .main-visual-txt-inner {margin-top:80px;}
}


/* ******************  메인 컨텐츠 :: Product ********************** */
@media all and (min-width:801px){
	.main-product-slide .slick-arrow:hover.slick-prev i {right:10px;}
	.main-product-slide .slick-arrow:hover.slick-next i {left:10px; }
	.main-product-item .txt-box .more-btn { border:3px solid #383532; 
		-webkit-transition: all 0.5s ease 0.5s, background-color 0.4s 0s, color 0.4s 0s;
	 transition: all 0.5s ease-in-out 0.5s, background-color 0.4s 0s, color 0.4s 0s;
	}
	.main-product-item .txt-box .more-btn:hover {background-color:#fff; color: #383532}
}
@media all and (max-width:1920px){
	.main-product-con .slide-box {padding:0 6.0937vw;}
	.main-product-item .txt-box {padding-left:4.6354vw;}
	.main-product-item .txt-box .txt{margin-top:2.0833vw;}
	.main-product-item .img-box  {padding:0 2.3958vw 0 3.9583vw;}
}
@media all and (max-width:1660px){
	.main-product-con .slide-box {padding:0 30px;}
}
@media all and (max-width:1460px){
	.main-product-slide-wrap {width:calc(100% - 294px); }
	.main-product-item .txt-box .store {font-size:16px;}
	.main-product-item .txt-box .name {font-size:46.2px;}
	.main-product-item .txt-box .txt {font-size:17px;}
	.main-product-item .txt-box .txt br {display:none;}
	.main-product-item .txt-box .more-btn {width:135.8px; height:46.2px; margin-top:28px;}
	.main-product-item .txt-box .more-btn > * {line-height:46.2px;}
	.main-product-item .txt-box .more-btn i {margin-left:20px;}
	.main-product-item .img-box .img-wrap:before {background-size:90%;}
	.main-product-preview {width:147px;}
	.main-product-preview .img-wrap span {top:42px; bottom: 42px;}
	.main-product-preview dd {font-size:16px;}
}
@media all and (max-width:1024px){
	#mainProductCon {margin-top:-80px;}
	.main-product-slide-wrap {width:100%; }
	.main-product-con-inner {padding:0 30px;}
	.main-product-con .slide-box {padding:0;}
	.main-product-slide {padding:0 30px; }
	.main-product-slide .slick-arrow.slick-prev {left:-11px;}
	.main-product-slide .slick-arrow.slick-next {right:-11px;}
	.main-product-item .txt-box {padding-left:0;}
	.main-product-item .txt-box .check-txt {margin-top:10px;}
	.main-product-item .img-box {padding:0;}	
	.main-product-preview {display:none;}
}
@media all and (max-width:800px){
	.main-product-con {padding:55px 0 65px;}
	.main-product-slide {padding:0;}
	.main-product-slide > .slick-arrow {transform:none; }
	.main-product-item .inner-box {display:block; position:relative; padding-bottom: 100px;}
	.main-product-item .txt-box {width:100%; text-align:center;}
	.main-product-item .txt-box .store {font-size:16px;}
	.main-product-item .txt-box .name {font-size:42px;}
	.main-product-item .txt-box .txt {font-size:16px;}
	.main-product-item .txt-box .check-txt { text-align:left; font-size:13px;}
	.main-product-item .txt-box .more-btn {position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:174.5px; height:60px; }
	.main-product-item .txt-box .more-btn > * {line-height:60px;}
	.main-product-item .txt-box .more-btn i {margin-left:30px;}
	.main-product-item .img-box {width:100%; margin-top:42px; padding:0 30px;}
	.main-product-item .img-box .img-wrap span {display:block; position:absolute; top:15px; bottom:15px; left:0; right:0; }
}
@media all and (max-width:480px){
	#mainProductCon {margin-top:-60px;} 
}

/* ******************  메인 컨텐츠 :: QuickMenu  ********************** */
@media all and (max-width:1460px){
	.main-quick-menu-item .txt-box {left:4.7945vw; right:4.7945vw; }
}
@media all and (max-width:1024px){
	.main-quick-menu-item .img-wrap {padding-top:0; height:254.8px;}
}
@media all and (max-width:800px){
	.main-quick-menu-item {width:100%; float:none; }
	.main-quick-menu-item .img-wrap {height:225px;}
	.main-quick-menu-item.data .img-wrap {background-image:url("../images/main/main_data_bg_m.jpg");}
	.main-quick-menu-item.video .img-wrap {background-image:url("../images/main/main_video_bg_m.jpg");}
	.main-quick-menu-item .txt-box {left:9.3750vw; right:9.3750vw; }
	.main-quick-menu-item .txt-box .tit {font-size: 25px; }
	.main-quick-menu-item .txt-box .txt {font-size:14px; margin-top:10px;}
	.main-quick-menu-item .txt-box .more {margin-top:20px;}
}

/* ******************  메인 컨텐츠 :: News  ********************** */
@media all and (min-width:801px){
	.main-news-list a .arrow,
	.main-news-list a .arrow i {transition: all 0.4s;}
	.main-news-list a:hover .arrow {background-color: #333;}
	.main-news-list a:hover .arrow i {color: #fff;}
}
@media all and (max-width:800px){
	#mainNewsCon {padding:67.5px 0 69px;}
	.main-news-con .tit-box .tit {font-size:41px; }
	.main-news-list {margin-top:20px;}
	.main-news-list a {padding:25px 0 17px;}
	.main-news-list a .txt-box {width:100%;}
	.main-news-list a .tit {font-size:17px;}
	.main-news-list a .txt {font-size:13px; line-height:1.571;  margin-top:12px; max-height:3.142em; white-space:normal; 
		overflow:hidden;
		display:block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.main-news-list a .date-box {position:static; text-align:right; transform:none; margin-top:10px;}
	.main-news-list a .arrow {display:none;}
}

/* ******************  메인 컨텐츠 :: Inquiry  ********************** */
@media all and (min-width:801px){
	.main-inquiry-btn {border:3px solid #383532; transition: all 0.4s;}
	.main-inquiry-btn:hover {background-color:#fff; color: #383532;}
}
@media all and (max-width:1024px){
	.main-inquiry-con .txt-box {float:none; width:100%; padding-right:0;}
	.main-inquiry-con .agree-check-box {margin-top:40px}
	.main-inquiry-btn.pc-ver {display:none;}
	.main-inquiry-btn.m-ver {display:block; margin:60px auto 0;}
	/* 문의폼 */
	.main-inquiry-con .form-box {float:none; width:100%; margin-top:30px;}
}
@media all and (max-width:800px){
	#mainInquiryCon {padding:88px 0 60px;}
	.main-inquiry-con .txt-box .tit {font-size:41px;}
	.main-inquiry-con .txt-box .tit span {display:none;}
	.main-inquiry-con .agree-check-box {margin-top:30px} 
	.main-inquiry-btn.m-ver {width:200px; height:50px; margin-top:30px; font-size: 15px;}
	.main-inquiry-con .form-box .form-item {display:block; margin:0; }
	.main-inquiry-con .form-box .form-input-item {display:block; width:100%; height:46.5px; padding:0 15px; margin:12px 0; }
	.main-inquiry-con .form-box .form-input-item label { left:15px; font-size:15px;}
	.main-inquiry-con .form-box .inquiry-input {margin-top:0; top:2px;}
	.main-inquiry-con .form-box .form-item.textarea .form-input-item {height:191px; margin:12px 0 0; padding:50px 15px 15px;}
	
	.main-inquiry-con .agree-check-box label {font-size: 13px;}
}