/* Style */
* {
    font-family: 'NanumSquareRound', sans-serif;
    letter-spacing: -0.65px;
    box-sizing: border-box;
    word-break : keep-all;
}

body.hidden {
    position: fixed;
    overflow-y: hidden;
    touch-action: none;
}

a,
button {
    color: #999;
}

p,
li {
    word-break: keep-all;
}

table,
p,
h3,
li {
    color: #333;
}

h1 {
    color: #6a5047;
    font-size: 30px;
}

img {
    max-width: 100%;
}

ul {
    list-style-type: none;
    list-style-position: inside;
}

table {
    border-collapse: collapse;
}

.link { cursor:pointer; }

.gray_hr {
    height: 8px;
    background: #eee;
    border: none;
}

.EB {
    font-family: 'NanumSquareRoundEB', sans-serif;
}

.plus {
    display: block;
    font-size: 14px;
    font-family: 'NanumSquareRoundEB', sans-serif;
    color: rgb(0, 0, 0);
    background-color: #ffffff;
    border:#efefef 1px;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
    margin: 0 auto;
    width: 25%
}

.gray {
    color: #999999;
}

.mint {
    color: #2bc1bb;
}

.gray {
    color: #999999;
}

.pink {
    color: #f08590;
}

.black {
    color: #333333;
}

.orange {
    color: #ff8c3f;
}

.wiggle {
	color: #ff8c3f;
	font-size: 12px;
}

.center16 {
    font-size: 16px;
    text-align: center;
}


.section_content p.mt10,
.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}



.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.img_area {
    text-align: center;
}

.height_0 {
    height: 0;
    border: none;
}

.scroll-animation {
    transition: all 0.1s ease-in-out;
}




/* 로고 메인 비쥬얼 */
.header {
    padding: 50px 0 22px 30px;
    background-color: #fff5f5;
}

.header img {
    height: 25px;
}

.main_visual {
    padding-left: 30px;
    background-color: #fff5f5;
}

.main_visual .main_2 {
    text-align: right;
    padding-right: 30px;
    margin-top: -15px;
    padding-bottom: 50px;
}


.head_text_area h1 { 
    font-family: 'NanumSquareRoundEB', sans-serif;
    color: #734f45;
    margin-bottom: 16px;
}
.head_text_area p { 
    color: #734f45;
    font-size: 14px;
}

/* 네비게이션 */
ul.tab {
    display: flex;
    max-width: 100%;
    justify-content: space-between;
    list-style: none;
    background: #fff;
}

ul.tab li {
    width: 25%;
    color: #999999;
    font-size: 14px;
    text-align: center;
    box-shadow: 0px 1px 0px 0px rgba(160, 160, 160, 0.282);
    line-height: 1.8;
}

ul.tab li {
    font-size: 15px;
    line-height: 1.8;
    word-break: keep-all;
}

ul.tab li a {
    display: block;
    padding: 10px 0;
}

ul.tab li a.active {
    background: #2bc1bb;
    color: #fff;
	font-weight: bold;
}

#navigation-sticky-wrapper {
    position: relative;
    z-index: 999999;
}



/* 내용 공통 */
.section_content {
    margin: 0 15px;
    padding: 0 0 50px;
    font-size: 14px;
}

.section_content .text_area {
    margin: 0 25px;
}

.text_area2 {
    margin: 0 15px;
}

.section_content h3 .word {
    display: block;
    font-size: 17px;
    color: #2bc1bb;
}

.section_content h3 {
    font-size: 20px;
    text-align: center;
    margin: 60px auto 30px;
    line-height: 34px;
}

.section_content h5 {
    font-size: 16px;
    margin: 18px 16px;
    color: #333333;
    padding-left: 15px;
}

.section_content h5 {
    background: url(../img/icon1.png) no-repeat 0 5px;
    background-size: 10px;
}

.section_content p {
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all;
    margin: 0;
    padding: 0;
}

.section_content h4 {
    font-size: 14px;
    font-family: 'NanumSquareRoundEB', sans-serif;
    color: #2bc1bb;
    text-align: center;
    margin: 50px 0 0;
}

.section_content p.caution {
    color: #999999;
    font-family: 'NanumSquareRoundEB', sans-serif;
}




.comment { 
    color: #333;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding-left: 10px;
    line-height: 1.8em;
    font-size: 12px;
    line-height: 1.8;
}
.comment span { display:block }

.comment1 {
    background: url(../img/hello/comment1.png) no-repeat top 20px left 15px;
    background-size: 50px;
    padding: 15px 15px 15px 76px;
    margin-top: 20px;
}
.comment1_wrap::after {
    display: block; 
    content:'';
    background: url(../img/hello/comment1_after.png) no-repeat top 0px left 52px;
    background-size: 20px;
    height: 30px;
    margin-top: -2px;
}

.comment2 {
    background: url(../img/hello/comment2.png) no-repeat top 20px right 15px;
    background-color: #efefef;
    background-size: 50px;
    padding: 15px 76px 15px 15px;
    text-align: right;
}
.comment2_wrap::after {
    display: block; 
    content:'';
    background: url(../img/hello/comment2_after.png) no-repeat top 0px right 52px;
    background-size: 20px;
    height: 30px;
    margin-top: -2px;
}

.comment3 {
    background: url(../img/hello/comment3.png) no-repeat top 20px left 15px;
    background-size: 50px;
    padding: 15px 15px 15px 76px;
}
.comment3_wrap::after {
    display: block; 
    content:'';
    background: url(../img/hello/comment3_after.png) no-repeat top 0px left 52px;
    background-size: 20px;
    height: 30px;
    margin-top: -2px;
}


.section_content .mt20 { margin-top: 20px; }

.tab_how {
    display: none;
}
.tab_how.active {
    display: block;
}



/* 정수기, 공기청정기 사용법 탭 */
.tabs-menu{ text-align:center; margin-bottom:50px; }
.tabs-menu li{ display:inline-block; margin: 0 10px;}
.tabs-menu li a:hover {}
.tabs-menu li a{ padding-top:80px; text-align:center; color:#999; font-size: 15px; }
.tabs-menu li.active a { font-size: 15px; color: #333;font-family: 'NanumSquareRoundEB', sans-serif;}


.tabs-menu-water a {
    display: block;  
    background: url(../img/how/water_off.png) no-repeat top center;
    background-size: 100%;
    height: 86px;
    width: 70px;
}

.tabs-menu-water.active a { 
    background: url(../img/how/water_on.png) no-repeat top center;
    background-size: 100%;
}
.tabs-menu-air a { 
    display: block;      
    background: url(../img/how/air_off.png) no-repeat top center;
    background-size: 100%;
    height: 86px;
    width: 70px;
}
.tabs-menu-air.active a { 
    background: url(../img/how/air_on.png) no-repeat top center;
    background-size: 100%;
}




/* 목록 박스 공통 */
ul.black_dot_list li {
    background: url(../img/dot_333.png) no-repeat top 10px left 0;
    background-size: 3px;
    padding-left: 10px;
    line-height: 1.8em
}

.information-list {
    margin: 40px 20px 20px;
    font-size: 13px;
}

.information-list h6 {
    background: url(../img/icon4.png) no-repeat top 0 left 0;
    background-size: 13px;
    ;
    padding-left: 20px;
    font-size: 14px;
    color: #999999;
    margin-bottom: 5px;
}

.information-list ul.list li {
    font-size: 13px;
    color: #999999;
    background: url(../img/dot_999.png) no-repeat top 10px left 0;
    background-size: 3px;
    padding-left: 10px;
    line-height: 1.8em
}



/* 소개 */
.section_content.hello .strong {
    color: #2bc1bb;
}

/* 활용법 */
.section_content.how .strong {
    color: #f08590;
}

.section_content.how .black_dot_list {
    margin-left: 20px;
    margin-bottom: 10px;
}

.section_content h5.h5_leaf {
    background-image: url(../img/icon2.png);
}


/* HOW 테이블 */
.section_content.how .table_title {
    background-color: #e1f5f3;
    color: #2bc1bb;
    font-weight: bold;
}

.section_content.how td {
    color: #333333;
    font-size: 13px;
    text-align: center;
    padding: 8px;
    border: 1px solid #2bc1bb;
}

.section_content.how td:first-child {
    border-left: none;
}

.section_content.how td:last-child {
    border-right: none;
}


.section_content.how .accordion { 
    margin-bottom: 5px;
}


/* 혜택 */
.section_content p.gift_slogan {
    font-size: 17px;
    text-align: center;
    margin-top: 30px;
    line-height: 1.6em
}

.section_content.gift {
    padding-bottom: 0;
}


.gift_coupon { margin-left: 20px; margin-right: 20px;  }


/* 렌탈순서 */
.section_content h5.h5_rental {
    background-image: url(../img/icon3.png);
}

/* 아이콘 및 이미지 */
.section_content .icon_dot {
    width: 2px;
    margin: 0 5px 0 0;
}

.section_content .icon_subject {
    width: 10px;
    margin: 0;
}

.section_content .icon_caution {
    width: 15px;
    margin: 0 5px 0 0;
}

.section_content .center_img {
    width: 60%;
    display: grid;
    place-items: center;
    margin: 15px auto;
}

/* 아코디언 */
.accordion {
    margin: 20px 0 20px;
    border: 2px solid #2bc1bb;
    color: #333333;
    border-radius: 8px;
    box-shadow: 2px 2px 4px 1px rgba(160, 160, 160, 0.3);
}

.accordion>.accordion_box1 {
    background: #2bc1bb url(../img/accordion_btn_down.png) no-repeat right 15px top 20px;
    background-size: 13px;
    cursor: pointer;
    border: 2px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0;
    padding: 12px 0;
}

.accordion p.accordion_title {
    color: white;
    margin: 0 25px;
	font-weight:bold;
}

.accordion>.accordion_box1.active {
    background-image: url(../img/accordion_btn_up.png);
}

.accordion>.accordion_box2 {
    margin: 0 25px;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
}

.accordion>.accordion_box1.active+.accordion_box2 {
    display: block;
    max-height: 500px;
    /* 펼쳐진 섹션의 최대 높이 */
    transition: max-height 0.3s ease-in;
}

/* 제품 */
#product {
    padding-top: 30px;
}

#product_item_area { 
    min-height: 1000px;
}
.section_content.product {
    margin: 0;
    padding-bottom: 20px;
}

.section_content.product h3 { 
    margin-top: 25px;
}

.procuct_list .wrap {
    margin: 15px 15px;
    padding: 50px 25px 40px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px 1px rgba(189, 189, 189, 0.3);
}

.procuct_list h3 {
    margin: 0;
    line-height: 30px;
    margin-top: 10px;
}

.procuct_list .wrap .hot {
    display: block;
    font-size: 14px;
    font-family: 'NanumSquareRoundEB', sans-serif;
    color: white;
    background-color: #2bc1bb;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    line-height: 20px;
    padding: 5px 0;
    width: 80px;
}

.procuct_list .wrap .hot_sk {
    display: block;
    font-size: 14px;
    font-family: 'NanumSquareRoundEB', sans-serif;
    color: white;
    background-color: #ff8c3f;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
    margin: 0 auto;
    width: 25%
}

.procuct_list .wrap .hot_lg {
    display: block;
    font-size: 14px;
    font-family: 'NanumSquareRoundEB', sans-serif;
    color: white;
    background-color: #f08590;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
    margin: 0 auto;
    width: 25%
}


.procuct_list .wrap .slide {
    margin: 20px auto;
}


.bx-wrapper .bx-controls-direction a {
    top: 280px;
}

.bx-wrapper .bx-prev {
    left: 30px;
    background: url(../img/slide/btn_left.png) no-repeat 10px 5px !important;
    background-size: 12px !important;
}

.bx-wrapper .bx-next {
    right: 30px;
    background: url(../img/slide/btn_right.png) no-repeat 10px 5px !important;
    background-size: 12px !important;
}



.procuct_list .wrap>.gray {
    display: block;
    text-align: center;
    margin: 0 auto 20px;
}

.procuct_list .wrap>.slide>img {
    display: block;
    width: 240px;
    margin: 0 auto;
}

.procuct_list .wrap .bubble {
    font-size: 14px;
    text-align: center;
    padding: 30px 0;
    background: url(../img/slide/LG/bubble_LG.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
    max-width: 300px;
}

.procuct_list.LG .wrap .bubble {
    background-image: url(../img/slide/LG/bubble_LG.png)
}

.procuct_list.SK .wrap .bubble {
    background-image: url(../img/slide/SK/bubble_SK.png)
}

.procuct_list.coway .wrap .bubble {
    background-image: url(../img/slide/coway/bubble_coway.png)
}

.procuct_list .model_name {
    font-size: 14px;
    text-align: center;
}

.procuct_list .price {
    font-size: 14px;
    line-height: 25px;
    ;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: #eeeeee 0.5px solid;
    vertical-align: top;
}

.procuct_list .price .price_right {
    text-align: right;
    letter-spacing: -1px;
}

.procuct_list .price .price_right .EB {
    font-size: 18px;
    letter-spacing: -0.5px;
	padding-left: 5px;
}

.procuct_list .price .price_right .EB_green {
    font-size: 18px;
    letter-spacing: -0.5px;
	padding-left: 5px;
	color:#2bc1bb;
	font-family: 'NanumSquareRoundEB', sans-serif;
}

.procuct_list .price .price_right .EB_orange {
    font-size: 18px;
    letter-spacing: -0.5px;
	padding-left: 5px;
	color:#ff8c3f;
	font-family: 'NanumSquareRoundEB', sans-serif;
}

.procuct_list .price .price_right .EB_pink {
    font-size: 18px;
    letter-spacing: -0.5px;
	padding-left: 5px;
	color:#f08590;
	font-family: 'NanumSquareRoundEB', sans-serif;
}

.procuct_list .price .gray {
    font-weight: 100;
    font-size: 12px;
}



.rental_wrap {
    display: flex;
    justify-content: space-between;
    margin: 5px 0 10px;
}

.rental_wrap .box {
    width: 32%;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.rental_wrap_icon {
    display: flex;
    justify-content: space-between;
}

.section_content.process {
    margin-bottom: 100px;
    margin-top: 50px;
}

.section_content.process .box2>img {
    width: 6px;
}



.text_area3 { 
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 30px 0;
    text-align: center; 
    margin-bottom: 30px;
}

.text_area3 h4 { 
    display: inline-block;
    color: #333;
    border: 1px solid #efefef;
    border-radius: 15px;
    padding: 6px 0 ;
    width: 85px;
    margin-top: 0;
    margin-bottom: 25px;
}

.information-list.information-list-product { margin-top:0; margin-bottom:0; }


/* 하단버튼 */
.bottom_button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}

.bottom_button .bottom_button_wrap {
    display: flex;
    justify-content: space-between;
}

.bottom_button .img_area {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -12px;
    z-index: 3
}

.bottom_button .img_area img {
    width: 100%;
    max-width: 400px;
}

.bottom_button .bottom_button_wrap div {
    width: 50%;
    height: 60px;
    font-size: 16px;
}

.bottom_button .bottom_button_wrap a {
    display: block;
    line-height: 60px;
    text-align: center;
}

.bottom_button .bottom_button_wrap .kakao a {
    ;
    background: #fff5f5;
    color: #6a5047;
}

.bottom_button .bottom_button_wrap .tel a {
    background: #6a5047;
    color: #fff5f5;
}



/* 신청완료 알림 */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    font-size: 17px;
}

.modal-content .modal-content-inner {
    margin-left: 30px;
    margin-right: 30px;
    background-color: #fefefe;
    padding: 50px 15px 35px 15px
}

.modal-content .modal-content-inner h2 {
    text-align: center;
    margin-bottom: 15px;
    color: #333;
}

.modal-content .modal-content-inner p {
    line-height: 1.6em;
    text-align: center;
}

.modal-content .close {
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    height: 45px;
    border-radius: 10px;
    background-color: #6a5047;
    line-height: 45px;
    margin-top: 20px;
}

.modal-content close:hover,
.modal-content .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}






/* 전화상담 신청 */
.container.apply {
    background-color: #fff5f5;
}

.apply h1 {
    padding-left: 30px;
    height: 30px;
    margin-bottom: 35px;
}


.form {
    font-size: 16px;
}

.form input,
.form textarea {
    font-size: 16px;
}

.form ul {
    display: flex;
    flex-direction: column;
    padding: 0 15px 0;
}

.form ul.agree {
    padding: 0;
}

.form ul li.formlist {
    padding: 25px 25px;
    margin: 0 0 17px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 5px -5px #999;
}

.form ul li>label {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.form ul li.formlist>input {
    display: block;
    width: 100%;
    height: 30px;
    padding: 9px 0;
    border-bottom: 1px solid #eee;
    line-height: 18px;
    text-align: left;
}

.form ul li.formlist>input::-webkit-input-placeholder {
    color: #ddd;
}

.form .textarea_wrap {
    width: auto;
    height: 160px;
    border: 1px solid #eee;
    margin-top: 15px;
}

.form ul>li>div>textarea {
    display: block;
    padding: 10px;
    max-height: 156px;
    width: 100%;
}

.form ul>li>div>textarea,
textarea::-webkit-input-placeholder {
    line-height: 24px;
    color: #999;
}

/* .form > ul > li > .agree {
    display: flex;
     flex-direction: column;
}
 */
.form ul>li>.agree>li {
    padding: 18px 0;
    border-bottom: 1px solid #eee;
    line-height: 24px;
    color: #999;
}

.form ul>li>.agree .agreelist {
    display: block;
    padding: 0 0 5px;
    font-size: 16px;
    color: #000;
}

.form ul>li>.agree>li:last-child {
    padding: 18px 0 0;
    border: 0;
}

.form ul>li>.agree>li:last-child>.formradio {
    margin: 0 0 8px;
}

.form ul>li>.agree>li:last-child>.formradio:last-child {
    margin: 0px;
}

.form ul>li>.agree>li:last-child>.formradio>input[type=radio] {
    appearance: none;
    top: -1px;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #ddd;
    border: 4px solid #fff;
    outline: 1px solid #ddd;
}

.form ul li>.agree>li:last-child>.formradio>input[type=radio]:checked {
    width: 18px;
    top: -1px;
    height: 18px;
    border-radius: 9px;
    background-color: #2bc1bb;
    border: 4px solid #fff;
    outline: 1px solid #2bc1bb;
}

.form ul li>.agree>li:last-child>.formradio>label {
    display: inline-block;
    height: 18px;
    line-height: 18px;
}

.form ul li>button {
    width: 100%;
    height: 45px;
    border-radius: 10px;
    background-color: #6a5047;
    line-height: 45px;
    font-size: 21px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 25px;
}