*{margin: 0; padding: 0;box-sizing: border-box;}
*::before,
*::after{margin: 0; padding: 0;box-sizing: border-box;}
a{text-decoration: none;color: #000;}
h2{margin: 0;}
p{margin-bottom: 0;}
ul,ol,li{list-style: none;margin: 0;padding: 0;}

html{font-size: 16px;}

input,
select,
textarea{transition: 0.3s;border: 1px solid rgba(29, 42, 87, 0.3);min-height: 50px;padding: 0 10px;font-size: 16px;font-family: 'str';}
select{background-image: url('/img/icon-drop-2.png');background-repeat: no-repeat;background-size: 20px;-webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */;background-position-y: 50%;background-position-x: calc(100% - 10px);}
textarea{padding: 10px;}

input:focus,
select:focus,
textarea:focus{outline: none;border-color: #1d2b57;}

@font-face {
    font-family: 'str';
    src: url('../asset/font/SUIT-woff2/suit-Regular.woff2');
}
@font-face {
    font-family: 'stl';
    src: url('../asset/font/SUIT-woff2/suit-Medium.woff2');
}
@font-face {
    font-family: 'stb';
    src: url('../asset/font/SUIT-woff2/suit-Bold.woff2');
}

.stb{font-family: 'stb';}
.str{font-family: 'str';}
.stl{font-family: 'stl';}


/* body{overflow: auto;} */
/* 0111 */
section{width: 1920px;height: 1080px;}
.main{padding: 30px;width: 100%;height: 100%;}
.content{display: flex;height: auto;width: 100%;}

/* l-content */
.l-content{width: 80%;}
.title>h1{font-size: 26px;}
.title{margin: 10px;}
.title>p{font-size: 18px;}

.table{display: flex;height: 85px;}
.table-box{border: 1px solid rgba(29, 42, 87, 0.3);border-bottom: none;border-right: none;}
/* .table{border-top: none;}
.table-box{border-right: 1px solid rgba(29, 42, 87, 0.3);}
.table-box:nth-child(3){border-right: none} */
.table-box:nth-child(3){border-right:1px solid rgba(29, 42, 87, 0.3) }
/* .table>div:nth-child(3){border-right: 1px solid rgba(29, 42, 87, 0.3);} */
.table-box{display: flex;flex-wrap: wrap;flex: 1;justify-content: space-between;
    padding: 15px;}
.table-box>p{width: calc(100% - 260px);font-family: 'stb';}
.table-btn{display: flex;align-items: center;width: 240px;justify-content: end;}
.table-btn>input{width: 160px;}
.table-btn>p{font-family: 'stb'; width: 80px;background-color: #c0c0c071;display: flex;justify-content: center;align-items: center;
    padding: 5px;height: 50px;border: 1px solid rgba(29, 42, 87, 0.3);border-left: none;}

.btn{display: flex;align-items: center;justify-content: center;border: 1px solid rgba(29, 42, 87, 0.3);}
.btn input[type=radio]{display: none;}
.btn input[type=radio]+label{display: flex;justify-content: center;align-items: center;cursor: pointer;width: 120px;text-align: center;
    padding: 5px;height: 50px;background-color: #c0c0c071;color: #333;border-right: 1px solid rgba(29, 42, 87, 0.3);font-family: 'stb'; }
.btn input[type=radio]+label:last-of-type{border-right: none;}
.btn input[type=radio]:checked+label{background-color: #1d2b57;color: #fff;}

.btn-bot{width: 200px;margin: 40px auto;border: 1px solid rgba(29, 42, 87, 0.3);background-color: #c0c0c071;}
.btn-bot a{display: flex;align-items: center;justify-content: center;padding: 10px 20px;font-size: 18px;}
.btn-bot a:hover{background-color: #1d2b57;color: #fff;transition: 0.3s;}
.risk-icon{font-size: 20px;color: red; margin: 0 auto;text-align: center;display: flex;align-items: center;justify-content: center;}
.risk-icon img{width: 30px;margin-right: 10px;}

.total{font-size: 18px;margin: 20px;}
.total-box{display: flex;justify-content: center;}
.total-box>div{width: 350px;background-color: #1d2b57;color: #fff;padding: 20px;}
.total-box>div span{display: block;font-size: 30px;margin-bottom: 10px;}

.list{display: flex;justify-content: space-between;align-items: center;font-family: 'stb';cursor: pointer;
    padding: 20px;width: 100%;border-top: 1px solid #000;font-size: 16px;}
.txt-box{padding: 0 20px 20px;display: none;font-family: 'str';}
.list>i{font-size: 18px;margin-right: 40px;}
.icon-active>i{rotate: 180deg;}
.bot-txt {padding: 10px 0;border-top: 1px solid #000;}
.bot-txt span{font-size: 18px;font-family: 'stb'; margin-bottom: 10px;display: block;}


/* r-content */
.r-content{width: 20%;padding: 0 10px;}
.logo{display: flex;align-items: center;padding: 10px;}
.logo img{width: 60px;}
.r-txt{padding: 10px;}


