@charset "utf-8";
:root {
    --main:#009863 ;
    --mainDark: #006a45;
}

body {background:#fff;}

.header {position:fixed; top:0; left:0; right:0; border-bottom:1px solid rgba(0,0,0,.15); background:var(--main); z-index:9999;}
.header h1 {padding:2rem 0 0.6rem 1.85rem; width:9.19rem;}
.header h1 img {width:100%;}
.header .nav h2>a {position:absolute; top:1.85rem; right:1.85rem; display:block; padding-top:1.6rem; color:#fff; font-size:0.7rem; font-weight:400; letter-spacing:0.03rem;}
.header .nav h2>a:before {position:absolute; top:0; left:0; right:0; height:0.2rem; background:#fff; box-shadow:0 0.5rem 0 #fff, 0 1rem 0 #fff; content:"";}

.header #menu {position:fixed; top:0; bottom:0; left:0; right:0; background:#fefefe; backdrop-filter: blur(4px); transform:translateY(-100%); z-index:99999; overflow-y:auto; transition:all .5s ease;}
.header #menu.on {transform:translateY(0); transition:all .3s ease;}
#menu .top {position:relative; border-bottom:1px solid rgba(0,0,0,.1);}
#menu .top .logo {padding:2rem 0 0.6rem 1.85rem; width:9.19rem;}
#menu .top .logo img {width:100%;}
#menu .top .close>a{position:absolute; top:1.35rem; right:1.85rem; display:block; padding-top:2rem; color:#111; font-size:0.7rem; font-weight:400; letter-spacing:0.03rem;}
#menu .top .close>a:before {position:absolute; top:0; left:50%; width:0.1rem; height:2rem; background:#111; transform:translateX(-50%) rotate(45deg); content:"";}
#menu .top .close>a:after{position:absolute; top:0; left:50%; width:0.1rem; height:2rem; background:#111; transform:translateX(-50%) rotate(-45deg); content:"";}
#menu>div:not(.top) {padding-bottom:0.8rem; border-bottom:1px solid rgba(0,0,0,.1);}
#menu>div:not(.top)>p.stit {padding:1.1rem 1.6rem 0.5rem; font-size:1.1rem; font-weight:600; color:#111;}
#menu>div:not(.top)>ul>li>a {position:relative; display:block; padding:0.8rem 1.6rem 0.8rem 3.9rem; background:no-repeat 1.6rem center; background-size:1.7rem;}
#menu>div.menu>ul>li>a:not(.depth1):before {position:absolute; right:2rem; top:50%; width:0.65rem; height:0.65rem; border:solid #888; border-width:0.15rem 0.15rem 0 0; transform:translateY(-50%) rotate(45deg); content:"";}
#menu>div.menu>ul>li>a.depth1:before {position:absolute; right:1.80rem; top:50%; width:1.1rem; height:0.13rem; background:#888; transform:translateY(-50%); box-shadow:0 0.4rem 0 #888, 0 -0.4rem 0 #888; content:"";}
#menu>div.menu>ul>li.select>a.depth1:before {background:#fff; box-shadow:0 0.4rem 0 #fff, 0 -0.4rem 0 #fff;}
#menu .depth2 {position:relative; display:none; padding:0.5rem 0; background:#f1f1f1;}
#menu .depth2>li>a {display:block; padding:0.5rem 4.5rem; font-size:0.94rem; color:#555;}
#menu>div>ul>li.select>a {color:#fff; background-color:var(--main);}
#menu>div.menu>ul>li.select>a:before {border-color:#fff;}
#menu .depth2>li.select>a {color:#000; font-weight:500;}
#menu>div:not(.top)>ul>li.select .depth2 {display:block;}
#menu .notice {text-align:center; padding:0.4rem; margin-top:1.35rem; line-height:160%;}
#menu .notice strong {color:#ed3b61; font-size:1.05rem;}
#menu>div.outLink>ul>li>a:before {position:absolute; right:1.45rem; top:50%; width:1.35rem; height:1.35rem; background:url(/discharge/img/outlink.svg) no-repeat; background-size:100%; transform:translateY(-50%); content:"";}
.header #menu>div:not(.top)>ul>li.open:not(.select)>a {color:#000; font-weight:500;}

#menu>div>ul>li.m1>a{background-image:url('/discharge/img/menu01.svg');}
#menu>div>ul>li.m2>a{background-image:url('/discharge/img/menu02.svg');}
#menu>div>ul>li.m3>a{background-image:url('/discharge/img/menu03.svg');}
#menu>div>ul>li.m4>a{background-image:url('/discharge/img/menu04.svg');}
#menu>div>ul>li.m5>a{background-image:url('/discharge/img/menu05.svg');}
#menu>div>ul>li.m6>a{background-image:url('/discharge/img/menu06.svg');}
#menu>div>ul>li.m7>a{background-image:url('/discharge/img/menu07.svg');}
#menu>div>ul>li.m8>a{background-image:url('/discharge/img/menu08.svg');}
#menu>div>ul>li.select.m1>a{background-image:url('/discharge/img/menu_select01.svg');}
#menu>div>ul>li.select.m2>a{background-image:url('/discharge/img/menu_select02.svg');}
#menu>div>ul>li.select.m3>a{background-image:url('/discharge/img/menu_select03.svg');}
#menu>div>ul>li.select.m4>a{background-image:url('/discharge/img/menu_select04.svg');}
#menu>div>ul>li.select.m5>a{background-image:url('/discharge/img/menu_select05.svg');}
#menu>div>ul>li.select.m6>a{background-image:url('/discharge/img/menu_select06.svg');}
#menu>div>ul>li.select.m7>a{background-image:url('/discharge/img/menu_select07.svg');}
#menu>div>ul>li.select.m8>a{background-image:url('/discharge/img/menu_select08.svg');}

body.menu-on {overflow:hidden;}

#container {margin-top:5.8rem;}
#container h3 {position:relative; overflow:hidden; padding:2rem 0 3.3rem; text-align:center; color:#fff; font-size:2.2rem; font-weight:600; letter-spacing:-0.1rem; background:var(--main);}
#container h3:before {position:absolute; bottom:0; left:0; right:0; height:1.65rem; border-radius:1.65rem 1.65rem 0 0; background:#fff; content:"";}
#container h3 .sfont {display:block; font-size:1.5rem !Important; font-weight:500;}
#contents {padding:0.8rem 1.65rem 1.65rem;}

h4 {position:relative; font-weight:600; font-size:1.4rem; margin-top:2.1rem; letter-spacing:-0.05rem;}
h4:first-child {margin-top:0;}
h4:nth-of-type(n+2):before {position:absolute; top:-1.05rem; left:0; right:0; border-top:1px dashed #d2d2d2; content:"";}
p.bl02 {margin-top:0.92rem; font-size:1.1rem; color:var(--mainDark); font-weight:500;}
p.bl02 .normal {color:#555;}
div.bl03 {margin-top:0.4rem;}
div.bl03>p{position:relative; padding-left:0.47rem; color:#444; font-weight:500;}
div.bl03>p:before {position:absolute; left:0.05rem; top:0.2rem; bottom:0.26rem; width:0.18rem; background:#555; content:"";}
div.bl03>p+.bl04 {margin-top:0.4rem; margin-left:0.4rem;}
div.bl03 + div.bl03 {margin-top:0.65rem;}
ul.bl04>li {position:relative; padding-left:0.5rem; margin-top:0.21rem;}
ul.bl04>li:before {position:absolute; left:0.026rem; top:0.4rem; width:0.26rem; height:0.26rem; background:var(--main); content:"";}
ul.bl05>li {position:relative; padding-left:0.5rem; margin-top:0.13rem; font-size:0.9rem;}
ul.bl05>li:before {position:absolute; left:0; top:0.5rem; width:0.28rem; height:1px; background:#555; content:"";}
.nobl:before {display:none !important;}
.bl02 + .bl04 {margin-top:0.4rem;}
h4 + .bl04 {margin-top:0.65rem; margin-left:0.26rem;}
ul.bl04>li>.bl05 {margin-top:0.4rem;}

.point {color:#ed3b61}

div.tableBox {margin-top:0.8rem;}
table.data {width:100%;}
table.data td,
table.data th {padding:0.26rem; font-size:0.9rem; border:1px solid #ccc;}
table.data thead + tbody tr>* {border-top:0;}
table.data thead th {color:#fff; font-weight:500; border:1px solid var(--mainDark); background:var(--main);}
table.data tbody th {font-weight:500; background:#fafafa;}

table.data td.bg_gray {background:#f7f7f7;}

img {max-width:100%;}

.btnBox {margin:1rem 0; text-align:center;}
.conbtn {position:relative; display:inline-block; padding:0.52rem 1.31rem; margin-bottom:0.26rem; color:#fff; font-weight:500; border-radius:0.52rem; background:var(--main) no-repeat right 1rem center; background-size:auto 1.45rem; border:1px solid rgba(0,0,0,.1);}
.conbtn.sbtn {padding:0.4rem 0.8rem; color:#fff; font-size:12px; font-weight:500; border-radius:0.52rem; background:#0a593d no-repeat right 0.6rem center; background-size:auto 1.45rem; border:1px solid rgba(0,0,0,.1); margin-bottom:0; padding-right:2.2rem !important;}
.conbtn.down {padding-right:2.63rem; background-image:url('/discharge/img/conbtn_down.svg');}
.conbtn.link {padding-right:2.63rem; background-image:url('/discharge/img/conbtn_link.svg');}

h4+.tbox {margin-top:0.52rem;}
.tbox {padding:0.79rem; border:1px solid #eee; border-top:3px solid var(--main); border-radius:0.52rem; background:#fff; box-shadow:0 0.13rem 0.23rem rgba(0,0,0,.05); }
.sbox {padding:0.52rem 0.79rem; background:#f0f0f0; border:1px solid #dfdfdf; border-radius:0.52rem;}

.footer {margin:1.35rem 0;}
.footer .copyright {text-align:center; font-size:0.75rem; color:#666;}

.recycleType p.bl02 {position:relative; display:inline-block; margin-top:1.57rem;}
.recycleType p.bl02 img{position:absolute; left:calc(100% + 0.26rem); top:-0.4rem; width:auto; height:2.1rem;}

.method_food {display:flex; flex-wrap:wrap; margin-top:1rem; border-radius:1rem; border:0.26rem solid var(--main);}
.method_food>li {flex:0 0 50%; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:1rem; border:1px solid #ddd; border-bottom:0; border-left:0;}
.method_food>li:nth-child(2n) {border-right:0;}
.method_food>li:nth-child(-n+2) {border-top:0;}
.method_food>li p {position:relative; padding-left:1.57rem; font-size:0.95rem; font-weight:500; letter-spacing:-0.05rem;}
.method_food>li p .num {position:absolute; display:flex; justify-content:center; align-items:center; left:0.26rem; top:50%; width:1rem; height:1rem; color:#fff; font-size:0.75rem; font-weight:500; border-radius:50%; text-indent:-1px; background:var(--mainDark); transform:translateY(-50%); content:"";}
.method_food>li p .stxt {display:block; font-size:0.8rem; font-weight:400;}
.method_food>li:last-child {padding:0; flex-direction:row; align-items:flex-end;}

.bl_num>li {position:relative; padding-left:1.35rem;}
.bl_num>li span.circleNum {position:absolute; left:0; top:0.19rem; display:flex; justify-content:center; align-items:center; width:1rem; height:1rem; color:#fff; font-size:0.75rem; font-weight:500; border-radius:50%; background:#333; } 

.prevMenu #menu {}
.prevMenu #menu .top {display:none;}
.prevMenu #menu .depth2 {display:block;}
.prevMenu>div.top {display:flex; justify-content:space-between; align-items:center; gap:1.57rem; background:var(--main);}
.prevMenu>div.top .logo {padding:1.85rem 0 1.85rem 1.85rem; width:7.9rem;}
.prevMenu>div.top .logo img {display:block;}
.prevMenu>div.top .logo .back {position:relative; display:block; text-align:center; margin-top:0.52rem; padding:0.13rem 0.52rem 0.13rem 0.92rem; color:var(--mainDark); font-size:0.75rem; border-radius:1rem; background:#fff;}
.prevMenu>div.top .logo .back:before {position:absolute; left:0.52rem; top:50%; width:0.52rem; height:0.52rem; border:solid var(--mainDark); border-width:0 0 0.15rem 0.15rem; transform:translateY(-50%) rotate(45deg); content:"";}
.prevMenu>div.top .preface {position:relative; flex:1 1 auto; padding-left:1.35rem; color:#fff; font-weight:500;}
.prevMenu>div.top .preface:before {position:absolute; left:0; top:0.26rem; bottom:0.26rem; width:1px; background:rgba(255,255,255,.5); content:"";}

@media screen and (orientation: landscape)/* °¡·Î¸ðµå */ {
	html {font-size:3.8vh;}
	.header {position:static;}
	#container {margin-top:0;}
	.method_food>li {padding:15px; flex:1 1 33.33%;}
	.method_food>li img{max-width:150px;}
	.method_food>li:nth-child(2n) {border-right:1px solid #ddd;}
	.method_food>li:nth-child(-n+3) {border-top:0;}
	.method_food>li:nth-child(3n) {border-right:0;}
	.method_food>li:last-child {border-right:0;}
	.method_food>li:last-child img {width:33%; max-width:250px;}
	.method_food>li p {letter-spacing:-1px;}
}

@media screen and (min-width:700px) and (orientation: portrait)/* ÅÂºí¸´ */ {
	html {font-size:20px;}
	.method_food>li {padding:15px; flex:1 1 33.33%;}
	.method_food>li img{max-width:150px;}
	.method_food>li:nth-child(2n) {border-right:1px solid #ddd;}
	.method_food>li:nth-child(-n+3) {border-top:0;}
	.method_food>li:nth-child(3n) {border-right:0;}
	.method_food>li:last-child {border-right:0;}
	.method_food>li:last-child img {max-width:33%;}
	.method_food>li p {letter-spacing:-1px;}

}
@media screen and (min-width:1010px) and (orientation: landscape)/* ÅÂºí¸´ °¡·Î¸ðµå */ {
	html {font-size:18px;}
	/*
	.header {position:static;}
	#container {margin-top:0;}
	*/
	html {font-size:14px;}
	.header {position:fixed; right:auto; bottom:0; width:22%; box-shadow:4px 0 10px rgba(0,0,0,.1);}
	.header h1 {height:143px; padding:0; width:auto; font-size:0; display:flex; justify-content:center; align-items:center;}
	.header h1 a {display:block;}
	.header h1 img {width:150px;}
	.header .nav h2>a {display:none;}
	.header #menu {top:143px; right:auto; width:22%; transform:none;}
	#menu .top {display:none;}
	#container {margin-top:0; margin-left:22%; background:#f6f6f6;}
	#container h3 {padding:50px 0; margin-bottom:0; letter-spacing:-0.5px; color:#000; background:none;}
	#container h3:before {display:none;}
	#contents {margin:0 3%; padding:3% 4%; border-radius:15px; background:#fff;}
	.footer {margin:0; padding:30px 0 30px 22%; background:#f6f6f6;} 
}