@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* CSS Document */
/*  base */
html,body, p, h1, h2, h3, h4, h5, h6, menu, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, hr{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,select,textarea{font-family:'Noto Sans KR',sans-serif;}
body {padding:0;margin:0;text-align:left;-ms-word-break: break-all;background:#ffffff;color:#000;font-size:1em;overflow-x:hidden;}
form{height:auto}
img,fileldset,iframe{border:0}
li {padding:0;margin:0;list-style:none}
input,select,button{vertical-align:middle}
select{color:#555}
img {vertical-align:top}
i,em,address{font-style: normal}
label ,button{cursor:pointer}
a {text-decoration:none;color:#505050}
a:active, a:focus{outline:none}
a:hover {text-decoration:none}
hr {display:none}
table {border-collapse:collapse;border-spacing:0}
.blind, legend{left: 0px; top: -1000em; overflow: hidden; display: block; position: absolute}
caption {width: 0; text-indent: -9000px; overflow: hidden;height:0;line-height:0;font-size:0}
.ellipsis {overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
textarea{resize:none}

/* 공통 */
.show {display:block}
.hide {display:none}
.f_left{float:left}
.f_right{float:right}
.txt_center {text-align:center}

/* 버튼 */
.btn_area{margin-top:10px;padding:15px 0;border-top:0px solid #d5d5d5;text-align:center}
.btn_area em{display:block;margin-top:15px;text-align:center;color:#333;font-size:0.9em;font-style:italic}
.btn_rm{display:block;height:36px;background:#df616d;color:#fff;border-radius:5px;font-size:0.9em;line-height:36px;text-align:center;margin:0 auto;padding-left:10px;padding-right:10px;}
.w5{width:5%;}
.w24{width:24.8%;}
.right{text-align:right}
.w33{width:33.1%;}
.w40{width:40%;}
.w49{width:49.9%;}
.w50{width:33.3%;}
.w100{width:100%;}
.w10{width:10%;}
.pd10 {padding:10px 0;}
.mg_b50{margin-bottom:50px !important;}
.f_right_bt{padding-right:15px;font-size:0.8em;text-align:right}
.Breed_Bold{color:red;font-weight:bold;}

/* checkbox, radio */
input[type="checkbox"] {display:none}
input[type="checkbox"] + label {color:#000}
input[type="checkbox"] + label {
    display:inline-block;
    height:15px;
    margin:0 10px 0 0;
    vertical-align:middle;
    background:url(../images/checkbox.png) 0 0 no-repeat;
}
input[type="checkbox"] + label span {
    height:15px;
    font-size:15px;
    margin:0 0 0 20px;
    vertical-align:top;
}
input[type="checkbox"]:checked + label {
    background:url(../images/checkbox.png) 0 -15px no-repeat;
}

input[type="radio"] {display:none}
input[type="radio"] + label {color:#000}
input[type="radio"] + label {
    display:inline-block;
    height:15px;
    margin:0 10px 0 0;
    vertical-align:middle;
    background:url(../images/radiobtn.png) 0 0 no-repeat;
    cursor:pointer;
}
input[type="radio"] + label span{
    height:15px;
    font-size:15px;
    margin:0 0 0 20px;
    vertical-align:top;
}
input[type="radio"]:checked + label {
    background:url(../images/radiobtn.png) 0 -15px no-repeat;
}

/* basic structure */
#wrapper{background:#ffffff;color:#333;position:relative}
#pop_mask{display:none;position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0, 0, 0, .5);z-index:1;overflow:hidden}
.header{height:40px;padding:10px;text-align:center;background:#df616d;}
.container{margin:0 auto;text-align:left;}
.footer{margin:0 auto;text-align:center}

/* side 메뉴 */
#sidemenu{z-index:1000}
.side_info{height:44px;padding:14px 0 2px 10px;background:#df616d;color:#fff;line-height:33px}
.side_title_logo{display:block;width:72px;height:30px;background:url(../images/main_logo.png) no-repeat 50% 50%;background-size:72px 25px;text-indent:-5000px} 
.side_title_logop{display:block;width:172px;height:30px;background:url(../images/main_logop.png) no-repeat 50% 50%;background-size:172px 25px;text-indent:-5000px}
.side_title_logoc{display:block;width:172px;height:30px;background:url(../images/main_logoc.png) no-repeat 50% 50%;background-size:172px 25px;text-indent:-5000px}
.side_info img{margin-top:4px}
.side_info span{padding-left:5px}
.menu_1d span{border-top:1px solid #ececec;font-size:0.9em;font-weight:500;padding:10px 5px 10px 45px;color:#333;display:block;/*transition: 0.3s;*/}
.menu_1d span.open{border-bottom:1px solid #ececec;background:url('../images/side_arrow_d.png') right 10px center no-repeat;}
.menu_1d li:first-child span{border-top:none;}
.menu_1d li:last-child span{border-bottom:1px solid #ececec;}
.menu_1d li ul {display:none;}
.menu_2d{font-size:0.8em;color:#656567; background:#f6f7f9}
.menu_2d li{padding:8px 5px 8px 45px;border-bottom:1px solid #edeef0}
.menu_2d li:last-child{border-bottom:none}

.menu_1d>li{background-position:left 13px top 12px;background-repeat:no-repeat;}
.menu_1d .sm01{background:url(../images/side_icon01.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm02{background:url(../images/side_icon10.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm03{background:url(../images/side_icon02.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm04{background:url(../images/side_icon03.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm05{background:url(../images/side_icon04.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm06{background:url(../images/side_icon05.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm07{background:url(../images/side_icon06.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm08{background:url(../images/side_icon07.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm09{background:url(../images/side_icon09.png) no-repeat 15px 10px;background-size:22px 22px;}
.menu_1d .sm10{background:url(../images/side_icon11.png) no-repeat 15px 10px;background-size:22px 22px;}

/*축우전용 GNB*/
/*개체현황자료*/
.menu_1d_sm01 {background:url(../images/side_icon01.png) no-repeat 5px 14px !important;background-size:22px 22px !important; background-color:#FFF2DB !important; background-position: center !important;}
/*출하/도축정보*/
.menu_1d_sm03 {background:url(../images/side_icon02.png) no-repeat 5px 14px !important;background-size:22px 22px !important; background-color:#FFF2DB !important; background-position: center !important;}
/*이력제접수정보*/
.menu_1d_sm04 {background:url(../images/side_icon03.png) no-repeat 0px 14px !important;background-size:22px 22px !important; background-color:#FCDCDC !important; background-position: center !important;}
/*경매내역*/
.menu_1d_sm05 {background:url(../images/side_icon04.png) no-repeat 2px 14px !important;background-size:22px 22px !important; background-color:#FCDCDC !important; background-position: center !important;}
/*현황판*/
.menu_1d_sm06 {background:url(../images/side_icon05.png) no-repeat 5px 14px !important;background-size:22px 22px !important; background-color:#FFF2DB !important; background-position: center !important;}
/*알림마당*/
.menu_1d_sm07 {background:url(../images/side_icon06.png) no-repeat 5px 14px !important;background-size:22px 22px !important; background-color:#F5F5F5 !important; background-position: center !important;}

/*현재 미사용*/
.menu_1d_sm02 {background:url(../images/side_icon10.png) no-repeat 5px 14px;background-size:22px 22px; height:52px;}
.menu_1d_sm08 {background:url(../images/side_icon07.png) no-repeat 5px 14px;background-size:22px 22px; height:52px;}
.menu_1d_sm09 {background:url(../images/side_icon09.png) no-repeat 5px 14px;background-size:22px 22px; height:52px;}
.menu_1d_sm10 {background:url(../images/side_icon11.png) no-repeat 5px 14px;background-size:22px 22px; height:52px;}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 250px; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: -250px;
  background: #fff;
  overflow: hidden; /* Disable scroll */  
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
  color:#fff;
  display:none;
}


/* main */
.header .title{height:35px;padding-top:5px;text-align:left;color:#fff;font-size:1.0em;line-height:2em;font-weight:400;padding-left:7px;float:left;}
.header .title a{}
.header .main_title{display:inline-block;width:100px;height:30px;padding-top:6px;padding-left:8px;float:left;}
.header .main_title a{display:block;width:128px;text-align:left;}
.header .title_logo{display:block;width:72px;height:30px;background:url(../images/main_logo.png) no-repeat 50% 50%;background-size:72px 25px;text-indent:-5000px}
.header .title_logop{display:block;width:122px;height:30px;background:url(../images/main_logop.png) no-repeat 50% 50%;background-size:122px 25px;text-indent:-5000px}
.header .title_logoc{display:block;width:122px;height:30px;background:url(../images/main_logoc.png) no-repeat 50% 50%;background-size:122px 25px;text-indent:-5000px}
.header .header_l{display:inline-block;width:30px;height:30px;padding-top:3px;float:left;}
.header .header_l a{display:block;width:35px;height:27px;background:url('../images/icon_menu.png') 0 0 no-repeat;text-indent:-5000px}

.header .header_r{display:inline-block;width:165px;height:30px;padding-top:11px;float:right}
.header .header_r a{display:inline-block;width:50px;height:30px;float:right;margin-left:2px;background:#f4d3d8;/*border:1px solid #ccc;*/color:#484848;font-size:0.75em;line-height:1.7em}

.header .title:after{content:"";display:block;clear:both;}
.header .open_nav{display:block;width:30px;height:33px;background:url('../images/open_nav.png') 0 3px no-repeat;text-indent:-8000px}

.container .s_calendar{background:#fff;margin:0 auto;}
.s_calendar .s_c_top{height:100px;text-align:center;margin:0 auto;border-bottom:1px solid #d5d5d5}
.s_calendar .c_month{display:block;height:34px;padding-top:6px;font-size:1.5em;font-weight:600;margin:0 auto}
.s_calendar ul.c_week{width:100%;t  ext-align:center;margin:0 0 0 3px}
.s_calendar ul.c_week li{float:left;display:inline-block;width:14%;}
.s_calendar ul.c_week em{display:block;line-height:30px;font-size:0.9em}
.s_calendar ul.c_week span{line-height:25px;}
.s_calendar .day_rr{display:inline-block;width:26px;height:26px;border-radius:50%;background:#df616d;color:#fff}
.s_calendar .s_c_bottom{height:100%;padding:10px 0;min-height:90px;text-align:center}
.s_calendar .s_c_date span{display:inline-block;height:30px;font-size:0.8em;font-weight:500;color:#df616d}
.s_calendar .s_c_date{height:30px;padding:0 15px;}
.s_calendar .s_c_con{height:100%;}
.s_calendar .s_c_con div{width:45%;padding:0 15px;font-size:0.8em;}
.s_calendar .s_c_con .f_left{text-align:left}
.s_calendar .s_c_con .f_right{text-align:right}
.s_calendar .s_c_con dt{float:left}
.s_calendar .c_main{font-size:0.9em}

.container .s_state{height:130px;background:#fff;padding:20px 10px 10px;margin-top:5px;}
.s_state .state_wrap{width:100%;height:110px;margin:0 auto;text-align:center}
.s_state dl{display:inline-block;width:45%;height:80px;padding-top:10px;float:left;border:1px solid #ddd9da;text-align:center}
.s_state dl span{font-size:1.7em;font-weight:600}
.s_state .state_l{float:right}
.s_state .state_date{display:block;width:100%;height:20px;font-size:0.8em;text-align:right}

.s_info{background:#ffe2e5;height:170px;padding:30px 10px 10px;margin-top:5px;text-align:center}
.s_info p{display:block;font-size:1.1em;margin-bottom:30px}
.s_info_con{background:#fff;height:100%;padding:20px 10px 20px;margin-top:5px;}

.s_info_table{font-size:0.8em;}
.s_info_table table{width:100%;text-align:center}
.s_info_table tr{border:1px solid #cdcdcd;height:30px;}
.s_info_table th{height:30px;background:#e6e6e6}
.s_info_table th,td{padding:0 2px}
.s_info_table span{font-size:1.1em;font-weight:500;}

.s_info_table .info_tr .td_icon{display:block;width:20px;height:20px;background:url('../images/tb_open.png') center 8px no-repeat;}
.s_info_table .tr_close .td_icon{background-image:url('../images/tb_close.png');}

.s_info_detail{display:block;padding:10px;height:100%;border:1px solid #ccc;border-top:none}
.info_detail_tr  {display:none}
.info_detail_tr .info_tb_title{display:block;width:170px;height:20px;font-weight:700;padding-left:22px;background:url('../images/tb_arrow_down.png') 5px 3px no-repeat;text-align:left;}
.info_detail_tr .tb_close{background-image:url('../images/tb_arrow_up.png');}
.info_detail_tr .info_tb_wrap{display:none}
.info_detail_td{padding:10px}

.info_tb_wrap .info_table{margin:5px 0}
.info_tb_wrap .info_table th{height:12px;background:#efefef}
.info_tb_wrap .info_table tr{height:12px}

/* 회원가입 및 로그인 */
.login_wrap .terms{width:100%;height:165px;padding:8px;border:1px solid #ece7e8;font-size:0.8em;overflow-y:auto}
.login_wrap .terms h5{font-size:1.0em;margin:5px 0}

.s_login{min-height:500px;background:#fff;padding:10px}
.container .sub_tab{width:100%;height:40px}
.container .sub_tab li{display:inline-block;height:40px;float:left;text-align:center;background:#fafafa}
.container .sub_tab li a{display:block;height:31px;padding-top:8px;color:#858585;font-size:0.9em;border:1px solid #f3f3f3}
.container .sub_tab li a.on{background:#fff;border-color:#df616d;color:#df616d}


.container .sub_tab2{width:100%;height:40px}
.container .sub_tab2 li{display:inline-block;height:40px;float:left;text-align:center;background:#fafafa}
.container .sub_tab2 li a{display:block;height:31px;padding-top:8px;color:#858585;font-size:0.9em;border:1px solid #f3f3f3}
.container .sub_tab2 li a.on{background:#fff;border-color:#df616d;color:#df616d}

.login_wrap fieldset{border:0 none}
.login_wrap .login_fld{width:100%;margin-top:30px;}
.login_wrap .input_long{display:block;width:100%;height:38px;border:1px solid #ece7e8;color:#888;padding:0 10px;margin-bottom:6px;}

.login_wrap .input_long, .terms{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  
  box-sizing: border-box; 
}

/* My page */
.container .s_mypage{background:#fff;height:100%;padding:13px 10px 10px}
.mypage_header{height:35px;border-bottom:1px solid #d5d5d5;font-size:0.8em;line-height:25px;padding-left:32px;background:url('../images/my_info.png') 0 -2px no-repeat;}
.mypage_header span{font-size:1.1em;font-weight:500;}
.mypage_con{height:100%;padding-top:13px}
.mypage_con:after{display:block;content:"";clear:both}
.mypage_con ul{display:block;margin:0 auto;text-align:center;font-size:0.9em;}
.mypage_menu li{display:inline-block;position:relative;width:45%;height:100%;float:left;border:1px solid #d8d8d8;margin-bottom:8px;}
.mypage_menu li:nth-child(odd){float:left}
.mypage_menu li:nth-child(even){float:right}
.mypage_menu li a{display:block;width:100%;padding:12px 0;color:#2d2d2d}
.mypage_menu li a>img{display:block;width:40px;margin:0 auto}

/* 농장정보 */
.container .s_farminfo{background:#fff;height:100%;padding:15px 10px;margin-bottom:5px}
.s_farminfo table{width:100%;font-size:0.8em;border:2px solid #cdcdcd}
.s_farminfo table tr{border:1px solid #cdcdcd;height:30px}
.s_farminfo table th{width:120px;text-align:center}
.s_farminfo table th,td{padding:2px 4px}
.s_farminfo table .s_td{padding:2px 4px; line-height: 50px;}

.container .s_farmset{background:#fff;height:100%;padding:15px 10px 25px;/*min-height:480px*/}
.s_farmset h4{text-align:center}
.s_farmset .select_wrap{height:100%;border-top:1px solid #d5d5d5;margin-top:10px;padding:20px 0}
.s_farmset .select_wrap h5{margin-bottom:20px}
.select_wrap .select_set{margin-bottom:2px;color:#666;}
.select_wrap .select_set select{height:28px;padding-left:3%}
.select_wrap .select_1 select{width:98%}
.select_wrap .select_2 select{margin-right:-2px;width:48.4%}
.select_wrap .select_3 select{margin-right:-2px;width:70%}

.select_tt{display:inline-block;width:40%;height:25px;font-size:0.8em;padding:0 5px;}
.select_con{display:inline-block;width:55%;}

.input_sel{width:100%;height:43px}
.input_sel input{height:36px;float:left;padding-left:1px;margin-right:1%;color:#555}
.input_sel2{width:70%;height:28px}
.input_sel3{width:21.2%;height:28px}
.input_sel4{width:43%;height:28px}
.input_sel select{height:36px;float:left}

/* 고객센터 */
.cs_wrap{height:100%;}
.cs_wrap .cs_write{width:100%;padding:10px 0}
.cs_write h5{text-align:left;margin-bottom:5px}
.cs_write select{width:100%;height:30px}
.cs_write textarea{width:100%;padding:3px}
.cs_write input{height:30px}
.cs_write textarea,input{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cs_write a{height:20px;font-size:0.8em;padding-left:20px;color:#888}
.cs_write a.btn_photo{background:url('../images/cs_photo.png') 0 0 no-repeat;margin-right:8px}
.cs_write a.btn_camera{background:url('../images/cs_camera.png') 0 0 no-repeat;margin-left:8px}
.cs_write span.bar_h14{display:inline-block;width:1px;height:14px;padding-left:0;background:#888;vertical-align:middle}

.cs_confirm{width:100%;height:100%;margin-top:20px;}
.cs_confirm .cs_box{border:1px solid #bababa;border-top:none;}
.cs_confirm .cs_box:first-child{border-top:1px solid #bababa;}
.cs_confirm .cs_box .cs_q{margin-bottom:10px}
.cs_confirm .cs_box li>span{display:inline-block;width:20px;font-weight:600}
.cs_confirm .cs_box .cs_q span{color:#8ec7d0}
.cs_confirm .cs_box .cs_a span{color:#df616d}
.cs_confirm .cs_box ul{display:none;border-top:1px solid #bababa;padding:10px;font-size:0.8em}
.cs_confirm .cs_box a{display:block;width:80%;height:38px;vertical-align:middle;line-height:38px;padding:0 15% 0 26px;font-size:0.9em;background:url('../images/inquiry.png') 3px center no-repeat}

/* modal pop */
.modal_pop{display:block;position:fixed;top:25%;left:0;width:100%;padding:0;background-color:#fff;z-index:1002;}
.modal_pop .pop_wrap{padding:13px;font-size:0.95em;}
.modal_pop .pop_header{height:40px;text-align:center;line-height:2.0em;border-bottom:1px solid #d2d2d2;color:#2d2d2d}
.modal_pop .closebtn {position:absolute;top:0px;right:10px;font-size:30px;line-height:1.5em;color:#515151;display:block}
.modal_pop .pop_content{padding:20px 0;height:100%;margin:0 auto;text-align:center;}
.modal_pop .pop_content:after{content:"";display:block;clear:both;}
.modal_pop .pop_btn{margin-top:10px;height:50px}

.modal_pop .select_set{margin-top:3px;color:#666;}
.modal_pop .select_set select{height:32px;padding-left:3%;border-color:#d9d5d6;color:#666}
.modal_pop .select_set input{height:32px;padding-left:3%;border-color:#d9d5d6;color:#666}
.modal_pop .select_2 select{width:48%}
.modal_pop .select_2 input{width:48%}
.modal_pop .select_set .title{display:inline-block;width:48%;font-size:0.9em;}

#modal_mask{display:block;position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0, 0, 0, .5);z-index:1;overflow:hidden}

/* basic calendar */
.s_schedule{background:#fff;height:100%;padding:10px;margin-bottom:5px;min-height:480px}
.calendar_full{width:100%;border:1px solid #d5d4d9;padding-top:13px}
.calendar_full .c_header{overflow:clear;position:relative;}
.calendar_full .c_header h2{font-size:18px;font-weight:700;margin:-2px 0 10px;text-align:center;}
.calendar_full .c_header a{display:none;width:20px;height:20px;color:#666;text-align:center;line-height:18px;position:absolute;top:3px;}
.calendar_full .c_header a:first-child{left:0;}
.calendar_full .c_header a:last-child{right:0;}
.calendar_full table{border-collapse:collapse;font-size:13px;width:100%;}
.calendar_full tr{height:30px;}
.calendar_full td{/*border:1px solid #ccc;*/color:#444;line-height: 22px;text-align:center;margin:0 auto}
.calendar_full td a{display:inline-block;width:26px;height:26px;line-height:26px;color:#666;}
.calendar_full .day_bold td {color:#464646;font-weight: 700;}
.calendar_full .today>a{width:30px;height:30px; background:#f0951d;color:#fff;border:0;border-radius:10%;}
.calendar_full .event1>a{width:30px;height:30px; background:#54abd1;color:#fff;border:0;}
.calendar_full .hoverday>a{width:30px;height:30px; border:1px solid #fe6271; border-radius: 50%; }
.calendar_full td.sun{color:#f1303f}
.calendar_full td.sun a{color:#f1303f}
.calendar_full td.sat{color:#222fd5}
.calendar_full td.sat a{color:#222fd5}

.calendar_full .w_today a{width:30px;height:30px; background:#df616d;color:#fff;border:0;border-radius:50%;}

.calendar_full .calendar_week{background:#f5f5f5;border-top:1px solid #d5d4d9;margin-top:10px}
.calendar_full .calendar_week table{}
.calendar_today{height:100%;}
.calendar_today:after{display:block;content:"";clear:both;}
.calendar_today .today_header{width:100%;background:#616161;padding:3px 2px 3px 0;font-size:0.8em;color:#fff;text-align:center}

.today_header span{margin-right:5px}
.today_header a{display:inline-block;width:11px;height:11px;text-indent:-10000px}
.today_header a.t_prev{margin-right:20px;background:url('../images/icon_tprev.png') 0 0 no-repeat;}
.today_header a.t_next{margin-left:20px;background:url('../images/icon_tnext.png') 0 0 no-repeat;}

.calendar_today .today_detail{width:100%;height:100%;padding:20px 0 15px;border:1px solid #d4d3d8}
.calendar_today .today_detail .f_left{width:45%;padding-left:15px;font-size:0.8em;text-align:left}
.calendar_today .today_detail .f_right{width:45%;padding-right:15px;font-size:0.8em;text-align:right}
.calendar_today .today_detail dt{float:left}
.calendar_today .today_detail:after{display:block;content:"";clear:both;}

.today_state{height:100%}
.today_state:after{display:block;content:"";clear:both;}
/*.state_wrap{height:100%}*/
.today_state dl{float:left;width:25%;height:60px;font-size:0.8em;text-align:center;margin-bottom:5px;}
.today_state dl span{display:block;width:80%;text-align:center;margin:0 auto;border:1px solid #dcdcdc;line-height:26px; border-top-left-radius:10px; border-top-right-radius:10px;border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.today_state dl dt{width:100%;}
.today_state dt>span{background:#f5f5f5;height:26px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; letter-spacing:-0.5px;}
.today_state dl dd{width:100%;height:26px}
.today_state dd>span{bakcground:#fff}
.today_state .state_wrap{padding:10px}
.today_state .tot{color:#222fd5}

.today_state .state1 span{display:block;width:80%;text-align:center;margin:0 auto;border:1px solid #fdd590;line-height:26px; border-top-left-radius:10px; border-top-right-radius:10px;border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.today_state .state1 dt{width:100%;}
.today_state .state1 dt>span{background:#fff2db;height:26px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; letter-spacing:-0.5px;}
.today_state .state2 span{display:block;width:80%;text-align:center;margin:0 auto;border:1px solid #f8b2b2;line-height:26px; border-top-left-radius:10px; border-top-right-radius:10px;border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.today_state .state2 dt{width:100%;}
.today_state .state2 dt>span{background:#fcdcdc;height:26px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; letter-spacing:-0.5px;}

/* basic table */
.s_pigpen{background:#fff;height:100%;padding:10px;margin-bottom:5px;min-height:480px}
.s_pigpen .state_header{height:30px;margin:5px 0 10px}
.s_pigpen .btn_area{border:none}
.state_header .state_left{width:50%;height:30px;line-height:25px;float:left;font-size:0.8em;}
.state_header .state_right{width:50%;height:30px;float:right;text-align:right;font-size:0.8em;}
.state_right select{width:80%;height:28px;padding-left:3%}
.state_left span{font-size:1.0em;color:#f1303f;margin:0 3px;font-weight:600}

.tb_input td{padding:0 1px;}
.tb_input select{ width:100%;min-width:48px;height:26px}
.tb_input input{width:100%;height:26px}
.tb_input input[type=number]{width:30px;height:26px}
.tb_input2 input{width:30%;height:26px}
.tb_input .tb_input3{width:95%;height:26px}

/*table th 고정*/
.thead.shrink{position:fixed;z-index:99;top:0;right:0;width:100% !important;transition:height 0.3s;-webkit-transition:height 0.3s;-moz-transition:height 0.3s; display:table}
.thead h1{font-size:30px;font-weight:normal;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.thead.shrink h1{font-size:24px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}

/* 하단 고정 메뉴 */
.giFixed {overflow:hidden; position:fixed; left:0; bottom:0; z-index:24; width:101%; height:46px;}
.giFixed a {display:block; float:left; text-align:center;}
.giFixed a span {display:inline-block; width:43px; height:46px; background:url(/monimg/mws/giimg/gi_icon.png?v=4) no-repeat -148px -46px; background-size:250px 250px; opacity:0.98; }


.giFixed a.add {width:13%; background-color:#4b5666; box-sizing:border-box; -moz-box-sizing:border-box;}
.giFixed a.add span {width:auto; padding-top:12px; background:none;color:#fff; font-size:14px; font-weight:bold; border:0; text-align:center; vertical-align:top; letter-spacing:-1px;}
.giFixed a.save {width:61%; background-color:#fb7683; box-sizing:border-box; -moz-box-sizing:border-box;}
.giFixed a.save span {width:auto; margin-top:12px; background:none;color:#fff; font-size:14px; font-weight:bold; border:0; text-align:center;}

.add {width:40%;}
.add span {width:auto; padding-top:12px; background:none;color:#fff; font-size:14px; font-weight:bold; border:0; text-align:center; vertical-align:top; letter-spacing:-1px;}

.goTop {display:block; position: fixed; bottom: 55px; right: 10px; z-index:24; width: 39px; height: 39px; background: url(/monimg/mws/view_btn.png)no-repeat -200px 0px; background-size: 600px auto;}
.skip2 {width:0px; height:0px; width:0; height:0; font-size:0; line-height:0; color:rgba(255,255,255,0);} /*버튼용Skip*/

.footer .totop{position:fixed;right:0px;bottom:0px;}
.btn-top {display:block; position: fixed; bottom: 55px; right: 0; z-index:24; width: 39px; height: 39px; line-height:34px; background:#fff; border:1px solid #e0e0e0;}
.footer .totop.show{display:block;}

.topBt {display:block; position: fixed; bottom: 55px; right: 10px; z-index:24; width: 39px; height: 39px; text-align:center;background:#465986;z-index:3500;transition:all .3s ease}
.topBt span {display:inline-block;color:#fff;font-size:12px;margin-top:10px; padding-top:5px; background:url(../images/bt_top.png) no-repeat 50% 0;}

/*table 기본세팅*/  
.docTableWrap { margin: 20px 0; }

/*모바일 크기인 경우 스크롤 처리 wrap*/
.docTableWrap { position: relative; width: 100%; overflow: auto; }
.docTableWrap .ssm_scroll_guide { display: none; position: absolute; top: 40px; left: 50%; width: 200px; height: 120px; background: url(../images/scroll_guide.png) no-repeat 0 0; margin-left: -100px; font-size: 0; text-indent: -9999px; }
.docTableWrap .ssm_scroll_guide.off { display: none; }
/*테이블- doc_type 문서 내 표 형태*/

@media screen and (max-width:650px) {
.docTableWrap { min-height: 200px; }
/*테이블- doc_type 문서 내 표 형태*/
.docTableWrap table { width: 650px; }/*650부터 테이블 고정 및 가로스크롤 */
}
/*MOBILE Css*/
@media screen and (max-width:640px) {
.docTableWrap .ssm_scroll_guide { display: block; position: absolute; top: 40px; left: 50%; margin-left: -100px; }
.docTableWrap table td .d_btn { margin-bottom: 0px; margin-right: 0px; }
}
/*설정버튼*/
.side_info ul { padding-top:2px;}
.side_info ul li {display:inline-block; padding:2px 20px 2px 4px;}
.side_info ul li a {display:block; width: 30px; height: 30px;}
.side_info .left_bt_setup {width: 25px; height: 25px; background: url(../images/icon_setup.png) no-repeat 50% 50%; background-size: 25px 25px; }
.side_info .left_bt_back {width: 25px; height: 25px; background: url(../images/icon_back.png) no-repeat 50% 50%; background-size: 25px 25px; }
.side_info .left_bt_close {width: 25px; height: 25px; background: url(../images/icon_close1.png) no-repeat 50% 50%; background-size: 25px 25px; }

/*로그아웃버튼*/
.mypage_bt_logout {float:right; }
.mypage_bt_logout a {overflow:hidden; font-size:14px; padding:5px 15px; border:1px solid #df616d; border-radius:20px;}

.header ul { padding-top:3px;}
.header ul li {display:inline-block; padding:2px 0px 2px 4px; vertical-align:middle}
.header ul li a {display:block; width: 30px; height: 30px;}
.header .left_bt_home {width: 30px; height: 30px; background: url(../images/icon_home.png) no-repeat 50% 50%; background-size: 25px 25px; }
.header .left_bt_back {width: 30px; height: 30px; background: url(../images/icon_back.png) no-repeat 50% 50%; background-size: 27px 27px; }
.header .left_bt_close {width: 30px; height: 30px; background: url(../images/icon_close1.png) no-repeat 50% 50%; background-size: 27px 27px; }
.header .left_bt_logo1 {width: 122px; height: 16px; background: url(../images/logo_sk.png) no-repeat 50% 50%; background-size:100% 100%; margin-top:5px;}
.header .left_bt_logo1 a {display:block; width: 122px; height: 16px;}
.header .left_bt_logo2 {width: 122px; height: 16px; background: url(../images/logo_yn.png) no-repeat 50% 50%; background-size:100% 100%; margin-top:5px;}
.header .left_bt_logo2 a {display:block; width: 122px; height: 30px;}
.header .left_bt_logo3 {width: 122px; height: 16px; background: url(../images/logo_bns.png) no-repeat 50% 50%; background-size:100% 100%; margin-top:5px;}
.header .left_bt_logo3 a {display:block; width: 122px; height: 30px;}
.header .left_bt_logo4 {width: 122px; height: 16px; background: url(../images/logo_d2m.png) no-repeat 50% 50%; background-size:100% 100%; margin-top:5px;}
.header .left_bt_logo4 a {display:block;width: 122px; height: 30px;}
.header .left_bt_logo5 {width: 122px; height: 16px; background: url(../images/logo_dg.png) no-repeat 50% 50%; background-size:100% 100%; margin-top:5px;}
.header .left_bt_logo5 a {display:block; width: 122px; height: 30px;}
.header .left_bt_logo6 {width: 122px; height: 16px; background: url(../images/logo_sn.png) no-repeat 50% 50%; background-size:100% 100%; margin-top:5px;}
.header .left_bt_logo6 a {display:block; width: 122px; height: 30px;}

.header .login a{display:inline-block;width:52px;height:20px;float:right;margin-top:5px;margin-left:2px;/*background:#f4d3d8;border:1px solid #ccc;*/color:#ffffff;font-size:0.8em;line-height:1.7em}
.btn_today { display:inline-block; white-space:nowrap; border:1px solid #000; padding:2px 5px; font-size:13px; margin:0px 10px 5px 0px; cursor:pointer}

.profit {background:#fff;height:100%;padding:10px;margin-bottom:5px;}
.profit_header {display:block; background:#606e89; padding:15px; color:#fff; font-size:20px; font-weight:500; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px;} 
.profit_header .txt { padding-top:30px;}
.profit_header .No { margin:0px 10px;}
.profit_header .No input { width:200px; background:#606e89; border:1px solid #red; text-align:center; font-size:35px; color:#ffd200; font-weight:700; vertical-align: inherit}
.profit_body {display:block; background:#536382; padding:10px 15px; color:#e4e5e9; font-size:15px; font-weight:500; text-align:center;border-bottom-left-radius:10px; border-bottom-right-radius:10px;} 
.profit_p1 {padding:15px 15px 5px 15px; font-size:20px; font-weight:500; text-align:center; }
.profit_p1 img { vertical-align:middle}
.profit_p2 {padding:0px 15px 15px 15px; font-size:35px; font-weight:400; text-align:center; }
.profit_p2 span { color:#f12c3f; margin-left:10px;}
.profit_p3 {padding:0px 15px 0px 15px; font-size:17px; font-weight:400; text-align:center; }
.profit_p3 span { font-weight:600}
.profit_p4 {padding:20px 15px 0px 15px; font-size:17px; font-weight:400; text-align:center; }
.profit_p4 span { font-weight:600}
.profit_p5 {padding:20px 15px 0px 15px; font-size:18px; font-weight:600; text-align:center; }
.profit_p5 span { color:#df616d; font-weight:600}

.btn_profit { display: inline-block; color: #fff; background: #ffffff; padding:13px 30px; box-sizing: border-box; border-radius: 30px;font-size:20px; color:#df616d; font-weight:400; text-align:center; border:1px solid #df616d; margin:30px 5px 10px 5px;}
/*slide*/
.slide-btn {width:auto;margin:0 auto;}
.slide-btn li {display:inline-block; width:11px; height:11px; margin-left:2px; border-radius:11px; background:#d0d0d2; font-size:0;}
.slide-btn li.active {background:#df616d;}

.tableView {width:100%; border-top:0px solid #4d4d56; border-bottom:1px solid #aaa;}
.tableView caption {display:none}
.tableView th, .tableList td  {white-space:nowrap; }
.tableView thead th {padding: 10px !important; color: #ffffff ; font-size: 15px; font-weight:600; text-align:left; background:#606e89}
.tableView thead td {padding: 10px !important; color: #ffffff ; font-size: 15px; font-weight:600; text-align:left; background:#606e89}
.tableView tbody th {padding: 10px !important; color: #333333 ; font-size: 15px; font-weight:500; text-align:left; background:#ffffff;}
.tableView tbody td {padding: 10px !important; color: #333333 ; font-size: 15px; font-weight:400; text-align:left; background:#ffffff;}
.tableView tfoot th {padding: 10px !important; color: #333333 ; font-size: 15px; font-weight:500; text-align:left; background:#edeff2;}
.tableView tfoot td {padding: 10px !important; color: #333333 ; font-size: 15px; font-weight:400; text-align:left; background:#edeff2;}
.tableView thead {border:1px solid #606e89;}
.tableView tbody {border:1px solid #d8dce2}
.tableView tfoot {border:1px solid #d8dce2}
.tableView input { width:140px; padding:4px 7px 8px 7px; margin:0px 5px; text-align:right; font-size:16px; font-weight:400; border:1px solid #d5d4d9}

.new_wrapper { position:absolute; top:60px; margin:10px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1); z-index:99;}
.new_pop {display:table; width:100%; height:126px; padding:20px; background:#FFF; border:1px solid #d8dfdf; border-top:4px solid #ff9801; text-decoration:none; box-sizing:border-box; -webkit-box-sizing:border-box;}
.new_pop div {vertical-align:middle;}
.new_close { display:block; padding:5px 20px;background:#000 url(../images/icon_close.png) no-repeat right 50%; color:#ffffff; font-size:14px;}
.new_pop h4 {font-size:24px; font-weight:500; line-height:30px; color:#111111; margin:16px 0 8px 0; text-align:center;}
.new_pop div p {font-size:15px; font-weight:400; color:#111111; padding:10px 0px; line-height:20px;}
.new_pop .new_popbt { display: inline-block; color: #fff; background: #ff9801; padding:10px 20px; box-sizing: border-box; border-radius: 30px; font-size:15px; font-weight:400; text-align:center; margin:10px 0px;}