@charset "utf-8";

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


html, body, div, span, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, address, form, fieldset, legend, input, select, textarea, table, caption, col, colgroup, thead, tfoot, tbody, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {padding:0;margin:0}
fieldset, img, abbr, acronym {border:0 none;}
ol, ul, li {list-style:none;}
table {border-collapse:collapse; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight:normal;}
address, caption, em {font-weight:normal; font-style:normal;}

/* 영역 선택시 배경색상 */
::selection {background:#99cc00; color:#fff; text-shadow:none;}
::-moz-selection {background:#99cc00; color:#fff; text-shadow:none;}
::-webkit-selection {background:#99cc00; color:#fff; text-shadow:none;}

/* textarea anti resize by crome */
textarea {resize:none;}

.skip-navigation {position:absolute; top:0; left:0; width:100%; margin:0; padding:0; z-index:99;}
.skip-navigation li {position:relative; width:100%; margin:0; padding:0;}
.skip-navigation li a {position:absolute; display:block; top:0; left:-9999px; width:100%; padding:8px 0; text-align:center; font-weight:bold; border-bottom:2px solid #555; background:#fff;}
.skip-navigation li a:focus {left:0; z-index:999;}

a, a:link {color:#505050; text-decoration:none;}
a:visited {color:#6e6e6e; text-decoration:none;}
a:hover, a:focus {color:#9400d3; text-decoration:none;}
a:active {color:#9400d3;}

html, body {color:#4f4f4f; font-size:1em; font-weight:400; font-family: "Noto Sans KR", sans-serif;}

#skip-navigation, .blind, .location dt {position:absolute; clear:none; font-size:0; top:-1000em; _top:-9999px; left:-1000em; _left:-9999px; height:0 !important; margin:0 !important; padding:0 !important; line-height:0 !important; border:none !important;}
hr {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; padding:0;}
caption {width:0; height:0; overflow:hidden; font-size:0; line-height:0; padding:0; visibility:hidden;}




a.p100 {display:block;}/* white-space:nowrap; overflow:hidden; zoom:1*/
.not_mp {margin:0; padding:0;}
.tbl-fix {table-layout:fixed;}

/* 취소선 */
.cancel-line {text-decoration:line-through !important;}

/* rowspan용 table 롤오버를 위해 */
.tbl-hover {background:#f6f6f6;}


/* 상단라인 */
.t-bdr {border-top:1px solid #ddd;}

/* 상단 점선라인 */
.t-bdr-dot {margin:5px 0; padding:5px 0 0; border-top:1px dotted #ccc !important;}


hr.gra-line {height:1px; display:block !important; margin:20px 0; border:0; background:#333; background-image:-webkit-linear-gradient(left, #ccc, #333, #ccc); background-image:-moz-linear-gradient(left, #ccc, #333, #ccc); background-image:-ms-linear-gradient(left, #ccc, #333, #ccc); background-image:-o-linear-gradient(left, #ccc, #333, #ccc);}
hr.dot-line {*height:1px; display:block !important; margin:20px 0; border:0; border-top:1px dashed #ccc; background:#999;}

p.conf-line {clear:both; overflow:hidden; display:block !important; margin:5px 0 4px;}
p.conf-line span {height:1px; display:block !important; margin:5px 0 0; border:0; background:#999; background-image:-webkit-linear-gradient(left, #ddd, #999, #ddd); background-image:-moz-linear-gradient(left, #ddd, #999, #ddd); background-image:-ms-linear-gradient(left, #ddd, #999, #ddd); background-image:-o-linear-gradient(left, #ddd, #999, #ddd);}

/* 정렬용 메뉴 */
.j-sort {position:relative; margin:0; padding:5px; display:inline-block; *float:left; z-index:5;}
.j-sort a {font-weight:bold;}
.j-sort ul {position:absolute; width:60px; margin:0; padding:0; border:1px solid #ccc; display:none; *top:15px; *left:5px; z-index:10;}
.j-sort ul li {margin:0; padding:0;}
.j-sort ul li a {display:block; font-weight:normal; padding:5px; background:#fff;}
.j-sort ul li a:hover {background:#f9f9f9;}

/* 반띵 */
.half-left {float:left; width:49%;}
.half-right {float:right; width:50%;}

/* 좌우 영역 */
.j-aside {clear:both; float:left; width:150px; margin:0 -160px 0 0; overflow:hidden;}
.j-bside {margin:0 0 0 160px; overflow:hidden;}

/* label & check */
.j-tbl-lst {float:left; margin:3px 10px 3px 0; *margin:0 10px 0 0;}
.j-tbl-lst em {display:inline-block; float:left; padding:0 3px 0 0; *padding:0;}
.j-tbl-lst label {display:inline-block; float:left; margin:1px 0 0; *margin:5px 0 0;}

/* 학생선택목록 */
.j-stu-lst {float:left; margin:3px 3px 3px 0; *margin:0 3px 0 0;}
.j-stu-lst em {display:inline-block; float:left; padding:0 3px 0 0; *padding:0;}
.j-stu-lst label {display:inline-block; float:left; margin:1px 0 0; *margin:5px 0 0;}

/* 이미지 썸네일 */
.j-img-thumb {display:inline-block; overflow:hidden;}
.j-img-thumb img {width:100%; height:100%; overflow:hidden;}

/* 체크 & label */
.j-no-msg-chk dl {margin:0; padding:0; overflow:hidden;}
.j-no-msg-chk dt,
.j-no-msg-chk dd {float:left; margin:0; padding-right:5px;}
.j-no-msg-chk dt.chk {padding:2px 0 0; *padding:1px 0 0;}
.j-no-msg-chk dd.txt {padding:2px 0 0 3px; *margin:3px 0 0 -2px;}

/* 보더 스타일 */
.bdsize1 {border-width:1px !important;}
.bdsize2 {border-width:2px !important;}
.bdsize3 {border-width:3px !important;}
.bdsize4 {border-width:4px !important;}
.bdsize5 {border-width:5px !important;}

.bcolor-dgray {border-color:#aaa !important;}
.bcolor-orange {border-color:#f80 !important;}
.bcolor-violet {border-color:#ff32b1 !important;}
.bcolor-purple {border-color:#9905d8 !important;}
.bcolor-red {border-color:#f00 !important;}
.bcolor-sky {border-color:#00c3ff !important;}
.bcolor-green {border-color:#369f36 !important;}

/* 게시판에 list 항목에 점 또는 숫자 그대로 표시 */
#ej-bbs-contents ul,
#ej-bbs-contents ul li {list-style:disc !important; margin:0 0 0 20px; padding:3px 0 !important; line-height:120%;}
#ej-bbs-contents ol,
#ej-bbs-contents ol li {list-style:decimal !important; margin:0 0 0 20px; padding:3px 0 !important; line-height:120%;}

/* list 항목에 점 또는 숫자 그대로 표시 */
.css-li-block ul,
.css-li-block ul li {list-style:disc !important; margin:0 0 0 20px; padding:3px 0 !important; line-height:120%;}
.css-li-block ol,
.css-li-block ol li {list-style:decimal !important; margin:0 0 0 20px; padding:3px 0 !important; line-height:120%;}

.se2_inputarea ul,
.se2_inputarea ul li {list-style:disc !important; margin:0 0 0 20px; padding:3px 0 !important; line-height:120%;}
.se2_inputarea ol,
.se2_inputarea ol li {list-style:decimal !important; margin:0 0 0 20px; padding:3px 0 !important; line-height:120%;}

.overflow {overflow:hidden !important;}
.hidden {display:none;}
input.no_bd {border:none !important;}
.no_border {border:none !important;}

/* 아이콘 이미지 중앙정렬 */
img.v-center {vertical-align:middle; margin-bottom:2px;}

/* 풀스크린 */
div#div-full-wrap {display:none; background:url('/_common/images/login_bg.gif') 0 0;}
div#div-full {display:none;}
div#div-full div#full-contents {display:none;}

/* 풀 로딩 */
div#full-load-wrap {display:none; background:url('/_common/images/login_bg.gif') 0 0;}
div#full-load {display:none;}
div#full-load div#full-load-conts {display:none;}

/* 메시지 */
#ej-msg {position:relative; width:450px; margin:3px auto 8px; padding:5px 10px; color:#f00; line-height:130%; border:1px solid #ccc; overflow:hidden; background:#fff; z-index:50;}
#ej-msg p {position:absolute; top:5px; right:5px; width:18px; height:18px;}

/* 크롬 폼포커스때 보더 안나오게 */
input:focus,
select:focus,
textarea:focus {outline:none; box-shadow:none;}

/* 로그인 */
#ej-login-hidden {display:none;}
.json-login-ct {margin:20px auto !important; border:2px solid #aaa !important;}
#json-login {position:relative; width:328px; padding:28px 28px 0 28px; margin:0 auto; border:2px solid #111;  font-family:"Noto Sans KR", sans-serif; line-height:normal; background:#fff; white-space:normal; color:#767676;}
#json-login .json-login-close {position:absolute; top:5px; right:5px;}
#json-login form {display:none; margin:0; padding:0;}
#json-login fieldset {border:0; margin:0; padding:0;}
#json-login legend {position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
#json-login .ej-login-btn,
#json-login .ej-login-btn input {position:relative; display:inline-block; margin:0; padding:0; overflow:visible; height:32px; line-height:32px;  font-weight:bold; color:#fff; vertical-align:middle; cursor:pointer; border:0; text-decoration:none !important; background:transparent url('/_common/images/btn_login.gif') no-repeat;}
#json-login .ej-login-btn {margin:0 4px 0 0; background-position:0 0;}
#json-login .ej-login-btn input {top:0; left:4px; background-position:100% 0; *vertical-align:top; padding:0 24px 0 36px;}
#json-login .json-ej-login .ej-login-btn {position:absolute; top:130px; right:28px;}
#json-login .ej-login-load {position:relative; display:inline-block; margin:0; padding:0; overflow:visible; height:32px; line-height:32px;  font-weight:bold; color:#fff; vertical-align:middle; cursor:pointer; border:0; text-decoration:none !important; display:none;}
#json-login .ej-login-load {margin:0 4px 0 0; background-position:0 0;}
#json-login .json-ej-login .ej-login-load {position:absolute; top:145px; right:30px;}
#json-login .ej-login-item {position:relative;}
#json-login .ej-login-label {display:block; position:static; top:9px; padding:3px 0; font:bold 11px "Noto Sans KR", sans-serif;}
#json-login .ej-login-txt {position:relative; display:block; font:bold 11px "Noto Sans KR", sans-serif; height:26px; color:#767676; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
#json-login .ej-login-menu {position:relative; float:none; display:block; border:0; border-top:1px solid #d9d9d9; background:#fafafa; padding:15px 0; margin:0 -28px; list-style:none; text-align:center; *zoom:1;}
#json-login .ej-login-menu li {display:inline; float:none; border-left:1px solid #c3c3c3 !important; padding:0 6px 0 10px; margin:0; line-height:1;}
#json-login .ej-login-menu li.first {border:0 !important;}
#json-login .ej-login-menu a {float:none; display:inline; background:none; line-height:1; padding:0; font-size:11px; color:#767676; text-decoration:none; font-family:"Noto Sans KR", sans-serif;}
#json-login .ej-login-menu a:hover,
#json-login .ej-login-menu a:active,
#json-login .ej-login-menu a:focus {text-decoration:underline; color:#000;}
#json-login .json-ej-login .ej-login-label {left:10px;}
#json-login .json-ej-login .ej-login-txt {width:265px; padding:8px 0 6px 10px; margin:0 0 5px 0;}
#json-login .json-ej-login .ej-login-save {float:none; height:32px; line-height:32px; margin:10px 0; padding:0;}
#json-login .json-ej-login .ej-login-save label {position:static; cursor:pointer; font-family:"Noto Sans KR", sans-serif;}
#json-login .json-ej-login .ej-login-save-chk {width:13px; height:13px; margin:0 4px 0 0; padding:0; vertical-align:middle;}
#json-login.json-ej-login .json-ej-login {display:block;}

/* 개인용 메뉴 */
.ej-person-menu-list {width:100%; margin:0; padding:0;}
.ej-person-menu-list li {width:100%; margin:0; padding:0; word-break:break-all; word-wrap:break-word;}
.ej-person-menu-list li a {display:block; height:18px; text-align:left; font:normal 12px/18px "Noto Sans KR", sans-serif; margin:0; padding:3px 5px; border:none; overflow:hidden;}
.ej-person-menu-list li a:hover {background:#f9f9f9;}

.j-conts-wrap {clear:both; margin:0; padding:0;}

/* 사진등록부 */
.left-side {float:left; width:120px; margin:0; padding:0;}
.photo {width:120px; height:150px; text-align:center; margin:0 auto; padding:0; border:1px solid #ddd; background:url('/_common/images/photo_bg.gif') no-repeat 50% 50%;}
.prt-photo {width:120px; height:150px; text-align:center; margin:0 auto; padding:0; border:1px solid #ddd; background:url('/_common/images/no_photo_bg.gif') no-repeat 50% 50%;}

.left-side .stamp {width:80px; height:80px; text-align:center; margin:0 auto; padding:0; border:1px solid #ddd; background:url('/_common/images/stamp_bg.gif') no-repeat 50% 50%;}
.left-side .prt-stamp {width:80px; height:80px; text-align:center; margin:0 auto; padding:0; border:1px solid #ddd; background:url('/_common/images/no_bg.gif') no-repeat 50% 50%;}

.left-side p {text-align:center; margin:5px auto; padding:0;}
.ej-conts {margin:0 0 0 130px; padding:0; }




@media screen and (max-width:980px) {
	.left-side {clear:both !important; width:120px; margin:0; padding:0;}
	.ej-conts {clear:both !important; margin:10px 0 0; padding:0;}
}




/* nav top 이미지 롤오버 */
a.t_img_ovr img {border-width:0; display:inline;}
a.t_img_ovr img.t_roll_ovr {display:none;}
a.t_img_ovr:hover {border:0;}
a.t_img_ovr:hover img {display:none;}
a.t_img_ovr:hover img.t_roll_ovr {display:inline;}

/* 이미지 롤오버 */
a.img_ovr img {border-width:0; display:inline;}
a.img_ovr img.roll_ovr {display:none;}
a.img_ovr:hover {border:0;}
a.img_ovr:hover img {display:none;}
a.img_ovr:hover img.roll_ovr {display:inline;}

.clock-area {display:inline-block; margin:0; padding:0;}

.h-menu {font:bold 12px "Noto Sans KR", sans-serif; margin:3px 0; padding:0 0 0 12px; overflow:hidden; background:url('/_common/images/arrow_s.gif') no-repeat 0 50%;}

/* 스크롤이 나오는 영역 */
.scroll-conts {height:120px; margin:0; padding:0; overflow:hidden; border:1px solid #ddd;}
.scroll-in-conts {height:100%; margin:0; padding:5px; overflow:hidden;}

/* dl 내에 체크가 있는경우 */
.dl-chk {clear:both; margin:3px 0 5px; padding:0; overflow:hidden;}
.dl-chk dl {float:right; margin:0; padding:0;}
.dl-chk dl dt,
.dl-chk dl dd {float:left; margin:0; padding:0;}
.dl-chk dl dd.btn {margin:0 0 0 8px; *margin:-3px 0 0 8px; padding:0;}
.dl-chk dl dd.txt {margin:1px 0 0 5px; *margin:2px 0 0 0; padding:0;}

.relative {position:relative !important;}
.absolute {position:absolute !important;}
.block {display:block !important;}
.inline {display:inline !important;}
.in-block {display:inline-block !important;}

/* placeholder */
label.placeholder {color:#aaa !important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaa !important;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#aaa !important;}

/* 기본 테이블 */
.tbl_spot {font-weight:bold !important; text-align:left !important; color:#fff !important; background:#555 !important;}

table.tbl {width:100%; margin:0 auto; padding:2px; border-spacing:0; border:0; border-collapse:collapse; *border-top:1px solid #ddd; _border:0; background:#ddd;}
table.tbl thead th,
table.tbl tbody th,
table.tbl tbody td {height:20px; padding:5px 5px; border:1px solid #ddd;}
table.tbl thead th,
table.tbl tbody th {font-weight:bold; background:#f5f5f5;}
table.tbl tbody td {background:#fff;}
table.tbl tbody dl {margin:0; padding:0;}
table.tbl tbody dl.add-img-frm {clear:both; margin:0; padding:3px 0; overflow:hidden;}
table.tbl tbody dt,
table.tbl tbody dd {float:left; margin:0; padding-right:5px;}
table.tbl tbody dt.chk {padding-top:5px; *padding-top:0;}
table.tbl tbody dt.txt {padding-top:3px; *padding-top:4px;}
table.tbl tbody dd.chk {padding-top:3px; *padding-top:0;}
table.tbl tbody dd.txt {padding-top:5px; *margin:0 0 0 -2px;}
table.tbl tbody dd.btn {padding-top:0; padding-top:/*\**/1px\9; *padding-top:1px; _padding-top:2px;}

table.tbl-lc {width:100%; margin:0 auto; padding:2px; border-spacing:0; border:0; border-collapse:collapse; *border-top:1px solid #ddd; _border:0; background:#fff;}
table.tbl-lc thead th,
table.tbl-lc tbody th,
table.tbl-lc tbody td {height:20px; border:1px solid #ddd;}
table.tbl-lc thead th,
table.tbl-lc tbody th {text-align:center; padding:3px; font-weight:bold; background:#f5f5f5;}
table.tbl-lc tbody td {padding:5px 3px;}
table.tbl-lc tbody dl {margin:0; padding:0;}
table.tbl-lc tbody dl.add-img-frm {clear:both; margin:0; padding:3px 0; overflow:hidden;}
table.tbl-lc tbody dt,
table.tbl-lc tbody dd {float:left; margin:0; padding-right:5px;}
table.tbl-lc tbody dt.chk {padding-top:5px; *padding-top:0;}
table.tbl-lc tbody dt.txt {padding-top:3px; *padding-top:4px;}
table.tbl-lc tbody dd.chk {padding-top:3px; *padding-top:0;}
table.tbl-lc tbody dd.txt {padding-top:5px; *margin:0 0 0 -2px;}
table.tbl-lc tbody dd.chk2 {padding-top:7px; *padding-top:2px;}
table.tbl-lc tbody dd.txt2 {padding-top:7px; *margin:0 0 0 -2px;}
table.tbl-lc tbody dd.btn {padding-top:0; padding-top:/*\**/1px\9; *padding-top:1px; _padding-top:2px;}

table.tbl-bw {width:100%; margin:0 auto; padding:0; border-spacing:0; border:0; border-collapse:collapse; border:none; background:#fff;}
table.tbl-bw thead th,
table.tbl-bw tbody th,
table.tbl-bw tbody td {height:18px; border:1px solid #fff;}
table.tbl-bw thead th,
table.tbl-bw tbody th {text-align:center; padding:5px 0; font-weight:bold; background:#fff;}
table.tbl-bw tbody td {padding:5px 0;}

/*
table.tbl-c {width:100%; margin:0 auto; padding:2px; border-spacing:0; border:0; border-collapse:collapse; border-top:2px solid #aaa;}
table.tbl-c thead th,
table.tbl-c tbody th,
table.tbl-c tbody td {height:20px; padding:5px 5px; border-bottom:1px solid #ddd;}
table.tbl-c thead th.r-line {border-right:1px solid #ddd;}
table.tbl-c thead th,
table.tbl-c tbody th {font-weight:bold; text-align:center; background:#f5f5f5;}
*/

table.tbl-c {width:100%; margin:0 auto; padding:2px; border-spacing:0; border:0; border-collapse:collapse; border-top:2px solid #aaa;}
table.tbl-c thead th,
table.tbl-c tbody th,
table.tbl-c tbody td {height:20px; padding:5px 5px; border-bottom:1px solid #ddd;}
table.tbl-c thead th.r-line {border-right:1px solid #ddd;}
table.tbl-c thead th,
table.tbl-c tbody th {font-weight:bold; text-align:center; background:#f5f5f5;}
table.tbl-c tbody dl {margin:0; padding:0; overflow:hidden;}
table.tbl-c tbody dt,
table.tbl-c tbody dd {float:left; margin:0; padding-right:5px;}
table.tbl-c tbody dt.chk {padding-top:5px; *padding-top:0;}
table.tbl-c tbody dt.txt {padding-top:3px; *padding-top:4px;}
table.tbl-c tbody dd.d-inp {width:50%;}
table.tbl-c tbody dd.chk {padding-top:3px; *padding-top:0;}
table.tbl-c tbody dd.txt {padding-top:5px; *margin:0 0 0 -2px;}
table.tbl-c tbody dd.txt1 {padding-top:3px; *padding-top:4px;}
table.tbl-c tbody dd.chk2 {padding-top:7px; *padding-top:5px;}
table.tbl-c tbody dd.txt2 {padding-top:8px; *margin:2px 0 0 -2px;}
table.tbl-c tbody dd.btn {padding-top:0; padding-top:/*\**/1px\9; *padding-top:1px; _padding-top:2px;}

table.tbl-l {width:100%; margin:0 auto; padding:2px; border-spacing:0; border:0; border-collapse:collapse; border-top:2px solid #aaa;}
table.tbl-l thead th,
table.tbl-l tbody th,
table.tbl-l tbody td {height:20px; padding:5px 5px; border-bottom:1px solid #ddd;}
table.tbl-l thead th,
table.tbl-l tbody th {font-weight:bold; background:#f5f5f5;}
table.tbl-l tbody dl {margin:0; padding:0; overflow:hidden;}
table.tbl-l tbody dt,
table.tbl-l tbody dd {float:left; margin:0; padding-right:5px;}
table.tbl-l tbody dt.chk {padding-top:5px; *padding-top:0;}
table.tbl-l tbody dt.txt {padding-top:3px; *padding-top:4px;}
table.tbl-l tbody dd.d-inp {width:50%;}
table.tbl-l tbody dd.chk {padding-top:3px; *padding-top:0;}
table.tbl-l tbody dd.txt {padding-top:4px; *margin:0 0 0 -2px;}
table.tbl-l tbody dd.txt1 {padding-top:3px; *padding-top:4px;}
table.tbl-l tbody dd.chk2 {padding-top:7px; *padding-top:5px;}
table.tbl-l tbody dd.txt2 {padding-top:8px; *margin:2px 0 0 -2px;}
table.tbl-l tbody dd.chk3 {padding-top:8px; *padding-top:2px; *margin:0 0 0 -2px;}
table.tbl-l tbody dd.btn {padding-top:0; padding-top:/*\**/1px\9; *padding-top:1px; _padding-top:2px;}
table.tbl-l tbody dd.btn2 {padding-top:3px; *padding-top:4px;}

table.no-bd-tbl {width:100%; border:none !important;}
table.no-bd-tbl thead th,
table.no-bd-tbl tbody th {font-weight:bold; height:20px; padding:3px; border:none !important; background-color:#f5f5f5;}
table.no-bd-tbl tbody td {height:20px; padding:3px; border:none !important;}
table.no-bd-tbl tbody td.tl {border-top:1px dotted #ddd !important;}

table th.v_top5,
table td.v_top5 {vertical-align:top !important; padding-top:5px !important;}

table th.v_top,
table td.v_top {vertical-align:top !important; padding-top:10px !important;}
table th.v_top label,
table td.v_top label {vertical-align:middle !important; padding-top:3px !important;}

table.tbl-l .item {position:relative; margin:0;}
table.tbl-l .item .i-desc {display:inline-block; margin:0; *margin:0 0 5px;}

/* 옆으로~ */
dl.l-frm {margin:0; padding:0; overflow:hidden;}
dl.l-frm dt,
dl.l-frm dd {float:left; margin:0; padding:0 5px 0 0;}
dl.l-frm dt.txt {padding-top:7px; *padding-top:6px;}
dl.l-frm dd.chk {padding-top:0;}
dl.l-frm dd.btn {padding-top:3px; *padding-top:3px;}
dl.l-frm dd.img {padding-top:5px; *padding-top:4px;}

/* 레이어 팝업상단 부분 */
#ej-full-header-wrap {clear:both;}
#ej-full-header-wrap h1 {clear:both; position:relative; height:30px; line-height:30px;  font-weight:bold; padding:0 0 0 5px; color:#fff; border-bottom:2px solid #3cc2ff; overflow:hidden; background:#333;}
#ej-full-header-wrap h1 span {display:block; position:absolute; top:5px; right:5px; width:18px; height:18px; margin:0; padding:0;}

/* 팝업페이지에서의 상단 메뉴 */
.j-pop-menu {margin:0 0 10px; padding:0; overflow:hidden;}
.j-pop-menu li {float:left; margin:2px 5px 2px 0; padding:0; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.j-pop-menu li.r {float:right; margin:0;}
.j-pop-menu li.active {font-weight:bold; color:#ff32b1; background:#f5f5f5;}
.j-pop-menu li a {display:block; margin:0; padding:5px 8px;}
.j-pop-menu li.active a {color:#ff32b1;}

/* 레이어 아이프레임 상단 스타일 */
#laypop-wrap {clear:both;}
#laypop-wrap h1 {clear:both; position:relative; height:30px; line-height:30px;  font-weight:bold; padding:0 0 0 5px; color:#fff; border-bottom:2px solid #3cc2ff; background:#333;}
#laypop-wrap h1 span {display:block; position:absolute; top:5px; right:5px; width:18px; height:18px; margin:0; padding:0;}

/* 우편번호검색 */
#zipcode {clear:both;}
#zipcode h1 {clear:both; position:relative; height:30px; line-height:30px;  font-weight:bold; padding:0 0 0 5px; color:#fff; border-bottom:2px solid #3cc2ff; background:#333;}
#zipcode h1 span {display:block; position:absolute; top:5px; right:5px; width:18px; height:18px; margin:0; padding:0;}
.nz-wrap {clear:both; position:relative; margin:0; padding:0; overflow:hidden;}
.nz-menu {clear:both; margin:10px 0 0 5px; padding:0; overflow:hidden;}
.nz-menu li {float:left; margin:0 0 0 -1px; padding:0;}
.nz-menu li.f {margin:0;}
.nz-menu li a {display:block; color:#333; padding:5px 10px; font:bold 12px/12px "Noto Sans KR", sans-serif; border:1px solid #aaa; background:#fff; text-decoration:none;}
.nz-menu li a:hover {color:#ff1e9d; background:#f9f9f9;}
.nz-menu li a.on {color:#ff1e9d; background:#f9f9f9;}
.nz-sel-grp {clear:both; position:relative; width:98%; margin:10px auto 5px; padding:0; overflow:hidden; border:1px solid #ccc;}
#zip-loading {position:absolute; top:5px; right:5px; width:16px; height:16px; margin:0; padding:0; overflow:hidden; display:none;}
.nz-sel {clear:both; margin:5px 0 5px 10px; padding:0; overflow:hidden;}
.nz-sel dt,
.nz-sel dd {float:left; margin:0; padding:0;}
.nz-sel dt {width:90px; margin:0; padding:7px 0 0; *padding:10px 0 0; font:bold 13px/13px "Noto Sans KR", sans-serif;}
.nz-sel dd {margin:0; padding:0;}
.nz_chk {padding:0 5px 0 0; *padding:0 0 0 0;}
.nz-search-btn {position:absolute; bottom:8px; right:10px; overflow:hidden;}
.nz-sel-frm {width:180px;}
.nz-list {clear:both; width:98%; height:200px; margin:5px auto 0; padding:0; overflow-x:hidden; overflow-y:auto; border:1px solid #ccc;}
.nz-list ul {margin:0; padding:0;}
.nz-list ul li {clear:both; margin:3px; padding:3px; font:normal 12px/130% "Noto Sans KR", sans-serif; border:1px solid #ddd; background:#f6f6f6;}
.nz-list ul li span {color:#777;}
.nz-list ul li a {display:block; color:#111; text-decoration:none;}

.pop-wrap {margin:0; padding:5px;}

/* 중앙버튼 */
.ej-c-li-btn {clear:both; float:right; position:relative; left:-50%; margin:5px 0 5px; padding:0; z-index:1;}
.ej-c-li-btn li {float:left; position:relative; left:50%; z-index:2;}
.ej-c-li-btn li input,
.ej-c-li-btn li a {display:block; padding:2px; z-index:1;}

/* 좌측버튼 */
.ej-l-li-btn {clear:both; margin:5px 0 5px; padding:0; overflow:hidden;}
.ej-l-li-btn li {float:left; margin:0; padding:0;}
.ej-l-li-btn li input,
.ej-l-li-btn li a {display:block; padding:2px 2px 2px 0;}

/* 우측버튼 */
.ej-r-li-btn {clear:both; float:right; margin:5px 0 5px; padding:0; overflow:hidden;}
.ej-r-li-btn li {float:left; margin:0; padding:0;}
.ej-r-li-btn li input,
.ej-r-li-btn li a {display:block; padding:2px 0 2px 2px;}

/* 탭메뉴 */
.ej-tab-mm {clear:both; margin:0; padding:0; overflow:hidden;}
.ej-tab-mm ul {float:left; height:100%; margin:0; padding:0; overflow:hidden;}
.ej-tab-mm ul li {float:left; margin:0 0 0 -1px; padding:0;}
.ej-tab-mm ul li.f {margin:0;}
.ej-tab-mm ul li a {display:block; padding:7px 10px; border:1px solid #ddd;}
.ej-tab-mm ul li a.over {font-weight:bold; margin:0 1px 0 0; border:1px solid #000;}

/* 상단 라운딩 탭 & over시 위로 살짝 */
.j-round-unline {border-bottom:1px solid #aaa;}
.j-round-tab {clear:both; margin:0; padding:0; overflow:hidden;}
.j-round-tab ul {float:left; height:100%; margin:0; padding:0; overflow:hidden;}
.j-round-tab ul li {float:left; margin:0 0 0 -1px; padding:0;}
.j-round-tab ul li.f {margin:0;}
.j-round-tab ul li a {display:block; margin:4px 0 0; padding:7px 15px; border:1px solid #aaa; border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; background:#f9f9f9;}
.j-round-tab ul li a.over {font-weight:bold; margin:0 1px 0 0; padding:9px 15px; border:1px solid #000; border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}

/* 사용자페이지 탭메뉴 */
.j-rnd-tab {clear:both; margin:0; padding:0;}
.j-rnd-tab ul {position:relative; margin:0; padding:0; *zoom:1}
.j-rnd-tab ul:after{content:""; display:block; clear:both}
.j-rnd-tab ul li {float:left; margin:0 0 0 -1px; padding:0;}
.j-rnd-tab ul li.f {margin:0;}
.j-rnd-tab ul li .elr-tab {display:block; margin:4px 0 0; padding:7px 15px; border:1px solid #aaa; border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; background:#f9f9f9;}
.j-rnd-tab ul li a.over {font-weight:bold; margin:0 1px 0 0; padding:9px 15px; border:1px solid #000; border-bottom:none; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}

/* 버튼 & 진행표시 */
.proc-btn {clear:both; width:100%; height:30px; margin:10px 0 5px; padding:0; text-align:center;}
.proc-btn ul {clear:both; width:130px; height:100%; margin:2px auto 0; padding:0; overflow:hidden;}
.proc-btn ul li {float:left; margin:0 3px; padding:0;}
.proc-btn .page {height:30px; padding:0; overflow:hidden;}
.proc-btn ul.b1 {float:left; width:70px; margin:2px -80px 0 0;}
.proc-btn .b1 {margin:3px 0 0 80px;}
.proc-btn ul.b2 {float:left; width:130px; margin:2px -140px 0 0;}
.proc-btn .b2 {margin:3px 0 0 140px;}
.proc-btn ul.b3 {float:left; width:190px; margin:2px -200px 0 0;}
.proc-btn .b3 {margin:3px 0 0 200px;}
.proc-btn ul.b4 {float:left; width:250px; margin:2px -260px 0 0;}
.proc-btn .b4 {margin:3px 0 0 260px;}
.proc-btn ul.b5 {float:left; width:310px; margin:2px -320px 0 0;}
.proc-btn .b5 {margin:3px 0 0 320px;}
.proc-btn ul.all {float:left; width:100%;}
.proc-btn .all {margin:3px 0 0 0;}
.progress {margin:3px 0 0;}

/* searching */
.ej-search {clear:both; width:100%; margin:0; overflow:hidden;}
.ej-search p {float:left; height:35px; line-height:35px; padding-left:5px;}
.ej-search fieldset {float:right; padding:0 0 5px; border:none; overflow:hidden;}
.ej-search dl {height:30px; float:right;}
.ej-search dl dt {}
.ej-search dl dd {float:left; margin:3px 0 0 0; padding-left:3px;}
.ej-search dl .btn {margin-top:3px;}
.ej-search dl select { margin:2px 0 0; padding:2px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.ej-search dl input { margin:2px 0 0; *margin:1px 0 0; padding:3px 4px 2px; *padding:2px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.ej-search dl input.no { margin:2px 0 0; *margin:1px 0 0; padding:3px 4px 2px; *padding:2px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}
.ej-search dl input.btn {height:20px; padding:0 3px 0; font-size:1em; border:1px solid #ddd; background:#eee;}
.ej-search dl input.submit {margin:0; padding:none; border:none; background:none;}


/* 입력폼 */
.inp {height:18px; height:/*\**/14px\9;  *height:14px; padding:0 3px 0; padding:/*\**/3px 3px 0\9; *padding:3px 3px 0; font-family:"Noto Sans KR", sans-serif; font-size:11px; border:1px solid #ddd;}
.in-file {height:20px; padding:0 3px 0; padding:/*\**/3px 3px 0\9; *padding:3px 3px 0; border:1px solid #ddd; background:#f9f9f9;}
.no-inp {height:18px; height:/*\**/14px\9;  *height:14px; padding:0 3px 0; padding:/*\**/3px 3px 0\9; *padding:3px 3px 0; font-family:"Noto Sans KR", sans-serif; font-size:11px; color:#999; border:1px solid #ddd; background:#eee;}

.inp-b { font-family:"Noto Sans KR", sans-serif; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.inp-bb { font-family:"Noto Sans KR", sans-serif; margin:2px; padding:5px 4px 3px; border:1px solid #b7b7b7; border-left-color:#e1e1e1; border-top-color:#e1e1e1; background:transparent;}
.no-inp-b { font-family:"Noto Sans KR", sans-serif; margin:2px; padding:3px 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}
.inp-black { font-family:"Noto Sans KR", sans-serif; margin:2px; padding:5px 4px 3px; color:#fff; border:1px solid #555; border-left-color:#000; border-top-color:#000; background:#333;}
.inp-b-white { font-family:"Noto Sans KR", sans-serif; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#fff;}

.inp-trans { font-family:"Noto Sans KR", sans-serif; margin:2px; padding:3px 4px; border:none; background:transparent;}

.inp-16 {font-size:16px; font-family:"Noto Sans KR", sans-serif; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.no-inp-16 {font-size:16px; font-family:"Noto Sans KR", sans-serif; margin:0 4px 0 0; padding:3px 0 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}
.inp-16-white {font-size:16px; font-family:"Noto Sans KR", sans-serif; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#fff;}

.inp-b16 {font-size:16px; font-family:"Noto Sans KR", sans-serif; font-weight:bold; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.inp-b18 {font-size:18px; font-family:"Noto Sans KR", sans-serif; font-weight:bold; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.no-inp-b16 {font-size:16px; font-family:"Noto Sans KR", sans-serif; font-weight:bold; margin:0 4px 0 0; padding:3px 0 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}
.no-inp-b18 {font-size:18px; font-family:"Noto Sans KR", sans-serif; font-weight:bold; margin:2px; padding:3px 4px; color:#777; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#eee;}

/* 버튼 */
.b-none {font-family:"Noto Sans KR", sans-serif; margin:0; padding:0; border:none; overflow:visible; background:transparent;}
.b-gray {font-family:"Noto Sans KR", sans-serif; margin:0; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#f7f7f7;}
.b-gray12 { font-family:"Noto Sans KR", sans-serif; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#f7f7f7;}

.b-size11 {font-size:11px; font-family:"Noto Sans KR", sans-serif; padding:3px 4px;}
.b-size12 { font-family:"Noto Sans KR", sans-serif; padding:3px 5px;}


.btn-dark-jean {
	border:1px solid #495267; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding:3px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #ffffff;
	background-color: #606c88; background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
	background-image: -webkit-linear-gradient(top, #606c88, #3f4c6b);
	background-image: -moz-linear-gradient(top, #606c88, #3f4c6b);
	background-image: -ms-linear-gradient(top, #606c88, #3f4c6b);
	background-image: -o-linear-gradient(top, #606c88, #3f4c6b);
	background-image: linear-gradient(to bottom, #606c88, #3f4c6b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#606c88, endColorstr=#3f4c6b);
}

.btn-dark-jean:hover {
	border:1px solid #363d4c;
	background-color: #4b546a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4b546a), to(#2c354b));
	background-image: -webkit-linear-gradient(top, #4b546a, #2c354b);
	background-image: -moz-linear-gradient(top, #4b546a, #2c354b);
	background-image: -ms-linear-gradient(top, #4b546a, #2c354b);
	background-image: -o-linear-gradient(top, #4b546a, #2c354b);
	background-image: linear-gradient(to bottom, #4b546a, #2c354b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4b546a, endColorstr=#2c354b);
}

.btn-dark-jean2 {
	border:1px solid #495267; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding:5px 8px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #ffffff;
	background-color: #606c88; background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
	background-image: -webkit-linear-gradient(top, #606c88, #3f4c6b);
	background-image: -moz-linear-gradient(top, #606c88, #3f4c6b);
	background-image: -ms-linear-gradient(top, #606c88, #3f4c6b);
	background-image: -o-linear-gradient(top, #606c88, #3f4c6b);
	background-image: linear-gradient(to bottom, #606c88, #3f4c6b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#606c88, endColorstr=#3f4c6b);
}

.btn-dark-jean2:hover {
	border:1px solid #363d4c;
	background-color: #4b546a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4b546a), to(#2c354b));
	background-image: -webkit-linear-gradient(top, #4b546a, #2c354b);
	background-image: -moz-linear-gradient(top, #4b546a, #2c354b);
	background-image: -ms-linear-gradient(top, #4b546a, #2c354b);
	background-image: -o-linear-gradient(top, #4b546a, #2c354b);
	background-image: linear-gradient(to bottom, #4b546a, #2c354b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4b546a, endColorstr=#2c354b);
}


/* 셀렉트폼 */
.seb {height:20px; font-family:"Noto Sans KR", sans-serif;  border:1px solid #ddd;}
.s-seb {height:18px; font-family:"Noto Sans KR", sans-serif;  margin-top:3px; border:1px solid #ddd;}
.seb-b {font-family:"Noto Sans KR", sans-serif;  margin:2px; padding:2px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#fff;}
.seb-b16 {font-family:"Noto Sans KR", sans-serif; font-size:16px; margin:0; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#fff;}
.seb-b18 {font-family:"Noto Sans KR", sans-serif; font-size:18px; margin:2px; padding:3px 4px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:#fff;}

/* 이미지없음 */
.no-img {display:block; text-align:center; margin:0 auto; padding:0; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-indent:-9999em; overflow:hidden; background:url('/_common/images/no_bg.gif') no-repeat 50% 50%;}

/* 라운딩처리 */
.round-box {border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.round-box3 {border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

/* 상단만 라운딩처리 */
.t-round-box {border:1px solid #ddd; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}

/* common */
.clear {clear:both;}

/* default font */
.font10 {font-size:10px !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px !important;}
.font20 {font-size:20px !important;}
.font25 {font-size:25px !important;}
.normal {font-weight:normal !important;}
.bold {font-weight:bold !important;}
.strike {text-decoration:line-through !important;}

/* 배경색상 */
.bg_fff {background:#fff;}
.bg_ddd {background:#ddd;}
.bg_eee {background:#eee;}
.bg_f5f5f5 {background:#f5f5f5;}
.bg_f9f9f9 {background:#f9f9f9;}
.bg_fffae8 {background:#fffae8;}
.bg_111 {background:#111;}

/* 필수입력 */
.j-spot {color:#ff1493 !important;}

/* 색상 */
.white {color:#fff !important;}
.black {color:#000 !important;}
.gray {color:#999 !important;}
.red {color:#f00 !important;}
.pink {color:#f8f !important;}
.orange {color:#f80 !important;}
.violet {color:#ff32b1 !important;}
.purple {color:#9905d8 !important;}
.blue {color:#00f !important;}
.sky {color:#00c3ff !important;}
.green {color:#369f36 !important;}

.mid-gray {color:#777 !important;}
.down-gray {color:#888 !important;}

.dark-gray {color:#555 !important;}
.dark-orange {color:#f50 !important;}
.dark-sky {color:#0098c7 !important;}
.dark-pink {color:#e200e2 !important;}

/* 커서타입 */
.hand {cursor:pointer !important; _cursor:hand !important;}

/* float 정렬 */
.f_left {float:left !important;}
.f_right {float:right !important;}

/* text 정렬 */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

.margin_auto {margin:0 auto;}

/* 글자간격 */
.lspacing1 {letter-spacing:1px;}
.lspacing2 {letter-spacing:2px;}
.lspacing3 {letter-spacing:3px;}
.lspacing4 {letter-spacing:4px;}
.lspacing5 {letter-spacing:5px;}
.lspacing6 {letter-spacing:6px;}
.lspacing7 {letter-spacing:7px;}
.lspacing8 {letter-spacing:8px;}
.lspacing9 {letter-spacing:9px;}
.lspacing10 {letter-spacing:10px;}
.lspacing12 {letter-spacing:12px;}
.lspacing14 {letter-spacing:14px;}
.lspacing16 {letter-spacing:16px;}
.lspacing18 {letter-spacing:18px;}
.lspacing20 {letter-spacing:20px;}

/* 가로사이즈 */
.w_98p {width:98%; !important;}
.w_95p {width:95%; !important;}
.w_90p {width:90%; !important;}
.w_80p {width:80%; !important;}
.w_70p {width:70%; !important;}
.w_60p {width:60%; !important;}
.w_50p {width:50%; !important;}
.w_49p {width:49%; !important;}

.w_80 {width:80px; !important;}
.w_90 {width:90px; !important;}
.w_100 {width:100px; !important;}
.w_120 {width:120px; !important;}
.w_150 {width:150px; !important;}
.w_180 {width:180px; !important;}
.w_200 {width:200px; !important;}
.w_220 {width:220px; !important;}
.w_250 {width:250px; !important;}
.w_300 {width:300px; !important;}
.w_400 {width:400px; !important;}
.w_500 {width:500px; !important;}
.w_550 {width:550px; !important;}
.w_600 {width:600px; !important;}
.w_650 {width:650px; !important;}
.w_700 {width:700px; !important;}
.w_750 {width:750px; !important;}
.w_800 {width:800px; !important;}
.w_850 {width:850px; !important;}
.w_900 {width:900px; !important;}
.w_950 {width:950px; !important;}

/* 세로사이즈 */
.h_50 {height:50px; !important;}
.h_80 {height:80px; !important;}
.h_100 {height:100px; !important;}
.h_120 {height:120px; !important;}
.h_150 {height:150px; !important;}
.h_180 {height:180px; !important;}
.h_200 {height:200px; !important;}
.h_250 {height:250px; !important;}
.h_300 {height:300px; !important;}
.h_500 {height:500px; !important;}

/* line height */
.lh_120 {line-height:120% !important;}
.lh_130 {line-height:130% !important;}
.lh_140 {line-height:140% !important;}
.lh_150 {line-height:150% !important;}
.lh_160 {line-height:160% !important;}
.lh_170 {line-height:170% !important;}
.lh_180 {line-height:180% !important;}
.lh_190 {line-height:190% !important;}
.lh_200 {line-height:200% !important;}
.lh_220 {line-height:220% !important;}
.lh_250 {line-height:250% !important;}

.lh_50px {line-height:50px; !important;}
.lh_80px {line-height:80px; !important;}
.lh_100px {line-height:100px; !important;}
.lh_120px {line-height:120px; !important;}
.lh_150px {line-height:150px; !important;}
.lh_180px {line-height:180px; !important;}
.lh_200px {line-height:200px; !important;}
.lh_250px {line-height:250px; !important;}
.lh_300px {line-height:300px; !important;}
.lh_500px {line-height:500px; !important;}

/* margin */
.mgn0 {margin:0 !important;}
.mgn1 {margin:1px !important;}
.mgn2 {margin:2px !important;}
.mgn3 {margin:3px !important;}
.mgn4 {margin:4px !important;}
.mgn5 {margin:5px !important;}
.mgn8 {margin:8px !important;}
.mgn10 {margin:10px !important;}
.mgn15 {margin:15px !important;}
.mgn18 {margin:18px !important;}
.mgn20 {margin:20px !important;}
.mgn25 {margin:25px !important;}
.mgn30 {margin:30px !important;}

.tmgn1 {margin-top:1px !important;}
.tmgn2 {margin-top:2px !important;}
.tmgn3 {margin-top:3px !important;}
.tmgn4 {margin-top:4px !important;}
.tmgn5 {margin-top:5px !important;}
.tmgn8 {margin-top:8px !important;}
.tmgn10 {margin-top:10px !important;}
.tmgn15 {margin-top:15px !important;}
.tmgn18 {margin-top:18px !important;}
.tmgn20 {margin-top:20px !important;}
.tmgn25 {margin-top:25px !important;}
.tmgn30 {margin-top:30px !important;}
.tmgn40 {margin-top:40px !important;}
.tmgn50 {margin-top:50px !important;}
.tmgn80 {margin-top:80px !important;}

.bmgn1 {margin-bottom:1px !important;}
.bmgn2 {margin-bottom:2px !important;}
.bmgn3 {margin-bottom:3px !important;}
.bmgn4 {margin-bottom:4px !important;}
.bmgn5 {margin-bottom:5px !important;}
.bmgn8 {margin-bottom:8px !important;}
.bmgn10 {margin-bottom:10px !important;}
.bmgn15 {margin-bottom:15px !important;}
.bmgn18 {margin-bottom:18px !important;}
.bmgn20 {margin-bottom:20px !important;}
.bmgn25 {margin-bottom:25px !important;}
.bmgn30 {margin-bottom:30px !important;}
.bmgn40 {margin-bottom:40px !important;}
.bmgn50 {margin-bottom:50px !important;}
.bmgn80 {margin-bottom:80px !important;}

.lmgn1 {margin-left:1px !important;}
.lmgn2 {margin-left:2px !important;}
.lmgn3 {margin-left:3px !important;}
.lmgn4 {margin-left:4px !important;}
.lmgn5 {margin-left:5px !important;}
.lmgn8 {margin-left:8px !important;}
.lmgn10 {margin-left:10px !important;}
.lmgn15 {margin-left:15px !important;}
.lmgn18 {margin-left:18px !important;}
.lmgn20 {margin-left:20px !important;}
.lmgn25 {margin-left:25px !important;}
.lmgn30 {margin-left:30px !important;}

.rmgn1 {margin-right:1px !important;}
.rmgn2 {margin-right:2px !important;}
.rmgn3 {margin-right:3px !important;}
.rmgn4 {margin-right:4px !important;}
.rmgn5 {margin-right:5px !important;}
.rmgn8 {margin-right:8px !important;}
.rmgn10 {margin-right:10px !important;}
.rmgn15 {margin-right:15px !important;}
.rmgn18 {margin-right:18px !important;}
.rmgn20 {margin-right:20px !important;}
.rmgn25 {margin-right:25px !important;}
.rmgn30 {margin-right:30px !important;}

/* padding */
.pad0 {padding:0 !important;}
.pad1 {padding:1px !important;}
.pad2 {padding:2px !important;}
.pad3 {padding:3px !important;}
.pad4 {padding:4px !important;}
.pad5 {padding:5px !important;}
.pad8 {padding:8px !important;}
.pad10 {padding:10px !important;}
.pad15 {padding:15px !important;}
.pad18 {padding:18px !important;}
.pad20 {padding:20px !important;}
.pad25 {padding:25px !important;}
.pad30 {padding:30px !important;}

.tpad1 {padding-top:1px !important;}
.tpad2 {padding-top:2px !important;}
.tpad3 {padding-top:3px !important;}
.tpad4 {padding-top:4px !important;}
.tpad5 {padding-top:5px !important;}
.tpad8 {padding-top:8px !important;}
.tpad10 {padding-top:10px !important;}
.tpad15 {padding-top:15px !important;}
.tpad18 {padding-top:18px !important;}
.tpad20 {padding-top:20px !important;}
.tpad25 {padding-top:25px !important;}
.tpad30 {padding-top:30px !important;}

.bpad1 {padding-bottom:1px !important;}
.bpad2 {padding-bottom:2px !important;}
.bpad3 {padding-bottom:3px !important;}
.bpad4 {padding-bottom:4px !important;}
.bpad5 {padding-bottom:5px !important;}
.bpad8 {padding-bottom:8px !important;}
.bpad10 {padding-bottom:10px !important;}
.bpad15 {padding-bottom:15px !important;}
.bpad18 {padding-bottom:18px !important;}
.bpad20 {padding-bottom:20px !important;}
.bpad25 {padding-bottom:25px !important;}
.bpad30 {padding-bottom:30px !important;}

.lpad1 {padding-left:1px !important;}
.lpad2 {padding-left:2px !important;}
.lpad3 {padding-left:3px !important;}
.lpad4 {padding-left:4px !important;}
.lpad5 {padding-left:5px !important;}
.lpad8 {padding-left:8px !important;}
.lpad10 {padding-left:10px !important;}
.lpad15 {padding-left:15px !important;}
.lpad18 {padding-left:18px !important;}
.lpad20 {padding-left:20px !important;}
.lpad25 {padding-left:25px !important;}
.lpad30 {padding-left:30px !important;}

.rpad1 {padding-right:1px !important;}
.rpad2 {padding-right:2px !important;}
.rpad3 {padding-right:3px !important;}
.rpad4 {padding-right:4px !important;}
.rpad5 {padding-right:5px !important;}
.rpad8 {padding-right:8px !important;}
.rpad10 {padding-right:10px !important;}
.rpad15 {padding-right:15px !important;}
.rpad18 {padding-right:18px !important;}
.rpad20 {padding-right:20px !important;}
.rpad25 {padding-right:25px !important;}
.rpad30 {padding-right:30px !important;}

/* opacity : 불투명도 */
.opacity10 {filter:alpha(opacity=10) !important; opacity:0.1 !important;}
.opacity20 {filter:alpha(opacity=20) !important; opacity:0.2 !important;}
.opacity30 {filter:alpha(opacity=30) !important; opacity:0.3 !important;}
.opacity40 {filter:alpha(opacity=40) !important; opacity:0.4 !important;}
.opacity50 {filter:alpha(opacity=50) !important; opacity:0.5 !important;}
.opacity55 {filter:alpha(opacity=55) !important; opacity:0.55 !important;}
.opacity60 {filter:alpha(opacity=60) !important; opacity:0.6 !important;}
.opacity65 {filter:alpha(opacity=65) !important; opacity:0.65 !important;}
.opacity70 {filter:alpha(opacity=70) !important; opacity:0.7 !important;}
.opacity75 {filter:alpha(opacity=75) !important; opacity:0.75 !important;}
.opacity80 {filter:alpha(opacity=80) !important; opacity:0.8 !important;}
.opacity85 {filter:alpha(opacity=85) !important; opacity:0.85 !important;}
.opacity90 {filter:alpha(opacity=90) !important; opacity:0.9 !important;}
.opacity95 {filter:alpha(opacity=95) !important; opacity:0.95 !important;}

/* scollbar */
.jspContainer {overflow:hidden; position:relative;}
.jspPane {position:absolute; margin:0; padding:0;}
.jspVerticalBar {position:absolute; top:0; right:0; width:7px; height:100%; background:#555;}
.jspHorizontalBar {position:absolute; bottom:0; left:0; width:100%; height:7px; background:#555;}
.jspVerticalBar *,
.jspHorizontalBar * {margin:0; padding:0;}
.jspCap {display:none;}
.jspHorizontalBar,
.jspCap {float:left; height:7px;}
.jspTrack {background:#ddd; position:relative;}
.jspDrag {background:#999; position:relative; top:0; left:0; cursor:pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {float:left; height:100%;}
.jspArrow {background:#555; text-indent:-20000px; display:block; cursor:pointer;}
.jspArrow.jspDisabled {cursor:default; background:#80808d;}
.jspVerticalBar .jspArrow {height:6px;}
.jspHorizontalBar .jspArrow {width:7px; float:left; height:100%;}
.jspVerticalBar .jspArrow:focus {outline:none;}
.jspCorner {background:#ddd; float:left; height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin:0 -3px 0 0;}

/* List Section */
.listU {position:relative; border:1px solid #ddd;  line-height:normal; *zoom:1; background:#fff;}
.listU a {text-decoration:none; color:#666;}
.listU a:hover,
.listU a:active,
.listU a:focus {text-decoration:underline;}
.listU em {font-style:normal; font-weight:bold;}
.listU p { margin:0; padding:7px 0 5px 8px; color:#333; border:1px solid #fff; background:#f7f7f7;}
.listU p em {color:#cf3292;}
.listU ul {margin:0; padding:10px 12px 0 12px; list-style:none; border-top:1px solid #ddd;}
.listU li {position:relative; margin:0 0 10px 0;}
.listU li:after {content:""; display:block; clear:both;}
.listU li .i {float:left; margin:0 4px 0 0; font-weight:bold;}
.listU li a {float:left;}
.listU li .time {float:right; clear:right; color:#a8a8a8; font:11px "Noto Sans KR", sans-serif; white-space:nowrap;}
.listU .more {position:absolute; top:10px; right:12px; font:11px "Noto Sans KR", sans-serif; text-decoration:none !important;}
.listU .more span {font-weight:bold; color:#d76ea9; font-size:16px; vertical-align:middle; margin:0 2px 0 0;}

/* 자동줄바꿈 */
.word-break {word-break:break-all; word-wrap:break-word;}

/* 한줄로~ */
.white-space {white-space:nowrap;}

/*
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='이미지경로', sizingMethod='crop');
word-break:break-all;	//	표나 상자의 크기를 유지하면서 "글자" 단위로 끊어줌
word-wrap:break-word;	//	위와 동일 (표준)
word-break:keep-all;	//	표나 상자의 크기를 유지하면서 "단어" 단위로 끊어줌
white-space:nowrap;		//	표나 상자의 크기를 유지하지 않음 (옆으로 쭉~~)
text-overflow:ellipsis;	//	글자의 잘린부분을 "..."으로 표시
*/
.checkbox {
	margin:0;
	padding:0;
	width:1em;
	height:1em;
	vertical-align:middle;
}
.text {
	font-size:1em;
	padding:5px 5px 0 5px;
	border:1px solid #9a9a9a;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	vertical-align:middle;
}
.ftext {
	 font-size:1em;
	padding:5px 5px 0 5px;
	border:1px solid #D8D8D8;
	background-color:#eee;
	position:relative;

}

/* Button Common */
.wp-btn,
.wp-btn * {position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:1em; white-space:nowrap; background:url('/images/wp_button.gif') no-repeat; vertical-align:middle; overflow:visible; color:#333;}
.wp-btn {margin-right:4px;}
.wp-btn * {left:4px; cursor:pointer; _cursor:hand; float:left;}

/* Button Size = medium | large | xLarge | small */
.wp-btn.medium,
.wp-btn.medium * {height:25px; line-height:25px;}
.wp-btn.large,
.wp-btn.large * {height:31px; line-height:31px;}
.wp-btn.xLarge,
.wp-btn.xLarge * {height:36px; line-height:36px;}
.wp-btn.small,
.wp-btn.small * {height:20px; line-height:20px;}
.wp-btn.medium {background-position:left 0;}
.wp-btn.large {background-position:left -30px;}
.wp-btn.xLarge {background-position:left -65px;}
.wp-btn.small {background-position:left -106px;}
.wp-btn.medium * {padding:0 10px 0 6px;  background-position:right top;}
.wp-btn.large * {padding:0 10px 0 6px; font-size:14px; background-position:right -30px;}
.wp-btn.xLarge * {padding:0 10px 0 6px; font-size:16px; background-position:right -65px;}
.wp-btn.small * {padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.wp-btn *:hover,
.wp-btn *:active,
.wp-btn *:focus {color:#ff1493;}

/* Button Strong */
.wp-btn.strong * {font-weight:bold !important;}

/* Button Icon Variation */
.wp-btn.icon * {padding-left:20px;}
.wp-btn.small.icon * {padding-left:16px;}
.wp-btn.icon span {width:20px; margin-right:-20px; padding:0 !important;}
.wp-btn.medium .add {background-position:4px -150px;}
.wp-btn.large .add {background-position:4px -147px;}
.wp-btn.xLarge .add {background-position:5px -144px;}
.wp-btn.small .add {background-position:3px -153px;}

.wp-btn.medium .delete {background-position:-16px -150px;}
.wp-btn.large .delete {background-position:-14px -147px;}
.wp-btn.xLarge .delete {background-position:-14px -145px;}
.wp-btn.small .delete {background-position:-18px -153px;}

.wp-btn.medium .modify {background-position:-34px -150px;}
.wp-btn.large .modify {background-position:-34px -147px;}
.wp-btn.xLarge .modify {background-position:-34px -145px;}
.wp-btn.small .modify {background-position:-37px -153px;}

.wp-btn.medium .control {background-position:-56px -150px;}
.wp-btn.large .control {background-position:-56px -147px;}
.wp-btn.xLarge .control {background-position:-56px -145px;}
.wp-btn.small .control {background-position:-59px -153px;}

.wp-btn.medium .save {background-position:-76px -150px;}
.wp-btn.large .save {background-position:-76px -146px;}
.wp-btn.xLarge .save {background-position:-76px -144px;}
.wp-btn.small .save {background-position:-79px -153px;}

.wp-btn.medium .calendar {background-position:-96px -151px;}
.wp-btn.large .calendar {background-position:-96px -147px;}
.wp-btn.xLarge .calendar {background-position:-96px -145px;}
.wp-btn.small .calendar {background-position:-99px -154px;}

.wp-btn.medium .excel {background-position:-116px -151px;}
.wp-btn.large .excel {background-position:-116px -147px;}
.wp-btn.xLarge .excel {background-position:-116px -145px;}
.wp-btn.small .excel {background-position:-119px -154px;}

.wp-btn.medium .print {background-position:-133px -151px;}
.wp-btn.large .print {background-position:-134px -147px;}
.wp-btn.xLarge .print {background-position:-134px -145px;}
.wp-btn.small .print {background-position:-137px -154px;}

.wp-btn.medium .cancel {background-position:-153px -150px;}
.wp-btn.large .cancel {background-position:-153px -147px;}
.wp-btn.xLarge .cancel {background-position:-154px -145px;}
.wp-btn.small .cancel {background-position:-153px -153px;}

.wp-btn.medium .search {background-position:-170px -150px;}
.wp-btn.large .search {background-position:-170px -147px;}
.wp-btn.xLarge .search {background-position:-170px -145px;}
.wp-btn.small .search {background-position:-170px -153px;}

.wp-btn.medium .mobile {background-position:-188px -150px;}
.wp-btn.large .mobile {background-position:-188px -147px;}
.wp-btn.xLarge .mobile {background-position:-188px -145px;}
.wp-btn.small .mobile {background-position:-188px -152px;}


.no-pm {margin:0 !important; padding:0 !important;}