@charset "utf-8";
@import url(layout.css);
/* @import url(icon.css); */
@import url(content.css);
@import url(home.css);
@import url(popup.css);
@import url(login.css);

/* Common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-family:'맑은고딕',malgun Gothic,sans-serif;font-size:12px}
body{word-break:break-all;color:#3f3f3f;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
caption,legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left}
caption{position:static}
input[type=text], input[type=password], textarea {padding:3px;}
select {padding:2px;}
select option {border:1px solid #f00 !important}
select, input[type=text], input[type=password] {height:23px;}
select, textarea {width:100%; border:1px solid #bbb;}
hr{display:none}
a, button, input {selector-dummy : expression(this.hideFocus=true);}
input, textarea {border:1px solid #bbb;}
input[type=radio], input[type=checkbox] {border:1px solid #fff;}
input:focus, textarea:focus {border:1px solid #a0a0a0;}
input[disabled] {background:#ededed !important; color:#bbb;}
input[type=radio]:disabled {background:transparent !important;}
.uppercase {text-transform: uppercase;}
/* [disabled] {cursor:not-allowed !important} */
input,select,textarea{font-family:'맑은고딕',malgun Gothic,sans-serif;font-size:12px;color:#333;outline:none}

button {border-radius:3px}/* 모든 버튼 라운드 처리 */

a, a:active, a:focus, button, input[type=radio]:checked {outline: none}
a {text-decoration:none; cursor:pointer; color:#207be2}
a:hover, a:active, a:focus {outline: none; text-decoration: none; color: #17b0f5;}

.blind {display:none!important;visibility:hidden!important;overflow:hidden!important;position:absolute!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important}

/* Set */ 
.fl {float:left !important}
.fr {float:right !important}
.fn {float:none !important}
.clear {clear:both !important} 
.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {text-align:right !important}
.wfull {width:100% !important}
.wauto {width:auto !important}
.whalf {width:50% !important}

/* 텍스트 및 이미지 정렬 */
.txtLeft{text-align:left !important}
.txtRight{text-align:right !important}
.txtCenter{text-align:center !important}

.floatWrap{width:100%}
.floatWrap:after{display:block;clear:both;content:''}
.floatWrap .contentHead:after{clear:both}

.fR{float:right !important}
.fL{float:left !important}

.vT{vertical-align:top !important}
.vB{vertical-align:bottom !important}

 
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.text_ellipsis,
a.text_ellipsis,
span.text_ellipsis {display:block; text-overflow:ellipsis !important; white-space:nowrap !important; overflow:hidden !important;}
td.text_ellipsis {display:table-cell; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* 말줄임표 사용 안할 경우 */
.noEllipsis,table.noEllipsis td,ul.noEllipsis li,li.noEllipsis{overflow:visible !important;white-space:normal !important;word-break:break-all !important}

.bold {font-weight:bold;}
.txtOrange {color:orange}
.txtRed {color:red}
.txtBlue {color:blue; font-size:13px}

.overlay {background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 20000; opacity: 0.5;}
.overlay-iframe {background: rgb(255, 255, 255); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border: 1px solid rgb(100, 100, 100); border-image: none; left: 50%; top: 50%; position: fixed; z-index: 20001;}

pre {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #222;
  word-break: break-all;
  word-wrap: break-word;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}


/***********************************************************************************************
									padding / margin
************************************************************************************************/
.paddComment{margin:8px 0 0 0}
.paddCommentHr{margin:0; padding-top:8px; border-top:1px solid #e8e8e8;}
.paddZero{padding:0 !important}
.paddTBZero,table.paddTZero td,tr.paddTBZero td{padding-top:0 !important;padding-bottom:0 !important}
.paddLRZero,table.paddLRZero td,tr.paddLRZero td{padding-left:0 !important;padding-right:0 !important}
.paddTB1,table.paddTB1 td,tr.paddTB1 td{padding-top:1px !important;padding-bottom:1px !important}
.paddTB3,table.paddTB3 td,tr.paddTB3 td{padding-top:3px !important;padding-bottom:3px !important}
.paddTB10,table.paddTB10 td{padding-top:10px !important;padding-bottom:10px !important}
.paddTB20{padding-top:20px !important;padding-bottom:20px !important}
.paddT1{padding-top:1px !important}
.paddT2{padding-top:2px !important}
.paddT3,tr.paddT3 td{padding-top:3px !important}
.paddT5,tr.paddT5 td{padding-top:5px !important}
.paddT10{padding-top:10px !important}
.paddT20{padding-top:20px !important}
.paddB5,table.paddB5 td,tr.paddB5 td{padding-bottom:5px !important}
.paddB10{padding-bottom:10px !important}
.paddB20{padding-bottom:20px !important}
.paddL3{padding-left:5px !important}
.paddL5{padding-left:5px !important}
.paddL10{padding-left:10px !important}
.paddL18{padding-left:18px !important}
.paddL20{padding-left:20px !important}
.paddR3{padding-right:3px !important}
.paddR5{padding-right:5px !important}
.paddR10{padding-right:10px !important}
.paddScroll{*padding-right:27px !important}/* IE7 일경우 우측여백 필요할 경우 */
.paddRound{padding:10px !important}
.paddRound5{padding:5px !important}

.mgZero{margin:0 !important}
.mgBottom,mgB10{margin-bottom:10px}
.mgB3{margin-bottom:3px}
.mgB20{margin-bottom:20px}
.mgT{margin-top:10px}
.mgT2{margin-top:2px}
.mgT3{margin-top:3px !important}
.mgT5{margin-top:5px !important}
.mgT10{margin-top:10px}
.mgT20{margin-top:20px}
.mgT30{margin-top:30px}
.mgTB10{margin-top:10px;margin-bottom:10px}
.mgR3{margin-right:3px}
.mgR10{margin-right:10px}
.mgR20{margin-right:20px}
.mgL3{margin-left:3px}
.mgL10{margin-left:10px}
.mgL20{margin-left:20px}
.mgLR10{margin-left:10px;margin-right:10px}
.mgL-1{margin-left:-1px !important}
.mgT-1{margin-top:-1px !important}
.mgT-3{margin-top:-3px !important}
.select_mgT-3{margin-top:-3px !important;*margin-top:0 !important}


.dataGrid select,.dataView select{margin:-2px 0 0}
.nolist input[type=text]/*,.nolist select*/{margin:0}
.nolist .radioSet{padding-top:0}
span.selectTxt{display:inline-block;height:14px;*height:17px}

/* input text, textarea 들어갈 경우 여백처리 */
.dataGrid .inputTextOnly,.dataView .inputTextOnly{padding:4px 15px 4px 7px}
.dataGrid .inputTextOnly input[type=text],.dataView .inputTextOnly input[type=text]{margin:0 20px 0 0; height:17px;}
.dataGrid .inputTextOnly select,.dataView .inputTextOnly select{margin:0 }


.dataGrid input[type=text],.dataView input[type=text]{margin:1px 0 -1px 0; height:17px;}
.dataGrid select,.dataView select{margin:0 }


.dataGrid .textareaWrap, .dataView .textareaWrap {overflow:visible;padding-right:15px !important;white-space:normal;word-break:break-all}