.cleardiv { clear: both; font-size: 0; line-height: 0; }

.con_div { position: relative; width: 100%; z-index: 30; }
.con_div .con { position: relative; width: 100%; max-width: 1240px; margin: 0 auto; }
.con_div .con:after { clear: both; display: block; content: ''; }
.con_div .con .left { float: left; }
.con_div .con .right { float: right; }

.con_div img { max-width: 100%; height: auto; }
.con_div a { color: #232a2f; text-decoration: none; cursor: pointer; }
.con_div input[type=submit] { cursor: pointer; }

.con_div .alignleft { text-align: left; }
.con_div .aligncenter { text-align: center; }
.con_div .alignright { text-align: right; }

.list_title { font-size: 2em; padding-bottom: 10px; }
.list_title2 { font-size: 1.5em; padding-top: 10px; padding-bottom: 10px; }



#searchdiv { position: relative; width: 100%; padding: 0 0 10px 0; }
#searchdiv.pt_3 { padding-top: 3px; }
#searchdiv.pb_0 { padding-bottom: 0; }
#searchdiv input[type="text"] { height: 30px; border: solid 1px #cecece; ime-mode: active; padding: 0 10px; text-align: center; }
#searchdiv select { border: solid 1px #cecece; padding: 3px 10px 2px; margin-top: 1px; height: 30px; text-align: center; }
#searchdiv .ipt50px { width: 50px !important; }
#searchdiv .ipt100px { width: 100px !important; }

#titlebardiv { position: relative; width: 100%; color: #5b5b5b; background-color: #efefef; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; text-align: center; }
#titlebardiv .titlediv { float: left; min-height: 1px; padding: 6px 0 6px; border-left: 1px solid #cecece; }
#titlebardiv .titlediv:nth-last-child(2) { border-right: 1px solid #cecece; }
#titlebardiv .cleardiv { min-height: 0; padding: 0; border: 0; }

.datadiv { position: relative; width: 100%; border-bottom: solid 1px #cecece; }
.datadiv .txtdiv { float: left; min-height: 1px; padding: 4px 5px 4px; border-left: 1px solid #cecece; }
.datadiv .txtdiv select { width: 100%; height: 26px; border: 1px solid #C0C4CB; ime-mode: active; }
.datadiv .txtdiv:nth-last-child(2) { border-right: 1px solid #cecece; }

.viewdiv { display: flex; position: relative; width: 100%; border-bottom: solid 1px #cecece; border-right: solid 1px #cecece; }
.viewdiv.subtitle { padding: 30px 0 5px 20px; }
.viewdiv.subtitle:nth-of-type(1) { padding-top: 5px; }
.viewdiv:nth-of-type(1) { border-top: solid 1px #cecece; }
.viewdiv.topline { border-top: solid 1px #cecece; }
.viewdiv2 { display: flex; position: relative; width: 100%; border-bottom: solid 1px #cecece; }
.viewdiv2:last-child { border-bottom: none; }
.viewdiv div { min-height: 1px; }
.viewdiv .txtdiv_title { float: left; width: 15%; text-align: right; padding: 5px 1% 5px 0; background: #eaeaea; border-left: solid 1px #cecece; }
.viewdiv .txtdiv_con { float: left; width: 85%; padding: 5px 0 5px 1%; border-left: solid 1px #cecece; }
.viewdiv2 .txtdiv_title2 { width: calc( 100 / 90 * 15% ); padding: 5px 2% 5px 0; }
.viewdiv2 .txtdiv_con2 { width: calc( 50% - ( 100 / 90 * 15% ) ); padding: 5px 0 5px 2%; }
.viewdiv3 .txtdiv_title3 { width: 15%; }
.viewdiv3 .txtdiv_con3 { width: 35%; }
.viewdiv5 .txtdiv_title5 { width: 15%; }
.viewdiv5 .txtdiv_con5 { width: 15%; }
.viewdiv5 .txtdiv_con6 { width: 25%; }
.viewdiv7 .txtdiv_title { width: 30%; }
.viewdiv7 .txtdiv_con { width: 70%; }
.viewdiv .txtdiv_con4 { float: left; width: 25%; padding: 5px 0 5px 1%; text-align: center; border-left: solid 1px #cecece; }
.viewdiv .txtdiv_con input[type="text"] { width: 95%; height: 26px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv_con select { width: 95%; height: 26px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv_con textarea { width: 95%; height: 200px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }
.viewdiv .txtdiv_con .ipt5 { width: 5% !important; }
.viewdiv .txtdiv_con .ipt10 { width: 10% !important; }
.viewdiv .txtdiv_con .ipt15 { width: 15% !important; }
.viewdiv .txtdiv_con .ipt20 { width: 20% !important; }
.viewdiv .txtdiv_con .ipt30 { width: 30% !important; }
.viewdiv .txtdiv_con .ipt40 { width: 40% !important; }
.viewdiv .txtdiv_con .ipt50 { width: 50% !important; }
.viewdiv .txtdiv_con .ipt60 { width: 60% !important; }
.viewdiv .txtdiv_con .ipt69 { width: 69% !important; }
.viewdiv .txtdiv_con .ipt99 { width: 99% !important; }
.viewdiv .txtdiv_con .iptnot{ width: auto !important; }
.viewdiv .txtdiv_con .h100px { height: 100px !important; }
.viewdiv .txtdiv_con.lh200p { line-height: 200% !important; }

.viewdiv .txtdiv_con .interview_title_div { position: relative; width: 100%; background: #000000; padding: 5px 0; }
.viewdiv .txtdiv_con .interview_title_div .interview_title { float: left; padding: 0 1%; color: #ffffff; }
.viewdiv .txtdiv_con .interview_title_div .interview_title:nth-child(1) { width: 15%; }
.viewdiv .txtdiv_con .interview_title_div .interview_title:nth-child(2) { width: 40%; }
.viewdiv .txtdiv_con .interview_title_div .interview_title:nth-child(3) { width: 15%; }
.viewdiv .txtdiv_con .interview_title_div .interview_title:nth-child(4) { width: 15%; }
.viewdiv .txtdiv_con .interview_title_div .interview_title:nth-child(5) { width: 15%; }
.viewdiv .txtdiv_con .interview_item { position: relative; width: 100%; padding: 10px 0; }
.viewdiv .txtdiv_con .interview_btn { position: relative; width: 100%; padding: 5px 0; }

.viewdiv .txtdiv_con .interview_item_div { position: relative; width: 100%; padding: 5px 0; border-bottom: 1px solid #eaeaea; }
.viewdiv .txtdiv_con .interview_item_div .interview_item_chkbox { float: left; width: 15%; }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox { float: left; width: 85%; }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_line { position: relative; width: 100%; border-bottom: 1px solid #eaeaea; padding: 5px 0; }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_con_1 { }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_con_1 .interview_item_1_in { float: left; }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_con_1 .interview_item_1_in:nth-child(1) { width: calc( ( 100 / 85 ) * 40% ); }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_con_1 .interview_item_1_in:nth-child(2) { width: calc( ( 100 / 85 ) * 15% ); }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_con_1 .interview_item_1_in:nth-child(3) { width: calc( ( 100 / 85 ) * 15% ); }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_con_1 .interview_item_1_in:nth-child(4) { width: calc( ( 100 / 85 ) * 15% ); }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_con_2 { }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_con_2 .interview_item_2_in { float: left; width: 100%; }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_time { line-height: 220%; }
.viewdiv .txtdiv_con .interview_item_div .interview_item_conbox .interview_item_publication_date { line-height: 220%; }

.viewdiv .txtdiv_con .photo_preview { float: left; width: 110px; text-align: center; padding: 10px 10px; }
.viewdiv .txtdiv_con .photo_explain { float: left; width: calc( 100% - 110px ); padding: 20px 0 20px 0; }

.viewdiv .txtdiv_btn { float: left; width: 100%; text-align: center; padding: 10px 0; }

.tbl { font-size: 14px; border-collapse: collapse; }
.tbl tr td { padding: 5px 5px; border: 1px solid #cecece; }
.ipt { width: 95%; height: 26px; border: 1px solid #C0C4CB; ime-mode: active; padding: 0 10px; }

.picker__select--year, .picker__select--month { width: 30% !important;}



.noborder { border: 0; }
.noborder_top { border-top: 0 !important; }
.noborder_right { border-right: 0 !important; }



.con_div .pagediv { padding: 40px 0; }
.con_div .pagediv .left { float: left; width: 25%; min-height: 1px; }
.con_div .pagediv .pageno { float: left; width: 50%; min-height: 1px; font-size: 0.75em; text-align: center; }
.con_div .pagediv .pageno a { display: inline-block; min-width: 30px; height: 30px; padding: 5px 3px 0; border: solid 1px #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.con_div .pagediv .pageno .nowpage { background-color: #555555; color: #ffffff; border: solid 1px #555555; }
.con_div .pagediv .right { float: left; width: 25%; min-height: 1px; }
.con_div .pagediv:after { clear: both; display: block; content:''; }



a.xet-btn-theme { color: #ffffff; }
.pt_20 { padding-top: 20px; }
.pt_40 { padding-top: 40px; }
.fc_red { color: #ff5722; }



.bbs_button1 {
	display: inline-block;
	text-decoration: none;
	border: 0;
	border-radius: 3px !important;
	background: #768da2;
	text-align: center;
	font-size: 1em;
	color: #ffffff !important;
	padding: 7px 9px 8px;
	line-height: 100%;
}

.bbs_button2 {
	display: inline-block;
	text-decoration: none;
	border: 0;
	border-radius: 3px !important;
	background: #768da2;
	text-align: center;
	font-size: 1em;
	color: #ffffff !important;
	font-size: 0.875em;
	padding: 4px 5px 5px;
	line-height: 100%;
}

.bbs_button3 {
	display: inline-block;
	text-decoration: none;
	border: 0;
	border-radius: 0px !important;
	background: #768da2;
	text-align: center;
	font-size: 1em;
	color: #ffffff !important;
	font-size: 0.875em;
	padding: 7px 10px 7px;
	line-height: 100%;
}

.bbs_button4 {
	display: inline-block;
	text-decoration: none;
	border: 0;
	border-radius: 7px !important;
	background: #768da2;
	text-align: center;
	font-size: 1.25em;
	color: #ffffff !important;
	padding: 15px 80px 16px;
	line-height: 100%;
}

.bbs_button4.hover:hover { background: #009688; transition: all 0.5s ease; }