@charset "utf-8";
/**************************************************
   IMPORT CSS
**************************************************/
@import url('layout.css'); /*layout.css*/ 
@import url('contents.css'); /*contents.css*/ 
@import url('recalendar.css');  /*풀캘린 더커스텀.css*/ 
/*@import url('mail.css'); */

/**************************************************
   reset CSS
**************************************************/
html,body{width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input,select,td,th,table,pre,strong,b,i,textarea{margin:0;padding:0; }
body,h1,h2,h3,h4,h5,h6,input,button,pre,textarea,select{font-family:'돋움',Dotum,'굴림',Gulim,sans-serif;font-size:12px;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;/*overflow:auto;*/}
form, fieldset, legend{border:none; margin:0; padding:0;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button,img{vertical-align:middle}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
/*button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px} 기본 셀렉트높이오류로 인한 주석*/
option{padding-right:6px}
textarea {resize:none;border:1px solid #c3c3c3; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
map area{outline:none}
a {text-decoration:none;color:#4a4a4a;}
a:hover {}
a:active {}
a:visited {}
a.under:hover{text-decoration:underline;}
input[type="button"] {cursor:pointer;}
input[type="password"] {height:22px;border:1px solid #c3c3c3; text-indent:7px;}
input[type="text"] {height:22px;border:1px solid #c3c3c3;  -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
input[type="text"].engfix {-webkit-ime-mode:inactive !important; -moz-ime-mode:inactive !important; -ms-ime-mode:inactive !important; ime-mode:inactive !important;}
textarea.engfix {-webkit-ime-mode:inactive !important; -moz-ime-mode:inactive !important; -ms-ime-mode:inactive !important; ime-mode:inactive !important;}

select {border:1px solid #c3c3c3;}
select {height:24px;border:1px solid #c3c3c3;padding-left:7px;padding-right:20px;color:#515967; -webkit-appearance: none;  /* 네이티브 외형 감추기 */
			-moz-appearance: none;appearance: none;background:#fff url("../img/ico/sele_arw01.png") no-repeat right center;}
select{padding-right:0px \0/IE8+9;;}
select::-ms-expand {display: none;}
select option {background:#fff;height:30px;}
.ie_sele {display:inline-block;position:relative;}
.ie_sele_ico {background:#fff url("../Images/ico/sele_arw01.png") no-repeat center center;width:22px; height:22px;position:absolute; right:1px; top:1px; display:block;}

input[type=text]:-ms-clear {display:none;}
input.kendoComboBox::-ms-clear {display:none;}
.k-combobox input::-ms-clear {display:none;}
.k-datepicker input::-ms-clear {display:none;}

*{-webkit-overflow-scrolling:touch;} /* 모바일에서 터치 부드러운 효과 적용 */

/**************************************************
    Webfont :: '나눔바른고딕'
**************************************************/

@font-face {
	font-family:NBG;
	src:url('NanumBarunGothic/NanumBarunGothic.eot');
	src:local(※),
		url('NanumBarunGothic/NanumBarunGothic.woff') format('woff'),
		url('NanumBarunGothic/NanumBarunGothic.ttf') format('opentype');
}

@font-face {
	font-family:NBGB;
	src:url('NanumBarunGothic/NanumBarunGothicBold.eot');
	src:local(※),
		url('NanumBarunGothic/NanumBarunGothicBold.woff') format('woff'),
		url('NanumBarunGothic/NanumBarunGothicBold.ttf') format('opentype');
}

/**************************************************
    Webfont :: '나눔스퀘어'
**************************************************/

@font-face {
 font-family: 'NSR';
 src: url('NanumSquare/NanumSquareR.eot');
 src: url('NanumSquare/NanumSquareR.eot?#iefix') format('embedded-opentype'),
      url('NanumSquare/NanumSquareR.woff') format('woff'),
      url('NanumSquare/NanumSquareR.ttf') format('truetype');
}

@font-face {
 font-family: 'NSB';
 src: url('NanumSquare/NanumSquareB.eot');
 src: url('NanumSquare/NanumSquareB.eot?#iefix') format('embedded-opentype'),
      url('NanumSquare/NanumSquareB.woff') format('woff'),
      url('NanumSquare/NanumSquareB.ttf') format('truetype');
}

/**************************************************
    Webfont :: '더존베타텍스트'
**************************************************/

@font-face {
 font-family: 'DOUZONEText';
 src: url('DOUZONEText/DOUZONEText-Medium.eot');
 src: url('DOUZONEText/DOUZONEText-Medium.eot?#iefix') format('embedded-opentype'),
      url('DOUZONEText/DOUZONEText-Medium.woff') format('woff'),
      url('DOUZONEText/DOUZONEText-Medium.ttf') format('truetype');
}


/**************************************************
    Webfont :: '월인석보체(낙관,직인,인장)'
**************************************************/
@font-face {
 font-family: 'stamp';
 src: url('Wolin/Wolin.eot');
 src: url('Wolin/Wolin.eot?#iefix') format('embedded-opentype'),
      url('Wolin/Wolin.woff') format('woff'),
      url('Wolin/Wolin.ttf') format('truetype');
}


/**************************************************
    Common
**************************************************/
.accessibility {overflow:hidden;position:absolute;left:-1000px;top:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;text-indent:-9999px}
.hidden {overflow:hidden;position:absolute;top:-10000px;left:-10000px;width:1px;height:1px}
.blind {overflow:hidden;position:absolute;left:0;top:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;visibility:hidden;}

.skip {display:none;}
.mtImg{vertical-align:middle; margin-top:-2px;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.td_ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 10px !important;}

.ovh{overflow:hidden !important;}
.ovv{overflow:visible !important;}

/*scroll*/
.scroll_on{overflow:auto !important;}
.scroll_off{overflow:hidden !important;}
.scroll_y_on{overflow-x:hidden !important; overflow-y:auto !important;}
.scroll_x_on{overflow-y:hidden !important; overflow-x:auto !important;}
.scroll_fix{overflow:scroll !important;}
.scroll_y_fix{overflow-x:hidden !important; overflow-y:scroll !important;}
.scroll_x_fix{overflow-y:hidden !important; overflow-x:scroll !important;}

/*position*/
.posi_re {position:relative !important;}
.posi_ab {position:absolute !important;}
.posi_fix {position:fixed !important;}
.posi_inh {position:inherit !important;}

/*table*/
.tl_auto table{table-layout:auto !important;}

/* Floating */
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both !important;}

/*각 자식요소들 floating 지정으로 높이 인식못하는거 해결*/
.clear:after{content:"";display:block;clear:both;height:0;visibility:hidden;}

/* display */
.dp_ib {display:inline-block !important;}
.dp_i {display:inline !important;}
.dp_b {display:block !important;}

/* visibility */
.vv {visibility:visible;}
.vh {visibility:hidden;}

/* Align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
.img_txt_btm img {vertical-align:text-bottom;}

.acvm{text-align: center; display: table-cell; vertical-align: middle; padding:0px;}
.lh14{line-height:14px !important;}
.lh15{line-height:15px !important;}
.lh16{line-height:16px !important;}
.lh17{line-height:17px !important;}
.lh18{line-height:18px !important;}
.lh20{line-height:20px !important;}
.lh23{line-height:23px !important;}
.lh24{line-height:24px !important;}

.text_line {text-decoration:underline;}
.delLine{text-decoration:line-through; color:red;}

/* text-indent */
.ti0 {text-indent:0px !important;}
.ti4 {text-indent:4px !important;}
.ti7 {text-indent:7px !important;}

/* Font color */
.text_white{color:#fff !important;}
.text_blue{color:#058df5 !important;}
.text_green{color:#3d9100 !important;}
.text_orange{color:#ff4d00 !important;}
.text_red{color:#f33e51 !important;}
.text_redline{color:#f33e51 !important; text-decoration:line-through !important;}
.text_gray{color:#8d8d8d !important;}
.text_gray2{color:#cececc !important;}
.text_gray3{color:#646464 !important;}
.text_gray4{color:#4a4a4a !important;}
.text_yellow{color:#fff600 !important;}
.colB {color:#058df5 !important;font-weight:bold !important;}
.colB td {color:#058df5 !important;font-weight:bold !important;}
.k-disabled{color:#cececc !important;}

/* border color */
.brn {border:none !important;}
.brrn {border-right:none !important;}
.brln {border-left:none !important;}
.brtn {border-top:none !important;}
.brbn {border-bottom:none !important;}
.brbn_tr td,.brbn_tr th{border-bottom:none !important;}
.brtn_tr td,.brtn_tr th{border-top:none !important;}
.brtb1{border-width: 1px 0px !important;}

.Pop_border{border:1px solid #dcdcdc;}
.borderT{border-top:1px solid #dcdcdc;}
.borderB{border-bottom:1px solid #dcdcdc;}
.borderR{border-right:1px solid #eaeaea !important;}
.borderR_black{border-right:1px solid #000;}
.borderL{border-left:1px solid #eaeaea !important;}
.tb_borderT{border-top:1px solid #eaeaea !important;}
.tb_borderB{border-bottom:1px solid #eaeaea !important;}

.bd_blue {border:1px solid #54b5ff !important;}

/* background */
.bgn{background:none !important;}
.bg_skyblue{background:#f0f6fd !important;}
.bg_skyblue2{background:#e6f4ff !important;}
.bg_lightgray{background:#fcfcfc !important;}
.bg_normalgray{background:#e8e8e8 !important;}
.bg_normalgray2{background:#dfdfdf !important;}
.bg_green2{background:#3d9100 !important;}
.bg_blue{background:#56a8f4 !important;}
.bg_orange{background:#ff9b59 !important;}
.bg_red2{background:#f33e51 !important;}
.bg_darkgray{background:#888 !important;}
.bg_brown{background:#c9632f !important;}
.bg_sb{background:#f0f6fd;}/*20160516 수정*/
.bg_sb2{background:#e6f4ff;}
.bg_lt{background:#fcfcfc;}
.bg_statement{background:#f1f1f1;}
.bg_yellow2{background:#d9b302 !important;}
.bg_total{background:#f1f1f1 !important;}
.bg_total2{background:#f9f9f9;}

/* auto */
.hei_auto {height:auto !important;}
.wid_auto {height:auto !important;}

/*letter-spacing*/
.let0 {letter-spacing:0px !important;}
.let1 {letter-spacing:-1px;}
.let1n5 {letter-spacing:-1.5px;}
.let2 {letter-spacing:-2px;}

/* Font size */
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f19 {font-size:19px !important;}
.f18 {font-size:18px !important;}
.f20 {font-size:20px !important;}
.f23 {font-size:23px !important;}
.f24 {font-size:24px !important;}
.f30 {font-size:30px !important;}

/* Font weight */
.fwb {font-weight:bold !important;}
.fwn {font-weight:normal !important;}

/* word-break */
.word_b{word-break:break-all;}

/* Padding, Margin style */ 
/* 특별한 case외에 사용 자제 */
.p0 {padding:0 !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}

.pt0 {padding-top:0 !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt10 {padding-top:10px !important;}
.pt13 {padding-top:13px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb12 {padding-bottom:12px !important;}
.pb13 {padding-bottom:13px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl12 {padding-left:12px !important;}
.pl13 {padding-left:13px !important;}
.pl15 {padding-left:15px !important;}
.pl19 {padding-left:19px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl120 {padding-left:120px !important;}

.pr0 {padding-right:0px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr7 {padding-right:7px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr17 {padding-right:17px !important;}
.pr20 {padding-right:20px !important;}
.pr24 {padding-right:24px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr70 {padding-right:70px !important;}

.m0 {margin:0px !important;}
.m5 {margin:5px !important;}


.mt-1 {margin-top:-1px !important;}
.mt-5 {margin-top:-5px !important;}
.mt-15 {margin-top:-15px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-44 {margin-top:-44px !important;}
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt23 {margin-top:23px !important;}
.mt25 {margin-top:25px !important;}
.mt27 {margin-top:27px !important;}
.mt28 {margin-top:28px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb13 {margin-bottom:13px !important;}
.mb14 {margin-bottom:14px !important;}
.mb15 {margin-bottom:15px !important;}
.mb17 {margin-bottom:17px !important;}
.mb20 {margin-bottom:20px !important;}
.mb21 {margin-bottom:21px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb100 {margin-bottom:100px !important;}

.ml-14 {margin-left:-14px !important;}
.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml13 {margin-left:13px !important;}
.ml15 {margin-left:15px !important;}
.ml17 {margin-left:17px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml70 {margin-left:70px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr17 {margin-right:17px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr26 {margin-right:26px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.minw1000 {min-width:1000px !important;}

/*max width값*/
.mx55_img img {max-width:55px;}

/* tootip */
.ui-tooltip { padding: 10px 20px; color: #fff; border-radius: 5px; background:#000; }