.red {color:#ff0000;}

.green {color:#008149;}

h2 {margin:3% 1%; font-size:25px;}

h2 p {font-size:40px;}

h2 em {font-style:normal; font-weight:normal}

.subtxt {margin:0 2% 3%; color:#505050; font-size:19px;}

.subtxt2 {margin:0 2% 3%; color:#505050; font-size:19px; text-align:center;}

.date {margin:0 1% 3%; border-bottom:1px solid #ddd; padding-bottom:10px;}

.date:after {content:''; display:block; clear:both;}

.date em {display:block; float:left; font-style:normal; font-size:13px; color:#999; margin-top:10px;}

.date .abc {float:right; display:block; width:69px;}

.center {text-align:center;}

.bold{font-weight:bold}

ul li {list-style:none;}



#view-app {    margin: auto;

    max-width: 680px;}

img{width:100%; height:auto;}

.form_bg{background:#f0f0f0;   }

.form_bg table{ padding: 10px 15px;}

.nope:after{content:""; display:block; clear:both}

.nope li{  display:inline-block}

.nope li:last-child{margin:0}

.white_box dl{width:100%;}

.white_box dl:after{content:""; display:block; clear:both}

.white_box dt{float:left; font-weight:bold}

.white_box dd{float:left;}

#wrap{position:relative;}

table{width:100%;}

.bg{    text-align: center;

    background: url(../img/issue_box.png) #f0f0f0 no-repeat;

    position: absolute;

    background-size: 90%;

    left: 0;

    background-position: center center;

    padding: 30px 0px;

    z-index: 99;

    width: 100%;

    top: 0;}



.last_img{padding-top: 20px;    position: relative;}

.form-preset {background:#f0f0f0;}

.form-preset table>tbody>tr>th {

    width: 20%;

    padding-right: 10px;

    text-align: right;

    white-space: nowrap;

    letter-spacing: -1px;

}

.form-presetM table>tbody>tr>th {

    text-align: left;

}

.form-preset table>tbody>tr>th, .form-preset table>tbody>tr>td {

    padding: 6px 0;

}

.form-preset table>tbody>tr>td {

    padding: 5px 10px;

}

.form-preset input[type=text], .form-preset input[type=number], .form-preset select {

    padding: 4px 6px;

    max-width: 100%;

}

.form-presetM .form-control {

    height: 35px;

}

tr {

    display: table-row;

    vertical-align: inherit;

    border-color: inherit;

}

.form-control {

    display: inline-block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

.w20{width:20%;}

.input-group {

    display: table-cell;

    float: none;

    width: 1%;

    padding: 0 2px;

}

.agree {font-size:12px; z-index: 99; padding: 0 15px;}

/*셀렉트 디자인*/

input[type="radio" i] {margin:0}



.select {

 width:100%;

}

.select input[type=radio]{

    display: none;

}

.select input[type=radio]+label{

    display: inline-block;

    cursor: pointer;

    height: 35px;

    width: calc(50% - 3px);

    /*border: 1px solid #333;*/

    line-height: 35px;

    text-align: center;

    font-weight:bold;

    font-size:15px;

}

.select input[type=radio]+label{

    background-color: #cccccc;

    color: #191919;

	border-radius: 5px;

}

.select input[type=radio]:checked+label{

    background-color: #ffcc00;

    color: #191919;

	border-radius: 5px;

}

.footer {

    padding: 20px 0;

    text-align: center;

    border-top: 1px dotted #ddd;

    font-weight: normal;

    background: #555;

    color: #999;

    font-size: 13px;

}

.box_gray{background-color:#f0f0f0; text-align:center; border:1px solid #cdcdcd; padding:10px 0px; margin:20px 20px }

.fixbtn{}

.fixbtn img{/*top: 0px;*/

    position: fixed;

    /*left: 0;*/

    object-fit: cover;

    z-index: 1000;

    height: auto;}

.footer{padding-bottom:100px}

.blue{color:#036fb8; font-weight:700}

.lending_Tax{display: block;

    margin: 1em 2.5% 1.5em;

    text-align: justify;

    word-break: break-all;

    font-size: 18px;

    color: black;

    line-height: 1.6;}

.smallfont{font-size:0.85rem}



.menu { padding: 0 0 40px 0; }

.menu ul { border-top: 1px solid #818181; border-bottom: 1px solid #818181; padding: 0; margin: 0; }

.menu ul li { float: left; width: calc( 100% / 6 ); }

.menu ul li a { display: inline-block; width: 100%; height: 60px; line-height: 60px; text-align: center; color: #818181; text-decoration: none; font-size: 20px; }

.menu ul li a:hover { background: #eaeaea; }

.menu ul li a.on { background: #1facff; color: #ffffff; }

.menu ul li a.on:hover { background: #1facff; }

.menu ul:after { clear: both; display: block; content:''; }



@media (max-width: 640px) {

	.order { width: 110px; height: 110px; }

	.order .order_no { top: 73px; right: 2px; height: 27px; line-height: 27px; font-size: 20px; letter-spacing: 18px; }



	.menu { padding: 0 0 20px 0; }

	.menu ul li a { height: 40px; line-height: 40px; font-size: 12px; }

}



.order { position: fixed; width: 220px; height: 190px; bottom: 50px; right: 10px; }

/*dropdown*/

	

	.menu { padding: 0 0 20px 0; }

	.menu ul li a { height: 40px; line-height: 40px; font-size: 12px; }

}