@charset "euc-kr";
/*login*/
.ibssgab .validation {
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #105d81;
}
.insurance .validation {
    position: absolute;
    top: 145px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #105d81;
}
.loginWrap .ibssgab {  
    position: relative;
    padding: 124px 62px 0;
}
.loginWrap .insurance {  
    position: relative;
    padding: 80px 62px 0;
}
.loginWrap h1 {
    margin-bottom: 25px;
    font-size: 40px;
    color: #61b6d2;
    font-family: NotoR;
    text-align: center;
    line-height: 1;
    font-weight: 700;
}
.loginWrap h1 .subTit{
    display: block;
    padding-top:3px;
    font-family: NotoR;
    font-weight: 500;
    font-size: 17px;
}
.loginWrap .insurance h1 { 
    font-size: 36px; 
    margin-bottom: 35px;
}
.loginWrap .loginArea ul li {
    position: relative;
}
.loginWrap .loginArea ul li:not(:last-child) {
    margin-bottom: 20px;
}
.loginWrap .loginArea ul li label {
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 12px;
    color: #abb1b8;
    padding-left: 20px;
    height: 19px;
}
.loginWrap .loginArea ul li.userServer label {
    background: url(../images/common/ico_server.png) no-repeat 0 50%;
    background-size: 15px auto;
}
.loginWrap .loginArea ul li.userId label {
    background: url(../images/common/ico_id.png) no-repeat 0 50%;
    background-size: 15px auto;
}
.loginWrap .loginArea ul li.userPw label {
    background: url(../images/common/ico_pw.png) no-repeat 0 50%;
    background-size: 14px auto;
}
.loginWrap .loginArea ul li input[type="text"] ,
.loginWrap .loginArea ul li input[type="password"] {
    border-width: 0 0 1px 0;
    border-color: #dde0e2;
    border-style: solid;
    width: 100%;
    padding-left: 72px;
    color: #101010;
    font-size: 16px;
}
.loginWrap .loginArea ul li .selectWrap select{
    border-width: 0 0 1px 0;
    border-color: #dde0e2;
    border-style: solid;    
    width: 100%;
    padding-left: 72px;
    color: #101010;
    font-size: 16px;
}
.loginWrap .loginArea ul li .selectWrap select:focus,
.loginWrap .loginArea ul li input[type="text"]:focus,
.loginWrap .loginArea ul li input[type="password"]:focus {
    border-color: #4f555b;
}
.loginWrap .checkArea {
    padding: 20px 0;
    text-align: right;
}
.loginWrap .checkArea label {
    color: #4f555b;
    font-size: 12px;
    line-height: 17px;
}
/*main*/
#content.mainWrap {
    padding: 46px 15px 51px;
}
.mainWrap .news {
    margin-top: 10px;
    padding: 5px 15px 7px;
    background: #dff7ff;
    border-radius: 20px;
    font-size: 13px; 
    color: #1382b5;
}
.mainWrap .bannerWrap ul {
    padding: 0 30px;
}
.mainWrap .bannerWrap ul li {
    float: left;
    width: 50%;
    text-align: center;
}
.mainWrap .bannerWrap ul li a {
    display: inline-block;
    width: 100%;
    padding-top: 13px;
    font-size: 14px;
    color: #101010;
    font-family: 'NotoM';
}
.mainWrap .bannerWrap ul li a::before {
    content: ""; 
    display: inline-block;
    width: 100%;
    height: 97px;
}
.mainWrap .bannerWrap ul li.banner01 a::before {
    background: #fff url(../images/common/img_banner01.png) no-repeat 50% 0;
    background-size: 97px 97px;
}
.mainWrap .bannerWrap ul li.banner02 a::before {
    background: #fff url(../images/common/img_banner02.png) no-repeat 50% 0 ;
    background-size: 97px 97px;
}
.mainWrap .bannerWrap ul li.banner03 a::before {
    background: #fff url(../images/common/img_banner03.png) no-repeat 50% 0;
    background-size: 97px 97px;
}
.mainWrap .bannerWrap ul li.banner04 a::before {
    background: #fff url(../images/common/img_banner04.png) no-repeat 50% 0;
    background-size: 97px 97px;
}
.mainWrap .noticeWrap {
    margin-top: 10px;
    padding-bottom: 10px;
}
.mainWrap .noticeWrap ul li {
    position: relative;
    padding-left: 14px;
    padding-bottom: 6px;
}
.mainWrap .noticeWrap ul li:before {
    content: ""; 
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    margin-top:-6px;
    background-color: #61b6d2;
    border-radius: 50%;
}
.mainWrap .noticeWrap ul li:not(:last-child):after {
    content: ""; 
    display: inline-block;
    position: absolute;
    top: calc( 50% + 2px );
    left: 2px;
    width: 1px;
    height: 28px;
    background-color: #dde0e2;
}
.mainWrap .noticeWrap ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 5px 10px 20px;
    border-radius: 15px;
    font-size: 13px;
    color: #4f555b;
    line-height: 1;
    background-color: #f7f9fa;
}
.mainWrap .noticeWrap ul li a .txt {
    display: inline-block;
    width: calc(100% - 75px);
    vertical-align: top;
    line-height: 1;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
.mainWrap .noticeWrap ul li a .date {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 11px;
    color: #abb1b8;
}
/*sub*/
.infoTable {
    border-bottom: 1px solid #dde0e2 ;
}
.infoTable h3.tit {
    margin: 15px 0 15px 15px;
}
.infoTable .logoWrap {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.infoTable .noteWrap {
    padding: 15px;
}
.infoTable + .infoTable {
    padding-top: 10px;
}
.innerDepth {
    border-bottom: 1px solid #dde0e2;
}
.innerDepth ul {
    overflow-x: auto;
    white-space: nowrap;
}
.innerDepth ul li {
    display: inline-block;
}
.innerDepth ul li a {
    display: inline-block;
    padding: 12px 0 10px;
    margin: 0 12px;
    color: #777e85;
    border-bottom: 2px solid transparent;
}
.innerDepth ul li a.current {
    color: #1382b5;
    font-weight: 700;
    border-bottom: 2px solid #1382b5;
}
.subWrap .noticeWrap .list ul li {
    border-bottom: 5px solid #eceff1;
}
.subWrap .list ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 90px 15px 15px;
}
.subWrap .list ul li .txt {
    display: inline-block;
    line-height: 1.2;
}

/* Çö¼ö Ãß°¡ */
.subWrap .noticeWrap ul li a .txt {
    display: inline-block;
    width: calc(100% - 15px);
    vertical-align: center;
    line-height: 1;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}

.subWrap .list ul li .date {
    position: absolute;
    top: 15px;
    right: 15px;
    padding-left: 15px;
    color: #abb1b8;
    font-size: 12px;
    line-height: 12px;
    border-left: 1px solid #dde0e2;
}
/*board*/
.detailView .boardHead {
    padding: 17px 15px; 
    border-bottom: 1px solid #dde0e2;
}
.detailView .boardHead h3 {
    font-size: 15px;
    font-weight: 500;
    font-family: NotoM;
}
.boardHead .infoList li {
    display: inline-block;
    font-size: 12px;
    color: #abb1b8;
    line-height: 1;
}
.boardHead .infoList li:not(:first-child) {
    border-left: 1px solid #dde0e2;
    margin-left: 5px;
    padding-left: 5px;
}
.boardContainer {
    padding: 20px 15px;
}
.boardContainer .fileWrap {
    margin-bottom: 20px;
}
.boardContainer .fileWrap ul li:not(:last-child) {
    margin-bottom: 10px;
}
.boardContainer .fileWrap .download {
    display: inline-block;
    width: 100%;
    padding: 9px 30px 9px 15px;
    font-size: 12px;
    color: #1382b5;
    border-radius: 20px;;
    background: #dff7ff url(../images/common/ico_download.png) no-repeat;
    background-position: right 15px top 50%;
    background-size: 13px 13px;    
}
.boardContainer .txtWrap {
    font-size: 13px;
    padding-bottom: 20px;
}
/*search*/
.searchWrap .searchArea {
    position: relative;
    padding: 7px 45px 7px 15px;
    border-bottom: 5px solid #eceff1;
}
.searchWrap .searchArea input {
    width: 100%;
    font-size: 14px;;
    font-family: 'NotoM';
    font-weight: 500; 
}
.searchWrap .searchArea .btnSearch {
    position: absolute;
    top: 2px;
    right: 5px;
}
.searchWrap .searchArea .btnSearch  {
    width: 35px;
    height: 35px;
    text-align: center;
}
.searchWrap .searchArea .btnSearch::before {
    width: 20px;
    height: 20px;
	background: url(../images/common/ico_search_bl.png) no-repeat 0 0;
    background-size: 20px auto;
    vertical-align: top;
}
.searchWrap .searchList li {
    border-bottom: 1px solid #eceff1;
}
.searchWrap .searchList li .txt{
    font-family: 'NotoM';
    font-weight: 500; 
}
/*compareWrap*/
.linkList > ul > li {
    border-bottom: 5px solid #eceff1;
}
.linkList ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
.linkList ul li a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-top: -10px;
    background: url(../images/common/ico_link.png) no-repeat 0 0;
    background-size: 19px 19px;  
}
.linkList ul li a:active::after {
    background: url(../images/common/bg_depth2_active.png) no-repeat 0 0;
    background-size: 19px 19px;  
}
.linkList .group .bullList {
    width: 50%;
}
.bullList {
    position: relative;
    padding-left: 23px;
}
.bullList .tit {
    color: #1382b5;
    display: inline-block;
    min-width: 55px;
    font-size: 12px;
}
.bullList .tit::before {
    position: absolute;
    top: 10px;
    left: 15px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #1382b5;
}
.bullList .tit.gray {
    color: #4f555b;
}
.bullList .tit.gray::before {
    background-color: #4f555b;
}
.bullList .txt {
    color:#777e85;
    font-size: 13px;
}
/*insurance*/
.insuranceWrap {
    padding-bottom: 150px !important;
}
.sectionWrap section h3.head,
.insuranceWrap section h3.head {
    height: 35px;
    text-indent: 15px;
    line-height: 35px;
    background-color: #dff7ff;
    font-family: Noto;
    font-weight: 700;
    color:#1382b5;
}
.writeWrap {
    padding: 0 25px 0 15px;
}
.writeWrap > ul {
    padding-top: 15px;
}
.writeWrap .inputWrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.writeWrap .inputWrap .tit {
    min-width: 110px;
    position: relative;
    padding-left: 10px;
    color: #1382b5;
}
.writeWrap .inputWrap .tit::before {
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #1382b5;
}
.writeWrap .inputWrap .tit.simple {
    min-width: 110px;
    position: relative;
    padding-left: 0;
}
.writeWrap .inputWrap .tit.simple::before {
   display: none;
}
.writeWrap .inputWrap .inputArea {
    flex: 1;
    min-height: 35px;
}
.writeWrap .inputWrap .inputArea select {
    font-size: 15px;
    border-bottom: 1px solid #dde0e2;
}
.writeWrap .inputWrap .inputArea input[type="tel"],
.writeWrap .inputWrap .inputArea input[type="text"],
.writeWrap .inputWrap .inputArea input[type="url"],
.writeWrap .inputWrap .inputArea input[type="number"] {
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #dde0e2;
}
.writeWrap .inputWrap .inputArea input[type="tel"]::placeholder,
.writeWrap .inputWrap .inputArea input[type="text"]::placeholder, 
.writeWrap .inputWrap .inputArea input[type="url"]::placeholder,
.writeWrap .inputWrap .inputArea input[type="number"]::placeholder {
    color:#abb1b8;
}
.writeWrap .inputWrap .inputArea select:focus,
.writeWrap .inputWrap .inputArea input[type="tel"]:focus ,
.writeWrap .inputWrap .inputArea input[type="text"]:focus,
.writeWrap .inputWrap .inputArea input[type="url"]:focus,
.writeWrap .inputWrap .inputArea input[type="number"]:focus {
    border-color: #4f555b;
}
.writeWrap .inputWrap .inputArea select:read-only:focus,
.writeWrap .inputWrap .inputArea input[type="tel"]:read-only:focus ,
.writeWrap .inputWrap .inputArea input[type="text"]:read-only:focus, 
.writeWrap .inputWrap .inputArea input[type="url"]:read-only:focus,
.writeWrap .inputWrap .inputArea input[type="number"]:read-only:focus {
    border-bottom: 1px solid #dde0e2;
}
.writeWrap .inputWrap .inputArea.userNumber {
    display: flex;
}
.writeWrap .inputWrap .inputArea.userNumber input:first-child {
    width: 53%;
}
.writeWrap .inputWrap .inputArea.userNumber input:nth-child(2) {
    width: 22%;
    margin-left:5px;
    text-align: center;
}
.writeWrap .inputWrap .inputArea.userNumber input:nth-child(3) {
    width: 25%;
    margin-left:5px;
    text-align: left;
}

.writeWrap .inputWrap .inputArea.childNumber {
    display: flex;
}



.writeWrap .inputWrap .inputArea.innerBtn {
    display: flex;
}
.writeWrap .inputWrap .inputArea.innerUnit {
    display: flex;
    align-items: center;
}
.writeWrap .inputWrap .inputArea.innerUnit .unit {
    margin-left: 10px;
    white-space: nowrap;
}
.writeWrap .inputWrap .inputArea .radioList {
    display: flex;
    justify-content: left;
    margin-top: 10px;
}.writeWrap .inputWrap .inputArea .radioList li {
    margin-right:15px; 
}

.writeWrap .inputWrap .inputArea.dateWrap {
    display: flex;
    align-items: center;
}
.writeWrap .inputWrap .inputArea.dateWrap >* {
    flex:1;
}
.writeWrap .inputWrap .inputArea.dateWrap select {
    margin-right: 10px;
    width: auto;
}
.writeWrap .inputWrap .inputArea.dateWrap .datepicker {
    width: 95px;
    padding-left: 15px;
    border-bottom: 1px solid #dde0e2;
	background: url(../images/common/ico_date.png) no-repeat 0 50%;
	background-size: 12px auto; 
}
.writeWrap .inputWrap .inputArea.dateWrap .tilde {
    display: inline-block;
    max-width: 10px;
    padding: 0 4px 0 2px;
}
.writeWrap .inputWrap .inputArea .chkecboxWrap {
    vertical-align: middle;
}
.writeWrap .inputWrap .inputArea .value{
    min-height: 34px;
    padding-top: 6px;
    padding-left: 10px;
    font-size: 15px;
    border-bottom: 1px solid #dde0e2;
}
.writeWrap .inputWrap.selectMix .type {
    min-width: 90px; 
    margin-right: 15px;
}
.writeWrap .inputWrap.selectMix .type select {
    border-bottom: 1px solid #dde0e2;
}
.writeWrap .inputWrap.selectMix .type select:focus {
    border-bottom: 1px solid #4f555b;
}
/*compareSearch*/
.compareSearch {
    padding: 0 25px 25px 25px;
    border-bottom: 1px solid #e9e9e9;
    box-shadow: 1px 3px 3px #e9e9e9;
}
.compareSearch.noLine {
    border-bottom: none;
    box-shadow: none;
}
.compareSearch .writeWrap {
    padding: 0
}
.compareSearch .writeWrap .inputWrap .tit {
    min-width: 60px;
}
#popCar .compareSearch {
    height: 216px;
    padding: 0 25px 15px 25px;
}
#popSearch  {
    background: rgba(0, 0, 0, 0.4)
}
#popSearch .compareSearch {
    background-color: #fff;
}
.resultWrap {
    overflow-y: auto;
    background-color: #eceff1;
    height: calc(100vh - 313px);;
}
.resultWrap .result {
    padding: 15px 15px 50px 15px;
}
.resultWrap .result > li a {
    display: block;
    padding: 15px;
    background-color: #fff;
    border-radius: 15px;
}
.resultWrap .result > li .model {
    padding-left: 20px;
    color: #1382b5;
    font-size: 15px;
	background: url(../images/common/ico_check.png) no-repeat 0 50%;
    background-size: 15px auto;
}
.resultWrap .result > li:not(:last-child) {
    margin-bottom: 15px;
}
.resultWrap .result .option li {
    display: inline-block;
    font-size: 13px;
}
.resultWrap .result .option li:not(:last-child)::after {
    content: ""; 
    display: inline-block;
    border: 1px solid #7e8185;
    margin: 0 2px 0 5px;
    vertical-align: middle;    
}
.resultWrap .result .info li {
    display: inline-block;
    font-size: 13px;
}
.resultWrap .result .info li {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    padding: 0 5px 0 3px;
}
.resultWrap .result .info li:first-child {
    padding-left: 0;
}
.resultWrap .result .info li:not(:last-child) {
   border-right: 1px solid #dde0e2;
}
.layerWrap .shareWrap {
    padding: 25px;
}
.layerWrap .shareWrap .shareNote {
    max-height: calc(100vh - 230px);
    overflow-y: auto;
    padding: 15px;
    border-radius: 15px;;
    background-color: #f7f9fa ;
    font-size: 12px;
}
.layerWrap .shareWrap .shareLink {
    margin-top: 20px;
}
.layerWrap .shareWrap .shareLink li {
    text-align: center;
}
.layerWrap .shareWrap .shareLink li .shareSms::before {
    width: 40px;
    height: 40px; 
	background: url(../images/common/ico_sns.png) no-repeat 0 0;
    background-size: 40px auto;
}
.layerWrap .shareWrap .shareLink li .shareKakao::before {
    width: 40px;
    height: 40px; 
	background: url(../images/common/ico_kakao.png) no-repeat 0 0;
    background-size: 40px auto;
}
.layerWrap .shareWrap .shareLink li .txt {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
}

/**/
section .btnWrap {
    margin-top: 25px;
}
#step04 .btnWrap {
    padding: 0 15px;
    margin-bottom: 25px;
}
/*
#step04 .btnWrap .btnRd {
    width: 100%;
}
*/

#step05 {
    border-top: 1px solid #dde0e2;
}

#step05 .btnWrap {
    padding: 0 15px;
    margin-bottom: 25px;
}

#step05 .gongu {
    width: 60%;
}

.dataList .datadHead {
    background-color: #dff7ff;
}
/**/
.dataList .flex {
    padding: 0 40px 0 15px;;
}
.dataList .flex .name {
    text-align: center;
}
.dataList .datadHead .flex li {
    padding: 7px 0;
    color: #1382b5;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    flex: 1;
}
.dataList .datadHead .flex li:first-child {
    min-width: 15%;
    text-align: left;
}
.dataList .datadHead .flex li:nth-child(2) {
    min-width: 35%;
}
.dataList .datadHead .flex li:nth-child(3) {
    min-width: 50%;
}
.dataList .datadContainer .list {
    position: relative;
    border-bottom: 1px solid #dde0e2;
}
.dataList .datadContainer .list .flex li {
    padding: 15px 0;
    font-size: 15px;
    text-align: right;    
    flex: 1;
}
.dataList .datadContainer .list .flex li:first-child {
    min-width: 15%;
    text-align: left;
}
.dataList .datadContainer .list .flex li:nth-child(2) {
    min-width: 35%;
}
.dataList .datadContainer .list .flex li:nth-child(3) {
    min-width: 50%;
    font-family: NotoM;
    font-weight: 500;
}
.dataList .datadContainer .btnMore {
    position: absolute;
    top: 13px;
    right: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.dataList .datadContainer .btnMore::before {
    width: 20px;
    height: 20px;    
	background: url(../images/common/toggle_open.png) no-repeat 0 0;
	background-size: 20px auto;
}
.dataList .datadContainer .current .btnMore::before {
	background: url(../images/common/toggle_close.png) no-repeat 0 0;
	background-size: 20px auto; 
}
.dataList .datadContainer .current .view {
	display: block;
}
.dataList .view {
    display: none;
    border-top: 1px solid #dde0e2;
    background-color: #f7f9fa;
    padding: 15px 0;
}
.dataList .view ul {
    font-size: 0;
}
.dataList .view ul li {
    display: inline-block;
    width: 50%;
}
.dataList .view ul li.wide {
    width: 100%;
}
.dataList .view ul li:not(:last-child) {
    margin-bottom: 10px;
}


.userInfo ul {
    padding: 10px 0;
    font-size: 0;
}
.userInfo ul li {
    display: inline-block;
    width: 50%;
    font-size: 14px;
}
.userInfo ul li:not(:last-child) {
    margin-bottom: 10px;
}
.insuranceTab {
    position: fixed;
    bottom: 51px;
    left: 0;
    width: 100%;
    padding-bottom: 5px;
    z-index: 1;
    border-top: 1px solid #eee;
    background: #fff;
}
.insuranceTab ul {
    display: flex;
    text-align: center;
}
.insuranceTab ul li {
    flex: 1;
}
.insuranceTab ul li a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    background-color: #e7edf0;
    color:#777e85;
    font-size: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; 
}
.insuranceTab ul li:not(:last-child) {
    margin-right: 1px;
}
.insuranceTab ul li a.current {
    background-color: #fff ;
    color: #61b6d2;
}
.optionList > .flex {
    padding: 15px 10px 0;
}
.optionList .tableStyle {
    flex:1;
}
.optionList .tableStyle:nth-child(2) {
   margin-left: 3px;
}
.optionList .tableStyle .thead {
    background-color: #eceff1 ;
    margin-bottom: 15px;
}
.optionList .tableStyle .thead ,
.optionList .tableStyle .tbody {
    display: flex;
}
.optionList .tableStyle .thead > div {
    width: 50%;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.optionList .tableStyle .tbody {
    margin-bottom: 15px;
    align-items: center;
}
.optionList .tableStyle .tbody > div {
    width: 50%;
    text-align: left;
}
.optionList .tableStyle .tbody .label {
    padding-left: 8px;
}
.optionList .tableStyle .tbody .value {
    padding-right: 8px;
}
.optionList .tableStyle .tbody .value input {
    width: 100%;
    height: 30px;
    text-align: right;
    border: 1px solid #dde0e2;
}
.optionList .totalWrap {
    position: relative;
    height: 40px;
    margin-bottom: 15px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #dff7ff ;
    color: #1382b5;
    text-align: center;
}
.optionList .totalWrap .tit {
    position: absolute;
    top: 0;
    left: 15px;
}
.halfList > ul {
    padding-top: 30px;
    overflow: hidden;
}
.halfList > ul > li {
    float: left;
    width: 50%;
    margin-bottom: 30px;
}
.halfList > ul > li .chkecboxWrap label {
    font-size: 15px;
}
.halfList > ul > li.innerSelect {
    justify-content: flex-start;
    align-items: flex-start;
}
.halfList > ul > li.innerSelect select {
    width: auto;
    font-size: 13px;
    line-height: 1.5;
    vertical-align: top;
}
.optionList .last {
    padding-left: 50%;
}

.optionList > .tableWrap {
	overflow-y: auto;
  border-collapse: collapse;
  height: 800px;
  padding-top:0px;
  padding-bottom:200px;
}

.addbupum {
	overflow-y: auto;
  border-collapse: collapse;
  height: 800px;
  padding-top:0px;
  padding-bottom:200px;
}

/*
.result-table thead .sticky-th {position:sticky; top:0px;}
.result-table thead .sticky-th-two {position:sticky; top:38px;}

.result-table thead .sticky-th:after  {content:""; position: absolute; left:0; width:1px; height: 76px; background: #dee2e6}
.result-table thead .sticky-th:before {content:""; position: absolute; left:0; width:100%; height: 2px; background: #dee2e6;}
.result-table thead .sticky-th:after { top: 0px;}
.result-table thead .sticky-th:before { top: -1px;}

.result-table thead .sticky-th-two:after {content:""; position: absolute; top: -2px; left:0; width:100%; height: 2px; background: #dee2e6}
.result-table thead .sticky-th-two:before {content:""; position: absolute; left:0; width:1px; height: 38px; background: #dee2e6;}
.result-table thead .sticky-th-two:after { top: -2px;}
.result-table thead .sticky-th-two:before { bottom: 0px;}
*/

.optionList .tableWrap td {
    border-right: 0;
}
.optionList .tableWrap thead {
    border: 1px solid #eceff1;
}
.optionList .tableWrap thead th {
    padding: 6px 0 6px 15px;
}
.optionList .tableWrap tbody {
    border-width:0 1px 1px;
    border-style:solid;
    border-color: #dde0e2;
}
.optionList .tableWrap tbody td {
   padding: 11px 0 11px 15px;
}
.optionList .tableWrap tbody tr td.line{
    border-right:1px solid #dde0e2;
}
.optionList .tableWrap tbody tr td span.primary {
    display: inline-block;
    height: 17px;
    vertical-align: 0;
}
.optionList .tableWrap tbody tr td .radioWrap {
    display: inline-block;
    height: 12px;
    vertical-align: 0;
}
.optionList .tableWrap tbody tr td .codeWrap {
    position: relative;
}
.optionList .tableWrap tbody tr td .codeWrap .radioWrap {
    position: absolute;
    top: 4px;
    right: 0;
}
/*Åë°è*/
.statisWrap {
    padding-bottom: 30px;
}
.statisWrap .statisList {
    border-bottom: 1px solid #dde0e2;   
}
.statisWrap .statisList .list {
    position: relative;
}
.statisWrap .statisList > .list + .list {
    border-top: 1px solid #dde0e2;
}
.statisWrap .statisList .list > .totalWrap {
    padding: 20px;
    /* border-bottom: 1px solid #dde0e2; */
}

.statisWrap .statisList .list > .wholeWrap {
		background-color: #ffebb5; 
  	box-shadow: inset 0 0 2px #deb13a;
}

.statisWrap .statisList .list > .totalWrap > .flex {
  margin-left:20px;  
}

.statisWrap .statisList .list > .innerList > ul > li > a > .flex {
  margin-left:20px;  
}


.statisWrap .statisList .list > .totalWrap > a::before { 
	position:absolute;
  display: inline-block;
  content: '';
  top:40px;
  left:10px;
  width: 20px;
  height: 20px;
	background: url(../images/common/bg_depth2.png) no-repeat 100% 50%;
	background-size: 20px auto;
}

.statisWrap .statisList .list > .totalWrap > a:active::before {
	background: url(../images/common/bg_depth2_active.png) no-repeat 100% 50%;
	background-size: 20px auto;
}

.statisWrap .statisList .list.current > .totalWrap {
	background-color:#dcecf3;
}
/*
.statisWrap .statisList .list div .branch {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    vertical-align: top;
}
.statisWrap .statisList .list div .name {
    line-height: 1;
    font-size: 18px;
    color: #101010;
    margin-bottom: 10px;
}
*/

.statisWrap .statisList .list div .branch {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    vertical-align: top;
    color:#840915;
    margin-left:20px;
}
.statisWrap .statisList .list div .name {
    line-height: 1;
    font-size: 15px;
    color: #101010;
    margin-left:20px;
    margin-bottom: 10px;
}

.statisWrap .statisList .list div .name span {
    font-weight: 500;
}

.statisWrap .statisList .list div .number {
    width: 50%;
    margin-right:10px;
    justify-content: flex-start;
    padding-left: 15px;
	background: url(../images/common/ico_number.png) no-repeat 0 50%;
    background-size: 11px auto;
    line-height: 1;
}
.statisWrap .statisList .list div .number .total {
    min-width: 70px;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
}
.statisWrap .statisList .list .premium {
    display: flex;    
    width: 50%;
    justify-content: space-between;    
    padding-left: 15px;    
	background: url(../images/common/ico_premium.png) no-repeat 0 50%;
    background-size: 12px auto;
    line-height: 1;    
}
.statisWrap .statisList .list .tit {
    display: inline-block;
    min-width: 40px;
    color: #1382b5;
    font-size: 13px;
    white-space: nowrap;
    vertical-align: top;
}
.statisWrap .statisList .list .price {
    white-space: nowrap;
    color: #101010;
    font-weight: 500;  
}
.statisWrap .statisList .list .unit {
    font-weight: 500;
    font-size: 13px;
    vertical-align: baseline;
}
.statisWrap .statisList .list > .btnMore {
    position: absolute;
    top: 38px;
    right: 15px;
}
.statisWrap .statisList .innerList  {
    border-bottom: 1px solid #abb1b8;
}
.statisWrap .statisList .innerList > ul > li > a {
    display: inline-block;
    width: 100%;
}
.statisWrap .statisList .innerList > ul > li > a::before {
    position: absolute;
    top: 25px;
    left: 10px;
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
	background: url(../images/common/bg_depth2.png) no-repeat 100% 50%;
	background-size: 20px auto;
}
.statisWrap .statisList .innerList > ul > li > a:active::before {
	background: url(../images/common/bg_depth2_active.png) no-repeat 100% 50%;
	background-size: 20px auto;
}
.statisWrap .statisList .innerList .list .btnMore {
    position: absolute;
    top: 20px;
    right: 15px;
}
.statisWrap .statisList .innerList > ul > .list > .group {
    /* background: #f7f9fa; */
    background: #fafdff;
    border-top: 1px solid #dde0e2;
}
.statisWrap .statisList .innerList .list .group > .name {
    font-size: 15px;
}
.statisWrap .statisList .innerList .detailList {
    border-top: 1px solid #dde0e2;
    background-color: #eceff1;
}
.statisWrap .statisList .innerList .detailList .list:not(:last-child) {
    border-bottom: 1px solid #abb1b8;
}
/* .statisWrap .statisList .innerList .detailList .list:last-child {
    border-bottom: 2px solid #abb1b8;
} */
.statisWrap .statisList .innerList .detailList .list .group {
    background: #eceff1;
}
.statisWrap .statisList .innerList .detailList .list .group .name {
    position: relative;
    padding-left: 10px;
    font-size: 14px;
}
.statisWrap .statisList .innerList .detailList .list .group .name::before {
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    content: '';
    width: 3px;
    height:3px;
    background-color: #101010;
}
.statisWrap .statisList .innerList .detailList .list .group ul.flex {
    align-items: center;
}
.statisWrap .statisList > .list.current {
    padding-bottom: 5px;
}
.statisWrap .statisList .list.current > .btnMore::before {
	background: url(../images/common/toggle_close.png) no-repeat 0 0;
	background-size: 20px auto; 
}
.statisWrap .statisList .list > .view {
    display: none;
}
.statisWrap .statisList .list > .view .list .group {
    padding: 20px;
} 
.statisWrap .statisList .list.current > .view {
    display: block;
    border-bottom: 1px solid #abb1b8;
}
.dataMore {
    padding: 30px 0;
    text-align: center;
}
.dataMore button::before {
    vertical-align: top;
}
.dataMore button span {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    color: #1382b5;
}
/*°è¾à°ü¸®*/
.linkFlexList .list {
    border-bottom: 5px solid #eceff1;
}
.linkFlexList .list a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px 0 15px;
}
.linkFlexList .list a .name {
    padding: 0 0 10px 15px;
    font-weight: 500;
}

.linkFlexList .list a .goodsname {
    display: inline-block;
    width: calc(100% - 45px);
    line-height: 1;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}

.linkFlexList .list ul {
    font-size: 0;
}
.linkFlexList .list ul li {
    display: inline-flex;
    width: 50%;
    margin-bottom: 7px;
}
.linkFlexList .list ul li .bullList .tit::before {
    top: 50%;
    margin-top: -2px;
}
.linkFlexList .list a::after {
    position: absolute;
    top: 20px;
    right: 15px;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../images/common/ico_link.png) no-repeat 0 0;
    background-size: 19px 19px;  
}
.linkFlexList .list a:active::after {
    background: url(../images/common/bg_depth2_active.png) no-repeat 0 0;
    background-size: 19px 19px;  
}
.linkFlexList .list a.middle::after {
    top: 50%;
    margin-top: -10px;
}
.linkFlexList .bullList {
    white-space: nowrap;
}
.sectionWrap .writeArea {
    padding: 5px;
}
.pageResult {
    background-color: #eceff1;
    min-height: 100vh;
}
.pageResult .compareSearch {
    background-color: #fff;
}
.pageResult .resultWrap {
    height: auto;
    border-top: 1px solid #e9e9e9;
    box-shadow: inset 1px 3px 3px #e9e9e9;    
}
.resultWrap.linkList > ul > li {
    border: none;
}
.resultWrap.linkList > ul > li .name .brand::after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 11px;
    margin: 0 7px 0 9px;
    background-color: #dde0e2; 
}
.resultWrap.linkList .bullList {
    padding-left: 8px;
}
.resultWrap.linkList .bullList .tit {
    min-width: 44px;
}
.resultWrap.linkList .bullList .tit::before {
    left: 0;
}
.resultWrap.linkList ul li a::after {
    top: 20px;
    margin-top: 0;
}
.writeWrap .inputWrap.addressWrap {
    align-items: flex-start;
}
.writeWrap .inputWrap.addressWrap .tit {
    margin-top: 6px;
}
.writeWrap .inputWrap.addressWrap .flex {
    margin-bottom: 15px;
}
.writeWrap .inputWrap.addressWrap .btnRdLine {
    min-width: 50px;
    margin-left: 5px;
}
.writeWrap .inputWrap.grid90 .tit {
    min-width: 90px;
}
.tableStyle.writeWrap .col4 .flex > .thArea ,
.tableStyle.writeWrap .col4 .flex > .tdArea {
    width: 25%;
}
.tableStyle.writeWrap .thead {
    margin-bottom: 10px;
    color: #1382b5;
}
.tableStyle.writeWrap .col4 .flex > .tdArea:not(:first-child) {
    margin-left: 10px;
}
.tableStyle.writeWrap .tdArea input[type="text"], 
.tableStyle.writeWrap .tdArea input[type="tel"], 
.tableStyle.writeWrap .tdArea input[type="number"],
.tableStyle.writeWrap .tdArea input[type="url"] 		{
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #dde0e2;
}
.tableStyle.writeWrap .tdArea input[type="text"]:focus,
.tableStyle.writeWrap .tdArea input[type="tel"]:focus,
.tableStyle.writeWrap .tdArea input[type="number"]:focus,
.tableStyle.writeWrap .tdArea input[type="url"]:focus {
    border-bottom: 1px solid #4f555b;
}
.tableStyle.writeWrap .tdArea.radioGroup .radioWrap {
    padding-left: 20px;
}
.tableStyle.writeWrap .tdArea.radioGroup .radioWrap:first-child {
    margin-right: 5px;
}
.writeArea .textarea {
    height: 90px;
}
.tableStyle.writeWrap {
    padding: 0 15px 0 15px;
}
.tableStyle.writeWrap .col3 .flex > .thArea ,
.tableStyle.writeWrap .col3 .flex > .tdArea {
    width: 33.3333333%;
    line-height: 1;
}
.tableStyle.writeWrap .col3 .flex > .thArea:first-child ,
.tableStyle.writeWrap .col3 .flex > .tdArea:first-child {
    padding-left: 15px;
}
.tableStyle.writeWrap .col3 .flex > .thArea:nth-child(2) ,
.tableStyle.writeWrap .col3 .flex > .tdArea:nth-child(2) {
    width: 55%;
}
.tableStyle.writeWrap .col3 .flex > .thArea:nth-child(3) ,
.tableStyle.writeWrap .col3 .flex > .tdArea:nth-child(3) {
    padding-right:20px; 
}
.tableStyle.writeWrap .linkArea {
    position: relative;
    margin-bottom: 20px;
    padding: 10px 0 10px 0;
    border: 1px solid #dde0e2;
    border-radius: 10px;
}
.tableStyle.writeWrap .linkArea::after {
    position: absolute;
    top: 50%;
    right: 7px;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-top: -10px;
    background: url(../images/common/ico_link.png) no-repeat 0 0;
    background-size: 19px 19px;
}
.tableStyle.writeWrap .linkArea:active::after {
    background: url(../images/common/bg_depth2_active.png) no-repeat 0 0;
    background-size: 19px 19px;  
}
.tableStyle.writeWrap .tbody span.nodata {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 20px;
    border: none;
    color: #abb1b8;
    padding-left: 15px;;
}
.tableStyle.writeWrap .tbody span.nodata::after{
    display: none;
}
/*usercode*/
.userCode {
    padding: 20px 15px;
    font-size: 15px;
    line-height: 1;
}
.userCode strong {
    color: #101010;
}
.insuranceList {
    padding-bottom: 40px; 
}
.insuranceList .list > li {
    padding: 15px 0;
    border-bottom: 1px solid #dde0e2;
}
.insuranceList .list > li .bull {
    margin-left: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    color:#840915;
}
.insuranceList .list .flex {
    padding: 0 23px;
}
.insuranceList .list .flex li {
    width: 35%;
}
.insuranceList .list .flex li:first-child {
    width: 65%;
}
.insuranceList .list .flex li span {
    line-height: 1.2;
}

.insuranceList .list .flex .txt{
	color:#23489d;
}

/*chargeWrap*/
.chargeWrap .statisList .innerList .list.current {
    padding-bottom: 5px;
}
.chargeWrap .statisList > .list:first-child {
    border-top: 1px solid #dde0e2;
}
.chargeWrap .statisList .list .totalWrap {
    padding: 15px 50px 15px 15px;
}
.chargeWrap .statisList .list .totalWrap {
    padding: 15px 50px 15px 15px;
}
.chargeWrap .statisList .list .totalWrap .priceWrap strong {
    font-size: 17px;
    color: #101010;
}
.chargeWrap .statisList .list .totalWrap .priceWrap span {
    font-size: 13px;
    color: #4f555b;
}
.chargeWrap .statisList .list .tit {
    font-size: 16px;
}
.chargeWrap .statisList .list .priceWrap strong {
    font-size: 17px;
    color: #4f555b;
}
.chargeWrap .statisList .list .priceWrap span {
    font-size: 13px;
    color: #4f555b;
}
.chargeWrap .statisList .innerList {
    border-bottom: 0;
}
.chargeWrap .statisList .list div .name {
    margin-bottom: 0;
}
.chargeWrap .statisList .list > .view .list .group {
    padding: 15px 50px 15px 15px;
}
.chargeWrap .statisList .list > .view .list .group .tit {
    font-size: 15px;
    color:#4f555b;
}
.chargeWrap .statisList .list > .view .list .group .priceWrap strong {
    font-size: 16px;
}
.chargeWrap .statisList .list > .view .list .detailList .group {
    padding: 15px 50px 15px 15px;
}
.chargeWrap .statisList .list > .view .list .detailList .group .priceWrap {
    line-height: 1;
}
.chargeWrap .statisList .list > .view .list .detailList .totalList {
    margin-top: -15px;
    text-align: right;
    padding-bottom: 15px;
}
.chargeWrap .statisList .list > .view .list .totalList ul {
    padding-right: 50px;
}
.chargeWrap .statisList .list > .view .list .totalList ul li {
    display: inline-block;
    font-size: 12px;
    color: #777e85;
}
.statisWrap .statisList .innerList .detailList .list:not(:last-child) {
    border-bottom: 1px solid #dde0e2;
}
.chargeWrap .statisList .list > .view .list .totalList ul li:not(:first-child) {
    margin-left: 10px;
}
.chargeWrap .statisList .innerList .list .btnMore {
    top: 18px;
}
@media screen and (min-width:0) and (max-width: 400px){
    .linkFlexList .bullList .tit {
        min-width: 50px;
    }
}
@media screen and (min-width:0) and (max-width: 365px){
    .compareSearch .writeWrap .inputWrap .inputArea.dateWrap .datepicker {
        width: 87px;
    }
    .linkFlexList .bullList .tit {
        min-width: 46px;
    }    
}
@media screen and (min-width:0) and (max-width: 320px){
    .loginWrap .ibssgab {  
        position: relative;
        padding: 124px 42px 0;
    }
    .loginWrap .insurance {  
        position: relative;
        padding: 80px 42px 0;
    }
    .compareSearch .writeWrap .inputWrap .inputArea.dateWrap .datepicker {
        width: 67px;
    }
    .optionList .tableWrap thead th {
        padding: 6px 0 6px 15px;
    }
    .optionList .tableWrap tbody td {
       padding: 11px 0 11px 5px;
    }
    .linkFlexList .list a .name {
        padding: 0 0 10px 10px;
    }
    .linkFlexList .bullList .tit {
        min-width: 45px;
        font-size: 11px;
    }  
    .linkFlexList .bullList {
        padding-left: 15px;
    }
    .linkFlexList .bullList .txt {
        font-size: 11px;
    }
    .linkFlexList .bullList .tit::before {
        left: 10px;
    }
    .tableStyle.writeWrap .linkArea::after {
        right: 2px;
    }
    .chargeWrap .statisList .list > .view .list .group {
        padding: 15px 30px 15px 15px;
    }    
    .chargeWrap .statisList .list > .view .list .detailList .group {
        padding: 15px 30px 15px 15px;
    }
    .chargeWrap .statisList .innerList .list .btnMore {
        right: 5px;
    }    
}


#scrollTopBtnMob {
    display: none;
    position: fixed;
    bottom: 55px;
    right: 8px;
    z-index: 1;
    /* border: 1px;
    border-style: solid;
    border-color: rgba(77,77,77,0.1); */
    outline: none;
    /* background-color: #47b9e4; */
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    padding: 6px 6px;
    border-radius: 1px;
    opacity: 0.5;
}

.alert_placeholder::-webkit-input-placeholder {
    color: #da7b82!important;
}

.warningText {
	color: red;
	padding-left : 10px;
	padding-bottom : 20px;
}