/* 웹폰트 CSS */

@font-face {
   font-family: "NanumGothic";
   src: url('../resources/font/NanumGothic.eot');
   src: local(""),
      url('../resources/font/NanumGothic.woff') format('woff'),
      url('../resources/font/NanumGothic.ttf') format('truetype'),
      url('../resources/font/NanumGothic.svg#webfonturzspG4F') format('svg');
}

@font-face {
   font-family: "NanumGothicBold";
   src: url('../resources/font/NanumGothicBold.eot');
   src: local(""),
      url('../resources/font/NanumGothicBold.woff') format('woff'),
      url('../resources/font/NanumGothicBold.ttf') format('truetype'),
      url('../resources/font/NanumGothicBold.svg#webfonturzspG4F') format('svg');
} 

/*@font-face {font-family:'NanumGothic'; font-style:normal; src: url('../font/NanumGothic.ttf') format('truetype');}
@font-face {font-family:'NanumGothic'; font-style:normal; src: url('../font/NanumGothic.eot');}
@font-face {font-family:'NanumGothic'; font-style:normal; src: url('../font/NanumGothic.woff') format('woff');} 
@font-face {font-family:'NanumGothicBold'; font-style:normal; src: url('../font/NanumGothicBold.ttf') format('truetype');}
@font-face {font-family:'NanumGothicBold'; font-style:normal; src: url('../font/NanumGothicBold.eot');}
@font-face {font-family:'NanumGothicBold'; font-style:normal; src: url('../font/NanumGothicBold.woff') format('woff');}*/

/* CSS 초기화 */
*{margin:0; padding:0}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;/*background:transparent;*/font-weight:normal}
body{font-family:NanumGothic, '나눔고딕', Dotum, '돋움', Gulim, '굴림',Helvetica,AppleGothic,sans-serif;line-height:1;color:#333;font-size:13px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul, li{list-style:none;}
a{margin:0;padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;color:#333;background:transparent;color:#004a86}
img{vertical-align:top;}
table{border-spacing:0;}
hr, legend, caption, .hidden, .item p {position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em}
button{cursor:pointer}
input[type=submit]{cursor:pointer}

/* input CSS */
input[type=text], input[type=password], input[type=flie], select, textarea {padding:0px 5px; height:32px; display:inline-block; width:100%; font-size:13px; border:1px solid #e1e1e1; vertical-align:middle; box-sizing:border-box; font-family:NanumGothic, '나눔고딕'}
select {line-height:20px; padding-right:0px} 
textarea {line-height:17px;}
label{vertical-align:middle;}
input[type=image] {vertical-align:middle; height: 32px;line-height: 32px;}
input[type=checkbox], input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0;border:1px solid #e1e1e1}


.file_add_wrap {overflow:hidden; display:inline-block; position: absolute; top:5px; left:305px; width:78px; height:26px; 
background:url(../images/bu_10.gif) no-repeat 0px 0px;}
.file_add {width:78px; height:26px; cursor:pointer; filter:alpha(opacity:0); opacity:0;}


#skipnavi {font-size:0px; line-height:0; position:relative; padding:0px; margin:0px;}
#skipnavi a {font-size:0; position:relative; left:0; top:0; z-index:1000;}
#skipnavi a:focus {display:block; width:100%; padding: 20px 0px; font-size:14px; text-align:center; color:#fff; background:#0C4DA2;}

/* Header */
#header {border-top:3px solid #366aa7; text-align:center; height:100px;min-width:1160px;border-bottom:1px solid #d9d9d9}
.header_in {position:relative; display:inline-block; width:1160px;}
.header_in h1 {display:inline; float:left; padding-top:28px;}
.top_menu {/*width:305px;*/ display:inline-block; position:absolute; top:4px; right:0;}
.top_menu li {display:inline; float:left;}
.top_menu li a {display:inline-block; color:#767676; padding:10px 5px; font-size:12px; }
.top_menu li.home a{display:inline-block;width:9px;height:9px;text-indent:-99999px;background:url("../images/bl_02.gif") no-repeat center 11px}

#gnb {float:right; margin-top:38px; display:inline-block;}
#gnb li {float:left; vertical-align:middle;position:relative}
#gnb li a.gnbDepth1{display:inline-block;; float:left; padding:12px 26px 30px; color:#333; font-size:16px; font-family:'NanumGothicBold';}
#gnb li a.gnbDepth1:hover, #gnb li a.gnbDepth1:focus, #gnb li.on a.gnbDepth1{color:#0c4da2}
#gnb .subMenu{display:none;position:absolute; z-index:10; top:52px;left:50%;margin-left:-95px; width:190px; min-height:50px;padding:10px 0 0 ; background:#fff url("../images/gnb_bg.gif") no-repeat center top}
#gnb .subMenu ul{padding:11px 0 4px 0;border-left:1px solid #5486c4;border-right:1px solid #5486c4;border-bottom:1px solid #5486c4;}
#gnb .subMenu li{margin:5px 0 10px;float:none}
#gnb .subMenu li a{display:block;padding:4px 10px 3px 25px; font-size:13px;line-height:1;font-weight:normal;color:#666;text-align: left;}
#gnb .subMenu li a:hover, #gnb .subMenu li a:focus{font-family:'NanumGothicBold';color:#0c4da2}

/* contentMask 본문 */
#contentMask{width:100%;min-width:1160px;border-bottom:1px solid #e1e1e1;}

/* quick 메뉴 */
#quick {position:absolute; top:0; right:0;z-index:9}

/* 탭메뉴 */
.tab ul {position:relative; display:inline-block; width:100%; border-bottom:1px solid #e6e6e6;}
.tab li {display:inline; float:left; width:33.333333333%;  box-sizing:border-box; border-left:1px solid #c0c0c0;}
.tab .first_a {display:inline-block; width:100%; padding:10px 0px 11px 0px; border-right:1px solid #c0c0c0; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; font-size:14px; text-align:center; color:#1f1f1f; font-family:'NanumGothicBold';}
.tab .active .first_a {border:none; background:#4e8dcc; color:#fff; padding:11px 2px 12px 1px; margin:0 -1px; position:relative; z-index:999}
.tab .tab_div {position:absolute; top:65px; left: 0; width:100%;}


/* footer */
#footer {width:100%;background:#465358; padding:27px 0;min-width:1160px;}
.footer_in {position:relative;width:1160px; margin:0 auto;}
.footer_in ul {display:inline-block;}
.footer_in ul li {display:inline; float:left; padding-left:4px;}
.footer_in ul li a {color:#fff; display:inline-block; background:url(../images/bl_07.gif) no-repeat 0px center; padding:0 12px 0 11px; margin-left:-6px;}
.footer_in .no_bg a {background:none; padding-left:0; margin-left:0}
.footer_p1 {font-size:11px; color:#fff; margin-top:20px;}
.footer_p1 span {padding-left:10px;}
.footer_p2 {font-size:11px; color:#fff; margin-top:9px;}
.foot_select {position:absolute; right:0; top:-8px}
.foot_select select{background:#465358; color:#fff;padding-left:20px;height:24px;line-height:24px; border:1px solid #7c8487}
@media print {.header, #footer {display:none;}}




/* 기본 CSS */
.w30{width:30px}
.w65{width:65px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}

.txt_11 {font-size:11px !important;}
.txt_12 {font-size:12px !important;}
.txt_13 {font-size:13px !important;}
.txt_14 {font-size:14px !important;}
.txt_15 {font-size:15px !important;}
.txt_16 {font-size:16px !important;}
.txt_18 {font-size:18px !important;}
.txt_22 {font-size:22px !important;}
.txt_23 {font-size:23px !important;}
.txt_24 {font-size:24px !important;}

.left {text-align:left !important}
.center {text-align:center !important}
.right {text-align:right !important}
.bold {font-family:'NanumGothicBold';}
.normal {font-family:'NanumGothic';}

.no_bline, .no_bline a{border-bottom:0 none !important}
.no_bg, .no_bg a {background:none !important}
.boder_t01 {border-top:1px solid #dedede}

.t_blue{color:#285894 !important}
.t_green{color:#547b00 !important}
.t_green2{color:#4f6800 !important}
.t_green3{color:#5f7d00 !important}
.t_orange{color:#a74a1a !important}
.t_gray{color:#767676 !important}
.red {color:#d33743 !important;}
.sky {color:#218add !important}
.blue {color:#014981 !important}
.orange {color:#ef7b00 !important;}
.black {color:#555555 !important}
.white {color:#FFF !important}

.line_he12 {line-height:12px !important}
.line_he15 {line-height:15px !important}
.line_he18 {line-height:18px !important}
.line_he20 {line-height:20px !important}
.line_he22 {line-height:22px !important}
.line_he24 {line-height:24px !important}

.inline-block {display:inline-block !important;}
.inline {display:inline;}
.block {display:block;}
.float_le {float:left}
.float_ri {float:right}
.overflow {overflow:hidden}

.left_p0 {padding-left:0px !important;}
.left_p8 {padding-left:8px !important;}
.left_p10 {padding-left:10px !important;}
.left_p15 {padding-left:15px !important;}
.left_p20 {padding-left:20px !important;}
.left_p30 {padding-left:30px !important;}
.left_p40 {padding-left:40px !important;}
.left_p50 {padding-left:50px !important;}
.left_p60 {padding-left:60px !important;}

.right_p0, .right_p0 a {padding-right:0 !important}
.bt_p30 {padding-bottom:30px !important;}
.top_p10 {padding-top:10px !important;}
.top_p20 {padding-top:20px !important;}
.top_p30 {padding-top:30px !important;}

.top_m0 {margin-top:0px !important;}
.top_m5 {margin-top:5px !important;}
.top_m10 {margin-top:10px !important;}
.top_m11 {margin-top:11px !important;}
.top_m15 {margin-top:15px !important;}
.top_m20 {margin-top:20px !important;}
.top_m25 {margin-top:25px !important;}
.top_m30 {margin-top:30px !important;}
.top_m35 {margin-top:35px !important;}
.top_m40 {margin-top:40px !important;}
.top_m50 {margin-top:50px !important;}
.top_m57 {margin-top:57px !important;}
.top_m60 {margin-top:60px !important;}

.top_m-30 {margin-top:-30px !important;}

.bt_m3 {margin-bottom:3px;}
.bt_m5 {margin-bottom:5px;}
.bt_m8 {margin-bottom:8px;}
.bt_m10 {margin-bottom:10px;}
.bt_m15 {margin-bottom:15px;}
.bt_m20 {margin-bottom:20px;}
.bt_m30 {margin-bottom:30px;}
.bt_m35 {margin-bottom:35px;}
.bt_m40 {margin-bottom:40px;}
.bt_m50 {margin-bottom:50px;}
.bt_m60 {margin-bottom:60px;}
.bt_m70 {margin-bottom:70px;}
.bt_m80 {margin-bottom:80px;}
.bt_m90 {margin-bottom:90px;}

.left_m0 {margin-left:0px !important;}
.left_m5 {margin-left:5px;}
.left_m10 {margin-left:10px;}
.left_m15 {margin-left:15px;}
.left_m20 {margin-left:20px;}
.left_m25 {margin-left:25px;}
.left_m30 {margin-left:30px;}
.left_m40 {margin-left:40px;}
.left_m100 {margin-left:100px;}

.right_m0 {margin-right:0px !important;}
.right_m5 {margin-right:5px;}
.right_m10 {margin-right:10px;}
.right_m15 {margin-right:15px;}
.right_m20 {margin-right:20px;}
.right_m25 {margin-right:25px;}
.right_m30 {margin-right:30px;}
.right_m40 {margin-right:40px;}
.right_m50 {margin-right:50px;}

/* ========= 디자인 리뉴얼 적용 END - 2016.03.22 박현민 ========= */

/* ========= 기존 css 추가 START========= */

/* 발급서류 체크 모달 팝업. */
.verifyCertIssuedIdModalTitle{
   font-size: 20px;
}

.byteImageWrap{
   width:100%;
   height:100%;   
}

.byteImage{
   margin:0 auto;
   width:330px;
   height:300px;
}

.byteImageExplainWrap{
   width:238px;
   height:180px;
   float: right;
   
}

.signatureLabel{
   font-size: 15px;
   margin:5px;
}

.signatureTextArea{
   border:none;
   width:100%;
   height:100%;
}

.certIssueIdHowto{
   width:790px !important;
   height:690px !important;
}

.btn07 {display:inline-block; border:1px solid #7c8487;color:#fff; font-size:13px; width:45px; height:22px; line-height:22px; vertical-align: middle;text-align:center; font-family:'nanumgothicbold';}

/* application detail table */
.application_detail{
	margin:15px ;
	position:relative;
	height:400px;
	text-algin:center;
}

.application_detail h3{
	padding-bottom: 12px;
	margin-left: 10px;
	margin-top:20px;
}

.detail_table{
	table-layout:fixed;
	position:relative;
	border-top: 2px solid #5475b0;
	border-bottom:1px solid #525252;
	width:100%;
}



.detail_table th{
	width: 15%;
	background: #f5fbff;
	border-bottom: 1px solid #dfdfdf;
	font-weight: bold;
	letter-spacing: -1px;
	color: #555;
	text-align:center;
	vertical-align: middle;
}

.detail_table th.th2{
	background: #eff1fe;
	border-left: 1px solid #dfdfdf;
}

.detail_table th:first-child. .detail_table td:first-child{border-top:0 none}
.detail_table td {border-top:1px solid #ededed;border-left:1px solid #ededed}
.detail_table td {padding:5px 12px 5px 12px; vertical-align:middle; line-height:18px}
.detail_table td.view_txt {line-height:18px; padding:20px 15px 16px 15px;}
.detail_table td.view_txt img{max-width:100%}

/* .detail_table td{ */
/* 	padding: 7px; */
/* 	background: #fff; */
/* 	border-left: 1px solid #dfdfdf; */
/* 	border-bottom: 1px solid #dfdfdf; */
/* 	word-break:break-all; */
/* } */

.detail_table.type2 th{
	padding: 7px 7px 7px 20px;
	text-align:left;
}

.detail_button_wrap{
	position:absolute;
/* 	bottom:50px;	 */
	width:100%;
}

.submit_buttons{padding:20px 0 ; text-align:center}

/*.detail_table input{
	border:none;
}*/

.detail_button_wrap .detail_buttons{
	text-align: center;
}