@charset "utf-8";

/* 태그기본 */
input[type="radio"], input[type="checkbox"] {margin: 0;padding: 0;}
table{border-collapse: collapse;width:100%}


/* display관련 */
.d-none {display: none!important;}
.d-flex {display: flex!important;}
.d-inline {display: inline!important;}
.d-inline-block {display: inline-block!important;}
/* 정렬 */
.text-left {text-align: left!important;}
.text-right {text-align: right!important;}
.text-center {text-align: center!important;}
.f-left {float: left!important;}
.f-right {float: right!important;}
.va-middle {vertical-align: middle!important;}
/* 폭  */
.w-5p {width: 5%!important;}
.w-10p {width: 10%!important;}
.w-20p {width: 20%!important;}
.w-30p {width: 30%!important;}
.w-40p {width: 40%!important;}
.w-50p {width: 50%!important;}
.w-60p {width: 60%!important;}
.w-70p {width: 70%!important;}
.w-80p {width: 80%!important;}
.w-90p {width: 90%!important;}
.w-100p {width: 100%!important;}
.w-20 {width: 20px!important;}
.w-30 {width: 30px!important;}
.w-50 {width: 50px!important;}
.h-55 {height: 55px!important;}
.w-60 {width: 60px!important;}
.w-70 {width: 70px!important;}
.w-80 {width: 80px!important;}
.w-90 {width: 90px!important;}
.w-100 {width: 100px!important;}
.w-120 {width: 120px!important;}
.w-130 {width: 130px!important;}
.w-150 {width: 150px!important;}
.w-160 {width: 160px!important;}
.w-180 {width: 180px!important;}
.w-200 {width: 200px!important;}
.w-210 {width: 210px!important;}
.w-250 {width: 250px!important;}
.w-300 {width: 300px!important;}
.w-350 {width: 350px!important;}
.w-400 {width: 400px!important;}
.w-450 {width: 450px!important;}
.w-500 {width: 500px!important;}
.w-780 {width: 780px;}
.h-100p {height: 100%!important;}


/* 마진&패딩 */
.m-10 {margin: 10px!important;}
.mt-0{margin-top: 0;}
.mt-10 {margin-top: 10px!important;}
.mt-20 {margin-top: 20px!important;}
.mb-0{margin-bottom: 0!important;}
.ml-50 {margin-left: 50px!important;}
.mr-0 {margin-right: 0!important;}
.p-0 {padding: 0!important;}
.p-10 {padding: 10px!important;}
.pl-0 {padding-left: 0!important;}
.pl-15 {padding-left: 15px!important;}
.pr-100{padding-right: 100px!important;}
.pr-40{padding-right: 40px!important;}
.pr-20{padding-right: 20px!important;}
/* text-color  */
.gray-text {color: gray!important;}
.red-text{color:#fa5165 !important;}
.blue-text{ color: #2e89e5;}
.black-text{ color: #000 !important;}

/* 탭 */
.mytab {display:flex;margin-bottom:24px;border-bottom:1px solid #2e89e5}
.mytab .tab_item {display:inline-block;box-sizing:border-box;width:179px;height:48px;border-radius:6px 6px 0 0;border:1px solid #d3dae6;border-bottom:0;background-color:#fff;font-size:16px;text-align:center;line-height:47px;letter-spacing:0;color:#777e8c}
.mytab .tab_item:hover {text-decoration:none}
.mytab .on {border:1px solid #3396fe;background-color:#3396fe;color:#fff}
.mytab .on span {color:#fff}
.mytab.person {display:flex;margin-bottom:24px;border-bottom:1px solid #ffff00}
.mytab.person .on {border:1px solid #ffff00;background-color:#ffff00;color:#fff}

.main_listForm_title { padding: 0; font-size: 21px; margin-top: 38px; }
.body-title {margin: 0;padding: 30px 0 20px;font-weight: bold;font-size: 30px;letter-spacing: -2px;}
.sub-title{margin: 0;padding: 30px 0 20px;font-weight: bold;font-size: 25px;letter-spacing: -2px;}
.guideBox {position: relative;margin-bottom: 38px;padding: 25px;border: 1px solid #ddd;background: #fff;}
.guideBox ul li {padding-left:10px;font-size:14px;line-height:1.64;background:url('../img/circle_bullet.png') no-repeat 1px 10px}
.guideBox ul li.headline {padding-left:0;font-weight:bold;font-size:20px;background:none}
.guideBox ul li.divide {margin-top:11px}
.guideBox ul li span {color:#f4005c}
.guideBox .detailViewBtn {margin-left:4px;text-decoration:underline;color:#2346e4}
.guideBox__sub-title {display:block;margin-bottom:3px;font-size:15px}
.guideBox ul + .guideBox__sub-title {margin-top:10px}
.listForm {position:relative;width:1070px}
.listForm_title {padding:0;font-size:21px}
.listForm_title em {letter-spacing:0;color:#2346e4}
.listForm_title span {font-size:15px}
.listForm_sort {position:absolute;top:0;right:0}
.listForm_sort>select {height:32px;padding:0 10px;border:1px solid #ddd}
.listForm_setup {position:absolute;top:0;right:0}
.listForm_action {margin-top:10px}

/* payIcon */
.pay>.payIcon { position: relative; *top: -1px; display: inline-block; font-size: 1em !important; line-height: 1.5 }
.pay>.payIcon.hour { color: #4c93ac }
.pay>.payIcon.day { color: #59ab4b }
.pay>.payIcon.week { color: #5a74f1 }
.pay>.payIcon.month { color: #cb7c1b }
.pay>.payIcon.year { color: #8c6ae7 }
.pay>.payIcon.count { color: #e47852 }
.pay>.payIcon.talk, .pay>.payIcon.rule { color: #222 }