@charset "utf-8";

@media (max-width: 1700px) {
	/* main */
	.find-store-list .list-area ul li {flex-wrap: wrap; padding: 20px 0;}
	.location-logo img {height: 35px;}
	.store-info-txt {flex-direction: column; gap: 10px;}
	.find-store-list .list-area .wrap {padding-left: 0;}
	.find-store-list .list-area .addr {margin-bottom: 7px;}
	.btn-func {width: 140px;}
	/* content */
	/* .models-magazine-cnt .group.magazine-large, .group.magazine-bot .img {max-width: 45%;} */
	.magazine-top, .magazine-right, .models-magazine-cnt, .magazine-bot {gap: 24px;}
	.magazine-txt p br {display: none;}
}
@media (max-width: 1600px) {
	:root {
		--header-height : 64px;

		--font-size-14: 12px;
		--font-size-15: 14px;
		--font-size-16: 15px;
		--font-size-17: 16px;
		--font-size-18: 16px;
		--font-size-20: 18px;
		--font-size-22: 20px;
		--font-size-24: 22px;
		--font-size-26: 24px;
		--font-size-28: 25px;
		--font-size-30: 26px;
		--font-size-32: 27px;
		--font-size-35: 28px;
		--font-size-40 : 34px;
		--font-size-50 : 40px;
		--font-size-60 : 45px;
		--font-size-70 : 50px;
		--font-size-80 : 60px;
		--font-size-90 : 64px;
	}

	.contain {max-width:1260px;}

	/* header */
	.sitelogo img {height:40px;}

	/* main */
	.main-visual .slick-arrow {margin-top:-28px; width:56px; height:56px;}

	.hero-cnt-wrap {padding:50px;}

	.hero-cnt-wrap .btn-area .btn, .main-model .btn-area .btn {width:150px; height:56px;}

	.btn-veiw-more {width:150px; height:56px;}

	/* sub layout */
	#contArea {max-width:1260px;}

	.sub-visual {height:460px;}

	/* content */
	.models-slider .swiper-slide .btn-veiw-more {height:48px;}

	.models-hero-content {padding:50px;}
	.models-hero-content .btn-area .btn {width:150px; height:56px;}

	.models-description .txt {padding: 0 30px;}
	.models-counter .col {max-width: 300px;}

	.models-magazine-cnt {max-width: 864px; width: 100%; margin: 0 auto;}
	.magazine-top, .magazine-bot {flex-direction: column;}
	.magazine-txt {padding-bottom: 25px;}
	.models-slide-arrow {width: 55px; height: 19px;}
	.models-magazine .sec-tit {flex-direction: column; gap: 15px; align-items: flex-start;}
	.models-magazine .tit-desc:before {margin-left: 0;}



}
@media (max-width: 1400px) {
	/* main */
	.main-welcome-txt {padding-left: 30px;}
	.find-store-list .list-area .info {flex-direction: column;}
}
@media (max-width: 1280px) {
	.only-large-tablet {display: block;}
	/* main */
	.main-welcome .inner-wrap {flex-direction: column; gap: 40px;}
	.main-welcome-img {width: 100%; padding-right: 0; text-align: left;}
	.main-welcome-txt {width: 100%; margin: 0 auto;}
	.main-enquiry-item {gap: 35px;}
	.find-store-list .list-area ul li {position: relative;}
	.find-store-list .list-area .btn-func {position: absolute; right: 0; top: 20px; height: 35px; width: auto; padding: 0 20px;font-size: 14px;}

	/* footer */
	.footer-wrapper {padding: 0 30px;}

	/* content */
	.models-description .txt {font-size: var(--font-size-18);}
	.models-description .desc span {display: inline;}
	.models-slide-txt strong {margin-bottom: 15px;}
	.models-description .desc br,
	.models-description h2 br {display: none;}

}

/* Landscape tablet */
@media (max-width: 1024px) {
	:root {
		--wrapper-padding : 40px;
		--section-padding : 72px;
		--contain-padding : 40px;

	}

	body, input, textarea, select, button, table {font-size:15px;}

	/* header */
	.btn-m-menu {width:24px; height:24px; margin-top:-12px;}
	.btn-m-menu span:before {top:-9px;}
	.btn-m-menu span:after {bottom:-9px;}

	.global-navigation .nav-controls {padding:18px 40px; height:100px;}
	.global-navigation .nav-panel.lvl1 {left:40px; width:160px;}
	.global-navigation .nav-panel.lvl2 {left:calc(100% + 40px); width:260px;}
	.global-navigation .nav-panel.lvl3 {left:calc(100% + 40px); width:180px;}
	.global-navigation .nav-item {margin-bottom:24px; font-size:var(--font-size-22);}
	.global-navigation .nav-close-btn {width:24px; height:24px;}
	.global-navigation[aria-expanded=true] {width:240px;}

	.global-navigation.lvl2 {width:550px;}
	.global-navigation.lvl3 {width:760px;}


	/* main */
	.main-model-arrow {width: 55px; height: 19px;}
	.main-enquiry-img{width: 52%;}
	.location-logo img {height: 30px;}

	/* footer */
	.f-cnt {flex-direction: column; gap: 15px;}
	.f-terms, .f-sns {justify-content: center;}
	#footer address {justify-content: center;}
	.copyright {text-align: center;}

	/* sub layout */
	.sub-visual {height:240px;}

	.real-cont, .dealer-location {padding-bottom:260px;}

	/* content */
	.brand-content p {font-size:var(--font-size-18);}
	.brand-content .medium-text {font-size:var(--font-size-20);}
	.brand-content .large-text {font-size:var(--font-size-22);}
	.brand-content .text-indent {margin-left:24px;}
	.brand-content .text-indent-2 {margin-left:32px;}

	.brand-between.gap-100 {gap:50px;}
	.brand-between.gap-80 {gap:50px;}
	.brand-between.gap-70 {gap:40px;}
	.brand-between.gap-60 {gap:30px;}
	.brand-between.collabo .brand-content {padding:32px;}
	.brand-between.flex-end {align-items:flex-start;}
	.brand-between.flex-end .brand-content.pdb50 {padding-bottom:24px;}

	.brand-img.shadow.shadow-left {padding:0 0 30px 30px;}
	.brand-img.shadow.shadow-left:before {top:30px; right:30px;}
	.brand-img.shadow.shadow-right {padding:0 30px 30px 0;}
	.brand-img.shadow.shadow-right:before {top:30px; left:30px;}
	.brand-img.shadow-2 {padding-bottom:30px;}
	.brand-img.shadow-2:before {left:-30px; width:200px; height:190px;}

	.partnerships .content {padding:32px 32px;}

	.models-slider {padding:var(--section-padding) var(--contain-padding);}
	.models-slider .swiper-slide .cnt {padding:24px;}
	.models-slider .controls {margin-top:var(--contain-padding);}

	.models-hero-content {padding:50px 0;}

	.models-counter {padding:60px 0;}

	.models-intro .image {padding-right:50px;}
	.models-intro p {font-size:var(--font-size-18);}

	.models-panel .content, .models-description .txt {padding:24px 50px;}
	.models-panel p {font-size:var(--font-size-18);}

	.enquiry-wrap {padding-top:60px;}

	.show-room-title {padding:60px 0 80px;}
	.show-room-title p {font-size:var(--font-size-18);}

	.show-room-content {padding:80px 0;}
	.show-room-content p {font-size:var(--font-size-18);}

	.root_daum_roughmap .wrap_map {height:300px !important;}

	.directions {padding-top:48px;}
	.directions .info .sns {text-align:left;}
	.directions .info .sns a {margin-left:0; margin-right:4px;}

	.service-center {padding:60px 0 80px;}
	.service-center .content {padding:0 0 0 40px;}

	.ci-accordion-title:after {width: 48px; height: 48px;}
	.ci-accordion-cnt a:after {width: 58px; height: 36px; background-size: 15px;}

	.models-description, .models-description.reverse {flex-direction: column-reverse;}
	.models-description .img {width: 100%; padding-left: 0;}
	.models-counter .col {padding: 20px 40px;}
	.models-paginate button {width: 30px;}
	.models-slide-arrow {width: 50px; height: 17px;}
	.models-func {gap: 50px;}

	/* board */
	.input {padding:5px 14px; height:40px;}
	textarea.input {padding:12px 14px;}

	.board-search .search input.input {width:320px;}

	.board-list colgroup col {width:auto !important;}
	.board-list table thead th {height:45px; font-size:15px;}
	.board-list table tbody td {height:45px; font-size:15px;}

	.gallery-list ul li .thumb {margin-bottom:15px;}

	.event-list ul li .tit {font-size:15px;}

	.faq .tit {font-size:15px;}
	.faq .tit a {padding:9px 60px 9px 12px;}
	.faq .tit a:after {top:14px;}
	.faq .q {flex:0 0 32px; width:32px; height:32px; font-size:16px; line-height:32px;}
	.faq .cnt {padding:18px 25px 18px 60px;}

	.calendar-head h3 {font-size:28px; margin:0 30px;}
	.calendar-head .cal-btn {width:40px; height:40px;}
	.calendar table th {font-size:15px;}
	.calendar table td {height:110px; font-size:14px;}
	.calendar ul li:before {top:7px;}

	.board-white table {font-size:15px;}

	.board-form {padding:24px;}
	.board-form table {font-size:15px;}
	.board-form .input {height:44px;}

	.files-upload-text .upfiles-alt {font-size:14px;}

	.filebox .btn-pack.medium {width:110px; height:44px; line-height:42px; font-size:14px;}

	.form-agree {margin-bottom:50px;}
	.form-agree .scroll-box {font-size:14px;}
	.form-agree .check {margin-top:20px;}

	.board-view-tit {padding:14px 6px;}
	.board-view-tit h3 {font-size:18px;}
	.board-view-info {padding:13px 6px; font-size:13px;}
	.board-view-cnt {padding:15px 6px 40px;}

	.board-prev-next {font-size:14px;}

	.btn-pack.medium {height:40px; padding:0 16px; font-size:15px; line-height:38px;}
	.btn-pack.large {min-width:140px; height:50px; font-size:18px; line-height:48px;}
	.btn-pack.xlarge {min-width:140px; height:52px; font-size:15px; line-height:50px;}

	.btn-set {width:140px; height:52px;}

	.store-search {padding:22px 5%;}
	.store-search .map-area {width:280px;}
	.store-search .map-img .local {padding:0 10px; font-size:13px; line-height:22px;}

	.result-group .gall li {width:25%;}

	.product-summary {margin-bottom:50px;}
	.product-info .title {margin-bottom:25px;}
	.product-info .btn {width:200px; height:52px;}
	.product-info .btn:before {width:26px; height:26px;}

	.product-detail .title h3 {margin-bottom:-3px; padding:0 20px 10px; border-bottom-width:3px;}
	.product-detail .content {padding:30px 0 0 20px;}

}


/* portrait tablet */
@media (max-width: 900px) {
	:root {
		--font-size-20 : 16px;
		--font-size-22 : 18px;
        --font-size-24 : 18px;
        --font-size-26 : 18px;
        --font-size-28 : 20px;
		--font-size-30 : 20px;
		--font-size-32 : 21px;
		--font-size-35 : 22px;
		--font-size-40 : 24px;
		--font-size-50 : 26px;
		--font-size-60 : 28px;
		--font-size-70 : 30px;
		--font-size-80 : 32px;
		--font-size-90 : 40px;

		--wrapper-padding : 24px;
		--section-padding : 60px;
		--contain-padding : 24px;
	}

	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-tablet-mobile {display: block;}

	/* header */
	#header {flex-direction: row}
	#gnb {display: none;}
	.btn-m-menu {position: relative; left: 0; display: block;}
	.sitelogo {justify-content: flex-start;}

	.global-navigation {width:100% !important; height:0; backdrop-filter: blur(35px); -webkit-backdrop-filter: blur(35px);}
	.global-navigation .nav-controls {height:56px; padding:16px 24px;}
	.global-navigation .nav-content {padding-top:16px;}
	.global-navigation .nav-panel {left:0 !important; width:100% !important; padding:0 24px;}
	.global-navigation .nav-panel.lvl1 {transform:translateX(10%); transition:all .7s;}
	.global-navigation .nav-panel.lvl2,
	.global-navigation .nav-panel.lvl3 {pointer-events:auto; transform: translateX(10%); transition:all .7s;}
	.global-navigation .nav-item {color:#fff;}
	.global-navigation .nav-item path {fill:#fff;}
	.global-navigation .nav-back-btn,
	.global-navigation .mobile-nav-sub-header {display:block;}

	.global-navigation.lvl1 .nav-panel.lvl1 {transform:translateY(0); z-index:1;}

	.global-navigation[aria-expanded=true] {height:100%; transition: height .7s cubic-bezier(0.65, 0, 0.35, 1);}

	.global-navigation.lvl2 .nav-panel.lvl1 {transform:translateX(-10%);}
	.global-navigation.lvl2 .nav-panel.lvl1>li>.nav-item {opacity:0; pointer-events:none;}
	.global-navigation.lvl2 .nav-panel.lvl2 {transform:translateX(10%); overflow:visible; pointer-events:auto;}

	.global-navigation.lvl3 .nav-panel.lvl1 {transform:translateX(-10%);}
	.global-navigation.lvl3 .nav-panel.lvl2 {transform:translateX(0);}
	.global-navigation.lvl3 .nav-panel.lvl1>li>.nav-item,
	.global-navigation.lvl3 .nav-panel.lvl2>li>.nav-item {opacity:0; pointer-events:none;}
	.global-navigation.lvl3 .nav-panel.lvl3 {transform:translateX(10%); overflow:visible; pointer-events:auto;}

	.global-navigation.lvl2 .nav-back-btn,
	.global-navigation.lvl3 .nav-back-btn {opacity:1; width:24px; height:24px; transform:translateX(-10%); transition:transform .7s, opacity .7s;}

	.global-navigation.lvl2 .mobile-nav-sub-header,
	.global-navigation.lvl3 .mobile-nav-sub-header {height:100%; opacity:1; transition:all .7s;}

	/* main */
	.main-visual .slick-arrow {top:auto; bottom:20px; margin-top:0; width:40px; height:40px;}

	.btn-veiw-more {min-width:130px; width:auto; height:48px; padding:0 20px; font-size:var(--font-size-15);}

	.hero-cnt-wrap {padding:32px; margin-bottom:50px;}
	.hero-cnt-wrap .text-area {margin-bottom:24px;}
	.hero-cnt-wrap .btn-area .btn, .main-model .btn-area .btn {width:130px; height:48px;}

	.main-news {padding:var(--section-padding) var(--contain-padding);}
	.main-news .item .thumb {margin-bottom:20px;}
	.main-news .item .date {font-size:var(--font-size-14);}
	.main-news .item .tit {font-size:var(--font-size-18);}
	.main-news .item .more {font-size:var(--font-size-14);}
	.main-news .btn-all-more {margin-top:32px; width:120px; height:48px;}

	.btn-func {width: 120px; height: 48px;}
	.main-welcome .inner-wrap {gap: 30px;}
	.main-welcome-txt {gap: 25px;}
	.main-model-arrow {right: 30px;}
	.main-model-arrow.swiper-button-prev {right: auto; left: 30px;}
	.main-enquiry-item, .main-enquiry-item:nth-child(even) {flex-direction:column; gap: 20px;}
	.main-enquiry-img {width: 75%;}
	.main-enquiry-item a {margin-top: 25px;}
	.main-enquiry-item h2 {margin-bottom: 10px;}
	.main-enquiry-item:nth-child(even) .main-enquiry-img {margin-left: auto;}
	.find-store-list .list-area ul li {font-size: 13px;}
	.find-store-list .list-area {overflow: auto; padding-right: 20px; padding-bottom: 20px;}
	.find-store-wrap {height: 80vh;}
	.find-store-list {padding-right: 0; padding-bottom: 0;}
	.find-store-list .list-area .wrap {padding-right: 0;}
	.find-store-list .list-area .btn-func {height: 26px; padding: 0 15px; font-size: 13px; border-radius: 4px;}

	/* footer */

	/* layout */

	/* content */
	.sec-mg-100 {margin-bottom:60px;}
	.sec-mg-120 {margin-bottom:80px;}

	.brand-content.pd {padding:30px 0;}
	.brand-content .btn-veiw-more {width:auto; height:48px; margin-top:24px;}

	.brand-img.shadow.shadow-left {padding:0 0 20px 20px;}
	.brand-img.shadow.shadow-left:before {top:20px; right:20px;}
	.brand-img.shadow.shadow-right {padding:0 20px 20px 0;}
	.brand-img.shadow.shadow-right:before {top:20px; left:20px;}
	.brand-img.shadow-2 {padding-bottom:20px;}
	.brand-img.shadow-2:before {left:-20px; width:120px; height:120px;}

	.brand-between {flex-direction:column !important;}
	.brand-between .brand-img {width:auto !important;}
	.brand-between .brand-content {width:100%;}
	.brand-between.gap-100 {gap:30px;}
	.brand-between.gap-80 {gap:30px;}
	.brand-between.gap-70 {gap:30px;}
	.brand-between.gap-60 {gap:30px;}

	.partnerships .wrap {flex-direction:column;}
	.partnerships .content {width:100%;}
	.partnerships .image {width:auto;}
	.partnerships .content {padding:24px var(--contain-padding) 60px;}
	.partnerships .inner {max-width:100%; padding:16px 0 0 16px;}
	.partnerships .btn-veiw-more {height:48px;}

	.image-slider .swiper-button {width:32px; height:32px; margin-top:-16px;}
	.image-slider .swiper-button-prev {left:15px;}
	.image-slider .swiper-button-next {right:15px;}

	.models-slider .swiper-slide .tit {font-size: var(--font-size-30);}
	.models-slider .swiper-slide .btn-veiw-more {width:auto;}

	.models-intro .image {padding-right:0;}
	.models-intro .contain {padding-right:0;}
	.models-intro .content {padding:30px 40px 0; border-radius:40px 0 0 0;}

	.models-content {padding:70px 0;}

	.models-panel {flex-direction:column !important;}
	.models-panel .swiper-button {width:32px; height:32px; margin-top:-16px;}
	.models-panel .swiper-button-prev {left:15px;}
	.models-panel .swiper-button-next {right:15px;}
	.models-panel .image {width:auto;}
	.models-panel .content, .models-description .txt {width:100%; display:block; padding:24px var(--contain-padding) 60px;}
	.models-description .txt {padding-bottom: 0;}

	.models-carousel .swiper-slide {width:100%;}

	.enquiry-wrap .form .row {margin:-15px -15px;}
	.enquiry-wrap .form .col {padding:15px;}

	.service-center {display:block; text-align:center; }
	.service-center .image {width:auto; margin-bottom:24px;}
	.service-center .content {width:auto; padding:0;}

	.models-counter .col {padding: 20px;}
	.models-counter dd {font-size: 60px;}
	.models-spec {flex-wrap: wrap; max-width: 400px; margin: 0 auto;}
	.models-spec span:nth-child(even):not(:last-child):after {content: none;}
	.models-spec span {width: 200px;}
	.models-counter p {margin-top: 30px;line-height: 1.2em;}
	.models-magazine .tit-desc br {display: none;}
	.models-magazine-cnt .group, .models-magazine-cnt .group.magazine-bot {flex-direction: column; overflow: hidden;}
	.magazine-right .img, .magazine-bot .img, .group.magazine-bot .img {width: 100%; height: 300px;}
	.models-magazine-cnt .group .img img {width: 100%; object-position: center center;}
	.models-slide-txt br {display: none;}

	/* board */
	.gallery-list ul {margin:0 -16px;}
	.gallery-list ul li {padding:0 16px; margin-bottom:40px;}

	.news-list .item {margin-bottom:60px;}
	.news-list .item .thumb {margin-bottom:20px;}
	.news-list .item .date {font-size:var(--font-size-14);}
	.news-list .item .tit {font-size:var(--font-size-18);}
	.news-list .item .more {font-size:var(--font-size-14);}

	.event-list ul li {width:50%;}

	.store-search {padding:30px; margin-bottom:30px;}
	.store-search .map-area {display:none;}
	.store-search .search-area h3 {text-align:center; margin-bottom:30px;}

	.product-list ul {margin:0 -16px;}
	.product-list ul li {padding:0 16px; margin-bottom:40px;}

	.news-view-head p {font-size: var(--font-size-15);}
}

/* Landscape phone */
@media (max-width: 640px) {
	:root {
		--header-height: 56px;

		--font-size-16: 14px;
		--font-size-17: 14px;
		--font-size-18: 15px;
		--font-size-20: 16px;
		--font-size-22: 18px;
		--font-size-24: 20px;
		--font-size-26: 22px;
		--font-size-28: 22px;
		--font-size-30: 22px;
		--font-size-32: 22px;
		--font-size-34: 22px;
		--font-size-40: 22px;
		--font-size-50: 24px;
		--font-size-60: 26px;
		--font-size-70: 28px;
		--font-size-80: 28px;
		--font-size-90: 30px;


		--wrapper-padding: 16px;
		--contain-padding: 16px;
		--section-padding: 60px;
	}

	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	/* header */
	.sitelogo img {height:32px;}

	.btn-m-menu {width:20px; height:20px; margin-top:-10px;}
	.btn-m-menu span:before {top:-8px;}
	.btn-m-menu span:after {bottom:-8px;}

	/* main */
	.main-visual .slick-arrow {bottom:16px; width:24px; height:24px;}

	.hero-cnt-wrap {padding:0 16px; margin-bottom:56px;}
	.hero-cnt-wrap .text-area p {margin-bottom:4px;}
	.hero-cnt-wrap .btn-area {gap:8px;}

	.main-links {display:block;}
	.main-links .link {width:100%;}
	.main-links .text-area {padding:24px;}
	.main-links h2 {font-size: var(--font-size-40);}

	.main-news .swiper-container {padding:0 40px 0 16px; margin:0 -16px;}

	.main-welcome-txt p br {display: none;}
	.main-model-arrow {right: 15px; width: 38px; height: 13px;}
	.main-model-arrow.swiper-button-prev {left: 15px;}
	.main-enquiry-img {width: 100%;}
	.main-enquiry .inner-wrap {padding: 0 16px;}

	/* quick */
	.quick {width:120px; margin-bottom:-20px;}
	.quick ul li {height:40px;}
	.quick .link {font-size:15px; padding-left:16px;}
	.quick .link.arr {background-position:center right 12px;}
	.quick .sns {padding-left:10px; gap:4px;}
	.quick .sns img {width:30px;}

	/* footer */
	.footer-wrapper {padding: 0 15px;}
	#footer address {flex-direction: column; text-align: center;}
	.f-menu>a {position: unset;display: block; width: 100%; margin-top: 5px; text-align: center;}
	.copyright {margin-top: 10px; line-height: 1.3em;}
	.copyright span {display: block;}
	.f-menu ul {gap: 5px 25px;}
	.f-logo img {height: 35px;}

	/* layout */
	.sub-visual {height:180px;}

	.real-cont {min-height:250px; padding-bottom:200px;}

	.dealer-location {background: #f5f5f5; padding-top: 30px; padding-bottom: 0; margin-bottom: 200px;}
	.dealer-location h2 {margin-bottom: 20px; padding: 0 15px;}
	.find-store-wrap {flex-direction: column-reverse; height: auto;}
	.find-store-list {max-width: 100%; width: 100%; padding: 0 20px;}
	.find-store-map #map {height: 250px;}
	.find-store-list .list-area {padding-right: 0;}
	.find-store-list .list-area .name {font-size: 18px;}
	.find-store-list .list-area .addr {margin-bottom: 5px;}
	.store-info-txt {flex-direction: row-reverse; gap: 20px;}
	.find-store-list .list-area .btn-func { top: auto; bottom: 20px; font-size: 12px; padding: 0 10px;}
	.find-store-list .list-area ul li {padding: 15px 0;}

	/* content */
	.sec-mg-50 {margin-bottom:30px;}
	.sec-mg-100 {margin-bottom:40px;}
	.sec-mg-120 {margin-bottom:60px;}

	.brand-title {padding:30px 0;}

	.brand-content.pd {padding:16px 0 32px;}
	.brand-content h2 {margin-bottom:10px;}
	.brand-content h3 {margin-bottom:20px; font-size:var(--font-size-22);}
	.brand-content p {font-size:var(--font-size-16);}
	.brand-content .medium-text {font-size:var(--font-size-18);}
	.brand-content .text-indent {margin-left:0;}
	.brand-content .text-indent-2 {margin-left:0; margin-top:0;}
	.brand-content.space-right .text-indent {margin-right:0;}
	.brand-content .btn-veiw-more {margin-top:10px;}

	.brand-between.gap-70 {gap:24px;}
	.brand-between.gap-80 {gap:24px;}
	.brand-between.gap-100 {gap:24px;}
	.brand-between.flex-end .brand-content.pdb50 {padding-bottom:0;}
	.brand-between.collabo .brand-content {padding:0 24px 32px;}
	.brand-between.collabo .btn-veiw-more {width:auto; height:48px;}

	.brand-image .img-indent {margin-right:-16px;}
	.brand-image .img-indent-2 {margin-left:-16px;}
	.brand-img.shadow.shadow-left {padding:0 0 16px 16px;}
	.brand-img.shadow.shadow-left:before {top:16px; right:16px;}
	.brand-img.shadow.shadow-right {padding:0 16px 16px 0;}
	.brand-img.shadow.shadow-right:before {top:16px; left:16px;}
	.brand-img.shadow-2 {padding-bottom:16px;}
	.brand-img.shadow-2:before {left:-16px; width:80px; height:76px;}

	.wise-saying .saying {font-size: var(--font-size-22);}
	.wise-saying .name.st2 {margin-left:1.6em;}

	.section-bg {padding:40px 0;}

	.no-time-models .item {width:100%;}

	.partnerships h2 {margin-bottom:24px;}
	.partnerships .num {font-size:40px;}
	.partnerships .inner {padding:24px 0 0 20px;}

	.image-slider .swiper-button {width:24px; height:24px; margin-top:-12px;}
	.image-slider .swiper-button-prev {left:8px;}
	.image-slider .swiper-button-next {right:8px;}
	.image-slider .swiper-pagination {bottom:12px; width:60px; margin-left:-30px; font-size:12px; line-height:28px;}

	.models-slider .swiper-button {width:40px; height:40px; background-size:10px auto;}

	.models-hero-content .text-area p {margin-bottom:4px;}
	.models-hero-content .btn-area {gap:8px;}
	.models-hero-content .btn-area .btn {width:auto; min-width:130px; height:48px; font-size:var(--font-size-16);}

	.models-counter {padding:10px 10px;}
	.models-counter .row {flex-direction:column;}
	.models-counter .col:not(:last-child) {padding:30px 0; border-bottom:1px solid #ddd; border-right:0;}
	.models-counter dt {font-size:15px; margin-bottom:16px;}
	.models-counter dd {font-size:32px;}

	.models-intro .contain {padding-right:16px;}
	.models-intro .content {margin-top:0; padding:20px 0 0;}

	.models-panel h2 {margin-bottom:16px;}

	.models-carousel .controls {bottom:16px;}

	.mo-br-hide {display:none;}

	.celebrities .pic {width:60px; min-width:60px; margin-right:16px;}
	.celebrities p {font-size:13px;}

	.enquiry-wrap {padding-top:30px;}
	.enquiry-wrap h2 {margin-bottom:20px;}
	.enquiry-wrap .cate {margin-bottom:38px;}
	.enquiry-wrap .cate .item label {width:96px; height:40px;}
	.enquiry-wrap .form .row {margin:-15px 0;}
	.enquiry-wrap .form .col {width:100%; padding:15px 0;}
	.enquiry-wrap .form .input {height:44px;}

	.show-room-title {padding:40px 0 50px;}
	.show-room-content {padding:60px 0;}
	.show-room-content .imgs {flex-direction:column; gap:10px; margin-bottom:24px;}
	.show-room-content h2 {margin-bottom:16px;}

	.root_daum_roughmap .wrap_map {height:240px !important;}

	.directions {padding-top:24px; gap:30px;}
	.directions .address {display:block;}
	.directions .address h3 {margin:0 0 16px;}
	.directions .address .text p img {width:20px; min-width:20px; margin:0 10px 0 0;}
	.directions .info .hour {flex-direction:column;}
	.directions .info .sns {margin-top:30px;}

	.ci-accordion {padding: 0;}
	.ci-accordion-title:after {width: 42px; height: 42px;}
	.ci-accordion-cnt a:after {width: 50px; height: 29px; background-size: 12px;}

	.models-counter .col {text-align: center;}
	.models-spec span {justify-content: space-between;}
	.models-spec span:not(:last-child):after {content: none;}
	.models-description h2 br {display: block;}
	.models-counter dt span {margin-left: 6px;}
	.models-slide-txt {bottom: 55px;}
	.models-slide-txt div {height: auto;}
	.models-paginate button {width: 20px;}
	.models-func {justify-content: space-between; gap: 20px; padding: 0 15px;}
	.models-slide-arrow {width: 38px; height: 13px;}

	/* board */
	.input {font-size:14px; padding:0 10px; height:38px;}
	select.input {padding-right:26px; background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.checkbox input:checked + label:before {background-image:url("/images/bbs/checkbox_x2.png"); background-size:11px auto;}

	.board-search {display:flex; flex-direction:column; margin-bottom:12px;}
	.board-search .total-page {order:2; float:none; font-size:13px; width:100%; margin-top:25px;}
	.board-search .search {width:100%; order:1;}
	.board-search .search select.input {min-width:100px; margin-right:8px;}
	.board-search .search input.input {flex:1 1 auto; min-width:0; width:1%; padding-right:32px;}
	.board-search .search .submit {width:18px; height:18px; margin-top:-9px; right:4px;}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.gallery-list ul {margin:0 -8px;}
	.gallery-list ul li {width:50%; padding:0 8px; margin-bottom:30px;}
	.gallery-list ul li .thumb {margin-bottom:12px;}
	.gallery-list ul li .hover i {width:36px; height:36px; margin-bottom:10px;}

	.news-list .items {margin:0;}
	.news-list .item {width:100%; padding:0; margin-bottom:40px;}
	.news-list .item .thumb {}
	.news-list .item .tit {font-size:18px;}

	.news-view-head {margin-bottom:30px;}
	.news-view-content {margin-bottom:50px;}



	.event-list {padding-top:20px;}
	.event-list ul li {width:100%; margin-bottom:32px;}
	.event-list ul li .thumb {margin-bottom:10px;}
	.event-list ul li .tit {font-size:15px;}
	.event-list ul li .date {font-size:12px; margin-top:4px;}

	.faq .tit a {padding:7px 0 7px 5px;}
	.faq .tit a:after {display:none;}
	.faq .q {flex:0 0 26px; width:26px; height:26px; font-size:15px; line-height:26px; margin-right:10px;}
	.faq .cnt {padding:12px 12px 12px 15px;}

	.calendar-head {margin-bottom:15px;}
	.calendar-head h3 {font-size:20px; margin:0 17px;}
	.calendar-head .cal-btn {width:34px; height:34px; background-size:9px auto;}
	.calendar-head .cal-prev {background-image:url("/images/bbs/cal_prev_x2.png");}
	.calendar-head .cal-next {background-image:url("/images/bbs/cal_next_x2.png");}
	.calendar table th {padding:6px 4px; font-size:14px;}
	.calendar table td {height:60px; padding:5px 4px; font-size:12px;}
	.calendar ul li {padding-left:0; margin-bottom:6px;}
	.calendar ul li:before {display:none;}
	.calendar .cal-date {font-size:10px; margin-bottom:8px;}

	.board-white table {display:block; border-top:0; border-bottom:0; font-size:14px;}
	.board-white table tbody {display:block;}
	.board-white table tr {display:block; padding:12px 0;}
	.board-white table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-white table td {display:block; border:0; padding:0;}
	.board-white .editor {padding:0; margin-top:-12px;}
	.board-white .item {margin:3px 12px 3px 0;}
	.board-white #user_name {max-width:100% !important;}
	.board-white + .buttons {margin-top:30px;}

	.board-form {padding:15px 0;}
	.board-form table {display:block;}
	.board-form table tbody {display:block;}
	.board-form table tr {display:block; padding:12px 0;}
	.board-form table th {display:block; border:0; text-align:left; padding:0; margin-bottom:7px; font-size:16px; background:none;}
	.board-form table th.vtop {padding-top:0;}
	.board-form table td {display:block; border:0; padding:0;}
	.board-form .help-text {font-size:12px;}
	.board-form .check-items {margin:0 -10px;}
	.board-form .check-items .item {min-width:50px; padding:5px 10px;}
	.board-form + .buttons {margin-top:30px;}

	.form-agree {margin:30px 0 30px;}
	.form-agree h3 {font-size:16px;}
	.form-agree .scroll-box {font-size:12px; max-height:110px; overflow:auto;}
	.form-agree .check {margin-top:12px; font-size:14px;}

	.bbs-top-txt {font-size:14px;}

	.board-view-tit h3 {font-size:17px;}
	.board-view-info {font-size:12px;}

	.board-prev-next dl {padding:10px 6px;}
	.board-prev-next dt {width:70px}

	.buttons {margin:15px 0;}

	.btn-pack.small {height:26px; padding:0 8px; font-size:11px; line-height:24px;}
	.btn-pack.medium {height:38px; padding:0 14px; font-size:14px; line-height:36px;}
	.btn-pack.large {min-width:120px; height:42px; padding:0 18px; font-size:15px; line-height:40px;}
	.btn-pack.xlarge {min-width:120px; height:50px; padding:0 22px; font-size:16px; line-height:48px;}
	.btn-pack.comment {width:80px; height:32px; font-size:14px;}

	.btn-set {width:120px; height:48px;}

	.paginate {margin-top:20px;}
	.paginate a,
	.paginate strong{margin:0 1px;width:30px;height:30px;font-size:14px;line-height:30px;}
	.paginate a.direction {margin:0; background-size:11px;}
	.paginate a.direction.first {background-image:url("/images/bbs/btn_first_x2.png");}
	.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev_x2.png"); margin-right:14px;}
	.paginate a.direction.next {background-image:url("/images/bbs/btn_next_x2.png"); margin-left:14px;}
	.paginate a.direction.last {background-image:url("/images/bbs/btn_last_x2.png");}

	.comment-area {margin-top:37px;}
	.comment-total {font-size:14px; margin-bottom:12px;}
	.comment-write {position:relative; padding:10px;}
	.comment-write .byte {position:absolute; bottom:15px; left:12px; font-size:12px;}
	.comment-write .write {display:block;}
	.comment-write .write textarea {display:block; width:100%; height:65px; margin-right:0;}
	.comment-write .write .btn {text-align:right; margin-top:6px;}
	.comment-item {padding:17px 4px;}
	.comment-item.comment-reply {padding-left:25px; background-image:url("/images/bbs/icon_reply_x2.png"); background-position:3px 18px; background-size:auto 13px;}
	.comment-info {font-size:14px;}
	.comment-info .name {margin-right:5px;}
	.comment-info .date {font-size:11px;}
	.comment-ctr {font-size:12px;}
	.comment-ctr .bar {vertical-align:middle; margin:-.2em 4px 0;}
	.comment-txt {font-size:14px;}
	.comment-link {font-size:13px;}
	.comment-input {padding:10px;}
	.comment-input textarea {height:48px;}

	.board-password {padding:30px 20px;}

	.store-search {padding:0;}
	.store-search .search-area h3 {font-size:16px; padding:15px 25px; margin-bottom:20px; background:#f4f4f4;}
	.store-search .search-area dl {display:block; padding:0 15px; margin:20px 0;}
	.store-search .search-area dl dt {width:auto; margin-bottom:6px; font-size:15px;}
	.store-search .search-area dl dd {width:auto;}
	.store-search .search-area input.input {width:calc(100% - 74px); margin-right:4px;}
	.store-search .search-area select.input {width:calc(50% - 39px); margin-right:4px;}
	.store-search .search-area .btn-pack.medium {width:70px;}

	.result-top {font-size:18px;}
	.result-group .gall {margin:0 -7px;}
	.result-group .gall li {width:50%; padding:0 7px;}
	.result-group dl dt {font-size:15px;}
	.result-group dl dd {font-size:13px;}
	.result-group dl dd.date {font-size:12px;}

	.product-search {padding:25px 20px; gap:30px; margin-bottom:30px;}
	.product-search .wrap {flex-direction:column;}
	.product-search .tit {width:auto; margin-bottom:10px; line-height:1.3em;}
	.product-search .list {width:auto;}
	.product-search .list ul {gap:5px;}
	.product-search .list ul li a {height:30px; padding:0 9px; font-size:13px;}

	.product-list ul {margin:0 -8px;}
	.product-list ul li {width:50%; padding:0 8px; margin-bottom:40px;}
	.product-list ul li .thumb {margin-bottom:14px;}
	.product-list ul li .cate {margin-bottom:12px; gap:3px;}
	.product-list ul li .cate span {padding:0 6px; font-size:11px; line-height:18px;}
	.product-list ul li .tit {font-size:16px;}
	.product-list ul li .txt {font-size:13px;}

	.product-summary {flex-direction:column; gap:20px; margin-bottom:60px;}
	.product-image {width:100%;}
	.product-info {width:100%;}
	.product-info .title {margin-bottom:30px;}
	.product-info .btn-area {gap:10px;}
	.product-info .btn {width:100%; height:48px;}
	.product-info .btn:before {width:22px; height:22px; margin-right:8px;}

	.product-detail .title h3 {padding:0 0 8px; font-size:19px;}
	.product-detail .content {padding:22px 0 0 0;}

}

/* Landscape phones and down */
@media (max-width: 420px) {


}