@charset "utf-8";

/****************************************/
/* Name: DESIGN WAVE
/* PART: CONTENTS STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/


/*=============================================================
						메인콘텐츠
=============================================================*/
.main_section {width: 100%; overflow: hidden; position: relative;}

/*======메인 비주얼=====*/
#main_visual {position: relative; width: 100%;  background: url("../_img/main/main_visual01.jpg") no-repeat center, #000; background-size: cover; justify-content: center; flex-direction: column; align-items: center; display: flex;}
#main_visual #visual_text {display: table; width: 100%; height: 100%;}
#main_visual #visual_text #text_inner_wrap {display: table-cell; vertical-align: middle; text-align: center;}
#main_visual #visual_text #text_inner_wrap img {opacity: 0}

#main_visual.on #visual_text #text_inner_wrap img {opacity: 1; transition: opacity 1.7s ease .4s;}

@media screen and (max-width: 980px) {
	#main_visual #visual_text #text_inner_wrap {text-align: center;}
	#main_visual #visual_text #text_inner_wrap img {width: 55%}
}



/*======브랜드스토리 슬라이더=====*/
.brandstory_slider {width: 100%; height: 800px; overflow: hidden; position: relative; }
.brandstory_slider .text_wrap {width: 100%; height: 100%; display: table; padding-top: 100px; opacity: 0; transition: .5s;}
.brandstory_slider .text_wrap .text_inner_wrap {display: table-cell; vertical-align: middle; text-align: center;}
.brandstory_slider .text_wrap .text_inner_wrap p {text-align: center; line-height: 1.7; color: #fff;}
.brandstory_slider .text_wrap .text_inner_wrap p.nomal {position: relative; font-size: 18px;}
.brandstory_slider .text_wrap .text_inner_wrap p.nomal::after {position: absolute; top: -100px; left: 50%; width: 1px; height: 70px; background: #977456; content: '';}
.brandstory_slider .text_wrap .text_inner_wrap p.small {font-size: 15px; opacity: .6}
.brandstory_slider .text_wrap .text_inner_wrap h2 {color: #fff; text-align: center; font-weight: 500; line-height: 1; padding: 25px 0;}
.brandstory_slider .text_wrap .text_inner_wrap a {display:inline-block; width: 200px; height: 55px; color: #fff; font-size: 15px; text-align: center; line-height: 55px; background: #977456; margin-top: 30px; transition: .3s; border: 2px solid #977456; }
.brandstory_slider .text_wrap .text_inner_wrap a:hover {border: 2px solid #fff; background-color: transparent;}

.brandstory_slider .bs01 {background: url("../_img/main/main_sec02_bg01.jpg") no-repeat center; background-size: cover;}
.brandstory_slider .bs02 {background: url("../_img/main/main_sec02_bg02.jpg") no-repeat center; background-size: cover;}

.brandstory_slider-paging {position: absolute; bottom: 30px; width: 100%; text-align: center; left: 0; z-index: 1;}
.brandstory_slider-paging span {width: 12px; height: 12px; background: #fff; box-sizing: border-box; margin: 0 5px; opacity: 1;}
.brandstory_slider-paging span.swiper-pagination-bullet-active {border: 2px solid #fff; background: none;}

#main_section01.on .brandstory_slider .text_wrap {padding-top: 0; opacity: 1; transition: padding-top .3s ease .5s, opacity 1s ease .3;}

@media screen and (min-width: 980px) {
	
}

@media screen and (max-width: 980px) {
	.brandstory_slider {height: 500px;}
	.brandstory_slider .text_wrap .text_inner_wrap a {height:45px; line-height: 45px; font-size: 14px; width: 150px;}
	
}


/*======방송=====*/
.video-container {position:relative; padding-bottom:54.25%; height:0; overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

#video_section {background: #202020; padding: 12em 0;}
#text_wrap {width: 350px; float: left; padding-top: 70px;}
#text_wrap p {font-size: 25px; color: #fff; line-height: 1.6}
#text_wrap p:last-of-type {opacity: .6;}
#text_wrap h2 {color: #fff; line-height: 1.3; padding: 30px 0; border-width: 2px 0 5px 0; border-color: #fff; border-style: solid; margin: 20px 0 40px 0}
#text_wrap h2 strong {color: #977456;}
#text_wrap img {}
#video_wrap {position: relative; width: 840px; float: right; background: url("/_img/main/frame.png") no-repeat center; background-size: 100%; box-sizing: border-box; padding: 50px 34px;}

@media screen and (max-width: 1200px) {
	#video_section {padding:7em 50px; box-sizing: border-box;}
	#video_wrap {width: 100%;}
	#text_wrap {width: 100%;}
	#text_wrap p {text-align: center;}
	#text_wrap h2 {text-align: center;}
	#text_wrap h2 br {display: none;}
	
}


@media screen and (max-width: 980px) {
	#video_section {padding: 5em 20px}
	#text_wrap {padding-top: 0}
	#text_wrap p {font-size: 17px;}
	#text_wrap h2 {margin-bottom: 25px;}
}

@media screen and (max-width: 768px) {
	#text_wrap h2 br {display: block;}
}




/*======세이로무시 설명=====*/
.main_section .pics {position: relative; overflow: hidden; float: left; width: 50%;}
.main_section .pics>span {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main_section .pics>span img {position: absolute;top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.main_section .pics .interior_slider {}
.main_section .pics .interior_slider .pic_wrap {position: relative; width: 100%; height: auto; padding-bottom: 67%; overflow: hidden;}
.main_section .pics .interior_slider .pic_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: auto; object-fit: cover; display: block;}
.main_section .pics .interior_slider .pic_desc {position: absolute; bottom: 0; left: 130px; background:rgba(0,0,0,0.9); color: #fff; box-sizing: border-box; padding: 0 30px; width: auto; height: 65px; z-index: 1; font-size: 15px; line-height: 65px;}
.main_section .pics .interior_slider .pic_desc span {}
.main_section .pics .interior_slider-control {position:absolute; bottom: 0; left: 0; z-index: 1;}
.main_section .pics .interior_slider-control .interior_slider-button {width: 65px; height:65px; background-position: center; background-size: 13px; background-repeat: no-repeat; text-indent: -999999px; float: left; cursor: pointer;}
.main_section .pics .interior_slider-control .interior_slider-next {background-image: url("../_img/utility/nomal-arrow-next-b.png"); background-color: #ebe7e2;} 
.main_section .pics .interior_slider-control .interior_slider-prev {background-image: url("../_img/utility/nomal-arrow-prev-b.png"); background-color: #f7f3ed;} 

.main_section .text {position: relative; overflow:hidden; float: left; width: 50%; box-sizing:border-box;}
.main_section .text::after {display: block; padding-bottom: 67%; content: '';}
.main_section .text p {font-size: 17px; color: #2e2e2e; line-height: 1.6;}
.main_section .text a {display: block; width: 200px; height: 55px; line-height: 55px; color: #fff; text-align: center; font-size: 15px; margin-top: 50px; transition: .3s;}

.main_section .text .inner_wrap {position: absolute; top: 0;  width: 600px; height: 100%;}
.main_section .text .inner_wrap .inner_vertical {display: table; width: 100%; height: 100%;}
.main_section .text .inner_wrap .inner_vertical .vertical_wrap {display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding:0 80px; box-sizing: border-box; padding-top: 150px; opacity: 0;}
.main_section.on .text .inner_wrap .inner_vertical .vertical_wrap {padding-top: 0; opacity: 1; transition: padding-top .7s ease .2s, opacity 1s;}

@media screen and (max-width: 1200px) {
	.main_section .text::after {padding-bottom: 80%;}
}

@media screen and (max-width: 980px) {
	.main_section .text::after {display: none;}
	
	.main_section .pics {width: 100%;}
	
	.main_section .text {width: 100%;}
	.main_section .text .inner_wrap {position: relative; top: auto; left: auto; right: auto; width: 100%;}
	
	.main_section .text .inner_wrap .inner_vertical .vertical_wrap {padding: 150px 0 50px 0;}
	
	.main_section .text p {font-size: 15px;}
	.main_section .text a {width: 160px; height: 40px; line-height: 40px; font-size: 14px;}
	
	.main_section .pics .interior_slider-control {bottom: auto; top: 50%; margin-top: -25px; width: 100%;}
	.main_section .pics .interior_slider-control .interior_slider-button {position: absolute; top: 0;  width: 35px; height: 35px;}
	.main_section .pics .interior_slider-control .interior_slider-prev {left: 0;  background-color:rgba(0,0,0,0.5); background-image: url("../_img/utility/nomal-arrow-prev-w.png")}
	.main_section .pics .interior_slider-control .interior_slider-next {right: 0;  background-color:rgba(0,0,0,0.5); background-image: url("../_img/utility/nomal-arrow-next-w.png")}
	
	.main_section .pics .interior_slider .pic_desc {width: 100%; height: 45px; line-height: 45px;  left: 0; padding-left: 15px; padding-right: 15px; text-align: center;}
	.main_section .pics .interior_slider .pic_desc span {font-size: 13px;}
	.main_section.on .text .inner_wrap .inner_vertical .vertical_wrap {padding-top: 50px;}
}

#main_section02 .pics, #main_section02 .text {float: right;}
#main_section02 .pics::after {display: block; padding-bottom: 67%; content: '';}
#main_section02 .text {background: #efede3}
#main_section02 .text .inner_wrap {left: 0;}
#main_section02 .text h3 {color: #2e2e2e; margin: 15px 0;}
#main_section02 .text p {color: #2e2e2e;}
#main_section02 .text p img {width: 160px;}
#main_section02 .text ul.tabs {overflow: hidden; margin: 50px 0;}
#main_section02 .text ul.tabs li {font-size: 17px; color: #8c8c8c; padding: 0 20px; float: left; position: relative; cursor: pointer;}
#main_section02 .text ul.tabs li::after {position: absolute; top: 0; left: 0; content: '/'; color: #8c8c8c; color: #cacac9;}
#main_section02 .text ul.tabs li:first-of-type {padding-left: 0;}
#main_section02 .text ul.tabs li:first-of-type::after {display: none;}
#main_section02 .text ul.tabs li.active {color: #2e2e2e;}
#main_section02 .text a {background: #2e2e2e}
#main_section02 .text a:hover {background: #5e4e40}


@media screen and (max-width: 1200px) {
	#main_section02 .pics::after {padding-bottom: 80%;}
}

@media screen and (max-width: 980px) {
	#main_section02 .pics::after {padding-bottom: 50%;}
	#main_section02 .text p {text-align: center;}
	#main_section02 .text h3 {text-align: center;}
	#main_section02 .text ul.tabs {width: 100%; text-align: center; margin: 25px 0;}
	#main_section02 .text ul.tabs li {display: inline-block; float: none;}
	#main_section02 .text a {margin: 40px auto 0 auto;}
	
}

#main_section03 .pics, #main_section03 .text {float: left;}
#main_section03 .text {background:url("../_img/main/main_sec04_bg.jpg") no-repeat center bottom; background-size: cover;}
#main_section03 .text h4 {color: #fff; margin: 20px 0; line-height: 1.3;}
#main_section03 .text p {color: #e2e2e2;}
#main_section03 .text p span {opacity: .5;}
#main_section03 .text a {background: #5e4e40}
#main_section03 .text a:hover {background: #977456}
#main_section03 .text .inner_wrap {right:0;}

@media screen and (max-width: 980px) {
	#main_section03 .pics::after {padding-bottom: 50%;}
	#main_section03 .text p {text-align: center;}
	#main_section03 .text h4 {text-align: center;}
	#main_section03 .text a {margin: 40px auto 0 auto;}
}


/*블로그후기*/
#main_section04 {padding: 100px 0; background:url("../_img/main/main_sec05_bg.jpg") no-repeat center; background-size: cover;}
#main_section04 .section_title {margin-bottom: 50px; opacity: 0; padding-top: 100px;}
#main_section04 .section_title h4 {color: #2e2e2e; text-align: center; margin-bottom: 15px;}
#main_section04 .section_title p {text-align: center; font-size: 17px; color: #525252;}
#main_section04.on .section_title {padding-top: 0; opacity: 1; transition: padding-top .7s ease .2s, opacity 1s;}


.blog_review_slider {width: 110%; margin-left: -5%;}
.blog_review_slider .swiper-slide:first-of-type {}
.blog_review_slider .thumb {width: 100%; padding-top:100%; position: relative;}
.blog_review_slider .thumb>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.blog_review_slider .thumb span {width: 35px; position: absolute; top: 15px; right: 15px;}
.blog_review_slider .thumb span img {width: 100%;}
.blog_review_slider .desc {position: relative; width: 100%; height: auto; background: #fff; box-sizing: border-box; padding: 20px; }
.blog_review_slider .desc p {font-size: 16px; color: #525252; line-height: 1.5;}
.blog_review_slider a {transition: .3s; display: block; width: 100%; overflow: hidden;}
.blog_review_slider a:hover {box-shadow: 0 0 15px rgba(0,0,0,0.5);}



.blog_review_control {position: absolute; right: 0; bottom: 0;}
.blog_review_control .blog_review_slider-button {width: 50px; height:50px; background-position: center; background-size: 13px; background-repeat: no-repeat; text-indent: -999999px; float: left; cursor: pointer; background-color: #fff; border: 1px solid #ece9dd; box-sizing: border-box;}
.blog_review_control .blog_review_slider-next {background-image: url("../_img/utility/nomal-arrow-next-b.png"); border-left: 0;} 
.blog_review_control .blog_review_slider-prev {background-image: url("../_img/utility/nomal-arrow-prev-b.png");} 



@media screen and (max-width: 980px) {
	#main_section04 {padding: 60px 0;}
	#main_section04 .section_title p {font-size: 15px;}
	
	.blog_review_control {display: none;}
	.blog_review_slider .desc {padding:15px;}
	.blog_review_slider .desc p {font-size: 14px;}
	
}


/*quick_counsel*/
#quick_counsel {width:100%; height: 80px; overflow: hidden; position:sticky; bottom:-2px; left:0; z-index: 99;}
#quick_counsel .halfBox {float: left; width: 50%; overflow: hidden; box-sizing: border-box;}
#quick_counsel .halfBox .cont {width: 600px; overflow: hidden; position: relative; padding: 20px; box-sizing: border-box;}

#quick_counsel #num {background: #202020;}
#quick_counsel #num .cont {float: right; padding-left: 0;}
#quick_counsel #num span {background:#977456; display: inline-block; border-radius: 50px; padding: 8px 20px; line-height: 1; font-size: 14px; color: #fff; float: left; vertical-align: middle; margin-top: 5px;}
#quick_counsel #num p {color:#c8c8c8; float: left; font-size: 14px; line-height: 1.3;}
#quick_counsel #num h4 {color: #fff; float: left; font-weight: 900; margin: 0 30px 0 15px;}
#quick_counsel #num h4 a {color: #fff;}

#quick_counsel #input {background: #977456;}
#quick_counsel #input .cont {float: left;}
#quick_counsel #input input[type='text'] {width: 170px; height: 40px; background: #fff; border: 0; box-sizing: border-box; padding: 0 15px; font-size: 15px; float: left; margin-right: 15px;}
#quick_counsel #input button {width: 190px; height: 40px; background: #202020; color: #c8c8c8; font-size: 13px; border: 0; float: left;}



@media screen and (max-width: 1200px) {
	#quick_counsel {height: auto;}
	#quick_counsel .halfBox .cont {width: 100%; }
	
	#quick_counsel #input input[type='text'] {width: 32%; margin-right: 2%;}
	#quick_counsel #input button {width: 32%; margin-right: 0;}
}

@media screen and (max-width: 980px) {
	#quick_counsel .halfBox {width: 100%;}
	#quick_counsel .halfBox .cont {padding: 15px;}
	
	#quick_counsel #num .cont {padding-left: 15px;}
	#quick_counsel #num h4 {margin-left: 10px !important;}
	#quick_counsel #num span {margin-top: 0;}
	#quick_counsel #num p {padding-top: 3px; font-size: 13px;}
	#quick_counsel #num p br {display: none;}
	#quick_counsel #input input[type='text'] {font-size: 14px;}
}



/*=============================================================
						서브콘텐츠
=============================================================*/

.section_title {width: 100%; margin-bottom: 50px; opacity: 0; padding-top: 150px;}
.section_title p {text-align: center; font-size: 17px; font-weight: 600; color: #977456;}
.section_title h4 {color:#333; text-align: center; font-weight: 700; margin-top: 10px;}
.section_title.had_desc {margin-bottom: 30px}
.desc_text { opacity: 0;}
.desc_text p {text-align: center; font-size: 17px; padding: 5px 0; color: #333;}
.desc_text p strong {font-weight: 600;}
.desc_text span {display: inline-block; padding: 10px 25px; background:#efede3; font-size: 17px; font-weight: 600; color: #333; border-radius: 50px; margin: 25px auto;}
.on .section_title  {padding-top: 0; opacity: 1; transition: padding-top .7s , opacity 1s ease .3s;}
.on .desc_text {opacity: 1; transition: 1s ease .3s;} 

@media screen and (max-width: 980px) {
	.section_title p {font-size: 15px;}
	.desc_text p {font-size: 15px; padding: 3px 0}
	.desc_text span  {font-size: 15px;}
	
	.section_title.had_desc {margin-bottom: 15px;}
}



/*===== 공지사항 =====*/
ul.notice_list {width: 100%; overflow: hidden; border-top: 3px solid #333;}
ul.notice_list li {position: relative; padding: 25px 0; padding-right: 130px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #ddd;}
ul.notice_list li a {display: block; width: 100%; overflow: hidden;}
ul.notice_list li p {font-size: 15px; color: #8a8a8a; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height: 3em;}
ul.notice_list li .title {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 7px;}
ul.notice_list li .date {font-size: 15px; color:#333; position: absolute; top: 50%; margin-top: -6px; right: 0; font-weight: 500;}
ul.notice_list li:hover .title {color:#977456;}


@media screen and (max-width: 1200px) {
	#sub06_sec01 {padding-left: 15px; padding-right: 15px;}
	
}

@media screen and (max-width: 980px) {
	ul.notice_list {}
	ul.notice_list li {padding-right: 0;}
	ul.notice_list li p {font-size: 14px;}
	ul.notice_list li .title {font-size: 17px;}
	ul.notice_list li .date {position: relative; top: auto; right:auto; font-size: 13px; margin-top: 10px;}
}


/*===== 고객후기 =====*/
.review_list_wrap { width: 100%;}
.review_box {width: 32%; margin-left: 2%; margin-bottom: 3%; float: left;}
.review_box:first-of-type {margin-left: 0;}
.review_box a {transition: .3s; display: block; width: 100%; overflow: hidden;}
.review_box .thumb {width: 100%; padding-top:100%; position: relative;}
.review_box .thumb>img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: .3s;}
.review_box .thumb span {width: 35px; position: absolute; top: 15px; right: 15px;}
.review_box .thumb span img {width: 100%;}
.review_box .desc {position: relative; width: 100%; height: auto; background: #fff; box-sizing: border-box; padding: 20px 0; }
.review_box .desc h6 {color: #333; margin-bottom: 5px; line-height: 1.4; font-weight: 600; transition: .3s;} 
.review_box .desc p.text {font-size: 15px; line-height: 1.5; color: #8a8a8a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height: 3em;}
.review_box:hover .thumb img {transform: scale(1.05, 1.05);}
.review_box:hover .desc h6 {color: #977456;}


@media screen and (min-width: 980px) {
	.review_box:nth-of-type(3n+1) {margin-left: 0;}
}

@media screen and (max-width: 980px) {
	.review_box {width: 49%;}
	.review_box:nth-of-type(2n+1) {margin-left: 0;}
	.review_box .desc h6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height: 2.8em;}
	.review_box .desc p.text {font-size: 14px;}
}


/*===== 매장검색 =====*/
#seach_options {width: 100%; text-align: center; font-size: 0; margin-bottom: 40px;}
#seach_options select {width: 200px; height: 60px; box-sizing: border-box; border: 1px solid #ddd; font-size: 16px; display: inline-block;}
#seach_options input[type='text'] {width: 600px; height: 60px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 10px; font-size: 16px;margin: 0 10px; display: inline-block;}
#seach_options button {width: 200px; height: 60px; background: #fff; border: 1px solid #333; font-size: 16px; display: inline-block; transition: .3s;}
#seach_options button:hover {background: #333; color: #fff;}

ul.shop_list {width: 100%; overflow:hidden; border-top: 1px solid #ddd;}
ul.shop_list li {position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; box-sizing: border-box; padding-left: 330px;}
ul.shop_list li .shop_pics {position: absolute; width:330px; height:220px; overflow: hidden; left: 0; top: 0;}
ul.shop_list li .shop_pics img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
ul.shop_list li .shop_info {position: relative; float: left; width:100%; height: 220px; box-sizing:border-box; padding: 50px 30px; padding-right: 250px;}
ul.shop_list li .shop_info h6 {font-weight: 600; color: #333; margin-bottom: 20px;}
ul.shop_list li .shop_info p {font-size:16px; margin: 15px 0}
ul.shop_list li .shop_info p span {display: block; margin-bottom: 5px; background-position: top 3px left; background-repeat: no-repeat; padding-left: 20px; margin-right: 30px; background-size: 17px;}
ul.shop_list li .shop_info p span.addr {background-image: url(/_img/icon/pin.png);}
ul.shop_list li .shop_info p span.time {background-image: url(/_img/icon/clock.png);}
ul.shop_list li .shop_info p span.num {background-image: url(/_img/icon/call.png);}
ul.shop_list li .shop_info a {position: absolute; top: 50%; margin-top: -30px;  right: 0; width: 200px; height: 60px; background: #7b726d; text-align: center; font-size: 16px; color: #fff; line-height: 60px; transition: .3s;}
ul.shop_list li .shop_info a.call_shop {display: none;}
ul.shop_list li .shop_info a span {}
ul.shop_list li .shop_info a:hover {background-color: #333;}


@media screen and (max-width: 1200px) {
	#sub04_sec01 {padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
	
	#seach_options {position: relative; box-sizing: border-box; padding:0 90px 0 130px;}
	#seach_options select {width: 120px; height: 45px; position: absolute; top: 0; left: 0; font-size: 14px;}
	#seach_options input[type='text'] {height: 45px; font-size: 14px; width: 100%; margin: 0;}
	#seach_options button {width: 80px; height: 45px; position: absolute; top: 0; right: 0; font-size: 14px;}
	ul.shop_list li .shop_info {padding-top:40px; padding-bottom: 40px; padding-right: 200px;}
	ul.shop_list li .shop_info a {height: 45px; font-size: 15px; line-height: 45px; width: 170px;}
	
}

@media screen and (max-width: 980px) {
	ul.shop_list li {padding-left: 0; margin-bottom: 20px;}
	ul.shop_list li .shop_pics {position: relative; width: 100%; height: auto; padding-bottom: 50%;  top: auto; left: auto;}
	ul.shop_list li .shop_info {padding: 20px 0 !important; height: auto; padding-right: 60px;}
	ul.shop_list li .shop_info p {font-size: 15px; margin: 5px 0;}
	ul.shop_list li .shop_info a {width: 30px; height: 30px; border-radius: 100%; background-repeat: no-repeat; background-size: 55%; background-position: center; margin-top: 0; top: 13px;}
	ul.shop_list li .shop_info a.view_map {background-image: url(/_img/icon/pin-w.png);}
	ul.shop_list li .shop_info a.call_shop {display: block; background-image: url(/_img/icon/call-w.png); right: 35px; background-color: #333;}
	ul.shop_list li .shop_info a span {display: none;}
}


/*===== 창업안내 =====*/
table.basic_table {width: 100%; table-layout: fixed; min-width:800px}
table.basic_table tr {}
table.basic_table tr td, table.basic_table tr th {font-size: 17px; padding: 30px; border-bottom: 1px solid #ddd; }
table.basic_table tr td {border-left: 1px solid #ddd;}
table.basic_table tr td {border-left: 1px solid #ddd;}
table.basic_table tr td:first-of-type {text-align: center;}
table.basic_table tr th {text-align: center; font-weight: 600; color: #333; background: #fafafa;}
table.basic_table thead tr th {background: #333; color: #fff;}

ul.alert_list {margin-top: 20px;}
ul.alert_list li {position: relative; margin: 7px 0; font-size:15px; color: #8a8a8a; padding-left: 10px; box-sizing: border-box;}
ul.alert_list li::after {position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius:100%; background: #977456; content: '';}

.table_overwrap {width: 100%;  overflow: scroll;}
.res_over {position: relative; font-size: 13px; color: #444; text-align: center; line-height: 1.5; margin-bottom:15px; display: none;}
.res_over::after {position: absolute; top: 50%; margin-top: -15px; right: 0; width: 20px; height: 30px; background: url(/_img/utility/black-arrow2-next-g.png) no-repeat center; background-size: 100%; content:''}
.res_over::before {position: absolute; top: 50%; margin-top: -15px; left: 0; width: 20px; height: 30px; background: url(/_img/utility/black-arrow2-prev-g.png) no-repeat center; background-size: 100%; content:''}

@media screen and (max-width: 980px) {
	table.basic_table tr td, table.basic_table tr th {padding: 15px 10px; font-size: 14px;}
	
	ul.alert_list li {font-size: 14px;}
	.res_over  {display: block;}
	
}


/*===== 창업문의 =====*/
.modify_wrapper {width:100%; overflow: hidden; margin-bottom: 30px;}

.modify_wrapper>p {font-size: 14px; padding-top: 20px;}
.modify_wrapper p.modify_list_title {font-size: 18px!important; font-weight: 700; color:#212121; margin-bottom: 14px;}

.modify_wrapper ul.modify_list {width:100%; overflow: hidden; font-size: 15px; border:1px solid #e0e0e0; box-sizing:border-box;}
.modify_wrapper ul.modify_list li {position:relative; box-sizing: border-box; overflow: hidden;}
.modify_wrapper ul.modify_list>li {padding-left: 165px; border-bottom: 1px solid #e0e0e0;}
.modify_wrapper ul.modify_list li ul {box-sizing: border-box; width: 100%;}
.modify_wrapper ul.modify_list li ul li {border-bottom: 1px solid #f1f1f1;}
.modify_wrapper ul.modify_list li:last-of-type {border-bottom: 0}
.modify_wrapper ul.modify_list li.fixed-box {background:#fafafa; height:70px; padding: 0 35px !important;}
.modify_wrapper ul.modify_list li.fixed-box p {color:#212121; font-size: 15px; line-height: 70px;}
.modify_wrapper ul.modify_list li.fixed-box p span {color:#999; font-size: 12px; padding-left: 10px;}
.modify_wrapper ul.modify_list li.fixed-box p strong {font-size:16px; color:#212121;}
.modify_wrapper ul.modify_list li.fixed-box.ver2 input[type='text'] {background: #fafafa; width: 100%; padding: 0}
.modify_wrapper ul.modify_list li .list_title {width:165px; box-sizing: border-box; padding: 0 35px; position: absolute; top: 50%; margin-top: -10px; left: 0;}
.modify_wrapper ul.modify_list li .list_title span {color:#C10205; font-weight: 600; padding-right: 5px;}
.modify_wrapper ul.modify_list li input[type='text'], .modify_wrapper ul.modify_list li input[type='file'] {width:100%; height:70px; border:0; font-size: 15px; box-sizing:border-box; padding: 0 15px; font-weight: 500}
.modify_wrapper ul.modify_list li input[type='file'] {padding: 25px 15px}
.modify_wrapper ul.modify_list li input[type='password'] {width: 100%; height:70px; border:0; font-size: 15px; box-sizing:border-box; padding: 0 15px;}

.modify_wrapper ul.modify_list li select {height:70px; font-weight: 500;}

.modify_wrapper ul.modify_list button {width:135px; height: 45px; border-radius: 5px; border: 0; font-size: 14px; position: absolute; top: 12px; right: 15px; background: #b0b8c0; color: #fff;}

.modify_wrapper ul.modify_list textarea {width: 100%; height: 300px; border:0; font-size: 15px; padding:30px 35px;}

.modify_wrapper ul.modify_list li .check_my {position:absolute; /*right: 25px;*/ top: 23px;}
.modify_wrapper ul.modify_list li .num {width: 198px !important; border-left:1px solid #f1f1f1 !important}
.modify_wrapper ul.modify_list li .mail {width: 190px !important; float: left;}
.modify_wrapper ul.modify_list li .at {float: left; line-height: 60px; padding: 0 10px;}
.modify_wrapper ul.modify_list li .service {width: 190px !important;}
.modify_wrapper ul.modify_list li .mail:first-of-type, .modify_wrapper ul.modify_list li select.mail {border-left:1px solid #f1f1f1 !important;}
.modify_wrapper ul.modify_list li .addr { border-left:1px solid #f1f1f1 !important; padding-right: 165px;}
.modify_wrapper ul.modify_list li .addr2 { border-left:1px solid #f1f1f1 !important;}
.modify_wrapper ul.modify_list>li.fill {padding-left: 0}
.modify_wrapper ul.modify_list li em {float: left; width: 3%; font-size: 12px; line-height: 70px; height: 70px; text-align: center;/*display: none;*/}


.modify_wrapper ul.modify_list li .type_list {width: 100%; padding: 25px 0; overflow: hidden;}
.modify_wrapper ul.modify_list li .type_list .single {float: left; margin-right: 25px;}


/*btn_wraps*/
.btn_wraps {width: 100%; text-align: center; margin-top: 70px;}
.btn_wraps .write_btn {display: inline-block; margin: 0 5px; width: 200px; height: 50px; line-height: 50px; font-size: 16px; letter-spacing: -0.2px; background: #7b726d; color:#fff; transition: .3s; border: 0;}
.btn_wraps .write_btn:hover {background: #333;}

@media all and (max-width:1270px){
	
}

@media all and (max-width:980px){
	#my_page-body {padding-bottom: 30px; background: #fff;}
	
	.modify_wrapper ul.modify_list>li {padding-left: 120px;}
	.modify_wrapper ul.modify_list li .list_title {width: 120px; padding: 0 0 0 7px; font-size: 14px; letter-spacing: -0.3px; font-weight: 500;}
	.modify_wrapper ul.modify_list li input[type='text'], .modify_wrapper ul.modify_list li input[type='file'] {font-size: 14px; height: 60px; padding: 0 10px;}
	.modify_wrapper ul.modify_list li select {font-size: 14px; background-size: 13px; height: 60px;}
	.modify_wrapper ul.modify_list textarea {padding: 20px; font-size: 14px; letter-spacing: -0.3px}
	.modify_wrapper ul.modify_list li .num {width: 33.3% !important; box-sizing: border-box; float: left;}
	.modify_wrapper ul.modify_list li .num_check {width: 100% !important}
	.modify_wrapper ul.modify_list li .mail {width: 31% !important; box-sizing: border-box; float: left;}
	.modify_wrapper ul.modify_list li .at {width: 5%; padding: 0; text-align: center; line-height: 50px;}
	.modify_wrapper ul.modify_list li .mail::after {position: absolute; top: 0; right: 0; content: '@';}
	.modify_wrapper ul.modify_list li .service {width: 100% !important;}
	.modify_wrapper ul.modify_list li em {line-height: 45px; height: 45px;/*display: none;*/}
	
	.modify_wrapper ul.modify_list li.fixed-box {padding: 0 20px !important;}
	.modify_wrapper ul.modify_list li.fixed-box p {font-size: 13px; letter-spacing: -0.3px; font-weight: 500;}
	
	.modify_wrapper ul.modify_list li.single input[type=checkbox] + label {font-size: 13px; font-weight: 500;}
	
	
	
	.customer_pages .alert_list {margin-top: 0; margin-bottom: 20px; padding-top:20px; padding-bottom: 15px;}
	.customer_pages .alert_list dl dd ul li {font-size: 13px; margin: 5px 0;}
	
	.modify_wrapper ul.modify_list li .type_list .single {width: 33.3%; margin:5px 0;}
	.btn_wraps {margin: 40px 0 50px 0;}
	.btn_wraps span {font-size: 15px; font-weight: 500; letter-spacing: -0.2px;}
	.btn_wraps .write_btn {width: 43%; height: 40px; font-size: 14px; line-height: 40px; margin: 0 5px;}
	
	.modify_wrapper ul.modify_list button {position: relative; top: auto; right: auto; border-radius: 0; width: 100%; font-size: 13px;}
	
}

@media all and (max-width:768px){
	.modify_wrapper ul.modify_list>li {padding-left: 90px;}
	.modify_wrapper ul.modify_list li .type_list {padding: 5px 0 10px 0}
	.modify_wrapper ul.modify_list li .list_title {width: 90px; font-size: 13px;}
	.modify_wrapper ul.modify_list li .list_title span {padding-right: 2px;}
	.modify_wrapper ul.modify_list li input[type='text'], .modify_wrapper ul.modify_list li input[type='file'],.modify_wrapper ul.modify_list li input[type='password'] {height: 50px; padding: 0 5px; font-size: 13px;}
	.modify_wrapper ul.modify_list li input[type='file'] {padding: 16px 0;}
	.modify_wrapper ul.modify_list li select {height: 50px;  background-size: 10px; background-position: center right 7px; font-size: 13px;}
	
	.modify_wrapper ul.modify_list li.fixed-box {height: 50px; padding: 0 10px !important}
	.modify_wrapper ul.modify_list li.fixed-box p {line-height: 50px;}
	.modify_wrapper ul.modify_list li.fixed-box p strong {font-size: 15px;}
	.modify_wrapper ul.modify_list textarea {padding:15px 10px; font-size: 13px;}
	.modify_wrapper ul.modify_list li p .agree_txt {padding-left: 18px; font-size: 13px;}
	.modify_wrapper ul.modify_list li .check_my {position: relative; right: auto; top: auto; left: auto; margin-top: 13px;}
	.modify_wrapper ul.modify_list li .check_my span {display: none;}
/*	.modify_wrapper ul.modify_list li .check_my input[type=checkbox] + label:before {top:-10px;}*/
	
	.btn_wraps {margin-bottom:0;}
}


#sub01_01_sec01 {background: url(/_img/sub/sub01_01_sec01_bg.jpg) no-repeat center bottom; background-size: cover; padding: 150px 0; text-align: center;}

#sub01_01_sec03 {padding: 0;}
#brandBox_wrap {width: 100%; overflow: hidden;}
#brandBox_wrap .brandBox {float: left; width: 33.3%; background-size: cover; background-position: center; background-repeat: no-repeat; display: table; height: 650px; overflow: hidden;}
#brandBox_wrap .brandBox .inner_wrapper {display: table-cell; vertical-align: middle; width: 100%; height: 100%; opacity: 0; padding-top: 100px;}
#brandBox_wrap .brandBox .inner_wrapper h5 {text-align: center; color: #fff; font-weight: 600; padding-bottom: 40px;}
#brandBox_wrap .brandBox .inner_wrapper h5 span {padding: 0 15px; position: relative;}
#brandBox_wrap .brandBox .inner_wrapper h5 span::after {position: absolute; top: 3px; left: 0; width: 2px; height: 25px; background: #fff; content: '';}
#brandBox_wrap .brandBox .inner_wrapper h5 span:first-of-type::after {display: none;}
#brandBox_wrap .brandBox .inner_wrapper p {color: #fff; text-align: center; font-size: 17px; font-weight: 500; line-height: 1.6;}
#brandBox_wrap .brandBox#box01 {background-image: url(/_img/sub/sub01_01_sec02_pic01.jpg);}
#brandBox_wrap .brandBox#box02 {background-image: url(/_img/sub/sub01_01_sec02_pic02.jpg);}
#brandBox_wrap .brandBox#box03 {background-image: url(/_img/sub/sub01_01_sec02_pic03.jpg);}

.on #brandBox_wrap .brandBox#box01 .inner_wrapper {opacity: 1; padding-top:0; transition: opacity 1s ease .7s, padding-top .7s ease .3s; }
.on #brandBox_wrap .brandBox#box02 .inner_wrapper {opacity: 1; padding-top:0; transition: opacity 1s ease .9s, padding-top .7s ease .5s}
.on #brandBox_wrap .brandBox#box03 .inner_wrapper {opacity: 1; padding-top:0; transition: opacity 1s ease 1.1s, padding-top .7s ease .7s}

@media screen and (max-width: 980px) {
	#brandBox_wrap .brandBox {width: 100%; margin: 0; height: auto; padding: 70px 0}
	#brandBox_wrap .brandBox .inner_wrapper p {font-size: 15px;}
	
}


.sub_interior_slider {position: relative; width: 160%; margin-left: -30%;}
.sub_interior_slider .swiper-slide {}
.sub_interior_slider .swiper-slide-next {opacity: 1; }

.sub_interior_slider .pic_wrap {position: relative; width: 100%; height: auto; padding-bottom: 60%; transition:.5s; opacity: .5; overflow: hidden;}
.sub_interior_slider .pic_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: auto; object-fit: cover; display: block;}
.sub_interior_slider .pic_desc {position: absolute; bottom: 0; left: 0; background:rgba(0,0,0,0.9); color: #fff; box-sizing: border-box; padding: 0 30px; width: 100%; text-align: center; height: 65px; z-index: 1; font-size: 15px; line-height: 65px ; transition:.5s; opacity: .5;}
.sub_interior_slider .pic_desc span {display: block;}
.sub_interior_slider .menu_info {position: absolute; bottom: 30px; left: 30px; background:rgba(0,0,0,0.6); box-sizing: border-box; padding: 30px;}
.sub_interior_slider .menu_info p {font-size: 15px; color: #fff; margin-top: 10px;}
.sub_interior_slider .menu_info h6 {color: #fff; }
.sub_interior_slider .menu_info h6 strong {color:#d1a681;}
.sub_interior_slider .swiper-slide-active .pic_wrap, .sub_interior_slider .swiper-slide-active .pic_desc {opacity: 1;}


.sub_interior_slider-pagination {width: 100%; text-align: center; margin: 30px 0}
.sub_interior_slider-pagination span {width: 13px; height: 13px; border: 1px solid #202020; margin: 0 4px; background: none; border-radius: 50px;}
.sub_interior_slider-pagination span.swiper-pagination-bullet-active {background: #202020; width: 30px;}

.sub_interior_slider-control {position:absolute; bottom: 0; left: 50%; margin-left: -600px; z-index: 1;}
.sub_interior_slider-button {width: 65px; height:65px; background-position: center; background-size: 13px; background-repeat: no-repeat; text-indent: -999999px; float: left; cursor: pointer;}
.sub_interior_slider-next {background-image: url("../_img/utility/nomal-arrow-next-b.png"); background-color: #ebe7e2;} 
.sub_interior_slider-prev {background-image: url("../_img/utility/nomal-arrow-prev-b.png"); background-color: #f7f3ed;} 


.sub_interior_slider-button.ver2 {width: 30px; height: 65px; position: absolute; top: 50%; z-index: 1; left: 50%; background-color:transparent; background-size: 25px;}
.sub_interior_slider-next.ver2 {background-image: url("../_img/utility/nomal-arrow-next-w.png"); margin-left: 15%; }
.sub_interior_slider-prev.ver2 {background-image: url("../_img/utility/nomal-arrow-prev-w.png"); margin-left: -16%; }


@media all and (max-width:980px){
	#sub01_01_sec01 {padding: 70px 0;}
	#sub01_01_sec01 img {width: 40%;}
	
	.sub_interior_slider-pagination {margin: 15px 0;}
	.sub_interior_slider-pagination span {width: 10px; height: 10px;}
	
	.sub_interior_slider .menu_info {position: relative; bottom: auto; left: auto; padding: 15px; background: #333;}
	
	.sub_interior_slider-button.ver2 {height: 50px; margin-top: -25px;}
	.sub_interior_slider-next.ver2 {margin-left: 24%; background-image: url("../_img/utility/nomal-arrow-next-b.png");}
	.sub_interior_slider-prev.ver2 {margin-left: -27.6%;  background-image: url("../_img/utility/nomal-arrow-prev-b.png");}
	
	.sub_interior_slider .pic_wrap {padding-bottom: 80%;}
	.sub_interior_slider .pic_desc {padding: 10px 5px; font-size: 10px !important; line-height: 1.5; height: auto;}
	.sub_interior_slider .pic_desc span {transform: scale(.7)}
	
}

@media all and (max-width:640px){
}

/*===== 메뉴소개 =====*/
/*사시미*/
#sub02_01_sec02 {background: #efede3;}
.menu_slider { margin-top: 50px;}
.menu_slider .pic_wrap {position: relative; width: 100%; height: auto; padding-bottom: 50%;}
.menu_slider .pic_wrap img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.menu_slider-control {position:absolute; bottom: 0; right: 0; z-index: 1;}
.menu_slider-control .menu_slider-button {width: 65px; height:65px; background-position: center; background-size: 13px; background-repeat: no-repeat; text-indent: -999999px; float: left; cursor: pointer;}
.menu_slider-control .menu_slider-next {background-image: url("../_img/utility/nomal-arrow-next-b.png"); background-color: #ebe7e2;} 
.menu_slider-control .menu_slider-prev {background-image: url("../_img/utility/nomal-arrow-prev-b.png"); background-color: #f7f3ed;}

/*단품식사*/
#sub02_01_sec03 {background:url(/_img/sub/sub02_01_sec03_bg.jpg) no-repeat center bottom; background-size: cover;}
.slider_wrap {position: relative;}
.menu_slider2 {margin-top: 50px;}
.menu_slider2 .pic_wrap {position: relative; width: 100%; height: auto; padding-bottom: 65%;}
.menu_slider2 .pic_wrap img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.menu_slider2 .pic_desc {position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 0; color: #fff; text-align: center; font-size: 17px; font-weight: 600; background: rgba(0,0,0,0.5)}
.menu_slider2-button {position:absolute; top: 50%; margin-top: -30px; left: 50%; width: 65px; height:65px; background-position: center; background-size: 13px; background-repeat: no-repeat; text-indent: -999999px; float: left; cursor: pointer;}
.menu_slider2-next {margin-left:630px; background-image: url("../_img/utility/nomal-arrow-next-b.png"); background-color: #ebe7e2;} 
.menu_slider2-prev {margin-left:-690px;background-image: url("../_img/utility/nomal-arrow-prev-b.png"); background-color: #f7f3ed;}




@media all and (max-width:980px){
	#sub02_01_sec02, #sub02_01_sec03 {padding-right: 15px; padding-left: 15px; box-sizing: border-box;}
	.menu_slider, .menu_slider2  {margin-top: 20px;}
	.menu_slider2 .pic_wrap {padding-bottom: 85%;}
	.menu_slider2 .pic_desc {font-size: 13px; padding: 7px 0;}
	.menu_slider-control .menu_slider-button {width: 40px; height: 40px;}
	
	.menu_slider2 {padding-top: 35px;}
	.menu_slider2-button {width: 35px; height: 35px; z-index: 1; margin-top:0; top: 0;}
	.menu_slider2-prev {margin-left: -40px;}
	.menu_slider2-next {margin-left: 0;}
}


/*===== 특허소개 =====*/
.certi_slide {}
.certi_slide .pic_wrap {position: relative; width: 100%; height: auto; padding-bottom: 50%;}
.certi_slide .pic_wrap img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}

#sub03_01_sec02 {background:url(/_img/sub/sub03_01_sec02_bg.jpg) no-repeat center bottom, #303030; background-size: cover; margin-top: -400px; padding-top: 400px;}
#sub03_01_sec02 .section_title {}
#sub03_01_sec02 .section_title h4 {color: #fff;}
#sub03_01_sec02 .desc_text p {color: #fff; opacity: .8;}

#sub03_01_sec02 .certi_slide {position: relative; margin-top: 60px;}
#sub03_01_sec02 .certi_slide .desc_box {width: 600px; position: absolute; top: 0; left: 50%; margin-left: -600px; padding: 200px 0;}
#sub03_01_sec02 .certi_slide .desc_box h5 {color: #fff; font-weight: 600; margin: 25px 0;  background: #303030; line-height: 1.2;}
#sub03_01_sec02 .certi_slide .desc_box p {color: #adadad; font-size: 17px; line-height: 1.6; background: #303030;}
#sub03_01_sec02 .certi_slide .desc_box span {background: #977456; color: #fff; font-size: 13px; font-weight: 900; padding: 10px 20px; border-radius: 50px; display: inline-block; text-transform: uppercase;}
#sub03_01_sec02 .certi_slide .pic_wrap {width: 50%; padding-bottom: 30%; float: right;}
#sub03_01_sec02 .certi_slide-pagination {position: absolute; bottom: 140px; left: 50%; margin-left: -600px; z-index: 9;}
#sub03_01_sec02 .certi_slide-pagination span {width: 10px; height: 10px; border: 1px solid #d1a681; margin: 0 4px; background: none; opacity: 1;}
#sub03_01_sec02 .certi_slide-pagination span.swiper-pagination-bullet-active {background: #d1a681;}

.seiro_special {}
.seiro_special .pics {padding-top: 30%}
.seiro_special .pics img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.seiro_special .text {}
.seiro_special .text::after {padding-bottom: 55%;}
.seiro_special .text h4 {color: #fff; font-weight: 600; margin: 25px 0;  background: #303030; line-height: 1.2;}
.seiro_special .text p {color: #adadad; font-size: 21px; line-height: 1.7;}
.seiro_special .text span {background: #977456; color: #fff; font-size: 13px; font-weight: 900; padding: 10px 20px; border-radius: 50px; display: inline-block; text-transform: uppercase;}

.seiro_special#seiro_special01 {margin-top: 70px;}
.seiro_special#seiro_special01 .text .inner_wrap .inner_vertical .vertical_wrap {padding-right: 0;}
.seiro_special#seiro_special02 .pics, .seiro_special#seiro_special02 .text {float: right;}
.seiro_special#seiro_special02  .text .inner_wrap {left: auto; right: 0}
.seiro_special#seiro_special02 .text .inner_wrap .inner_vertical .vertical_wrap {padding-left: 0;}
.seiro_special#seiro_special03 .text .inner_wrap .inner_vertical .vertical_wrap {padding-right: 0;}

.on .seiro_special#seiro_special01 .vertical_wrap {opacity: 1; padding-top:0; transition: opacity 1s ease .8s, padding-top 1s ease 1s;}
.on .seiro_special#seiro_special02 .vertical_wrap {opacity: 1; padding-top:0; transition: opacity 1s ease 1.2s, padding-top 1s ease 1.4s;}
.on .seiro_special#seiro_special03 .vertical_wrap {opacity: 1; padding-top:0; transition: opacity 1s ease 1.6s, padding-top 1s ease 1.8s;}


@media screen and (max-width: 980px) {
	
	#sub03_01_sec01 {padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
	#sub03_01_sec02 {margin: 0; padding-top:50px; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
	#sub03_01_sec02 .certi_slide {margin-top:30px;}
	#sub03_01_sec02 .certi_slide .desc_box {width: 100%; position: relative; top: auto; left: auto; margin-left: 0; padding: 30px 0; text-align: center; border: 5px solid rgba(255,255,255,.3);}
	#sub03_01_sec02 .certi_slide .desc_box 
	#sub03_01_sec02 .certi_slide .desc_box p {font-size: 15px; text-align: center;}
	#sub03_01_sec02 .certi_slide .desc_box h5 {text-align: center;}
	#sub03_01_sec02 .certi_slide .pic_wrap {width: 100%; padding-bottom: 50%;}
	#sub03_01_sec02 .certi_slide-pagination {position: relative; bottom: auto; left: auto; margin-left: 0; text-align: center; margin-bottom: 30px;}
	
	.seiro_special {margin: 0}
	.seiro_special#seiro_special01 {margin-top: 40px;}
	.seiro_special .text {text-align: center;}
	.seiro_special .text .inner_wrap .inner_vertical .vertical_wrap {padding: 80px 0 40px 0;}
	.seiro_special .text span {font-size: 12px; padding: 5px 20px;}
	.seiro_special .text h4 {margin: 15px 0; text-align: center; background: none;}
	.seiro_special .pics {padding-top: 50%;}
	.seiro_special .text p {font-size: 16px; text-align: center;}
	
	.on .seiro_special#seiro_special01 .vertical_wrap {padding-top:40px;}
	.on .seiro_special#seiro_special02 .vertical_wrap {padding-top:40px;}
	.on .seiro_special#seiro_special03 .vertical_wrap {padding-top:40px;}

}



/*===== 개설절차 =====*/
#sub05_sec02 {background:url(/_img/sub/sub05_01_sec02_bg.jpg) no-repeat center bottom; background-size: cover;}
#sub05_sec02 .section_title h4  {color: #fff;}

#stepBox_wrap {}
.stepBox {width: 32%; margin-left: 2%; margin-bottom: 2%; box-sizing: border-box; border: 10px solid #eae3dd; background: #fff; overflow: hidden; padding: 40px 20px; float: left; text-align: center; opacity: 0;}
.stepBox:first-of-type {margin-left: 0;}
.stepBox span {display: inline-block; padding: 5px 20px; color: #fff; font-size: 13px; font-weight: 700; background: #977456; border-radius: 50px; margin: 0 auto;}
.stepBox p {text-align: center; font-size: 16px; line-height: 1.6;}
.stepBox h6 {text-align: center; font-size: 23px; font-weight: 600; color: #202020; padding: 15px 0 10px 0;}


.on .stepBox#step1 {opacity: 1; transition: .7s ease .3s}
.on .stepBox#step2 {opacity: 1; transition: .7s ease .5s}
.on .stepBox#step3 {opacity: 1; transition: .7s ease .7s}
.on .stepBox#step4 {opacity: 1; transition: .7s ease .9s}
.on .stepBox#step5 {opacity: 1; transition: .7s ease 1.1s}
.on .stepBox#step6 {opacity: 1; transition: .7s ease 1.3s}
.on .stepBox#step7 {opacity: 1; transition: .7s ease 1.5s}
.on .stepBox#step8 {opacity: 1; transition: .7s ease 1.7s}


@media all and (max-width:1200px){
	#sub05_sec01 {padding-left: 15px; padding-right: 15px;}
	#sub05_sec03 {padding-left: 15px; padding-right: 15px;}
	#sub05_sec02 {padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
}

@media all and (min-width:980px){
	.stepBox:nth-of-type(3n+1) {margin-left: 0;}
}

@media all and (max-width:980px){
	.stepBox {width: 49%;}
	.stepBox:nth-of-type(2n+1) {margin-left: 0;}
	.stepBox p {font-size: 15px;}
	.stepBox span {font-size: 12px;}
}


@media all and (max-width:640px) {.stepBox {width: 100%; margin-left:0;}}