@media(max-width: 1200px){
.inner{width:90%;}
#header{padding:10px 0;}
#header .login_btn{width:12%; margin-top:15px;}
#header .login_btn a{width:100%; height:37px; line-height:37px; font-size:16px; border-radius:15px; margin-left:20px;}
#header .top_greeting{position:absolute; right:11%; top:15px;}
#header .top_greeting p{font-size:16px; height:37px; line-height:37px; padding:0 50px; border-radius:15px; width:auto;}


#wrab .main_banner{}
#wrab .main_banner .inner{width:100%;}
#wrab .main_banner .banner_txt{padding:60px 0; background: url(../images/main_banner.png)no-repeat right bottom; margin-right: 30px; background-size: contain;}
#wrab .main_banner .banner_txt img{width:50%;}
.cont{background:#2d4283;}
.cont:after{content:''; display:block; clear:both;}
.cont .section_btn{width:65%; float:right;}
.cont .section_btn .inner{width:100%;}
.cont .section_btn ul li{border-radius:20px;}
.cont .section_btn ul li a{padding:20px 0;}
.cont .section_btn ul li .btn_txt h1{padding-bottom:35px; font-size:18px;}
.cont .section_btn ul li .btn_txt p{font-size:10px; padding-left:11px; background: url('../images/coution_mark.png')no-repeat left center; background-size: contain; height: auto; line-height:1; left:3%; letter-spacing:-1px;}
.cont .section_btn ul li a img{width:60%;}
.cont .txt_banner{padding:100px 0 70px; width:35%; float:left;}
.cont .txt_banner .inner{width:100%;}
.cont .txt_banner h2{font-size:13px; margin-bottom:10px; color:#fff;}
.cont .txt_banner h1{font-size:19px; }
.cont .txt_banner img{display:none;}

.sub_page .board_detail .detail_cont .detail_img img{width:100%;}
.sub_page .board_detail .detail_top p{float:unset; display:block; font-size:20px;}
.sub_page .board_detail .detail_top h1{float:unset; display:block; font-size:20px; margin-bottom:10px;}
.sub_page .board_detail .detail_cont .detail_btn_group a p{font-size:20px;}
.sub_page .board_detail .detail_cont .detail_btn_group a.delete p{padding-left:40px; padding-right:0;}
.sub_page .board_detail .detail_cont .detail_btn_group a.list p{padding-right:0;}
.sub_page .board_detail .detail_cont .detail_txt textarea{font-size:18px;}

.sub_page .board_write .write_cont{padding:0;}
.sub_page .board_write .write_cont ul li.receipupload_name input{width:100%;}
.sub_page .board_write .write_cont ul li.receipupload_price input{width:80%;}
.sub_page .board_write .write_cont ul li.receipupload_upload input{width:100%; padding:0; height:30px; line-height:30px; font-size:14px;}
.sub_page .board_write .write_cont ul li textarea{width:100%;}
.sub_page .board_write .write_btn_group a p{font-size:20px;}
.sub_page .board_write .write_btn_group a.submit p{padding-left:30px; }
.sub_page .board_write .write_btn_group a.cencle p{padding-right:0;}



#footer{padding:20px 0 100px; z-index:1;}
#footer .copyinfo {width:50%;}
#footer .copyinfo p{font-size:14px;}
#footer .copyinfo p.copytxt{font-size:14px; margin-bottom:20px; line-height:1.2;}
#footer .copyinfo p.copy_logo{font-size:14px; padding:8px; border-radius:5px;}
#footer .copyinfo p.copyright{font-size:10px; margin-top:10px; margin-left:10px;}
#footer .cs_center{float:right; width:30%;}
#footer .cs_center p{font-size:12px; margin-top:10px; margin-bottom:10px; letter-spacing:-1px;}
#footer .cs_center p span{margin-right:12px;}
#footer .cs_center h1{font-size:40px;}
#footer .go_pc{width:50px; height:50px; line-height:50px; float:left; margin-left:10px; display:block;}
#footer .go_pc a{}
#footer .go_pc a img{width:100%;}



/* moblie app btn */
#app {background-color:#f1f0ef; border-radius:25px 25px 0 0; height:100px; position:fixed; width:100%; bottom:0; display:block; z-index:1;}
#app .inner{position:absolute; top:55%; left:50%; transform:translate(-50%,-50%);}
#app ul{font-size:0;}
#app ul li{display:inline-block; width:20%; font-size:14px; text-align:center;}
#app ul li a{margin:0 auto; display:inline-block; vertical-align: middle;}
#app ul li a img{width:100%; max-width:50px;}
#app ul li a span{display:block; color:#272727; margin-top:5px; min-height:28px; word-break: keep-all; line-height:1.2; font-size:12px;}


/* sub 공통 css */
.sub_page .sub_title{margin-top:0;}
.sub_page .cont{background:#fff;}
.sub_page .cont .section_btn{display:none;}
.sub_page .board_area .board_list .accordion-box ul li .title{background-size:14px; padding:20px 10px; background-position:97% 20px;}
.sub_page .board_area .board_list .accordion-box ul li .title p{width:90%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

}



@media(max-width: 880px){
#header{padding:0;}
#header .inner{width:100%;}
#header .top_logo{display:inline-block; position:relative; left:50%; transform:translate(-50%); margin-top:10px;}
#header .login_btn{width:20%; margin-top:25px; box-sizing:border-box; margin-right:7%;}
#header .login_btn a{height:30px; line-height:30px; font-size:14px; border-radius:10px;}
#header .top_greeting{right:unset; top:0; width:100%; float:none; margin-top:10px; position:relative;}
#header .top_greeting p{border-radius:0;}

#wrab .main_banner{background:none;}
#wrab .main_banner .inner{width:100%;}
#wrab .main_banner .banner_txt{padding:30px 0 100px; margin-right:0;}
#wrab .main_banner .banner_txt img{width:60%;}


.cont{background:none;}
.cont .section_btn{width:100%;}
.cont .section_btn .inner{width:85%;}
.cont .section_btn ul li:nth-child(1){margin-left:0;}
.cont .section_btn ul li{width:48%; margin-right:4%; text-align:left; padding:0 5%; box-sizing:border-box;}
.cont .section_btn ul li:nth-child(n+3){margin-top:4%;}
.cont .section_btn ul li:nth-child(2n){margin-right:0;}
.cont .section_btn ul li .btn_txt h1{padding-bottom:35px; font-size:20px;}
.cont .section_btn ul li .btn_txt p{font-size:11px; padding-left:13px; left:0;}
.cont .section_btn ul li a img{width:50%; float:right;}
.cont .txt_banner{width:100%; padding:30px 0; }
.cont .txt_banner h2{font-size:17px; margin-bottom:10px; color:#000;}
.cont .txt_banner h1{font-size:26px;}

.sub_page .sub_cont .board_date{padding-left:0;}
.sub_page .sub_cont .taxboard_cont ul li{height:200px;}
.sub_page .sub_cont .taxboard_cont ul li.no_cont h1{width:50px; height:50px; line-height:50px; font-size:20px;}
.sub_page .sub_cont .taxboard_cont ul li.has_cont h1{width:50px; height:50px; line-height:50px; font-size:20px;}
.sub_page .sub_cont .taxboard_cont ul li.has_cont h2{font-size:20px;}
.sub_page .sub_cont .taxboard_cont ul li.has_cont p{font-size:20px;}
.sub_page .sub_cont .taxboard_cont ul li.has_cont p > a{display:inline-block;}

.sub_page .sub_cont.login img{margin:70px auto 50px; width:35%;}
.sub_page .sub_cont .input_area{width:90%; margin-bottom:20px;}
.sub_page .sub_cont .input_area input{padding-left:65px; font-size:18px;}
.sub_page .sub_cont .login_btn a{width:150px; height:40px; line-height:40px; font-size:20px;}

#footer .copyinfo{width:40%;}
#footer .copyinfo p.copytxt{display:none;}
#footer .copyinfo p.copyright{display:none;}
#footer .copyinfo p.copy_logo{font-size:18px; padding:0; border-radius:10px; font-weight:bold; width:100%; height:50px; line-height:50px; text-align:center;}
#footer .cs_center{width:40%;}
#footer .cs_center h1{font-size:25px;}
#footer .cs_center p span{display:block;}
 
#footer .go_pc{width:50px; height:50px; line-height:50px; float:left; margin-left:10px; display:block;}
#footer .go_pc a{}
#footer .go_pc a img{width:100%;}



/* 영수증올리기 */
.sub_page .board_receipupload .board_list ul li .receipupload_date{width:15%;}
.sub_page .board_receipupload .board_list ul li .receipupload_date p{font-size:18px; text-align:left;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont{width:100%; padding:10px; border-radius:10px;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_txt{width:80%; padding-right:10px;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_txt h1{font-size:18px; line-height:normal;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_txt p{font-size:16px;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_txt h2{font-size:22px;}

.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_img{width:20%;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_img a {position: relative;  width: 70px; height:70px; border-radius: 10px; }
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_img a img{width:100%;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_img a p{font-size:14px; line-height:70px;}

}



@media(max-width: 499px){

#main_wrab .main_banner .banner_txt{padding:30px 0 80px;}
.cont .section_btn ul li{padding:0 2%;}

.cont .txt_banner h2{font-size:15px;}
.cont .txt_banner h1{font-size:20px;}

#footer .copyinfo{width:35%;}
#footer .copyinfo p.copy_logo{font-size:12px; height:50px; line-height:50px;}
#footer .go_pc{width:50px; height:50px; line-height:50px; float:left; margin-left:10px; display:block;}
#footer .go_pc a{}
#footer .go_pc a img{width:100%;}

#footer .cs_center{width:auto;}
#footer .cs_center p{margin-top:0; font-size:11px; margin-bottom:5px;}

.sub_page .sub_title h1{font-size:24px;}


.sub_page .board_detail .detail_cont .detail_btn_group a{width:49%;}
.sub_page .board_write .write_btn_group a{width:49%;}

/* 영수증올리기 */
.sub_page .board_receipupload .board_list ul li .receipupload_date p {font-size:16px; margin-top:0; padding-top:10px; }

.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_txt{width:calc(100% - 72px); padding-right:10px;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_txt h1{font-size:16px;}
.sub_page .board_receipupload .board_list ul li .receipupload_cont .receipupload_txt h2{font-size:18px;}

}