@charset "utf-8";
/****************************************************
 * filename		: base.css
 * description	: 
 * date			: 2018-01

작성규칙
1. display, position, margin/padding, font, background, border, 그외 순으로 작성
2. 가능한 -webkit 속성은 사용하지 않는다. 배경 그라디에이션 같은 경우에 사용

****************************************************/

/* Font */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}

/* Reset */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,button,table,h1,h2,h3,h4,h5,h6{font-family:'Nanum Gothic',sans-serif;font-size:12px;color:#222}
select{font-size:12px;color:#222}
ul,ol,li{list-style:none}
img,fieldset{border:0px none;}
img,input,select,button,label{/*vertical-align:middle;*/}
input[type='checkbox'],input[type='radio'],img{vertical-align:middle;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#222;}
a:hover{text-decoration:none;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';zoom:1;overflow:hidden;clear:both;}
caption, .soundOnly, .hidden{display:block !important;position:absolute !important;top:-9999px !important;}
.fl_l{float:left;}
.fl_r{float:right;}
iframe{margin:0;padding:0;width:100%;border:none;}

/* Size */
.w10{width:10px}.w20{width:20px}.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}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}
.indent1{text-indent:15px}.indent2{text-indent:30px}.indent3{text-indent:45px}.indent4{text-indent:60px}

/*Layout*/
#wrap{min-width:1200px;}
#header{position:relative;padding:0 210px;height:52px;background:#387ec6;overflow:hidden;}
#header h1{display:block;position:absolute;top:0;left:0;width:210px;padding:10px 0 0 15px;font-size:16px;color:#fff;line-height:14px;text-align:left;letter-spacing:-1px;box-sizing:border-box;}
#header h1 a{color:#fff;}
#header h1 em{display:block;font-size:11px;}
#header #gnb{padding-top:5px;}
#header #gnb ul{display:block;}
#header #gnb ul li{display:block;float:left;margin-right:35px;}
#header #gnb ul li a{display:block;height:40px;font-size:14px;font-weight:bold;color:#fff;line-height:40px;}
#header #topNav{position:absolute;top:0;right:0;}
#header #topNav span.alarm{display:block;position:relative;float:left;width:58px;height:52px;background:url(/SM/images/cms/icon_alarm.png) no-repeat center center;border-left:1px #6098d1 solid;}
#header #topNav span.alarm em{display:block;position:absolute;top:18px;right:12px;width:16px;height:16px;font-size:12px;color:#fff;text-align:center;line-height:16px;background:url(/SM/images/cms/icon_alarmCount.png) no-repeat;}
#header #topNav span.user{display:block;position:relative;float:left;padding:0 15px;height:52px;color:#fff;line-height:52px;border-left:1px #6098d1 solid;}
#header #topNav #btn_logout{display:inline-block;margin-left:10px;width:55px;height:20px;color:#fff;line-height:20px;text-align:center;border:1px #fff solid;/*vertical-align:middle;*/}
#footer{display:none;}
#container{position:relative;padding-left:210px;}
#lnb{position:absolute;top:0;left:0;bottom:0;width:210px;background:#efefef;border-right:1px #dad9de solid;box-sizing:border-box;}
#lnb h2{display:block;height:50px;font-size:18px;font-weight:bold;color:#fff;text-align:center;line-height:50px;vertical-align:middle;background:#50b4e6;}
#lnb h2 a{color:#fff;}
#lnb ul,
#lnb ul li,
#lnb ul li a{display:block;}
#lnb > ul{background:#fff;}
#lnb > ul > li{position:relative;border-bottom:1px #d4d3d8 solid;}
#lnb > ul > li > a{padding:0 16px;height:40px;font-size:14px;color:#444;line-height:40px;}
#lnb > ul > li.on > a{color:#fff;background:#014085 url(/SM/images/cms/bg_lnb_active.jpg) no-repeat right center;background-size:auto 100%;}
#lnb > ul > li.on > i{color:#fff;}
#lnb > ul > li > ul{padding:5px 10px 5px 20px;border-top:1px #d4d3d8 solid;background:#f3f3f3;}
#lnb > ul > li > ul > li{margin:7px 0;}
#lnb > ul > li > ul > li > a{font-size:12px;color:#888;}
#lnb > ul > li > ul > li > a:before{display:inline;content:'ㆍ';}
#lnb > ul > li > ul > li.on > a{color:#014085;}
#lnb i{position:absolute;top:12px;right:10px;font-size:18px;}
#container #content{box-sizing:border-box;}
#container #content:after{display:block;content:'';clear:both;}
#container #content #contentTop{position:relative;padding:0 20px;height:50px;border-bottom:1px #dad9de solid;box-sizing:border-box;}
#container #content #contentTop h3{display:block;padding-left:33px;height:49px;font-size:20px;color:#212121;line-height:48px;background:url(/SM/images/cms/icon_contentTitle.png) no-repeat left center;}
#container #content #contentTop #contentLocation{position:absolute;top:10px;right:10px;}
#container #content #contentTop #contentLocation span{display:inline-block;width:16px;height:16px;text-indent:-9999em;background:url(/SM/images/cms/icon_locationHome.png) no-repeat center center;}
#container #content #contentholder{position:relative;padding:20px 20px 40px;background:#fff;box-sizing:border-box;}
#container #content #contentholder:after{display:block;content:'';clear:both;}
h4{display:block;margin-bottom:10px;font-size:15px;font-weight:bold;color:#333;}
h5{display:block;margin-bottom:10px;font-size:13px;font-weight:bold;color:#505050;}
p{margin:10px 0;clear:both;}

/* ================================================== Btn ================================================== */
input[type='button'],input[type='submit'],button{cursor:pointer;}
.btnArea{margin:10px 0;text-align:center;line-height:24px;}
.btnArea.right{text-align:right;}
.btnArea.left{text-align:left;}
.btnArea:after{display:block;content:'';clear:both;}
.btnArea > h4{display:inline-block;margin:0;}
.btnArea.tab{margin:0 0 5px 0;}
.btn_l,.btn_m,.btn_s,.btn_ss,.btn_inline{display:inline-block;color:#454545;text-align:center;background:#f5f5f5;border:1px #dedede solid;box-sizing:border-box;vertical-align:middle;}
.btn_l{padding:0 16px;height:32px;line-height:30px;font-size:15px;/*border-radius:4px;*/}
.btn_m{padding:0 12px;height:28px;line-height:26px;font-size:13px;/*border-radius:3px;*/}
.btn_s{padding:0 4px;height:22px;line-height:20px;font-size:12px;/*border-radius:2px;*/}
.btn_ss{padding:0 2px;height:20px;line-height:18px;font-size:11px;/*border-radius:2px;*/}
.btn_inline{padding:0 12px;height:24px;line-height:22px;font-size:12px;/*border-radius:3px;*/}
.btn_focus{color:#fff;background:#387ec6;border:1px #387ec6 solid;}
.btn_basic{color:#fff;background:#aeb6cb;border:1px #aeb6cb solid;}
.ui-dialog-buttonset .ui-button.ui-state-default{color:#fff;background:#387ec6;border:1px #387ec6 solid;outline:none;}
.noText{padding:0 !important;}
.btn_l.noText{width:32px;text-indent:-9999em;}
.btn_m.noText{width:28px;text-indent:-9999em;}
.btn_s.noText{width:22px;text-indent:-9999em;}
.btn_ss.noText{width:20px;text-indent:-9999em;}
.btn_inline.noText{width:24px;text-indent:-9999em;}
.btn_regist{padding-left:28px;color:#fff;background:#387ec6 url(/SM/images/cms/button/icon_write_15w.png) no-repeat 8px center;border:1px #387ec6 solid;}
.btn_ss.btn_regist,
.btn_s.btn_regist{padding-left:18px;background:#387ec6 url(/SM/images/cms/button/icon_write_11w.png) no-repeat 4px center;}
.btn_modify{padding-left:28px;color:#fff;background:#387ec6 url(/SM/images/cms/button/icon_modify_15w.png) no-repeat 8px center;border:1px #387ec6 solid;}
.btn_ss.btn_modify,
.btn_s.btn_modify{padding-left:18px;background:#387ec6 url(/SM/images/cms/button/icon_modify_11w.png) no-repeat 4px center;}
.btn_delete{padding-left:28px;color:#fff;background:#de5039 url(/SM/images/cms/button/icon_delete_15w.png) no-repeat 8px center;border:1px #de5039 solid;}
.btn_ss.btn_delete,
.btn_s.btn_delete{padding-left:18px;background:#de5039 url(/SM/images/cms/button/icon_delete_11w.png) no-repeat 4px center;}
.btn_search{padding-left:28px;color:#fff;background:#387ec6 url(/SM/images/cms/button/icon_search_15w.png) no-repeat 8px center;border:1px #387ec6 solid;}
.btn_ss.btn_search,
.btn_s.btn_search{padding-left:18px;background:#387ec6 url(/SM/images/cms/button/icon_search_11w.png) no-repeat 4px center;}
.btn_save{padding-left:28px;color:#fff;background:#387ec6 url(/SM/images/cms/button/icon_save_15w.png) no-repeat 8px center;border:1px #387ec6 solid;}
.btn_ss.btn_save,
.btn_s.btn_save{padding-left:18px;background:#387ec6 url(/SM/images/cms/button/icon_save_11w.png) no-repeat 4px center;}
.btn_write{padding-left:28px;color:#fff;background:#387ec6 url(/SM/images/cms/button/icon_write_15w.png) no-repeat 8px center;border:1px #387ec6 solid;}
.btn_ss.btn_write,
.btn_s.btn_write{padding-left:18px;background:#387ec6 url(/SM/images/cms/button/icon_write_11w.png) no-repeat 4px center;}
.btn_add{padding-left:28px;color:#fff;background:#387ec6 url(/SM/images/cms/button/icon_add_15w.png) no-repeat 8px center;border:1px #387ec6 solid;}
.btn_ss.btn_add,
.btn_s.btn_add{padding-left:18px;background:#387ec6 url(/SM/images/cms/button/icon_add_11w.png) no-repeat 4px center;}
.btn_setting{padding-left:28px;color:#fff;background:#387ec6 url(/SM/images/cms/button/icon_setting_15w.png) no-repeat 8px center;border:1px #387ec6 solid;}
.btn_ss.btn_setting,
.btn_s.btn_setting{padding-left:18px;background:#387ec6 url(/SM/images/cms/button/icon_setting_11w.png) no-repeat 4px center;}
.btn_cancel{padding-left:28px;background:url(/SM/images/cms/button/icon_cancel_15b.png) no-repeat 8px center;}
.btn_ss.btn_cancel,
.btn_s.btn_cancel{padding-left:18px;background:url(/SM/images/cms/button/icon_cancel_11b.png) no-repeat 4px center;}
.btn_check{padding-left:28px;background:url(/SM/images/cms/button/icon_check_15b.png) no-repeat 8px center;}
.btn_ss.btn_check,
.btn_s.btn_check{padding-left:18px;background:url(/SM/images/cms/button/icon_check_11b.png) no-repeat 4px center;}
/*업로드, 다운로드*/
.btn_upload{padding-left:28px;background:url(/SM/images/cms/button/icon_upload_15b.png) no-repeat 8px center;}
.btn_ss.btn_upload,
.btn_s.btn_upload{padding-left:18px;background:url(/SM/images/cms/button/icon_upload_11b.png) no-repeat 4px center;}
.btn_download{padding-left:28px;background:url(/SM/images/cms/button/icon_download_15b.png) no-repeat 8px center;}
.btn_ss.btn_download,
.btn_s.btn_download{padding-left:18px;background:url(/SM/images/cms/button/icon_download_11b.png) no-repeat 4px center;}
/*새창, 모달*/
.btn_outlink{padding-left:28px;background:url(/SM/images/cms/button/icon_open_15b.png) no-repeat 8px center;}
.btn_ss.btn_outlink,
.btn_s.btn_outlink{padding-left:18px;background:url(/SM/images/cms/button/icon_open_11b.png) no-repeat 4px center;}
.btn_modal{padding-left:28px;background:url(/SM/images/cms/button/icon_modal_15b.png) no-repeat 8px center;}
.btn_ss.btn_modal,
.btn_s.btn_modal{padding-left:18px;background:url(/SM/images/cms/button/icon_modal_11b.png) no-repeat 4px center;}
.btn_modal{padding-left:28px;background:url(/SM/images/cms/button/icon_modal_15b.png) no-repeat 8px center;}
.btn_ss.btn_modal,
.btn_s.btn_modal{padding-left:18px;background:url(/SM/images/cms/button/icon_modal_11b.png) no-repeat 4px center;}
/*화살표*/
.btn_down{padding-left:28px;background:url(/SM/images/cms/button/icon_down_15b.png) no-repeat 8px center;}
.btn_ss.btn_down,
.btn_s.btn_down{padding-left:18px;background:url(/SM/images/cms/button/icon_down_11b.png) no-repeat 4px center;}
.btn_up{padding-left:28px;background:url(/SM/images/cms/button/icon_up_15b.png) no-repeat 8px center;}
.btn_ss.btn_up,
.btn_s.btn_up{padding-left:18px;background:url(/SM/images/cms/button/icon_up_11b.png) no-repeat 4px center;}

/* ================================================== Form ================================================== */
input[type='text'],
input[type='number'],
input[type='password'],
select{max-width:100%;height:24px;/*line-height:1.8em;*/border:1px #9e9e9e solid;border-bottom:1px #ccc solid;border-right:1px #ccc solid;box-sizing:border-box;vertical-align:middle;}
input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus,
select:focus{border-color:#387ec6;outline:none;}
input[type='text'],
input[type='number'],
input[type='password']{padding:0 4px;}
.required,
.captionText{font-weight:bold;color:#ee0000;}
table.form th .required{display:block;position:absolute;margin-left:-8px;}
input[type='text']:disabled,
input[type='number']:disabled,
input[type='password']:disabled{color:#aaa;background:#f3f3f3;}
input[type='text']:read-only,
input[type='number']:read-only,
input[type='password']:read-only{color:#aaa;background:#f3f3f3;}
input[type='text']:read-only,
input[type='number']:read-only,
input[type='password']:read-only{color:#aaa;background:#f3f3f3;}
input[type='text']:-moz-read-only,
input[type='number']:-moz-read-only,
input[type='password']:-moz-read-only{color:#aaa;background:#f3f3f3;}
textarea{padding:5px;vertical-align:middle;border:1px #9e9e9e solid;border-bottom:1px #ccc solid;border-right:1px #ccc solid;box-sizing:border-box;}
label.linked{display:inline-block;margin:0 3px 3px 0;padding:0 3px;line-height:22px;border:1px #dedede solid;cursor:pointer;}
input[type='radio']{width:14px;height:14px;background:#fdfdfd;border:1px #ccc solid;border-radius:8px;box-sizing:border-box;/*vertical-align:middle;*/-webkit-appearance:none;outline:none;cursor:pointer;}
input[type='checkbox']{width:14px;height:14px;background:#fdfdfd;border:1px #ccc solid;box-sizing:border-box;/*vertical-align:middle;*/-webkit-appearance:none;outline:none;cursor:pointer;}
input[type='radio'] + label,
input[type='checkbox'] + label{margin-left:4px;margin-right:8px;cursor:pointer;}
input[type='radio']:checked{background:#fdfdfd url(/SM/images/cms/bg_radio_active.png) no-repeat center center;}
input[type='checkbox']:checked{background:#fdfdfd url(/SM/images/cms/bg_check_active.png) no-repeat center center;}

/* ================================================== Table ================================================== */
table{margin-bottom:10px;width:100%;border-spacing:0;clear:both;table-layout:fixed;border-top:2px solid #3e3e3e;border-left:1px #ddd solid;}
table th,
table td{padding:6px;border-bottom:1px #ddd solid;border-right:1px #ddd solid;word-break:break-all;}
table th{background:#f0f5f9;}

table.list,
table.view,
table.form{margin-bottom:10px;width:100%;border-top:2px solid #3e3e3e;border-left:1px #ddd solid;}
table.list th,
table.view th,
table.form th{background:#f0f5f9;}
table.list th,
table.view th,
table.form th,
table.list td,
table.view td,
table.form td{padding:6px;border-bottom:1px #ddd solid;border-right:1px #ddd solid;word-break:break-all;}
td.center,
table.list td.center,
table.view td.center,
table.form td.center{text-align:center;}
td.left,
table.list td.left,
table.view td.left,
table.form td.left{text-align:left !important;}
td.right,
table.list td.right,
table.view td.right,
table.form td.right{text-align:right;}
table.list th,
table.list td{padding:6px 3px;text-align:center;}
table.form th,
table.form td{padding:3px 6px;line-height:28px;}
table.form th{padding-left:14px;text-align:left;}
table table.list,
table table.view,
table table.form{margin:5px 0;border-top:1px #ddd solid;}
table table.form th,
table table.form td{line-height:160%;}
.empty{padding:80px 0 !important;text-align:center;}
.scrolled{border:1px #ddd solid;border-top:2px solid #3e3e3e;overflow-y:auto;}
.scrolled table.list{margin-bottom:0;border-top:0px none;border-left:0px none;}
td.textContent{padding:6px;height:200px;line-height:140%;vertical-align:top;}
#container #content #content{min-height:auto !important;}

/* ================================================== Paging ================================================== */
.paginate{margin:20px 0;padding:0;text-align:center;}
.paginate a{font-size:12px;font-weight:bold;}
.paginate a span,
.paginate span span{position:absolute;left:-9999em;top:-9999em;}
.paginate .first{background:url(/SM/images/seocho/board/icon_first.gif) 0 4px no-repeat;padding:0 0 0 16px;margin-right:15px;}
.paginate .prev{background:url(/SM/images/seocho/board/icon_prev.gif) 0 4px no-repeat;padding:0 0 0 12px;margin-right:15px;}
.paginate .num{display:inline-block;width:25px;height:22px;line-height:22px;text-align:center;border-right:1px solid #ccc;padding-right:3px;}
.paginate .num:first-child{border-left:1px solid #ccc;padding-left:4px;}
.paginate .prev + .num{border-left:1px solid #ccc;}
.paginate .next{background:url(/SM/images/seocho/board/icon_next.gif) right 4px no-repeat;padding:0 12px 0 0;margin-left:15px;}
.paginate .last{background:url(/SM/images/seocho/board/icon_last.gif) right 4px no-repeat;padding:0 16px 0 0;margin-left:15px;}
.paginate .current{color:#d12338;text-decoration:underline;}
.paginate + .btns{margin-top:-40px;}

/* ================================================== Search ================================================== */
.searchArea{margin-bottom:10px;padding:10px;line-height:28px;text-align:center;background:#f0f5f9;border-top:2px solid #3e3e3e;border-bottom:1px solid #cddce6;}

/* ================================================== Datepicker ================================================== */
input.hasDatepicker{padding-left:10px;box-sizing:border-box;width:105px !important;background-image:url(/SM/images/cms/icon_datepicker.png);background-size:auto 80%;background-repeat:no-repeat;background-position:95% center;}
#ui-datepicker-div{display:none;width:200px;background:#fff;border:1px #ccc solid;z-index:101 !important;}
/* -------------------- Datepicker Reset -------------------- */
.ui-datepicker .ui-datepicker-header{padding:0 0 5px 0;background:none;border:0px none;}
.ui-datepicker .ui-datepicker-header .ui-icon{background:none;}
.ui-datepicker .ui-datepicker-title{margin:0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:auto;vertical-align:middle;}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default{background:none;border:0px none;}
.ui-datepicker .ui-datepicker-title select{font-size:12px;}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border:0px none;}
.hasDatepicker + .ui-datepicker-trigger{}
/* -------------------- //Datepicker Reset -------------------- */
.ui-datepicker-trigger{cursor:pointer;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px;border:0px none;}
.ui-datepicker table thead th{padding:0;height:24px;color:#777;line-height:24px;text-align:center;background:none;border:0px none;}
.ui-datepicker table tbody td{padding:0;width:14.2857%;text-align:center;height:22px;border:0px none;}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center;}
.ui-datepicker table tbody td span{color:#aaa;}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c;}
.ui-datepicker tr td:first-child *{color:#eb3c3c;}
.ui-datepicker tr td:last-child *{color:#4084d2;}
.ui-datepicker td a.ui-state-active{background:#696a6c;color:#fff !important;}
.ui-datepicker .ui-datepicker-header{position:relative;}
.ui-datepicker .ui-datepicker-title{height:32px;font-size:16px;font-weight:bold;color:#242424;line-height:32px;letter-spacing:-1px;text-align:center;}
.ui-datepicker .ui-datepicker-title select{margin:0 2px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:5px;width:26px;height:26px;text-indent:-9999em;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{left:0;background:url(/SM/images/cms/btn_prevMonth.jpg) no-repeat;}
.ui-datepicker .ui-datepicker-next{right:0;background:url(/SM/images/cms/btn_nextMonth.jpg) no-repeat;}

/* ================================================== Dialog ================================================== */
.ui-dialog{padding:0 !important;border-radius:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important;}
.ui-dialog .ui-dialog-titlebar{padding:0 0 0 15px !important;height:35px;line-height:35px;background:#387ec6;border:0px none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{margin:0 !important;color:#fff;line-height:35px;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{top:0 !important;right:0 !important;margin:0 !important;width:35px;height:35px;outline:none;}
.ui-dialog .ui-dialog-content{padding:10px 10px 0 10px !important;clear:both;}
.ui-dialog .ui-dialog-buttonpane{margin-top:0 !important;padding:0 !important;border-top:1px #d4d4d4 solid;}
.ui-dialog .ui-widget-header .ui-state-default{background:none !important;border:0px none !important;}
.ui-dialog .ui-state-default .ui-icon{background-position:center center;background-image:url(/SM/images/cms/icon_btnClose.png) !important;}
.ui-widget-overlay{background:#000 !important;opacity:0.5 !important;}

/* ================================================== Popup ================================================== */
.popupWrap{}
.popupWrap .popupTitle{position:relative;height:35px;background:#387ec6;}
.popupWrap .popupTitle h2{display:block;padding:0 10px;height:35px;line-height:35px;font-size:16px;font-weight:bold;color:#fff;}
.popupWrap .popupTitle .btn_popupClose{position:absolute;top:0;bottom:0;right:0;width:35px;text-indent:-9999em;background:url(/SM/images/cms/icon_btnClose.png) no-repeat center center;}
.popupWrap .popupContent{padding:10px 10px 20px;}

/* ================================================== Tree UI ================================================== */
.treeFull{margin:-20px;padding-left:250px;}
.treeFull .treeLeft{position:absolute;top:0;left:0;bottom:0;width:250px;border-right:1px #dad9de solid;overflow-y:auto;}
.treeFull .treeLeft #jstree,
.treeFull .treeLeft .jstree{margin-bottom:0px;padding:10px 0;width:auto;height:auto;overflow:inherit;}
.treeFull .treeRight{padding:20px;}
.treeFull .siteSelect{display:block;position:absolute;top:40px;left:0;right:0;border-bottom:1px #dad9de solid;}
.treeFull .siteSelect select{height:29px;text-indent:10px;border:0px none;background:#fff;}
.treeFull.menu{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;}
.treeFull.menu .treeLeft{padding-top:70px;width:300px;overflow-y:auto;}
.treeFull.menu .treeTopBtn{position:absolute;top:0;left:0;right:0;height:39px;line-height:39px;text-align:center;border-bottom:1px #dad9de solid;}
.treeFull.menu .treeRight{position:absolute;top:0;left:300px;right:0;bottom:0;overflow-y:auto;}
.treeFull.board{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;}
.treeFull.board .treeLeft{padding-top:70px;width:250px;overflow-y:auto;}
.treeFull.board .treeSearch{position:absolute;top:30px;left:0;right:0;height:39px;line-height:39px;text-align:center;border-bottom:1px #dad9de solid;}
.treeFull.board .treeRight{position:absolute;top:0;left:250px;right:0;bottom:0;overflow-y:auto;}
.treeFull.board .siteSelect{top:0;}
.treeWindow{padding-left:250px;}
.treeWindow .treeLeft{position:absolute;top:0;left:0;bottom:10px;padding-right:10px;width:240px;border-right:1px #dad9de solid;overflow-y:auto;}
.treeWindow .treeLeft #jstree,
.treeWindow .treeLeft .jstree{margin-bottom:0px;padding:10px 0;width:auto;height:auto;overflow:inherit;}
.treeWindow .treeRight{position:absolute;top:0;left:260px;right:0;bottom:10px;overflow-y:auto;}
.treeWindow .treeRight #searchSite{position:absolute;top:0;right:0;width:200px !important;}

/* ================================================== JS Tree ================================================== */
.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active{color:#555;}
.jstree-default .jstree-clicked{color:#000;background:#f0f5f9;border:1px #387ec6 solid;box-shadow:none;}
.jstree-default .jstree-wholerow-clicked{background:none;}
.jstree-default.roleTree{padding:10px;max-height:540px;border:1px #eee solid;overflow-y:auto;}
.jstree-default.roleTree .jstree-clicked{background:none;border:0px none;}
.jstree-default.roleTree .jstree-anchor{line-height:20px;height:20px;}
.jstree-default.roleTree .jstree-icon:empty{margin-top:-2px;line-height:20px;height:20px;}

/* ================================================== Loading ================================================== */
#loading{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;opacity:0.6;}
#loading > div{width:40px;height:40px;border-radius:100%;position:relative;margin:0 auto;}
#loading > div:before,
#loading > div:after{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;border-radius:100%;border:10px solid transparent;border-top-color:#3498db;}
#loading > div:before{z-index:100;animation:spin 0.2s infinite;}
#loading > div:after{border:10px solid #ccc;}
@keyframes spin{
	0%{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}

/*임시 강제코드*/
.f_left{float:left;}
.f_right{float:right;}
.btn_zone{margin:20px 0;text-align:right;overflow:hidden;}
.btn_zone .left{float:left;}
.btn_zone .right{float:right;}
.btn_input{display:inline-block;padding:0 12px;height:24px;line-height:22px;font-size:12px;text-align:center;box-sizing:border-box;/*vertical-align:middle;*/}
.btn,.btn0,.btn1,.btn2,.btn3,.btn4{display:inline-block;padding:0 8px;height:24px;line-height:22px;font-size:12px;text-align:center;box-sizing:border-box;/*vertical-align:middle;*/}
.btn4{color:#ffffff;background:#ff8951;border:1px solid #ff7431;}
.btn3{color:#ffffff;background:#428bca;border:1px solid #357ebd;}
.btn2{color:#ffffff;background:#374b5e;border:1px solid #2b3c4e;}
.btn1{color:#ffffff;background:#c71f4b;border:1px solid #b31c42;}
.btn0{color:#767676;background:#f5f5f5;border:1px solid #dedede;}
.btn{color:#ffffff;background:#aeb6cb;border:1px solid #acb5ca;}
/*
span.cal_in{display:inline-block;position:relative;}
span.cal_in input{width:105px;border:1px solid #d5d8dc;height:29px;line-height:29px;padding:0 0 0 5px;box-sizing:border-box;background:#fff;}
span.cal_in img{position:absolute;top:50%;right:5px;margin-top:-11px;}
#content table.list1 th, table.list2 th, table.list3 th{padding:8px 4px;text-align:center;}
#content table.list1 td, table.list2 td, table.list3 td{padding:4px 4px;line-height:28px;text-align:center;}
*/

/* ================================================== 추가(20180124) ================================================== */
.routeText{color:#008000;}
table.form table.list th{padding:6px 3px;text-align:center;}
.inp_inline{display:inline-block;vertical-align:top;}
.clickDetail td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.clickDetail td.active{/*background:#fafafa;*/white-space:inherit;overflow:inherit;text-overflow:inherit;}

#wrapper{position:relative;padding:0 35px 35px;min-height:700px;}
.sm_title{position:relative;margin-bottom:40px;padding:30px 0 0 33px;height:47px;font-size:22px;color:#212121;background:url(/SM/images/icon_contentTitle.png) no-repeat left 35px;border-bottom:3px #dddddf solid;}
.sm_title:after{display:block;content:'';position:absolute;bottom:-3px;left:0;width:200px;border-bottom:3px #2c2c2c solid;}
.loca{position:absolute;top:20px;right:0;font-size:12px;color:#666;}
/*sm_table*/
.bbs_list td,
.data_list td,
.data_list5 td{text-align:center;}
#pager{clear:both;width:100%;text-align:center;margin:20px 0 20px 0;}
#pager ul{width:100%;height:20px;text-align:center;}
#pager ul li{display:inline;padding:0 1px 0 1px;}
#pager ul li a{padding:0 1px 0 1px;}
#pager ul li a:hover{color:#666;}
.form_btn{clear:both;width:100%;margin:10px 0 0 0;}
.form_btn:after{display:block;content:'';clear:both;}
.form_btn li{display:inline;padding:0 3px 0 0;}
.form_btn .center{clear:both;text-align:center;padding: 0 0 1px 0;}
.form_btn .left{float:left;padding: 0 0 1px 0;}
.form_btn .right{float:right;padding: 0 0 1px 0;text-align:right}
.sch1{padding:20px 40px;box-sizing:border-box;}
.sch1 table{margin:10px 0 0 0;table-layout:inherit;}
.sch1 table,
.sch1 table th,
.sch1 table td{text-align:left;background:none;border:0px none;}
table.list, table.view, table.form{padding:0;}
.loca{right:35px;}