@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 

@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
	} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
	} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}

.pointCont *{font-size:16px;line-height:1.7;font-family: 'Noto Sans KR';font-weight:300;/*box-sizing:border-box;*/color:#000}
.pointCont em{letter-spacing:0}
.pointCont{position:relative}
.pointCont table.tbWriteRow th, .pointCont table.tbWriteRow th label {font-family: 'Noto Sans KR'; font-size:16px; font-weight:400;}
.pointCont table.tbWriteRow td {font-family: 'Noto Sans KR'; font-size:16px; font-weight:300;}
.pointCont input, .pointCont select {font-size:12px; font-family:돋움, dotum, verdana, sans-serif;}

.hide{overflow:hidden;position:absolute;font:0/0 'Noto Sans KR';}

/* bullet list */
.listDep01{margin-top:30px}
.listDep01 > li{position:relative;font-size:14px;padding-left:16px;color:#666}
.listDep01 > li:before{content:'';display:inline-block;position:absolute;left:0;top:10px;width:3px;height:3px;background:#949494}
.listDep01 > li + li{margin-top:8px}
.listDep01 > li.fBlue, .listDep01 > li.fBlue > *{color:#3d90d1}
.listDep01 > li .txtGuide{font-size:14px}
.listDep02 > li{position:relative;font-size:14px;padding-left:8px;color:#666}
.listDep02 > li:before{content:'';display:inline-block;position:absolute;left:0;top:12px;width:4px;height:1px;background:#666}

.txtGuide > li, p.txtGuide{position:relative;color:#666;padding-left:18px}
.txtGuide > li:before, p.txtGuide:before{content:'※';display:inline-block;position:absolute;left:0;top:0}

/* step */
.stepWrap{margin:20px 0 40px;text-align:center}
.stepWrap *{vertical-align:top}
.stepWrap ol{counter-reset:section}
.stepWrap ol li{text-indent:-9999px;position:relative;display:inline-block;width:32px;height:32px;padding-left:100px;box-sizing:content-box}
.stepWrap ol li *{vertical-align:top}
.stepWrap ol li em{text-indent:-9999px;overflow:hidden;white-space:nowrap;word-wrap:normal;color:#ef3f4a;font-size:18px}
.stepWrap ol li:after{content:counter(section);counter-increment:section;display:inline-block;position:absolute;top:0;right:20px;width:32px;height:32px;color:#fff;font-size:16px;border:2px solid #666;border-radius:32px;text-align:center;text-indent:0;line-height:26px;box-sizing:border-box;background:#666;font-weight:500}/* 2024 웹접근성 */
.stepWrap ol li:before{content:'';display:block;position:absolute;top:14px;left:0;width:60px;height:2px;background:#d8d8d8}
.stepWrap ol li.on :before{background-color:#7451c0}
.stepWrap ol li.on + li:before{width:60px}
.stepWrap ol li.prev{padding-left:100px}
.stepWrap ol li.prev:after{left:0}
.stepWrap ol li.prev + li:before{left:-80px}
.stepWrap ol li.prev:after{border:2px solid #ef3f4a;background:#fff;color:#ef3f4a}
.stepWrap ol li:first-child:before{display:none}
.stepWrap ol li.on{text-indent:0;width:auto;padding:0 20px 0 42px}
.stepWrap ol li.on em{display:inline-block;text-indent:0;line-height:30px;font-weight:500}
.stepWrap ol li.on:after{left:0;color:#fff;border-color:#ef3f4a;background:#ef3f4a}

/* tab */
.tabType01{position:relative;display:table;width:100%;margin:80px 0 40px;table-layout:fixed}
.tabType01 > li{display:table-cell;vertical-align:top}
.tabType01 > li > a{position:relative;display:table-cell;width:1000px;height:48px;color:#666;font-size:16px;text-align:center;border:1px solid #d8d8d8;border-left:none;vertical-align:middle;box-sizing:border-box}
.tabType01 > li:first-child > a{border-left:1px solid #d8d8d8}
.tabType01 > li a:hover{text-decoration:none}
.tabType01 > li.on > a{color:#e60000;border-bottom:none;font-weight:500}
.tabType01 > li.on > a:after{content:'';display:block;position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:#e60000}
.tabCont{display:none}

/* title */
.titDep1{font-size:30px;color:#000;line-height:32px;font-weight:500;font-family:'Noto Sans KR';}
.titDep2{margin:50px 0 20px 0;font-size:24px !important;color:#666;color:#242424;font-weight:500}

.titArea{position:relative}
.titArea .side{position:absolute;bottom:0;right:0}
/* 2020 웹접근성 2020-08-19 */
.titArea .side01 {position:absolute;bottom:0;right:0; padding-right:65px;}
.titArea .side01 .btn_select {display:block; position:absolute; right:0; top:0; height:42px; padding:0 15px; color:#fff; font-weight:400; text-align:center; line-height:42px; background-color:#484848;}

/* form */
.intTxt{border:1px solid #aaa;padding:8px 18px;font-size:14px;color:#000;outline:none;box-sizing:border-box;}

/* 2024 웹접근성 */
input::-webkit-input-placeholder{text-align:left !important;color:#666}
input::-moz-placeholder{text-align:left !important;color:#666}
input:-ms-input-placeholder{text-align:left !important;color:#666}
input:-moz-placeholder{text-align:left !important;color:#666}
input::placeholder{text-align:left !important;color:#666}
/* 2024 웹접근성 */

.frmCheck{position:relative;display:inline-block}
.frmCheck input{position:absolute;top:0;left:0;width:18px;height:18px}
.frmCheck label{display:block;min-height:26px;padding-left:40px;color:#000;font-size:20px;font-weight:400;line-height:26px;cursor:pointer;box-sizing:border-box;}
.frmCheck label:before{content:'';display:block;position:absolute;top:0;left:0;width:26px;height:26px;background: url(/images/individual/top/ico_spr_check.png) no-repeat 0 0}
.frmCheck input[type=checkbox]:checked + label:before{background-position:-26px 0}
.frmCheck.type02 label{font-size:16px}
.frmCheck.type02 label:before{background-color:#fafafa;background-position:0 -26px}
.frmCheck.type02 input[type=checkbox]:checked + label:before{background-position:-26px -26px}

/* button */
.btnInner{text-align:center;margin-top:50px}
.btnInner a+a{margin-left:10px}
.btnInner + .listDep01{margin-top:70px}
.btnBC{display:inline-block;color:#fff;text-align:center}
.btnL{min-width:200px;background:#fff;color:#000;padding:10px;font-size:18px;border:1px solid #484848;box-sizing:border-box;}
.btnM{min-width:140px;background:#fff;color:#000;padding:7px 20px 8px;font-size:14px;border:1px solid #484848;box-sizing:border-box;}

.active{background:#484848;color:#fff !important}
.btnArrow{position:relative;min-width:144px;background:#fff;padding:7px 45px 8px 20px;text-align:left;font-size:14px;border:1px solid #484848;box-sizing:border-box;}
.btnArrow:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-5px;width:6px;height:10px;background:url(/images/individual/top/ico_arrow_black.png) no-repeat 0 0}
.btnArrow02{position:relative;min-width:144px;background:#484848;color:#fff !important;padding:7px 45px 8px 20px;text-align:left;font-size:14px;border:1px solid #484848;box-sizing:border-box;}
.btnArrow02:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-5px;width:6px;height:10px;background:url(/images/individual/top/ico_arrow_white.png) no-repeat 0 0}

/* slect 2020 웹접근성 2020-08-18 */
.selectmenu-wrap01 {}
.selectmenu-wrap01 select {display:block; width:100%; height:41px; padding:8px 15px 8px 15px; border:1px solid #aaa; color:#888; font-size:14px; font-family:'Noto Sans KR'; line-height:normal;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* 2023 웹접근성 */
.selectmenu-wrap01 select option {color:#bbb; font-size:13px; font-family:'Noto Sans KR';}
/* end slect 2020 웹접근성 2020-08-18 */

/* detail list */
.pointUseList{border-top:1px solid #000;border-bottom:1px solid #e6e6e6}
.pointUseList > li{position:relative;border-top:1px solid #e0e0e0;height:90px;box-sizing:border-box}
.pointUseList > li:first-child{border-top:0!important}
.pointUseList > li .date{position:absolute;left:20px;top:33px;font-size:16px;color:#222}
.pointUseList > li .cont{padding:20px 200px 20px 185px}
.pointUseList > li .cont .tit{font-size:16px;color:#000;font-weight:400}
.pointUseList > li .cont .info span{font-size:14px;color:#666}
.pointUseList > li .cont .info span:after{content:'';display:inline-block;width:1px;height:13px;background:#c3c3c3;margin:0 8px}
.pointUseList > li .cont .info span:last-child:after{display:none}
.pointUseList > li .cont .info .btnCancel{font-size:14px;color:#666}
.pointUseList > li .cont .info .btnCancel:after{content:'';display:inline-block;position:relative;top:1px;margin-left:5px;width:7px;height:13px;background:url(/images/individual/top/ico_cancel.gif) no-repeat 0 0}
.pointUseList > li .wonPoint{position:absolute;right:25px;top:33px}
.pointUseList > li .wonPoint em{display:inline-block;width:200px;text-align:right;font-size:18px;color:#000;font-weight:500;vertical-align:top}
/*
.pointUseList > li .icoMore{position:absolute;right:20px;top:30px;overflow:hidden;text-indent:-9999px;width:28px;height:28px;background:url(/images/individual/top/ico_more.png) no-repeat}
.pointUseList > li.toggleON{background:#fbfbfb}
.pointUseList > li.toggleON .icoMore{background-position:0 -28px}
.pointUseList > li .toggleCont{display:none;border-top:1px dashed #e8e8e8;margin:20px 0 0 145px;padding:20px 0}
*/
.pointUseList > li.noData{font-size:16px;color:#666;text-align:center;background:url(/images/individual/top/ico_nodata.gif) no-repeat 50% 70px;padding:155px 0 90px;min-height:auto}
.pointUseList.type02 > li .cont{padding:33px 395px 32px 185px}
.pointUseList.type02 .afterCharge{margin-top:-10px}
.pointUseList.type02 .afterCharge .afterTxt{display:block;font-size:14px;color:#3d90d1;margin-top:-5px}

/*
.pointUseList.type02 > li .wonPoint em:after{content:'';display:block;position:absolute;right:155px;top:5px;width:81px;height:19px;background:url(/images/individual/top/bg_charge_after.png) no-repeat 0 0}
.pointUseList.type02 > li .wonPoint em:last-child:after{display:none}
.pointUseList.type02 > li .wonPoint em{width:250px}
*/

/* design select */
.ui-selectmenu-button.ui-button{display:block;position:relative;text-align:left;white-space:nowrap;cursor:pointer;vertical-align:middle;border:1px solid #aaa;padding:8px 30px 8px 15px;}
.ui-selectmenu-text{font-size:14px;color:#bbb}
.ui-selectmenu-button.ui-button:after{content:'';display:block;position:absolute;right:20px;top:50%;margin-top:-3px;width:10px;height:6px;background:url(/images/individual/top/ico_select.gif) no-repeat}
.ui-selectmenu-button.ui-button[aria-expanded="false"]:after{background-position:0 0}
.ui-selectmenu-button.ui-button[aria-expanded="true"]{border:1px solid #3b496c;border-bottom:1px solid #aaa}
.ui-selectmenu-button.ui-button[aria-expanded="true"]:after{background-position:0 -6px}
.ui-selectmenu-menu{display:none;position:absolute;top:0;left:0;padding:0;margin:0;z-index:100}
.ui-selectmenu-open{display:block}
.ui-selectmenu-menu .ui-menu{display:block;overflow-y:hidden;overflow:auto;overflow-x:hidden;padding-bottom:1px;border:1px solid #3b496c;border-top:0;margin:0;box-sizing:content-box}
.ui-selectmenu-menu .ui-menu-item{cursor:pointer;margin:0;padding:5px 15px;background:#fff}
.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper{display:inline-block;position:relative;font-size:14px}
.ui-selectmenu-menu .ui-menu-item .ui-state-active{color:#3b4a6e}
.ui-selectmenu-menu .ui-menu-item .ui-state-active:after{content:'';display:inline-block;position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:#3b4a6e}

.scrollbar-wrap{position:absolute;height:100%;width:10px;right:5px;top:0;z-index:100;padding-top:6px;padding-bottom:6px}
.scrollbar{position:relative;width:10px;height:50%;background-color:#aaa}

/* paging */
.paginateNew{margin-top:50px;text-align:center}
.paginateNew a{display:inline-block;font-size:15px;color:#000 !important;margin:0 2px;width:33px;height:33px;line-height:33px;vertical-align:middle}
.paginateNew a.active{border:1px solid #000;background:#fff}
.paginateNew .direction{position:relative;overflow:hidden;font:0/0 'Noto Sans KR';border:1px solid #d8d8d8;margin:0;width:33px;height:33px}
.paginateNew .direction:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;width:13px;height:12px;background:url(/images/individual/top/ico_paginate.gif) no-repeat}
.paginateNew .direction.first:before{background-position:0 0}
.paginateNew .direction.prev{margin:0 30px 0 -1px}
.paginateNew .direction.prev:before{background-position:0 -12px}
.paginateNew .direction.next{margin:0 -1px 0 30px}
.paginateNew .direction.next:before{background-position:0 -24px}
.paginateNew .direction.end:before{background-position:0 -36px}

/* table */
.formTbl{width:100%;border-top:1px solid #262626}
.formTbl th, .formTbl td{padding:18px 0 19px;line-height:1.3;text-align:left;border-bottom:1px solid #f2f2f2}
.formTbl th label{font-weight:400;font-size:15px;line-height:1.4}
.formTbl th{padding:13px 0 14px 20px;font-size:15px;vertical-align:middle;font-weight:400;font-size:15px;line-height:1.4}
.formTbl th *, .formTbl td *{vertical-align:middle}
.formTbl th.vTop{vertical-align:top;padding:29px 0 0px 20px}
.formTbl td{padding-right:30px;color:#111}
.formTbl td .dash{display:inline-block;width:10px;height:2px;background:#000;vertical-align:middle;margin:0 10px}
.formTbl td .pwAfter{display:inline-block;height:40px;margin-left:10px;color:#aaa;line-height:40px;letter-spacing:5px;font-size:10px}
.formTbl td .frmWrap{display:inline-block}
.formTbl td .frmWrap+.frmWrap{margin-left:10px}
.formTbl td .frmWrap.pwd{position:relative}
.formTbl td .frmWrap.pwd .pwdKeypad{overflow:hidden;position:absolute;right:8px;top:11px;font:0/0 'Noto Sans KR';}
.formTbl td .frmWrap.pwd .intTxt{padding-right:50px}
.formTbl td .frmWrap.pwd .pwdKeypad:after{content:'';display:block;width:31px;height:19px;background:url(/images/individual/top/ico_password.gif) no-repeat 0 0}
.formTbl td .notiTxt{font-size:14px;color:#5b6e9c;margin-top:10px}
.formTbl td .notiTxt:before{content:'*';display:inline-block;vertical-align:middle;color:#5b6e9c;margin-right:5px}

/* table */
.tblH{width:100%;border-top:1px solid #000;margin-top:50px}
.tblH thead th{font-size:18px;font-weight:500;background:#fbfbfb;padding:14px 30px 15px;text-align:left;border-bottom:1px solid #d8d8d8}
.tblH tbody th{font-weight:400}
.tblH tbody th, .tblH tbody td{padding:20px 30px;border-bottom:1px solid #d8d8d8;text-align:left;vertical-align:top}
.tblH tbody td{color:#666}

/* layer Popup*/
.layerPopup *{font-size:16px;line-height:1.7;font-family: 'Noto Sans KR';font-weight:300;box-sizing:border-box;color:#000}
.layerPopup strong {font-size:14px; font-weight:500;}
.layPopup {position:fixed;left:50%;top:50%;margin-top:-340px;background:#fff;z-index:10007;box-sizing:border-box}
.layPopup.layerM{margin-left:-270px;width:540px;max-height:680px;overflow-y:auto;box-sizing:border-box}
.layPopup.layerM .layerCont{padding:40px 30px 40px;}
/* 기존
.layPopup.layerM{margin-left:-270px;width:540px;padding:37px 0 40px}
.layPopup.layerM .layerCont{max-height:780px;overflow-y:auto;padding:0 30px}
*/
.layPopup.layerS{top:50%;margin:-125px 0 0 -230px;width:460px;padding:70px 50px 40px;box-sizing:border-box}
.layPopup.layerS .layerClose{right:20px;top:20px}
.layPopup .btnInner{margin-top:40px}
.layPopup .layerClose{position:absolute;right:0;top:0;overflow:hidden;font:0/0 'Noto Sans KR';width:50px;height:50px}
.layPopup .layerClose:before{content:'';display:block;position:fixed;margin:-12px 0 0 14px;width:23px;height:23px;background:url(/images/individual/top/btn_layer_close.png) no-repeat 0 0}

/* 기존 
.layPopup .layerClose:before{content:'';display:block;width:23px;height:23px;margin:0 auto;background:url(/images/individual/top/btn_layer_close.gif) no-repeat 0 0}
*/
.dim{display:;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:10006}

.agreeAll{margin:0 0 30px 10px}
.tglList{background:#fafafa;border:1px solid #d8d8d8}
.tglList > li{position:relative;min-height:67px}
.tglList > li .frmCheck{margin:20px 0 20px 10px}
.tglList > li .btnTog{position:absolute;right:10px;top:15px;overflow:hidden;font:0/0 'Noto Sans KR';width:34px;height:34px}
.tglList > li .btnTog:before{content:'';display:block;width:17px;height:17px;margin:0 auto;background:url(/images/individual/top/ico_spr_tgl.png) no-repeat 0 0}
.tglList > li .btnTog[aria-pressed="true"]:before{background-position:0 -14px}
.tglList > li+li{border-top:1px solid #d8d8d8}
.tglList > li .tglCont{display:none;padding:0 45px 35px}
.tglList > li .tglCont > * {font-size:14px;color:#666}
.tglList > li .tglCont .listDep01, .tglList > li .tglCont .listDep01 + p{margin-top:15px}
.tglList > li .tglCont .listDep01.fBlack li{color:#000}

.alertTxt{text-align:center}
.alertTxt p{color:#333;font-weight:500}

/* contents */
.pointInfo{}
.pointInfo .userInfo{position:relative;border:1px solid #000;padding:35px}
.pointInfo .userInfo .pointTxt{position:relative;font-size:18px}
.pointInfo .userInfo .pointTxt strong{font-size:18px;font-weight:500}
.pointInfo .userInfo .pointTxt .baseDate{position:absolute;right:0;top:0;font-size:14px;color:#888}
.pointInfo .userInfo .pointDl{display:table;width:100%;table-layout:fixed;margin-top:10px}
.pointInfo .userInfo .pointDl dt{display:table-cell;font-size:34px}
.pointInfo .userInfo .pointDl dd{display:table-cell;text-align:right}
.pointInfo .userInfo .userPoint{display:block;font-size:32px;font-weight:400}
.pointInfo .userInfo .userPoint em{font-size:40px;font-weight:bold;margin-right:10px}
.pointInfo .userInfo .extinctionPoint{display:inline-block;font-size:15px;position:relative}
.pointInfo .userInfo .extinctionPoint:after{/*content:'';display:inline-block;margin-left:10px;width:6px;height:10px;background:url(/images/individual/top/ico_arrow_black.png) no-repeat 0 0*/}

.pointInfo .userInfo .btnField{text-align:right;margin-top:30px}
.pointInfo .userInfo .btnField .btnArrow+.btnArrow{margin-top:10px}
.pointInfo.type02 .allianceLogo{display:block}
.pointInfo.type02 .userInfo .pointDl{margin:0}

.allianceList{margin-top:15px}
.allianceList li{display:table;position:relative;width:100%;padding:15px 0;border-bottom:1px solid #e8e8e8}
.allianceList li > * {display:table-cell;vertical-align:middle}
.allianceList li .allianceTit{width:400px;padding-left:10px;font-weight:400}
.allianceList li .baseDate{width:135px;font-size:14px;color:#888;text-align:right}
.allianceList li .alliancePoint{font-size:18px;font-weight:500;text-align:right;padding-right:70px}
.allianceList li .btnUseSearch{position:absolute;right:10px;top:50%;margin-top:-14px;overflow:hidden;font:0/0 'Noto Sans KR';}
.allianceList li .btnUseSearch:after{content:'';display:block;width:28px;height:28px;background:url(/images/individual/top/btn_use_search.png) no-repeat 0 0}

.allianceArea .btnInner{margin-top:30px}

.mileageArea .allianceList{border-top:1px solid #000;margin:0}

.allView .allianceList{border-top:1px solid #000;margin-top:30px}
.allView .allianceList li .allianceTit{padding-left:30px;font-weight:400}
.allView .allianceList li:last-child{border-bottom:1px solid #d8d8d8}
.allView .topPointBtn{position:absolute;right:0;top:-44px;margin:0}

.introTxt{position:relative;padding-left:145px;min-height:100px;margin-bottom:70px}
.introTxt:before{content:'';display:inline-block;position:absolute;left:20px;top:0;width:86px;height:86px}
.introTxt dt{font-size:20px;font-weight:500;margin-bottom:5px}
.introTxt.introUse:before{background:url(/images/individual/top/bg_intro_use.gif) no-repeat 0 0}
.introTxt.introCharge{margin-bottom:50px}
.introTxt.introCharge:before{background:url(/images/individual/top/bg_intro_charge.gif) no-repeat 0 0}
.introTxt.introCharge dd{position:relative}
.introTxt.introCharge .btnField{margin-top:15px}

.boxList{margin:-20px 0 0 -10px}
.boxList li{float:left;width:270px;margin:20px 0 0 10px}
.boxList li a{display:block;text-align:center;padding:40px 0 50px;border:1px solid #ddd}
.boxList li:after, .boxList li a:after{content:'';display:block;width:50px;height:50px;margin:25px auto 0}
.boxList li a:hover{border:1px solid #000}
.boxList li a:hover span{text-decoration:underline}
.boxList:after{content:'';display:block;clear:both}
.boxList li a strong{display:block;font-size:26px;font-weight:400;margin-bottom:3px}
.boxList li:after{display:none}
.boxList li a span{font-size:15px;line-height:1.5}
/*.boxList li a span:after{content:'';display:inline-block;vertical-align:-4px;width:20px;height:20px;margin-left:10px;background:url(/images/individual/top/ico_box_arrow.png) no-repeat 0 0}*/
.boxList li a:after{background:url(/images/individual/top/ico_spr_boxuse.gif) no-repeat}
.boxList li.box01 a:after{background-position:0 0}
.boxList li.box02 a:after{background-position:0 -50px}
.boxList li.box03 a:after{background-position:0 -100px}
.boxList li.box04 a:after{background-position:0 -150px}
.boxList li.box05 a:after{background-position:0 -200px}
.boxList li.box06 a:after{background-position:0 -250px}
.boxList li.box07 a:after{background-position:0 -300px}
.boxList li:after{background-position:0 0}
.boxList li:after{background-position:0 -100px}
.boxList li:after{background-position:0 -200px}

.boxList02{display:table;width:100%;table-layout:fixed;background:#fafafa}
.boxList02 li{display:table-cell;position:relative;text-align:center;padding:45px 0 50px}
.boxList02 li em{font-size:15px}
.boxList02 li strong{display:block;font-size:20px;font-weight:500}
.boxList02 li strong em{font-size:28px;font-weight:bold;line-height:1.5}
.boxList02 li:after{content:'';display:block;width:50px;height:50px;margin:25px auto 0;background:url(/images/individual/top/ico_spr_boxcharge.png) no-repeat}
.boxList02 li.box01:after{background-position:0 0}
.boxList02 li.box02:after{background-position:0 -50px}
.boxList02 li.box03:after{background-position:0 -100px}
.boxList02 li:before{content:'';display:block;position:absolute;left:0;top:50px;width:1px;height:140px;background:#e6e6e6}
.boxList02 li:first-child:before{display:none}

.boxList03{margin-left:-10px}
.boxList03:after{content:'';display:block;clear:both}
.boxList03 li{position:relative;float:left;width:410px;text-align:center;margin-left:10px;}
.boxList03 li a{display:block;padding:40px 0;border:1px solid #dcdcdc}
.boxList03 li a:hover{border-color:#000}
.boxList03 li a strong{display:block;font-size:20px;font-weight:400;line-height:1.3;margin-bottom:30px}
.boxList03 li a span{display:block}
.boxList03 li a span:after{content:'';display:inline-block;vertical-align:-4px;margin-left:5px;width:20px;height:20px;background:url(/images/individual/top/ico_box_arrow.png) no-repeat 0 0}
.boxList03 li a .ico{margin-bottom:20px !important; min-height:59px;}
.boxList03 li a .ico:after{display:none}
.boxList03.type02 li a{height:255px}
.boxList03.type02 li a span{margin-bottom:5px}
.boxList03.type02 li a .txtGuide{display:inline-block;font-size:14px;color:#666}

.chargePoint{position:relative;border:1px solid #d8d8d8;background:#fbfbfb;padding:50px 35px 65px}
.chargePoint .chargeTit{font-size:24px;font-weight:500}
.chargePoint .chargeTxt{color:#666;margin-top:5px}
.chargePoint .intArea{position:absolute;right:40px;top:50px}
.chargePoint .intArea .int{display:inline-block;position:relative;margin-bottom:12px}
.chargePoint .intArea .intTxt{padding:8px 30px 8px 18px;text-align:right; height:38px;}
.chargePoint .intArea .int:after{content:'P';display:block;position:absolute;right:9px;top:6px;font-weight:500;font-size:16px}
.chargePoint .intArea .chargeBtn{position:relative;height:28px;line-height:28px;background:#555;color:#fff;font-size:14px;padding:0 10px;border-radius:2px}/* 2024 웹접근성 */
.chargePoint .intArea .chargeBtn:before{content:'+';color:#fff;margin-right:3px}
.chargePoint .intArea .chargeBtn+.chargeBtn{margin-left:4px}

.notiArea{margin-top:60px}
.notiArea dt{font-size:18px;font-weight:500;margin-bottom:10px}
.notiArea dd .listDep01{margin:0}

.grayBox{background:#f7f7f7;padding:30px;margin-top:50px}
.grayBox .listDep01{margin:0}

.fnArea{text-align:center;background:#fbfbfb;padding:40px 0 60px}
.fnArea .txt{font-size:30px;font-weight:400}
.fnArea .txt span{font-size:30px;color:#e60000;font-weight:400}
.fnArea .txt strong{font-size:38px}
.fnArea .txt strong em{display:inline-block;vertical-align:middle;font-size:36px;font-weight:500;color:#f74a4a}
.fnArea .txt strong span{display:inline-block;vertical-align:middle;margin-left:5px;font-size:20px;font-weight:500;color:#f74a4a;width:22px;height:22px;line-height:20px;border:3px solid #f74a4a;border-radius:30px}
.fnArea .afterPoint{display:table;width:100%;width:540px;margin:20px auto 0;background:#fff;padding:15px 30px;border:1px solid #e9e9e9}
.fnArea .afterPoint span{display:table-cell;width:65%;text-align:left;color:#666;font-weight:400}
.fnArea .afterPoint em{display:table-cell;width:35%;text-align:right;color:#e60000;font-weight:400;font-size:18px}
.fnArea .logoImg{display:block;margin-bottom:20px}
.fnArea .logoImg span{display:inline-block;position:relative;border:1px solid #e9e9e9;padding:7px 23px;background:#fff;border-radius:18px}
.fnArea .logoImg span+span{margin-left:45px}
.fnArea .logoImg span+span:before{content:'';display:block;position:absolute;left:-38px;top:8px;width:26px;height:21px;background:url(/images/individual/top/ico_change.png) no-repeat 0 0}

.topPointBtn{text-align:right;margin:20px 0 -30px}
.topPointBtn .btnArrow{font-size:14px;border:0;padding:0 15px 0 0}
.topPointBtn .btnArrow:after{right:0;background:url(/images/individual/top/ico_arrow_black.png) no-repeat 0 0}

.possesionTxt{font-size:18px}
.possesionTxt strong{font-size:18px;font-weight:500}

.transformList{margin-top:40px}
.transformList:after{content:'';display:block;clear:both}
.transformList li{float:left;width:33.33%;border-bottom:1px solid #e5e5e5}
.transformList li a{display:block;padding:30px 0 30px 10px}
.transformList li a .ico{display:block;margin-bottom:5px}
.transformList li a .ico:after{display:none}
.transformList li a span{font-weight:400;color:#666}
.transformList li a span:after{content:'';display:inline-block;width:6px;height:10px;margin-left:10px;background:url(/images/individual/top/ico_arrow_black.png) no-repeat 0 0}

.transformInt{margin-top:15px}
.transformInt > li{display:table;width:100%;table-layout:fixed}
.transformInt > li .tit{display:table-cell;padding:20px 0;font-weight:400;color:#666}
.transformInt > li .tit span{font-size:14px;color:#999}
.transformInt > li .tit.total{font-weight:500}
.transformInt > li .rightArea{display:table-cell;position:relative;padding:20px 0;text-align:right}
.transformInt > li .rightArea .point01{font-weight:400}
.transformInt > li .rightArea .point01 em{font-weight:400;margin-right:5px}
.transformInt > li .rightArea .point02{font-weight:500;font-size:24px;color:#f1525c}
.transformInt > li .rightArea .point02 em{font-weight:500;margin-right:5px;font-size:24px;color:#f1525c}
.transformInt > li .rightArea .point03{display:block;font-size:14px;color:#f1525c}
.transformInt > li .rightArea .point03 em{margin-right:3px;font-size:14px;color:#f1525c}
.transformInt > li+li{border-top:1px dashed #e5e5e5}
.transformInt > li .int{display:inline-block;position:absolute;right:0;top:13px;}
.transformInt > li .intTxt{padding:8px 30px 8px 18px;text-align:right; height:41px;}
.transformInt > li .int:after{content:'P';display:block;position:absolute;right:9px;top:6px;font-weight:500;font-size:16px}
.transformInt > li .selectmenu-wrap{position:absolute;right:0;top:13px;text-align:left}
.transformInt > li .selectmenu-wrap01 {position:absolute;right:0;top:13px;text-align:left} /* slect 2020 웹접근성 2020-08-18 */

.introBox{position:relative;background:#fafafa;padding:42px 0 42px 220px}
.introBox:before{content:'';display:block;position:absolute;left:45px;top:45px;width:120px;height:120px;}
.introBox p{font-size:20px;margin-bottom:15px}
.introBox p strong{font-size:20px;font-weight:500}
.introBox .btnInner{margin:0;text-align:left}
.introBox.pricePay:before{background:url(/images/individual/top/ico_price_pay_box.png) no-repeat 0 0}
.introBox.pointDonate:before{background:url(/images/individual/top/ico_point_donate.png) no-repeat 0 0}