@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

ul li, ol li{ list-style: none;  }
.red{ color: #cb9744;}
.wap_abuse{ width: 100%; height: 100%; background-color: #fff; overflow: hidden; font-size: 0;}
.abuse_contents .inner{ width: 100%; margin: auto; }
.abuse_contents .section{ font-family: 'Noto Sans KR', sans-serif;  position: relative; z-index: 1; width: 100%; font-size: 16px; }

/*seciton01*/
.abuse_contents .section01{ height: 145vw; min-height: 580px; padding-top: 35vw; box-sizing: border-box; overflow: hidden; }
.abuse_contents .section01 .bg01{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../../img/abuse/sec01_bg01.jpg) no-repeat center; background-size: cover;}
.abuse_contents .section01 .bg02{ position: absolute; top: 0; right: 50%; z-index: -1; width: 100%; height: 100%; background: url(../../img/abuse/sec01_bg02.png) no-repeat center; background-size: cover;}
.abuse_contents .section01 .bg03{ position: absolute; top: 0; left: 50%; z-index: -1; width: 100%; height: 100%; background: url(../../img/abuse/sec01_bg03.png) no-repeat center; background-size: cover;}
.abuse_contents .section01 .txt_w{ margin-bottom: 60px; }
.abuse_contents .section01 .txt_w p{ font-size: 18px; color: #fff; text-align: center; line-height: 1.5; } 
.abuse_contents .section01 .txt_w p .yellow{ color: #ffe67b; }
.abuse_contents .section01 .press_w{ position: relative;  width: 100%; height: 25vw; margin-bottom: 50px; }
.abuse_contents .section01 .press_w .press_img{ max-width: calc(40% - 20px); }
.abuse_contents .section01 .press_w .press_img img{ max-width: 100%; }
.abuse_contents .section01 .press_w .press_img01{ opacity: 0; position: absolute; top: 0; left: 20px; }
.abuse_contents .section01 .press_w .press_img02{ opacity: 0; position: absolute; top: 0; right: 20px; }
.abuse_contents .section01 .press_w .press_img03{ opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.abuse_contents .section01 .press_w .press_img04{ opacity: 0; position: absolute; bottom: 0; left: 20px; }
.abuse_contents .section01 .press_w .press_img05{ opacity: 0; position: absolute; bottom: 0; right: 20px; }
.abuse_contents .section01 .graph_w{ text-align: center; }
.abuse_contents .section01 .graph_w .graph_tit{ display: block; font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 20px; }
.abuse_contents .section01 .graph_w .graph{ display: inline-block; position: relative; width: 60%; margin: auto; margin-bottom: 20px;   }
.abuse_contents .section01 .graph_w .graph div{ }
.abuse_contents .section01 .graph_w .graph div img{ width: 100%; }
.abuse_contents .section01 .graph_w .graph div.graph_body{ position: inherit; }
.abuse_contents .section01 .graph_w .graph div.graph_line{ overflow: hidden; position: absolute; top: 0; left: 0; opacity: 0;}
.abuse_contents .section01 .graph_w .graph div.graph_now{ overflow: hidden; position: absolute; top: 0; left: 0; opacity: 0; }
.abuse_contents .section01 .graph_w .graph_txt{ font-family: 'Nanum Myeongjo', serif; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.5; }
/*애니메이션 적용*/
.abuse_contents .section01.on .bg02{ animation: showBgRight 1s forwards; }
.abuse_contents .section01.on .bg03{ animation: showBgLeft 1s 0.5s forwards; }
.abuse_contents .section01 .press_w.on .press_img01{ animation: fade 1s forwards; }
.abuse_contents .section01 .press_w.on .press_img02{ animation: fade 1s 0.2s forwards; }
.abuse_contents .section01 .press_w.on .press_img03{ animation: fade 1s 0.4s forwards; }
.abuse_contents .section01 .press_w.on .press_img04{ animation: fade 1s 0.6s forwards; }
.abuse_contents .section01 .press_w.on .press_img05{ animation: fade 1s 0.8s forwards; }
.abuse_contents .section01 .graph_w .graph.on div.graph_line{ animation: fade 0.5s forwards;  }
.abuse_contents .section01 .graph_w .graph.on div.graph_now{ animation: fade 0.5s 0.3s forwards; }
@keyframes showBgLeft{
	0%{ left: 50%; }
	100%{ left: 0; }
}
@keyframes showBgRight{
	0%{ right: 50%; }
	100%{ right: 0; }
}
@keyframes fade{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
@keyframes showRight{
	0%{ width: 0; }
	100%{ width: 100%; }
}


/*section02*/
.abuse_contents .section02 {  overflow: hidden; position: relative; }
.abuse_contents .section02 .bg01{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../../img/abuse/sec02_bg01.jpg) no-repeat center; background-size: cover;}
.abuse_contents .section02 .bg02{ position: absolute; top: 0; left: 50%; z-index: -1; width: 100%; height: 100%; background: url(../../img/abuse/sec02_bg02.png) no-repeat center; background-size: cover;}
.abuse_contents .section02 .sec_con{ display: table; overflow: hidden; position: relative; width: 100%; height: 65vw; min-height: 320px; text-align: center; }
/* .abuse_contents .section02 .sec02_sign{ position: absolute; top: 20px; right: 20px; z-index: 3; }
.abuse_contents .section02 .sec02_sign .sign_bg{ width: 120px; }
.abuse_contents .section02 .sec02_sign .sign_bg img{  width: 100%; }
.abuse_contents .section02 .sec02_sign .sign_top{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 50%; font-size: 16px; font-weight: 600; color: #fff; }
.abuse_contents .section02 .sec02_sign .sign_top .total{ font-size: 18px; }
.abuse_contents .section02 .sec02_sign .sign_bottom{ position: absolute; bottom: 20px; left: 0; z-index: 1; width: 100%;}
.abuse_contents .section02 .sec02_sign .sign_bottom a{ font-size: 15px; font-weight: 600; color: #698923; text-decoration: none;  }
.abuse_contents .section02 .sec02_sign .sign_bottom a:hover{ color: #425a0c; } */
.abuse_contents .section02 .txt_w{ display: table-cell; vertical-align: middle; }
.abuse_contents .section02 .txt_w .tit{ margin: 0 0 30px; font-size: 20px; font-weight: 400; color: #fff; text-shadow: 0px 1px 12px #222; }
.abuse_contents .section02 .txt_w .tit .tit_em{ font-size: 24px; font-weight: 500; }
.abuse_contents .section02 .txt_w .tit .yellow{ font-size: 28px; font-weight: 600; color: #ffe67b; }
.abuse_contents .section02 .txt_w .txt_con{ font-family: 'Nanum Myeongjo', serif; font-size: 16px; font-weight: 400; color: #fff; line-height: 1.5; }
.abuse_contents .section02 .txt_w .txt_con .txt01{ display: block; color: #ddd; margin-bottom: 20px; }
.abuse_contents .section02 .txt_w .txt_con .txt02{ display: inline-block; padding: 20px 30px; border: 1px solid #fff; font-size: 20px;  }
.abuse_contents .section02 .txt_w .txt_con .txt02 .yellow{ display: inline-block; font-family: 'Noto Sans KR', sans-serif; color: #d9e021; font-weight: 500; text-shadow: 0px 1px 12px #222; }
.abuse_contents .section02 .txt_w .txt_con .txt02 .fade{  opacity: 0; }
.abuse_contents .section02 .txt_w .txt_con .txt02 .fade01{ width: 60px; }
.abuse_contents .section02 .txt_w .txt_con .txt02 .fade02{ width: 80px; }
.abuse_contents .section02 .txt_w .txt_con .txt03{ display: inline-block; margin-top: 20px; line-height: 2; border-bottom: 1px solid #fff;  }
.abuse_contents .section02 .bottom_w{ width: 100%; padding: 10px; box-sizing: border-box; background-color: #ccc; }
.abuse_contents .section02 .bottom_w p{ font-size: 16px; color: #000; text-align: center; line-height: 1.3; margin: 0; }
.abuse_contents .section02 .bottom_w p span{ font-weight: 700;}
/*애니메이션 적용*/
.abuse_contents .section02.on .bg02{ animation: showBgLeft 1s forwards; }
.abuse_contents .section02.on .fade01{ animation: fade 0.5s 0.6s forwards; }
.abuse_contents .section02.on .fade02{ animation: fade 0.5s 0.9s forwards; }



/*seciton03*/
.abuse_contents .section03{ height: 120vw; min-height: 850px; padding: 50px 0; box-sizing: border-box; text-align: center; }
.abuse_contents .section03 .bg{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../../img/abuse/sec03_bg.jpg) no-repeat center; background-size: cover;}
.abuse_contents .section03>.txt_w{}
.abuse_contents .section03>.txt_w .tit{ display: inline-block; margin: 0 0 10px;; padding: 10px 60px; border-radius: 30px; background: #7c9900; font-size: 24px; font-weight: 600; color: #fff; }
.abuse_contents .section03>.txt_w .txt{ font-family: 'Nanum Myeongjo', serif; font-size: 16px; font-weight: 700; color: #5f4a2e; line-height: 1.5; word-break: keep-all; padding: 0 20px;  }
.abuse_contents .section03 .progress_w{ width: calc(100% - 120px); margin: 30px auto; padding: 0 20px; box-sizing: border-box; }
.abuse_contents .section03 .progress_num_w{ overflow: hidden; width: 100%; margin: 0 auto; }
.abuse_contents .section03 .progress_num_w .progress_num{ float: left; font-size: 20px; font-weight: 600; color: #463621;  }
.abuse_contents .section03 .progress_num_w .progress_num .now{ color: #cb9744;  }
.abuse_contents .section03 .progress_num_w .progress_per{ float: right; font-size: 20px; font-weight: 600; color: #678200;    }
.abuse_contents .section03 .progress_bar{ position: relative; width: 100%; height: 30px; margin: auto; background: #fff; border-radius: 30px; overflow: hidden; }
.abuse_contents .section03 .progress_bar .progress{ position: absolute; top: 0; left: 0; height: 100%; background: #cb9744; border-radius: 30px;  }
.abuse_contents .section03 .way_w{ position: relative; width: calc(100% - 120px);     margin: 20px 60px 10px;  }
.abuse_contents .section03 .way{ width: 100%; padding: 20px; box-sizing: border-box; border-radius: 30px; background-color: rgba(225,230,213,0.8); border: 10px solid rgba(103,130,0,0.5);  }
.abuse_contents .section03 .way .txt_w{ color: #513b37;}
.abuse_contents .section03 .way .txt_w .tit{ }
.abuse_contents .section03 .way .txt_w .sub_tit{ font-size: 16px; font-weight: 700; word-break: keep-all}
.abuse_contents .section03 .way .privacy_w input{ height: 40px; padding: 5px 10px; box-sizing: border-box; border: 0; background-color: #fff; font-size: 14px; }
.abuse_contents .section03 .way .privacy_w .input_name{ width: 25% }
.abuse_contents .section03 .way .privacy_w .input_phone{ width: 33%; }
.abuse_contents .section03 .way .privacy_w .input_mail{ width: 40%; }
.abuse_contents .section03 .way .sign_w{ padding: 10px 0; font-size: 14px; font-weight: 600; color: #333; word-break: keep-all;}
.abuse_contents .section03 .way .sign_w span a{ text-decoration: none; font-size: 14px; font-weight: 600; color: #333;}
.abuse_contents .section03 .way .sign_w span a:hover{ color: #666; }
.abuse_contents .section03 .way .submit_w{ padding: 10px 0; }
.abuse_contents .section03 .way .submit_w .btn_submit{ padding: 10px 40px; border-radius: 5px; border: 0; background-color: #7C9900; font-size: 18px; font-weight: 600; color: #fff; }
.abuse_contents .section03 .way .submit_w .btn_submit:hover{ background-color: #5f7500; }
.abuse_contents .section03 .way_bottom{ display: block; margin-top: 10px; font-size: 14px; font-weight: 400; color: #5A6617; opacity: 0.8;}

.abuse_contents .section03 .way_popup{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; box-sizing: border-box; background-color: rgba(255,255,255,0.9); border: 10px solid #73a000;  }
.abuse_contents .section03 .way_popup .btn_close{ position: absolute; top: 20px; right: 30px; width: 30px; height: 30px;}
.abuse_contents .section03 .way_popup .btn_close .line{ position: absolute; top: 15px; left: 0; width: 100%; height: 3px; background-color: #000; border: none;}
.abuse_contents .section03 .way_popup .btn_close .line01{ transform: rotate(45deg); }
.abuse_contents .section03 .way_popup .btn_close .line02{ transform: rotate(-45deg); }
.abuse_contents .section03 .way_popup .txt_w{ color: #333;}
.abuse_contents .section03 .way_popup .txt_w .tit{ font-size: 18px; font-weight: 700;}
.abuse_contents .section03 .way_popup .txt_w .tit strong{ font-size: 20px; font-weight: 700; color: #73a000;}
.abuse_contents .section03 .sns_w ul{ position: relative; display: inline-block; padding: 10px 20px; background-color: #f5ffd7; border-radius: 15px; border: 3px solid #73a000; border-style: dashed; }
.abuse_contents .section03 .sns_w ul li{ width: 40px; list-style: none; float: left; margin-right: 10px; }
.abuse_contents .section03 .sns_w ul li:nth-child(4){ margin-right: 0; }
.abuse_contents .section03 .sns_w ul li:nth-child(5){ position: absolute; left: -15%; bottom: -40px;     width: 130%;}
.abuse_contents .section03 .sns_w ul li:nth-child(5) #copy_input{ padding: 5px;}
.abuse_contents .section03 .sns_w ul li:nth-child(5) #copy_url{ border: 0;background-color: #73a000;color: #fff;margin-left: 5px;padding: 5px;font-size: 14px;}
.abuse_contents .section03 .sns_w ul li a{ display: block;}
.abuse_contents .section03 .sns_w ul li img{ width: 100%; }
.abuse_contents .section03 .sns_w .bubble{ display: block; width: 156px; height: 50px; margin: 20px auto 10px; background: url(../../img/missing/icon_sns_bubble.png) no-repeat center; background-size: cover; }


/*seciton04*/
.abuse_contents .section04{ width: 100%; height: auto; padding: 25px 0; background-color: #d1d4cd; text-align: center; }
.abuse_contents .section04 .btn_w .btn_link{ display: inline-block; padding: 15px 30px; background-color: #7c9900; border-radius: 8px; font-size: 18px; font-weight: 600; color: #fff; text-decoration: none; }
.abuse_contents .section04 .btn_w .btn_link:hover{ background: #5f7500; }
.abuse_contents .section04 .btn_w .btn_link a{display: block; }

/*seciton05*/
.abuse_contents .section05{ width: 100%; height: auto; padding: 25px 0 30px; background-color: #8a766d; text-align: center; }
.abuse_contents .section05 .sns_bottom{ text-align: center;}
.abuse_contents .section05 .sns_bottom .sns_w .txt{ display: block; font-size: 18px; font-weight: 600; color: #fff;  }
.abuse_contents .section05 .sns_bottom .sns_w ul{ display: inline-block; overflow: hidden; background-color: rgba(117,76,36,0.2); border: 0; border-radius: 50px; margin-top: 20px; padding: 10px 40px; }
.abuse_contents .section05 .sns_bottom .sns_w ul li{ float: left; margin-right: 10px; }
.abuse_contents .section05 .sns_bottom .sns_w ul li:nth-child(4){ margin-right: 0; }
.abuse_contents .section05 .sns_bottom .sns_w ul li a{ display: block; width: 55px; }
.abuse_contents .section05 .sns_bottom .sns_w ul li a img{ width: 100%; }
.abuse_contents .section05 .sns_bottom .sns_w ul li:last-child{ display: block; float: none; margin-right: 0; }
.abuse_contents .section05 .sns_bottom .sns_w ul li:last-child input{ background-color: rgba(255,255,255,0.2); border: 0; box-shadow: 0 0 black; padding: 6px 5px; color: #563c26; }
.abuse_contents .section05 .sns_bottom .sns_w ul li:last-child button{ background-color: rgba(117,76,36,0.5); border: 0; color: #fff; vertical-align: middle; padding: 5px 10px;}


.abuse_contents .way_privacy{ display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(0,0,0,0.8); }
.abuse_contents .way_privacy .content{ width: calc(100% - 20px); height: calc(100vh - 120px); margin: 40px auto 80px; background-color: #fff; }
.abuse_contents .way_privacy .content .con_top{ width: 100%; height: 40px; background-color: #999; }
.abuse_contents .way_privacy .content .con_top .close{ position: relative; width: 50px; height: 40px; padding: 5px; box-sizing: border-box; float: right;}
.abuse_contents .way_privacy .content .con_top .close .line{ position: absolute; top: 18px; left: 7px; width: 45%; height: 1px; background-color: #fff; border: 0; }
.abuse_contents .way_privacy .content .con_top .close .line01{ transform: rotate(45deg);}
.abuse_contents .way_privacy .content .con_top .close .line02{ transform: rotate(-45deg);}
.abuse_contents .way_privacy .content .con_top .close:hover{ background-color: #73a000}
.abuse_contents .way_privacy .content .con{ width: 100%; height: calc(100% - 40px); overflow: auto;  font-size: 16px; color: #222;}

#m_Privacy_Policy_td1{ box-sizing: border-box; }
#m_Privacy_Policy_td2{ box-sizing: border-box; }



@media screen and (max-width: 640px){
	.abuse_contents .section01 .txt_w { margin-bottom: 30px; }
	.abuse_contents .section01 .txt_w p{ font-size: 15px; }
	.abuse_contents .section01 .press_w{ height: 22vw; margin-bottom: 30px; }
	.abuse_contents .section01 .graph_w .graph{ margin-bottom: 0; }
	.abuse_contents .section01 .graph_w .graph_tit{ margin-bottom: 10px; font-size: 18px;}
	.abuse_contents .section01 .graph_w .graph_txt{ font-size: 14px;}
	
	/* .abuse_contents .section02 .sec02_sign{ top: auto; bottom: 20px;}
	.abuse_contents .section02 .sec02_sign .sign_bg{ width: 100px; }
	.abuse_contents .section02 .sec02_sign .sign_top{ font-size: 14px; }
	.abuse_contents .section02 .sec02_sign .sign_top .total{ font-size: 16px;} */
	.abuse_contents .section02 .txt_w .tit{ margin: 0 0 15px; font-size: 16px;}
	.abuse_contents .section02 .txt_w .tit .tit_em{ font-size: 18px; }
	.abuse_contents .section02 .txt_w .tit .yellow{ font-size: 20px; }
	.abuse_contents .section02 .txt_w .txt_con{ font-size: 14px; }
	.abuse_contents .section02 .txt_w .txt_con .txt02{ padding: 15px 20px; font-size: 18px; }
	
	.abuse_contents .section03>.txt_w .tit{ padding: 10px 40px; font-size: 20px;  }
	.abuse_contents .section03>.txt_w .txt{ font-size: 14px;  }
	.abuse_contents .section03 .progress_w{ width: calc(100% - 40px);}
	.abuse_contents .section03 .way_w{ position: relative; width: calc(100% - 40px); margin: 20px 20px 10px; }
	.abuse_contents .section03 .way{ padding: 15px 10px;}
    .abuse_contents .section03 .way .sign_w{font-size: 12px; }
	.abuse_contents .section03 .way .privacy_w input{ margin-bottom: 5px;}
    .abuse_contents .section03 .way .privacy_w .input_name{ width: 80% }
    .abuse_contents .section03 .way .privacy_w .input_phone{ width: 80%; }
    .abuse_contents .section03 .way .privacy_w .input_mail{ width: 80%; }
    .abuse_contents .section03 .way .sign_w span a{ font-size: 12px; }
    .abuse_contents .section03 .way .submit_w .btn_submit{ padding: 8px 40px; font-size: 16px; }

	.abuse_contents .section03 .way_popup{ padding: 80px 15px 30px;}


}
@media screen and (max-width: 530px){
	/* .abuse_contents .section02 .sec02_sign{ bottom: 50px; right: 5px; }
	.abuse_contents .section02 .sec02_sign .sign_bg{ width: 75px; }
	.abuse_contents .section02 .sec02_sign .sign_top{ font-size: 11px; }
	.abuse_contents .section02 .sec02_sign .sign_top .txt{ margin: 5px 0 0;}
	.abuse_contents .section02 .sec02_sign .sign_top .total{ font-size: 13px;}
	.abuse_contents .section02 .sec02_sign .sign_bottom{ bottom: 12px; }
	.abuse_contents .section02 .sec02_sign .sign_bottom a{ font-size: 11px;} */
	.abuse_contents .section02 .txt_w .tit{ margin: 0 0 10px; font-size: 14px;}
	.abuse_contents .section02 .txt_w .tit .tit_em{ font-size: 16px; }
	.abuse_contents .section02 .txt_w .tit .yellow{ font-size: 18px; }
	.abuse_contents .section02 .txt_w .txt_con{ font-size: 12px; }
	.abuse_contents .section02 .txt_w .txt_con .txt02{ padding: 10px 15px; font-size: 14px; }
	.abuse_contents .section02 .bottom_w p{ font-size: 13px;}
	.abuse_contents .section02 .txt_w .txt_con .txt02 .fade01{ width: 43px; }
	.abuse_contents .section02 .txt_w .txt_con .txt02 .fade02{ width: 56px; }
	
	.abuse_contents .section03>.txt_w .txt br{ display: none; }
	.abuse_contents .section03 .way .txt_w .tit img{ height: 25px;}
	.abuse_contents .section03 .way .txt_w .sub_tit{ font-size: 14px; }
	.abuse_contents .section03 .way_bottom{ font-size: 12px; }
	.abuse_contents .section03 .way_popup .txt_w .txt img{ max-width: 100%; max-height: 25px; }
	
	.abuse_contents .section04 .txt_w p img{ height: 25px; }
	.abuse_contents .section04 .btn_w .btn_link{ font-size: 16px}

	.abuse_contents .section05 .sns_w p img{ height: 25px; }
	.abuse_contents .section05 .sns_bottom .sns_w .txt{ font-size: 16px; }
	.abuse_contents .section05 .sns_bottom .sns_w ul li a{ width: 45px; }
}
@media screen and (max-width: 420px){
	.abuse_contents .section01{ padding-top: 150px;}
	.abuse_contents .section01 .txt_w { margin-bottom: 20px; }
	.abuse_contents .section01 .txt_w p{ font-size: 13px; }
	.abuse_contents .section01 .press_w{ height: 120px; margin-bottom: 20px; }
	.abuse_contents .section01 .press_w .press_img{ max-width: 45%; }
	.abuse_contents .section01 .graph_w .graph_txt{ font-size: 12px;}
	
	.abuse_contents .section03{ padding: 30px 0; }
	.abuse_contents .section03>.txt_w .tit{ padding: 10px 30px; font-size: 16px;}
	.abuse_contents .section03 .progress_w{ width: calc(100% - 20px); margin: 15px auto;}
	.abuse_contents .section03 .progress_bar{ height: 24px; }
    .abuse_contents .section03 .way_w{ width: calc(100% - 20px); margin: 20px 10px 10px;  }
    .abuse_contents .section03 .way .privacy_w .input_name{ width: 90% }
    .abuse_contents .section03 .way .privacy_w .input_phone{ width: 90%; }
    .abuse_contents .section03 .way .privacy_w .input_mail{ width: 90%; }
    .abuse_contents .section03 .way_popup .txt_w .tit{ font-size: 16px; }
    .abuse_contents .section03 .way_popup .txt_w .tit strong{ font-size: 18px; }
    .abuse_contents .section03 .way_popup .txt_w .txt{ font-size: 14px; line-height: 1.8;}
    .abuse_contents .section03 .way_popup .sns_w ul{ padding: 10px;}
    .abuse_contents .section03 .txt_bottom{ width: calc(100% - 20px); margin: 20px 10px 0; }
}







/*우측 서브메뉴 다른 페이지들과 통일 -- 소스 가져옴*/
@media screen and (min-width: 320px){
  .mnb{position: fixed;background-color: #8fc11f;width: 62px;height: 159px;top: 205px!important;z-index: 5;border-bottom-left-radius: 20px;right: 0;border-top-left-radius: 20px;}
  #start{position: fixed;right: 3.5%;text-align:center;display: block;border:0;outline:0;color:#ffffff;width:9%;top:380px;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
}
@media screen and (min-width: 360px){
  .mnb{position: fixed;background-color: #8fc11f;width: 65px;height: 159px;top: 205px!important;z-index: 5;border-bottom-left-radius: 20px;right: 0;border-top-left-radius: 20px;}
  #start{position: fixed;right: 3.5%;text-align:center;display: block;border:0;outline:0;color:#ffffff;width:8%;top:380px;height:30px;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
}
@media screen and (min-width: 375px){
  .mnb{position: fixed;background-color: #8fc11f;width: 65px;height: 159px;top: 205px!important;z-index: 5;border-bottom-left-radius: 20px;right: 0;border-top-left-radius: 20px;}
  #start{position: fixed;right: 3.5%;text-align:center;display: block;border:0;outline:0;color:#ffffff;width:8%;top:380px;height:30px;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
}
@media screen and (min-width: 411px){
  .mnb{position: fixed;background-color: #8fc11f;width: 65px;height: 159px;top: 205px!important;z-index: 5;border-bottom-left-radius: 20px;right: 0;border-top-left-radius: 20px;}
  #start{position: fixed;right: 3%;text-align:center;display: block;border:0;outline:0;color:#ffffff;width:8%;top:380px;height:30px;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
}
.start{border:1px solid #8fc11f;}
#start.ooo{width:35px;right:0;font-size:15px;height:40px;border-radius:0;border-top-left-radius: 25%;border-bottom-left-radius: 25%;}