@charset "utf-8";

/* 폰트 */
@font-face {
    font-family:'Nanum';
    src:url('/font/org/nanum.eot');
    src:url('/font/org/nanum.eot?#iefix') format('embedded-opentype'), url('/font/org/nanum.woff') format('woff'), url('/font/org/nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}
@font-face {
    font-family:'NanumBold';
    src:url('/font/org/nanum_bold.eot');
    src:url('/font/org/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/font/org/nanum_bold.woff') format('woff'), url('/font/org/nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}

body{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:16px; line-height:1.25em /* 20px */}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; font-family:'NanumBold';}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:none; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}
.blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

/* Reset */
table { font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all; }
select { padding:1px 1px 1px 0; height:23px; *height:25px; font-size:1em; color:#333; line-height:23px; *line-height:25px; vertical-align:middle; font-family:Dotum; }
input { margin:0; padding:0; font-family:Dotum; font-size:inherit; color:#333; line-height:19px; vertical-align:middle; -webkit-border-radius:0; }
input[type="text"], input[type="password"] { height:19px; line-height:19px; padding:3px 0 0 7px; border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; }
input.tR { padding-left:0 !important; padding-right:7px !important; }
input[type="password"] { height:21px; padding-top:0px; line-height:21px; }
input[type="radio"] { width:13px; height:13px; vertical-align:-1px; *vertical-align:middle;}
input[type="checkbox"] { width:13px; height:13px; vertical-align:-2px; *vertical-align:middle;}
input:checked[type="checkbox"]{ background-color:#fff; -webkit-appearance:checkbox; }
input[readOnly="readOnly"],input.readOnly,input[readOnly] { background-color:#e2e2e2 !important; }
textarea { -webkit-appearance:none; -webkit-border-radius:0; }
.txtbox {border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; padding:3px 0 0 7px; font-family:Dotum,돋움;}
textarea.txtArea, textarea { padding:5px; border:1px solid #abadb3; background:#fff; font-family:Dotum,돋움; }

/* 버튼 영역 타입 */
.btnAreaTyC { margin:20px 0 0; text-align:center; }
.btnAreaTyR { margin:20px 0 0; text-align:right; }
.btnAreaTyL { margin:20px 0 0; text-align:left; }

/* width 값 */
.w80{ width:80%}

/* 버튼 */
.formBtnTy1, .formBtnTy1 .bttn { display:inline-block; margin:0; padding:0 0 0 4px; overflow:visible; vertical-align:middle; color:#fff !important; white-space:nowrap; border:0; text-decoration:none !important; background:url(/images/org/web/navi/pop/form_btn_bg.png) no-repeat; }
.formBtnTy1 .bttn { display:block; padding:0 26px 0 24px; cursor:pointer; vertical-align:top !important; text-align:center; font-size:14px; font-weight:bold; height:37px; line-height:37px; background-position:100% 0; }
.formBtnTy2, .formBtnTy2 .bttn { display:inline-block; margin:0; padding:0 0 0 4px; overflow:visible; vertical-align:middle; color:#005699 !important; white-space:nowrap; border:0; text-decoration:none !important; background:url(/images/org/web/navi/pop/form_btn_bg.png) no-repeat 0 -40px; }
.formBtnTy2 .bttn { display:block; padding:0 26px 0 24px; cursor:pointer; vertical-align:top !important; text-align:center; font-size:14px; font-weight:bold; height:37px; line-height:37px; background-position:100% -40px; }



/* pop_common */
html{overflow:hidden; overflow-y:auto; height:100%}
body { padding:0 9px; height:100%; background-color:#ebebeb; font-family:Dotum,"돋움", Helvetica, Arial, Sans-serif; font-weight:normal; font-size:12px; color:#333;}
#popupWrap { position:relative; min-height:100%; padding:0; background:#fff; border-left:1px solid #dad9d9; border-right:1px solid #dad9d9}
#popupWrap .popHeader { position:relative; width:100%; padding:7px 1px 0; height:49px; margin:0 -1px; background:#ebebeb url("/images/org/ad/lms/la/pop/pop_header_bg.jpg") no-repeat 0 7px ; }
#popupWrap .popHeader .right { position:absolute; top:7px; right:0; width:80px; height:49px; overflow:hidden; white-space:nowrap; text-indent:-999px; background:url("/images/org/ad/lms/la/pop/pop_header_bg.jpg") 100% 0 no-repeat; }
#popupWrap .popHeader .title { padding:0 0 0 18px; font-size:19px; line-height:49px; font-family:'NotoM'; color:#fff}
#popupWrap .popHeader .Close { position:absolute; right:8px; top:13px; width:36px; height:36px; overflow:hidden; white-space:nowrap; text-indent:-9999px; font-size:0; background:url("/images/org/ad/lms/la/pop/btn_close.gif") 0 0 no-repeat; }
#popupWrap .popContainer { position:relative; z-index:2; padding:20px 18px 20px; *zoom:1; }
#popupWrap .popContainer div:first-child { margin-top:0; }

/* 테이블 01 */
.tableTy1 { width:100%; overflow:hidden; _margin-top:10px; border-top:1px solid #405467; }
.tableTy1 table.data { width:100%; margin-top:-1px; border-bottom:1px solid #838383; background:#fff; }
.tableTy1 table.data th { text-align:center !important; padding:9px 6px; color:#fff; border-bottom:1px solid #405467; border-left:1px solid #405467; background-color:#405467; }
.tableTy1 table.data thead th { padding-left:0; padding-right:0; text-align:center}
.tableTy1 table.data tbody th { padding-left:12px; padding-right:12px; text-align:left}
.tableTy1 table.data td { padding:8px 12px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.tableTy1 table.data thead tr th:first-child, .tableTy1 table.data tr td:first-child { border-left:0}
.tableTy1 tr:hover{ background-color:#fbfbfb}

/* 테이블 02 */
.tableTy2 { width:100%; overflow:hidden; _margin-top:10px; border-top:1px solid #838383; }
.tableTy2 table.data { width:100%; margin-left:-1px; margin-top:-1px; border-bottom:1px solid #838383; background:#fff; }
.tableTy2 table.data th { padding:9px 6px 6px 6px; color:#0b2e47; border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#f0f3f5; }
.tableTy2 table.data thead th { padding-left:0; padding-right:0; text-align:center; }
.tableTy2 table.data tbody th { padding-left:12px; padding-right:12px; text-align:left; }
.tableTy2 table.data td { padding:8px 12px 8px 12px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.tableTy2 td .write_txt {width:99%; height:230px; line-height:26px; border:1px solid #9298af;}

/* 테이블 03 */
.tableTy3 { width:100%; overflow:hidden; border-top:2px solid #55a8dc}
.tableTy3 table { width:100%; background:#fff; border-bottom:2px solid #cdd4de}
.tableTy3 table th, .tableTy3 table td{ padding:8px 12px; border-bottom:1px dotted #cecece; border-left:1px solid #cdd4de; text-align:center}
.tableTy3 table th{color:#4c4d4f; background-color:#ebf9ff; }
.tableTy3 table td { color:#4c4d4f}
.tableTy3 table tr th:first-child, .tableTy3 table tr td:first-child{border-left:0}
.tableTy3 table thead th, .tableTy3 table .line td, .tableTy3 table td.line{ border-bottom:1px solid #cdd4de}
.bg_G{ background:#f1f8e8 !important}
.bg_Y{ background:#fffde5 !important}
.bg_R{ background:#fef4f7 !important}
.bg_P{ background:#f2effc !important}
.bg_C{ background:#f2fbfe !important}
.bg_gry1{ background:#fbfbfb !important}
.bg_gry2{ background:#f5f5f5 !important}
.bg_gry3 td{ background:#f2f4f7 !important}

/* scroll Table Guide */
.tableScrollY .tableHead { border-bottom-color:#e1e1e1 !important; }
.tableScrollY .tableHead th { padding-left:0 !important; padding-right:0 !important; }
.tableScrollY .tableBody { position:relative; }
.tableScrollY .tableBody thead th { padding:0 !important; font-size:0 !important; line-height:0 !important; border-top-width:0 !important; border-bottom-width:0 !important; color:#fff; }
.tableScrollY .tableBody thead th input { display:none}
.tableScrollY .tableBody { max-height:324px;/* 높이값으로 리스트 갯수 조절(10개) */ overflow-y:scroll; border-bottom:1px solid #405467; }
.tableScrollY .tableBody table.data { *width:97.3%; border-bottom-width:0; }
.tableScrollY .tableFoot td, .tableScrollY .tableFoot th { padding-left:0 !important; padding-right:0 !important; }
.tableScrollY .tableFoot td .tR{ padding-left:12px !important; padding-right:12px !important; }

/* 패딩 */
.pd0  {padding:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0  {margin:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0  {margin-bottom:0 !important;}
.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}

/* 이미지 텍스트 */
.img_txt1 {position:relative; width:100%; overflow:hidden;}
.img_txt1 .img {width:10%; float:left;}
.img_txt1 .txt {width:85%; float:right;}

.img_txt2 {position:relative; width:100%; overflow:hidden;}
.img_txt2 .img {width:20%; float:left;}
.img_txt2 .txt {width:75%; float:right;}

.img_txt3 {position:relative; width:100%; overflow:hidden;}
.img_txt3 .img {width:30%; float:left;}
.img_txt3 .txt {width:65%; float:right;}

.img_txt4 {position:relative; width:100%; overflow:hidden;}
.img_txt4 .img {width:40%; float:left;}
.img_txt4 .txt {width:55%; float:right;}

.ff_NG {font-size:13px; line-height:1.4; font-family:'Nanum' !important;}

/* Tab */
.defaultTab { position:relative; margin-bottom:20px; }
.defaultTab ul { width:100%; overflow:hidden; } 
.defaultTab li { width:25%; *width:24.9%; float:left; }
.defaultTab a { display:block; padding:12px 16px; margin-left:-1px; color:#222; font-size:14px; font-family:"Nanum"; border:1px solid #ddd; background-color:#f9f9f9; line-height:1.3; text-align:center; word-wrap:break-word;}
.defaultTab li:first-child a {margin-left:0;}
.defaultTab li.active a { border-color:#0073bb; background-color:#007cc9; color:#fff;}
.defaultTab li a:hover { text-decoration:underline;}


/*타이틀*/
.tit_01{ font-size:17px; line-height:1.4; font-family:"NanumBold"; color:#1b4ca2;  background:url("/images/org/web/jsshin2/sub/bul_01.png") no-repeat 0 7px; padding-top:15px; }
.tit_02{ font-size:15px; line-height:1.4; font-family:"NanumBold"; color:#111;  background:url("/images/org/web/jsshin2/sub/bul_03.png") no-repeat 0 5px; padding-left:16px; }

/*블렛*/
.bu_list_01 li{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/org/web/jsshin2/sub/bu_dot.gif") no-repeat left 7px; padding-left:12px;}
.bu_list_02 li{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/org/web/jsshin2/sub/gray_dot.gif") no-repeat left 7px; padding-left:10px;}
.bu_list_03 li{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/org/web/jsshin2/sub/bu_minus.gif") no-repeat left 7px; padding-left:10px;}

.bu_arr{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/org/web/jsshin2/sub/blue_arrow.png") no-repeat left 6px; padding-left:12px;}
.bu_01{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/org/web/jsshin2/sub/bu_dot.gif") no-repeat left 7px; padding-left:12px;}
.bu_02{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/org/web/jsshin2/sub/gray_dot.gif") no-repeat left 7px; padding-left:10px;}
.bu_03{ font-size:13px; color:#444; line-height:1.4; margin:5px 0; font-family:"Nanum"; background:url("/images/org/web/jsshin2/sub/bu_minus.gif") no-repeat left 7px; padding-left:10px;}

/* 폰트 사이즈 */
.fs13 {font-size:13px; font-family:"Nanum";  color:#444; line-height:20px;}
.fs14 {font-size:14px; font-family:"Nanum";  color:#444; line-height:21px;}
.fs16 {font-size:16px; font-family:"NanumBold";  color:#444; line-height:24px;}

/* 폰트 색상 */
.pc_blue {color:#007cc9;}
.pc_green {color:#00a663;}
.pc_red {color:#f25953;}

/* 점선 */
.hrGrydot {width:100%; margin-bottom:30px; padding-top:30px; border-bottom:1px dotted #c8d1db; clear:both;}

/* 박스 */
.gry_box {font-family:"Nanum";  font-size:13px; line-height:1.4; padding:15px; border:1px solid #c8d1db; background:#f7f7f7;}
.txt_box {font-family:"Nanum";  font-size:13px; line-height:1.4; padding:15px; border:1px solid #c8d1db;}


/* 테이블 */
.tblTy01{width:100%; overflow:hidden; border-top:2px solid #3469c7; color:#4c4d4f; position:relative; margin-top:10px; }
.tblTy01 table{ width:100%; margin-left:-1px;}
.tblTy01 th, 
.tblTy01 td { padding:7px 4px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:18px; text-align:center;}
.tblTy01 th {background:#f9f9f9; color:#111; font-family:"NanumBold"; font-size:13px; }
.tblTy01 td { background:#fff; word-break:keep-all; font-family:"돋움",Dotum !important; font-size:12px;}

/*버튼*/
.btn_c{ text-align:center; clear:both; margin-top:30px;}
.btn_r{ text-align:right; clear:both; margin-top:30px;}
.btn_l{ text-align:left; clear:both; margin-top:30px;}
.button a{ display:inline-block; color:#fff; font-family:'NanumBold'; font-size:13px; padding:12px 45px; border-radius:3px; text-align:center;}
.button a:hover{ text-decoration:underline;}
.button a.green { background:#00a663; } 
.button a.blue { background:#007cc9; } 
.button a.gray{ background:#505b6c; } 
.button a.go{ background:#007cc9; padding:0 20px; height:30px; line-height:30px; } 
.button a.viewer{ background:#505b6c; padding:1px 10px 2px; font-size:12px;}

/* 탭스타일 */
.tab_st {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px;}
.tab_st li {float:left; margin:-1px 0 0 -1px;}
.tab_st li a {display:block; padding:13px 38px 13px 10px; line-height:20px; font-size:14px; font-family:'NanumSquareR'; text-align:center; color:#555; border:1px solid #9298af; background:url("/images/org/web/isptc/sub/tab1_off.png") no-repeat right center #fff;}
.tab_st li.on a, .tab_st li.on a:hover {color:#fff; border:1px solid #2f71d2; background:url("/images/org/web/isptc/sub/tab1_on.png") no-repeat right center #2f71d2;}
.tab_st li a:hover {color:#fff; border:1px solid #45495b; background:url("/images/org/web/isptc/sub/tab1_on.png") no-repeat right center #45495b;}

.tab_st2 {overflow:hidden; margin-bottom:20px;}
.tab_st2 li {float:left; margin:0 0 5px;}
.tab_st2 li a {display:block; padding:10px 38px 10px 10px; margin-right:5px; line-height:20px; font-size:14px; font-family:'NanumSquareR'; text-align:center; color:#555; border-top:1px solid #9298af; border-bottom:1px solid #9298af; background:url("/images/org/web/isptc/sub/tab2_off.png") no-repeat right center #fff;}
.tab_st2 li.on a, .tab_st2 li.on a:hover {color:#2f71d2; border-color:#2f71d2; background:url("/images/org/web/isptc/sub/tab2_on.png") no-repeat right center #fff;}
.tab_st2 li a:hover {color:#45495b; border-color:#45495b; background:url("/images/org/web/isptc/sub/tab2_hover.png") no-repeat right center #fff;}

.tab_st3 {overflow:hidden; margin-bottom:20px;}
.tab_st3 li {float:left; margin:0 0 5px;}
.tab_st3 li a {display:block; padding:5px 10px 5px 10px; margin-right:5px; line-height:20px; font-size:14px; font-family:'NanumSquareR'; text-align:center; color:#555; border:1px solid #9298af; border-radius:5px;}
.tab_st3 li.on a, .tab_st3 li.on a:hover {color:#2f71d2; border-color:#2f71d2; background:#fff;}
.tab_st3 li a:hover {color:#45495b; border-color:#45495b; background:#f9f9f9;}

/* 탭 사이즈별 */
.tab_li2 li {width:50%;}
.tab_li3 li {width:33.3%;}
.tab_li4 li {width:24.9%;}
.tab_li5 li {width:19.9%;}

/* 페이징 */
.pagination {display: inline-block; padding-left: 0; margin:20px 0 0; border-radius: 3px; white-space: nowrap; font-family:Nanum}
.pagination > li {color: #7a878e}
.pagination > li {display: inline}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-top-left-radius: 3px; border-bottom-left-radius: 3px}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 3px; border-bottom-right-radius: 3px}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover{z-index:2; color:#23527c; background-color:#eee; border-color:#ddd}

.pagination .disabled > a, .pagination .disabled > span {box-shadow: none !important; color: #dbdee0 !important;}
.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {color: #777 !important; cursor: not-allowed; background-color: #fff; border-color: #ddd;}

.pagination > li > a, .pagination > li > span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.4285; color: #7a878e; text-decoration: none; background-color: #fff;
   border: 1px solid #ddd}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {background-color: #25476a; border-color: #25476a; z-index:3; color:#fff !important; cursor:default}