@charset "utf-8";


@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}


body, html {margin: 0; padding: 0; font-family:"NG","돋음", Dotum, Gulim, Apple Gothic, sans-serif; color: #181818;  width:100%; height:100%; font-size:13px; line-height:1.35; overflow: hidden;}

a, a:link, a:visited {color: #181818; border: 0 none; text-decoration: none;}
a:hover, a:active {text-decoration: none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 1em; font-weight: normal;}
p, span, div, ul, ol, li, em, a, img, strong, dl, dt, dd, table, thead, tbody, tfoot, th, td, label, form, fieldset, legend, select, option, textarea {margin: 0; padding:0;}
em {font-style: normal;}
ul, ol, li {list-style: none;}
img { vertical-align: top;border: 0 none; }
hr {display: none;}
table {border-collapse: collapse;}
caption, legend {visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0 !important;}
input, textarea {margin: 0; padding: 0; font-family:"NG","돋음", Dotum, Gulim, Apple Gothic, sans-serif; color: #545454;        height:24px; vertical-align:middle; border:1px solid #afafaf; padding-left:4px;}
select {margin: 0; padding: 0 0 0 2px;  font-family:"NG","돋음", Dotum, Gulim, Apple Gothic, sans-serif; border: 1px solid #969696;  height:24px; vertical-align:middle; border:1px solid #afafaf;}
button {margin: 0; padding:0; background: none; border: none;  }
address { font-style:normal;}
.hidden {visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent:-99999em; margin: 0; padding: 0 !important;}

/***************************************
************ 사이트 ************ 
****************************************/
body{}
.wrapAll{ width:100%; height:100%; min-width:1000px;}
.wrapAll.loginWrap{ background:url(/images/pattern_bg.gif) repeat 0 0; background-color:#e1e1e1; }
.container{ position:relative; width:1000px; margin:0 auto; padding-top:1px;}

/*로그인*/
.loginBox { width:546px; height:356px; margin:0 auto; top:50%; left:50%; position: fixed; margin-left:-273px; margin-top:-178px;}
.loginBox > .loginOutline{  }
.loginBox > .loginOutline{border:1px solid #d7d7d7; border-bottom:4px solid #ea2c00; padding-top:34px; padding-bottom:50px; background-color:#ffffff;}
.loginBox > .loginOutline .logo{ text-align:center;}

.loginBox > .loginOutline .loginCon{ position:relative; width:368px; margin:0 auto; margin-top:40px;}
.loginBox > .loginOutline .loginCon .ti{ font-size:15px; margin-bottom:8px;font-weight:bold;}
.loginBox > .loginOutline .loginCon ul{}
.loginBox > .loginOutline .loginCon ul > li{}
.loginBox > .loginOutline .loginCon ul > li:after{display:block;content:"";clear:both;}
.loginBox > .loginOutline .loginCon ul > li .select_btn{float:left;height:45px;width:180px;display:block;background-color:#555555;text-align:center;line-height:45px;color:#ffffff;font-size:18px;font-weight:700;cursor:pointer;}
.loginBox > .loginOutline .loginCon ul > li .select_btn:last-child{float:right;}
.loginBox > .loginOutline .loginCon ul > li > input{ border:1px solid #cccccc; width:255px; height:36px; background-color:#eeeeee;}
.loginBox > .loginOutline .loginCon ul > li+li{ margin-top:6px;}
.loginBox > .loginOutline .loginCon .btnLogin{ position:absolute; bottom:0px; right:0px; display:block; width:100px; height:82px; line-height:82px; text-align:center; background-color:#555555; color:#ffffff; font-size:18px; font-weight:700; cursor:pointer;}
.loginBox > .loginOutline .loginCon .btnLogin2{ position:relative; bottom:0px; right:0px; display:block; width:368px; height:45px; line-height:45px; text-align:center; background-color:#555555; color:#ffffff; font-size:18px; font-weight:700; cursor:pointer;}
.loginBox > .copyRightTxt{ text-align:center; color:#7F7F7F; font-size:12px; margin-top:20px;}
.loginBox > .copyRightTxt .siteUrl{ font-weight:700;}
.loginBox > .loginOutline .notification{ position:relative;width:368px;margin:0 auto;margin-top:5px;}

.loginBox2 { width:546px; height:480px; margin:0 auto; top:50%; left:50%; position: fixed; margin-left:-273px; margin-top:-250px;}
.loginBox2 > .loginOutline{  }
.loginBox2 > .loginOutline{border:1px solid #d7d7d7; border-bottom:4px solid #ea2c00; padding-top:34px; padding-bottom:50px; background-color:#ffffff;}
.loginBox2 > .loginOutline .logo{ text-align:center;}
.loginBox2 > .loginOutline .loginAuth{ position:relative; width:368px; margin:0 auto; margin-top:40px;}
.loginBox2 > .loginOutline .loginAuth .ti{ font-size:15px; margin-bottom:8px;font-weight:bold;}
.loginBox2 > .loginOutline .loginAuth ul{}
.loginBox2 > .loginOutline .loginAuth ul > li{}
.loginBox2 > .loginOutline .loginAuth ul > li > input{ border:1px solid #cccccc; width:362px; height:36px; background-color:#eeeeee;}
.loginBox2 > .loginOutline .loginAuth ul > li+li{ margin-top:6px;}
.loginBox2 > .loginOutline .loginAuth .btnLogin{ position:relative; bottom:0px; right:0px; display:block; width:368px; height:45px; line-height:45px; text-align:center; background-color:#555555; color:#ffffff; font-size:18px; font-weight:700; cursor:pointer;}
.loginBox2 > .copyRightTxt{ text-align:center; color:#7F7F7F; font-size:12px; margin-top:20px;}
.loginBox2 > .copyRightTxt .siteUrl{ font-weight:700;}
.loginBox2 > .loginOutline .notification{ position:relative;width:368px;margin:0 auto;margin-top:5px;}

/*header*/
.header{ background:url(/images/head_bar_bg.png) repeat-x 0 0; overflow:hidden;}
.header > .container{height:75px;}
.header > .container .topLogo{ width:119px; height:39px; margin-top:14px;}
.header > .container .utilMenu{ position:absolute; top:24px; right:0px;}
.header > .container .utilMenu:after{ content:""; display:block; clear:both;}
.header > .container .utilMenu > li{ float:left; font-weight:700; border:1px solid #D7D7D7; background-color:#FBFBFB; padding:4px 10px; border-radius:6px;}
.header > .container .utilMenu > li+li{ margin-left:8px;}
.header > .container .utilMenu > li > span.sTxt{ font-weight:normal;}
.header > .container .utilMenu > li.manager{ padding:0px; border:none; }
.header > .container .utilMenu > li.manager > a{ display:block; padding:4px 10px; color:#ffffff; background-color:#5077E1; border:none; border-radius:6px;}
.header > .container .utilMenu > li.logout{ padding:0px; border:none;}
.header > .container .utilMenu > li.logout > a{ display:block; padding:4px 10px; color:#ffffff; background-color:#FF0004; border:none; border-radius:6px;}

.footer{ background-color:#363636; color:#808080; margin-top:40px;}
.footer .container{ height:60px;}
.footer .copyRightTxt{ text-align:center; color:#7F7F7F; font-size:12px; margin-top:20px;}
.footer .copyRightTxt .siteUrl{ font-weight:700; color:#ffffff;}

.centerContents{}
.centerContents > .container{}
.centerContents > .container > .programArea{ position:relative; width:680px; height:636px;  margin:0 auto; margin-top:30px;}
.centerContents > .container > .programArea > .viewBox{ position:relative; width:450px; height:636px; background:url(/images/pattern_bg.gif) repeat 6px 6px; background-color:#e1e1e1;}
.centerContents > .container > .programArea > .viewBox > .viewCover{ width:450px; height:636px; }
.centerContents > .container > .programArea > .controlBox{ position:absolute; top:0px; right:0px; padding:10px; width:190px; height:616px; background-color:#e1e1e1;}
.centerContents > .container > .buttonArea{ margin-top:40px; text-align:center;}

.buttonArea a.dBtn{ display:inline-block; min-width:75px;  padding:0px 40px; height:50px; line-height:50px; font-size:18px; font-weight:700; color:#ffffff; background-color:#464646; border:1px solid #111111; border-radius:6px;}
.buttonArea a.dBtn + .dBtn{ margin-left:4px;}
.buttonArea a.dBtn.red{ background-color:#ea2700; border-color:#9e0b0f;}
.buttonArea a.dBtn > span.icoPDF{ display:inline-block; width:40px; height:48px; background:url(/images/ico_pdf.png) no-repeat 0 0; vertical-align:middle;}

/*controlBox*/
.controlBox .cItem{ min-height:31px;}
.controlBox .cItem + .cItem{ margin-top:6px;}
.controlBox .cItem select{ width:100%; height:33px; background-color:#ffffff; border:1px solid #cccccc;}
.controlBox .cItem input[type=text]{width:97%; height:33px; background-color:#ffffff; border:1px solid #cccccc; color:#000000;}

.controlBox .uTxt{ font-weight:700; margin-bottom:8px; padding:0px 6px; }

.controlBox .cItem.userPhoto{ height:450px; border:1px solid #cccccc; background-color:#ffffff; color:#000000;}
.controlBox .cItem.userPhoto > .ti{ display:block; height:33px; line-height:33px; padding-left:4px; border-bottom:1px solid #cccccc;}

.controlBox .cItem.userPhoto > .photoWrap{ overflow-y:auto; height:382px; }
.controlBox .cItem.userPhoto > .photoWrap > .photoList{ width:110px; margin:0 auto; margin-top:20px;}
.controlBox .cItem.userPhoto > .photoWrap > .photoList > li{}
.controlBox .cItem.userPhoto > .photoWrap > .photoList > li+li{ margin-top:12px;}
.controlBox .cItem.userPhoto > .photoWrap > .photoList > li.item{ position:relative; width:110px; height:83px;}

.controlBox .cItem.userPhoto > .photoWrap > .photoList > li.item > a.btnDel{ display:block; width:19px; height:19px; position:absolute; top:-9px; right:-9px; z-index:100; background:url(/images/ico_del.png) no-repeat 0 0;}
.controlBox .cItem.userPhoto > .photoWrap > .photoList > li.item > .hoverLine{ display:none; width:108px; height:81px; position:absolute; top:0px; left:0px; border:1px solid #FF0004;}
.controlBox .cItem.userPhoto > .photoWrap > .photoList > li.item:hover > .hoverLine{ display:block;}
.controlBox .cItem.userPhoto > .photoWrap > .photoList > li.item > .selectLine{ display:none; width:102px; height:75px; position:absolute; top:0px; left:0px; border:4px solid #FF0004;}
.controlBox .cItem.userPhoto > .photoWrap > .photoList > li.item.active > .selectLine{ display:block;} /*테두리활성화*/

.controlBox .cItem.userPhoto > .photoWrap > .btnPhotoAdd{ display:block; width:108px; height:81px; margin:0 auto; margin-top:12px; margin-bottom:20px; border:1px solid #acacac; background:url(/images/ic_plus.png) no-repeat center center;}
.controlBox .cItem.userPhoto > .photoWrap > .btnPhotoAdd:hover{ background-color:#F1F1F1;}

.controlBox .btnReset{ margin-top:8px; display:block; height:24px; line-height:24px; text-align:center; background-color:#4273D5;  border:1px solid #3B48DF; color:#ffffff; }

a.btnColorPicker{display:block; width:78px; height:32px; line-height:32px; font-size:12px; text-align:center; background-color:#434343;  color:#ffffff; float:left; margin-left:3px;}

/*viewBox*/
.viewBox{ overflow:hidden;}
.viewBox > .transformArea{ width:450px; height:636px; position:absolute; top:0; left:0; z-index:10;}



.viewBox > .transformArea > .itemWrapAll { position:absolute; z-index:1; top:10px; left:20px; }
.viewBox > .transformArea > .itemWrapAll > .rotateBox{ display:none; position:absolute; z-index:3; left:50%; top:50%; margin-left:-15px; margin-top:-50px; width:30px; height:100px; }
.viewBox > .transformArea > .itemWrapAll > .rotateBox > .rotate_ico{ display:block; position:absolute; z-index:1; top:50%; left:50%; margin-left:-12px; margin-top:-12px; width:24px; height:24px;  cursor:pointer;  background:url(/images/ico_rotate.png) no-repeat 0 0;} 
.viewBox > .transformArea > .itemWrapAll > .rotateBox > .rotate_bar_box{ display:none; position:absolute; z-index:2; top:50%; left:50%; margin-left:-15px; margin-top:-50px; width:30px; height:100px;  background:#FFFFFF; border:1px solid #000000; border-radius:3px;}
.viewBox > .transformArea > .itemWrapAll > .rotateBox > .rotate_bar_box > .bar_pointer{ position:absolute; top:10px; left:50%; margin-left:-6px; width:10px; height:10px; border-radius:5px; background-color:#5B5B5B; border:1px solid #000000; cursor:pointer;}
.viewBox > .transformArea > .itemWrapAll > .rotateBox > .rotate_bar_box > .bar_pointer:hover{background-color:#000000; border:1px solid #000000;}
.viewBox > .transformArea > .itemWrapAll > .rotateBox > .rotate_bar_box > .bar_bg{ margin:0 auto; margin-top:10px;  width:5px; height:80px; background-color:#B9B9B9;}

.viewBox > .transformArea > .itemWrapAll > .handlingBox{ position:relative; z-index:1; border:1px dashed #ff0000; cursor:move;}

.viewBox > .transformArea > .itemWrapAll > .handlingBox > img{ opacity:0.8; width:100%; height:100%;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .cPoint{ position:absolute; display:block; width:8px; height:8px; background-color:#000000; cursor:pointer;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .cPoint.LT{ top:-4px; left:-4px; cursor:nw-resize;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .cPoint.RT{ top:-4px; right:-4px; cursor:ne-resize;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .cPoint.LB{ bottom:-4px; left:-4px; cursor:ne-resize;}
/*.viewBox > .transformArea > .handlingBox > .cPoint.RB{ bottom:-4px; right:-4px; cursor:nw-resize;}*/
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .ui-resizable-se{ bottom:-4px; right:-4px; cursor:nw-resize;   position:absolute; display:block; width:8px; height:8px; background-color:#ff5155; }

.viewBox > .transformArea > .itemWrapAll > .handlingBox > .cPoint.TC{ top:-4px; left:48%; cursor:n-resize;}
/*.viewBox > .transformArea > .handlingBox > .cPoint.RC{ top:48%; right:-4px; cursor:e-resize;}*/
.viewBox > .transformArea > .itemWrapAll > .handlingBox .ui-resizable-e{top:48%; right:-4px; cursor:e-resize;  position:absolute; display:block; width:8px; height:8px; background-color:#ff5155;}
/*.viewBox > .transformArea > .handlingBox > .cPoint.BC{ bottom:-4px; left:48%; cursor:n-resize;}*/
.viewBox > .transformArea > .itemWrapAll > .handlingBox .ui-resizable-s{ bottom:-4px; left:48%; cursor:n-resize; position:absolute; display:block; width:8px; height:8px; background-color:#ff5155;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .cPoint.LC{ left:-4px; top:48%; cursor:e-resize;}

.viewBox > .transformArea > .itemWrapAll > .handlingBox2{ position:relative; z-index:1; border:1px solid #8b8b8b; cursor:move;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox2 > img{ opacity:0.8; width:100%; height:100%;}
/*
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .rotate_point{ position:absolute; top:-34px; left:45%; cursor:pointer;  display:block; width:24px; height:24px; background:url(/images/ico_rotate.png) no-repeat 0 0;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .rotate_point.d0{top:-34px; left:45%;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .rotate_point.d1{top:45%; left:-34px;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .rotate_point.d2{top:170px; left:45%;}
.viewBox > .transformArea > .itemWrapAll > .handlingBox > .rotate_point.d3{top:45%; left:209px;}
*/

/*pdf 다운로드 페이지 가운데 정렬*/
.centerContents > .container > .programArea.pdfResult{ width:450px; height:636px;  margin:0 auto; margin-top:30px;}

/*********************  기본table style ***************************/
/* table 초기화 */
table.tblDocType {width:100%; border-spacing:0; border:1px solid #dedede; border-collapse:collapse;}
table.tblDocType th,
table.tblDocType td {display:table-cell; padding:8px 10px; vertical-align:middle; text-align:left; 
		  border-left:1px solid #dedede;
		  border-bottom:1px solid #dedede; }
table.tblDocType th { background-color:#f8f8f8; font-weight:700;}


/*테이블 상단 제목 및 문구*/
.wn_tblHead{ position:relative; overflow:hidden;}
.wn_tblHead > .comment{ position:absolute; bottom:0px; right:0px; font-size:13px; color:#999;}
.wn_tblHead > .comment > span{}
.wn_tblHead > .comment > span > em{ color:red; padding:0 3px;}

/* tblDocType 사용자 테이블형태 style */
table.tblDocType {border:none; border-top: 2px solid #e3bb72; }

table.tblDocType th,
table.tblDocType td { border:1px solid #e6dfd9; border-top:none; padding:8px 10px; }
table.tblDocType th{ background-color:#fcf9f5;}

table.tblDocType tr td:first-child,
table.tblDocType tr th:first-child{ border-left:none;} /*좌우 테두리 없애기*/
table.tblDocType tr td:last-child,
table.tblDocType tr th:last-child{ border-right:none;}

table.tblDocType.txtCenter{} /*텍스트 정렬을 기본 center 로 할때*/
table.tblDocType.txtCenter th,
table.tblDocType.txtCenter td { text-align:center;}


/*********************  tblFormType 사용자 테이블형태 style ***************************/
/* table 초기화 */
table.tblFormType {width:100%; border-spacing:0; border:1px solid #dedede; border-collapse:collapse;}
table.tblFormType th,
table.tblFormType td {display:table-cell; padding:8px 10px; vertical-align:middle; text-align:left; 
		  border-left:1px solid #dedede;
		  border-bottom:1px solid #dedede; }
table.tblFormType th { background-color:#f8f8f8; font-weight:700;}

table.tblFormType { border:none; border-top: 1px solid #e3bb72;}
table.tblFormType th,
table.tblFormType td { border:1px solid #e6dfd9; border-top:none; padding:12px 15px;}
table.tblFormType th{ background-color:#fcf9f5;}

table.tblFormType tr td:first-child,
table.tblFormType tr th:first-child{ border-left:none;}  /*좌우 테두리 없애기*/
table.tblFormType tr td:last-child,
table.tblFormType tr th:last-child{ border-right:none;}

table.tblFormType.txtCenter{}  /*텍스트 정렬을 기본 center 로 할때*/
table.tblFormType.txtCenter th,
table.tblFormType.txtCenter td { text-align:center;}

/* ColorPicker */
.colorPicker { position:absolute; z-index:1000; }
.colorPicker .hexCode { float:left;width:74px; display:block; }
.colorPicker #hexCode { width:64px; height:28px !important; padding:2px !important; padding-left:5px !important; }
.colorPicker #showColor { width:31px;height:31px;border:1px solid black; }



/***************************************
************ 문장정렬 공통 CSS ************ 
****************************************/

.floatL{ float:left;}
.floatR{ float:right;}

.bgNone{ background:none !important;}

.borderNone{ border:none !important;}
.borderNoneT{ border-top:none !important;} /*border-left 강제없애기*/
.borderNoneB{ border-bottom:none !important;}
.borderNoneL{ border-left:none !important;}
.borderNoneR{ border-right:none !important;}

.paddingNone{ padding:0px !important;}

.marginNone{ margin:0px !important;}


/* 폰트사이즈 */
.fs8{font-size:8px !important;}
.fs9{font-size:9px !important;}
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs22{font-size:22px !important;}
.fs24{font-size:24px !important;}
.fs26{font-size:26px !important;}
.fs28{font-size:28px !important;}
.fs30{font-size:30px !important;}
.fs32{font-size:32px !important;}
.fs34{font-size:34px !important;}
.fs36{font-size:36px !important;}
.fs38{font-size:38px !important;}


.fwBold{ font-weight:700 !important;}
.fwNormal{ font-weight:normal !important;}

/* 폰트색상 */
.tcBlue{ color:#1B67BE !important;}
.tcSky{ color:#3bafda !important;}
.tcRed {color:#F51C1C !important}
.tcOrange{ color:#ff8400 !important;}
.tcGray{ color:#999 !important;}
.tcBlack{ color:#232323 !important;}

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


/*padding*/
.pdT0{ padding-top:0px !important;}
.pdT2{ padding-top:2px !important;}
.pdT4{ padding-top:4px !important;}
.pdT6{ padding-top:6px !important;}
.pdT8{ padding-top:8px !important;}
.pdT10{ padding-top:10px !important;}
.pdT12{ padding-top:12px !important;}
.pdT14{ padding-top:14px !important;}
.pdT16{ padding-top:16px !important;}
.pdT18{ padding-top:18px !important;}
.pdT20{ padding-top:20px !important;}
.pdT30{ padding-top:30px !important;}
.pdT40{ padding-top:40px !important;}
.pdT50{ padding-top:50px !important;}
.pdT60{ padding-top:60px !important;}
.pdT70{ padding-top:70px !important;}


.pdB0{ padding-bottom:0px !important;}
.pdB2{ padding-bottom:2px !important;}
.pdB4{ padding-bottom:4px !important;}
.pdB6{ padding-bottom:6px !important;}
.pdB8{ padding-bottom:8px !important;}
.pdB10{ padding-bottom:10px !important;}
.pdB12{ padding-bottom:12px !important;}
.pdB14{ padding-bottom:14px !important;}
.pdB16{ padding-bottom:16px !important;}
.pdB18{ padding-bottom:18px !important;}
.pdB20{ padding-bottom:20px !important;}
.pdB30{ padding-bottom:30px !important;}
.pdB40{ padding-bottom:40px !important;}
.pdB50{ padding-bottom:50px !important;}
.pdB60{ padding-bottom:60px !important;}
.pdB70{ padding-bottom:70px !important;}

.pdL0{ padding-left:0px !important;}
.pdL2{ padding-left:2px !important;}
.pdL4{ padding-left:4px !important;}
.pdL6{ padding-left:6px !important;}
.pdL8{ padding-left:8px !important;}
.pdL10{ padding-left:10px !important;}
.pdL12{ padding-left:12px !important;}
.pdL14{ padding-left:14px !important;}
.pdL16{ padding-left:16px !important;}
.pdL18{ padding-left:18px !important;}
.pdL20{ padding-left:20px !important;}
.pdL30{ padding-left:30px !important;}
.pdL40{ padding-left:40px !important;}
.pdL50{ padding-left:50px !important;}
.pdL60{ padding-left:60px !important;}
.pdL70{ padding-left:70px !important;}

.pdR0{ padding-right:0px !important;}
.pdR2{ padding-right:2px !important;}
.pdR4{ padding-right:4px !important;}
.pdR6{ padding-right:6px !important;}
.pdR8{ padding-right:8px !important;}
.pdR10{ padding-right:10px !important;}
.pdR12{ padding-right:12px !important;}
.pdR14{ padding-right:14px !important;}
.pdR16{ padding-right:16px !important;}
.pdR18{ padding-right:18px !important;}
.pdR20{ padding-right:20px !important;}
.pdR30{ padding-right:30px !important;}
.pdR40{ padding-right:40px !important;}
.pdR50{ padding-right:50px !important;}
.pdR60{ padding-right:60px !important;}
.pdR70{ padding-right:70px !important;}	
	

/*margin*/
.mgT0{ margin-top:0px !important;}
.mgT2{ margin-top:2px !important;}
.mgT4{ margin-top:4px !important;}
.mgT6{ margin-top:6px !important;}
.mgT8{ margin-top:8px !important;}
.mgT10{ margin-top:10px !important;}
.mgT12{ margin-top:12px !important;}
.mgT14{ margin-top:14px !important;}
.mgT16{ margin-top:16px !important;}
.mgT18{ margin-top:18px !important;}
.mgT20{ margin-top:20px !important;}
.mgT30{ margin-top:30px !important;}
.mgT40{ margin-top:40px !important;}
.mgT50{ margin-top:50px !important;}
.mgT60{ margin-top:60px !important;}
.mgT70{ margin-top:70px !important;}

.mgB0{ margin-bottom:0px !important;}
.mgB2{ margin-bottom:2px !important;}
.mgB4{ margin-bottom:4px !important;}
.mgB6{ margin-bottom:6px !important;}
.mgB8{ margin-bottom:8px !important;}
.mgB10{ margin-bottom:10px !important;}
.mgB12{ margin-bottom:12px !important;}
.mgB14{ margin-bottom:14px !important;}
.mgB16{ margin-bottom:16px !important;}
.mgB18{ margin-bottom:18px !important;}
.mgB20{ margin-bottom:20px !important;}
.mgB30{ margin-bottom:30px !important;}
.mgB40{ margin-bottom:40px !important;}
.mgB50{ margin-bottom:50px !important;}
.mgB60{ margin-bottom:60px !important;}
.mgB70{ margin-bottom:70px !important;}

.mgL0{ margin-left:0px !important;}
.mgL2{ margin-left:2px !important;}
.mgL4{ margin-left:4px !important;}
.mgL6{ margin-left:6px !important;}
.mgL8{ margin-left:8px !important;}
.mgL10{ margin-left:10px !important;}
.mgL12{ margin-left:12px !important;}
.mgL14{ margin-left:14px !important;}
.mgL16{ margin-left:16px !important;}
.mgL18{ margin-left:18px !important;}
.mgL20{ margin-left:20px !important;}
.mgL30{ margin-left:30px !important;}
.mgL40{ margin-left:40px !important;}
.mgL50{ margin-left:50px !important;}
.mgL60{ margin-left:60px !important;}
.mgL70{ margin-left:70px !important;}

.mgR0{ margin-right:0px !important;}
.mgR2{ margin-right:2px !important;}
.mgR4{ margin-right:4px !important;}
.mgR6{ margin-right:6px !important;}
.mgR8{ margin-right:8px !important;}
.mgR10{ margin-right:10px !important;}
.mgR12{ margin-right:12px !important;}
.mgR14{ margin-right:14px !important;}
.mgR16{ margin-right:16px !important;}
.mgR18{ margin-right:18px !important;}
.mgR20{ margin-right:20px !important;}
.mgR30{ margin-right:30px !important;}
.mgR40{ margin-right:40px !important;}
.mgR50{ margin-right:50px !important;}
.mgR60{ margin-right:60px !important;}
.mgR70{ margin-right:70px !important;}

.btn_del{top:-42px;left:100px;width:19px; height:19px; position:relative;background:url('/images/ico_del.png') no-repeat 0 0; cursor:pointer;}
.btn_del_range{top:0px;left:35px;width:19px; height:19px; position:absolute;background:url('/images/ico_del.png') no-repeat 0 0; cursor:pointer;}

.ins_range{writing-mode: bt-lr;-webkit-appearance: slider-vertical;width: 28px;height: 88px;margin-top:5px;padding-left:0px;padding: 5 15px;}

.popup_layer{display:none;}
.popup_layer > .pop_bg{border:1px solid balck; background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: fixed; right: 0; top: 0; z-index: 99; }
.popup_layer > .pop_loading{ width:60px; height:45px; padding-top:15px; background:#000; opacity: 0.5; filter: alpha(opacity = 50); border-radius: 10px; border:solid 1px #ccc; position:absolute; top:400px; left:50%; margin-left:-30px; box-shadow: 0px 1px 20px #333; z-index:100; text-align:center;}
.popup_layer > .pop_text{ width:500px; position:absolute; top:470px; left:50%; margin-left:-250px; z-index:100; text-align:center; font-weight:bold; color:#f4f4f4;}