@charset "euc-kr";

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap);
@import url(animate.min.css);

/* Reset with bootstrap */
html{font-size: 16px}
body, p, h1, h2, h3, span, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin: 0;padding: 0}
body, input, textarea, select, button, table{font-family: 'Roboto', 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif}
body{-ms-word-break: break-all;word-break: keep-all;word-wrap: break-word;color: #111;line-height: 1.5;letter-spacing: -.025em}
a, a:hover, a:focus, a:active{text-decoration: none;color: inherit}
a, button, input, textarea{transition: border-color .15s ease-in-out,background .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out,transform .15s ease-in-out,box-shadow .4s}
li{list-style: none}
address, em{font-style: normal}
label{cursor: pointer;margin: 0}
table{width: 100%}
textarea{resize: none}
strong, b{font-weight: 700}
img{vertical-align: top;max-width: 100%}

/* Helper Classes */
.skip{z-index: 200;background: #000;text-align: center;color: #fff}
.skip:active, .skip:focus{position: absolute;padding: .5rem;color: #fff}
.no-style{background: none;border: 0}
.d-flex-space{display: flex;align-items: center;justify-content: space-between}
.center-block{display: block;margin-left: auto;margin-right: auto}
.hr{border-top-color: #E5E5E5;margin-top: 3.333rem;margin-bottom: 3.333rem}

/* Grid */
.clearfix:after{content: '';display: block;clear: both}

/* Icon */
[class^=icon-]{display: inline-block;overflow: hidden;margin: 0;padding: 0;border: 0;background-color: transparent;background-position: 50% 50%;background-repeat: no-repeat;font-size: 0;line-height: 0;text-decoration: none;vertical-align: top;text-indent: -1000em;background-size: 100% auto}

/* Typography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;line-height: 1.5;font-weight: 700}
.display-2{font-size: 50px;font-weight: 700}
.display-2 .en{font-size: .95em}
.display-3{font-size: 40px;font-weight: 700}
.display-4{font-size: 36px;font-weight: 700}
.font-weight-medium{font-weight: 500 !important}
.font-weight-light{font-weight:300 !important}
[class*=txt-line]{display: block;display:-webkit-box;overflow:hidden;max-width: 100%;max-height: 2.6em;line-height: 1.3em !important;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;white-space:normal}
.font-roboto{font-family: 'Roboto', arial;letter-spacing: 0}
.font-noto{font-family: 'Noto Sans KR', arial;letter-spacing: 0}

/* Theme */
.text-primary{color: #000000 !important}
.text-secondary{color: #00a6d6 !important}
.text-body{color: #111 !important}
.text-muted{color: #7d7d7d !important}
.bg-point{background: #f6f2ef !important}
.bg-transparent{background: transparent !important}

/* Form */
.form-control{height: 48px;border-color: transparent;background: #f2f2f2;border-radius: 0;-webkit-appearance: none;font-size: 16px;box-shadow: none !important;padding: 5px 20px}
.form-control:focus{border-color: #00a6d6}
.form-control::-ms-expand{display: none}
textarea.form-control{padding: 15px 20px}
select.form-control{padding-right: 35px;background: #f2f2f2 url(../img/select.svg) no-repeat center right 20px/14px auto}
select.form-control.v2{background:#fff url(../img/icon_drop.png) no-repeat center right 20px}
.form-text{color: rgba(0,0,0,.5);margin: 1em 0 0}
.form-control:disabled, .form-control[readonly]{background: #f2f2f2}
.input-group-text{background: none;border: 0;font-size: 20px;padding: 0 .6em}
.input-group .form-control+.form-control{margin-left: 10px;margin-top: 0}
.input-datepicker{width: 70%;max-width: 360px;padding-right: 65px}
.input-datepicker{background-image: url(../img/date.png);background-position: center right 20px;background-repeat: no-repeat;background-size: 28px auto}
.input-group+.form-control, .form-control+.form-control{margin-top: 10px}
.post-input-group{width: 80%;max-width: 500px}
.post-input-group .btn{margin-left: 10px}
.password-input-group .form-control{width:360px;max-width:360px}
.password-input-group .btn{margin-left:20px}
.custom-checkbox .custom-control-label::before{background-color:transparent;border-color:#c8c4c2;border-radius:0}
.custom-control-input:checked~.custom-control-label::before{border-radius:0;background:#000000;border-color:#000000}
.custom-control-label::after{border-radius:0}

/* Button */
.btn{padding: .688em 1.529em .488em;box-shadow: none !important;border-radius: 0;font-size: 17px}
.btn-sm{font-size: .833rem;padding: .444rem 1rem}
.btn-xl{font-size: 25px;min-width: 8.8em}
.btn-md-block{width:100%;font-size:20px}
.btn-primary{background: #00a6d6 !important;border-color: #00a6d6 !important}
.btn-secondary{background:#000000 !important;color:#fff !important;border-color:#000000 !important}
.btn-outline{border-color: #00a6d6 !important;color: #00a6d6;background: #fff !important}
.btn-outline:hover{background: #00a6d6 !important;color: #fff !important}
.btn-outline-primary{border-color: #000000 !important;color: #000000;background: none !important}
.btn-outline-primary:hover{background: #000000 !important}
.btn>[class*=icon]{height: 1.5em;margin-right: 10px;font-size: inherit}

/* List */
.list-dash>li{padding-left: .6em;line-height: 1.5}
.list-dash>li::before{content: '-';float: left;margin-left: -.6em}
.list-bull>li{padding-left: .75em;line-height: 1.375;text-align: left}
.list-bull>li+li{margin-top: .4em}
.list-bull>li::before{content: '¡¤';float: left;margin-left: -.75em;color: #004872;font-weight: 900}
.list-decimal{counter-reset: list}
.list-decimal>li, .list-circle-num>li, .list-bracket>li{padding-left: 1.2rem}
.list-decimal>li::before{counter-increment: list;content: counter(list)".";float: left;margin-left: -1.2rem}
.list-bracket{counter-reset: list2}
.list-bracket>li::before{counter-increment: list2;content: counter(list2)")";float: left;margin-left: -1.2rem}
.list-circle-num>li>.num{float: left;margin-left: -1.2rem}

/* Nav */
.nav{border-bottom: 0}
.nav-link{position: relative;line-height: 1.2;text-align: center;color: #c2c2c2}
.nav-tabs{position: relative;margin-bottom: 80px;border-bottom: 1px solid #00a6d6}
.nav-tabs .nav-item+.nav-item{margin-left: -1px}
.nav-tabs .nav-link{border-color: #999;border-radius: 0;padding: 30px;font-size: 25px}
.nav-tabs .nav-link.active{border-color: #00a6d6;color: #fff;background:#00a6d6;font-weight: 500}
.nav-outline{margin-bottom:20px;border-bottom:0}
.nav-outline .nav-item{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;margin-bottom:0;border-bottom:1px solid #fff}
.nav-outline .nav-link{padding:15px;font-size:18px;font-weight:500;border-bottom-color:#00a6d6}
.nav-outline .nav-link.active{border-bottom:0;color:#00a6d6;background:#fff}
.pagination{justify-content: center;margin-top: 30px;align-items: center}
.pagination .page-link{display: flex;width: 2.125rem;height: 2.125rem;padding: 0;justify-content: center;align-items: center;font-size: 1.25rem;border: 1px solid transparent;color: #9c9c9c;margin: 0 4px;font-weight: 400;background: none}
.pagination .page-link.active{border-color: #00a6d6;color: #00a6d6}
.page-prev, .page-next{margin: 0 4px;width: 2.125rem;height: 2.125rem;background: url(../img/paging.svg) no-repeat 50% 50%/.625rem auto;font-size: 0;line-height: 0;text-indent: -9999em;color: transparent;opacity: .5}
.page-prev{transform: scaleX(-1)}

/* modal */
.modal-dialog{width: 95%;max-width: 44.444rem;margin-left: auto;margin-right: auto}
.modal-dialog-alert{width: 86.666%}
.modal-content{border-radius: 0;border: 0}
.modal-header{justify-content: center;position: relative;font-size: 30px;padding: .75em 2.5em}
.modal-header .icon-close{position: absolute;width: 3em;font-size: inherit;background-image: url(../img/close.svg);background-size: 1em auto;top: 0;right: 0;bottom: 0;outline: 0 !important}
.modal-title{font-size: inherit}
.modal-dialog-thumb{max-width: 650px}
.modal-dialog-thumb .modal-body{padding: 0}
.modal-dialog-thumb .modal-body>img{width: 100%}
.modal-dialog{max-width: 620px}
.modal-dialog .modal-content{background: #fff;color: #000;text-align: center}
.modal-dialog .icon-close{position: absolute;top: 0;right: 0;width: 58px;height: 58px;background-image: url(../img/cls.png);background-size: 21px}
.modal-dialog .modal-body{padding: 11% 12px}
.modal-dialog-alert img{display: block;width: 22.4%;margin: 0 auto}
.modal-dialog .tit{font-size: 1.563rem;font-weight: 700;margin:1em 0 .5em;color: #00a6d6;line-height:34px}
.modal-dialog p:not(.tit){font-size:1rem;color:#2a1316}
.modal-dialog p:not(.tit) u{font-weight:700;text-underline-position:under}
.modal-dialog-mypage{padding:10% 12px 13%}
.modal-footer{display:flex;align-items:center;padding:0;border-top:0}
.modal-footer>*{width:50%;margin:0;font-size:1.25rem !important;font-weight:300;color:#fff !important}
.modal-footer .btn-muted{background:#999}
.modal-dialog-id{max-width:440px}
.modal-dialog-id .tit{margin:0;font-weight:500;font-size:1.375rem;line-height:2.125rem}
.modal-dialog-id .tit .text-secondary{font-size:1.563rem}
.modal-dialog-id .modal-body{padding:70px 0 57px}

/* Swiper */
.swiper-controls{position: absolute}
.swiper-controls [class*=swiper-]{position: static;margin-top: 0}
.swiper-controls [class*=swiper-button]{width: 11px;height: 16px;margin-right: 30px;background: url(../img/swiper_arr.svg) no-repeat 0 0}
.swiper-controls .swiper-button-next{margin-left: 30px}
.swiper-button-prev{transform: scaleX(-1)}
.swiper-pagination{line-height: 0;font-size: 0}
.swiper-pagination-bullet{width: 24px;height: 24px;background: url(/images/swiper_pagination.svg) no-repeat 50% 50%/auto 66.66%;opacity: .5}
.swiper-pagination-bullet-active{background-image: url(/images/swiper_pagination_active.svg);background-size: auto 100%;opacity: 1}
.swiper-pagination-bullet+.swiper-pagination-bullet{margin-left: 16px}
.swiper-slide:not(.swiper-slide-active) .animate__animated{visibility:hidden;-webkit-animation-name:none !important;animation-name:none !important}

/* badge */
.badge{background: #00a6d6;color: #fff;border-radius: 0;border: 0;font-weight: 500;padding: .28em;padding-top: .37em;font-size: 18px;line-height: 1.1;display: inline-block;vertical-align: top;min-width: 4.833em}
.badge-primary{background: #000000}
.badge-group{line-height: 0;font-size: 0}
.badge-group .badge:not(:last-child){margin-right: 5px}

/* Animate */
.ani-stop{visibility:hidden;-webkit-animation-name:none !important;animation-name:none !important}
.ani-delay01{-webkit-animation-delay:.1s !important;animation-delay:.1s !important}
.ani-delay015{-webkit-animation-delay:.15s !important;animation-delay:.15s !important}
.ani-delay025{-webkit-animation-delay:.25s !important;animation-delay:.25s !important}
.ani-delay02{-webkit-animation-delay:.2s !important;animation-delay:.2s !important}
.ani-delay03{-webkit-animation-delay:.3s !important;animation-delay:.3s !important}
.ani-delay04{-webkit-animation-delay:.4s !important;animation-delay:.4s !important}
.ani-delay05{-webkit-animation-delay:.5s !important;animation-delay:.5s !important}
.ani-delay06{-webkit-animation-delay:.6s !important;animation-delay:.6s !important}
.ani-delay07{-webkit-animation-delay:.7s !important;animation-delay:.7s !important}
.ani-delay075{-webkit-animation-delay:.75s !important;animation-delay:.75s !important}
.ani-delay08{-webkit-animation-delay:.8s !important;animation-delay:.8s !important}
.ani-delay09{-webkit-animation-delay:.9s !important;animation-delay:.9s !important}
.ani-delay10{-webkit-animation-delay:1s !important;animation-delay:1s !important}
.ani-delay11{-webkit-animation-delay:1.1s !important;animation-delay:1.1s !important}
.ani-delay12{-webkit-animation-delay:1.2s !important;animation-delay:1.2s !important}
.ani-delay125{-webkit-animation-delay:1.25s !important;animation-delay:1.25s !important}
.ani-delay13{-webkit-animation-delay:1.3s !important;animation-delay:1.3s !important}
.ani-delay14{-webkit-animation-delay:1.4s !important;animation-delay:1.4s !important}
.ani-delay15{-webkit-animation-delay:1.5s !important;animation-delay:1.5s !important}
.ani-delay16{-webkit-animation-delay:1.6s !important;animation-delay:1.6s !important}
.ani-delay17{-webkit-animation-delay:1.7s !important;animation-delay:1.7s !important}
.ani-delay18{-webkit-animation-delay:1.8s !important;animation-delay:1.8s !important}
.ani-delay19{-webkit-animation-delay:1.9s !important;animation-delay:1.9s !important}
.ani-delay20{-webkit-animation-delay:2s !important;animation-delay:2s !important}
.ani-delay25{-webkit-animation-delay:2.5s !important;animation-delay:2.5s !important}
.ani-delay30{-webkit-animation-delay:3s !important;animation-delay:3s !important}
.ani-delay40{-webkit-animation-delay:4s !important;animation-delay:4s !important}
.ani-delay41{-webkit-animation-delay:4.1s !important;animation-delay:4.1s !important}
.ani-delay50{-webkit-animation-delay:5s !important;animation-delay:5s !important}
.ani-delay55{-webkit-animation-delay:5.5s !important;animation-delay:5.5s !important}
.ani-delay60{-webkit-animation-delay:6s !important;animation-delay:6s !important}
.ani-delay65{-webkit-animation-delay:6.5s !important;animation-delay:6.5s !important}
.ani-delay70{-webkit-animation-delay:7s !important;animation-delay:7s !important}
.ani-delay75{-webkit-animation-delay:7.5s !important;animation-delay:7.5s !important}
.ani-delay80{-webkit-animation-delay:8s !important;animation-delay:8s !important}
.ani-delay85{-webkit-animation-delay:8.5s !important;animation-delay:8.5s !important}
.ani-duration05{-webkit-animation-duration:.5s !important;animation-duration:.5s !important}
.ani-duration{-webkit-animation-duration:1s !important;animation-duration:1s !important}
.ani-duration15{-webkit-animation-duration:1.5s !important;animation-duration:1.5s !important}
.ani-duration2{-webkit-animation-duration:2s !important;animation-duration:2s !important}
.ani-duration3{-webkit-animation-duration:3s !important;animation-duration:3s !important}
.ani-duration7{-webkit-animation-duration:7s !important;animation-duration:7s !important}


/*--------------------------------------
    PAGES
---------------------------------------*/

/* Layout */
body{display: flex;width: 100%}
#wrap{overflow: hidden;display: flex;width: 100%;flex-direction: column;min-height: 100vh}
#hd, #ft{flex-shrink: 0}
#ct{flex: 1 0 auto;width: 100%}
.container{position: relative;width: 100%;max-width: 1450px;padding-left: 25px;padding-right: 25px}
.container-fluid{max-width: none}
.container-xs{max-width: 1210px}

/* Header */
#hd{position: fixed;left: 0;right: 0;top: 0;z-index: 200;background: rgba(255,255,255,.7);height: 100px;letter-spacing: 0;font-family: 'Noto Sans KR','NotoSans','Apple SD Gothic Neo',sans-serif}
#hd.open{background: #fff}
#hd .nav-item{position: relative;font-size: 1rem;text-align: left;color: #7a7a7a}
#hd .nav-item>a{display: block;height: 100%;font-size: 18px;color: #242424}
#hd .nav-item.on>a{color: #000000}
.depth{display: none}
.depth a:hover, .depth a:focus{color: #000000}
.depth a.active{font-weight: 500}
.hd-logo>a{display: block}
.icon-blog, .icon-insta{width: 34px;height: 32px; background-image: url(/images/icon_naver.png);background-size: auto 100%}
.icon-insta{width: 32px;background-image: url(/images/icon_kakao.png)}
.hd-util{display: flex;align-items: center}
.hd-util .link{display: block;margin:0 6px;font-size:14px}
.hd-util>span{font-size:11px;color: #c4c4c4}
.hd-util .btn{margin-left:5px;padding:6px 14px;border-radius:30px;background:#00a6d6;color:#fff;font-size:15px;font-weight:500}
.hd-util .ml-btn{margin-left:20px}

.hd-wh:not(.is-scroll):not(.nav-open) #hd:not(.open){background: none}
.hd-wh:not(.is-scroll):not(.nav-open) #hd:not(.open) .hd-logo img{visibility: hidden}
.hd-wh:not(.is-scroll):not(.nav-open) #hd:not(.open) .hd-logo>a{background: url(../img/logo_wh.svg) no-repeat 0 0/100% auto}


/* Footer */
#ft{position: relative;background: #000000;color: #fff;padding: 85px 0;text-align: center}
.ft{max-width: 1400px;padding: 0;position: static}
.ft-cs>strong{display: block;padding-bottom: 18px;line-height: 1.1;margin-bottom: 25px}
.ft-cs{line-height: 1.375}
.ft-cs .tel{display: inline-flex;flex-direction: column;vertical-align: top;font-size: 43px;line-height: 1.1;padding: 0 30px;letter-spacing: 0}
.ft-cs .btn{padding: 0;line-height: 33px;margin-top: 5px}
.ft-cs dt{font-weight: 400;margin-bottom: 10px;font-size: 18px}
.ft-cs .col{border-left: 1px solid #66383c}
.ft-logo{opacity: .5;display: block;height: 23px;margin-bottom: 20px}
.ft-info-txt{margin-top: 10px;line-height: 1.688}
.ft-info-txt .copy{font-weight: 300;text-transform: uppercase;color: #ffc000;letter-spacing: 0}
.icon-btn-top{position: absolute;z-index: 50;z-index: 10;bottom: 93px;right: 25px;width: 80px;height: 80px;background-color: #fff;background-image: url(/images/top.svg);background-size: 14px auto}
.ft-drop{position:absolute;right:0;top:0}
.ft-drop .dropdown-toggle{padding:12px 25px;border:2px solid #464646;color:#fff;font-weight:500}
.ft-drop .dropdown-toggle:after{width:6px;height:5px;margin-left:70px;border:0;background:url(/images/icon_drop_wh.png) no-repeat;background-size:100% auto}
.ft-drop .dropdown-menu{top:0;left:0;right:0;margin:0;min-width:inherit;border:0;border-radius:0}
.ft-drop .dropdown-item:active{background:#f6f2ef;color:#000}

/* content */
.visual-container{
	display: flex;
	align-items: flex-end
}
.visual-container:before{
	content: '';
	display: block;
	height: 100vh
}

.sub_visual-container:before{
	content: '';
	display: block;
	height: 10vh
}

.visual-container>img{display: none}
.visual-txt{
	padding: 175px 0;
	color: #000000;
	position: relative
}

.sub_visual-txt{
	padding: 100px 0;
	color: #000000;
	position: relative
}

.more-link{font-size: 17px;letter-spacing: 0;line-height: 1;padding-bottom: 0.3em;display: inline-block;vertical-align: top;color: #bb9b88 !important;border-bottom: 2px solid #00a6d6;text-align: center;min-width: 49px}




.sub-visual{
	position: relative;
	color: #000000;
	background-size: cover;
	background-position: 50% 80%;
	background-repeat: no-repeat
}
.sub-visual .visual-txt{color: inherit}
[class*=sub-container]{padding-top: 100px;padding-bottom: 100px}
.sub-container>.display-2{text-align: center;color: #000000;margin-bottom: 1.3em}
.icon-btm{position: absolute;width: 24px;height: 67px;background-image: url(../img/btm.png);bottom: 50px;left: 50%;margin-left: -12px;outline: 0 !important}
.sub-visual.text-white .icon-btm{background-image: url(../img/btm_wh.png)}
.visual-title{line-height: 64px;font-size: 70px;font-weight: 700}
.sub-container-wide{background: #f6f2ef}

/* main */
.visual-txt .more-link{margin: 30px 0 15px;color: #000000 !important;border-color: #000000}
.visual-txt .h3{font-weight: 400;line-height: 1.1;margin-bottom: 15px}
.main-visual .visual-title>span{font-size: 80px}
.visual-title>img{height: 64px}
.main-visual .swiper-slide{background-size: cover;background-position: 50% 80%;background-repeat: no-repeat}
.main-visual .swiper-controls{position: absolute;left: 0;right: 0;bottom: 125px}
.main-visual .swiper-controls>.container{display: flex;align-items: center}
.main-product{display: flex;align-items: flex-end;flex-wrap: wrap}
.product-info-swiper, .product-swiper{position: relative;z-index: 5}
.product-info-swiper .swiper-slide{background: #f6f2ef;padding: 80px 60px;color: #000000;letter-spacing: 0}
.product-info-swiper strong{display: block;line-height: 1.1;font-size: 28px;opacity: .6;font-weight: 400;letter-spacing: 0}
.product-info-swiper .display-2{line-height: 1;margin-top: 25px}
.product-info-swiper .h5{font-weight: 400;margin: 15px 0 60px;letter-spacing: -.03em}
.product-info-swiper .swiper-pagination{left: 60px;right: auto;width: auto;bottom: 50px}
.main-product .swiper-slide>img{width: 100%}
.product-small-thumb .name{position: absolute;font-size: 18px;color: rgba(255,255,255,.5);bottom: 20px;left: 30px;letter-spacing: 0;font-weight: 300}
.product-small-thumb .swiper-slide-active{display: none}
.product-swiper{position: relative}
.product-swiper .swiper-controls{left: 100%;top: 0;white-space: nowrap;font-size: 0;margin-left: -80px;z-index: 10}
.product-swiper [class*=swiper-button]{display: inline-block;vertical-align: top;width: 80px;height: 80px;margin: 0;background: #00a6d6 url(/images/swiper_arr_wh.svg) no-repeat 50% 50%}
.product-swiper img{height: 551px}
.product-small-thumb .swiper-slide{height: 471px;background: #1d0a0c}
.product-small-thumb img{height: 100%;opacity: .3}
.main-service{margin-top: 190px;margin-bottom: 160px}
.main-service .bx{background: #f6f2ef;line-height: 1.556;padding: 60px 8.57% 50px;font-size: 18px;margin-right: -180px;padding-right: 180px}
.main-service .bx>p.text-primary{font-size: 1.111em;margin: 1em 0 1.5em}
.main-service .col-image>.w-100{width: auto !important}
.main-sns .blog-tit{margin:40px 0 15px}
.main-sns .ins-tit{margin:70px 0 15px}
.main-sns h3{display:flex;align-items:center;-ms-align-items:center;font-size:32px;color:#000000}
.main-sns h3 [class^=icon]{margin:0 10px 0 0}
.main-sns .swiper-container{padding-bottom:65px}
.main-sns .swiper-ins{margin-bottom:100px}

/* product */
.figure{display: block}
.figure .h5{font-weight: normal}
.figure .logo{display: block;height: 35px;margin: 5px 0 2em}
[class*=prdt-flooring]+[class*=prdt-flooring]{margin-top: 100px}
.ol-feature{margin-top: -200px}
.ol-feature .container{max-width: 950px;margin: 245px auto 125px;text-align: center}
.feature-list{font-size: 20px}
.feature-list strong{font-size: 1.25em;color: #000000;margin-bottom: 3px;display: block}
.certify-swiper{text-align: center;margin-top: 60px}
.certify-swiper .h5{font-weight: normal;letter-spacing: -.04em;display: block;margin-top: 1em}
.certify-swiper .certify{background: #eaeaea;padding: 30px 0}
.certify-swiper .certify>img{height: 240px}

/* product_list */
.sub-visual .visual-title{display: flex;align-items: center}
.sub-visual .visual-title>img{height: .729em;margin-right: .429em;margin-left: .357em}
.sub-visual .visual-title>*{margin-left: .357em}
.prdt-summary{display: flex;flex-wrap: wrap;padding-top: 50px;position: relative}
.prdt-heading{width: 530px}
.prdt-heading .prdt-line{line-height: 1.1;display: flex;align-items: center;font-weight: 400;font-size: 50px}
.prdt-heading .prdt-line>img{height: .74em}
.prdt-explain{flex: 1;font-size: 20px;color: #9c9c9c}
.prdt-explain>p+p{margin-top: 1em}
.prdt-txt{font-size: 22px;margin: 1em 0 .5em}
.prdt-heading .btn{width: 260px;text-align: left;line-height: 53px;padding: 0 20px;display: flex;justify-content: space-between;align-items: center}
.prdt-heading .btn:after{content: '';width: 18px;height: 11px;background: url(../img/collapse.svg) no-repeat 0 0/100% auto}
.prdt-heading .btn.collapsed:after{transform: scaleY(-1)}
.prdt-feature{padding-top: 50px}
.prdt-list{margin: 72px -10px 0}
.prdt-list>li{padding: 0 10px 20px}
.prdt-link{overflow: hidden;display: block;position: relative}
.prdt-link:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 8px solid transparent;transition: border .3s}
.prdt-link:hover:after{border-color: #00a6d6}
.prdt-link>img{width: 100%;transform: scale(1);transition: transform .6s}
.prdt-link:hover>img{transform: scale(1.1);}
.prdt-link-info{position: absolute;left: 0;right: 0;bottom: 0;padding: 12% 6.6% 6.6%;display: flex;align-items: center;transition: background .3s;background: transparent}
.prdt-link-info .pattern{flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;color: #2a1316;transition: background .3s, color .3s;background: transparent}
.prdt-link .pattern-eng{position:absolute;left:30px;bottom:62px;color:#2a1316;transition:.3s}
.prdt-link:hover .pattern,.prdt-link:hover .pattern-eng{color: #fff}

/* product_view */
.prdt-top{padding: 215px 0 90px;background: #f6f2ef}
.prdt-line img{height: 20px;margin-right: 10px}
.prdt-line{line-height: 20px;font-size: 26px;color: #000000;letter-spacing: 0}
.prdt-pattern{padding: 15px 0 20px;display: flex}
.prdt-pattern .name{font-size: 40px;font-weight: 700;flex: 1;line-height: 1.3}
.prdt-pattern .name small{font-size:24px;font-weight:300;color:#2a2a2a}
.prdt-thumb{position: absolute;left: 0;top: 0;width: 15.2%;max-width: 106px}
.prdt-thumb>li{position: relative;margin-bottom: 10px;cursor: pointer;background: #000}
.prdt-thumb>li:before{content: '';display: block;padding-bottom: 100%}
.prdt-thumb>.active:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid #00a6d6}
.prdt-thumb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .5}
.prdt-thumb>.active>img{opacity: 1}
.prdt-item{position: relative;border: 1px solid #7d7d7d}
.prdt-item>img{width: 100%}
.prdt-name{background: #fff;border-top: 1px solid #7d7d7d;text-align: center;font-size: 20px;padding: .5em .5em}
.share-link{font-size: 0}
.icon-kakao, .icon-url{width: 50px;height: 50px;margin-left: 10px}
.icon-kakao{background-image: url(../img/icon_kakao.png)}
.icon-url{background-image: url(../img/icon_url.png)}
.icon-view{position: absolute;width: 45px;height: 45px;background-image: url(../img/icon_view.png);top: 20px;right: 20px}
.prdt-data{table-layout: fixed;border-top: 3px solid #00a6d6}
.prdt-data tr>*{padding: 25px 0;border-bottom: 1px solid #c5c2bf;vertical-align: top;line-height: 1.75rem}
.prdt-data th{width: 115px;font-size: 1.125em;color: #000000}
.prdt-data .badge-group{margin-top: 13px}
.prdt-data b, .prdt-data strong{font-weight: 700}
.prdt-img .swiper-controls{position: static;display: flex;align-items: center;justify-content: center;margin-top: 35px}
.prdt-btm{padding-top: 80px;padding-bottom: 120px;background: #f6f2ef;text-align: center}
.interior-swiper{margin: 45px 0 50px}
.interior-swiper .swiper-slide>img{width: 100%}
.prdt-mid{padding-top: 120px;padding-bottom: 120px}
.prdt-mid img{max-width: 100%;display: block;margin-left: auto;margin-right: auto}
.prdt-info{margin-bottom: 50px;line-height: 1.615;font-size: 18px}
.prdt-info-txt .wrp>strong{display: block;font-size: 25px;margin-bottom: 35px;font-weight: 700}
.prdt-info-txt .wrp>p{margin-top: .833em}
.prdt-info-txt .wrp{max-width: 500px;margin: 0 auto}
.prdt-bd-bar{display:flex;align-items:center;-ms-align-items:center;justify-content:space-between;-ms-justify-content:space-between}
.srch-drp{display:inline-flex;border:1px solid #00a6d6}
.srch-drp select{padding:14px 42px 12px 23px;border:0;border-radius:0;border-right:1px solid #00a6d6;font-size:14px;color:#000000;background:transparent url(../img/icon_drop.png) no-repeat right 20px center;background-size:6px 5px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.srch-inp{display:flex}
.srch-inp input{padding:11px 22px;border:0;background:transparent;font-size:14px}
.srch-inp input::placeholder{color:#998786}
.srch-inp .icon-srch{width:45px;height:100%;background-image:url(../img/icon_srch.png);background-size:22px auto}

/* support */
.well{background: #f6f2ef;padding: 50px 20px;text-align: center;margin-bottom: 80px}
.well-title{font-size: 30px;color: #000000;margin-bottom: 1.333em;font-weight: 500}
.cs-info{display: inline-flex;vertical-align: top;text-align: left}
.cs-info [class*=icon]{width: 80px;height: 80px;margin-right: 24px}
.icon-tel{background-image: url(../img/tel.svg)}
.cs-info .icon-q{background-image: url(../img/icon-q.png) !important;background-size:100% auto}
.cs-info .text-secondary{margin-bottom: .5em;font-weight: 500}
.cs-info .tel{line-height: 1;font-weight: 700;color: #000000;font-size: 46px}
.cs-info .q-tit{font-size:16px;font-weight:700}
.cs-info .q-info{margin-top:10px;font-size:16px;font-weight:400}
.table-form{border-top: 1px solid #00a6d6;table-layout: fixed;margin-bottom: 80px}
.table-form .th{width: 14%;background: #f6f2ef;padding-left: 20px}
.table-form tr>td{border-bottom: 1px solid #c5c2bf}
.table-form .th+td{padding: 20px 30px}
.bottom-area{text-align: center;margin-top: 80px}
.bottom-area .btn{min-width: 10em}
.icon-file{width: 1.059em;background-image: url(../img/file.svg)}
.attach-file{padding-top: 5px}
.attach-file .file{margin: 10px 10px 0 0;background: #f7f7f7;display: inline-block;vertical-align: top;border: 1px solid #dbdbdb;text-align: center;font-size: 17px;line-height: 45px;padding: 0 20px}
.icon-del{width: 11px;height: 45px;background-image: url(../img/del.svg);margin-left: 10px}
.term-box{background: #f6f2ef;padding: 40px;margin-top: 20px;max-height: 250px;overflow-y: auto;line-height: 1.75;word-break: normal}
.term{line-height: 1.75;word-break: normal;font-size: .95rem}
.term strong{font-size: 1.1rem}
.btn-term{display: block;padding: 1.059em}
.btn-term .icon-chk{width: 1.176em;background-image: url(../img/chk.svg);opacity: .4}
.btn-term input:checked+.icon-chk{opacity: 1}
.contact .bx{background: #f6f2ef;max-width: 1050px;padding: 155px 9.6% 95px}
.contact .tel{font-size: 70px;line-height: 1;color: #000000;font-weight: 700;margin: .429em 0 .714em}
.counsel-time{font-size: 20px}
.counsel-time dt{font-size: 1.2em;font-weight: 400;margin-bottom: .167em}
.contact .link-wrap{margin-top: 19%}
.contact .more-link{margin-right: 1em}
.location{margin: 130px 0 180px}
.loc{display: flex;font-size: 20px;padding: 35px 45px;align-items: center}
.loc:before{content: '';display: block;width: 58px;height: 37px;background: url(../img/store.png) no-repeat 0 0/100% auto;margin-right: 15px}
.loc dt{font-size: 1.6em;color: #000000}

/* care */
.icon-q{font-size: 40px;display: flex;align-items: center;justify-content: center;background: #00a6d6;color: #fff;border-radius: 100%;text-indent: 0;font-style: normal;font-weight: 400}
.cs-info .btn{margin-top: 45px}
.cs-info .text-secondary:not(:first-child){margin-top: 20px}
.care-step strong{display: block;font-size: 22px;font-weight: 700;line-height: 1.4;margin-bottom: .5em}
.about-care{padding-bottom: 0 !important}
.about-care .h3{font-weight: 500;line-height: 1.375}
.about-care p{margin-top: 15px}
.about-care .btn{margin-top: 60px}
.faq-item{margin-bottom: -1px;overflow-anchor: none;font-size: 25px}
.faq-item [data-toggle="collapse"]{display: flex;line-height: 1.4em;border: 1px solid #d8d8d8;padding: 20px 25px;transition: all .2s}
.faq-item [data-toggle="collapse"]:not(.collapsed){background: #00a6d6;border-color: #00a6d6;color: #fff}
.faq-item .tit{position: relative;font-size: inherit;font-weight: 500;flex: 1;line-height: inherit}
.faq-item .num{width: 70px;font-size: 1.08em;font-weight: 700;white-space: nowrap;flex-shrink: 0}
.faq-item .icon-arrow{width: 31px;height: 1.4em;font-size: inherit;background-image: url(../img/arrow.svg);flex-shrink: 0}
.faq-item [data-toggle="collapse"]:not(.collapsed) .icon-arrow{background-image: url(../img/arrow_wh.svg);transform: scaleY(-1);}
.faq-content{background: #f6f2ef;padding: 25px 95px;font-size: .72em}
.faq-content .list-bull>li{line-height: 1.5}

/* about */
[class*=about-story]+[class*=about-story]{padding-top: 70px}
[class*=about-story]{position: relative}
[class*=about-story]>*{position: relative}
[class*=about-story] .display-2{color: #000000;font-weight: 500;margin-bottom: .6em}
[class*=about-story] .display-2>small{display: block;margin-top: .25em;font-size: .5em;color: #2a2a2a;font-weight: 400}
.about-story1, .philosophy1{padding-top: 135px}
.about-story1 .logo{margin-bottom: 0}
.about-story1 .h5:last-child{margin-top: 1.9em}
.about-story-text{text-align: center;font-size: 22px;line-height: 1.636}
[class*=about-story]:nth-child(-n+3):before{content: '';position: absolute;bottom: 0;top: 0;left: 50%;width: 100vw;margin-left: -50vw;background: #f6f2ef}
.about-story2:before{bottom: 85px !important}
.about-story4{padding-bottom: 140px}
.bi{margin-bottom: 55px}
.bi .btn{margin-top: 25px}
.icon-download{width: 1em;background-image: url(../img/download.svg);margin: -.1em 0 0 .7em}
.brand-name{background: #00a6d6;color: #fff;align-items: center;margin-top: 35px}
.brand-explain .wrp{padding: 8px 0 8px 35px;line-height: 1.5em;color: rgba(255,255,255,.5)}
.brand-explain .row{counter-reset: num}
.brand-explain .wrp:before{counter-increment: num;content: counter(num);float: left;margin: .125em 0 0 -35px;width: 20px;line-height: 20px;background: #000000;border-radius: 100%;color: #fff;text-align: center}
.brand-explain strong{font-size: 1.5em;color: #fff;margin-bottom: .4em;display: block}
.brand-name{margin-bottom: -50px}
.brand-detail{padding-bottom: 50px}
.brand-detail .title{font-size: 1.375em;color: #000000;margin-bottom: .25em}
.brand-detail .col-design{background: #fff;text-align: center;padding: 45px}
.brand-detail .col-design>p{margin-top: 2em}
[class*=philosophy]+[class*=philosophy]{padding-top: 60px}
.philosophy3{padding-bottom: 150px}
[class*=philosophy] .title{font-size: 27px;color: #000000;line-height: 1.37;margin: .556em 0 1em}
[class*=philosophy] p+p{margin-top: .5em}
[class*=philosophy] .text-muted{font-size: .875em}
.philosophy-visual .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;color: #fff}
.philosophy-visual .swiper-controls{position: absolute;left: 0;right: 0;bottom: 100px;z-index: 5}
.philosophy-visual .swiper-controls>.container{display: flex;justify-content: space-between;align-items: flex-end}
.philosophy-visual .swiper-pagination-bullet{background-image: url(../img/swiper_pagination_wh.svg)}
.philosophy-visual .swiper-pagination-bullet-active{background-image: url(/images/swiper_pagination_active_gold.svg)}
.philosophy-title{font-size: 85px;font-weight: 400;letter-spacing: 0;animation-name: blur}
.philosophy-visual .visual-txt{color: #fff;padding: 200px 0}
.philosophy-visual .h5{font-weight: 400;margin-top: .5em}
.philosophy-visual .align-items-center .visual-txt{width: 100%;text-align: center}
.philosophy-visual .align-items-center .visual-txt .h5{margin-bottom: 1em}
.philosophy-visual img{height: 40px;margin-top: .5em}
.philosophy-visual .swiper-button-next{width: 78px;height: 31px;margin: 0;background: url(/images/swiper_arrow.png) no-repeat;animation: bounce 2.2s infinite}
.philosophy-visual .swiper-button-next.swiper-button-disabled{opacity: 0}
.philosophy-visual .visual-txt{min-width: 34.5%}
.philosophy-visual .animate__animated{animation-duration: 2s}
.embed-responsive-item{outline:inherit}
.video-about{position:relative;padding-top:100px;margin-bottom:125px}
.video-about:before{content: '';position: absolute;bottom: 42%;top: 0;left: 50%;width: 100vw;margin-left: -50vw;background: #f6f2ef}
.video{position:relative;z-index:1}
.video-play{content:'';position:absolute;top:50%;left:50%;width:90px;height:90px;background:url(../img/play.png) no-repeat;background-size:100% auto;transform:translate(-50%,-50%);z-index:1}
.video-philosophy{position:relative;padding:135px 0 55px}
.video-philosophy:before{content:'';position: absolute;bottom: 0;top: 0;left: 50%;width: 100vw;margin-left: -50vw;background: #f6f2ef}
.video-philosophy .display-3{position:relative;margin-bottom:20px;z-index:2;text-align:center;color:#000000;font-size:32px}
.video-about .display-3{position:relative;margin-bottom:20px;z-index:2;text-align:center;color:#000000;font-size:32px}

/* Review */
.swp-review .bg-img{display:inline-block;background-repeat:no-repeat;background-size:100% auto}.sub-hd-bd{border-bottom:1px solid #d9d9d9}
.swp-review .swiper-pagination-bullet{background-image: url(../img/swiper_pagination_gold.png)}
.swp-review .swiper-pagination-bullet-active{background-image: url(../img/swiper_pagination_active_gold.svg)}
.visual-pd-sm{padding:95px 0 40px}
.swp-review{padding-bottom:65px}
.swp-review .bg-img{display:flex;justify-content:space-between;align-items:flex-end;-ms-justify-content:space-between;-ms-align-items:flex-end;height:400px;padding:50px 75px;background-repeat:no-repeat;background-size:100% auto;color:#fff}
.swp-review h3{font-size:34px;font-weight:500}
.swp-review .tit p{font-size:23px;font-weight:400}
.swp-review .date{font-size:20px;font-weight:400}
.review-list{margin:40px -10px 70px}
.review-list>*{padding-left:10px;padding-right:10px;margin:10px 0 35px}
.review-list a{display:block}
.review-list .img-wrp{position:relative;padding-top:66%;overflow:hidden}
.review-list img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s}
.review-list .img-wrp:hover img{transform:translate(-50%,-50%) scale(1.3)}
.review-list h4{margin-top:25px;font-size:27px;font-weight:500;color:#30110a}
.review-list .more-link{position:absolute;right:10px;bottom:42px;opacity:0;transition:.3s}
.review-list a:hover .more-link{opacity:1}
.review-list p{font-size:20px;color:#7a7a7a}
.review-bx{margin:85px 0 50px;border-bottom:1px solid #00a6d6}
.review-bx .bx-hd{display:flex;justify-content:space-between;-ms-justify-content:space-between;align-items:center;-ms-align-items:center}
.review-bx h3{font-size:40px;font-weight:700}
.review-bx .date{font-size:16px;color:#666}
.review-bx .bx-cont{margin-top:15px;padding:30px 35px 100px;border-top:2px solid #00a6d6;background:#f6f2ef}
.review-bx .bx-cont p{line-height:28px;letter-spacing:-0.025em}
.review-bx .bx-ft>*{display:flex;padding:30px 35px;border-top:1px solid #ccc}
.review-bx .bx-ft .text-secondary{padding-right:35px;margin-right:35px;border-right:1px solid #00a6d6}
.catalog h4{min-height:80px;margin-top:0}
.catalog .d-flex-space{display:block !important;margin-top:25px;align-items:flex-start}
.catalog .no-style{display:flex;align-items:center;-ms-align-items:center;justify-content:flex-end;-ms-justify-content:flex-end;padding-right:10px;font-size:20px;color:#00a6d6;outline:none !important}
.catalog .icon-down{width:31px;height:31px;margin-left:10px;background-image:url(../img/down.png)}
.catalog .img-wrp{padding-top:85%}
.catalog .img-wrp:before{display:none}

/* 0810 Ãß°¡ */
.review-bx .tb-cont{margin-top:15px;border-top:2px solid #00a6d6;}
.review-bx .tb-cont tr>*{padding:2em 0 2em 2.563em;border-bottom:1px solid #e0dcdb}
.review-bx .tb-cont tr th{padding-right:2.563em}
.review-bx .tb-cont th{background:#faf9f8;}
.review-bx .tb-cont+.bx-cont{margin-top:0;border-top:none;background:transparent;}
.review-bx .bx-cont img{display: block;margin:0 auto 40px}
.related-item h4{font-size:1.688em;color:#30110a;margin-bottom:1.111em;}
.related-item .item{display: block;margin-bottom:3.438em}
.item .item-img{position: relative;margin-bottom: 20px;}
.item .item-img img{width: 100%;}
.item .item-img .badge-group{position:absolute;right:6.6%;bottom:6.6%}
.item .item-cnt h5{margin-bottom: 1em;}
.item .item-cnt h5 small{display: block;}
.badge-sm{font-weight: 500;font-size: 14px;min-width: 50px;}
.badge-outline{color:#8c8c8c;border:1px solid;background: none;}
.badge-brown{color:#fff;background: #000000;}
.item [class*=list-]{font-size:0.875em;color:#888;}
.item li span{display: block;font-weight:500;}
.item .list-size li{margin-bottom: 1em;font-weight: 300;}
.item .list-size li:last-child{margin-bottom: 2em;}
.item .list-size{border-bottom: 1px solid #e5e5e5;}
.item .list-store{padding-top:2em}
.item .list-store .badge{margin-bottom: 1em;}
.item .list-store li{line-height: 1.6em;font-weight: 500;color:#000000}
/* FAQ */
.state-all{margin:-30px 0 8px;font-size:15px;color:#666}
.state-all span{font-weight:700}
.accordion{border-top:1px solid #000000}
.accordion h3.collapsed{background:#fff url(../img/accordion.png) no-repeat right 30px center;background-size:18px auto}
.accordion h3{display:flex;align-items:center;-ms-align-items:center;padding:25px 30px;border-bottom:1px solid #ccc;background:#fff url(../img/accordion_active.png) no-repeat right 30px center;background-size:18px auto}
.accordion h3>b,.accordion h3>span{color:#00a6d6}
.accordion h3>b{padding-right:30px;font-family:'Noto Sans KR', sans-serif;font-size:18px;font-weight:700}
.accordion h3>span{position:relative;display:inline-block;width:130px;margin-right:25px;font-size:16px;font-weight:500;}
.accordion h3>span:before{content:'';position:absolute;right:0;top:50%;height:12px;border-right:1px solid #00a6d6;transform:translateY(-50%)}
.accordion h3>p{font-size:16px;font-weight:400}
.accordion .card-body{padding:25px 30px 45px 30px;border:0;border-bottom:1px solid transparent;background:#f6f2ef;transition:.3s;font-size:16px;color:#000000}
.accordion .card-body b{padding-right:25px;font-size:18px;font-weight:500}
.collapse.show .card-body{border-bottom:1px solid #ccc}
.accordion+.pagination{margin:55px 0 10px}

/* showroom */
.showroom{display:flex;border:1px solid #d6d6d6;overflow:hidden}
.showroom-txt{font-size:22px}
.room-list{height:687px;flex:0 0 35%;-ms-flex:0 0 35%;max-width:35%;border-right:1px solid #d6d6d6;overflow-y:scroll}
.room-list-chk{display:flex;padding:20px 30px 17px}
.room-list-chk>*{margin-right:15px}
.room-list button{display:block;width:100%;padding:30px;border-top:1px solid #e5e5e5;text-align:left;transition:.3s;outline:none}
.room-list button:hover,.room-list button.active{background:#fafafa}
.room-list h4{display:flex;align-items:center;-ms-align-items:center;font-size:22px;color:#000000;font-weight:700}
.room-list h4>span{display:inline-block;padding:4px 6px 2px;margin-right:10px;font-size:15px;font-weight:400;color:#fff;background:#00a6d6}
.room-list h4>span.badge-primary{background:#000000}
.room-list .list-hd>p:not(.call){margin:15px 0;color:#7d7d7d}
.room-map{position:relative;flex:0 0 65%;-ms-flex:0 0 65%;max-width:65%;overflow:hidden}
.map-current{position:absolute;padding:20px 60px;border-top:3px solid #00a6d6;background:#fff;text-align:center;box-shadow:0 12px 19px 7px rgba(0,0,0,.1)}
.map-current:before{content:'';position:absolute;top:-87px;left:50%;transform:translateX(-50%);width:45px;height:61px;background:url(../img/current.png) no-repeat center top;background-size:100% auto}
.map-current strong{display:block;font-size:18px;font-weight:700;color:#000000}
.map-current p{font-size:14px;color:#7d7d7d}

/* ·Î±×ÀÎ/ȸ¿ø°¡ÀÔ */
.form-sm-wrp{display:flex;justify-content:center;-ms-justify-content:center}
.form-sm-wrp>div+div{border-left:1px solid #e1e1e1}
.form-sm{width:525px;margin:0 auto;padding-left:45px;padding-right:45px}
.form-sm .form-control{height:60px;background:#fff;border-color:#ccc}
.form-sm .form-control:focus{border-color: #00a6d6}
.form-row{margin:10px 0}
.form-row-73 .form-7{flex:0 0 70%;-ms-flex:0 0 70%;max-width:70%}
.form-row-73 .form-3{margin:0 0 0 -1px;flex:0 0 30%;-ms-flex:0 0 30%;max-width:30%}
.icon-naver{width:52px;height:52px;margin-right:8px;background-image:url(../img/naver.png)}
.page-login h3{margin:70px 0 50px;text-align:center;color:#000000}
.login .icon-kakao{width:52px;height:52px;background-image:url(../img/kakao.png)}
.login .btn{display:block;width: 100%;font-size:20px}
.login .text-primary+.btn{margin:14px 0 20px}
.login .text-primary{margin-top:6px}
.list-split{display:flex;margin:27px 0 35px;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center}
.list-split li+*{position:relative;margin-left:10px;padding-left:10px;}
.list-split li+*:before{content:'';position:absolute;left:0;top:50%;height:12px;border-left:1px solid #ddd;transform:translateY(-50%)}
.text-line{position:relative;display:flex;margin-bottom:25px;align-items:center;-ms-align-items:center;color:#00a6d6}
.text-line:before{content:'';display:inline-block;width:30%;margin-right:16px;border-bottom:1px solid #ddd;}
.text-line:after{content:'';display:inline-block;width:30%;margin-left:16px;border-bottom:1px solid #ddd;}
.form-sm .t-info{margin-top:25px;line-height:22px}
.form-sm .sm-info{font-size:12px}
.check-hd{position:relative;background:#00a6d6}
.check-hd .custom-control{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#fff}
.check-hd h3{margin:0;padding:30px;background:#00a6d6 url(../img/collapse.svg) no-repeat right 20px center !important;background-size:18px auto}
.check-hd h3.collapsed{background:#00a6d6 url(../img/collapse_active.png) no-repeat right 20px center !important;background-size:18px auto !important}
.accordion.v2{margin:20px 0 10px}
.accordion.v2 .card-body >*{font-size:14px;color:#000}
.accordion.v2 .card-body .custom-control{margin:0 0 10px;color:#000 !important;font-size:14px;font-weight:300}
.accordion.v2 .card-body .custom-control span{font-weight:400}
.accordion.v2 .card-body .form-row-custom{display:flex;align-items:center;-ms-align-items:center;margin-top:-5px;margin-left:20px}
.accordion.v2 .card-body .form-row-custom .custom-control{margin:0}
.accordion.v2 .card-body .more{margin-left:10px;color:#9d9a98}
.page-join-complete .form-sm-wrp{margin-top:160px}
.page-join-complete .form-sm{display:flex;flex-direction:column;-ms-flex-direction:column;justify-content:space-between;-ms-justify-content:space-between}
.page-join-complete h3{margin-bottom:40px}
.page-join-complete b{display:inline-block;margin-bottom:3px;font-size:20px;font-weight:400}
.page-join-complete strong{font-size:22px;font-weight:500}

/* ¸¶ÀÌÆäÀÌÁö */
.page-my .display-2{margin-top:95px}
.list-myservice{margin-bottom:55px;border-top:1px solid #000000}
.list-myservice a:not(.btn){display:flex;align-items:center;-ms-align-items:center;padding:25px;border-bottom:1px solid #ddd;background:url(../img/list_myservice.png) no-repeat right 30px center;background-size:10px auto;flex-wrap:wrap;-ms-flex-wrap:wrap}
.list-myservice h4{width:90px;font-weight:500;font-size:16px}
.list-myservice h4~p,.my-view-hd h4~p{position:relative;padding-left:30px;padding-right:30px;font-weight:300}
.list-myservice h4~p:before,.my-view-hd h4~p:before{content:'';position:absolute;left:0;top:50%;height:12px;border-left:1px solid #00a6d6;transform:translateY(-50%)}
.my-view-hd p:before{border-color:#fff !important}
.list-myservice [class^=icon],.my-view-hd [class^=icon]{width:31px;height:29px;margin-right:15px}
.icon-my1{background-image:url(../img/my1.png)}
.icon-my2{background-image:url(../img/my2.png)}
.icon-my3{background-image:url(../img/my3.png)}
.icon-my4,.icon-my6{background-image:url(../img/my4.png)}
.icon-my5{background-image:url(../img/my5.png)}
.icon-my1-wh{background-image:url(../img/my1_wh.png)}
.icon-my2-wh{background-image:url(../img/my2_wh.png)}
.icon-my3-wh{background-image:url(../img/my3_wh.png)}
.icon-my4-wh,.icon-my6-wh{background-image:url(../img/my4_wh.png)}
.icon-my5-wh{background-image:url(../img/my5_wh.png)}
.no-list{margin-bottom:0;padding:135px 0 0;text-align:center}
.no-list p{margin:15px 0 55px;font-size:18px;color:#999}
.my-view{margin-bottom:48px;border-bottom:2px solid #ccb3a3}
.my-view-hd{display:flex;padding:25px 60px;align-items:center;-ms-align-items:center;background:#00a6d6;color:#fff;flex-wrap:wrap;-ms-flex-wrap:wrap}
.my-view-hd h4{position:relative;padding-right:25px;font-size:16px;font-weight:500}
.my-view-hd p{font-weight:300}
.my-view-cont{display:flex;padding:50px 60px 70px;background:#f6f2ef}
.my-view-cont>div+*{padding-left:20px;margin-left:70px;border-left:1px solid #e0dfdf}
.table-info{background:transparent}
.table-info tr{vertical-align:baseline}
.table-info tr>*{padding:15px 27px}
.table-info th{color:#000000;font-weight:400}
.table-info td{color:#00a6d6;font-weight:500}
.table-info a{text-decoration:underline;text-underline-position:under;}
.table-info .para{font-weight:300;color:#666}
.my-view-answer{padding:37px 60px;border-top:1px solid #e0e0e0}
.my-view-answer .text-primary{margin-bottom:10px;font-weight:500}
.my-view-answer .blank{display:inline-block;width:15px}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background:#fff;border-color:#c8c4c2}
.btm-btn{margin-top:50px;text-align:center}
.btm-btn>*{padding:21px 20px;min-width:288px;font-weight:400}
.btm-btn .btn+.btn{margin-left:5px}
.page-my .sub-tit{margin:40px 0 20px 20px;font-size:20px;color:#00a6d6;font-weight:500}
.page-my .table-form{margin-bottom:0}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .philosophy-title{animation-name: fadeIn}
}

@keyframes blur {
	0%{filter: blur(30px)}
	100%{filter: blur(0px)}
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);transform: translateX(0);}
    40% {-webkit-transform: translateX(-12px);transform: translateX(-12px);}
    60% {-webkit-transform: translateX(-8px);transform: translateX(-8px);}
}

/* PC */
@media (min-width: 1025px){
    .visible-m{display: none !important}

	/* header */
	#hd{text-align: center}
	#hd .navbar-nav{height: 100px;flex-direction: row;justify-content: center;align-items: center;margin-left: -221px}
    #hd .nav-item{padding-right: 50px;min-width: 145px;white-space: nowrap}
	#hd .nav-item>a{line-height: 100px}
	.open #gnb:before{content: '';position: absolute;top: 100%;left: 0;right: 0;background: #fff;height: 370px;border-top: 1px solid #d0d1d1}
	.hd-logo{position: absolute;left: 25px;top: 50%;transform: translateY(-50%)}
	.btn-depth, .js-mn{display: none}
	#gnb{display: inline-block !important;vertical-align: top}
	.depth{position: absolute;top: 100%;left: -98px;right: 0;height: 320px;display: none !important;letter-spacing: -.02em;text-align:center}
	.depth li{margin-top: 25px}
	#hd.open .depth{display: block !important}
    .hd-util{position: absolute;top: 50%;right: 25px;transform: translateY(-50%)}
    .icon-blog, .icon-insta{margin-left: 20px}
    .hd-logo img{height: 32px}
    #gnb>.nav-item{display: none}
	#gnb .link-mypage{display:none}

    .hd-wh:not(.is-scroll) #hd:not(.open), .hd-wh:not(.is-scroll) #hd:not(.open) .nav-item>a{color: #fff}
    .hd-wh:not(.is-scroll) #hd:not(.open) .icon-insta{background-image: url(../img/icon_insta_wh.svg)}
    .hd-wh:not(.is-scroll) #hd:not(.open) .icon-blog{background-image: url(../img/icon_blog_wh.svg)}

    /* footer */
    .ft{display: flex;letter-spacing: 0}
    .ft:before{content: '';position: absolute;left: 50%;top: 85px;bottom: 85px;border-left: 1px solid #66383c}
    .ft>.col{flex: 1;padding: 0 35px}
    .ft>.col:first-child{display: flex;justify-content: flex-end}
    .ft-cs{width: 100%;max-width: 540px}
    .ft-cs>strong{border-bottom: 1px solid #66383c;text-align: left}
    .ft-info{text-align: left}

    /* main */
    .main-visual .container{max-width: 1620px;padding-left: 110px;padding-right: 110px}
    .main-product{margin-top: -80px}
    .main-product:before{content: '';position: absolute;top: 80px;right: 100%;bottom: 0;width: 100vw;background: #fff;margin-right: -25px;z-index: 5}
    .product-info-swiper{flex-basis: 452px;max-width: 452px;width: 452px}
    .product-swiper{flex-basis: 428px;max-width: 428px;width: 428px}
    .product-small-thumb{width: calc(100% - 880px);max-width: calc(100% - 880px);overflow: visible}
    .product-info-swiper .swiper-slide{height: 551px}
    .product-small-thumb .swiper-slide{width: 50%;min-width: 200px}
    .main-service .no-gutters{display: flex;align-items: flex-end;flex-wrap: wrap}
    .main-service .col{flex: 1}
    .main-service .col-image{height: 484px;position: relative;overflow: hidden}
    .main-service .col-image>img{height: 100%;max-width: none;position: relative;left: 50%;transform: translateX(-50%)}
    .main-service .link-wrap{margin-bottom: 10.7%;font-size: 0;position: relative}
    .main-service .link-wrap:before{content: '';position: absolute;left: 50%;top: 20px;bottom: 20px;border-left: 1px solid #069dc8;z-index: 5}
    .main-service .link-wrap .more-link{width: 50%;line-height: 112px;padding: 0 5.7%;text-align: left;background: #00a6d6;color: #fff !important;font-size: 22px;position: relative}
    .main-service .link-wrap .more-link:after{content: '';position: absolute;width: 9px;height: 14px;background: url(/images/link_arr.svg) no-repeat;right: 11.4%;top: 50%;margin-top: -7px}

    /* product */
    .figure{display: flex}
    .figure>.col-txt{flex: 1}
    .figure>.col-image{overflow: hidden;flex-basis: 50%;max-width: 50%;position: relative}
    .figure>.col-image>img{max-width: none;height: 100%}
    .figure.prdt-flooring2 .col-txt{padding: 0 0 0 5%}
    .prdt-flooring2 .col-image{margin-top: -150px;flex-basis: 45%;max-width: 45%}
    .prdt-flooring3 .col-image{flex-basis: 55%;max-width: 55%}
    .feature-list>li{white-space: nowrap;position: absolute}
    .feature-list>li:nth-child(1){bottom: 100%;transform: translateX(-50%);left: 50%;margin-bottom: 25px}
    .feature-list>li:nth-child(2){top: 120px;left: 0}
    .feature-list>li:nth-child(3){top: 120px;right: 0}
    .feature-list>li:nth-child(4){top: 100%;left: 120px}
    .feature-list>li:nth-child(5){top: 100%;right: 125px}
    .certify-swiper .swiper-wrapper, .interior-swiper .swiper-wrapper{transform: none !important;width: auto;display: flex;margin: 0 -10px;flex-wrap: wrap}
    .certify-swiper .swiper-slide-duplicate, .interior-swiper .swiper-slide-duplicate{display: none}
    .certify-swiper .swiper-wrapper{margin-bottom: -45px}
    .certify-swiper .swiper-slide{flex-basis: 33.33%;max-width: 33.33%;padding: 0 10px 45px}

    /* product_view */
    .prdt-detail{width: 50%;margin-left: 50%;position: relative}
    .prdt-img{float: left;width: 100%;margin-left: -100%;padding: 0 40px 0 calc(15.2% + 25px);position: relative}
    .prdt-img .swiper-container{max-width: 432px;margin: 0 auto}
    .interior-swiper [class*=swiper-button]{display: none}
    .interior-swiper .swiper-wrapper{margin: 0 -15px}
    .interior-swiper .swiper-slide{flex-basis: 50%;max-width: 50%;padding: 0 15px 30px}
    .prdt-info{display: flex;align-items: center;flex-direction: row-reverse}
    .prdt-info>[class^=prdt-info]{width: 50%}
    .prdt-info-txt{padding: 0 5%}
    .prdt-link:hover .prdt-link-info{background: #00a6d6}
    .prdt-link:hover .badge{background: #ebd5c6;color: #000000}

    /* support */
    .cs-info-group{display: flex;justify-content: center}
    .cs-info+.cs-info{margin-left: 30px;padding-left: 30px;border-left: 1px solid #fff}
    .contact .more-link{font-size: 20px}
    .contact{padding-bottom: 70px;position: relative}
    .contact .bx{margin-right: 25px}
    .contact>img{position: absolute;right: 0;bottom: 0;width: 50%}
    .loc dd{margin-left: 1em;padding-left: 1em;border-left: 1px solid #c5c2bf;line-height: 1.1}

    /* care */
    .care-step{display: flex;justify-content: center;flex-wrap: wrap}
    .care-step>li{min-height:420px;flex-basis: 33.33%;max-width: 33.33%;text-align: center;margin-top: 30px;position: relative}
    .care-step img{display: block;margin: 0 auto 25px;position: relative}
    .care-step .list-bull{display: inline-block;vertical-align: top}
    .about-care{background: none;position: relative}
    .about-care:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 125px;background: #f6f2ef}
    .about-care .container{display: flex;flex-direction: row-reverse}
    .about-care .col-txt{padding-left: 4.28%;width: 60%;display: flex;flex-direction: column}
    .about-care .col-txt>p:last-of-type{padding-bottom: 60px}
    .about-care .btn{margin-top: auto;align-self: flex-start}
    .about-care .col-image{overflow: hidden;position: relative;width: 40%}
    .about-care .col-image>img{height: 100%;max-width: none}
    .faq-item [data-toggle="collapse"]:not(.collapsed) .tit:before{content: '';position: absolute;left: -25px;top: .3em;border-left: 1px solid;height: .8em;border-left: 1px solid rgba(255,255,255,.3)}

    /* about */
    .about-story1 .col-image{flex-basis: 50%;max-width: 50%}
    .about-story2 .col-image{flex-basis: 58.62%;max-width: 58.62%}
    .about-story-text{padding: 112px 0 15px !important}
    .figure.about-story1 .col-txt{padding-top: 0}
    .about-story4 .col-txt{align-self: flex-end}
    .about-story4 .col-image{margin-top: -130px;padding-left: 8.62%}
    [class*=about-story].flex-row-reverse .col-txt{padding-left: 8.62%}
    .about-story1 .col-image>img{position: relative;left: 50%;transform: translateX(-50%)}
    .bi{display: flex;flex-direction: column-reverse}
    .bi-explain{display: flex;padding: 55px 0;border-bottom: 1px solid #d9d9d9}
    .bi-explain .title{width: 290px;font-size: 30px;display: flex;flex-direction: column;flex-shrink: 0}
    .bi-explain .title>p{line-height: 1.4;margin-top: auto}
    .brand-name{margin-bottom: -100px}
    .brand-detail:first-child{margin-top: -40px}
    .brand-detail{display: flex}
    .brand-detail .col-tit{width: 25%}
    .brand-detail .col-design{width: 75%}
    .philosophy1:before{content: '';position: absolute;top: 0;bottom: -100px;left: 50%;width: 100vw;margin-left: -50vw;background: #f6f2ef;z-index: -1}
    .philosophy1 .col-txt{padding: 35px 0 0 10%}
    .philosophy2 .col-image{margin-top: -135px;flex-basis: 44.13%;max-width: 44.13%}
    .philosophy2 .col-txt{align-self: flex-end}
    .philosophy3 .col-txt{align-self: flex-end;padding-left: 4.31%}
	
	.room-list .map-m{display:none !important}
	.table-info tr:last-of-type>*{padding-bottom:0}
	.table-info tr:first-of-type>*{padding-top:0}
}
/* // PC */

@media (min-width: 1200px){
    .hd-util .link{display: block}
    .hd-logo img{height: 40px}
    #hd .nav-item>a{font-size: 20px}

    /* care */
    .care-step>li:before{content: '';position: absolute;top: 105px;width: 100%;border-top: 1px solid #00a6d6;left: 50%}
    .care-step>li:nth-child(3):before{height: calc(100% + 31px);width: 100%;border: 1px solid #00a6d6;border-left: 0;border-radius: 0 100% 100% 0;left: 0}
    /* .care-step>li:last-child:before{width: 50%} */
	.step-to-right{flex-direction:row-reverse;-ms-flex-direction:row-reverse}
	.step-to-right>li:before{right:50%;left:auto}
	.step-to-right>li:nth-child(3):before{border-left:1px solid #00a6d6;border-right:0;border-radius:100% 0 0 100%}
	.step-last>li:last-of-type:before{display:none}
    .about-care [class*=col-]{flex-basis: 50%;max-width: 50%}

    /* product */
    [class*=prdt-flooring] .col-txt{padding: 3.5% 5%}
    /* .certify-swiper .swiper-slide{flex-basis: 25%;max-width: 25%} */

    /* about */
    [class*=about-story] .col-txt{padding: 4.3% 0 0 8.62%}
    .about-story1 .col-txt{padding-top: 6%}
    .about-story1 .col-image{flex-basis: 58.62%;max-width: 58.62%}
    .brand-name{height: 230px;position: relative}
    .brand-name:before{content: '';position: absolute;top: 100px;bottom: 0;left: 50%;width: 100vw;margin-left: -50vw;background: #f6f2ef;z-index: -1}
    .brand-explain{padding: 0 32px !important;border-left: 1px solid rgba(255,255,255,.2)}
    .brand-explain>.row{margin: -8px}
    .brand-explain>.row>.col-6{padding: 0 8px}
    .philosophy2 .col-txt{padding-left: 7.3%}
    .philosophy3 .col-image{flex-basis: 55.94%;max-width: 55.94%}
}

@media (min-width: 1440px){
    .hd-logo{left: 60px}
    .hd-util{right: 60px}
    #hd .nav-item{padding-right: 90px}
    .icon-blog, .icon-insta{margin-left: 30px}
    .depth{letter-spacing: 0}
    .ft-info{margin-right: -35px}

    .about-care .col-txt{padding-right: 4.28%}
}

@media (min-width: 1025px) and (max-width: 1680px){
    .ft-info-txt{padding-right: 50px}
    .icon-btn-top{width: 50px;height: 50px;}
}

/* 210311 Ãß°¡ */
@media (max-width: 1790px){
	.hd-logo{left:40px}
	.hd-util{right:40px}
	#hd .nav-item{padding-right:50px;min-width:inherit}
	.depth{left:-45px}
	.hd-util .ml-btn{margin-left:5px}
	#hd .icon-blog, .icon-insta{margin-left:5px}
}

@media (max-width: 1440px){
	.hd-logo{left:15px}
	.hd-util{right:15px}
	.hd-util .link{font-size:12px}
    .open #gnb:before{height: 280px}
	#hd .nav-item>a{font-size:14px}
	#hd .nav-item{padding-right:30px}
	.hd-logo img{height:25px}
	.hd-util .btn{font-size:12px;padding:2px 9px}
	.icon-blog, .icon-insta{width:26px;height:24px}
	.depth{font-size:12px;left:-24px}
}
/* 210311 Ãß°¡ */

@media (max-width: 1199px){
    .ft-cs .tel{padding-left: 25px;padding-right: 25px}

    .prdt-summary{display: block;overflow: hidden}
    .prdt-heading{width: 100%}
    .prdt-explain{margin-top: 30px;margin-bottom: 100px;max-width: 870px}
    .prdt-heading .btn{position: absolute;bottom: 0;left: 0}

    /* about */
    .about-story1{padding-top: 100px}
    .brand-name{margin-left: -25px;margin-right: -25px;padding: 0 25px}
    .brand-image{padding: 30px 20px !important;border-bottom: 1px solid rgba(255,255,255,.2)}
    .brand-explain{padding: 25px 0;max-width: 580px;margin: 0 auto}
}

/* Mobile */
@media (max-width: 1024px){
    .invisible-m, .icon-btn-top{display: none !important}

    html{font-size: 14px}
    .display-2{font-size: 2.143rem}
    .display-3, .h2{font-size: 1.5rem}
    .h3{font-size: 1rem}
    .h5, [class*=philosophy] .col-txt{font-size: .929rem}

    .swiper-pagination-bullet{width: 18px;height: 16px}
    .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left: 8px}

    .badge{font-size: 12px}

    .modal-header{font-size: 20px}
    .modal-dialog .tit{margin:1em 0 1em;font-size:1.286rem;line-height:1.857rem}
    .modal-dialog .modal-content{font-size: 10px}
    .modal-dialog .icon-close{width: 55px;height: 55px;background-size:21px auto}
	.modal-dialog-alert img{width:27.4%}
	.modal-dialog p:not(.tit){margin:3px 0;font-size:1rem}
	.modal-dialog .modal-body{padding:17% 12px 19%}
	.modal-footer>*{padding:12px 0;font-size:1.143rem !important}
	.modal-dialog-id .tit{margin:0;font-size:1.214rem;line-height:1.857rem}
	.modal-dialog-id .modal-body{padding:50px 0}

    .btn{font-size: 14px}
    .btn-xl{min-width: 10em;font-size: 18px}
    .form-control{height: 40px;padding: 0 10px;font-size: 16px}
    .input-group-text{font-size: 16px;padding: 0 .3em}
    select.form-control{background-position: center right 10px;background-size: 7px auto;padding-right: 20px}
    textarea.form-control{padding: 10px;height: 150px}
    .form-text{font-size: 12px}
    .input-datepicker{background-position: center right 10px;background-size: 20px auto;padding-right: 40px}

    .nav-tabs{margin-bottom: 15px}
    .nav-tabs .nav-link{font-size: 16px;padding: 14px}

	/* header */
    #hd{height: 68px;display: flex;align-items: center;padding-left: 25px}
    .hd-logo img{height: 28px}
    .nav-open{overflow:hidden}
	.nav-open #wrap{position:fixed;left:0;right:0}
    .js-mn{position: absolute;right: 0;top: 0;width: 68px;height: 68px;background: url(../img/m/mn.svg) no-repeat 50% 50%/21px auto;border: 0;font-size: 0;line-height: 0;text-indent :-999em;color: inherit;outline: 0 !important;color: #000000}
    .hd-wh:not(.is-scroll):not(.nav-open) #hd:not(.open) .js-mn{background-image: url(../img/m/mn_wh.svg)}
    #gnb{overflow: hidden;overflow-y: auto;display: none;position: fixed;top: 0;left: auto;right:0;bottom: 0;z-index: 110;width: 100%;max-width: 305px;background: #fff;transition: transform .2s ease-out;color: #2a2a2a;transform: translateX(100%)}
    .gnb-open #gnb{transform: translateX(0)}
	.dim{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;background: rgba(0,0,0,.8);opacity: 0}
	.gnb-open .dim{opacity: 1}
	.gnb-util{display: flex;align-items: center;line-height: 80px;padding-left: 1.429rem}
	#hd .nav-item{padding-right:0;border-bottom: 1px solid #e7e7e7}
	#hd .nav-item>a{height: auto;padding: 0 1.786rem;line-height: 68px;font-size: 1.214rem}
	.btn-depth{position: absolute;top: 0;left: 0;width: 100%;height: 68px;border: 0;font-size: 0;color: transparent;transition: none;outline: 0 !important;background: none}
    .open>.btn-depth{background: url(../img/m/arr.svg) no-repeat center right 1.786rem/18px auto;}
	.depth{background: #f6f2ef;border-top: 1px solid #e7e7e7;padding: 1em 1.786rem;font-size: .929rem}
	.depth a{display: block;padding: 1em 0}
    .hd-util{padding: 0 1.786rem;height: 68px}
    .icon-blog, .icon-insta{width: 28px;background-image: url(../img/m/icon_blog.svg);background-size: auto 26px;margin-right: 30px}
    .icon-insta{background-image: url(../img/m/icon_insta.svg)}
	#hd .nav-item .btn-depth{background:url(../img/m/arr_nomal.png) no-repeat center right 1.786rem/18px auto;transition:.3s}
	#hd .open .btn-depth{background:url(../img/m/arr.svg) no-repeat center right 1.786rem/18px auto}
	#gnb>.nav-item{height:177px;padding:23px 0;background:#00a6d6}
	#gnb>.nav-item>a{line-height:normal}
	#gnb>.nav-item img{height:25px}
	#gnb .icon-blog{position:absolute;top:23px;right:42px;background-image:url(../img/icon_blog_wh.svg);background-size:contain}
	#gnb .icon-insta{position:absolute;top:23px;right:0;background-image:url(../img/icon_insta_wh.svg);background-size:contain}
	#gnb .hd-util .btn{position:absolute;top:135px;left:0;width:50%;padding:11px;margin:0;border:0;border-top:1px solid #ba9883;border-radius:0;font-size:1rem;font-weight:400;text-align:center}
	#gnb .hd-util .btn:not(.ml-btn){right:0;left:auto;border-left:1px solid #ba9883}
	#gnb .hd-util .link:nth-child(1){position:absolute;top:75px;right:1.786rem;margin:0;padding:4px 16px;border:1px solid #fff;border-radius:30px;font-size:0.9286rem;font-weight:500;color:#fff}
	#gnb .hd-util .link:nth-child(3),#gnb .hd-util .text-muted{display:none}
	#gnb .link-mypage{display:inline-block !important;height:auto !important;padding:0 16px 0 1.786rem !important;margin:27px 0 0;line-height:normal !important;font-size:1.286rem !important;font-weight:500 !important;color:#fff !important;background:url(../img/icon_my.png) no-repeat right top 9px;background-size:6px auto}

    /* footer */
    #ft{padding: 24px 0;font-size: 12px}
    .ft-cs{padding-bottom: 25px;margin-bottom: 28px;border-bottom: 1px solid #531f24}
    .ft-cs>strong{margin-bottom: 0;font-size: 13px}
    .ft>.col{padding: 0}
    .ft-cs .tel{font-size: 2rem;white-space: nowrap}
    .ft-cs [class^=col]{flex: 1;line-height: 1.5}
    .ft-cs dt{font-size: 13px;margin-bottom: 7px}
    .ft-logo{height: 15px;margin: 0 auto 24px}
    .ft-info-txt{font-size: 11px;letter-spacing: -.02em}
    .ft-info-txt>span{display: block;font-size: 0;line-height: 0}
	.ft-drop{position:relative;display:inline-block;margin-top:20px}

    /* content */
    .more-link{font-size: 12px;background-size: auto 5px;min-width: 37px;padding-bottom: 5px}
    .visual-container>img{position: absolute;top: 0;left: 0;width: 100%; height: 100%;object-fit: cover;display: block}
    .sub-visual:before, .philosophy-visual .visual-container:before{height: 425px}
    .sub-visual .visual-txt{padding: 30px 0}
    [class*=sub-container]{padding-top: 53px;padding-bottom: 70px}
    [class*=sub-container].sub-page{padding-top: 68px;padding-bottom: 70px}
    .sub-container>.display-2{font-size: 2rem;margin-bottom: 1em}
    .sub-container>.display-3{font-size: 1.786rem}

    /* main */
    .visual-txt .h3{font-size: 15px;margin-bottom: 10px}
    .visual-title{line-height: 2.286rem;font-size: 2.5rem}
    .main-visual .visual-title>span{font-size: 2.857rem}
    .visual-title>img{height: 2.286rem}
    .visual-txt .more-link{margin: 20px 0 0}
    .main-visual .swiper-slide{background: none !important}
    .main-visual .visual-txt{padding: 14.965vh 0}
    .main-visual .container{padding-left: 40px;padding-right: 40px}
    .main-visual [class*=swiper-button]{display: none}
    .main-visual .swiper-controls{bottom: 7.746vh}
    .main-product{padding-right: 0}
    .product-info-swiper{width: 100%;margin-bottom: -50px}
    .product-info-swiper .swiper-slide{padding: 40px 30px 130px}
    .product-info-swiper strong{font-size: 1rem}
    .product-info-swiper .display-2{margin-top: 10px}
    .product-info-swiper .h5{margin: 15px 0}
    .product-info-swiper .swiper-pagination{left: 30px;bottom: 80px}
    .product-swiper{flex-basis: 61.4%;max-width: 61.4%;width: 61.4%;margin: 0}
    .product-small-thumb{flex-basis: 38.6%;max-width: 38.6%;width: 38.6%;margin: 0;height: 100%}
    .main-product .swiper-slide>img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover}
    .product-swiper .swiper-controls{margin-left: -50px}
    .product-swiper [class*=swiper-button]{width: 50px;height: 50px;background-size: auto 22px}
    .product-big-thumb .swiper-slide:before, .product-small-thumb .swiper-slide:before{content: '';display: block;padding-bottom: 75vw}
    .product-small-thumb .swiper-slide{height: auto}
    .product-small-thumb .swiper-slide:before{padding-bottom: calc(75vw - 50px)}
    .product-small-thumb .name{font-size: 12px;left: 10px;bottom: 5px}
    .main-service{margin-top: 75px;margin-bottom: 75px}
    .main-service .bx{padding: 30px 0 30px 30px;line-height: 1.75;font-size: 12px;margin-right: -25px;}
    .main-service p:last-child{margin-top: 6px}
    .main-service p.text-primary{font-size: 14px}
    .main-service .link-wrap{background: #f6f2ef;padding: 0 30px 40vw;margin-right: -25px}
    .main-service .more-link{margin-right: 15px}
    .main-service .col-image{margin: -32vw 0 0 -25px}
	.main-sns h3{font-size:1.286rem}
	.main-sns .ins-tit{margin:29px 0 11px}
	.main-sns .blog-tit{margin:19px 0 13px}
	.main-sns .swiper-ins{margin-bottom:50px}
	.main-sns .swiper-container{padding-bottom:45px}
	.main-sns .icon-blog,.main-sns .icon-insta{width:21px;height:21px;margin:0 5px 0 0 !important;background-size:21px auto}
	.main-sns .icon-blog{background-image:url(/images/icon_blog.png)}
	.main-sns .icon-insta{background-image:url(/images/icon_insta.svg)}

    /* product */
    [class*=prdt-flooring]+[class*=prdt-flooring]{margin-top: 70px}
    .figure .logo{height: 24px}
    .figure{max-width: 750px;margin: 0 auto}
    .figure .col-txt>p{max-width: 350px}
    [class*=prdt-flooring]>.col-image, [class*=philosophy]>.col-image{margin: 30px -25px 0 0}
    .prdt-flooring3>.col-image{margin-right: 0}
    [class*=prdt-flooring].flex-row-reverse>.col-image, [class*=philosophy].flex-row-reverse>.col-image{margin: 30px 0 0 -25px}
    .feature-list{font-size: 12px;display: flex;flex-wrap: wrap;max-width: 500px;margin: 0 auto}
    .feature-list>li{width: 33.33%;margin-top: 25px}
    .feature-list>li:nth-last-child(-n+2){width: 50%}
    .feature-list strong{color: #00a6d6}
    .ol-feature{margin-top: -100px}
    .ol-feature .container{margin: 55px auto 10px;padding: 0}
    .certify-swiper{margin-top: 20px}
    .certify-swiper .certify>img{height: 150px}
    .certify-swiper .h5{line-height: 16px;text-align: left;width: 50%}
    .certify-swiper .swiper-pagination{position: absolute;bottom: auto;top: 223px;width: 50%;text-align: right;left: auto;right: -4px}
    .certify-swiper [class*=swiper-button], .prdt-img .swiper-controls [class*=swiper-button], .interior-swiper [class*=swiper-button]{width: 50px;height: 50px;background: #00a6d6 url(/images/swiper_arr_wh.svg) no-repeat 50% 50%/auto 22px;margin: 0}
    .certify-swiper .swiper-button-prev, .interior-swiper .swiper-button-prev{left: 0}
    .certify-swiper .swiper-button-next, .interior-swiper .swiper-button-next{right: 0}
    .certify-swiper [class*=swiper-button]{margin: 0;top: 80px}

    /* product_list */
    .sub-visual .visual-title>img{margin-right: .8rem}
    .prdt-heading .prdt-line{font-size: 30px}
    #feature{margin-left: -25px;margin-right: -25px}
    .prdt-feature img{width: 100%}
    .prdt-feature, .prdt-summary{padding-top: 25px}
    .prdt-txt{font-size: 1rem}
    .prdt-explain{font-size: 12px;margin: 15px 0 75px}
    .prdt-explain br{display: none}
    .prdt-heading .btn{line-height: 43px;font-size: 16px;width: 100%}
    .prdt-heading .btn:after{width: 15px;height: 10px}
    .prdt-list{margin: 25px -2px 0}
    .prdt-list>li{padding: 0 2px 4px}
    .prdt-link-info{position: static;padding: 0}
    .prdt-link-info .pattern{position: absolute;left: 0;right: 0;bottom: 0;padding: 7px 10px;font-size: 12px}
    .prdt-link-info .badge-group{position: absolute;bottom: 10px;right: 10px}
    .prdt-link-info .badge{font-size: 10px;min-width: 0;padding: 2px 5px;letter-spacing: 0}
	.prdt-bd-bar{flex-direction:column-reverse;-ms-flex-direction:column-reverse;align-items:flex-start;-ms-align-items:flex-start}
	.prdt-bd-bar select{display:none}
	.prdt-bd-bar .state{margin:24px 0 0}
	.srch-drp{display:flex;width:100%}
	.srch-inp input,.srch-inp{flex:1}
	.srch-inp input{padding:13px 19px 10px}
	.srch-inp .icon-srch{margin-right:6px}
	.prdt-link .pattern-eng{left:10px;bottom:27px;font-size:0.7143rem}
	.prdt-link:hover .pattern-eng{display:none !important}
	.v2 .prdt-heading{margin:0 25px;width:auto}
	.v2 .prdt-heading .btn{position:relative;display:block}
	.v2 .prdt-heading .btn:after{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
	.v2 #feature{margin-left:0;margin-right:0}

    /* product_view */
    .prdt-top{padding-top: 115px;padding-bottom: 45px}
    .prdt-detail-hd{position:relative;display: flex;flex-direction: column}
    .prdt-img{order: 3;position: relative;margin-bottom: 30px}
    .prdt-line{line-height: 15px;font-size: 19px}
    .prdt-line>img{height: 15px}
    .prdt-pattern{padding: 10px 0 15px}
    .prdt-pattern .name{font-size: 28px}
    .icon-kakao, .icon-url{width: 40px;height: 40px}
    .icon-view{top: 15px;right: 15px;width: 40px;height: 40px}
    .prdt-name{font-size: 15px;padding: .95em .5em}
    .prdt-img .swiper-pagination{display: none}
    .prdt-thumb{position: relative;display: flex;width: 100%;height: 50px;align-items: center;max-width: none;padding: 0 50px;margin-top: 24px;justify-content: center}
    .prdt-thumb>li{flex: 1;margin: 0 7px;padding-bottom: 0;max-width: 45px}
    .prdt-img .swiper-controls{position: absolute;left: 0;right: 0;bottom: 0;display: flex;justify-content: space-between}
    .prdt-data tr>*{padding: 15px 0}
    .prdt-data tr:last-child>*{border-bottom: 0}
    .prdt-data th{width: 95px;font-size: 1.071em}
    .prdt-btm{padding: 25px 0 50px}
    .prdt-btm .display-3{text-align: left}
    .interior-swiper [class*=swiper-button]{margin-top: -25px;background-color: rgba(255,255,255,.3);background-image: url(../img/swiper_arr_gold.svg)}
    .interior-swiper{margin: 25px 0 30px}
    .prdt-mid{padding: 55px 0;max-width: 750px}
    .prdt-info-txt{padding: 0 25px 35px;font-size: .929rem}
    .prdt-info-txt .wrp>strong{font-size: 1.071em;margin-bottom: 1.429em}
    .prdt-info-img{padding-right: 25px}
    .prdt-link:after{border-width: 4px}
    .prdt-link:hover .pattern{background: #00a6d6}
	.prdt-pattern .name small{display:inline-block;font-size:1.214rem}
	.share-link{position:absolute;right:0;top:-1.4%}

    /* support */
    .well{padding: 20px;margin-bottom: 25px}
    .well-title{font-size: 1.071em}
    .cs-info{display: block;padding-left: 4.643rem;font-size: .857rem}
    .cs-info+.cs-info, .cs-info .text-secondary:not(:first-child){margin-top: 1.286em}
    .cs-info [class*=icon]{width: 3.571rem;height: 3.571rem;float: left;margin-left: -4.643rem;margin-right: 0}
    .cs-info .tel{font-size: 2.143em}
    .cs-info .text-secondary{font-size: 1.083em}
    .table-form, .table-form tbody, .table-form tr, .table-form td{display: block}
    .table-form tr{padding: 16px 0;border-bottom: 1px solid #c5c2bf}
    .table-form .th{background: none;width: auto;border: 0;margin-bottom: 10px;font-size: 1.214rem;padding: 0}
    .table-form .th+td{padding: 0;border: 0}
    .table-form{margin-bottom: 45px}
    .term-box{padding: 20px;font-size: 12px;margin-top: 10px;max-height: 350px}
    .bottom-area{margin-top: 35px}
    .attach-file{margin-right: -10px}
    .attach-file .file{font-size: 1rem;line-height: 38px;margin: 5px 5px 0 0;padding: 0 1em;min-width: calc(50% - 10px)}
    .icon-del{height: 38px}
    .contact{margin: 50px -25px 0}
    .contact .bx{margin-right: 25px;padding: 40px 14.6% 75px}
    .contact .bx>img{height: 14px}
    .contact .tel{font-size: 30px;margin-top: 5px}
    .counsel-time{font-size: .929em}
    .contact>img{width: calc(100% - 25px);margin: -50px 0 0 25px}
    .location{margin: 75px 0}
    .loc{padding: 25px 15px 25px 70px;font-size: 1rem;display: block}
    .loc:before{float: left;margin-left: -55px;width: 40px;height: 26px}
    .loc dt{font-size: 1.714rem;line-height: 26px;margin-bottom: 10px}
    .loc dd>span{font-size: 0;line-height: 0;display: block;text-indent: -9999em}

    /* care */
    .care-step>li{position: relative;height:9.286rem;margin-top: 20px;padding-left: 10rem;display: flex;align-items: center}
    .care-step>li:before{content: '';height: 7.5rem}
    .care-step>li:after{content: '';position: absolute;top: 50%;left: calc(7.5rem/2 + 15px);height: 100%;border-left: 1px solid #00a6d6}
	.care-step>li:nth-child(6n):before{display:none}
	.step-last>li:last-of-type:after{display:none}
    .care-step img{width: 7.5rem;position: absolute;top: 50%;transform: translateY(-50%);left: 15px;z-index: 5}
    .care-step strong{font-size: 1rem}
    .care-step .list-bull{font-size: .857em}
    .about-care{margin-bottom: 105px;font-size: 11px}
    .about-care .btn{margin: 30px 0 50px;background: none !important}
    .about-care .col-image{margin: -105px -25px 0 0}
    .about-care .col-image>img{transform: translateY(105px)}
	.cs-info-group .cs-info:first-child{margin-bottom:28px;border-bottom:1px solid #faf8f6}
	.cs-info-group .cs-info:last-child{margin-bottom:20px}
	.cs-info .btn{margin:17px 0 30px}
	.cs-info .q-tit{font-size:0.9286rem}
	.cs-info .q-info{margin-top:4px;font-size:0.8571rem}
    .faq-item{font-size: 13px}
    .faq-item [data-toggle="collapse"]{padding: 13px}
    .faq-item .num{width: 25px;font-size: 15px}
    .faq-item .icon-arrow{width: 15px}
    .faq-content{padding: 20px 13px;font-size: 12px}

    /* about */
    .about-story1, .philosophy1{padding-top: 50px}
    .about-story-text[class*=about-story]{padding-top: 35px;font-size: 1rem}
    .about-story2:before{bottom: 50px !important}
    [class*=about-story]>.col-image{margin: 30px 0 0 -25px}
    [class*=about-story].flex-row-reverse>.col-image{margin: 30px -25px 0 0}
    .about-story3 .col-txt{text-align: right}
    .about-story4{padding-bottom: 75px}
    .about-story4 .col-image{padding-right: 25px}
    .about-story1 .h5:last-child{font-weight: 500}
    .brand-detail:last-child{padding-bottom: 25px}
    .brand-detail .col-design{margin: 25px -25px 0;padding: 35px 25px;font-size: 11px}
    .bi-explain .title>p{font-size: 15px;margin: 1em 0}
    .bi-image{margin: 35px -25px}
    .bi{margin-bottom: 35px}
    .brand-explain>.row{margin: 0}
    .brand-explain>.row>.col-6{padding: 0}
    .brand-explain .wrp{font-size: .857rem;padding: 4px 0 4px 20px}
    .brand-explain .wrp:before{margin-left: -20px;width: 1.5em;line-height: 1.5em;font-size: 10px}
    [class*=philosophy]+[class*=philosophy]{padding-top: 60px}
	.philosophy1{padding-top:35px !important}
    .philosophy3{padding-bottom: 75px}
    [class*=philosophy] .title{font-size: 1.286rem}
    .philosophy-title{font-size: 2.143em}
    .philosophy-visual .swiper-button-next{display: none}
    .philosophy-visual .swiper-controls{bottom: 45px}
    .philosophy-visual .visual-txt{padding: 80px 0}
    .philosophy-visual img{height: 24px}
    .philosophy-visual .h5{font-size: 1rem}
    .philosophy-visual .swiper-slide{height: auto}
	.video-philosophy{padding:47px 0 0}
	.video-philosophy:before{display:none}
	.video-play{height:50px;width:50px}
	.video-about{padding:73px 0 0;margin-bottom:85px}
	.video-about:before{bottom:26%}
	.video-philosophy .display-3{margin-bottom:10px;font-size:20px}
	.video-about .display-3{margin-bottom:10px;font-size:20px}
	
	/* Review */
	.container>.visual-pd-sm{padding:50px 0 20px}
	.visual-pd-sm{padding:50px 25px 20px}
	.visual-pd-sm .visual-title{font-size:2rem;text-align:left}
	.swp-pag-lg .swiper-pagination-bullet{width:20px;height:20px}
	.swp-review{padding-bottom:48px;margin-bottom:40px}
	.swp-review .bg-img{flex-direction:column;justify-content:flex-end;align-items:baseline;-ms-flex-direction:column;-ms-justify-content:flex-end;-ms-align-items:baseline;height:216px;padding:27px 23px;background-size:auto 100%}
	.swp-review h3{font-size:1.357rem}
	.swp-review .tit{margin-bottom:10px}
	.swp-review .tit p{font-size:1rem}
	.swp-review .date{font-size:0.8571rem}
	.srch-inp input{font-size:1.143rem}
	.review-list{margin:27px -5px -10px}
	.review-list>*{margin:0 0 17px;padding:0 5px}
	.review-list h4{margin-top:8px;font-size:0.8571rem}
	.review-list p{font-size:0.7143rem}
	.review-list .more-link{display:none}
	.catalog{margin:0 -5px 32px}
	.catalog>*{margin:0 0 17px}
	.catalog .img-wrp{padding-top:85%}
	.catalog .no-style{padding-right:0;font-size:0;color:transparent}
	.catalog .icon-down{width:16px;height:16px}
	.catalog .d-flex-space{margin-top:8px}
	.catalog h4{min-height:36px;margin-top:0}
	.review-bx{margin:50px -25px 28px}
	.review-bx .bx-hd{padding:0 25px}
	.review-bx h3{font-size:1.5rem}
	.review-bx .date{font-size:0.8571rem}
	.review-bx .share-link{position:static}
	.review-bx .bx-cont{padding:22px 25px 45px;border-top:1px solid #00a6d6}
	.review-bx .bx-cont p{font-size:0.8571rem;line-height:1.5rem}
	.review-bx .bx-ft>*{padding:17px 27px}
	.review-bx .bx-ft .text-secondary{padding-right:16px;margin-right:16px}
	.review-bx .bx-ft p{font-size:0.9286rem}
	.review-bx+.text-center .btn{font-size:0.9286rem}
	
	/* FAQ */
	.nav-m-overflow{border-bottom:0;flex-wrap:nowrap;-ms-flex-wrap:nowrap;overflow-x:auto;}
	.nav-m-overflow .nav-item{margin-bottom:0}
	.nav-m-overflow .nav-item+*{margin-left:10px !important}
	.nav-m-overflow .nav-link{min-width:95px;padding:16px 0;border-color:#dfdfdf}
	.state-all{margin:40px 0 5px;font-size:1rem}
	.accordion{margin-bottom:-20px;border-top:3px solid #00a6d6}
	.accordion:not(.v2) h3{padding:15px 14px;background-image:none !important}
	.accordion h3>span{max-width:90px;margin-right:10px;font-size:0.9286rem}
	.accordion h3>b{padding-right:15px;font-size:1rem}
	.accordion h3>p{font-size:0.9286rem}
	.accordion .card-body{padding:20px 13px 25px}
	.accordion .card-body p{font-size:0.8571rem}
	.accordion .card-body b{font-size:1rem}
	
	/* showroom */
	.showroom{display:block;margin-left:-25px;margin-right:-25px;border:0;border-bottom:1px solid #d6d6d6}
	.room-list{height:auto;overflow-y:visible;max-width:inherit;border-right:0}
	.room-list-chk{padding:10px 25px}
	.room-list-chk label{font-size:1.071rem}
	.room-list button{padding:0}
	.room-list button:hover{background:#fff}
	.room-list button.active{background:#fafafa}
	.room-list h4{font-size:1.071rem}
	.room-list h4>span{font-size:0.7857rem}
	.room-list .list-hd{padding:22px 51px 22px 25px;background:url(../img/accordion.png) no-repeat right 25px center;background-size:15px auto;transition:.3s}
	.room-list .active .list-hd{background:url(../img/accordion_active.png) no-repeat right 25px center;background-size:15px auto}
	.room-list .list-hd>p:not(.call){margin:5px 0 10px;font-size:0.9286rem}
	.room-list .map-m{position:relative}
	.room-list .map-m{display:none}
	.room-list .active .map-m{display:block}
	.room-map{position:relative;display:none}
	.map-current{padding:18px;min-width:180px}
	.map-current:before{top:-48px;width:24px;height:34px}
	.map-current strong{font-size:1rem}
	.map-current p{font-size:0.7857rem}
	
	/* ·Î±×ÀÎ/ȸ¿ø°¡ÀÔ */
	.page-login h3{margin:45px 0 37px;font-size:2rem}
	.page-login .form-control{padding:10px 15px}
	.form-sm{width:auto;padding:0}
	.form-sm .form-control{height:50px;font-size:1.071rem}
	.form-sm .t-info{font-size:0.8571rem;line-height:1.214rem}
	.login{display:block}
	.login .btn{margin-bottom:10px;font-size:1.143rem}
	.login .custom-control{margin-bottom:20px}
	.login .custom-control-label{font-size:1.143rem}
	.list-split{margin:30px 0 42px}
	.text-line{margin-bottom:40px;font-size:1.143rem;font-weight:500}
	.text-line:before,.text-line:after{width:26%}
	.btn-md-block{font-size:1.143rem}
	.accordion.v2{margin:30px 0}
	.accordion.v2 h3{padding:23px 14px;margin:0}
	.accordion.v2 .card-body{padding:27px 20px}
	.accordion.v2 .card-body>p:not(.text-secondary){font-weight:500}
	.accordion.v2 .card-body .text-secondary{margin:-8px 0;font-size:0.8571rem}
	.accordion.v2 .card-body .text-secondary a{display:none}
	.accordion.v2 .card-body .custom-control{margin:0 0 5px;font-size:0.9286rem}
	.accordion.v2 .card-body .form-row-custom{display:block;margin-top:0}
	.accordion.v2 .card-body .form-row-custom .ml-3{margin-top:3px;margin-left:0 !important}
	.page-join-complete .form-sm-wrp{margin-top:50px;text-align:center}
	.page-join-complete h3{margin-bottom:22px}
	.form-sm-wrp{display:block}
	.page-join-complete b{font-size:1.143rem}
	.page-join-complete strong{font-size:1.286rem}
	.page-join-complete img{margin:37px 0 30px}
	.page-join-complete .btn.mt-2{margin-top:10px !important}
	
	/* ¸¶ÀÌÆäÀÌÁö */
	.page-my .display-2{margin-top:50px}
	.nav-tabs:not(.nav-m-overflow) .nav-link{border-color:#b2b2b2;border-bottom:1px solid #00a6d6}
	.nav-tabs:not(.nav-m-overflow) .nav-link.active{background:#fff;border-color:#00a6d6;border-bottom:1px solid #fff;color:#00a6d6;}
	.nav-tabs .nav-link{padding:15px 0}
	.list-myservice{margin-bottom:30px;border-top:2px solid #00a6d6}
	.list-myservice a:not(.btn){padding:20px 0;background-position:right 3px center}
	.list-myservice [class^=icon]{width:20px;height:20px;margin-right:8px}
	.list-myservice h4{width:71px;font-size:1.071rem}    
	.list-myservice p{font-size:1rem;color:#666;font-weight:300}
	.list-myservice h4~p,.my-view-hd h4~p{padding-left:15px;padding-right:15px}
	.list-myservice h4~p:before,.my-view-hd h4~p:before{height:9px}
	.list-myservice .tit,.my-view-hd .tit{padding-left:28px;flex:0 0 100%;-ms-flex:0 0 100%}
	.list-myservice .tit:before,.my-view-hd .tit:before{display:none}
	.no-list{padding:68px 0 0}
	.no-list img{width:80px}
	.no-list p{font-size:1.143rem;color:#999;font-weight:500;margin:17px 0 37px}
	.my-view{margin-bottom:40px;border-bottom:3px solid #ccb3a3}
	.my-view-hd{padding:20px}
	.my-view-hd h4{font-size:1rem;padding-right:8px}
	.my-view-hd p{font-size:1rem;font-weight:300}
	.my-view-hd [class^=icon]{width:23px;height:23px;margin-right:10px}
	.my-view-hd .tit{padding-left:33px;margin-top:3px}
	.icon-my1-wh{width:19px;height:17px;margin-right:9px}
	.my-view-cont{display:block;padding:40px 20px 25px}
	.my-view-cont>div+*{padding:0;margin:0;border:0}
	.table-info tr>*{display:block;padding:0}
	.table-info tr>th{margin-bottom:3px}
	.table-info tr>td{margin-bottom:15px}
	.table-info .para{font-weight:500}
	.my-view-answer{padding:30px 20px}
	.my-view-answer .blank{width:0}
	.page-my .sub-tit{margin:38px 0 12px 0;font-size:1.214rem;font-weight:700}
	.page-my .table-form{border-top:3px solid #00a6d6}
	.password-input-group{max-width:63%}
	.password-input-group .form-control{width:auto;margin:0 !important}
	.input-group.password-input-group{max-width:inherit}
	.input-group.password-input-group .form-control{margin-bottom:10px !important}
	.password-input-group .btn{margin-left:0}
	.btm-btn{display:flex;margin-top:38px}
	.btm-btn>*{max-width:50%;min-width:50%;padding:.888em 0 .688em;font-size:1.143rem}
}
/* // Mobile */

@media (max-width: 359.98px){
    html{font-size: 12px}
}


/* ========================================================
 * GS New css (2021-12-01~ )
======================================================== */
/* -------- Support Àü½ÃÀå/´ë¸®Á¡ iframe ³ôÀ̼öÁ¤ _ (2021-12-03 MH) -------- */
.showroom iframe{height:100% !important; box-sizing:border-box;}
@media (max-width: 1024px){
	.showroom .map-m{height:350px; overflow:hidden;}
    .showroom iframe{height:382px !important; }
}

/* -------- Á¦Ç° ÀÎÅ׸®¾î ŸÀÌƲ ÅؽºÆ® Ãß°¡ _ (2022-02-16 MH) -------- */
.display-3 .drag-txt{display:none;}
@media (max-width: 1024px){
	.display-3 .drag-txt{display:inline-block; color:#aaa; margin-left:0.7em; font-size:1rem; font-weight:400;}
}