@charset "UTF-8";

.bdL{border-left:1px solid #ccc !important;}
.ui-datepicker-week-end:first-child .ui-state-default{color:#d80c0c;}
.ui-datepicker-week-end .ui-state-default {color:#0d60e9;}

/* icon */
.ico_new{display:inline-block; width:19px; height:19px; line-height:20px; margin:3px 5px 0 5px; font-size:11px; font-family:"arial"; border-radius:50%; text-transform:uppercase; text-align:center; color:#fff; background:#f13f67;}
.ico_file{display:inline-block; vertical-align:middle; width:22px; height:22px; font-size:0; text-indent:-999px; box-sizing:border-box; background:url(../img/common/ico_file.png) no-repeat 50% 50%;}
.ico_down{display:inline-block; vertical-align:middle; width:25px; height:25px; font-size:0; text-indent:-999px; border-radius:50%; box-sizing:border-box; background:#0b213e url(../img/common/ico_down.png) no-repeat 5px -25px;}
.ico_need{position:relative; display:inline-block; margin:2px 0 0 5px; width:5px; height:5px; font-size:0; vertical-align:top;}
.ico_need:after{content:'*'; position:absolute; top:0; left:0; display:inline-block; color:#d03e3e; font-weight:500; font-size:16px;}
.ico_lock{width:22px; height:25px; margin:-6px 8px 0 0; font-size:0; text-indent:-999px; vertical-align:middle !important; background:url(../img/common/ico_lock.png) no-repeat;}
.ico_reply{line-height:22px; padding:0 0 0 28px; margin:0 0 0 20px; font-size:16px; font-weight:700; color:#d54300; background:url(../img/common/ico_chk.png) no-repeat;}
.ico_sort{z-index:1; position:absolute; top:0; left:0; display:inline-block; min-width:48px; line-height:110%; padding:15px 13px; color:#fff; font-weight:700; font-size:19px; background:#808080; text-align:center; box-sizing:border-box;}
.ico_sort:before{content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-3px 15px 0 0; background:url(../img/content/ico_chk.png) no-repeat;}

/* board_btn */
.btn{display:inline-block; height:60px; line-height:58px; padding:0 22px; margin:3px; color:#fff; font-weight:500; text-align:center; border:1px solid #666; background:#666; box-sizing:border-box; text-decoration:none !important;}
.btn.sm{height:39px; line-height:37px;}
.btn.blue{border-color:#486ccd; background:#486ccd;}
.btn.navi{border-color:#041259; background:#041259;}
.btn:hover{color:#666; border-color:#666; font-weight:700; background:#fff; transition:0.2s linear;}
.btn.blue:hover{color:#486ccd; border-color:#486ccd;}
.btn.navi:hover{color:#041259; border-color:#041259;}
.btn.red{border-color:#d03e3e; background:#d03e3e;}
.btn.red:hover{color:#d03e3e; background:#fff;}
.btn.orange{border-color:#fb6205; background:#fb6205;}
.btn.orange:hover{color:#fb6205; background:#fff;}
.btn.white{color:#102342; border-color:#102342; background:#fff;}
.btn.white:hover{color:#fff; background:#102342;}
.btn.sky{border-color:#647285; background:#647285;}
.btn.sky:hover{color:#647285; background:#fff;}
.btn.gray{color:#666; border-color:#666;}
.btn.gray:hover{background:#666;}

.board_btn{overflow:hidden; width:100%; padding:30px 0 0 0; text-align:right;}
.board_view + .board_btn{padding:0; text-align:right;}
.board_btn div{float:right; display:flex;}
.board_btn .btn + .btn{margin-left:7px;}

@media all and (max-width:768px){
	.ico_reply:before{width:15px; height:12px; margin:-6px 5px 0 0;}
	.ico_lock{width:14px; height:17px;margin:-5px 0 0 3px; background-size:contain;}
	.ico_sort{font-size:17px;}
	.ico_sort:before{margin:-2px 10px 0 0;}

	.btn{height:45px; line-height:43px; font-size:16px;}
}
@media all and (max-width:568px){
	.ico_file{margin:-3px 0 0 0;}
	.ico_new{width:17px; height:17px; line-height:18px; font-size:10px;}

	.btn{height:42px; line-height:40px; font-size:15px;}
	.btn.white{font-size:14px;}
	.board_btn .btn + .btn{margin-left:5px;}
}
@media all and (max-width:380px){
	.ico_new{width:16px; height:16px; line-height:16px; margin:2px 4px 0 4px; font-size:9px;}
	.ico_file{margin:-4px 0 0 0;}

	.btn{height:39px; line-height:37px; font-size:14px;}
	.btn.white{height:32px; line-height:30px; font-size:13px;}
}

.board_total{padding:5px 0 9px 0; color:#000; box-sizing:border-box;}
.board_total .blue{color:#4e71cf; font-weight:700;}

/* board_sch */
.board_sch{display: flex; justify-content:center; width:100%; text-align:center;}
.board_sch fieldset{display:block; position:relative; width:735px; padding:0 139px 0 41px; box-sizing:border-box;}
.board_sch label{position:absolute; top:0; left:0; line-height:34px;}
.board_sch input[type="text"]{width:100%; height:36px; line-height:34px; padding:0 0 0 15px; border:1px solid #ddd; box-sizing:border-box; color:#000;}
.board_sch .btn_sch{position:absolute; top:0; right:58px; height:36px; line-height:34px; width:79px; color:#fff; border-color:#486ccd; background:#486ccd; font-weight:400;}
.board_sch .btn_sch:before{content:''; display:inline-block; vertical-align:middle; width:19px; height:15px; margin:-2px 0 0 0; background:url(../img/common/btn_sch_w.png) no-repeat;}
.board_sch .btn_reply{position:absolute; top:0; right:0; height:36px; line-height:34px; width:49px; color:#fff; border-color:#486ccd; background:#486ccd; font-size:0;}
.board_sch input[type="text"]:focus{box-shadow:1px 1px 4px rgba(0,0,0,0.15);}

@media screen and (max-width:1200px){
	.board_sch + .board_total{padding:15px 0 9px;}
}
@media screen and (max-width:768px){
	.board_sch fieldset{width:100%;}
}
@media screen and (max-width:568px){
	.board_total{line-height:120%;}
	.board_total span{display:block;}
}

/* normal_list */
.tbl_guide{display:none; line-height:130%; padding:0 0 6px 0; font-size:13px; text-align:right; box-sizing:border-box;}
.tbl_guide span{display:inline-block; padding:3px 4px; border:1px solid #d9d9d9; background:#f9f9f9;}
.tbl_wrap{width:100%; margin:0 0 43px 0; box-sizing:border-box;}
.normal_list{clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center; border-top:2px solid #000;}
.normal_list th{padding:10px 10px; border:1px solid #ccc; font-weight:500; background:#f7f7f7; text-align:center;}
.normal_list td{padding:10px 10px; border:1px solid #ccc; word-break:break-all;}
.normal_list .taL,
.normal_list.taL td{padding-left:19px;}
.normal_list .none{padding:20px 0;}
.normal_list .comment{padding-top:20px; padding-bottom:20px;}
@media all and (max-width:768px){
	.tbl_wrap{margin:0 0 37px;}
	.tbl_need{margin:0 10px 10px 0; font-size:14px;}
}
@media all and (max-width:568px){
	.tbl_wrap{overflow-x:auto; overflow-y:hidden; margin:0 0 34px;}
	.tbl_guide{display:block; clear:both; width:100%;}
	.tbl_wrap .normal_list{width:567px;}
	.normal_list .taL,
	.normal_list.taL td{padding-left:16px;}
	.normal_list th,
	.normal_list td{padding:10px 5px;}
}
@media all and (max-width:380px){
	.tbl_wrap{margin:0 0 31px;}
	.tbl_guide{font-size:12px;}
	.normal_list .taL,
	.normal_list.taL td{padding-left:13px;}
}

/* board_list */
.board_list{width:100%; margin:0 0 20px 0; color:#666; border-collapse:collapse; border-spacing:0; border-top:2px solid #000; table-layout:fixed;}
.board_list tr{transition:background 0.3s;}
.board_list tr:hover,
.board_list tr:focus{background:#fafafa;}
.board_list th{padding:6px 10px; text-align:center; font-weight:500; border-bottom:2px solid #666;}
.board_list td{padding:8px 10px; text-align:center; border-bottom:1px solid #ddd; background:none; word-break:break-all;}
.board_list .sbj{font-weight:500; text-align:left;}
.board_list .none{padding:30px 0;}
.board_list .notice{display:inline-block; width:48px; height:27px; line-height:27px; border-radius:27px; font-size:15px; font-weight:500; color:#fff; background:#f13f67; text-align:center;}
.board_list .sbj *{display:inline-block; vertical-align:top;}
.board_list .sbj a{display:inline; color:#333; text-decoration:none;}
.board_list .sbj a:hover{text-decoration:underline;}
@media all and (max-width:768px){
	.board_list colgroup,
	.board_list thead{display:none;}
	.board_list tr{display:block; float:left; width:100%; padding:13px 5px; border-bottom:1px solid #ddd; box-sizing:border-box;}
	.board_list td{display:block; float:left; position:relative; height:auto; padding:0; line-height:145%; border:none; text-align:left; box-sizing:border-box;}
	.board_list td:first-child{display:none;}
	.board_list td.sbj{width:100%; padding:0 0 7px; font-size:107%;}
	.board_list td:after{content:''; display:inline-block; width:1px; height:11px; margin:-1px 11px 0 13px; vertical-align:middle; background:#ccc;}
	.board_list td:before{content:attr(data-cell-header); display:inline-block; line-height:22px; padding:0 5px 0 0; vertical-align:top; color:#666;}
	.board_list td.sbj:before{display:none;}
	.board_list td.sbj:after,
	.board_list td:last-child:after{display:none;}
	.board_list tbody th{height:25px; padding:0 0 0 5px;}
	.board_list .notice{width:43px; height:23px; line-height:23px; font-size:14px;}
}
@media all and (max-width:380px){
	.board_list tr{padding:11px 5px;}
	.board_list td:after{margin:-2px 8px 0 10px;}
}

/* page_nav */
.page_nav{display:flex; justify-content:center; clear:both; width:100%; padding:25px 0 20px; text-align:center;}
.page_nav a,
.page_nav span{position:relative; display:inline-block; width:36px; height:36px; line-height:36px; margin:0 0 5px 0; font-weight:700; color:#666; vertical-align:top; text-align:center; box-sizing:border-box; border-radius:50%;}
.page_nav .on{color:#fff; background:#666;}
.page_nav a:hover,
.page_nav .on,
.page_nav .on:hover,
.page_nav .on:focus{border-color:#666; text-decoration:underline;}
.page_nav .start,
.page_nav .prev,
.page_nav .next,
.page_nav .end{margin-right:6px; font-size:0; text-indent:-999px; background:url(../img/common/ico_pagenav.png) no-repeat 7px 50%;}
.page_nav .prev{margin-right:17px; background-position:-27px 50%;}
.page_nav .next{margin-left:17px; background-position:-77px 50%;}
.page_nav .end{margin-right:0; background-position:-113px 50%;}

@media screen and (max-width:768px){
	.page_nav{padding:35px 0 20px;}
	.page_nav a,
	.page_nav span{font-size:15px;}
}
@media screen and (max-width:568px){
	.page_nav a,
	.page_nav span{width:25px; height:25px; line-height:25px; font-size:14px;}
	.page_nav .start,
	.page_nav .prev,
	.page_nav .next,
	.page_nav .end{flex-shrink:0; width:20px; height:25px; margin-right:0; background-position:3px 50%;}
	.page_nav .prev{margin-right:7px; background-position:-33px 50%;}
	.page_nav .next{margin-left:7px; background-position:-83px 50%;}
	.page_nav .end{background-position:-119px 50%;}
}