@charset "utf-8";
 
 	.btnLoginContainer p {position: absolute;right: 26px;top: 20px}
 
 	.vertical_table { width:100%; border-collapse:collapse; border-spacing:0; }
	.vertical_table th, .vertical_table td { padding:8px 10px; font-size:13px; border:1px solid #d9d9d9; word-break:break-all; }
	.vertical_table th { font-weight:600; color:#0d4676; text-align:center; background:#eef3f9; border-left:0; }
	.vertical_table td { color:#3b3b3b; text-align:left; border-right:0; }
	input[type=text] { display:inline-block; height:28px; line-height:28px; padding:0 7px; border:1px solid #d9d9d9; vertical-align:middle; }
	input[type=password] { display:inline-block; height:28px; line-height:28px; padding:0 7px; border:1px solid #d9d9d9; vertical-align:middle; }
	
	.btn_area { display:block; margin:5px 0 0; text-align:center; overflow:hidden; }
	.btn {
	  border-radius: 3px;
	  font-size: 13px;
	  min-width:67px; 
	  padding:7px 10px;
	  outline: none !important;
	  font-family: 'Nanum Gothic', Malgun Gothic, sans-serif;
	  box-sizing:border-box; 
	}
	.btn-primary {
	  background-color: #185283 !important;
	  border: 1px solid #185283 !important;
	}
	
 	.btn2{
	    background-color: #1a4a97;
	    color: #dfe8f2;
	    border-style: none;
	    border-radius: 3px;
	    argin-left: 10px;
	    bottom: 25px;
	    cursor: pointer;
	    width: 150px;
	    height: 30px;
	}
	
	.btn3{width: 80px; height: 30px; padding: 0px; display: inline-block; border: 0px;}  
	
	.v_text { display:block; padding:5px 0; font-size:13px; font-weight:400; color:#3b3b3b; text-align:right; }
	
	ul.tabbox {margin:20px 0px 20px 0px;font-size:13px; font-weight:400;}
    ul.tabbox li {display:inline-block; height:31px; padding-right:0px;}

	ul.tabbox {height:31px; repeat-x 0 100%}
	ul.tabbox li {float:left; width:49.5%; height:31px;}
	ul.tabbox li a {display:block; height:31px; text-align:center; background:#f1f8fd; border-width:1px 1px 1px 0; border-style:solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-color:#c5c5c5 #c5c5c5 #1674b9 #c5c5c5; color:#555; line-height:31px}
	ul.tabbox li:first-child a {border-left:1px solid #c5c5c5}
	ul.tabbox li.on a {background:#1674b9; border-width:1px !important; border-color:#3068a2 #3068a2 #3068a2 #3068a2; color:#fff; font-weight:400;}
	ul.tabbox li a:hover, ul.tabbox li a:focus, ul.tabbox li a:active {background:#1674b9; color:#cbe3ff; text-decoration:none;}
	.loginSelect select {color:#666;padding-right:30px;padding-left:8px;line-height:32px;border-radius:3px;height:32px;border:1px solid #bec9cf;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none; background:#fff url(/css/read/images/bg_selectArrow.png) right center no-repeat!important;}
	
	.fchelp { position: relative; display: inline-block; }
	.fchelp .txt_help {
	    display: none;
	    position: absolute;
	    top: 100%;
	    left: 50%;
	    transform: translateX(-50%);
	    background-color: #f9f9f9;
	    border: 1px solid #ccc;
	    padding: 10px;
	    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	    z-index: 100;
	    white-space: nowrap;
	}
	.fchelp:hover .txt_help { display: block;}
	
    .radio-container {text-align: center; margin-bottom: 10px;}
    
     .overlay {
          display: none; /* 기본적으로 숨김 */
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          z-index: 1000;
      }
      
    .title {height:50px;}
    
    .contents {padding: 5px; background-color:#eef3f9; border: 1px solid #e2eaf3; height:300px; overflow: auto;}
    
    .regDt {text-align:right; margin-top: 20px;}
    
    .popupCheck { margin-top: 5px; }
    
    .popupCheck span {font-size: 11px;}
    
    .icon_box {
    	display: block;
    	width: 38px;
    	height: 39px;
    	font-size: 0;
    	color: transparent;
    	border-radius: 50%;
    	no-repeat center;
    	background: #b7b7b7 url('/assets/images/icon_modify.png') no-repeat center;
	}	
	
	.modify_table { width:100%; border-collapse:collapse; border-spacing:0; }
	.modify_table th, .modify_table td { padding:8px 10px; font-size:13px; border:1px solid #d9d9d9; word-break:break-all; }
	.modify_table th { font-weight:600; color:#0d4676; text-align:center; background:#eef3f9; border-left:0; }
	.modify_table td { color:#3b3b3b; text-align:left; border-right:0; }
		
   .search_bottom{
	    idth:42%;
		display: flex;
	    float:right;
		margin-right: 110px;
	    position: relative;
	}
	
	.search_bottom .menu{
		display: flex;
	}
	.search_bottom .menu li{
		margin: auto 0;
		margin-right: 20px;
	}
	.search_bottom .menu li::after{
		content: '';
		position: absolute;
		top: calc(50% - 5px);
		width: 1px;
		height: 12px;
		margin-left: 9.5px;
		background: #003399;
	}
	.search_bottom .menu .btn2{
		margin-left: 3px;
		margin-right: 3px;
		font-weight: 600;
	}
	.search_bottom .menu a{
		color: #003399;
		font-weight: 600;
		transition: color .35s;
	}
	.search_bottom .menu a1::after{
		content: '';
		position: absolute;
		left: 8%;
		bottom: 4px;
		height: 1px;
		width: 0;
		background: #9966ff;
		transition: width .35s;
		transform: translateX(-50%);
	}
	.search_bottom .menu a:hover::after{
		width: 16%;
	}
	.search_bottom .menu a:hover{
		color: #9966ff;
	}
	
	.search_bottom select{
	    width: 180px;
	    height: 30px;
	    background-color: #e7effc;
	    color: #3f5671;
	    font-size: 1.04em;
	    border:1px solid #b8b2bd;
	    border-radius: 3px;
	    margin-left: 500px;    
	    font-weight: 600;
	    background-image: url(../img/select_icon.png);
	    background-repeat: no-repeat;
	    background-position: 95% 50%;
	    appearance: none;
	}