@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
.l{text-align:left;}
.c{text-align:center;}
.r{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pd50{padding:50px;}
.pd100{padding:100px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.b{font-weight:bold;}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
body{margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;}

.container {
    max-width:600px;
    margin:0 auto;
}

.blueColor{
	color: #657dff;
}
.yellowColor{
	color: #ffb610;
}
.yellowColor2{
	color: #ffcc59;
}



header{
	display: block;
    border-bottom: solid 1px #dddddd;
	height:70px;
}

.whytax_logo img{
	height:70px;
}

.section1{
	background:#F7F9FF;
}

.section1 .mainText{
	display: block;
    text-align: center;
    font-size: 32px;
    font-weight: bolder;
    color: #181818;
    line-height: 46px;
    letter-spacing: -2px;
    word-break: keep-all;
}

.section2{
	background:#001a77;
}

.section2 .mainText{
	display: block;
    text-align: center;
    font-size: 32px;
    font-weight: bolder;
    color: white;
    line-height: 46px;
    letter-spacing: -2px;
    word-break: keep-all;
}

.whiteBox{
	width: 100%;
    padding: 30px;
    border-radius: 20px;
    height: 150px;
    background: white;
    margin-top: 40px;
    box-sizing: border-box;
    display:flex;
    align-items: center;
    line-height:26px;
    text-align:center;
    font-size:16px;
}

.section3{
	background:white;
}

.section3 .mainText{
	display: block;
    text-align: center;
    font-size: 32px;
    font-weight: bolder;
    color: #333;
    line-height: 46px;
    letter-spacing: -2px;
    word-break: keep-all;
}

.section3 .subText{
	display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    word-break: keep-all;
    line-height: 20px;
    font-weight:500;
    margin-top:20px;
}

.section4{
	background:#F7F9FF;
}

.section4 .mainText{
	display: block;
    text-align: center;
    font-size: 28px;
    font-weight: bolder;
    color: #181818;
    line-height: 40px;
    letter-spacing: -2px;
    word-break: keep-all;
}

.secret{
	display:flex; 
	justify-content:center;
}

.secret > div {
	text-align:center;
	margin-top:50px;
}

.secret > div > img{
	border:1px solid #bdbdbd;
	border-radius:50px;
}

.secret .text1{
	display: block;
    font-size: 20px;
    font-weight: bold;
    color: #181818;
    line-height: 30px;
    letter-spacing: -2px;
    word-break: keep-all;
    margin-top:30px;
}

.secret .text2{
	display: block;
    font-size: 14px;
    padding:10px;
    box-sizing: border-box;
    color: #181818;
    line-height: 20px;
    word-break: keep-all;
}

.section5{
	background:white;
}

.section5 .mainText{
	display: block;
    text-align: center;
    font-size: 28px;
    font-weight: bolder;
    color: #181818;
    line-height: 40px;
    word-break: keep-all;
}

.accordion li{
	list-style: none;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    word-break: keep-all;
    min-height: 70px;
    border-bottom: 1px solid #dedede;
    cursor:pointer;
    line-height: 50px;
}

.accordion li p{
    font-size: 16px;
    line-height:26px;
    font-weight: 400;
}

.checkBtn{
	width: 100%;
    background: #001a77;
    border-radius: 10px;
    border:none;
    height: 72px;
    color: white;
    font-size: 30px;
    font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	cursor:pointer;
}

.moneyBtn{
    background: #3a8968 !important;
}


/* footer */

footer{
	display: block;
    border-top: solid 1px #dddddd;
    padding: 30px 0;
    background: #e7e7e7;
}

.termsUse-info {
    flex-direction: row;
}

.termsUse-info a{
	cursor:pointer;
}

.termsUse-info span {
    font-size: 14px;
    padding-right: 1rem;
    font-weight: 600;
    color:#5A5C69;
}

.footer-info{
	margin-top:10px;
}

.footer-info span {
    font-size: 12px;
    font-weight:bold;
    line-height: 16px;
    color: #787878;
}

.insung_logo img{
	max-width: 260px;
    max-height: 48px;
}


.dialog{
	width: 600px;
    height: 520px;
    position: fixed;
    top: 10%;
    background: white;
    border: 1px solid #dedede;
    padding: 20px;
    box-sizing: border-box;
    left: calc(50% - 300px);
}

.dialog .title{
	font-size:24px;
	font-weight:bold;
	display: block;
	margin-bottom:5px;
	float:left;
}
.dialog .close{
	float: right;
    font-size: 30px;
    font-family: none;
    line-height: 40px;
    position: relative;
    top: -10px;
    cursor:pointer;
}

.dialog .cont{
	clear:both;
	font-size:12px;
	height:435px;
	overflow-y: scroll;
	border-top:1px solid #efefef;
	line-height: 18px;
}

.dialog .cont .subtitle{
	font-size:14px;
}

.dialog table{
	border-top:1px solid #dedede;
	border-right:1px solid #dedede;
	border-collapse:collapse;
	width:100%;
}
.dialog table tr th,.dialog table tr td{
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	height:30px;
	padding:3px;
}
.dialog table tr th{
	background:#ededed;
	height: 26px;
}