@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@font-face {font-family:ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 

.pagecommon{letter-spacing:-.2px;font-size:16px;line-height:1.6;font-family:'notokr-regular'}
.pagecommon *{word-break:keep-all}
/*인테리어*/
#p34{padding:0 30px 64px;text-align:center}
#p34 .tit_all{margin-bottom:60px}
#p34 .tit_all span{display:inline-block;margin-bottom:15px;font-weight:700;font-size:14px;color:#ffa20f;font-family:'Poppins',sans-serif}
#p34 .tit_all p{font-weight:normal;font-size:32px;color:#222;line-height:1.3;font-family:'notokr-thin'}
#p34 .tit_all p b{font-family:'notokr-bold'}
#p34 .cont_all{display:grid;grid-template-columns:repeat(2,1fr);text-align:left}
#p34 .cont_all li{overflow:hidden;height:349px;text-align:left}
#p34 .cont_all li .txt_all{padding:60px}
#p34 .cont_all li .txt_all div{padding-left:20px}
#p34 .cont_all li .txt_all span{display:inline-block;padding:0 35px;margin-bottom:30px;border-radius:20px;background-color:#ffa20f;font-weight:600;font-size:14px;line-height:40px;color:#fff;font-family:'Poppins',sans-serif}
#p34 .cont_all li .txt_all .tit{margin-bottom:20px;font-size:24px;color:#222;font-family:'notokr-medium'}
#p34 .cont_all li .txt_all .txt{white-space:pre-line}

/* 소개 */
#p33 .tit_all{display:flex;overflow:hidden;margin-left:66px;margin:0 189px 60px 66px}
#p33 .tit_all .eng_tit{margin-top:4px;float:left;margin-right:82px;font-weight:700;font-size:14px;color:#ffb00e;font-family:'Poppins',sans-serif}
#p33 .tit_all .txt_all{float:left;width:calc(100% - 130px)}
#p33 .tit_all .txt_all .tit{margin-bottom:60px;font-weight:normal;line-height:1.3;font-size:32px;color:#222;white-space:pre-line;font-family:'notokr-thin'}
#p33 .tit_all .txt_all .tit span{font-family:'notokr-bold'}
#p33 .tit_all .txt_all .tit span b{color:#ffb00e}
#p33 .tit_all .txt_all .s_txt{position:relative;font-size:18px;padding-left:20px}
#p33 .tit_all .txt_all .s_txt::before{position:absolute;width:3px;height:100%;background-color:#666;left:0;top:50%;transform:translateY(-50%);content:""}
#p33 .tit_all .txt_all .ali_box{margin-top:40px;display:flex;justify-content:space-between}
#p33 .tit_all .txt_all .ali_box li{padding:40px 0;width:calc(100% / 3 - 20px);background-color:#f5f5f5;border-radius:10px;white-space:pre-line;text-align:center;color:#555}
#p33 .tit_all .txt_all .ali_box li .num{margin:0 auto;width:33px;height:33px;border-radius:100%;background-color:#ffb00e;color:#fff;line-height:35px;font-weight:700;font-size:13px;font-family:'Poppins',sans-serif}
#p33 .m_tit{text-align:center;font-size:18px;margin-bottom:40px}
#p33 .img_all{position:relative;margin-bottom:55px;text-align:center}
#p33 .img_all:before{position:absolute;left:0;top:48px;width:100%;height:244px;background-color:#1b1e23;z-index:-1;content:''}
#p33 .img_all p{display:inline-block;position:relative}
#p33 .img_all p span{position:absolute;right:0;bottom:0;width:182px;height:106px;line-height:106px;background-color:#ffb00e}
#p33 .img_all p span img{width:65%}
#p33 .contents_all{text-align:center}
#p33 .contents_all ul{margin-bottom:55px}
#p33 .contents_all ul li{position:relative;display:inline-block;margin:0 37px;width:138px;height:138px;border:1px solid rgba(27,30,35,0.7);border-radius:50%}
#p33 .contents_all ul li:before{position:absolute;right:-50px;top:50%;width:19px;height:19px;margin-top:-10px;content:'';background:url(/sh_page/img/pluse.png) no-repeat center}
#p33 .contents_all ul li:last-child:before{display:none}
#p33 .contents_all ul li p{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#333;font-family:'notokr-medium'}
#p33 .contents_all ul li p b{font-weight:normal;color:#222}
#p33 .contents_all ul .box2{border:1px solid #ffb00e}
#p33 .contents_all ul .box2 p{color:#ffb00e}
#p33 .contents_all p strong{display:inline-block;position:relative;margin-bottom:60px;font-weight:normal;font-size:24px;color:#222;font-family:'notokr-light'}
#p33 .contents_all p strong:before{position:absolute;left:-5px;bottom:-5px;width:calc(100% + 10px);height:15px;background-color:rgba(255,176,14,0.2);content:'';z-index:-1}
#p33 .contents_all p strong b{color:#ffb00e;font-family:'notokr-bold'}
#p33 .contents_all .btm{display:inline-block;border-bottom:1px solid #666}

/* 지점안내 */
#p35{margin:0 0 0 auto;width:1020px;padding:0 20px 0 40px;}
#p35 div.gallery_img{overflow:hidden;position:relative;width:100%;max-height:700px;margin-bottom:25px}
#p35 div.gallery_img li{text-align:center}
#p35 div.gallery_img img{width:auto;max-width:100%;max-height:700px;vertical-align:middle}
#p35 div.gallery_thumb{overflow:hidden}
#p35 div.gallery_thumb li{position:relative;overflow:hidden;float:left;width:10%;height:86px;text-align:center;cursor:pointer;background-size:cover !important;background-position:center}
#p35 div.gallery_thumb li:before{position:absolute;left:0;content:'';width:100%;height:100%;background:rgba(0,0,0,.5);transition:0.3s}
#p35 div.gallery_thumb li:hover:before,#p35 div.gallery_thumb li.swiper-slide-thumb-active:before{opacity:0}
#p35 .swiper-button-white{width:50px;height:50px;border-radius:100%;background:rgba(0,0,0,.5)}
#p35 .swiper-button-white:after{font-size:20px}
#p35 .swiper-button-prev{left:0}
#p35 .swiper-button-next{right:0}

/* 메인 */
#p37{text-align:center}
#p37 .txt_wrap{display:flex;margin-top:60px;justify-content:space-between}
#p37 .txt_wrap li{position:relative;width:calc(100% / 2 - 108px)}
#p37 .txt_wrap li:nth-child(2)::before{position:absolute;width:1px;height:150px;background-color:#e1e1e1;left:-21%;top:50%;transform:translateY(-50%);content:""}
#p37 .txt_wrap li .m_txt{margin:0 auto;background-color:#000;color:#fff;width:360px;padding:20px 0;border-radius:50px}
#p37 .txt_wrap li .m_txt p{font-size:15px;font-family:'notokr-medium'}
#p37 .txt_wrap li .m_txt .eng{display:inline-block;margin-bottom:5px;font-size:20px;color:#ffa20f;font-weight:700;font-family:'Poppins', sans-serif}
#p37 .txt_wrap li .txt{margin:40px 0;font-size:16px;color:#333;font-family:'notokr-medium'}
#p37 .txt_wrap li .txt p + p{margin-top:10px;padding-top:10px;border-top:1px dashed #e1e1e1}

/* 반응형 [s] */
@media (max-width:1150px){
#p33{text-align:center}
#p33 .tit_all{display:block;margin:0;padding:0 50px 60px}
#p33 .tit_all .txt_all .tit{margin:20px 0 30px}
#p33 .tit_all .eng_tit{margin-top:0;float:none;margin-right:0}
#p33 .tit_all .txt_all{float:none;width:100%}
#p33 .tit_all .txt_all .s_txt{padding-left:0}
#p33 .tit_all .txt_all .s_txt::before{display:none}
.idx_atc01 .atc01_txt{word-break:keep-all}

}
@media (max-width:1024px){
#p33 .tit_all .txt_all .tit{font-size:30px}
#p33 .img_all img{width:100%}
#p33 .img_all:before{display:none}
#p33 .tit_all .txt_all .ali_box li{white-space:normal;padding:30px 20px}
#p33 .tit_all .txt_all .ali_box li .num{margin-bottom:10px;width:28px;height:28px;line-height:30px}
#p34 .tit_all p{font-size:30px}
#p34 .cont_all li .txt_all{padding:40px}
#p34 .cont_all li img{width:100%;height:100%;object-fit:cover}
#p34 .cont_all li .txt_all .txt{white-space:normal}
#p37 .txt_wrap{display:block}
#p37 .txt_wrap li{width:100%;padding:0 140px}
#p37 .txt_wrap li .m_txt .eng{font-size:14px}
#p37 .txt_wrap li + li{margin-top:70px}
#p37 .txt_wrap li .txt{font-size:15px}
}
@media (max-width:768px){
#p33 .tit_all .txt_all .tit{font-size:25px}
#p33 .tit_all .txt_all .s_txt{font-size:16px}
#p33 .tit_all{padding:0 0 40px}
#p33 .tit_all .txt_all .ali_box{font-size:15px}
#p33 .contents_all p strong{font-size:20px}
#p33 .m_tit{font-size:16px}
#p34 .tit_all{margin-bottom:30px}
#p34 .tit_all p{font-size:25px}
#p34{padding:0}
#p34 .cont_all li{height:auto}
#p34 .cont_all li .txt_all span{font-size:13px;padding:0 25px}
#p34 .cont_all li .txt_all{padding:40px 20px;text-align:center}
#p34 .cont_all li .txt_all div{padding-left:0}
#p34 .cont_all li .txt_all .tit{font-size:22px}
#p34 .cont_all li .txt_all .txt{font-size:15px}
#p35{width:100%;padding:0;}
#p37 .txt_wrap li{padding:0}
#p37 .txt_wrap li .m_txt{width:300px;padding:15px 0}
}
@media (max-width:672px){
#p33 .contents_all ul li:nth-child(1):before{top:97%}
#p33 .contents_all ul li:nth-child(2):before{display:none}
#p33 .contents_all ul .box3{margin-top:40px}
#p34 .cont_all{grid-template-columns:repeat(1,1fr)}
#p34 .cont_all li:nth-child(4){order:3}
#p34 .cont_all li:nth-child(3){order:4}
#p34 .cont_all li:nth-child(5){order:5}
#p34 .cont_all li:nth-child(6){order:6}
}
@media (max-width:480px){
#p33 .tit_all .eng_tit{font-size:13px}
#p33 .tit_all .txt_all .tit{margin:15px 0;white-space:normal}
#p33 .tit_all .txt_all .ali_box{display:block;margin-top:30px}
#p33 .tit_all .txt_all .ali_box li{width:100%;padding:20px}
#p33 .tit_all .txt_all .ali_box li + li{margin-top:10px}
#p33 .tit_all .txt_all .ali_box li .num{margin-bottom:20px}
#p33 .img_all{margin-bottom:40px}
#p33 .img_all p span{width:140px}
#p33 .contents_all p strong:before{display:none}
#p34 .tit_all span{font-size:13px}
#p34 .cont_all li{height:auto}
#p34 .cont_all li img{width:100%;height:auto}
#p34 .cont_all li .txt_all{padding:20px 0 30px;}
#p34 .cont_all li .txt_all span{margin-bottom:20px}
#p34 .cont_all li .txt_all .tit{margin-bottom:10px;font-size:20px}
#p35 div.gallery_thumb li{height:70px}
#p35 .swiper-button-white{width:40px;height:40px}
#p35 .swiper-button-white:after{font-size:15px}
#p37 .txt_wrap li .txt{margin:30px 0 40px}
#p37 .txt_wrap{margin-top:30px}
#p37 img{width:35%}
.pagecommon{margin-top:25px}
}
@media (max-width:457px){
#p33 .contents_all ul .box2{margin-top:40px}
#p33 .contents_all ul li:before{right:59px}
#p33 .contents_all ul li:nth-child(1):before{top:116%}
#p33 .contents_all ul li:nth-child(2):before{display:block;top:116%}
}
@media (max-width:320px){
#p33 .tit_all .txt_all .tit{font-size:20px}
#p33 .tit_all .txt_all .s_txt{font-size:15px}
#p33 .m_tit{font-size:15px;margin-bottom:20px}
#p33 .contents_all ul{margin-bottom:30px}
#p33 .contents_all p strong{margin-bottom:20px;font-size:18px}
#p33 .contents_all .btm{font-size:15px}
#p34 .tit_all p{font-size:20px}
#p34 .cont_all li .txt_all span{font-size:12px}
#p34 .cont_all li .txt_all .tit{margin-bottom:10px;font-size:18px}
#p35 div.gallery_thumb li{height:60px}
#p37 .txt_wrap li .m_txt{width:275px;padding:10px 0}
}
/* 반응형 [e] */