@CHARSET "UTF-8";

/*.life_con .con-2 .day_btn {
   height:33px;
   margin-top: 3.6px;
   line-height: 127%;
}*/

/*
.form-group {
   margin-top: -1px;
}
*/

/*div.col-md-12.col-sm-12.col-xs-12.pd0.con-3 {
   margin-top: -21px;
}*/

/*.life_con.con2.checks {
   margin-top: 8px;
}*/

div.col-md-12.col-sm-12.col-xs-12.pd0.con-3.chartSize1 {
   min-height : 150px;
}

div.col-md-12.col-sm-12.col-xs-12.pd0.con-3.chartSize2 {
   min-height : 650px;
}

.life_con .con-3 .left.chartSize1 {
   min-height : 150px;
}

.life_con .con-3 .left.chartSize2 {
   min-height : 650px;
}

.btn_wrap .btn_1 {
   vertical-align: middle;
    height: 100% !important ;
}

.btn_wrap .btn_2 {
   vertical-align: middle;
    height: 100% !important ;
}

.login_main .con-2 .right .loginBox a:nth-child(4) img {
	margin-right: 10px;
    padding-left: 14px;
}



.data_pop1 .radioBtn .btnCustom{font-size: 13px;font-weight: 500; letter-spacing: -0.08px;text-align: center; color: #333; width: 50%;  border-radius: 3px; border: solid 1px #d1d1d6; height: 48px; line-height: 35px; }
.data_pop1 .radioBtn .btnCustom.active{border-radius: 3px;  background-color: #f7fbff; color: #085db9; box-shadow: none; border: 1px solid #007aff;}

.life_con .con-3 .right .evl-box1 {text-align: center; margin-top: 20px;padding-top: 20px;}
.life_con .con-3 .right .evl-box1 ul li{display: inline-block; font-size: 14px; color: #67758d;}
.life_con .con-3 .right .evl-box1 ul li:last-child{width: 106px;height: 30px;font-size: 14px; color: #007aff; border-radius: 14.8px; background-color: #eaf4ff; padding: 5px 16px; margin-left: 10px;}
.life_con .con-3 .right .evl-box2 {text-align: center; margin-top: 20px;padding-top: 20px;}
.life_con .con-3 .right .evl-box2  ul li{display: inline-block; font-size: 14px; color: #67758d;}
.life_con .con-3 .right .evl-box2  ul li:last-child{width: 106px;height: 30px;font-size: 14px; color: #49b63e; border-radius: 14.8px; background-color: #d1f3d7; padding: 5px 16px; margin-left: 10px;}
.life_con .con-3 .right .evl-box3 {text-align: center; margin-top: 20px;padding-top: 20px;}
.life_con .con-3 .right .evl-box3 ul li{display: inline-block; font-size: 14px; color: #67758d;}
.life_con .con-3 .right .evl-box3 ul li:last-child{width: 106px;height: 30px;font-size: 14px; color: #caa100; border-radius: 14.8px; background-color: #ffefb0; padding: 5px 16px; margin-left: 10px;}
.life_con .con-3 .right .evl-box4 {text-align: center; margin-top: 20px;padding-top: 20px;}
.life_con .con-3 .right .evl-box4  ul li{display: inline-block; font-size: 14px; color: #67758d;}
.life_con .con-3 .right .evl-box4  ul li:last-child{width: 106px;height: 30px;font-size: 14px; color: #f05b6e; border-radius: 14.8px; background-color: #ffe9e8; padding: 5px 16px; margin-left: 10px;}

.select_box .select_pleace { display: inline-block; float: left; height: 42px;padding: 0 10px; font-size: 14px;line-height: 15px; color: #2b323b; background-color: transparent; border: solid 1px #dde0e3; border-radius: 4px;-webkit-box-shadow: none; width: 100%; letter-spacing: -0.93px;cursor: pointer;}
.select_box select { background: url(../images/chevron-1.svg) no-repeat 88% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0px 27px 0 16px!important;}




.data_pop1 .popup1 .content .find_food{}
.data_pop1 .popup1 .content .find_food .input_wrap{overflow: hidden;float: left; width: 77.13%;}
.data_pop1 .popup1 .content .find_food .input_wrap .form-control{ height: 48px;}
.data_pop1 .popup1 .content .find_food .btn{float: right; width: 20%; height: 48px; border-radius: 3px;background-color: #69727c;font-size: 15px;  font-weight: bold; letter-spacing: -0.1px; color: #fff;}
.overlay1 {
   position: fixed;
   top: -5%;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.7);
   transition: opacity 500ms;
   visibility: hidden;
   opacity: 0;
   z-index: 999;
}
.overlay1:target {visibility: visible; opacity: 1;}

.data_pop1 .radioBtn2 .btn{font-size: 13px;font-weight: 500; letter-spacing: -0.08px;text-align: center; color: #333; width: 50%;  border-radius: 3px; border: solid 1px #d1d1d6; height: 48px; line-height: 35px; }
.data_pop1 .radioBtn2 .btn.active{border-radius: 3px;  background-color: #f7fbff; color: #085db9; box-shadow: none; border: 1px solid #007aff;}
.data_pop1 .radio_wrap-1 .radioBtn2 .btn{width: 20%;}
.data_pop1 .radioBtn2{width: 100%;}

.data_pop1 .radioBtn2 .btn { height: 40px; line-height: 28px;}

.join-info-textarea{
    resize: vertical;
    border: 1px solid rgb(231, 231, 231);
    padding: 32px;
    overflow: auto;
    font-size: 15px;
    color: rgb(27, 33, 37);
    min-height: 213px;
    margin-bottom: 32px;
    cursor: default !important;
    background-color: rgb(255, 255, 255) !important;
    margin-top: 0px;
}

/*
정재우 책임
- 상세 뷰 하단의 QNA List 및 파일 첨부 뷰 css
*/
 .cb_fluid {
     font-family: '돋움', Dotum, '굴림', Gulim, AppleGothic, Sans-serif;
     font-size: 12px;
     font-weight: normal;
     line-height: 14px;
     height: auto;
     background: #f3f4f6;
     margin-top: 20px;
 }

.cb_nick_name a {
    position: static;
    line-height: 16px
}

.cb_area_L {
    width: 60%;
    background: #fefebc;
;
    padding: 10px 10px;
    float: left;
    margin: 10px 0px;
    margin-left: 10px
}

.cb_area_R {
    width: 60%;
    background: #d8eff6;
;
    padding: 10px 10px;
    float: right;
    clear: both;
    margin: 10px 0px;
    margin-right: 10px;
}

.cb_usr_id,
.cb_date {
    display: inline-block;
    color: #aaa;
    font-family: tahoma;
    font-size: 0.987em;
}

.cb_line {
    clear: both;
}

.cb_txt_area {
    width: 100%;
    height: 10em;
    clear: both;
    padding-top: 10px;
    border: 1px solid #cdcdcd;
    background: #e9e9e9;
}

.comment-box {
    width: 82%;
    float: left;
    background: #fff;
    height: 6em;
    margin-left: 1em
}

.comment-box textarea {
    width: 100%;
    height: 6em;
    border: none;
    line-height: 1em;
    border: 1px solid #cdcdcd
}

.mar-btm-100 {
    margin-bottom: 100px !important
}

.btn-comment {
    display: block;
    width: 10%;
    height: 6em;
    background: red;
    float: right;
    margin-right: 10px;
    background-color: #7b838e;
    color: white;
    text-align: center;
    line-height: 6em
}

.join-1 .con-2 .join-box .table-wrap .table .interest .check-interest span {
    width: 20%;
    display: inline-block;
    word-break: break-word;
    margin-bottom: 16px;
    margin-top: 15px;
}

/*
정재우 책임
- 달력 스타일 변경
*/
.input_wrap .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    border: 0px solid #ccc;
    border-radius: 0px;
    background-color: #ffffff;
}


.input_content .c_img_2 {
    display: inline-block;
    float: left;
    margin-left: 8%;
    margin-top: 18px;
    text-align: left;
    width: 8%;
}

.patient_popup .table-responsive {
    overflow: auto;
    max-height: 400px;
    min-height: 400px;
    margin: 0 !important;
    padding: 0 !important;
}

.decipher_img {
    float: left;
    display: block;
    max-width: 10%;
    border: 1px solid #263340;
    text-align: center;
    margin-right: 10px;
}

.decipher_img img {
    max-width: 100%;
    max-height: 60px;
    text-align: center;
}

.decipher_bg {
    background-color: #20272f;
}

#decipher_L img {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.data_pop1 .popup1 .cus_btn_wrap{text-align: right; margin-top: 35px}
.data_pop1 .popup1 .cus_btn_wrap .cus_btn_1{border-radius: 3px; border: solid 1px #d3d3d3; background-color: #ffffff; height: 48px; line-height: 35px; width: 21.71%; margin-right:7px;}
.data_pop1 .popup1 .cus_btn_wrap .cus_btn_2{border-radius: 3px; background-color: #007aff; color: #fff; height: 48px; line-height: 35px; width: 34.175%}
.bloodPressure_font {font-size: 80%; vertical-align: inherit;}
.bloodGlucose_font {font-size: 80%; vertical-align: inherit;}
.lifelog_pb5 {padding-bottom: 5px}

.acd_sy-1-vision{ border:0px; border-radius: 0px; overflow: hidden;box-shadow: none !important; margin-top: 8px;}
.acd_sy-1-vision .panel-vision+.panel-vision { margin-top: 0px; box-shadow: none;}
.acd_sy-1-vision .panel-vision{border: none;border-bottom: 0px solid #3485ef; border-radius: 0; margin: 0; box-shadow: 0 2px 6px 0 rgba(197, 205, 211, 0.21);}
.acd_sy-1-vision .panel-vision:last-child{ border-bottom: none;}
.acd_sy-1-vision .panel-heading-vision{ padding: 0;border: none;box-shadow: none !important;}
.acd_sy-1-vision .panel-title-vision a{ display: block;padding: 23px 40px;color: #fff; text-align:left; position: relative;transition: all 0.3s ease 0s;border-radius: 8px 8px  0 0; border: solid 1px #cde4ff; background-color: #f4f9ff;font-size: 14px;letter-spacing: -0.82px;color: #494d54; font-weight: normal; margin-top: 8px; overflow: hidden;}
.acd_sy-1-vision .panel-title-vision a .tit_w{overflow: hidden;float: left;}
.acd_sy-1-vision .panel-title-vision a .l_arrow{float: right; margin-top: 5px;}
.acd_sy-1-vision .panel-title-vision a .tit_w li{float: left; margin-right: 56px;}
.acd_sy-1-vision .panel-title-vision a .tit_w li:last-child{margin-right: 0;}
.acd_sy-1-vision .panel-title-vision a .tit_w li span{font-size: 14px;letter-spacing: -0.82px;color: #494d54; vertical-align: middle}
.acd_sy-1-vision .panel-title-vision a .tit_w li span.txt{font-size: 16px;letter-spacing: -0.93px;color: #428dff;}
.acd_sy-1-vision .panel-title-vision a.collapsed{ background: #fff;font-size: 14px;letter-spacing: -0.82px; color: #27599c; border-radius: 8px;  box-shadow: 0 2px 6px 0 rgba(197, 205, 211, 0.21);border: solid 1px #dddddd; }
.acd_sy-1-vision .panel-title-vision a.collapsed:hover{ background: #f4f9ff; color: #494d54;}
.acd_sy-1-vision .panel-heading-vision+.panel-collapse-vision>.list-group-vision, .acd_sy-1-vision .panel-heading-vision+.panel-collapse-vision>.panel-body-vision { border-top: 0;}
.acd_sy-1-vision .panel-title-vision a:after,
.acd_sy-1-vision .panel-title-vision a.collapsed:after{font-size: 25px; color: #fff; position: absolute;top: 17px;left: 20px;transition: all 0.3s ease-in-out 0s;}
.acd_sy-1-vision .panel-title-vision a.collapsed:after{ color: #3485ef;}
.acd_sy-1-vision .panel-body-vision{border-radius:  0 0 8px 8px;;box-shadow: none; border: solid 1px #cde4ff;background-color: #ffffff; padding: 40px 24px;}


/* angular.js validation */
input.form-control.ng-invalid:not(.ng-pristine) { border-color: #a94442 !important; }
.margin-center { margin: 0 auto !important; float: initial !important; }

.content-top{
    position:fixed;
    right: 24px;
    bottom: 20px;
    z-index: 100;
}

.answer_alarm{
    margin-right : 16px;
}

.mypage{
    padding: 2px 24px 6px 24px;
}

.login-user-name{
    font-weight: 300;
}

.row-bg-white{
    background: #ffffff;
}

.doctor_popup .con{
    overflow: auto;
    min-height: 400px;
    max-height: 400px;
}

.life_con .con-4 .hd-tit a.excel-1{border: none;padding: 5px 0px;color:#333;font-size:14px}
.life_con .con-4 .hd-tit a.excel-1:hover{text-decoration: underline!important}
.life_con .con-4 .hd-tit a.excel-1 img{margin-right:4px}

.notice-popup{position: absolute; top: 10%;left: 45%;margin:-150px 0 0 -150px}


/*
    영문 컨텐츠 사진 추가로 인한
    app download 페이지 수정
*/
.app_info .con-2 .sec-1 .txt_box ul li:lang(en) {min-height: 170px;}
.app_info .sec-4 .con-1 .right .carousel-item-en { position: absolute; top: 0; left: 0;width: 190px;height: 210px;border-radius: 6px;}
.app_info .sec-4 .con-1 .right .carousel-item-en:nth-child(1) { background: url(../images/app-img1_en.png) no-repeat; background-size: cover;height: 385px; width: 246px; -webkit-transform: rotateY(0) translateZ(182px); transform: rotateY(0) translateZ(182px);}
.app_info .sec-4 .con-1 .right .carousel-item-en:nth-child(2) { background: url(../images/app-img2_en.png) no-repeat; background-size: cover;height: 385px; width: 246px; -webkit-transform: rotateY(120deg) translateZ(182px); transform: rotateY(120deg) translateZ(182px);}
.app_info .sec-4  .con-1 .right .carousel-item-en:nth-child(3) {background: url(../images/app-img3_en.png) no-repeat; background-size: cover;height: 385px; width: 246px;-webkit-transform: rotateY(240deg) translateZ(182px); transform: rotateY(240deg) translateZ(182px);}

/*건강보고서 레이아웃 수정 */
.myhealth .con-2 .user .right .f-left .line-1 label:lang(km) {font-size: 11px;}
.myhealth .con-2 .user .right .f-left .line-1 .line-1_1 {width: 48%;}
.myhealth .con-2 .user .right .f-left .line-3 .btn_box:lang(ko) {width: 22%;}
.myhealth .con-2 .user .right .f-left .line-3 .btn_box:lang(ja) {width: 22%;}
.myhealth .con-2 .user .right .f-left .line-3 .btn_box:lang(en) {width: 30%;}


/*맞춤형 컨텐츠 모달 레이아웃, 수정,삭제 버튼 수정*/
.content-classification:lang(en) {letter-spacing: -0.5px; line-height: 24px; !important;}
.content-classification:lang(ja) {letter-spacing: -0.5px; line-height: 24px; !important;}
.table-doctorContent {overflow: unset;}
@media screen and (min-width: 1281px) {
    .table-doctorContent .td-menu {top: 0;left: 30px;}
}


/*과거내원이력 신규등록 영문 레이아웃 수정 */
#chosNo .left:lang(en) {letter-spacing: -0.5px;}
#clinicDeptName .left:lang(en) {letter-spacing: -0.5px;}
.operation_popup .popup1 .content .con .refe_wrap ul li .right:lang(en) {width: 70%;}
.operation_popup .popup1 .content .con .refe_wrap ul li .left:lang(en) {width: 25%;}

/*
언어 변경 시 텍스트가 늘어나 두 줄이 되어 레이아웃 깨지는 경우
텍스트 간격을 줄임 - 공통 사용
*/
.two_lines:lang(en) {line-height: 24px;}


/*메인 베너메뉴 수정*/
.banner .right .banner-menu ul li:lang(en) {padding: 16px; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.15);}
.service_info .con-2 .sec-3 .right ul li .txt_box:lang(en) {float: none; padding-left: 63px;}

/*의사 권한 신청 레이아웃 수정*/
.doctor_Authority_popup:lang(en) {width: 45%}
.doctor_Authority_popup:lang(ja) {width: 40%}

/* float-right*/
.float-right {float: right;}