@charset "utf-8";
@import url("reset.css");
/*  인쇄 설정  */ 	
@media print{ 
    .submit_btn{ display:none !important }
    .no_print{ display:none !important  }
    .no_print.show{ display:block !important  }
    .page-break {
        page-break-inside:avoid;
        page-break-after: auto;
    }
}

input[type=text]:read-only { border:1px #ccc solid; cursor:not-allowed;}

.hide{ display:none !important; }

.no_image:before{ content:"!"; font-weight:600; display:block; width:30px; height:30px; background:#aaa; color:#fff; border-radius:30px; text-align:center; margin:10px auto 0; }
.no_image{ font:400 18px sans-serif,Arial; color:#aaa; vertical-align: middle; margin:0 auto; text-align:center; }
.help_tip{ color:#005b9e; display:inline-block; padding:0 0 0 1px; font-size:11px !important; letter-spacing:-0.5px }
.help_tip:before {position:relative; top:1px; content:""; font:normal 13px "FontAwesome"; line-height:130%; display:inline-block; padding-right:3px; opacity:.7}
.model_name{  font:400 10px sans-serif,Malgun Gothic; color:#888 }

hr.dott{ display:block; border:dotted 1px #aaa; border-width:0 0 1px 0; margin:4px 0 10px 0  }
hr.dashed{ display:block; border:dashed 1px #ccc; border-width:0 0 1px 0; margin:0 0 10px 0  }

/* 가로 영역 넓이 구분 */
ul.row_wrap{ position:relative; overflow:hidden; padding: 0 0 5px 0; font:400 12px Dotum,"돋움"; line-height:120%; min-height:30px; }
ul.row_wrap:after{ content:""; display:block; clear:both }
ul.row_wrap li{ float:left; padding: 0; vertical-align:top; position:relative;  }
ul.row_wrap li:nth-child(n+2){ padding-left:5px; }
ul.row_wrap li.textRight{ text-align:right; float:right }
ul.row_wrap.div1 li{ width: 100%; }
ul.row_wrap.div2 li{ width: 50%; }
ul.row_wrap.div2 li.write_history {border:none; padding-top:5px; margin:0;}
ul.row_wrap.div2.half li:first-child{ width: 33.3333%;  }
ul.row_wrap.div2.half li:last-child{ width: 66.6666%;  }
ul.row_wrap.div3 li{ width: 33.3333%; }
ul.row_wrap.div4 li{ width: 25%; }
ul.row_wrap.div5 li{ width: 20%; }
ul.row_wrap.div5 li:nth-child(1){ width: 25.5%; }
ul.row_wrap.div5 li:nth-child(2){ width: 19.5%; }
ul.row_wrap.div5 li:nth-child(3){ width: 21%; }
ul.row_wrap.div5 li:nth-child(4){ width: 20%; }
ul.row_wrap.div5 li:nth-child(5){ width: 14%; }
ul.row_wrap.div4.first li:nth-child(1),ul.row_wrap.div4.first li:nth-child(n+6){ width:28%; }
ul.row_wrap.div4.first li:nth-child(2){ width:18%; }
ul.row_wrap.div4.first li:nth-child(3){ width:18%; }
ul.row_wrap.div4.first li:nth-child(4){ width:36%; }
ul.row_wrap.div6 li{ width: 16.66666%; }


/* 영역분할 */
ul.box_wrap {position:relative; width:100%; margin:0 auto; }
ul.box_wrap:after {content:""; display:block; clear:both;}
ul.box_wrap li {float:left; position:relative; }
ul.box_wrap li:after {content:""; display:block; clear:both;}
ul.box_wrap li.right {float:right;}
ul.box_wrap li.bottom{ vertical-align:bottom !important; }
ul.box_wrap.row_2 li {width:50%; }

ul.box_wrap.row_2.auto li {width:auto;}
ul.box_wrap.row_3 li {width:33.333333%;}
ul.box_wrap.row_4 li {width:25%;}
ul.box_wrap.row_5 li {width:20%;}
ul.box_wrap.row_6 li {width:16.66666%;}
ul.box_wrap.row_7 li {width:14.222222%;}

ul.row_wrap li{ float:left; padding:0; position:relative; }
ul.row_wrap.div22.half li:first-child{ width:41%; }
ul.row_wrap.div22.half li:last-child{ width:59%; }

/* 문서 전용 */
.doc_wrap {position:relative; /*overflow:hidden; */width:800px; min-width:800px; margin:0 auto;  }
.doc_wrap:after {content:""; display:block; clear:both;} 
.doc_wrap.wide{ width:1350px; }
.doc_wrap.wide2{ width:100%; }
.doc_wrap.wide3{ width:970px; }
.doc_wrap.wide4{ width:1200px; }

.doc_wrap1{position:relative; overflow:hidden; width:800px; min-width:800px; margin:0 auto;  }
.doc_wrap1:after {content:""; display:block; clear:both;} 

/* 문서 타이틀 */
.doc_wrap h1 { font:600 30px "Noto Sans KR",Malgun Gothic; line-height:130%; color:#111; text-align:center; padding:0 0 5px 0; margin:0 auto; }
.doc_wrap h1 b { text-align:center; display:inline-block; border-bottom:solid 2px #444; }
.doc_wrap h1 span { display:block;  font-size:20px; line-height:160%; font-weight:700; margin-bottom:-5px;}
.doc_wrap .headline { position:relative;  }
.doc_wrap .headline:after {content:""; display:block; clear:both;}
.doc_wrap .write_history {padding:5px 0; margin-bottom:10px;}


/* 폰트 사이즈*/
.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 }
.font17{ font-size:17px !important }
.font18{ font-size:18px !important }
.font20{ font-size:20px !important }
.font22{ font-size:22px !important }
.font24{ font-size:23px !important }
.font26{ font-size:26px !important }
.bold{ font-weight:600  !important }



/*버튼*/
.button_wrap{ padding:1px 0 ; }
button.basic{ padding:2px 4px 1px 3px; line-height:100%; height: auto; margin:3px 3px 3px 0; font:400 11px Malgun Gothic,"맑은고딕"; line-height:130%; ; cursor:pointer; vertical-align:middle }
button.basic{ border-radius:3px; border:solid 1px #bbb; background:#f1f1f1 url(/img/bg_gradation_1.png) repeat-x; color: #333 }
button.basic:before{ content:""; font:normal 13px "FontAwesome"; line-height:130%; vertical-align:top; display:inline-block; padding-right:3px; }
button.basic:last-child{ margin-right:0 }
button.basic.allCheck:before{ content:"";  }
button.basic.allCancel:before{ content:"";  }

.btn_midium_wrap{ margin:0 auto; text-align:center }
.btn_midium_wrap button{ min-width:100px; padding:10px !important; font:600 18px "Noto Sans KR", Malgun Gothic!important; line-height:100%; height:auto !important; }
.btn_full_wrap button{ width:100%; padding:10px!important; font:600 16px "Noto Sans KR", Malgun Gothic!important; line-height:100%; height:auto !important; margin:5px auto }

td.text_btn.icon { font:400 12px "FontAwesome";}

/* border */
.border_right0 {border-right:0 !important;}
.border_left0{border-left:0 !important; }
.border_none{border:none !important; }
.border_dashed1 {table-layout:inherit !important; border-right:1px dashed #ccc;}
.border_type1 {border-top:1px solid #d2d5d9}
 
/* margin & padding */
.mt_00 {margin:0 !important;}
.mt_02 {margin:2px !important;}
.mt_04 {margin-top:4px !important;}
.mt_05 {margin-top:5px !important;}
.mt_07 {margin-top:7px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_30 {margin-top:30px !important;}
.ml_16 {margin-left:16px !important;}
.mtb_5 {margin-bottom:5px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mr_05 {margin-right:5px !important;}
.mh_40 {min-height:40px;}
.pt_05 {padding-top:5px !important;}
.pb_00 {padding-bottom:0 !important;}
.pb_010 {padding-bottom:-10px !important;}
.pr_20 {padding-right:20px !important;}
.pr_05 {padding-right:5px !important;}
.pd_00 {padding:0 !important;}
.pl_00 {padding-left:0 !important;}
.pl_03 {padding-left:3px !important;}
.pl_04 {padding-left:4px !important;}

/* 가로길이 */
.width_auto{ width: auto !important }
.width_15{ width: 15px; text-align:left }
.width_20{ width: 20px; text-align:left; }
.width_25{ width: 25px! important; text-align:left; }
.width_30{ width: 30px! important;  min-width:auto !important }
.width_35{ width: 35px! important; min-width:auto !important }
.width_40{ width: 40px! important; min-width:auto !important }
.width_50{ width: 50px! important;  min-width:auto !important }
.width_55{ width: 55px! important;  min-width:auto !important }
.width_60{ width: 60px !important; min-width:auto !important }
.width_65{ width: 65px; min-width:auto !important }
.width_70{ width: 70px !important; min-width:auto !important }
.width_75{ width: 75px !important; min-width:auto !important }
.width_80{ width: 80px; min-width:auto !important }
.width_85{ width: 85px; min-width:auto !important }
.width_90{ width: 90px !important; min-width:auto !important }
.width_100{ width: 100px !important;  min-width:auto !important }
.width_108{ width: 108px; }
.width_110{ width: 110px !important; }
.width_120{ width: 120px !important; }
.width_112{ width: 112px; }
.width_115{ width: 115px; }
.width_120{ width: 120px; }
.width_130{ width: 130px; }
.width_140{ width: 140px !important; }
.width_145{ width: 145px !important; }
.width_150{ width: 150px !important; }
.width_155{ width: 155px; }
.width_160{ width: 160px !important; }
.width_165{ width: 165px; }
.width_170{ width: 170px; }
.width_175{ width: 175px; }
.width_180{ width: 180px; }
.width_185{ width: 182px; }
.width_190{ width: 190px; }
.width_200{ width: 200px; }
.width_210{ width: 210px; }
.width_220{ width: 220px !important }
.width_230{ width: 230px; }
.width_240{ width: 240px; }
.width_250{ width: 250px; }
.width_300{ width: 300px}
.width_300{ width: 300px; }
.width_320{ width: 320px !important ; }
.width_330{ width: 330px; }
.width_350{ width: 350px; }
.width_360{ width: 360px; }
.width_370{ width: 370px; }
.width_400{ width: 400px; }
.height_22 { /*height: 22px; */}
.height_30 { height:30px !important; }
.height_33 { height:33px; }
.height_35 th{ height: 35px; }
.height_44 { height:44px !important; }
.height_45 { height:45px !important; }
.height_50 { height:50px !important; }
.height_56 { height: 56px; }
.height_60 { height: 60px; }
.height_65 { height: 65px; }
.height_67 { height: 67px; }
.height_88 { height: 88px; }
.height_90 { height: 90px; }
.height_92 { height: 92px; }

.max_width_280 {max-width:280px;}
.max_width_290 {max-width:290px;}
.max_width_300 {max-width:300px;}
.max_width_350 {max-width:350px;}
.max_width_400 {max-width:400px;}
.max_width_450 {max-width:450px;}
.max_width_550 {max-width:550px;}
.max_width_580 {max-width:580px;}
.max_width_650 {max-width:650px;}
.max_width_700 {max-width:700px;}
.max_width_800 {max-width:800px;}
.max_width_1190 {max-width:1190px !important;}
.max_width_1200 {max-width:1200px !important;}
.max_width_1250 {max-width:1250px !important;}
.max_width_1300 {max-width:1300px !important;}
.max_height_200 {max-height:200px !important;}
.max_height_520 {max-height:520px !important;}
.min_height_00 {min-height:auto !important}

/* 정렬 */
.align_center {text-align:center !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}
.align_right input {text-align:right;}
.float_right {float:right!important;}
.float_left {float:left!important;}
.float_none {float:none !important;}
.abs_bottom{ vertical-align:bottom !important; position:relative; bottom: 10px; left:0;  width: 100%;  }


/* 파일 업로드 */
.file_input{ display:inline-block;  vertical-align:baseline; padding: 0 0 2px 0 }
.file_input label { position:relative; cursor:pointer;display:inline-block; vertical-align:top; overflow:hidden; height:22px; font-size:15px; font:400 11px Malgun Gothic,"맑은고딕";  line-height:22px; text-align:center; color:#888; background:linear-gradient(#ececec, #d8d8d8); border:1px solid #b3b3b3;}
.file_input label {position:relative; top:1px; padding:0 10px !important; border:solid 1px #9c9c9c; color:#333; border-radius:2px; font:600 11px/20px Malgun Gothic,"맑은고딕" !important;}
.file_input label:hover{ color: #0078d7; border-color:#0078d7; background:#e5f1fb }
.file_input label input {  position:absolute; top:-2px; left: 0;  width:0; height:0; overflow:hidden; }
.file_input .file_thumnail {max-width:100px; max-height:100px; display:inline-block; vertical-align:text-top}
.file_input .file_thumnail img {max-width:100%; max-height:102px;  border:1px solid #b3b3b3}
.file_input input[type=text] { vertical-align:top; display:inline-block; width:150px;  height:22px; line-height:22px;  font-size:10px;  padding:0;  border:0;   border:1px solid #777; }
.fixed_topLine{ position:relative; overflow:hidden }
.fixed_topLine:after{ content:""; display:block; clear:both }
.fixed_topLine table{ float:left; vertical-align:top;  }
.file_input label .fa{ font-size:14px; line-height:150%;  }
.file_input button{ vertical-align:top  }
.ps_tip{ padding: 10px 0 0 0; }
.file_input button{ vertical-align:top !important; height:22px !important; margin:0 !important; font-size:11px !important;  }

/* 셀렉트박스 가로길이 */
select {border-width:1px;}
select.width09{ width: 9%; }
select.width10{ width: 10%; }
select.width15{ width: 15%; }

/* 셀렉트박스 가로길이 */
textarea.width100 {width:100%}

/* 버튼 가로길이 */
button.width10{ width: 10%; }


/* 인풋 가로길이 */
input[type=text].bold{ font-weight:600 }
input[type=text].font20{ font-size:20px !important; letter-spacing:0.5px; }
input[type=text].font18{ font-size:18px !important; letter-spacing:0.5px; }
input[type=text].font16{ font-size:16px !important; letter-spacing:0.5px; }
input[type=text].font14{ font-size:14px !important; letter-spacing:0.5px; }
input[type=text].font13{ font-size:13px !important; letter-spacing:0.5px; }
input[type=text].width100 { width: 100%; }
input[type=text].width97{ width: 97%; }
input[type=text].width95{ width: 95%; }
input[type=text].width90{ width: 90%; }
input[type=text].width89{ width: 89%; }
input[type=text].width85{ width: 85%; }
input[type=text].width84{ width: 84.5%; }
input[type=text].width80{ width: 80%; }
input[type=text].width76{ width: 76%; }
input[type=text].width75{ width: 75%; }
input[type=text].width70{ width: 70%; }
input[type=text].width65{ width: 65%; }
input[type=text].width60{ width: 60%; }
input[type=text].width50{ width: 50%; }
input[type=text].width45{ width: 45%; }
input[type=text].width40{ width: 40%; }
input[type=text].width35{ width: 35%; }
input[type=text].width30{ width: 30%; }
input[type=text].width28{ width: 28%; }
input[type=text].width20{ width: 20%; }
input[type=text].width15{ width: 15%; }
input[type=text].width10{ width: 10%; }
input[type=password].width10{ width: 10%; }
input[type=text].width03{ width: 3%; }
input[type=text].width_80{ width: 80px; }
input[type=text].width_100{ width: 100px !important; }
input[type=text].width_110{ width: 110px !important; }
input[type=text].width20_input02 {width:calc(20% + 4px);}
input[type=text].width30_input03 {width:calc(30% + 9px);}

button.width100{ width:100%; height:40px !important; margin:10px auto }

/* 셀렉트 */
select.width25{ width: 25%; }
select.width100{ width: 100%; }
.doc_wrap input[readonly]{ background:#eee; border:solid 1px #bbb ; color:#000 ;  cursor:default }
.widTh95{ width: 95% !important; }

/* 인풋 */
/* input[type=checkbox] {display:none;} */
input[type=checkbox]+label {position:relative; margin-right:4px; cursor:pointer }
input[type=checkbox]+label.off{ color:#999; cursor:default }
input[type=checkbox]+label:before {content:''; position:relative; display:inline-block; width:11px; height:11px; border:1px solid #005b9e; cursor:pointer; background:#fff; vertical-align:sub; margin-right:3px;}
input[type=checkbox]+label.off:before {border-color:#aaa; cursor:default; background:#eee;  }
input[type=checkbox]:checked+label:before {background:#005b9e}
input[type=checkbox]:checked+label:after {position:absolute; top:5px; left:2px; content:""; font:normal 8px "fontAwesome"; color:#fff; display:inline-block; cursor:pointer;}
input[type=checkbox]:checked+label.off:before {background:#999 }


/* input[type=radio] {display:none;} */
input[type=radio]+label {position:relative; }
input[type=radio]+label:before {content:''; position:relative; top:2px; display:inline-block; width:13px; height:13px; border-radius:13px; box-sizing:border-box; border:1px solid #005b9e; cursor:pointer; background:#fff; margin-right:3px;}
/*input[type=radio]+label:before {content:''; font:normal 15px "FontAwesome"; position:relative; display:inline-block; width:11px; height:11px; border-radius:11px; border:1px solid #005b9e; cursor:pointer; background:#fff; vertical-align:sub; margin-right:3px;}*/
/*input[type=radio]:checked+label:before {background:#005b9e}*/
input[type=radio]:checked+label:after {position:absolute; top:4px; left:0; content:""; /*width:5px; height:6px; border-radius:6px; background:#fff;*/ color:#005b9e; display:inline-block; cursor:pointer; font:normal 15px "FontAwesome"}


/* 클릭영역 */
.click{ cursor:pointer; }
.click a{ display:block }
.click:hover{ color:#1867ea !important; text-decoration:underline }
.click:hover a{ color:#1867ea  !important; }
th.click:hover{  color:#333 !important; text-decoration:none !important; cursor:default  }

/* a링크 */
a.underline{ text-decoration:underline; color: #000; /*display:block;*/  display:inline-block; } 
a.underline:hover{ color: #253fff; }
a.underline2{ text-decoration:underline; color: #555;  } 
a.underline2:hover{ color: #253fff; }
a.underline1:hover{ color: #253fff; }
a.see_doc{ display:inline-block; padding:2px 6px 2px 5px; color: #333; font:400 12px Dotum,"돋움"; line-height:110%;  margin:-3px 3px -4px 0;  }
a.see_doc:before{ content:""; font:normal 13px "FontAwesome"; display:inline-block; padding-right:6px; }
a.see_doc:hover{ color: blue; }
a.see_doc > b{ text-decoration:underline  }
a.blue{ color: #2571cf; }
a.blue:hover{ text-decoration: underline }
a.gray{ color: #333;  display:block;}
a.gray:hover{ color:#465aef; text-decoration:underline;  }
a.btn{ display:inline-block; padding:1px 3px; color: #666; border:solid 1px #ccc; margin:1px }
a.btn{ border-radius:3px; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x;  font:400 11px Arial, Malgun Gothic; line-height:110%; }
a.btn.cancel:hover{ color:#666; border-color:#ccc;  }


/* 버튼 영역 */
.submit_btn {position:relative; padding:20px 0; text-align:center;}
.submit_btn.right {padding:15px 2% 0 0; text-align:right;}
.submit_btn {position:relative; padding:20px 0; text-align:center;}
.submit_btn.top_right {padding:0 0% 0 0; text-align:right;}
.submit_btn:after {content:""; display:block; clear:both;}
.submit_btn a {padding:5px 20px; border:solid 1px #ccc; text-align:center; font:600 14px 'Malgun gothic',Sans-serif; line-height:140%; color:#50597e; border-radius:3px; display:inline-block; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x;}
.submit_btn a:hover {color:#474f73; border-color:#50597e;}
.submit_btn a.dark {background:#50597e; border-color:#50597e; color:#fff;}
.submit_btn a.red {color:#fc6e71;}
.submit_btn a.blue {color:#278be0;}
.submit_btn input[type=button] {padding:5px 20px; border:solid 1px #50597e; background:#50597e; color:#fff; text-align:center; font:600 14px 'Malgun gothic',Sans-serif; line-height:140%; border-radius:3px; display:inline-block;}
.submit_btn input[type=button]:hover {border:solid 1px #394268; background:#394268; color:#fff;}
.submit_btn input[type=submit] {padding:5px 20px; border:solid 1px #50597e; background:#50597e; color:#fff; text-align:center; font:600 14px 'Malgun gothic',Sans-serif; line-height:140%; border-radius:3px; display:inline-block;}
.submit_btn input[type=submit]:hover {border:solid 1px #394268; background:#394268; color:#fff;}
.submit.right .write_submit_btn {text-align:right; padding-top:0;}
.submit.top .write_submit_btn {padding-top:0;}
.submit_btn.right.small a {padding:3px 15px; font:600 13px Arial,Sans-serif;}
.submit_btn.top_right.small a {padding:3px 10px; font:600 12px Arial,Sans-serif;}
/*button.red,button.blue,button.gray {font-size:11px;}*/
button.red:hover {background:#ed3135!important; border-color:#ed3135!important; color:#fff !important;}
button.blue:hover {background:#0961a2!important; border-color:#0961a2!important; color:#fff!important;}
button.gray:hover {background:#666!important; border-color:#666!important; color:#fff !important;}


/* 레이어창 */
.layer_black_bg{ position:fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.15);overflow-y:auto; z-index:9999; display:none }
.write_category select {width:100%; display:block; margin:5px 0; border:1px solid #ccc; height:26px;} 
.layerBox{ position:relative;  margin:10% auto 0; width: 400px; min-height: 300px; padding:30px 20px; border-radius:10px;  background:#fff; box-shadow:0 0 6px rgba(0,0,0,.2); text-align:left; overflow:hidden;  }
.layerBox:after{ content:""; display:block; clear:both;  }
.layerBox.medium{ width: 800px; min-height: 400px; }
.layerBox h3{ font:600 20px 'Noto Sans KR','Malgun gothic',Sans-serif; line-height:140%; color: #333; border-bottom:solid 1px #666;  margin-bottom:20px; padding-bottom:10px;  }
.layerBox button.close_layer{  padding:4px 5px 3px 5px; line-height:100%; height: auto;  font:600 0px Malgun Gothic,"맑은고딕"; line-height:130%; border-radius:30px; background:#fff; color: #333; cursor:pointer; vertical-align:middle }
.layerBox button.close_layer{ position:absolute; top: 22px; right: 15px; border:0 }
.layerBox button.close_layer:before{ content:""; font:normal 28px "FontAwesome"; line-height:130%; vertical-align:top; display:inline-block; padding-right:3px; }
.layerBox button.close_layer:hover:before{ color:#ed3135 }
.layerBox button {height:24px;}
.layerBox input {height:24px !important; /*vertical-align:baseline;*/}
.layerBox input.submit_btn {height:31px !important}
.layer_btn_wrap{ position:relative; text-align:center; padding: 20px 0; margin:20px auto 0;  border-top:dotted 1px #999;  }
.layer_btn_wrap a{ padding:5px 20px; border:solid 1px #ccc; text-align:center;  font:600 14px Malgun Gothic; line-height:140%; color: #333; border-radius:30px; display:inline-block; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x; margin: 0 5px  }
.layer_btn_wrap input[type=submit]{ padding:5px 20px; border:solid 1px #ccc; text-align:center;  font:600 14px Malgun Gothic; line-height:140%; color: #ed3135; border-radius:30px; display:inline-block; background:#f2f2f2 url(/img/bg_gradation_1.png) repeat-x  }

.layerBox p.unpaid.red{ text-align:center; font:600 16px Malgun Gothic; }
.layerBox select[name=locationIdx]{ text-align:center !important; font:600 16px Malgun Gothic !important; line-height:100%; margin:20px auto 2px !important;  width:100%; height:auto !important }

.layerBox .layer_btn_wrap button{ width:46%;  font:600 16px Malgun Gothic; line-height:100%; margin:2px auto; border:solid 1px #ccc; padding:10px 5px; border-radius:5px; background:linear-gradient(#fff, #f1f1f1); height:auto !important  }

/* input_배경스타일 */
input[type=text].must{ background:#fff1cc !important; border-color:#999; height:22px;  width:100% }
input[type=date].must{ background:#fff1cc !important; border-color:#999; height:22px; }
input[type=date].must_back{ background:none !important; }
input[type=text].must_back{ background:none !important; }
.sub_container textarea.must{ background:#fff1cc !important; }

.sub_container select.must{ background:#fff1cc; } 
select.must option{ background:#fff; }

.noborder{ border:0 !important }
/* 컬러 */
.red{ color: red !important; }
.deep_red{ color: #c8314a !important; }
.blue{ color: #0f36c5 !important; }
.gray{ color: #777 !important; }
.gray2{ color: #444 !important; }