@charset "utf-8";
@import url('reset.css');
@import url('aos.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@300;400;500;600;700;800&display=swap');


/* 팝업레이어 */
#hd_pop {z-index:99999999;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

@media (max-width:1200px){
#hd_pop {width:100%;}
}

/* 상단 레이아웃 */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center; border:0; border-radius:3px; font-size:16px; font-family:"Noto Sans KR", Sans-serif;transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center; padding-top:30px;} /* 서식단계 진행 */

.btn_submit {border:0;background:#000;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#222}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 10px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top;} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:13px;}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#838c9a;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#9da4b1}
a.btn_b02,.btn_b02 {display:inline-block;background:#000;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#555}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block; background:#d13f4a; color:#fff; text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}
.btn_big, a.btn_big{line-height:45px;height:45px;padding:0 25px; text-align:center; border:0; border-radius:3px; cursor:pointer; font-size:18px;}

@media (max-width:768px){
	a.btn,.btn{line-height:30px;height:30px;padding:0 10px; font-size:14px;}
	.btn_big, a.btn_big{line-height:35px;height:35px;padding:0 20px; font-size:15px;}
}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px; font-family:'Noto Sans KR', sans-serif;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center; }
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8; font-family:'Noto Sans KR', sans-serif;}
.tbl_head01 td {color:#666; padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all; font-family:'Noto Sans KR', sans-serif;}
.tbl_head01 td a {font-family:'Noto Sans KR', sans-serif;}
.tbl_head01 tbody tr:hover td{background:#fafafa;}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em; font-family:'Noto Sans KR', sans-serif;}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top; font-family:'Noto Sans KR', sans-serif;} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff; font-family:'Noto Sans KR', sans-serif;}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all; font-family:'Noto Sans KR', sans-serif;}
.tbl_head02 a {}


/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle; font-weight:500;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#888; padding:0 5px; text-decoration:none;border-radius:3px;}
.pg_page:hover{color:#000;}
.pg_start {overflow:hidden; padding-right:15px; vertical-align:middle;}
.pg_prev {overflow:hidden; padding-right:15px; vertical-align:middle;}
.pg_end {overflow:hidden; padding-left:15px; vertical-align:middle;}
.pg_next {overflow:hidden; padding-left:15px; vertical-align:middle;}
/*.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#555}*/
.pg_current {color:#000; font-weight:700; padding:0 5px;border-radius:3px;}
.pg_page i {color:#888;}


/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:13px 0 13px 20px;background:#000;font-size:25px; color:#fff; font-weight:600}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:600;text-decoration:none}
.new_win .win_desc {margin:0 20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 15px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 15px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative; }
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden; display:none;}
#captcha #captcha_img {width:100px;height:43px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {vertical-align:top; margin:0 0 0 21px;padding:0 5px;width:70px;height:43px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:13px;letter-spacing:-0.1em}

/* text - 기존홈페이지 스타일 */
.t136		{font-size:13px; color:#666 !important; line-height:19px !important;}


/* foot */
.foot-main {background:#252525; padding-left:90px;}
#ft {position:relative; width:90%; margin:0 auto; padding:70px 0 40px;}
.ft-menu {position:absolute; right:0; top:70px; width:200px;}
.ft-menu li {padding-bottom:10px;}
.ft-menu li a {display:inline-block; font-size:15px; color:#888; font-family:'Noto Sans KR', sans-serif;}
.ft-menu li:first-child a {color:#fff;}
.ft-sns {position:absolute; right:0; top:180px; width:200px; display:flex;}
.ft-sns li {padding-right:10px;}
.ft-sns li img {height:18px;}
.ft-info  h2 {font-size:15px; color:#fff; font-weight:700; font-family:'Noto Sans KR', sans-serif;}
.ft-info p {padding-top:15px; max-width:1000px; width:65%;}
.ft-info p span {display:inline-block; color:#888; font-size:15px; padding-right:12px; font-family:'Noto Sans KR', sans-serif;}
.ft-info .copyright {font-size:15px; color:#666; font-family:'Noto Sans KR', sans-serif; margin-top:70px;}

@media (max-width:1024px){
	#ft {margin-top:70px;} /* side-bar 영역 만큼 */
	.foot-main {padding-left:0;}
	.ft-menu {width:140px;}
	.ft-sns {width:140px;}
}
@media (max-width:768px){
	#ft {width:100%; padding:50px 20px 30px;}
	.ft-menu {right:20px; top:50px;}
	.ft-menu li {padding-bottom:6px;}
	.ft-menu li a {font-size:13px;}
	.ft-sns {right:20px; top:150px;}
	.ft-info p span {font-size:13px; padding-right:10px;}
	.ft-info .copyright {font-size:13px;  margin-top:50px}
}
@media (max-width:480px){
	#ft {padding:40px 15px 30px;}
	.ft-menu {position:relative; right:0; top:0; display:flex; width:auto;}
	.ft-menu li {padding-bottom:6px; padding-right:10px;}
	.ft-sns {position:relative; right:0; top:0; padding:10px 0;}
	.ft-info  h2 {padding-top:20px;}
	.ft-info p {width:100%;}
	.ft-info .copyright { margin-top:30px}
}





/* side */
#side-bar {position: fixed; top: 0; left:0;  display: block; width:90px; height: 100%; border-right:1px solid #e8e8e8; background-color: #fff; z-index: 100;}
#side-bar .logo {position:absolute; top:70px; margin-left:28px;}
#side-bar .logo .logo-pc {display:block; }
#side-bar .logo .logo-mobile {display:none;}
#side-bar .hamburger {display:fixed; flex-direction:column; position:absolute; left:30px; height:24px; top:50%; margin-top:-12px; width:24px; cursor:pointer; }
#side-bar .hamburger span {display:block; background:#000; height:2px; margin-bottom:5px; transition: all ease 0.5s;}
#side-bar .hamburger span:nth-child(1) {width:10px;}
#side-bar .hamburger span:nth-child(2) {width:24px;}
#side-bar .hamburger span:nth-child(3) {width:14px;}
#side-bar .hamburger:hover span:nth-child(1) {width:14px;}
#side-bar .hamburger:hover span:nth-child(2) {width:10px;}
#side-bar .hamburger:hover span:nth-child(3) {width:24px;}
#navigation {display:none; position:fixed; left:0; top:0; background:#fff url('/img/bg-nav.jpg') no-repeat center / cover; width:100%; height:100vh; z-index:1000;}

/* main */
.header{position: fixed;right: 30px;/*top:50%;margin-top:-75px;*/ z-index:100;} 
.header div {} 
.header .mGnb {display:flex; flex-direction:column;} 
.header .mGnb li{margin:10px 0;} 
.header .mGnb li a {position:relative;display:block; width:12px; height:12px; background:#f5f5f5; border:2px solid #ddd;border-radius:50%;} 
.header .mGnb li a:hover, .header .mGnb li.on a{border:2px solid #c9002b;}
 
#main{position:relative; background:#f5f5f5; z-index:0; }
#main > article {width: 90%; margin: 0 auto; height: 100vh; }

@media (max-width:1280px){
	.header{right: 20px}
}

@media (max-width:1024px){
	#side-bar {position: fixed; top: 0; width:100%; height:70px; border-right:none; border-bottom:1px solid #e8e8e8; z-index:100;}
	#side-bar .logo {position:absolute; right:30px; top:23px; width:90px;}
	#side-bar .logo .logo-pc {display:none; }
	#side-bar .logo .logo-mobile {display:block;}
	#side-bar .hamburger {left:30px; margin-top:-10px;}

	.header {display:none;}
	#main > article {width:100%; height:auto; padding:50px 30px;}

}
@media (max-width:768px){
	#side-bar .logo {right:20px; }
	#side-bar .hamburger {left:20px;}
	#main > article {padding:30px 20px;}
}



 

/* intro */
#main .cont_0 {padding-top:10vh;}
.mySwiper {height:80vh;}
.mySwiper .swiper-slide {display:flex; justify-content:flex-end;  flex-direction:column; }	
.mySwiper .swiper-slide > div {opacity:0; font-size:14px; color:#fff; font-weight:800; letter-spacing:0.15em; padding-left:6%;}
.mySwiper .swiper-slide > p {opacity:0; margin-top:20px; margin-bottom:20px; font-size:32px; color:#fff; font-weight:500; letter-spacing:0; padding-left:6%;} 
.mySwiper .swiper-slide a {display:inline-block; margin-bottom:180px; cursor:pointer; margin-left:6%;}
.mySwiper .swiper-slide.swiper-slide-active > div {animation: text 1s .2s both;}
.mySwiper .swiper-slide.swiper-slide-active > p {animation: text 1s .5s both;}
.mySwiper .swiper-slide.swiper-slide-active > a {animation: text 1s .8s both;}
.mySwiper .swiper-slide.video-slide {display:flex; justify-content:center; align-content:center; background:#000;}
.mySwiper .swiper-slide .video-container {position: relative; height:100%; width:100%; overflow: hidden; }
.mySwiper .swiper-slide .video-container video {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
/*.mySwiper .swiper-slide .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} 
.mySwiper .swiper-slide .video-container iframe {position: absolute; top: 0; left:0px; width: 101%; height: 100%;} youtube 영상일때 */

@keyframes text {
	0%		{opacity:0; transform:translateY(30px);}
	100%	{opacity:1; transform:translateY(0);}
}
.mySwiper .swiper-pagination.swiper-pagination-bullets {left:6% ; bottom:50px;}

.btn-discover {display: inline-block;  position: relative; z-index:1; }
.btn-discover .circle {position:absolute; display:flex; justify-content:center; align-items: center; left:0; top:0; width:50px; height:50px; border:1px solid #fff; text-align:center; border-radius:50%; z-index:0; transition:all ease 0.3s;}
.btn-discover .circle i {opacity:0; color:#c9002b; transition:all ease-in 0.2s;}
.btn-discover p {position:absolute; left:30px; top:20px; width:260px; color: #c9002b; font-size:15px; font-weight:700; letter-spacing: 1px; z-index:1; transition:all ease 0.3s;}
.btn-discover:hover .circle {background:#fff;}
.btn-discover:hover .circle i {opacity:1}
.btn-discover:hover p {left:65px;}

.scroll {position:absolute; right:0; bottom:130px; z-index:100; }
.scroll .down {position:relative; width:1px; height:50px; background:rgba(255,255,255,0.3); margin:0 auto; overflow:hidden;}
.scroll .down:after {display:inline-block; position:absolute; left:0; top:0; width:1px; height:15px; background:#fff; z-index:10; content:''; animation:pulse 1s 1s infinite;}
.scroll p {font-size:13px; color:#fff; transform:rotate(-90deg); padding-right:50px;}
@keyframes pulse {
  0% {top:0; opacity: 1;}
  100% {top:50px; opacity: 0;}
}

@media (max-width:1024px){
	.foundation .data_group > section.f-st01 {padding-top:100px}
}
@media (max-width:768px){
	.mySwiper .swiper-slide > div {font-size:12px;}
	.mySwiper .swiper-slide > p {margin-top:15px; margin-bottom:15px; font-size:26px;} 
	.mySwiper .swiper-slide a {margin-bottom:160px;}

	.btn-discover .circle {width:40px; height:40px;}
	.btn-discover .circle i {font-size:20px;}
	.btn-discover p {left:30px; top:15px; font-size:14px;}
	.btn-discover:hover p {left:50px;}
	.scroll {display:none;}

	/*.mySwiper .swiper-slide .video-container {position: relative; padding-bottom: 170%; padding-top: 30px; height: 0; overflow: hidden;}
	.mySwiper .swiper-slide .video-container iframe {position: absolute; top: 0; left:0px; margin-left:-100%; width: 300%; height: 100%;  overflow-x:hidden;}youtube 영상일때 */
}




/* Brand*/
.brand-intro {display:flex; flex-wrap:wrap; justify-content:space-between; align-content:center; height:100%;}
.brand-intro li {position:relative; width:31%; margin:1.2% 0; overflow:hidden;} 
.brand-intro li:nth-child(1) {width:65.5%;}
.brand-intro li:nth-child(2) {width:31%;}
.brand-intro li a {display:block; overflow:hidden; line-height:0;}
.brand-intro li img {width:100%; transition: transform ease-in .4s; line-height:0;}
.brand-intro li:hover img {transform: scale(1.03); }
.brand-intro li .overlay {display:inline-block;  position:absolute; left:30px; bottom:50px;  z-index:1;}
.brand-intro li .overlay .circle {position:absolute; display:flex; justify-content:center; align-items: center; right:-35px; top:-12px; width:50px; height:50px; border:1px solid rgba(255,255,255,0.3); text-align:center; border-radius:50%; z-index:0; transition:all ease 0.3s;}
.brand-intro li .overlay .circle i {opacity:0; color:#000; transition:all ease-in 0.2s;}
.brand-intro li .overlay p {color: #fff; font-size:24px; font-weight:500; z-index:1; transition:all ease 0.3s;}
.brand-intro li:hover .overlay .circle {background:#fff; right:-65px;}
.brand-intro li:hover .overlay .circle i {opacity:1}
                   
@media (max-width:1024px){
	.brand-intro li {position:relative; width:100%;} 
	.brand-intro li:nth-child(1),
	.brand-intro li:nth-child(2) {width:100%; height:auto;}
}
@media (max-width:768px){
	.brand-intro li .overlay {left:20px; bottom:40px;}
	.brand-intro li .overlay p {font-size:18px;}
	.brand-intro li .overlay .circle {right:-20px; top:-10px; width:40px; height:40px;}
	.brand-intro li .overlay .circle i {font-size:20px;}
	.brand-intro li:hover .overlay .circle {right:-55px;}	
}
@media (max-width:480px){
	.brand-intro li .overlay {bottom:30px;}
}





/* Collection */
#main .cont_2 {width:80%; max-width:1400px;}
#main .cont_2  .spaceBox {position:relative; padding:15vh 0 0 30px;}
#main .cont_2  .spaceBox .deco {position:absolute; left:0; top:62%; transform: rotate(-90deg); transform-origin:0 0; letter-spacing:1px; font-size:15px; color:#000; font-weight:600;}
#main .cont_2  .spaceBox .deco span {color:#c9002b; letter-spacing:1px;}
.mySwiper-coll {height:70vh; background-size:cover; padding-bottom:60px !important;}
.mySwiper-coll .swiper-slide .info-coll {position:absolute; right:50px; top:10%; display:flex; justify-content:flex-end; flex-direction:column; background:#fff; padding:40px; width:500px; box-shadow:0px 0px 20px 5px rgba(0,0,0,0.3); z-index:100; cursor:pointer;}	
.info-coll p {font-size:13px; color:#000; font-weight:800; letter-spacing:0.15em;}
.info-coll p:before {display:inline-block; width:20px; height:2px; background:#c9002b; margin-bottom:4px; margin-right:15px;content:'';}
.info-coll h4 {font-size:24px; font-weight:800; color:#000; margin-top:30px; letter-spacing:0;}
.info-coll a {font-size:15px; font-weight:700; color:#c9002b; margin-top:40px; letter-spacing:1px; text-align:right;}
.mySwiper-coll .swiper-slide.swiper-slide-active .info-coll {animation: whiteInfo 1.5s .2s both;}
.mySwiper-coll .swiper-slide.swiper-slide-active .info-coll > p {animation: text 1s .7s both;}
.mySwiper-coll .swiper-slide.swiper-slide-active .info-coll > h4 {animation: text 1s .9s both;}
.mySwiper-coll .swiper-slide.swiper-slide-active .info-coll > a {animation: text 1s 1.2s both;}
	@keyframes whiteInfo {
		0%		{opacity:0; transform:translateX(40px);}
		100%	{opacity:1; transform:translateX(0);}
	}
.mySwiper-coll .swiper-pagination-bullets {bottom:0 !important;}
.mySwiper-coll .swiper-pagination-bullet {background: #aaa;}
.mySwiper-coll .swiper-pagination-bullet-active {background: #c9002b;}


@media (max-width:1280px){
	.mySwiper-coll .swiper-slide .info-coll {padding:30px; width:400px;}
}
@media (max-width:1024px){
	#main .cont_2 {width:95%;}
	#main .cont_2 .spaceBox {position:relative; padding-top:0; padding-left:30px;}
}
@media (max-width:768px){
	.mySwiper-coll {padding-bottom:40px !important;}
	.mySwiper-coll .swiper-slide .info-coll {right:30px; top:30px; padding:30px 20px; width:300px;  box-shadow:0px 0px 12px 2px rgba(0,0,0,0.2);}
	.info-coll p {font-size:12px;}
	.info-coll p:before {width:15px; height:2px; margin-right:10px;}
	.info-coll h4 {font-size:18px; margin-top:25px;}
	.info-coll a {font-size:14px; margin-top:30px;}
}
@media (max-width:480px){
	#main .cont_2 .spaceBox {position:relative; padding:5vh 0 0 30px;}
	#main .cont_2.spaceBox .deco {position:absolute; left:0; top:62%; font-size:12px;}

	.mySwiper-coll .swiper-slide .info-coll {right:20px; top:20px; padding:20px; width:200px;}
	.info-coll h4 {font-size:16px; margin-top:15px;}
	.info-coll a {font-size:10px; margin-top:20px;}
}




/* Category */
#main .cont_3 {width:100%; max-width:1400px;}
.category {display:flex; justify-content: center; align-items:center; height:100%; margin:0 auto;}
.category-container {width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:30px 66px;}
.category li {background:#fff; border:1px solid #ececec; box-shadow:0 0 5px 1px rgba(150,150,150,0.1); transition:all ease-in .2s;}
.category li .ca-img {position: relative; width:100%; overflow:hidden;}
/*.category li .ca-img:after {content: ""; display: block; padding-bottom: 100%;}*/
.category li .ca-img .in {width: 100%; line-height:0;}
.category li .ca-img img {width:100%; transition: transform ease-in .4s; line-height:0;}
.category li .ca-name {height:70px; font-size:18px; color:#000; transition:all ease-in .2s; padding:20px 25px;}
.category li .ca-name:before {display:block; margin:0 0 10px;; width:30px; height:2px; background:#c9002b; content:'';}
.category li:hover {box-shadow:0 0 20px 5px rgba(50,50,50,0.1);}
.category li:hover .ca-img img {transform: scale(1.03); }
.category li:hover .ca-name {color:#c9002b}
.category li:nth-child(1) {grid-row:1 / span 2;}



@media (max-width:1480px){
	.category-container {gap:20px 40px;}
}
@media (max-width:1280px){
	.category-container {gap:15px 30px;}
	.category li .ca-name {font-size:16px; padding:20px 18px;}
}
@media (max-width:1024px){
	.category-container {gap:15px 20px;}
}
@media (max-width:768px){
.category-container { grid-template-columns:repeat(3, 1fr); gap:15px;}
.category li .ca-name {height:60px; font-size:14px; padding:15px;}
.category li .ca-name:before {width:20px;}
.category li:nth-child(1) {grid-row:1 / span 1; grid-column:1 / span 3;}
.category li:nth-child(1) .ca-img {display:flex; justify-content: center; align-items:center; height:50vw;}

}
@media (max-width:480px){
.category-container { grid-template-columns:repeat(2, 1fr);}
.category li:nth-child(1) {grid-row:1 / span 1; grid-column:1 / span 2;}

}




/* Instagram */
#main .cont_4 {display:flex; flex-direction:column; justify-content: center; align-items:center; width:80%; max-width:1200px;}
.btn-snsBox a {display:inline-block; padding:0 12px;}
.instagram {display:grid; grid-template-columns:repeat(4, 1fr); width:100%; margin-top:50px;}
.instagram li {background:#000; transition:all ease-in .2s;}
.instagram li .in-img {position: relative; width:100%; overflow:hidden;}
.instagram li .in-img:after {content: ""; display: block; padding-bottom: 100%;}
.instagram li .in-img .in {position: absolute; width: 100%; height: 100%;}
.instagram li .in-img img {position: absolute; top: 0; left: 0; transform: translate(50, 50); width: 100%; height: 100%; object-fit: cover; margin: auto;}
.instagram li .in-img .overlay {position:absolute; top:10px;; display:flex; align-items:center; justify-content: center; width:100%; height:100%; text-align:center; z-index:10; opacity:0;  transition:all ease-in .2s;}
.instagram li .in-img .overlay i {font-size:30px; color:#fff;}
.instagram li:hover .in-img img {opacity:0.6;}
.instagram li:hover .in-img .overlay {opacity:1; top:0;}

@media (max-width:1024px){
	#main .cont_4 {width:100%;}
	.btn-snsBox a img {height:24px;}
	.instagram {grid-template-columns:repeat(3, 1fr); margin-top:35px;}
	.instagram li:nth-child(7), .instagram li:nth-child(8) {display:none;}
}
@media (max-width:768px){
	.btn-snsBox a img {height:20px;}
	.instagram {grid-template-columns:repeat(2, 1fr); margin-top:20px;}
	.instagram li:nth-child(5), .instagram li:nth-child(6) {display:none;}
}




/* store */
#main .cont_5 {width:80%; max-width:1400px;}
#main .cont_5  .spaceBox {position:relative; padding:10vh 0 0 30px;}
#main .cont_5  .spaceBox .deco {position:absolute; left:0; top:62%; transform: rotate(-90deg); transform-origin:0 0; letter-spacing:1px; font-size:15px; color:#000; }
#main .cont_5  .spaceBox .deco span {color:#c9002b; letter-spacing:1px;}
.st-info {position:absolute; left:17%; bottom:-10vh; display:flex; justify-content:flex-end; flex-direction:column; background:#fff; padding:40px; width:70%; box-shadow:0px 0px 20px 5px rgba(150,150,150,0.1); z-index:100; cursor:pointer;  transition:all ease-in .2s;}
.st-info p {font-size:13px; color:#000; font-weight:800; letter-spacing:0.15em;}
.st-info p:before {display:inline-block; width:30px; height:2px; background:#c9002b; margin-bottom:4px; margin-right:15px;content:'';}
.st-info h4 {font-size:24px; color:#000; margin-top:30px; font-family:'Noto Sans KR', sans-serif; font-weight:300;}
.st-info a {font-size:15px; font-weight:700; color:#c9002b; margin-top:40px; letter-spacing:1px; text-align:right;}
.st-info:hover {bottom:-7vh; box-shadow:0px 0px 20px 5px rgba(50,50,50,0.1);}

@media (max-width:1280px){
	.st-info {padding:30px;}
}
@media (max-width:1024px){
	#main .cont_5 {width:95%;}
	#main .cont_5  .spaceBox {position:relative; padding:0 0 0 30px; margin-bottom:10vh}
}
@media (max-width:768px){
	.st-info {padding:30px 20px; bottom:-13vh;}
	.st-info p {font-size:12px;}
	.st-info p:before {width:15px; height:2px; margin-right:10px;}
	.st-info h4 {font-size:18px; margin-top:25px;}
	.st-info a {font-size:14px; margin-top:30px;}
	.st-info:hover {bottom:-10vh;}
}
@media (max-width:480px){
	#main .cont_5 {width:100%;}
	#main .cont_5 .spaceBox .deco {position:absolute; left:0; top:80%; font-size:12px;}
	.st-info {left:20%; bottom:-12vh; padding:20px;}
	.st-info h4 {font-size:15px; margin-top:15px;}
	.st-info h4 br {display:none;}
	.st-info a {font-size:10px; margin-top:20px;}
}



/* News letter */
.letterBox {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; height:100%;}
.letterBox p {font-size:13px; color:#000; font-weight:800; letter-spacing:0.15em;}
.letterBox p:before {display:block; width:30px; height:2px; background:#c9002b; margin:0 auto 15px;; content:'';}
.letterBox h4 {font-size:24px; color:#000; margin-top:40px; font-family:'Noto Sans KR', sans-serif; font-weight:300;}
.letter-form {margin-top:50px; max-width:500px;}
.letter-form input {width:100%; height:50px; border:1px solid #e5e5e5; background:#fff; margin-bottom:20px; font-size:18px; padding:0 15px;}
.letter-form .btn-send {display:block; height:50px; background:#888; color:#fff; line-height:50px; font-size:15px; font-weight:600; letter-spacing:0.15em; transition:all ease-in .2s}
.letter-form .btn-send:hover { background:#000;}

@media (max-width:768px){
	.letterBox {padding:10vh 0;}
	.letterBox p {font-size:12px;}
	.letterBox h4 {font-size:18px; margin-top:25px;}
	.letter-form {margin-top:30px;}
	.letter-form input {height:40px; margin-bottom:10px; font-size:15px; padding:0 10px;}
	.letter-form .btn-send {height:40px; line-height:40px; font-size:14px;}
}







/*******  sub  **********/
#wrapper {position: relative;  left: 90px; width: calc(100% - 90px); z-index:10; background:#f5f5f5;}
#container {}
#container .sub-container {max-width:1400px; width:96%; margin:-80px auto 0; padding-bottom:8vw;}

.sub-head {background:#fff;}
.sub-head-blk {background:#000;}
.head-container {max-width:1400px; width:96%; margin:0 auto; height:350px; padding-top:40px;}
.head-container p {position:relative; font-size:14px; color:#000; font-weight:800; letter-spacing: 0.15em; animation: text 1s .2s both; text-transform:uppercase;}
.head-container p:before {display:inline-block; width:30px; height:2px; margin-right:12px; margin-bottom:5px; background:#c9002b; content:'';}
.head-container h2 {color:#000; font-size:60px; font-weight:600; letter-spacing:-0.05em; margin-top:20px; animation: text 1s .5s both;}
.head-container h2 .tit-view {color:#000;}
.head-container h2 .tit-head {color:#000;}

.tab-basic {display:flex; justify-content: flex-end; }
.tab-basic li {width:230px; margin-right:-1px;}
.tab-basic li a{display:block; background:#fff; color:#000; font-size:20px; font-weight:700; height:80px; text-align:center; border:1px solid #e8e8e8; line-height:80px; letter-spacing:-0.02em;}
.tab-basic li a.on {background:#000; color:#fff;}
.tab-basic li a.on span {color:#fff;}

.txtBox {color:#555; line-height:140%; font-family:'Noto Sans KR', sans-serif;  font-weight:400;}
.in-txtBox {font-size:18px; color:#555; line-height:150%; font-family:'Noto Sans KR', sans-serif;  font-weight:400;}
.slogan {color:#000; font-size:30px; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
h3.redTit {color:#c9002b; font-size:20px; padding-bottom:20px; font-family:'Noto Sans KR', sans-serif; font-weight:600;}
h3.insTit {color:#000; font-size:24px; padding-bottom:60px; font-weight:700;}


.ul_list li {line-height:150%; padding:0 0 8px; font-family:'Noto Sans KR', sans-serif;  font-weight:400;}

.bu_list li {position:relative; line-height:150%; padding:0 0 8px 15px; font-family:'Noto Sans KR', sans-serif;  font-weight:400;}
.bu_list li:before {position:absolute; display:inline-block; left:0; top:13px; width:4px; height:1px; background:#7f7f7f; content:'';}
.bu_list li.none:before {display:none;}

.tbl_basic table {width:100%; margin:0 0 20px;}
.tbl_basic table caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic table thead th {background:#000; padding:15px; border:1px solid #dbdbdb; font-weight:bold; color:#fff; font-family:'Noto Sans KR', sans-serif;  font-weight:500;}
.tbl_basic table tbody th {background:#f0f0f0; padding:15px; border:1px solid #dbdbdb; color:#333; font-family:'Noto Sans KR', sans-serif;  font-weight:500; }  
.tbl_basic table tbody td {padding:15px; border:1px solid #ddd; line-height:130%;font-family:'Noto Sans KR', sans-serif;  font-weight:400;}  
.tbl_basic table tbody td input[type=text],
.tbl_basic table tbody td input[type=password] {border:1px solid #ddd; line-height:40px; height:40px; padding:0 5px; font-size:16px;}
.tbl_basic table tbody td select {border:1px solid #ddd; height:40px; vertical-align:middle; padding:0 5px;}
.tbl_basic table tbody td.bg_gray {background:#e0e0e0;}


@media (max-width:1280px){
	#container .sub-container {margin:-60px auto 0;}
	.head-container {height:26vw; padding-top:4vw;}
	.head-container h2 {font-size:4.5vw; margin-top:1.3vw; }

	.tab-basic li a {font-size:18px; height:60px; line-height:60px;}

}

@media (max-width:1024px){
	#wrapper {left:0; top:70px; width:100%;}
	/*.head-container {margin-top:70px;}*/

	.tab-basic li {width:24%;}
	.tab-basic li a{font-size:18px; height:60px;}

}

@media (max-width:768px){
	#container .sub-container {width:94%; margin:-50px auto 0;  padding-bottom:12vw;}
	.head-container {height:200px; width:94%;}
	.head-container p {font-size:13px;}
	.head-container p:before {width:20px; height:2px; margin-right:8px;}
	.head-container h2 {font-size:30px; margin-top:10px;}

	.tab-basic li {width:auto;}
	.tab-basic li a {font-size:16px; height:50px; line-height:50px; padding:0 15px;}
	.tab-basic li a span {display:none;}

	.txtBox {font-size:15px;}
	.in-txtBox {font-size:16px;}
	.slogan {font-size:22px;}
	h3.redTit {font-size:18px; padding-bottom:15px;}
	h3.insTit {font-size:21px; padding-bottom:40px;}

	.ul_list li {font-size:15px;}
	.bu_list li {font-size:15px;  padding:0 0 8px 12px;}

	.tbl_basic table thead th {padding:10px; font-size:15px;}
	.tbl_basic table tbody th {padding:10px; font-size:15px;}  
	.tbl_basic table tbody td {padding:10px; font-size:15px;}
	.tbl_basic table tbody td input[type=text],
	.tbl_basic table tbody td input[type=password] {line-height:30px; height:30px; font-size:15px;}
	.tbl_basic table tbody td select {height:30px;}
}
@media (max-width:480px){
	.head-container p {font-size:12px;}
	.head-container h2 {font-size:26px;}

	.tab-basic li a {font-size:14px; padding:0 15px;}

	.txtBox {font-size:14px;}
	.in-txtBox {font-size:15px;}
	.slogan {font-size:18px;}
	h3.redTit {font-size:16px;}
	h3.insTit {font-size:18px; padding-bottom:25px;}

	.ul_list li {font-size:14px; padding:0 0 6px;}
	.bu_list li {font-size:14px; padding:0 0 6px 10px;}

	.tbl_basic table thead th {padding:8px; font-size:14px;}
	.tbl_basic table tbody th {padding:8px; font-size:14px;}  
	.tbl_basic table tbody td {padding:8px; font-size:14px;}
}






/* inspiration - roche bobois */
.intro_inspiration > div {position:relative; overflow:hidden;}
.intro_inspiration .intro-item1 {width:85%; margin:0 auto;}
.intro_inspiration .intro-item2 {width:42.85%; margin-top:120px; float:left; }
.intro_inspiration .intro-item3 {width:45.71%; margin-top:65px; float:right;}
.intro_inspiration .intro-item4 {width:45.71%; margin-top:250px; margin-bottom:150px; float:left;}
.intro_inspiration .intro-item5 {width:85%; margin:0 auto;}
.intro_inspiration .intro-item6 {width:45.71%; margin-top:180px; margin-bottom:150px; float:right;}
.intro_inspiration div a {display:block; overflow:hidden; line-height:0;}
.intro_inspiration div img {width:100%; transition: transform ease-in .4s; line-height:0;}
.intro_inspiration div:hover img {transform: scale(1.03); }
.intro_inspiration div .overlay {display:inline-block;  position:absolute; left:30px; bottom:50px;  z-index:1;}
.intro_inspiration div .overlay .circle {position:absolute; display:flex; justify-content:center; align-items: center; right:-35px; top:-12px; width:50px; height:50px; border:1px solid rgba(255,255,255,0.3); text-align:center; border-radius:50%; z-index:0; transition:all ease 0.3s;}
.intro_inspiration div .overlay .circle i {opacity:0; color:#000; transition:all ease-in 0.2s;}
.intro_inspiration div .overlay p {color: #fff; font-size:24px; font-weight:500; z-index:1; transition:all ease 0.3s;}
.intro_inspiration div:hover .overlay .circle {background:#fff; right:-65px;}
.intro_inspiration div:hover .overlay .circle i {opacity:1}





/* inspiration - roche bobois */
video.video-space {display:block; width:100%; margin-top:90px;}
.ctt_i_rochebobois {padding-top:150px;}
.col-2 {display:flex; justify-content:space-between;}
.col-2.item-center {align-items:center;}
.col-2 > div {width:46%;}
.in-pdT140 {padding-top:140px;}
.grid-col3 {display:grid; grid-template-columns:repeat(3, 1fr); gap:70px;}
.grid-col3 h4 {color:#000; font-size:20px; font-weight:700; padding:20px 0;}

@media (max-width:1280px){
	.ctt_i_rochebobois {padding-top:12vw;}
	.in-pdT140 {padding-top:10vw}
	.grid-col3 {gap:50px;}
}
@media (max-width:1024px){
	.ctt_i_rochebobois .col-2 div:nth-of-type(2) {margin-left:30px;}
	.grid-col3 {gap:40px;}
}
@media (max-width:768px){
	video.video-space {margin-top:50px;}
	.col-2 {flex-direction:column;}
	.col-2 > div {width:100%;}
	.col-2 div:nth-of-type(2) {margin-top:30px;}
	.ctt_i_rochebobois {padding-top:14vw;}
	.ctt_i_rochebobois .col-2 div:nth-of-type(2) {margin-left:0;}
	.ctt_i_rochebobois .col-2 div:nth-of-type(2) img {width:100%}
	.grid-col3 {grid-template-columns:repeat(1, 1fr);}
	.grid-col3 img {width:100%;}
	.grid-col3 h4 {font-size:18px; padding:15px 0;}
}
@media (max-width:480px){
	.ctt_i_rochebobois {padding-top:20vw;}
	.in-pdT140 {padding-top:60px;}

}



/* inspiration - kartell */
.kartell-signboard {display:flex; justify-content:space-between; align-items:center;}
.kartell-signboard div:nth-child(1) {width:60%;}
.kartell-signboard div:nth-child(2) {width:33%;}
.kartell-slide {margin:0 auto; width:71%;}

@media (max-width:1280px){
	.kartell-signboard div:nth-child(1) {width:55%;}
	.kartell-signboard div:nth-child(2) {width:40%;}
}
@media (max-width:1024px){
	.kartell-signboard {flex-direction:column;}
	.kartell-signboard div:nth-child(1) {width:80%;}
	.kartell-signboard div:nth-child(2) {width:100%; padding-top:30px;}
	.kartell-slide {width:90%;}
}
@media (max-width:480px){
	.kartell-signboard div:nth-child(1) {width:100%;}
	.kartell-slide {width:100%;}
}




/* inspiration - Mdf Italia */
.ctt_i_mdfitalia {text-align:center;}
.ctt_i_mdfitalia .in-txtBox {width:70%; margin:0 auto;}
.ins-award {font-size:50px; color:#c9002b; padding-bottom:35px; font-weight:600; letter-spacing:0;}
#btn_play {position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; }
#btn_play i {font-size:100px; color:#c9002b; transition:all .3s ease;}
#btn_play:hover i {color:#ab0629}
#layer-video {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:100;}
#layer-video .videoBox {position:absolute; top:50%; left:50%; max-width:800px; width:80%;}
#layer-video .videoBox video {margin-top:0; transform:translate(-50%, -50%);}
#layer-video .position-video {display:flex; align-items: center; height:100%; width:80%; max-width:1200px; margin:0 auto;}
#layer-video .videoBox2 {position: relative; padding-bottom: 56.25%; height:0; width:100%; }
#layer-video .videoBox2 .video-size {position: absolute; top:0; left: 0; width: 100%; height:100%; }

#btn_close_vedeo {position:absolute; right:44px; top:30px; color:#fff; font-size:35px; transition:all ease-out .2s; z-index:100;}
#btn_close_vedeo:hover {transform: rotate( 90deg );}
.sct_1ea {margin:0 auto; width:420px;}

@media (max-width:1280px){
	.ctt_i_mdfitalia .in-txtBox {width:85%; }
	.ins-award {font-size:40px; padding-bottom:30px;}

}
@media (max-width:1024px){
	#btn_close_vedeo {right:25px; top:90px; }
}
@media (max-width:768px){
	.ctt_i_mdfitalia .in-txtBox {width:100%; }
	.ins-award {font-size:28px; padding-bottom:20px;}
	#btn_play i {font-size:70px;}
	#btn_play {margin:-35px 0 0 -35px; }
	.sct_1ea {width:60%}
}
@media (max-width:480px){
	.ins-award {font-size:24px;}
	#btn_play i {font-size:50px;}
	#btn_play {margin:-25px 0 0 -25px; }
	#layer-video .videoBox {width:90%;}
	#btn_close_vedeo {right:15px;}
	.sct_1ea {width:70%}
}


/* inspiration - flou */
.ctt_i_flou{text-align:center;}
.ctt_i_flou .in-txtBox {width:75%; margin:0 auto;}
.ctt_i_flou .in-signboard {width:90%; max-width:1200px; margin:0 auto;}
.irregularBox-1 div {width:42% !important;}
.irregularBox-1 div:nth-child(2) {padding-top:50px;}
.irregularBox-1 div:nth-child(3) {padding-top:130px;}
.irregularBox-2 {display:flex; align-items: center}
.irregularBox-2 div:nth-child(2) {padding-left:80px;}
.irregularBox-3 {padding-left:200px}
.irregularBox-3 div:nth-child(2) {width:100%; padding-top:80px;}
.video {display:block; margin:90px auto 0; width:80%;}
.video video {width:100%;}

@media (max-width:1280px){
	.ctt_i_flou .in-txtBox {width:85%; }
	.irregularBox-1 div {width:46% !important;}
	.irregularBox-1 div:nth-child(3) {padding-top:10vw;}
	.irregularBox-2 div:nth-child(2) {padding-left:50px;}
	.irregularBox-3 {padding-left:10vw}
}
@media (max-width:1024px){
	.irregularBox-2 {flex-direction:column;}
	.irregularBox-2 div:nth-child(2) {padding-left:0px; padding-top:20px;}
}
@media (max-width:768px){
	.ctt_i_flou .in-txtBox {width:100%; }
	.irregularBox-1 div:nth-child(1) {width:100%!important; padding-top:0;}
	.irregularBox-1 div:nth-child(2) {padding-top:5vw;}
	.irregularBox-1 div:nth-child(3) {padding-top:15vw;}
	.irregularBox-3 {padding-left:0}
	.irregularBox-3 div:nth-child(2) {padding-top:30px;}
	.video {margin:50px auto 0; width:100%;}
}



/* inspiration - GTV */
.ctt_i_GTV {text-align:center;}
.ctt_i_GTV .in-txtBox {width:100%; margin:0 auto;}
.ctt_i_GTV .video1 {margin:90px auto 0; width:60%; max-width:450px;}
.ctt_i_GTV .video1 video {width:100%;}
.irregularBox-4 .imgbox {width:42%;}
.irregularBox-4 .txtbox{text-align: left;width:51%;}
.irregularBox-4 .txtbox {padding-top: 50px !important; font-size: 18px; line-height: 31px; letter-spacing: -0.08em; font-weight: 400;}
.redtitle{font-family: 'Gothic A1', sans-serif; font-size: 24px; letter-spacing: -0.05em; font-weight: bold; margin-bottom: 25px;}
.redtitle:before{content:''; display: block; width: 30px; height: 2px; background: #c8002a; margin-bottom: 15px;}

.irregularBox-4 .imgbox2 {width:42%; padding-top: 140px !important;}
.irregularBox-4 .txtbox2{text-align: right;width:51%; margin-right: 7%; position: relative;}
.irregularBox-4 .txtbox2 {padding-top: 700px !important; font-size: 18px; line-height: 31px; letter-spacing: -0.08em; font-weight: 400;}
.irregularBox-4 .txtbox2 .manytxt{position: absolute; bottom:0; right:0;}
.redtitle2{position: relative; font-family: 'Gothic A1', sans-serif; font-size: 24px; letter-spacing: -0.05em; font-weight: bold; margin-bottom: 25px;}
.redtitle2:before{position: absolute; top:-15px; right:0; content:''; display: block; width: 30px; height: 2px; background: #c8002a; margin-bottom: 15px;}
.vd_wrap{width: 800px; text-align: center; margin:0 auto; margin-top: 150px;}

.irregularBox-4 .imgbox3 {width:42%; padding-top: 0 !important;}
.irregularBox-4 .txtbox3{text-align: left;width:51%;}
.irregularBox-4 .txtbox3 {padding-top: 50px !important; font-size: 18px; line-height: 31px; letter-spacing: -0.08em; font-weight: 400;}

.bigred{font-size: 49px; text-align: center; font-family: 'Gothic A1', sans-serif; font-weight: bold; color:#c9002b; margin-bottom: 50px;}
.section6 h4 span{font-weight: bold; color:#555555;}

.section7{}
.section7 .fll{float: left; width: 38.5%;}
.section7 .flr{float: right; width: 53%; padding-top: 30px; text-align: left;}
.section7 .flr h4{margin-bottom: 55px; letter-spacing: -0.05em;}

.section8{}
.section8 .smallfloat{width: 100%; margin:0 auto;}
.section8 .smallfloat h3{float: left; width: 47%;}
.section8 .smallfloat h3:first-child{margin-right: 3%;}

.section9{}
.section9 .fll{float: left; width: 50%; padding-top: 50px; text-align: left;}
.section9 .flr{float: right; width: 48%; text-align: right;}
.section9 .flr h4{margin-bottom: 55px; letter-spacing: -0.05em;}

.section10{}
.section10 ol{width: 42% !important; margin:0 auto; text-align: left;}

.sect12img{width: 100%; margin:0 auto; padding:0 100px;}
.sect12img h3{float: left; width: 49%;}
.sect12img h3:first-child{margin-right: 2%;}


@media (max-width:1280px){
	.ctt_i_GTV .in-txtBox {width:100%; }

	.irregularBox-4 .imgbox {width:42%;}
	.irregularBox-4 .txtbox{width:51%;}
	.irregularBox-4 .txtbox {padding-top: 3.9063vw !important; font-size: 1.4063vw; line-height: 2.4219vw; letter-spacing: -0.08em; }
	.redtitle{font-family: 'Gothic A1', sans-serif; font-size: 1.8750vw; letter-spacing: -0.05em;  margin-bottom: 1.9531vw;}
	.redtitle:before{  width: 2.3438vw; height: 0.1563vw; background: #c8002a; margin-bottom: 1.1719vw;}

	.irregularBox-4 .imgbox2 {width:42%; padding-top: 10.9375vw !important;}
	.irregularBox-4 .txtbox2{width:51%;margin-right: 7%;}
	.irregularBox-4 .txtbox2 {padding-top: 54.6875vw !important; font-size: 1.4063vw; line-height: 2.4219vw; letter-spacing: -0.08em; }
	.redtitle2{ font-family: 'Gothic A1', sans-serif; font-size: 1.8750vw; letter-spacing: -0.05em;  margin-bottom: 1.9531vw;}
	.redtitle2:before{ top:-1.1719vw; right:0;   width: 2.3438vw; height: 0.1563vw; background: #c8002a; margin-bottom: 1.1719vw;}

	.vd_wrap{width: 62.5000vw;  margin:0 auto; margin-top: 150px; margin-bottom: 11.7188vw;}

	.irregularBox-4 .imgbox3 {width:42%; padding-top: 0 !important;}
	.irregularBox-4 .txtbox3{width:51%;}
	.irregularBox-4 .txtbox3 {padding-top: 3.9063vw !important; font-size: 1.4063vw; line-height: 2.4219vw; letter-spacing: -0.08em; }

	.bigred{font-size: 3.8281vw;  font-family: 'Gothic A1', sans-serif;   margin-bottom: 3.9063vw;}
	.section6 h4 span{ }

	.section7{}
	.section7 .fll{ width: 38.5%;}
	.section7 .flr{ width: 53%; padding-top: 2.3438vw; }
	.section7 .flr h4{margin-bottom: 4.2969vw; letter-spacing: -0.05em;}

	.section8{}
	.section8 .smallfloat{width: 100%; margin:0 auto;}
	.section8 .smallfloat h3{ width: 47%;}
	.section8 .smallfloat h3:first-child{margin-right: 3%;}

	.section9{}
	.section9 .fll{ width: 50%; padding-top: 3.9063vw; }
	.section9 .flr{ width: 48%; }
	.section9 .flr h4{margin-bottom: 4.2969vw; letter-spacing: -0.05em;}

	.section10{}
	.section10 ol{width: 42% !important; margin:0 auto; }

	.sect12img{width: 100%; margin:0 auto; padding:0 7.8125vw;}
	.sect12img h3{ width: 49%;}
	.sect12img h3:first-child{margin-right: 2%;}

}
@media (max-width:1024px){
	.irregularBox-4 div {width:46%;}
	.irregularBox-4 div:nth-child(2) {padding-top:15vw;}

	.irregularBox-4 .imgbox {width:42%;}
	.irregularBox-4 .txtbox{text-align: left;width:51%;}
	.irregularBox-4 .txtbox {padding-top: 4.8828vw !important; font-size: 1.7578vw; line-height: 3.0273vw; letter-spacing: -0.08em; font-weight: 400;}
	.redtitle{font-family: 'Gothic A1', sans-serif; font-size: 2.3438vw; letter-spacing: -0.05em; font-weight: bold; margin-bottom: 2.4414vw;}
	.redtitle:before{content:''; display: block; width: 2.9297vw; height: 0.1953vw; background: #c8002a; margin-bottom: 1.4648vw;}

	.irregularBox-4 .imgbox2 {width:42%; padding-top: 13.6719vw !important;}
	.irregularBox-4 .txtbox2{text-align: right;width:51%;margin-right: 7%;}
	.irregularBox-4 .txtbox2 {padding-top: 68.3594vw !important; font-size: 1.7578vw; line-height: 3.0273vw; letter-spacing: -0.08em; font-weight: 400;}
	.redtitle2{position: relative; font-family: 'Gothic A1', sans-serif; font-size: 2.3438vw; letter-spacing: -0.05em; font-weight: bold; margin-bottom: 2.4414vw;}
	.redtitle2:before{position: absolute; top:-1.4648vw; right:0; content:''; display: block; width: 2.9297vw; height: 0.1953vw; background: #c8002a; margin-bottom: 1.4648vw;}

	.vd_wrap{width: 78.1250vw; text-align: center; margin:0 auto; margin-top: 14.6484vw; margin-bottom: 14.6484vw;}

	.irregularBox-4 .imgbox3 {width:42%; padding-top: 0 !important;}
	.irregularBox-4 .txtbox3{width:51%;}
	.irregularBox-4 .txtbox3 {padding-top: 4.8828vw !important; font-size: 1.7578vw; line-height: 3.0273vw; letter-spacing: -0.08em; }

	.bigred{font-size: 4.7852vw;  font-family: 'Gothic A1', sans-serif;   margin-bottom: 4.8828vw;}
	.section6 h4 span{ }

	.section7{}
	.section7 .fll{ width: 38.5%;}
	.section7 .flr{ width: 53%; padding-top: 2.9297vw; }
	.section7 .flr h4{margin-bottom: 5.3711vw; letter-spacing: -0.05em;}

	.section8{}
	.section8 .smallfloat{width: 100%; margin:0 auto;}
	.section8 .smallfloat h3{ width: 47%;}
	.section8 .smallfloat h3:first-child{margin-right: 3%;}

	.section9{}
	.section9 .fll{ width: 50%; padding-top: 4.8828vw; }
	.section9 .flr{ width: 48%; }
	.section9 .flr h4{margin-bottom: 5.3711vw; letter-spacing: -0.05em;}

	.section10{}
	.section10 ol{width: 42% !important; margin:0 auto; }

	.sect12img{width: 100%; margin:0 auto; padding:0 9.7656vw;}
	.sect12img h3{ width: 49%;}
	.sect12img h3:first-child{margin-right: 2%;}
	

}
@media (max-width:768px){
	.hide768{display: none;}
	.hide768_2{}
	.ctt_i_GTV .in-txtBox {width:100%; }
	.ctt_i_GTV .video1 {margin:50px auto 0; width:80%;}

	.irregularBox-4 .imgbox {width:100%; float:none;}
	.irregularBox-4 .txtbox{text-align: left;width:100%; float:none; margin-top: 50px;}
	.irregularBox-4 .txtbox {padding-top: 0px !important; font-size: 18px; line-height: 31px; letter-spacing: -0.08em; font-weight: 400;}
	.redtitle{font-family: 'Gothic A1', sans-serif; font-size: 24px; letter-spacing: -0.05em; font-weight: bold; margin-bottom: 25px;}
	.redtitle:before{content:''; display: block; width: 30px; height: 2px; background: #c8002a; margin-bottom: 15px;}

	.irregularBox-4 .imgbox2 {width:100%; padding-top: 50px !important; float:none;}
	.irregularBox-4 .txtbox2{text-align: right; width:100%; float:none; margin-right: 0;}
	.irregularBox-4 .txtbox2 {padding-top: 50px !important; font-size: 18px; line-height: 31px; letter-spacing: -0.08em; font-weight: 400;}
	.redtitle2{position: relative; font-family: 'Gothic A1', sans-serif; font-size: 24px; letter-spacing: -0.05em; font-weight: bold; margin-bottom: 25px;}
	.redtitle2:before{position: absolute; top:-15px; right:0; content:''; display: block; width: 30px; height: 2px; background: #c8002a; margin-bottom: 15px;}

	.vd_wrap{width: 100%;}

	.irregularBox-4 .imgbox3 {width:100%; padding-top: 0 !important;}
	.irregularBox-4 .txtbox3{text-align: left;width:100%;}
	.irregularBox-4 .txtbox3 {padding-top: 6.5104vw !important; font-size: 2.3438vw; line-height: 4.0365vw; letter-spacing: -0.08em; font-weight: 400;}

	.bigred{font-size: 6vw; text-align: center; font-family: 'Gothic A1', sans-serif; font-weight: bold; color:#c9002b; margin-bottom: 6.5104vw;}
	.section6 h4 span{font-weight: bold; color:#555555;}

	.section7{}
	.section7 .fll{float: left; width: 100%;}
	.section7 .flr{float: right; width: 100%; padding-top: 3.9063vw; text-align: left;}
	.section7 .flr h4{margin-bottom: 7.1615vw; letter-spacing: -0.05em;}

	.section8{}
	.section8 .smallfloat{width: 100%; margin:0 auto;}
	.section8 .smallfloat h3{float: left; width:100%;}
	.section8 .smallfloat h3:first-child{margin-right: 0%;}

	.section9{}
	.section9 .fll{float: left; width: 100%; padding-top: 6.5104vw; text-align: left;}
	.section9 .flr{float: right; width: 100%; text-align: right;}
	.section9 .flr h4{margin-bottom: 7.1615vw; letter-spacing: -0.05em;}

	.section10{}
	.section10 ol{width: 100% !important; margin:0 auto; text-align: left;}

	.sect12img{width: 100%; margin:0 auto; padding:0 0.0000vw;}
	.sect12img h3{float: left; width: 100%;}
	.sect12img h3:first-child{margin-right: 0%; margin-bottom: 5%;}

}


/* inspiration - Acerbisa */
.ctt_i_acerbis {text-align:center;}
.ctt_i_acerbis .in-txtBox {width:75%; margin:0 auto;}
.ctt_i_acerbis .video1 {margin:90px auto 0; width:60%; max-width:450px;}
.ctt_i_acerbis .video1 video {width:100%;}
.irregularBox-4 div {width:44%;}
.irregularBox-4 div:nth-child(2) {padding-top:220px;}

@media (max-width:1280px){
	.ctt_i_acerbis .in-txtBox {width:85%; }
}
@media (max-width:1024px){
	.irregularBox-4 div {width:46%;}
	.irregularBox-4 div:nth-child(2) {padding-top:15vw;}
}
@media (max-width:768px){
	.ctt_i_acerbis .in-txtBox {width:100%; }
	.ctt_i_acerbis .video1 {margin:50px auto 0; width:80%;}

}






/* brand */
#brand-wrap {}
#brand-wrap .br-name {padding:100px 0 50px; text-align:center;}
#brand-wrap .br-name img {height:69px;}
#brand-wrap .br-info {width:70%; margin:0 auto; line-height:150%; text-align:center;}
#brand-wrap  h3 {padding:110px 0 50px; font-size:18px; color:#000; font-weight:800; text-align:center; letter-spacing:0;}

@media (max-width:1280px){
	#brand-wrap .br-name {padding:8vw 0 5vw}
	#brand-wrap .br-name img {height:48px;}
	#brand-wrap .br-info {width:80%;}
	#brand-wrap  h3 {padding:8vw 0 5vw;}
}
@media (max-width:768px){
	#brand-wrap .br-name img {height:40px;}
	#brand-wrap .br-info {width:100%; font-size:15px;}
	#brand-wrap  h3 {padding:70px 0 30px;}
}
@media (max-width:480px){
	#brand-wrap .br-name {padding:40px 0 30px;}
	#brand-wrap .br-name img {height:35px;}
	#brand-wrap .br-info {font-size:14px;}
}



/* designers 제품 */
.pDesigned {margin-top:140px;}
.pDesigned h2 {font-size:13px; color:#000; font-weight:800; letter-spacing:0.15em; text-transform:uppercase; margin-bottom:30px;}
.pDesigned h2:before {display:inline-block; width:20px; height:2px; background:#c9002b; margin-bottom:4px; margin-right:15px;content:'';}

@media (max-width:1024px){
	.pDesigned {margin-top:12vw;}
}
@media (max-width:480px){
	.pDesigned {margin-top:60px}
}



/* about us */
.company-video {position: relative; padding-bottom: 55%; width:80%; height: 0; overflow: hidden; margin:6vw auto 4vw;}
.company-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/*.company-video .deco {position:relative; width:35px;}
.company-video .deco p {position:absolute; left:0; top:60%; transform: rotate(-90deg); transform-origin:0 0; letter-spacing:1px; font-size:15px; color:#000; font-weight:600; width:160px; }
.company-video .deco p span {color:#c9002b; letter-spacing:1px;}
.company-video .img-ex {max-width:493px;}*/
.companyBox {width:75%; margin:0 auto;}
.companyTit {font-size:40px; color:#000; font-weight:700; text-align:center; letter-spacing:-0.02em; margin-bottom:40px;}
.companyTit:before {display:block; margin:0 auto 15px; width:30px; height:2px; background:#c9002b; content:'';}
.ctt_company .slogan {margin-bottom:40px;}

.ctt_company #ctt_con > .companyTit:nth-of-type(1) {margin-top:10vw; } /* history title */
.historyBox {display:flex; flex-direction:column; align-items: center;}
.historyBox .history-item {margin:45px 0 80px;}
.history-item .year {font-size:40px; color:#000; font-weight:300;}
.history-item p {font-size:20px; color:#000; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
.history-item .img-history {display:flex; margin-top:25px;}
.history-item .img-history .space {width:40px}


@media (max-width:1024px){
	.company-video {width:100%; margin:7vw auto 50px;}
	.companyTit {font-size:30px; margin-bottom:35px;}

}
@media (max-width:768px){
	.companyBox {width:85%; margin:0 auto;}
	.companyTit {font-size:24px; margin-bottom:30px;}

	.ctt_company #ctt_con > .companyTit:nth-of-type(1) {margin-top:15vw; } /* history title */
	.historyBox .history-item {margin:30px 0 60px;}
	.history-item .year {font-size:30px;}
	.history-item p {font-size:18px;}
	.history-item .img-history {margin-top:20px;}
	.history-item .img-history .space {width:20px}
}
@media (max-width:480px){
	.historyBox .history-item {margin:20px 0 35px;}
	.history-item .year {font-size:24px;}
	.history-item p {font-size:15px;}
	.history-item .img-history {margin-top:15px;}
	.history-item .img-history .space {width:10px;}
}




/* Location */
.location-bar {display:flex; justify-content: center; text-align:center; margin-top:6vw;}
.location-bar button.tablink {display:inline-block; padding:15px 40px; border:1px solid #e8e8e8; outline:0; color:#000; background-color:#fff; cursor:pointer; font-weight:700; font-size:16px;}
.location-bar .active {color:#fff !important; background:#000 !important;}
.w3-container {margin-top:50px; text-align:center; animation:text 0.7s}
.w3-container .txt-add {font-size:24px; color:#000; padding-bottom:15px; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
.w3-container .txtBox {font-size:18px; color:#000;}
.w3-container .mapBox {margin-top:80px; height:451px; overflow:hidden;}

@media (max-width:1024px){
	.location-bar {margin-top:7vw;}
}
@media (max-width:768px){
	.location-bar button.tablink {padding:10px 30px; font-size:15px;}
	.w3-container {margin-top:30px;}
	.w3-container .txt-add {font-size:20px; padding-bottom:15px;}
	.w3-container .txtBox {font-size:16px;}
	.w3-container .mapBox {margin-top:8vw; height:351px;}
}
@media (max-width:480px){
	.location-bar {margin-top:35px;}
	.location-bar button.tablink {padding:8px 20px; font-size:14px;}
	.w3-container .txt-add {font-size:18px; padding-bottom:10px;}
	.w3-container .txtBox {font-size:15px;}
	.w3-container .mapBox {height:250px;}
}




/* A/S처리기준안내 */
.ctt_as {text-align:center;}
.ctt_as .slogan {margin-top:6vw;}
.ctt_as .slogan span {font-weight:500;}
.ctt_as .imgBox {background:#f0f0f0; padding:80px 30px; margin:5vw 0;}
.txt-tel {padding:0 0 10px;color:#000; font-size:30px; font-family:'Noto Sans KR', sans-serif; font-weight:400;}

@media (max-width:1024px){
	.ctt_as .slogan {margin-top:7vw;}
}
@media (max-width:768px){
	.ctt_as .imgBox {padding:40px 25px; margin:6vw 0;}
	.txt-tel {padding:0 0 5px; font-size:22px;}
}
@media (max-width:480px){
	.tab-basic.as li a {padding:0 10px;} /* A/S tab */
	.ctt_as .slogan {margin-top:35px;}
	.txt-tel {font-size:18px;}
}




/* 유,무상 서비스안내 */
.ctt_service h3:nth-of-type(1) {margin-top:6vw;}
.ctt_service h3:nth-of-type(2) {margin-top:50px;}

@media (max-width:1024px){
	.ctt_service h3:nth-of-type(1) {margin-top:7vw;}
}
@media (max-width:480px){
	.ctt_service h3:nth-of-type(1) {margin-top:35px;}
	.ctt_service h3:nth-of-type(2) {margin-top:40px;}
}



/* 소비자 피해보상기준 */
.ctt_compensation .tbl_basic:nth-of-type(1) {margin-top:6vw;}

@media (max-width:480px){
	.ctt_compensation .tbl_basic:nth-of-type(1) {margin-top:35px;}
}



/* 내부회계관리규정 & 윤리경영*/
.terms-con {margin-top:6vw;}
.terms-con .slogan {border-bottom:1px solid #ddd; padding-bottom:50px; margin-bottom:30px;}
.terms-con h2 {font-size:22px; color:#000; padding:40px 0 30px; font-family:'Noto Sans KR', sans-serif; font-weight:600;}
.terms-con h3 {font-size:18px; color:#000; padding:30px 0 20px; font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.terms-con ul ul {padding:20px;}

@media (max-width:1024px){
	.terms-con {margin-top:7vw;}
}
@media (max-width:768px){
	.terms-con .slogan {padding-bottom:30px; margin-bottom:15px;}
	.terms-con h2 {font-size:20px; padding:40px 0 30px;}
	.terms-con h3 {font-size:16px; padding:30px 0 20px;}
	.terms-con ul ul {padding:15px;}
}
@media (max-width:480px){
	.terms-con {margin-top:35px;}
	.tab-basic.ir li a {padding:0 8px;} /* IR tab */
}





/* Project */
.project-container {margin-top:9vw}
.project-container dl {display:flex; justify-content:space-between; border-bottom:1px solid #ddd; padding-bottom:6.5vw; margin-bottom:6.5vw;}
.project-container dl dt {width:20%; font-size:20px; color:#000; font-weight:600; letter-spacing:0;}
.project-container dl dd {width:78%;}
.project-container .project-thumb {display:grid; grid-template-columns:repeat(4, 1fr); gap:10px;}
.project-container .project-thumb li {line-height:0;}
.project-container .project-thumb li a {line-height:0;}

@media (max-width:1024px){
	.project-container {margin-top:13vw}
}
@media (max-width:768px){
	.project-container {margin-top:15vw}
	.project-container dl {flex-direction:column; padding-bottom:8vw; margin-bottom:8vw;}
	.project-container dl dt {width:100%; font-size:18px; margin-bottom:15px;}
	.project-container dl dd {width:100%;}
	.project-container .project-thumb {grid-template-columns:repeat(3, 1fr); gap:8px;}
}
@media (max-width:480px){
	.project-container {margin-top:90px}
	.project-container dl dt {font-size:16px;}
	.project-container .project-thumb {grid-template-columns:repeat(2, 1fr);}
}




/* slide-auto */
.mySwiper-auto {height:600px; background-size:cover; padding-bottom:60px !important;}
.mySwiper-auto .swiper-slide {display: flex; justify-content: center; align-items: center; width:auto;}
.mySwiper-auto .swiper-slide img {display: block; width:auto; height:100%; object-fit: cover; }
.mySwiper-auto .swiper-pagination-bullets {bottom:0 !important;}
.mySwiper-auto .swiper-pagination-bullet {background: #aaa;}
.mySwiper-auto .swiper-pagination-bullet-active {background: #c9002b;}

@media (max-width:1024px){
	.mySwiper-auto {height:60vw; min-height:350px; padding-bottom:40px !important;}
}
@media (max-width:480px){
	.mySwiper-auto {min-height:300px; padding-bottom:30px !important;}
}



/* slide- 3 */
.mySwiper-item  {overflow:hidden; height:auto;}
.mySwiper-item .swiper-slide {display:flex; justify-content: center; align-items: center;}
.mySwiper-item .swiper-tuttonBox {position:relative; height:50px; margin-top:50px;}

@media (max-width:768px){
	.mySwiper-item .swiper-tuttonBox {height:40px; margin-top:35px;}
}
@media (max-width:480px){
	.mySwiper-item .swiper-tuttonBox {height:35px; margin-top:30px;}
}


/* mySwiper-basic */
.mySwiper-basic {padding-bottom:60px !important;}
.mySwiper-basic .swiper-pagination-bullets {bottom:0 !important;}
.mySwiper-basic .swiper-pagination-bullet {background: #aaa;}
.mySwiper-basic .swiper-pagination-bullet-active {background: #c9002b;}

.mySwiper-basic .overlay {position:absolute; width:60%; left:20%; top:0;} 
.mySwiper-basic .overlay h4 {font-size:26px; color:#c9002b; font-weight:900; padding-top:60px; letter-spacing:0.05em; font-family:'Noto Sans KR', sans-serif; }
.mySwiper-basic .overlay p {font-size:20px; color:#fff; font-weight:500; padding-top:70px; line-height:160%; letter-spacing:0; font-family:'Noto Sans KR', sans-serif; }

@media (max-width:1024px){
	.mySwiper-basic {padding-bottom:50px !important;}
	.mySwiper-basic .overlay {width:80%; left:10%;} 
	.mySwiper-basic .overlay h4 {font-size:20px;}
	.mySwiper-basic .overlay p {font-size:16px; padding-top:40px;}
}
@media (max-width:768px){
	.mySwiper-basic .overlay {width:90%; left:5%;} 
	.mySwiper-basic .overlay h4 {font-size:17px; padding-top:30px;}
	.mySwiper-basic .overlay p {font-size:14px; padding-top:20px; line-height:140%;}
	
}
@media (max-width:480px){
	.mySwiper-basic {padding-bottom:40px !important;}
	.mySwiper-basic .overlay h4 {font-size:15px; padding-top:25px;}
	.mySwiper-basic .overlay p {font-size:12px; padding-top:15px; }
	
}




/* mySwiper-thumb */
.mySwiper-thumb .swiper-slide {cursor:pointer;}
.mySwiper-thumb .swiper-slide p {text-align:left; ; color:#000; padding-top:5px; letter-spacing:0; font-weight:400}
.mySwiper-thumb .swiper-slide-thumb-active  {border:1px solid red;}
.mySwiper-tabCon {padding-top:70px; overflow:hidden;}
.mySwiper-tabCon .swiper-slide  {}
.mySwiper-tabCon .swiper-slide .bg-color {position:absolute; left:0; top:0; width:100%; height:400px; z-index:-1;}
.mySwiper-tabCon .swiper-slide:nth-child(1) .bg-color {background:#3f5da2;}
.mySwiper-tabCon .swiper-slide:nth-child(2) .bg-color {background:#651017;}
.mySwiper-tabCon .swiper-slide:nth-child(3) .bg-color {background:#a69382;}
.mySwiper-tabCon .swiper-slide:nth-child(4) .bg-color {background:#e4e2dd;}
.mySwiper-tabCon .swiper-slide:nth-child(5) .bg-color {background:#733769;}
.mySwiper-tabCon .swiper-slide:nth-child(6) .bg-color {background:#688023;}
.mySwiper-tabCon .swiper-slide h4 {padding-left:8%; padding-top:80px; color:#fff; font-size:60px; font-weight:600;text-align:left; letter-spacing:0;}
.mySwiper-tabCon .swiper-slide h4 span {color:#fff; font-size:20px; font-weight:300;  letter-spacing:0;}
.mySwiper-tabCon .swiper-slide .color-inner {margin-top:70px;}
.mySwiper-tabCon .swiper-slide .color-inner div:nth-child(1) {margin:0 auto; width:84%;}
.mySwiper-tabCon .swiper-slide .color-inner div:nth-child(2) {margin-top:65px; width:42%;}
.mySwiper-tabCon .swiper-slide .color-inner div:nth-child(3) {margin-top:280px; width:48%;}


@media (max-width:1024px){
	.mySwiper-tabCon .swiper-slide h4 {padding-left:5%; padding-top:60px; font-size:48px;}
	.mySwiper-tabCon .swiper-slide h4 span {font-size:18px;}
	.mySwiper-tabCon .swiper-slide .color-inner {margin-top:6vw;}
	.mySwiper-tabCon .swiper-slide .color-inner div:nth-child(1) {width:90%;}
	.mySwiper-tabCon .swiper-slide .color-inner div:nth-child(3) {margin-top:20vw;}
	
}
@media (max-width:768px){
	.mySwiper-thumb .swiper-slide p {font-size:14px}
	.mySwiper-tabCon {padding-top:8vw;}
	.mySwiper-tabCon .swiper-slide .bg-color {height:44vw; }
	.mySwiper-tabCon .swiper-slide h4 {padding-top:40px; font-size:38px;}
	.mySwiper-tabCon .swiper-slide h4 span {font-size:15px;}
	.mySwiper-tabCon .swiper-slide .color-inner div:nth-child(2) {margin-top:40px}
	.mySwiper-tabCon .swiper-slide .color-inner div:nth-child(3) {width:52%;}
	
}
@media (max-width:480px){
	.mySwiper-thumb .swiper-slide p {font-size:12px}
	.mySwiper-tabCon .swiper-slide h4 {padding-top:30px; font-size:25px;}
	.mySwiper-tabCon .swiper-slide h4 span {font-size:13px;}
	.mySwiper-tabCon .swiper-slide .color-inner div:nth-child(2) {margin-top:30px}
	
}





/* 상품상세 */
#item-info {display:flex; flex-direction:column; align-items:center; margin-bottom:100px;}
#item-info .item-big {display:flex; flex-direction:column; }
#item-info .item-big div {text-align:center;}
#item-info .item-name {margin:70px 0 5px; font-size:40px; color:#000; letter-spacing:0; font-weight:bold; text-align:center;}
#item-info .item-designer {font-size:15px; color:#000; letter-spacing:0; font-weight:500;}
#item-info .item-explain {margin-top:60px; padding:0 8vw; font-size:16px; color:#555; letter-spacing:0; text-align:center; line-height:170%;}
#item-info .item-btn {display:flex; margin-top:50px;}
.btn-line {display:inline-block; width:300px; padding:25px 0; text-align:center; color:#000; font-family:'Noto Sans KR', sans-serif; font-weight:300; border:1px solid #000; margin-left:-1px; transition:all .4s ease-in; font-size:16px; background:transparent; cursor:pointer;}
.btn-line:hover {background:#000; color:#fff;}

.item-accordion {position:relative; background-color: #fff; color: #000; cursor: pointer; margin-bottom:1px; padding:25px 30px; font-size:16px; width: 100%; border: none; font-weight:700; letter-spacing: 0.12em; text-align: left; outline: none; transition: 0.4s; }
.item-accordion span {position:absolute; right:30px; transition: all ease-out .2s;}
.active span {transform: rotate(180deg );}
.item-panel {padding:0; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.item-panel .inner-detail {padding:60px 0;}

.panel-spec {/*text-align:center;*/}
.panel-spec b {display:block; font-weight:bold; color:#000; padding-bottom:10px;}
.btn-down {display:flex; justify-content:center; margin-top:50px;}
.btn-down a {display:inline-block; width:150px; padding:20px 5px; text-align:center; border:1px solid #000; margin-left:-1px;}
.btn-down a span {display:block; padding-top:10px; color:#000; font-family:'Noto Sans KR', sans-serif; font-weight:300;}
.btn-down a img {width:44px;}

@media (max-width:1024px){
	#item-info .item-name {margin:60px 0 5px; font-size:32px;}
	#item-info .item-explain {margin-top:50px; padding:0 6vw;}
}
@media (max-width:768px){
	#item-info {margin-bottom:12vw;}
	#item-info .item-name {margin:50px 0 5px; font-size:26px;}
	#item-info .item-explain {margin-top:40px; padding:0; font-size:15px;}
	.btn-line {width:200px; padding:20px 0; font-size:15px;}

	.item-panel .inner-detail {padding:40px 0;}
	
	.btn-down {margin-top:40px;}
	.btn-down a {width:140px; padding:15px 5px;}
	.btn-down a span {padding-top:8px; font-size:15px;}
	.btn-down a img {width:30px;}
}
@media (max-width:480px){
	#item-info {margin-bottom:15vw;}
	#item-info .item-name {margin:40px 0 5px; font-size:20px;}
	#item-info .item-designer {font-size:14px;}
	#item-info .item-explain {margin-top:30px; font-size:14px;}
	.btn-line {width:180px; padding:15px 0; font-size:14px;}

	.item-accordion {padding:20px; font-size:15px; }
	.item-accordion span {font-size:18px; right:20px;}
	.item-panel .inner-detail {padding:25px 0;}

	.btn-down {margin-top:30px;}
	.btn-down a {width:130px; padding:12px 5px;}
	.btn-down a span {padding-top:5px; font-size:14px;}
}


.info-designer {display:flex; justify-content:space-between; margin-bottom:80px;}
.info-designer .designer-img {wIdth:30%;}
.info-designer .designer-img img{wIdth:100%;}
.info-designer .designer-info {display:flex; flex-direction:column; justify-content:center; width:64%;}
.info-designer .designer-info > p {position:relative; font-size:13px; color:#000; font-weight:800; letter-spacing: 0.15em; }
.info-designer .designer-info > p:before {display:inline-block; width:30px; height:2px; margin-right:12px; margin-bottom:5px; background:#c9002b; content:'';}
.info-designer .designer-info h4 {margin:30px 0 35px; font-size:24px; color:#000; font-weight:800; letter-spacing:0;}
.info-designer .designer-info div {color: #555; letter-spacing:0; line-height: 170%;}

@media (max-width:768px){
	.info-designer  {flex-direction:column; justify-content:center;}
	.info-designer .designer-img {width:100%; text-align:center;}
	.info-designer .designer-img img {max-width:400px; height:auto}

	.info-designer .designer-info {width:100%; margin-top:8vw;}
	.info-designer .designer-info h4 {margin:20px 0 15px; font-size:20px;}
	.info-designer .designer-info div {font-size:15px;}	

}
@media (max-width:480px){
	.info-designer .designer-info h4 {font-size:18px;}
	.info-designer .designer-info div {font-size:14px;}	
}



.item-insp {display:grid;grid-template-columns:repeat(4, 1fr); gap:60px;}

@media (max-width:1280px){
	.item-insp {gap:40px;}
}
@media (max-width:1280px){
	.item-insp {gap:30px;}
}
@media (max-width:768px){
	.item-insp {display:grid;grid-template-columns:repeat(3, 1fr); gap:30px;}
}
@media (max-width:580px){
	.item-insp {display:grid;grid-template-columns:repeat(3, 1fr); gap:20px;}
}
@media (max-width:480px){
	.item-insp {display:grid;grid-template-columns:repeat(3, 1fr); gap:10px;}
}




/* mypage */
#smb_my_ov {width:100%; max-width:600px; margin:80px auto 20px; border:1px solid #ddd; padding:20px; background:#fff; border-top:2px solid #000;}
.tbl-mypage h2 {margin:0 0 15px;text-align:left; font-size:18px; font-weight:600; color:#282828; font-family:"Noto Sans KR", Sans-serif;}
.tbl-mypage label {display:block; font-size:14px; color:#000; padding-bottom:10px; font-weight:500; font-family:"Noto Sans KR", Sans-serif;}
.tbl-mypage .formBox {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8e8e8;}
.tbl-mypage .formBox .frm_input {width:100%; height:40px; border-radius:0; border:1px solid #e0e0e0; box-sizing: border-box;}
.tbl-mypage .formBox .input_post {width:120px;}

@media (max-width:768px){
	#smb_my_ov {margin:60px auto 15px;}
	.tbl-mypage .formBox {font-size:15px;}
}
@media (max-width:480px){
	#smb_my_ov {margin:40px auto 10px;}
	.tbl-mypage .formBox {font-size:14px; padding-bottom:12px; margin-bottom:12px;}
}