@charset "utf-8";

/* bbs */
/* search_field */
.bbs_top {position:relative;margin-bottom:20px;}
.sch_wrap {position:relative;width:100%;margin-bottom:20px;padding:20px;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6;}
.bbs_sch {float:right;}
.bbs_sch label {position:absolute;left:-9999px}
.bbs_sch input {height:100%;vertical-align:top}
.bbs_sch input::-webkit-input-placeholder {color:#666;}
.bbs_sch input::-moz-input-placeholder {color:#666;}
.bbs_sch .sel {min-width:100px;}
.bbs_sch .sel102 {width:105px;}
.bbs_sch .input {width:auto;height:40px; display:inline-block;vertical-align:top;}
.bbs_sch button {
	padding-left:15px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	text-indent:-9999em;
	transition:background .2s;
	border:1px solid #ccc;
}
.bbs_sch button.schBtn{border-color:transparent;color:#fff;background:#666 url('/images/common/icon_sch.png') no-repeat center center;}
.bbs_sch button.schBtn:hover {background-color:#27354f;}
.bbs_sch button.resetBtn{background:#fff url('/images/common/icon_reset.svg') no-repeat center/24px;}
.bbs_sch button.resetBtn:hover {background-color:#F4F5F6;}
.bbs_total {float:left;padding-left:22px;line-height:40px;background:url('/images/common/icon_list.gif') no-repeat left 50%;}

/* bbs_table */
.bbs_table {width:100%;border:0;border-spacing:0;word-break:normal;overflow:hidden;border-collapse:separate;border-top:2px solid #464646;}
.bbs_table table{border-collapse:collapse;width:100%;border:0;margin-bottom:20px;padding:0;}
.bbs_table caption{font-size: 0;height: 0;line-height: 0;overflow: hidden;}
.bbs_table thead th {padding: 16px 10px;font-weight:700;color:#000;background:#f9f9f9;border-bottom:1px solid #ccc;}
.bbs_table tbody td {padding: 12px 10px;text-align:center;border-bottom:1px solid #ccc;}
.bbs_table tbody .subject {text-align:left;}
.bbs_table tbody .subject a,.bbs_table tbody .subject a:hover{display:inline-block;position:relative;overflow:hidden;max-width:450px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.bbs_table tbody tr.notice_line {background:#f9f9f9;}
.bbs_table tbody tr:hover,
.bbs_table tbody tr:focus {background-color:#f8f8f8;}
.nodata {text-align:center;line-height:150px;border-bottom:1px solid #ccc;background:#f8f8f8;}
.notice {display:inline-block;padding:0 8px;height:20px;background:#146ed8;color:#fff;border-radius:3px;-webkit-border-radius:15px;font-size:12px;line-height:20px;font-weight:600;}


/* bbs_gallery */
.bbs_gallery {border-top:2px solid #464646;border-bottom:1px solid #ccc}
.bbs_gallery ul {width:104%;margin:10px -1.4%;overflow:hidden;}
.bbs_gallery li {position:relative;display:inline-block;width:30%;margin:10px 1.4% 15px;}
.bbs_gallery li a{display:block;}
.bbs_gallery li a .thumb{display: block;position:relative;height:200px;overflow: hidden;font-size: 0;border:1px solid #ddd;}
.bbs_gallery li a .thumb img {width:100%;height: 100%;max-height: 200px;}
.bbs_gallery li a:hover .thumb img{transform: scale(1.2);transition: all 400ms;}
.bbs_gallery li a em{display:block;padding-top:10px;font-size:16px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbs_gallery li a span.date{display:block;padding-top:10px;font-size:14px;line-height:16px;color:#888;}
.bbs_gallery li.nodata2 {display:block;width:100%;margin:0 auto;text-align:center;line-height:150px;}

/* bbs_accordian */
.bbs_accordian {border-top:2px solid #464646;border-bottom:1px solid #464646;}
.bbs_accordian .acco_subject {margin: 0;padding: 0;}
.bbs_accordian.focus .acco_subject {background-color:#f4f9fd;}
.bbs_accordian > * + * {border-top: 1px solid #ccc;}
.accordion_title {position:relative;display:block;margin:0;padding:1em 0;width:100%;}
.accordion_title:focus,
.accordion_title:hover {background:#f4f9fd;}
.accordion_title .acco_title {position:relative;width:100%;display:table;text-decoration:none;color:#666;text-align:left;pointer-events:none;border:2px solid transparent;border-radius:5px;padding: 0.25em;outline: none;text-align:center;}
.accordion_title:focus .acco_title {border-color: hsl(216, 94%, 73%);}
.accordion_title .acco_title span {display:table-cell;color:#333;font-size:16px;line-height:1.75;}
.accordion_title .acco_title span.sub{width:80%;padding-right:50px;vertical-align:middle;text-align:left;}
.accordion_title .acco_title span.q{position:absolute;top:0;left:15px;width:40px;height:40px;background:#3980da;color:#fff;font-family:'nanumSquare';font-size:18px;font-weight:700;line-height:40px;border-radius:50%;}
.accordion_title .acco_title span.write{padding:0 10px 0 50px;min-width:160px;color:#0066cc;margin-right:10px;}
.accordion_title .acco_title span.acco_icon {width:15px;height:15px;border-width:0 2px 2px 0;border-style:solid;border-color:#ccc;pointer-events: none;position:absolute;right:25px;top:50%;transform: translateY(-60%) rotate(45deg);}
.accordion_title:focus .acco_title .acco_icon,
.accordion_title:hover .acco_title .acco_icon {border-color: #0066cc;}
.accordion_title[aria-expanded="true"] .acco_title .acco_icon {transform: translateY(-50%) rotate(-135deg);}
.acco_cont {position:relative;margin: 0;padding:2em 2em 2em 70px;min-height:150px;background:#f6f6f6;color:#666;}
.acco_cont[hidden] {display: none;}
.acco_cont .a{position:absolute;top:30px;left:15px;width:40px;height:40px;background:#29a26f;color:#fff;font-family:'nanumSquare';font-size:18px;font-weight:700;line-height:40px;border-radius:50%;text-align:center;}
.acco_cont p {margin:0;padding:0;font-size:15px;line-height:1.75em;}

/* 설문조사 */
.bbs_poll .graph_area{border:1px solid #ddd;overflow:hidden}
.bbs_poll dl dt{padding:15px;background-color:#f6f6f6;color:#555;border-bottom:1px solid #ddd;font-weight:600;line-height:1.5;}
.bbs_poll dl dd{position:relative;padding:15px;background-color:#fff;color:#555;border-bottom:1px solid #ddd}
.bbs_poll dl dd:last-child{border-bottom:0px}
.bbs_poll .graph_area .graph .graph_title {margin-bottom:10px;padding:0px;}
.bbs_poll .graph_area .graph .graph_text {position:absolute;right:15px;top:15px;}
.bbs_poll .graph_area .graph .graph_bar {position:relative;display:block;height:15px;background-color:#deeeff;}
.bbs_poll .graph_area .graph .graph_bar span{display:block;position:absolute;left:0;top:0;height:15px;background:#3980da url('/images/common/line_pt01.png') 0 0 repeat;}

/* bbs_view */
.bbs_view {width:100%;border-top:2px solid #464646;}
.bbs_view .view_title {margin:0;padding:25px 20px;background:#f9f9f9;border-bottom:1px solid #ddd;font-size:18px;font-weight:500;color:#111;}
.bbs_view ul.view_head {padding:10px 20px;box-sizing:border-box;border-bottom:1px solid #ddd;clear:both;width:100%;overflow:hidden}
.bbs_view ul.view_head li{position:relative;display:inline-block;margin-right:10px;padding-right:15px;font-size:15px;line-height:1.5em;color:#333;box-sizing:border-box;}
.bbs_view ul.view_head li:before {content:"";position:absolute;display:block;top:calc(50% - 8px);right:0;width:1px;height:16px;background:#ccc;}
.bbs_view ul.view_head li:last-child:before {display:none;}
.bbs_view ul.view_head li span{position:relative;display:inline-block;margin-right:5px;padding-right:8px;width:auto;color:#111;}
.bbs_view ul.view_head li span:before {content:":";position:absolute;display:block;top:-1px;right:0;}
.bbs_view .bbs_cont {clear:both;min-height:300px;padding:30px 20px;border-bottom:1px solid #ccc;}
.bbs_view .bbs_cont p,
.bbs_view .bbs_cont span {font-family: 'Noto Sans KR' !important;font-size: 1em;line-height: 1.2em;}
.bbs_view .file{overflow:hidden;padding:10px 20px;border-bottom:1px solid #ddd;}
.bbs_view .file span {display:none;}
.bbs_view .file a{display:inline-block;margin:5px 0;padding-left:28px;font-size:15px;font-weight:400;color:#444;line-height:25px;background:url('/images/common/icon_file.gif') 0 0 no-repeat;}

/* 영상자막box */
.video_wr {display:block;overflow-y:auto;height:auto;max-height:250px;padding:30px;border:1px solid #ddd;background:#f8f8f8;margin:30px 0 0}
.video_wr:focus {outline:3px solid rgba(59, 153, 252, .5)}

/* 채용
.bbs_view ul.recruit {box-sizing:border-box;clear:both;width:100%;overflow:hidden}
.bbs_view ul.recruit li{position:relative;float:left;width:50%;font-size:14px;line-height:28px;color:#565656;border-bottom:1px solid #ddd;}
.bbs_view ul.recruit li span{display:inline-block;min-width:120px;margin-right:10px;padding:10px;color:#111;background:#f9f9f9;text-align:center;} */

/* bbs_write */
.bbs_write {width:100%;border-collapse:collapse;word-break:break-all;border-spacing:0;border-top:2px solid #464646;}
.bbs_write th {padding:10px 10px;word-break:break-all;background:#f9f9f9;color:#000;font-weight:500;border-bottom:1px solid #ccc;letter-spacing:-0.05em;}
.bbs_write td {padding:10px 10px;border-bottom:1px solid #ccc;}
.bbs_write textarea {resize:vertical;min-height:250px;border:1px solid #ccc;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
.bbs_write input[type='text'],.bbs_write input[type='password'] {height:32px;line-height:32px;}
.bbs_write select {height:32px;line-height:32px;}
.bbs_write span.form_error{display:block; font-size:13px; color:#d81313;}

/*달력*/
#calendar_month{margin-bottom:30px;position:relative;}
#calendar_month .month{}
#calendar_month .month li{display:inline-block; vertical-align:bottom;}
#calendar_month .month li.to_month{padding:0 20px;font-family:'S-CoreDream';}
#calendar_month .month li.to_month span{font-size:30px;}
#calendar_month .month li.to_month strong{font-size:35px;font-weight:700}
#calendar_month .month li a{display:block; padding-bottom:4px}

.month_select{position:absolute;right:0;top:0;}
.month_select select{vertical-align:bottom;}
.month_select label {position:absolute;left:-9999px}
.month_select input.btn{border:0;padding-left:15px;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;border:1px solid #27354f;text-indent:-9999em;background:#27354f url('/images/common/icon_sch.png') no-repeat center center;transition:background .2s;border-radius:3px;}
.month_select input.btn:hover {background-color:#3b92bb;}

#calendar{width:auto;border-top:2px solid #464646;}
#calendar table{width:100%;border-collapse:separate;word-break:break-all; border-spacing:0;}
#calendar table thead th{padding:12px 5px;font-weight:700;color:#000;text-align:center;border-width:0 0 1px 0;border-style:solid;border-color:#ccc;}
#calendar table tbody td{padding:8px;vertical-align:top; position:relative;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;}
#calendar table tbody td.today{font-weight:700;color:green;text-decoration:underline;background:#f5f5f5;}
#calendar table tbody td span {display:block;}
#calendar table tbody td span.holiday{color:#d81313;}
#calendar table tbody td span.day_name{display:block; position:absolute; top:0; right:5px; text-align:right; font-size:13px; color:#888;}
#calendar table thead th:last-child, #calendar table tbody td:last-child {border-right:0;}

#calendar table thead th.sun,
#calendar table tbody td.sun{color:#d81313;}
#calendar table thead th.sat,
#calendar table tbody td.sat{color:#2b58bf;}

ul.result_list li{margin-bottom:10px;}
ul.result_list li a{display:block;padding-left:20px;font-size:13px;line-height:18px;text-decoration:underline;background:url('/images/uimc/notify/calendar_more.png') 0 2px no-repeat;word-break: break-all;}
ul.result_list li a:hover{color:#3b62bb;}

/* 달력팝업_open width:430px*/
#detail_wrap{ width:100%; height:100%; background:#f1f1f1; position:relative;}
#detail_wrap div.tit{padding:5px 10px 20px 15px; background:#04807f;}
#detail_wrap div.tit p#detail_position{margin-bottom:5px;color:#fff;font-size:15px;text-align:right;}
#detail_wrap div.tit h1{display:block; color:#fff;}
#detail_wrap div.cont{padding:10px; height:400px; overflow-y:auto; overflow-x:hidden;}
#detail_wrap div.cont dl.d_box{width:100%; margin-bottom:10px; padding:20px; background:#fff; border:1px solid #ddd; border-radius:6px 6px; clear:both;}
	div.cont dl.d_box dt{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
	div.cont dl.d_box dt strong{display:block; font-size:17px;}
	div.cont dl.d_box dt span{display:block; font-size:14px; font-weight:bold; color:#2b58bf;}
	div.cont dl.d_box dd ul.d_list{padding-left:5px;}
	div.cont dl.d_box dd ul.d_list li{padding-left:10px; background:url('/images/dcsc/common/list03_icon.gif') 0 9px no-repeat; font-size:14px; color:#555;}

#detail_wrap div.cont .d_input{border-top:2px solid #333;}
#detail_wrap div.cont .d_input table{font-size:13px;}
#detail_wrap div.cont .d_input table th{padding:10px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f9f9f9; }
#detail_wrap div.cont .d_input table td{padding:5px 5px; border-bottom:1px solid #ddd; background:#fff;}
#detail_wrap div.cont .d_input table td input.input{height:32px;}
#detail_wrap div.cont .d_input table td textarea{width:100%;}
#detail_wrap div.cont .d_input ul.input_info{margin:15px 0; }
#detail_wrap div.cont .d_input ul.input_info li{padding-left:10px; background:url('/images/dcsc/common/list01_icon.gif') 0 9px no-repeat; font-size:13px;}

#detail_wrap a.d_close{display:block; width:50px; margin:10px auto 0 auto; padding:5px 0; font-size:12px; text-align:center; color:#fff; background:#333;}
 

/* pagination */
.pagination {width:100%;margin:50px auto;padding:0;text-align:center;font-size:0;}
.page {display:inline-block;width:80%;}
.page a {display:inline-block;margin-right:4px;width:36px;height:36px;color:#222;font-size:13px;line-height:36px;vertical-align:middle;text-align:center;border:1px solid #ccc;}
.page a:first-child {}
.page a{position:relative;}
.page a:hover {background:#eee;}
.page a.active {color:#fff;background:#3b62bb;border:1px solid rgba(0,0,0,0.2);}
.page a span:before {position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-6px;content:"";display:block;width:12px;height:9px;background:url('/images/common/pg_control.gif') no-repeat;}
.page a span{display:inline-block;font-size:0;text-indent:-9999px;}
.page a.first span:before{background-position:0 0;}
.page a.prev span:before {background-position:-12px 0;}
.page a.next span:before {background-position:-24px 0;}
.page a.last span:before {background-position:-36px 0;}

.bbs_more a{display:block;width:150px;margin:1.5em auto;padding:0.75em 0;text-align:center;color:#fff;border:1px solid rgba(0,0,0,0.2);background:#2d60a1 url(../images/common/bbs_more.gif) 90% 48% no-repeat;transform:all .5s ease;transition:background .3s;}
.bbs_more a:hover,
.bbs_more a:active,
.bbs_more a:focus {background-color:#2d88db;}
  
/* 본인인증 */
.agree_step {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	background-color: #F8F8F8;
}

.agree_step li {
	position: relative;
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	height: 60px;
	padding-left: 80px;
	font-size: 17px;
	letter-spacing: -.05rem;
	border: 1px solid #DDD;
}
.agree_step li:nth-child(1) { z-index: 3; }
.agree_step li:nth-child(2) { z-index: 2; }
.agree_step li:nth-child(3) { z-index: 1; }
.agree_step li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%; 
    right: -22px; 
    width: 44px; height: 44px; 
    background-color: #F8F8F8;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    z-index: 10;
}
.agree_step li.on{
	font-weight: 500;
	color: #FFF;
	background-color: #3a62ba;
	border-color: transparent;
}
.agree_step li.on::after {
    background-color: #3a62ba;
    border-color: #3a62ba; 
}
.agree_step li:last-child::after {display: none;}
.agree_step li.ico_1,
.agree_step li.ico_2,
.agree_step li.ico_3 {
	background-size: 24px;
	background-position: 45px center;
	background-repeat:no-repeat;
}
.agree_step li.ico_1{background-image:url('/images/common/ico_step_1.svg');}
.agree_step li.ico_2{background-image:url('/images/common/ico_step_2.svg');}
.agree_step li.ico_3{background-image:url('/images/common/ico_step_3.svg');}
.agree_step li.ico_1.on{background-image: url('/images/common/ico_step_1_ov.svg');}
.agree_step li.ico_2.on{background-image: url('/images/common/ico_step_2_ov.svg');}
.agree_step li.ico_3.on{background-image: url('/images/common/ico_step_3_ov.svg');} 

.cert_wrap {
	position:relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 50px;
} 
.cert_box {display: block;position: relative;float: left;width: 49%;min-height: 400px;margin-right: 2%;padding: 2.5rem;text-align: center;background-color: #F7F7F7;border: 1px solid #DDD;}
.cert_box:last-child {margin-right: 0;}
.cert_img {position: relative;left: 0;top: 0;width: 100%;text-align: center;}
.cert_img::before {content: '';display: inline-block;width: 150px;height: 150px;margin-bottom: 20px;background-color: #FFF;-webkit-border-radius: 50%;border-radius: 50%;}
.cert_img::after {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 150px;background-repeat: no-repeat;background-position:50% 50%;z-index: 1;}
.cert_img.login-phone::after {background-image: url('/images/uimc/notify/icon_login_phone.png');background-size: 90px;}
.cert_img.login-ipin::after {background-image: url('/images/uimc/notify/icon_login_ipin.png');background-size: 99px;}
.cert_box .cert_txt {margin-bottom: 1rem;text-align: center;word-break:keep-all;}
.cert_box input[type="submit"].btn_cert {display: inline-block;height: 50px;padding: 0 30px;margin-top: 30px;font-size: 1rem;line-height: 50px;color: #FFF;background-color: #3b62bb;border:0;word-wrap: break-word;}
.agree_wrap {
	position:relative;
	width: 100%;
	overflow: hidden;
}
.agree_box {
	height: 250px;
	overflow-y: auto;
	margin-bottom: 10px;
	padding: 2rem;
	border: 1px solid #DDD;
}
.agree_box ul li {
	margin-bottom: 1rem;
	font-weight: 500;
	line-height: 1.5;
	color: #111;
}
.agree_box ul li ul{
	margin: .5rem 0;
}
.agree_box ul li ul li {
	padding-left: 1rem;
	font-weight: 400;
	color: #333;
}
.agree_chk {
	margin: 2rem 0;
	padding: 2rem;
	text-align:center;
	background-color: #F8F8F8;
}
.agree_chk p {padding-bottom: .75rem;font-weight: 500;}

@media all and (max-width:1199px){
	/* bbs_table */
	.bbs_table tbody .subject a,.bbs_table tbody .subject a:hover{max-width:300px;}
}
@media all and (max-width:1023px){	
	.bbs_top {margin:20px 0;}
	
	/* bbs_accordian */
	.accordion_title {padding:0.75em 0;}
	.accordion_title .acco_title span {font-size:15px;}
	.accordion_title .acco_icon {width:12px;height:12px;right:20px;}
	.acco-cont {padding:1.25em;min-height:120px;}
	
	/* 본인인증 */
	.agree_step {
		flex-direction: column;
		align-items: stretch;
	}
	.agree_step li {
		flex: none;
		width: 100%;
		min-width: 0;
		padding-left: 65px;
		font-size: 15px;
		margin-top: -1px;
	}
	.agree_step li:first-child {margin-top: 0;}
    .agree_step li::after,
    .agree_step li.on::after{display: none;}
    .agree_step li.ico_1,
    .agree_step li.ico_2,
    .agree_step li.ico_3,
    .agree_step li.ico_1.on,
    .agree_step li.ico_2.on,
    .agree_step li.ico_3.on {background-position: 2rem center;}
	
	
}
@media all and (max-width:768px) {
	
	/* search_field */
	.bbs_top {margin:20px 0;}	
	.bbs_sch {width:100%;}
	.bbs_sch .sel {max-width:100px;height:30px;}
	.bbs_sch .sel102 {height:30px;}
	.bbs_sch .input {/*width:calc(100% - 150px);*/height:30px;}
	.bbs_sch button {width:30px;height:30px;line-height:30px;}
	.bbs_total {width:100%;}
	
	/* bbs_table */
	.bbs_table thead th {padding: 10px;}
	.bbs_table tbody td {padding: 10px;}
	.bbs_table thead th,
	.bbs_table tbody td {font-size:14px;font-weight:500;}
	
	/* bbs_view(일반) */
	.bbs_view .view_title {padding:20px 10px;font-size:1.2em;}
	.bbs_view ul.view_head {padding:10px;}
	.bbs_view ul.view_head li{display:block;font-size:1em;}
	.bbs_view ul.view_head li:before {display:none;}	
	.bbs_view .bbs_cont {padding:20px 10px;}
	.bbs_view .file{padding:15px 10px;}
	.bbs_view .file a{font-size:1em;line-height:1.15em;}
	
	/* bbs_gallery */
	.bbs_gallery{padding:10px 0;}
	.bbs_gallery li{width:47%;}
	.bbs_gallery li a .thumb{height:110px;}
	.bbs_gallery li a .thumb img{max-height:110px;}
	.bbs_gallery li a em{padding-top:10px;font-size:15px;}
	.bbs_gallery li a span.date{padding-top:5px;}
	
	/* bbs_accordian */
	.accordion_title .acco_title span {font-size:14px;}
	.accordion_title .acco_title span.q{width:30px;height:30px;font-size:17px;line-height:30px;}
	.accordion_title .acco_title span.sub{padding-left:35px;width:90%;}	
	.accordion_title .acco_title span.write {display:none;}
	.acco-cont {padding:1em;min-height:100px;}
	.acco_cont .a{width:30px;height:30px;font-size:17px;line-height:30px;}
	
	/* bbs_write */
	.bbs_write table {border-collapse:collapse;}
	.bbs_write th {padding:5px;width:120px;font-size:0.8rem;}
	.bbs_write td {padding:5px;font-size:0.8rem;}
	.bbs_write input[type=text],
	.bbs_write input[type=password],
	.bbs_write select  {height:26px;line-height:26px;}
	
	/* calendar */
	#calendar_month .month {padding-bottom:20px;text-align:center;}
	#calendar_month .month li.to_month{padding:0; }
	#calendar_month .month li.to_month span{font-size:25px;margin:0 0 15px 3px;}
	#calendar_month .month li.to_month strong{font-size:35px}
	.month_select{position:relative;top:auto;right:0;bottom:0;}	
	.month_select select.sel {height:35px;padding:0 25px 0 5px}
	.month_select input.btn{width:35px;height:35px;line-height:35px;}

	
	#calendar table col {display:block;}
	#calendar table thead {display:none;}
	#calendar table tbody td{display:block;width:100%;min-height:30px;border-right:0;}
				
	/* pagination */
	.page {width:100%;}
	.page a{width:28px;height:28px;line-height:24px;}	

	.cert_box {width:100%;margin:0 0 10px;padding:20px;min-height:300px;}
	.cert_img::before {width:120px;height:120px;margin-bottom:10px;}
	.cert_img::after {height:120px;}	
	.cert_img.login-phone::after {background-image:url('/images/uimc/notify/icon_login_phone.png');background-size:70px;}
	.cert_img.login-ipin::after {background-image:url('/images/uimc/notify/icon_login_ipin.png');background-size:79px;}
	.cert_box input[type="submit"].btn_cert {height:35px;margin-top:15px;font-size:15px;line-height: 35px;}	
	
	.agree_box {padding: 1.2rem;}
		
		
}
@media all and (max-width:480px) {	
	/* bbs_table */
	.bbs_table tbody .subject a,.bbs_table tbody .subject a:hover{max-width:200px;}
	
}