@charset "utf-8";

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


/* base */
/*@import url( "./notosanskr.css" );*/
body, input, textarea, select, button, table {
    font-family: 'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;
    ;
    font-size: 12px;
}
input,textarea,select,button{border:none; background:#fff;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,li{list-style:none}
fieldset{width:100%;}
fieldset,img{border:0;}
img{vertical-align:middle;}
.hidden, legend, caption{display:none !important;}
.invisible{visibility:hidden;}
address{font-style:normal}
label{cursor:pointer;}
li{list-style:none}}
p,li,dd,td{font-size:1em;text-align:justify;line-height:1.5em; color:black;}
body{overflow-y:scroll; /* overflow-x:hidden; */}
table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
select:focus::-ms-value {background-color:transparent; color:#000;}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both;height:0;}
/* a-style */
a{color:black; text-decoration:none;}
a:hover{color:black;text-decoration:none;}
a:active{text-decoration:none; font-weight:normal;}
a:focus{text-decoration:none; font-weight:normal;}
.blind{text-align:-9999px; position:absolute; left:-1000%; top:0; width:1px; height:1px; overflow:hidden; display:block;}
.strong{font-weight:bold;}
*{margin:0;padding:0;}
/* input */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 9999s ease-out;-webkit-box-shadow: 0 0 0px 1000px white inset !important;-webkit-text-fill-color:#999 !important;}
input:focus {outline: none; }
input{ ime-mode:active;}
input[type=text] { -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
input[type=radio]{display:none}
input[type=radio]:not(old) {margin:0; padding:0; opacity:0; background:url(../../images/common/radio_off.jpg) no-repeat 0 0;  width:0; } 
input[type=radio]:not(old) + label {display: inline-block;  position:relative; cursor: pointer; text-align: left; height:20px; padding-left: 25px; background: url(../../images/common/radio_off.jpg) no-repeat 0 0; }
input[type=radio]:not(old) + label:before {display: block; content: ''; position:absolute; left:0; top:0; background: url(../../images/common/radio_off.jpg) no-repeat 0 0; }
input[type=radio]:not(old):checked + label {background: url(../../images/common/radio_on.jpg) no-repeat 0 0;}
.imeEn {
    -webkit-ime-mode: inactive !important;
    -moz-ime-mode: inactive !important;
    -ms-ime-mode: inactive !important;
    ime-mode: inactive !important;
}




/* 헤더 */
#Header_wrap{width:100%; background:#339098; height:60px; }
#Header_wrap .header{width:1200px; height:60px; margin: 0 auto; }
#Header_wrap .header .logo{float:left; height:60px; }
#Header_wrap .header .logo a{line-height:54px;font-family: 'Nanum Gothic';}
#Header_wrap .header .gnb{float:left; margin:12px 0px 0px 20px;}
#Header_wrap .header .gnb > ul{float:left;}
#Header_wrap .header .gnb > ul > li{float:left;}
#Header_wrap .header .gnb > ul > li > a{position:relative;display:block;padding:7px 15px; font-size:15px;color:#fff;font-weight:bold;}
#Header_wrap .header .gnb > ul > li:hover > a,
#Header_wrap .header .gnb > ul > li.active > a{color:#fff;z-index:1;background:#a0c64e; border-radius:20px;}
#Header_wrap .header .gnb > ul > li.active_nomenu > a{color:#fff;z-index:1;background:#a0c64e; border-radius:20px;}
#Header_wrap .header .gnb > ul > li.active > a:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;}
  #Header_wrap .header .gnb > ul > li.active > div,
  #Header_wrap .header .gnb > ul > li:hover > div {
    /*display: block;*/
    visibility: visible;
  }
  #Header_wrap .header .gnb > ul > li > div {
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin-top: -3px;
    background: #fff;
    box-shadow: 0 3px 5px #ccc;
    z-index: 999;
    overflow: hidden;
    padding-left: 150px;
    height: 70px;
    padding-top: 8px;
    transition: all 0.7s;
  }
#Header_wrap .header .gnb > ul > li > div > ul{position:relative;margin:0 auto;width:1300px;padding-left:430px;height:60px;background-position:left 0 bottom 60px;}
#Header_wrap .header .gnb > ul > li > div > ul:after{display:block;content:'';clear:both;}
#Header_wrap .header .gnb > ul > li > div > ul > li{float:left;position:relative;box-sizing:border-box;}
#Header_wrap .header .gnb > ul > li > div > ul > li > a{display:block;height:45px;line-height:60px;font-size:14px;color:#888;font-weight:bold;padding:0px 0px;margin:0px 15px;}
#Header_wrap .header .gnb > ul > li > div > ul > li > a:hover,
#Header_wrap .header .gnb > ul > li > div > ul > li.active > a{color:#333;border-bottom:2px solid #0e5157}
#Header_wrap .header .rightMember{float:right; margin-top:13px;}
#Header_wrap .header .rightMember .rightUser{}
#Header_wrap .header .rightMember .rightUser img{margin-right:7px; margin-top:-5px;}
#Header_wrap .header .rightMember .rightUser b{font-size:12px; color:#daf4f6;}
#Header_wrap .header .rightMember .rightUser a{display:inline-block;font-size:12px; color:#daf4f6;; font-weight:bold;margin-left:15px;}
#Header_wrap .header .rightMember .rightUser .btn_logout{background:#eefeff; padding:7px 15px; border-radius:30px; color:#339098; font-size:12px;}
#Header_wrap .menu_none{display:none}



/* 컨텐츠 공통 */

#contents {width:100%; background:#fff;margin: 0 auto; }
#contents .content-center {position:relative; width:1200px; min-height:550px; margin: 0 auto; padding: 0px 0px 50px;}
#contents select{border:1px solid #d1d1d1;height:26px;background:#fff url(../../images/common/arrow.png) center right no-repeat;font-size:12px;color:#555; padding-left:8px; font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;padding-top:2px;}
#contents .select_wrap{display:inline-block; position:relative;vertical-align:top;}
#contents .select_wrap_1{display:inline-block; position:relative;}
#contents .select_wrap_1 select{vertical-align:middle;line-height:23px;}
#contents .select_wrap img{position:absolute; right:12px; top:15px;}
#contents .select_wrap_1 img{position:absolute; right:12px; top:15px;}
#contents .ml20 + label{margin-left:20px;}
#contents .ml10 + label{margin-left:10px;}
#contents .view input[type=checkbox]{vertical-align:-2px;}
#contents input:not([type=checkbox]){width:200px;font-size:12px;text-indent:8px; border:1px solid #d1d1d1; height:24px; line-height:25px; color:#555; font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
#contents table td input{}
#contents input[type=text].num{text-align:center; text-indent:0px;}
#contents input[type=password].w200{width:200px;}
#contents input[type=text].w100{width:100px;}
#contents input[type=text].w150{width:150px;}
#contents input[type=text].w174{width:174px;}
#contents input[type=text].w180{width:180px;}
#contents input[type=text].w200{width:200px;}
#contents input[type=text].w300{width:300px;}
#contents input[type=text].w400{width:400px;}
#contents input[type=text].w27{width:27px;}
#contents input[type=text].w30{width:30px;}
#contents input[type=text].w50{width:50px;}
#contents input[type=text].w60{width:60px;}
#contents input[type=text].w49{width:49px;}
#contents input[type=text].w70{width:70px;}
#contents input[type=text].w80{width:83px;}
#contents input[type=text].w500{width:500px;}
#contents input.w190{width:190px;}
#contents input.w168{width:168px;}
#contents input.h35{height:24px;line-height:26px;}
#contents input.h27{height:20px;line-height:20px;text-align:center;text-indent:0px;margin-top:px;}

#contents select.w70{width:70px;}
#contents select.w80{width:80px;}
#contents select.w85{width:85px;}
#contents select.w90{width:90px;}
#contents select.w110{width:110px;}
#contents select.w117{width:85px;}
#contents select.w200{width:202px;}
#contents select.h35{height:26px;vertical-align:top;margin-left:1px;}
#contents .br0{border-right:0px !important}
#contents .bb0{border-bottom:0px !important}
#contents .customer_list .priority{font-weight:bold;background-color:rgba(160,198,78,0.2);}


/* 달력 */
#contents .cal_wrap{display:inline-block; position:relative; vertical-align:top}
#contents .cal_wrap .w126{width:126px;}
#contents .cal_wrap .w106{width:106px;}
#contents .cal_wrap img{position:absolute; right:8px; top:3px;}
#contents span.cal_from{font-size:13px; color:#888; }
#contents .cal_wrap_t{display:inline-block; position:relative;}
#contents .cal_wrap_t .w110{width:110px;}
#contents .cal_wrap_t img{position:absolute; right:10px; top:3px;}

#area-search-day span{
    display:inline-block;width:38px;height:24px;line-height:24px;text-align:center;
    padding:0px 5px;
    border:1px solid #c0c0c0;margin-left:1px;color:#555;cursor:pointer;
}
#area-search-day span:first-child {
    margin-left: 0;
}
#area-search-day span.active{
    background:#666;color:#fff;
}
#btn-area {
    float: left;
    margin-top: 31px;
}
#btn-area.nmt{
    margin-top:0;
}

/* 푸터 */
#wrap-footer {
    float: left;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    border-top: 1px solid #e3e2e8;
    padding-top: 27px;
}
#wrap-footer #area-footer{width:1200px; margin:0 auto; }
#wrap-footer #area-footer .footer-info{color:#888; font-size:12px; line-height:20px;}



/* 로그인 */

#Header_login {position:fixed;width:100%;height:100%;left:0;top:0;text-align:center;background:url(../../images/login/login_bg.jpg) no-repeat 50% 50% ;background-size:cover;}
#Header_login .header_login_wrap{position:relative;width:610px;height:465px;margin-left:-305px;margin-top:-233px;top:50%;left:50%}
.header_login_wrap .logoTop {width:610px; text-align:center; margin:0px 0px 25px 0px; color:#fff;  font-weight:bold; font-family:'Nanum Gothic';  text-shadow: 0px 0px 5px #2a9b92;}
.header_login_wrap .logoTop .login_title{font-size:35px;}
.header_login_wrap .logoTop .login_text{font-size:16px; line-height:24px; margin-top:10px;color:#e1f5f4}
.header_login_wrap .login_Contents{float:left; width: 610px; height: 400px; background:#fff; box-shadow: 0px 0px 15px 2px rgba(17, 93, 89, 0.7); }

.login-form {float:left; width:480px; margin:29px 0px 0px 65px; }
.login-form .logo{float:left; width:480px; text-align:center; margin-bottom: 30px; }
.login-form .logo img{width:px}
.login-form .pw-input-box input{margin-top:-1px;}
.login-form .pw-input-box input:focus{font-size:11px;}
.login-form input{float:left; color: #aaa; border:1px solid #ccc; display:inline-block; width: 458px; height:45px; text-align:left; padding: 5px 0px 5px 20px; font-size: 14px; font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif; }
.login-form input:focus{color:#333;font-weight:bold;background:#f3fffe}
.login-form label:hover{color:#555; cursor:pointer;}
.login-form input:checked + label{color:#777272; border:1px solid #ddd; border-top:2px solid #eb5e57; border-bottom:1px solid #fffff;}
.login-form input:-ms-input-placeholder {color:#aaa; font-style: none; }/* // Internet Explorer 10 이상에 적용 */
.login-form input:-webkit-input-placeholder {color:#aaa; font-style: none; } /* // Webkit, Blink, Edge에 적용 */
.login-form input:-moz-placeholder {color:#aaa; font-style: none;}/* // Mozilla Firefox에 적용 */

.login-form .login_button{float:left; margin-top:20px; text-align:center; }
    .login-form .login_button button {
        float: left;height: 60px;
        font-size: 16px;font-weight: bold;font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;cursor:pointer;
    }
.login-form .btn-login {width:300px;line-height:60px;border:none;background:#339098;color:#fff;}
.login-form .btn-join {width:172px; border:1px solid #339098;background:#fff;margin-left:6px;color:#339098; }
.login-form .login_search a{float:left; width:480px; margin-top:22px; font-size:13px; color:#999;font-weight:bold; font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;}
.login-form .login_search a:hover{color:#339098; text-decoration:underline}
#txtID {-webkit-text-fill-color: #737373 !important}



/* 아이디 비밀번호 찾기 */

#popup {position:fixed;width:100%;height:100%;left:0;top:0;}
#popup .bg{position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.6;}
#popup .pop_id_search{position:relative;width:460px;height:500px;background-color:#fff;z-index:5050}
#popup .pop_id_search .title{width:460px;float:left;background:#339098}
#popup .pop_id_search .title p{font-size:16px;color:#fff;line-height:50px;font-weight:bold;padding-left:30px;}
#popup .pop_id_search > .pop_search{float:left; width:px; margin:10px 0px 5px 30px;padding:10px 0px; overflow-y:auto;color:#666;font-size:12px;font-family:'돋움','dotum','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo', sans-serif;}
#popup .pop_id_search > .pop_search .id_search_title{font-size:14px;font-weight:bold;padding-bottom:10px;font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','Gulim','굴림','Apple SD Gothic Neo',sans-serif;}
#popup .pop_id_search > .pop_search .id_search_box {float:left;border:1px solid #e3e2e8; padding:15px 30px 15px;}
#popup .pop_id_search > .pop_search .id_search_box .mt10{margin-top:10px;}
#popup .pop_id_search > .pop_search label{display:inline-block;min-width:70px;font-weight:bold;}
#popup .pop_id_search > .pop_search .pw_search_box input{width:168px;vertical-align:top;}
#popup .pop_id_search > .pop_search .pw_search_box #step3 input{width:160px;}
#popup .pop_id_search > .pop_search .pw_search_box #step3 input#txtNewPwd{vertical-align:middle;}
#popup .pop_id_search > .pop_search .pw_search_box #step3 div{margin-bottom:4px;}
#popup .pop_id_search > .pop_search .btn{display:inline-block;width:86px;text-align:center;background-color:#339098;color:#fff;height:26px;line-height:26px;}
#popup .pop_id_search .id_search_box ul {float:left; width:254px;}
#popup .pop_id_search .id_search_box ul li{display:block;position:relative;float:left;padding:0px 10px 0px 60px;min-height:35px;line-height:35px;box-sizing:border-box;}
#popup .pop_id_search .id_search_box ul li .label{display:block;position:absolute;top:0;left:0;padding:0px 0 0px 0px;min-height:35px;line-height:35px;}
#popup .pop_id_search .id_search_box ul li .w80{width:80px;}
#popup .pop_id_search .id_search_box ul li.li_9{padding:0px 10px 0px 70px;}
#popup .pop_id_search .id_confirm{float:left;margin-top:3px}
#popup .pop_id_search .id_confirm a{width:80px;height:63px;display:block;text-align:center;line-height:63px;background:#339098;color:#fff;font-weight:bold;font-size:13px; }
#popup .pw_search_box{float:left;width:336px;border:1px solid #e3e2e8; padding:20px 30px 20px}
#popup .pw_search_text{font-size:13px;color:#888;margin-bottom:15px;}



/* 회원가입 */

#contents #login_area{width:100%; margin:0 auto; background:#fff;}
#contents #login_area .join{width:100%;}
#contents .regist h2 {float:left;width:100%;font-size:14px;color:#333;margin-top:10px;}
#contents .regist .policy {float:left; width:1138px; height: 80px; margin-top: 10px; padding: 20px 25px; overflow-y: auto; border: 1px solid #c5c9c9;  font-family: ;}
#contents .regist .policy_text{line-height:20px; font-family: ; font-size:13px; color:#777;  font-family:'돋움',dotum,'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo', sans-serif;}
#contents .regist .agree {float:left;width:1200px; margin: 15px 0px 50px; text-align: right;}
#contents .regist table.view {margin-top:35px; color:#555;clear:both;border:1px solid #c5c9c9;}
#contents .regist table tr{border-bottom:1px solid #e3e2e8;}
#contents .regist table tr:last-child{border-bottom:0px}
#contents .regist table.view tbody th{text-align:;font-size:13px;background-color:#f3f6f7;height:38px;line-height:38px;border-right:1px solid #e3e2e8;}
#contents .regist table.view td {font-size:13px;padding:6px 20px;background-color:#fff;text-align:left; height: 26px; line-height:20px; border-right:1px solid #e3e2e8; border-left:0px}
#contents .regist table.view td:last-child{border-right:0px}
#contents .regist .btn_h35{display:inline-block;vertical-align:top;}
#contents .regist .btn_h33{display:inline-block;}
#contents .regist .btn_h35 a{display:block; width:100px; height:26px; line-height:27px; background:#999;color:#fff; margin-left:px; font-weight:bold; font-size:11px; text-align:center;}
#contents .regist .btn_h33 a{display:block; width:100px; height:24px; line-height:25px; background:#fff; border:1px solid #999;color:#999; font-weight:bold; font-size:11px;  text-align:center; }
#contents .regist .help{color:#777; margin-left:5px; font-size:11px; }
#contents .area-btn{float:right; margin:15px 0px 0px}
#contents .area-btn li{float:left;}
#contents .area-btn .btn-submit{display:block; width:100px; height:34px; line-height:33px; font-size:13px; background:#339098; color:#fff; margin-right:5px; font-weight:bold; text-align:center;cursor:pointer;}
#contents .area-btn .btn-cancel{display:block; width:100px; height:32px; line-height:31px; font-size:13px;  background:#fff; border:1px solid #339098; color:#339098; margin-right:2px; font-weight:bold; text-align:center;}
#contents .regist .checkbox {display:none}
#contents .regist .checkbox + label {display: inline-block; position:relative; padding-left:24px; cursor: pointer; font-size:13px; color:#555; line-height:17px;}
#contents .regist .checkbox + label:before {display: block; content: ''; position:absolute; left:0; top:0; width:18px; height:18px; background: url(../../images/common/checks_off.png) 0 0 no-repeat;  }
#contents .regist .checkbox:checked + label:before {width:18px; height: 18px; background: url(../../images/common/checks.png) 0 0 no-repeat;}



/* 서브 공통 */
#contents .content-center h1.title1{float:left;height:20px;width:px; font-size:15px; color:#26282b; font-weight:bold;margin:21px 0px 12px;font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif; background:url(../../images/common/title_arrow.png) 0px 1px no-repeat; padding-left:26px;}
#contents .content-center h1.title1.ret{background:url(../../images/common/titleArrow.png) 0px 1px no-repeat; }
.search{float:left; width:730px; border:1px solid #c5c9c9; margin:0px 0px 20px; padding: 15px 25px 13px; color:#666;font-size:12px;background:#fff;font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
.search ul {}
.search ul.last4, .search2 ul.last4{float:left; margin-top:5px;}
.search ul.last{float:left; margin-top:5px;}
.search ul li{display:block;position:relative;float:left;padding:0px 15px 0px 60px;box-sizing:border-box;}
.search ul li .label{display:block;position:absolute;top:0;left:0;padding:0px 0 0px 0px;min-height:27px;line-height:27px;}
.search2{float:left;width:1150px;border:1px solid #c5c9c9; margin:0px 0px 20px; padding: 15px 25px 14px; color:#666; font-size:12px; background:#fff;font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
.search2 ul {}
.search2 ul.last{float:left; margin-top:5px;}
.search2 ul li{display:block;position:relative;float:left;padding:0px 25px 0px 60px;min-height:27px;line-height:27px;box-sizing:border-box;}
.search2 ul li .label{display:block;position:absolute;top:0;left:0;padding:0px 0 0px 0px;min-height:27px;line-height:27px;}

.btn{display:block;padding:0px !important}
.btn1{display:inline-block;}
.btn a{display:block;text-align:center;height:58px;line-height:58px;background:#339098; color:#fff;font-weight:bold; font-size:12px; }
.btn1 a{display:block;text-align:center;height:25px;line-height:25px;background:#fff;font-size:12px; color:#339098;font-weight:bold;border:1px solid #339098;}
.btn2 a{display:block;text-align:center;height:27px;line-height:27px;background:#339098;color:#fff;font-weight:bold; font-size:12px;}
.btn_60 a{width:60px;height:57px;line-height:83px;background:#339098;font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','Gulim','굴림','Apple SD Gothic Neo',sans-serif;}
.btn_58 a{width:58px;height:56px;line-height:82px;background:#fff;color:#339098;border:1px solid #339098;font-family:'Malgun Gothic','맑은 고딕','dotum','돋움','Gulim','굴림','Apple SD Gothic Neo',sans-serif;}
.btn_70 a{display:block;text-align:center;width:70px;height:26px;line-height:27px;}
.btn_68 a{display:block;text-align:center;width:68px;height:24px;line-height:25px;background:#fff;font-size:12px; color:#339098;font-weight:bold;border:1px solid #339098;}
.btn_88 a{width:88px;height:26px;line-height:27px;background:#c0274f;font-size:12px;color:#fff;font-weight:bold;}
.btn_104 a{width:102px;height:24px;line-height:25px;background:#fff;font-size:12px; color:#c0274f;font-weight:bold;border:1px solid #c0274f;}

.search2 .li_7{padding:0px 6px 0px 0px;}
.search2 .li_11{padding:0px 5px 0px 50px;}
.mr5{margin-right:5px;}
.mr4{margin-right:4px;}
.fb{font-weight:bold}
 
table{font-size:12px;color:#2a2d34;border:0px none;text-align:center;background:#fff; font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
table th{color:#666; height:35px;letter-spacing:px;background:#f5f5f5;border-right:1px solid #e3e2e8}
table td{font-size:12px; height:34px;color:#555;border-right:1px solid #e3e2e8}
table .text_left{text-align:left;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
table .text_left.multiline{white-space:inherit;overflow:inherit;text-overflow:inherit;}
table .text_right{text-align:right;padding-right:10px;}
table .text_center{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tableBox.scroll{overflow-y:auto;border:1px #d7d7d7 solid;}
.tableBox.scrollX{overflow-x:auto;border-right:1px #d7d7d7 solid;}
table.ui-datepicker-calendar td {height: 25px;}
.inquiry a{background:#339098 url('../../images/common/btn_search.png') 19px 10px no-repeat}
.over_y{overflow-y:scroll}
.modify a{background:url('../../images/common/btn_modify.png') 18px 8px no-repeat}
.print a{background:url('../../images/common/btn_print.png') 18px 8px no-repeat}
.excel a { background: url('../../images/common/btn_excel.png') 18px 8px no-repeat }
.menual a {
  background: url('../../images/common/question.png') 20px 8px no-repeat
}



/* 주문 */
.search .left {float: left;}
.search .product_serch{float:left;}
.search .product_serch ul li .label {display: block;position: absolute;top: 0;left: 0;padding: 0px 0 0px 0px;}
.search .product_serch ul{}
.search .product_serch ul li{display: block; float: left; position: relative; padding: 0px 10px 0px 47px; min-height: 27px; line-height: 27px; box-sizing: border-box;}
.search .product_serch li.btn_search{padding:0px;}
.search .product_serch li.btn_82 a{width:77px;margin-left:2px;}
.search .center{display:none;float:left;}
.search .right{display:block;float:left;/* border-left:1px solid #e0e6e8; */padding-left:24px;margin-left:140px;}

#btn_closeHelpLayer {display:block;position:absolute;width:24px;height:24px;white-space:nowrap;overflow: hidden;top:13px;right:20px;background: url(../../images/common/close01.png) 50% 50% no-repeat;text-indent: -9999em;cursor: pointer;}
.search ul li.li_3{padding:0px 0px 0px 40px;}
.search ul li.li_4{padding:0px 0px 0px 95px;}
.search ul li.li_6{padding:0px 15px 0px 60px;}
.search ul li.li_10{padding:0px 10px 0px 60px;}
.search ul li.li_8{padding:0px 30px 0px 0px;}
.table_order{height:53px;}

#ulDropSearch select{
    width:276px;
}
#ulDropSearch.adm select{
    width:276px;
}
.table_order1{float:left;}
.table_order1 .table_order1_list{width:780px;height:455px;background:#fff;overflow:hidden;
border-top:2px solid #565959; border-left:1px solid #c5c9c9;border-right:1px solid #c5c9c9;border-bottom:1px solid #c5c9c9;}
.table_order1 .table_order1_list.adm{height:423px;}
.table_order1 .order_1{float:left; width:780px;}
.table_order1 .over_y{float:left; width:780px;height:409px;}
.table_order1 .h409{float:left;width:780px;}
.table_order1 .order_2{float:left; width:780px;}
.table_order1 table tr:nth-child(even) {background:#f3f6f7}
.table_order1 table tr:nth-child(odd) {background:#fff}
.table_order1 .order_2 tr{border-top:1px #e3e2e8 solid;word-break:break-all;}
.table_order1 .order_2 tr:last-child{border-bottom:1px #e3e2e8 solid;}

.table_order1 .btn_shop{display:inline-block; float:right; margin-top:15px;margin-bottom:15px;}
.table_order1 .btn_shop a{width:120px; height:35px; line-height:34px; font-size:13px; background:#339098; color:#fff; font-weight:bold; text-align:center;  font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;}
.table_order1 .question{}
.table_order1 .question > img{margin: -3px 0px 0px 3px}
.table_order1 .question:hover .question_info{display:block;}
.table_order1 .question_info{display:none;position:absolute;right:419px;margin-top:8px;background:#fff; border:2px solid #339098; box-shadow:0px 0px 8px #cdd5d7; border-radius:5px;padding:2px;z-index:9999}
#contents .table_order1 .checkbox {display:none}
#contents .table_order1 .checkbox + label {z-index:50;display: inline-block; position:relative; cursor: pointer; line-height:17px;}
#contents .table_order1 .checkbox + label:before {display:inline-block; content: ''; width:22px; height:22px; background: url(../../images/common/check_01.png) 0 0 no-repeat; margin-top:4px;}
#contents .table_order1 .checkbox:checked + label:before {width:22px; height: 22px; background: url(../../images/common/check_01_on.png) 0 0 no-repeat;}
#contents .table_order1 .checkbox1 {display:none}
#contents .table_order1 .checkbox1 + label {display: inline-block; position:relative; cursor: pointer; margin-top:3px;}
#contents .table_order1 .checkbox1 + label:before {display: inline-block; content: ''; width:22px; height:22px; background: url(../../images/common/check_02.png) 0 0 no-repeat;  }
#contents .table_order1 .checkbox1:checked + label:before {width:22px; height: 22px; background: url(../../images/common/check_02_on.png) 0 0 no-repeat;}

/* .check_pro1, .check_pro2{display:inline-block;width:22px;height:22px;}
.check_pro1{background:url('../../images/common/check_01.png') no-repeat 0 0; margin-top:4px;}
.check_pro2{background:url('../../images/common/check_02.png') no-repeat 0 0;}
.check_pro1.active1{background:url('../../images/common/check_01_on.png') no-repeat 0 0;}
.check_pro2.active2{background:url('../../images/common/check_02_on.png') no-repeat 0 0;}
 */


/******* 장바구니 *******/
.table_order3{float:right;position:relative;}
.table_order .order_title{display:inline-block;text-align:left; font-size:15px;font-weight:bold;color: #42464c;
background:url(../../images/common/icon_01.png) 0 90% no-repeat; padding:22px 0px 0px 30px;}
.table_order3 .btn_excel{display:inline-block;float:right;padding-top:15px;}
.table_order3 .excel_up a.basket{width:130px;cursor:pointer;font-size:12px;height:30px;line-height:28px;
background:#339098;color: #fff;font-weight: bold;text-align:center;}

.table_order3 ul.excel_pop .excel_info_wrap{text-align:right;margin-bottom:5px;}
.table_order3 ul.excel_pop #excel_info{display:none;position:absolute;right:0px;top:32px;z-index:9999;}
.table_order3 ul.excel_pop #excel_info.active{display:block;}
.table_order3 ul.excel_pop{position:absolute;right:0px;top:48px;width:390px;background:#fff;padding:15px 25px 30px;border-radius:5px;z-index:20;}
.table_order3 ul.excel_pop .title{color:#666;font-family:'돋움','dotum','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
.table_order3 ul.excel_pop .btn_excel_file{display:inline-block;width:79px;font-family:'돋움','dotum','Gulim','굴림';
	text-align:center;height:24px;line-height:26px;background:#fff;border:1px solid #339098;color:#339098;font-weight:bold;}

.table_order3 .file_wrap{background:#f5f5f5;padding:20px 0px 20px 20px;border:1px solid #e3e2e8;}

.table_order3 ul.excel_pop .register{margin-top:22px;margin-left:35px;}
.table_order3 ul.excel_pop .register > span{display:inline-block;}
.table_order3 ul.excel_pop .register > span > a{display:block;font-size:12px;text-align:center;font-weight:bold;}
.table_order3 ul.excel_pop .choice_active{width:110px;height:30px;line-height:28px;background:#339098;color:#fff;}
.table_order3 ul.excel_pop .choice_active2{width:90px;height:28px;line-height:27px;background:#fff;color:#339098;border:1px solid #339098;}
.table_order3 ul.excel_pop .upchoice_wrap{display:none;position:absolute;right:90px;padding-top:8px;}
.upChoice{padding:15px 15px; /* margin-top:5px; */ margin-right:-1px;background:#fff;border:1px solid #c5c9c9;border-radius:5px;}
.upChoice a.choice1{display:block; width:165px; text-align:center;height:32px;line-height:30px;background:#339098;color:#fff;}
.upChoice a.choice2{display:block; width:163px; text-align:center;height:30px;line-height:28px;background:#fff;color:#339098;border: 1px solid #339098;margin-top:5px;}
.table_order3 ul li .register:hover + .upchoice_wrap, 
.table_order3 ul li .upchoice_wrap:hover{display:block;}

.table_order3 .table_order3_list{width:388px;height:425px;overflow:hidden;background:#fff;
border-top:2px solid #565959; border-left:1px solid #c5c9c9;border-right:1px solid #c5c9c9;
border-bottom:1px solid #c5c9c9;font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
.table_order3 .order_1{float:left; width:390px; font-size:11px;}
.table_order3 .over_y{float:left; width:390px;height:390px;}
.table_order3 .over_y{word-break:break-all;}
.table_order3 .over_y tr{border-top:1px #e3e2e8 solid;word-break:break-all;}
.table_order3 .over_y tr:last-child{border-bottom:1px #e3e2e8 solid;}
#contents .table_order3 .checkbox {display:none}
#contents .table_order3 .checkbox + label {display: inline-block; position:relative; cursor: pointer; line-height:17px;}
#contents .table_order3 .checkbox + label:before {display: block; content: ''; position:absolute; left:-9px; top:-14px; width:18px; height:18px; background: url(../../images/common/checks_off2.png) 0 0 no-repeat;  }
#contents .table_order3 .checkbox:checked + label:before {width:18px; height: 18px; background: url(../../images/common/checks.png) 0 0 no-repeat;}
#contents .basket_pro a{color:#555;}
#contents .basket_red td, #contents .basket_red td input{text-decoration:line-through; color:#c0274f}
.announceMsg {
    clear:both;
    border: 1px solid #8ccad2;
    border-radius: 11px;
    background-color: #f3fbfc;
    color: #339098;
    padding: 6px 10px;
}
.table_order3 .over_y .pl0{padding-left:0}

.total_amount{float:left;position:relative;height:px;line-height:px;border-top:2px #c5c9c9 solid;padding:20px 25px 21px;color:#42464c;}
.total_amount .order_send_text{width:343px;font-size:11px; float:left; color:#42464c; font-weight:bold;}
.total_amount .order_send_text .order_num{display:inline-block;font-size:19px;margin-right:5px;margin-left:5px;color:#000}
.total_amount .order_send_text .order_total{display:inline-block;text-align:right;font-size:13px;color:#c0274f;margin-left:10px;}

.total_amount .txtOrderNote {color:#33c;}
.total_amount .btnDel a{
    display:inline-block;background-color:#339098;color:#fff;padding:4px 10px;
}
.total_amount .btnDel a:active, 
.total_amount .btnDel a:focus{font-weight:bold;}
.order_send{float:left;position:relative;width:388px;background:#f3f7f8;color:#42464c;border:1px solid #c5c9c9;margin-top:15px;padding:15px 0px;font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
.order_send .order_send_text{width:343px;font-size:11px; float:left; color:#42464c; font-weight:bold;}
.order_send .order_send_text .order_num{display:inline-block;font-size:19px;margin-right:5px;margin-left:5px;color:#000}
.order_send .order_send_text .order_total{display:inline-block;text-align:right;font-size:13px;color:#c0274f;margin-left:10px;}
.order_send_img{position:absolute; left:38%}
.order_send > .send_memo{float:left;padding:0px 0px 0px 20px;}
.order_send > .send_memo2{float:left;padding:5px 0px 0px 20px;}
#contents .order_send .send_memo2 select{background:#fff (../../images/common/arrow.png) center right no-repeat !important;}
.order_send > ul > li{float:left;position: relative;padding: 0px 5px 0px 55px;box-sizing: border-box;min-height:27px;line-height:27px;}
.order_send > ul > li .label {display: block;position: absolute;top: 0;left: 0;padding: 0px 0 0px 0px;color: #666;}
.order_send .drop {display:none;}
.order_send .dropAddress {display:none;}
.order_send .txtOrderNote {color:#33c;}
.order_send > div > .label {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    margin-right: 15px;
    letter-spacing: 0.5px;
}
.order_send > div.send_memo > .label{
    letter-spacing:0px;
}
.ie .order_send > div.send_memo > .label {
    letter-spacing: -0.5px;
}
#contents input[type=text].w260 {
    width: 281px;
}
.send_btn{display:inline-block;float:right;margin-top: 15px;}
.send_btn > span {display:inline-block;vertical-align:top;}
.send_btn > span > a{display:block;text-align:center;font-size:13px;font-weight:bold;}
.send_btn .red_btn a{width:110px;height:35px;line-height:33px;background:#c0274f;color:#fff;}
.send_btn .red_btn1 a{width:108px;height:33px;line-height:33px;border:1px solid #c0274f;background:#fff;color:#c0274f;}


.send_btn .orange_btn a{width:110px;height:35px;line-height:33px;background:orangered;color:#fff;}
.send_btn .orange_btn1 a{width:108px;height:33px;line-height:33px;border:1px solid orangered;background:#fff;color:orangered;}
.order_send_text .orange_btn a,
.table_order3 .excel_up .orange_btn a,
.search .orange_btn a,
.btn_shop.orange_btn a {
    background-color: orangered;
    color: #fff;
}

.table_order2 {position:absolute;right:10px;top:141px;width:360px;margin:0;overflow:hidden;background:#fff;border:1px solid #c5c9c9;padding:20px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);border-radius:5px}
.table_order2 .table_order2_list table{width:360px;margin:0px 0px 20px;border:1px #e3e2e8 solid}
.table_order2 .table_order2_list table tr{border-bottom:1px #e3e2e8 solid;}
.table_order2 .table_order2_list table tr.last{border-bottom:none}
.table_order2 .table_order2_list table th{font-size:11px;background:#f5f5f5}
.table_order2 .table_order2_list table th, .table_order2 .table_order2_list table td{height:30px;padding:0px 10px; word-break:break-all;overflow: hidden; white-space: nowrap;}
.table_order_title{height:34px; line-height:33px;font-size:13px; color:#fff; font-weight:bold; background:#339098; text-indent:15px;}
.table_order_title .order_title{float:right;display:block;width:370px;text-align:left;height:51px; line-height: 35px;font-size: 17px;font-weight: bold;color: #42464c;}
.table_order_title .order_title1{float:left;display:block;width:780px;text-align:left;height:51px; line-height: 35px;font-size: 17px;font-weight: bold;color: #42464c;}
.order_memo{float:right;font-size:11px;font-weight:normal;color:#339098;
margin-top:0px;display: inline-block;text-align: right;overflow:hidden;white-space: nowrap;word-break:break-all;text-overflow:ellipsis;
padding:6px 10px 7px 30px;border:1px solid #8ccad2;background:#f3fbfc url(../../images/common/order_memo.png) 7px 5px no-repeat;border-radius:20px;
margin-top:15px;}
.pt40{padding-top:40px;}
.product_name{font-weight:bold;}
.table_order2 .table_order2_list table .w100{width:100px;}
.table_order_title > span img{margin:-4px 0px 0px 260px;cursor:pointer;}

.table_order4 {width:360px;overflow:hidden;}
.table_order4 .table_order4_list {margin:0px 0px 0px;border: 1px #e3e2e8 solid;border-right: 0px;}
.table_order4 .table_order4_list th, .table_order4 .table_order4_list td{height:30px;line-height:30px;}
.table_order4 .table_order4_list th{font-size:11px;background:#f5f5f5;}
.table_order4 .over_y{float:left; height:104px;}
.table_order4 .over_y{width:358px;border-top:1px #e3e2e8 solid;border-right:1px #e3e2e8 solid;word-break:break-all;background:#fff;}
.table_order4 .over_y tr{border-bottom:1px #e3e2e8 solid;word-break:break-all;}
.table_order4 table.order_4{border-top:1px solid #e3e2e8;}
.table_order4 table.order_4 tr th{width:100px;}
.table_order4 table.order_4 tr th.bl{}
.table_order4 table.order_4 tr td.w60{width:60px;}

/* .check_pro1, .check_pro2{display:inline-block;width:22px;height:22px;}
.check_pro1{background:url('../../images/common/check_01.png') no-repeat 0 0; margin-top:4px;}
.check_pro2{background:url('../../images/common/check_02.png') no-repeat 0 0;}
.check_pro1.active1{background:url('../../images/common/check_01_on.png') no-repeat 0 0;}
.check_pro2.active2{background:url('../../images/common/check_02_on.png') no-repeat 0 0;}
 */



/* 주문서 검색 */

.search2 .line_none{float:left; border:none;}
.search2 .line_none2{float:left; border:none;}
.search2 .line_none2 ul li{padding: 0px 10px 0px 60px;}
.search2 .center{float:left;}
.search2 .right_text{float:right;}
.search2 .right_text  ul li{padding:0px 0px; color:#555; }
.search2 .right_text  ul .line{display:inline-block;text-decoration:underline;}
.tableBox{width:1200px;max-height:385px;background:#fff; border-top: 2px solid #565959;border-left: 1px solid #c5c9c9;
border-right: 1px solid #c5c9c9;border-bottom: 1px solid #c5c9c9;}
.tableBox, .table_total{width:100%;overflow:hidden;}
.tableBox table.order_list{overflow:hidden;}
.tableBox table th{padding:0px 0px;border-right:1px #e3e2e8 solid;word-break:break-all;}
.tableBox table td{border-top:1px #e3e2e8 solid;padding:0px 5px;border-right:1px #e3e2e8 solid;word-break:break-all;}
.tableBox table tr.bg_yellow{background:#fffcdd !important}  /* 미확정 노랑색 */
.tableBox table tr.bg_orange{background:#fff2e5 !important}  /* 확정 오렌지색 */
.tableBox table tr:nth-child(even) {background: #f3f6f7}
.tableBox table tr:nth-child(odd) {background: #fff}
.tableBox table tr:hover {background:#e3f5f6;}
.tableBox table th.last, .tableBox table td.last{border-right:none;}
.tableBox .memo img{margin-top:-1px;}
.tableBox .memo:hover img{background: #fff;padding:3px 6px 4px;border:1px solid #c5c9c9;border-radius: 2px;margin-top:1px;}
.tableBox .memo:hover .memo_pop{display:block;}
.tableBox .memo_pop{display:none;position:absolute;right:10px;font-size:11px;margin-top:5px;background:#fff; border:2px solid #339098;padding:10px 10px 8px;color:#666;border-radius:5px;}
.table_total{border: 1px solid #c5c9c9;margin-top:5px;}
.table_total table.total_list{width:1200px;height:40px; line-height:40px;}
.table_total table.total_list td{border-right:1px #c5c9c9 solid;word-break:break-all; font-size:13px; font-weight:bold; color:#42464c}
.table_total table.total_list td.red{color:#c0274f; font-size:13px; }
.table_total table.total_list td.orange{color:orangered; font-size:13px; }
#contents .tableBox .checkbox {display:none}
#contents .tableBox .checkbox + label {display: inline-block; position:relative; cursor: pointer; line-height:17px;}
#contents .tableBox .checkbox + label:before {display: block; content: ''; position:absolute; left:-9px; top:-14px; width:18px; height:18px; background: url(../../images/common/checks_off2.png) 0 0 no-repeat;  }
#contents .tableBox .checkbox:checked + label:before {width:18px; height: 18px; background: url(../../images/common/checks.png) 0 0 no-repeat;}
#contents .tableBox .orderView .checkbox + label:before{position:relative;display:inline-block;vertical-align:-4px;margin-right:5px;left:0;top:0;}
.search2 ul li.li_5{padding:0px 30px 0px 72px;}
.search2 ul li > .input_bg{background:#f5f5f5;}
.tableBox .tableBox_last{background:#fff !important; height:50px;}
.tableBox .tableBox_last td{font-weight:bold;color:#000 }
.tableBox .tableBox_last td.red1{color:#e23b24; }
.list_btn_wrap{text-align:center;margin:25px 0px; clear:both}
.list_btn_wrap .btn-submit{display:block;width:100px;height:35px;line-height:34px;font-size:13px;background:#339098;color:#fff;font-weight:bold; text-align:center;  font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;}
.list_btn_wrap .btn-cancel{display:block;width:98px;height:33px;line-height:32px;font-size:13px;background:#fff;border:1px solid #339098;color:#339098;font-weight:bold;text-align:center;font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;}

.order_print{border-top:2px #777 solid;margin-top:10px;}
.order_print th{border:1px #ccc solid;padding:0px 10px;height:35px;background-color: #f3f6f7;}
.order_print td{border:1px #ccc solid;padding:0px 10px;height:30px;color:#333}
.order_print td.td_nm {text-align: left;}
.order_print td.td_num {text-align: right;}
.order_print tfoot .ordersumTotal{font-weight: bold;font-size: 14px;height:35px;}




/* 페이징 */

.page_wrap {width:1200px; padding:15px 0px 10px; margin-right: 0; margin-left: 0; border-width: .2rem;font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;}
.page_wrap nav{/* float:left; */ display:block; box-sizing:border-box; }
.page_wrap1{width:370px;padding: 15px 0px; display:inline-block;}
.page_wrap2{width:720px;padding: 15px 0px; display:inline-block;}

.pagination {display: -webkit-box;display: -ms-flexbox;display: flex; padding-left: 0;list-style: none;justify-content: center!important;    -webkit-box-pack: center!important;}
.pagination li{box-sizing:border-box; display: list-item;}
.page-link:not(:disabled):not(.disabled) {cursor: pointer;}
.page-link {position: relative; display: block; font-size:13px; width:40px; height:35px; margin-left: -1px; line-height:35px; text-align:center; color:#333; background-color: #fff; border: 1px solid #e3e2e8;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;}
.pagination li:hover > a , 
.pagination li.active > a{background-color: #339098; color:#fff;}
.page-link .pre, .page-link .next{display:block;}
.page-item:first-child .page-link {margin-left: 0;border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
.page-item:last-child .page-link {border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;}

.pagination li .page-link span{display:inline-block; width:40px; height:35px;}
.pagination li .page-link .fst{background:url(../../images/common/fst.jpg) 50% 50% no-repeat;}
.pagination li .page-link:hover .fst {background:url(../../images/common/fst.png) 50% 50% no-repeat;}
.pagination li .page-link .Previous{background:url(../../images/common/prev.jpg) 50% 50% no-repeat;}
.pagination li .page-link:hover .Previous {background:url(../../images/common/prev.png) 50% 50% no-repeat;}
.pagination li .page-link .next{background:url(../../images/common/next.jpg) 50% 50% no-repeat;}
.pagination li .page-link:hover .next {background:url(../../images/common/next.png) 50% 50% no-repeat;}
.pagination li .page-link .last{background:url(../../images/common/last.jpg) 50% 50% no-repeat;}
.pagination li .page-link:hover .last {background:url(../../images/common/last.png) 50% 50% no-repeat;}



/* 거래처검색 */

#contents .list_btn_wrap span{display:inline-block}
#contents .list_btn_wrap .btn-submit1{width:98px; height:33px; line-height:32px; font-size:13px;  background:#fff; border:1px solid #339098;color:#339098; margin-right:px; font-weight:bold; text-align:center;}
#popup {position:fixed;width:100%;height:100%;left:0;top:0;}
#popup .bg{position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.6;}
#popup .pop_ven{position:relative;width:740px;height:550px;background-color:#fff;z-index:5050}
#popup .pop_ven .title{width:740px;float:left;background:#339098}
#popup .pop_ven .title p{font-size:16px;color:#fff;line-height:50px;font-weight:bold;padding-left:30px;}
#popup .pop_ven > .pop_search{float:left;width:628px;margin:15px 30px 10px 30px;padding:14px 25px;color:#2a2d34;font-size:12px;border:1px solid #c5c9c9;font-family:'돋움','dotum','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}

#popup .pop_ven > .pop_search > ul {}
#popup .pop_ven > .pop_search > ul li{display:block;position:relative;float:left;padding:0px 5px 0px 0px;box-sizing:border-box;}
#popup .pop_ven > .pop_search > ul li select{width:100px;}
#popup .pop_ven > .pop_search > ul li .label{display:block;position:absolute;top:0;left:0;padding:0px 0 0px 0px;min-height:27px;line-height:27px;color:#666;}
#popup .pop_ven > .pop_search > ul input{vertical-align:top;}
#popup .pop_ven ul li .w80{width:80px;}
#popup .pop_ven .btn_82_p0{width:82px;padding:0px}
#popup .pop_ven .table_popup{float:left;margin:10px 30px 0px;border-top:2px solid #565959;}
#popup .pop_ven .table_popup table.order_list{border-left:1px #e3e2e8 solid;border-right:1px #e3e2e8 solid;}
#popup .pop_ven .table_popup tr:hover {background:#e3f5f6;}
#popup .pop_ven .table_popup table th{font-size:11px;height:34px;line-height:34px;background:#f5f5f5}
#popup .pop_ven .table_popup table th, .table_popup table td{height:30px;border-bottom:1px #e3e2e8 solid;border-right:1px #e3e2e8 solid;word-break:break-all;}


/* 고객문의 */

.tableBox2{height:px;background:#fff;width:100%;border-top:2px solid #565959;border-left:1px solid #c5c9c9;border-right:1px solid #c5c9c9;border-bottom:1px solid #c5c9c9;overflow:hidden;}
.customer_list{}
.customer_list tr > td >img{margin-top:-2px; margin-left:2px;}
.tableBox2 .customer_list th{padding:0px 10px;border-right:1px #e3e2e8 solid;word-break:break-all;}
.tableBox2 .customer_list td{border-top:1px #e3e2e8 solid;padding:0px 10px;border-right:1px #e3e2e8 solid;word-break:break-all;}
.tableBox2 .customer_list th:last-child, .tableBox2 .customer_list td:last-child{border-right:0px}
.tableBox2 .customer_list td{line-height:1.5em;}
/* .tableBox2 table tr:nth-child(even) {background:#f3f6f7} */
/* .tableBox2 table tr:nth-child(odd) {background:#fff} */
.tableBox2 table tr:hover {background:#e3f5f6;}
.btn-file{display:inline-block;width:85px;text-align:center;height:26px;line-height:27px;background:#999;color:#fff;font-weight:bold;font-size:12px;vertical-align:bottom;}
.setTextarea{width:946px; height:200px;padding:10px;border:1px solid #d1d1d1;ime-mode:active;vertical-align:middle;margin:3px 0px;font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;color:#666;}
.search2 .btn_78{padding:0px 7px 0px;}
.search2 .btn_78 a{width:58px;height:58px;text-align:center;line-height:58px;}
#contents .regist table.view td.view_content{border-left:1px solid #c5c9c9; height:200px;min-height:200px;text-align:left;vertical-align:top;}
#contents .regist table.view .admin_answer{}
#contents .regist table.view td.con_title{line-height:22px;font-size:13px;}
#contents .regist table.view td.con_height{line-height:22px;font-size:13px;}



/* 팝업등록 */

#contents .regist table.view td.bb0{border-bottom:none;padding-top:10px;}
#contents .regist table.view td.bt0{border-top:none;padding-top:0px;}
#contents .regist .help.red{color:#e23b24; font-size:11px;}
#contents .regist .ml0{margin-left:0px}
#contents .regist a.ml0{margin-left:0px}
#contents .regist .mr10{display:inline-block; margin-right:10px}



/* 주문안내메모 */

.memo_info{height:50px;line-height:50px;text-align:center;color:#999}
.memo_box{width:400px;float:left;margin:30px 67px 30px;border:1px solid #d1d1d1;border-radius:5px;}
.memo_arrow{float:left;margin-top:30px;line-height:190px;}
.memo_title{font-size:16px;font-weight:bold;text-align:center;color:#42464c;line-height:50px;background:#f3f6f7;border-radius:5px;}
.memo_text{border-top:1px solid #d1d1d1;height:80px;line-height:22px;padding:20px;}
.memo_count{display:inline-block;margin-top:10px;}
#contents .memo_save.btn-submit{display:block; width:100px;float:right;margin-top:15px;padding:0px 20px;height:33px; line-height:33px; font-size:13px; background:#339098;color:#fff;font-weight:bold;text-align:center; font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;}
#contents .memo_text input{width:358px;}



/* 주문팝업 */

.layer-popup {position:absolute;left:0px;top:50px;margin:0;background-color:#f4f4f4;box-shadow:0 2px 8px #aaa;font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
.layer-popup .popup_title{height:42px;background:#3979bb;color:#fff;text-align:center;font-size:15px;font-weight:bold;line-height:42px;}
.layer-popup .inner-pop {position:relative;background:#fff;overflow:hidden;margin:15px;margin-bottom:0px;border:1px solid #d4d4d4;}
.layer-popup .inner-pop .pop-content .pop_title{line-height:38px;font-size:13px;font-weight:bold;color:#1960a9;margin:5px 20px;border-bottom:1px dotted #bbb;}
.layer-popup .inner-pop .pop-content .pop_text{height:171px;color:#555;overflow-y:auto;margin-top:0px;background:#fff;padding:10px 20px;font-size:12px;line-height:18px;}
.layer-popup .pop-content {width:350px;height:235px;max-height:250px;background: #fefefe;line-height: 1.5em;}
.area-pop-close {float:left;padding: 13px 15px 3px;margin-bottom:10px;color:#fff;text-align:left;}
.btn-popClose {float:right;padding: 13px 15px 0px 0px;margin-bottom:10px;color:#555;font-size:13px;}
#contents .area-pop-close .checkbox {display:none}
#contents .area-pop-close .checkbox + label {display:inline-block;position:relative;padding-left:20px;cursor:pointer;font-size:13px;line-height:17px;color:#555;}
#contents .area-pop-close .checkbox + label:before {display: block; content: ''; position:absolute; left:0; top:0; width:18px; height:18px; background: url(../../images/common/checks_off3.png) 0 0 no-repeat;  }
#contents .area-pop-close .checkbox:checked + label:before {width:18px; height: 18px; background: url(../../images/common/checks1.png) 0 0 no-repeat;}
.outside-popup{position:relative;left:0px;top:0px;height:100%;margin:0;background-color:#f4f4f4;font-family:'dotum','돋움','Gulim','굴림','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
.outside-popup .popup_title{height:42px;background:#3979bb;color:#fff;text-align:center;font-size:15px;font-weight:bold;line-height:42px;}
.outside-popup .inner-pop {position:relative;background:#fff;width:100%;height:95%;overflow:hidden;margin:15px;margin-bottom:0px;border:1px solid #d4d4d4;}
.outside-popup .inner-pop .pop-content .pop_title{line-height:38px;font-size:13px;font-weight:bold;color:#1960a9;margin:5px 20px;border-bottom:1px dotted #bbb;}
.outside-popup .inner-pop .pop-content .pop_text{height:100%;color:#555;min-height:171px;overflow-y:auto;margin-top:0px;background:#fff;padding:10px 20px;font-size:12px;line-height:18px;}
.outside-popup .pop-content {width:350px;height:235px;max-height:250px;background:#fefefe;line-height:1.5em;}



/* 공휴일 관리 */

.wrap_year{float:left; width:1200px; margin:0px 0px 50px; padding: 25px 0px 50px; overflow-y:auto; color:#2a2d34;font-size:13px;background:#fff;border:1px solid #c5c9c9;font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;}
#contents .holiday_info .red{color:#c0274f; font-weight:bold}
.holiday_title.year{padding: 10px 0; text-align: center;}
.holiday_title {position: relative; font-size:28px; font-weight: bold; color: #42464c; margin: 0 auto 0px; }
.holiday_title_text{margin: 0px -10px;font-size:25px;}
.holiday_title #year_prev, .holiday_title #year_next, .holiday_title #year_curr
{display:inline-block; margin-top:-5px; font-size:12px; font-weight: bold; color: #888; background:#f3f6f7; padding:4px 10px 5px; border-radius:5px; border:1px solid #c5c9c9;vertical-align: middle;}
.holiday_title #year_curr {color:#42464c;}
.holiday_info{height:50px;line-height:50px;text-align:center;color:#666;margin-bottom:10px;}
.year_content {text-align:center}
.year_content ul {margin: 0 auto;}
.year_content ul li {display: inline-block; height:285px; margin-right:24px; margin-bottom:24px; border: 1px solid #c5c9c9;}
.year_content ul li p a {display: block;font-size:20px; color:#42464c; font-weight: bold; text-indent:7px; white-space: nowrap;overflow: hidden;background: url(../../Images/Content/month_title.jpg) no-repeat;}
.year_content .year_tbl{width:280px; margin: 0px 20px 0px; }
.year_content .year_mini_title{margin-bottom:10px; font-size:16px; font-weight: bold; text-align: center; color: #42464c; line-height: 40px;background: #f3f6f7;border-bottom: 1px solid #c5c9c9;border-top-left-radius:5px;border-top-right-radius:5px;}
.month_tbl .holiday, .year_tbl .holiday, .month_tbl .holiday a, .year_tbl .holiday a {color:#c0274f;}
.month_tbl th{font-size:12px; color:#42464c; height:28px; padding:3px 0px}
.month_tbl td, .year_tbl th, .year_tbl td {font-size:11px; font-weight: bold; color:#42464c; height:26px; padding:3px 0px;border-right:0px}
.month_tbl th, .month_tbl td, .year_tbl th, .year_tbl td a{color:#888;}
.month_tbl th, .month_tbl td, .year_tbl th, .year_tbl td a{font-weight:bold;}
.month_tbl .holiday_set a, .year_tbl .holiday_set{background: url(../../images/common/pointdaybg.jpg) no-repeat 50% 50%;}
.month_tbl .holiday_set a, .year_tbl .holiday_set a {color: #fff; }
.year_content ul li.third {margin-right: 0;}


.screenBlock {
    position: absolute;
    top: 120px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    display: none;
    z-index:10;
}
#btn_show_excel{
    display:inline-block;border:1px solid #339098;border-radius:3px;background-color:#339098;color:#fff;padding:1px 7px;
}

.login-option{
    clear:both;padding-top:10px;
    text-align:left;
}
.login-option .checkbox{
    display:none;
}
.login-option .checkbox + label{
    position:relative;display:inline-block;height:18px;line-height:18px;text-indent:2em;
    background:url('../../images/common/checks_off2.png') 0 0 no-repeat;
    color:#999;font-weight:bold;
}
.login-option .checkbox:checked + label{
    border:0;color:#999;
    background:url('../../images/common/checks.png') 0 0 no-repeat;
}
.login-option .checkbox + label:hover{
    color:#666;
}


.click {
    cursor: pointer;
}


/* 메뉴 공지사항 NEW */
#menu4_new {
  display: inline-block;
  padding-left: 5px;
}

#menu4_new img {
  vertical-align: -3px;
}


#lblPRMemo *{font-size:unset;}

/* 제품관리 */
.yNbtn {padding: 5px 10px;border: 1px gray dashed;cursor: pointer;font-weight: bold;}
.yNbtn.default {background-color: gray;color: white;}
.yNbtn.cancel {background-color: white;color: gray;}
/* //제품관리 */



/* 모달팝업 : S */
    .dialog {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
    }

    .dialog > .tb {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

        .dialog > .tb .inner {
            width: 100%;
            padding: 20px;
            background: #fff;
            border-radius: 16px;
        }

    .dialog .top {
        display: flex;
        align-item: center;
        border-bottom: 1px solid #ddd;
        justify-content: space-between;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .dialog .title {
        font-weight: bold;
        font-size: 20px;
    }

    .dialog .ct {
        max-height: 60vh;
        height: 60vh;
        overflow-y: auto;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #fff;
    }

.poptb {
    border: 1px solid #E3E2E8;
}

.t1 {
    border: 1px solid #E3E2E8;
    background-color: #F3F6F7;
}

.t2 {
    text-align: left;
    padding-left: 10px;
}

.btn_excel_file1 {
    display: inline-block;
    width: 79px;
    font-family: '돋움', 'dotum', 'Gulim', '굴림';
    text-align: center;
    height: 24px;
    line-height: 26px;
    background: #fff;
    border: 1px solid #339098;
    color: #339098;
    font-weight: bold;
}
/* 모달팝업 : E */