#wrap{height:100%;}
#wrap{height:100%;}
/* section{height:calc(100% - 140px)} */
.sub_wrap{background:#eeeff2}
section{height:100%}
section.sub_wrap_pop{height:auto}
.main_header{height:80px;width:100%;background:#3b5ed9;text-align:center;padding-top:25px}
.header_logo {font-size:30px;font-family:AppleSDGothicNeo-M;color:#fff;position:relative;width: 203px;margin: 0 auto;text-align: right;padding: 0 11px;margin-top:10px;}
.header_logo::before {width:104px;height:32px;content:'';background-image:url(/assets/images/logo.svg);background-repeat:no-repeat;position: absolute;left: 0px;top: -13px;}
footer{height:60px;text-align:center;background:#f5f5f5;font-size:14px;color:#666;padding-top:20px;font-family:'Roboto'}
.loadingBar {position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/loading.gif);background-repeat:no-repeat;background-position:center center;background-size:100px 100px;display:none; z-index: 9999}

/* login */
.login_container{background:#fff;width:100%;display:table;text-align:center;height:100%}
.login_cont{display:table-cell;text-align:center;height:100%;vertical-align:middle}
.log_center{width:300px;display:inline-block}
.login_tit_box{overflow:hidden;clear:both;line-height:32px;margin-bottom:40px}
.login_tit_box h2{font-size:31px;color:#000;float:left;font-family:'Roboto';font-weight:600;}
.login_tit_box p{font-size:14px;color:#555;float:right;padding-top:2px;font-family:'Roboto'}

.sel_box_st01{margin-bottom:15px}
.inp_st01{border:1px solid #a8a9aa;position:relative;border-radius:4px;-webkit-border-radius:4px;font-size:16px;padding:15px 15px 12px;display:block;width:100%;line-height:16px;color:#4a4a4a;}
.inp_title {font-size: 21px;padding: 10px 0;font-weight: 600;}
.mask{background:url("../images/mask.svg") center top no-repeat;display:block;position: absolute;top: 11px;right:16px;width:22px;height:17px;text-indent:-99999px;overflow:hidden;}
.btn_st01{display:block;width:100%;height:50px;;background:#4786ff;text-align:center;font-size:18px;color:#fff;border-radius:4px;-webkit-border-radius:4px;padding-top:18px;font-family: "AppleSDGothicNeo-M";box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);}
.btn_st02{display:block;width:100%;height:50px;;background:#4a4a4a;text-align:center;font-size:18px;color:#fff;border-radius:4px;-webkit-border-radius:4px;padding-top:18px;margin-top:15px;font-family: "AppleSDGothicNeo-M";box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);}
.login_btn_box{margin-top:45px;margin-bottom:45px;}
.sel_box_st01{border:1px solid #a8a9aa;border-radius:4px;-webkit-border-radius:4px;font-size:16px;display:block;width:100%;background:url("../images/triangle.svg") 268px 17px no-repeat;text-align:left;min-height:50px}
.sel_txt{font-size:16px;line-height:24px;color:#4a4a4a;display:block;padding:15px 15px 0;display:block;}
.sel_box_st01{position:relative;}
.sel_box{display:none;position:absolute;top:42px;left:-1px;width:calc(100% + 2px);border:1px solid #a8a9aa;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:0 0 11px;background:#fff;z-index:10;border-top:0}
.sel_box ul li a{height:30px;font-size:16px;line-height:32px;display:block;color:#4a4a4a;padding:0 15px}
.sel_box ul li a:hover{background:#666;color:#fff}

select:focus::-ms-value {
    background:none;
    color:#333;
}

/* select new */
.select_s01 select {
    width: 100%;
    padding: 3px 15px 0;
    font-family: inherit;
    background: url(https://farm1.staticflickr.com/379/19928272501_4ef877c265_t.jpg) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #999;
    border-radius: 0px;
    min-height: 50px;
    border: 1px solid #a8a9aa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    display: block;
    background:url("../images/triangle.svg") -webkit-calc(100% - 15px) 17px no-repeat;
    text-align: left;
    margin-bottom: 15px;
}
.select_s01 select.full_select {background: url(../images/triangle.svg) -webkit-calc(100% - 18px) 17px no-repeat;}

.select_s01 select::-ms-expand {
    /* for IE 11 */
    display: none;
}
.select_s01 option{height:30px;font-size:16px;line-height:32px;display:block;color:#4a4a4a;padding:0 15px}
.select_s01 select option:checked:hover{background:#666;color:#fff;}
.select_s01 select option:selected{background:#666;color:#fff;}

/* login02 */
.select_s01 select:disabled{background:#e7e7e7 url("../images/triangle_dis.svg") -webkit-calc(100% - 15px) 17px no-repeat;;color:#333;cursor:default;}
.inp_st01:disabled{background:#e7e7e7;color:#333;cursor:default;}
.mask02{background:url("../images/mask_dis.svg") 0 no-repeat;}

/* login03 */
.select_s01 select.bl_line{position:relative;border:2px solid #1665d8;background:url("../images/triangle_bk.svg") no-repeat -webkit-calc(100% - 15px) 17px;/*background-size:16px auto;*/}
.bl_line .sel_txt{max-height:50px;}
.select_s01{position:relative;}
.select_s01 > span{color:#1665d8;font-size:14px;font-family:'Roboto';position:absolute;top:-9px;left:11px;background:#fff;/*width:37px;*/text-align:center;display:block;z-index: 5}

.select_s01 select.filled{background:url("../images/triangle_dk.svg") no-repeat 268px 17px;}
.select_s01 select .sel_txt{color:#555}

.sel_box_st0102{position:relative;}
.sel_box_st0102.filled .inp_st01{background:color:#555}
.sel_box_st0102.change {margin-bottom:15px;text-align:left;}
.mask03{background:url("../images/mask_dk.svg") no-repeat}

.bl_line02 > .inp_st01{position:relative;border:2px solid #1665d8;max-height:50px;color:#000;font-weight:bold}
.mask04{background:url("../images/mask_bk.svg") no-repeat}
.bl_line02{position:relative;}
.bl_line02 span{display:block;color:#1665d8;font-size:14px;font-family:'Roboto';position:absolute;top:-9px;left:11px;background:#fff;width:80px;text-align:center;background:#fff;z-index:5;}
.bl_line .sel_box{border:2px solid #1665d8;border-width:0 2px 2px;width:calc(100% +  4px);left:-2px}

/* login05 */
.error_line > .inp_st01{position:relative;border:2px solid #da2c2f;max-height:50px;color:#000;font-weight:bold}
.mask05{background:url("../images/mask_bk.svg") no-repeat}
.error_line{position:relative;}
.error_line span{display:block;color:#da2c2f;font-size:14px;font-family:'Roboto';position:absolute;top:-9px;left:11px;background:#fff;text-align:center;background:#fff;z-index:5;}

/* login find password */
.find_pw_tit.login_tit_box h2{float:none;text-align:left}
.find_pw_tit.login_tit_box p{float:none;text-align:left}
.find_pw_tit.login_tit_box{margin-bottom:24px}

/* change password */
.password_desc {text-align:left;padding:9px 16px;font-family:'Roboto';font-size:12px;}

/* sub */
/* 대시보드 */
.container{/*overflow-x:hidden;*/height:100%}
.sub_wrap{padding-left:250px;position:relative;overflow-x:hidden;background:#ffffff;}
.gnb{position: fixed;top:0;left:0;background:#eeeff2;width:250px;min-height: 900px;height: 100%;}
.top_header{padding: 45px 16px 44px;bacmin-height:140px;}
.top_header p {color: #333333;text-align:center;font-family: 'NotoSansRegular';line-height: 20px;font-size: 14px;}
.top_header p span{font-size: 20px;letter-spacing: -0.3px;margin-right: 3px;}
.top_header h1{text-align:center;margin-bottom: 29px;}
.left_logo {color:#fff;}
.gnb_menu{padding:0 30px; height: -webkit-calc(900px - 257px);}
.gnb_menu > ul > li{width:100%;min-height: 30px;margin-bottom: 30px;}
.gnb_menu > ul > li > h2 > a{display:block;color: #333333;font-size:16px;height: 30px;line-height: 33px;padding-left: 32px;}

.gnb_menu > ul > li:nth-child(1) h2 a{background:url("../images/gnb_icon_customer_off.svg") 0 center no-repeat}
.gnb_menu > ul > li:nth-child(2) h2 a{background:url("../images/gnb_icon_medical_off.svg") 0 center no-repeat}
.gnb_menu > ul > li:nth-child(3) h2 a{background:url("../images/gnb_icon_service_off.svg") 0 center no-repeat}
.depth02 {background-color:#fff;padding:20px 10px;display:none;border-radius: 3px;-webkit-border-radius: 3px;margin-top: 10px;}
.depth02 h3{color:#4a4a4a;font-size:11px;margin-bottom:6px;padding-left:20px}
.depth02 li a{padding:5px 10px;height: 30px;border-radius: 3px; -webkit-border-radius:3px; font-size:14px;color:#333333;display:block;margin-bottom:15px; line-height: 23px;}
.depth02 li:last-child a{margin-bottom: 0px;}

.depth02 li.on,.depth02 li:hover{background:#E4E9F8;}

.btn_edit{vertical-align:middle;position: absolute;top:0;right:0;}
/* .tb-st01 td .btn_edit{position: absolute;top:12px;right:10px;} */
.tb-st01{max-width:1320px !important;}
.tb-st01 td .btn_edit{position: absolute;top:0px;right:0px;}
.btn_edit{width:64px;color:#fff;float:right;font-size:14px;vertical-align:middle;padding-top:4px;height:24px;background:#3b5ed9;-webkit-border-radius:4px;border-radius:4px;display:block;text-align: center;}
.lef_txt{float:left;padding-top:4px;}
.btn_ok{background:#c43033 url("../images/ok.svg") 9px center no-repeat;width:88px;color:#fff;padding-left:29px;float:right;font-size:14px;vertical-align:middle;padding-top:4px;height:24px;-webkit-border-radius:4px;border-radius:4px;display:block;text-align:left;}

.btn_edit.bk{background:#000;position:absolute;top:0;right:0}
.save_inp_box{position:relative;padding-right:70px}
.save_inp_box input{border:1px solid #b7b7b7;height:24px;padding:0 7px;font-size:14px;color:#4a4a4a;text-align:left;width:100%;-webkit-border-radius: 4px;border-radius: 4px;}

/* 추가 css */
.dash_box{width:400px}
.graph_box{height:248px;background:rgba(216, 216, 216, 0.2);width:400px}
.graph_box02{height:243px;background:rgba(216, 216, 216, 0.2);width:400px}
.graph_box03{height:296px;background:rgba(216, 216, 216, 0.2);width:400px;display:inline-block;}
.graph_box04{height:240px;background:rgba(216, 216, 216, 0.2);width:430px;display:inline-block;}

.score{color:#4a4a4a;font-size:14px;padding:11px 0 10px;text-align:center;line-height:29px}
.score strong{font-size:24px;color:#203b9b;padding:0 0 0 4px;font-weight: bold;display:inline-block;vertical-align:middle;line-height:23px}
.score span{display:inline-block;vertical-align:middle;}
.graph_stick{width:100%;padding:20px 9px 10px 0}
.graph_stick.patten {font-size:11px;text-align:center;letter-spacing:0.5px;line-height:24px;} /* js 추가 */
.graph_stick:after{clear:both;overflow:hidden;display:block;content:"";}
.graph_stick li{float:left;height:24px;}
.graph_stick li:nth-child(1){width:45px}
.graph_stick li:nth-child(2){width:75px}
.graph_stick li:nth-child(3){width:103px}
.graph_stick li:nth-child(4){width:75px}
.graph_stick li:nth-child(5){width:60px}

.ye_line{background:#F8E71C}
.gr_line{background:#60B400}
.bl_line{background:#4a90e2}
.gr_light_line{background:#92e071}

.lately_box{width:150px;float:right;margin-right: 37px}
.lately{border:1px solid #979797;border-width:1px 0;padding:15px 0;}
.lately_box h3{color:#203b9b;line-height:20px;font-size:16px;text-align:center;margin:17px 0 15px}
.lately_box h3 span{display:block;color:#4a4a4a}
.lately dl{clear:both;overflow:hidden;color:#9b9b9b;font-size:11px;padding:8px 0;}
.lately dt{float:left;width:55%}
.lately dd{float:right;width:45%;text-align:right;}
.lately dd span{color:#203b9b;font-size:16px}
.score02{color:#4a4a4a;font-size:14px;padding:22px 0 24px;text-align:center;}
.score02 span{vertical-align:middle;}
.score02 strong{vertical-align:middle;color:#203b9b;font-size:24px;}
.play_option_box{width:150px;float:right}
.play_option_box{margin-right:20px}
.play_option_box > div:nth-child(2){border-bottom:0}
.play_option{background:#444;height:26px;-webkit-border-radius: 2px;border-radius: 2px;}
.play_option ul{clear:both;overflow:hidden;}

.play_option li{float:left;width:25%}
.play_option li a{display:block;text-align:center;padding-top:6px}
.play_option li img{width:10px}
.play_option li:nth-child(1) img,.play_option li:nth-child(4) img{width:12px}
.time_play{border-bottom:1px solid rgba(238, 239, 242, 1);padding-bottom:10px}
.time_play dl{clear:both;overflow:hidden;padding:17px 0 7px;line-height:12px}
.time_play dt{font-size:10px;color:#9b9b9b;float:left;}
.time_play dd{font-size:11px;color:#4a4a4a;float:right;letter-spacing:-.1px}
.play_infor{padding-top:10px}
.play_infor dl{padding:7px 0;}
.play_infor dt{float:none;display:inline-block;}
.play_infor dd{float:none;display:inline-block;font-size:12px}
.play_infor_block {display:block !important;}

.btn_memo_top{width:96px;height:40px;margin-left:10px;color:#fff;display:inline-block;text-align:center;font-size:20px;background:#3b6ed9;padding-top:13px;font-weight:normal;}
.graph_stick_box{position:relative;padding-left:27px;}
.graph_stick_box h5{color:#333;font-size:13px;position:absolute;top:24px;left:0;}
.btn_play_prev a, .btn_play_next a {background-repeat:no-repeat;background-position:center center;}
.btn_play_prev a{display:block;width:100%;height:100%;background-image:url("../images/previous.svg");text-indent:-9999px;overflow:hidden;}
.btn_play_next a{display:block;width:100%;height:100%;background-image:url("../images/next.svg");text-indent:-9999px;overflow:hidden;}
.btn_play_prev a:hover,.btn_play_prev a:active{background-image:url("../images/previous_on.svg");}
.btn_play_next a:hover,.btn_play_next a:active{background-image:url("../images/next_on.svg");}

.btn_play_prev02 a, .btn_play_next02 a {background-repeat:no-repeat;background-position:center center;}
.btn_play_prev02 a{display:block;width:100%;height:100%;background-image:url("../images/backward.svg");text-indent:-9999px;overflow:hidden;}
.btn_play_next02 a{display:block;width:100%;height:100%;background-image:url("../images/forward.svg");text-indent:-9999px;overflow:hidden;}
.btn_play_prev02 a:hover,.btn_play_prev02 a:active{background-image:url("../images/backward_on.svg");}
.btn_play_next02 a:hover,.btn_play_next02 a:active{background-image:url("../images/forward_on.svg");}


.lef_patten{display:inline-block;}

/*  sub */
.container{background:#fff;}
.tb-st01{width:100%;-webkit-transition:all .3s;transition:all .3s;}
.tb-st01 th,.tb-st01 td{position:relative;}
.tb-st01 th{color:#2f2f36;font-size:14px;text-align:left;background:#eeeff2;padding:16px 10px 12px}
.tb-st01 td{height:49px; padding:0px 10px 0px;font-size:14px;color:#4a4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border-bottom:1px solid #e6e4e4;}
.tb_cont{padding:33px}
.sub_cont{padding:20px 30px;background:#eeeff2}
.sub_cont02{padding:91px 40px 20px;background:#fff; width:1090px;}
.sub_tit01{color: #4a4a4a;font-size:24px;margin-bottom: 10px;}
.sub_tit02{color: #4a4a4a;font-size:24px;padding-bottom:10px;}
.txt01{color: #4a4a4a;font-size:16px;margin-bottom:16px;}
.txt01.memo {padding-bottom:20px;border-bottom:1px solid #7f7f7f;margin-bottom:24px}
.cont01{margin-bottom:30px}
.cont01::after{clear:both;overflow:hidden;display:block;content:""}
.cont01 .sec_box{display:block;-webkit-border-radius: 4px;border-radius: 4px;border:1px solid #d8d8d8;background:#fff;float:left;-webkit-transition:all .3s;transition:all .3s;}
.cont01 > div:nth-child(2){margin:0 30px}
.sec_box h4{color:#203b9b;font-size:15px;padding:12px 16px 8px;background:#e9ebf3;min-height:40px;}

.cont02{clear:both;overflow:hidden;margin-bottom:30px}
.cont02 .sec_box{display:block;-webkit-border-radius: 4px;border-radius: 4px;border:1px solid #d8d8d8;background:#fff;float:left;-webkit-transition:all .3s;transition:all .3s;}
.cont02 > div:nth-child(2){margin-left:30px}

/* 환자목록 */
.sub_wrap02{overflow-y:auto;height:100%;width:100%}
.select_s02{width:192px;min-height:40px;float:left;}
.sub_wrap02 .sub_cont02{padding-bottom:100px}
.select_s02 select{min-height:40px;-webkit-border-radius:0;border-radius:0;font-size:14px;margin-bottom:0;padding-left:8px;background:url("../images/bg_select.png") 170px 16px no-repeat;background-size:14px auto}
.search_box_wrap{padding:16px 20px 16px;border:1px solid #7f7f7f;border-width:1px 0;margin:40px 0}
.search_box{width:600px;margin:0 auto;clear:both;overflow:hidden}
.search_box_wrap input{width:284px;float:left;margin:0 10px;border:1px solid #7f7f7f;-webkit-border-radius:2px;border-radius:2px;padding:10px 7px 10px;line-height:14px;font-size:14px;}
.search_box_wrap input::placeholder{color:#eeeff2;}
.search_box_wrap input:-webkit-input-placeholder{color:#eeeff2;}
.search_box_wrap input:-ms-input-placeholder{color:#eeeff2;}
.btn_search{width:96px;min-height:40px;float:left;color:#fff;text-align:center;font-size:14px;display:block;background:#3b6ed9;padding-top:13px;}
.notice01{padding-left:25px;background:url("../images/confirm.svg") left center no-repeat;line-height:21px;display:inline-block;background-size:18px}
.notice02{padding-left:25px;background:url("../images/nomal.svg") left center no-repeat;line-height:21px;display:inline-block;background-size:18px}
.btn_memo{text-indent:-99999px;display:block;width:43px;height:22px;background:url("../images/group-3-copy-9.svg") no-repeat}
.wid100{max-width:100% !important}
.patient_name a{color:#3b5ed9;line-height:14px;padding-bottom:1px;border-bottom:1px solid #3b5ed9;}

.num_box{height:34px;margin:40px auto 0;clear:both;overflow:hidden;text-align:center;}
.num_box li{display:inline-block;margin-left:-3px}
.num_box li a{display:block;font-size:14px;text-align:center;line-height:14px;padding-top:10px;height:34px;border:1px solid #ccc;border-width:1px 1px 1px 0;color:#333;min-width:65px;}
.btn_prev01{text-indent:-9999px;background:url("../images/group-2.svg") center center no-repeat;margin-left:0}
.btn_prev01 a{border-width:1px !important}
.btn_prev02{text-indent:-9999px;background:url("../images/path.svg") center center no-repeat}
.btn_next01{text-indent:-9999px;background:url("../images/path02.svg") center center no-repeat}
.btn_next02{text-indent:-9999px;background:url("../images/path01.svg") center center no-repeat}
.num_box li.on a{background:#e5e5e5}

/* 대시보드 메모 */
.memo_write{position:relative;padding-right:177px;margin-top:40px;padding-bottom:30px;border-bottom:2px solid #c1c1c1}
.memo_write textarea{width:100%;border:2px solid #c1c1c1;height:80px;padding:15px 23px;-webkit-border-radius: 4px;border-radius: 4px;line-height:24px;font-size:16px;color:#000}
.memo_write textarea:focus{border:2px solid #1665d8}
.memo_write textarea::placeholder{color:#b7b7b7;font-size:14px;}
.memo_write textarea:-webkit-input-placeholder{color:#b7b7b7}
.memo_write textarea:-ms-input-placeholder{color:#b7b7b7;}
.memo_write a{width: 162px;height: 80px;-webkit-border-radius: 4px;border-radius: 4px;background-color: #3b6ed9;font-size:17px;line-height:80px;display:block;color:#fff;text-align:center;position:absolute;top:0;right:0;}
.pa_top01{padding-top:13px}
.ma_top01{margin-top:30px;line-height:0}
.h100{height:100%;}

/* 메모 상세보기 */
.tb_num{color:#9b9b9b;}
.btn_mo{width: 96px;height: 40px;background-color: #5976df;color:#fff;fpnt-size:16px;text-align:center;line-height:40px;display:inline-block;margin:0 5px}
.btn_del{width: 96px;height: 40px;background-color: #000;color:#fff;fpnt-size:16px;text-align:center;line-height:40px;display:inline-block;margin:0 5px}
.btn_list{width: 96px;height: 40px;background-color: #979797;color:#fff;fpnt-size:16px;text-align:center;line-height:40px;display:inline-block;margin:0 5px}
.txt_day{color:#9b9b9b}
td.hei_tb{height:573px;font-size:14px;line-height:24px;vertical-align:top;padding:20px}
td.hei_tb.area_inset{padding:0;}
td.area_inset textarea{width:100%;padding:30px 20px;display:block;height:573px;border:2px solid #fff}
.area_inset textarea:focus{border:2px solid #1665d8}
td.txt_day{border-right:0;color:#9b9b9b;font-size:16px}
td.txt_btn{text-align:right;}
span.tb_num{color:#9b9b9b;padding-left:5px;font-size:16px}


/* 메모작성하기 팝업 */
.popup_wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:10}
.pop_content{width:640px;background:#fff;position:absolute;left:580px;top:270px}
.btn_pop_close img{width:22px;height:22px}
.btn_pop_close{position:absolute;top:15px;right:18px}
.pop_header{height:53px;border-bottom:1px solid #6d6d6d;position:relative;}
.pop_header h3{text-align:center;color:#000;font-size:15px;padding-top:19px}
.pop_con{padding:24px 30px 40px}
.pop_con h4{font-size:17px;color:#000;margin-bottom:10px}
.pop_con textarea{border:1px solid #ebebeb;font-size:13px;padding:18px 15px;height:166px;-webkit-border-radius:2px;border-radius:2px;display:block;width:100%}
.pop_con textarea::placeholder{color:#bababa}
.pop_con textarea:-ms-input-placeholder{color:#bababa}
.pop_con textarea:-webkit-input-placeholder{color:#bababa}
.pop_btn_box{width:100%;clear:both;overflow:hidden;}
.pop_btn_box a{height:50px;color:#fff;font-size:15px;display:block;text-align:center;padding-top:18px;font-weight:bold;width:50%;float:left;}
.btn_cancle_bk{background:#000}
.btn_ok_bl{background:#3b5ed9}


/* customer */
.customer_tit_box {overflow:hidden;clear:both;line-height:42px;margin-bottom:40px;text-align:left}
.customer_tit_box h2{font-size:31px;color:#000;float:left;font-family:'Roboto';font-weight:600;}
.customer_border {width:100%;height:2px; background:#eee;margin-bottom:20px;}
.profile_txt {font-size:20px;}
.profile_img {width: 100%;height: 200px;background-repeat: no-repeat;background-size: cover;background-position: center;}

/* Rest API */
.api_cont {border-left: 2px solid #ececec;padding:60px;}
.param_token_dec {font-size:13px;display:block;text-align:left;line-height:20px;}
.param_area {margin-bottom: 30px;border: 1px solid #a8a9aa;padding: 15px;border-radius: 10px;}
.param_area div {margin-bottom: 15px;}
.param_area div:last-child {margin-bottom:0px;}
.param_dec {font-size:17px;font-family:'Roboto';display:block;text-align:left;padding-bottom:5px;font-weight:600;color:#000 !important;}
.param_dec.example {width:107px;}
.param_del {text-align: right;font-size: 16px;}
.param_add {width:50px;height:50px;margin:0 auto;}
.param_add img {width:100%;height:100%;}

.log_center.api_center {width: 600px;text-align:left;}
.api_result {width:100%;height:300px;border:1px solid #a8a9aa;border-radius:10px;margin-bottom:20px;word-break:break-all;overflow-y:scroll}
.api_result_dec {font-size:17px;font-weight:700;padding-bottom:5px;}

.modify_btn_box {margin-top:15px;}
.modify_btn_box .btn_st01 {background:#fe3f3f}


/* FAQ */
.faq_cont {display: table-cell;text-align: center;height: 100%;vertical-align: middle;padding-top: 60px;}
.faq_center {width:1420px;display:inline-block;padding: 40px 0;}
.faq_view {border: 1px solid #a8a9aa;border-radius: 10px;padding: 15px;margin-top: 20px;}
.faq_thumbnail {width:360px;height:240px;}
.thumbnail_txt {font-size:16px;}
#change_thumbnail_btn {border:1px solid #a8a9aa;position:relative;border-radius:4px;-webkit-border-radius:4px;font-size:16px;padding:15px 15px 12px;}
#change_thumbnail_btn input[type=checkbox] {-webkit-appearance:checkbox;}
#change_thumbnail {margin-top:10px;display:none}

/* Tracker */
.tracker_disabled {opacity: 0.5;}
.btn_add {margin-left:5px;background:#ff5151;}

/* Alarm */
.alarm_tit_box {overflow: hidden;clear: both;margin-bottom: 40px;text-align: left;}
.alarm_tit_box h2 {font-size: 31px;color: #000;float: left;font-family: 'Roboto';font-weight: 600;}
.alarm_tit_box .btn_search {margin-left:10px;}

/* 재활운동 */
.exercise_topics_ul {border: 1px solid #a8a9aa;position: relative;border-radius: 4px;-webkit-border-radius: 4px;font-size: 16px;padding: 15px 15px 12px;}
.exercise_topics_ul input[type=checkbox] {/* -webkit-appearance:checkbox; */}
.exercise_topics_ul li {height:35px;line-height: 30px;display: inline-block;padding: 5px 10px;background: #494B4B;margin-bottom: 10px;border-radius: 4px;color: #fff;cursor: pointer;}
.exercise_topics_ul li.checked {background:#4786ff}
.exercise_time {}
.exercise_time div {margin-top: 10px;}
.exercise_time input {width: 100px;margin-right:5px;display:inline;}
.exercise_time span {width: 220px;font-size:16px;display:inline-block;text-align: center;}
.exercise_time a {width: 50px;font-size:16px;display: inline-block;background-color: #4786ff;padding: 10px 10px;border-radius: 6px;color: #fff;}
.exercise_video_btn {width: 50px;font-size:16px;display: inline-block;background-color: #4786ff;padding: 10px 10px;border-radius: 6px;color: #fff;font-weight:500;margin-left:10px;}
.video_start_btn {width:110px !important;text-align:center;margin-left: 50px;}

.week_select_container {border:1px solid #a8a9aa;border-radius: 4px;-webkit-border-radius: 4px;padding:16px;font-size:16px;}
.week_select_cont {margin-top:20px;padding-bottom:20px;border-bottom:1px solid #a8a9aa;}
.week_select_cont:nth-child(1) {margin-top:10px;}
.week_select_cont:last-child {border-bottom:0px;padding-bottom:10px;}
.week_select_cont select {width: 100px;height: 30px;font-size: 16px;padding-left:5px;}
.select_exercise_btn {font-size:15px;background:#4786ff;color:#fff;padding: 5px 10px;margin-left:10px;}
.week_content_btn img {width: 30px;margin-left: 5px;}
.select_exercise_cont {margin-top:10px;}
.exercise_checkbox {text-align:center;}
.exercise_checkbox input {-webkit-appearance: checkbox;}
.week_select_area {display:flex;}
.select_exercise {margin-top:10px;}
.week_setting.warning {color: red;font-weight: 600;}
.week_content_inp {border: 1px solid #a8a9aa;width: 300px;height: 30px;font-size: 16px;padding-left: 5px;}
.topics_filter_cont {margin-bottom:10px;}
.topics_select {width: 300px;height: 30px;font-size: 16px;padding-left: 5px;}
.topics_select_btn {font-size:15px;background:#4786ff;color:#fff;padding: 5px 10px;margin-left:5px;}
.topics_chk {-webkit-appearance:checkbox;}

.exercise_drag_wrap {display: flex;align-content: flex-start;flex-wrap: wrap;overflow: auto;}
.exercise_drag_cont {padding:10px;background:#4786ff;border-radius: 4px;margin:5px;color:#fff;}

.exercise_cnt_btn01 {margin-left: 10px;}
.exercise_cnt_btn01 img, .exercise_cnt_btn02 img {width:22px;}

.exercise_copy_relative {position:relative}
.exercise_copy_cont {position: absolute; left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:9999;text-align:center;}
.exercise_copy_btn {margin-top:70px;display:inline-block;background:#fff;padding:25px;font-size:40px;border-radius:6px;cursor: pointer}

/* Gait Cycle */
.gait_cycle_tbl {padding: 40px 30px 20px;display:flex}
.gait_table {width:60%}
.gait_table.sample {width:30%;}
.gait_table.sample:nth-child(2) {padding-left:10px;}
.gait_description {width:40%;padding-left:70px;}
.gait_cycle_tbl .play_option_box {float:left;width:250px;}
.gait_cycle_tbl .time_play dt, .gait_cycle_tbl .time_play dd {font-size:16px;}
.gait_excel_btn {display:inline-block;float:right;padding:7px 11px;border-radius:5px;background-color:#39bd21;margin-bottom:10px;margin-left: 5px;}
.gait_excel_btn a {color:#fff;}
.gait_pjt_id {float:left;font-size:18px;font-weight:bold;line-height:35px;}
.test_api_btn {display: inline-block;padding: 10px 8px;background: #5876de;border-radius: 5px;margin-bottom:10px;}
.test_api_btn.delete {background:#ff4444}
.test_api_btn a {color: #fff;}
.sample_graph {display:none;}

#calendar {width: 900px; padding: 20px; background: #fff; padding: 20px;}
#calendar .fc-content, #calendar .fc-list-item {cursor: pointer;}


/* 회원 관리 */
.member_infomation {border:0px; border-top: 1px solid #d8d8d8}
.member_infomation th, .member_infomation td {border:0px;border-top:1px solid #d8d8d8;}
.sub_cont_member {background:#fff; padding: 20px 30px;max-width:1380px;}
.member_cont_group {display:flex;}
.member_cont_group > div {width: 25%;min-height:250px;border-top:1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;border-left:1px solid #d8d8d8;}
.member_cont_group > div:last-child {border-right:1px solid #d8d8d8;}
.member_cont {padding:10px 10px;position:relative}
.member_cont_dim {position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(225, 225, 225, 0.6);z-index:6;}
.member_cont_title {padding: 10px 10px;background: #e9ebf3;border-bottom: 1px solid #d8d8d8;}
.member_cont .select_s01 select {background: url(../images/triangle.svg) 276px 17px no-repeat;margin-top:5px;}
.member_info_change > input[type=checkbox] {-webkit-appearance:checkbox;}
/*.member_cont select:disabled {background:#e2e2e2}*/

/* 핀코드 관리 */
.pincode_box {width:1040px;}
.pin_add_header {width:100%;height:50px;background:#3b6ed9;text-align:center;}
.pin_add_header h2 {color:#fff;line-height:50px;font-size:24px;}
.pin_add_container {padding:30px 30px;min-height: -webkit-calc(100% - 100px);}
.pin_add_content {width:100%;padding:10px 0px;margin-top:20px;}
.pin_add_tit {font-size:17px;color:#113F54;font-weight: 600;}
.pin_add_inp {margin-top:5px;}
.pin_add_inp input, .pin_add_inp select {width: 100%;border: 1px solid #7f7f7f;min-height: 40px;-webkit-border-radius: 2px;border-radius: 2px;padding: 10px 7px 10px;line-height: 14px;font-size: 14px;}
.pin_add_inp input.red_line {border:1px solid red;}
.pin_add_inp.right_btn {position:relative;}
.pincode_add_btn {position:absolute;right:0px;top:0px;width:50px;height:100%;line-height:42px;background:#3b6ed9;text-align:center;-webkit-border-radius: 2px;border-radius: 2px;}
.pincode_add_btn a {color:#fff;}
.pin_add_footer {width:100%;height:50px;display: flex}
.pin_add_footer div {width:50%;text-align:center;line-height:50px;font-size:18px;}
.pin_add_footer div:nth-child(1) {background:#676767;}
.pin_add_footer div:nth-child(2) {background:#3b6ed9;}
.pin_add_footer div a {color:#fff;}
.btn_pin_sort {background:#676767;margin-left:5px;}

.pin_view_table {width:100%;height:100%;text-align:center;}
.pin_view_table tr {height:50px;}
.pin_view_table tr td {-webkit-border-radius: 2px;border-radius: 2px;line-height:20px;background:#fff;color:#000;border:1px solid #6091ff;padding: 5px;}
.pin_modify_btn {background: #3b6ed9;color: #fff;padding: 6px 10px;border-radius: 5px;-webkit-border-radius: 5px;margin-left: 10px;}
.comment_container {height: 60px;margin-top: 18px;}
.comment_container input {width: 80%;float: left;border: 1px solid #7f7f7f;min-height: 40px;-webkit-border-radius: 2px;border-radius: 2px;padding: 10px 7px 10px;line-height: 14px;font-size: 14px;}
.comment_container a {background: #3b6ed9;color: #fff;padding: 12px 5px;border-radius: 5px;-webkit-border-radius: 5px;margin-left: 10px;float: left;min-height: 40px;min-width: 17%;text-align: center;}
.comment_list {width:100%;display:table;padding: 10px 0;border-bottom: 1px solid #949494;}
.comment_list div {display:table-cell}
.comment_list div:nth-child(1) {width:20%;}
.comment_list div:nth-child(2) {width:70%;}
.comment_list div:nth-child(3) {width:10%;}
.duplicate_pincode_cont {display:none;color:#ff3030;}

/* kakao 알림톡 발송 */
.kakao_btn_type {margin-bottom:15px; height:40px;}
.btn_kakao_push {min-width: 96px; min-height: 40px; float: left; color: #fff; text-align: center; font-size: 14px; display: block; background: #3b6ed9; padding-top: 13px; padding-left:5px;padding-right:5px;}
.push_all_check {margin-top: 20px; display: inline-block; text-decoration: underline; color: #3368ff; cursor: pointer;}
.push_checkbox {text-align: center}
.push_checkbox input {-webkit-appearance: checkbox; width:20px; height:20px;}


/* 설문조사 */
.survey_btn_cont{margin-top:45px;margin-bottom:45px;display:flex;}
.survey_btn_cont a {margin:20px;}
.survey_btn_cont a:nth-child(1) {background:#3CAD58}

.survey_group_area {margin-bottom:60px; background:#eaeaea}

.survey_question_area {margin-top:25px; padding-top:25px; border-top: 1px solid #676864;}
.survey_question_add {margin-top:30px;}
/*.survey_point_select {width: 100px; height: 30px; font-size: 16px; padding-left: 5px;margin-left:10px;}*/

/*.survey_answer_cont {margin-top: 20px;}*/
/*.survey_answer_ul {display: flex;align-content: flex-start;flex-wrap: wrap;overflow: auto;margin-top: 10px;}*/
/*.survey_answer_li {padding: 10px;border: 1px solid black;border-radius: 6px;margin-right: 15px; margin-bottom: 15px; background:#fff;}*/
.survey_answer_inp {min-width: 110px;width:110px;height:100%;}
/*.survey_answer_point {color: #113F54; font-weight: 600;}*/

.survey_del_btn {float:right; background:#C93D43; padding: 10px 15px; border-radius: 4px; color:#fff;}
.survey_add_btn {background:#3B71BD; padding: 10px 15px; border-radius: 4px; color:#fff;}

.survey_group_title {font-size:27px; line-height:27px; font-weight: 600; display:inline-block; margin-top: 20px;}
.survey_question {font-size:20px;font-weight: 600}

.survey_disease_form {display:flex;}
.survey_disease_cont {padding:10px;background:#494B4B;border-radius: 4px;margin:5px;color:#fff;}
.survey_disease_cont.disease_group {cursor:pointer;}
.survey_disease_cont.checked {background:#4786ff;}

.disease_del_btn {margin-left:10px;}
.disease_del_btn img {width:30px;}

.move_group_cont {display:flex;}
.move_group_area {width:500px;height:500px;border:1px solid #a8a9aa;}
.move_group_tit {font-size: 20px; border-bottom:1px solid #a8a9aa ; padding: 10px 0px; font-weight: 600;}
.move_group_ul {height:460px; overflow-y:auto;font-size:16px;text-align:left;padding-left:20px;}
.move_group_ul.confirm {height:140px;}
.move_group_ul li {margin:10px 5px;display:inline-block; padding:10px; background:#494B4B;color:#fff;border-radius:4px;cursor:pointer}
.move_group_ul li.checked {background:#4786ff;}

.move_group_confirm_tit {font-size:18px;margin:10px;text-align:left;font-weight:600;}
.move_group_confirm_btn {display:flex; height:60px;line-height:60px;font-size:18px;color:#fff;}
.move_group_confirm_btn .confirm_prev {margin:15px;height:100%;background:#ff6868;width:100%;cursor: pointer}
.move_group_confirm_btn .confirm_apply {margin:15px;height:100%;background:#6b8bff;width:100%;cursor: pointer}

.select_push_member_cont {border:1px solid #a8a9aa; border-radius: 4px;height:400px;overflow-y:scroll}
.push_member_li {padding:10px;background:#494b4b;border-radius:4px;margin:5px;color:#fff;cursor:pointer}
.push_member_li.checked {background:#4786ff}


/* PUSH */
.push_message {width:100%; border:1px solid #a8a9aa; border-radius:4px;padding:15px;}
.push_category_form {display:flex;}
.push_category_cont {padding:10px;background:#494B4B;border-radius: 4px;margin:5px;color:#fff;cursor:pointer;}
.push_category_cont.checked {background:#4786ff;}
.push_message_textarea {width:100%;height:335px;padding:30px;font-size:20px;border:1px solid #a8a9aa;margin-top:10px;margin-bottom:10px;}
.push_message_ul {height:460px; overflow-y:auto;font-size:16px;text-align:left;padding-left:20px;}
.push_message_ul li {margin:10px 5px;display:inline-block; padding:10px; background:#494B4B;color:#fff;border-radius:4px;width: 430px;word-break: break-all;line-height:30px;}
.push_add_btn {height:56px;line-height:60px;font-size:22px;color:#fff;background:#4786ff;cursor:pointer}
.add_name_btn {display:inline-block; float:right; margin-right:10px; margin-top:10px;padding:10px;background:#4786ff;color:#fff;border-radius:4px;cursor:pointer}
.send_push_message_list {width:100%;height:350px;border:1px solid #a8a9aa;margin-bottom:20px;display:none;}
.send_push_message_list .push_message_ul {height:310px;}
.send_push_message_list .push_message_ul li {width:auto; cursor:pointer}

/* 복약관리 */
.medication_section_tit {font-size:20px; font-weight: 700; }
.medication_section {border-bottom: 1px solid black;padding-bottom: 15px;display: flex;line-height: 43px;}
.medication_section_check {margin-left: 10px;}
.medication_week_inp {display:inline-block;margin-top:10px;width:125px;}
.medication_group {cursor: pointer}


/* 걷기 운동 관리 */
.walking_exercise_week_inp {display:inline-block;margin-top:10px;width:110px;}

/* 병원 전화번호 관리 */
.company_tel_area {border: 1px solid #cccccc;padding: 15px;border-radius: 4px;position: relative;margin-bottom:20px;}
.company_tel_del_btn {position:absolute;right:0px;top:0px;background:#ff5151;color:#fff;padding:5px;font-size:17px;cursor: pointer}
.company_tel_tit {font-size:17px;margin: 10px;}
.company_tel_add_btn {color:#fff;background:#4786ff;border-radius: 4px;padding:10px;margin-left:10px;display: inline-block;cursor: pointer}

/* 병원별 라이선스 */
.license_manage_btn { display: inline-block; margin-left: 10px !important; cursor: pointer; }

.license_tbl { width: 100%; text-align: center; font-size: 17px; }
.license_tbl th { text-align: center; font-weight: bold; color: #000; border: 1px solid #d8d8d8; background-color: #e9ebf3; padding: 10px 0px;  }
.license_tbl td { border: 1px solid #d8d8d8; border-collapse: collapse; padding: 10px 0px;  }

.license_cont { margin: 35px 0px; }
.license_change_cont { display: flex; width: 100%; padding: 5px 0px; }
.license_change_cont div { text-align: left; line-height: 22px; font-size: 20px; }
.license_change_cont:first-child { padding-bottom: 10px; }
.license_change_cont div:first-child { font-weight: bold; color: #000; width: 87%; padding-left: 10px; }
.license_change_cont div:nth-child(2) { width:7%; text-align: right; padding-right: 5px; }
.license_change_cont > div > img { width: 20px; height: 20px; margin-left: 10px; cursor: pointer; }
.license_change_cont > div > a > img { width: 20px; height: 20px; margin-left: 10px; cursor: pointer; }

.license_tab_container { display: flex; margin-top: 55px; }
.license_tab_container > div { width: 50%; }
.license_tab_container > div > a {  display: block; width: 100%; border-bottom: 5px solid pink; font-size: 20px; padding-bottom: 12px; }

/*.license_tab_container > div > div { padding-top: 10px; width: 100%; display: flex; }*/
/*.license_tab_container > div > div > a { display: block; width: 32%; border: 2px solid darkgrey; border-radius: 5px; margin: 0px 25px; padding: 2px 0px; }*/
.license_tab_container > div > div { width: 100%; display: flex; }
.license_tab_container > div > div > a { display: block; width: 33.3%; padding: 2px 0px; background-color: lightyellow; font-size: 17px; height: 30px; line-height: 28px; }
.license_tab_container > div > div > a:nth-child(2) { border-left: 1px solid darkgrey; border-right: 1px solid darkgrey; }
.license_tab { cursor: pointer; }

.l_active { font-weight: bold; border-bottom: 5px solid hotpink !important; }
.l_active_inner { background-color: lightblue !important; font-weight: bold; }

.license_history_title { padding-top: 15px; font-size: 20px; font-weight: bold; }
.license_tbl_container { padding: 15px 20px; max-height: 500px; overflow-y: scroll; }
.l_pop_margin { margin-bottom: 15px; }
.l_pop_margin_up { margin-top: 50px; }
.l_pop_margin_up_b { margin-top: 20px; }
/* 해상도 1920 2560 */

@media (min-width: 2560px) and (max-width:7000px) {
    /*.tb-st01{max-width:1620px !important;}*/
    .sub_wrap{min-width:calc(2560px - 250px);position:relative}
    .cont01 .sec_box{min-height:360px;width:520px;}
    /* .cont01 .sec_box .dash_box{min-height:360px;width:100%;} */
    .cont02 .sec_box{min-height:400px;width:795px;}
    /* .cont02 .sec_box .dash_box{min-height:360px;width:100%;} */

    /* .sub_wrap02 .container{background:#eeeff2 url("../images/bg_gnb.jpg") repeat-y;} */
    .sub_wrap02 .sub_cont02{max-width:1680px}
}

@media screen and (max-width:7000px){
    /*.tb-st01{max-width:1320px !important;}*/
    .sub_wrap{min-width:calc(1920px - 250px);position:relative}
    /* .sub_wrap:before{display:block;content:"";width:224px;height:100%;background:rgba(59, 94, 217, 0.85)} */
    .cont01 .sec_box{min-height:320px;width:420px;}
    .cont01 .sec_box .dash_box{width:100%;padding:10px 10px 10px}
    .cont02 .sec_box .dash_box{min-height:320px;width:100%;padding:10px 10px 10px}
    .cont02 .sec_box{min-height:320px;width:645px;}
    .cont02 .sec_box .dash_box{min-height:280px;width:100%;}

    .sub_wrap02 .container{background:#eeeff2;}
    .sub_wrap02 .sub_cont02,.tb_cont{max-width:1380px;background:#fff}

    .member_status {width:1320px !important;min-height:0px !important;}
}

/* 대시보드 기본으로 설정 버튼 start */
.button_default { border: solid 1px #2984ff; border-radius: 4px; padding: 5px; margin-left: 7px; color: #2984ff; }
.default_pro { margin-left: 7px; background-color: #2984ff; color: #ffffff; border-radius: 4px; padding: 5px; }
.weektopic_btn { height: 16px; margin-top: 20px; font-size: 13px; margin-bottom: 5px; }
.comp_sel {  margin-bottom: 10px; }
.week_topic_list { width: 700px; }
.default_pro_tit { font-weight: bold; color: #3b5ed9; }

/* 1:1 문의 답변 기능 */
.qna_view { margin-bottom: 20px; }
.qna_mb_0 { margin-bottom: 0px !important; }
.qna_mt_0 { margin-top: 0px; }
.no_answer { background: #707070; }
.yes_answer { margin-top: 20px; }

/* 식이 관리 기능 */
.txtal_left { text-align: left; }
.meal_date { background: #0D6B84; }
.meal_date_input { height: 40px; }
.select_meal { width: 33%; display: inline-block; }
.select_meal select { width: 95%; margin: 0 auto; background: none; }

.food_cont { list-style: none; }
.meal_food_cont { margin: 20px 0px 20px 0px; }
.meal_food_cont a { display: inline-block; width: 32%; }
.meal_btn { text-align: center; border-radius: 7px; }
.meal_wrap { display: inline-block; width: 32%; margin-left: 10px; vertical-align: top; }
.meal_wrap li { display: inline-block; }

#image_food { display: none; margin-top: 10px; width: 500px; height: 300px; }
#image_exist_food { display: block; margin-top: 10px; width: 360px; height: 240px; }
.thumb_tit { text-align: left; }

.meal_op_before { background: #F9FAE6; }
.meal_op_ing { background: #D5EDFA; }
.meal_op_after { background: #F4E9FA; }

/* 공지사항 관리 기능 */
.notice { display: flex; margin-top: 20px; }
.notice > div > label > input { width: 20px; height: 20px; margin: 0; border: solid 1px #b4b4b4; }
.notice > div > label > input[type=checkbox] { border: solid 1px #b4b4b4; }
.notice > div > label > input[type=checkbox]:checked { background-color: blue; }
.notice_target { display: flex; width: 90%; }
.notice_target > label { width: 100px; margin: 0 auto; }
.tit_box { display: flex; }
.tit_box > div { margin: 0 auto; }
.search_wrap>div:nth-child(n) { display: flex; }
.search_wrap>div>div:nth-child(2) { margin: 0px 20px; width: 60px; }
.search_tit { width: 60px; }
.table_top_box { display: flex; flex-direction: row; justify-content: space-around; margin-bottom: 20px; }
.notice_view_secret>div { margin-right: 20px; }
.btn_wrap { display: flex;  flex-direction: row; justify-content: flex-end; }
.btn_wrap>a { width: 20%; }
.file_add { width: 80px; margin-bottom: 10px; }
.img_add { width: 100px; height: 100px; margin-right: 10px; }
#img_wrap { display: flex; }
#img_wrap>div { position: relative; }
.img_del { width: 20px; height: 20px; position: absolute; bottom: -5px; left: 85px; }
.file_and_count { display: flex; }
.noti_img_wrap { padding: 20px 0px; }
.noti_img_wrap>div { margin-bottom: 10px; }



/* 자가문진 주차별 관리 */
.week_survey_write_section_title {text-align: left}
.week_survey_write_section_title h3 {font-family: NanumBarunGothic; font-size: 24px; line-height: 1.13; color:#4a4a4a}
.week_survey_write_section_title p {font-family: AppleSDGothicNeo-R; font-size: 16px; color:#4a4a4a; line-height: 1.19; margin-bottom: 20px}
.week_survey_write_title_cont {padding-top: 20px;border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; margin-bottom: 50px}
.week_survey_write_title {display: flex;padding-bottom: 20px;}
.week_survey_write_title div:nth-child(1) {font-size: 16px; font-family: NanumBarunGothic_B; margin-right: 20px;width:80px;height:40px;line-height: 40px}
.week_survey_write_title div:nth-child(2) {font-size:14px; font-family: NanumBarunGothic; width:100%; border:1px solid #7f7f7f;text-align: left;height:40px;padding-left: 10px; padding-right: 10px}
.week_survey_write_title div input {width:100%; height:100%;}

.week_survey_content_box {padding-top: 20px; padding-bottom: 30px;border-top: 1px solid #7f7f7f;}
.week_survey_select_box {text-align: left}
.week_survey_select_box select {height: 40px; border:1px solid #7f7f7f; font-size: 14px; font-family: NanumBarunGothic}
.week_survey_select_box select:nth-child(1) { width: 500px; }
.week_survey_select_box select:nth-child(2) {width:192px; margin-left: 20px;}

.week_survey_button_box {float:right; display: flex}
.week_survey_button_box div {width:94px; height:36px; text-align: center; color:#ffffff; font-family: NanumBarunGothic; font-size:14px;background: #333333; line-height: 36px; cursor: pointer}
.week_survey_button_box div:nth-child(2) {margin-left: 10px}

.week_survey_input_box {width:100%;}
.week_survey_input_box input {width:100%; height:40px; border: 1px solid #7f7f7f; margin-top: 20px; padding-left: 10px; padding-right: 10px;}

.select_week_cont {margin-top: 10px;}
.select_week_ul {display:flex;}
.select_week_ul li {margin-right: 7px; background-color: #2984ff; color: #ffffff; border-radius: 4px; padding: 5px 25px 5px 5px;font-size:18px; cursor: pointer; position:relative;}
.select_week_ul li:before {content: ''; position: absolute; right: 5px; top:6px; width:13px; height:13px; background-image: url(/assets/images/icon_x.svg); background-size: 100%;}


.faq_cont02 { padding:64px 40px; text-align: left}
.faq_title {font-family: NanumBarunGothic_B; font-size: 24px; color:#4a4a4a;}
.faq_form {margin-top:40px;}
.faq_form_cont {display:block;}
.faq_form_cont .faq_form_type, .faq_form_cont .faq_form_input, .faq_form_cont .faq_form_image, .faq_form_cont .faq_form_show {display: table-cell; height:40px; vertical-align: middle}
.faq_form_cont .faq_form_type {width:90px; font-size: 16px; font-family: NanumBarunGothic_B; color:#4a4a4a; letter-spacing: -0.32px;}
.faq_form_cont .faq_form_input select {height:100%; padding-right:88px; padding-left:10px;}
.faq_form_cont .faq_form_input .faq_checkbox {display:table-row; }
.faq_form_cont .faq_form_input .faq_checkbox li {font-family: NanumBarunGothic; color:#333333; padding-right: 40px; position: relative; padding-left: 26px;display: table-cell; vertical-align: middle; cursor: pointer}
.faq_form_cont .faq_form_input .faq_checkbox li::before {content: ""; width:18px; height:18px; position:absolute; left:0px; background-image: url(/assets/images/checkbox_off.svg)}
.faq_form_cont .faq_form_input .faq_checkbox li.on::before {background-image: url(/assets/images/checkbox_on.svg)}
.faq_form_cont .faq_form_input input {width: 1020px; height:100%; border:1px solid #7f7f7f;padding-left: 10px; padding-right: 10px}
.faq_form_cont .faq_form_editor {display: table-cell; width:1020px;}
.faq_form_cont .faq_form_show div {display: table-cell; vertical-align: middle}
.faq_form_cont {padding-bottom: 30px;}

.switch_show {width:62px; height:24px; cursor: pointer; background-image: url(/assets/images/switch_off.svg);}
.switch_show.on {background-image:url(/assets/images/switch_on.svg)}
.show_status {font-family: NanumBarunGothic_B; font-size:14px; color:#4a4a4a; padding-left:20px;}
.switch_desc {font-family: NanumBarunGothic; font-size:14px; color:#4a4a4a; padding-left:10px;}
.thumbnail_wrap {margin-top:20px;}
.notice_thumbnail {display:inline-block; margin-right:10px; width:1020px; width:146px; height:107px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative}
.notice_thumbnail a {position: absolute; right:6px; top:6px; width:14px; height:14px; cursor: pointer; background-image: url(/assets/images/upload_image_x.svg);}
.filebox {display:inline-block; height:36px; background:#333333; line-height: 36px;}
.filebox label { display: inline-block; padding:0 26px; color: #ffffff; font-family:NanumBarunGothic ;font-size: 14px; line-height: normal; vertical-align: middle; cursor: pointer; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.upload_caption {margin-left: 10px; font-family: NanumBarunGothic; color:#4a4a4a; font-size:14px;}

.notice_btn_cont {width:1420px; border-top:1px solid #d5d5d5; margin-top:20px; text-align:center; padding-top:40px;}
.notice_btn_cont div {display: inline-block; background:#333333; width:94px; height:36px; line-height:36px; text-align: center font-family: NanumBarunGothic; color:#ffffff; font-size:14px; margin-right:9px; margin-left:9px; cursor:pointer}

.notice_view_cont {margin-top: 44px;}
.notice_view_cont h2 {font-family: NanumBarunGothic_B; font-size:24px; color:#4a4a4a}
.notice_view_cont .faq_info_cont {display:flex; margin-top:14px;}

.faq_info_cont div:nth-child(1) {font-family: NanumBarunGothic_B; font-size:14px; color:#4a4a4a;}
.faq_info_cont div:nth-child(2) {font-family: NanumBarunGothic; margin-left:10px; font-size:14px; color:#4a4a4a;}
.faq_info_cont div:nth-child(3) {font-family: NanumBarunGothic; margin-left: 20px; font-size:14px; color:#4a4a4a;}

.notice_content {margin-top:40px;}
.notice_upload_image {margin-top:15px;}

.notice_info_cont {border-top:1px solid #d5d5d5; width:1420px; padding-top:40px; margin-top:40px}


.tit_box02 {display: table-row}
.tit_box02 .sub_tit01 {color:#4a4a4a; font-family: NanumBarunGothic_B; font-size:24px; display: table-cell; vertical-align: middle}
.tit_box02 .sub_tit02 {color:#4a4a4a; font-family: NanumBarunGothic; font-size:14px; display: table-cell; vertical-align: middle; padding:0 0 0 10px;}

.search_filter_cont {margin-top:40px; padding-bottom:10px; border-bottom: 1px solid #7f7f7f; margin-bottom: 26px;}
.search_filter_box {height:40px; margin-bottom:20px; position: relative}
.search_filter_box .filter_type {display:table-cell; vertical-align: middle; font-family: NanumBarunGothic_B; font-size:16px; color:#4a4a4a; width:60px;}
.search_filter_box .filter_select {display:table-cell; vertical-align: middle; padding-left:20px;}
/*.filter_select select {width:192px; height:40px; font-family: NanumBarunGothic; font-size:14px; color:#333333; padding-left:10px; background: url(../images/bg_select.png) 170px 16px no-repeat; background-size: 14px auto; -webkit-appearance: none;-moz-appearance: none;appearance: none;}*/
.search_filter_box .search_form {display: table-cell;}
.search_form input {width:284px;float:left;margin:0 10px;border:1px solid #7f7f7f;min-height:40px;-webkit-border-radius:2px;border-radius:2px;padding:10px 7px 10px;line-height:14px;font-size:14px;}
.search_filter_box .notice_add_btn {display: table-cell; padding:0 11px; line-height: 40px; background: #333333; color:#ffffff;font-family: NanumBarunGothic; font-size:14px; position: absolute; right:0px; top:0px; cursor: pointer}

.notice_table_caption_cont {padding-bottom:16px; display: flow-root}
.notice_table_caption {font-family: NanumBarunGothic; font-size:14px; color:#4a4a4a; float:left;}
.notice_list_total_count {font-family: NanumBarunGothic_B; font-size:16px; letter-spacing: -0.32px; padding-right: 10px}
.notice_table_sort {float:right;}