/* Font -------------------------------------------------------------------------------------------------------------*/
@charset "utf-8";
@font-face{
  font-family:'GothicLight'; 
  font-style:normal; 
  font-weight:bold; 
  src:url('NanumBarunGothicLight.eot'); 
  src:local("가는나눔바른고딕"), 
      url('/common/font/NanumBarunGothicLight.woff') format('woff'), 
      url('/common/font/NanumBarunGothicLight.ttf') format('truetype'); 
}

@font-face{
  font-family:'Gothic'; 
  font-style:normal; 
  font-weight:bold; 
  src:url('NanumBarunGothic.eot'); 
  src:local("나눔바른고딕"), 
      url('/common/font/NanumBarunGothic.woff') format('woff'), 
      url('/common/font/NanumBarunGothic.ttf') format('truetype'); 
}

@font-face{
  font-family:'GothicBold'; 
  font-style:normal; 
  font-weight:bold; 
  src:url('NanumBarunGothicBold.eot'); 
  src:local('나눔바른고딕볼드'), 
      url('/common/font/NanumBarunGothicBold.woff') format('woff'), 
      url('/common/font/NanumBarunGothicBold.ttf') format('truetype'); 
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/common/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(/common/font/NotoSansKR-Thin.woff) format('woff'),
       url(/common/font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: url(/common/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/common/font/NotoSansKR-Light.woff) format('woff'),
       url(/common/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/common/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/common/font/NotoSansKR-Light.woff) format('woff'),
       url(/common/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/common/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/common/font/NotoSansKR-Regular.woff) format('woff'),
        url(/common/font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/common/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/common/font/NotoSansKR-Medium.woff) format('woff'),
        url(/common/font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(/common/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/common/font/NotoSansKR-Medium.woff) format('woff'),
        url(/common/font/NotoSansKR-Medium.otf) format('opentype');
 } 
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/common/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/common/font/NotoSansKR-Bold.woff) format('woff'),
        url(/common/font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 800;
   src: url(/common/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/common/font/NotoSansKR-Bold.woff) format('woff'),
        url(/common/font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/common/font/NotoSansKR-Black.woff2) format('woff2'),
        url(/common/font/NotoSansKR-Black.woff) format('woff'),
        url(/common/font/NotoSansKR-Black.otf) format('opentype');
 }


/* END Font -------------------------------------------------------------------------------------------------------------*/



/* Hint */
/*
letter-spacing : 3px;  // 자평
word-spacing : 3px;    // 자간
line-height : 200%     // 줄간격
border-collapse:collapse;
word-break: keep-all;  // 글자 줄바꿈 안함
*/




/* Reset -------------------------------------------------------------------------------------------------------------*/
html {margin:0;padding:0;border:0;}

/* 여백 초기화 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,figure,figcaption{margin:0;padding:0}

/* 테두리 초기화 */
fieldset,img,video{border:0 none; width:100%; display:block;}

/* 리스트 초기화 */
dl,ul,ol,menu,li{list-style:none;}

/* 폰트 초기화 */
body,ul,li,th,td,input,select,textarea,button,table,pre{font-size:14px;font-weight: 400;font-family:'Noto Sans KR',sans-serif;color:#222;letter-spacing: -0.5px;}
a{color:#3161B5;text-decoration:none;cursor:pointer;}
a:hover{color:#CCD8EC;}
a:active{color:#CCD8EC;}

/* 폰트 스타일 초기화 */
address,caption,cite,code,dfn,em,var{font-style:normal;}

/* 시멘틱 요소 블록화 */
header, aside, article, footer, hgroup, menu, nav, section, details, figure, figcaption {display:block; }

/* 제목 폰트 초기화 */
h1, h2, h3, h4, h5, h6, strong {font-size:14px;}

/* 브라인드 효과 */
.blind {display:block; overflow:hidden; width:0; height:0; position:absolute; top:0; left:0; font-size:0; line-height:0 }

/* clearfix : float를 사용하고 싶은 부모에 적용 (플롯의 영향력 차단) */
.clearfix:before,.clearfix:after {display:block;content:'';line-height:0;}
.clearfix:after {clear:both;}

/* END Reset -------------------------------------------------------------------------------------------------------------*/


/* input */
input {background: #fff; border:1px solid #d3d3d3; padding:2px; font-weight: 400; -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;}
input:focus,select:focus,textarea:focus { outline: 1px solid #3161B5; }
input::placeholder {color: #D3D3D3 !important;}
input[type="radio"] {width:26px; height:16px;}
input[type="radio"]+label, input[type="checkbox"]+label{font-size: 14px;}
input[type="radio"]:focus, input[type="checkbox"]:focus{outline: none;}
input[type="checkbox"]:focus{outline: none;}
input[type="checkbox"] {width:26px; height:16px;}
input[type="text"]:disabled {background:#E8E8E8;}
input[type="button"]:disabled {background:#E8E8E8;}

textarea:disabled {background:#E8E8E8;}
textarea{padding: 3px; box-sizing: border-box; resize: none; border:1px solid #d3d3d3;text-size-adjust:none;}
.textarea_readonly {border:0; padding:0;}
.textarea_readonly:focus { outline: 0px}

/* select box */
select {
  width: 200px;
  height: 30px;
  padding: 0 4px; margin: 0px;
  background: url('/common/img/arrow.png') no-repeat 95% 50%;  
  border: 1px solid #d3d3d3; 
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  vertical-align:top;  
}
select option {	height: 30px; padding: 5px 0; margin:5px 0;}	
select option[value=""] { color:#D3D3D3;}
select::-ms-expand { display: none; }
select:disabled { background: #E8E8E8 url('/img/arrow.png') no-repeat 95% 50%; }
.select_line { height:30px; padding:0 4px;; margin:0;}
.select_line > option {color: #222222;}
.select_line > option[value=""] {color: #d3d3d3;}

h1 {font-family: 'Noto Sans KR'; font-weight:300px;text-align:center;font-size: 28px; border-bottom: 1px solid #cdcdcd; color: #000000; padding: 30px 0 30px 0 ; margin-bottom:10px;}
h1 > .guide {float:right;cursor:pointer;width:28px;height:28px;vertical-align:middle;content:url('/common/img/information.png');margin-top:8px;}
h1 > .guide:hover {opacity:0.7}

h2 {height:40px; padding: 15px 0 0 1px; font-size:20px; text-align:left; margin:1px 0 1px 0; border:0px solid #000000; color:#747474;}

/* 타이틀 */
h3 {}

h4 {}

h5 {}

h6 {}


/* div box */
.box1 { width: 100%; margin-bottom: 10px; }
.box1:after { content: ""; display: block; clear: both; }
.box1 > .lbox { padding-top: 20px; float: left; }
.box1 > .rbox { float: right; }
.box1 > .rbox > .sbox { width: 100px; height: 38px; padding: 6px; margin-right: 2px; }
.box1 > .rbox > .sbox > option {color: #222222;}
.box1 > .rbox > .sbox > option[value=""] {color: #d3d3d3;}
.box1 > .rbox > .tbox { width: 200px; background: #fff; border:1px solid #d3d3d3; padding:8px 9px; font-weight: 300; -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box; }

.box2 {padding:20px 0;font-size:18px;text-align:center;line-height:30px;word-break: keep-all;}

.box3 {padding:20px 0;font-size:18px;text-align:left;line-height:30px;word-break: keep-all;}

.box4 {text-align:center; border:0; height:30px;   
		margin:0; margin-bottom:0px; padding: 10px 2px 2px 2px;}  

.box_guide {display:none;background:#F3F3F3;margin:10px 0; padding:20px;border:1px solid #BABABA;font-size:14px;text-align:left;line-height:26px;}

/* input text */
.txt_box1 {height:30px; width:200px; line-height: 30px; font-size: 12pt; color: #333333; border: 1px solid #d3d3d3; padding:0 4px; margin:0; display: inline-block;}
.txt_box1:disabled {background-color: #E8E8E8;}

.txt_box2 {height:25px; width:150px; font-size: 11pt; color: #333333; border: 1px solid #d3d3d3; padding:1px 1px; margin:0; ime-mode:disabled; text-align:right;}
.txt_box2:disabled {background-color: #E8E8E8;}

.txt_box3 {height:25px; width:90px; font-size: 11pt; color: #333333; border: 1px solid #d3d3d3; padding:1px 1px; margin:0;}
.txt_box3:disabled {background-color: #E8E8E8;}

.txt_box4 {height:30px; width:150px; font-size: 12pt; color: #333333; border: 1px solid #a9a9a9; padding:1px 1px; margin:0; ime-mode:disabled; text-align:right;}
.txt_box4:disabled {background-color: #F0F0E4;}

.txt_box5 {height:30px; width:150px; font-size: 12pt; color: #333333; border: 1px solid #a9a9a9; padding:1px 1px; margin:0; text-align:right;}
.txt_box5:disabled {background-color: #F0F0E4;}

.txt_box6 {text-align:center; height:16px; width:12pt; font-size: 9pt; color: #333333; border: 1px solid #a9a9a9; padding:0 1px 2px 1px; margin:0px;}
.txt_box6:disabled {background-color: #F0F0E4;}

/* input file */
.file_box1 {width:150px; height:24px; vertical-align:middle; font-size: 8pt; padding: 1px; margin:0;}
.file_box2 {width:400px; height:24px; vertical-align:middle; font-size: 8pt; padding: 1px; margin:0;}
.file_img {width:16px;height:16px;display:inline;vertical-align:middle;}

/* checkbox */
.checkbox1 {width:14px; height:14px; vertical-align:middle; border:none;}


/* input_radio */
.input_radio1 {vertical-align:middle;}

/* input-radio */
.mInput_radio {position:absolute;left:-9999px; }
.mInput_radio_label {font-size:14px;}
.mInput_radio_label .mInput_radio_ico {display:inline-block;width:28px;height:28px;margin-top:0px;background:url('/common/img/input.png') no-repeat;overflow:hidden;font-size:0;line-height:0;vertical-align:middle}
.mInput_radio_on .mInput_radio_ico {background-position:-39px 0}

/* input-check */
.mInput_check {position:absolute;left:-9999px}
.mInput_check_label {font-size:14px;line-height:1.3}
.mInput_check_label .mInput_check_ico {display:inline-block; width:28px;height:28px;margin-top:0px;background:url('/common/img/input.png') -80px 0 no-repeat;overflow:hidden;font-size:0;line-height:0;vertical-align:middle}
.mInput_check_on .mInput_check_ico {background-position:-122px 0}
.mInput_check_on {color:#555}

/* text label */
.txt_label1 {height:14px; font-size: 8pt; color: #333333; padding: 8px 0 0 0px; margin:0; text-align:left; width:140px;}
			

.txt_label2 {height:22px; font-size: 10pt; color: #333333; padding: 4px 0px 0 14px;margin:0; text-align:left;
			background-image:url('/common/img/arrow1.png');background-repeat: no-repeat; background-position:0 2px;border:0px solid #000000;}

/* 우측정렬 */
.txt_label3 {height:22px; font-size: 10pt; color: #333333; padding: 1px; margin:0; text-align:right !important;}

/* 좌측정렬 */
.txt_label4 {height:22px; font-size: 12pt; color: #333333; padding: 1px; margin:0; text-align:left;}

/* 중앙정렬 */
.txt_label5 {height:22px; font-size: 12pt; color: #333333; padding: 1px; margin:0; text-align:center;}

/* button */
.btn1 {cursor:pointer; border:0px solid #D8D8D8; width:50px; height:38px; color:#FFFFFF; text-decoration: none; background:#3161B5; margin:0px 1px; background-repeat: no-repeat;}
.btn1:hover {background:#017BA0;}
.btn1:active {background:#017BA0;}

.btn2 {background-color: #005FBF; border: 1px solid #005FBF; width: 100px; height: 38px; color: #FFFFFF; text-decoration: none; margin: 0px 1px; cursor: pointer;}
.btn2:hover {background-color: #003D78;}
.btn2:active {background-color: #003D78;}

.btn3 {background-color:#005FBF; border: 1px solid #005FBF; width:100px; height:26px; color:#FFFFFF; text-decoration: none; vertical-align: middle;display: inline-block; margin:0; cursor:pointer;}
.btn3:hover {background-color:#003D78;color:#FFFFFF;}
.btn3:active {background-color:#003D78;color:#FFFFFF;}

.btn7 {cursor:pointer; border:1px solid #3161B5; background-color:#3161B5; width:50px; height:38px; color:#FFFFFF; text-decoration: none; margin:0px 1px; margin:0;}
.btn7:hover {opacity:0.5;}
.btn7:active {opacity:0.5;}

.btn_dialog1 {float:right; border:1px solid #3161B5;text-align:center; background: #3161B5; color: #FFFFFF; font-size: 17px; height: 50px; width: 80px; cursor: pointer;border-radius: 5px; margin:0 1px 5px 5px;}
.btn_dialog2 {float:right; border:1px solid #C3C3C3;border-radius:5px; text-align:center; background: #FFFFFF; color: #000000; font-size: 17px; height: 50px; width: 80px; cursor: pointer;border-radius: 5px; margin:0 1px 5px 5px;}
.btn_dialog3 {float:right; border:1px solid #D90A15;text-align:center; background: #D90A15; color: #FFFFFF; font-size: 17px; height: 50px; width: 80px; cursor: pointer;border-radius: 5px; margin:0 1px 5px 5px;}

.btn_normal {cursor:pointer; border:1px solid #808080; background-color:#ffffff; width:50px; height:38px; color:#000000; text-decoration: none; margin:0px 1px;}
.btn_normal:hover {background-color:#E2E9F4;color:#000000;border:1px solid #3161B5;}
.btn_normal:active {background-color:#E2E9F4;color:#000000;border:1px solid #3161B5;}

.btn_line {background-color:#FFFFFF; border:1px solid #CBCBCB; width:60px; height:30px; color:#6b6b6b; text-decoration: none; margin:0px 1px; vertical-align: middle;display: inline-block; margin:0; cursor:pointer;}
.btn_line:hover {background-color:#E2E9F4;color:#000000;border:1px solid #3161B5;}
.btn_line:active {background-color:#E2E9F4;color:#000000;border:1px solid #3161B5;}

.btn_line1 {background-color:none; border:0; color:#3161B5; padding:1px 4px; margin:0; vertical-align: middle;display: inline-block; margin:0; cursor:pointer;text-decoration:underline;}
.btn_line1:hover {border:0;color:#6b6b6b;text-decoration:underline;}
.btn_line1:active {border:0;color:#6b6b6b;text-decoration:underline;}

.btn_line2 {background-color: #3161B5; border: 1px solid #3161B5; width: 40px; height: 30px; color: #FFFFFF; text-decoration: none; padding: 0px 2px; margin: 0; cursor: pointer;}
.btn_line2:hover {background-color: #3161B5;}
.btn_line2:active {background-color: #3161B5;}

.btn_file {cursor: pointer; display: inline-block; vertical-align: middle; overflow: hidden; width: 70px; height: 28px; padding:1px 2px; border:1px solid #3161B5; background: #3161B5; color: #fff; text-align: center; line-height: 28px;}
.btn_file:hover {color:#cdcdcd; border:1px solid #3161B5;}
.btn_file:active {color:#cdcdcd; border:1px solid #3161B5;}

.btn_file_add {cursor: pointer; display: inline-block; vertical-align: middle; overflow: hidden; width: 40px; height: 28px; padding:1px 2px; border:1px solid #808080; background: #FFFFFF; color: #6b6b6b; text-align: center; line-height: 28px;}
.btn_file_add:hover {color:#cdcdcd; border:1px solid #3161B5;}
.btn_file_add:active {color:#cdcdcd; border:1px solid #3161B5;}

.btn_file_del {cursor: pointer; display: inline-block; vertical-align: middle; overflow: hidden; width: 40px; height: 28px; padding:1px 2px; border:1px solid #808080; background: #FFFFFF; color: #6b6b6b; text-align: center; line-height: 28px;}
.btn_file_del:hover {color:#cdcdcd; border:1px solid #808080;}
.btn_file_del:active {color:#cdcdcd; border:1px solid #808080;}

.btn_search {position:relative;display:inline;background:#FFFFFF;border-radius:0px;padding:8px;border:1px solid #cdcdcd;}
.btn_search > input {border:0;outline:0;padding:0;margin:0;width:150px;height:30px;}
.btn_search > img {position:relative;top:8px;width:25px;display:inline-block;cursor:pointer;}

.btn_calendar {border:0px solid #808080; width:29px; height:29px; color:#FFFFFF; text-decoration: none;
  			   background-image:url('/common/img/calendar.png');background-repeat: no-repeat; background-position: center center;}
.btn_calendar:hover {color:#D8D8D8;}
.btn_calendar:active {color:#D8D8D8;}

.btn_login_info {border:0px solid #808080; width:80px; height:22px; color:#FFFFFF; text-decoration: none; background-color:#CB192A}
.btn_login_info:hover {color:#D8D8D8;}
.btn_login_info:active {color:#D8D8D8;}

.btn_plus {border:0px solid #808080; width:20px; height:20px; padding:0; margin:0; border:1px solid #CFCFCF;
			background:url('/common/img/product_plus.png') no-repeat center center;}
.btn_plus:hover {background-color:#D8D8D8;}
.btn_plus:active {background-color:#D8D8D8;}

.btn_minus {border:0px solid #808080; width:20px; height:20px; padding:0; margin:0; border:1px solid #CFCFCF;
			background:url('/common/img/product_minus.png') no-repeat center center;}
.btn_minus:hover {background-color:#D8D8D8;}
.btn_minus:active {background-color:#D8D8D8;}

.btn_list {float:left;border:0px solid #D8D8D8; width:38px; height:38px; color:#FFFFFF; text-decoration: none;  padding:0px 1px; margin:0 0 0 0px;
  				background:url('/common/img/btn_list_11.png') no-repeat center center; cursor: pointer;}
.btn_list:hover {background:url('/common/img/btn_list_11.png') no-repeat center center;}
.btn_list:active {background:url('/common/img/btn_list_11.png') no-repeat center center;}

.btn_pic {float:left;border:0px solid #D8D8D8; width:38px; height:38px; color:#FFFFFF; text-decoration: none;  padding:0px 1px; margin:0 0 0 0px;
  				background:url('/common/img/btn_pic_11.png') no-repeat center center; cursor: pointer;}
.btn_pic:hover {background:url('/common/img/btn_pic_11.png') no-repeat center center;}
.btn_pic:active {background:url('/common/img/btn_pic_11.png') no-repeat center center;}

/* datepicker*/
.datepicker {
	width: 130px;
	padding:8px 6px;
	background: url(/common/img/calendar.png) no-repeat 100px 7px;
	border:1px solid #d3d3d3;
		
}

/* 게시판 LIST 가운데정렬*/
table,th,td {/* border: 1px solid #D8D8D8;  */word-break: keep-all; border-collapse: collapse; font-weight: 300;font-family:'Noto Sans KR'}
caption {font-size: 150%; font-weight: normal; margin: 5px;}
thead {}
tbody {}
tfoot {}

.board0 {border:0; width:100%;}
.board0 tr, .board0 tr th, .board0 tr td {border:0; background:#FFFFFF;}

/* table 리스트 */
.board1 {border-top: 2px solid #6b6b6b; border-bottom:0px solid #6b6b6b; width:100%;}
.board1 tr {border-bottom:1px solid #D8D8D8;}
.board1 th {font-size:14px; height:30px; padding: 10px 2px; text-align:center; line-height:20px; background:#F7F7F7;}
.board1 td {font-size:14px; height:30px; padding: 10px 2px; text-align:center; line-height:20px;}
.board1 .bLeft  {text-align:left;}
.board1 .bCenter  {text-align:center;}
.board1 .bRight  {text-align:right;}


/* table 상세 */
.board2 {border: none; border-top: 2px solid #6b6b6b; border-bottom: 0px solid #6b6b6b;	margin-top: 5px; width:100%;}
.board2 caption {font-size: 150%; font-weight: normal; margin: 5px;}                         
.board2 th {height:30px; word-break: keep-all; vertical-align:middle; font-size:14px; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-left:0px solid #D8D8D8; border-right:0px solid #D8D8D8; 
			text-align:center; padding: 10px 2px; line-height:20px; background:#F7F7F7; } 	 
.board2 td {font-size:14px; height:30px; word-break: keep-all; background: #fff; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-left:0px solid #D8D8D8; border-right:0; text-align:left; padding: 10px 2px; line-height:20px;}
.board2 thead th { text-align: left; color: #4F76A3; font-size: 100% !important;}
.board2 tbody th { font-weight: normal; background-color: none;}                    
.board2 tbody tr { background: #FCFDFE; }
.board2 .bLeft  {text-align:left;}
.board2 .bCenter  {text-align:center;}
.board2 .bRight  {text-align:right;}

/* table 상세 */
.board3 {border-top: 2px solid #6b6b6b; border-bottom:0px solid #6b6b6b; width:100%;}
.board3 tr {border-bottom:1px solid #D8D8D8;}
.board3 th {font-size:14px; height:30px; padding: 10px 5px; text-align:center; line-height:20px; background:#F7F7F7; border:1px solid #D8D8D8;}
.board3 td {font-size:14px; height:30px; padding: 10px 5px; text-align:center; line-height:20px; border:1px solid #D8D8D8;}
.board3 .bLeft  {text-align:left;}
.board3 .bCenter  {text-align:center;}
.board3 .bRight  {text-align:right;}


/* table 상세 넓은가격 테두리 */
.board4 {border: none; border-top: 2px solid #6b6b6b; border-bottom: 1px solid #6b6b6b;	margin-top: 5px; width:100%;}
.board4 caption {font-size: 150%; font-weight: normal; margin: 5px;}                         
.board4 th {height:30px; word-break: keep-all; vertical-align:middle; font-size:14px; border:1px solid #D8D8D8; 
			text-align:center; padding: 5px 2px; line-height:20px; background:#F7F7F7; } 	 
.board4 td {height:30px; word-break: keep-all; background: #fff; border:1px solid #D8D8D8; text-align:left; padding: 5px 2px; line-height:20px;}
.board4 thead th { text-align: left; color: #4F76A3; font-size: 100% !important;}
.board4 tbody th { font-weight: normal; background-color: none;}                    
.board4 tbody tr { background: #FCFDFE; }

/* table 리스트 좁은간격 테두리 */
.board5 {border-top: 2px solid #6b6b6b; border-bottom:1px solid #6b6b6b; width:100%;}
.board5_brown {border-top:2px solid #BB9569;}
.board5_blue {border-top:2px solid #3161B5;}
.board5 tr {border-bottom:1px solid #D8D8D8;}
.board5 tr:last-child {border-bottom:0;}
.board5 th {padding: 2px; text-align:center; line-height:20px; font-size:13px; background:#F7F7F7; border:1px solid #D8D8D8;}
.board5 td {padding: 2px; text-align:center; line-height:20px; font-size:13px; border:1px solid #D8D8D8;}
.board5 .bLeft  {text-align:left;}
.board5 .bCenter  {text-align:center;}
.board5 .bRight  {text-align:right;}

/* table 상세 좁은간격 테두리 */
.board6 {width:100%;}
.board6 th {font-size:13px; border:1px solid #D8D8D8; text-align:center; padding:2px; line-height:20px; background:#F7F7F7; } 	 
.board6 td {font-size:13px; border:1px solid #D8D8D8; text-align:left; padding:2px; line-height:20px;word-break:break-all;}



/* PDF 기본양식 */
.board_print1 table {border: 1px solid #D8D8D8;}
.board_print1 th {vertical-align:middle; line-height: 10pt; font-size:14px; border-top:1px solid #343434; border-bottom:0px solid #343434; border-left:0px solid #343434; border-right:0px solid #343434; padding: 10px 5px; 
			      text-align:center; background:#EFEFEF;}	 
.board_print1 td {line-height: 10pt;  border-top:1px solid #343434; border-bottom:0px solid #343434; border-right:0; padding: 5px 2px; text-align:left;}
.board_print1 thead th {text-align: left;	color: #040404;	font-size: 100% !important;}
.board_print1 tbody th {font-weight: normal; background-color: none;}                    
.board_print1 tbody tr { background: #FCFDFE; }

/* PDF LIST 가운데정렬 */
.board_print2 table {border: 1px solid #343434;}                         
.board_print2 th {color:#040404; line-height: 10pt; background:#EFEFEF; border-top:1px solid #343434; border-bottom:1px solid #343434; border-left:0px solid #343434; border-right:1px solid #343434; padding: 10px 5px; text-align:center;}
.board_print2 td {color:#0C0C0C; line-height: 10pt; border-top:0px solid #343434; border-bottom:1px solid #343434; border-left:0px solid #343434; border-right:1px solid #343434; padding: 10px 5px; text-align:center;}

.board_print3 table {border: 1px solid #343434;}                         
.board_print3 th {color:#040404; line-height: 12pt; background:#EFEFEF; border-top:1px solid #343434; border-bottom:1px solid #343434; border-left:0px solid #343434; border-right:1px solid #343434; padding: 7px 5px; text-align:center;}
.board_print3 td {color:#0C0C0C; line-height: 12pt; border-top:0px solid #343434; border-bottom:1px solid #343434; border-left:0px solid #343434; border-right:1px solid #343434; padding: 7px 5px; text-align:center;}


.boxPaging {margin: 1px; text-align:center; margin:20px 0 0 0;}
.boxPaging a {border:0px solid #ccc;padding: 0;}
.boxPaging strong {border:1px solid #ccc;padding:0;background:ivory;font-weight:700;}

.boxPaging ul {margin: 0px; border:0px solid #FF0044;display:inline-block;}
.boxPaging ul li {float:left;cursor:pointer; margin:0px 5px; border:1px solid #A0A0A0; padding:5px 0 0 0; width:30px; height:25px; font-size:14px; line-height: 1.5em;}
.boxPaging ul .paging_group_arrow_left {background: url(/common/img/paging_group_arrow_left_3.png) no-repeat center center; width:30px; height:25px;}
.boxPaging ul .paging_arrow_left {background: url(/common/img/paging_arrow_left_3.png) no-repeat center center; width:30px; height:25px;}
.boxPaging ul .paging_group_arrow_right {background: url(/common/img/paging_group_arrow_right_3.png) no-repeat center center; width:30px; height:25px;}
.boxPaging ul .paging_arrow_right {background: url(/common/img/paging_arrow_right_3.png) no-repeat center center; width:30px; height:25px;}
.boxPaging ul .paging_list_num {margin:0px 5px;}
.boxPaging ul .paging_num {color:#A0A0A0; font-size:15px;}
.boxPaging ul .paging_num:hover {color:#051330; font-size:15px;}
.boxPaging ul .paging_selected_num {background-color:#3161B5; color:#FFFFFF; font-size:15px; border:1px solid #3161B5;}
.boxPaging ul .paging_line {color:#FF0000;}

.all
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#ffffff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:100;
	display:inline;
	text-align: center;
	vertical-align:middle;
	display:none;		
}


/* Modal */
.ff-modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#ffffff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}
.ff-modal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
	background:#fff;
	/*border: 1px solid #a50000;*/
}
* html .ff-modal-window
{
	position:absolute;
}
.ff-close-window
{
	position:absolute;
	width:32px;
	height:32px;
	right:8px;
	top:8px;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.ff-close-window:hover
{
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}


 
		.ff-dialogBox {
			overflow:	hidden;	/* eliminate space for scrollbar in dialog - not needed when using a layout */
			
			margin: 0;
			padding:	0;		/* nullify ui-widget-content */
			padding-top: 4px;	/* add some white-space below titlebar for cosmetics */
			/* COULD add a border and/or padding if desire a different look...
			padding:	6px;
			border:		1px solid #BBB;
			*/
		}
		.ff-dialogBox {
			/*
			 
	THIS HACK FIXES A DIALOG BOX POSITIONING BUG
			 
	prevents incorrect top/left values that are applied from taking effect
			 
	This page now uses a patched version of UI 1.8.1, so this hack no longer required
			 
	SEE UI Ticket #5662 - http://dev.jqueryui.com/ticket/5662#comment:3 
			top:		0 !important;
			left:		0 !important;
			 */
			/* background:	#AFA; DEBUGGING */
			/*position:	relative; - triggers resizeable._alsoResize bug when using Opera */
			}
			.ff-dialogBox .ui-widget-content {
				/* nullify ui-widget-content bg-image - but KEEP widget bg-color */
				background-image: none;
			}
			.ff-dialogBox .ui-layout-pane {
				/* start by removing all padding & scrolling */
				padding:	0;
				overflow:	hidden;
			}
			.ff-dialogBox .pane-header ,
			.ff-dialogBox .ui-layout-content ,
			.ff-dialogBox .ui-layout-south {
				padding:	5px 10px;
			}
			.ff-dialogBox .pane-header {
				border-width:	0 0 1px; /* nullify ui-widget-content border, except bottom */
			}
			.ff-dialogBox .pane-footer {
				border-width:	1px 0 0; /* nullify ui-widget-content border, except top */
				font-size:		.85em;
				font-weight:	normal;
				padding:		2px 10px 4px;
			}
			.ff-dialogBox .ui-layout-content {
				border:			0; /* nullify ui-widget-content border - 'pane' already has this */
				overflow:		auto;
			}
			.ff-dialogBox .ui-layout-south {
				 /* has ui-widget-header for cosmetics - override defaults */
				 font-weight:	normal; /* NOT bold in statusbar */
				 font-size:		.85em;	/* smaller text */
				 padding-top:	2px;	/* nice and small */
				 padding-bottom:3px;
			}
			.ff-dialogBox .ui-layout-resizer-west {
				/* NOTE: SOMETHING in the theme CSS is setting opacity here */
				opacity:	.01;
				filter:		alpha(opacity=1);
				background: #F00 url(../lib/img/resizable-w.gif) no-repeat 0 center;
			}
			.ff-dialogBox .ui-layout-resizer-west-closed {
				background-image: url(../lib/img/resizable-e.gif); /* looks better */
				border:			1px solid #6C0;
				border-width:	1px 0;
				opacity:		.70;
				filter:			alpha(opacity=70);
			}
			.ff-dialogBox .ui-layout-resizer-dragging ,
			.ff-dialogBox .ui-layout-resizer-sliding ,
			.ff-dialogBox .ui-layout-resizer:hover {
				opacity:		1;
				filter:			alpha(opacity=100);
				}
				.ff-dialogBox .ui-layout-toggler {
					background:	#CCC;
				}
				
				
				
				
/* 사파리 버튼 초기화  */

/* input 기본 스타일 초기화 */
input[type="text"],input[type="button"], textarea { -webkit-appearance: none;}
input[type="text"],input[type="button"], textarea, select {}

/* input[type="checkbox"]:checked{background-color:#fff;-webkit-appearance:checkbox;}
 input[type="radio"]:checked{background-color:#fff;-webkit-appearance:radio;} */

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* =====  table ===== */
/* table{width: 100%; font-size: 13px; font-family: Gothic; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;}
table caption{text-indent: -9999em;}
table tr{ text-align: left; border-bottom: 1px solid #eeeceb;}
table tr:last-child{border-bottom: 0;}
table tr th{padding: 17px; font-weight: 300; vertical-align: top;}
table tr td{padding: 8px; font-weight: 300;}
table tr td .tb_info{background: url(../images/dot.png) no-repeat left; padding-left: 12px; margin-top: 10px;}
 */

/* ===== scrollbar ===== */


::-webkit-scrollbar-track
{
	border: none;
	background-color: none;
}

::-webkit-scrollbar
{
	width: 9px;
	background-color: none;
}

::-webkit-scrollbar-thumb
{
	background-color: #ececec;	
}

/* tab menu */
#tab_menu { margin: 0; padding: 0; list-style: none;}
#tab_menu li { margin-bottom: 16px; float: left; padding: 0px; width:33.3%; -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;}
#tab_menu li a {padding: 8px 10px; color: #808080; border: 1px solid #cdcdcd; border-right:0; background-image: none; display: block; height: auto; font-size: 18px; text-align: center; line-height: 2em;}
#tab_menu li.selected a {color: #C4141B; border: 0; border-top: 3px solid #C4141B; border-left: 1px solid #cdcdcd;}
#tab_menu li:last-child{border-right: 1px solid #cdcdcd;}
#tab_menu li:first-child.selected a	{border-left: 1px solid #cdcdcd;}		
#tab_menu li:last-child.selected a	{border-right:0;}		

/* border left */
.red-border-left {
	position: relative;	
}

.red-border-left > p {
	text-align:left;color:#000000;font-size:65px;margin-left:100px;font-weight:800;line-height:100px;
}
.red-border-left > p:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 8px;
	height: 100%;
	background: none;
	left: 0px;
}

/* border bottoms */
.white-border-bottom {
	position: relative;
	margin-bottom:30px;
}

.white-border-bottom > p {
	color:#FFFFFF;font-size:20px;
}

.white-border-bottom > p:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 40%;
	height: 2px;
	background: #F5F5F5;
	bottom: -13px;
	left: 30%;
}

.green-border-bottom {
	position: relative;
	margin-bottom:30px;
}

.green-border-bottom > p {
	text-align:center;color:#9AC31C;font-size:20px;
}
.green-border-bottom > p:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 40%;
	height: 2px;
	background: #9AC31C;
	bottom: -13px;
	left: 30%;
}
				
.brown-border-bottom {
	position: relative;
	margin-top:40px;
	margin-bottom:60px;
}

.brown-border-bottom > p {
	text-align:center;color:#3161B5;font-size:20px;
}
.brown-border-bottom > p:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 40%;
	height: 2px;
	background: #3161B5;
	bottom: -13px;
	left: 30%;
}

/* Dialog */
.ff-dialog {
  display:none;	
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.ff-dialog>.tb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.ff-dialog>.tb .inner {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 16px;
}

.ff-dialog .top {
  display: flex;
  border-bottom: 1px solid #ddd;
  justify-content: space-between;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.ff-dialog .title {
  font-weight: bold;
  font-size: 20px;
}

.ff-dialog .ct {  
  overflow-y: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
}

/* parent 상속 무효화*/
.ff-parent *{all: initial;margin:0;padding:0;font-size:12px;font-family:'Noto Sans KR',sans-serif;color:#222;}
.ff-parent table { display: table; width: 100%;word-break: keep-all; border-collapse: collapse; font-weight: normal;}
.ff-parent table tbody tr { display: table-row;}
.ff-parent table tbody tr td, .parent table tbody tr th { display: table-cell; vertical-align:middle;padding:10px 2px;border:1px solid #D8D8D8;word-break: keep-all; font-weight: normal;}
.ff-parent table tbody tr th {background:#F7F7F7;font-size:12px;}
.ff-parent a{color:#0000BF;text-decoration:none;cursor:pointer;}
.ff-parent a:hover{color:#674235;}
.ff-parent a:active{color:#674235;}