/* 레이아웃 */
#wrap{overflow: hidden; background: #fff; }
#header{position: absolute; width: 100%;height:108px;z-index: 15; }
#header .logo{position: absolute;left:50%; top: 0;transform:translate(-50%,0);z-index: 1000;}
#header .logo.scroll_on{position:fixed;left: 0;transform:translate(0,0); }
#header .logo img{width:189px;}
#header .logo.scroll_on img{width:120px;}
#header .gnb{position: absolute; width:100%;  top:68vh;  transition:0.5s;}
#header .gnb ul{display:flex; width:100% ;max-width:800px; margin:0 auto;border:1px solid #111; justify-content:center; align-content:center; align-items:center;  box-shadow:15px 15px 30px rgba(0,0,0,0.15);  }
#header .gnb ul li{width:25%; background:rgba(255,255,255,0.8); text-align: center; border-right:1px solid #ccc; transition:0.2s}
#header .gnb ul li:hover{background:rgba(235,235,235,0.6);}
#header .gnb ul li:last-child{border-right:none;}
#header .gnb ul li a{display: block; padding:24px 0; font-size:1.2em; font-weight: 600;}
#header .gnb ul li.gnb_db{display: flex;  justify-content:center; align-content:center; align-items:center;	 background:rgba(0,0,0,0.95);color: #fff;}
#header .gnb ul li.gnb_db:hover{ background:rgba(0,0,0,0.85);}
#header .gnb ul li.gnb_db .icon img{width:24px; margin-right:8px;}

#header .gnb2{position: fixed; width:100%; bottom:-220px;  transition:1s; z-index: 10000;}
#header .gnb2 ul{display:flex; width:100% ;max-width:700px; margin:0 auto;border:1px solid #111; justify-content:center; align-content:center; align-items:center;  box-shadow:15px 15px 30px rgba(0,0,0,0.15);  }
#header .gnb2 ul li{width:calc(100% / 3 ); background:rgba(255,255,255,0.7);backdrop-filter: blur(10px); text-align: center; border-right:1px solid #ccc; transition:0.2s}
#header .gnb2 ul li:hover{background:rgba(235,235,235,0.6);}
#header .gnb2 ul li:last-child{border-right:1px solid #111}
#header .gnb2 ul li a{display: block; padding:18px 0; font-size:1.1em; font-weight: 600;height:100%;}
#header .gnb2 ul li.gnb_db{display: flex;  justify-content:center; align-content:center; align-items:center;	 background:rgba(0,0,0,0.95);color: #fff;}
#header .gnb2 ul li.gnb_db:hover{ background:rgba(0,0,0,0.85);}
#header .gnb2 ul li.gnb_db .icon img{width:24px; margin-right:8px;}
#header .gnb2.scroll_on{bottom:20px;}
#header .gnb2 ul{width:100%; }

#container{ margin:0 auto;width: 100%; overflow: hidden;}
#container .content_inner{width:1280px; margin:0 auto;}
#footer{position: relative;padding:5em 0 10em; background:#f7f7f7; text-align:center; color: #333; z-index: 1;}
#footer .footer_inner{position: relative; z-index: 5;}
#footer .footer_inner ul{font-size: 0;}
#footer .footer_inner ul li{display:inline-block;  margin:4px; font-size:14px;}
#footer .footer_inner ul li strong:after{display: inline-block;	content:':'; margin:0 2px;}
#footer .footer_inner cite{display: block; margin-top:16px;font-size:12px; opacity: 0.5;}
#footer .cirlce_logo{width: 170px;left: 50%;transform:translate(-50%,-50%);}
#footer video{position: absolute; top: 0;width:100%;left:0; opacity:0.5;}
.mo_br{display: none;}


/* db */
/* 레이어팝업 */
.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#ff6600; border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #fff;border-radius:3px; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}

#quick{position: absolute; right:30px;top:40px; z-index:10;}
.en{font-family: 'Apollo', sans-serif !important; }
/* 컨텐츠 */
section{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center; overflow: hidden; }
.bg_ctn{width:1920px; left:50%; margin-left:-960px;}
.main01{height:100vh; overflow: hidden;}
.main01 .title{position: absolute; width:100%;left:50%; top: 50%; transform:translate(-50%,-64%); font-size: 15px; z-index: 1;}
.main01 .title h3{font-size:2.5em; font-weight:500; letter-spacing:-3px;}
.main01 .title h2{font-size:5.5em; letter-spacing:7px;}
.main01 .title h2 br{display: none;}
.main01 .title h2 span{animation:ft_ani 3s 0.5s backwards}
.main01 .title p{font-size:1.2em; letter-spacing:-1px; line-height:1.65;}
.main01 .bg{position: absolute; top:0; left:0;height:100%;width:100%;background:url(../image/bg_main01.jpg) no-repeat 50% / cover; animation:bg_ani 10s 0s infinite linear alternate,blur_ani 2.5s 0s forwards;}
@keyframes bg_ani{
	0%{transform:scale(1);}
	100%{transform:scale(1.2);}
}
@keyframes blur_ani{
	0%{opacity:0;filter: blur(30px);}
	100%{ opacity:1;filter: blur(0px);}
}

.main02{display:flex; margin:15vh 0;  justify-content:center; align-content:center; align-items:center;  }
.main02 .title{width:50%;}
.main02 .title h2{font-size:3.8vw; margin-bottom:8px;line-height:1.1; letter-spacing:5px;}
.main02 .title h3{font-size:1.8vw; font-weight:600; letter-spacing:-1px;}
.main02 .title p{position: relative; padding-top:5em; font-size:1.08em;line-height:1.9; color: #666;}
.main02 .title p b{color: #111;}
.main02 .title p:after{content:' '; position: absolute; top:40px; left:50%; width:50px; height:1px; background:#000; margin-left:-30px;transform:rotate(45deg)}
.main02 .img{width:50%;}
.main02 .img img{object-fit:cover;width: 100%; height:100%;	}
@keyframes ft_ani{
	0%{letter-spacing:-40px; opacity:0; filter: blur(15px);}
	100%{letter-spacing:7px;	opacity:1;filter: blur(0);}
}

.main03{padding:150px 0;background:url(../image/bg_main03.jpg) no-repeat fixed 50% }
.main03 .title span{letter-spacing:10px;}
.main03 .title h2{margin:0.2em 0 0.3em;font-size:clamp(32px, 10vw, 64px);font-weight:800;}
.main03 .title p{color: #666; line-height:1.6;}
.main03 .tab ul.tabs{margin:24px 0 48px;display:flex; justify-content:center; align-content:center; align-items:center; gap:16px }
.main03 .tab ul.tabs li{padding:16px 0; width:200px; cursor: pointer; font-size: 24px; box-shadow:6px 6px 27px rgba(0,0,0,0.15); border:1px solid #ddd}
.main03 .tab ul.tabs li.on{background:#111; color: #fff;}
.main03 .tab .tab_container .tab_content{min-height:400px}
.main03 .tab .tab_container .tab_content ul{max-width:1400px; margin: 0 auto;display:flex; gap:16px; flex-wrap:wrap;justify-content: center}
.main03 .tab .tab_container .tab_content ul li{width:calc(100% / 4 - 16px);margin-bottom:24px; overflow: hidden;}
.main03 .tab .tab_container .tab_content ul li a .img{width:100%; max-width:350px; overflow: hidden;}
.main03 .tab .tab_container .tab_content ul li a .img img{width:100%; transition:0.5s}
.main03 .tab .tab_container .tab_content ul li a .info{margin-top:12px;}
.main03 .tab .tab_container .tab_content ul li a .info h4{font-weight:600; font-size:0.95em;}
.main03 .tab .tab_container .tab_content ul li a .info span{font-size: 0.8em; color: #aaa;}
.main03 .tab .tab_container .tab_content ul li:hover img{opacity:0.8; transform:scale(1.1)}
.main03 .link_more{display: inline-block; padding:16px 32px;background: #111; color: #fff; font-size:clamp(17px, 1.5vw, 22px); letter-spacing:-1px;}
.main03 .link_more:hover{background:#222;}

.main04{padding:150px 0;}
.main04 .title span{letter-spacing:10px;}
.main04 .title h2{margin:0.2em 0 0.3em;font-size:clamp(32px, 10vw, 64px);font-weight:800;}
.main04 .title p{color: #666; line-height:1.5;}
.main04 .warr{font-size:0.8em; margin-top:1em;}
.main04 .tab2 ul.tabs2{margin:54px 0 48px;display:flex; justify-content:center; align-content:center; align-items:center; border-bottom:1px solid #111;}
.main04 .tab2 ul.tabs2 li{position: relative;padding:16px 28px;  cursor: pointer; font-size: 21px; font-weight:700;}
.main04 .tab2 ul.tabs2 li:after{content:' ' ;position: absolute;	width:1px;right: -1px; top:35%; height:15px; background:#aaa;}
.main04 .tab2 ul.tabs2 li.on{background:#111; color: #fff; box-shadow:7px 7px 20px rgba(0,0,0,0.4);z-index: 1;}
.main04 .tab2 ul.tabs2 li:hover{background:#f5f5f5;}
.main04 .tab2 ul.tabs2 li.on:hover{background:#111;}
.main04 .tab2 ul.tabs2 li.on:after,.main04 .tab2 ul.tabs2 li:last-child:after{display: none;}
.main04 .tab2 .tab_container{max-width:1800px; margin:0 auto;}
.main04 .tab2 .tab_container .tab_content2{min-height:600px}
.main04 .tab2 .tab_container .tab_content2 .menu_detail{position: relative;display:flex;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .img{width: 50%;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .img img{object-fit:cover; height:100%; width:100%; object-position:50% 60%}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu{width: 50%; background: #f7f7f7;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu{padding:6vw 4vw;  box-sizing:border-box;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu h3{font-size:2.5vw;margin-bottom:0.3em; font-weight:700;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail{margin-top:5vh}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li{position: relative;display:flex;justify-content: space-between; margin-bottom:1em; font-size:1.6em; }
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li:hover{background:;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li:after{content:' '; position: absolute;top: 50%;width: 100%; border-top:2px dotted #aaa; font-family:'MalgunGothic',sans-serif ;z-index:1;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info{position: relative;z-index:5;display:flex; justify-content:center; align-content:center; align-items:center; background: #f7f7f7;padding-right:20px; }
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info h5{font-weight:600;height:26px; margin-right:0.2em; letter-spacing:-1px; }
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info a{font-weight:600;height:20px;padding:6px 8px;background:#111; font-size:0.6em; border-radius:100px; color:#fff; margin-left:4px;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info a:hover{background:#222;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info span{font-weight:600;height:20px;padding:6px 12px;background:#fff; font-size:0.6em; border:1px solid #111; border-radius:100px; letter-spacing:-1px;}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li span{font-size:0.7em; 	}
.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price{position: relative; background:#f7f7f7;z-index: 5; padding-left:10px; line-height:1;font-weight:600; transform:translate(0,4px)}

.main05{display:flex; margin:5vh 0 15vh;  justify-content:center;flex-wrap:wrap; }
.main05 .title{width:50%;padding:5%; box-sizing:border-box;	}
.main05 .title h2{margin:0.2em 0 0.5em;font-size:clamp(32px, 10vw, 64px);font-weight:800;}
.main05 .img{width:50%;}
.main05 .img img{object-fit:cover;width: 100%; height:100%;	}



.menu_popup {display: none;position: fixed;    z-index: 1000;    left: 0;    top: 0;width: 100%;    height: 100%;    overflow: auto;    background-color: rgba(0, 0, 0, 0.5);}
.popup_content {position: fixed;left: 50%;top: 50%;max-width: 800px;transform: translate(-50%, -50%);background-color: #fff;padding:40px 20px;width: 80%;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4);}
.popup_content h4{font-size:1.6em; font-weight: 800; margin-bottom:0.8em; border-bottom:1px solid #eee;	padding-bottom:0.8em;}
.popup_content ul{display:flex; gap:8px}
.popup_content ul li{width:100%; font-size: 0.9em; color:rgba(0,0,0,0.7); border:4px solid #eee; border-radius:20px; padding:20px; box-sizing:border-box;font-family:'MalgunGothic',sans-serif ;}
.popup_content ul li:first-child{background: #fff0f0;border:2px solid #ffb0b0;}
.popup_content ul li:first-child b{color: #ff6363;}
.popup_content ul li:nth-child(2){background: #fff4eb;border:2px solid #ffd2b0;}
.popup_content ul li:nth-child(2) b{color: #ff9642;}
.popup_content ul li:nth-child(3){background: #fffcee;border:2px solid #ffefb0;}
.popup_content ul li:nth-child(3) b{color: #fcd632;}
.popup_content ul li:nth-child(4){background: #f6ffee;border:2px solid #d9ffb0;}
.popup_content ul li:nth-child(4) b{color: #54cc1e;}
.popup_content ul li:nth-child(5){background: #effff8;border:2px solid #b0ffda;}
.popup_content ul li:nth-child(5) b{color: #22da88;}
.popup_content ul li:nth-child(6){background: #edfbff;border:2px solid #b0efff;}
.popup_content ul li:nth-child(6) b {color: #38b6da;}
.popup_content ul li b{display: block;font-size:1.2em; margin-bottom:0.1em; font-weight:700;  color: #000;}
.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;    cursor: pointer;}
.close:hover,.close:focus {color: black;text-decoration: none;    cursor: pointer;}



#db ul{display:flex; flex-wrap:wrap; gap:8px;justify-content: space-between}
#db ul li{width: calc(100% / 2 - 8px); margin-bottom:20px;}
#db ul li.wide{width:100%}
#db ul li label{display: block;  text-align:left; font-size:1.45em; font-weight:700; margin-bottom:0.1em; letter-spacing:-1px;}
#db ul li label b{display: inline-block; color: #e60000; transform:translate(2px,-4px);}
#db ul li input[type="text"],
#db ul li textarea{padding:0 12px;width:100%;height: 50px; background: #f5f5f5;border:1px solid transparent; border-bottom:1px solid #e5e5e5;box-sizing:border-box;font-family:'MalgunGothic',sans-serif ; transition:0.3s;font-size:16px;}
#db ul li input[type="text"]:focus,
#db ul li textarea:focus{background: #fff; border:1px solid #111; box-shadow:5px 5px 15px rgba(0,0,0,0.1)}
#db ul li input[type="text"]::placeholder,#db ul li textarea::placeholder{color:#999 !important;}
#db ul li textarea{height:150px;padding:12px;resize:none;}
#db ul li.agree{font-size:0.7em; display:flex;  justify-content:center; align-content:center; align-items:center;  }
#db ul li.agree input[type="checkbox"]{display: inline-block;width:20px; height:20px; margin-right:4px;}
#db ul li.agree label{margin-bottom:0;font-family:'MalgunGothic',sans-serif ;}
#db ul li.agree label a{text-decoration:underline;}
#db ul li.submit{text-align: center;}
#db ul li.submit input{background:#000;width:70%;padding:24px 0; font-size:26px; color: #fff;font-weight: 600; border:none; cursor: pointer;}
#db ul li.submit input:hover{background: #222;}


@media all and (max-width:1400px) {
	#header .gnb{top:72vh; }
	#header .gnb ul li a{display: block; padding:20px 0; font-size:1.1em; font-weight: 600;}
	.main01 .title{ font-size: 12px;}
	.main01 .title p{font-size:1.4em;}
	.main03 .tab .tab_container .tab_content{padding:0 4%;}
	.main04 .tab2 ul.tabs2 li{padding:12px 24px;  font-size: 19px;}


}

@media all and (max-width:1024px) {
	#header .gnb{top:80vh; }
	#header .logo img{width:170px;}
	#header .gnb ul{max-width:700px;}
	.main01 .title{font-size:14px; transform:translate(-50%,-52%); }
	.main01 .title h2{line-height:1; margin:0.3em 0 0.1em; font-size: 6em;}
	.main01 .title h2 br{display: block;}
	.main01 .title p{font-size:1.3em;}
	.main02{margin:13vh 0;  flex-wrap:wrap}
	.main02 .title{width:100%; margin-bottom:1em;}
	.main02 .title h2{font-size:3em;}
	.main02 .title h2 br{display: none;}
	.main02 .title p{ font-size:1.0em;}
	.main02 .img{width:90%;  height:400px;}
	.main03 .tab .tab_container .tab_content{padding:0 3%;}
	.main03 .tab .tab_container .tab_content ul{gap:16px}
	.main03 .tab .tab_container .tab_content ul li{width:calc(100% / 3 - 16px);}
	.main03 .tab .tab_container .tab_content ul li h4{width:95%;text-overflow:ellipsis;	white-space:nowrap;	word-break:break-all ;overflow: hidden;}
	.main04 .tab2 ul.tabs2 li{padding:12px 12px;  font-size:17px;}
	.main04 .tab2 ul.tabs2{margin:48px 0 36px;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu{width:60%;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .img{width:40%;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu h3{font-size:1.8em;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu p{font-size:0.8em;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail{font-size:14px;}
	.main05 .title{width:60%;padding:5%; box-sizing:border-box;	}
	.main05 .title h2{margin:0.2em 0 0.5em;font-size:clamp(32px, 10vw, 64px);font-weight:800;}
	.main05 .img{width:40%;}

	.popup_content ul{flex-wrap:wrap;}
	.popup_content ul li{width:calc(50% - 8px) ; font-size: 0.8em;line-height:1.4;}
}

@media all and (max-width:768px) {
	#header .gnb{top:70vh; }
	#header .logo img{width:150px;}
	#header .gnb ul{max-width:90%;}
	#header .gnb ul li{width:calc(100% / 3);}
	#header .gnb ul li:first-child{display: none;}
	#header .gnb ul li a{display: block; padding:16px 0; font-size:0.9em; font-weight:600;}
	.mo_br{display: block !important;}
	#header .gnb2{position: fixed; width:100%; bottom:-220px;  transition:1s; z-index: 10000;}
	#header .gnb2 ul{max-width:100%; border:none; border-top:1px solid #111;}
	#header .gnb2 ul li{background:rgba(255,255,255,1);}
	#header .gnb2 ul li:first-child{display: none;}
	#header .gnb2 ul li:last-child{border-right:1px solid #111}
	#header .gnb2 ul li a{display: block; padding:16px 0; font-size:0.95em; font-weight: 600;height:100%;}
	#header .gnb2.scroll_on{bottom:0px;}
	.main01{height:90vh;}
	.main01 .title{transform:translate(-50%,-55%); }
	.main01 .title h3{font-size:clamp(24px, 5vw, 32px);;line-height:1; }
	.main01 .title h2{font-size:clamp(42px, 15vw, 64px);line-height:1; margin:0.4em 0 0.2em;}
	.main01 .title h2 br{display: block;}
	.main01 .title h2 span{animation:ft_ani 2s 0.5s backwards}
	.main01 .title p{font-size:clamp(15px, 2vw, 18px); line-height:1.7;}
	.main01 .title p br{display: none;}
	.main02{margin:13vh 0 10vh;  flex-wrap:wrap}
	.main02 .title{width:100%; margin-bottom:1em;}
	.main02 .title h2{font-size:2em; letter-spacing:2px;}
	.main02 .title h3{font-size:1.3em;}
	.main02 .title p{font-size:0.9em;}
	.main02 .img{height:250px;}

	.main03{padding:10vh 0;}
	.main03 .title{font-size:14px; margin-bottom:1em;}
	.main03 .title h2{margin:0.2em 0 0.2em;}
	.main03 .tab ul.tabs{margin:30px 0 32px; gap:8px }
	.main03 .tab ul.tabs li{padding:10px 0; width:40%;font-size: 18px;}
	.main03 .tab .tab_container .tab_content{ padding:0 4%;}
	.main03 .tab .tab_container .tab_content ul{gap:8px}
	.main03 .tab .tab_container .tab_content ul li{width:calc(100% / 2 - 8px);;margin-bottom:16px;text-align:left;}
	.main03 .tab .tab_container .tab_content ul li h4{font-size:0.9em;}

	.main04{padding:10vh 2.5% 0;}
	.main04 .title{font-size:14px; margin-bottom:1em;}
	.main04 .title h2{margin:0.2em 0 0.2em;}
	.main04 .tab2 ul.tabs2{flex-wrap:wrap; margin:32px auto 32px;border-right:1px solid #eee}
	.main04 .tab2 ul.tabs2 li{width:calc(100% / 2 );padding:14px 0;  font-size:15px; border:1px solid #eee;border-bottom:none;border-right:none; box-sizing:border-box}
	.main04 .tab2 ul.tabs2 li:after{display: none;}

	.main04 .tab2 .tab_container{ margin:0 auto;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .img{width:100%; height:200px;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu{width: 100%;padding: 2em 4%;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu h3{font-size:1.8em;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu p{font-size:0.9em;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail{flex-wrap:wrap}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .img{width: 100%; height:220px;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail{font-size:13px;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li{font-size:1.3em; align-items:center;  }
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price{transform:translate(0,2px)}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info{padding-right:10px;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info h5{height:20px;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info span{height:13px; margin-left:2px; font-size:0.55em;}
	.main04 .tab2 .tab_container .tab_content2 .menu_detail .menu .detail ol li .price_info a{height:13px; margin-left:2px; font-size:0.55em;}



	.main05{flex-direction: column-reverse ;margin: 5vh 0 5vh;}
	.main05 .title{width:100%;padding:6 4%;}
	.main05 .title h2{margin:0.2em 0 0.5em;font-size:clamp(24px, 10vw, 54px);font-weight:800;}
	.main05 .img{width:100%; height:250px;}
	.main05 .img{width:100%; margin-bottom:32px;}
	.main05 .img img{object-fit:cover;width: 100%; height:100%;object-position: 50% 100%;}

	#db ul li{font-size:14px;}
}

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

}