@charset "utf-8";
/* reset css */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{margin:0; padding:0; background-color:#fafafa;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div, a{font-family:"NotoKR","Apple SD Gothic Neo",Helvetica,sans-serif,Arial; font-size:14px; color:#333; /*line-height:1.6;*/}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{font-family:NotoKR, Arial;margin:0; padding:0;}
img, fieldset{border:0 none;}
input, select, button, img{vertical-align:middle !important;}/* 애니위즈 솔루션은 middle */
button { font-family: inherit; background: none; border: none; cursor: pointer; outline: none; }
input { outline: none; }
input, textarea, select { font-family: inherit; padding-left: 10px; border: 1px solid #e5e5e5; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
select{
    padding-right: 25px; height: 40px; color: #555; border: 1px solid #ddd;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background-image: url('/child/img/icon/select-arrow.png');
    background-color: #fff;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 8px center;
}
select::-ms-expand { display: none; }
select:focus { outline: none; }
@media (max-width:1366px) {
    select { background-size: 7px auto; background-position: right 9px center; }
}


/* Spacing */
.mt-0{margin-top:0 !important;}.mt-5{margin-top:5px !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;}.mt-40{margin-top:40px !important;}.mt-50{margin-top:50px !important;}.mt-60{margin-top:60px !important;}.mt-70{margin-top:70px !important;}.mt-80{margin-top:80px !important;}.mt-90{margin-top:90px !important;}.mt-100{margin-top:100px !important;}
.mb-0{margin-bottom:0 !important;}.mb-5{margin-bottom:5px !important;}.mb-10{margin-bottom:10px !important;}.mb-15{margin-bottom:15px !important;}.mb-20{margin-bottom:20px !important;}.mb-30{margin-bottom:30px !important;}.mb-40{margin-bottom:40px !important;}.mb-50{margin-bottom:50px !important;}.mb-60{margin-bottom:60px !important;}.mb-70{margin-bottom:70px !important;}.mb-80{margin-bottom:80px !important;}.mb-90{margin-bottom:90px !important;}.mb-100{margin-bottom:100px !important;}
.ml-2{margin-left:2px!important;}.ml-5{margin-left:5px!important;}.ml-10{margin-left:10px!important;}
.mr-2{margin-right:2px!important;}.mr-5{margin-right:5px!important;}.mr-10{margin-right:10px!important;}
@media (max-width:1024px){
    .mt-lg-5{margin-top:5px !important;}.mt-lg-10{margin-top:10px !important;}.mt-lg-20{margin-top:20px !important;}.mt-lg-30{margin-top:30px !important;}.mt-lg-40{margin-top:40px !important;}.mt-lg-50{margin-top:50px !important;}.mt-lg-60{margin-top:60px !important;}
    .mb-lg-5{margin-bottom:5px !important;}.mb-lg-10{margin-bottom:10px !important;}.mb-lg-20{margin-bottom:20px !important;}.mb-lg-30{margin-bottom:30px !important;}.mb-lg-40{margin-bottom:40px !important;}.mb-lg-50{margin-bottom:50px !important;}.mb-lg-60{margin-bottom:60px !important;}
}
@media (max-width:992px){
}
@media (max-width:768px){
    .mt-md-5{margin-top:5px !important;}.mt-md-10{margin-top:10px !important;}.mt-md-15{margin-top:15px !important;}.mt-md-20{margin-top:20px !important;}.mt-md-30{margin-top:30px !important;}.mt-md-40{margin-top:40px !important;}.mt-md-50{margin-top:50px !important;}.mt-md-60{margin-top:60px !important;}.mt-md-70{margin-top:70px !important;}.mt-md-80{margin-top:80px !important;}
    .mb-md-5{margin-bottom:5px !important;}.mb-md-10{margin-bottom:10px !important;}.mb-md-15{margin-bottom:15px !important;}.mb-md-20{margin-bottom:20px !important;}.mb-md-30{margin-bottom:30px !important;}.mb-md-40{margin-bottom:40px !important;}.mb-md-50{margin-bottom:50px !important;}.mb-md-60{margin-bottom:60px !important;}.mb-md-70{margin-bottom:70px !important;}.mb-md-80{margin-bottom:80px !important;}
}
@media (max-width:576px){
}

/* Display */
.d-sr-only,.d-sr-only-focusable:not(:focus){border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
.d-none{display:none!important;}.d-inline{display:inline!important;}.d-inline-block{display:inline-block!important;}.d-block{display:block!important;}.d-flex{display:flex!important;}.d-inline-flex{display:inline-flex!important;}
@media (min-width:500px){
.d-sm-none{display:none!important;}.d-sm-inline{display:inline!important;}.d-sm-inline-block{display:inline-block!important;}.d-sm-block{display:block!important;}.d-sm-flex{display:flex!important;}.d-sm-inline-flex{display:inline-flex!important;}
}
@media (min-width:768px){
.d-md-none{display:none!important;}.d-md-inline{display:inline!important;}.d-md-inline-block{display:inline-block!important;}.d-md-block{display:block!important;}.d-md-flex{display:flex!important;}.d-md-inline-flex{display:inline-flex!important;}
}
@media (min-width:1024px){
.d-lg-none{display:none!important;}.d-lg-inline{display:inline!important;}.d-lg-inline-block{display:inline-block!important;}.d-lg-block{display:block!important;}.d-lg-flex{display:flex!important;}.d-lg-inline-flex{display:inline-flex!important;}
}
@media (min-width:1200px){
.d-xl-none{display:none!important;}.d-xl-inline{display:inline!important;}.d-xl-inline-block{display:inline-block!important;}.d-xl-block{display:block!important;}.d-xl-flex{display:flex!important;}.d-xl-inline-flex{display:inline-flex!important;}
}

/* Align */
.text-left{text-align:left !important; }.text-right{text-align:right !important; }.text-center{text-align: center !important;}
@media (max-width:1024px){.text-lg-left{text-align:left !important; }.text-lg-right{text-align:right !important; }.text-lg-center{text-align: center !important;}}
@media (max-width:768px){.text-md-left{text-align:left !important; }.text-md-right{text-align:right !important; }.text-md-center{text-align: center !important;}}
@media (max-width:576px){.text-sm-left{text-align:left !important; }.text-sm-right{text-align:right !important; }.text-sm-center{text-align: center !important;}}
.justify-start{justify-content:flex-start !important;}.justify-end{justify-content:flex-end !important;}.justify-center{justify-content:center !important;}.justify-between{justify-content:space-between !important;}
.align-start{align-items:flex-start !important;}.align-end{align-items:flex-end !important;}.align-center{align-items:center !important;}


/* Bg */
.bg-light-red{ background-color: #ffdfdf!important; }
.bg-light-orange{ background-color: #fce4c3!important; }
.bg-light-sky{ background-color: #f8f9ff!important; }
.bg-sky{ background-color: #f1f3ff!important; }

/* Border */
.bl-9{border-right: 1px solid #999;}

/* Button */
.button-wrap{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    margin:-1px;
}
.button-wrap .button{
    margin:1px;
}
.button-md{
    padding: 8px 20px !important;
}
.button-lg{
    padding: 12px 15px !important;
}
.button-primary { color: #fff !important; background-color: #2944b9; border-color: #2944b9; }
.button-dark { color: #fff !important; background-color: #5e5e5e; border-color: #5e5e5e; }
.button-orange { color: #fff !important; background-color: #f8a503; border-color: #f8a503; }
@media(min-width:1201px){
    .button-primary:hover { background-color: #102891; border-color: #102891; }
    .button-dark:hover { background-color: #464646; border-color: #464646; }
    .button-orange:hover { background-color: #de9302; border-color: #de9302; }
}

/* Modal */
.modal__body{
    overflow-x: auto !important;
}
.modal .table_basic input:not([type="checkbox"]), .modal .table_basic input:not([type="radio"]), .modal .table_basic select{
    min-width: 170px !important;
    width: 100%;
}
.modal .table_basic input.min-w100px, .modal .table_basic select.min-w100px{
    min-width: 100px !important;
}
.input-blue{ border: 1px solid #4a7cdb !important; }

.input-flex{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    position: relative;
}
.input-flex span:nth-child(2) { margin: 0 10px; }
.input-flex--calendar { display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex; }
.input-flex--calendar input { padding-right: 40px; }
.input-flex--calendar .btn_calendar, .input-flex--calendar input.btn_calendar, .modal .input-flex--calendar input.btn_calendar{
    position: absolute; top: 9px; right: 9px; margin-left: 0 !important; padding: 0; min-width: auto !important; width: 24px; height: 24px;
    font-size: 0; background-position: center; border: none !important;
}
.input-flex--search { margin: -2px; }
.input-flex--search .input-flex__col { margin: 2px; position: relative; }
.input-flex--search .input-flex__col input { padding-right: 40px; }
.input-flex--search .input-flex__col button{
    position: absolute; top: 0; right: 0; width: 40px; height: 40px;
    font-size: 0; background: url('/adm/manage/image/index/search.svg') no-repeat center / auto 22px;
}
.input-flex--text input { margin-right: 8px; }
.input-flex--equal{
    margin: -2px;
}
.input-flex--equal input{
    flex: 1 1 auto;
    margin: 2px; min-width: auto !important;
}



/* schedule */
.cday{
  font-size: 14px;
  font-weight: 600;
}
.ctoday { background: #2944b9; }
.ctoday b{
  color: #fff;
}


.home_body{
    position: relative; padding-left: 260px;
}


/* input file type */
.input-file {
  display: inline-block;
}

.input-file [type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
.input-file .file-label {
  display: inline-block;
  vertical-align: top;
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  font-size: 13px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border: 1px solid #222;
  border-radius: 3px;
}
.input-file .file-name {
  width: 300px;
  height: 40px;
  line-height: 26px;
  text-indent: 5px;
  border: 1px solid #ddd;
}
.file-focus {
  outline: 1px dotted #d2310e;
}

/* 인덱스 로그인 페이지
------------------------------------------------------------------------------------------------------------*/
#index_html { overflow: hidden; }
#index { position: relative; background: #0a1b61; }
.index_header { z-index: 99; position: fixed; top: 0; left: 0; padding: 38px 40px; width: 100px; height: 120px; }
.index_header_logo { width: 110px; height: 34px; background: url('/adm/manage/image/header/logo.png'); }

#index_loginbox{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    position: relative; padding: 120px 30px; min-height: 100vh;
}
#index_loginbox::before{
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url('/adm/manage/image/index/index-loginbox-background.jpg') no-repeat center / cover;
    animation: bg ease .3s forwards;
}
.index_loginbox { z-index: 2; position: relative; padding: 60px; max-width: 480px; width: 100%; text-align: center; background: #ffffff; border-radius: 8px; }
.index_loginbox h2 { margin-bottom: 40px; line-height: 1; font-size: 26px; font-weight: 700; color: #2944b9; }
.index_loginbox .button { margin-top: 30px; padding: 20px; width: 100%; font-size: 18px; }
.z-input { position: relative; margin-top: 24px; padding-left: 28px; width: 100%; height: 40px; border-bottom: 1px solid #e8e8e8; }
.z-input .input { padding: 0 10px; width: 100%; height: 100%; font-size: 16px; color: #afafaf; font-weight: 500; border: none; }
.z-input .icon{
    position: absolute; top: 0; left: 12px; bottom: 0; margin: auto; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: auto 100%;
    -webkit-transition: all ease-out .15s; transition: all ease-out .15s;
}
.z-input .icon--id { background-image: url('/adm/manage/image/index/z-input-id.svg'); }
.z-input .icon--pw { background-image: url('/adm/manage/image/index/z-input-pw.svg'); }
.z-input .label{
    display: block; position: absolute; top: 0; left: 38px; bottom: 0; margin: auto; line-height: 1; height: 14px; font-size: 16px; color: #afafaf; font-weight: 500; pointer-events: none;
    -webkit-transition: all ease-out .15s; transition: all ease-out .15s;
}
.z-input .input:focus,
.z-input .input:valid { color: #333; font-weight: 500; }
.z-input .input:focus ~ .label,
.z-input .input:valid ~ .label { font-size: 13px; color: #2944b9; font-weight: 500; -webkit-transform: translate3d(-28px,-24px,0); transform: translate3d(-28px,-24px,0); }
.z-input .input:focus ~ .icon--id,
.z-input .input:valid ~ .icon--id { background-image: url('/adm/manage/image/index/z-input-id-on.svg'); }
.z-input .input:focus ~ .icon--pw,
.z-input .input:valid ~ .icon--pw { background-image: url('/adm/manage/image/index/z-input-pw-on.svg'); }
@keyframes bg {
    from { opacity: 0; }
    to { opacity: .26; }
}
@media(max-width:1200px){

}
@media(max-width:768px){

}



/* 헤더
------------------------------------------------------------------------------------------------------------*/
#Header { z-index: 99; position:fixed; top: 0; left: 0; }
.header_top{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;
    z-index: 1; position: fixed; top: 0; left: 0; padding: 16px 30px 16px 260px; width: 100%; height: 55px; background: #fff;
    box-shadow: 0px 0px 6px 0px rgb(0,0,0,.1);
}
.header_top .button_login{
    display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    line-height: 0.8; margin-left: 20px; padding: 6px 12px 7px; font-size: 16px; color: #787878; font-weight: 500; background: #efefef;
}
.header_top .button_login::after { content: ''; display: inline-block; margin-left: 4px; width: 14px; height: 14px; background: url('/adm/manage/image/header/icon-logout.png'); }
.header_top .button_login:hover { background: #d1d1d1; }
.header_left { z-index: 3; position: fixed; top: 0; left: 0; padding-top: 55px; width: 260px; height: 100%; background: #151e42; }
.header_left_inner { overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%;  }
.header_logo { position: absolute; top: 0; left: 0; padding: 10px 0 0; width: 100%; height: 55px; background: #2944b9; }
.header_logo a { display: block; margin: auto; width: 110px; height: 34px; background: url('/adm/manage/image/header/logo.png'); }
/* 464646 */
.header_left_inner::-webkit-scrollbar { width: 10px; }
.header_left_inner::-webkit-scrollbar-track { background: #364378; }
.header_left_inner::-webkit-scrollbar-thumb { background: #3e59cc; }
.header_left_inner::-webkit-scrollbar-thumb:hover { background: #6a79b6; }

/* 네비게이션
------------------------------------------------------------------------------------------------------------*/
#navi { padding: 0 30px 30px; }
#navi >li{
    margin-top: 34px;
}
#navi >li >a {
    display: block; cursor: pointer;
    font-size: 20px; color: #FFCE6E; font-weight: 700;
}
#navi >li >a >span{
    position: relative;
    display: block;
    padding-left: 20px;
}
#navi >li >a >span::before{
    content:'+';
    display: inline-block;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);
    line-height: 1;
}
#navi >li.active >a >span::before{
    content:'-';
}
#navi >li.depth1-link >a.on >span{
    background: url(/adm/manage/image/header/arrow-right-orange.png) no-repeat left center;
}
#navi >li.depth1-link >a >span::before{display:none;}
#navi .category{
    display: block;
    padding-top: 10px;
}
#navi >li.active .category{display:none;}
#navi .category li{
    padding:2px 0;
}
#navi .category li a {
    display: inline-block;
    padding: 5px 0 5px 20px; line-height: 1.4; font-size: 17px; color: #ddd; font-weight: 500;
}
#navi .category li a.on { background: url('/adm/manage/image/header/arrow-right-light.png') no-repeat left center; }
#navi .category li a:hover { opacity: .7; }



/* 푸터
------------------------------------------------------------------------------------------------------------*/
#Footer{display: none;clear:both; position: relative; min-width:1280px; background:#f9f9f9; color:#dddddd; padding:20px 0 20px 0; font-size:11px;text-align:center; border-top: 1px solid #cccccc; }
#Footer a.email{color:#7d8290;}
#Footer span{display:inline-block; color:#4f5460; padding:0 7px;}
.footer_top{
  margin-bottom: 15px;
}
.footer_top ul li {
  display: inline-block;
  vertical-align: top;
}
.footer_top ul li a{
  display: block;
  font-size: 13px;
  color: #555555;
  font-weight: 500;
}
.footer_top ul li a:hover{
  color: #112c6f;
  font-weight: 500;
}
.footer_top ul li:last-child a{
  position: relative;
  padding-left: 40px;
}
.footer_top ul li:last-child a:before{
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 12px;
  background: #e5e5e5;
}
.footer_bottom span{
  font-size: 13px;
  color: #777777;
}



/* 레이아웃
------------------------------------------------------------------------------------------------------------*/
#Container_wrap{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    position:relative; width:100%; min-height: 100vh;
}
#Container_wrap #left_area { float: left; position: relative; background: #283980; }
#Container_wrap #right_area{float:right; width:180px; padding:25px 15px 30px 14px; z-index:10;}
#left_area a {
  letter-spacing: -0.04em;
}

#Lnb { padding: 55px 0 30px; width: 220px; height: 100%; border-right: 1px solid #eee; }

#Container_wrap #Container { flex: 1 1 auto; overflow:hidden; padding: 55px 0; min-height:700px;}

#S_contents { padding: 40px; }



/* 메인 공통
------------------------------------------------------------------------------------------------------------*/
#Container_wrap a.more{position:absolute; right:16px; top:14px;}
/* 타이틀 */
#Container_wrap p.tit{font-weight:bold; font-size:14px; letter-spacing:-0.05em;}
#Container_wrap p.tit.type1{background:#5d677d; height:auto; padding:9px 0 9px 12px; color:#ffffff;}/* 남색배경 */
#Container_wrap p.tit.type2{background:#f2f2f4; height:auto; padding:9px 0 9px 12px; color:#626262; border-bottom:1px solid #e0e0e0;}/* 회색배경 */
#Container_wrap p.tit.type3{background:#f4f4f4; height:auto; padding:9px 0 9px 12px; color:#34343e; border-bottom:1px solid #e0e0e0;}/* 회색배경 검정글씨 */
#Container_wrap p.tit span{color:#009be3;}
#Container_wrap p.tit font{letter-spacing:0;}


.subtitle { line-height: 1; font-size: 20px; font-weight: 700; }
.card { padding: 24px; background: #ffffff; border-radius: 5px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,.15); }




/* 메인 : 좌측
------------------------------------------------------------------------------------------------------------*/
/* 라이센스 */
.License{background:#fff;}
.License .cont{width:178px; height:194px; padding-top:10px; border-width:0 1px 1px 1px; border-style:solid; border-color:#bfc2c7;}
.License .cont li{color:#7e7e7e; font-size:11px; line-height:1.2; padding:8px 0 5px 10px;}
.License .cont li span{color:#009be3; font-weight:bold; display:inline-block; padding-right:5px;}
.License .cont li.enddate{padding:4px 0 4px 7px; margin:0 12px; background:#f4f4f4; color:#666666;}


/* 퀵링크 */
.Quicklink{position:relative; border:1px solid #bfc2c7; background:#fff;}
.Quicklink .cont{padding:5px 9px 10px;}
.Quicklink .cont li{border-bottom:1px dashed #e2e2e2;}
.Quicklink .cont li a{display:block; font-size:11px; background:url(image/main/dot.gif) 11px 11px no-repeat; padding:7px 0 7px 22px; color:#585858;}
.Quicklink .cont li a:hover{color:#000;}
.Quicklink .more{right:11px!important; top:11px!important; font-size:11px; padding-left:13px; background:url(image/btn/setup.gif) left 1px no-repeat; letter-spacing:-0.09em; color:#666;}
.Quicklink .more:hover{text-decoration:underline; color:#333;}


/* 기술지원센터 */
.CSCenter{border:1px solid #bfc2c7; background:#fff;}
.CSCenter div{height:85px; padding-top:60px; background:url(image/main/call.gif) center 19px no-repeat; font-weight:bold; color:#585858;}
.CSCenter div span{display:inline-block; background:#ff5b23; color:#ffffff; padding:4px 5px 0 5px; line-height:1.2; border-radius:2px; font-weight:normal; font-size:11px; margin:0 10px 0 17px;}
.CSCenter div small{display:block; font-size:11px; color:#999999; margin-left:58px; font-weight:normal; line-height:1.6; margin-bottom:5px;}
.CSCenter div a{display:block; border:1px solid #afafaf; margin:0 17px; height:17px; padding:7px 0 0 0; text-align:center; font-weight:bold; color:#2a343e; font-size:11px; background:#fdfdfd; border-radius:3px;}
.CSCenter div a:hover{text-decoration:none; background:#f2f2f4;}


/* 메인 : 우측
------------------------------------------------------------------------------------------------------------*/
/* 애니위즈 소식 */
.Notice{position:relative; border:1px solid #bfc2c7; background:#fff;}
.Notice .cont{padding:5px 9px 5px;}
.Notice .cont td{border-bottom:1px dashed #e2e2e2; height:24px;}
.Notice .cont td a{font-size:11px; color:#626262;}
.Notice .cont td a:hover{color:#000;}

/* 퀵 배너 */
.Quickbn{}
.Quickbn li{padding-top:5px;}
.Quickbn li a, .M_bn li img{display:block;}

/* 애니위즈 배너 */
.Anywizbn{}



/* 메인 : 센터 컨텐츠
------------------------------------------------------------------------------------------------------------*/
/* 최근게시물 */
.M_latest{position:relative; height:300px; overflow:hidden;}
.M_latest .bbs{height:auto; padding:10px 14px 10px; border-width:0 1px 0 1px; border-style:solid; border-color:#bfc2c7;}
.M_latest .bbs td{border-bottom:1px dashed #e2e2e2; height:28px;}
.M_latest .bbs td a{padding-left:5px; color:#626262;}
.M_latest .bbs td a:hover{color:#000;}
.M_latest .bbs td.date{text-align:right; color:#b5b5b5; padding-right:5px; font-size:11px;}

.M_latest .bbs_stats{border:1px solid #bfc2c7; height:70px; background:#f2f2f4;}
.M_latest .bbs_stats td{width:25%; border-left:1px solid #e0e0e0; text-align:center; vertical-align: middle; color:#666;}
.M_latest .bbs_stats td.first{border-left:0;}
.M_latest .bbs_stats td p{color:#666; font-weight:bold; margin-bottom:5px;}
.M_latest .bbs_stats td b{color:#ff5b23; font-size:14px;}



/* 접속자 현황 */
.M_visitor{position:relative; height:300px;}
.M_visitor .visitor_latest{border-width:0 1px 0 1px; border-style:solid; border-color:#bfc2c7; height:164px;}
.M_visitor .visitor_latest thead{}
.M_visitor .visitor_latest thead td{background:#ededf0; height:35px; text-align:center; font-weight:bold; color:#676767; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.M_visitor .visitor_latest tbody{}
.M_visitor .visitor_latest tbody td{height:32px; border-left:1px solid #e0e0e0; text-align:center; color:#444;}
.M_visitor .visitor_latest .bg{background-color:#f8f8f9;}

.M_visitor .visitor_stats{border:1px solid #bfc2c7; height:99px;}
.M_visitor .visitor_stats th, .M_visitor .visitor_stats td{width:20%; height:50%; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.M_visitor .visitor_stats th{background:#f2f2f4; color:#676767;}
.M_visitor .visitor_stats td{text-align:right; padding-right:15px; color:#626262;}
.M_visitor .visitor_stats td span{font-size:14px; color:#009be3; font-weight:bold;}

.M_visitor .lt{border-left:0!important;}
.M_visitor .bt{border-bottom:0!important;}


/* 최근댓글 */
.M_latest_re{position:relative; height:300px; margin:20px 0; overflow:hidden;}
.M_latest_re p.tit{border-top:1px solid #bfc2c7; border-right:1px solid #bfc2c7; border-left:1px solid #bfc2c7;}
.M_latest_re .cont{height:248px; padding:15px 14px 0; border-bottom:1px solid #bfc2c7; border-right:1px solid #bfc2c7; border-left:1px solid #bfc2c7;}
.M_latest_re .cont td{border-bottom:1px dashed #e2e2e2; height:28px;}
.M_latest_re .cont td a{padding-left:5px; color:#626262;}
.M_latest_re .cont td a:hover{color:#000;}
.M_latest_re .cont td.date{text-align:right; color:#b5b5b5; padding-right:5px; font-size:11px;}


/* 회원현황 */
.M_member{height:300px; margin:20px 0; overflow:hidden;}
.M_member p.tit{border-top:1px solid #bfc2c7; border-right:1px solid #bfc2c7; border-left:1px solid #bfc2c7;}
.M_member .mem_latest{height:148px; border-width:0 1px 0 1px; border-style:solid; border-color:#bfc2c7;}
.M_member .mem_latest td{height:37px; text-align:center; border-left:1px solid #e0e0e0; width:25%; color:#444;}
.M_member .mem_latest .bg{background:#f8f8f9;}

.M_member .mem_stats{height:auto; padding:20px 0; border:1px solid #bfc2c7;}
.M_member .mem_stats td{width:25%; border-left:1px solid #d6d6d6; text-align:center; font-weight:bold; color:#626262; font-size:0;}
.M_member .mem_stats td p{font-weight:bold; color:#676767; margin-bottom:10px; font-size:12px;}
.M_member .mem_stats td b{font-size:12px;}
.M_member .mem_stats td img{vertical-align:text-bottom;}

.M_member .lt{border-left:0!important;}

/* 그래프 */
.graph1, .graph2{height:335px; overflow:hidden;}
.graph1 .cont, .graph2 .cont{height:333px; border:1px solid #bfc2c7;}
.graph1 img, .graph2 img{width:100%; height:100%;}





/* 솔루션 설치 페이지
------------------------------------------------------------------------------------------------------------*/
#install {background:url(image/install/install_bg.gif) top repeat-x; padding-top:100px; }
#install .install_table { width:670px; margin:0 auto; background:#fff; }
#install .install_table thead th { background:#5d677d; color:#fff; padding:10px 15px 10px; text-align:left; }
#install .install_table tbody th, #install .install_table tbody td { padding:11px 0 10px 15px; text-align:left; }
#install .install_table tbody th { color:#5d677d; border-left:1px solid #bfc2c7; border-bottom:1px solid #bfc2c7; font-weight:normal; vertical-align:middle; }
#install .install_table tbody th.mysql { background:#f5f5f5; font-weight:bold; }
#install .install_table tbody td { border-width:0px 1px 1px; border-style:solid; border-color:#bfc2c7;}
#install .install_table tbody td span { color:#5d677d; font-size:11px; }




/* 라이센스키 페이지
------------------------------------------------------------------------------------------------------------*/
#license {background:url(image/install/install_bg.gif) top repeat-x; padding-top:100px; }
#license .license_table { width:500px; margin:0 auto; background:#fff; }
#license .license_table th { background:#5d677d; color:#fff !important; padding:10px 15px 10px; text-align:left; }
#license .license_table th, #license .license_table td { padding:11px 0 10px 15px;  }
#license .license_table th { color:#5d677d; border-left:1px solid #bfc2c7; border-bottom:1px solid #bfc2c7; font-weight:normal; vertical-align:middle; }
#license .license_table td { border-width:0px 1px 1px; border-style:solid; border-color:#bfc2c7; }
#license .license_btn { text-align:center; margin:20px 0; }



/* 서브
------------------------------------------------------------------------------------------------------------*/
/* 좌측메뉴 */
#left_area h2{ display: none; border-bottom:1px solid #e0e4e9; color:#333333; font-weight:bold; font-size:16px; line-height:1.2; text-align: left; padding: 20px 0 20px 30px; }
/* #left_area ul#Lnb li ul a{
  display:block;
  padding:13px 0 0 33px;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #dadada;
  color: #333333;
} */
#left_area ul#Lnb li a:hover{text-decoration:none!important;}
#left_area ul#Lnb li.on a{
  display:block;
  margin-top: 34px;
  padding-left: 30px;
  line-height: 1;
  color:#ffffff;
  font-size: 18px;
  font-weight: 500;
}
#left_area ul#Lnb li.on ul li{}
#left_area ul#Lnb li.on ul li a{
  position: relative;
  margin: 16px 0 0;
  padding-left: 50px;
  line-height: 1.4;
  font-size: 15px;
  color: #dddddd;
  font-weight: 500;
  border:0 none;
}
/* #left_area ul#Lnb li.on ul li a:before{
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  margin: auto;
  bottom: 0;
  width: 6px;
  height: 1px;
  background: rgba(0,0,0,.2);
} */
#left_area ul#Lnb li.on ul li a:hover{
  opacity: .7;
}

#left_area ul#Lnb li.on ul li.on a{font-weight:bold; color:#444444;}

#left_area table td{
  padding: 0 !important;
}
#left_area table td img{
  display: none;
}
#left_area table td a{
  position: relative;
  padding-left: 50px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  border:0 none;
}
#left_area table td a:before{
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  margin: auto;
  bottom: 0;
  width: 6px;
  height: 1px;
  background: rgba(0,0,0,.2);
}
#left_area table td a:hover{
  color: #112c6f;
  font-weight: 600;
}



/* 게시판
------------------------------------------------------------------------------------------------------------*/
.bbs_basic_list {
    font-size: 14px;
    border-top: 2px solid #2944b9;
    background-color: #fff;
}
.bbs_basic_list caption{color:#5e5e5e; line-height:1.6; padding-bottom:5px;}
.bbs_basic_list thead td, .bbs_basic_list tbody td{
    height:45px;
    padding: 6px 8px;
}
.bbs_basic_list thead td{
    text-align:center; font-size: inherit; font-weight:bold;
    color: #333333;
    background: #f7f7f7;
    border-bottom: 1px solid #cccccc;
}
.bbs_basic_list tbody tr:hover td{
  background: #f8f8f8 !important;
}
.bbs_basic_list tbody td{
  font-size: inherit;
  border-bottom:1px solid #e7e7e7;
  text-align:center; color:#5e5e5e;
}
.bbs_basic_list tbody td.subject{text-align:left;}
.bbs_basic_list tbody td.subject a{color:#5e5e5e;}
.bbs_basic_list tbody td.subject a:hover{color:#000000;}
/* @media screen and (-webkit-min-device-pixel-ratio:0){
.bbs_basic_list tbody td{height:26px;}
} */
	/* table_basic 귀속 리셋 */
.bbs_basic_list table{border:0 none;}
.bbs_basic_list table th, .bbs_basic_list table td{font-size: inherit;border:0 none; background:none; padding:0;}

.bbs_order_list tr:hover{
  background: #f8f8f8;
}
.bbs_order_list tbody td{
  padding: 5px 0;
}
.bbs_tax_list tbody td{
  padding: 5px 0;
}
.bbs_basic_list .button {
    font-size: inherit;
}

/* Product */
.bbs_prd_list tr:hover{
  background: #f8f8f8;
}
.bbs_prd_list{
  border-top: 2px solid #2944b9;
}
.bbs_prd_list thead td{
  padding: 20px 0;
  font-size: inherit;
  color: #333333;
  background: #f7f7f7;
  border-bottom: 1px solid #cccccc;
}
.bbs_prd_img { width: 62px; height: 62px; border: none; }

.calendar_basic{
  border-collapse: collapse;
}
/* .bbs_prd_list tbody td{
  padding: 15px 0;
} */
.bbs_board_list tr:hover{
  background: #f8f8f8;
}
.bbs_board_list tbody tr td:nth-child(4) a{
  color: #2944b9;
  font-weight: 600;
}
.bbs_board_list tbody tr td:nth-child(5){
  color: #333;
  font-weight: 600;
}

/* Cancel List */
.bbs_cancel_list tr td {
  padding: 5px 0;
}

/* Analy List */
.bbs_analy_list tr:hover{
  background: #f8f8f8;
}

.bbs_basic_view{border-top:1px solid #d1d1d1; border-left:1px solid #dedede;}
.bbs_basic_view th, .bbs_basic_view td{border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
.bbs_basic_view th{background:#f9f9f9; font-weight:normal; color:#323232;}
.bbs_basic_view td{text-align:left; padding:9px 0 9px 10px; color:#747474;}
.bbs_basic_view_cont{border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding:25px;}

.bbs_button{overflow:hidden;}
.bbs_button .bbs_btn_left{float:left;}
.bbs_button .bbs_btn_right{float:right;}

.bbs_view_next{border-top:1px solid #d1d1d1;}
.bbs_view_next th, .bbs_view_next td{border-bottom:1px solid #d1d1d1; padding:9px 0;}
.bbs_view_next th{background:url(image/sub/l.gif) right 50% no-repeat;}
.bbs_view_next th span{font-weight:bold; padding-left:18px; color:#323232;}
.bbs_view_next th span.prev{background:url(image/sub/bbs_prev.gif) left 3px no-repeat;}
.bbs_view_next th span.next{background:url(image/sub/bbs_next.gif) left 4px no-repeat;}
.bbs_view_next td{padding-left:20px; color:#757575;}

.pageing{text-align:center; line-height:1.4;}
.pageing img{vertical-align:middle;}
.pageing a{display:inline-block; width:23px; height:20px; padding:3px 2px 0 2px; font-family:Verdana; font-weight:bold; color:#555555;}
.pageing a.on{background:url(image/sub/page_on.gif) 2px top no-repeat; color:#18a3c7;}
.pageing .btn{width:auto!important;}


/* 통합검색 */
.search_table{}
.search_table th, .search_table td{border-bottom:1px solid #e7e7e7; text-align:left;}
.search_table .tdlast{border-bottom:0 none;}
.search_table th{padding-left:8px; font-weight:bold; height:40px; color:#636363; background:url(image/sub/l.gif) right 50% no-repeat;}
.search_table td{padding-left:20px;}



/* 테이블
------------------------------------------------------------------------------------------------------------*/
.table_basic{
  border-top: 2px solid #2944b9;
  border-left:1px solid #e7e7e7;
  background-color: #fff;
}
.table_basic th, .table_basic td{
    height: 54px;
    padding:6px 10px;
    border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;
}
.table_basic th{
    text-align:left;
    color: #333333;
    font-weight: 500;
    background: #f7f7f7;
    word-break: keep-all;
}
.table_basic td{
  text-align:left;
  color:#676767;
}
.table_basic input[type="checkbox"] { min-width: auto !important; height: auto; }
.table_basic input,
.table_basic select { height: 40px; }
.table_basic input[type="radio"],
.table_basic input[type="checkbox"]{
  margin-right: 10px;
  margin-left: 30px;
}
.table_basic input[type="radio"]:first-child,
.table_basic input[type="checkbox"]:first-child,
.table_basic br + input[type="radio"],
.table_basic br + input[type="checkbox"]{
  margin-left: 0;
}
.table_basic.thcenter th{text-align:center!important; padding-left:0;}
.table_basic.thcenter td{text-align:center!important; padding-left:0;}
	/* table_basic 귀속 리셋 */
	.table_basic table{border:0 none;}
	.table_basic table th, .table_basic table td{border:0 none; background:none; padding:0;}


.table_basic td img {max-width: 100%;height: auto;}


.table_basic2{table-layout: fixed;border-top:1px solid #d1d1d1; border-left:1px solid #e7e7e7;}
.table_basic2 th{border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.table_basic2 th{background:#f7f7f7; padding:8px 0 8px 10px; text-align:left; color:#333333; font-weight:normal;}
	/* table_basic2 귀속 리셋 */
	.table_basic2 table{border:0 none;}
	.table_basic2 table th, .table_basic2 table td{border:0 none; background:none;}

.btn_license_wrap textarea { display: inline-block; vertical-align: top; }


/* 이너 테이블, 우선수위를 위해 id값과 함께 씀*/
#Container_wrap .inner_table{border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}
#Container_wrap .inner_table th, #Container_wrap .inner_table td{padding:5px; text-align:center; font-size:12px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
#Container_wrap .inner_table th{background:#f7f7f7; color:#333;}
#Container_wrap .inner_table td{color:#666;}

#Container_wrap .inner_table.left th, #Container_wrap .inner_table.left td{text-align:left; padding-left:10px;}

.table_option { background: #fff !important; border-right: 1px solid #e6e6e6 !important; border-bottom: 1px solid #e6e6e6 !important; }
.table_option th { border-top: 1px solid #e6e6e6 !important; border-left: 1px solid #e6e6e6 !important; background: #f7f7f7 !important; text-align: center;  padding: 4px 8px !important;}
.table_option td { border-top: 1px solid #e6e6e6 !important; border-left: 1px solid #e6e6e6 !important; text-align: left;  padding: 4px 8px !important;}
.option_container { padding: 8px; background: #f7f7f7; border: 1px solid #e7e7e7; width: 100%; }
.option_add { position: absolute; right: 0; bottom: 8px; }
.option_create { margin-top: 24px;}
.option_delete { margin-left: 8px; }
#option_list, #supply_list { max-height: 373px; overflow-y: auto; width: calc(100% - 20px); margin-top: 24px; border: 1px solid #e7e7e7 !important; }
#option_container, #supply_container { margin-top: 24px; border-bottom: 1px solid #e7e7e7; }
#option_container > div , #supply_container > div { border-top: 1px solid #e7e7e7 !important; padding: 4px 0 !important; }
#option_container label , #supply_container label { vertical-align: middle; font-weight: 600; margin-right: 8px; }


/* 버튼
------------------------------------------------------------------------------------------------------------*/

/* button.color{color:#ffffff;}
button.b{font-weight:bold;}
button.small{font-size:11px; padding:0 7px;}
button.round{border-radius:3px;}


button.white{background-color:#ffffff; border:1px solid #bbbbbb; color:#666666;}

button.blue_big{background-image:url(image/btn/blue.gif); background-color:#5aa9e3; padding:0 18px; border-top:1px solid #3a93d8; border-left:1px solid #3a93d8; border-bottom:1px solid #1d76bb; border-right:1px solid #2780c5;}
button.gray_big{background-image:url(image/btn/gray_big.gif); background-color:#9d9d9d; vertical-align:middle; padding:0 18px; border-top:1px solid #878787; border-left:1px solid #878787; border-bottom:1px solid #656565; border-right:1px solid #656565;}


button.blue_s{background-image:url(image/btn/s_blue.gif);  background-color:#5aa9e3; border:1px solid #2172c7;}
button.black_s{background-image:url(image/btn/s_black.gif); background-color:#797979; border:1px solid #606060;}
button.red_s{background-image:url(image/btn/s_red.gif); background-color:#eb5151; border:1px solid #c12a2a;}
button.gray_s{background-image:url(image/btn/gray.gif); background-color:#fff; border:1px solid #9ea0a4; color:#767676;}
button.gray{background-image:url(image/btn/gray.gif); background-color:#fff; border:1px solid #9ea0a4; color:#353535;} */
button{
  display: inline-block;
  line-height: 14px;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  letter-spacing: -0.04em;
}
button.icon{
  position:relative;
  padding: 12px 15px 12px 55px;
  color: #444444;
  border: 1px solid #cccccc;
  background-color: #fff;
}
button.icon:after{
  content: '';
  position: absolute;
  top: 0;
  left: 40px;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 20px;
  background: #e5e5e5;
}

/* 아이콘*/
button span.icon_check,
button span.icon_minus,
button span.icon_x,
button span.icon_plus,
button span.icon_exel
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 39px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
button span.icon_check{
  background-image:url(image/btn/check.gif);
}
button span.icon_minus{
  background-image:url(image/btn/minus.gif);
}
button span.icon_x{
  background-image:url(image/btn/x.gif);
}
button span.icon_plus{
  background-image:url(image/btn/plus.gif);
}
button span.icon_exel{
  background-image:url(image/btn/exel.gif);
  background-position-x: 10px;
}
button span.icon_list{background-image:url(image/btn/list.gif);}
button span.icon_ok{background-image:url(image/btn/ok.png);}
button span.icon_arrow{background-image:url(image/btn/arrow.gif);}

/* 버튼 스타일 재설정 */
/* 생성코드복사 */
.b_copy{
  padding: 12px 15px;
  color: #444444;
  background: #eeeeee;
  border: 1px solid #ccc;
}
/* 수정(black) */
form[name=frm] .h18.t3.color.small.round.black_s{
  padding: 12px 15px;
  color: #fff;
  background: #2944b9;
  border: 1px solid #2944b9;
}
/* 검색 */
form[name=searchForm] select + .b.h28.t5.color.blue_big,
form[name=searchForm] input + .b.h28.t5.color.blue_big,
form[name=frm] select + .b.h28.t5.color.blue_big,
form[name=frm] input + .b.h28.t5.color.blue_big,
form[name=frm] select + .b.h30.t5.color.blue_big,
form[name=frm] input + .b.h30.t5.color.blue_big,
.table_basic .b.h28.t5.color.blue_big{
    display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;text-align:center;border:1px solid transparent;-webkit-transition: all ease .1s; transition: all ease .1s;
  vertical-align: middle !important;
  padding: 10px 20px;
  color: #fff;
  font-weight: 500;
  background-color: #2944b9;
  border-color: #2944b9;
}
form[name=searchForm] select + .b.h28.t5.color.blue_big:hover,
form[name=searchForm] input + .b.h28.t5.color.blue_big:hover,
form[name=frm] select + .b.h28.t5.color.blue_big:hover,
form[name=frm] input + .b.h28.t5.color.blue_big:hover,
form[name=frm] select + .b.h30.t5.color.blue_big:hover,
form[name=frm] input + .b.h30.t5.color.blue_big:hover,
.table_basic .b.h28.t5.color.blue_big:hover{
    background-color: #102891;
    border-color: #102891;
}
/* 상품 수정 */
.bbs_basic_list .h18.t3.color.small.round.red_s{
  color: #fff;
  background: #2944b9;
  border: 1px solid #2944b9;
}
/* 복사, 삭제 */
.bbs_basic_list .h18.t3.color.small.round.black_s{
  padding: 12px 15px;
  color: #fff;
  background: #555555;
  border: 1px solid #444444;
}
.b_del{
  padding: 12px 15px !important;
  color: #fff !important;
  background: #555555 !important;
  border: 1px solid #444444 !important;
}
/* 배너관리, 미리보기 */
.h18.t3.color.small.round.blue_s{
  padding: 12px 15px;
  color: #fff;
  background: #323f6c;
  border: 1px solid #242c49;
}
.h18.t3.color.small.round.red_s{
  padding: 12px 15px;
  color: #fff;
  background: #555555;
  border: 1px solid #444444;
}
a.h18.t3.color.small.round.red_s{
    display: inline-block;
    line-height: 14px;
}
.b.h28.t5.color.blue_big{
  padding: 8px 20px;
  color: #fff;
  font-weight: 500;
  background: #2944b9;
  border: 1px solid #2944b9;
}
.b.h28.t5.color.gray_big{
  padding: 12px 15px;
  color: #fff;
  background: #555555;
  border: 1px solid #444444;
}

/*기본설정 버튼*/
.btn_config_wrap .b.h28.t5.color.gray_big{
  background: #333333;
  border: 1px solid #292929;
  border-radius: 0;
}
.btn_license_wrap .h18.t3.color.small.round.red_s{
  padding: 12px 15px;
  color: #fff;
  background: #2944b9;
  border: 1px solid #2944b9;
}
/* 우편번호검색 */
.h22.t3.small.gray_s{
  padding: 12px 15px;
  color: #444444;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0;
}

/*주문목록*/
.btn_orderlist_wrap{
  font-size: 0;
}
.btn_orderlist_wrap .btn_sm,
.btn_orderlist_wrap .btn_m{
  margin-right: 5px;
}
.btn_orderlist_wrap .btn_sm,
.btn_orderlist_wrap .btn_m:nth-child(1),
.btn_orderlist_wrap .btn_m:nth-child(2),
.btn_orderlist_wrap .btn_m:nth-child(3),
.btn_orderlist_wrap .btn_m:nth-child(4),
.btn_orderlist_wrap .btn_m:nth-child(5),
.btn_orderlist_wrap .btn_m:nth-child(6),
.btn_orderlist_wrap .btn_m:nth-child(7),
.btn_orderlist_wrap .btn_m:nth-child(8){
  margin-bottom: 5px;
}
.btn_orderlist_wrap .btn_sm:nth-child(10),
.btn_orderlist_wrap .btn_sm:nth-child(11),
.btn_orderlist_wrap .btn_sm:nth-child(12),
.btn_orderlist_wrap .btn_sm:nth-child(13),
.btn_orderlist_wrap .btn_m:nth-child(10),
.btn_orderlist_wrap .btn_m:nth-child(11),
.btn_orderlist_wrap .btn_m:nth-child(12),
.btn_orderlist_wrap .btn_m:nth-child(13){
  margin-bottom: 0px;
}
.prd_updown_wrap{
  display: inline-block;
  text-align: left;
}
.prd_updown_wrap a{
  padding: 0 5px;
  font-size: 12px;
  color: #555555;
  font-weight: 500;
  letter-spacing: -0.06em;
}
.prd_updown_wrap a:hover{
  background: #ddd;
}
.prd_updown_wrap img{
  margin-right: 5px;
}

/* 이미지버튼 */
.btn_calendar{
  margin-left: 10px;
  padding-left: 50px;
  padding-right: 50px;
  width:22px;
  height:22px;
  border:0;
  background:url(image/btn/cal.gif) 5% 50% no-repeat;
}
#datepicker1 + .btn_calendar{
  margin-right: 15px;
}
#datepicker2{
  margin-left: 15px;
}
#datepicker2 + .btn_calendar{
  margin-right: 30px;
}

.btn_s {
  cursor: pointer;
  font-size:12px;
  BACKGROUND-COLOR: #555555;
  BORDER-BOTTOM: #000000 1px solid;
  BORDER-LEFT: #999999 1px solid;
  BORDER-RIGHT: #000000 1px solid;
  BORDER-TOP: #999999 1px solid;
  COLOR: #ffffff;
  HEIGHT:20px;
  line-height: 18px;
}
.btn_m {
  cursor: pointer;
  width: 100px;
  HEIGHT: 40px !important;
  font-size:12px;
  BACKGROUND-COLOR: #f5f5f5;
  border: #cccccc 1px solid;
  COLOR: #444444;
  line-height: 18px;
}
.btn_l {
  cursor: pointer;
  font-size:12px;
  BACKGROUND-COLOR: #a2b700;
  BORDER-BOTTOM: #7a8a02 1px solid;
  BORDER-LEFT: #becd4d 1px solid;
  BORDER-RIGHT: #7a8a02 1px solid;
  BORDER-TOP: #becd4d 1px solid;
  COLOR: #ffffff;
  HEIGHT:20px;
  line-height: 18px;
}
.btn_sm {
  width: 100px;
  HEIGHT: 40px !important;
  cursor: pointer;
  font-size:12px;
  BACKGROUND-COLOR: #2944b9;
  border: none;
  COLOR: #ffffff;
}

/*전체상품 업데이트 / 요약상품 업데이트*/
#nhnAll,
#nhnMin{
  padding: 12px 15px;
}




/* 캘린더 */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
  padding: 0 5px;
  height: 28px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: none;
  background: #2944b9;
  color: #fff;
}

/* 폼 관련
------------------------------------------------------------------------------------------------------------*/
/*
.select{border:1px solid #d1d1d1; background:#ffffff; color:#868686; height:22px;}
select{height:22px; padding:3px 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	select{padding:0;}
}
*/
.input{
  padding: 0 12px;
  height: 40px;
  color: #555555;
  border:1px solid #dddddd;
  background: #ffffff;
}
button { min-height: 40px; }
textarea {border:1px solid #d1d1d1; background:#ffffff; color:#868686; padding: 0 15px; }
.radio{position:relative; top:-2px;}
.checkbox{position:relative; top:-2px;}

.w50{width:50px;}
.w80{min-width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}

/* .t1{padding-top:1px!important;}
.t2{padding-top:2px!important; *padding-top:0px!important;}
.t3{padding-top:3px!important; *padding-top:1px!important;}
.t4{padding-top:4px!important;}
.t5{padding-top:5px!important;}
.t6{padding-top:6px!important;}
.t7{padding-top:7px!important;} */

/* @media screen and (-webkit-min-device-pixel-ratio:0){
.t3{padding-top:1px!important;}
.t4{padding-top:1px!important;}
.t5{padding-top:1px!important;}
.t6{padding-top:5px!important;}
.t7{padding-top:6px!important;}
} */


/* .h18{height:18px;}
.h19{height:19px;}
.h22{height:22px;}
.h25{height:25px;}
.h23{height:23px;}
.h28{height:28px;}
.h29{height:29px;}
.h30{height:30px;} */





/* 공통
------------------------------------------------------------------------------------------------------------*/
/* 페이지 타이틀 */
#Container #location{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    padding: 24px 40px; line-height: 1;
    color:#414141; font-size:16px; font-weight: 500; border-bottom: 1px solid #e2e2e2;
}
#Container #location h2 { padding-left: 20px; height: auto; line-height: 1; font-size: 22px; font-weight: 700; color: #2944b9; background: url('/adm/manage/image/header/arrow-right.png') no-repeat left center; }
.home{
  display: inline-block;
  width: 17px;
  height: 12px;
  background: url('/adm/manage/image/home.gif');
}
/* #Container h3{
  height: 42px;
  font-size: 25px;
  font-weight: 500;
  color: #333333;
  letter-spacing: -0.05em;
}
#Container h3 span{color:#7a7a7a; font-weight:normal; font-size:14px; display:inline-block; padding-left:10px; } */

h4{
  margin-top: 30px !important;
  height: 30px;
  font-size: 15px;
  font-weight: 700;
  color: #2944b9;
  letter-spacing:-0.02em;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#Container h3{background-position:left 7px;}
	h4{background-position:left 8px;}
}

p.question{background:url(image/sub/q.png) left 0 no-repeat; padding-left:25px; font-weight:bold; color:#2f2f2f; font-size:15px; line-height:1.4;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	p.question{background-position:left 2px;}
}


.font11{font-size:11px;}
.colorgray{color:#666666;}

.line2{line-height:2;}

.linebox5{border:5px solid #dcdfdf; padding:15px 22px;}
.graybox{border:1px solid #e1e1e1; background:#f7f7f7; padding:20px;}
.graybox .font11{
  font-size: 14px;
}

/* Pager */
#pager td {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
}
#pager td a{
  display: block;
  padding-top: 1px;
  width: 100%;
  height: 100%;
}
#pager td a:hover{
  padding-top: 0;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
}
.current_page{
  color: #fff;
  background: #2944b9;
  border: 1px solid #2944b9;
  cursor: default;
}
.page_backward{
  background: url('/child/img/pager/page_l_2.png') no-repeat center;
}
.page_back5{
  background: url('/child/img/pager/page_l.png') no-repeat center;
}
.page_5{
  background: url('/child/img/pager/page_r.png') no-repeat center;
}
.page_forward{
  background: url('/child/img/pager/page_r_2.png') no-repeat center;
}



/* 페이징 */
.AW_paging{text-align:center; margin:20px 0 0; font-size:0;}
.AW_paging *{font-family:tahoma, verdana!important;}
.AW_paging a{display:inline-block; /*width:17px;*/ padding:0 6px; height:18px; line-height:18px; border:1px solid #ddd; margin:0 2px; font-size:11px; color:#666; letter-spacing:-0.05em;}
.AW_paging a:hover{background:#f7f7f7; border-color:#ccc; color:#666;}
.AW_paging a.on{color:#fff; background:#888; border-color:#888;}
.AW_paging a.arrow{background:#f7f7f7; letter-spacing:-0.09em;}


.top2{margin-top:2px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left65{margin-left:65px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.col_t_margin{margin:30px 0 0;}
.col_table_margin{margin:5px 0 0;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

/* 포지션 */
.posi_r{position:relative;}
.top_p_1{top:1px;}
.top_p_2{top:2px;}
.top_p_3{top:3px;}
.top_p_4{top:4px;}
.top_p_5{top:5px;}
.top_pm_1{top:-1px;}
.top_pm_2{top:-2px;}
.top_pm_3{top:-3px;}
.top_pm_4{top:-4px;}
.top_pm_5{top:-5px;}


/*주문 프린트*/
/* 게시판 list ------------------------------------------*/
.AWshop_list_table{}
.AWshop_list_table.border{border-top:1px solid #333;}
.AWshop_list_table th, .AWbbs_view_table td{ border-bottom:1px solid #ddd;}
.AWshop_list_table th{height:40px; background:#f7f7f7; color:#333; }
.AWshop_list_table td{ height:40px; border-bottom:1px solid #dddddd; }
.AWshop_list_table td.h70 { height:70px; }
/* 테이블 안에 테이블 리셋 */
.AWshop_list_table table{border:0 none;}
.AWshop_list_table table th, .AWshop_list_table table td{height:auto; padding:0; border:0 none; background:none;}
/* 배송비, 결제 토탈 */
.Basket_price_total { background:#f8f8f8; height:60px; padding:0 10px; border-bottom:1px solid #ddd; }

/* 주문 page ------------------------------------------*/
.AWorder_form_table {border-top:1px solid #333;}
.AWorder_form_table th, .AWorder_form_table td{text-align:left; color:#333; border-bottom:1px solid #ddd;}
.AWorder_form_table th{width:18%; height:40px; padding-left:20px; background:#f7f7f7; font-size:12px; }
.AWorder_form_table th span{color:#ff1d1d; font-weight:600;}
.AWorder_form_table td{padding:10px 0 10px 15px;}
.AWorder_form_table td .input{padding:4px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle;}
.AWorder_form_table td .file{background:#f7f7f7; border:1px solid #dfdfdf;}
.AWorder_form_table td select{height:22px; border:1px solid #ddd;}
.AWorder_form_table td label{vertical-align:middle;}
.AWorder_form_table td font.comment{display:inline-block; font-size:12px; color:#888;}
/* 테이블 안에 테이블 리셋 */
.AWorder_form_table table{border:0 none;}
.AWorder_form_table table th, .AWorder_form_table table td{height:auto; padding:0; border:0 none; background:none;}


/* 팝업 */
.popup-preview { overflow:hidden; display: inline-flex; justify-content: center; width:130px; height:130px; }
.popup-preview img { max-width: none; width: auto; height: 100%; }



.mdc-card {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  border-radius: 2px;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mdc-elevation-z1{
	-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
	box-shadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
}



.flex-table{
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}
.flex-table__box{
    width: 50%;
    padding: 20px;
}

.h2{
    margin-bottom: 14px;
    font-size: 18px;
}
.symbol{
    position: relative; padding-left: 24px;
}
.symbol::before{
    content: ''; position: absolute; top: 0; left: 0; bottom: 0;
    margin: auto; width: 16px; height: 16px;
    border: 4px solid #2944b9; border-radius: 50%;
}
@media(max-width:1200px){
	.flex-table{
        -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
    }
}
@media(max-width:768px){

}




/* Mobile */
[data-mobile-menu="opened"] .header_left { -webkit-transform: translateX(0); transform: translateX(0); }
[data-mobile-menu="opened"] .header_mobile_open span { background: #ffffff; }
[data-mobile-menu="opened"] .header_mobile_open span:nth-child(1) { -webkit-transform: rotate(135deg) translate3d(6px,-6px,0); transform: rotate(135deg) translate3d(6px,-6px,0); }
[data-mobile-menu="opened"] .header_mobile_open span:nth-child(2) { -webkit-transform: translateX(-16px); transform: translateX(-16px); opacity: 0; }
[data-mobile-menu="opened"] .header_mobile_open span:nth-child(3) { -webkit-transform: rotate(-135deg) translate3d(6px,7px,0); transform: rotate(-135deg) translate3d(6px,7px,0); }
[data-mobile-menu="opened"] .header_dimmed { opacity: 1; visibility: visible; }
.header_mobile { display: none; }
.header_dimmed{
    z-index: 2; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);
    -webkit-transition: all ease-out .15s; transition: all ease-out .15s;
    opacity: 0; visibility: hidden;
}
@media(max-width:1200px){
	.home_body { padding-left: 0; }

    .header_mobile { display: block; }
    .header_mobile_open { z-index: 4; position: fixed; top: 0; left: 0; width: 50px; height: 50px; }
    .header_mobile_open span{
        display: block; margin: 6px auto; width: 25px; height: 3px; background: #2944b9;
        -webkit-transition: all ease-out .3s; transition: all ease-out .3s;
    }
    .header_top { padding: 10px 15px; height: 50px; }
    .header_logo { position: fixed; top: 0; left: 0; padding: 8px 0 0; width: 260px; height: 50px; }
    .header_logo a { background-repeat: no-repeat; background-size: auto 24px; background-position: center; }
    .header_left{
        padding-top: 50px;
        -webkit-transform: translateX(-260px); transform: translateX(-260px);
        -webkit-transition: all ease-out .15s; transition: all ease-out .15s;
    }
    .header_top .button_login { margin-left: 14px; padding: 6px 10px; font-size: 13px; }
    .header_top .button_login::after { width: 12px; height: 12px; background-size: auto 12px; }

    #navi { padding: 0 30px 38px; }
    #navi li a .nav-icon + span { margin-top: 38px; margin-bottom: 18px; font-size: 18px; }
    #navi .category li a { margin-top: 0; padding-left: 18px; font-size: 16px; }
    #navi .category li a.on { background-size: auto 11px; background-position: left 3px center; }

    #Container #location { padding: 35px 15px 0; border-bottom: none; }
    #Container #location h2 { padding-left: 14px; font-size: 18px; background-size: auto 11px; }
    #Container #location .breadcrumb { font-size: 13px; }

    #S_contents { padding-right: 15px; padding-left: 15px; }

    .bbs_basic_list { font-size: 13px; }
    .bbs_basic_list .button { padding: 8px 14px; min-height: auto; }
}
@media(max-width:768px){

}



.multi-table { text-align: center; font-size: 14px; color: #e7e7e7; border-top: 2px solid #2944b9; }
.multi-table .multi-table-header { display: flex; }
.multi-table .multi-table-header > div { flex: 0 1 12.5%; padding: 10px; color: #333333; font-weight: bold; background: #f7f7f7; border-bottom: 1px solid #cccccc; }
.multi-table .multi-table-header > div:not(:last-child):nth-child(2n), .multi-table .multi-table-body > div:not(:nth-child(8n)):nth-child(2n) { border-right: 1px solid #999; }
.multi-table .multi-table-body { display: flex; flex-wrap: wrap; }
.multi-table .multi-table-body > div { flex: 0 1 12.5%; padding: 10px 5px; border-bottom: 1px solid #e7e7e7; background-color: #fff; }



.progress-container .number { margin: 24px 0; line-height: 0.8; text-align: center; font-size: 64px; font-weight: 700; letter-spacing: -0.06em; }
.progress-container .progress-bar { overflow: hidden; position: relative; height: 45px; background: #F3F3F3; }
.progress-container .progress-bar .bar { z-index: 1; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: #989898; transition: all ease-in-out .85s; }
.progress-container .progress-bar .percent { z-index: 2; position: relative; display: flex; align-items: center; justify-content: center; height: 100%; line-height: 1; text-align: center; font-size: 20px; font-weight: 700; }
.progress-container.red .number { color: #ff7029; }
.progress-container.red .progress-bar .bar { background: #ff7029; }
.progress-container.blue .number { color: #4567d2; }
.progress-container.blue .progress-bar .bar { background: #7193ff; }
.progress-container.orange .number { color: #ffba33; }
.progress-container.orange .progress-bar .bar { background: #ffba33; }
.progress-container.green .number { color: #74d446; }
.progress-container.green .progress-bar .bar { background: #74d446; }


/*  */