@charset "utf-8"; @import url('/inc/fonts/generalsans.css'); /* Project : renewal Author : kimjeongju Date : 2025.03.17 */ /* Scrollbar */ *{-webkit-overflow-scrolling: touch;} /* *{overflow-x:hidden;overscroll-behavior:none;scrollbar-width:none;box-sizing:border-box;} */ /* width */ ::-webkit-scrollbar {width: 8px;height: 8px;} /* Track */ ::-webkit-scrollbar-track {background: transparent;} /* Handle */ ::-webkit-scrollbar-thumb {background: #2C2C2C;border-radius: 5px;} /* Handle on hover */ ::-webkit-scrollbar-thumb:hover {background: #000} .point_gray{color: #868686;} .point_red{color: #BB8072 !important;} .show_pc{display:block !important} .show_mo{display:none !important} .txt_center{text-align: center !important} /* font */ .font_up{font-style: normal;text-transform: uppercase;} .font_gs_r {font-family: 'GeneralSans-Variable' !important;font-weight: 300 !important} .font_gs_m {font-family: 'GeneralSans-Variable' !important;font-weight: 400 !important} .font_gs_sb {font-family: 'GeneralSans-Variable' !important;font-weight: 500 !important} /* btn */ .btn_down{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background: #f5f5f5 url(/inc/img/kr/renewal/ico_down.svg) center center no-repeat;border-radius: 50%;cursor: pointer;} .btn_dwn{display: block;border:1px solid #000;font-size: 16px;border-radius: 3px;background-color: #fff} .btn_dwn:after{position: relative;top:4px;display: inline-block;width:18px;height:18px;margin-right: -2px;background:url(/inc/img/kr/renewal/ico_down_bk.svg);background-size: cover;content:"";} .btn_dwn:hover{background: #000;color:#fff;} .btn_dwn:hover i{color:#fff;} .btn_dwn:hover:after{background: url(/inc/img/kr/renewal/ico_down_wh.svg);background-size: cover;} .btn_dwn.wh:after{background:url(/inc/img/kr/renewal/ico_down_wh.svg);background-size: cover;} .btn_dwn.wh:hover:after{background:url(/inc/img/kr/renewal/ico_down_bk.svg);background-size: cover;} .btn_dwn_line{position: relative;display: inline-flex;align-items: center;justify-content: space-between;height:64px;padding-left:20px;padding-right: 70px;border:1px solid #a9a9a9;font-size: 20px;background-color: #fff} .btn_dwn_line:after{position: absolute;top: 50%;right: 16px;transform: translateY(-50%);display:block;width:26px;height:26px;background:url(/inc/img/kr/renewal/brand/ico_down_bk.png);background-size: cover;content:""} .btn_dwn_line.bk{border:1px solid #000;background-color: #000;} .btn_dwn_line.bk span{color:#fff} .btn_dwn_line.bk:after{width:26px;height:26px;background:url(/inc/img/kr/renewal/brand/ico_down_wh.png);background-size: cover;} .btn{display: inline-flex;align-items: center;justify-content: center;padding-left: 20px;padding-right: 20px;background-color: #000;border: 1px solid #000;} .btn>span{color:#fff} .btn.line{background-color: #fff;border: 1px solid #000;} .btn.line>span{color:#000} /* .btn.line:hover{background-color: #000;} .btn.line:hover>span{color:#fff} */ /* tit */ .txt_main{font-size: 52px;font-weight: 500;} .txt_sub {font-size: 20px;font-weight: 200;} .container{position: relative;width: 100%;max-width: 1590px;margin: 0 auto;padding: 0 15px;} /* page_area */ .page_area{margin-top: 80px;} .list_page{display: flex;justify-content: center;} .list_page>li a{display: inline-block;width: 48px;height: 48px;line-height: 48px;font-size: 16px;text-align: center;} .list_page>li a span{padding:0 4px 9px;border-bottom:2px solid transparent;} .list_page>li.active a span{border-bottom-color:#000;font-weight: bold;} .list_page .btn_next{background:url(/inc/img/kr/renewal/btn_next.png) center center no-repeat;} .list_page .btn_nextL{background:url(/inc/img/kr/renewal/btn_nextL.png) center center no-repeat;} .list_page .btn_prev{background:url(/inc/img/kr/renewal/btn_prev.png) center center no-repeat;} .list_page .btn_prevF{background:url(/inc/img/kr/renewal/btn_prevF.png) center center no-repeat;} .list_page .btn_next.dim{background:url(/inc/img/kr/renewal/btn_next_dim.png) center center no-repeat;} .list_page .btn_nextL.dim{background:url(/inc/img/kr/renewal/btn_nextL_dim.png) center center no-repeat;} .list_page .btn_prev.dim{background:url(/inc/img/kr/renewal/btn_prev_dim.png) center center no-repeat;} .list_page .btn_prevF.dim{background:url(/inc/img/kr/renewal/btn_prevF_dim.png) center center no-repeat;} /* tbl_wrap */ .col10{width:100px;} .col15{width:150px;} .col20{width:200px;} .col25{width:250px;} .col30{width:300px;} .tL{text-align: left !important;} .view_content{cursor: pointer;} table{width:100%;min-width: 989px;border-top:1px solid #010101;text-align:center;border-collapse: collapse;} table thead tr:first-child{font-size: 16px;font-weight: 500;} table thead th{padding: 15px 4px;border-bottom:1px solid #e5e5e5;font-size: 17px;background-color: #fff} table thead th span{font-weight: 500;} table tbody td{padding: 24px 4px;border-bottom:1px solid #e5e5e5;font-size: 17px;} .tbl_wrap{overflow-x: scroll;} .tbl_line .img_area{overflow: hidden;display: inline-block;position: relative;width: 80px;height: 80px;margin-top: 0;border:1px solid #d5d5d5;border-radius: 3px;object-fit: cover;background-color: #fff} .tbl_line .img_area>img{display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;height:auto} .tbl_line .img_area.height>img{width:auto;height:100%;} .tbl_line span{display: inline-block;margin-top:6px;letter-spacing: -1px;} .tbl_line span.bl{display: block;margin-top:0} .tbl_line span:first-child{margin-top:0} .tbl_line .list_dwn{display: flex;gap: 8px;flex-wrap: wrap;} .tbl_line .btn_dwn{padding: 5px 6px;} .tbl_wrap.data{overflow: auto;} .tbl_wrap.data .pin-spacer{height: auto !important;padding:0 !important} .tbl_wrap.data .gsapNav{position: relative;display: table;width:100% !important;background: #fff;z-index: 1;} .tbl_wrap.data .pin-spacer .tbl_line{border-top: 1px solid #010101;} .tbl_wrap.data .tbl_line{border-top: 0} @media screen and (hover: hover) and (pointer: fine) { .tbl_line .img_area.hover{display:none} .tbl_line tbody tr:hover{background-color: #EDEDED} } /* quick_wrap */ .quick_wrap {position: fixed;right: 10px;bottom: 80px;z-index: 100;} .quick_wrap .btn_quick {overflow: hidden;display: flex;justify-content: center;align-items: flex-end;background-color: #000;height: 40px;font-size: 15px;border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.2);} .quick_wrap .btn_quick.active{height: auto;opacity: 1;} .quick_wrap .btn_quick.active .list_quick>li{opacity: 1;} .quick_wrap .list_quick>li{margin-top:12px;} .quick_wrap .list_quick>li:first-child{margin-top:0;} .quick_wrap .list_quick>li a{display: flex;flex-direction: column;align-items: center;justify-content: center;width:40px;height: 40px;border-radius: 50%;} .quick_wrap .list_quick>li a h3{display: none;font-size: 15px;color: #fff;} @media screen and (hover: hover) and (pointer: fine) { .quick_wrap .list_quick>li:hover a{background-color:#fff;color:#000;} .quick_wrap .list_quick>li:hover.quick a{background-color:#000;color:#fff;} .quick_wrap .list_quick>li:hover a h3{color: #000;font-weight: bold} } .ico_cs{width: 22px;height: 22px;background: url(/inc/img/kr/renewal/ico_cs_wh.svg) center center no-repeat;background-size: cover;} .ico_book{width: 24px;height: 24px;background: url(/inc/img/kr/renewal/ico_book_wh.svg) center center no-repeat;background-size: cover;} .ico_location{width: 24px;height: 24px;background: url(/inc/img/kr/renewal/ico_location_wh.svg) center center no-repeat;background-size: cover;} .ico_location.bk{background: url(/inc/img/kr/renewal/ico_location_bk.svg) center center no-repeat;background-size: cover;} .ico_location.gray{background: url(/inc/img/kr/renewal/ico_location_gray.svg) center center no-repeat;background-size: cover;} .ico_reservation{width: 24px;height: 24px;background: url(/inc/img/kr/renewal/ico_reservation_wh.svg) center center no-repeat;background-size: cover;} .ico_mall{width: 24px;height: 24px;background: url(/inc/img/kr/renewal/ico_mall_wh.svg) center center no-repeat;background-size: cover;} .ico_quick{width: 12px;height: 17px;background: url(/inc/img/kr/renewal/ico_quick_wh.svg) center center no-repeat;background-size: cover;} .ico_call.gray{width: 15px;height: 15px;background: url(/inc/img/kr/renewal/ico_call_gray.svg) center center no-repeat;background-size: cover;} .ico_box.gray{width: 24px;height: 24px;background: url(/inc/img/kr/renewal/ico_box_gray.svg) center center no-repeat;background-size: cover;} .ico_box.red{width: 24px;height: 24px;background: url(/inc/img/kr/renewal/ico_box_red.svg) center center no-repeat;background-size: cover;} @media screen and (hover: hover) and (pointer: fine) { .quick_wrap .list_quick>li:hover .ico_cs{background: url(/inc/img/kr/renewal/ico_cs_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li:hover .ico_book{background: url(/inc/img/kr/renewal/ico_book_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li:hover .ico_location{background: url(/inc/img/kr/renewal/ico_location_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li:hover .ico_reservation{background: url(/inc/img/kr/renewal/ico_reservation_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li:hover .ico_mall{background: url(/inc/img/kr/renewal/ico_mall_bk.svg) center center no-repeat;background-size: cover;} } /* quick_wrap btn_arrow */ .quick_wrap .btn_arrow{position: relative;margin-top: 20px;} .quick_wrap .top, .quick_wrap .bottom {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: #000;cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.2);} .quick_wrap .top{border-radius: 20px 20px 0 0;border-bottom:0} .quick_wrap .bottom{border-radius: 0 0 20px 20px;} .quick_wrap .top .ico, .quick_wrap .bottom .ico{display: block;width: 22px;height: 22px;background: url(/inc/img/kr/renewal/ico_down_wh.svg) center center no-repeat;background-size: cover;} .quick_wrap .top .ico{transform: rotate(180deg);} .quick_wrap .bottom .ico{transform: rotate(0deg);} /* header_wrap */ .header_wrap{position: fixed;top: 0;left: 0;width: 100%;display: flex;height: 97px;padding: 0 70px;background: #fff;z-index: 10000;} .header_wrap .logo{position: absolute;top: 22px;left: 70px;display: flex;align-items: center;} .header_wrap .logo .wh{display:none} .header_wrap .logo .bk{display:inline-block} .header_wrap.trans{background: transparent;} .header_wrap.trans .logo .wh{display:inline-block} .header_wrap.trans .logo .bk{display:none} .header_wrap.trans .list_gnb .gnb_nav{color:#fff} .header_wrap.trans .btn_search span{border-color: #fff;} .header_wrap.trans .ico_search:before{background-color:#fff;} .header_wrap[data-header="opened"]{background: #fff;} .header_wrap[data-header="opened"] .list_gnb .gnb_nav{color:#000} .header_wrap[data-header="opened"] .logo .wh{display:none} .header_wrap[data-header="opened"] .logo .bk{display:inline-block} .header_wrap[data-header="opened"] .btn_search span{border-color: #000;} .header_wrap[data-header="opened"] .ico_search:before{background-color:#000;} .header_wrap.scroll_down{background: #fff !important;border-bottom: 1px solid rgba(13, 13, 13, 0.05);} .header_wrap.scroll_down .logo .wh{display:none} .header_wrap.scroll_down .logo .bk{display:inline-block} .header_wrap.scroll_down .list_gnb .gnb_nav{color:#000} .header_wrap.scroll_down .btn_search span{border-color: #000;} .header_wrap.scroll_down .ico_search:before{background-color:#000;} .list_language{position: absolute;top: 36px;right: 70px} .list_language .btn_search{position:static;transform: none;margin-top: -3px;} .list_language .btn_search.active{display:none;} .list_language .ico_search{left: -2px;} .list_language .btn_close{position: absolute;top: -61px;right: 81px;width: 34px;height: 34px;margin-top: -3px;cursor: pointer;} .list_language .btn_close span{display: block;width: 32px;height: 2px;background-color: #000;} .list_language .btn_close span:nth-child(1) {transform: rotate(45deg);} .list_language .btn_close span:nth-child(2) {position: relative;top: -2px;transform: rotate(-45deg);} .list_language .btn_search.active + .btn_close{display:block;} .list_language>li{position: relative;padding: 0 11px;} .list_language>li:before {position: absolute;right: 0;top: 50%;transform: translateY(-50%);content: '';width: 1px;height: 13px;opacity: 0.2;background: #A7A7A7;} .list_language>li:last-child:before{display:none} .list_language>li a{border-bottom:2px solid transparent;font-size: 15px;color: #757575;} @media screen and (hover: hover) and (pointer: fine) { .list_language>li a:hover{border-bottom-color:#000;color:#000;font-weight: 500;} .list_language>li .btn_search:hover .ico_search.gray{border-color:#000;} .list_language>li .btn_search:hover .ico_search.gray:before{background: #000;} } /* hd_search */ .hd_search{display:none;position: fixed;top: 97px;left: 0;right:0;z-index: 8;width: 100%;background-color: #fff;transition: all 500ms ease;} .header_wrap .btn_ham{display:none;} .hd_search.active{display:block;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .hd_search .hd{width: 520px;margin: 0 auto;padding: 50px 0 30px;text-align: center;} .hd_search .hd h2{font-size: 28px;font-weight: bold} .hd_search .hd .hd_input{position: relative;margin-top: 30px;} .hd_search .hd .ipt_area{width:100%;height: 44px;line-height: 44px;padding-left: 0;padding-right: 36px;border-bottom:2px solid #000;outline: 0;} .hd_search .hd .btn_search{position: absolute !important;top:7px;right:0;margin-top: 0;} .hd_search .hd .btn_search.active{display:block} .hd_search .hd .ico_search{width: 16px;height: 16px;border-width: 2px;} .hd_search .hd .ico_search:before{bottom: -6px;right: -2px;width: 2px;height: 8px;} .hd_search .con{display: flex;flex-direction: column;width: 520px;margin: 0 auto; padding-bottom: 12px;text-align: left} .hd_search .con .one{display: flex;justify-content: center;gap: 40px;} .hd_search .con .one>li{position: relative;} .hd_search .con .one>li:before{position: absolute;top:5px;left:-20px;width:1px;height:14px;background-color: #A7A7A7;content:""} .hd_search .con .one>li:first-child:before{display:none} .hd_search .con .one>li a{font-size: 16px;color:#000;font-weight: 500} .hd_search .con .one>li a:hover{border-bottom-color:transparent} .hd_search .con .two{margin-top: 34px;} .hd_search .con .two>h3{font-size: 16px;font-weight: 500;} .hd_search .con .two>h3 span{margin-left:6px;color:#757575;font-size: 13px;} .hd_search .con .two ul{display: flex;gap:10px;margin-top: 12px;} .hd_search .con .two ul>li{position: relative;display: flex;align-items: center;gap: 8px;flex-wrap: wrap;} .hd_search .con .two ul>li span, .hd_search .con .two ul>li button{display: inline-block;font-size: 15px;line-height: 25px;background: #ebebeb;border-radius: 14px;padding: 0px 6px;} .hd_search .con .two ul>li .date{display:none;position: absolute;top: 3px;right: 25px;color: #757575;font-size: 14px;} .hd_search .con .two ul>li .ico_clock{display: inline-block;display:none;padding:7px;border-radius: 20px;background: #ebebeb;} .hd_search .con .two ul>li .ico_clock:before{display: block;width:18px;height: 18px;background: url(/inc/img/kr/renewal/ico_clock_gray.svg) center center no-repeat;background-size: cover;content:"";} .hd_search .con .two ul>li .ico_close{position: absolute;top: -5px;right: 10px; width: 12px;height: 12px;padding: 0;cursor: pointer;background: transparent;} .hd_search .con .two ul>li .ico_close span{display: block;width: 12px;height: 1px;background-color: #000;border-radius: 0;padding: 0;} .hd_search .con .two ul>li .ico_close span:nth-child(1) {transform: rotate(45deg);} .hd_search .con .two ul>li .ico_close span:nth-child(2) {position: relative;top: -1px;transform: rotate(-45deg);} .hd_search .con .three {display: flex;align-items: center;justify-content: flex-end;padding-top: 20px;} .hd_search .con .three>h4{display:inline-block;margin-right:6px;font-size: 14px;} .hd_search .con .three>h4 .tit{font-weight: 500} .hd_search .btn_colse{color: #757575;font-size: 14px;} .hd_search .ico_switch, .hd_search .bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .hd_search .bg {width: 100%;background-color: #d2d2d2;transition: 0.3s ease all;z-index: 1;} .hd_search .btn_saveCheck {overflow: hidden;position: relative;top: 1px;width: 34px;height: 20px;border-radius: 50px;} .hd_search .ico_switch {z-index: 2;} .hd_search .ico_switch:before, .hd_search .ico_switch:after {position: absolute;top: 1px;left: 1px;width: 18px;height: 18px;background-color: #fff;border-radius: 50%;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;font-weight: bold;line-height: 1;} .hd_search .ico_switch:before {content: '';} .hd_search .ico_switch:after {right: -50px;left: auto;content: '';} .hd_search input[type="checkbox"] {position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;} .hd_search input[type="checkbox"]:checked + .ico_switch:before {left: -50px;} .hd_search input[type="checkbox"]:checked + .ico_switch:after {right: 1px;} .hd_search input[type="checkbox"]:checked ~ .bg {background-color: #333;} /* header_wrap */ .header_wrap .gnb_wrap{width: 100%;} .header_wrap .list_gnb{display: flex;justify-content: center;text-align: center;transition: 0.4s;} .header_wrap .list_gnb>li{padding: 0 26px;} .header_wrap .list_gnb>li .gnb_nav{position: relative;display: block;line-height: 97px;font-size: 17px;font-weight: 400;z-index: 10;color:#000;} .header_wrap .list_gnb>li .gnb_nav:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 2.5px;background: #fff;content: '';opacity: 0;transition: 0.5s;} @media screen and (hover: hover) and (pointer: fine) { .header_wrap .list_gnb>li:hover .gnb_nav, .header_wrap .list_gnb>li.active .gnb_nav, .header_wrap .list_gnb>li.on .gnb_nav{color:#000;font-weight: 600} .header_wrap .list_gnb>li:hover .gnb_nav:after, .header_wrap .list_gnb>li.active .gnb_nav:after, .header_wrap .list_gnb>li.on .gnb_nav:after{background: #000;opacity: 1} .header_wrap.trans .list_gnb>li.on .gnb_nav{color:#fff;} .header_wrap.trans .list_gnb>li.on .gnb_nav:after{background:#fff} .header_wrap[data-header="opened"].trans .list_gnb>li.on .gnb_nav{color:#000;} .header_wrap[data-header="opened"].trans .list_gnb>li.on .gnb_nav:after{background:#000;} } /* submenu_wrap */ .submenu_wrap{display:none;position: absolute; top: 97px;left: 0;width: 100%;height: 0;z-index: 9;transition: height 0.5s ease;overflow: hidden;background: #fff;border-bottom: 1px solid #e5e5e5;} .submenu_wrap.active{display:flex;height:auto;min-height: 300px;justify-content: center;border-top: 1px solid #e5e5e5} .submenu_wrap div{padding: 20px 26px 30px;} .submenu_wrap div i{display: inline-block;font-style: normal;} .sub_nav{padding-bottom:16px;} .sub_nav a{font-size: 17px;} .list_sub>li a{display: block;font-size: 16px;line-height: 2.5;} @media screen and (hover: hover) and (pointer: fine) { .sub_nav:hover a{font-weight: 500 !important;} .sub_nav:hover a .font_gs_m{font-weight: 500 !important;} .list_sub>li:hover a{font-weight: 500} } /* sub_header */ .sub_header{position: relative;padding-top: 97px;padding-bottom:100px;} /* tab_wrap */ .tab_wrap{background-color: #fff;} .list_tab{display:flex;justify-content: center;width: 1190px;margin: 0 auto;} .list_tab li{position: relative;text-align: center;width: calc(100% / 3);margin-top: -3px;} .list_tab li::after {position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: block;clear: both;width: 1px;height: 40px;background-color: rgba(13, 13, 13, 0.2);content: '';} .list_tab li:first-child::after{display:none;} .list_tab li.active a{border-bottom: 2.5px solid #000;} .list_tab li a{position: relative;display: inline-block;font-size: 17px;font-weight: 600;cursor: pointer;line-height: 95px;transition: all .3s;} /* tab_wrap black */ .tab_wrap.sub{margin-bottom:100px;background: #232326} .tab_wrap.sub .list_tab li{width: auto;margin: 0;border: 0;} .tab_wrap.sub .list_tab li:after{display:none} .tab_wrap.sub .list_tab li a{display:inline-block;padding-left:24px;padding-right:24px;font-weight: 600;font-size: 17px;line-height:74px;color: #fff;border-bottom:2.5px solid transparent;opacity: .3;transition: all ease .35s;} .tab_wrap.sub .list_tab li:hover a, .tab_wrap.sub .list_tab li.active a{opacity: 1;} .tab_wrap.sub .list_tab li.active a{border-bottom-color:#fff;} .tab_sub_detail{margin-top: -60px;margin-bottom: 70px;} .tab_sub_detail .con_area{position: relative;overflow: hidden;z-index: 1;touch-action: pan-y;} .tab_sub_detail .list_con {margin:0 auto;justify-content: center;} .tab_sub_detail .list_con:after{display: block;clear: both;content:""} .tab_sub_detail .list_con li{position: relative;width:auto !important} .tab_sub_detail .list_con li:after{position:absolute;top:14px;left:0;width:1px;height:18px;background-color: #d5d5d5;content:""} .tab_sub_detail .list_con li:first-child:after{display:none;} .tab_sub_detail .list_con li>a{display: block;height: 44px;text-align: center;padding: 0 18px;line-height: 44px;border-radius: 3px;font-size: 17px;color: #151515;font-weight: 600;opacity: .3;transition: all ease .35s;} .tab_sub_detail .list_con li:hover a, .tab_sub_detail .list_con li.active a{opacity: 1;} .tab_wrap.sub.gray {background-color: #f1f1f1} .tab_wrap.sub.gray .list_tab li a{border-bottom-color: #f1f1f1;color: #151515;} /* banner_wrap */ .banner_wrap{overflow: hidden;} .banner_area{overflow: hidden;position: relative;width:100%;} .banner_area:after{position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.25);content:""} .banner_area.product{background: url(/inc/img/kr/renewal/data/bg_data_product.png) center center no-repeat;background-attachment: fixed;background-size: cover;} .banner_area.certificate{background: url(/inc/img/kr/renewal/data/bg_data_certificate.png) center center no-repeat;background-attachment: fixed;background-size: cover;} .banner_area.reference{background: url(/inc/img/kr/renewal/data/bg_data_reference.png) center center no-repeat;background-attachment: fixed;background-size: cover;} .banner_area .tit_area{position: relative;display: flex;flex-direction: column;justify-content: center;height: 580px;z-index: 1;} .banner_area .tit_area .txt_main, .banner_area .tit_area .txt_sub, .banner_area .tit_area .txt_info{color: #fff;} .banner_area .tit_area .txt_sub{margin-top: 20px;} .banner_area .tit_area .txt_info{font-size: 16px;letter-spacing: 0;} .certificate .tab_wrap.sub{margin-bottom:0;} /* search_area */ .search_area{position: relative;margin-bottom: 60px;text-align: right;} .search_area input[type="text"]{background:transparent;width:420px;height: 48px;padding-right:48px;border-bottom: 2px solid #000;font-size: 18px;outline: 0;} .search_area input[type="text"]::placeholder{font-size: 18px} .btn_search{position: absolute;top: 50%;right: 10px;transform: translateY(-50%);width: 34px;height: 34px;cursor: pointer;z-index: 1} .btn_search span{line-height: 48px;font-size: 18px} .ico_search{position: relative;display: inline-block;width: 20px;height: 20px;border:3px solid #000;border-radius: 50%;} .ico_search:before{display: block;position: absolute;bottom: -10px;right: -4px;width:3px;height:12px;background: #000;transform: rotate(-45deg);content:""} .ico_search.gray{border-color:#757575;} .ico_search.gray:before{background: #757575;} /* select2 */ .search_area>form{display: inline-block} #find_account{width: 420px !important;height: 48px !important;} .select2-container .select2-selection{height: 48px !important;} .select2-container--default .select2-selection--single{border:0 !important;border-bottom: 2px solid #000 !important;border-radius: 0 !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{text-align: left;line-height: 48px !important;font-size: 18px;} .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;} .sch_text{margin-bottom: 10px;} .sch_text p{font-size: 18px;} .sch_text .sch_word,.sch_text .sch_total{font-weight:bold} /* reference */ .list_reference{display: flex;flex-wrap: wrap;gap: 40px 20px;} .list_reference>li{position:relative;width: calc( (100% - 60px) / 4);text-align: center} .list_reference>li .tit_area h4{overflow: hidden;display:inline-block;margin-top: 18px;font-size:17px;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom:1px solid transparent} .list_reference>li .img_area{position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;border-radius: 4px;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15)} .list_reference>li .img_area>img{width:100%;} .list_reference>li .img_area .bg{display: block;position: absolute;top: 0;left: 0;width: 74px;height: 100%;transition: all 500ms ease;background-color: rgba(0,0,0,.5);z-index: 1;} .list_reference>li .btn_ebook{transition: all 500ms ease;font-size: 44px;} .list_reference>li .btn_ebook>span{position: relative;top: 51px;left: -25px;display:inline-block;transform: rotate(90deg);color:#fff;} .list_reference>li .btn_ebook:hover>span{display:inline-block;background-color: #fff;color:#000 !important;font-weight: bold} .list_reference>li .btn_Download{position: relative;top: 83px;left: -57px;display:inline-block;transform: rotate(90deg);transition: all 500ms ease;font-size: 42px;cursor: default;} .list_reference>li .btn_Download>span{color:#fff;} .list_reference>li .list_dwn{display:none;} .list_reference>li .list_dwn>li a{display:inline-block;width:210px;height:54px;line-height:54px;color:#fff;font-size:16px;border-radius: 3px;border: 2px solid #fff;background-color: transparent} .list_reference>li .list_dwn>li:hover a{background-color: #fff;text-decoration: none;color:#000;font-weight: bold} .list_reference>li:hover .tit_area h4{font-weight: bold;border-bottom-color:#000} .list_reference>li .img_area:hover .bg, .list_reference>li .img_area.active .bg{width:100%} .list_reference>li .img_area:hover .bg>div{display: flex;align-items: center;flex-direction: column;justify-content: center;height: 100%;} .list_reference>li .img_area:hover .btn_ebook>span{transform: rotate(0deg);top: 0;left: 0;border: 2px solid #fff;margin-bottom: 20px;width:210px;height:54px;line-height:54px;color:#fff;font-size:16px;border-radius: 3px;} .list_reference>li .img_area:hover .btn_Download{display:none;} .list_reference>li .img_area:hover .list_dwn{display: flex;flex-direction: column;gap: 20px;} /* product */ .product{display: flex;justify-content: center;flex-direction: column;} .product .main{position: relative;display: flex;height:600px} .product .main:after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.2);content: "";} .product .main .space{width: 50%;} .product .main .bg{width: 50%;height: 100%;background-position: left bottom;background-repeat: no-repeat;} .product .main .tit_area{position: absolute;top:50%;left: 50%;transform: translate(-50%, calc(-50% + 20px));display: flex;flex-direction: column;justify-content: center;height: 100%;z-index: 1;text-align:left} .product .main .tit_area h2{font-size: 52px;color:#fff;line-height: 1.2;text-transform: uppercase;} .product .main .tit_area p{margin-top: 20px;font-size: 19px;color:#fff} .product .main.depthA{background-color: #EBE5DB} .product .main.depthA .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_A.png)} .product .main.depthA .tit_area h2{text-transform: none;} .product .main.depthB{background-color: #8AA1B7} .product .main.depthB .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_B.png)} .product .main.depthC{background-color: #E5DAC9} .product .main.depthC .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_C.png)} .product .main.depthD{background-color: #9e998c} .product .main.depthD .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_D.png)} .product .main.depthE{background-color: #8c847c} .product .main.depthE .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_E.png)} .product .main.depthF{background-color: #7D8981} .product .main.depthF .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_F.png)} .product .main.depthG{background-color: #B3A585} .product .main.depthG .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_G.png)} .product .main.depthH{background-color: #9DA49F} .product .main.depthH .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_H.png)} .product .main.depthI{background-color: #58595B} .product .main.depthI .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_I.png)} .product .main.depthJ{background-color: #000000} .product .main.depthJ .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_J.png)} .product .main.depthK{background-color: #9DA49F} .product .main.depthK .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_K.png)} .product .main.depthL{background-color: #C7B7B3} .product .main.depthL .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_L.png)} .product .main.depthM{background-color: #759AA6} .product .main.depthM .bg{background-image: url(/inc/img/kr/renewal/product/bg_prd_depth_M.png)} .prd_nav{width:220px;} .list_nav{margin-top:60px} .list_nav:first-child{margin-top:0} .list_nav h3{padding-bottom: 6px;border-bottom:2.5px solid #000;font-weight: 500;} .list_nav h4{padding-top: 30px;font-size: 16px;font-weight: 600} .list_nav h4.filter_tit .label_area span{font-size: 16px;font-weight: 600;} .list_nav ul{padding-top: 26px;} .list_nav ul>li{padding-top: 10px;padding-bottom: 10px;} .list_nav ul>li:first-child{padding-top:0;} .list_nav ul>li span{display:block;font-size: 16px;} .list_nav ul>li span .ico_cnt{margin-left:6px;} .list_nav ul>li button{width:100%;text-align: left;outline: 0;} .list_nav ul>li.active span{font-weight: 600} .list_nav ul>li.active span .ico_cnt{background-color:#000;color:#fff;font-weight: 600} .ico_cnt{margin-left:6px;padding:2px 6px;border-radius: 3px;background-color: #e4e4e4;font-style: normal;font-size: 13px;} .list_nav.category h5{display:none} .list_nav h3{position: relative;} .list_nav .btn_category, .list_nav .btn_filter{position: absolute;top:0;right:0;display: inline-block;width: 20px;height: 40px;} .list_nav .btn_category:before, .list_nav .btn_filter:before{position: absolute;top: 15px;right:4px;display: block;width:12px;height:2px;background: #000;content:""} .list_nav .btn_category:after, .list_nav .btn_filter:after{position: absolute;top: 15px;right: 4px;transform: rotate(90deg);display: block;width:12px;height:2px;background: #000;content:""} .list_nav .btn_category.active:after, .list_nav .btn_filter.active:after{display:none} .list_nav.filter ul{padding-top: 4px} .list_nav.filter ul>li{padding-top: 14px;padding-bottom: 14px;border-bottom: 1px solid #e4e4e4} .list_nav.filter ul>li span{font-size: 16px;} .label_area{position: relative;} .label_area input[type="checkbox"], .label_area input[type="radio"]{display: none;} .label_area input[type="checkbox"]:checked ~ p, .label_area input[type="radio"]:checked ~ p{background-color:#000;border-color:#000;} .label_area input[type="checkbox"]:checked ~ p>i, .label_area input[type="radio"]:checked ~ p>i{width: 18px;height: 18px;background: url(/inc/img/kr/renewal/ico_check_wh.svg) center center no-repeat;background-size: cover;} .label_area span {display: inline-block;width: 100%;font-size: 15px;cursor: pointer;} .label_area p{position: absolute;top:0;right:0;width: 20px;height: 20px;border: 1px solid #e4e4e4;border-radius: 3px;background: #fff} .label_area p i{display: inline-block;width: 18px;height: 18px;background:url(/inc/img/kr/renewal/ico_check_gray.svg) center center no-repeat;background-size: cover;} .prd_wrap{display: flex;width: 100%;padding-top:80px;overflow: visible;} .prd_area{width: calc(100% - 220px);padding-left: 60px;} .prd_area .tit_area h2{margin-bottom: 25px;} .prd_area .tit_area h2>span{font-size: 40px;font-weight: 200;} .prd_area .tit_area .pd_total{display:inline-block;padding-left: 10px;font-size: 18px;} .prd_area .tit_area .pd_total>b{font-weight: 400} .prd_area .prd_select{display: flex;justify-content: space-between;border: 1px solid #e4e4e4;border-radius: 3px;} .prd_select>select{position: relative;padding: 0 30px 0 12px;border: 0;border-left: 1px solid #e4e4e4;cursor: pointer;outline: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/inc/img/kr/renewal/ico_arrow_bottom_gray.svg) no-repeat right 3px center;font-size:15px;font-weight: 300;min-height: 42px;} .prd_area .prd_select .swiper-wrapper{overflow: visible;} .prd_area .prd_select .swiper-wrapper .swiper-slide{width: auto;} .prd_area .prd_select .select_con{position: relative;overflow: hidden;width: 100%;height: 100%;} .prd_area .prd_select .select_con::after{position: absolute;top: 0;width: 5%;height: 100%;content: '';background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 46%, rgba(255, 255, 255, 0) 100%);pointer-events: none;z-index: 3;} /* .prd_area .prd_select .select_con::before {left:0;width: 2%;} */ .prd_area .prd_select .select_con::after {right:0;transform: scaleX(-1);} .prd_area .prd_select .select_con ul>li{position: relative;padding: 0 40px;text-align: center;} .prd_area .prd_select .select_con ul>li:before{position: absolute;top: 13px;right: 0px;width: 1px;height: 18px;background: #e4e4e4;content: "";} .prd_area .prd_select .select_con ul>li:last-child:before{display:none} .prd_area .prd_select .select_con ul>li.active span{font-weight: 600} .prd_area .prd_select .select_con ul>li.active .ico_cnt{background-color:#000;color:#fff;font-weight: 600} .prd_area .prd_select .select_con ul>li>a{display:inline-block;} .prd_area .prd_select .select_con ul>li>a span{display: inline-block;height: 42px;line-height: 42px;font-size: 16px;letter-spacing: -1px;} .prd_area .prd_select .select_con .swiper-button-next, .prd_area .prd_select .select_con .swiper-button-prev{display: inline-block;width: 34px;height: 34px;border-radius: 50%;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.14);margin-top: -17px;} .prd_area .prd_select .select_con .swiper-button-next{background: #fff url(/inc/img/kr/renewal/ico_arrow_bottom_gray.svg) no-repeat center center;transform: rotate(-90deg);} .prd_area .prd_select .select_con .swiper-button-prev{background: #fff url(/inc/img/kr/renewal/ico_arrow_bottom_gray.svg) no-repeat center center;transform: rotate(90deg);} .prd_area .prd_select .select_con .swiper-button-next:after, .prd_area .prd_select .select_con .swiper-button-prev:after {display:none;} .prd_area .prd_select .select_con .swiper-button-next.swiper-button-disabled, .prd_area .prd_select .select_con .swiper-button-prev.swiper-button-disabled {opacity: 0;} .list_prd{display: flex;flex-wrap: wrap;gap: 32px 16px;margin-top: 40px;} .list_prd>li{overflow: hidden;position: relative;width:calc((100% - 48px) /4);border:1px solid #e4e4e4;border-radius: 3px;} .list_prd>li a{display: block;} .list_prd>li:hover{border-color:#757575;} .list_prd>li.active{border-color:#000;} .list_prd>li.no_data{width:100%;height: 300px;line-height: 300px;text-align: center;font-size: 18px;font-weight: 400;} .list_prd>li.no_data:hover{border-color:#e4e4e4} .list_prd>li:hover .img_area>img{transform: translate(-50%, -50%) scale(1.05);transition: all 0.8s;} .list_prd>li:hover .tit_area>h3 span{border-bottom-color:#000} .list_prd>li:hover .btn_prd span{background: #757575;color:#fff} .list_prd>li .img_area{overflow: hidden;position: relative;width:100%;height:306px;} .list_prd>li .img_area>img{display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;height:auto} .list_prd>li .img_area.height>img{width:auto;height:100%;} .list_prd>li .tit_area{display: flex;flex-direction: column;padding:18px} .list_prd>li .tit_area>h3{margin-top: 7px;margin-bottom: 4px;} .list_prd>li .tit_area>h3 span{display: inline-block;font-size: 25px;line-height: 32px;border-bottom:1px solid transparent;} .list_prd>li .tit_area>p{font-size: 17px;color: #767676;} .list_prd>li .hash_area{display: flex;flex-wrap: wrap;gap: 2px 6px;padding-top:10px;} .list_prd>li .ico_hash{display:inline-block;padding:3px 10px;background:#f2f2f2;border-radius: 3px;color:#757575;font-size: 14px !important;font-weight: 400;} .btn_prd{position: static;display: block;width: calc(100% - 36px);margin-bottom: 18px;margin-left: 18px;margin-right: 18px;text-align: center;} .btn_prd span {padding: 6px 10px;border-radius: 3px;background: #e4e4e4;} .btn_prd p{top:10px;right:10px;} .btn_prd input[type="checkbox"]:checked + span, .btn_prd input[type="checkbox"].active + span{background-color:#000;color:#fff} /* list_category */ .list_category{display: flex;justify-content: flex-end;margin-top: 80px;} .list_category li{position: relative;padding-left:15px;padding-right:15px;} .list_category li:before{position: absolute;top: 50%;left:0;width:1px;height:20px;background: #e4e4e4;content:"";transform: translateY(-50%);} .list_category li:first-child::before{display:none;} .list_category a{display: flex;align-items: center;gap: 6px;font-size:17px;font-weight: 400} .list_category .ico_arrow_bottom{display: inline-block;width: 24px;height: 24px;background: url(/inc/img/kr/renewal/ico_arrow_bottom_bk.svg) no-repeat 50% -1px;border: 2px solid #000;border-radius: 50%;} /* intro_area */ .view.sub_header{padding-bottom:0;} .view .intro_area{display: flex;align-items: flex-start;justify-content: space-between;padding-top: 100px;} .view .intro_area .intro_con{position: relative;} .view .intro_area .list_intro{overflow: hidden;width:620px;height:620px;} .view .intro_area .swiper-slide {background-size: cover;background-position: center;} .view .intro_area .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;} .view .intro_area .swiper-slide img{display: block;width: 100%;} .view .intro_area .swiper-slide.height>img {width: auto;height: 100%;} .view .intro_area .swiper-slide.no_img{overflow: hidden;border-radius: 3px;border:1px solid #e4e4e4} .view .intro_area .list_thumb{position: absolute;top:12px;left:14px;width: 120px;} .view .intro_area .list_thumb .swiper-wrapper{display: flex;flex-direction: column;gap: 10px;} .view .intro_area .list_thumb .swiper-slide {overflow: hidden;width: 60px; height: 60px;box-sizing: border-box;border: 1px solid #000;border-radius: 3px;opacity: 0.4;} .view .intro_area .list_thumb .swiper-slide.height>img {width: auto;height: 100%;} .view .intro_area .list_thumb .swiper-slide-thumb-active {opacity: 1;} .view .intro_area .tit_area{padding-top:26px;padding-left: 18px;width: calc(100% - (620px + 88px));border-top:2px solid #000} .view .intro_area .tit_area>h2{display: flex;align-items: center;font-size: 42px;} .view .intro_area .tit_area>p{font-size: 22px;} .view .intro_area .line{display:block;width:100%;height:1px;margin-top: 26px;margin-bottom: 26px;background: #e4e4e4;} .view .intro_area .list_info>li{position: relative;display: flex;margin-top: 12px;padding-left: 8px;} .view .intro_area .list_info>li:before{position: absolute;top:10px;left:0;width:3px;height:3px;background: #000;border-radius: 50%;content:"";} .view .intro_area .list_info>li:first-child{margin-top: 0;} .view .intro_area .list_info h4{display:inline-block;min-width:120px;margin-right: 4px;font-weight: 500;} .view .intro_area .list_info h4, .view .intro_area .list_info p{font-size: 18px;} .view .intro_area .down{margin-top:40px;margin-left: -18px;padding:16px 18px;background: #f4f4f4;border-radius: 4px;} .view .intro_area .down h3{display:block;margin-bottom:14px;padding-bottom: 3px;border-bottom:1px solid #e4e4e4;font-size: 19px;font-weight: 500;color:#474747} .view .intro_area .down .list_info{display: flex;flex-direction: column;} .view .intro_area .down .list_info>li{display: inline-flex;align-items: center;} .down_con{display:flex;flex-wrap: wrap;gap: 10px;width: calc(100% - 120px);} .view .intro_area .down .list_info>li:before{top:50%;transform: translateY(-50%);} .down_con>li{width: calc((100% - 20px) / 3)} .down_con>li .btn_dwn{display: flex;align-items: center;justify-content: space-between;width:100%;padding:2px 8px;font-size: 17px;} .down_con>li .btn_dwn:after{position:static} .down_con>li .btn_dwn:hover span{color:#fff} .features_con{max-width: 1200px;margin: 0 auto;padding-top: 100px;text-align: center;} .features_con h3{margin: 30px 0 60px;font-size: 36px;font-weight: 500;} .features_con .img_area>img{width: 100%;} /* identity */ .identity{text-align: center;} .identity .tit_area{position: relative;display: flex;flex-direction: column;justify-content: center;height: 100vh;background: #fff;z-index: 1;} .identity .tit_area h2{font-size: 22px;font-weight: bold} .identity .tit_area h2>img{width: 240px;margin-left: 16px;padding-bottom:26px;} .identity .tit_area div{padding-top:16px;padding-bottom: 30px;} .identity .tit_area div h3{font-weight: bold} .identity .tit_area div h3, .identity .tit_area div h4{font-size: 34px;line-height: 1.4;} .identity .tit_area div h4{font-weight: 600 !important;} .identity .tit_area p{font-size: 20px;line-height: 2.1;} .identity .tit_area p i{display:inline-block;font-style: normal;} /* identity main */ .identity .main{display: flex;flex-direction: column;justify-content: center;height: calc(100vh - 97px);margin-top:97px;} .identity .main_area{position: relative;} .identity .main_area .bg{width:860px;animation: leaves 1.2s ease-in;} @keyframes leaves { 0% { transform: scale(1.1); opacity: .6; } 100% { transform: scale(1.0); opacity: 1; } } .identity .main_area .main_txt>li{position: absolute;left: 50%;transform: translateX(-50%);} .identity .main_area .main_txt>li img{width: 240px;} .identity .main_area .main_txt>li:nth-child(1){top:202px;margin-left: -312px} .identity .main_area .main_txt>li:nth-child(2){top:110px;left: auto;right: 50%;margin-right:-596px} .identity .main_area .main_txt>li:nth-child(3){top:364px;margin-left:-413px;} .identity .main_area .main_txt>li:nth-child(4){top:264px;margin-left:213px} .identity .main_area .main_txt>li:nth-child(5){top:386px;margin-left:-23px} /* identity story */ .identity .story{overflow: hidden;} .identity .story .bg{height: 100vh;background: url(/inc/img/kr/renewal/brand/bg_identity_story.png) center center no-repeat;background-size: cover;} .identity .story .tit_area{position: relative;height: 100%;background: transparent;} .identity .story .btn_scroll{position: absolute;bottom:3vw;left:50%;transform:translateX(-50%);padding-bottom: 22px;font-size: 15px;outline: 0} .identity .story .btn_scroll:before{position: absolute;bottom:0;left:50%;margin-left:-14px;width:28px;height:16px;background:url(/inc/img/kr/renewal/brand/ico_bottom_bk.png) center center no-repeat;background-size: cover;content:"";animation: scrollDown ease 1.6s infinite;} @keyframes scrollDown { 0% { opacity: 0; transform: translateY(-10px); } 50% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } .identity .list_story{display: flex;flex-wrap: wrap;gap:10px;margin-bottom:10px;background: #fff;} .identity .pin-spacer:last-child .list_story{margin-bottom:0} .identity .list_story>li{position: relative;width:calc((100% - 20px) / 3)} .identity .list_story>li.hover img{position: absolute;top:0;left:0;top:0;} .identity .list_story>li.hover img.on{opacity:0;transition: all 0.7s} .identity .list_story>li.hover:hover{cursor: pointer;} .identity .list_story>li.hover:hover img{opacity:0;transition: all 2s} .identity .list_story>li.hover:hover img.on{opacity:1;} /* identity prologue */ .identity .list_prologue{position: relative;overflow: hidden;padding-bottom: 42px;} .identity .list_prologue .swiper-wrapper {transition-timing-function: linear;} .identity .list_prologue .swiper-slide img{width:100%} .identity .list_prologue .swiper-slide {opacity: 0.5} .identity .list_prologue .swiper-slide-active{opacity: 1;} .identity .list_prologue .swiper-button-next, .identity .list_prologue .swiper-button-prev{top: 44%;width:24px;height:50px;} .identity .list_prologue .swiper-button-next:after, .identity .list_prologue .swiper-button-prev:after{display: none} .identity .list_prologue .swiper-button-next{right: 31vw;background: url(/inc/img/kr/renewal/brand/ico_next_wh.png) center center no-repeat;background-size: cover;} .identity .list_prologue .swiper-button-prev{left: 31vw;background: url(/inc/img/kr/renewal/brand/ico_prev_wh.png) center center no-repeat;background-size: cover;} .identity .list_prologue .swiper-scrollbar{bottom: 0;width: 1158px;margin: 0 auto;height: 3px;left: 50%;transform: translateX(-50%);background: #ececec;border-radius: 0;} .identity .list_prologue .swiper-scrollbar-drag{background:#000;border-radius: 0;} /* identity epilogue */ .identity .epilogue{margin-bottom: -120px;} .identity .epilogue .tit_area h2>img{margin-left:0;} .identity .epilogue .bg{background: #e4dac9} /* ci */ .bg_wh{background-color: #fff} .bg_bk{background-color: #000} .bg_bk_middle{background-color: #272727} .bg_gray{background-color: #58595b} .bg_gray_light{background-color: #dcdddf} .bg_grid{background: url(/inc/img/kr/renewal/brand/bg_ci_3.png) repeat;} .ci .main{height:100vh;position: relative;background: url(/inc/img/kr/renewal/brand/bg_ci_main.png) center center no-repeat;background-size: cover;animation: leaves 1.2s ease-in;} .ci .main:after{position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.15);content:""} .ci .ci_wrap{width:1190px;margin: 0 auto;} .ci .ci_area{padding-top:200px;padding-bottom:40px} .ci .ci_area>li{margin-top:280px;} .ci .ci_area>li:first-child{margin-top:0;} .ci .ci_area>li .tit_area h2{font-size: 44px;line-height: 1.4;} .ci .ci_area>li .tit_area p{margin-top:40px;font-size: 21px;line-height: 1.9;} .ci .ci_area>li .tit_area i{font-style: normal;} .ci .ci_area>li .img_area{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top:60px;} .ci .ci_area>li .btn_dwn_line{margin-top:40px;margin-bottom: 100px;} .ci .ci_area>li .btn_dwn_line.middle{width:310px;} .ci .ci_area>li .btn_center{margin-top: 180px;text-align: center;} .ci .ci_area>li .logotype{height:540px;} .ci .ci_area>li .logotype img{width: 540px;} .ci .ci_area>li .isolation{height:900px;} .ci .ci_area>li .isolation img{width: 1060px;} .ci .ci_area>li .symbol{height:540px;} .ci .ci_area>li .symbol img{width: 100px;} .ci .ci_area>li .isolation_s{width:760px;height:700px;} .ci .ci_area>li .isolation_s img{width: 600px;} .ci .ci_area>li .brand_logo{align-items: flex-start;} .ci .ci_area>li .brand_logo ul{display:flex;justify-content: space-between;width: 100%;margin-top:60px} .ci .ci_area>li .primary{align-items: flex-start;} .ci .ci_area>li .primary h3{font-size: 28px} .ci .ci_area>li .primary ul{display:grid;grid-template-rows: repeat(2, 550px);;grid-template-columns: repeat(2, 50%);width: 100%;margin-top:60px} .ci .ci_area>li .primary ul>li{display: flex;flex-direction: column;justify-content: space-between;padding: 40px;padding-bottom: 30px;} .ci .ci_area>li .primary ul>li:nth-child(1){grid-column: span 2;} .ci .ci_area>li .primary ul>li h5{font-family: 'GeneralSans-Variable';font-weight: 500;font-size: 26px} .ci .ci_area>li .primary ul>li p{font-family: 'GeneralSans-Variable';font-weight: 500;font-size: 21px} .ci .ci_area>li .primary .bg_bk h5, .ci .ci_area>li .primary .bg_bk p, .ci .ci_area>li .primary .bg_gray p{color: #fff} .ci .ci_area>li .primary .bg_wh{border: 1px solid #58595b;border-top: 0;border-radius: 0;} .ci .ci_area>li .background{align-items: flex-start;margin-top: 260px !important;} .ci .ci_area>li .background h3{font-size: 28px} .ci .ci_area>li .background ul{display:flex;flex-direction: column;gap:70px;width: 100%;} .ci .ci_area>li .background ul>li{display:flex;justify-content: space-between;gap: 50px;} .ci .ci_area>li .background ul>li>div{display: flex;flex-direction: column;justify-content: flex-end;width:100%} .ci .ci_area>li .background ul>li>div h4{margin-top: 80px;margin-bottom: 30px;font-size: 28px;} .ci .ci_area>li .background ul>li>div h5{margin-bottom: 14px;font-weight: 300;font-size: 22px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two{display: flex;flex-direction: column;justify-content: flex-end;height: 200px;padding: 20px 30px;font-size: 20px;} .ci .ci_area>li .background ul>li .one>p, .ci .ci_area>li .background ul>li .two>p{font-family: 'GeneralSans-Variable';font-weight: 500;letter-spacing: 1px;} .ci .ci_area>li .background ul>li .one>p:nth-child(2), .ci .ci_area>li .background ul>li .two>p:nth-child(2){letter-spacing: 2.5px;} .ci .ci_area>li .background ul>li .two>p{color:#fff} .ci .ci_area>li .background ul>li.hideout .one{background-color: #e4dbc9} .ci .ci_area>li .background ul>li.hideout .two{background-color: #b4a585} .ci .ci_area>li .background ul>li.release .one{background-color: #eec9b2} .ci .ci_area>li .background ul>li.release .two{background-color: #bc8173} .ci .ci_area>li .background ul>li.immersion .one{background-color: #8aa2b8} .ci .ci_area>li .background ul>li.immersion .two{background-color: #3c7a8d} .ci .ci_area>li .background ul>li.rest .one{background-color: #7f8b82} .ci .ci_area>li .background ul>li.rest .two{background-color: #517163} .ci .ci_area>li .background ul>li.mindful .one{background-color: #818285} .ci .ci_area>li .background ul>li.mindful .two{background-color: #58585a} .ci .ci_area>li .recommended{align-items: flex-start;} .ci .ci_area>li .recommended ul{display: flex;} .ci .ci_area>li .recommended ul>li{padding:0 20px 0 30px;} .ci .ci_area>li .recommended ul>li:first-child{padding-left:0;} .ci .ci_area>li .recommended ul>li div{position: relative;margin-top:48px;} .ci .ci_area>li .recommended ul>li div:before{position: absolute;top:0;left:-30px;width: 1px;height: 100%;background: #969999;content:""} .ci .ci_area>li .recommended ul>li:first-child div:before{display: none} .ci .ci_area>li .usage ul{display: flex;flex-wrap: wrap;gap: 98px 20px;justify-content: space-between;} .ci .ci_area>li .usage ul>li{width:calc((100% - 40px) / 3)} .ci .ci_area>li .usage ul>li p{margin-top: 24px;font-size: 20px;} .ci .ci_area>li .usage ul>li img{width:100%} /* renewal_main */ .renewal_main .btn_arrow{display: flex;font-size: 18px;} .renewal_main .btn_arrow:after{position: relative;top: 2px;display: block;width:24px;height:24px;margin-left: 3px;background:url(/inc/img/kr/renewal/main/ico_arrow_right_bk.png);background-size: cover;content:""} .renewal_main .btn_arrow.wh{display: flex;font-size: 18px;color:#fff} .renewal_main .btn_arrow.wh:after{background:url(/inc/img/kr/renewal/main/ico_arrow_right_wh.png);background-size: cover;} .renewal_main .btn_arrow.large:after{top: -23px;width:23px;height:41px;margin-left: 0;background:url(/inc/img/kr/renewal/main/ico_arrow_right_bk_L.png);background-size: cover;content:""} .renewal_main .container{max-width: 1380px;} .renewal_main .container h3{font-size: 20px} .renewal_main .container h3 span, .renewal_main .tit_area>h3 span{display: inline-block;} .renewal_main .tit_area{display: flex;flex-direction: column;} .renewal_main .tit_area>h3{font-size: 22px} .renewal_main .tit_area>h2{font-size: 21px;} .renewal_main .tit_area .tit_con{display:flex;flex-direction: column;} .renewal_main .tit_area .tit_con>h2{font-size: 72px} .renewal_main .tit_area .tit_con>p{font-size: 17px} .renewal_main .ico_dash{position:relative;padding: 0 16px;} .renewal_main .ico_dash:before{display: block;position: relative;top:2px;width:1px;height:18px;background-color: #000;content:""} .renewal_main .main{position: relative;height:100vh;background: url(/inc/img/kr/renewal/main/bg_main.png) center center no-repeat;background-attachment: fixed;background-size: cover;animation: leavesFilter 1.5s ease-in;} .renewal_main .main:after{position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.25);content:""} @keyframes leavesFilter { 0% { transform: scale(1.1); opacity: .6; filter: grayscale(1); } 100% { transform: scale(1.0); opacity: 1; filter: grayscale(0); } } .renewal_main .main .tit_area{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;height: 100%;padding-top: 250px;z-index: 1;} .renewal_main .main .tit_area>img{width: 380px;} .renewal_main .main .tit_area>h2{margin-top: 38px;color:#fff} .renewal_main .clients{overflow: hidden;position: relative;padding: 200px 0;color: #fff;background-color: #F1F1F1} .renewal_main .clients .tit_area>h3{margin-bottom: 32px;font-size: 20px;font-weight: 500;} .renewal_main .clients .tit_area>h2{margin-bottom: 12px;line-height: 1.45;font-size: 48px;font-weight: 600;} .renewal_main .clients_area{position: relative;margin-top: 120px;} .renewal_main .clients_area::before, .renewal_main .clients_area::after {position: absolute;top: 0;width: 16%;height: 100%;content: '';background-image: linear-gradient(to right, rgba(241, 241, 241, 1) 46%, rgba(241, 241, 241, 0) 100%);pointer-events: none;z-index: 3;} .renewal_main .clients_area::after {right: 0;transform: scaleX(-1);} .renewal_main .list_clients{overflow: visible;} .renewal_main .list_clients .swiper-wrapper{transition-timing-function: linear;} .renewal_main .data_area>section{padding-top: 130px;padding-bottom:40px} .renewal_main .data_area .container a{display: block;} .renewal_main .data_area .container h3 span{font-weight: 500;} .renewal_main .data_area .one{background-color: #fff} .renewal_main .data_area .two{background-color: #F2EDE4} .renewal_main .data_area .three{background-color: #D9DFE4} .renewal_main .data_area .two, .renewal_main .data_area .three{margin-top: -230px;} .renewal_main .data_area .tit_area{flex-direction: row;justify-content: space-between;} .renewal_main .data_area .tit_area .tit_con>p{margin-top: 18px;line-height: 1.65;} .renewal_main .focus_area{padding-top: 200px;padding-bottom: 120px;} .renewal_main .focus_area .tit_area .tit_con{position: relative;} .renewal_main .focus_area .btn_arrow{position: absolute;bottom: 0;right: 0;font-weight: bold;font-size: 18px;} .list_focus{margin-top: 60px;} .list_focus .swiper-wrapper{transition-timing-function: linear;} .list_focus .swiper-slide .default{display:block;} .list_focus .swiper-slide .hover{display:none;} @media screen and (hover: hover) and (pointer: fine) { .list_focus .swiper-slide:hover .default{display:none;} .list_focus .swiper-slide:hover .hover{display:block;} } .renewal_main .room_area{display: inline-flex;flex-direction: column;align-items: center;width:100%;height:100vh;background: url(/inc/img/kr/renewal/main/bg_room.png) center center no-repeat;background-size: cover;background-attachment: fixed;} .room_area .tit_area{display: inline-block;padding-top: 120px;} .room_area .tit_area a{display:inline-block;text-align: center;} .room_area .tit_area h3{font-size: 62px;} .room_area .tit_area h3 span{color:#fff} .room_area .tit_area .btn_arrow.wh{display: inline-flex;justify-content: center;margin-top: 10px;} .room_area .tit_area .btn_arrow.wh:after{top: 0;} .renewal_main .portfolio_area{padding-top: 200px;padding-bottom: 200px;} .portfolio_area .tit_area{position:relative;} .portfolio_area .tit_area h2{font-size: 64px;text-transform: uppercase;} .portfolio_area .tit_area h3{font-size: 22px;} .portfolio_area .btn_arrow.large{position: absolute;bottom:0;right:0;} .list_portfolio{margin-top: 40px;} .list_portfolio .img_area{position: relative;height: 540px;} .list_portfolio .img_area>img{height: 100%;width: auto;object-fit: cover;} .list_portfolio .img_area:after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.25);content: "";} .list_portfolio .tit_area{position: absolute;bottom:0;left:0;width:100%;padding: 18px 24px;} .list_portfolio .tit_area h3{margin-top: 8px;font-size: 24px;color:#fff;} .list_portfolio .tit_area p{font-size: 17px;color:#fff;} .bbs_view_main{position:relative;} .bbs_view_main .mb_pc {display: block;} .bbs_view_main .mb_mo {display: none;} .bbs_view_main img{width:100%} .bbs_view_main .view_tit_area{position: absolute;top: 50%;left: 50%;width: 100%;max-width: 902px;text-align: left;transform: translate(-50%, -50%);} .bbs_view_main .view_tit_area>h3 {font-size: 48px;color: #000;font-weight: bold;} .bbs_view_main .view_tit_area>p {margin-top: 10px;font-size: 24px;color: #000;} .bbs_top_banner{padding:20px 0;background-color: #000;} .bbs_top_banner .dic_wrap{display: flex;flex-direction: initial;justify-content: flex-start;align-items: center;width: 902px;margin: 0 auto;} .bbs_top_banner .ico_dic{position: relative;display: inline-block;width: 80px;height: 80px;border-radius: 50%;box-sizing: border-box;} .bbs_top_banner .ico_dic.construction {background: url(https://mall.iroyalbath.com/data/skin/responsive_ver1_default_gl_1/images/royal/ico_tab_construction.png) center center;background-size: cover;background-color: #b48d86;} .bbs_top_banner .tit_area{display: flex;flex-direction: column;justify-content: center;margin-left:20px;} .bbs_top_banner .tit_area h3{font-size:16px;font-weight: 500;color:#fff} .bbs_top_banner .tit_area p{padding-top:6px;font-size:16px;color:#fff;font-weight: 300;} .cst_main_wrap .cst_main_tit b{font-weight: 500;} /* cscenter */ .banner_area.as{background:url(/inc/img/kr/renewal/cs/bg_as.png) center center no-repeat;background-attachment: fixed;background-size: cover;} .banner_area.inquiry{background:url(/inc/img/kr/renewal/cs/bg_inquiry.png) center center no-repeat;background-attachment: fixed;background-size: cover;} .banner_area.faq{background:url(/inc/img/kr/renewal/cs/bg_faq.png) center center no-repeat;background-attachment: fixed;background-size: cover;} .banner_area.agency{background:url(/inc/img/kr/renewal/cs/bg_agency.png) bottom center no-repeat;background-attachment: fixed;background-size: cover;} .cscenter_wrap{padding-top: 120px;} .cscenter_wrap .tit_area{display: flex;justify-content: flex-end;align-items: flex-end;padding-bottom: 10px;} .cscenter_wrap .tit_area h3{display:inline-block;font-size: 30px;} .cscenter_wrap .tit_area span{padding-left: 12px;font-size: 18px;} .cscenter_wrap .btn{height: 52px;border-radius: 3px;text-align: center;} .cscenter_wrap .btn_area{margin-top: 60px;text-align: center;} .cscenter_wrap #btn_submit{width:160px} .cscenter_wrap .ico_point{padding-right: 4px;} .cscenter_wrap .ico_point:before{font-weight: 500;color:#BB8072;vertical-align: inherit;content:'*'} .cscenter_wrap .agree_info {display:inline-block;} .cscenter_wrap .label_area span{margin-left: 28px;font-size: 18px;font-weight: 600;} .cscenter_wrap .label_area p{top: -2px;right:auto;left:0;width: 22px;height: 22px;} .cscenter_wrap .label_area p i{width: 20px;height: 20px;} .cscenter_wrap .label_area input[type="checkbox"]:checked ~ p>i, .cscenter_wrap .label_area input[type="radio"]:checked ~ p>i {width: 20px;height: 20px;} /* faq */ .cscenter_top{display: flex;flex-direction: column;} .faq_wrap{margin-bottom: 30px;padding: 16px 30px;background-color: #e4dac9;border-radius:3px;text-align: left} .faq_wrap.active{position: static;width:100%;} .faq_wrap.active h3 .faq_tit{display:inline-block;} .faq_wrap h3{display: flex;align-items: center;justify-content: space-between;font-weight: 300;font-size: 19px;} .faq_wrap h3 .faq_tit{display:none;margin-right:5px;font-weight: 500;} .faq_wrap h3 .btn{height: 40px;line-height: 40px;color: #fff;font-size: 16px;} .faq_wrap #faq_con>p{padding-top: 6px;padding-bottom: 6px;border-top: 1px dotted #b3ab9d;font-size: 18px;cursor: pointer} .faq_wrap #faq_con>p:first-child{padding-top: 16px;border-top: 0;} .editor_area{padding:0 !important} .editor_area *{height:auto !important;margin:0 !important;padding:0 !important;font-size:17px !important;line-height:24px !important;letter-spacing:-0.05em !important;color:#111 !important;text-align: left !important;border:0 !important} .editor_area img:first-child{margin-top:0 !important} .editor_area table{border-top:1px solid #000 !important} .editor_area table td{padding: 24px 4px !important;border-left: 1px solid #e5e5e5 !important;border-bottom: 1px solid #e5e5e5 !important;font-size: 17px;} .editor_area table tr td:first-child{border-left: 0 !important;} .tbl_horizontal{width: 100%;border-collapse: collapse;} .tbl_horizontal tr{display: flex;gap: 0 20px;padding-bottom: 30px;border-bottom: 1px dashed #dadada;} .tbl_horizontal tr:last-child{border-bottom:0;} .tbl_horizontal td{width: calc(50% - 10px);padding: 16px 0;border-bottom:0;} .tbl_horizontal td>p{margin: 16px 0;font-size: 18px;font-weight: 600;text-align: left;} .tbl_horizontal td input, .tbl_horizontal td select, .tbl_horizontal td textarea{width: 100%;height: 52px;padding: 12px 20px;color: #4c4c4c;background-color: #fff;border: 1px solid #e0e0e0;font-size: 18px;border-radius: 3px} .tbl_horizontal td textarea{height: 420px;} .tbl_horizontal td select, .tbl_horizontal .input_group{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;} .tbl_horizontal .input_group .col{flex: 1 1;width: 100%;} .tbl_horizontal .input_group .btn{min-width: 170px;font-size: 17px;} .tbl_horizontal .input_group .btn>span{font-weight: 400;} .tbl_horizontal .email .col:nth-child(2) {flex: 0 0;} .tbl_horizontal .addr{flex-direction: column;align-items: flex-start;} .tbl_horizontal .addr .col:first-child{display: flex;gap: 10px;} .tbl_horizontal .file{flex-direction: column;align-items: flex-start;} .tbl_horizontal .file input[type=file] {position: absolute;left: -9999px;} .tbl_horizontal .file .col{display: flex;gap: 10px;position: relative;} .tbl_horizontal .spam{flex-direction: column;align-items: flex-start;} .tbl_horizontal .spam .col{display: flex;gap: 10px;} .tbl_horizontal .date{position: relative;} .tbl_horizontal .date:after{position: absolute;top: 14px;right: 11px;width:24px;height:24px;background:url(/inc/img/kr/renewal/cs/ico_calendar_gray.svg) center center no-repeat;content:"";background-size: cover;} .tbl_horizontal .date input{cursor: pointer} .datepicker table{min-width: auto;border-top:0;} .datepicker table tr td.active.active{background: #000 !important} .table-condensed th, .table-condensed td {padding: 6px 5px !important;font-size: 15px;} /* sod_select */ .sod_select {display: inline-block;position: relative;line-height: 1;width: 100%;height: 52px;padding: 0 20px;border: 1px solid #e0e0e0;border-radius: 3px;background: #fff;color: #444;font-size: 13px;font-weight: 700;text-align: left;text-transform: uppercase;outline: 0;outline-offset: -2px;cursor: pointer;vertical-align: middle;} .sod_select:after{overflow: hidden;position: absolute;top: 14px;right: 10px;width: 24px;height: 24px;background: url(/inc/img/kr/renewal/ico_arrow_bottom_gray.svg) no-repeat center center;content: '';} .sod_select select {display: none !important;} .sod_select.open .sod_list_wrapper {display: block;} .sod_select .sod_list_wrapper {display: none;position: absolute;top: 100%;left: 0;height: auto;width: 100%;margin: 0 0 0 -1px;background: #fff;border: 1px solid #e0e0e0;border-top: none;color: #444;font-weight: 300;z-index: 1;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .sod_select .sod_list {display: block;overflow-y: auto;padding: 0;margin: 0;} .sod_select .sod_label {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 15px;font-weight: normal;line-height: 52px;font-size: 18px;color: #666;} .sod_select .sod_option.selected {font-weight: 600;} .sod_select .sod_option.active {background: #f7f7f7;color: #333;} .sod_select .sod_option {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;padding: 10px 10px;list-style-type: none;font-size: 17px;} /* sch_box */ .sch_box{overflow:hidden;position:relative;display: flex;align-items: center;height:52px;padding-right:39px;border-radius:3px;border:1px solid #e0e0e0} .sch_box input{padding:0 12px;width:100%;height:100%;font-size:18px;color:#666;border:0;border-radius:3px;box-sizing:border-box;outline: 0;} .sch_box .btn_search{width: 32px;height: 32px;} .sch_box .ico_search{width: 17px;height: 17px;border:2px solid #757575} .sch_box .ico_search:before{bottom: -7px;right: -2px;width: 2px;height: 9px;background-color: #757575} /* pop_wrap */ .pop_wrap{display:none;position:sticky;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3);z-index:10;} .pop_wrap.active{display:block;} .pop_area{overflow: hidden;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);max-width:1190px;margin:0 auto;background-color:#fff;padding:58px 40px 30px;text-align: center;z-index:100;} .pop_area .pop_close{position:absolute;top:14px;right:12px;width: 32px;height: 32px;} .pop_area .pop_close:before, .pop_area .pop_close:after{position: relative;top: 0;display: block;width: 32px;height: 2px;background-color: #000;content:"";} .pop_area .pop_close:before{transform: rotate(45deg);} .pop_area .pop_close:after{top:-2px;transform: rotate(-45deg);} .pop_area .pop_content{overflow: auto;min-width: 989px;max-height: 55vh;margin-bottom:20px;padding:0 20px;text-align: left;} .pop_area .pop_content .tbl_wrap{border-top: 1px solid #010101;} .pop_area .pop_content table {width: 100% !important;border-top:0;min-width: auto;} .pop_area .pop_content .tbl_view{width:100%;table-layout:fixed;font-size:16px;color:#333} .pop_area .pop_content .tbl_view tr{border-bottom:1px solid #dadada} .pop_area .pop_content .tbl_view th, .pop_area .pop_content .tbl_view td{padding:10px 0;line-height:20px;} .pop_area .pop_content .tbl_view th{border-left:1px solid #dadada;border-right:1px solid #dadada;font-weight:600;text-align:center} .pop_area .pop_content .tbl_view th:first-child{border-left:0;} .pop_area .pop_content .tbl_view td{padding-left:18px;padding-right:18px;text-align: left;border-bottom:0;} .pop_area .pop_content .tbl_view .txt_down{display:block;position:relative;overflow:hidden;padding-right:30px;margin:-5px 0;line-height:30px;max-width:100%;text-overflow:ellipsis;white-space:nowrap} .pop_area .pop_content .tbl_view .txt_down i{position:absolute;right:0;top:0} .pop_area .pop_content .tbl_view .txt_down + .txt_down{margin-top:15px} .pop_area .pop_content .tbl_view .c01{width:140px} .pop_area .pop_content .tbl_view .c02{width:auto} .pop_area .pop_content .tbl_view .c03{width:140px} .pop_area .pop_content .tbl_view .c04{width:auto} .pop_area .pop_content .tbl_view .c05{width:140px} .pop_area .pop_content .tbl_view .c06{width:auto} .pop_area .pop_content .tbl_view .c_date{width:150px} .pop_area .btn{min-width: 91px;height: 48px;padding: 0 20px;line-height: 48px;border-radius: 3px;color: #fff;} /* modal */ .modal_bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;overflow-y:auto;background-color:rgba(0, 0, 0, 0.3);z-index:1000} .modal_wrap{display:table;width:100%;height:100%} .modal_inner{display:table-cell;vertical-align:middle;padding:30px} .modal{position:relative;width:100%;max-width:1190px;margin:0 auto;background-color:#fff;box-shadow:0 0 0} .modal.md_alert, .modal.md_confirm{max-width:330px} .modal_close{position:absolute;right:20px;top:20px;width: 40px;height: 40px;} .modal_close:before, .modal_close:after{position: relative;top: 50%;display: block;width: 32px;height: 2px;display: block;width: 32px;height: 2px;background-color: #000;content:"";} .modal_close:before{transform: rotate(45deg);} .modal_close:after{top: calc(50% - 2px);transform: rotate(-45deg);} .modal.md_alert .modal_close, .modal.md_confirm .modal_close{top: 4px;right: 4px;width: 32px;height: 32px;} .modal_header{min-height:108px;padding:23px 80px;border-top:10px solid #ed1c24;text-align:center} .modal_header strong{font-weight:300;font-size:30px;line-height:40px;color:#111} .modal_content{padding:40px 50px} .modal.md_alert .modal_content, .modal.md_confirm .modal_content{padding-bottom:30px} .modal.md_alert .modal_content>div, .modal.md_confirm .modal_content>div{padding-top:20px;font-size:18px;line-height:24px;text-align:center} .modal_content .form-group + .form-group{margin-top:36px} .modal_content .form-group{display:inline-block;width:100%;vertical-align:middle} .modal_content .form-group .sod_select{float:left} .modal_content .form-group .sod_select + .sod_select{margin-left:15px} .modal_wrap .btnbox{overflow:hidden} .modal_wrap .btnbox>div{position:relative;left:-50%;float:right} .modal_wrap .btnbox>div button{position:relative;left:50%;float:left;margin:0 8px} .modal_wrap .tab + .tbl_wrap{margin-top:40px} .modal.md_alert .btnbox, .modal.md_confirm .btnbox{padding:15px 0 0 !important;margin-top:20px} .modal.md_alert .btnbox button, .modal.md_confirm .btnbox button{min-width:91px;padding:0 20px;height:48px;line-height:48px;border-radius:3px;color: #fff;font-size: 16px;} .modal .terms_box{margin-top:0} /* shop_con 대리점 서비스점*/ .shop_wrap{position:relative;margin-bottom: -120px;background: #fff;} .shop_wrap .tab_wrap{margin-bottom:0 !important;} .shop_wrap .shop_area{position: relative;} .shop_wrap .shop_search{display: flex;width:100%;gap: 10px;padding-left: 20px;padding-right: 28px;margin-top: 16px;margin-bottom: 16px;} .shop_wrap .shop_search .sod_select{width:131px} .shop_wrap .shop_search .sod_select .sod_list_wrapper{width:131px} .shop_box{position:absolute;left:60px;bottom:0;z-index: 10;} .shop_box .btn_map{position: absolute;top: -35px;right: 0;width: 56px;height: 36px;background: #f1f1f1 url(/inc/img/kr/renewal/ico_arrow_bottom_bk.svg) no-repeat center 9px;border-radius: 6px 6px 0 0;border: 1px solid #e0e0e0;} .shop_con{overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;width:460px;height:72vh;background: #fff;border-radius: 6px 0 0 0;border: 1px solid #e3e3e3;transition: all ease .35s;} .shop_con.active{height:2vh;} .shop_con.active .btn_map{transform: rotate(180deg);background-position: center 6px;border-radius: 0 0 6px 6px ;} .shop_con.active .shop_list{display:none;} .shop_con .shop_list{overflow:hidden;overflow-y:auto;display:block;position:absolute;top:86px;left:0;width:100%;bottom:60px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3} .shop_con .pagination{width:100%;margin-bottom: 14px;text-align:center;} .shop_con .pagination>div{display: flex;align-items: center;justify-content: center;gap: 4px;} .shop_con .pagination .first, .shop_con .pagination .last{position: relative;display: inline-block;width: 30px;height: 30px;text-indent: -9999px} .shop_con .pagination .first:before, .shop_con .pagination .last:before{position: absolute;top: calc(50% - 5px);left: calc(50% - 2px);width: 5px;height: 8px;background: url(/inc/img/kr/renewal/btn_prev.png) center center no-repeat;content:"";} .shop_con .pagination .last:before{left:auto;right: calc(50% - 2px);background: url(/inc/img/kr/renewal/btn_next.png) center center no-repeat;} .shop_con .pagination span{display: flex;gap: 4px;} .shop_con .pagination span>a {position: relative;display: flex;flex-direction: column;width: 30px;height: 30px;line-height: 30px;font-size: 15px;text-align: center;} .shop_con .pagination span>a:after{position: absolute;bottom: 0;left: calc(50% - 8px);display: inline-block;width: 16px;height: 2px;background: transparent;content:""} .shop_con .pagination span>a.on{font-weight: bold;} .shop_con .pagination span>a.on:after{background: #000;} .location .shop_con{overflow:visible} .location .shop_con .stbl{position:relative;width:100%;height:100%} .location .shop_con .srow{height:240px} .location .shop_con .srow .inner{position:relative;top:-1px;padding:0 30px 24px;background-color:#fff} .location .shop_con .srow strong{font-weight:500;font-size:30px;line-height:40px;color:#333} .location .shop_con .srow p{font-weight:500;font-size:16px;line-height:24px;color:#666} .location .shop_con .srow strong + p{margin-top:10px} .location .shop_con .srow p + p{margin-top:22px} .location .shop_con .srow02{position:absolute;left:0;top:240px;bottom:0;} .location .shop_con .shop_list{top:56px;bottom:0;border-bottom:0} .location .shop_con .item_wrap{display:none} .location .shop_con .item_wrap.unhide{display:block} .shop_list{padding-left: 20px;padding-right: 20px;} .shop_list .item{position:relative;border:1px solid #e3e3e3;border-radius: 3px;margin-top:14px;} .shop_list .item:last-child{margin-bottom:14px;} .shop_list .item:hover{border-color: #000} .shop_list .item h3{font-size:22px;line-height:24px;font-weight: 500;} .shop_list .item a{display: block;padding:22px 18px;} .shop_list .item a:hover, .shop_list .item a:focus{text-decoration:none} .shop_list .item_info{display: flex;flex-direction: column;gap: 3px;margin-top:16px;} .shop_list .item_info>li{position: relative;padding-left: 22px;line-height:24px;font-size: 15px;color:#666} .shop_list .item_info .ico_location{position: absolute;top: 2px;left: 0;width: 18px;height: 18px} .shop_list .item_info .ico_box{position: absolute;top: 2px;left: 0;width: 18px;height: 18px} .shop_list .item_info .ico_call{position: absolute;top: 5px;left: 3px;width: 11px;height: 11px;} .shop_wrap .shop_map{position:relative;height: 92vh;background-color:#efefef;z-index:10;} .shop_wrap .shop_map #map_area{position:absolute;left:0;top:0;width:100%;height:100%} .shop_wrap .gm-style-iw-chr{position: absolute;right: 0;top: 0;} .shop_wrap .gm-style .gm-style-iw {min-width: 250px !important;max-width: 360px !important;} .shop_wrap .gm-style .gm-style-iw-d {padding: 10px 0 0 !important;font-size: 14px;color:rgb(68, 68, 68);line-height: 1.5;} .shop_wrap .location_title {font-size: 24px;margin-bottom: 5px;color:rgb(68, 68, 68);font-weight: 600} /* acc_wrap */ .acc_wrap:first-child{margin-bottom: 60px;} .acc_wrap .sch_text h2{display: inline-block;font-size: 28px;font-weight: 500;line-height: 28px;} .acc_wrap .sch_text p{display: inline-block;} .acc_list{display: table;border-collapse: collapse;width: 100%;margin-top:20px;} .acc_list .no_data{width:100%;height: 200px;text-align: center} .acc_list>li{display: table-row;position: relative;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;} .acc_list>li:first-child{border-top: 1px solid #000;} .acc_list>li:first-child:hover::before{display: none;} .acc_list>li::before, .acc_list>li::after {position: absolute;left:auto;right: 0;display: block;width: 0;border-bottom: 1px solid #000;transition: all 300ms ease-out;content: "";} /* .acc_list>li:hover::before, .acc_list>li:hover::after{left: 0;right: auto;width: 100%;} */ .acc_list>li .acc_btn{position: relative;display: block;width:100%;padding:30px 50px;text-align: left} .acc_list>li .acc_btn:before{position: absolute;top: 30px;left:10px;font-size: 26px;font-weight: 500;line-height: 28px;content: "Q";font-family: 'GeneralSans-Variable' !important;} .acc_list>li h3{font-size: 22px} .acc_list>li .sub_title{display:flex;align-items: center;margin-top:10px;} .acc_list>li .sub_title>p{position: relative;font-size: 17px;padding: 0 10px;color: rgb(68, 68, 68);line-height: 27px;} .acc_list>li .sub_title>p span{display: inline-block;position: relative;top: 2px;width: 1px;height:18px;margin: 0 10px;background: #e3e3e3;} .acc_list>li .sub_title>p:before{position: absolute;top:4px;left:0;width: 1px;height:18px;background: #e3e3e3;content:''} .acc_list>li .sub_title>p:first-child{padding-left:0;} .acc_list>li .sub_title>p:first-child:before{display:none;} .acc_list>li .ico_bottom{position: absolute;top: 30px;right: 20px;width: 30px;height: 30px;background: url(/inc/img/kr/renewal/ico_arrow_bottom_bk.svg) no-repeat center center;background-size: cover;} .acc_view{display:none;margin-bottom:30px;margin-left:50px;padding: 30px;background: #f6f6f6;border-radius: 3px;font-size: 17px !important;text-align: left;} .acc_view a{font-size: 17px !important;} /* royal */ .royal{margin-bottom:-120px;} .royal .main{height:100vh;position: relative;background: url(/inc/img/kr/renewal/brand/bg_royal.png) center center no-repeat;background-size: cover;animation: leaves 1.2s ease-in;text-align: center;} .royal .main:after{position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.25);content:""} .royal .main .tit_area{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: space-between;height: 100%;z-index: 1;} .royal .main .tit_area>img{margin-top: 200px;width: 1120px} .royal .main .tit_area>h2{margin-bottom: 40px;color: #fff;font-size: 17px} .royal .story{padding-top:200px;padding-bottom:200px;} .royal .story>h2{padding-bottom:20px;font-size: 42px} .royal .story>img{width:100%;} .royal .story .tit_area{display:flex;justify-content: space-between;margin-top:30px;} .royal .story .tit_area h3{font-size: 29px;font-weight: 600 !important;} .royal .story .tit_area h4{font-size: 34px} .royal .story .tit_area p{width: 700px;font-size: 18px;line-height: 2;} .royal .innovation{position: relative;padding-top: 140px;padding-bottom: 210px;background: url(/inc/img/kr/renewal/brand/bg_royal_innovation.png) top center no-repeat;background-attachment: fixed;animation: leaves 1.2s ease-in;text-align: center;} .royal .innovation:after{position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.75);content:""} .royal .innovation .tit_area{position: relative;z-index: 1;} .royal .innovation .tit_area h3, .royal .innovation .tit_area h2, .royal .innovation .tit_area p, .royal .innovation .tit_area span{color:#fff} .royal .innovation .tit_area h3{text-align: left;font-size: 28px;} .royal .innovation .tit_area h2{padding-top: 160px;font-size: 58px;line-height: 1;} .royal .innovation .tit_area p{padding-top: 40px;font-size: 17px;font-weight: 200;} .royal .innovation_area{position: relative;padding-top: 160px;z-index: 1;} .royal .list_innovation{display: flex;flex-wrap: wrap;gap: 80px 0;padding: 0 60px;} .royal .list_innovation>li{width:calc(100% / 4);} .royal .list_innovation>li div, .royal .list_innovation>li p{color:#fff} .royal .list_innovation>li div{font-size: 66px;letter-spacing: 1px;} .royal .store{position: relative;padding-top: 200px;padding-bottom: 320px;background-color: #000} .royal .store:after{position: absolute;bottom:0;left:50%;transform:translateX(-50%);content:"";width:96%;height:6.8vw;background:url(/inc/img/kr/renewal/brand/bg_store_tit.png) center center no-repeat;background-size: contain;} .royal .store h2{font-size: 42px;color: #fff;padding-bottom: 10px;} .royal .list_store{overflow: hidden;position: relative;} .royal .list_store .swiper-scrollbar{bottom: 30px;border-radius: 0;background: #fff;} .royal .list_store .swiper-scrollbar-drag{border-radius: 0;background: #000;} .royal .list_store li img{width:100%} .royal .store .tit_area{display:flex;justify-content: space-between;margin-top:50px;} .royal .store .tit_area h4, .royal .store .tit_area p, .royal .store .tit_area a{color: #fff;} .royal .store .tit_area h4{font-size: 52px;line-height: 1.5;} .royal .store .tit_area p{width: 700px;font-size: 18px;line-height: 2;} .royal .store .tit_area a{display: inline-block;margin-top: 40px;padding-bottom: 8px;border-bottom: 1.5px solid #fff;font-size: 24px;} .royal .bathrooms{padding-top: 200px;padding-bottom: 200px;background-color: #F1F1F1} .royal .bathrooms .tit_area h3{font-size: 42px;} .royal .bathrooms .tit_area h2{margin-top: 4px;font-size: 58px;} .royal .bathrooms .tit_area p{margin-top: 30px;font-size: 17px;} .royal .list_bathrooms{display: flex;margin-top: 160px;} .royal .list_bathrooms>li{width:calc(100% / 3)} .royal .list_bathrooms>li p{padding-top:20px;text-align: center;font-size: 18px;color:#757575;font-weight: 500;} .royal .people{padding-top: 200px;} .royal .people .tit_area{text-align: center;} .royal .people .tit_area h3{font-size: 36px;} .royal .people .tit_area h2{margin-top: 4px;font-size: 56px;} .royal .people .tit_area p{margin-top: 40px;font-size: 17px;} .royal .people .list_people{display: flex;flex-wrap: wrap;margin-top: 160px;} .royal .people .list_people>li{display: flex;align-items: flex-end;width:calc(100% / 3);font-size: 40px;} .royal .people .list_people>li:nth-child(2){background: #EBC7B0;} .royal .people .list_people>li:nth-child(4){background: #E5DAC9;text-align: right} .royal .people .list_people>li:nth-child(6){align-items: flex-start;background: #507062;text-align: right} .royal .people .list_people>li:nth-child(2) p, .royal .people .list_people>li:nth-child(4) p, .royal .people .list_people>li:nth-child(6) p{width: 100%;padding: 40px;line-height: 1.5;} .royal .people .list_people>li:nth-child(2) p{color:#757575} .royal .people .list_people>li:nth-child(4) p{color:#757575} .royal .people .list_people>li:nth-child(6) p{color:#fff} .royal .inspiration{height:1400px;background: url(/inc/img/kr/renewal/brand/bg_royal_inspiration.png) center center no-repeat;background-size:cover} .royal .inspiration .tit_area{text-align: center;} .royal .inspiration .tit_area h3 span, .royal .inspiration .tit_area h2, .royal .inspiration .tit_area p{color:#fff} .royal .inspiration .tit_area h3{padding-top: 246px;font-size: 72px;} .royal .inspiration .tit_area h2{padding-top: 68px;font-size: 32px} .royal .inspiration .tit_area p{padding-top: 30px;font-size: 17px;} /* certification-main_area */ .cert{margin-bottom: -120px;text-align: center;} .cert .point_blue{color: #334182 !important;font-weight:bold;} .cert .cert_logo{display:inline-block;padding: 12px 14px;background-color: #1d1c1a;color:#fff;text-align:center} .cert .cert_logo>img{display:inline-block;width: 28px;} .cert .cert_logo>p{margin-top: 10px;padding-top: 10px;padding-right: 16px;padding-left: 16px;line-height: 1.3;border-top: 1px solid #fff;color: #fff;font-size: 14px;} .cert .cert_logo>p b{color: #fff;font-weight: 600;} .cert .main_area{overflow: hidden;position:relative;width: 100%;padding-top: 80px;background-color: #e7e5e6} .cert .main_area:after{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.12);content: "";} .cert .main_area .cert_logo{position:absolute;top:58px;right:-170px;font-size: 0;} .cert .main_area .bg_main{width: 1124px;margin-top: -100px;} .cert .main_area h2{position: relative;width: 850px;margin: 0 auto;padding-top: 145px;text-align: left;font-size: 52px;font-weight: normal;line-height: 1.1;z-index: 1;} /* certification-trend_area */ .cert .trend_area{padding-top: 200px;} .cert .trend_area h3{font-size: 46px;line-height: 1.5;font-weight: normal;} .cert .trend_area h3 b{font-weight: 600;} .cert .trend_area .list_trend{display: flex;width: 850px;margin: 0 auto;margin-top: 200px;} .cert .trend_area .list_trend:after{display:block;clear: both;content: "";} .cert .trend_area .list_trend>li{float: left;width: 32%;margin-left: 2%;background-color: #f2f3f5;border-radius: 6px;} .cert .trend_area .list_trend>li:first-child{margin-left: 0} .cert .trend_area .list_trend>li h4{padding-top: 34px;font-size: 22px;line-height: 1.4;font-weight: 600;} .cert .trend_area .list_trend>li p{padding-top: 18px;padding-bottom: 72px;font-size: 20px;line-height: 1.5;} .cert .trend_area .list_trend>li img{margin-top: -84px;width: 184px;} /* certification-business_area */ .cert .business_area{padding-top: 240px} .cert .business_area h3{position: relative;padding-top: 74px;padding-bottom: 276px;font-size: 44px;line-height: 1.5;font-weight: normal;} .cert .business_area h3:after{position: absolute;left: 50%;bottom: 0;display:inline-block;margin-top: 50px;width: 1px;height: 200px;background-color: #141414;content:""} .cert .business_area h3 b{font-weight: 600;} .cert .business_area .list_business{overflow: hidden;width: 850px;margin: 0 auto;margin-top: 54px;} .cert .business_area .list_business li{float: left;width: 20%;padding: 0 6%;-webkit-box-sizing: border-box;box-sizing: border-box;} .cert .business_area .list_business li.one{margin-top: 42px;padding: 0 2%;} .cert .business_area .list_business li.one p{font-size: 26px;} .cert .business_area .list_business li.two{padding: 0 4%;} .cert .business_area .list_business li.two p{font-size: 24px;} .cert .business_area .list_business li p{padding-top: 20px;font-size: 18px;color: #adadae;} /* certification-benefit_area */ .cert .benefit_area{width: 1190px;margin: 0 auto;} .cert .benefit_area h3{margin-top:220px;padding: 60px 0 60px;border-top: 3px solid #141414;border-bottom: 1px solid #141414;font-size: 44px;line-height: 1.5;font-weight: normal;} .cert .benefit_area h3 b{font-weight: 600} .cert .benefit_area .list_benefit{width: 850px;margin: 0 auto;padding-top: 200px;padding-bottom: 200px;text-align: left} .cert .benefit_area .list_benefit>li{margin-top:260px;} .cert .benefit_area .list_benefit>li:after{display:block;content:"";clear:both;} .cert .benefit_area .list_benefit>li:first-child{margin-top:0} .cert .benefit_area .list_benefit>li.reverse .tit_area{float:right} .cert .benefit_area .list_benefit>li.reverse .img_area{float:left;text-align: left;} .cert .benefit_area .list_benefit>li .tit_area{position:relative;float:left;width:50%;opacity:0} .cert .benefit_area .list_benefit>li .tit_area i{position:relative;display: block;font-style: normal;opacity:0;line-height: 1.4;} .cert .benefit_area .list_benefit>li .tit_area i:before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;content:"";} .cert .benefit_area .list_benefit>li .tit_area .ico_num{font-size:64px;font-weight:600 !important;line-height: 1.2;} .cert .benefit_area .list_benefit>li .tit_area>h4{font-size:43px;} .cert .benefit_area .list_benefit>li .tit_area>h4 i{font-weight: 600} .cert .benefit_area .list_benefit>li .tit_area>p{margin-top:34px;font-size:26px;line-height:1.4} .cert .benefit_area .list_benefit>li .img_area{position:relative;float:right;width:50%;margin-top:150px;text-align: right;} .cert .benefit_area .list_benefit>li .img_area>img{width: 80%;} .cert .benefit_area .list_benefit>li.animate .tit_area{animation: cert_movetop 1.5s forwards;} .cert .benefit_area .list_benefit>li.animate .tit_area i{animation: cert_show 2s forwards;} .cert .benefit_area .list_benefit>li.animate .tit_area i:before{animation: cert_txtshow 2s forwards;animation-delay:.4s} .cert .benefit_area .list_benefit>li.animate .img_area{animation: cert_movetop 1s forwards;animation-delay: 0.6s;} @-webkit-keyframes cert_movetop{ 0%{top:0;} 100%{top:-100px;opacity:1} } @keyframes cert_movetop{ 0%{top:0;} 100%{top:-200px;opacity:1} } @-webkit-keyframes cert_txtshow{ 0%{top:0} 100%{top:100%;opacity:1;} } @keyframes cert_txtshow{ 0%{top:0} 100%{top:100%;opacity:1;} } @-webkit-keyframes cert_show{ 0%{opacity:0} 100%{opacity:1} } @keyframes cert_show{ 0%{opacity:0} 100%{opacity:1} } /* certification-benefitAll_area*/ .cert .benefitAll_area{padding-top: 200px;padding-bottom: 200px;background-color: #f5f5f5;} .cert .benefitAll_area .tit_area>h2{padding-top: 40px;font-size: 36px;font-weight: 600 !important} .cert .benefitAll_area .tit_area>p{font-size: 40px;font-weight: 600;} .cert .benefitAll_area .tit_area>img{width: 120px} .cert .benefitAll_area .list_benefitAll{overflow: hidden;width: 850px;margin: 0 auto;margin-top:60px;} .cert .benefitAll_area .list_benefitAll>li{float: left;width: 31%;margin-top: 2%;margin-left: 1%;margin-right: 1%;padding: 88px 0;background-color: #fff;border-radius: 6px;} .cert .benefitAll_area .list_benefitAll>li h4{color:#c5c5c5;font-size: 24px;font-weight: 600 !important} .cert .benefitAll_area .list_benefitAll>li h5{padding-top: 30px;font-size: 26px;font-weight: 600} .cert .benefitAll_area .list_benefitAll>li p{padding-top:8px;font-size: 24px;line-height: 1.5;} /* certification-join_area */ .cert .join_area{padding-top: 100px;padding-bottom: 200px;} .cert .join_area .tit_area h3{margin-top: -52px;font-size: 42px;font-weight: normal;line-height: 1.2;} .cert .join_area .tit_area h3 b{font-weight: 600} .cert .join_area .tit_area img{width: 1190px;margin:0 auto} .cert .join_area .list_join{overflow: hidden;display: flex;width: 850px;margin: 0 auto;margin-top: 160px;} .cert .join_area .list_join>li{position:relative;width: 25%;float: left;} .cert .join_area .list_join>li:before{position: absolute;top: 40px;left: 0;width:20px;height:24px;background:url(/inc/img/kr/certification/ico_next.png);content:"";background-size: cover;} .cert .join_area .list_join>li:first-child:before{display:none;} .cert .join_area .list_join>li img{width: 94px;padding-bottom: 44px;} .cert .join_area .list_join>li p{position: relative;padding-top: 40px;border-top: 2px solid #324081;font-size: 23px;line-height: 1.5;} .cert .join_area .list_join>li:last-child p:after{position: absolute;top: -2px;right: 0;transform: rotate(34deg);transform-origin: right;content:"";width:27px;height:2px;background-color:#324081} .cert .join_area .btn_go{width:340px;height:90px;margin-top:100px;line-height:90px;border:0;background-color:#324081;-webkit-border-radius:15px;border-radius:6px;cursor:pointer} .cert .join_area .btn_go b{position: relative;color:#fff;font-size:34px;font-weight: 600;line-height: 90px;} .cert .join_area .btn_go.animate b{animation:cert_moveright 0.3s forwards;animation-timing-function: ease-out;} @-webkit-keyframes cert_moveright{ 0%{right: 0;} 100%{right: -100%;} } @keyframes cert_moveright{ 0%{right: 0;} 100%{right: -100%;} } /* certification-qna_area */ .cert .qna_area{padding:200px 0 200px;background-color: #ebf0f4;} .cert .qna_area .tit_area.guide img{width: 280px;margin-left: 100px;} .cert .qna_area .tit_area.guide h3{padding-top: 80px;font-size: 44px;font-weight: normal;line-height: 1.5;} .cert .qna_area .tit_area.guide h3 b{font-weight: 600} .cert .qna_area .tit_area.guide p{padding-top: 120px;font-size: 40px;color: #334182 !important;font-weight: bold;} .cert .qna_area .list_guide{overflow: hidden;width: 850px;margin: 0 auto;padding-top: 65px;padding-bottom: 200px;} .cert .qna_area .list_guide>li{display:inline-block;width: 44%;margin-left: 4%;padding: 80px 0;background-color: #fff;border-radius: 6px;} .cert .qna_area .list_guide>li:first-child{margin-left:0;} .cert .qna_area .list_guide>li img{width: 150px;} .cert .qna_area .list_guide>li p{padding-top: 36px;font-size: 26px;line-height: 1.5;font-weight: 400;} .cert .qna_area .tit_area.qna h3{width: 1190px;margin: 0 auto;padding-top: 200px;border-top: 3px solid #141414;font-size: 44px;font-weight: normal;line-height: 1.5;} .cert .qna_area .tit_area.qna h3 b{font-weight: 600} .cert .qna_area .tit_area.qna .ico_arrow{display: block;width: 54px;margin: 0 auto;padding-top: 64px;} .cert .qna_area .tit_area.qna .img_consult{width: 180px;margin-bottom: -80px;padding-top: 68px;} .cert .qna_area .list_qna{width: 850px;margin: 0 auto;padding: 130px 0 84px;overflow: hidden;background-color: #fff;border-radius: 6px;} .cert .qna_area .list_qna>li{width: 50%;float: left;border-left: 8px solid #ebf0f4;} .cert .qna_area .list_qna>li:first-child{border-left: 0;} .cert .qna_area .list_qna>li h4{font-size: 38px;font-weight: normal;line-height: 1.5;} .cert .qna_area .list_qna>li h4 b{font-weight: 600} .cert .qna_area .list_qna>li .call_area{margin-top: 62px;} .cert .qna_area .list_qna>li .call_area>h5{font-size: 18px;font-weight: 600} .cert .qna_area .list_qna>li .call_area>p{font-size: 33px;font-weight: 600 !important;color: #334182;line-height: 1.1;} .cert .qna_area .list_qna>li .day_area{margin-top: 12px;} .cert .qna_area .list_qna>li .day_area>h5{font-size: 22px;font-weight: normal;} .cert .qna_area .list_qna>li .day_area>h5>b{font-weight: 600 !important;font-size: 24px} .cert .qna_area .list_qna>li .day_area>p{margin-top: 10px;font-size: 17px;font-weight: 500;} .cert .qna_area .list_qna>li .btn_qna{display:inline-block;width: 192px;height: 70px;line-height: 70px;margin-top: 62px;font-size: 34px;font-weight: 600 !important;background-color: #334182;color:#fff;border-radius: 6px;} .cert .qna_area .list_qna>li .btn_qna:hover{text-decoration: none;} /* certification-snowfall 폭죽효과 */ .cert .benefit_area .list_benefit>li .tit_area i:before{display: none} .cert .benefit_area .list_benefit>li .tit_area{opacity:1} .cert .benefit_area .list_benefit>li .tit_area i{opacity:1} .cert .join_area .tit_area{position: relative;perspective-origin: left;} .cert .join_area .snowfall-flakes{animation:rerotate 6s infinite;z-index: -1 !important} @keyframes rerotate { 0%{transform: rotate3d(0);} 50%{transform: rotate3d(1, 1, 1, 45deg);} 100%{transform: rotate3d(2, -1, -1, 360deg);} } /* 개인정보취급방침 pop_wrap */ #pop_wrap.policy .sub_tit{padding: 36px 0 24px;text-align: center;} #pop_wrap.policy .sub_tit h2 {font-size: 48px;font-weight: 600;color: #151515;} #pop_wrap.policy .etc_head{margin-bottom: 60px;padding: 40px;background: #f1f1f1;} #pop_wrap.policy .etc_head a {text-decoration: underline;} #pop_wrap.policy .section{overflow-y: auto;max-height: 60vh;} #pop_wrap.policy h3 {margin-top: 36px;margin-bottom: 6px;color: #151515;font-size: 24px;font-weight: 500;} #pop_wrap.policy p {font-size: 17px;line-height: 1.8;} /* ft_wrap */ .ft_wrap{margin-top:120px;padding-top:50px;padding-bottom:46px;background-color:#000;} .ft_wrap .container{display: flex;} .ft_wrap .container>div:nth-child(1){padding-right: 200px;} .ft_wrap .container>div:nth-child(2){width: calc(100% - 375px);} .ft_wrap .ft_logo{width: 180px;} .ft_wrap .ft_logo img{width:100%} .ft_wrap .ft_gnb{display: flex;margin-bottom: 80px;} .ft_wrap .ft_gnb>li{width:calc(100% / 3);text-align: left;} .ft_wrap .ft_gnb>li a{display:inline-block;font-weight: 400 !important;font-size: 15px;color:#fff} .ft_wrap .ft_gnb>li:first-child a{padding-left:0;} .ft_wrap .ft_gnb>li h3{margin-bottom:20px;} .ft_wrap .ft_gnb>li h3>a{font-size: 16px;} .ft_wrap .ft_gnb>li p{margin-bottom:16px;} .ft_wrap .ft_gnb>li p:last-child{margin-bottom:0} .ft_wrap .ft_gnb>li p a{font-weight: 200 !important;} .ft_wrap .ft_sns{overflow: hidden;margin-top: 20px;margin-bottom:24px;} .ft_wrap .ft_sns>li{float: left;margin-left:10px;} .ft_wrap .ft_sns>li:first-child{margin-left:0} .ft_wrap .ft_sns .btn_instar{display:block;padding:12px;background: #232323;border-radius: 50%;} .ft_wrap .ft_sns .btn_instar:before{display:block;width:19px;height:19px;background:url(/inc/img/kr/renewal/ico_instar.png) center center no-repeat;background-size: cover;content:""} .ft_wrap .ft_sns .btn_blog{display:block;padding:12px;background: #232323;border-radius: 50%;} .ft_wrap .ft_sns .btn_blog:before{display:block;width:19px;height:19px;background:url(/inc/img/kr/renewal/ico_blog.png) center center no-repeat;background-size: cover;content:""} .ft_wrap .ft_info{display: flex;width: 100%;margin-bottom: 10px;font-size: 14px;} .ft_wrap .ft_info>li{position: relative;padding-left:14px;padding-right:14px;} .ft_wrap .ft_info>li:before{display: block;position:absolute;top:5px;left:0;width:1px;height:12px;background-color: #535353;content:""} .ft_wrap .ft_info>li:first-child{padding-left:0;} .ft_wrap .ft_info>li:first-child:before{display: none;} .ft_wrap .ft_info>li a{display:inline-block;font-size: 14px;color:#fff} .ft_wrap .ft_info>li span{margin-left:6px;color:#A7A7A7;} .ft_wrap .ft_info>li span:first-child{margin-left:0;} @media only screen and (max-width:1590px) { /* tit */ .txt_main{font-size: 50px;} .txt_sub {font-size: 19px;} .container{max-width: initial;padding: 0 20px;} .sub_header {padding-top: 88px;} /* btn */ .btn_dwn:after{width: 20px;height: 20px;} /* header_wrap */ .header_wrap{height:88px} .header_wrap .logo{top: 18px;left:20px;} .header_wrap .list_gnb>li .gnb_nav{line-height:88px} .hd_search{top: 88px;} .list_language{right: 20px;} .list_language .btn_search {margin-top: -6px;} .list_language .btn_close {position: absolute;top: -55px;right: 29px;} /* tbl_wrap */ table thead th{font-size: 16px;} table tbody td{font-size: 16px;} .tbl_wrap{overflow-x: auto;width: 100%;} .tbl_line .btn_dwn{font-size: 16px;} /* search_area */ .sch_text p{font-size: 17px;} /* quick_wrap */ .ico_cs{width: 22px;height: 22px;} .ico_book{width: 24px;height: 24px;} .ico_location{width: 24px;height: 24px;} .ico_reservation{width: 24px;height: 24px;} .ico_mall{width: 24px;height: 24px;} .ico_quick{width: 12px;height: 17px;} /* reference */ .list_reference>li .tit_area h4{font-size: 15px;letter-spacing: -1px;} .list_reference>li .list_dwn>li a{width:200px;height:52px;line-height:52px;font-size:15px;} .list_reference>li .img_area:hover .btn_ebook>span{margin-bottom: 16px;width:200px;height:52px;line-height:52px;font-size:15px;} .list_reference>li .img_area:hover .list_dwn{gap: 15px;} /* header_wrap */ .header_wrap{padding: 0 20px;} .header_wrap .list_gnb>li .gnb_nav{line-height: 88px;font-size: 16px;} .sub_nav a {font-size: 16px;} /* submenu_wrap */ .submenu_wrap{top: 88px;} /* list_language */ .list_language>li{padding: 0 11px;} .list_language>li:before {top: 50%;height: 13px;} .list_language>li a{font-size: 14px;} /* tab_wrap */ .list_tab li::after {height: 34px;} .list_tab li a{font-size: 16px;line-height: 82px;} /* tab_wrap certificate */ .tab_wrap.sub .list_tab li a{font-size: 16px;line-height:68px;} .tab_sub_detail .list_con li>a{height: 42px;line-height: 42px;font-size: 16px;} /* product */ .prd_wrap{padding-top:60px} .prd_area .prd_select .select_con ul>li{padding: 0 30px;} .list_nav>h4{padding-top: 40px;font-size: 17px;} .list_nav>ul{padding-top: 26px;} .list_nav>ul>li{padding-top: 8px;padding-bottom: 8px;} .list_nav.filter>ul{padding-top: 8px} .list_nav.filter>ul>li{padding-top: 14px;padding-bottom: 14px;} .list_nav.filter>ul>li span{font-size: 15px;} .label_area input[type="checkbox"]:checked ~ p>i, .label_area input[type="radio"]:checked ~ p>i{width: 18px;height: 18px;background: url(/inc/img/kr/renewal/ico_check_wh.svg) center center no-repeat;background-size: cover;} .label_area span {width: 100%;font-size: 15px;} .label_area p{width: 20px;height: 20px;} .label_area p i{width: 18px;height: 18px;background:url(/inc/img/kr/renewal/ico_check_gray.svg) center center no-repeat;background-size: cover;} .prd_area .tit_area h2>span{font-size: 40px;font-weight: 200;} .prd_area .tit_area .pd_total{padding-left: 10px;font-size: 18px;} .prd_area .prd_select .select_con ul>li>a:after{top: 14px;right: 0px;width: 1px;height: 20px;} .prd_area .prd_select>select{padding: 0 30px 0 12px;background:url(/inc/img/kr/renewal/ico_arrow_bottom_gray.svg) no-repeat right 3px center;font-size:15px;} .list_prd{gap: 32px 16px;margin-top: 40px;} .list_prd>li{width:calc((100% - 48px) /4);} .list_prd>li.no_data{height: 300px;line-height: 300px;font-size: 18px;} .list_prd>li .img_area{height:306px;} .list_prd>li .tit_area{padding:18px} .list_prd>li .tit_area>h3{margin-top: 7px;margin-bottom: 4px;} .list_prd>li .tit_area>h3 span{font-size: 25px;line-height: 32px;} .list_prd>li .tit_area>p{font-size: 17px;} .list_prd>li .ico_hash{margin-top:8px;padding:3px 10px;font-size: 15px !important;} .btn_prd{width: calc(100% - 36px);margin-bottom: 18px;margin-left: 18px;margin-right: 18px;} .btn_prd span {padding: 6px 10px;} .btn_prd p{top:10px;right:10px;} /* view */ .view .intro_area{padding-top:80px} .view .intro_area .intro_con{width: 42%;} .view .intro_area .list_intro{width: 100%;height: 100%;} .view .intro_area .tit_area{width:54%;padding-top: 20px;padding-left: 12px;} .view .intro_area .tit_area>h2{font-size: 40px;line-height: 1.4;} .view .intro_area .tit_area>p {font-size: 21px;} .view .intro_area .line{margin-top: 20px;margin-bottom: 20px;} .view .intro_area .list_info>li{margin-top: 10px;} .view .intro_area .list_info h4, .view .intro_area .list_info p {font-size: 17px;} .view .intro_area .down {margin-top: 26px;margin-left: -12px;} .view .intro_area .down h3{font-size: 18px;} .view .intro_area .down .list_info h4 {min-width: 114px;} .down_con{width: calc(100% - 110px);} .down_con>li {width: calc((100% - 20px) / 2);} .down_con>li .btn_dwn{font-size: 16px;} /* cscenter */ .cscenter_wrap{padding-top: 100px;} /* royal */ .royal .main .tit_area>img{width: 1020px} .royal .main .tit_area>h2{font-size: 16px} .royal .store:after{height:6.7vw} .royal .store .tit_area{margin-top:40px;} .royal .store .tit_area h4{font-size: 50px;} } @media only screen and (max-width:1420px) { /* renewal_main */ .renewal_main .container{width: 100%;max-width: none;padding-left: 20px;padding-right: 20px;} .renewal_main .container h3{font-size: 19px} .renewal_main .tit_area>h3{font-size: 21px} .renewal_main .tit_area>h2{font-size: 20px;} .renewal_main .tit_area .tit_con>h2{font-size: 68px} .renewal_main .main .tit_area>img {width: 360px;} .renewal_main .clients {padding: 180px 0;} .renewal_main .clients .tit_area>h2 {font-size: 46px;} .renewal_main .clients .tit_area>h3 {margin-bottom: 26px;} .renewal_main .data_area .tit_area .tit_con>p {margin-top: 14px;} .room_area .tit_area h3 {font-size: 59px;} .portfolio_area .tit_area h2 {font-size: 60px;} .portfolio_area .tit_area h3 {font-size: 20px;} .bbs_view_main .view_tit_area{width: 100%;padding-left: 40px;padding-right: 40px;box-sizing: border-box;} .bbs_view_main .view_tit_area>h3{font-size: 40px;} .bbs_view_main .view_tit_area>p{margin-top: 8px;font-size: 20px;} /* royal */ .royal .main .tit_area>img{width: 980px} .royal .main .tit_area>h2{font-size: 15px} .royal .story .tit_area h3 {font-size: 28px;} .royal .story .tit_area h4 {font-size: 33px;} .royal .innovation .tit_area h2 {font-size: 56px;} /* ft_wrap */ .ft_wrap .container>div:nth-child(1){padding-right: 180px;} .ft_wrap .container>div:nth-child(2){width: calc(100% - 350px);} .ft_wrap .ft_logo{width: 170px;} .ft_wrap .ft_gnb>li a{font-size: 14px;} .ft_wrap .ft_gnb>li h3 {margin-bottom: 16px;} .ft_wrap .ft_gnb>li h3>a {font-size: 15px;} .ft_wrap .ft_gnb>li p {margin-bottom: 14px;} .ft_wrap .ft_info{font-size: 13px;} } @media only screen and (max-width:1280px) { .txt_main {font-size: 43px;} .txt_sub {font-size: 17px;} .container{max-width: none;text-align: center;} /* search_area */ .search_area{margin-bottom: 80px;} .sch_text{text-align: left;} /* tbl_wrap */ .tbl_line .btn_dwn{min-width: auto;padding-left: 4px;padding-right: 4px;} .tbl_line thead span{overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;} /* quick_wrap */ .quick_wrap .btn_quick{box-shadow: 0 0 0;} /* header_wrap */ .header_wrap:after{display:block;content:"";clear: both;} .header_wrap .list_gnb>li .gnb_nav{font-size: 16px;line-height: 88px;} .list_tab{width: 100%;} .banner_area .tit_area .txt_info{font-size: 15px;} /* banner_area */ .banner_area .container{text-align: left} .banner_area .tit_area{height: 560px;} /* reference */ .list_reference>li{width: calc((100% - 40px) / 3);} /* product */ .prd_wrap{text-align: left;} .prd_area .tit_area h2>span {font-size: 37px;} .prd_area .tit_area .pd_total {font-size: 17px;} .prd_area .prd_select{position: relative;} .prd_area .prd_select>select{position: absolute;top: -57px;right: 0;border: 1px solid #e4e4e4;border-radius: 3px;} .prd_area .prd_select .select_con ul>li>a span{font-size: 15px;} .list_prd>li {width: calc((100% - 32px) / 3);} .list_nav>h3{font-size: 19px;} /* features_con */ .features_con h3{margin: 15px 0 30px;font-size: 28px;} /* view */ .view .intro_area{padding-top:60px;text-align: left} .view .intro_area .intro_con{width: 41%;} .view .intro_area .list_info h4, .view .intro_area .list_info p {font-size: 16px;} .view .intro_area .list_thumb{position: static;width: 100%;margin-top: 12px;} .view .intro_area .list_thumb .swiper-wrapper {flex-direction: row;} .view .intro_area .list_thumb .swiper-slide {width: 70px;height: 70px;} .view .intro_area .tit_area {width: 56%;padding-top: 14px;padding-left: 0;} .view .intro_area .tit_area>h2 {font-size: 38px;} .view .intro_area .tit_area>p {font-size: 20px;} .view .intro_area .down {margin-top: 22px;margin-left: 0;padding: 12px 16px;} .view .intro_area .down h3 {font-size: 17px;} .view .intro_area .list_info h4{min-width: 110px;} .view .intro_area .down .list_info h4 {min-width: 95px;} .down_con>li .btn_dwn {font-size: 15px} /* identity */ .identity .tit_area h2{font-size: 19px;} .identity .tit_area h2>img{width: 200px;padding-bottom:22px} .identity .tit_area div h3, .identity .tit_area div h4{font-size: 30px;} .identity .tit_area p{font-size: 18px;} /* identity main */ .identity .main_area .bg{width:760px;} .identity .main_area .main_txt>li img{width: 200px;} .identity .main_area .main_txt>li:nth-child(1){top:183px;margin-left: -280px} .identity .main_area .main_txt>li:nth-child(2){top:104px;margin-right:-499px} .identity .main_area .main_txt>li:nth-child(3){top:324px;margin-left:-364px;} .identity .main_area .main_txt>li:nth-child(4){top:232px;margin-left:182px} .identity .main_area .main_txt>li:nth-child(5){top:341px;margin-left:-19px} /* identity prologue */ .identity .list_prologue{padding-bottom: 42px;} .identity .list_prologue .swiper-button-next, .identity .list_prologue .swiper-button-prev{width:18px;height:40px;} .identity .list_prologue .swiper-button-next{right: 24vw;} .identity .list_prologue .swiper-button-prev{left: 24vw;} .identity .list_prologue .swiper-scrollbar{width: 67vw;} /* ci */ .ci .ci_wrap{width:100%;padding: 0 20px;} .ci .ci_area{padding-top:180px;} .ci .ci_area>li{margin-top:240px;} .ci .ci_area>li .tit_area h2{font-size: 41px;} .ci .ci_area>li .tit_area p{font-size: 20px;} .ci .ci_area>li .btn_dwn_line.middle{width:290px;} .ci .ci_area>li .btn_center{margin-top: 180px;} .ci .ci_area>li .usage ul>li p {font-size: 19px;} /* renewal_main */ .renewal_main .btn_arrow.large:after {width: 20px;height: 35px;} .renewal_main .container h3 {font-size: 18px;text-align: left;} .renewal_main .tit_area {align-items: flex-start;text-align: left;} .renewal_main .tit_area>h3 {font-size: 20px;} .renewal_main .tit_area .tit_con>h2 {font-size: 63px;} .renewal_main .clients_area::before, .renewal_main .clients_area::after {width: 12%;} .renewal_main .data_area .two, .renewal_main .data_area .three {margin-top: -160px;} .renewal_main .data_area .img_area{width:400px} .renewal_main .data_area .img_area>img{width:100%} .renewal_main .focus_area {padding-top: 160px;padding-bottom: 100px;} .renewal_main .focus_area .tit_area .tit_con{width: 100%;} .room_area .tit_area h3 {font-size: 56px;} .portfolio_area .tit_area h2 {font-size: 58px;} .portfolio_area .tit_area h3 {font-size: 19px;} .list_portfolio .img_area{height: 500px;} .bbs_view_main .view_tit_area{padding-left: 40px;padding-right: 40px;box-sizing: border-box;} .bbs_top_banner{box-sizing: border-box;} .bbs_top_banner .dic_wrap{max-width: 902px;padding-left: 40px;padding-right: 40px;box-sizing: border-box;} /* cscenter */ .cscenter_wrap{padding-top: 80px;} .cscenter_wrap .tit_area h3 {font-size: 28px;} .cscenter_wrap .tit_area span {font-size: 17px;} .cscenter_wrap .info{font-size: 15px} .tbl_horizontal_wrap{text-align: left} .tbl_horizontal .input_group .btn {min-width: 150px;font-size: 16px;} /* pop_wrap */ .pop_area{max-width: none;width: 90%;padding: 52px 26px 24px} .pop_area .pop_content{overflow: scroll;width: 100%;min-width: auto;padding: 20px;} /* acc_wrap */ .acc_wrap .sch_text h2{text-align: left} .acc_list>li h3 {font-size: 21px;} .acc_list>li .acc_btn{padding-left:44px;} .acc_list>li .acc_btn:before {font-size: 24px;} .acc_list>li .ico_bottom {right: 14px;} .acc_list>li .sub_title>p {font-size: 16px;} .acc_view{margin-left:44px;padding: 30px 20px;} /* royal */ .royal .container{text-align: left;} .royal .main .tit_area>img{width: 900px} .royal .main .tit_area>h2{font-size: 14px} .royal .story>h2 {padding-bottom: 16px;font-size: 40px;} .royal .story .tit_area h3 {font-size: 27px;} .royal .story .tit_area h4 {font-size: 32px;} .royal .story .tit_area p {width: 664px;font-size: 17px;} .royal .innovation .tit_area{text-align: center} .royal .innovation .tit_area h3 {font-size: 26px;} .royal .innovation .tit_area h2 {font-size: 54px;} .royal .innovation .tit_area p {font-size: 16px;} .royal .list_innovation{text-align: center} .royal .list_innovation>li div {font-size: 62px;} .royal .list_innovation>li p {font-size: 15px;} .royal .store h2 {font-size: 40px;} .royal .store .tit_area h4 {font-size: 46px;} .royal .store .tit_area p {width: 664px;font-size: 17px;} .royal .store .tit_area a {margin-top: 36px;font-size: 22px;} .royal .bathrooms .tit_area h3 {font-size: 38px;} .royal .bathrooms .tit_area h2 {margin-top: 0px;font-size: 52px;} .royal .list_bathrooms>li p {padding-top: 16px;font-size: 17px;} .royal .people .tit_area h3 {font-size: 34px;} .royal .people .tit_area h2 {font-size: 52px;} .royal .people .list_people>li {font-size: 32px;} .royal .people .list_people>li:nth-child(2) p, .royal .people .list_people>li:nth-child(4) p, .royal .people .list_people>li:nth-child(6) p {padding: 30px;} .royal .inspiration {height: 1200px;} .royal .inspiration .tit_area h3 {padding-top: 238px;font-size: 67px;} .royal .inspiration .tit_area h2 {font-size: 30px;} .royal .inspiration .tit_area p {padding-top: 24px;} /* ft_wrap */ .ft_wrap .container>div:nth-child(1) {padding-right: 160px;} .ft_wrap .container>div:nth-child(2) {width: calc(100% - 310px);} .ft_wrap .ft_logo{width: 150px;} .ft_wrap .ft_sns{margin-top: 16px;} .ft_wrap .ft_info{font-size: 12px;} .ft_wrap .ft_info>li a{font-size: 13px;} } @media only screen and (max-width:1229px){ /* certification-main_area */ .cert .main_area h2{width:100%;padding-left: 10%;-webkit-box-sizing: border-box;box-sizing: border-box;} .cert .main_area .cert_logo{right: 3%} .cert .main_area .bg_main{width: 80%;} .cert .trend_area h3{font-size: 45px} .cert .trend_area .list_trend{width: 72%;margin-top: 230px;} .cert .trend_area .list_trend>li img{width: 170px;} .cert .benefit_area{width: 88%;} .cert .benefit_area .list_benefit{width: 82%} .cert .benefit_area .list_benefit>li {margin-top: 238px;} .cert .benefit_area .list_benefit>li .tit_area .ico_num{font-size: 60px;} .cert .benefit_area .list_benefit>li .tit_area>h4 {font-size: 42px;} .cert .benefit_area .list_benefit>li .tit_area>p {font-size: 25px;} .cert .benefitAll_area .tit_area>img {width: 118px} .cert .benefitAll_area .tit_area>h2 {font-size: 32px;} .cert .benefitAll_area .tit_area>p {font-size: 38px;} .cert .benefitAll_area .list_benefitAll{width: 74%} .cert .join_area .tit_area img{width: 92%;margin: 0 auto} .cert .join_area .tit_area h3{font-size: 42px;} .cert .join_area .list_join{width: 74%;} .cert .join_area .list_join>li:before {top: 38px;width: 17px;height: 20px;} .cert .join_area .list_join>li img{width: 86px} .cert .join_area .list_join>li p{font-size: 21px;} /* certification-qna_area */ .cert .qna_area .tit_area.guide h3 {font-size: 40px;} .cert .qna_area .tit_area.guide p {font-size: 37px;} .cert .qna_area .list_guide{width: 74%;} .cert .qna_area .tit_area.qna h3{width: 88%;font-size: 43px;} .cert .qna_area .tit_area.qna .ico_arrow{width: 57px;} .cert .qna_area .tit_area.qna .img_consult{width: 198px;} .cert .qna_area .list_qna{width: 74%;} } @media only screen and (max-width:1160px) { /* renewal_main */ .renewal_main .tit_area .tit_con>h2 {font-size: 60px;} .renewal_main .data_area .img_area {width: 360px;} .renewal_main .focus_area .btn_arrow{font-size: 17px;} .portfolio_area .tit_area h2 {font-size: 56px;} .list_portfolio .tit_area h3 {margin-top: 5px;font-size: 18px;} .list_portfolio .tit_area p {font-size: 16px;} .list_portfolio .img_area{height: 440px} /* royal */ .royal .main .tit_area>img{width: 870px} .royal .story {padding-top: 160px;padding-bottom: 160px;} .royal .story>h2 {padding-bottom: 10px;font-size: 34px;} .royal .story .tit_area{margin-top: 20px;} .royal .story .tit_area h3 {font-size: 24px;} .royal .story .tit_area h4 {font-size: 29px;} .royal .story .tit_area p {width: 582px;font-size: 16px;} .royal .innovation{padding-top: 110px;padding-bottom: 200px;} .royal .innovation .tit_area h3 {font-size: 24px;} .royal .innovation .tit_area h2 {padding-top: 150px;font-size: 48px;} .royal .innovation .tit_area p {padding-top: 30px;font-size: 15px;} .royal .innovation_area{padding-top: 140px;} .royal .list_innovation{gap: 70px 0;padding: 0 40px;} .royal .list_innovation>li div {font-size: 58px;} .royal .list_innovation>li p {font-size: 14px;} .royal .store{padding-top: 160px;padding-bottom: 220px} .royal .store h2 {font-size: 34px;} .royal .store .tit_area{margin-top: 30px;} .royal .store .tit_area h4 {font-size: 40px;line-height: 1.3;} .royal .store .tit_area p {width: 582px;font-size: 16px;} .royal .store .tit_area a {padding-bottom: 5px;font-size: 19px;} .royal .bathrooms{padding-top: 160px;padding-bottom: 160px;} .royal .bathrooms .tit_area h3 {font-size: 34px;} .royal .bathrooms .tit_area h2 {font-size: 46px;} .royal .list_bathrooms{margin-top: 120px;} .royal .list_bathrooms>li p {font-size: 15px;} .royal .people{padding-top: 160px;} .royal .people .tit_area h3 {font-size: 30px;} .royal .people .tit_area h2 {font-size: 48px;} .royal .people .tit_area p {margin-top: 30px;font-size: 16px;} .royal .people .list_people{margin-top: 120px;} .royal .people .list_people>li {font-size: 29px;} .royal .people .list_people>li:nth-child(2) p, .royal .people .list_people>li:nth-child(4) p, .royal .people .list_people>li:nth-child(6) p {padding: 20px;} .royal .inspiration {height: 1000px;} .royal .inspiration .tit_area h3 {padding-top: 185px;font-size: 64px;} .royal .inspiration .tit_area h2 {padding-top: 56px;font-size: 27px;} .royal .inspiration .tit_area p {padding-top: 18px;font-size: 16px;} /* ft_wrap */ .ft_wrap .container>div:nth-child(1) {padding-right: 120px;} .ft_wrap .container>div:nth-child(2) {width: calc(100% - 260px);} .ft_wrap .ft_logo{width: 140px;} .ft_wrap .ft_gnb>li h3>a {font-size: 14px;} .ft_wrap .ft_info{flex-wrap: wrap;} .ft_wrap .ft_info>li a{font-size: 12px;} } @media only screen and (max-width:1023px) { /*모바일*/ .show_pc{display:none !important} .show_mo{display:block !important} .container {padding: 0 20px;} .sub_header {padding-top: 72px;} /* header_wrap */ .opened-mo-nav{height:100% !important} .header_wrap {overflow-x:hidden;overflow-y:hidden;height: 72px;padding: 0 20px;} .header_wrap .logo{top: 11px;left: 20px;} .header_wrap.trans .btn_ham>span{background-color:#fff;} .header_wrap.trans.on .logo .wh{display: none;} .header_wrap.trans.on .logo .bk{display: inline-block;} .header_wrap.trans.on .btn_ham>span{background-color:#000;} .header_wrap.trans.on .list_gnb>li>a{color:#000} .header_wrap .btn_ham{display: flex;flex-direction: column;gap: 8px;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;width:74px;height: 72px;} .header_wrap .btn_ham.active{display:none;} .header_wrap .btn_ham>span{display:block;width:32px;height:2px;background-color:#000;} /* hd_search */ .list_language .btn_close.active{position: relative;display:block;z-index: 10;} .hd_search{display:none;top: 72px;height: 0;opacity: 0;} .hd_search.active{display: block;opacity: 1;height: auto;} .hd_search form .btn_search{top: 15px;right: 8px;} /* list_gnb */ .header_wrap[data-header="opened"]{overflow: visible;} .header_wrap.trans .list_gnb>li.on .gnb_nav {color: #000;} .header_wrap.on{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: block;height: 100vh;border-bottom: 0;background: #fff;z-index: 1000;} .header_wrap.on .btn_ham{gap: 0;height: 72px;transition: all 500ms ease;} .header_wrap.on .btn_ham>span:nth-child(1){transform: rotate(45deg);} .header_wrap.on .btn_ham>span:nth-child(2){position: relative;top: -2px;transform: rotate(-45deg);} .header_wrap.on .btn_ham>span:last-child{display: none} .header_wrap .gnb_wrap{display:none;height: 0;} .header_wrap.on .gnb_wrap{display:block;overflow: scroll;min-height:calc(100% - 70px);margin-top: 70px;opacity: 1;} .header_wrap.on .list_gnb{display:flex;flex-wrap: wrap;justify-content: space-between;gap: 20px 10px;text-align: left;-webkit-overflow-scrolling: touch;} .header_wrap.on .list_gnb>li{width: calc((100% - 10px) / 2);padding: 0;} .header_wrap.on .list_gnb>li .gnb_nav{height:auto;line-height: 1.8;font-size: 20px;font-weight: 600;color:#000} .header_wrap.on .list_gnb>li .gnb_nav:after{display: none;} .header_wrap.on .submenu_wrap{position: static;display: flex;gap: 0;flex-direction: column;height: auto;border-bottom: 0;} .header_wrap.on .submenu_wrap.active{min-height: auto;border-top:0;} .header_wrap.on .submenu_wrap div{padding: 0;} .header_wrap.on .submenu_wrap div:first-child>h2 a{border-top:0;} .header_wrap.on .submenu_wrap .sub_nav{padding-top: 0;padding-bottom: 0;} .header_wrap.on .submenu_wrap .sub_nav a{display: block;position: relative;font-size: 15px;line-height: 3.3;border-top: 1px solid #DFDFDF;} .header_wrap.on .submenu_wrap .sub_nav a::before{display: block;position: absolute;top: 19px;right: 0;width: 10px;height: 1px;background-color: #DFDFDF;content:"";transform: rotate(45deg);} .header_wrap.on .submenu_wrap .sub_nav a::after{display: block;position: absolute;top: 26px;right: 0;width: 10px;height: 1px;background-color: #DFDFDF;content:"";transform: rotate(-45deg);} .header_wrap.on .submenu_wrap .list_sub{display:none;} /* list_tab */ .tab_wrap{width: 100%;} .tab_area{overflow: hidden;} .tab_wrap .container {padding: 0} .list_tab{border-top: 1px solid #e5e5e5;} .list_tab li a{font-size: 15px;line-height: 72px;} .tab_wrap.sub .list_tab{border-top: 0} .tab_sub_detail .con_area{margin-left:16px;} .tab_sub_detail .list_con{justify-content: inherit;} .tab_sub_detail .list_con li:after {top: 13px;} .list_language>li>.btn_search{display: none} .header_wrap .btn_ham.active {display:flex} .header_wrap.trans .btn_ham.active>span {background-color: #000;} .list_language .btn_close {top: 18px;right: 20px;} /* table */ .tbl_line .img_area{display: inline-block !important} .tbl_line .img_area.hover{display:none !important} .tbl_line tbody tr:hover{background-color: #fff} /* identity */ .identity .list_prologue .swiper-slide {opacity: 1} /* quick_wrap */ .quick_wrap .btn_arrow{margin-top:0;margin-bottom: 30px;} .quick_wrap .btn_quick{overflow: visible;display: block;position: fixed;bottom: 0;left: 0;width: 100%;height: auto;padding-top:0;padding-bottom:0;border-radius: 0;background: rgb(239, 239, 239);border-top: 1px solid #DFDFDF;} .quick_wrap .list_quick{display: flex;align-items: flex-end;justify-content: space-around} .quick_wrap .list_quick>li{opacity: 1;margin-top: 0} .quick_wrap .list_quick>li.quick{display: none} .quick_wrap .list_quick>li:nth-child(1){order:1} .quick_wrap .list_quick>li:nth-child(3){order:2} .quick_wrap .list_quick>li:nth-child(4){order:4} .quick_wrap .list_quick>li:nth-child(5){order:5} .quick_wrap .list_quick>li:nth-child(6){order:3} .quick_wrap .list_quick>li a{width: 62px;height: auto;padding-top:10px;padding-bottom: 10px;gap: 6px;border-radius: 0;} .quick_wrap .list_quick>li a h3{display:inline-block;color: #000;font-size: 12px;} .quick_wrap .list_quick>li a:hover{background-color:transparent;color:#000;} .quick_wrap .list_quick>li a:hover h3{color: #000;} .quick_wrap .list_quick>li .ico_cs{background: url(/inc/img/kr/renewal/ico_cs_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li .ico_book{background: url(/inc/img/kr/renewal/ico_book_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li .ico_location{background: url(/inc/img/kr/renewal/ico_location_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li .ico_reservation{background: url(/inc/img/kr/renewal/ico_reservation_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li .ico_mall{background: url(/inc/img/kr/renewal/ico_mall_bk.svg) center center no-repeat;background-size: cover;} .quick_wrap .list_quick>li .ico_quick{background: url(/inc/img/kr/renewal/ico_quick_bk.svg) center center no-repeat;} .ico_search{width: 20px;height: 20px;} .list_quick .ico_search{width: 14px;height: 14px;margin-bottom: 6px;border-width: 2px;} .list_quick .ico_search:before{bottom: -7px;right: -3px;width: 2px;height: 9px;} /* banner_area */ .banner_area .tit_area{height: 520px;} /* reference */ .list_reference>li .btn_ebook {font-size: 43px;} .list_reference>li .btn_ebook>span {top: 42px;left: -26px;} .list_reference>li .btn_Download {top: 74px;left: -56px;font-size: 41px;} .list_reference>li .img_area .bg {width: 67px;} /* product */ .product .main{flex-direction: column;height: auto;} .product .main .space{display: none;} .product .main .bg{width: 100%;height: 600px;background-position: center center;background-size: cover;} .product .main .tit_area{position: static;transform: none;height: auto; padding-top: 30px;padding-bottom: 30px;} .product .main .tit_area h2{line-height: 1.2;} .product .main .tit_area p{margin-top: 10px;} .prd_wrap{flex-direction: column;padding-top: 0;margin-top: 30px;} .prd_area{width: 100%;} .prd_nav{width:100%;height:100%} .list_nav{margin-top: 40px;} .list_nav h3{padding-bottom: 8px;font-size: 18px;} .list_nav h3:after{display: block;clear: both;content:""} .list_nav h4 {padding-top: 30px;} .list_nav.filter h3{display:block;cursor: pointer;border-bottom:1px solid #000} .list_nav.filter .nav_con{margin-top: 14px;padding: 20px 16px;border-radius: 3px;background-color: #f1f1f1;} .list_nav.filter .nav_con h4:first-child{padding-top:0} .list_nav.category h3{cursor: pointer;border-bottom:1px solid #000} .list_nav.category .nav_con{margin-top: 14px;} .list_nav.category h5{display:inline-block;position: relative;height: 60px;margin-top: 20px;padding-right: 40px;line-height: 60px;font-size: 21px;font-weight: 600;} .list_nav.category h5:after{position: absolute;top: 45%;right:14px;border: 7px solid #000;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 5px solid transparent;content:""} .list_nav.category ul{display: flex;flex-wrap: wrap;gap: 10px;padding-top: 4px;padding-top: 0;background: #fff;} .list_nav.category ul>li{width: calc((100% - 20px) / 3);padding:0;border-radius: 3px;border: 1px solid #d5d5d5;} .list_nav.category ul>li.active{border-color: #000;} .list_nav.category ul>li a span{display: block;height: 54px;line-height: 54px;font-size: 15px;text-align: center;} .list_nav.category ul>li span .ico_cnt{display:none} .prd_area{padding-left: 0;} .prd_area .tit_area h2 {margin-top: 20px;margin-bottom: 10px;} .prd_area .tit_area h2>span {font-size: 32px;} .prd_area .tit_area .pd_total {padding-left: 6px;font-size: 17px;} .list_prd {gap: 20px 10px;margin-top: 30px;} .list_prd>li {width: calc((100% - 20px) / 3);} /* features_con */ .features_con{padding-top: 80px;} /* view */ .view .intro_area .intro_con{width: 44%;} .view .intro_area .tit_area{width: 52%;} .view .intro_area .tit_area>h2 {font-size: 32px;} .view .intro_area .tit_area>p {font-size: 18px;} .view .intro_area .line {margin-top: 16px;margin-bottom: 16px;} .view .intro_area .list_info h4, .view .intro_area .list_info p {font-size: 15px;} .view .intro_area .down h3{margin-bottom: 10px;padding-bottom: 0;border-bottom:0} .view .intro_area .down .list_info>li{align-items: flex-start;padding-bottom: 12px;border-bottom: 1px solid #e4e4e4;} .view .intro_area .down .list_info>li:before{top: 9px;transform: none;} .down_con{flex-direction: column;width: 100%;} .down_con>li {width: 100%;} /* search */ .prd_area .tit_area .pd_total{display: block;padding-left: 0;} /* identity */ .identity .tit_area{padding-top:180px;padding-bottom:180px} .identity .tit_area h2{font-size: 18px;} .identity .tit_area h2>img{width: 180px;} .identity .tit_area div{padding-top:20px;padding-bottom: 30px;} .identity .tit_area div h3, .identity .tit_area div h4{font-size: 28px;} .identity .tit_area p{font-size: 17px;} .identity .tit_area p br{display: none} .identity .tit_area p span{display:block;padding-top: 20px;} .identity .tit_area p span:first-child{padding-top:0;} .identity .tit_area p i{display:block;} /* identity main */ .identity .main_area .bg{width:680px;} .identity .main_area .main_txt>li img{width: 180px;} .identity .main_area .main_txt>li:nth-child(1){top:163px;margin-left: -249px} .identity .main_area .main_txt>li:nth-child(2){top:88px;margin-right:-458px} .identity .main_area .main_txt>li:nth-child(3){top:289px;margin-left:-324px} .identity .main_area .main_txt>li:nth-child(4){top:207px;margin-left:165px} .identity .main_area .main_txt>li:nth-child(5){top:304px;margin-left:-18px} /* identity story */ .identity .list_story>li{width:100%;} .identity .list_story>li img{width:100%;} .identity .list_story>li.hover:hover{cursor: default;} .identity .list_story>li.hover img{position: static;display:none;} .identity .list_story>li.hover img.on{display:block;opacity: 1} .identity .story .btn_scroll{font-size: 14px;} /* identity prologue */ .identity .list_prologue{margin-left: 2vw;padding-bottom: 26px;} .identity .list_prologue .swiper-button-prev{left: 2vw;} .identity .list_prologue .swiper-button-next{right: 15vw;} .identity .list_prologue .swiper-scrollbar{left: 0;transform: none;width: 86vw;margin-left: -2vw;} /* ci */ .ci .ci_area{padding-bottom: 0;} .ci .main {background: url(/inc/img/kr/renewal/brand/bg_ci_main_mo.png) 0% 50% no-repeat;background-size: cover;} .ci .ci_area br{display:none} .ci .ci_area>li{margin-top:200px;} .ci .ci_area>li .logotype {height: 450px;} .ci .ci_area>li .logotype img {width: 440px;} .ci .ci_area>li .isolation{height: 700px;padding: 0 34px;} .ci .ci_area>li .isolation img{width: 100%;} .ci .ci_area>li .symbol {height: 480px;background-size: 500px;} .ci .ci_area>li .symbol img {width: 80px;} .ci .ci_area>li .isolation_s{width: 700px;height: auto;padding: 34px;} .ci .ci_area>li .isolation_s img {width: 100%;} .ci .ci_area>li .brand_logo ul{gap:60px} .ci .ci_area>li .brand_logo ul>li{width:calc((100% - 60px) / 2)} .ci .ci_area>li .primary ul{grid-template-rows: repeat(2, 500px);margin-top: 40px;} .ci .ci_area>li .background{margin-top: 260px !important;} .ci .ci_area>li .background ul{gap: 60px;} .ci .ci_area>li .background ul>li{gap: 30px;} .ci .ci_area>li .background ul>li>div h4 {margin-top: 50px;margin-bottom: 22px;font-size: 24px;} .ci .ci_area>li .background ul>li>div h5 {margin-bottom: 10px;font-size: 20px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two{height: auto;padding: 60px 18px 18px;font-size: 17px;} .ci .ci_area>li .usage ul>li p {margin-top: 18px;font-size: 17px;} /* renewal_main */ .renewal_main .tit_area .tit_con>h2 {line-height: 1.1;} .renewal_main .tit_area .tit_con>p {margin-top: 16px;} .renewal_main .main{background: url(/inc/img/kr/renewal/main/bg_main_mo.png) center center no-repeat;background-size: cover;} .renewal_main .main .tit_area{padding-top: 32vh;} .renewal_main .room_area{background: url(/inc/img/kr/renewal/main/bg_room_mo.png) center center no-repeat;background-size: cover;} .room_area .tit_area{padding-top: 10vh} .list_portfolio .img_area {height: 400px;} .bbs_view_main .mb_pc {display: none;} .bbs_view_main .mb_mo {display: block;} .bbs_view_img{padding-left: 24px;padding-right: 24px;} .bbs_view_main .view_tit_area{top: auto;bottom: 42px;transform: translateX(-50%) translateY(0);padding:0 24px;} .bbs_view_main .view_tit_area>h3{font-size:34px;} .bbs_view_main .view_tit_area>p{margin-top:6px;font-size:18px;} .bbs_top_banner{padding-left: 24px;padding-right: 24px;} .bbs_top_banner .tit_area p{padding-top: 3px;font-size: 15px;letter-spacing: -1px;} .bbs_top_banner .dic_wrap{max-width: 100%;width: 100%;padding-left: 0;padding-right: 0;} .bbs_top_banner .ico_dic{width: 74px;height: 74px;} /* cscenter */ .cscenter_wrap{padding-top: 70px;} .cscenter_wrap .tit_area{flex-direction: column;align-items: initial;} .cscenter_wrap .tit_area h3 {display: block;font-size: 26px;} .cscenter_wrap .tit_area span {padding-left:0;padding-right:12px;font-size: 16px;} .cscenter_wrap .tit_area span:last-child {padding-right:0;} .cscenter_wrap .info{padding-top: 20px;text-align: right;font-size: 15px} .tbl_horizontal{min-width: auto;} .tbl_horizontal tr {gap: 0;flex-direction: column;padding-bottom: 0;border-bottom: 0;} .tbl_horizontal td {width: 100%;} .tbl_horizontal td>p{margin-top: 0;} .tbl_horizontal tr:first-child td:first-child>p{margin-top: 16px;} .tbl_horizontal .input_group .col{width:100% !important} /* sod_select */ .sod_select .sod_option{font-size: 16px;} .sod_select .sod_label{font-size: 17px} /* pop_wrap */ .pop_area .pop_content .tbl_view .c01{width:80px} .pop_area .pop_content .tbl_view .c02{width:auto} .pop_area .pop_content .tbl_view .c03{width:80px} .pop_area .pop_content .tbl_view .c04{width:auto} .pop_area .pop_content .tbl_view .c05{width:80px} .pop_area .pop_content .tbl_view .c06{width:auto} .pop_area .pop_content .tbl_view .c_date{width:100px} /* shop_con 대리점 서비스점*/ .shop_wrap{overflow: hidden;position: relative;height: auto !important;padding-left: 0;margin-bottom: 0;} .shop_wrap .shop_map{height: 500px;margin: 94px 20px 0;overflow: hidden;border-radius: 6px;} .shop_wrap .shop_search{position: absolute;top: -86px;left: 0;padding-right: 20px;} .shop_wrap .shop_search .sod_select {width: 150px;} .shop_wrap .shop_search .sod_select .sod_list_wrapper{width: 150px;z-index: 10;} .shop_box{position: static;width: 100%;height: 100%;border-radius: 0;border: 0;} .shop_box .btn_map{display:none} .shop_con{width: 100%;height: auto;border-radius: 0;border: 0;} .shop_con .shop_list{position: static;margin-top: 24px;} .shop_list .item{margin-top: 20px;} .shop_list .item:last-child {margin-bottom: 20px;} .sch_box{width: calc(100% - 150px);} .shop_con .pagination{position: static;margin-top: 26px;} /* faq_wrap */ .faq_wrap{margin-bottom: 20px;padding: 16px 20px;} .faq_wrap h3 .btn{font-size: 15px;} .faq_wrap #faq_con>p{font-size: 17px;} .faq_wrap #faq_con>p:first-child{padding-top: 12px;} /* acc_wrap */ .acc_list>li h3 {font-size: 21px;} .acc_list>li .acc_btn{padding-left:44px;} .acc_list>li .acc_btn:before {font-size: 24px;} .acc_list>li .ico_bottom {right: 14px;} .acc_list>li .sub_title>p {font-size: 16px;} .acc_list>li .sub_title>p:before {top: 6px;height: 16px;} .acc_list>li .sub_title>p span{top: 3px;height: 16px;} /* certification-main_area */ .cert .cert_logo{padding: 10px 12px;} .cert .cert_logo>img{width: 28px} .cert .cert_logo>p{padding-right: 14px;padding-left: 14px;font-size: 14px;} .cert .main_area .bg_main{width: 100%;margin-top: 0;margin-left: -6%} .cert .main_area .cert_logo{top: 9%;right: 2%} .cert .main_area h2{width: 100%;padding-left:7%;padding-right:7%;padding-top: 15%;font-size: 48px;-webkit-box-sizing: border-box;box-sizing: border-box;} /* certification-trend_area */ .cert .trend_area h3{font-size: 37px;} .cert .trend_area .list_trend{flex-direction: column;width: 90%;margin-top: 180px;} .cert .trend_area .list_trend>li:first-child{margin-top:0} .cert .trend_area .list_trend>li{width: 100%;margin-left: 0;margin-top: 174px} .cert .trend_area .list_trend>li h4{padding-top: 4%;font-size: 26px;} .cert .trend_area .list_trend>li p{padding-bottom: 46px;font-size: 25px;} .cert .trend_area .list_trend>li img{width: 150px;margin-top: -120px;} /* certification-business_area */ .cert .business_area h3{padding-bottom: 200px;font-size: 37px;} .cert .business_area h3:after{height: 160px} .cert .business_area .list_business{width: 100%;} .cert .business_area .list_business li.one p{font-size: 21px;} .cert .business_area .list_business li.two p{font-size: 19px;} .cert .business_area .list_business li p{font-size: 14px;} /* certification-benefit_area */ .cert .benefit_area{width: 90%;} .cert .benefit_area h3{font-size: 39px;} .cert .benefit_area .list_benefit>li .tit_area .ico_num{font-size:60px;} .cert .benefit_area .list_benefit>li .tit_area>h4{font-size:40px;} .cert .benefit_area .list_benefit>li .tit_area>p{font-size:25px;} .cert .benefit_area .list_benefit>li .img_area{margin-top:313px;} .cert .benefit_area .list_benefit>li .img_area>img{width: 100%} .cert .benefit_area .list_benefit>li:nth-child(2) .img_area{margin-top: 310px;} .cert .benefit_area .list_benefit>li:nth-child(3) .img_area{margin-top: 326px} /* certification-benefitAll_area*/ .cert .benefitAll_area .tit_area>p{font-size: 36px;} .cert .benefitAll_area .tit_area>img{width: 104px} .cert .benefitAll_area .list_benefitAll{width: 76%;margin-top:5%} .cert .benefitAll_area .list_benefitAll>li{width: 48%;} .cert .benefitAll_area .list_benefitAll>li p{font-size: 23px;} /* certification-join_area */ .cert .join_area{padding-top: 200px;padding-bottom: 240px;} .cert .join_area .tit_area h3{margin-top: 10px;font-size: 38px;} .cert .join_area .list_join{flex-flow: wrap;margin-top: 100px} .cert .join_area .list_join>li{width: 50%;margin-top: 46px;} .cert .join_area .list_join>li:before{top: 38px;width:22px;height:27px;} .cert .join_area .list_join>li:nth-child(3):before{display:none} .cert .join_area .list_join>li img{width: 104px;} .cert .join_area .list_join>li p{font-size: 23px;} .cert .join_area .list_join>li:nth-child(2) p:after {position: absolute;top: -2px;right: 0;transform: rotate(34deg);transform-origin: right;content: "";width: 27px;height: 2px;background-color: #324081;} /* certification-qna_area */ .cert .qna_area{padding-bottom:280px;} .cert .qna_area .tit_area.guide img{width: 250px;} .cert .qna_area .tit_area.guide h3{padding-top: 88px;font-size: 37px} .cert .qna_area .tit_area.guide p{padding-top: 126px;font-size: 34px;} .cert .qna_area .list_guide{padding-top: 3%;padding-bottom: 200px} .cert .qna_area .list_guide>li{width: 100%;margin-left:0;margin-top:3%;padding: 70px 0;} .cert .qna_area .list_guide>li:first-chid{margin-top:0;} .cert .qna_area .list_guide>li img{width: 180px;} .cert .qna_area .list_guide>li p{padding-top: 30px;font-size: 30px;} .cert .qna_area .tit_area.qna h3{width:90%;padding-top: 200px;font-size: 38px;} .cert .qna_area .tit_area.qna .ico_arrow{width: 50px;padding-top: 56px;} .cert .qna_area .tit_area.qna .img_consult{width: 186px;padding-top: 56px;} .cert .qna_area .list_qna{padding: 130px 0 84px;} .cert .qna_area .list_qna>li{border-left: 5px solid #ebf0f4;} .cert .qna_area .list_qna>li h4{font-size: 34px;} .cert .qna_area .list_qna>li .call_area{margin-top: 50px;} .cert .qna_area .list_qna>li .call_area>h5{font-size: 16px} .cert .qna_area .list_qna>li .call_area>p{font-size: 30px;} .cert .qna_area .list_qna>li .day_area>p{font-size: 16px;} .cert .qna_area .list_qna>li .btn_qna{width: 210px;height: 58px;line-height: 58px;margin-top: 50px;font-size: 33px;} /* royal */ .royal .main {height: calc(100vh - 72px);background: url(/inc/img/kr/renewal/brand/bg_royal_m.png) center center no-repeat;background-size: cover;} .royal .main .tit_area{justify-content: normal;} .royal .main .tit_area>img{position: absolute;top: calc(50% - 98px);left: 50%;transform: translateX(-50%);margin-top: 0;width: auto;height: 98px;} .royal .main .tit_area>h2{position: absolute;bottom:16px;left: 50%;transform: translateX(-50%);width: 100%;margin-bottom: 0;} .royal .story{padding-top: 120px;padding-bottom: 120px;} .royal .story>h2 {font-size: 38px;} .royal .story .tit_area{justify-content: normal;flex-direction: column;} .royal .story .tit_area h3 {font-size: 30px;} .royal .story .tit_area h4 {font-size: 37px;} .royal .story .tit_area p {width: 100%;padding-top: 50px;font-size: 19px;} .royal .innovation{padding-bottom: 160px;} .royal .innovation .tit_area{text-align: left;} .royal .innovation .tit_area h3 {font-size: 46px;line-height: 1.3;} .royal .innovation .tit_area h2 {padding-top: 84px;font-size: 40px;} .royal .innovation .tit_area p {padding-top: 26px;font-size: 19px;} .royal .list_innovation {gap: 50px 0;padding: 0;} .royal .list_innovation>li {width: calc(100% / 3);} .royal .list_innovation>li div {font-size: 62px;} .royal .store{padding-top: 120px;padding-bottom: calc(140px + 22vw)} .royal .store:after {left: 0;transform: none;width: 100%;height: 22vw;background: url(/inc/img/kr/renewal/brand/bg_store_tit_m.png) 20px center no-repeat;background-size: contain;} .royal .store h2 {font-size: 56px;line-height: 1.2;} .royal .store .tit_area{justify-content: normal;flex-direction: column;} .royal .store .tit_area h4 {font-size: 46px;} .royal .store .tit_area p {width: 100%;padding-top: 50px;font-size: 19px;} .royal .store .tit_area a {margin-top: 96px;font-size: 22px;} .royal .bathrooms {padding-top: 120px;padding-bottom: 120px;} .royal .bathrooms .tit_area h3 {font-size: 53px;} .royal .bathrooms .tit_area h2 {font-size: 45px;} .royal .bathrooms .tit_area p {font-size: 20px;} .royal .list_bathrooms{flex-direction: column;gap: 12vw;padding-left: 20px;} .royal .list_bathrooms>li{display: flex;flex-direction: column;width: 100%;} .royal .list_bathrooms>li:nth-child(1){order: 2;align-items: flex-end;} .royal .list_bathrooms>li:nth-child(2){order: 1;} .royal .list_bathrooms>li:nth-child(3){order: 3;} .royal .list_bathrooms>li img, .royal .list_bathrooms>li p{width: 62vw;} .royal .list_bathrooms>li p {font-size: 18px;text-align: left;} .royal .people .tit_area{text-align: left} .royal .people .tit_area h3 {font-size: 53px;} .royal .people .tit_area p {font-size: 20px;} .royal .people .list_people {margin-top: 100px;} .royal .people .list_people>li{width: calc(100% / 2);font-size: 34px;} .royal .people .list_people>li:nth-child(1){order: 1;} .royal .people .list_people>li:nth-child(2){order: 2;} .royal .people .list_people>li:nth-child(3){order: 4;} .royal .people .list_people>li:nth-child(4){order: 3;} .royal .people .list_people>li:nth-child(5){order: 5;} .royal .people .list_people>li:nth-child(6){order: 6;align-items: flex-end;text-align: left;} .royal .people .list_people>li:nth-child(2) p, .royal .people .list_people>li:nth-child(4) p, .royal .people .list_people>li:nth-child(6) p {padding: 30px;} .royal .inspiration {position: relative;margin-top: 360px;height: 1400px;background: url(/inc/img/kr/renewal/brand/bg_royal_inspiration_m.png) center center no-repeat;background-size: cover;} .royal .inspiration .tit_area h3{position: absolute;top: -263px;left: 50%;transform: translateX(-50%);width: 100%;padding-top: 0;font-size: 64px;} .royal .inspiration .tit_area h3 span{color: #000;} .royal .inspiration .tit_area h3 span:nth-child(1){position: relative;right: -30px;} .royal .inspiration .tit_area h3 span:nth-child(2){position: relative;bottom: -78px;left: -30px;} .royal .inspiration .tit_area h2{padding-top: 142px;font-size: 38px;} .royal .inspiration .tit_area p{padding-top: 150px;font-size: 20px;line-height: 1.9;} /* 개인정보취급방침 pop_wrap */ #pop_wrap.policy .sub_tit h2 {font-size: 40px;} #pop_wrap.policy .etc_head{margin-bottom: 44px;padding: 30px;} #pop_wrap.policy h3 {margin-top: 30px;font-size: 21px;} #pop_wrap.policy p {font-size: 15px;} /* ft_wrap */ .ft_wrap{padding-bottom:160px} .ft_wrap .container{flex-direction: column;align-items: flex-start;} .ft_wrap .container>div:nth-child(1) {padding-right: 0;} .ft_wrap .container>div:nth-child(2) {width: 100%;} .ft_wrap .ft_gnb{flex-wrap: wrap;gap: 50px 0;width: 100%;margin-top: 60px;padding-left:0;} .ft_wrap .ft_gnb>li{width: 100%} .ft_wrap .ft_gnb>li a {font-size: 16px;} .ft_wrap .ft_gnb>li h3>a {font-size: 18px;} .ft_wrap .ft_info{flex-wrap: wrap;width: 500px;margin-bottom: 0;text-align: left;} .ft_wrap .ft_info>li{margin-top: 6px;} .ft_wrap .ft_info, .ft_wrap .ft_info>li a {font-size: 14px;} .ft_wrap .ft_info.mo{margin-top:16px;} .ft_wrap .ft_info.mo li:first-child{width:100%} .ft_wrap .ft_info.mo li:nth-child(2), .ft_wrap .ft_info>li:nth-child(3){padding-left: 0;} .ft_wrap .ft_info.mo li:nth-child(2):before, .ft_wrap .ft_info>li:nth-child(3):before{display:none} .ft_wrap .ft_info.show_mo{margin-top:50px;margin-bottom:30px;} } @media only screen and (max-width:860px) { .txt_main {font-size: 38px;} .txt_sub {font-size: 16px;} .btn_dwn_line {width:100%;font-size: 19px;} /* header_wrap */ .header_wrap.on{z-index: 1000;} /* banner_area */ .banner_area .tit_area .txt_info{font-size: 14px;} .banner_area .tit_area .txt_sub {margin-top: 12px;} /* product */ .product .main .bg{height: 580px;} .product .main .tit_area h2{font-size: 48px;} .product .main .tit_area p{font-size: 18px;} .list_prd>li {width: calc((100% - 16px) / 2);} .list_nav.category ul>li a span{font-size: 14px;letter-spacing: -0.7px;} /* view */ .view .intro_area{padding-top:40px;} /* identity */ .identity .tit_area h2>img {width: 160px;} /* identity main */ .identity .main_area .bg{width:580px} .identity .main_area .main_txt>li img{width: 160px;} .identity .main_area .main_txt>li:nth-child(1){top:139px;margin-left:-211px} .identity .main_area .main_txt>li:nth-child(2){top:79px;margin-right:-389px} .identity .main_area .main_txt>li:nth-child(3){top:248px;margin-left:-276px} .identity .main_area .main_txt>li:nth-child(4){top:174px;margin-left:144px} .identity .main_area .main_txt>li:nth-child(5){top:262px;margin-left:-17px} /* ci */ .ci .ci_area{padding-top: 160px;} .ci .ci_area>li{margin-top:170px} .ci .ci_area>li .tit_area h2 {font-size: 38px;} .ci .ci_area>li .tit_area p {margin-top: 28px;} .ci .ci_area>li .btn_dwn_line {margin-bottom: 0;} .ci .ci_area>li .btn_dwn_line.middle{width:100%} .ci .ci_area>li .btn_center{margin-top: 160px;margin-bottom: 200px;} .ci .ci_area>li .logotype {height: auto;padding: 150px 190px} .ci .ci_area>li .logotype img {width: 100%;} .ci .ci_area>li .isolation{height: auto;padding: 150px 34px 90px} .ci .ci_area>li .symbol {height: auto;padding: 150px 0;background-size: 400px;} .ci .ci_area>li .symbol img {width: 70px;} .ci .ci_area>li .isolation_s{width: 100%;} .ci .ci_area>li .brand_logo>img{width: 63vw;} .ci .ci_area>li .primary h3 {font-size: 26px;} .ci .ci_area>li .primary ul{grid-template-rows: repeat(2, 400px);} .ci .ci_area>li .primary ul>li{padding: 20px;} .ci .ci_area>li .primary ul>li h5{font-size: 24px;} .ci .ci_area>li .primary ul>li p{font-size: 20px;} .ci .ci_area>li .background ul{gap: 50px;} .ci .ci_area>li .background ul>li{gap: 20px;} .ci .ci_area>li .background ul>li>div h4 {margin-top: 34px;margin-bottom: 16px;font-size: 21px;} .ci .ci_area>li .background ul>li>div h5 {font-size: 19px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two{font-size: 14px;} .ci .ci_area>li .recommended ul>li{width: 50%;} .ci .ci_area>li .recommended ul>li:last-child{padding-left:20px;padding-right:0;} .ci .ci_area>li .recommended ul>li div:before{left: -30px;} .ci .ci_area>li .usage ul{gap: 68px 20px;} /* renewal_main */ .renewal_main .container h3 {font-size: 20px;} .renewal_main .tit_area .tit_con {width: 100%;margin-top: 40px;} .renewal_main .tit_area .tit_con>h2 {font-size: 64px;} .renewal_main .tit_area .tit_con>p {font-size: 19px;} .renewal_main .data_area .two, .renewal_main .data_area .three {margin-top: -230px;} .renewal_main .data_area .tit_area{flex-direction: column;} .renewal_main .data_area .tit_area .tit_con>p {margin-top: 20px;} .renewal_main .data_area .img_area {width: 100%;margin-top: 50px;} .renewal_main .focus_area .tit_area .tit_con {position: static;} .renewal_main .focus_area .btn_arrow {bottom: auto;top:0;} .room_area .tit_area h3 {font-size: 52px;} .portfolio_area .tit_area h2 {font-size: 52px;} .list_portfolio .img_area {height: 360px;} .list_portfolio .tit_area{padding: 14px 18px} .list_portfolio .tit_area p {font-size: 15px;} /* cscenter */ .faq_wrap{margin-bottom: 16px;padding: 16px 20px;} .faq_wrap h3{font-size: 19px;} .faq_wrap.active h3{align-items: flex-start;} .faq_wrap h3>div {width: calc(100% - 130px);} .faq_wrap h3 .btn{height: 40px;line-height: 40px;font-size: 15px;} .faq_wrap #faq_con>p{font-size: 16px;} .faq_wrap #faq_con>p:first-child{padding-top: 10px;} /* pop_wrap */ .pop_area .pop_content{padding:0;} /* shop_con 대리점 서비스점*/ .shop_wrap .shop_map{height: 450px;} /* certification-main_area */ .cert .main_area .cert_logo{right:3%;} .cert .main_area h2{padding-top: 11rem;} /* certification-trend_area */ .cert .trend_area {padding-top: 23%;} .cert .trend_area h3{font-size: 2.2rem;} .cert .trend_area .list_trend{margin-top: 200px;} .cert .trend_area .list_trend>li h4{font-size: 1.8rem;} .cert .trend_area .list_trend>li p{padding-bottom: 6%;font-size: 1.3rem;} /* certification-business_area */ .cert .business_area{padding-top: 20%;} .cert .business_area h3{font-size: 1.9rem} .cert .business_area .list_business{width: 100%;} .cert .business_area .list_business li.one p{font-size: 20px;} .cert .business_area .list_business li.two p{font-size: 18px;} .cert .business_area .list_business li p{font-size: 13px;} /* certification-benefit_area */ .cert .benefit_area h3{font-size: 2.3rem;} .cert .benefit_area .list_benefit{width:100%;} .cert .benefit_area .list_benefit>li .tit_area .ico_num{font-size:52px;} .cert .benefit_area .list_benefit>li .tit_area>h4{font-size:38px;} /* certification-benefitAll_area*/ .cert .benefitAll_area{padding-bottom: 22%} .cert .benefitAll_area .tit_area>h2{padding-top: 5%;font-size: 2rem} .cert .benefitAll_area .tit_area>p{padding-top: 1%;font-size: 2.2rem;} .cert .benefitAll_area .list_benefitAll{width: 90%;margin-top:10%} /* certification-join_area */ .cert .join_area{padding-top: 13%;padding-bottom: 22%} .cert .join_area .tit_area h3{margin-top: 1%;font-size: 2.2rem} .cert .join_area .tit_area img{width: 100%} .cert .join_area .list_join{width: 90%;margin-top: 8%} .cert .join_area .list_join>li{margin-top: 8%} .cert .join_area .list_join>li p{font-size: 1.3rem} .cert .join_area .btn_go{margin-top: 18%;} /* certification-qna_area */ .cert .qna_area{padding-top: 22%;padding-bottom: 36%} .cert .qna_area .tit_area.guide img {width: 240px;} .cert .qna_area .tit_area.guide h3{padding-top: 8%;font-size: 2.2rem} .cert .qna_area .tit_area.guide p{padding-top: 13%;font-size: 2.1rem;} .cert .qna_area .list_guide{width:76%;padding-top: 3%;padding-bottom: 24%} .cert .qna_area .list_guide>li{padding: 14% 0;} .cert .qna_area .list_guide>li p{padding-top: 5%;font-size: 1.6rem} .cert .qna_area .list_guide>li img {width: 145px;} .cert .qna_area .tit_area.qna h3{padding-top: 20%;font-size: 2.2rem;} .cert .qna_area .tit_area.qna .ico_arrow{width: 44px;padding-top: 6%} .cert .qna_area .tit_area.qna .img_consult{width: 170px;padding-top: 6%;} .cert .qna_area .list_qna{width:90%;padding: 120px 0 60px} .cert .qna_area .list_qna>li h4{font-size: 2rem} .cert .qna_area .list_qna>li .call_area{margin-top: 14%} .cert .qna_area .list_qna>li .call_area>h5{font-size: 15px} .cert .qna_area .list_qna>li .call_area>p{font-size: 1.8rem} .cert .qna_area .list_qna>li .day_area>h5{font-size: 1.3rem} .cert .qna_area .list_qna>li .day_area>h5>b{font-size: 1.4rem} .cert .qna_area .list_qna>li .day_area>p{font-size: 15px} .cert .qna_area .list_qna>li .btn_qna{width: 200px;height: 52px;line-height: 52px;margin-top: 14%;font-size: 1.8rem} /* royal */ .royal .main .tit_area>img{top: calc(50% - 10.2vw);height: 10.2vw} .royal .main .tit_area>h2 {font-size: 13px;line-height: 1.4;} .royal .people .list_people>li {font-size: 31px;} .royal .inspiration{height: 1100px;background-position: center -124px} .royal .inspiration .tit_area h2 {padding-top: 74px;font-size: 36px;line-height: 1.5;} .royal .inspiration .tit_area p {padding-top: 132px;font-size: 19px;} } @media only screen and (max-width:780px) { .txt_main{font-size: 36px;} .txt_sub {font-size: 17px;} .btn_dwn:after {top: 4px;width: 18px;height: 18px;} .btn_search .ico_search{width: 19px;height: 19px;} .sub_header {padding-top: 64px;} /* header_wrap */ .header_wrap {height: 64px;} .header_wrap .logo{top: 6px;} .header_wrap .logo img{width: 120px;} .header_wrap .btn_ham{gap: 6px;width: 54px;height: 64px;} .header_wrap .btn_ham>span{width: 26px;} .header_wrap.on .btn_ham{height: 64px;} .sch_text p{font-size: 15px;} .hd_search{top: 63px;} .list_language .btn_close {top: 18px;right: 13px;width: 26px;height: 26px;} .list_language .btn_close span {width: 26px;} /* search_area */ .sub_header{padding-bottom: 60px} /* tab_wrap */ .tab_wrap.sub {margin-bottom: 62px;} .tab_wrap.sub .list_tab li a {line-height: 54px;} .tab_sub_detail {margin-top: -36px;margin-bottom: 60px;} .tab_sub_detail .list_con li>a{height: 36px;line-height: 36px;} .tab_sub_detail .list_con li:after {top: 10px;} /* list_tab */ .list_tab li::after{height: 24px;} .list_tab li a{line-height: 64px;} /* reference */ .list_reference>li{width: calc((100% - 20px) / 2);} .list_reference>li .btn_ebook{font-size: 44px;} .list_reference>li .btn_ebook>span {top: 43px;left: -31px} .list_reference>li .btn_Download{top: 70px;left: -58px;font-size: 39px;} .list_reference>li .list_dwn>li a{width: 194px;height: 48px;line-height: 48px;font-size: 14px;} .list_reference>li .img_area .bg {width: 62px;} .list_reference>li .img_area:hover .btn_ebook>span{font-size: 14px;} /* quick_wrap */ .quick_wrap .btn_arrow{margin-top:0;margin-bottom: 30px;} .ico_cs{width: 20px;height: 20px;} .ico_book{width: 20px;height: 20px;} .ico_location{width: 20px;height: 20px;} .ico_reservation{width: 20px;height: 20px;} .ico_mall{width: 20px;height: 20px;} /* product */ .list_nav.category ul>li a span{height: 46px;line-height: 46px;} .list_prd>li.no_data{font-size: 16px;} /* features_con */ .features_con{padding-top: 60px;} .features_con h3{margin: 10px 0 15px;font-size: 20px;} /* view */ .view .intro_area {flex-direction: column;padding-top:30px;} .view .intro_area .intro_con{width:100%;} .view .intro_area .tit_area{width:100%;margin-top: 40px;} .view .intro_area .list_thumb .swiper-slide{width: 62px;height: 62px;} /* identity */ .identity .tit_area h2>img {width: 150px;} /* identity main */ .identity .main_area .bg{width:560px} .identity .main_area .main_txt>li:nth-child(1){top:127px;margin-left:-199px} .identity .main_area .main_txt>li:nth-child(2){top:75px;margin-right:-385px} .identity .main_area .main_txt>li:nth-child(3){top:241px;margin-left:-258px} .identity .main_area .main_txt>li:nth-child(4){top:167px;margin-left:140px} .identity .main_area .main_txt>li:nth-child(5){top:254px;} /* product */ .product .main .bg{height: 500px;} .product .main .tit_area h2{font-size: 46px;} .product .main .tit_area p{font-size: 17px;} /* renewal_main */ .renewal_main .clients {padding: 160px 0 100px;} .renewal_main .clients .tit_area>h2 {font-size: 43px;} .renewal_main .clients_area {margin-top: 100px;} .renewal_main .clients_area::before, .renewal_main .clients_area::after {width: 10%;} .renewal_main .data_area>section {padding-top: 120px;} .renewal_main .data_area .two, .renewal_main .data_area .three {margin-top: -320px;} .room_area .tit_area{padding-top: 14vh} .room_area .tit_area h3 {font-size: 44px;} .renewal_main .portfolio_area {padding-top: 160px;padding-bottom: 120px;} /* cscenter */ .cscenter_wrap .tit_area span {font-size: 15px;} .cscenter_wrap .info{padding-top: 16px;font-size: 14px} .cscenter_wrap .label_area span{font-size: 17px;} .tbl_horizontal td>p{font-size: 17px;} .tbl_horizontal td input, .tbl_horizontal td select, .tbl_horizontal td textarea{font-size: 17px;} .tbl_horizontal td textarea{height: 360px;} .tbl_horizontal .input_group .btn {font-size: 15px;} /* sod_select */ .sod_select .sod_label{font-size: 16px;} /* modal */ .modal.md_alert .btnbox button, .modal.md_confirm .btnbox button{height: 42px;line-height: 42px;font-size: 15px;} /* pop_wrap */ .pop_area .btn{height: 42px;line-height: 42px;font-size: 15px;} .pop_area .pop_close {width: 26px;height: 26px;} .pop_area .pop_close:before, .pop_area .pop_close:after {width: 26px;} .pop_area .pop_content .tbl_view th{padding-left: 18px;padding-right: 18px;border-left: 0;border-right: 0;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;text-align: left !important} .pop_area .pop_content .tbl_view th:first-child{border-top: 0} .pop_area .pop_content .tbl_view .c01{width:100%} .pop_area .pop_content .tbl_view .c02, .pop_area .pop_content .tbl_view .c03, .pop_area .pop_content .tbl_view .c04, .pop_area .pop_content .tbl_view .c05, .pop_area .pop_content .tbl_view .c06, .pop_area .pop_content .tbl_view .c_date{width:auto} .pop_area .pop_content .tbl_view th, .pop_area .pop_content .tbl_view td{display:block;width:100%;font-size: 15px;} /* faq */ .faq .tab_area{margin-left:16px;} .faq .tab_area .list_tab{justify-content: inherit;} /* acc_wrap */ .acc_wrap{padding-top:20px} .acc_list>li .acc_btn{padding: 24px 50px;} .acc_list>li .acc_btn:before {top: 24px;left: 16px;font-size: 21px;} .acc_list>li .sub_title {margin-top: 7px;} .acc_list>li .sub_title>p {font-size: 15px;} .acc_list>li .ico_bottom{right: 8px;width: 26px;height: 26px;} .acc_view {margin-left: 0;padding: 20px;} /* certification-main_area */ .cert .cert_logo {padding: 8px 10px} .cert .cert_logo>img {width: 25px;} .cert .cert_logo>p {padding-right: 12px;padding-left: 12px;font-size: 12px;} .cert .main_area h2{font-size: 46px;} /* certification-trend_area */ .cert .trend_area h3{font-size: 2rem} .cert .trend_area .list_trend>li h4{font-size: 1.5rem} .cert .trend_area .list_trend>li p{font-size: 1.5rem} .cert .trend_area .list_trend>li img {width: 140px;} /* certification-business_area */ .cert .business_area{padding-top: 24%} .cert .business_area h3{padding-top: 8%;padding-bottom: 180px;} .cert .business_area h3:after {height: 140px;} /* certification-benefit_area */ .cert .benefit_area h3{margin-top: 36%;padding: 8% 0 8%;font-size: 2.1rem} .cert .benefit_area .list_benefit>li {margin-top: 24%} .cert .benefit_area .list_benefit>li .tit_area .ico_num{font-size:45px} .cert .benefit_area .list_benefit>li .tit_area>h4{font-size:2rem} .cert .benefit_area .list_benefit>li .tit_area>p{margin-top: 4%;font-size: 1.4rem;} .cert .benefit_area .list_benefit>li .img_area {margin-top: 40%} .cert .benefit_area .list_benefit>li:nth-child(2) .img_area {margin-top: 43%;} .cert .benefit_area .list_benefit>li:nth-child(3) .img_area {margin-top: 50%;} /* certification-benefitAll_area*/ .cert .benefitAll_area{padding-top: 24%;} .cert .benefitAll_area .tit_area>h2{font-size: 1.8rem} .cert .benefitAll_area .tit_area>p{font-size: 2rem;} .cert .benefitAll_area .tit_area>img {width: 100px;} .cert .benefitAll_area .list_benefitAll{margin-top:13%} .cert .benefitAll_area .list_benefitAll>li {padding: 15% 0;} .cert .benefitAll_area .list_benefitAll>li h4 {font-size: 1.3rem;} .cert .benefitAll_area .list_benefitAll>li h5 {font-size: 1.4rem;} .cert .benefitAll_area .list_benefitAll>li p {font-size: 1.4rem;} /* certification-join_area */ .cert .join_area{padding-bottom: 30%;} .cert .join_area .tit_area h3{font-size: 2rem} .cert .join_area .list_join>li p{padding-top: 5%;font-size: 1.2rem} .cert .join_area .list_join>li img{width: 96px;} .cert .join_area .btn_go{width: 340px;height: 84px;margin-top: 20%;line-height: 84px;} .cert .join_area .btn_go b {font-size: 34px;line-height: 84px;} /* certification-qna_area */ .cert .qna_area{padding-top: 26%;padding-bottom: 40%} .cert .qna_area .tit_area.guide img{width: 280px} .cert .qna_area .tit_area.guide h3{font-size: 2rem} .cert .qna_area .tit_area.guide p{font-size: 1.7rem} .cert .qna_area .list_guide{padding-top: 3%;padding-bottom: 24%} .cert .qna_area .list_guide>li{padding: 18% 0;} .cert .qna_area .list_guide>li p{padding-top: 7%;} .cert .qna_area .list_guide>li img {width: 150px;} .cert .qna_area .tit_area.qna h3{font-size: 2rem} .cert .qna_area .tit_area.qna .ico_arrow{width: 32px} .cert .qna_area .tit_area.qna .img_consult{width: 138px;margin-bottom: -65px;} .cert .qna_area .list_qna{padding: 83px 0 52px} .cert .qna_area .list_qna>li h4{font-size: 1.8rem} .cert .qna_area .list_qna>li .call_area>h5{font-size: 14px} .cert .qna_area .list_qna>li .call_area>p{font-size: 1.6rem} .cert .qna_area .list_qna>li .day_area>h5{font-size: 1.1rem} .cert .qna_area .list_qna>li .day_area>h5>b{font-size: 1.2rem} .cert .qna_area .list_qna>li .day_area>p{font-size: 14px} .cert .qna_area .list_qna>li .btn_qna{width: 188px;height: 48px;line-height: 48px;font-size: 2rem} /* royal */ .royal .main {height: calc(100vh - 64px);} .royal .main .tit_area>h2 {font-size: 12px;} .royal .innovation{background-position: center center;background-size: cover;} .royal .list_innovation>li {width: calc(100% / 2);} .royal .store:after{height: 24vw;} .royal .store .tit_area h4 {font-size: 40px;} .royal .people .list_people>li:nth-child(2) p, .royal .people .list_people>li:nth-child(4) p, .royal .people .list_people>li:nth-child(6) p {padding: 20px;} .royal .inspiration{margin-top: 280px;height: 139vw;background-position: center -10vw} .royal .inspiration .tit_area h3{top: -216px;font-size: 58px;} .royal .inspiration .tit_area h3 span:nth-child(2){bottom: -68px;} .royal .inspiration .tit_area h2 {padding-top: 62px;font-size: 33px;} .royal .inspiration .tit_area p {padding-top: 96px;} } @media only screen and (max-width:680px) { .txt_sub {font-size: 16px;} /* banner_area */ .banner_area .tit_area {height: 420px;} .banner_area .tit_area .txt_info{font-size: 14px;} /* page_area */ .page_area{margin-top: 70px;} .list_page>li a{width: 40px;height: 40px;line-height: 40px;} /* list_reference */ .list_reference>li .btn_ebook {font-size: 38px;} .list_reference>li .btn_ebook>span {top: 39px;left: -25px;} .list_reference>li .list_dwn>li a {width: 80%;display: inline-block;} .list_reference>li .btn_Download {top: 65px;left: -48px;font-size: 33px;} .list_reference>li .img_area .bg {width: 52px;} .list_reference>li .img_area:hover .btn_ebook{width: 80%;} .list_reference>li .img_area:hover .btn_ebook>span {display: block;width: 100%;height: 48px;line-height: 48px;} .list_reference>li .img_area:hover .list_dwn{width: 100%;} /* product */ .product .main .bg{height: 480px;} .product .main .tit_area h2{font-size: 44px;} .product .main .tit_area p{font-size: 16px;} .prd_area .tit_area h2{margin-top: 50px;margin-bottom: 70px;font-size: 16px;} .prd_area .tit_area .pd_total{font-size: 16px;} .prd_area .prd_select>select {width: 100%;background-color: #f1f1f1;} .list_prd>li .img_area{height: 44vw;} .list_nav.category ul>li a span{font-size: 13px;} /* view */ .view .intro_area {padding-top:16px} /* identity */ .identity .tit_area{padding-top:140px;padding-bottom:140px} .identity .tit_area h2{font-size: 16px;} .identity .tit_area h2>img{width: 140px;padding-bottom: 26px;} .identity .tit_area div{padding-top:18px;padding-bottom: 25px;} .identity .tit_area div h3, .identity .tit_area div h4{font-size: 26px;} .identity .tit_area p{font-size: 16px;} .identity .tit_area p span{padding-top: 12px;} /* identity main */ .identity .main_area .bg{width:520px} .identity .main_area .main_txt>li img{width: 140px;} .identity .main_area .main_txt>li:nth-child(1){top:123px;margin-left:-191px} .identity .main_area .main_txt>li:nth-child(2){top: 66px;margin-right:-355px} .identity .main_area .main_txt>li:nth-child(3){top: 222px;margin-left:-244px} .identity .main_area .main_txt>li:nth-child(4){top: 157px;margin-left:127px} .identity .main_area .main_txt>li:nth-child(5){top:232px;margin-left: -10px;} /* identity story */ .identity .story .btn_scroll{font-size: 13px;} .identity .story .btn_scroll:before{width: 20px;height: 11px;margin-left: -10px;} /* ci */ .ci .ci_area{padding-top: 140px;} .ci .ci_area>li{margin-top:140px} .ci .ci_area>li .tit_area h2 {font-size: 34px;} .ci .ci_area>li .logotype{padding: 18vw 18vw;} .ci .ci_area>li .isolation{padding: 13vw 2vw 7vw 0;} .ci .ci_area>li .symbol{padding: 18vw 0;background-size: 350px;} .ci .ci_area>li .symbol img{width: 50px;} .ci .ci_area>li .isolation_s{padding: 3vw;} .ci .ci_area>li .primary ul {grid-template-rows: repeat(2, 47vw);} .ci .ci_area>li .primary ul>li {padding: 16px;} .ci .ci_area>li .primary ul>li h5 {font-size: 19px;} .ci .ci_area>li .primary ul>li p {font-size: 16px;} .ci .ci_area>li .background ul>li {gap: 16px;} .ci .ci_area>li .background ul>li>div h4 {font-size: 19px;} .ci .ci_area>li .background ul>li>div h5 {font-size: 16px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two{padding: 7vw 16px 16px;font-size: 12px;} .ci .ci_area>li .background ul>li .one>p:nth-child(2), .ci .ci_area>li .background ul>li .two>p:nth-child(2) {letter-spacing: 0.7px} .ci .ci_area>li .usage ul {gap: 54px 16px;} .ci .ci_area>li .usage ul>li {width: calc((100% - 32px) / 3);} .ci .ci_area>li .usage ul>li p {font-size: 15px;line-height: 1.3;letter-spacing: -1px} /* renewal_main */ .renewal_main .btn_arrow.wh {font-size: 17px;} .renewal_main .btn_arrow.large:after {width: 17px;height: 31px;} .renewal_main .container h3 {font-size: 19px;} .renewal_main .tit_area>h2 {font-size: 18px;} .renewal_main .tit_area>h3 {font-size: 19px;} .renewal_main .tit_area .tit_con>h2 {font-size: 61px;} .renewal_main .tit_area .tit_con>p {font-size: 18px;} .renewal_main .main .tit_area>img {width: 310px;} .renewal_main .clients .tit_area>h2 {font-size: 40px;} .renewal_main .clients_area {margin-top: 80px;} .renewal_main .focus_area .btn_arrow {font-size: 16px;} .room_area .tit_area h3 {font-size: 41px;} /* shop_con 대리점 서비스점*/ .shop_wrap .shop_map{height: 400px;} /* acc_wrap */ .acc_wrap {padding-top: 0;} .acc_wrap .sch_text h2{font-size: 25px;} .acc_list>li h3 {font-size: 19px;} .acc_list>li .acc_btn {padding: 22px 24px;padding-right:26px;} .acc_list>li .acc_btn:before {top: 21px;left: 1px;font-size: 20px;} .acc_list>li .sub_title>p {font-size: 14px;} .acc_list>li .sub_title>p span{top: 2px;height: 14px;} .acc_list>li .sub_title>p:before{height: 14px;} .acc_list>li .ico_bottom {top: 25px;right: 0;width: 22px;height: 22px;} .acc_view{padding: 16px;font-size: 16px !important;} .acc_view a {font-size: 16px !important;} /* royal */ .royal .store h2 {font-size: 52px;} .royal .list_bathrooms {margin-top: 100px;} .royal .list_bathrooms>li img, .royal .list_bathrooms>li p {width: 71vw;} .royal .list_bathrooms>li p {padding-top: 8px;} .royal .bathrooms .tit_area h3 {font-size: 52px;} .royal .people .list_people>li {font-size: 27px;} .royal .inspiration{margin-top: 256px;} .royal .inspiration .tit_area h3 {top: -196px;font-size: 52px;} .royal .inspiration .tit_area h3 span:nth-child(2) {bottom: -56px;} .royal .inspiration .tit_area h2 {padding-top: 62px;font-size: 30px;} .royal .inspiration .tit_area p {font-size: 18px;} /* 개인정보취급방침 pop_wrap */ #pop_wrap.policy .sub_tit h2 {font-size: 34px;} #pop_wrap.policy h3 {font-size: 20px;} #pop_wrap.policy .etc_head{margin-bottom: 30px;} #pop_wrap.policy .modal_content{padding: 40px 30px;} /* ft_wrap */ .ft_wrap .ft_gnb>li h3>a {font-size: 16px;} .ft_wrap .ft_gnb>li a {font-size: 15px;} } @media only screen and (max-width:640px) { /* renewal_main */ .bbs_view_main .view_tit_area{bottom: 38px;padding:0 16px;} .bbs_view_main .view_tit_area>h3{font-size:28px;} .bbs_view_main .view_tit_area>p{font-size:15px;} .bbs_top_banner{padding-left: 16px;padding-right: 16px;} .bbs_top_banner .tit_area{width: 80%;margin-left: 16px;} .bbs_top_banner .tit_area h3{font-size: 15px;} .bbs_top_banner .tit_area p{font-size: 14px;} .bbs_top_banner .ico_dic{width: 72px;height: 72px;} /* certification-main_area */ .cert .main_area h2{padding-top: 9rem;font-size: 40px} /* certification-trend_area */ .cert .trend_area h3{font-size: 1.8rem} .cert .trend_area .list_trend>li h4{font-size: 1.5rem;} .cert .trend_area .list_trend>li p{font-size: 1.3rem;} .cert .trend_area .list_trend>li img {margin-top: -95px;width: 120px;} /* certification-business_area */ .cert .business_area .list_business li{padding: 0 5%;} /* certification-benefit_area */ .cert .benefit_area h3{border-top-width: 2px;font-size: 1.7rem} .cert .benefit_area .list_benefit>li .tit_area{width: 55%;} .cert .benefit_area .list_benefit>li .tit_area .ico_num {font-size: 2.4rem} .cert .benefit_area .list_benefit>li .tit_area>h4 {font-size: 1.7rem} .cert .benefit_area .list_benefit>li .tit_area>p {font-size: 1.2rem} .cert .benefit_area .list_benefit>li .img_area {width: 45%;} /* certification-benefitAll_area*/ .cert .benefitAll_area .tit_area>h2{font-size: 1.6rem} .cert .benefitAll_area .tit_area>p{font-size: 1.9rem;} .cert .benefitAll_area .tit_area>img {width: 80px;} .cert .benefitAll_area .list_benefitAll>li p{font-size: 1.3rem;} /* certification-join_area */ .cert .join_area .tit_area h3{font-size: 1.8rem} .cert .join_area .list_join>li p{font-size: 1.1rem} .cert .join_area .list_join>li img{width: 94px;} .cert .join_area .btn_go{width:280px;height: 70px;line-height: 70px;} .cert .join_area .btn_go b {font-size: 26px;line-height: 70px;} /* certification-qna_area */ .cert .qna_area .tit_area.guide img{width: 218px} .cert .qna_area .tit_area.guide h3{font-size: 1.8rem} .cert .qna_area .tit_area.guide p{font-size: 1.6rem} .cert .qna_area .list_guide{border-bottom-width: 3px;} .cert .qna_area .tit_area.qna h3{font-size: 1.9rem;border-top-width: 2px} .cert .qna_area .tit_area.qna .img_consult{width: 128px;margin-bottom: -56px} .cert .qna_area .list_qna{padding: 80px 0 50px} .cert .qna_area .list_qna>li{border-left-width:3px} .cert .qna_area .list_qna>li h4{font-size: 1.6rem} .cert .qna_area .list_qna>li .call_area>p{font-size: 1.4rem} .cert .qna_area .list_qna>li .day_area>h5{font-size: 1rem} .cert .qna_area .list_qna>li .day_area>h5>b{font-size: 1.1rem} .cert .qna_area .list_qna>li .btn_qna{width: 160px;height: 52px;line-height: 46px;font-size: 1.8rem} /* certification-snowfall 폭죽효과 */ .cert .join_area .snowfall-flakes{width:13px !important;height:13px !important;} } @media only screen and (max-width:630px) { .btn_dwn_line {font-size: 17px;} .btn_dwn_line.bk:after {width: 22px;height: 22px;} /* hd_search */ .hd_search .hd{width: 80%;padding: 50px 0 20px;} .hd_search .hd h2 {font-size: 25px;} .hd_search .hd .hd_input {margin-top: 26px;} .hd_search .con{width: 80%;} .hd_search .con .one {gap: 30px;} .hd_search .con .one>li a {font-size: 15px;} .hd_search .con .two {margin-top: 26px;} .hd_search .con .two>h3 {font-size: 15px;} .hd_search .con .two ul>li span, .hd_search .con .two ul>li button {font-size: 14px;} .hd_search .con .three>h4 {font-size: 13px;} .hd_search .btn_saveCheck{top: 0px;height: 18px;} .hd_search .ico_switch:before, .hd_search .ico_switch:after {width: 16px;height: 16px;} /* search_area */ .search_area {display: inline-block;width: 100%;} .search_area>form{display:block;} .search_area input[type="text"]{width: 100%;font-size: 16px;} .search_area input[type="text"]::placeholder{font-size: 16px} #find_account{width: 100% !important;} .select2-container{width: 100% !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 16px;} /* identity main */ .identity .main_area .bg{width:460px} .identity .main_area .main_txt>li img{width: 130px;} .identity .main_area .main_txt>li:nth-child(1){top:105px;margin-left:-166px} .identity .main_area .main_txt>li:nth-child(2){top: 58px;margin-right: -319px} .identity .main_area .main_txt>li:nth-child(3){top: 196px;margin-left:-212px} .identity .main_area .main_txt>li:nth-child(4){top: 136px;margin-left:116px} .identity .main_area .main_txt>li:nth-child(5){top:204px;} /* ci */ .ci .ci_area{padding-top: 120px;} .ci .ci_area>li .tit_area h2 {font-size: 29px;} .ci .ci_area>li .tit_area p {font-size: 19px;} .ci .ci_area>li .btn_dwn_line {margin-top: 30px;} .ci .ci_area>li .logotype{padding: 18vw 20vw;} .ci .ci_area>li .brand_logo>img{width: 60vw;} .ci .ci_area>li .primary h3 {font-size: 23px;} .ci .ci_area>li .primary ul{grid-template-rows: repeat(2, 45vw);margin-top: 30px;} .ci .ci_area>li .primary ul>li h5 {font-size: 17px;} .ci .ci_area>li .primary ul>li p {font-size: 14px;} .ci .ci_area>li .background h3 {font-size: 25px;} .ci .ci_area>li .background ul>li>div h4 {font-size: 18px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two {font-size: 11px;} .ci .ci_area>li .usage ul>li p{margin-top: 13px;font-size: 14px;} /* renewal_main */ .renewal_main .btn_arrow:after{top: 3px;width: 21px;height: 21px;} .renewal_main .container h3 {font-size: 18px;} .renewal_main .tit_area>h3 {font-size: 18px;} .renewal_main .tit_area .tit_con>h2 {font-size: 53px;} .renewal_main .tit_area .tit_con>p {font-size: 17px;} .renewal_main .clients {padding: 140px 0 100px;} .renewal_main .clients .tit_area>h2 {font-size: 37px;} .room_area .tit_area{padding-top: 18vh} .room_area .tit_area h3{font-size: 35px;} .room_area .tit_area .btn_arrow.wh:after{top: 2px;} .portfolio_area .tit_area h2 {font-size: 47px;} /* cscenter */ .cscenter_wrap {padding-top: 60px;} .cscenter_wrap .btn{height: 46px;} .cscenter_wrap .info {font-size: 13px;} .cscenter_wrap .tit_area h3 {font-size: 24px;} .cscenter_wrap .tit_area span {font-size: 16px;} .cscenter_wrap .label_area span {font-size: 16px;} .cscenter_wrap .label_area p {top: 0;width: 20px;height: 20px;} .cscenter_wrap .label_area p i {width: 18px;height: 18px;} .cscenter_wrap .label_area input[type="checkbox"]:checked ~ p>i, .cscenter_wrap .label_area input[type="radio"]:checked ~ p>i {width: 18px;height: 18px;} .tbl_horizontal td input, .tbl_horizontal td select, .tbl_horizontal td textarea {padding: 10px 20px;font-size: 16px;} .tbl_horizontal td input, .tbl_horizontal td select{height: 46px;} .tbl_horizontal td textarea {height: 300px;} .tbl_horizontal td>p {font-size: 16px;} .tbl_horizontal .input_group .btn {font-size: 14px;} .tbl_horizontal .date:after {top: 12px;} .faq_wrap{padding-right: 16px;} .faq_wrap h3{font-size: 17px;} .faq_wrap h3>div {width: calc(100% - 130px);} .faq_wrap h3 .btn{height: 36px;line-height: 36px;font-size: 14px;} .faq_wrap #faq_con>p{font-size: 15px;} /* sod_select */ .sod_select{height: 46px;} .sod_select:after{top: 12px;} .sod_select .sod_label{font-size: 15px;line-height: 46px;} .sod_select .sod_option{font-size: 15px;} /* shop_con 대리점 서비스점*/ .shop_wrap .shop_map{height: 380px;} .shop_wrap .shop_search{top: -84px;} .shop_wrap .location_title {font-size: 22px;} .sch_box{height: 46px;line-height: 46px;} .sch_box input{font-size: 15px;} .sch_box .btn_search{top: 10px;right: 6px;transform: none;width: 30px;height: 30px;} .sch_box .btn_search .ico_search{width: 17px;height: 17px;} /* royal */ .royal .main .tit_area>h2 {font-size: 11px;} .royal .story .tit_area p {padding-top: 46px;font-size: 18px;} .royal .story .tit_area h3 {font-size: 29px;} .royal .innovation .tit_area p {font-size: 18px;} .royal .list_innovation {gap: 40px 0;} .royal .store h2 {font-size: 48px;} .royal .store .tit_area h4 {font-size: 37px;} .royal .store .tit_area p {margin-top: 0;font-size: 18px;} .royal .store .tit_area a {padding-bottom: 3px;font-size: 19px;} .royal .bathrooms .tit_area h3 {font-size: 48px;} .royal .bathrooms .tit_area h2 {font-size: 43px} .royal .bathrooms .tit_area p {font-size: 19px;} .royal .list_bathrooms {gap: 15vw;margin-top: 80px;} .royal .list_bathrooms>li p {font-size: 17px;} .royal .people .tit_area h3 {font-size: 48px;} .royal .people .tit_area h2 {margin-top: 0;font-size: 43px} .royal .people .tit_area p {font-size: 19px;} .royal .people .list_people>li {font-size: 25px;} .royal .inspiration .tit_area h3 {top: -190px;font-size: 50px;} .royal .inspiration .tit_area p {font-size: 17px;} } @media only screen and (max-width:540px) { .btn_dwn_line {font-size: 16px;} .txt_main{font-size: 34px;} .txt_sub {font-size: 15px;} .banner_area .tit_area .txt_info {font-size: 13px;} /* header */ .hd_search .hd h2 { font-size: 24px;} /* page_area */ .list_page>li a{width: 36px;height: 36px;line-height: 36px;} /* list_reference */ .list_reference{gap: 20px 16px;} .list_reference>li{width: calc((100% - 16px) / 2);} .list_reference>li .tit_area{width: 88%;margin: 0 auto;} .list_reference>li .tit_area h4{font-size: 14px;} .list_reference>li .btn_ebook {font-size: 33px;} .list_reference>li .btn_ebook>span {top: 37px;left: -21px;} .list_reference>li .btn_Download{top: 59px;left: -42px;font-size: 30px;} .list_reference>li .img_area .bg {width: 48px;} /* product */ .product .main .bg{height: 440px;} .product .main .tit_area h2{font-size: 40px;} .product .main .tit_area p{font-size: 15px;} .prd_area .prd_select .select_con ul>li{padding: 0 20px;} .list_nav.category ul>li {width: calc((100% - 10px) / 2);} .list_prd>li .tit_area>p{font-size: 16px;} .list_prd>li .tit_area>h3{margin-top: 3px;margin-bottom: 0;} .list_prd>li .tit_area>h3 span{font-size: 21px;line-height: 24px;} .list_prd>li .ico_hash{font-size: 13px !important;} /* identity */ .identity .tit_area{height: 70vh;} /* identity main */ .identity .main{height: 70vh;} .identity .main_area .bg{width:400px} .identity .main_area .main_txt>li img{width: 114px;} .identity .main_area .main_txt>li:nth-child(1){top:89px;margin-left:-145px} .identity .main_area .main_txt>li:nth-child(2){top: 49px;margin-right:-281px} .identity .main_area .main_txt>li:nth-child(3){top: 169px;margin-left:-178px} .identity .main_area .main_txt>li:nth-child(4){top: 116px;margin-left:101px} .identity .main_area .main_txt>li:nth-child(5){top:175px;} /* identity story */ .identity .story .tit_area{height: 100vh;} /* ci */ .ci .ci_area>li .tit_area p {margin-top: 22px;font-size: 18px;} .ci .ci_area>li .img_area{margin-top: 40px;} .ci .ci_area>li .brand_logo ul {gap: 10px;margin-top:40px;} .ci .ci_area>li .brand_logo ul>li {width: calc((100% - 10px) / 2);} .ci .ci_area>li .symbol{background-size: 300px;} .ci .ci_area>li .primary h3 {font-size: 21px;} .ci .ci_area>li .primary ul>li p {font-size: 12px;} .ci .ci_area>li .background h3 {font-size: 23px;} .ci .ci_area>li .background ul {gap: 40px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two {padding: 6vw 12px 12px;} .ci .ci_area>li .background ul>li .one>p:nth-child(2), .ci .ci_area>li .background ul>li .two>p:nth-child(2){letter-spacing: 0;} .ci .ci_area>li .usage ul>li p {font-size: 13px;} /* renewal_main */ .renewal_main .btn_arrow:after{top: 1px;} .renewal_main .btn_arrow.large:after {top: -21px;width: 14px;height: 24px;} .renewal_main .container h3{font-size: 16px;} .renewal_main .tit_area>h2 {margin-top: 30px;font-size: 16px;} .renewal_main .tit_area>h3 {font-size: 17px;} .renewal_main .tit_area .tit_con>h2 {font-size: 50px;} .renewal_main .tit_area .tit_con>p {font-size: 16px} .renewal_main .main .tit_area>img {width: 260px;} .renewal_main .clients {padding: 130px 0 80px;} .renewal_main .clients .tit_area>h2 {font-size: 35px;} .renewal_main .clients .tit_area>h3 {font-size: 18px;} .renewal_main .data_area .img_area {margin-top: 40px;} .renewal_main .focus_area .btn_arrow {font-size: 14px;} .list_focus {margin-top: 50px;} .room_area .tit_area h3 {font-size: 32px;} .renewal_main .portfolio_area {padding-top: 140px;padding-bottom: 80px;} .portfolio_area .tit_area h3 {font-size: 17px;} .portfolio_area .tit_area h2 {font-size: 42px;} /* royal */ .royal .main .tit_area>h2 {font-size: 10px;} .royal .story {padding-top: 100px;padding-bottom: 100px;} .royal .story .tit_area h3 {font-size: 27px;} .royal .story .tit_area h4 {font-size: 33px;} .royal .story .tit_area p {padding-top: 40px;font-size: 17px;line-height: 1.8;} .royal .innovation .tit_area h2 {padding-top: 76px;font-size: 37px;} .royal .innovation .tit_area h3 {font-size: 42px;} .royal .innovation .tit_area p {font-size: 17px;} .royal .list_innovation>li div {font-size: 57px;} .royal .store {padding-top: 100px;padding-bottom: calc(120px + 22vw);} .royal .store h2 {font-size: 42px;} .royal .store .tit_area h4 {font-size: 33px;} .royal .store .tit_area p {padding-top: 40px;font-size: 17px;line-height: 1.8;} .royal .store .tit_area a {font-size: 18px;} .royal .bathrooms .tit_area h3 {font-size: 41px;} .royal .bathrooms .tit_area h2 {font-size: 36px;} .royal .bathrooms .tit_area p {font-size: 18px;} .royal .people .tit_area h3 {font-size: 41px;} .royal .people .tit_area h2 {font-size: 36px;} .royal .people .tit_area p {font-size: 18px;} .royal .people .list_people {margin-top: 90px;} .royal .people .list_people>li {font-size: 22px;} .royal .inspiration {margin-top: 240px;} .royal .inspiration .tit_area h3 {top: -178px;font-size: 44px;} .royal .inspiration .tit_area h3 span:nth-child(2) {bottom: -52px;} .royal .inspiration .tit_area h2 {padding-top: 58px;font-size: 23px;} .royal .inspiration .tit_area p {padding-top: 63px;font-size: 16px;} /* 개인정보취급방침 pop_wrap */ .modal_inner{padding: 20px;} #pop_wrap.policy .sub_tit{padding: 20px 0 16px;} #pop_wrap.policy .sub_tit h2 {font-size: 30px;} #pop_wrap.policy h3 {margin-top: 24px;font-size: 19px;} #pop_wrap.policy p {font-size: 14px;} #pop_wrap.policy .etc_head{margin-bottom: 24px;padding: 20px;} #pop_wrap.policy .modal_content{padding: 40px 20px;} #pop_wrap.policy .section{max-height: 58vh;} /* ft_wrap */ .ft_wrap .ft_info{width: 100%;} .ft_wrap .ft_info, .ft_wrap .ft_info>li a {font-size: 13px;} } @media only screen and (max-width:480px) { .btn_dwn_line{padding-left: 26px;font-size: 19px;} .btn_dwn_line:after{right: 26px;width: 22px;height: 22px;} .btn_search{right: 0;} .btn_search .ico_search {width: 17px;height: 17px;} .ico_search:before{bottom: -8px;right: -5px;height: 10px;} /* tit */ .txt_main{font-size: 32px;} /* header_wrap */ .header_wrap .logo img {width: 110px;} .header_wrap.on{overflow-y:auto;} .header_wrap.on .list_gnb{gap: 12px 10px;} .header_wrap.on .list_gnb>li .gnb_nav{font-size: 18px;} .header_wrap.on .submenu_wrap .sub_nav a{font-size: 14px;} .header_wrap.on .submenu_wrap .sub_nav a::before{top: 19px;width: 8px;} .header_wrap.on .submenu_wrap .sub_nav a::after{top: 25px;width: 8px;} /* sub_header */ .sub_header {padding-bottom: 40px;} /* hd_search */ .hd_search form .btn_search {top: 11px;} .hd_search .hd{width: 86%;} .hd_search .con {width: 86%;} .hd_search .con .one>li:before {top: 7px;left: -15px;} .hd_search .con .one>li a {font-size: 14px;} .hd_search .con .two>h3 {font-size: 14px;} .hd_search .con .two ul {gap: 6px} .hd_search .ipt_area{height: 46px;line-height: 46px;font-size: 16px;} /* search_area */ .search_area {margin-bottom: 60px;} .search_area .btn_search .ico_search{position: relative;right: 2px;bottom: -1px} .search_area input[type="text"]{font-size: 14px;} .search_area input[type="text"]::placeholder{font-size: 14px} #find_account{width: 100% !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0;font-size: 14px;} .select2-container {width: 100% !important;} /* list_tab */ .list_tab li a{line-height: 54px;font-size: 13px;} /* list_reference */ .list_reference{gap: 16px 10px} .list_reference>li{width: calc((100% - 10px) / 2);} .list_reference>li .tit_area h4{margin-top: 12px;} .list_reference>li .btn_ebook {font-size: 27px;} .list_reference>li .btn_ebook>span {top: 30px;left: -14px;} .list_reference>li .btn_Download{top: 47px;left: -31px;font-size: 25px} .list_reference>li .img_area .bg {width: 44px;} .list_reference>li .list_dwn>li a{height: 40px;line-height: 40px;} .list_reference>li .img_area:hover .btn_ebook>span{height: 40px;line-height: 40px;} /* view */ .view .intro_area .list_info h4 {min-width: 96px;} .view .intro_area .down .list_info h4{min-width: 80px;} /* banner_area */ .banner_area .tit_area{height: 360px;} /* quick_wrap */ .quick_wrap .btn_arrow{margin-bottom: 0px;} .quick_wrap .top, .quick_wrap .bottom{width: 32px;height: 32px;} .quick_wrap .top .ico, .quick_wrap .bottom .ico {width: 16px;height: 16px;} /* product */ .product .main .bg{height: 420px;} .product .main .tit_area h2{font-size: 36px;} .product .main .tit_area p{font-size: 14px;} .list_nav.category h5{margin-top: 10px;padding-right: 34px;font-size: 19px;} .list_nav.category ul>li a span{height: 40px;line-height: 40px;} .list_prd>li .tit_area{padding: 14px 8px;} .list_prd>li .tit_area>p{font-size: 13px;letter-spacing: -1px;} .list_prd>li .tit_area>h3{margin-top: 0;} .list_prd>li .tit_area>h3 span{font-size: 19px;letter-spacing: -1px;} .list_prd>li .ico_hash{font-size: 11px !important;margin-top: 2px;} /* identity */ .identity .tit_area div h3, .identity .tit_area div h4{font-size: 23px;} /* identity main */ .identity .main_area .bg{width:380px} .identity .main_area .main_txt>li img{width: 108px;} .identity .main_area .main_txt>li:nth-child(1){top:80px;margin-left:-133px} .identity .main_area .main_txt>li:nth-child(2){top:45px;margin-right:-266px} .identity .main_area .main_txt>li:nth-child(3){top:160px;margin-left:-164px} .identity .main_area .main_txt>li:nth-child(4){top:110px;margin-left:95px} .identity .main_area .main_txt>li:nth-child(5){top:167px;} /* identity story */ .identity .story .tit_area p i{letter-spacing: -0.7px} .identity .story .btn_scroll{bottom: 9vw;font-size: 12px;} .identity .story .btn_scroll:before{width: 16px;height: 8px;} .identity .list_story{gap: 4px;} /* identity prologue */ .identity .list_prologue .swiper-button-next, .identity .list_prologue .swiper-button-prev{width: 13px;height: 24px;} /* ci */ .ci .ci_area{padding-top:100px} .ci .ci_area>li {margin-top: 100px;} .ci .ci_area>li .tit_area h2 {font-size: 22px;} .ci .ci_area>li .tit_area p {margin-top: 16px;font-size: 14px;letter-spacing: -1.2px;} .ci .ci_area>li .btn_dwn_line {margin-top: 20px;} .ci .ci_area>li .btn_center {margin-top: 120px;margin-bottom: 156px;} .ci .ci_area>li .btn_center .btn_dwn_line.bk{height: 56px;} .ci .ci_area>li .symbol{background-size: 200px;} .ci .ci_area>li .symbol img {width: 36px;} .ci .ci_area>li .primary h3 {font-size: 16px;} .ci .ci_area>li .primary ul{margin-top: 22px;} .ci .ci_area>li .primary ul>li h5 {font-size: 14px;} .ci .ci_area>li .primary ul>li p {font-size: 10px;letter-spacing: 0;} .ci .ci_area>li .background{margin-top: 120px !important;} .ci .ci_area>li .background h3 {font-size: 19px;} .ci .ci_area>li .background ul {gap: 30px;} .ci .ci_area>li .background ul>li {gap: 12px;} .ci .ci_area>li .background ul>li>div h4 {margin-top: 24px;margin-bottom: 14px;font-size: 14px;} .ci .ci_area>li .background ul>li>div h5 {margin-bottom: 7px;font-size: 13px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two {padding: 6vw 8px 10px;font-size: 9px;} .ci .ci_area>li .recommended ul>li{padding: 0 12px} .ci .ci_area>li .recommended ul>li:first-child{padding-left: 0} .ci .ci_area>li .recommended ul>li:last-child{padding-left: 12px;padding-right: 0} .ci .ci_area>li .recommended ul>li>img{width: 28px;} .ci .ci_area>li .recommended ul>li div {margin-top: 24px;} .ci .ci_area>li .recommended ul>li div:before {left: -16px;} .ci .ci_area>li .usage ul {gap: 32px 12px;} .ci .ci_area>li .usage ul>li {width: calc((100% - 24px) / 3);} .ci .ci_area>li .usage ul>li p {margin-top: 10px;font-size: 11px;} /* renewal_main */ .renewal_main .btn_arrow:after {width: 20px;height: 20px;} .renewal_main .btn_arrow.wh {font-size: 16px;} .renewal_main .tit_area .tit_con>h2 {font-size: 48px;} .renewal_main .main .tit_area {padding-top: 35vh} .renewal_main .main .tit_area>img {width: 230px;} .renewal_main .main .tit_area>h2 {margin-top: 24px;} .renewal_main .clients {padding: 120px 0 60px;} .renewal_main .clients .tit_area>h2 {font-size: 31px;} .renewal_main .clients .tit_area>h3{margin-bottom: 0;} .renewal_main .clients_area {margin-top: 50px;} .renewal_main .container h3 {font-size: 15px;} .renewal_main .ico_dash {padding: 0 10px;} .renewal_main .ico_dash:before{height: 15px;} .room_area .tit_area{padding-top: 19vh} .room_area .tit_area h3 {font-size: 29px;} .room_area .tit_area .btn_arrow.wh:after {top: 1px;} .renewal_main .portfolio_area {padding-top: 120px;padding-bottom: 50px;} .portfolio_area .tit_area h3 {font-size: 16px;} .list_portfolio .tit_area p {font-size: 14px;} .bbs_view_main .view_tit_area{bottom: 26px;} .bbs_view_main .view_tit_area>h3{font-size:22px;} .bbs_view_main .view_tit_area>p{font-size:14px;} .bbs_top_banner{padding-top: 24px;padding-bottom: 24px;} .bbs_top_banner .tit_area{width: 70%;} .bbs_top_banner .tit_area h3{font-size: 14px;} .bbs_top_banner .tit_area p{font-size: 14px;} .bbs_top_banner .ico_dic{width: 64px;height: 64px;} /* cscenter */ .cscenter_wrap {padding-top: 50px;} .cscenter_wrap .btn{height: 42px;font-size: 14px;} .cscenter_wrap #btn_submit {width: 140px;} .cscenter_wrap .tit_area h3 {font-size: 21px;} .cscenter_wrap .tit_area span {font-size: 15px;} .cscenter_wrap .label_area span {font-size: 15px;} .tbl_horizontal td input, .tbl_horizontal td select, .tbl_horizontal td textarea {font-size: 15px;} .tbl_horizontal td input, .tbl_horizontal td select{height: 42px;} .tbl_horizontal td textarea {height: 280px;padding: 16px 16px;} .tbl_horizontal td>p {font-size: 15px;} .tbl_horizontal .input_group .btn {min-width: 140px;} .tbl_horizontal .date:after {top: 10px;} /* sod_select */ .sod_select{height: 42px;line-height: 42px;} .sod_select:after {top: 10px;} .sod_select .sod_label{font-size: 14px;line-height: 42px;} /* royal */ .royal .story {padding-top: 80px;padding-bottom: 80px;} .royal .story>h2 {padding-bottom: 8px;font-size: 36px;} .royal .story .tit_area h3 {font-size: 24px;} .royal .story .tit_area h4 {font-size: 29px;} .royal .story .tit_area p {padding-top: 30px;} .royal .innovation {padding-top: 90px;padding-bottom: 140px;} .royal .innovation .tit_area h3 {font-size: 36px;} .royal .innovation .tit_area h2 {padding-top: 70px;font-size: 34px;} .royal .store {padding-top: 90px;padding-bottom: calc(100px + 22vw);} .royal .store h2 {font-size: 37px;} .royal .list_store .swiper-scrollbar {bottom: 14px;} .royal .list_store .swiper-horizontal>.swiper-scrollbar, .royal .list_store .swiper-scrollbar.swiper-scrollbar-horizontal{height: 2px;} .royal .store .tit_area h4 {font-size: 31px;} .royal .store .tit_area p {padding-top: 30px;font-size: 16px;} .royal .store .tit_area a {margin-top: 80px;font-size: 17px;} .royal .bathrooms {padding-top: 90px;padding-bottom: 90px} .royal .bathrooms .tit_area h3 {font-size: 35px;} .royal .bathrooms .tit_area h2 {font-size: 31px;} .royal .bathrooms .tit_area p {font-size: 17px;} /* ft_wrap */ .ft_wrap {padding-bottom: 140px;} .ft_wrap .ft_logo {width: 120px;} .ft_wrap .ft_gnb{margin-top: 40px;margin-bottom: 60px;} .ft_wrap .ft_gnb>li h3 {margin-bottom: 8px;} .ft_wrap .ft_gnb>li p {margin-bottom: 10px;} .ft_wrap .ft_info, .ft_wrap .ft_info>li a {font-size: 12px;} .ft_wrap .ft_info>li {padding-left: 8px;padding-right: 8px;} .ft_wrap .ft_info.mo li:nth-child(2){padding-right: 0;} } @media only screen and (max-width:440px) { .opened-mo-nav{height: 100vh !important;overflow: scroll;} .btn_dwn_line{height: 56px;padding-right: 64px;font-size: 15px;} .txt_main {font-size: 26px;} .txt_sub {font-size: 14px;} /* */ .list_page>li a {width: 34px;font-size: 15px;} /* banner_area */ .banner_area .tit_area{height: 300px} .banner_area .tit_area .show_mo, .banner_area .tit_area br{display:none !important} /* list_tab */ .tab_wrap.sub .list_tab li a {font-size: 14px;} .tab_sub_detail{margin-top: -10px;margin-bottom: 40px;} .tab_sub_detail .list_con li>a {font-size: 14px;} /* hd_search */ .hd_search .hd h2 {font-size: 22px;} .hd_search .con .two ul>li{gap: 4px;} .hd_search .con .two ul>li button.ico_close {right: 6px;} .hd_search .ipt_area {font-size: 15px;} /* tbl_wrap */ table thead th{font-size: 15px;} table tbody td{font-size: 15px;} .tbl_wrap{overflow-x: scroll;} .tbl_line .btn_dwn{font-size: 15px;} /* */ .search_area input[type="text"]{padding-left: 0 !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0 !important;} /* identity */ .identity .tit_area{padding-top:120px;padding-bottom:120px} .identity .tit_area h2{font-size: 15px;} .identity .tit_area h2>img{width: 120px;padding-bottom: 20px;margin-left: 8px;} .identity .tit_area div{padding-top:15px;padding-bottom: 21px;} .identity .tit_area div h3, .identity .tit_area div h4{font-size: 22px;} .identity .tit_area p{font-size: 14px;} .identity .tit_area p span{padding-top: 8px;} /* identity main */ .identity .main_area .bg{width:280px} .identity .main_area .main_txt>li img{width: 96px;} .identity .main_area .main_txt>li:nth-child(1){top:55px;margin-left:-92px} .identity .main_area .main_txt>li:nth-child(2){top:29px;margin-right:-210px} .identity .main_area .main_txt>li:nth-child(3){top:115px;margin-left:-122px} .identity .main_area .main_txt>li:nth-child(4){top:77px;margin-left:74px} .identity .main_area .main_txt>li:nth-child(5){top:119px;} /* product */ .product .main .bg{height: 360px;} .product .main .tit_area{padding-top: 20px;padding-bottom: 20px;} .product .main .tit_area h2{font-size: 30px;} .product .main .tit_area p{font-size: 12px;} .prd_area .tit_area h2>span {font-size: 30px;line-height: 1.2;} .prd_area .prd_select .select_con ul>li{padding: 0 16px;} .list_prd {gap: 12px 6px;margin-top: 12px;} .list_prd>li {width: calc((100% - 6px) / 2);} .list_nav.category ul{gap: 10px 6px;} .list_nav.category ul>li {width: calc((100% - 6px) / 2);} /* story */ .identity .story .tit_area .bg{transform: none !important;left: 0 !important;} /* ci */ .ci .main{height: calc(100vh - 66px);} .ci .ci_area>li .tit_area p{font-size: 13px;letter-spacing: -0.9px;} .ci .ci_area>li .img_area {margin-top: 30px;} .ci .ci_area>li .btn_center {margin-top: 110px;margin-bottom: 120px;} .ci .ci_area>li .primary ul>li{padding: 8px;} .ci .ci_area>li .primary ul>li p {font-size: 8.9px;} .ci .ci_area>li .background ul>li {gap: 6px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two {padding: 6.2vw 6px 6px;font-size: 7.9px;} .ci .ci_area>li .recommended ul>li>img {width: 22px;} .ci .ci_area>li .usage ul {gap: 32px 6px;} .ci .ci_area>li .usage ul>li {width: calc((100% - 12px) / 3);} .ci .ci_area>li .usage ul>li p{font-size: 10px;letter-spacing: -1.2px} .ci .ci_area>li .btn_center .btn_dwn_line.bk{padding: 0 34px 0px 14px;font-size: 16px;} .ci .ci_area>li .btn_center .btn_dwn_line.bk:after {right: 11px;} /* renewal_main */ .renewal_main .btn_arrow.wh {font-size: 14px;} .renewal_main .btn_arrow:after {width: 18px;height: 18px;} .renewal_main .btn_arrow.large:after {top: -17px;width: 12px;height: 21px;} .renewal_main .container h3 {font-size: 14px;} .renewal_main .tit_area .tit_con {margin-top: 34px;} .renewal_main .tit_area .tit_con>h2 {font-size: 34px;} .renewal_main .tit_area .tit_con>p {font-size: 14px;letter-spacing: -0.75px;} .renewal_main .tit_area>h3 {font-size: 14px;} .renewal_main .ico_dash:before {height: 14px;} .renewal_main .main{height:calc(100vh - 66px)} .renewal_main .main .tit_area {padding-top: 39vh} .renewal_main .main .tit_area>img {width: 190px;} .renewal_main .main .tit_area>h2 {margin-top: 18px;font-size: 14px;} .renewal_main .clients {padding: 80px 0 50px;} .renewal_main .clients .tit_area>h3 {font-size: 16px;} .renewal_main .clients .tit_area>h2 {font-size: 23px;margin-top: 16px;margin-bottom: 0;} .renewal_main .data_area>section{padding-top: 80px;} .renewal_main .data_area .two, .renewal_main .data_area .three {margin-top: -200px;} .renewal_main .data_area .tit_area .tit_con>p {margin-top: 14px;font-size: 14px;} .renewal_main .data_area .img_area {margin-top: 24px;} .renewal_main .focus_area {padding-top: 100px;padding-bottom: 80px;} .renewal_main .focus_area .btn_arrow {font-size: 13px;} .list_focus {margin-top: 40px;} .room_area .tit_area h3 {font-size: 23px;} .renewal_main .room_area{height: 72vh;} .room_area .tit_area {padding-top: 13vh;} .renewal_main .portfolio_area {padding-top: 80px;padding-bottom: 0;} .portfolio_area .tit_area h2 {font-size: 34px;} .portfolio_area .tit_area h3 {font-size: 14px;} .list_portfolio .img_area {height: 280px;} .list_portfolio {margin-top: 24px;} .list_portfolio .tit_area {padding: 12px 10px;} .list_portfolio .tit_area p {font-size: 12px;word-break: keep-all;} /* cscenter */ .cscenter_wrap .info {font-size: 12px;} .cscenter_wrap .btn_area {margin-top: 40px;} .cscenter_wrap #btn_submit {width: 120px;} .cscenter_wrap .tit_area h3 {font-size: 19px;} .cscenter_wrap .tit_area span {padding-right: 8px;font-size: 13px;} .tbl_horizontal td{padding: 8px 0;} .tbl_horizontal td>p {margin: 10px 0;} .tbl_horizontal tr:first-child td:first-child>p {margin-top: 10px;} .tbl_horizontal td input, .tbl_horizontal td select{padding: 10px 6px;} .tbl_horizontal td textarea {height: 240px;padding:10px 6px} .tbl_horizontal .input_group{gap: 6px;} .tbl_horizontal .input_group .btn{min-width: 102px;padding-left: 10px;padding-right: 10px;} .tbl_horizontal .file .col{gap: 6px;} .tbl_horizontal .file_desc{text-align: left;font-size: 13px;} .tbl_horizontal .addr .col:first-child {gap: 6px;} .tbl_horizontal .date:after {top: 11px;right: 6px;width: 21px;height: 21px;} /* sod_select */ .sod_select{padding-left:6px} .sod_select:after {right: 3px;} .sod_select.touch select {-webkit-appearance: menulist-button;position: absolute;top: 0;left: 0;display: block !important;height: 100%;width: 100%;opacity: 0;z-index: 1;} /* modal */ .modal.md_alert .btnbox button, .modal.md_confirm .btnbox button{font-size: 14px;} /* pop_wrap */ .pop_area {width: 92%;padding: 48px 16px 20px;} .pop_area .btn{font-size: 14px;} .pop_area .pop_content .tbl_view th, .pop_area .pop_content .tbl_view td{padding: 6px 10px;font-size: 14px;} /* shop_con 대리점 서비스점*/ .shop_wrap .shop_map{height: 300px;margin-top:80px} .shop_wrap .shop_search{gap: 6px;top: -74px;} .shop_wrap .shop_search .sod_select {width: 98px;} .shop_wrap .shop_search .sod_select .sod_list_wrapper {width: 98px;} .shop_con .shop_list{margin-top: 20px;} .sch_box{width: calc(100% - 98px);height: 42px;line-height: 42px;} .sch_box input{font-size: 14px;} .shop_list .item {margin-top: 12px;} .shop_list .item a{padding: 16px 12px;} .shop_list .item h3 {font-size: 19px;line-height: 19px;} .shop_list .item_info{gap: 1px;margin-top: 12px;} .shop_list .item_info>li {font-size: 13px;} .sch_box .btn_search{top: 6px;} .sch_box .btn_search .ico_search{width: 15px;height: 15px;} .shop_wrap .location_title {font-size: 19px;} .shop_wrap .gm-style .gm-style-iw {min-width: 180px !important;max-width: 212px !important;padding: 2px;} .shop_wrap .gm-style .gm-style-iw-d{font-size: 13px;} .shop_wrap .gm-ui-hover-effect{width: 40px !important;height: 40px !important;} .shop_wrap .gm-ui-hover-effect>span{margin: 8px !important;} .shop_wrap .gm-style-mtc-bbw .gm-style-mtc:first-of-type>button, .shop_wrap .gm-style-mtc-bbw .gm-style-mtc:last-of-type>button{height: 30px !important;padding: 0px 18px !important;font-size: 13px !important;} .shop_wrap .gm-style-mtc-bbw .gm-style-mtc .ssQIHO-checkbox-menu-item{font-size: 15px !important;} .shop_wrap .gmnoprint {right: 30px !important;} .shop_wrap .gmnoprint>div{box-shadow: 0 0 0 0 !important;background-color: transparent !important;} .shop_wrap .gm-control-active{width: 30px !important;height: 30px !important;} .shop_wrap .gm-svpc{width: 30px !important;height: 30px !important;} /* faq */ .cscenter_top{position: relative;margin-top: 30px;} .faq_wrap{padding: 12px;} .faq_wrap h3{font-size: 16px;} .faq_wrap h3>div {width: 100%;} .faq_wrap h3 .btn{position: absolute;top: -44px;left: 0;width: 100%;} .faq_wrap #faq_con>p{font-size: 15px;} /* acc_wrap */ .acc_wrap .sch_text h2 {font-size: 21px;} .acc_list{margin-top: 8%;} .acc_list>li h3 {word-break: break-all;font-size: 17px;} .acc_list>li .acc_btn {padding: 18px 20px;} .acc_list>li .acc_btn:before {top: 15px;left: 0;font-size: 16px;} .acc_list>li .sub_title{margin-top: 4px;} .acc_list>li .sub_title>p {font-size: 13px;} .acc_list>li .sub_title>p span{top: 1px;height: 12px;} .acc_list>li .sub_title>p:before{top: 8px;height: 12px;} .acc_list>li .ico_bottom {top: 21px;width: 19px;height: 19px;} .acc_view{padding: 12px;font-size: 14px !important;} .acc_view a {font-size: 14px !important;} /* certification-main_area */ .cert .cert_logo {padding: 6px 8px} .cert .cert_logo>img {width: 19px;} .cert .cert_logo>p {margin-top: 7px;padding-top: 7px;padding-right: 10px;padding-left: 10px;font-size: 11px;} .cert .main_area h2{padding-top: 26vw;font-size: 7.9vw} .cert .main_area .bg_main{margin-left: -8%;} /* certification-trend_area */ .cert .trend_area h3{font-size: 1.4rem} .cert .trend_area .list_trend {margin-top: 136px;} .cert .trend_area .list_trend>li{margin-top: 117px;} .cert .trend_area .list_trend>li img {width: 90px;margin-top: -72px} .cert .trend_area .list_trend>li h4 {font-size: 1.2rem;} .cert .trend_area .list_trend>li p{padding-top: 2%;font-size: 1rem;} /* certification-benefit_area */ .cert .business_area {padding-top: 34%;} .cert .business_area h3{padding-bottom: 140px;font-size: 1.3rem} .cert .business_area h3:after {height: 110px;} .cert .business_area .list_business{margin-top: 13px;} .cert .business_area .list_business li{padding: 0 4%;} .cert .business_area .list_business li p {padding-top: 5%;font-size: 11px;letter-spacing: -2px;} .cert .business_area .list_business li.one{margin-top: 16px;padding: 0 1%;} .cert .business_area .list_business li.one p {font-size: 17px;} .cert .business_area .list_business li.two {padding: 0 3%;} .cert .business_area .list_business li.two p {font-size: 14px;} .cert .benefit_area h3{padding: 6% 0 6%;font-size: 1.3rem} .cert .benefit_area .list_benefit{padding-top: 100px;padding-bottom: 260px} .cert .benefit_area .list_benefit>li{position: relative;} .cert .benefit_area .list_benefit>li{overflow: inherit;width:100%;margin-top: 262px;} .cert .benefit_area .list_benefit>li .tit_area{float:none;width: 100%;} .cert .benefit_area .list_benefit>li .tit_area .ico_num {font-size: 2.2rem;} .cert .benefit_area .list_benefit>li .tit_area>h4 {font-size: 1.5rem} .cert .benefit_area .list_benefit>li .tit_area>p {font-size: 1rem;} .cert .benefit_area .list_benefit>li .img_area {float:none;position: absolute;top: 0;right: 0;width: 57%;margin-top: 66vw;} .cert .benefit_area .list_benefit>li.reverse .tit_area{float:none;padding-left: 30%;-webkit-box-sizing: border-box;box-sizing: border-box;} .cert .benefit_area .list_benefit>li.reverse .img_area{float:none;left:0;right:auto;margin-top: 69%} .cert .benefit_area .list_benefit>li:nth-child(3){margin-top: 360px;} .cert .benefit_area .list_benefit>li:nth-child(3) .img_area {margin-top: 72%} /* certification-benefitAll_area*/ .cert .benefitAll_area{padding-bottom: 29%;} .cert .benefitAll_area .tit_area>h2{padding-top: 8%;font-size: 1.3rem} .cert .benefitAll_area .tit_area>p{font-size: 1.4rem;} .cert .benefitAll_area .tit_area>img {width: 72px} .cert .benefitAll_area .list_benefitAll>li h4 {font-size: 1rem;} .cert .benefitAll_area .list_benefitAll>li h5 {padding-top: 11%;font-size: 1.1rem;letter-spacing: -2px;} .cert .benefitAll_area .list_benefitAll>li p {font-size: 1rem;letter-spacing: -2px;} /* certification-join_area */ .cert .join_area{padding-top: 16%;padding-bottom: 38%;} .cert .join_area .tit_area h3{font-size: 1.6rem} .cert .join_area .list_join{margin-top: 10%} .cert .join_area .list_join>li:before {top: 30px;width: 18px;height: 22px;} .cert .join_area .list_join>li:nth-child(2) p:after, .cert .join_area .list_join>li:last-child p:after{width: 16px} .cert .join_area .list_join>li p{font-size: 1rem;letter-spacing: -2px;} .cert .join_area .list_join>li img{width: 76px;} .cert .join_area .btn_go{width:60%;height: 56px;line-height: 56px} .cert .join_area .btn_go b {font-size: 22px;line-height: 56px} /* certification-qna_area */ .cert .qna_area .tit_area.guide img{width: 186px;margin-left: 0;} .cert .qna_area .tit_area.guide h3{font-size: 1.5rem} .cert .qna_area .tit_area.guide p{font-size: 1.3rem} .cert .qna_area .list_guide{width: 74%;} .cert .qna_area .list_guide>li{padding: 14% 0;} .cert .qna_area .list_guide>li img{width: 124px;} .cert .qna_area .list_guide>li p {font-size: 1.2rem} .cert .qna_area .tit_area.qna h3{font-size: 1.6rem} .cert .qna_area .tit_area.qna .ico_arrow{width: 20px;} .cert .qna_area .tit_area.qna .img_consult{width: 82px;margin-bottom: -46px} .cert .qna_area .list_qna{padding: 70px 0 40px} .cert .qna_area .list_qna>li{border-left-width: 3px} .cert .qna_area .list_qna>li h4{font-size: 1.3rem} .cert .qna_area .list_qna>li .call_area>h5 {font-size: 12px;} .cert .qna_area .list_qna>li .call_area>p{font-size: 1rem} .cert .qna_area .list_qna>li .day_area{margin-top: 7px;} .cert .qna_area .list_qna>li .day_area>h5{font-size: 0.8rem} .cert .qna_area .list_qna>li .day_area>h5>b{font-size: 0.9rem;} .cert .qna_area .list_qna>li .day_area>p {margin-top: 3px;font-size: 12px;} .cert .qna_area .list_qna>li .btn_qna{width: 66%;height: 42px;line-height: 42px;font-size: 20px} /* royal */ .royal .story>h2 {font-size: 34px;} .royal .story .tit_area h4 {font-size: 27px;} .royal .story .tit_area h3 {font-size: 22px;} .royal .story .tit_area p {font-size: 16px;} .royal .innovation .tit_area h3 {font-size: 34px;} .royal .innovation .tit_area h2 {padding-top: 56px;font-size: 30px;} .royal .innovation .tit_area p {font-size: 16px;} .royal .innovation_area{padding-top: 110px;} .royal .list_innovation {gap: 34px 0;} .royal .list_innovation>li div {font-size: 50px;} .royal .list_innovation>li p {line-height: 1.3;} .royal .store h2 {font-size: 36px;} .royal .store .tit_area h4 {font-size: 29px;} .royal .bathrooms .tit_area h3 {font-size: 34px;} .royal .bathrooms .tit_area h2 {font-size: 30px;} .royal .bathrooms .tit_area p {font-size: 16.5px;} .royal .list_bathrooms {margin-top: 60px;} .royal .list_bathrooms>li p {font-size: 15.5px;} .royal .people {padding-top: 120px;} .royal .people .tit_area h3 {font-size: 37px;} .royal .people .tit_area h2 {font-size: 31px;} .royal .people .tit_area p {font-size: 17px;} .royal .people .list_people {margin-top: 70px;} .royal .people .list_people>li {font-size: 20px;} .royal .people .list_people>li:nth-child(2) p, .royal .people .list_people>li:nth-child(4) p, .royal .people .list_people>li:nth-child(6) p {padding: 14px;} .royal .inspiration {margin-top: 200px;height: 141vw;} .royal .inspiration .tit_area h3 {top: -149px;font-size: 38px;} .royal .inspiration .tit_area h3 span:nth-child(1) {right: -20px;} .royal .inspiration .tit_area h3 span:nth-child(2) {left: -20px;bottom: -46px;} .royal .inspiration .tit_area h2 {padding-top: 57px;font-size: 22px;} .royal .inspiration .tit_area p {padding-top: 38px;font-size: 15px;} /* ft_wrap */ .ft_wrap {padding-bottom: 120px;} .ft_wrap .ft_logo {width: 110px;} .ft_wrap .ft_gnb{gap: 40px 0;margin-top: 30px;margin-bottom: 50px;} .ft_wrap .ft_info>li {padding-left: 6px;padding-right: 6px;} .ft_wrap .ft_gnb>li a {font-size: 14px;} .ft_wrap .ft_gnb>li h3>a {font-size: 15px;} .ft_wrap .ft_info.mo {margin-top: 10px;} .ft_wrap .ft_info.mo li:nth-child(2){padding-right: 0;} } @media only screen and (max-width:360px) { /* common */ .txt_main {font-size: 24px;} .txt_sub {font-size: 13px;} /* list_tab */ .list_tab li a {font-size: 12px;} /* banner_area */ .banner_area .tit_area .txt_info {font-size: 12px;} /* product */ .product .main .tit_area p {font-size: 11px;} .list_nav h3 {font-size: 17px;} .list_nav h4 {font-size: 14px;} .list_nav h4.filter_tit .label_area span {font-size: 14px;} .list_nav.filter ul>li span {font-size: 13px;} .list_prd>li.no_data {font-size: 14px;} .prd_area .tit_area h2>span {font-size: 25px;} .prd_area .tit_area .pd_total {font-size: 14px;} .prd_area .prd_select .select_con ul>li>a span {font-size: 13px;} .prd_area .prd_select>select {padding: 0 27px 0 8px;font-size: 13px;} /* view */ .view .intro_area .tit_area>h2 {font-size: 29px;} .view .intro_area .tit_area>p {font-size: 16px;} .view .intro_area .down h3 {font-size: 16px;} /* identity */ .identity .main_area .bg {width: 260px;} .identity .main_area .main_txt>li:nth-child(2) {margin-right: -201px;} .identity .main_area .main_txt>li:nth-child(3) {margin-left: -115px;} /* ci */ .ci .ci_area>li .primary ul>li p {font-size: 8.5px;} .ci .ci_area>li .background ul>li .one, .ci .ci_area>li .background ul>li .two {font-size: 7px;} .ci .ci_area>li .usage ul>li p {font-size: 9px;} .ci .ci_area>li .btn_center .btn_dwn_line.bk {font-size: 15px;} /* faq */ .faq_wrap h3 {font-size: 15px;} /* acc_wrap */ .acc_wrap .sch_text{font-size: 21px} .acc_list {margin-top: 7%;} .acc_list>li .sub_title{flex-wrap: wrap;} .acc_list>li .sub_title>p {padding: 0 8px;font-size: 12px;} /* royal */ .royal .main .tit_area>h2{font-size: 8px;} .royal .story {padding-top: 16%;padding-bottom: 18%;} .royal .story>h2 {font-size: 26px;} .royal .story .tit_area h4 {font-size: 22px} .royal .story .tit_area h3 {font-size: 18px;} .royal .story .tit_area p {font-size: 14px;} .royal .innovation{padding-top: 18%;padding-bottom: 26%;} .royal .innovation .tit_area h3 {font-size: 24px;} .royal .innovation .tit_area h2 {padding-top: 30px;font-size: 24px;} .royal .innovation .tit_area p {font-size: 14px;} .royal .innovation_area{padding-top: 80px} .royal .list_innovation {gap: 24px 0;} .royal .list_innovation>li div {font-size: 44px;} .royal .list_innovation>li p {font-size: 11px} .royal .store{padding-top: 18%;} .royal .store h2 {font-size: 26px;} .royal .store .tit_area h4 {font-size: 21px;} .royal .store .tit_area p{font-size: 12px;} .royal .bathrooms{padding-top: 18%;padding-bottom: 18%;} .royal .bathrooms .tit_area h3 {font-size: 23px;} .royal .bathrooms .tit_area h2 {font-size: 22px;} .royal .bathrooms .tit_area p {font-size: 12px} .royal .list_bathrooms {margin-top: 60px;} .royal .list_bathrooms>li p {font-size: 12px} .royal .people {padding-top: 18%} .royal .people .tit_area h3 {font-size: 23px;} .royal .people .tit_area h2 {font-size: 26px;} .royal .people .tit_area p {font-size: 13px;} .royal .people .list_people>li {font-size: 15px;} .royal .people .list_people>li:nth-child(2) p, .royal .people .list_people>li:nth-child(4) p, .royal .people .list_people>li:nth-child(6) p {padding: 12px;} .royal .inspiration {margin-top: 160px;height: 146vw} .royal .inspiration .tit_area h3 {top: -117px;font-size: 29px;} .royal .inspiration .tit_area h3 span:nth-child(2) {bottom: -34px} .royal .inspiration .tit_area h2 {padding-top: 32px;font-size: 18px} .royal .inspiration .tit_area p {padding-top: 31px;font-size: 12px;} }