body{width:100%;height:100%;background:#e1e1e1;margin:0%; padding:0px;}
a{text-decoration: none;}
img {display: inline-block; vertical-align: middle;}

.section{display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    max-width: 768px;
    min-height: 100%;
    margin: 0 auto;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.main_header{display:block; width: 100%; height:48px; line-height: 48px;color: #000; font-weight: bold;background-color: #fff;text-align: center; vertical-align:middle;}
.main_logo{display:block; width:100%;text-align:center;}

/*메인이미지*/
.main_img {display:block; width:100%; height:250px;background-image:url('../img/main.png');background-size: cover;}
.main_img > span{display: inline-block; width: 100%; font-weight: bold; text-align: center;font-size: xx-large; margin: 20% 0%; background: #ffffff; opacity: 0.8;}

/*메인이미지*/
.main_img_div {display:block; width:100%;}
.main_img_div > span{display: inline-block; width: 100%; font-weight: bold; text-align: center;font-size: xx-large; margin: 20% 0%; background: #ffffff; opacity: 0.8;}


/*메인메뉴*/
.main_menu{display:block; width:100%; height:50px; background:#fff;}
.main_menu button {height:50px; border: none; line-height:50px; font-size:medium; vertical-align: middle; text-align: center; background:#fff;}
.main_menu .on{color:#384e3e!important; font-weight: bold; border-bottom:5px solid #384e3e;}
.main_menu .button02{float:left; width:49.99999%;}
.main_menu .button03{float:left; width:33.33333%;}
.main_menu .button04{float:left; width:25%;}

/*댑스메뉴*/
.main_menu_item {display:block; width:100%;}
.main_menu_item .item{display: inline-block; width:90%;  margin:3% 3%; padding:2% 2%; vertical-align: middle; border-radius:10px; background:#fff; }
.main_menu_item .item span{line-height:40px;font-size:medium;}
.item_box{float:left; width:100%;}
.item_box .text_L{float: left; width: 100%; text-align:left;}
.item_box .text_C{float: left; width: 100%; text-align:center;}

/*input*/
.item_box input, .item_box select ,.item textarea, .item input,.popup_input input{display: block;
	float:left;
    padding: 2% 2%;
	margin-bottom:2%;
    font-size:medium;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.main_input {width:96%;}
.main_select{width:100%; margin-bottom:0% !important;}

/*버튼박스*/
.button_box{display:block; width:100%;}
.button_box button{border-radius:5px; margin: 3% 2%; padding:2% 10%; font-size:medium; text-align: center; margin:0 auto;}
.btn01{width:100%; text-align: center; margin:0 auto;}
.button01{background:#c13661; color:#fff; border: none;}
.button02{background:#384e3e; color:#fff; border: none;}
.button03{background:#e1e1e1; color:#000; border: none;}
.button04{background: #f02845;color: #000; border: none;}

/*팝업*/
.w3-modal{z-index:3;display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding-top:10%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{position:relative; padding:0;outline:0;width:80%; margin: 0 auto;}
.w3-modal-content .popup{display:block; width: 94%; color: #000!important;background-color: #fff!important;text-align: center;padding:3% 3%;border-radius:15px;}
.popup_title span{font-size:18px; font-weight:bold;line-height:150%;}
.popup_box{display:inline-block; width:96%; padding:2% 2%; border-radius:5px; font-size: small; background:#384e3e; color:#fff; margin-top:2%;}
.popup_item{display:inline-block;  width:100%; padding:2% 0%;}
.popup_input {position:relative; display: inline-flex;float: left; width:100%;margin-bottom:2%;}
.popup_input input{width: 72%; margin-bottom:0%!important;}
.popup_input span{position: absolute; top: 25%; right: 26%;color:#ff0000; font-size:12px; font-weight:bold;}
.popup_input button{float:left; font-size:15px; margin-left:3%; border-radius:3px;}

.t_list{table-layout:fixed;clear:both;border-top:solid 1px #ddd}
.t_list thead{background-color:#f5f5f5}
.t_list thead.yellow{background:#FDF8E4}
.t_list thead.yellow th{color:#B04300}
.t_list thead th{padding:5px 0;font-size:18px;color:#000;font-weight:normal;text-align:center;border:solid 1px #ddd}

.t_list tbody{background-color:#fff}
/*20200214수정
.t_list tbody td{padding:8px 0;font-size:12px;color:#666;font-weight:normal;text-align:center;border:solid 1px #ddd}*/
.t_list tbody td{padding:8px 0;font-size:16px;color:#000;font-weight:normal;text-align:center;border:solid 1px #ddd}

.t_list tbody td.left{text-align:left;padding:8px 10px}
.t_list tbody td.qna_cont{text-align:left;padding:20px;background:#f8f8f8}
.t_list tbody.total{background-color:#f5f5f5}
.t_list tfoot{background-color:#f5f5f5}
.t_list tfoot th{padding:8px 0;font-size:12px;color:#666;font-weight:bold;text-align:center;border:solid 1px #ddd}
.t_list tfoot td{padding:8px 0;font-size:12px;color:#666;font-weight:bold;text-align:center;border:solid 1px #ddd}
.t_list tfoot td.bt{border-top:solid 2px #ddd}
.t_list tbody td.no_bl{border-bottom:solid 1px #ddd;border-right:0}
.t_list tbody td.no_bt{border-bottom:0;border-right:0}
.t_list tbody td.left{text-align:left;padding:8px 10px}
.td_yellow{background:#FDF8E4}
.t_list tbody.total{background-color:#FDF8E4}
.t_list tbody.total td{font-weight:bold}