@charset "utf-8";
.ui01 {width:100%;clear:both;border-top:2px solid #ddd;}
.ui01:after {display:block; clear:both; content:'';padding:0px 0px;}
.ui01 li {clear:both;width:100%;text-align:center;padding:15px 10px;border-bottom:1px solid #ddd;}
.ui01 a:hover {background-color:#f2f2f2}

.ui02 {width:100%;clear:both;border-top:2px solid #6a92fd;}
.ui02:after {display:block; clear:both; content:'';padding:0px 0px;}
.ui02 li {clear:both;width:100%;height:100%;padding:15px 5px;border-bottom:1px solid #ddd;overflow:hidden;}
.ui02 li img {width:100%;clear:both;margin:10px 0px;}
.ui02 li .tit {float:left;width:23%;font-weight:500;}
.ui02 li .txt {float:right;width:77%;}
.ui02 li .tit2 {float:left;width:22%;margin-right:5%;margin-top: 0px;border-right:1px solid #ddd;font-weight:500;text-align:center;line-height: 34px;}
.ui02 li .txt2 {float:right;width:73%;/* display: flex; *//* justify-content: space-between; *//* align-items: center; */}

.list_notice {clear:both;float:left;padding:2px 10px 3px;background-color: #e83535;color:#fff;margin:0px 0px 10px 0px;display:inline-block;font-size:0.8571rem;font-weight:500;border-radius:7px;}
.list_tit01 {clear:both;width:100%;font-weight: 500;margin-bottom:10px;text-align:left;font-size: 1.4rem;}
.list_tit02 {clear:both;width:100%;font-weight: 500;text-align:left;font-size: 1.2rem;color:#717171;}
.list_new {display:inline-block;font-size:0.9286rem;width:18px;height:18px;background-color:#fdb137;color:#fff;border-radius:9px;margin-left:10px;text-align:center;line-height:1.0;padding-top:2px;}
.list_bar {display:inline-block;width:1px;height:10px;margin:0px 10px;border-right:1px solid #ddd;overflow:hidden;line-height:1.0;}
.list_icon1 {width:20px;margin-right:7px;position:relative;top:5px;display:inline-block;border:1px solid #a5a5a5;padding:3px;border-radius:4px;opacity:0.8;}
.list_icon2 {width:20px;margin-left:7px;position:relative;top:5px;display:inline-block;overflow:hidden;border:1px solid #96b2d9;padding:3px;border-radius:4px;opacity:0.8;}
.list_search {width:100%;clear:both;margin-top:20px;text-align:center;}
.list_search2 {width:30px;height:30px;border:1px solid #ddd;text-align:center;display:inline-block;border-radius:5px;padding-top:4px;position:relative;top:4px;}
.list_search3 {width:100%;clear:both;text-align:center;margin-bottom:10px;}

.paging {clear:both;width:100%;margin:20px 0px;text-align:center;}
.paging li {display:inline-block;border: 1px solid #6a92fd;color: #6a92fd;padding: 5px 8px 5px;margin:0px 3px;border-radius:5px;line-height:1.0;}
.paging li img {width:7px;vertical-align:middle;}
.paging .on {background-color: #6a92fd;border: 1px solid #6a92fd;color:#fff;}

.btn_list {float:left;width:70px;height:30px;background-color:#6bb2d3;text-align:center;border-radius:7px;margin:20px 0px;padding-top:6px;display:inline-block;font-size:1.2rem;}
.btn_write {float:right;width:70px;height:30px;background-color:#6a92fd;color:#fff;font-size:1.2rem;font-weight:500;padding-top:6px;text-align:center;border-radius:7px;margin:20px 0px 20px 10px;display:inline-block;}
.btn_del {float:right;width:50px;height:30px;background-color:#c1bdb4;color:#fff;font-weight:400;padding-top:3px;text-align:center;border-radius:7px;margin:20px 0px 20px 10px;display:inline-block;}

.bbs_form1 {width:30%;height:30px;margin-right:10px;border:1px solid #ddd;padding:3px 5px;border-radius:5px;display:inline-block;}
.bbs_form2 {width:50%;height:30px;border:1px solid #ddd;padding:3px 5px;border-radius:5px;margin-right:10px;display:inline-block;}
.bbs_form03 {width:100%;height:35px;padding:3px 5px;border:1px solid #ddd;}
.bbs_form04 {width:100%;height:150px;padding:3px 5px;border:1px solid #ddd;}
.bbs_form05 {height:30px;padding:3px 7px;background-color:#9dafba;text-align:center;border-radius:7px;border:0px;font-size:12px;letter-spacing:-1px;color:#fff;margin-right:10px;}
.bbs_form06 {width:15px;height:15px;text-align:center;border-radius:7px;border:1px solid #ddd;}



/*카드사 CSS*/

.event_t li {
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 6px 0;
	color: #333;
	text-align: left;
	font-weight: 500;
}

.event_t li:last-child {
	padding: 0;
}

.info_set {
	margin-top: 24px;
}

.card_event {
	border: 1px solid #ddd;
	border-top: none;
}

.card_event li {
	width: 100%;
	border-bottom: 1px solid #eee;
	display: table;
}

.card_event li:last-child {
	border-bottom: none;
}

.card_event .title {
	font-size: 12px;
	line-height: 32px;
	padding: 10px 8px;
	background-color: #f5f6f7;
	color: #222;
	text-align: center;
	font-weight: 500;
	width: 100px;
	display: table-cell;
	vertical-align: middle;
}

.card_event .title img {
	width: 20px;
	height: auto;
	margin: 6px;
	float: left;
}

.card_event .title div {
	line-height: 32px;
	float: left;
}

.card_event .con {
	font-size: 12px;
	line-height: 16px;
	padding: 10px 12px;
	background-color: #fff;
	color: #333;
	text-align: left;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
}

.card_event .con .t_remark {
	font-size: 11px;
	line-height: 15px;
	color: #2985db;
	padding-top: 2px;
}

.remark {
	margin-top: 6px;
}

.remark li {
	font-size: 11px;
	line-height: 15px;
	color: #999;
	padding: 2px 0 0 8px;
	background: url(/home/common/img/board/dot.png) left 9px no-repeat;
	background-size: 2px 2px;
}

.caution {
	margin-top: 24px;
}

.caution h4 {
	font-size: 14px;
	font-weight: 500;
	color: #3890e3;
	padding-left: 20px;
	background: url(/home/common/img/board/caution.png) left 4px no-repeat;
	background-size: 14px 14px;
	margin-bottom: 6px;
}

.caution ul {
	background-color: #f8f7f5;
	padding: 16px;
}

.caution li {
	font-size: 12px;
	line-height: 16px;
	color: #666;
	padding: 2px 0 0 8px;
	background: url(/home/common/img/board/dot.png) left 9px no-repeat;
	background-size: 2px 2px;
}

.card_event li:first-child{
	border-top: 1px solid #eee;
}

.tab_wrap {
	width: 100%;
	margin-top: 30px;
	background-color: #f9f8f6;
}

.tab_wrap:after {
	content: "";
	display: block;
	clear: both;
}

.tab_wrap ul {
	width: 100%;
	float: left;
}

.tab_wrap ul li a {
	box-sizing: border-box !important;
	display: inline-block;
	width: 50%;
	line-height: 28px;
	text-align: center;
	float: left;
	height: 30px;
}

.tab_wrap ul li,.event_t li,.remark li,.caution li{border-bottom: 0px;}

.tab_wrap ul li:nth-child(1) a {
	border-top: 1px solid #ddd;
}

.tab_wrap ul li:nth-child(2) a {
	border-top: 1px solid #ddd;
}

.tab_wrap ul li:nth-child(odd) a {
	border-left: 1px solid #ddd;
}

.tab_wrap ul li a:hover {
	background-color: #e8e7e6;
}

.tab_wrap ul li a.on {
	background-color: #1e5dd2;
	border-color: #1e5dd2;
	color: #fff;
	font-weight: bold;
}