@charset "utf-8";
@import url("font.css");
@import url("common.css");
@import url("swiper-bundle.min.css");
@import url("slick.css");
@import url("animate.css");

/*공통 css*/
html,body {position:relative; width:100%; height:100%; word-break:keep-all;}
.wrapper {width:1200px; margin:0 auto;}
h3 {font-size:34px; font-weight:600; line-height:1.4; letter-spacing:-0.02em;}
h3.font01 {font-size:40px;}
.mo_ver, .mo_img, .mo_br {display:none;}

.point_grey {color:#888;}

.bg_map {display:none; position:fixed; z-index:101; left:0; bottom:0; width:100%; height:100%;} 

/*sub_tit*/
.sub_tit {display:block; margin-bottom:24px; color:#11374D; font-size:14px; font-weight:700; font-family:"notoseri"; line-height:1; letter-spacing:0.27em;}

.sub_tit.dot_tit {display:inline-block; position:relative; padding:0 22px; margin-bottom:32px; font-size:20px;}
.sub_tit.dot_tit:before,
.sub_tit.dot_tit:after {content:''; position:absolute; z-index:1; top:50%; width:6px; height:6px; border-radius:50%; transform:translateY(-50%); background:#ccc;}
.sub_tit.dot_tit:before {left:0;}
.sub_tit.dot_tit:after {right:0;}

.plate_box.pop_plate {position:fixed; z-index:303; top:50%; left:50%; transform:translate(-50%,-50%);}
.plate_box > ul > li {display:none; position:relative; width:504px; padding:40px 40px 46px; border-radius:8px; border:1px solid #e0e0e0; text-align:left; box-shadow:0 4px 15px 0 rgba(0,0,0,0.07); background:#fff;}
.plate_box > ul > li.on {display:block;}
.plate_box > ul > li > strong {display:block; padding-left:22px; margin-bottom:16px; font-size:20px; font-weight:600; line-height:1.5; letter-spacing:-0.02em; background:url(/images/ico_plate.png) no-repeat left center; background-size:14px 19px;}
.plate_box > ul > li > a,
.plate_box > ul > li > p {display:block; color:#555; line-height:1.6;}

.plate_box > ul > li > a.tel{position:relative; color:#11374D;font-weight:bold;padding-left:20px;}
.plate_box > ul > li > a.tel:after{position:absolute; top:4px; left:0; display:block;clear:both;content:"";width:14px;height:14px;background:url(/images/ico_phone.svg) center center no-repeat;}
.plate_box > ul > #daegu {position:relative; left:90px;}

.plate_box > ul > li .plate_btn {display:flex; margin-top:20px;}
.plate_box > ul > li .plate_btn > a {display:block; width:132px; font-size:12px; border-radius:38px; line-height:38px;}
.plate_box > ul > li .plate_btn > a + a {margin-left:16px;}
.plate_box > ul > li .close_btn {position:absolute; z-index:1; top:10px; right:10px; width:24px; height:24px; text-indent:-9999px; background:url(/images/ico_close05.svg) no-repeat; background-size:100%;}

/*btn*/
.kakao_btn {font-weight:600; text-align:center; background-color:#FAE100;}
.kakao_btn > span {padding-left:27px; background:url(/images/ico_kakao.svg) no-repeat left center;}
.res_btn {color:#fff; font-weight:600; text-align:center; background-color:#333;}
.res_btn > span {padding-left:24px; background:url(/images/ico_cal.svg) no-repeat left center;}

/*philosophy_wrap*/
.philosophy_wrap {padding:78px 0 85px; background:#11374D; line-height:1.4;}
.philosophy_wrap > div {display:flex; align-items:center; justify-content:space-between;}
.philosophy_wrap > div > p {color:#fff; font-size:30px; letter-spacing:-0.02em;}
.philosophy_wrap > div > a {display:inline-block; padding:15px 59px; color:#fff; font-weight:600; font-size:14px; border:1px solid rgba(255,255,255,0.2);}
.philosophy_wrap > div > a:hover {color:#11374D; background:#fff;}

/*right_select*/
.right_select {position:fixed; z-index:103; right:50px; bottom:50px; width:160px;}
.right_select a {display:block; width:100%; color:#fff; font-weight:600; border-radius:55px; line-height:1.2; background:#11374D; background-repeat:no-repeat; background-position:right 32px center;}
.right_select > a {position:relative; z-index:9; top:0; padding:18px 32px; font-size:16px; background-image:url(/images/ico_down.svg); transition:top .4s ease;}
.right_select > a.on {background-image:url(/images/ico_up.svg);} 
.right_select > div > ul {position:relative; width:100%;}
.right_select > div > ul > li {position:absolute; z-index:8; bottom:0; right:0; width:100%; margin-top:8px; opacity:0; transition:bottom .4s ease , opacity .4s ease;}
.right_select.active > div > ul > li {opacity:1;}
.right_select > div > ul > li > a {padding:14px 32px; font-size:14px; background-image:url(/images/ico_go.svg);}

@keyframes fade {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes fadeDown {
	0% {opacity:0; transform:translateY(-30px);}
	100% {opacity:1; transform:translateY(0);}
}

@keyframes circle {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

/*sub_visual*/
.sub_visual {width:100%; height:422px; padding-top:226px; text-align:center; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.sub_visual.story_vis {background-image:url(/images/bg/bg_story.jpg); background-position:center bottom;}
.sub_visual.brand_vis {background-image:url(/images/bg/bg_brand.jpg); background-position:center bottom;}
.sub_visual.custom_vis {background-image:url(/images/bg/bg_custom.jpg); background-position:center;}
.sub_visual.res_vis {background-image:url(/images/bg/bg_res.jpg); background-position:center;}
.sub_visual > p {color:#fff; font-size:40px; line-height:1.5; letter-spacing:-0.02em;}

/*s : 메인*/
.main_wrapper .contents > div {padding-top:200px; text-align:center;}
.main_wrapper .contents > div:last-child {padding-bottom:200px;}

.wave_wrap {position:relative; padding:200px 0; overflow:hidden;}
.wave_wrap > h3 {font-weight:400; line-height:1.5;}
.wave_wrap > p {margin-top:32px; color:#555; line-height:1.5;}
.wave_wrap .wave_box {position:absolute; z-index:-1; left:0; bottom:0; width:100%;}
.wave_wrap .wave_box [class^="wave"] {position:absolute; left:0; bottom:0; text-indent:-9999px; background-size:100%;}
.wave_wrap .wave_box .wave01 {z-index:0; width:2230px; height:317px; background: url('/images/bg_wave01.png')50% 100%/100% repeat-x; animation:wave01 20s linear infinite; -webkit-animation:wave01 20s linear infinite;}
.wave_wrap .wave_box .wave02 {z-index:1; width:2563px; height:402px; background: url('/images/bg_wave02.png')50% 100%/100% repeat-x; animation:wave02 40s linear infinite; -webkit-animation:wave02 40s linear infinite;}

@keyframes wave01 {
    0% {background-position-x: 0;}
    100% {background-position-x: 1600px;}
  }
  
  @keyframes wave02 {
    0% {background-position-x: 0;}
    100% {background-position-x: -1600px;}
  }


.visual .vis_slide ul li .vis_txt {position:absolute; z-index:1; top:310px; right:20%; width:auto; color:#fff; text-align:center; letter-spacing:-0.02em;}
.visual .vis_slide ul li .vis_txt p {opacity:0; font-weight:600; font-size:50px; line-height:1.5;}
.visual .vis_slide ul li .vis_txt em {display:block; margin-top:40px; font-size:30px; line-height:1.6; opacity:0;}

.visual .vis_slide ul li.swiper-slide.swiper-slide-active .vis_bg {transform:scale(1); transition:transform 3.5s linear;}
.visual .vis_slide ul li.swiper-slide-active .vis_txt p {animation:fadeDown .7s ease .5s; animation-fill-mode:forwards;}
.visual .vis_slide ul li.swiper-slide-active .vis_txt p:nth-of-type(2) {animation-delay:.7s;}
.visual .vis_slide ul li.swiper-slide-active .vis_txt em {animation:fade .7s ease 1.5s; animation-fill-mode:forwards;}

.visual .vis_slide .vis_dots {position:absolute; z-index:1; left:inherit; right:20%; bottom:212px; width:auto; height:12px;}
.visual .vis_slide .vis_dots span {display:inline-block; width:12px; height:12px; margin:0 9px; border:2px solid #fff; border-radius:50%; text-indent:-9999px; background:transparent; opacity:1;}
.visual .vis_slide .vis_dots span.swiper-pagination-bullet-active {background:#fff;}

.visual .rotate_wrap {position:absolute; z-index:2; left:50%; bottom:-110px; transform:translateX(-50%); background-image:url(/images/rotate_wrap_bg.png);}
.visual .rotate_wrap > div {animation:circle 15s linear infinite;}




.custom_wrap {text-align:center;}
.brand_wrapper .custom_wrap {padding-top:180px; padding-bottom:178px;}
.custom_wrapper .custom_wrap {padding-top:200px; padding-bottom:178px;}
.custom_wrap > ul {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:60px;}
.custom_wrap > ul:after {display:none;}
.custom_wrap > ul > li {width:calc(33.333% - 30px);}
.custom_wrap > ul > li > a {display:block;}
.custom_wrap > ul > li > a > div {position:relative; border:1px solid #E0E0E0;}
.custom_wrap > ul > li:hover > a > div:before {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(17,55,77,0.7) url(/images/ico_search.svg) no-repeat center;} 
.custom_wrap > ul > li > a > strong {display:block; margin-top:32px; font-size:20px; line-height:1;}

.made_wrap .made_link {position:relative; width:100%; max-width:1920px; height:632px; margin:0 auto; margin-top:60px; background-repeat:no-repeat; background-position:center; background-size:cover; transition:background 1s ease;}
.made_wrap .made_link[data-bg="made01"] {background-image:url(/images/bg/bg_made01.jpg);}
.made_wrap .made_link[data-bg="made02"] {background-image:url(/images/bg/bg_made02.jpg);}
.made_wrap .made_link[data-bg="made03"] {background-image:url(/images/bg/bg_made03.jpg);}

.made_wrap .made_link > a {display:block; width:100%; height:100%}
.made_wrap .made_link > a > ul {display:flex; flex-wrap:wrap; width:100%; height:100%;}
.made_wrap .made_link > a > ul:after {display:none;}
.made_wrap .made_link > a > ul > li {position:relative; width:33.333%; color:#fff;}
.made_wrap .made_link > a > ul > li + li {border-left:1px solid rgba(255,255,255,0.3);}
.made_wrap .made_link > a > ul > li > div {position:absolute; z-index:1; top:50%; width:100%; line-height:1.6; letter-spacing:-0.03em; transform:translateY(-50%);}
.made_wrap .made_link > a > ul > li > div > em {font-size:30px; font-weight:700; opacity:0.7; transition:all 1s ease;}
.made_wrap .made_link > a > ul > li:hover > div > em {opacity:1;}
.made_wrap .made_link > a > ul > li > div > p {position:absolute; margin-top:24px; font-size:18px; opacity:0;}
.made_wrap .made_link > a > ul > li > div > p:after {content:''; display:block; width:80px; height:80px; margin:0 auto; margin-top:60px; background:url(/images/ico_plus.svg) no-repeat;}
.made_wrap .made_link > a > ul > li:hover > div > p {position:relative; opacity:1; transition:all 1s ease;}
.made_wrap .made_link > a > ul > li:hover > div > p:after {opacity:1; transition:all 1s ease;} 

.story_wrap > ul {max-width:1920px; margin:0 auto; margin-top:60px;}
.story_wrap > ul > li{margin-bottom:20px}
.story_wrap > ul > li > a {display:block; position:relative; color:#fff; line-height:1.4; letter-spacing:-0.02em; overflow:hidden;}
.story_wrap > ul > li > a > p > .pc_img {width:100%;}
.story_wrap > ul > li:hover > a > p {position:relative;}
.story_wrap > ul > li:hover > a > p:before {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); transition:all 1s ease;}
.story_wrap > ul > li:hover > a > p > img {scale:1.3; transition:all 1s ease;}
.story_wrap > ul > li > a > div {display:flex; align-items:center; justify-content:space-between; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%);}
.story_wrap > ul > li > a > div > strong {font-size:40px; text-align:left; word-break:keep-all;}
.story_wrap > ul > li > a > div > p {flex-shrink:0; padding:14px 103px 14px 0; margin-left:60px; font-weight:600; font-size:20px; background:url(/images/ico_under.svg) no-repeat right bottom;}

.plate_wrap {position:relative; padding-top:200px !important; overflow:hidden;}
.plate_wrap:before {content:'RING PLATE'; position:absolute; z-index:1; top:-14px; left:-13px; color:#f3f3f3; font-size:140px; font-weight:600; font-family:'amiri'; line-height:1;}
.plate_wrap .plate_tit {position:relative; z-index:3;}
.plate_wrap .map_wrap {position:relative;}
.plate_wrap .map_wrap .map_box {position:relative; z-index:102; left:50%; width:431px; margin-top:60px; transform:translateX(-50%);}
.plate_wrap .map_wrap .map_box > img {position:relative; z-index:2;}
.plate_wrap .map_wrap .map_box:before,
.plate_wrap .map_wrap .map_box:after {content:''; position:absolute; z-index:0; top:50%; left:50%; width:342px; height:342px; border-radius:50%; border:1px solid #E0E0E0; opacity:0; transtion:1s; transform:translate(-50%,-50%); animation-duration:3s; animation-fill-mode:forwards; animation-timing-function:ease-in; animation-name:motion; animation-iteration-count:infinite;}
.plate_wrap .map_wrap .map_box:before {animation-delay:0.6s;}
.plate_wrap .map_wrap .map_box:after {animation-delay:1.2s;}
.plate_wrap .map_wrap .map_box > span {position:absolute; z-index:0; top:50%; left:50%; width:342px; height:342px; border-radius:50%; border:1px solid #E0E0E0; opacity:0; transtion:1s; transform:translate(-50%,-50%); text-indent:-9999px; animation:motion 3s ease-in infinite 1.8s;}

@keyframes motion{ 
	0% {opacity:0; width:342px; height:342px;} 
	25% {opacity:1;} 
	100% {opacity:0; width:784px;height:784px;} 
}

.plate_wrap .map_wrap .position_box a {display:block; position:absolute; z-index:4; width:24px; height:31px; transform:scale(0.66); text-indent:-9999px; background:url(/images/ico_plate.png) no-repeat; background-size:100%; transition:all .5s ease; transform-origin:center bottom;}
.plate_wrap .map_wrap .position_box a.po_seoul {top:95px; left:127px;}
.plate_wrap .map_wrap .position_box a.po_incheon {top:93px; left:95px;}
.plate_wrap .map_wrap .position_box a.po_suwon {top:140px; left:154px;}
.plate_wrap .map_wrap .position_box a.po_daejeon {left:155px; bottom:280px;}
.plate_wrap .map_wrap .position_box a.po_gwangju {left:86px; bottom:140px;}
.plate_wrap .map_wrap .position_box a.po_busan {right:94px; bottom:124px;}
.plate_wrap .map_wrap .position_box a.po_daegu {right:137px; bottom:208px;}
.plate_wrap .map_wrap .position_box a:hover,
.plate_wrap .map_wrap .position_box a.on {transform:scale(1.5);}

.plate_wrap .map_wrap > ul {display:flex; flex-wrap:wrap; justify-content:center; position:relative; z-index:103; margin:100px -10px 0 0;}
.plate_wrap .map_wrap > ul:after {display:none;}
.plate_wrap .map_wrap > ul > li > a {display:block; padding:20px 30px; margin:10px 10px 0 0; color:#11374D; font-weight:600; border-radius:8px; border:1px solid #E0E0E0; line-height:1.5; letter-spacing:-0.02em; background:#fff;}
.plate_wrap .map_wrap > ul > li.on > a,
.plate_wrap .map_wrap > ul > li:hover > a {color:#fff; background:#11374D;}
.plate_wrap .map_wrap > ul > li > a > span {padding-left:22px; border:0; background:url(/images/ico_plate03.svg) no-repeat left center; background-size:14px 19px;}
.plate_wrap .map_wrap > ul > li.on > a > span,
.plate_wrap .map_wrap > ul > li:hover > a > span {background-image:url(/images/ico_plate02.png);}

.plate_wrap .plate_box {position:absolute; z-index:103; top:112px; right:-305px;}

.best_review > ul {margin-top:60px;}
.best_review > ul li {width:380px; height:400px; margin:0 15px;}
.best_review > ul li a {display:block; position:relative;}
.best_review > ul li a:before {opacity:0; content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.best_review > ul li:hover a:before {opacity:1;}
.best_review .best_txt {position:absolute; z-index:2; top:50%; left:0; width:100%; padding:0 20px; color:#fff; font-size:14px; font-weight:600; line-height:1.5; transform:translateY(-50%); text-align:left; opacity:0;}
.best_review > ul li:hover .best_txt {opacity:1;}
.best_review .best_btn {display:none;}
/*e : 메인*/

/*커스텀 제품 보기*/
.product_vis {width:100%; height:900px; padding-top:430px; color:#fff; text-align:center; line-height:1.5; letter-spacing:-0.02em; background:url(/images/bg/bg_product_top01.jpg) no-repeat center; background-size:cover;}
.product_vis.ring {background-image:url(/images/bg/bg_product_top02.jpg);}
.product_vis.necklace {background-image:url(/images/bg/bg_product_top03.jpg);}
.product_vis.bracelet {background-image:url(/images/bg/bg_product_top04.jpg);}
.product_vis > strong {display:block; font-size:40px; font-weight:400;}
.product_vis > p {margin-top:24px; font-size:24px; font-weight:600;}

.filter_wrap {border-bottom:1px solid #e0e0e0; text-align:right;}
.filter_wrap > div {position:relative;}
.filter_wrap .product_btn_wrap > a {display:inline-block; padding:20px 34px; border-color:#e0e0e0; border-style:solid; border-width:0 1px;}
.filter_wrap .product_btn_wrap > a.array_btn {display:none;}
.filter_wrap .product_btn_wrap > a > span {padding-left:34px; background:url(/images/ico_filter.svg) no-repeat left center;}

.filter_wrap .filter_box {display:none; position:absolute; z-index:2; top:78px; right:0; min-width:447px; max-width:1200px; padding:32px 32px; text-align:left; border-radius:6px; border:1px solid #e0e0e0; box-shadow:0 4px 20px 0 rgba(0,0,0,0.1); background:#fff;}
.filter_wrap .filter_box.on {display:block;}
.filter_wrap .filter_box > div > p {color:#888; font-size:12px; font-weight:700;}
.filter_wrap .filter_box > div .cate_list {width:100%; margin-top:16px;}
.filter_wrap .filter_box > div .cate_list > ul {display:flex; line-height:1.5; margin:0 -12px; white-space:nowrap; padding-bottom:24px;}
.filter_wrap .filter_box > div .cate_list > ul li {margin:0 12px;}
.filter_wrap .filter_box > div .cate_list > ul li.on {font-weight:700;}
.filter_wrap .filter_box > div .cate_list > ul > li > a {display:block; color:#555; font-size:14px;}

.product_top {display:flex; justify-content:space-between; align-items:center;}
.product_top > ul {display:flex; overflow:auto; width:100%; scrollbar-width:none; -ms-overflow-style:none;}
.product_top > ul::-webkit-scrollbar {display:none;}
.product_top > ul > li {flex-shrink:0;}
.product_top > ul > li > a {display:block; padding:24px 20px; color:#555; font-size:20px; line-height:1.5; letter-spacing:-0.02em;}
.product_top > ul > li:first-child > a {padding-left:0;}
.product_top > ul > li.kboard-category-selected > a {font-weight:600;}
.product_top > p {flex-shrink:0; line-height:1;}

.product_con {padding-bottom:460px;}
.product_con > ul {display:flex; flex-wrap:wrap; margin:-8px -30px 0 0;}
.product_con > ul:after {display:none;}
.product_con > ul > li {width:calc(33.333% - 30px); margin:40px 30px 0 0;}
.product_con > ul > li a {display:block; height:100%;}

.product_btn {display:flex; justify-content:center; margin-top:80px; font-family:"montserrat";}
.page_wrap > ol {display:flex; margin:0 12px;}
.page_wrap > ol > li {width:48px; height:48px;}
.page_wrap > ol > li + li {margin-left:12px;}
.page_wrap > ol > li > a {display:block; padding:15px 0; text-align:center;}
.page_wrap > ol > li.active > a,
.page_wrap > ol > li:hover > a {border-radius:8px; background:#f0f0f0;}
.page_wrap > ol > li[class*="page"] a {text-indent:-9999px; background-repeat:no-repeat; background-position:center;}
.page_wrap > ol > li.prev-page a {background-image:url(/images/ico_left.svg);}
.page_wrap > ol > li.next-page a {background-image:url(/images/ico_right.svg);}
.page_wrap > ol > li.first-page,
.page_wrap > ol > li.last-page {display:none;}

.popup_wrap {display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.popup_product {position:absolute; z-index:1; top:50%; left:50%; width:30%; max-width:1000px; height:80%; max-height:80%; transform:translate(-50%,-50%);}
.popup_product > div {width:100%; height:100%; overflow-y:auto; background:#fff;}
.popup_product > div > ul {position:relative;}
.popup_product > div > ul .slick-dots {position:absolute; z-index:1; left:0; bottom:60px; width:100%; height:12px; text-align:center;}
.popup_product > div > ul .slick-dots > li {display:inline-block; width:12px; height:12px; margin:0 7px; border-radius:50%; border:2px solid #ccc; text-indent:-9999px;}
.popup_product > div > ul .slick-dots > li.slick-active {background:#ccc;}
.popup_product > div > div {padding:40px 40px; color:#555; border-top:1px solid #e0e0e0; line-height:1.6; background:#fff;}
.popup_product > div > div > strong {font-size:20px;}
/*
이부분 skin.style.css에 추가함. 파일위치는 wp-content/plugin/kboard/product_skin/style.css
.popup_product > div > div > div {margin-top:24px;}
.popup_product > div > div > div > * {font-size:15px;}
.popup_product > div > div > div > p.import {margin-top:10px; font-weight:700;}
*/
.popup_product > a {position:absolute; z-index:1; top:-72px; right:-72px; width:72px; height:72px !important; text-indent:-9999px; background:url(/images/ico_close04.svg) no-repeat;}

/*링플레이트 스토리*/
.story_wrapper .contents > div {padding-top:160px;}
.story_wrapper .contents > div:last-child {padding-bottom:190px;}
.story_con > ul > li + li {margin-top:40px;}
.story_con > ul > li > a {display:block; position:relative; width:100%; height:100%; color:#fff; line-height:1.4; letter-spacing:-0.02em; overflow:hidden;}
.story_con > ul > li > a:hover:before {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 1s ease;}
.story_con > ul > li > a:hover > p > img {scale:1.1; transition:scale 1s ease;}
.story_con > ul > li > a > div {display:flex; align-items:center; justify-content:space-between; position:absolute; z-index:1; top:50%; left:0; width:100%; padding:0 140px 0 160px; transform:translateY(-50%);}
.story_con > ul > li > a > div > strong {font-size:30px; word-break:keep-all;}
.story_con > ul > li > a > div > p {flex-shrink:0; padding:12px 64px 12px 0; margin-left:40px; font-weight:600; background:url(/images/ico_under02.svg) no-repeat right bottom;}
.story_con > ul > li.on > a > div > p {display:none;}
.story_con > ul > li > div {display:none; position:relative; padding:80px 80px; margin:40px 0 80px; box-shadow:0 4px 20px 0 rgba(0,0,0,0.13);}
.story_con > ul > li.on > div {display:block;}
.story_con > ul > li > div > a {position:absolute; z-index:1; top:20px; right:20px; width:30px; height:30px; text-indent:-9999px; background:url(/images/ico_close03.svg) no-repeat; background-size:100%;}
.story_con > ul > li > div > div > div + div {margin-top:60px;}
.story_con > ul > li > div > div > .content_txtbox > p,
.story_con > ul > li > div > div > .content_txtbox > div {color:#555; font-size:18px; line-height:1.6; letter-spacing:-0.02em;}

/*s : 브랜드 소개*/
.brand_story {padding-top:180px;}
.brand_story .brand_top {text-align:center;}
.brand_story .brand_top > div {line-height:1.5;}
.brand_story .brand_top > div > p {margin-top:32px; color:#555; font-size:20px;}
.brand_story .brand_top > div > strong {display:block; margin-top:32px; font-size:28px; font-weight:500; letter-spacing:-0.02em;}

.brand_story > ol {margin-top:120px;}
.brand_story > ol > li {padding:80px 80px 80px; border-color:#e0e0e0; border-style:solid; border-width:1px 0 1px; background-repeat:no-repeat; line-height:1;}
/*.brand_story > ol > li.limit01 {background-image:url(/images/pic_limit01.png); background-position:right 12px top 45px;}
.brand_story > ol > li.limit02 {background-image:url(/images/pic_limit02.png); background-position:right 24px top 25px;}*/
.brand_story > ol > li + li {margin-top:80px;}
.brand_story > ol > li > span {display:block; margin-bottom:16px; color:#ccc; font-size:12px; font-weight:600;}
.brand_story > ol > li > strong {font-size:24px;}
.brand_story > ol > li > div {margin-top:32px;}
.brand_story > ol > li > div > p {color:#555; line-height:1.6;}
.brand_story > ol > li > div > p + p {margin-top:27px;}
.brand_story > ol > li > div > p > strong {display:block;}

.brand_story .brand_btm {padding:100px 0; text-align:center; background:url(/images/bg/bg_brand_btm.png) no-repeat center bottom -284px; overflow:hidden;}
.brand_story .brand_btm > div > p {color:#555; font-size:20px; line-height:1.5;}
.brand_story .brand_btm > div > p + p {margin-top:30px;}

.born_wrap {padding:160px 30px; text-align:center; background:url(/images/bg/bg_born.jpg) no-repeat center top; background-size:cover;}
.born_wrap > p {color:#fff; font-size:34px; line-height:1.5; letter-spacing:-0.02em;}

.brand_txt {padding-top:130px;}
.brand_txt > div > p {padding:58px 0 58px 100px; font-size:34px; font-weight:500; line-height:1.5; letter-spacing:-0.02em; background:url(/images/ico_marks.svg) no-repeat left center;}
.brand_txt > div > div {padding-left:100px; border-left:1px solid #ccc;}
.brand_txt > div > div > p {color:#555; font-size:20px; line-height:1.6;}
.brand_txt > div > div > p + p {margin-top:32px;}
.brand_txt .brand_txt_top {padding-top:62px;}
.brand_txt .brand_txt_top > strong {display:block; margin-bottom:32px; font-size:24px; font-weight:500; line-height:1.5; letter-spacing:-0.02em;}
.brand_txt .brand_txt_btm {padding-bottom:57px;}
.brand_txt .brand_txt_btm > p > strong {position:relative;}
.brand_txt .brand_txt_btm > p > strong:before {content:''; position:absolute; z-index:1; left:0; bottom:0; width:100%; height:1px; background:#555;}
/*e : 브랜드 소개*/

/*링플레이트만의 커스텀메이드 시스템*/
.custom_made {padding-top:180px; text-align:center;}
.custom_made .custom_top > p {margin-top:30px; color:#555; font-size:20px; line-height:1.6;}
.custom_made .my_design {margin-top:60px;}
.custom_made > ul {margin-top:60px; text-align:left;}
.custom_made > ul > li {position:relative; padding:57px 124px 60px; border-style:solid; border-color:#e0e0e0; border-width:1px 0 1px;}
.custom_made > ul > li:before {content:''; position:absolute; z-index:-1; top:50%; left:80px; transform:translateY(-50%); background-repeat:no-repeat; background-size:100%;}
.custom_made > ul > li.eternity:before {width:88px; height:88px; border:2px solid #f0f0f0;}
.custom_made > ul > li.band:before {width:88px; height:88px; border:2px solid #f0f0f0; border-radius:50%;}
.custom_made > ul > li.layered:before {width:100px; height:100px; background-image:url(/images/ico_layered.svg);}
.custom_made > ul > li.diamond:before {width:104px; height:88px; background-image:url(/images/ico_diamond02.svg);}
.custom_made > ul > li + li {margin-top:24px;}
.custom_made > ul > li > span {display:block; margin-bottom:17px; color:#a7a7a7; font-weight:700; font-family:"notoseri"; line-height:1.6;}
.custom_made > ul > li > div {display:flex; align-items:center;}
.custom_made > ul > li > div > strong {display:block; width:215px; margin-right:37px; color:#11374D; font-size:24px; line-height:1;}
.custom_made > ul > li > div > p {color:#555; font-size:18px; line-height:1.5;}

.custom_box {padding-top:120px;}
.custom_box > ul > li + li {margin-top:160px;}
.custom_box > ul > li > p {margin-bottom:56px; font-size:34px; line-height:1.6; letter-spacing:-0.03em;}
.custom_box > ul > li > div {display:flex; align-items:center;}
.custom_box > ul > li > div > p {margin-right:80px; flex-shrink:0;}
.custom_box > ul > li > div > div > div {margin-top:40px;}
.custom_box > ul > li > div > div > div > p {color:#555; line-height:1.8; letter-spacing:-0.02em;}
.custom_box > ul > li > div > div > div > p + p {margin-top:30px;}

.custom_box .dash_list > li + li {margin-top:16px;}
.custom_box .dash_list > li > span {display:inline-block; padding:10px 0; font-size:18px; font-weight:600; line-height:1; letter-spacing:-0.03em; border-bottom:1px solid #333;}

.process_wrap {padding-top:200px; text-align:center;}
.process_wrap > ol {display:flex; justify-content:center; position:relative; margin-top:60px;}
.process_wrap > ol:before {content:''; position:absolute; z-index:0; top:45px; left:0; width:100%; height:0; border:1px dashed #ccc;}
.process_wrap > ol > li {position:relative; width:14.285%; line-height:1.5;}
.process_wrap > ol > li:before {content:''; position:absolute; z-index:1; top:40px; left:50%; width:9px; height:9px; border-radius:50%; border:2px solid #ccc; transform:translateX(-50%); background:#fff;}
.process_wrap > ol > li:last-child::before {border-color:#11374D;}
.process_wrap > ol > li > div > strong {display:block; position:relative; margin-bottom:66px; color:#ccc; font-size:14px; font-family:'amiri';}
.process_wrap > ol > li + li > div > strong:before {content:''; position:absolute; z-index:1; top:50%; left:-8px; width:16px; height:16px; transform:translateY(-50%); background:url(/images/ico_arrow.svg) no-repeat; background-size:100%;}
.process_wrap > ol > li > div > p {padding:10px 0; color:#555; font-weight:600;}
.process_wrap > ol > li > div > p.one_line {padding:22px 0;}

/*지점예약*/
.res_top {display:flex; align-items:center; padding-top:140px;}
.res_top > div {margin-right:60px;}
.res_top > div .sub_tit.dot_tit {margin-bottom:24px;}
.res_top > div > strong {display:block; font-size:34px; font-weight:500; line-height:1.5; letter-spacing:-0.02em;}

.res_top > ol {counter-reset:num; padding:20px 0 20px 60px; border-left:1px solid #e0e0e0;}
.res_top > ol > li {counter-increment:num; position:relative; padding-left:26px; color:#555; font-size:20px; line-height:2;}
.res_top > ol > li:before {content:counter(num)"."; position:absolute; z-index:1; top:0; left:0; color:#11374D; font-weight:600;}

.store_wrap {padding:80px 0 160px;}
.store_wrap > ul {display:flex; flex-wrap:wrap; margin-right:-30px;}
.store_wrap > ul:after {display:none;}
.store_wrap > ul > li {width:calc(33.333% - 30px); margin:20px 30px 0 0;}
.store_wrap > ul > li > a {display:block; width:100%; height:100%; padding:24px 0; color:#888; text-align:center; border:1px solid #e0e0e0;}
.store_wrap > ul > li.on > a,
.store_wrap > ul > li:hover > a {color:#fff; font-weight:600; border-color:#11374D; background:#11374D; transition:all .8s ease;}

.store_wrap > div {position:relative; margin-top:40px;}
.store_wrap > div > div {display:none;}
.store_wrap > div > div.on {display:block;}
.store_wrap .map {width:100%; height:424px; border:1px solid #e0e0e0;}
.store_wrap .map .root_daum_roughmap .wrap_controllers {display:none;}
.store_wrap .store_box {margin-top:40px;}
.store_wrap .store_box .store_tit {display:flex; align-items:flex-end; padding-bottom:24px; font-weight:600; border-bottom:1px solid #e0e0e0; line-height:1;}
.store_wrap .store_box .store_tit > strong {color:#11374D; font-size:24px;}
.store_wrap .store_box .store_tit > span {display:block; margin-left:24px; color:#ccc; font-size:14px; font-family:'notoseri'; letter-spacing:0.27em;}
.store_wrap .store_box .store_con {display:flex; align-items:flex-start; justify-content:space-between; margin-top:24px;}
.store_wrap .store_box .store_con > ul > li {display:flex; color:#555; font-size:18px; line-height:2;}
.store_wrap .store_box .store_con > ul > li > strong {display:block; margin-right:10px; color:#11374D;}
.store_wrap .store_box .store_con > ul > li > a {color:#555;}
.store_wrap .store_box .store_con .store_btn > a {display:block; width:158px; padding:12px 0; font-size:14px; line-height:1.4; letter-spacing:-0.02em; cursor:pointer;}
.store_wrap .store_box .store_con .store_btn > a + a {margin-top:8px;}

/* 베스트 리뷰 */
.best_revcon {padding-top:80px; padding-bottom:160px;}
 .best_revcon #kboard-document {margin-top:0;}
.best_revcon ul {display:flex; align-items:center; flex-wrap:wrap; margin:-5px;}
.best_revcon ul li {width:calc(33.33% - 10px); margin:5px;}
.best_revcon ul li a {display:block; height:100%;}
.best_revcon ul li img {display:block; width:100%;}
.best_revcon > div {margin-top:50px;}

/* 에디터, 글 상세 폰트 통일화 */
.view_content {padding-top:12px;}
.view_content * {font-size:15px;}
.view_content h1 {font-size:25px; font-weight:700;}
.view_content h2 {font-size:23px; font-weight:700;}
.view_content h3 {font-size:21px; font-weight:700;}
.view_content h4 {font-size:19px; font-weight:700;}
.view_content h5 {font-size:17px; font-weight:700;}
.view_content h6 {font-weight:700;}
.view_content ul, 
.view_content ol {margin:0; padding:5px 0 0 0;}
.view_content ul {list-style:none;}
.view_content ul li {position:relative; padding-left:10px;}
.view_content ul li:before {content:'-'; position:absolute; z-index:1; top:-2px; left:0;}
.view_content ol li {margin-left:15px;}
.view_content p.import {margin-top:10px; font-size:14px; font-weight:700;}
/* 엔터쳐진 곳 height값 지정하기 */
.view_content p.only_enter {font-size:13px; line-height:1;}

@media all and (max-width:1400px){
	/*메인*/
	.story_wrap > ul > li > a > div {width:100%; padding-left:60px; padding-right:60px;}
}

@media all and (max-width:1200px){
	.wrapper {width:100%; padding-left:30px; padding-right:30px;}

	/*메인*/
	.plate_wrap .plate_box {right:50%; transform:translateX(50%);}

	/*링플레이트 스토리*/
	.story_con > ul > li > a > div {padding:0 90px 0 100px;}

	/*링플레이트만의 커스텀메이드 시스템*/
	.custom_made > ul > li {padding:57px 98px 60px;}
	.custom_made > ul > li.eternity:before {left:54px;}

	.custom_box > ul > li > div > p {width:350px; margin-right:40px;}
	.custom_box > ul > li > div > div > div > p {font-size:14px;}

	/*커스텀 제품 보기*/
	.product_vis {height:600px; padding-top:280px;}
	.product_con {padding-bottom:300px;}
	.filter_wrap .filter_box {right:30px;}
}

@media all and (max-width:1024px){
	#wrap.on:before {content:''; position:fixed; z-index:994; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}

	/*right_select*/
	.right_select {z-index:1001; width:66px; right:16px; bottom:40px;}
	.right_select > a.on {bottom:170px;}
	.right_select .pc_ver {display:none;}
	.right_select .mo_ver {display:block;}
	.right_select > a {position:relative; width:66px; height:66px; border-radius:50%; text-indent:-9999px; background-image:url(/images/ico_right_select01.svg) !important; background-position:center bottom 20px;}
	.right_select > a:before {content:''; position:absolute; z-index:1; top:18px; left:50%; width:18px; height:24px; animation:bounce 3s linear infinite; transform:translateX(-50%); background:url(/images/ico_right_select02.png) no-repeat;}
	.right_select > div > ul > li {margin-top:18px;}
	.right_select > div > ul > li:first-child {margin-top:16px;}
	.right_select > div > ul > li > a {width:100%; padding:0; font-size:16px; line-height:1.2; text-align:center; background:none;}

	@keyframes bounce {
		0% {transform:translate(-50%,0);}
		50% {transform:translate(-50%,-5px);}
		100% {transform:translate(-50%,0);}
	}  

	/*philosophy_wrap*/
	.philosophy_wrap > div {display:block; text-align:center;}
	.philosophy_wrap > div > p .mo_br {display:block;}
	.philosophy_wrap > div > a {margin-top:24px;}

	/*메인*/
	.plate_wrap .map_wrap > ul {width:406px; margin:0 auto; margin-top:40px; justify-content:inherit;}
	.plate_wrap .map_wrap > ul > li:nth-of-type(3n) > a {margin-right:0;}

	.made_wrap .made_link {height:auto; background-image:url(/images/bg/bg_mo_made.jpg) !important;}
	.made_wrap .made_link > a:after {content:''; display:block; width:100%; height:80px; padding:30px 0; background:url(/images/ico_plus.svg) no-repeat center;}
	.made_wrap .made_link > a > ul {display:block;}
	.made_wrap .made_link > a > ul > li {width:100%; padding:50px 0;}
	.made_wrap .made_link > a > ul > li + li {border-left:0; border-top:1px solid rgba(255,255,255,0.3);}
	.made_wrap .made_link > a > ul > li > div {position:static; transform:none;}
	.made_wrap .made_link > a > ul > li > div > em {opacity:1;}
	.made_wrap .made_link > a > ul > li > div > p {position:static; opacity:1;}
	.made_wrap .made_link > a > ul > li > div > p:after {display:none !important;}

	.story_wrap > ul > li > a > div > strong {font-size:24px;}
	.story_wrap > ul > li > a > div > p,
	.story_con > ul > li > a > div > p {padding:8px 60px 8px 0; margin-left:40px; font-size:14px; background-size:126px; 9px;}

	/*링플레이트 스토리*/
	.story_con > ul > li > a > div {padding:0 60px 0 70px;}
	.story_con > ul > li > a > div > strong {font-size:20px;}

	.brand_story > ol > li.limit01 {background-size:310px 238px; background-position:right top 40px;}
	.brand_story > ol > li.limit02 {background-size:276px 242px; background-position:right 15px top 25px;}
	.brand_story > ol > li > div > p br.none,
	.brand_txt > div > div > p br.none {display:none;}

	/*링플레이트만의 커스텀메이드 시스템*/
	.custom_made > ul > li:before {top:40px; transform:none;}
	.custom_made > ul > li > div {display:block;}
	.custom_made > ul > li > span {padding-left:30px;}
	.custom_made > ul > li > div > strong {width:auto; padding-left:30px;}
	.custom_made > ul > li > div > p {margin-top:34px;}

	.custom_box > ul > li > div {display:block;}
	.custom_box > ul > li > div > p {width:100%; max-width:480px;}
	.custom_box > ul > li > div > p .pc_img {display:none;}
	.custom_box > ul > li > div > p .mo_img {display:block;}
	.custom_box > ul > li > div > div {margin-top:32px;}
	.custom_box > ul > li > div > div > div > p br.none {display:none;}

	/*커스텀 제품 보기*/
	.product_con > ul {margin-right:-20px;}
	.product_con > ul > li {width:calc(33.333% - 20px); margin:20px 20px 0 0;}

	/*지점예약*/
	.res_top {display:block;}
	.res_top > div {margin:0 0 32px; text-align:center;}
	.res_top > ol {padding:32px 0 0; border-top:1px solid #e0e0e0; border-left:0;}
	.store_wrap .store_box .store_con {display:block; margin-top:24px;}
	.store_wrap .store_box .store_con > ul > li {display:block; line-height:1.8;}
	.store_wrap .store_box .store_con > ul > li + li {margin-top:16px;}
	.store_wrap .store_box .store_con .store_btn {display:flex; margin-top:40px;}
	.store_wrap .store_box .store_con .store_btn > a {width:50%;}
	.store_wrap .store_box .store_con .store_btn > a + a {margin:0;}
}

@media all and (max-width:768px){
	#container {padding-top:0px;}
	.wrapper {padding-left:16px; padding-right:16px;}
	h3 {font-size:18px !important;}

	/*sub_tit*/
	.sub_tit {margin-bottom:16px; font-size:10px;}

	.sub_tit.dot_tit {padding:0 20px; margin-bottom:16px; font-size:14px;}
	.sub_tit.dot_tit:before, 
	.sub_tit.dot_tit:after {width:4px; height:4px;}

	/*philosophy_wrap*/
	.philosophy_wrap {padding:60px 16px;}
	.philosophy_wrap > div > p {font-size:18px; line-height:1.6;}
	.philosophy_wrap > div > a {padding:12px 40px; font-size:12px;}

	/*visual*/
	.visual .vis_slide {height:80vw;} /* 갤럭시z폴드 넓은화면 */
	.visual .vis_slide ul li .vis_txt {top:35%;right:0;text-align: center; width:100%}
	.visual .vis_slide ul li .vis_txt p {font-size:24px;}
	.visual .vis_slide ul li .vis_txt em {margin-top:16px; font-size:16px;}

	.visual .vis_slide .vis_dots {bottom:30px; height:6px; width:100%; text-align: center; right: 0; left:0;}
	.visual .vis_slide .vis_dots span {width:6px; height:6px; margin:0 3px; border-width:1px;}

	.visual .rotate_wrap {bottom:-60px; width:120px; height:120px; background-size:contain;}

	/*sub_visual*/
	.sub_visual {height:240px; padding-top:143px;}
	.sub_visual.story_vis {background-image:url(/images/bg/bg_mo_story.jpg);}
	.sub_visual.brand_vis {background-image:url(/images/bg/bg_mo_brand.jpg);}
	.sub_visual.custom_vis {background-image:url(/images/bg/bg_m_custom.jpg);}
	.sub_visual.res_vis {background-image:url(/images/bg/bg_m_res.jpg);}
	.sub_visual > p {font-size:18px;}

	/*s : 메인*/
	.main_wrapper .contents > div {padding-top:100px;}
	.main_wrapper .contents > div:last-child {padding-bottom:100px;}
	.story_wrap > ul > li {margin-bottom:10px}

	.best_review .best_txt{font-size:11px}

	.wave_wrap {padding:80px 16px 70px !important;}
	.wave_wrap > p {margin-top:16px; font-size:12px;}
	.wave_wrap .wave_box .wave01 {width:1115px; height:159px;}
	.wave_wrap .wave_box .wave02 {width:1281px; height:201px;}

	.brand_wrapper .custom_wrap {padding-top:100px; padding-bottom:94px;}
	.custom_wrapper .custom_wrap {padding-top:135px; padding-bottom:94px;}
	.custom_wrap > ul {margin-top:40px;}
	.custom_wrap > ul > li {width:calc(33.333% - 15px);}
	.custom_wrap > ul > li > a > strong {margin-top:24px; font-size:14px; font-weight:500;}

	.story_wrap > ul {margin-top:40px;}
	.story_wrap > ul > li > a {height:342px;}
	.story_wrap > ul > li > a > p {position:relative; height:100%;} 
	.story_wrap > ul > li > a > p > img.pc_img {display:none;}
	.story_wrap > ul > li > a > p > img.mo_img {display:block; width:100%; position:absolute; z-index:1; top:50%; transform:translateY(-50%);}
	.story_wrap > ul > li > a > div {padding-left:40px; padding-right:40px;}
	.story_wrap > ul > li > a > div > strong {width:calc(100% - 70px); text-align:left; font-size:16px; word-break:keep-all; padding-right:20px;}
	.story_wrap > ul > li > a > div > p {width:70px; padding:5px 23px 5px 0; margin-left:20px; font-size:10px; line-height:1; background-size:72px 5px;}

	.made_wrap .made_link {margin-top:40px;}
	.made_wrap .made_link > a > ul > li {padding:30px 0;}
	.made_wrap .made_link > a > ul > li > div > em {font-size:16px;}
	.made_wrap .made_link > a > ul > li > div > em br {display:none;}
	.made_wrap .made_link > a > ul > li > div > p {margin-top:6px; font-size:12px; line-height:1.5;}
	.made_wrap .made_link > a:after {height:40px; padding:18px 0; background-size:40px 40px;}

	.plate_wrap {padding-top:100px !important;}
	.plate_wrap:before {display:none;}
	.plate_wrap .map_wrap .map_box {width:286px; margin-top:40px;}
	.plate_wrap .map_wrap .map_box > span,
	.plate_wrap .map_wrap .map_box:before,
	.plate_wrap .map_wrap .map_box:after {width:225px; height:225px;}

	@keyframes motion{ 
	0% {opacity:0; width:225px; height:225px;} 
	25% {opacity:1;} 
	100% {opacity:0; width:520px;height:520px;}
	}

	.plate_wrap .map_wrap .position_box a {width:16px; height:20px;}
	.plate_wrap .map_wrap .position_box a.po_seoul {top:62px; left:84px;}
	.plate_wrap .map_wrap .position_box a.po_incheon {top:62px; left:64px;}
	.plate_wrap .map_wrap .position_box a.po_suwon {top:92px; left:102px;}
	.plate_wrap .map_wrap .position_box a.po_daejeon {left:102px; bottom:185px;}
	.plate_wrap .map_wrap .position_box a.po_gwangju {left:57px; bottom:94px;}
	.plate_wrap .map_wrap .position_box a.po_busan {right:64px; bottom:84px;}
	.plate_wrap .map_wrap .position_box a.po_daegu {right:90px; bottom:140px;}

	.plate_box.pop_plate {width:calc(100% - 70px);}
	.plate_box.pop_plate > ul > li {width:100%; max-width:100%;}
	.plate_wrap .plate_box {top:65px; width:100%;}
	.plate_box > ul > li {width:100%; max-width:343px; padding:30px 30px;}
	.plate_box > ul > li > strong {padding-left:22px; background-size:12px 16px; font-size:15px;}
	.plate_box > ul > li > a, 
	.plate_box > ul > li > p {font-size:14px;}
	.plate_box > ul > li .plate_btn {margin-top:16px;}
	.plate_box > ul > li .plate_btn > a {width:112px; line-height:34px;}
	.plate_box > ul > li .plate_btn > a + a {margin-left:10px;}
	.plate_box > ul > li .plate_btn > a.kakao_btn > span {background-size:18px 18px;}
	.plate_box > ul > #daegu {position:static; left:inherit;}

	.plate_wrap .map_wrap > ul {margin-top:32px; width:312px;}
	.plate_wrap .map_wrap > ul > li > a {padding:12px 20px; margin:8px 8px 0 0; font-size:14px;}
	.plate_wrap .map_wrap > ul > li > a > span {padding-left:18px; background-size:10px 13px;}

	.best_review > ul {position:relative; z-index:200; left:50%; transform:translateX(-50%); width:300px; height:300px; margin-top:36px;}
	.best_review > ul li {height:auto; margin:0;}
	.best_review > ul li:hover a:before {background:transparent;}
	.best_review > ul li .best_txt {opacity:0;}
	.best_review > ul li:hover .best_txt {opacity:0;}
	.best_review > ul.pop_open {z-index:1000; pointer-events:none;}
	.best_review > ul.pop_open .best_txt.show {opacity:1;}
	.best_review > ul.pop_open li a:before {opacity:1; background:rgba(0,0,0,0.7);}

	.best_review .best_btn {display:flex; justify-content:center; margin-top:20px;}
	.best_review .best_btn > a {display:block; width:19px; height:8px; margin:0 10px; text-indent:-9999px; background-repeat:no-repeat; background-size:100%;}
	.best_review .best_btn > a.prev_arrow {background-image:url(/images/ico_prev02.svg);}
	.best_review .best_btn > a.prev_arrow:hover {background-image:url(/images/ico_prev03.svg);}
	.best_review .best_btn > a.next_arrow {background-image:url(/images/ico_next02.svg);}
	.best_review .best_btn > a.next_arrow:hover {background-image:url(/images/ico_next03.svg);}

	.bg_best {display:none; position:fixed; z-index:199; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7);} 
	/*e : 메인*/

	/*링플레이트 스토리*/
	.story_wrapper .contents > div {padding-top:100px;}
	.story_wrapper .contents > div:last-child {padding-bottom:94px;}
	.story_con {padding-top:60px !important; padding-left:0; padding-right:0;}
	.story_con .pc_img {display:none;}
	.story_con .mo_img {display:block; width:100%; position:absolute; z-index:1; top:50%; transform:translateY(-50%);}
	.story_con > ul > li{margin-bottom:10px}
	.story_con > ul > li + li {margin-top:0;}
	.story_con > ul > li > div {padding:30px 30px; margin:8px 16px 16px;}
	.story_con > ul > li > div > a {top:10px; right:10px; width:14px; height:14px;}
	.story_con > ul > li > div > div > div + div {margin-top:16px;}
	.story_con > ul > li > div > div > .content_txtbox > p,
	.story_con > ul > li > div > div > .content_txtbox > div {font-size:12px;}
	.story_con > ul > li > a {height:342px;}
	.story_con > ul > li > a > p {position:relative; height:100%;}
	.story_con > ul > li > a > div {padding:0 30px 0 32px;}
	.story_con > ul > li > a > div > strong {width:calc(100% - 71px); font-size:14px; word-break:keep-all; padding-right:20px;}
	.story_con > ul > li > a > div > p {width:71px; font-size:10px; padding:5px 24px 5px 0; margin-left:20px; line-height:1; background-size:72px 5px;}

	/*브랜드 소개*/
	.brand_story {padding-top:60px;}
	.brand_story .brand_top > div > p {margin-top:16px; font-size:14px; line-height:1.6;}
	.brand_story .brand_top > div > strong {margin-top:16px; font-size:20px;}

	.brand_story > ol {margin-top:60px;}
	.brand_story > ol > li {padding:40px 16px 40px 0;}
	/*.brand_story > ol > li.limit01 {background-image:url(/images/pic_mo_limit01.png); background-size:178px 137px; background-position:right top 21px;}
	.brand_story > ol > li.limit02 {background-image:url(/images/pic_mo_limit02.png); background-size:133px 126px; background-position:right 3px top 19px;}*/
	.brand_story > ol > li + li {margin-top:20px;}
	.brand_story > ol > li > span {margin-bottom:12px; font-size:10px;}
	.brand_story > ol > li > strong {font-size:20px;}
	.brand_story > ol > li > div {margin-top:24px;}
	.brand_story > ol > li > div > p {font-size:14px;}
	.brand_story > ol > li > div > p + p {margin-top:12px;}

	.brand_story .brand_btm {padding:60px 0 40px; background-size:342px 342px; background-position:center bottom -197px;}
	.brand_story .brand_btm > div > p {font-size:14px;}
	.brand_story .brand_btm > div > p + p {margin-top:20px;}
	.brand_story .brand_btm .mo_br {display:block;}

	.born_wrap {padding:60px 16px; background-image:url(/images/bg/bg_m_born.jpg);}
	.born_wrap > p {font-size:18px;}

	.brand_txt {padding-top:60px;}
	.brand_txt > div {padding:0;}
	.brand_txt > div > p {padding:32px 16px; font-size:20px; background-size:34px 28px; background-position:left top 23px;}
	.brand_txt > div > div {padding:0 16px !important; border:0;}
	.brand_txt .brand_txt_top > strong {font-size:18px;}
	.brand_txt > div > div > p {font-size:14px;}
	.brand_txt > div > div > p + p {margin-top:20px;}
	.brand_txt .brand_txt_top > strong {margin-bottom:24px;}

	/*s : 링플레이트만의 커스텀메이드 시스템*/
	.custom_made {padding-top:60px;}
	.custom_made .custom_top > p {margin-top:16px; font-size:13px;}
	.custom_made .my_design,
	.custom_made > ul {margin-top:32px;}
	.custom_made > ul > li {padding:35px 20px 26px;}
	.custom_made > ul > li.eternity:before,
	.custom_made > ul > li.band:before {top:30px; left:20px; width:50px; height:50px;}
	.custom_made > ul > li.layered:before {top:26px; left:16px; width:62px; height:62px;}
	.custom_made > ul > li.diamond:before {top:29px; left:20px; width:62px; height:52px;}
	.custom_made > ul > li + li {margin-top:8px;}
	.custom_made > ul > li > span {padding-left:20px; margin-bottom:8px; font-size:10px;}
	.custom_made > ul > li > div > strong {padding-left:20px; font-size:16px;}
	.custom_made > ul > li > div > p {margin-top:16px; font-size:14px;}

	.custom_box {padding-top:100px;}
	.custom_box > ul > li + li {margin-top:64px;}
	.custom_box > ul > li > p {margin-bottom:32px; font-size:20px;}
	.custom_box > ul > li.method_li > p strong {display:block;}
	.custom_box > ul > li > div > div,
	.custom_box > ul > li > div > div > div {margin-top:24px;}
	.custom_box > ul > li > div > div > div > p + p {margin-top:24px;}

	.custom_box .dash_list > li + li {margin-top:8px;}
	.custom_box .dash_list > li > span {padding:8px 0; font-size:16px;}

	.process_wrap {padding-top:100px;}
	.process_wrap > ol {display:block; width:13px; margin:0 auto; margin-top:44px;}
	.process_wrap > ol:before {top:0; left:50%; width:0; height:99%; transform:translateX(-50%);}
	.process_wrap > ol > li {position:relative; width:100%; height:89px;}
	.process_wrap > ol > li.main_design {height:92px;}
	.process_wrap > ol > li.setting_li {height:113px;}
	.process_wrap > ol > li.choose_li {height:114px;}
	.process_wrap > ol > li:last-child {height:0;}
	.process_wrap > ol > li:before {top:0;}
	.process_wrap > ol > li:last-child:before {top:-13px;}
	.process_wrap > ol > li > div {position:absolute; z-index:1; top:-3px; width:125px;}
	.process_wrap > ol > li:nth-of-type(odd) > div {left:29px; text-align:left;}
	.process_wrap > ol > li:nth-of-type(even) > div {right:29px; text-align:right;}
	.process_wrap > ol > li:last-child > div {top:-16px;}
	.process_wrap > ol > li > div > strong {margin-bottom:8px;}
	.process_wrap > ol > li > div > strong:before {display:none;}
	.process_wrap > ol > li > div > p {padding:0 !important;}
	.process_wrap > ol > li > div > p br.none {display:none;}
	/*e : 링플레이트만의 커스텀메이드 시스템*/

	/*s : 커스텀 제품 보기*/
	.filter_wrap > div {z-index:3;}
	.filter_wrap .product_btn_wrap {display:flex; position:relative; justify-content:flex-end; padding:0;}
	.filter_wrap .product_btn_wrap > a {position:relative; border:0; font-size:14px;}
	.filter_wrap .product_btn_wrap > a.array_btn {display:block; padding:15px 16px 15px 12px;}
	.filter_wrap .product_btn_wrap > a.filter_btn {padding:15px 12px;}
	.filter_wrap .product_btn_wrap > a > span {display:block; padding-left:18px !important; line-height:1; background-size:14px 14px !important; background-repeat:no-repeat; background-position:left top 1px;}
	.filter_wrap .product_btn_wrap > a.array_btn > span {background-image:url(/images/ico_array.svg);}
	.filter_wrap .product_btn_wrap > a.array_btn.line > span {background-image:url(/images/ico_array02.svg);}
	.filter_wrap .product_btn_wrap > a + a:before {content:''; position:absolute; z-index:1; top:50%; left:0; width:2px; height:12px; transform:translateY(-50%); background:#ccc;}

	.filter_wrap .filter_box {top:45px; right:0; width:100%; min-width:0; border-radius:0; border:0; box-shadow:0 10px 10px 0 rgba(0,0,0,0.15);}

	.product_vis {height:398px; padding-top:207px; background-image:url(/images/bg/bg_m_product_top01.jpg);}
	.product_vis.ring {background-image:url(/images/bg/bg_m_product_top02.jpg);}
	.product_vis.necklace {background-image:url(/images/bg/bg_m_product_top03.jpg);   background-position:center bottom;}
	.product_vis.bracelet {background-image:url(/images/bg/bg_m_product_top04.jpg);}
	.product_vis > strong {font-size:18px;}
	.product_vis > p {margin-top:8px; font-size:14px;}

	.product_top {flex-wrap:wrap;}
	.product_top > p {order:1; margin-top:16px; color:#888; font-size:12px;}
	.product_top > ul {width:100%; order:2;}
	.product_top > ul > li > a {padding:16px 8px; font-size:14px;}

	.product_con {padding-bottom:80px;}
	.product_con.hidden {visibility:hidden;}
	.product_con > ul {margin:9px -15px 0 0;}
	.product_con > ul.line {margin:0; width:100%;}
	.product_con > ul > li {width:calc(50% - 15px); margin:15px 15px 0 0; transition:all .3s ease;}
	.product_con > ul.line > li {width:100%; margin:24px 0 0;}

	.product_btn {margin-top:40px;}
	.page_wrap a {width:36px; height:36px;}
	.page_wrap > a {background-size:16px 16px;}
	.page_wrap > ol > li + li {margin-left:8px;}
	.page_wrap > ol > li > a {padding:9px 0;}

	.popup_wrap {position:absolute; z-index:1; top:524px; height:auto; padding:40px 16px 0; background:#fff; overflow:hidden;}
	.popup_product {position:static; top:0; left:0; width:100%; transform:none;}
	.popup_product > a {top:16px; right:16px; width:auto; height:auto !important; color:#555; font-size:12px; font-weight:600; line-height:1; text-indent:0; background:none;}
	.popup_product > div > ul .slick-dots {bottom:24px; height:8px;}
	.popup_product > div > ul .slick-dots > li {width:8px; height:8px; margin:0 4px;}
	.popup_product > div > div {border:0; padding-top:24px; padding-left:0; padding-right:0;}
	.popup_product > div > div > strong {font-size:16px;}
	/*
	.popup_product > div > div > div {margin-top:16px;}
	.popup_product > div > div > div > * {font-size:13px;}
	.popup_product > div > div > div > p.import {margin-top:16px;}
	*/
	/*e : 커스텀 제품 보기*/

	/*지점 예약*/
	.res_top {padding-top:60px;}
	.res_top > div > strong {font-size:20px;}
	.res_top > ol > li {font-size:16px;}

	.store_wrap {padding:72px 16px 100px;}
	.store_wrap > ul {margin-right:-10px;}
	.store_wrap > ul > li {width:calc(33.333% - 10px); margin:8px 10px 0 0;}
	.store_wrap > ul > li > a {font-size:14px; padding:16px 0;}
	.store_wrap .store_box {margin-top:24px;}
	.store_wrap .store_box .store_tit {padding-bottom:16px;}
	.store_wrap .store_box .store_tit > strong {font-size:20px;}
	.store_wrap .store_box .store_tit > span {margin-left:8px; font-size:12px;}
	.store_wrap .store_box .store_con {margin-top:16px;}
	.store_wrap .store_box .store_con > ul > li {font-size:16px;}

	.best_revcon {padding-top:60px; padding-bottom:100px;}
	.best_revcon ul li {width:calc(50% - 10px);}

	/* 에디터, 글 상세 폰트 통일화 */
	.view_content {padding-top:10px;}
	.view_content * {font-size:13px;}
	.view_content h1 {font-size:23px;}
	.view_content h2 {font-size:21px;}
	.view_content h3 {font-size:19px;}
	.view_content h4 {font-size:17px;}
	.view_content ul li {padding-left:8px;}
	.view_content p.import {margin-top:12px; font-size:13px;}
}
@media all and (max-width:640px){



	
	
  .story_wrap > ul > li > a,
  .story_con > ul > li > a {height:256px;}

  .custom_made .my_design .pc_img {display:none;}
  .custom_made .my_design .mo_img {display:block;}

  .store_wrap .map {height:372px;}

	.plate_box.pop_plate {width:calc(100% - 32px);}
}

@media all and (max-width:480px){
	/*visual*/
	.visual .vis_slide {height:150vw;}
	.visual .vis_slide ul li .vis_txt em .mo_br {display:block;}
	.visual .rotate_wrap {bottom:-40px; width:80px; height:80px;}

	/*메인*/
	.wave_wrap h3 {padding: 0 20px;}
	.wave_wrap h3 .none {display:none;}
	.wave_wrap .mo_br {display:block;}

	.story_wrap > ul > li > a,
	.story_con > ul > li > a {height:170px;}
	.story_wrap > ul > li > a > div > strong {font-size:14px;}

	.custom_wrap .pc_img {display:none;}
	.custom_wrap .mo_img {display:block;}
	.custom_wrap > ul > li {width:100%;}
	.custom_wrap > ul > li + li {margin-top:40px;}

	.brand_txt > div .mo_br {display:block}
	.brand_txt > div > div > p .mo_none {display:none;}

	.custom_made > ul > li .mo_br {display:block;}

	/*지점예약*/
	.store_wrap .store_box .store_con > ul > li p .mo_br {display:block;}

	/* 커스텀 제품 */
	.filter_wrap .filter_box .cate_list {overflow-x:auto;}

	/* 엔터쳐진 곳 height값 지정하기 
	.view_content p.only_enter {font-size:10px; line-height:1;}
	*/
}

@media all and (max-width:420px){
	.visual .vis_slide {height:185vw;}
}

@media all and (max-width:390px){
	.visual .vis_slide {height:145vw;}
}

@media all and (max-width:374px){
	.wave_wrap > p {font-size:11px;}
	.story_wrap > ul > li > a > div {padding-left:30px; padding-right:30px;}
	.plate_wrap .map_wrap > ul {width:208px;}
	.plate_wrap .map_wrap > ul > li:nth-of-type(2n) > a {margin-right:0 !important;}
	.plate_wrap .map_wrap > ul > li:nth-of-type(3n) > a {margin-right:8px;}

	.best_review > ul {width:288px; height:303px;}

	.brand_story .brand_btm {padding:50px 0 30px; background-size:288px 288px; background-position:center bottom -140px;}
	.brand_story .brand_btm > div > p + p {margin-top:10px;}

	.custom_made .custom_top > p {font-size:12px;}
}

@media all and (max-width:320px){
	/*메인*/
	.visual .vis_slide {height:190vw;}/* 갤럭시z폴드 좁은화면 */
	
}