@charset "utf-8";

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(/css/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Bold.otf) format('opentype');
 }

/* 요소의 여백 초기화 */
*{ box-sizing:border-box; }
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,form,fieldset,legend,input,select,textarea,table,th,td{ margin:0; padding:0; vertical-align:middle }
body { font:400 12px sans-serif,Malgun Gothic; line-height:130%; }
fieldset,img,addr,acronym{border:0 none;}
label, img, input, select, textarea{ margin:0; padding:0; font:400 12px sans-serif,Malgun Gothic; line-height:130%; }
ol,ul,li {list-style:none;}
address, caption, em, cite{font-weight:normal; font-style:normal;}
hr{display:none; clear:both } 
hr.dott{ display:block; border:dotted 1px #aaa; border-width:0 0 1px 0; margin:2px 0 10px 0  }
table{ border-collapse:collapse; border-spacing:0; vertical-align:top; word-break:break-all; font:400 12px sans-serif,Malgun Gothic; line-height:130%; }
a:active, a:hover, a:focus, a:link{text-decoration:none; cursor:pointer }
html { -webkit-text-size-adjust:none; /*overflow-x:auto */} 
.skip { font-size:0; height:0; line-height:0; clear:both; border:none; display:block }
.both{ clear:both; clear:both }
button,input[type=submit]{ border:none; border-radius:none; outline:none; vertical-align:middle; cursor:pointer;  }
input[type=checkbox],input[type=radio]{ vertical-align:middle; }
a{ text-decoration:none; color:#333; cursor:pointer; word-break: break-all; }

@media print{ /*  인쇄 설정  */ 
	
.submit_btn{ display:none !important }
.no_print{ display:none !important  }
.no_print.show{ display:block !important  }

}

.no_image:before{ content:"!"; font-weight:600; display:block; width:30px; height:30px; background:#aaa; color:#fff; border-radius:30px; text-align:center; margin:10px auto 0; }
.no_image{ font:400 18px sans-serif,Arial; color:#aaa; vertical-align: middle; margin:0 auto; text-align:center; }
.help_tip{ color:#4639f3; display:inline-block; padding:0 0 0 3px; font-size:11px; letter-spacing:-1px }
.model_name{  font:400 10px sans-serif,Malgun Gothic; color:#888 }

/* 가로 영역 넓이 구분 */
ul.row_wrap{ position:relative; overflow:hidden; padding: 0 0 5px 0; font:400 12px Dotum,"돋움"; line-height:120%; min-height:20px; }
ul.row_wrap:after{ content:""; display:block; clear:both }
ul.row_wrap li{ float:left; padding: 0; vertical-align:top; position:relative;  }
ul.row_wrap li:nth-child(n+2){ padding-left:10px; }
ul.row_wrap li.textRight{ text-align:right; float:right }

ul.row_wrap.div1 li{ width: 100%; }
ul.row_wrap.div2 li{ width: 50%; }
ul.row_wrap.div2.half li:first-child{ width: 33.3333%;  }
ul.row_wrap.div2.half li:last-child{ width: 66.6666%;  }
ul.row_wrap.div22.half li:first-child{ width: 39.7%;  }
ul.row_wrap.div22.half li:last-child{ width: 60.3%;  }
ul.row_wrap.div3 li{ width: 33.3333%; }
ul.row_wrap.div4 li{ width: 25%; }
ul.row_wrap.div5 li{ width: 20%; }
ul.row_wrap.div4.first li:nth-child(1),ul.row_wrap.div4.first li:nth-child(n+6){ width:28%; }
ul.row_wrap.div4.first li:nth-child(2){ width:18%; }
ul.row_wrap.div4.first li:nth-child(3){ width:18%; }
ul.row_wrap.div4.first li:nth-child(4){ width:36%; }
ul.row_wrap.div6 li{ width: 16.66666%; }

/* 영역분할 */
ul.box_wrap {position:relative; overflow:hidden; width:100%; margin:0 auto; }
ul.box_wrap:after {content:""; display:block; clear:both;}
ul.box_wrap li {float:left; position:relative; }
ul.box_wrap li:after {content:""; display:block; clear:both;}
ul.box_wrap li.right {float:right;}
ul.box_wrap li.bottom{ vertical-align:bottom !important; }
ul.box_wrap.row_2 li {width:50%;}
ul.box_wrap.row_3 li {width:33.333333%;}
ul.box_wrap.row_4 li {width:25%;}
ul.box_wrap.row_5 li {width:20%;}
ul.box_wrap.row_6 li {width:16.66666%;}
ul.box_wrap.row_7 li {width:14.222222%;}


/* 문서 전용 */
.doc_wrap {position:relative; overflow:hidden; width:800px; min-width:800px; margin:0 auto;  }
.doc_wrap:after {content:""; display:block; clear:both;} 
.doc_wrap.wide{width:1100px; }

/* 문서 타이틀 */
.doc_wrap h1 {font:600 30px "Noto Sans KR",Malgun Gothic; line-height:160%; color:#111; text-align:center; padding:0 0 20px 0; margin:0 auto;}
.doc_wrap h1 b {text-align:center; display:inline-block; border-bottom:solid 2px #444; }
.doc_wrap h1 span {display:block; line-height:30px; font-size:16px; font-weight:500; margin-bottom:-5px;}
.doc_wrap .headline {position:relative; overflow:hidden;}
.doc_wrap .headline:after {content:""; display:block; clear:both;}

/* 컬러 */
.red{ color: red !important; }
.blue{ color: #447cd8 !important; }
.grn{ color:#019f0e !important; }
.org{ color:#f87117 !important; }
.gray{ color: #999 !important; }
.deep_blue{ color:#41587b !important; }
.deep_red{ color:#9a1932 !important; font-weight:bold !important; }

/* 폰트 사이즈*/
.font11{ font-size:11px !important }
.font12{ font-size:12px !important }
.font13{ font-size:13px !important }
.font14{ font-size:14px !important }
.font18{ font-size:18px !important }
.font20{ font-size:20px !important }
.bold{ font-weight:600  !important }

/*버튼*/
.button_wrap{ padding:1px 0 ; }
button.basic{ padding:2px 4px 1px 3px; line-height:100%; height: auto; margin:3px 3px 3px 0; font:400 11px Malgun Gothic,"맑은고딕"; line-height:130%; ; cursor:pointer; vertical-align:middle }
button.basic{ border-radius:3px; border:solid 1px #bbb; background:#f1f1f1 url(/img/bg_gradation_1.png) repeat-x; color: #333 }
button.basic:before{ content:""; font:normal 13px "FontAwesome"; line-height:130%; vertical-align:top; display:inline-block; padding-right:3px; }
button.basic:last-child{ margin-right:0 }
button.basic.allCheck:before{ content:"";  }
button.basic.allCancel:before{ content:"";  }

/* border */
.border_right0 {border-right:0 !important;}
.border_left0{border-left:0 !important; }

/* margin & padding */
.mt_10 {margin-top:10px !important;}
.mtb_5 {margin-bottom:5px !important;}
.pb_00 {padding-bottom:0 !important;}
.mh_40 {min-height:40px;}

/* 가로길이 */
.width_15{ width: 15px; text-align:left }
.width_20{ width: 20px; text-align:left; }
.width_30{ width: 30px; min-width:auto !important }
.width_35{ width: 35px; min-width:auto !important }
.width_40{ width: 40px; min-width:auto !important }
.width_50{ width: 50px; min-width:auto !important }
.width_55{ width: 55px; min-width:auto !important }
.width_60{ width: 60px; min-width:auto !important }
.width_65{ width: 65px; min-width:auto !important }
.width_62{ width: 61px; min-width:auto !important }
.width_70{ width: 70px; min-width:auto !important }
.width_75{ width: 75px; min-width:auto !important }
.width_80{ width: 80px; min-width:auto !important }
.width_85{ width: 85px; min-width:auto !important }
.width_90{ width: 90px; min-width:auto !important }
.width_100{ width: 100px; min-width:auto !important }
.width_108{ width: 108px; }
.width_110{ width: 110px; }
.width_112{ width: 112px; }
.width_115{ width: 115px; }
.width_120{ width: 120px; }
.width_130{ width: 130px; }
.width_140{ width: 140px; }
.width_150{ width: 150px; }
.width_155{ width: 155px; }
.width_160{ width: 160px; }
.width_165{ width: 165px; }
.width_170{ width: 170px; }
.width_180{ width: 180px; }
.width_185{ width: 182px; }
.width_187{ width: 186px; }
.width_190{ width: 190px; }
.width_200{ width: 200px; }
.width_210{ width: 210px; }
.width_220{ width: 220px; }
.width_230{ width: 230px; }
.width_240{ width: 240px; }
.width_250{ width: 250px; }
.width_300{ width: 300px; }
.width_320{ width: 320px; }
.width_350{ width: 350px; }
.width_360{ width: 360px; }
.width_370{ width: 370px; }
.width_400{ width: 400px; }
.width_500{ width: 500px; }
.height_30 { height:30px !important; }
.height_35 th{ height: 35px; }

/* 정렬 */
.align_center {text-align:center !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}
.float_right {float:right;}
.float_left {float:left;}
.abs_bottom{ vertical-align:bottom !important; position:relative; bottom: 10px; left:0; background:red; width: 100%;  }

/* 파일 업로드 */
.file_input{ display:inline-block;  vertical-align:middle; padding: 0 0 2px 0 }
.file_input label { position:relative; cursor:pointer;display:inline-block; vertical-align:top; overflow:hidden; width:100px; height:22px; font-size:15px; font:400 11px Malgun Gothic,"맑은고딕";  line-height:22px; text-align:center; margin:0 0 5px 2px;  color: #888; }
.file_input label { border:solid 1px #ddd; }
.file_input label:hover{ color: #ed3135; }
.file_input label input {  position:absolute; top:-2px; left: 0;  width:0; height:0; overflow:hidden; }
.file_input input[type=text] { vertical-align:top; display:inline-block; width:150px;  height:22px; line-height:22px;  font-size:10px;  padding:0;  border:0;   border:1px solid #777; margin:0 0 5px 0 !important }
.fixed_topLine{ position:relative; overflow:hidden }
.fixed_topLine:after{ content:""; display:block; clear:both }
.fixed_topLine table{ float:left; vertical-align:top;  }
.file_input label .fa{ font-size:14px; line-height:150%;  }
.file_input button{ vertical-align:top  }
.ps_tip{ padding: 10px 0 0 0; }
.file_input button{ vertical-align:top !important; height:22px !important; margin:0 !important; font-size:11px !important;  }

/* 인풋 가로길이 */
input[type=text].bold{ font-weight:600 }
input[type=text].font14{ font-size:14px !important; letter-spacing:1px; }
input[type=text].font13{ font-size:13px !important; letter-spacing:1px; }
input[type=text].width100{ width: 95%; }
input[type=text].width90{ width: 90%; }
input[type=text].width85{ width: 85%; }
input[type=text].width80{ width: 80%; }
input[type=text].width75{ width: 75%; }
input[type=text].width70{ width: 70%; }
input[type=text].width60{ width: 60%; }
input[type=text].width50{ width: 50%; }
input[type=text].width40{ width: 40%; }
input[type=text].width30{ width: 30%; }
input[type=text].width20{ width: 20%; }
input[type=text].width15{ width: 15%; }
input[type=text].width10{ width: 10%; }
.doc_wrap input[readonly]{ background:#eee; border-color:#ccc !important; cursor:default }
input.noline{ border:0 !important; background:none !important; text-align: center !important; }
.widTh95{ width: 95% !important; }

/* 클릭영역 */
.click{ cursor:pointer; color:#000 !important }
.click a{ display:block; word-break:break-all !important; }
/*.click a b{ display:block }
.click a strong{ display:block }*/
.click:hover{ color:#1867ea !important; text-decoration:underline }
.click:hover a{ color:#1867ea  !important; }

/* a링크 */
a.underline{ text-decoration:underline; color: #000; display:block; word-break:break-all !important; } 
a.underline:hover{ color: #253fff; }
a.underline2{ text-decoration:underline; color: #555;  } 
a.underline2:hover{ color: #253fff; }
a.see_doc{ display:inline-block; padding:2px 6px 2px 5px; color: #333; font:400 12px Dotum,"돋움"; line-height:110%;  margin:-3px 3px -4px 0;  }
a.see_doc:before{ content:""; font:normal 13px "FontAwesome"; display:inline-block; padding-right:6px; }
/* a.see_doc:after{ content:""; font:normal 14px "FontAwesome"; display:inline-block; padding-left:6px; opacity:.5 } */
a.see_doc:hover{ color: blue; }
a.see_doc > b{ text-decoration:underline  }
a.blue{ color: #2571cf; }
a.blue:hover{ text-decoration: underline }
a.gray{ /*text-decoration:underline; */color: #333;  display:block; /*text-align:left  */}
a.gray:hover{ color:#465aef; text-decoration:underline;  }

a.btn{ display:inline-block; padding:1px 3px; color: #666; border:solid 1px #ccc; margin:1px }
a.btn{ border-radius:3px; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x;  font:400 11px Arial, Malgun Gothic; line-height:110%; }
a.btn.cancel:hover{ color:#666; border-color:#ccc;  }
/*a.btn.cancel:hover{ color:#fff; border-color:#666; background:#666 }*/
/*a.btn.finish{ color:#0f5fb9; border-color:#b1d1f4; background-color:#eaf4ff }
/*a.btn.finish:hover{ border-color:#0f5fb9; color:#fff; background:#0f5fb9; }*/
/*a.btn.fail{ color:#ed3135; border-color:#ffc3c4; background-color:#ffe4e5 }
/*a.btn.fail:hover{ color:#fff; border-color:#ed3135; background:#ed3135 }*/
/*a.btn.pass{ color:#207207; border-color:#a9ca82; background-color:#f3ffef }*/

/* 버튼 영역 */
.submit_btn {position:relative; padding:20px 0; text-align:center;}
.submit_btn.right {padding:15px 2% 0 0; text-align:right;}
.submit_btn {position:relative; padding:20px 0; text-align:center;}
.submit_btn.top_right {padding:0 0% 0 0; text-align:right;}
.submit_btn:after {content:""; display:block; clear:both;}
.submit_btn a {padding:5px 20px; border:solid 1px #ccc; text-align:center; font:600 14px 'Malgun gothic',Sans-serif; line-height:140%; color:#50597e; border-radius:3px; display:inline-block; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x;}
.submit_btn a:hover {color:#474f73; border-color:#50597e;}
.submit_btn a.dark {background:#50597e; border-color:#50597e; color:#fff;}
.submit_btn a.red {color:#fc6e71;}
.submit_btn a.blue {color:#278be0;}

.submit_btn input[type=button] {padding:5px 20px; border:solid 1px #50597e; background:#50597e; color:#fff; text-align:center; font:600 14px 'Malgun gothic',Sans-serif; line-height:140%; border-radius:3px; display:inline-block;}
.submit_btn input[type=button]:hover {border:solid 1px #394268; background:#394268; color:#fff;}
.submit_btn input[type=submit] {padding:5px 20px; border:solid 1px #50597e; background:#50597e; color:#fff; text-align:center; font:600 14px 'Malgun gothic',Sans-serif; line-height:140%; border-radius:3px; display:inline-block;}
.submit_btn input[type=submit]:hover {border:solid 1px #394268; background:#394268; color:#fff;}
.submit.right .write_submit_btn {text-align:right; padding-top:0;}
.submit.top .write_submit_btn {padding-top:0;}

.submit_btn.right.small a {padding:3px 15px; font:600 13px Arial,Sans-serif;}
.submit_btn.top_right.small a {padding:3px 10px; font:600 12px Arial,Sans-serif;}

button.red,button.blue,button.gray {font-size:11px;}
button.red:hover {background:#ed3135; border-color:#ed3135; color:#fff !important;}
button.blue:hover {background:#278be0; border-color:#278be0; color:#fff!important;}
button.gray:hover {background:#666; border-color:#666; color:#fff !important;}

/* 레이어창 */
.layer_black_bg, #timeoutLayer{ position:fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.15);overflow-y:auto; z-index:9999; display:none } 
.layerBox, #timeoutBox{ position:relative;  margin:10% auto 0; width: 400px; min-height: 200px; padding:30px 20px; border-radius:10px;  background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,.07); text-align:left; overflow:hidden }
.layerBox:after, #timeoutBox:after{ content:""; display:block; clear:both;  }
.layerBox.medium{ width: 800px; min-height: 400px; }
.layerBox h3{ font:600 20px 'Noto Sans KR','Malgun gothic',Sans-serif; line-height:140%; color: #333; border-bottom:solid 1px #666;  margin-bottom:20px; padding-bottom:10px;  }
#timeoutBox h3 { font:600 20px 'Noto Sans KR','Malgun gothic',Sans-serif; line-height:140%; color: #333; border-bottom:solid 1px #666;  margin-bottom:20px; padding-bottom:15px; text-align:center;  }
#timeoutBox span {display:block; margin-bottom:20px; font-size:14px; line-height:20px; letter-spacing:-0.8px;}
#timeoutBox button {display:block; margin:0 auto; padding:5px 20px; border:solid 1px #ccc; text-align:center;  line-height:85%; height:30px;  font-weight:600; font-size:13px; color: #ed3135; border-radius:30px; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x};}
.layerBox button.close_layer{  padding:4px 5px 3px 5px; line-height:100%; height: auto;  font:600 0px Malgun Gothic,"맑은고딕"; line-height:130%; border-radius:30px; background:#fff; color: #333; cursor:pointer; vertical-align:middle }

.layerBox button.close_layer{ position:absolute; top: 22px; right: 15px; border:0; font-size:0; background:none }
.layerBox button.close_layer:before{ content:""; font:normal 28px "FontAwesome"; line-height:130%; vertical-align:top; display:inline-block; padding-right:3px; }
.layerBox button.close_layer:hover:before{ color:#ed3135 }

.layer_btn_wrap{ position:relative; text-align:center; padding: 20px 0; margin:20px auto 0;  border-top:dotted 1px #999;  }
.layer_btn_wrap a{ padding:5px 20px; border:solid 1px #ccc; text-align:center;  font:600 14px Malgun Gothic; line-height:140%; color: #333; border-radius:30px; display:inline-block; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x; margin: 0 5px  }
.layer_btn_wrap input[type=submit]{ padding:5px 20px; border:solid 1px #ccc; text-align:center;  font:600 14px Malgun Gothic; line-height:140%; color: #ed3135; border-radius:30px; display:inline-block; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x  }


/* border */
.border_right0 {border-right:0 !important;}

/* margin & padding */
.mt_10 {margin-top:10px !important;}
.pd_00 {padding-bottom:0 !important;}

/* input[type=radio] {display:none;} */
input[type=radio]+label {position:relative; }
input[type=radio]+label:before {content:''; position:relative; top:3px; display:inline-block; width:13px; height:13px; border-radius:13px; box-sizing:border-box; border:1px solid #005b9e; cursor:pointer; background:#fff; margin-right:3px;}
/*input[type=radio]+label:before {content:'';position:relative;top: 2px;left: -21px;display:inline-block;width:13px;height:13px;border-radius:13px;box-sizing:border-box;border:1px solid #005b9e;cursor:pointer;background:#fff;margin-right:3px;}*/
/*input[type=radio]+label:before {content:''; font:normal 15px "FontAwesome"; position:relative; display:inline-block; width:11px; height:11px; border-radius:11px; border:1px solid #005b9e; cursor:pointer; background:#fff; vertical-align:sub; margin-right:3px;}*/
/*input[type=radio]:checked+label:before {background:#005b9e}*/
/*input[type=radio]:checked+label:after {position:absolute; top:2px; left:0; content:""; !*width:5px; height:6px; border-radius:6px; background:#fff;*! color:#005b9e; display:inline-block; cursor:pointer; font:normal 15px "FontAwesome"}*/
input[type=radio]:checked+label:after {position:absolute;top: 3px;left: 0px;content:"";/*width:5px; height:6px; border-radius:6px; background:#fff;*/color:#005b9e;display:inline-block;cursor:pointer;font:normal 15px "FontAwesome";}