@charset "utf-8";
.wFull{width: 100%;}
.wHalf{width: 50%;}
.wQtr{width: 25%;}

.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w230{width: 230px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w260{width: 260px;}
.w270{width: 270px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w310{width: 310px;}
.w320{width: 320px;}
.w330{width: 330px;}
.w340{width: 340px;}
.w350{width: 350px;}
.w360{width: 360px;}
.w370{width: 370px;}
.w380{width: 380px;}
.w390{width: 390px;}
.w400{width: 400px;}
.w410{width: 410px;}
.w420{width: 420px;}
.w430{width: 430px;}
.w440{width: 440px;}
.w450{width: 450px;}
.w460{width: 460px;}
.w470{width: 470px;}
.w480{width: 480px;}
.w490{width: 490px;}
.w500{width: 500px;}
.w960{width: 960px !important;}
.w1200{width: 1200px;}

.ovHidden{overflow: hidden;}
.fLeft{float: left;}
.fRight{float: right}
.alignR{text-align:right !important;}
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignJ{text-align:justify !important;}

.fw_normal{font-weight:normal;}
.fw_500{font-weight:500}
.fw_700{font-weight:700}

.full{width:100%;}
.half{width:50%;}

.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;;}
.pt15{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;;}

.pb0{padding-bottom:0px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.pl0{padding-left: 0 !important;}
.pl05{padding-left: 5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}

.pr0{padding-right:0px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}

.mt0{margin-top:0 !important;}
.mt05{margin-top:5 !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb05{margin-bottom:5 !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}
.ml05{margin-left:5 !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}

.mr0{margin-right:0 !important;}
.mr05{margin-right:5 !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.fz12{font-size:12px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}
.fz15{font-size:15px;}
.fz16{font-size:16px;}
.fz17{font-size:17px;}
.fz18{font-size:18px;}
.fz19{font-size:19px;}
.fz20{font-size:20px;}

/* ===Reset=== */
html, body{box-sizing:border-box;background-color:#fff}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body{font-size:14px;line-height:1.4em;background-color:#fff;color:#333; font-family:'Malgun Gothic',AppleGothic,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',Sans-serif;position:relative;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,menu,footer,blockquote,optgroup{margin:0;padding:0;line-height:1.4em;box-sizing:border-box;font-size:14px;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block;margin:0;padding:0;box-sizing:border-box;}
audio,canvas,progress,video{display: inline-block;vertical-align: baseline;box-sizing:border-box;}
div{box-sizing:border-box}
audio:not([controls]){display: none;  height: 0;}
[hidden],template{display: none;}
a{background-color: transparent;}
a:active,a:hover{outline: 0;}
b,strong{font-weight: bold;}
dfn{font-style: italic;}
h1, h2, h3, h4, h5, h6{ font-size: 1em;}
mark{background: #ff0;color: #000;}
small{font-size: 80%;}
sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
img{border: 0;display:inline-block;vertical-align:top;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
hr{box-sizing: content-box;height: 0;}
pre{overflow: auto;}
code,kbd,pre,samp{font-family: monospace, monospace;font-size: 1em;}
iframe{border:0}
button{overflow: visible;}
button,select{text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled]{cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner,legend{border: 0;padding: 0;}
input{line-height: normal;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
textarea{overflow: auto;}
ul,ol,li{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;border-spacing: 0;}

caption{height: 0; overflow: hidden; font-size: 0; line-height: 0; text-indent: -20000px;}

h2{ font-size: 1.2em;margin-bottom:7px}
h3{ font-size: 1em;}


/* ===폼요소 기본스타일=== */
input[type=text],
input[type=password],
input[type=tel],
input[type=number],
input[type=date],
input[type=email], 
input[type=search]{border:solid 1px #dbdbdb;padding:6px 5px 6px 5px;background-color:#fff}
input[type=radio],
input[type=checkbox]{margin-right:0.2em;vertical-align:middle;display:inline-block}
textarea{border:solid 1px #dbdbdb;padding:0.5em 0.4em;background-color:#fff}
select {color: #333; font-size: 14px;padding:4px 7px 5px 10px;border:solid 1px #dbdbdb; /*-webkit-appearance: none;-moz-appearance: none; appearance: none; background: url('/pc/img/common/icon_select.png') no-repeat right center;*/}
:root select{padding-right:7px\0/IE9;}
input + label{margin-left:3px}
input[type=radio] + label,
input[type=checkbox] + label{margin-right:0.5em}
input[type=checkbox]{margin-right:0.1em}

/* 폼요소 비활성 */
input[disabled=disabled], select[disabled=disabled],
input[disabled], select[disabled],
input[readonly=readonly], select[readonly=readonly]{background-color:#f0f0f0 !important;border:solid 1px #dbdbdb !important;color:#999 !important}
input[type=radio]:disabled{background:none !important;border:1px #dbdbdb solid !important;border-radius:100px;color:#242424 !important;opacity:0.5 !important;width:1em;height:1em;}

::-moz-placeholder{font-size:0.8em;line-height:1.5em;color:#999}
::-webkit-input-placeholder{font-size:0.8em;line-height:1.5em;color:#999}
:-ms-input-placeholder{color:#999}
table td ::-moz-placeholder{font-size:1em;line-height:1.3em;color:#999}
table td ::-webkit-input-placeholder{font-size:1em;line-height:1.3em;color:#999}
table td :-ms-input-placeholder{color:#999}

input[type=password]::-moz-placeholder,
input[type=text]::-moz-placeholder{padding-bottom:0.6em; line-height:1.5em;}
input[type=password]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder{padding-bottom:0.6em; line-height:1.5em;}

select, input[type="text"], input[type="password"], input[type="checkbox"], input[type="date"], input[type="tel"]{vertical-align:middle;}
input+span{vertical-align:middle;}

/* ====== 예약 스타일 ====== */
/* 단어 자르기 */
.wbKa{word-break:keep-all;}
.wbba{word-break:break-all;}
.wbbw{word-break:break-word;}
table.wbba tr td{white-space:normal !important;}

input.num{text-align:right;}
.hide{display:inline-block;position:absolute;left:-99999px}
.hide_title{display:block;position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.none{display:none !important}
.disb{display:block !important}
.disIn{display:inline !important}

.pointC01{color:#007dc6 !important}
.pointCred{color:red !important}
.pointCblue{color:#014099 !important}
.w100p{width:100%}
.textA01{width:100%;height:120px}
.closingY{background-color:#a8c6f0} /* 마감자료 */


/* 위치 */
.floatL{float:left;}
.floatR{float:right;}
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.verT{vertical-align:top !important;}
.verM{vertical-align:middle !important;}
.verB{vertical-align:bottom !important;}
.overH{overflow:hidden !important}

/* 간격 */
.mgT0{margin-top:0px !important;}
.mgT5{margin-top:5px !important;}
.mgT3{margin-top:3px !important;}
.mgT7{margin-top:7px !important;}
.mgT10{margin-top:10px !important;}
.mgT15{margin-top:15px !important;}
.mgT20{margin-top:20px !important;}
.mgT25{margin-top:25px !important;}
.mgT30{margin-top:30px !important;}
.mgT35{margin-top:35px !important;}
.mgT40{margin-top:40px !important;}
.mgT45{margin-top:45px !important;}
.mgT50{margin-top:50px !important;}
.mgT60{margin-top:60px !important;}

.mgB0{margin-bottom:0px !important;}

.pdT0{padding-top:0 !important;}

/* border 초기화 */ 
.bdNone{border:0 !important;}


/* form 넓이 */
.se_all{width:100%;}
.input_all{width:100% !important;}
textarea.input_all{width:100% !important;height:240px}
textarea.input_all2{width:100% !important;height:80px}
.input_m{width:85% !important;}
.input_m1{width:75% !important;}
.input_m2{width:50% !important;}
.input_s{width:35% !important;;}
.input_s2{width:10% !important;;}

/* 폰트 굵기 */
.fwN{font-weight:normal !important;}
.fwB{font-weight:bold !important;}

/* 텍스트 간격 */
.ls00{letter-spacing:0px;}
.ls01{letter-spacing:-1px;}
.ls02{letter-spacing:-2px;}

/* Layout */
.contents h3{font-size:18px;margin:30px 0px 10px 0px}
.popup_contents h3{font-size:18px;margin:0px 0px 10px 0px}
.contents h3 + .tb_list{margin-top:10px}

.popup_contents.resume{width: 1200px;}
.popup_contents.resume .section{margin-bottom: 30px;}


.find_id{background-color:#f6faeb;text-align:center;font-size:16px;font-weight:bold;padding:27px 0;margin-bottom:20px;word-break:keep-all}
.find_pw{background-color:#f6faeb;text-align:center;font-size:16px;font-weight:bold;padding:27px 0;margin-bottom:20px;word-break:keep-all}
.find_pw > span{display:block}
.find_pw .email {color:#e99d19}
.find_pw .phone {margin-top:10px}

/* 회원가입 */
.wrap_phone{display:table;width:100%;table-layout:fixed}
.wrap_phone > span{display:table-cell;}
.wrap_phone > span + span{padding-left:3px}

.wrap_email{display:table;width:100%;table-layout:fixed}
.wrap_email > span{display:table-cell;}
.wrap_email > span + span{padding-left:3px}
.wrap_email > span.mail_cl{width:15px}

.find_comp{text-align:center}
.find_comp strong{font-size:26px;display:block;margin-top:30px}
.find_comp p{margin-top:50px;font-size:18px;margin-bottom:45px}

.wrap_mod_pw{width:500px;margin:0 auto}

h1.logo{display:inline-block;font-size:24px;color:#625a52;font-weight:normal}
h1.logo span{display:inline-block;overflow:hidden;width:170px;}
.gnb_cont{display:inline-block}
.gnb_cont li{display:inline-block}
.gnb_cont li a{display:block;padding:10px}

.container{width:100%;min-height:500px;padding:0 20px 0 40px;overflow-y:auto}
.contents{width:100%;min-height:730px;background-color:#fff;padding:10px 0px 50px 0px}
.location{text-align:right}

.basic_pop #wrap{}
.basic_pop #wrap .container{padding:0 20px;min-width:100%;max-width:100%}
.basic_pop #wrap .contents{min-width:100%;}

.basic_headr:after{content:'';display:block;clear:both}
.basic_headr{background-color:#625a52;text-align:right;padding:10px 20px;}
.basic_headr h1 *{vertical-align:middle}
.basic_headr h1{float:left;font-size:24px;color:#fff;font-weight:normal;}
.basic_headr h1 span{display:inline-block;width:55px;overflow:hidden}
.bpoppu_close{font-size:18px;color:#fff;float:right;margin-top:10px}

.title_area:after{content:'';display:block;clear:both}
.title_area{padding:10px 0;}
.title_area h2{font-weight:normal;font-size:18px}


/* table */
.td_center td{text-align:center}
.td_right td{text-align:right}
.th_left th{text-align:left}

.tb_list{width:100%;border-top:solid 2px #625a52;margin-top:20px;table-layout:fixed}
.tb_list a{text-decoration:underline}
.tb_list th,.tb_list td{border:solid 1px #dcdcdc;vertical-align:middle;padding:7px 15px 7px 15px;}
.tb_list th{background-color:#f2f2f2}
.tb_list td{border-left:solid 1px #dcdcdc;word-break:break-all;}
/*
.tb_list tr td:first-child{border-left:0}
*/
.tb_list td.subject{text-align:left !important}
.tb_list tbody th{background-color:#f2f2f2;color:#000}
.tb_list tfoot td{font-weight:bold;color:#000}
.tb_list td[rowspan]{border-right:solid 1px #dcdcdc}
/*.tb_list td:last-child[rowspan]{border-right:0}*/
.tb_list td.add_photo{border-right: solid 1px #dcdcdc; padding:0;}
.tb_list td.add_photo .photo_area img{display:block; width:179px; height:230px; margin:0 auto;}
.tb_input th,.tb_input td{padding:6px 15px}
.tr_select  tr{cursor:pointer}
.tr_select  tr.edit td{background-color:#ffdb99}
.tr_select2  tr.edit td{background-color:#ffdb99}

.tb_list tr.important td{font-weight:bold}

.tb_search_area{display:table;width:100%}
.tb_search_area > span{display:table-cell}
.tb_search_area > span:first-child{padding-right:10px;width:200px}

.reply01{padding-left:10px}
.reply02{padding-left:20px}
.reply03{padding-left:30px}
.reply04{padding-left:40px}
.reply05{padding-left:50px}

.date_select input{width:85px;margin-right:5px}
.board_sum{text-align:right;margin-top:20px}
.board_sum + .tb_list{margin-top:5px}

/* 팝업 */
#wrap_popup{width:100%;}
.popup_header{background-color:#625a52}
.popup_header h1{color:#fff;font-size:16px;padding:10px 20px}
.popup_scroll{height:500px;overflow-y:auto;padding:20px;}
.popup_scroll .popup_contents{height:100%}
.popup_scroll .popup_contents .popup_contents_html{height:100%}
.wrap_search_area *{vertical-align:middle}
.wrap_search_area{text-align:center;}
.wrap_search_area input[type="text"]{height:38px;width:250px}


/* pageing */
.pageing_area1{text-align:center;margin:20px 0;font-size:13px;}
.pageing_area1 li{display:inline-block;margin:0 2px}
.pageing_area1 li a{display:block;vertical-align:top;line-height:1em;border:solid 1px #cfcfcf;text-align:center;min-width:24px;padding:6px 3px 4px 3px;height:20px}
.pageing_area1 li.active a{border-color:#ffa600;color:#ffa600}

/* button */
.btnAreaR{text-align:right;margin-top:20px}
.btnAreaL{text-align:left;margin-top:20px}
.wrp_faq_area .btnAreaR{margin-top:10px}
.btnAreaR2{text-align:right;margin-top:20px;margin-right:84px}
.btnAreaC{text-align:center;margin-top:20px}
.btnAreaC .btnType02{min-width:60px}
.btnAreaC .btnType04{min-width:60px}
.btnAreaH:after{content:'';display:block;clear:both}
.btnAreaH{margin-top:20px}
.btnAreaH .areaL{float:left}
.btnAreaH .areaR{float:right}

.btnType01 {border:solid 1px #eca703;padding:10px 14px 9px 14px;min-width:86px;display:inline-block;text-align:center;color:#fff;font-size:15px;background-color:#eca703;border-radius:5px}
.btnType02 {border:solid 1px #417bcb;padding:9px 16px 8px 16px;display:inline-block;text-align:center;color:#fff;font-size:15px;background-color:#417bcb;border-radius:5px}
.btnType03 {border:solid 1px #625a52;padding:1px 8px 2px 8px;display:inline-block;text-align:center;color:#625a52;font-size:12px;text-decoration:none !important;border-radius:3px;background-color:#f4f4f4;text-indent:0}
.btnType04 {border:solid 1px #dcdcdc;padding:9px 16px 8px 16px;display:inline-block;text-align:center;color:#fff;font-size:15px;background-color:#dcdcdc;border-radius:5px}

/* 파일찾기 */
.wrap_find_file{display:table;width:100%}
.wrap_find_file > div{display:table-cell;}
.wrap_find_file .find_btn{text-align:right;width:110px}
.wrap_find_file input[type=file]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.wrap_find_file + .wrap_find_file {margin-top:6px}

/* 다운로드 삭제 */
.down_list{}
.down_list li + li{margin-top:5px}
.down_list li .down_del{display:inline-block;text-decoration:none;margin-left:10px;font-size:12px;border:solid 1px #dcdcdc;background-color:#f2f2f2;width:20px;height:20px;text-align:center;border-radius:20px}
.down_list li a + a{margin-left:10px}



/* style */
.search_sum{text-align:right;}
.search_sum strong{color:orange}
.att_cont{text-decoration:underline;}

.box_error{width:800px;margin:100px auto 0 auto;border:solid 5px #f2f2f2;border-radius:5px;padding:25px;display:table;}
.box_error > div{display:table-cell;vertical-align:top}
.box_error > div.wrap_error_icon{width:120px;}
.box_error > div.error_cont{}
.box_error > div.error_cont > strong{display:block;font-size:18px;}
.box_error > div.error_cont > p{margin-top:20px}

span.error_icon{display:inline-block;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:60px solid #ffa600;position:relative;}
span.error_icon em{position:absolute;left:-5px;top:26px;color:#fff;font-weight:bold;font-size:30px;}

h2:first-child{margin-top:0px}
h2{margin-top:20px}

/* 20180327 추가 */
.fileBox{padding-bottom: 7px;}
.fileBox .fileName {display:inline-block;width:370px;height:30px;padding-left:10px;line-height:30px;border:1px solid #aaa;background-color:#fff;vertical-align:middle}
.fileBox .btn_file {border: solid 1px #625a52;padding: 1px 8px 2px 8px;display: inline-block;text-align: center;color: #625a52;font-size: 12px;text-decoration: none !important;border-radius: 3px;background-color: #f4f4f4;text-indent: 0;cursor: pointer;}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.addFiles{position: relative;}
.addFiles p.deleteFile{position: absolute;right: 0;bottom: 0;}
.addFiles ul{}
.addFiles ul li{margin-top: 5px;}
.addFiles ul li:first-child{margin-top: 0;}
.addFiles ul li label{cursor: pointer;}
.addFiles ul li span{margin-left: 5px;}
.addFiles ul li span:first-child{margin-left: 0;}
.addFiles ul li span.volume{color: #999;}

.tb_list td>.txt{min-height: 300px;}
.tb_list td .tdNone{text-decoration: none;}

/* 20180327 추가 */
.galleryList{margin-top: 10px;border-top: 2px solid #625a52;padding: 30px 0 10px;border-bottom: 1px solid #ddd;}
.galleryList ul{overflow: hidden;}
.galleryList ul li{float: left;width: 33.3%;text-align: center;margin-bottom: 20px;}
.galleryList ul li a{display: block;padding: 10px;padding-bottom: 10px;}
.galleryList ul li a img{}
.galleryList ul li a b{display: block;margin-top:15px}
.galleryList ul li a span{}

.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.chkAll{margin-right: 10px;}
.chkAll:after{display: inline-block;content:'';width: 1px;height: 12px;background: #333;margin-left: 5px;vertical-align: middle;}

.formTable{width: 1200px;}


/* 20180511 추가 */
.codeArea{overflow: hidden;margin-top: 40px;}
.codeArea .codeList{border: 2px solid;width: 300px;padding: 10px;height: 520px;overflow-y: scroll;float: left;}
.codeArea .codeDetails{border: 2px solid;width: 910px;padding: 10px;height: 520px;overflow-y: scroll;float: right}
.codeArea table tr{cursor: pointer;}
.codeArea table tr:hover td{background: #dce6f2;}
.codeArea table tr.active td{background: #dce6f2;}


/* 20180524 네임카드 추가 */
/*
.nameCard{width: 812px;}
.nameCard ul{}
.nameCard ul:after{content:'';display: block;clear: both;}
.nameCard ul li{background: #d8d8d8;padding: 4px;border: 1px solid #000;width: 380px;margin: 3px;float: left;}
.nameCard ul li .inner{text-align: center;border: 1px solid #000;}
.nameCard ul li .inner p.logo{background: #d9d9d9;height: 80px;line-height: 80px;}
.nameCard ul li .inner p.logo img{vertical-align: middle;}
.nameCard ul li .inner p.num{background: #efefef;height: 50px;line-height: 50px;font-family: HY견고딕;font-size: 20pt;font-weight: bold;}
.nameCard ul li .inner p.name{background: #fff;height: 105px;line-height: 105px;font-family: HY견고딕;font-size: 60pt;font-weight: bold;letter-spacing: 24px;}
*/

/* 20180530 SMS작성 추가 */
.smsArea{position: relative;height: 384px;}
.smsArea table th,
.smsArea table td,{height: 34px;box-sizing:border-box}
.smsArea h4{position: relative;}
.smsArea h4 span{font-size: 12px;position: absolute;right: 0;top: 8px;}
.smsArea .smsWrite{width: 300px;position: absolute;left: 0;top: 0;}
.smsArea .smsWrite .txtArea{padding-top: 10px;margin-bottom: 30px;}
.smsArea .smsWrite .txtArea textarea{width: 100%;height: 197px;box-sizing:border-box}
.smsArea .smsWrite .phoneNum{padding-top: 10px;}
.smsArea .messageList{margin-left: 330px;}
.smsArea .messageList>div{height: 345px;overflow: auto;margin-top: 10px;}

/* 20180530 SMS버튼 수정 추가*/
.smsArea .btnType02 {padding : 6px 16px 6px 16px;font-size: 14px;text-decoration: none;}


/* 20180706 어드민 헤더/메뉴 신규*/
body,html{height:100%;}
body
#wrap{width:auto;min-width:1280px;height:100%;min-height:830px;}
#wrap:after{content:'';position:fixed;top:0;left:0;bottom:0;width:240px;background-color:#6078e2}
.header{position:relative;padding-top:27px;height:70px;background-color:#6078e2;z-index:99;}
.header h1.logo{margin-left:55px;}
.header .user_area{position:absolute;right:25px;top:25px;}
.header .user_area * {font-size:14px;color:#fff;letter-spacing:-1px;}
.header .user_area > span{display:inline-block;}
.header .user_area > span.header_set{background:url('../images/admin/icon_set02.png') no-repeat left center;padding-left:22px;line-height:19px;margin-left:28px}
.header .user_area > span.header_logout{background:url('../images/admin/icon_logout02.png') no-repeat left center;padding-left:22px;line-height:19px;margin-left:36px}
.subnavi{position:absolute;left:0;top:70px;bottom:0;width:240px;min-height:877px;background-color:#6078e2;z-index:99;}
.subnavi .subnavi_cont > ul{background-color:#6078e2;}
.subnavi .subnavi_cont > ul  li {position:relative;}
.subnavi .subnavi_cont > ul > li> a:after{position:absolute;right:15px;top:20px;width:20px;height:20px;background:url('../images/admin/icon_menu_active.png') no-repeat 0 0; ;content:'';}
.subnavi .subnavi_cont > ul > li.active> a:after{background-position:0 -20px;}
.subnavi .subnavi_cont > ul > li > a{display:block;padding-left:50px;height:56px;line-height:56px;font-size:14px;color:#fff;}
.subnavi .subnavi_cont > ul > li > a span.icon{position:absolute;left:20px;top:20px;width:20px;height:20px;background:url('../images/admin/icon_menu01.png') no-repeat 0 0;}
.subnavi .subnavi_cont > ul > li > a span.icon.icon02{background-position:0 -20px;}
.subnavi .subnavi_cont > ul > li > a span.icon.icon03{background-position:0 -40px;}
.subnavi .subnavi_cont > ul > li > a span.icon.icon04{background-position:0 -60px;}
.subnavi .subnavi_cont > ul > li > a span.icon.icon05{background-position:0 -80px;}
.subnavi .subnavi_cont > ul > li>ul{display:none;}
.subnavi .subnavi_cont > ul > li ul{border-top:1px solid #7086e5;background-color:#5169d6}
.subnavi .subnavi_cont > ul > li > ul li{border-bottom:1px solid #6078e2;}
.subnavi .subnavi_cont > ul > li > ul > li > a,
.subnavi .subnavi_cont > ul > li > ul > li > span{display:block;padding-left:50px;height:46px;line-height:46px;color:#fff;}
.subnavi .subnavi_cont > ul > li ul ul li a{display:block;padding-left:65px;height:46px;line-height:46px;color:#fff;}
.subnavi .subnavi_cont > ul > li > ul > li > ul > li a:after{position:absolute;left:55px;top:50%;margin-top:-1px;width:2px;height:2px;background-color:#fff;content:'';}
.subnavi .subnavi_cont > ul > li li a:hover{background-color:#6bb8cb;}
.container{margin-left:240px;padding-top:50px;width:auto;}

/* 로그인 */
.login #wrap{overflow:hidden;min-width:640px;;background:url('../images/admin/bg_login.jpg') no-repeat 100% 0;}
.login #wrap:after{content:none}
.login #wrap h2{position:absolute;left:60px;top:55px;text-align:left;}
.wrap_login_area *{box-sizing:border-box;}
.wrap_login_area{float:left;display:table;width:50%;min-width:640px;height:100%;padding:55px 60px;background-color:#fff;table-layout:fixed;}
.wrap_login_area .login_cont_area{display:block;vertical-align:middle;}
.wrap_login_area h3{font-size:36px;margin-bottom:11px;font-weight:normal;text-align:center}
.login_input_area{width:450px;margin:70px auto 0;}
.login_input_area li.login_input{border-bottom:1px solid #ccc;}
.login_input_area li.login_input label{color:#333;font-size:14px;}
.login_input_area li.login_input input{font-size:20px;border:0;width:100%;height:48px;margin-top:10px;padding:0 20px}
.login_input_area li.login_input input[type="text"]{color:#111;}
.login_input_area li.login_input input[type="password"]{color:#6078e2;}
.login_input_area li.login_button{margin-top:20px;}
.btn_login{display:block;border-radius:3px;background-color:#6078e2;font-size:14px;font-weight:bold; color:#fff;padding:10px 33px 10px 33px;text-align:center;}

.login_info{border-top:solid 1px #ccc;margin-top:15px;padding-top:15px}
.login_info li{text-indent:-10px;padding-left:10px;padding-bottom:5px}

.login_area_menu{margin-top:40px;text-align:center}
.login_area_menu a{text-decoration:underline;color:#111;letter-spacing:-1px;}
.login_input_area li + li{margin-top:10px}


/* 20180706 테이블 헤더 고정 */
.table-box-wrap {position: relative;margin-top: 10px;padding-top: 32px;}
.table-box-wrap .table-box {overflow: auto;overflow-x: hidden;border : 0.01em solid #ccc;}
.table-box-wrap .table-box table {width: 100%;table-layout: fixed;border-spacing: 0;border-collapse: collapse;}
.table-box-wrap .table-box table thead tr {position: absolute;width : 100%;top: 0;}
.table-box-wrap .table-box table tbody {border: 1px solid #ccc;}
.table-box-wrap .table-box table tbody tr {display: table-row;}
.table-box-wrap .table-box table tr {display: inline-table;width: 99%;table-layout: fixed;cursor: pointer;}
.table-box-wrap .table-box table td {text-align: center;height: 35px;border-top: 1px solid #ccc;}
.table-box-wrap .table-box table th {line-height: 1.45em;}
.lastTd {border-right : 1px solid #ccc;}
.elipsTd {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 20191014 : Customer Info Management:  No wrap, use ellipsis and tooltip for long text in column */
.truncate {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ele-clone {
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
	position: fixed;
}

textarea {
	font-family: inherit;
	font-size: inherit;
}

.label-header{
	font-size: 0.7em;
}

.saleynheader{
	display: inline-block; 
	width:70.5%;
	padding: 6px 5px 6px 5px;
	height: 36px;
}

.saleyninput{
	display: inline-block; 
	width:28.5%;
	padding: 6px 5px 6px 5px;
	height: 36px;
}

.nmsaleinput{
	display: inline-block; 
	width:48.5%;
	padding: 6px 5px 6px 5px;
	height: 36px;
}

.goalsaleinput{
	display: inline-block; 
	width:48.5%;
	padding: 6px 5px 6px 5px;
	height: 36px;
}

.input-holder {
  border: 1px solid #cccccc;
  display: inline-block;
  padding: 5px;
}
.input-holder > input {
  border: 0;
  margin: 0;
  padding: 0;
  outline:none;
}
.input-holder:after {
  content: '%';
}

.uneditableTd{background-color:#f2f2f2} /* 마감자료 */
.riskIndicatorTd{background-color:#fff2cc} /* 마감자료 */