body{font-family: 'Noto Sans KR', sans-serif !important;}
.compadding{padding: 40px 0;}
.greybackground{background: #ECECF5;}
.combtn{background: #0036C1; border-radius: 5px;font-weight: 700 !important; font-size: 15px !important;width: 217px; display: block; color: #fff !important; transition: 0.3s ease all; -webkit-transition: 0.3s ease all;  padding: 18px 0;-moz-transition: 0.3s ease all; margin: 0 auto;}
.combtn:hover{text-decoration: none !important;background: #032b93;}

/**/
.topbanner .container{display: flex;align-items: center;}
/* .contentside{width: 50%;} */
.imageside{text-align: right;}
.imageside img{max-width: 360px;}
.topbanner .bannermainText{font-weight: 900;font-size: 28px;line-height: 45px;color: rgba(0, 0, 0, 0.85); margin-bottom: 20px; display: flex; align-items: center;}
.topbanner .bannermainText .yellow{font-weight: 800; font-size: 15px; line-height: 19px; color: #ffffff; margin-left: 10px;
 display: inline-block; background: #CB9B27; padding: 5px; border-radius: 5px}
.topbanner .listitem li{font-weight: 500;font-size: 16px;line-height: 26px;color: #262626;margin-top: 5px;padding-left: 30px;position: relative;}
.topbanner .listitem li:before{position: absolute;content: '';left: 0;top: 0;bottom: 0;margin: auto;width: 19px;height: 16px;background: url(../images/tick.png) no-repeat}
/**/
/* .tableinfo.greybackground{padding-bottom: 170px} */
.tableinfo p{font-weight: 400;font-size: 16px;line-height: 21px;color: #4C4C4C;margin-bottom: 15px;}
.tableinfo .redtext{color: #DF4648;font-weight: 400;font-size: 16px;line-height: 21px;display: flex;align-items: center;}
.tableinfo .redtext a{color: #06C;display: inline-block;font-weight: 400;font-size: 16px;line-height: 21px;}
/**/
.boxinfo{background: #FFFFFF;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);border-radius: 8px;padding: 30px;max-width: 840px;margin: auto;margin-top: -110px;margin-bottom: 75px;}
.boxinfo .title{font-weight: 700;font-size: 30px;line-height: 26px;text-align: center;color: #262626;margin-bottom: 30px;}
.boxinfo ul{display: flex;align-items: center;flex-wrap: wrap;}
.boxinfo ul li{width: 50%;position: relative;padding-left: 23px;margin-bottom: 20px;font-weight: 400;font-size: 14px;line-height: 21px;display: flex;align-items: center;color: #4C4C4C}
.boxinfo ul li:before{position: absolute;content: '';left: 0;top: 0;bottom: 0;margin: auto;width: 15px;height: 12px;background: url(../images/tick-small.png) no-repeat}
.boxinfo ul li:last-child{width: 100%;margin-bottom: 0;}
/**/
.tablemain .title{margin-bottom: 10px;font-weight: 700;font-size: 30px;line-height: 26px;text-align: center;color: #262626;}
.tablemain .table-responsive{font-family: 'Noto Sans';border-radius: 4px;}
.tablemain .table-responsive .table{border: 1px solid #D8D8D8;}
.tablemain .tab-content{max-width:900px;margin: auto;}
.tablemain .tab-content > div{margin-bottom: 13px;}
.tablemain .tab-content span{font-size: 16px;line-height: 19px;color: #262626;margin-bottom: 5px;}
/* .tablemain .tab-content p:last-child {margin-bottom: 30px;} */
.tablemain .tab-content p{margin-bottom: 15px;color: rgba(38,38,38,.7);font-size: 14px;line-height: 21px;}
.table.pay-fees-tbl > thead > tr > th{background: #4A6BD8;font-weight: 700;font-size: 16px;line-height: 26px;padding: 4px 10px !important; height: 50px;}
.table.pay-fees-tbl > thead > tr > th:first-child{	background: linear-gradient(to top right, #7990E0 calc(50% - 1px), white , #4A6BD8 calc(50% + 1px) ); text-align: left; width: 260px;}
.paymentfeestable tr td:first-child{background: #EFF2FB;font-weight: 400;}
.paymentfeestable tr td{font-size: 14px;border: 0.5px solid #D8D8D8;vertical-align: middle !important;}
.table>thead>tr>th{border-bottom: 1px solid #D8D8D8;}
.strikediag:before{border: 1px solid #000;transform: skewY(0deg);-webkit-transform: skewY(0deg);-moz-transform: skewY(0deg);}
/**/
.samplesection{padding: 50px 0 60px;}
.samplesection .title{font-weight: 700;font-size: 30px;line-height: 26px;color: #262626;margin-bottom: 40px;text-align: center;}
.samplesection .whitebox{max-width: 950px;margin: auto;background: #FFFFFF;box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);border-radius: 4px;padding: 30px 20px;display: flex;margin-bottom: 50px;}
.samplesection .right{margin-left: 13px;}
.samplesection .right ul li{padding-left: 23px;position: relative;margin-bottom: 10px;font-size: 14px;line-height: 19px;color: #4C4C4C;}
.samplesection .right ul li:before{position: absolute;content: '';left: 0;top: 5px;width: 15px;height: 12px;background: url(../images/tick-small.png) no-repeat}
.samplesection .right ul li span{display: block;margin-top: 10px}
.samplesection .right .combtn.white{border: 1px solid #0036C1;background: #fff;color: #0036C1 !important;margin-top: 25px}
.samplesection .right .combtn.white:hover{background: rgb(0 54 193 / 19%);}
.samplesection .right .combtn.mobilevisible{display: none;}
/**/
.bluestripe{background: #1E59A3;padding: 30px 0;}
.bluestripe .d-flex{display: flex;align-items: center;justify-content: center;padding: 0 15px;}
.bluestripe .bluestripeInfo{position: relative;font-weight: 400;font-size: 18px;line-height: 26px;color: #fff;padding: 0 20px;}
.bluestripe .bluestripeInfo:first-child:before{position: absolute;content: '';right: 0;top: 0;bottom: 0;margin: auto;height: 70px;width: 2px;background: #fff;}
.bluestripe .bluestripeInfo img{margin-right: 24px;}
.viewDetailspopup .modal-dialog {max-width: 800px;box-shadow: 0 2px 16px 0 rgba(0,0,0,.1);border-radius: 6px;max-height: 580px;overflow: hidden;}.viewDetailspopup .modal-header {padding: 40px 40px 16px;border: 0;display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: row-reverse;}.viewDetailspopup .modal-header .close {opacity: 1;position: absolute;right: 20px;top: 15px;}.viewDetailspopup .modal-header .close .closeIcon {background-position: -806px -200px;width: 12px;height: 12px;}.viewDetailspopup .modal-header .modal-title {color: #262626;font-size: 24px;font-weight: 800;line-height: 29px;}.viewDetailspopup .modal-body {padding: 0 40px 40px;}.viewDetailspopup .modal-footer {border: 0;padding: 40px;padding-top: 0;}.viewDetailspopup .smallDescription {color: #262626;font-size: 14px;line-height: 24px;margin-bottom: 30px;}.viewDetailspopup .sec_title {color: #262626;font-size: 16px;font-weight: 800;line-height: 19px;margin-bottom: 23px;}.viewDetailspopup ul {padding-left: 0;margin-bottom: 30px;}.viewDetailspopup ul li {margin-bottom: 20px;color: #262626;font-size: 14px;font-weight: 600;line-height: 24px;position: relative;padding-left: 30px;}.viewDetailspopup ul li span {position: absolute;left: 0;top: 0;display: inline-block;margin-right: 12px;color: rgba(38,38,38,.7);font-size: 16px;font-weight: 600;letter-spacing: 1px;line-height: 19px;}.viewDetailspopup .sec_title {color: #262626;font-size: 16px;font-weight: 800;line-height: 19px;margin-bottom: 23px;}.viewDetailspopup ul li.data {padding-left: 0;}.viewDetailspopup ul li.data span {position: initial;margin-left: 40px;margin-right: 0;}.viewDetailspopup .modal-footer .btn,.viewDetailspopup .modal-footer .btn:visited {border: .8px solid #113dcd;border-radius: 3px;background: rgba(17,61,205,.07);padding: 12px 17px;color: #113dcd!important;font-size: 16px;font-weight: 600;margin-top: 10px;display: flex;align-items: center;justify-content: center;}.viewDetailspopup ul li.data p {display: inline-block;width: 200px;}.viewDetailspopup .modal-footer .btn span {display: inline-block;margin-right: 8px;background-position: -500px -363px;width: 18px;height: 19px;}

@media only screen and (max-width: 1199px){
	.boxinfo .title, .tablemain .title, .samplesection .title{font-size: 24px;line-height: 26px;}
	.tablemain .title{margin-bottom: 10px;}
	.boxinfo{margin-bottom: 30px;}
	.viewDetailspopup .modal-dialog{margin-top: 60px;}
}
@media only screen and (max-width: 991px){
	.samplesection .whitebox img{display: none;}
	.samplesection .right{margin: 0;width: 100%;}
	.imageside img{max-width: 260px;}
	.topbanner .bannermainText{font-size: 22px;line-height: 30px;}
	.topbanner .listitem li{font-size: 14px;}
	.contentside{width: 60%;}
	.ethics-banner-wrap{display: none;}
	.tableinfo .redtext{display: block;}
}
@media only screen and (max-width: 767px){
	.bluestripe .d-flex{flex-direction: column;align-items: flex-start;}
	.bluestripe .bluestripeInfo{padding: 0}
	.bluestripe .bluestripeInfo:not(:last-child){margin-bottom: 15px;}
	.bluestripe .bluestripeInfo:first-child:before{display: none;}
	.tablemain .tab-content > div{overflow-x: scroll;}
	.tablemain .table-responsive{min-width: 730px;overflow: hidden;border: 0;}
	.paymentfeestable tr td{min-width: 180px;max-width: 230px;white-space: normal !important;}
	.boxinfo{margin-bottom: 0;margin-top: 0;box-shadow: none;}
	.boxinfo ul li{width: 100%;line-height: 18px;margin-bottom: 12px;}
	.boxinfo ul li:before{bottom: inherit;margin: inherit;top: 5px;}
	.tableinfo.greybackground{padding-bottom: 30px;}
	.tablemain .tab-content{padding: 0;}
	.topbanner .listitem li:before{top: 3px;bottom: inherit;margin: inherit;}
	.samplesection .whitebox{margin-bottom: 25px;}
	.samplesection .right .combtn{display: none;}
	.samplesection .right .combtn.mobilevisible{display: block;}
}
@media only screen and (max-width: 575px){
	.topbanner .bannermainText{font-weight: 900;font-size: 18px;line-height: 25px;}
	.topbanner .bannermainText .yellow{font-weight: 800;font-size: 14px;line-height: 20px;}
	.topbanner .listitem{padding-left: 10px;}
	.topbanner .listitem li{font-weight: 800;font-size: 13px;line-height: 26px;}
	.tableinfo .redtext, .tableinfo .redtext a, .tableinfo p{font-weight: 400;font-size: 14px;line-height: 21px}
	.boxinfo .title, .tablemain .title, .samplesection .title{font-weight: 700;font-size: 18px;line-height: 26px;}
	.tablemain.compadding{padding-top: 10px;}
	.tablemain .tab-content p{font-weight: 400;}
	.samplesection{background: transparent;}
	.samplesection .whitebox{box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);padding: 18px 10px;}
	.samplesection .title{margin-bottom: 15px;}
	.bluestripe .bluestripeInfo{display: flex;align-items: flex-start;}
}
@media only screen and (max-width: 667px){
	.compadding{padding: 25px 0;}
	.contentside, .imageside{width: 100%;}
	.topbanner .container {flex-direction: column;}
	.imageside{text-align: center;margin-top: 20px;}
}
.combtn-blu{background: #0036C1; border-radius: 5px;font-weight: 700 !important; font-size: 15px !important;width: 217px; display: block; color: #fff !important; transition: 0.3s ease all; -webkit-transition: 0.3s ease all;  padding: 18px 0;-moz-transition: 0.3s ease all; margin: 0 15px;}
.combtn-blu:hover{text-decoration: none !important;background: #032b93;}
.combtn-wh{background: #ffffff;border-radius: 5px;font-weight: 700 !important;font-size: 15px !important;width: 217px;display: block;align-items: center; color: #0036C1 !important;transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; border: 1px solid #0036C1; padding: 18px 0; margin: 0 15px;}
.combtn-wh:hover{text-decoration: none !important;background: rgb(0 54 193 / 19%);}
.serv-stripe {
    padding: 30px 0;
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
	margin-top: 40px;
}
.serv-stripe .d-flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 15px;
	width: 78%;
}
.serv-stripe .info {
	position: relative;
    line-height: 26px;
    padding: 0 20px;
    font-size: 20px;
    font-weight: bold;
}
.serv-stripe .info p {
    font-size: 16px;
    font-weight: normal;
    margin-left: 58px;
    margin-top: 10px;
}

.serv-stripe .info img {
    margin-right: 10px;
}
.text-pos-rt{
	position: absolute;
	right: 10px;
	top:5px
}
.text-pos-lt{
	position: absolute;
	left: 10px;
	bottom:5px
}
.CTA-btns{
	display: flex;
	justify-content: center;
}
@media only screen and (max-width: 767px){
	.serv-stripe .d-flex {
		width: 100%;
    flex-direction: column;
}
.serv-stripe .info p{
	margin-left: 0;
}
.serv-stripe .info{
	margin-bottom: 15px;
}
}
.popup-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
	flex-wrap:wrap;
}

.popup-logo {
    height: 31px;
    width: auto;
}

.popup-logo1 {
    height: 33.5px;
    width: auto;
}

.popup-separator {
    font-size: 20px;
    color: #9CA3AF;
    font-weight: 400;
    margin: 0 4px;
}

.popup-brand-text {
    font-size: 24px;
    font-weight: 600;
    color: #1133A4;
    margin-left: 4px;
}
.mt-20 {
	margin-top:20px !important;
}

@media only screen and (min-width: 767px){
		.right-25 {
		right: 25px !important;
	}
}