@charset "utf-8";

/* font */
/* ******************************************************
	00. common
*******************************************************/

html{font-family:'BMWTypeNext';font-weight:300;text-align:left;color:#262626;font-size:14px;line-height:1;letter-spacing:0;word-break:break-all;}
input,textarea,select,button {font-family:'BMWTypeNext';font-weight:400;letter-spacing:0;}

.bmwLightFont{font-family:'BMWTypeNext' !important; letter-spacing:0 !important; font-weight:300 !important;}
.bmwBoldFont{font-family:'BMWTypeNext' !important; letter-spacing:0 !important; font-weight:700 !important;}


@font-face {
	font-family: 'BMWTypeNext';
	font-style: normal;
	font-weight: 100;
	src: url('../font/BMWTypeNextKrTT-Thin.eot'); /* IE9 Compat Modes */
	src: url('../font/BMWTypeNextKrTT-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../font/BMWTypeNextKrTT-Thin.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../font/BMWTypeNextKrTT-Thin.woff') format('woff'); /* Modern Browsers */
  }
  
  @font-face {
	font-family: 'BMWTypeNext';
	font-style: normal;
	font-weight: 300;
	src: url('../font/BMWTypeNextKrTT-Light.eot'); /* IE9 Compat Modes */
	src: url('../font/BMWTypeNextKrTT-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../font/BMWTypeNextKrTT-Light.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../font/BMWTypeNextKrTT-Light.woff') format('woff'); /* Modern Browsers */
  }
  
  @font-face {
	font-family: 'BMWTypeNext';
	font-style: normal;
	font-weight: 400;
	src: url('../font/BMWTypeNextKrTT-Regular.eot'); /* IE9 Compat Modes */
	src: url('../font/BMWTypeNextKrTT-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../font/BMWTypeNextKrTT-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../font/BMWTypeNextKrTT-Regular.woff') format('woff'); /* Modern Browsers */
  }
  
  @font-face {
	font-family: 'BMWTypeNext';
	font-style: normal;
	font-weight: 700;
	src: url('../font/BMWTypeNextKrTT-Bold.eot'); /* IE9 Compat Modes */
	src: url('../font/BMWTypeNextKrTT-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../font/BMWTypeNextKrTT-Bold.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../font/BMWTypeNextKrTT-Bold.woff') format('woff'); /* Modern Browsers */
  }




/* Reset CSS
 * --------------------------------------- */
html {overflow:hidden;}
html,body {width:100%;height:100%;}
body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,caption,th,td,form,fieldset,legend,hr,label,input,textarea,button,select,option {margin:0;padding:0;font-family:'BMWTypeNext', Sans-serif; font-weight: 300; color:#242424;letter-spacing:-0.02em;word-break:keep-all;}
body {*word-break:break-all;-ms-word-break:break-all;}
img {border:0;vertical-align:top;}
fieldset {border:0;}
ul,ol,dl {list-style:none;}
em,address {font-style:normal;}
strong, th {font-weight:normal;}
a {color:#666;text-decoration:none; transition: 0.3s;}
a:hover,a:active,a:focus {text-decoration:none; background-color: none;}
hr {height:1px;background:#aab2bd ;margin:0;padding:0;border:none}
table {border-collapse:collapse;border-spacing:0}
td {word-break:break-all;word-wrap:break-word}
button {border:0; cursor:pointer;}
select {min-width:80px;height:30px;padding:2px 32px 2px 10px;background:#fff url(../images/bg_select.png) no-repeat 100% 0;border:1px solid #bbb;border-radius: 0;font-size:14px;color:#343434;letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
option {letter-spacing:0;}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {background:none\9;padding:5px\9;}
}
input[type="text"], input[type="password"], input[type='number'], input[type='email'] {height:30px;padding:0 10px;box-sizing:border-box;background-color:#fff;border:#bbb 1px solid;border-radius: 0;font-size:14px;color:#343434;letter-spacing:-0.05em;}
input::-webkit-input-placeholder {color:#b3b3b3;}
input:-moz-placeholder {color:#b3b3b3;}
input::-moz-placeholder {color:#b3b3b3;}
input:-ms-input-placeholder {color:#b3b3b3 !important}
textarea {width:100%;height:150px;padding:8px 10px;box-sizing:border-box;border:1px solid #ccc;border-radius: 0;font-size:14px;line-height:1.5;color:#343434;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea::-webkit-input-placeholder {color:#b3b3b3;}
textarea:-moz-placeholder {color:#b3b3b3;}
textarea::-moz-placeholder {color:#b3b3b3;}
textarea:-ms-input-placeholder {color:#b3b3b3 !important}
input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type='number']::-ms-clear, input[type='email']::-ms-clear { display:none;}
input:focus, button:focus, select:focus, textarea:focus {outline:none;}


/* Common CSS
 * --------------------------------------- */
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.clear {clear:both;}

.disb {display:block !important;}
.disib {display:inline-block !important;}

.fl {float:left !important;}
.fr {float:right !important;}

.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}

.vam {vertical-align:middle !important;}

.fw_b {font-weight:bold !important;}
.fw_n {font-weight:normal !important;}

.fc_red {color:#fff !important;}
.fc_blue {color:#fff !important;}

.fs_14 {font-size:14px !important;}

.uline {text-decoration:underline !important;}

.line {clear:both; width:100%;height:1px;background:#e6e6e6;}



/* checkbox */
.checkbox {display:inline-block;position:relative;height:20px;text-align:left;}
.checkbox input[type="checkbox"] {position:absolute;left:0;bottom:0;width:20px;height:20px;background:none;visibility:hidden;z-index:1;}
.checkbox input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:28px;margin-right:16px;color:#343434;font-size:14px;line-height:20px;cursor:pointer;z-index:5;}
.checkbox input[type="checkbox"] + label:before {content:'';display:inline-block;position:absolute;left:0;bottom:0;width:20px;height:20px;background-image:url(../images/bg_checkbox.png);z-index:5;}
.checkbox input[type="checkbox"]:checked + label:before {background-image:url(../images/bg_checkbox_on.png);}
.checkbox input[type="checkbox"]:checked {border:0 none;z-index:0;}

/* radio */
.radio {display:inline-block;position:relative;height:20px;text-align:left;}
.radio input[type="radio"] {position:absolute;left:0px;bottom:0px;width:20px;height:20px;background:none;visibility:hidden;z-index:1;}
.radio input[type="radio"] + label {display:inline-block;position:relative;padding-left:28px;margin-right:12px;color:#343434;font-size:14px;line-height:20px;cursor:pointer;z-index:5;}
.radio input[type="radio"] + label:before {content:'';display:inline-block;position:absolute;left:0;bottom:0;width:20px;height:20px;background-image:url(../images/bg_radio.png);background-repeat:no-repeat;background-position:50%;z-index:5;}
.radio input[type="radio"]:checked + label:before {background-image:url(../images/bg_radio_on.png);}
.radio input[type="radio"]:checked {border:0 none;z-index:0;}

.textarea {line-height:0;}
.textarea textarea {height:100%;}

/* file */
.file_box {display:inline-block;position:relative;height:30px;padding-right:78px;}
.file_box .file_name {display:inline-block;width:250px;vertical-align:middle;}
.file_box .file_name.w330 {width:330px;}
.file_box .file_btn {position:absolute;right:0;width:72px;height:30px;line-height:28px;box-sizing:border-box;border:#bbb 1px solid;border-radius: 0;background:#f7f7f7;font-size:13px;color:6b6b6b;text-align:center;cursor:pointer;}
.file_box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.upload_file {display:block;margin:5px 0 15px;}
.upload_file .name {color:#8d8d8d;font-size:13px;}
.upload_file .name em {}
.upload_file .btn_del {display:inline-block;width:13px;height:13px;margin-left:2px;background:url(../images/btn_del_file.png) no-repeat;vertical-align:-2px;}
.file_list {margin:10px -12px 0;padding:12px 12px 4px 6px;border-top:#e6e6e6 1px solid;}
.upload_file_img {display:inline-block;position:relative;margin:0 6px;}
.upload_file_img .img img {width:75px;height:75px;}
.upload_file_img .btn_del {display:inline-block;position:absolute;top:5px;right:5px;width:13px;height:13px;margin-left:2px;background:url(../images/btn_del_file.png) no-repeat;vertical-align:-2px;}

/* width */
.w30 {width:30px !important; padding:0 !important;}
.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w110 {width:110px !important;}
.w140 {width:140px !important;}
.w160 {width:160px !important;}
.w200 {width:200px !important;}
.w230 {width:230px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w600 {width:600px !important;}
.w732 {width:732px !important;}
.w100p {width:100% !important;}

/* height */
.h100 {height:100px !important;}

/* margin */
.mt-5 {margin-top:-5px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}

/* padding */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}

.pb100 {padding-bottom:100px !important;}


/* Layout CSS
 * --------------------------------------- */
#wrap {position:relative;min-height:100%;}
#gnb {position:absolute;top:0;bottom:0;left:0;width:240px;box-sizing:border-box;border-right:1px solid #aaa;background:#fff;}
#gnb h1 {background-color:#ffffff;position:absolute;top:0;left:0;right:0;height:110px;box-sizing:border-box;border-bottom:1px solid #eee; padding: 27px; font-size: 24px; line-height: 1.2em;}
#gnb h1 .logo {display:inline-block;margin:-10px 0 0 65px;}
#gnb .footer {position:absolute;bottom:0;left:0;right:0;height:60px;box-sizing:border-box;border-top:1px solid #eee;background:#fff;}
#gnb .footer .copy {padding-left:20px;color:#585858;font-size:12px;line-height:59px;}
#gnb .lnb {position:absolute;top:110px;bottom:60px;left:0;right:0;overflow-y:auto;}
#gnb .lnb ul {overflow:hidden;}
#gnb .lnb li {line-height: 28px;}
#gnb .lnb li a {display:block;letter-spacing:-0.04em;}
#gnb .lnb ul.group {padding-top:10px;}
#gnb .lnb ul.group > li > a {position:relative;padding:11px 0 11px 34px;font-size:14px;color:#555;}
#gnb .lnb ul.group > li > a:hover {background-color:#f5f5f5;}
#gnb .lnb ul.group > li.active {position:relative; font-weight: bold;}
#gnb .lnb ul.group > li.active:after {content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:6px;background: #1c69d4;}
/*#gnb .lnb ul.group > li.active > a {color:#ed5564;}
#gnb .lnb ul.group > li.active > a:hover {background-color:#fff;}*/
#gnb .lnb ul.dep2 {display:none;padding-bottom:2px;}
#gnb .lnb ul.dep2 a {position:relative;margin-bottom:6px;padding:3px 0 3px 44px;font-size:14px;color:#8d8d8d;}
#gnb .lnb ul.dep2 a:before {content:"";display:block;position:absolute;top:8px;left:27px;width:10px;height:7px;background:url(../images/icon_dep2.png) no-repeat;}
#gnb .lnb ul.dep2 li > a:hover {color:#1c69d4;}
#gnb .lnb ul.dep2 li.active > a {color:#1c69d4;}
#gnb .lnb ul.dep3 a {padding:3px 0 3px 54px;font-size:13px;}
#gnb .lnb ul.dep3 a:before {top:11px;left:38px;width:7px;height:1px;background:#e0e0e0;}
#container {position:absolute;top:0;bottom:0;left:240px;right:0;overflow:hidden;}
#container.regist {position:absolute;top:0;bottom:0;left:95px;right:95px;overflow:hidden;}
#container.regist .btn_area {padding:38px 0 0;text-align:center;}
#container.regist .btn_area .btn {display:inline-block;min-width:88px;height:40px;line-height:38px;margin:0 3px;padding:0 10px;border-radius: 0;box-sizing:border-box;background:#fff;border:#666 1px solid;font-size:14px;color:#666;text-align:center;vertical-align:middle;}
#container.regist .btn_area .btn_p {background:#1c69d4;color:#fff; border: 1px solid #1c69d4;}
#container .snb {position:absolute;top:0;left:0;right:0;height:60px;min-width:650px;box-sizing:border-box; background: #444;}
#container .snb .btn_area {position:absolute;left:0;bottom:0;z-index:1; background: #1c69d4;}
#container .snb .btn_area:hover {background: #0653b6; transition: 0.3s;}
#container .snb .btn_area:after {content:"";display:block;clear:both;}
#container .snb .btn_area .group_btn {float:left;height:59px;padding:0 10px;border-right:1px solid;border-color:rgba(255,255,255,0.2);}
#container .snb .btn {display:block;float:left;position:relative;background-color:transparent;}
#container .snb .btn:before {content:"";display:block;position:absolute;top:20px;left:0;width:1px;height:19px;background:#fff;opacity:0.13;vertical-align:-4px;}
#container .snb .btn:first-child:before {display:none;}
#container .snb .btn span {display:block;height:30px;line-height:30px;min-width:68px;margin:15px 10px 14px 11px;padding:0 10px;box-sizing:border-box;border-radius: 0;font-size:14px;color:#fff;letter-spacing:-1px;text-align:center;}
#container .snb .btn span:before {content:"";display:inline-block;width:15px;height:18px;margin-right:6px;background-repeat:no-repeat;vertical-align:-3px;}
#container .snb .btn.disabled span {color:rgba(255,255,255,.5);}
#container .snb .btn.disabled span:before {opacity:.5;}
#container .snb .btn_del span:before {background-image:url(../images/icon_btn_del.png);}
#container .snb .btn_write span:before {background-image:url(../images/icon_btn_write.png);}
#container .snb .btn_cancel span:before {background-image:url(../images/icon_btn_cancel.png);}
#container .snb .btn_modify span:before {background-image:url(../images/icon_btn_modify.png);}
#container .snb .btn_list span:before {background-image:url(../images/icon_btn_list.png);}
#container .snb .btn_confirm span:before {background-image:url(../images/icon_btn_confirm.png);}
#container .snb .btn_pdf span:before {background-image:url(../images/icon_btn_pdf.png);}
#container .snb .btn_excel span:before {background-image:url(../images/icon_btn_excel.png);}
#container .snb_right {position:absolute;top:0;right:0;padding-right:60px;}
#container .snb_right .snb_loc {padding-right:24px;}
#container .snb_right .snb_loc span {font-size:14px;color:#fff;line-height:59px;letter-spacing:-0.05em;opacity:0.7;}
#container .snb_right .snb_loc span:before {content:"";display:inline-block;width:4px;height:9px;margin:0 10px;background:url(../images/icon_loc_arr.png) no-repeat;vertical-align:1px;}
#container .snb_right .snb_loc span:first-child:before {width:14px;height:16px;margin:0 7px 0 0;background:url(../images/icon_loc_home.png) no-repeat;vertical-align:-2px;}
#container .snb_right .snb_loc .curr {opacity:1;}
#container .snb_right .user {display:inline-block;height:59px;padding:0 16px 0 19px;border-left:1px solid;border-color:rgba(255,255,255,0.2);font-size:14px;color:#d2e9f4;line-height:59px;}
#container .snb_right .user strong {color:#fff;}
#container .snb_right .user strong:before {content:"";display:inline-block;width:16px;height:16px;margin-right:6px;background:url(../images/icon_user.png) no-repeat;vertical-align:-2px;}
#container .snb_right .logout a {position:absolute;top:0;right:0;width:60px;height:59px;background:#222  url(../images/icon_btn_logout.png) no-repeat center center;}
#container .snb_right .dropdown-menu{position:absolute;right:60px;left:inherit;float:none;display:none;max-width:280px;min-width: 200px; padding: 0;margin: 0.125rem 0 0;top:100%;z-index: 9999;font-size: 14px;color:#343434;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: 0.25rem;}
#container .snb_right .dropdown-menu .dropdown-item{border:0;right:60px;background-color:transparent;white-space: nowrap;padding: 0.7rem 1rem;display: block;width: 100%;clear: both;text-align: inherit;}
#container .snb_right .dropdown-menu .dropdown-item.dropdown-header{white-space: nowrap;color:#ffffff;background-color:#689fd1;margin-bottom: 0;text-align: center;font-size: .875rem;display: block;padding: 0.7rem 0rem;}
#container .snb_right .dropdown-menu .dropdown-divider{height: 0;margin: 0;overflow: hidden;border-top: 1px solid #e9ecef;rigth:60px;}




#container .content {position:absolute;top:60px;bottom:0;left:0;right:0;overflow:auto;}
#container .content.list_type {bottom:60px;}
#container .bottom_fix_area {position:absolute;bottom:0;left:0;right:0;height:60px;min-width:650px;box-sizing:border-box;border-top:1px solid #ddd;background:#fafafa;}
#container .content_area {min-width:1000px;padding:20px;}
#container .content_area h2.title {position:relative;margin:32px 0 16px;padding-left:10px;color:#343434;font-size:18px;line-height:1;}
#container .content_area h2.title strong {font-size:16px;letter-spacing:-1px;}
#container .content_area h2.title strong.fs_24 {font-size:24px;}
#container .content_area h2.title .btn {height:23px;margin-left:10px;padding:0 15px;border:#bbb 1px solid;border-radius: 0;background:#fff;color:#111;font-size:13px;line-height:20px;box-sizing:border-box;} 
#container .content_area h2.title .btn_r {position:absolute;top:-4px;right:0;height:23px;padding:0 15px;border:#bbb 1px solid;border-radius: 0;background:#fff;color:#111;font-size:13px;line-height:20px;box-sizing:border-box;} 
#container .content_area h2.title .btn_modify {height:23px;margin-left:10px;padding:0 15px;border:#bbb 1px solid;border-radius: 0;background:#fff;color:#111;font-size:13px;line-height:21px;box-sizing:border-box;} 
#container .content_area h2.title .search {position:absolute;top:-8px;right:0;height:30px;box-sizing:border-box;background-color:#fff;border:#bbb 1px solid;border-radius: 0;}
#container .content_area h2.title .search .textbox {float:left;width:232px;height:28px;padding:0 9px 0 11px;border:0;border-radius: 0;}
#container .content_area h2.title .search .btn_search {width:36px;height:28px;line-height:39px;background:url('../images/icon_btn_search.png') no-repeat 8px 5px;}
 
.title_area .control .btn_m {margin:10px 20px 0 0;}
#container .content_area h2.title.ty2 {margin:25px 0 16px;font-size:14px;font-weight:normal;}
#container .content_area h2.title.ty2:first-child {margin-top:0;}
#container .content_area h2.title.ty2:before {background:#ed5564;}
#container .content_area h2.title.ty2 .parti {padding:0 10px;}
#container .content_area h2.title.ty3 {margin:20px 0 15px 10px;font-size:24px; font-weight: normal;}
#container .content_area h2.title.ty4 {margin:25px 0 10px;font-size:14px;font-weight:normal;line-height:24px;}
#container .content_area h2.title.ty4:first-child {margin-top:0;}
#container .content_area h2.title.ty4:before {margin-top:-1px;background:#ed5564;}
#container .content_area h2.title.ty4 .time {position:absolute;top:5px;right:0;color:#666;font-size:14px;}
 
.title_area {position:relative;height:50px;margin:-20px -20px 20px;padding:0 0 0 20px;box-sizing:border-box;border-bottom:#ddd 1px solid;}
#container .content_area .title_area h2.title {margin:0;line-height:50px;letter-spacing:-1px; font-weight: normal;}
.title_area .control {position:absolute;top:0;right:0;height:49px;}
.title_area .control:after {content:"";display:block;clear:both;}
.title_area .control .sum {height:49px;padding-right:20px;color:#000;font-size:14px;line-height:49px;}
.title_area .control .sum em {font-size:16px;}
.title_area .control select {height:49px;padding:2px 45px 2px 19px;border:0;border-left:1px solid #e6e6e6;border-radius:0;background-position:94% 50%;vertical-align:top;}
.title_area .control .search {float:right;height:49px;border-left:1px solid #e6e6e6;}
.title_area .control .search .textbox {float:left;width:232px;height:49px;padding:0 9px 0 19px;border:0;border-radius:0;}
.title_area .control .search .btn {width:49px;height:49px;line-height:49px;background:url('../images/icon_btn_search.png') no-repeat 13px 16px;}
/*.title_area .control .btn_w {display:inline-block;height:25px;line-height:23px;margin:13px 20px 0 0;padding:0 9px;border-radius: 0;box-sizing:border-box;background:#fff;border:#eee 1px solid;font-size:13px;color:#343434;text-align:center;vertical-align:middle;}*/
.title_area .control .btn_m {margin:10px 20px 0 0;}
/* Content CSS
 * --------------------------------------- */
/* txt list */
.txt_list {padding:10px 17px 0;}
.txt_list li {position:relative;margin:7px 0;padding-left:8px;font-size:14px;color:#999;line-height:1.4;letter-spacing:-0.02em;}
.txt_list li:before {content:'';display:block;position:absolute;left:0;top:8px;width:3px;height:3px;background:#999;border-radius:100%;}
.txt_list ol li {padding-left:0;}
.txt_list ol li:before {display:none;}
/* txt */
.txt_bottom {padding:15px 17px 0;font-size:14px;color:#666;line-height:1.4;letter-spacing:-0.02em;}
 
/* button */
.btn_m {display:inline-block;min-width:75px;min-height:30px;line-height:20px;padding:4px 10px;border-radius: 0;box-sizing:border-box;background:#f7f7f7;border:#bbb 1px solid;font-size:13px;color:#6b6b6b;text-align:center;vertical-align:middle;}
.btn_l {display:inline-block;min-width:88px;height:40px;line-height:38px;margin:0 3px;padding:0 10px;border-radius: 0;box-sizing:border-box;background:#E4533E;border:#E4533E 1px solid;font-size:14px;color:#fff;text-align:center;vertical-align:middle;}

.btn_m.btn_plus {min-width:33px;height:25px;margin:3px 2px;background-repeat:no-repeat;background-position:center;background-color:#444;border-color:#444; padding:0;color:#fff;font-size:24px;line-height:0;font-weight:normal;}
.btn_m.btn_plus span {display:inline-block;vertical-align:6px;}

/* paging */
.paging_wrap .page {padding-top:12px;text-align:center;}
.paging_wrap .page a {display:inline-block;width:34px;height:34px;margin:0 3px;border-radius:0;color:#717171;font-size:14px;line-height:33px;vertical-align:middle;}
.paging_wrap .page a:hover {color:#0653b6;}
.paging_wrap .page a.active {background-color:#1c69d4;color:#fff;}
.paging_wrap .page a.active:hover {color:#fff;}
.paging_wrap .page a.arrow_btn {margin:0;background-color:#fff;background-repeat:no-repeat;background-position:center center;border-color:#eee;border-style:solid;border-width:1px;}
.paging_wrap .page a.arrow_btn.first {background-image:url(../images/btn_pg_first.png);border-right-width:0;border-radius: 0 0 0 3px;}
.paging_wrap .page a.arrow_btn.prev {background-image:url(../images/btn_pg_prev.png);border-radius:0 3px 3px 0;}
.paging_wrap .page a.arrow_btn.next {background-image:url(../images/btn_pg_next.png);border-right-width:0;border-radius: 0 0 0 3px;}
.paging_wrap .page a.arrow_btn.last {background-image:url(../images/btn_pg_last.png);border-radius:0 3px 3px 0;}

/* tab */
.tab_wrap > .tab_cont {display:none;}
.tab_wrap > .tab_cont.on {display:block;}
/* table_tab */
.table_tab > .tab_menu {height:38px;margin:0 -20px 20px;padding:4px 20px 0;background:#f7f7f7;border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;box-sizing:border-box;}
.table_tab > .tab_menu:after {content:'';display:block;clear:both;}
.table_tab > .tab_menu > li {float:left; min-width:180px;}
.table_tab > .tab_menu > li a {position:relative;display:block;width:100%;height:34px;line-height:32px;box-sizing:border-box;color:#acacac;font-size:14px;letter-spacing:-0.03em;text-align:center;}
.table_tab > .tab_menu > li.on a {background:#fff;border:#ddd 1px solid;border-bottom-color:#fff;color:#191919;line-height:30px;}
.title_area + .table_tab {margin-top:-21px;}


/* table */
.table {width:100%;}
.table caption {display:none;}
.table tr.link {cursor:pointer;}
.table th,
.table td {height:47px;padding:8px 20px;box-sizing:border-box;border-bottom:#e6e6e6 1px solid;font-size:14px;line-height:1.5;}
.table th {background:#f5f5f5;color:#6f6f6f;text-align:left;}
.table td {background:#fff;color:#343434;word-break:keep-all;}
.table td a {color:#343434; font-size: 12px;}
.table td a:hover {text-decoration:underline; color: #666;}
.table td a.btn_m:hover {text-decoration:none;}
.table td a.btn_t:hover {text-decoration:none;}
.table .checkbox,
.table .radio {margin:5px 0;}
.table .error_txt {margin:5px 0 2px;font-size:13px;color:#ff4d34;}
.table .ex_txt {font-size:13px;color:#666;}
.table .view_tit_area {display:table;width:100%;}
.table .view_tit_area [class*="view_"] {display:table-cell;vertical-align:middle;}
.table .view_tit_area .view_tit {color:#343434;}
.table .view_tit_area .view_info {width:300px;text-align:right;letter-spacing:0;}
.table .view_tit_area .view_info em:before {content:"|";display:inline-block;margin:0 20px;font-size:12px;vertical-align:2px;}
.table .view_tit_area .view_info em:first-child:before {display:none;}
.table .num {font-size:16px;}
.table .waiting {color:#444;text-decoration:underline;}
.table .reply a {padding-left:18px;background:url(../images/icon_reply.png) no-repeat 0 5px;}
.table .parti {display:inline-block;width:1px;height:19px;margin:0 6px;background:#e5e5e5;vertical-align:-6px;}
.table .parti {display:inline-block;width:1px;height:19px;margin:0 6px;background:#e5e5e5;vertical-align:-6px;}
.table .btn_m.btn_up,
.table .btn_m.btn_down {min-width:30px;margin: 0 2px;background-repeat:no-repeat;background-position:center;background-color:#fff;}
.table .btn_m.btn_up {background-image:url(../images/ico_btn_up.png);}
.table .btn_m.btn_down {background-image:url(../images/ico_btn_down.png);}
.table .thum {display:inline-block;margin:5px;border:#f2f2f2 1px solid;}
.table .thum img {width:150px;}
.table .img_list:after {content:"";display:block;clear:both;}
.table .img_list a {float:left;}
.table .img_list img {width:150px;margin:5px;}
.table.type1 {border-top:#e6e6e6 1px solid;}
.table.type1 td {padding-left:12px;padding-right:12px;}
.table.type1 td.bb_none {border-bottom:none;}
.table.type2 {border-top:#e6e6e6 1px solid;}
.table.type2 td {text-align:center;}
.table.type2 .thd {border-bottom:none;background:#f0f4f8;text-align:center;}
.table.type3 {border-top:#e6e6e6 1px solid;}
.table.type3 th,
.table.type3 td {border-left:#e6e6e6 1px solid;text-align:center;}
.table.type3 tr th:first-child,
.table.type3 tr td:first-child {border-left:none;}
.table.type_list tr.list_notice th, .table.type_list tr.list_notice td {background:#f5fafd;}
/*.table.type_list tr:hover td {background:#fef8f9;}*/
.table.type_list tr:hover td {background:#fafafa;}
.table.type_list th,
.table.type_list td {padding-left:5px;padding-right:5px;text-align:center;}
.table.type_list thead th {border-bottom:0;}
.table.type_list img {vertical-align:text-top;}
.table.type_list .checkbox input[type="checkbox"] + label {height:20px;margin-right:0;padding-left:20px;}
.table.type_list img.list_img {width:75px;height:75px;}
.table th.search_option {height:97px;padding:10px 14px;}
.table th.search_option .option {position:relative;width:740px; padding:4px 0;margin-right:75px;}
.table th.search_option .btn_sch {position:absolute;bottom:4px;right:-75px; height:68px;line-height:66px;}
.table th.search_option .btn_m {vertical-align:1px;}
.table th.search_option .btn_term_area .btn_m {background:#fff;}
.table th.search_option .btn_term_area .btn_m.active {background:#e6e6e6;}

.table .table_file {position:relative;}
.table .table_file .file_box {display:block;width:250px;}
.table .table_file .btn_plus {position:absolute;left:340px;top:0;}
.table em {display:inline-block;margin-left: 5px;color: #f00;margin-top: 3px;}

.table .btn_t {display:inline-block;min-width:90px;height:31px;line-height:31px;margin:-4px 10px 0 10px;padding:0 10px;border-radius: 0;box-sizing:border-box;background:#fff;border:#4d4d4d 1px solid;font-size:12px;color:#242424;text-align:center;vertical-align:middle;}
.table .btn_t.type1 {background:#666;color:#fff;}

.reply_btn_area {height:49px;padding:0 10px;background:#f5f5f5;text-align:right;}
.reply_btn_area:after {content:"";display:block;clear:both;}
.reply_btn_area .btn {display:inline-block;position:relative;background-color:transparent;}
.reply_btn_area .btn:before {content:"";display:block;position:absolute;top:16px;left:0;width:1px;height:19px;background:#000;opacity:0.13;}
.reply_btn_area .btn:first-child:before {display:none;}
.reply_btn_area .btn span {display:block;height:30px;line-height:30px;min-width:68px;margin:9px 10px 0 11px;padding:0 10px;box-sizing:border-box;border-radius: 0;font-size:14px;color:#333;letter-spacing:-1px;text-align:center;cursor:pointer;}
.reply_btn_area .btn:hover span {background:rgba(0,0,0,0.1);}
.reply_btn_area .btn span:before {content:"";display:inline-block;width:15px;height:18px;margin-right:6px;background-repeat:no-repeat;vertical-align:-3px;}
.reply_btn_area .btn_reply span:before {background-image:url(../images/icon_btn_reply.png);}
.reply_btn_area .btn_del span:before {background-image:url(../images/icon_btn_del2.png);}
.reply_btn_area .btn_modify span:before {background-image:url(../images/icon_btn_modify2.png);}
.reply_btn_area .btn_cancel span:before {background-image:url(../images/icon_btn_cancel2.png);}

/* calendar */
.cal_group {position:relative;display:inline-flex;border-collapse:separate;height:30px;box-sizing:border-box;background-color:#fff;border:#bbb 1px solid;border-radius: 0;}
.cal_group .datePicker {float:left;width:110px;height:28px;border:none;}
.cal_group .btn_datePicker {display:inline-block;width:21px;height:21px;margin:3px 5px;box-sizing:border-box;background:url(../images/btn_calendar.png) no-repeat;cursor:pointer;}
.cal_group.disabled {background-color:#f7f7f7;}
.cal_group.disabled .datePicker {background-color:#f7f7f7;}
.cal_group.disabled .btn_datePicker {cursor:default;}

/*datePicker*/
#ui-datepicker-div {width:auto;margin:0 -1px;padding:15px;border-radius:0;border:1px solid #aaa;background:#fff;z-index:10;}
#ui-datepicker-div .ui-widget-header {min-width:164px;padding:0 30px 12px;border:none;background:none;}
#ui-datepicker-div .ui-datepicker-title {margin:0;padding:0}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {position:absolute;top:-1px;width:30px;height:34px;cursor:pointer;}
#ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover {top:-1px;border:none;background:none;}
#ui-datepicker-div .ui-datepicker-prev-hover {left:5px;}
#ui-datepicker-div .ui-datepicker-next-hover {right:1px;}
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {display:block;position:absolute;left:0;top:0;width:30px;height:34px;margin-top:0;margin-left:0;}
#ui-datepicker-div .ui-datepicker-prev span {background:url("../images/datepicker_top_month_prev.gif") center center no-repeat;}
#ui-datepicker-div .ui-datepicker-next span {background:url("../images/datepicker_top_month_next.gif") center center no-repeat;}
#ui-datepicker-div select {display:inline-block;width:100px;margin:0 2px;background:#fff url(../images/downBtn.png) no-repeat 90% 50%;font-size:13px;font-family:'Malgun Gothic', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;vertical-align:top;}
#ui-datepicker-div table {margin:0;padding:0;font-size:13px;}
#ui-datepicker-div td {height:31px;padding:0;}
#ui-datepicker-div td a,
#ui-datepicker-div td span {display:block;width:100%;height:31px;padding:0;background:none;border:none;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;line-height:31px;text-align:center;}
/*#ui-datepicker-div td:first-child {border-left:1px solid #e4e4e4;}*/
#ui-datepicker-div .ui-state-disabled .ui-state-default {color:#999 !important;}
#ui-datepicker-div .ui-datepicker-today a,
#ui-datepicker-div .ui-datepicker-today span {background:#8c9292;color:#fff;}
#ui-datepicker-div .ui-datepicker-current-day a,
#ui-datepicker-div .ui-datepicker-current-day span {color:#4b89dc;}
#ui-datepicker-div th {height:30px;padding:0;background-color:#f4f5f9;border-top:1px solid #888;font-size:13px;color:#262626;}
#ui-datepicker-div td a {font-size:13px;}

/* popup */
.layer_pop_wrap {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.5);overflow-y:auto;z-index:100;}
.layer_pop_contain {display:table;width:100%;height:100%;table-layout:fixed;}
.layer_pop_area {display:table-cell;padding:30px;vertical-align:middle;}
.layer_cont {position:relative;width:520px;margin:0 auto;background-color:#fff;box-sizing:border-box;/*border:#bbb 1px solid;*/}
.layer_cont.w640 {width:640px;}
.layer_cont.w720 {width:720px;}
.layer_cont.w800 {width:800px;}
.layer_cont.w900 {width:900px;}
.layer_pop_wrap .btn_close {position:absolute;top:10px; right:10px; width:45px;height:45px;background:url('../images/btn_pop_close_w.png') no-repeat center;border:none;text-indent:-200%;white-space:nowrap;overflow:hidden;cursor:pointer;}
.popup {width:100%;height:100%;box-sizing:border-box;}
.popup .header {position:relative;height:64px;box-sizing:border-box;padding:20px 39px;background:#333;font-size:18px;color:rgba(255,255,255,.9);;}
.popup .pop_contents {width:100%;padding:20px 30px;box-sizing:border-box;}
.popup .pop_contents:after {content:"";display:block;clear:both;}
.popup .pop_txt {padding:18px 0;color:#737373;font-size:14px;line-height:22px;text-align:center;}
.popup .pop_txt strong {color:#ed5564; text-align:center;}
.popup .pop_txt strong + p {margin-top:10px;}
.popup h2.title.ty3 {margin:10px 0 4px 10px;font-size:14px;color:#222;line-height:1.5;}
.popup .board_btn_area {margin-bottom:0;padding:15px;border-top:1px solid #ddd;text-align:center;}
.popup .table {margin-top:2px;}
.popup .table td {padding:8px 10px;box-sizing:border-box;border-bottom:#e6e6e6 1px solid;font-size:14px;line-height:1.5;}
.popup .table .thum img {width:120px;}
.popup .paging_wrap .page {padding-top:20px;}
.popup .btn_area {padding:38px 0 0;text-align:center;}
.popup .btn_area .btn {display:inline-block;min-width:88px;height:40px;line-height:38px;margin:0 3px;padding:0 10px;border-radius: 0;box-sizing:border-box;background:#fff;border:#666 1px solid;font-size:14px;color:#666;text-align:center;vertical-align:middle;}
.popup .btn_area .btn_p {background:#1c69d4;color:#fff; border: 0;}
.popup .btn_area .btn_p:hover {background: #0653b6;}
.popup .chat_area {height:138px;background:#fafafa;border:#e6e6e6 1px solid;}
.popup .sch_area {position:relative;padding-right:52px;}
.popup .sch_area .btn_m {position:absolute;top:0;right:0;min-width:46px;padding:0;}
.popup .sch_area .input_row {position:relative;}
.popup .sch_area .input_row .btn_delete {position:absolute;top:3px;right:10px;width:21px;height:21px;background:#fff;cursor:pointer;}
.popup .sch_area .input_row .btn_delete:after {content:'';display:inline-block;width:19px;height:19px;background:url(../images/btn_del_input.png) no-repeat;vertical-align:middle;opacity:0;}
.popup .sch_area .input_row.on .btn_delete:after {opacity:0.12;}
.popup .scroll_area {height:435px;margin:-20px -30px 0;padding:26px 30px 0;box-sizing:border-box;overflow-y:scroll;}
 
/* list */
.list_top {position:relative;height:50px;margin:-20px -20px 20px;padding:0 430px 0 20px;box-sizing:border-box;border-bottom:#ddd 1px solid;}
.list_top .sum {font-size:14px;color:#343434;line-height:49px;}
.list_top .sum:before {content:"";display:inline-block;width:4px;height:4px;margin-right:5px;background:#ed5564;border-radius:100%;vertical-align:4px;}
.list_top .sum strong {font-size:16px;}
.list_top .search {position:absolute;top:0;right:0;height:49px;}
.list_top .search:after {content:"";display:block;clear:both;}
.list_top .search select {float:left;height:49px;padding:2px 45px 2px 19px;border:0;border-left:1px solid #e6e6e6;border-radius:0;background-position:93% 8px;}
.list_top .search .textbox {float:left;width:232px;height:49px;padding:0 9px 0 19px;border:0;border-left:1px solid #e6e6e6;border-radius:0;}
.list_top .search .btn {width:49px;height:49px;line-height:49px;background:url('../images/icon_btn_search.png') no-repeat 13px 16px;}

.thumb_list {margin:-10px;}
.thumb_list:after {content:'';display:block;clear:both;}
.thumb_list li {float:left;width:20%;box-sizing:border-box;padding:10px;}
.thumb_list li:nth-child(5n+1) {clear:both;}
.thumb_list li .thumb img {width:100%;/*min-width:250px;*/}
.thumb_list li .cont {height:86px;padding:10px 0 0;}
.thumb_list li .tit {display:block;width:100%;max-height:42px;padding:0 10px;box-sizing:border-box;color:#191919;font-size:14px;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;white-space:normal;word-wrap:break-word;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.thumb_list li .date {display:block;margin-top:5px;padding:0 10px;color:#666;font-size:13px;}
@media all and (max-width:1626px) {
	.thumb_list li {width:25%;}
	.thumb_list li:nth-child(5n+1) {clear:none;}
}

/* login */
#login {height:100vh;background:url('../images/bg_login.jpg') no-repeat center center;background-size:cover;}
#login .login_area {position:absolute;top:42%;left:50%;width:560px;height:677px;margin:-275px 0 0 -280px;box-sizing:border-box;padding:25px 60px;background:#fff;border-radius:8px;-webkit-box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.55);box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.55);}
#login .login_area h1 {font-size:26px;color: #262626; font-weight: bold; line-height: 48px;text-align:center;padding:35px 0 32px;}
#login .input_row {position:relative;height:45px;margin-top:13px;padding:0 48px;border-bottom:#ddd 1px solid;}
#login .input_row:before {content:"";display:block;position:absolute;top:15px;left:16px;width:16px;height:16px;background-repeat:no-repeat;}
#login .input_row.id:before {background-image:url('../images/icon_login_id.png');}
#login .input_row.pw:before {background-image:url('../images/icon_login_pw.png');}
#login .input_row .text {width:100%;height:45px;padding:0;border:0;}
#login .input_row .btn_delete {position:absolute;top:5px;right:6px;width:35px;height:35px;background:#fff;cursor:pointer;}
#login .input_row .btn_delete:after {content:'';display:inline-block;width:19px;height:19px;background:url(../images/btn_del_input.png) no-repeat;vertical-align:middle;opacity:0.12;}
#login .input_row.on .btn_delete:after {opacity:0.4;}
#login .input_row.athnt .text {width:45%;height:45px;padding:0;border:0;}
#login .input_row.athnt .btn {display:inline-block; width: 40%; height:40px;line-height:40px;margin:0 0 0 46px;background:#858585;border-radius: 0;font-size:16px;color:#fff;text-align:center;}
#login .input_row.athnt .btn_delete {position:absolute;top:5px;right:200px;width:35px;height:35px;background:#fff;cursor:pointer;}

#login .login_check {padding:19px 15px;}
#login .login_check .checkbox input[type="checkbox"] + label {letter-spacing:-0.05em;}
#login .login_check .checkbox p {padding:3px 0 0 28px;font-size:12px;color:#8d8d8d;}
#login .login_btn .btn_login {display:block;width:100%;height:60px;line-height:60px;margin:0 0 18px;background:#1c69d4;border-radius: 0;font-size:16px;color:#fff;text-align:center;}
#login .login_btn .btn_regist {display:block;width:100%;height:60px;line-height:60px;margin:0 0 18px;background:#4d4d4d;border-radius: 0;font-size:16px;color:#fff;text-align:center;}
#login .login_btn .link {display:block;padding:15px 0 18px 17px;}
#login .login_btn .link a {margin-right:7px;color:#737373;font-size:14px;}
#login .login_btn .link a:after {content:"";display:inline-block;width:5px;height:9px;margin-left:7px;background:url(../images/icon_login_link.png) no-repeat;vertical-align:1px;}
#login .txt {padding:14px 20px 0;border-top:#eee 1px solid;}
#login .txt li {position:relative;margin:5px 0;padding-left:7px;font-size:12px;color:#999;letter-spacing:-0.02em;}
#login .txt li:before {content:'';display:block;position:absolute;left:0;top:7px;width:3px;height:3px;background:#999;border-radius:100%;}

/* 결과없음 */
.no_result {padding:75px 30px;word-break:keep-all;text-align:center;}
.no_result p {color:#000;font-size:18px;}
.no_result strong {}
.no_result .btn_l {margin-top:40px;}

/* 좋은 글 관리 */
.box_goodphrase {position:relative;min-height:135px;margin-bottom:20px;padding:18px 20px 18px 260px;border:#ddd 1px solid;background:#f7f7f7;border-radius: 0;box-sizing:border-box;}
.box_goodphrase .select_area {position:absolute;left:20px;top:20px;}
.box_goodphrase .select_area select {width:80px;margin-right:4px;}
.box_goodphrase .select_area .btn {display:block;width:170px;height:40px;margin-top:20px;line-height:38px;border-radius: 0;box-sizing:border-box;background:#e4533e;font-size:14px;color:#fff;text-align:center;}
.box_goodphrase .select_area .btn :hover {text-decoration:none;}
.box_goodphrase .txt_area {color:#666;font-size:14px;line-height:21px;}
.box_goodphrase .txt_area strong {display:block;margin-top:18px;padding-top:10px;border-top:#ddd 1px solid;color:#aaa;font-size:14px;line-height:21px;}
 
/* 회원상대 변경 이력 */
.ac_list .ac_cont {display:none;}
.ac_table .row {display:table;width:100%;}
.ac_table .row .no, .ac_table .row .tit, .ac_table .row .date {display:table-cell;font-size:14px;text-align:center;vertical-align:middle;}
.ac_table .row .no {width:85px;}
.ac_table .row .date {width:145px;}
.ac_table .ac_head {height:46px;background:#f5f5f5;line-height:46px;}
.ac_table .ac_head .no, .ac_table .ac_head .tit, .ac_table .ac_head .date {color:#666;}
.ac_table .ac_list li {border-bottom:#e5e5e5 1px solid;}
.ac_table .ac_list .row {height:46px;line-height:46px;}
.ac_table .ac_list .no, .ac_table .ac_list .tit, .ac_table .ac_list .date {color:#111;}
.ac_table .ac_list .tit em {}
.ac_table .ac_list .date em {padding-left:10px;}
.ac_table .ac_list li .ac_cont {padding:0 10px 10px;} 
.ac_table .ac_list li .ac_cont .file {display:block;padding:12px 20px 13px;background:#fafafa;border-bottom:#e6e6e6 1px solid;color:#666;font-size:14px;line-height:21px;}
.ac_table .ac_list li .ac_cont p {padding:13px 20px 14px;background:#fafafa;color:#666;font-size:14px;line-height:21px;}

/* 오늘의운세 */
.fortune_pop_cont h4 {margin-bottom:20px;color:#111;font-size:18px;}
.fortune_pop_cont .txt {margin:10px 0 30px;color:#666;font-size:14px;line-height:21px;}
.fortune_pop_cont dl {margin:30px 0;}
.fortune_pop_cont dt {display:block;width:200px;height:40px;line-height:40px;margin-bottom:20px;border-radius:20px;background:#f08372;color:#fff;font-size:14px;text-align:center;}
.fortune_pop_cont strong {display:block;margin:10px 0;color:#333;font-size:16px;line-height:23px;}
.fortune_pop_cont .num {color:#333;font-size:30px;}

/* 문서 카테고리 관리 */
.content-wrap {margin-top: 70px;}
.content-wrap div {float: left;}
.table_type01 {width: 45%;margin-bottom: 20px;padding: 0 24px 30px 24px;}
.table_type01 h3 {margin-bottom: 35px;padding-bottom: 10px;border-bottom: 4px solid #e6e6e6;font-size: 24px; font-weight: normal; color: 242424;}
.table_type01 h3 span {float: right;}
.table_type01 .btn_m {display:inline-block;width:100%;height:45px; border-style: none; line-height:45px;margin:-4px 10px 10px 0;padding:0 20px;border-radius: 0;box-sizing:border-box;font-size:14px;text-align:left;vertical-align:middle;background:#eee;color:#242424;}
.table_type01 .btn_m_2 {display:inline-block;width:60%;height:45px; border-style: none; line-height:45px;margin:-4px 10px 10px 0;padding:0 20px;border-radius: 0;box-sizing:border-box;font-size:14px;text-align:left;vertical-align:middle;background:#1c69d4;color:#fff;}
.table_type01 .btn_m:hover {background: #1c69d4; color: #fff; transition: 0.3s;}
.table_type01 .btn_m.hide {background: #eee;border:0px;}
.table_type01 .btn_del {display:inline-block;;height:45px;line-height:45px;margin:-4px 0 10px 0;padding:0 15px;border-radius: 0;box-sizing:border-box;background:#fff;border:#666 1px solid;font-size:14px;color:#666;text-align:center;vertical-align:middle;}
.table_type01 ul li {text-align: left;}
.table_type01 ul.mt20 li a {width: 90%}
.table_type01 .gray-area {border: 4px solid #eee; padding: 15px}
.table_type01 .gray-area li {text-align: left; padding: 10px;}
.table_type01 .gray-area li b {font-size: 20px; font-weight: normal;}
.table_type01 .gray-area li p {font-weight: bolder; padding: 5px 0 0 28px; cursor: pointer;}
.ui-sortable .handle {cursor: move;}