.line {padding:0px 0px 8px 5px; border-bottom:1px solid #004b9d;}
.text_bold_orange{font-weight: bold !important;color:#FF8A00;}
.text_bold_blue{font-weight: 500 !important;color:#004b9d;font-size:17px;line-height:23px;word-wrap:break-word;word-break:break-all;}
.color_blue{color:#004b9d !important;}
.color_navy{color:#2c4e82 !important;}
.color_red{color:red !important;}
.color_white{color:#f5f5f5 !important;} 
.color_orange{color:#FF8A00 !important;}
.btn_round4{display:inline-block; text-align:center; font-size:11px; color:#fff; letter-spacing:-1px; border-radius:3px;-webkit-border-radius:3px; width:17px; height:17px; line-height:17px; background-color:#FF8A00;margin-left:10px;}
.btn_round1{display:inline-block; text-align:center; font-size:11px; color:#fff; letter-spacing:-1px; border-radius:3px;-webkit-border-radius:3px; width:17px; height:17px; line-height:17px; background-color:#8c8d96;margin-left:10px;}

.color_notice{color:#135bc7 !important;}
.notice_box{
   border: 1px solid #3570c8;
	border-radius:3px;
	background-color: #3570c8;
	color: #ff4e59 !important;
	font-size: 14px;
   padding: 2px 10px;
}
.new_box{
	border-radius:3px;
	background-color: #FF8A00;
	color: #ff4e59 !important;
	font-size: 9px;
   padding: 2px 5px 2px 4px;
	margin-left:8px;
	position:relative;
	top:-2px;
}

@media screen and (max-width:640px) {
.notice_box{
		border: 1px solid #3570c8;
		border-radius:3px;
		background-color: #3570c8;
		color: #ff4e59 !important;
		font-size: 12px;
		padding: 2px 9px;
	}	
	
}
@media screen and (max-width:450px) {
   .notice_box{
		border: 1px solid #3570c8;
		border-radius:3px;
		background-color: #3570c8;
		color: #ff4e59 !important;
		font-size: 8px;
		padding: 2px 4px;
	}	
	
	.new_box{
	   border-radius:3px;
	   background-color: #FF8A00;
	   color: #ff4e59 !important;
	   font-size: 8px;
      padding: 0px 5px 0px 4px;
	   margin-left:5px;
	   position:relative; 
	   top:-1px; 
	   display:inline-block;
   }
}

.icon_bar {
    display: inline-block;
    width: 4px;
    height: 21px !important;
    line-height: normal;
    margin: 0 7px 0 0;
    background-color: #0271c0 !important;
    vertical-align: -2px;
} 
.icon_bar_long {
    display: inline-block;
    width: 4px;
    height: 80px !important;
    line-height: normal;
    margin: 0 7px 0 0;
    background-color: #0271c0 !important;
    vertical-align: -2px;
}

.icon_box {
    display: inline-block;
    width: 10px;
    height: 10px !important;
    line-height: normal;
    margin: 0 7px 0 0;
    background-color: #66a9d8 !important;
    vertical-align: 2px;
}

.icon_box_navy {
    display: inline-block;
    width: 10px;
    height: 10px !important;
    line-height: normal;
    margin: 0 7px 0 0;
    background-color: #2c4e82 !important;
    vertical-align: 2px;
}

.view_con2 {padding:0px 0px 25px 0px; border-bottom:1px solid #dbdbdb;}
.view_con3 img { max-width: 100%; height: auto; }


.list_board th, .list_board td{word-wrap:break-word; padding:10px 0 11px 0; height:18px; line-height:18px; text-align:center; font-weight:500; font-size:13px; color:#252525; border-left:1px solid #e4e4e4; border:1px solid #e4e4e4;}
.list_board th, .list_board .big{word-wrap:break-word; padding:10px 0 11px 0; height:20px; line-height:20px; text-align:center; font-weight:400; font-size:15px; color:#252525; border-left:1px solid #e4e4e4; border:1px solid #e4e4e4;}
.list_board th.bd_left, .list_board td.bd_left{border-left:1px solid #e4e4e4 !important;}
.list_board th.bd_left2, .list_board td.bd_left2{border-left:2px solid #e4e4e4 !important;}
.list_board th{background:#f7f7f7;vertical-align:middle;}
.list_board td{background:#fff;}
.list_board td.title{background:#f4f6f8;}
.list_board td.total{background:#e2fedc;}
.list_board th.left20, .list_board td.left20{padding-right:15px !important;padding-left:15px !important; text-align:left !important;}
.list_board td.no{font-size:24px; color:#ff3333;}
.list_board td *{vertical-align:middle;}
.list_board td .textbox{font-family:'NotoSansBold'; font-size:14px; color:#313f5b; background:#f9fbfb; border:1px solid #b3b8ba; border-radius:3px;-webkit-border-radius:3px;}
.list_board td input.textbox{width:80px; height:32px; padding-left:8px; line-height:32px;}
.list_board td input.textbox.center{width:88px; padding-left:0; text-align:center;}
.list_board td textarea.textbox{width:742px; height:166px; padding:8px; overflow-y:auto;}
.list_board tr.modify td{text-align:left; background:#f2f4f7;}
.list_board tr.active td{background:#f9fafb;}
.list_board td.left{text-align:left; padding-left:8px;}


.w100{width:100px !important;} 
.w130{width:130px !important;} 
.w200{width:200px !important;} 
.pd10{padding:10px !important;} 
.pd15{padding:15px !important;} 


.f13{font-size:13px !important;} 
.f14{font-size:14px !important;} 
.f15{font-size:16px !important;} 

.content {margin-left:12px; font-size:16px; line-height:20px;color:#252525; line-height:25px;word-wrap:break-word;word-break:break-all;}
.box_gray{padding:12px; font-size:16px; background:#f0efef; letter-spacing:-1px; width:100%; line-height:20px; padding:10px;color:#343333;line-height:23px;word-wrap:break-word;word-break:break-all;padding-right:20px;}
.box_gray_line{padding:12px; font-size:16px; letter-spacing:-1px; width:95%; line-height:20px; padding:10px;color:#343333;line-height:23px;word-wrap:break-word;word-break:break-all;padding-right:20px;border:1px solid #bbbbbb;text-align:center;}
.box_white{font-size:15px !important;margin-left:20px;padding:12px !important; font-size:16px; background:#fff; letter-spacing:-1px; width:83%; line-height:20px; padding:10px;color:#343333;line-height:23px;word-wrap:break-word;word-break:break-all;padding-right:20px;}
.box{padding:12px; font-size:16px; letter-spacing:-1px; width:95%; line-height:20px; padding:10px;color:#343333;line-height:23px;word-wrap:break-word;word-break:break-all;padding-right:20px;text-align:center;}

.box_gray .title{font-size:15px; line-height:17px;font-weight:500;word-wrap:break-word;word-break:break-all;padding-right:10px;}
.box_gray .text{margin-left:16px; padding-right:20px;font-size:15px; line-height:23px;word-wrap:break-word;word-break:break-all;margin-top:3px;}
.box_gray_user{display:inline-block; text-align:center; letter-spacing:-1px; border-radius:3px;-webkit-border-radius:3px;width:70px; height:24px; line-height:24px; font-size:12px; color:#556484 !important;background-color:#e5e8f1;}

.box_sky{font-size:16px; background:#cddaee; letter-spacing:-1px; width:100%; line-height:20px; padding:10px;color:#343333;line-height:23px;word-wrap:break-word;word-break:break-all;}
.box_sky .text{margin-left:3px; padding-right:20px;font-size:15px; line-height:23px;word-wrap:break-word;word-break:break-all;margin-top:3px;color:#004b9d;}

.btn_txt{color:#fff;display:inline-block; text-align:center; letter-spacing:-1px; border-radius:5px;-webkit-border-radius:5px; vertical-align:middle;}
.bgcolor_blue{background-color:#0681d8 !important;} /* class="btn_txt bgcolor_blue"*/

.bgcolor_navy{background-color:#2c4e82 !important;}
.bgcolor_gray{background-color:#909290 !important;}
.bgcolor_gray2{background-color:#aaaaaa !important;}

.bgcolor_orange{background-color:#f59b0c !important;}
.txt_s{height:37px; line-height:38px;width:100px;font-size:14px;}
.txt_m{height:80px; line-height:80px;width:200px; font-size:16px;word-wrap:break-word;word-break:break-all;}
.txt_l{height:50px; line-height:50px;width:220px;font-size:22px;}

.btn_link {display:inline-block;padding:12px; font-size:16px; background:#0681d8; letter-spacing:-1px; width:195px;height:32px;line-height:20px; color:#fff;line-height:30px;word-wrap:break-word;word-break:break-all;padding-right:20px;border-radius:5px;-webkit-border-radius:5px;text-align:center;vertical-align:middle; }
.btn_link_box {display:inline-block;padding:12px; font-size:16px; background:#0681d8; letter-spacing:-1px; width:120px;height:32px;line-height:20px; color:#fff;line-height:30px;word-wrap:break-word;word-break:break-all;padding-right:20px;text-align:center;vertical-align:middle; }
.f15{font-size:15px !important;}
.f14{font-size:14px !important;}
.f13{font-size:13px !important;}

.file_list{position:relative; margin-top:-30px; width:100%; overflow:hidden;}
.file_list li{float:left; display:block;   margin:5px 10px 0 10px;}

.btn_round{display:inline-block; text-align:center; font-family:'NotoSansBold'; font-size:14px; color:#fff; letter-spacing:-1px; border-radius:5px;-webkit-border-radius:20px; width:20px; height:20px; line-height:20px;font-size:11px;background-color:#FF8A00;margin-left:10px;}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    width: 200px;
    font-size:12px;
    line-height:20px;
    background-color: #e5e8f1;
    color: #000 !important;
    text-align: left;
    border-radius: 6px;
    padding: 10px 15px;
    visibility: hidden;
    margin-left:10px;


    /* Position the tooltip */
    position: absolute;
    z-index:99999;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    cursor:point;
}
.btn_round:hover {
    cursor:point;
}


.login_form {padding-top:60px;}
.login_form ul {width:100%;max-width:500px;}
.login_form li {display:table;width:100%;table-layout:fixed;box-sizing:border-box;}

.login_form li .th {display:table-cell;height:38px;width:25%; font-size:15px; font-weight:500; color:#3e3e3e;text-align:center; border-top:1px solid #cdcdcd; vertical-align:middle; background:#f2f2f3;}
.login_form li .th.top {border-top: 2px solid #d8d8d8;}
.login_form li .th.bottom {border-bottom: 1px solid #d8d8d8;}
.login_form li .td {display:table-cell;height:38px; line-height:38px; width:75%; padding:9px 10px 9px 20px; font-size:15px; color:#3e3e3e; text-align:left; border-top:1px solid #cdcdcd; vertical-align:middle;}
.login_form li .td.ta {line-height:unset; }
.login_form li .td:first-child {border-top:0;}
.login_form li .td.top {border-top: 2px solid #d8d8d8;}
.login_form li .td.bottom {border-bottom: 1px solid #d8d8d8;}
.login_form li .td span {padding:0 5px; color:#777;}
.login_form input[type=text],input[type=password],
.login_form select {border:1px solid #b3b8ba; width:160px; height:37px; line-height:37px; vertical-align:top; padding-left:20px; font-size:15px; color:#a5a5a5; box-sizing:border-box;border:1px solid #b3b8ba; border-radius:3px;-webkit-border-radius:3px;}

.fl_left{float:left;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.reply{text-align:left !important;padding-left:10px;line-height:25px;}


#align {  
width:100%;  
text-align:center;  
}  
  
#content {  
margin:0 auto;
width:350px; 
text-align:left;  
}  
.login_btn{margin-left:10px; width:440px !important; height:43px; line-height:50px; font-size:13px; font-weight:300;color:#333; background:#fff; border:1px solid #bfbfbf; }

.ul_list{position:relative; margin-top:10px; width:100%; max-width:720px; overflow:hidden;}
.ul_list li{float:left; display:block; width:220px; margin:5px 10px 0 10px;}

.ul_list2{position:relative; margin-top:38px; width:100%; overflow:hidden;}
.ul_list2 li{float:left;    margin:5px 10px 0 10px;}

.ul_list3{position:relative; margin-top:38px; width:100%; max-width:720px; overflow:hidden;}
.ul_list3 li{float:left; display:block; width:120px; margin:5px 10px 0 10px;}

.box_btn{display:inline-block;padding:12px; font-size:16px; background:#0681d8; letter-spacing:-1px; width:200px;height:40px;line-height:20px; padding:10px;color:#fff;word-wrap:break-word;word-break:break-all;border-radius:5px;-webkit-border-radius:5px;text-align:center;vertical-align:middle; }
.box_btn span{display:inline-block;width:0;height:100%;vertical-align:middle}

.box_round {text-align:center; border:1px solid #cdcdcd; padding:20px 99px; line-height:20px; padding:10px;color:#343333;line-height:23px; border-radius:10px;-webkit-border-radius:10px;word-wrap:break-word;word-break:break-all;}


.list_faq{margin: 30px 0 0 0;border-top:1px solid #9f9f9f; border-bottom:1px solid #cdcdcd}
.list_faq dl + dl{border-top:1px solid #cdcdcd}
.list_faq dl dt, .list_faq dl dd{display:block; letter-spacing:-0.1em}
.list_faq dl dt{position:relative; font-size:16px; background:url(../images/faq_q.png) 10px center no-repeat; cursor:pointer}
.list_faq dl dt a{display:block; padding:18px 51px 17px 50px; min-height:20px; color:#666}
.list_faq dl dd{display:none; font-size:16px; background:#f8f8f8 url(../images/faq_a.png) 10px 11px no-repeat; border-top:1px solid #cdcdcd; padding:19px 51px 20px 50px; line-height:20px; }