#wrap { width: 100%; max-width:1200px; margin: 0 auto; min-height: 68vh;}
#wrap h1 {text-align: center; font-size:2rem; font-weight: 800; padding: 2rem 0;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
#wrap .ec_cal {border-radius: 1rem; border: 1px solid #ccc; padding: 2rem;margin: 2rem; display: flex; flex-flow: column; background:#fdfdfd;}
#wrap .ec_cal .origin_wrap {display: flex; border: 1px solid #ccc; border-radius: 1rem; order:1; background:#fff;}
#wrap .ec_cal.on .origin_wrap {order: 3;}
#wrap .ec_cal .origin_wrap > * {line-height: 1.4; font-size:1.2rem; border: 0; height: 5rem; background: unset;}
#wrap .ec_cal .origin_wrap #ori_nation {padding-left: 1rem;width: 50%;white-space: pre-wrap; border-right: 1px solid #ccc; }
#wrap .ec_cal .origin_wrap #ori_nation option {font-size: 1.2rem;}
#wrap .ec_cal .origin_wrap label {display: flex; justify-content: flex-end; align-items: center; width: 50%; padding: 0 10px;}
#wrap .ec_cal .origin_wrap label > * { font-size: 1.4rem; line-height: 1.4rem; height: 1.4rem;}
#wrap .ec_cal .origin_wrap label #change_fee {text-align: right; padding: 20px 10px; outline: none; width: 100%; border: none; border-bottom: 1px solid #aaa;}
#wrap .ec_cal .origin_wrap label span {padding-right: 1rem; font-size: 1.3rem;}
#wrap .ec_cal .btn_wrap {display: flex; justify-content: center; margin: 3rem 0; order:2;}
#wrap .ec_cal .btn_wrap #calc_btn {line-height: 5rem; font-size: 1.4rem; background: #5b9ae0; padding:0 3rem; border-radius: 1rem; color:#fff; margin-right: 2rem;}
#wrap .ec_cal .btn_wrap #change_btn { padding:0 1.5rem; line-height: 5rem; font-size: 1.4rem; border: 1px solid #ccc; border-radius: 1rem; }
#wrap .ec_cal .btn_wrap #change_btn i { transform: rotate(90deg);}
#wrap .ec_cal .result_wrap {display: flex; border: 1px solid #ccc; border-radius: 1rem;  order:3; background:#fff;}
#wrap .ec_cal.on .result_wrap {order:1;}
#wrap .ec_cal .result_wrap > * {line-height: 1.4; font-size:1.2rem; border: 0; height: 5rem; background: unset;}
#wrap .ec_cal .result_wrap #rs_naton {padding-left: 1rem;width: 50%;white-space: pre-wrap; border-right: 1px solid #ccc;}
#wrap .ec_cal .result_wrap #rs_naton option {font-size: 1.2rem;}
#wrap .ec_cal .result_wrap #result_fee {text-align: right; width: 50%; padding-right: 1rem; font-size: 1.4rem;}
#wrap .ec_cal .result_wrap label {display: flex; justify-content: flex-end; align-items: center; width: 50%; padding: 0 10px;}
#wrap .ec_cal .result_wrap label > * { font-size: 1.4rem; line-height: 1.4rem; height: 1.4rem;}
#wrap .ec_cal .result_wrap label #result_fee {text-align: right; padding: 20px 10px; outline: none; width: 100%; border: none; border-bottom: 1px solid #aaa;}
#wrap .ec_cal .result_wrap label span {padding-right: 1rem; font-size: 1.3rem;}