@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

.section{width: 100%; padding: 100px 0;}
.sinner{width: 100%; max-width: 1260px; margin: auto; box-sizing: border-box;}

.edInfo{display: flex; align-items: flex-start;justify-content: space-between; margin-bottom: 50px;}
.edInfo .edTitle{ width: calc(100% - 370px); margin-left: 30px;}
.edInfo .edTitle .edTitle_inner{position: relative; margin-bottom: 20px;}
/* .edInfo .edTitle h1{margin-top: 5px; font-size: 24px; font-family: 'Spoqa Han Sans Neo',sans-serif!important;} */
.edInfo .edTitle h1{margin-top: 5px; font-size: 24px; font-family: 'Spoqa Han Sans Neo',sans-serif!important; max-width: 750px;}
.edInfo .edTitle span{font-size: 18px; font-family: 'Spoqa Han Sans Neo',sans-serif!important;}
.edInfo .edTitle .edBookmark{position: absolute; right: 0; bottom: 0px; display: flex; align-items: center; justify-content: center; border: 1px solid #4876ee; font-size: 14px; color: #4876ee; font-weight: 500; border-radius: 7px; padding: 7px 15px; cursor: pointer;} 
.edInfo .edTitle .edBookmark img{ margin-right: 7px;}

.edInfo .edTitle .edCont{position: relative; display: flex; align-items: flex-start; padding: 20px 0; border-top: 1px solid #e3e5e8; border-bottom: 1px solid #e3e5e8;}
.edInfo .edTitle .edCont > div{width: 50%;}
.edInfo .edTitle .edCont .edLeft{margin-right: 20px;}
.edInfo .edTitle .edCont .ed_more{display: none;; align-items: center; position: absolute; right: 10px; bottom: 0; width: auto; font-size: 13px; color: #888; letter-spacing: -0.025em;}
.edInfo .edTitle .edCont .ed_more .ed_arrow{border: 1px solid #e3e5e8; border: 1px solid #e3e5e8; width: 18px; height: 18px; border-radius: 50px; display: flex;align-items: center; justify-content: center; margin-left: 5px; padding: 1px; transition: 0.3s all; }
.edInfo .edTitle .edCont .ed_more .ed_arrow img{width: 10px;}
.edInfo .edTitle .edCont dl{display: flex; margin-bottom: 15px;}
.edInfo .edTitle .edCont dl:last-child{margin-bottom: 0;}
.edInfo .edTitle .edCont dl dt{max-width:90px; width: 100%; font-size: 14px; color: #555; }
.edInfo .edTitle .edCont dl dd{width:calc(100% - 90px);}
.edInfo .edTitle .edCont dl dd p{font-size: 14px; color: #000; }

.edInfo .edTitle .edCont .serviceCenter{position: absolute; left: 0; top: 115%; display: flex; align-items: center; width: 200px;}
.edInfo .edTitle .edCont .serviceCenter a{font-size: 15px; color: #555; display: flex; align-items: center; margin-right: 20px;}
.edInfo .edTitle .edCont .serviceCenter a img{margin-right: 5px;}
/* .edInfo .edTitle .edCont .serviceCenter a:nth-child(1){background: url('../../img/doctor_bridge/search/ico_share.png') no-repeat left top 0px;}
.edInfo .edTitle .edCont .serviceCenter a:nth-child(2){background: url('../../img/doctor_bridge/search/ico_chat.png') no-repeat left center;} */

.edInfo .edTitle .ed_btn{padding-top: 30px; text-align: center;}
.edInfo .edTitle .ed_btn button{display: inline-block; padding: 10px 45px; text-align: center; background: red; border-radius: 100px; color: #fff; font-size: 15px; margin-right: 20px;}
.edInfo .edTitle .ed_btn button:last-child{margin-right: 0;}
.edInfo .edTitle .ed_btn button.direct{background: #000;}
.edInfo .edTitle .ed_btn button.online{background: #4876ee;}

.edInfo .edSide{width: 280px; border: 1px solid #e3e5e8; border-radius: 7px; overflow: hidden; margin-right: 30px;}
.edInfo .edSide .es_silde{border-bottom: 1px solid #e3e5e8; font-size: 0; height: 220px;}
.edInfo .edSide .es_silde .employ_detail_sw{width: 100%; height: 100%;}
.edInfo .edSide .es_silde .employ_detail_sw .swiper-slide{display: flex; align-items: center; justify-content: center;}
/* .edInfo .edSide .es_silde img{width: 100%;} */
.edInfo .edSide .es_silde img{height: 100%;}
.edInfo .edSide .es_subInfo{padding: 10px 15px; border-bottom: 1px solid #e3e5e8;}
.edInfo .edSide .es_subInfo .siTit{font-size: 18px; margin-bottom: 15px;}
.edInfo .edSide .es_subInfo .siCont dl{display: flex; align-items: center; margin-bottom: 10px;}
.edInfo .edSide .es_subInfo .siCont dl dt{width: 35%; font-size: 14px; color: #555; }
.edInfo .edSide .es_subInfo .siCont dl dd{font-size: 14px; color: #000; }
.edInfo .edSide .ep_current {padding: 10px 0; text-align: center;}
.edInfo .edSide .ep_current a{ font-size: 14px; color: #333;}
.edInfo .edSide .ep_current a font{width: 18px; height: 18px; background-color: #4876ee; -ms-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 12px; color: #fff; text-align: center; line-height: 18px; padding-top: 1px; display: inline-block; padding: 3px; margin-left: 5px;}

.ed_companyInfo{padding: 0 30px;}
.ed_companyInfo .e_ci_category{position: relative; display: flex; align-items: center; width: 100%; height: 51px; background: #f2f4f7; border-radius: 50px; border: 1px solid #f2f4f7; overflow: hidden; box-sizing: border-box;}
.ed_companyInfo .e_ci_category span{display: block; width: 25%; height: 100%; text-align: center; color: #555; font-size: 16px; line-height: 51px; border-radius: 50px; border: 1px solid #f2f4f7; cursor: pointer; z-index: 2; box-sizing: border-box;}
.ed_companyInfo .e_ci_category span.on{color: #000;}
.ed_companyInfo .e_ci_category .indicator{position: absolute; top: 0; left: 0; display: block; width: 25%; height: 100%; border-radius: 50px; border: 1px solid #e3e5e8; background: #fff; z-index: 1;}

.ed_companyInfo .e_ci_detail .tit{padding: 50px 0 20px; font-size: 22px;}
.ed_companyInfo .e_ci_detail .tit.line{border-bottom: 1px solid #e3e5e8;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont{margin-bottom: 30px;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont h2{font-size: 18px; margin-bottom: 8px;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont dl{display: flex; align-items: flex-start; margin-bottom: 5px;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont dl.none dt{padding-left: 0;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont dl.none dt::before{content: ''; display: none;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont dt{position: relative; padding-left: 10px; line-height: 1.6;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont dt::before{content: '-'; position: absolute; top: 0px; left: 0;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont dd{margin-left: 5px;}
.ed_companyInfo .e_ci_detail .detail_inner .di_cont dd span{display: block; line-height: 1.6;}

.ed_companyInfo .e_ci_detail .detail_inner .company_info dl{border-top:1px solid #e3e5e8; display: flex; align-items: center; padding: 18px 0;}
.ed_companyInfo .e_ci_detail .detail_inner .company_info dt{font-size: 16px; color: #555; max-width: 100px; width: 100%;}
.ed_companyInfo .e_ci_detail .detail_inner .company_info dd{width:calc(100% - 100px); font-size: 16px; color: #000;}

.ed_companyInfo .e_ci_detail .apply_inner{display: flex; align-items: center; border: 1px solid #e3e5e8; border-radius: 7px;}
.ed_companyInfo .e_ci_detail .apply_inner .period{width: 265px; padding: 32px 35px; }
.ed_companyInfo .e_ci_detail .apply_inner .period .time{margin-bottom: 20px;}
.ed_companyInfo .e_ci_detail .apply_inner .period .time span{background: url('../../img/doctor_bridge/employ/period_img.png') no-repeat left center / 13px; color: #4876ef; font-size: 14px; padding-left: 18px;}
/* .ed_companyInfo .e_ci_detail .apply_inner .period .time em{color: #4876ef; font-size: 30px; font-weight: bold; display: block;} */
/* .ed_companyInfo .e_ci_detail .apply_inner .period .time em{color: #4876ef; font-size: 27px; font-weight: bold; display: block;} */
.ed_companyInfo .e_ci_detail .apply_inner .period .time em{color: #4876ef; font-size: 25px; font-weight: bold; display: block;}
.ed_companyInfo .e_ci_detail .apply_inner .period .time em b{display: inline-block; margin: 0 3px; animation: timeAni 1s infinite;}
@keyframes timeAni{
  0%{opacity: 0;}
  40%{opacity: 1;}
}
.ed_companyInfo .e_ci_detail .apply_inner .period dl{display: flex; align-items: center; justify-content: space-between;}
.ed_companyInfo .e_ci_detail .apply_inner .period dt{font-size: 14px; color: #555;}
.ed_companyInfo .e_ci_detail .apply_inner .period dd{font-size: 14px; color: #000;}
.ed_companyInfo .e_ci_detail .apply_inner .period dl.peri_start{margin-bottom: 5px;}
.ed_companyInfo .e_ci_detail .apply_inner .period dl.peri_end dt,
.ed_companyInfo .e_ci_detail .apply_inner .period dl.peri_end dd{color: #4876ef;}

.ed_companyInfo .e_ci_detail .apply_inner .apply{display: flex; align-items: center; justify-content: space-between; width: calc(100% - 265px); background: #f5f8ff; padding: 35px;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method{width: calc(100% - 275px);     margin-right: 40px;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method dl{display: flex; align-items: flex-start; margin-bottom: 12px;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method dl:last-child{margin-bottom: 0;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method dl dt{max-width: 90px; width: 100%; font-size: 14px; color: #555;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method dl dd{width:calc(100% - 90px);}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method dl dd p{font-size: 14px; color: #000; line-height: 1.4;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method dl dd p a{padding-left: 23px; font-size: 14px; color: #000; line-height: 1.6; text-decoration: underline; text-underline-position: under; background: url(../../img/doctor_bridge/employ/agree_down.png) no-repeat left center / 19px; margin-left: 5px; }

.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_btn{max-width: 275px; width: 100%;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_btn button{display: block; width: 100%; color: #fff; border-radius: 50px; padding: 15px 0; font-size: 15px;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_btn button.direct{background: #000; margin-top: 8px;}
.ed_companyInfo .e_ci_detail .apply_inner .apply .apply_btn button.online{background: #4876ee;}


.ed_companyInfo .e_ci_detail .hp_info_wrap{display: flex; flex-direction: column;}
.ed_companyInfo .e_ci_detail .hospital_info{display: flex; align-items: flex-start; padding: 30px 0;}
.ed_companyInfo .e_ci_detail .hospital_info > div{width: 50%;}
.ed_companyInfo .e_ci_detail .hospital_info .hp_info_left{margin-right: 70px;}
.ed_companyInfo .e_ci_detail .hospital_info > div dl{display: flex; align-items: flex-start; margin-bottom: 15px;}
.ed_companyInfo .e_ci_detail .hospital_info > div dl dt{max-width: 100px; width: 100%; font-size: 14px; color: #555;}
.ed_companyInfo .e_ci_detail .hospital_info > div dl dd{width: calc(100%- 100px); font-size: 14px; color: #000;}
.ed_companyInfo .e_ci_detail .hospital_info > div .hi_noice{padding: 18px 15px 18px 90px; background: #f5f8ff url(../../img/doctor_bridge/employ/hos_info.png) no-repeat left 27px center; border-radius: 7px;}
.ed_companyInfo .e_ci_detail .hospital_info > div .hi_noice p{font-size: 13px; color: #4876ee; font-weight: 600;}
.ed_companyInfo .e_ci_detail .hospital_info > div .hi_noice span{font-size: 13px; color: #000;}

.ed_companyInfo .e_ci_detail .hp_infoImg{padding: 15px 0; border: 1px solid #e3e5e8; border-radius: 7px;}
.ed_companyInfo .e_ci_detail .hp_infoImg .hp_sw .swiper-slide{width: 23%; padding-left: 15px; box-sizing: border-box;}
.ed_companyInfo .e_ci_detail .hp_infoImg .hp_sw .swiper-slide a img{width: 100%;}

.ed_companyInfo .e_ci_detail .hp_infoImg.hpPop {visibility: hidden; position: fixed; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.7); z-index: 99999; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.ed_companyInfo .e_ci_detail .hp_infoImg.hpPop .hpPop_close{    position: absolute; top: 30.5%; left: 50%; z-index: 9999; transform: translateX(-50%); background: rgba(255, 255, 255, 0.2); padding: 10px; border-radius: 50px; width: 20px; height: 20px; display: flex; align-items: center;justify-content: center;}
.ed_companyInfo .e_ci_detail .hp_infoImg.hpPop .hps_inner{ max-width: 500px; width: 85%; position: absolute; top: 50%; left: 50%; padding: 15px; background: #fff; transform: translate(-50%, -50%); box-sizing: border-box;}
.ed_companyInfo .e_ci_detail .hp_infoImg.hpPop .hps_inner .swiper-slide{width: 100%;}
.ed_companyInfo .e_ci_detail .hp_infoImg.hpPop .hps_inner .swiper-slide a{display: block; height: 100%; width: 100%;}
.ed_companyInfo .e_ci_detail .hp_infoImg.hpPop .hps_inner .swiper-slide a img{width: 100%};

.ed_notice{margin-top: 30px; display: flex; align-items: center; }
.ed_notice{margin-top: 30px; display: flex; align-items: center; }
.ed_companyInfo .ed_notice .notice_cont{width: calc(100% - 180px);     margin-right: 40px;}
.ed_companyInfo .ed_notice .notice_cont p{position: relative; font-size: 13px; color: #555; padding-left: 10px; margin-bottom: 8px;}
.ed_companyInfo .ed_notice .notice_cont p:last-child{margin-bottom: 0px;}
.ed_companyInfo .ed_notice .notice_cont p::before{content: '*'; position: absolute; top: 50%; left: 0; transform: translateY(-45%);}
.ed_companyInfo .ed_notice .print{max-width: 180px; width: 100%;}
.ed_companyInfo .ed_notice .print a{display: block; border-radius: 50px; border: 1px solid #e3e5e8; text-align: center; font-size: 15px; color: #333; height: 45px; line-height: 45px;}



.chatPop{position: fixed; top: 51%; left: 50%; transform: translate(-50%, -50%); width: 480px; height: 700px; border-radius: 8px; background: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,0.15); overflow: hidden; opacity: 0; visibility: hidden; z-index: 99999; transition: 0.3s all;}
.chatPop.on{top: 50%; opacity: 1; visibility: visible;}
.chatPop .cp_inner{position: relative; height: 100%;}

.chatPop .tit{position: relative; background: #4876ef; color: #fff; padding: 10px 20px; box-sizing: border-box; font-size: 14px;}
.chatPop .tit a{position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.chatPop .chat_cont{ position: relative; padding: 30px; margin-top: 104px; background: #f5f8ff; height: calc(100% - 194px); box-sizing: border-box; overflow-y: auto;}

.chatPop .hos_name{position: absolute; top: 38px; left: 0; padding: 30px; background: #f5f8ff; box-shadow: 0px 2px 11px rgba(0,0,0,0.1); width: 100%; box-sizing: border-box; z-index: 1;}
.chatPop .hos_name p{font-size: 18px; color: #000;}
.chatPop .hos_name span{display: inline-block; margin-top: 3px; font-size: 14px; color: #555; }

.chatPop .chat_cont .message{position: relative; display: flex; flex-direction: column; margin-top: 20px;}
.chatPop .chat_cont .message .chat_box + .chat_box{margin-top: 10px;}
.chatPop .chat_cont .message:nth-of-type(1) {margin-top: 0px;}
.chatPop .chat_cont .message .imgBox{display: flex; align-items: center; flex-wrap: wrap;}
/* .chatPop .chat_cont .message .imgBox .img_cont{margin-right: 8px; width: 90px; height: 90px; border-radius: 20px; overflow: hidden; display:flex; align-items: center; justify-content: center;} */
.chatPop .chat_cont .message .imgBox .img_cont{margin-right: 8px; width: 150px; height: 150px; border-radius: 20px; overflow: hidden; display:flex; align-items: center; justify-content: center;}
.chatPop .chat_cont .message .imgBox .img_cont:nth-child(n+5){margin-top: 8px;}
.chatPop .chat_cont .message .imgBox .img_cont img{width: 100%;}

.chatPop .chat_cont .user{align-items: flex-end;}
.chatPop .chat_cont .user p{display: inline-block; background: #fff; border-radius: 30px 30px 0px 30px; padding: 13px 35px; box-sizing: border-box; font-size: 15px; line-height: 1.3;}
.chatPop .chat_cont .user span{font-size: 12px; color: #777; margin-top: 7px;}

.chatPop .chat_cont .reply{align-items: flex-start;}
.chatPop .chat_cont .reply p{display: inline-block; background: #4876ef; color: #fff; border-radius: 30px 30px 30px 0px; padding: 13px 25px; box-sizing: border-box; font-size: 15px; line-height: 1.3;}
.chatPop .chat_cont .reply span{font-size: 12px; color: #777; margin-top: 7px;}

.chatPop .chat_cont .chat_date{text-align: center; margin: 15px 0; font-size:14px;}

.chatPop .chat_txt{width: 100%; height: 52px; display: flex; align-items: center; justify-content: flex-start; padding: 0 30px;}
.chatPop .chat_txt button{ display: block; height: inherit; padding: 0 20px 0 0px; transform: translateY(2px);}
/* .chatPop .chat_txt input{display: block; width: 100%; height: inherit; outline: none;} */
.chatPop .chat_txt input{display: block; width: 85%; height: inherit; outline: none;}


/* 온라인 팝업 */

/* 이력서 o */
.offerPop{visibility: hidden; opacity: 0; max-width: 575px; width: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100002; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,.15); border-radius: 8px; max-height: calc(100vh - 100px); max-height: calc((var(--vh, 1vh) * 100) - 100px); box-sizing: border-box; transition: 0.25s all;}
.offerPop.opShow{visibility: visible; opacity: 1;}
.offerPop .of_type{position: relative; padding: 20px; text-align: center; border-bottom: 1px solid #e3e5e8; font-size: 20px; font-weight: 500;}
.offerPop .of_type .of_close{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }

.offerPop .of_form_wrap{padding: 0 30px; box-sizing: border-box; max-height: calc(100vh - 166px);  overflow-y: auto;}
.offerPop .ofTit{padding: 20px 0; margin-bottom: 20px;border-bottom: 1px solid #e3e5e8;}
.offerPop .ofTit span{font-size: 18px; color: #000; letter-spacing: -0.025em;}
.offerPop .ofTit p{font-size: 24px; color: #000; margin: 5px 0 15px; letter-spacing: -0.025em;}
.offerPop .ofTit ul{display: flex;}
.offerPop .ofTit ul li{position: relative; margin-right: 10px; padding-right: 10px; color: #555555; font-size: 14px;}
.offerPop .ofTit ul li.substitute{color: #ff3981;}
.offerPop .ofTit ul li::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #e4e4e4;}
.offerPop .ofTit ul li:last-child:after{display:none;}

/* .offerPop .offerCont{position: relative; margin: 20px 0; padding: 20px 15px; background: #f5f6fa; border-radius: 7px; border: 1px solid #e3e5e8;} */
.offerPop .offerCont{position: relative; margin: 20px 0; padding: 20px 15px; background: #f5f6fa; border-radius: 7px; border: 1px solid #e3e5e8; overflow-y: auto; max-height: 250px;}
.offerPop .offerCont .oc_tit{font-size: 15px; color: #000;}
.offerPop .offerCont .oc_modify{position: absolute; top: 10px; right: 20px; padding: 8px 15px 7px; border-radius: 50px; border: 1px solid #4876ef; background: #fff; color: #4876ef; font-size: 13px; transition: 0.2s all;}
.offerPop .offerCont .oc_modify:hover{opacity: 0.7;}
.offerPop .offerCont .oc_info{position: relative; padding: 15px; background: #fff; margin-top: 15px; border-radius: 6px; border: 1px solid #e3e5e8;}

.offerPop .offerCont .oc_info span{font-size: 14px; color: #888;}
.offerPop .offerCont .oc_info .cv_cont{max-height: 30px; overflow-y: hidden; transition: 0.3s all; margin-top: 10px;}
.offerPop .offerCont .oc_info .cv_cont::-webkit-scrollbar {background: #fff; width: 3px;}
.offerPop .offerCont .oc_info .cv_cont::-webkit-scrollbar-thumb{background: #bbbbbb; width: 2px; border-radius: 50px;}
.offerPop .offerCont .oc_info .cv_cont p{margin-top: 10px; font-size: 18px; color: #000; }
.offerPop .offerCont .oc_info .cv_cont p:first-child{margin-top: 0;}
.offerPop .offerCont .oc_info .more_btn{position: absolute; top: 50%; right: 20px; transform:translateY(-50%); border-radius: 50px; border: 1px solid #e3e5e8; height: 28px; width: 28px; display: flex; align-items: center; justify-content: center; opacity: 1; transition: 0.3s all;}
.offerPop .offerCont .oc_info .more_btn img{transform: rotate(0); transition: 0.3s all;}

.offerPop .offerCont .oc_info.foldToggle .cv_cont{max-height: 400px; overflow-y: auto;}
.offerPop .offerCont .oc_info.foldToggle .more_btn{/*top: 65px;*/ right: 25px; opacity: 0.7;}
.offerPop .offerCont .oc_info.foldToggle .more_btn img{transform: rotate(180deg);}

.offerPop .oc_notice{padding: 20px 0; border-top: 1px solid #e3e5e8;}
.offerPop .oc_notice p{font-size: 14px; color: #555;line-height: 1.4; margin-bottom: 15px;}
.offerPop .oc_notice p font{color: #4876ef;}
.offerPop .oc_notice p:last-child{margin-bottom: 0px;;}

.offerPop .oc_btn{margin-bottom: 20px; width: 100%; height: 45px; line-height: 45px;}
.offerPop .oc_btn a{display: block; height: 100%; background: #4876ef; color: #fff; text-align: center; border-radius: 50px; transition: 0.2s all;}
.offerPop .oc_btn a.substitute{background: #ff3981;}
.offerPop .oc_btn a.substitute:hover{background: #da1c62;}
.offerPop .oc_btn a:hover{background: #2d56c0;}


/* 이력서 x */
.offerPop.existNot .offerCont .oc_info span{font-size: 16px; color: #000;}
.offerPop.existNot .offerCont .oc_info .cv_cont p{font-size: 14px; color: #000;}

/* 온라인지원 완료 */
.offerPop.complete .ofTit{border-bottom: 0px; margin-bottom: 0px;}
.offerPop.complete .ofTit p{ margin: 20px 0;text-align: center;}
.offerPop.complete .offerCont{margin: 0px 0px 20px 0px;}

.offerPop.complete .oc_info{padding:  20px 15px;}
.offerPop.complete .oc_info span{font-size: 18px; color: #000; letter-spacing: -0.025em;}
.offerPop.complete .oc_info p{font-size: 24px; color: #000; margin: 5px 0 15px; letter-spacing: -0.025em;}
.offerPop.complete .oc_info ul{display: flex;}
.offerPop.complete .oc_info ul li{position: relative; margin-right: 10px; padding-right: 10px; color: #555555; font-size: 14px;}
.offerPop.complete .oc_info ul li::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #e4e4e4;}
.offerPop.complete .oc_info ul li:last-child:after{display:none;}

.offerPop.complete .oc_btn{ padding-top: 20px; border-top: 1px solid #e3e5e8; display: flex; align-items: center; justify-content: space-between;}
.offerPop.complete .oc_btn a {width: 50%;}
.offerPop.complete .oc_btn a + a{margin-left: 30px;}
.offerPop.complete .oc_btn a:first-child{background: #fff; color: #4876ef; border: 1px solid #4876ef; transition: 0.2s all;}
.offerPop.complete .oc_btn a:first-child:hover{background: #e4e4e4; border: 1px solid #d1d1d1; color: #4e4e4e;}


/* 직접지원 타입선택 */
.offerPop.typeChoice .offerCont{position: relative; margin: 20px 0; padding: 0; background: #fff; border: none;}
.offerPop.typeChoice .offerCont .oc_tit{font-size: 16px;}
.offerPop.typeChoice .offerCont .oc_tit span{margin-top: 10px; display: block; font-size: 14px; color: #888;}

.offerPop.typeChoice .oc_btn{height: auto; line-height: inherit;}
.offerPop.typeChoice .oc_btn a{border-radius: 6px; margin-bottom: 13px; height: 60px; line-height: 60px; color: #4876ef; background: #fff; border: 1px solid #4876ef; transition: 0.2s all;}
.offerPop.typeChoice .oc_btn a:hover{background: #4876ef; color: #fff;}

/* 직접지원 - 문자 */

.offerPop.message .offerCont{position: relative; margin: 20px 0; padding: 0; background: #fff; border: none;}
.offerPop.message .offerCont .oc_tit{color: #555; word-break: keep-all;}

.offerPop.message .offer_detail{display: none;}
.offerPop.message .offer_detail .offer_manager span{font-size: 15px;}
.offerPop.message .offer_detail .offer_manager .tel{text-align: center; height: 55px; line-height: 55px; border: 1px solid #4876ef; margin-top: 7px; border-radius: 7px; color: #4876ef;}
.offerPop.message .offer_detail .offer_manager .tel .copy_info_tel .copy_btn{ margin-left: 2px;}
.offerPop.message .offer_detail .offer_manager .tel .copy_info_tel .copy_btn i{color: #4876ef;}

.offerPop.message .offer_detail .ex{position: relative; margin: 20px 0; padding: 20px 15px; background: #f5f6fa; border-radius: 7px; border: 1px solid #e3e5e8;}
.offerPop.message .offer_detail .ex .oc_tit{font-size: 15px; color: #000;}
.offerPop.message .offer_detail .ex .oc_info{position: relative; padding: 15px; background: #fff; margin-top: 15px; border-radius: 6px; border: 1px solid #e3e5e8;}
.offerPop.message .offer_detail .ex .oc_info span{font-size: 14px; color: #888;}
.offerPop.message .offer_detail .ex .oc_info .cv_cont p{line-height: 1.5;}
.offerPop.message .oc_notice p{line-height: 1.5;}
.offerPop.message .oc_btn.chk a{ background: #fff; border: 1px solid #e3e5e8; color: #555; transition: 0.3s all;}
.offerPop.message .oc_btn.chk a:hover{background: #e2e2e2;}


/* 직접지원 - 이메일 */

.offerPop.email .offerCont{position: relative; margin: 20px 0; padding: 0; background: #fff; border: none;}
.offerPop.email .offerCont .oc_tit{color: #555; word-break: keep-all;}

.offerPop.email .offer_detail{display: none;}
.offerPop.email .offer_detail .offer_manager span{font-size: 15px;}
.offerPop.email .offer_detail .offer_manager .tel{text-align: center; height: 55px; line-height: 55px; border: 1px solid #4876ef; margin-top: 7px; border-radius: 7px; color: #4876ef;}
.offerPop.email .offer_detail .offer_manager .tel .copy_info_email .copy_btn{ margin-left: 2px;}
.offerPop.email .offer_detail .offer_manager .tel .copy_info_email .copy_btn i{color: #4876ef;}

.offerPop.email .offer_detail .ex{position: relative; margin: 20px 0; padding: 20px 15px; background: #f5f6fa; border-radius: 7px; border: 1px solid #e3e5e8;}
.offerPop.email .offer_detail .ex .oc_tit{font-size: 15px; color: #000;}
.offerPop.email .offer_detail .ex .oc_info{position: relative; padding: 15px; background: #fff; margin-top: 15px; border-radius: 6px; border: 1px solid #e3e5e8;}
.offerPop.email .offer_detail .ex .oc_info span{font-size: 14px; color: #888;}
.offerPop.email .offer_detail .ex .oc_info .cv_cont p{line-height: 1.5;}
.offerPop.email .oc_notice p{line-height: 1.5;}
.offerPop.email .oc_btn.chk a{ background: #fff; border: 1px solid #e3e5e8; color: #555; transition: 0.3s all;}
.offerPop.email .oc_btn.chk a:hover{background: #e2e2e2;}



.m_nav_btn{ position: fixed; bottom: 0; left: 0; right: 0; padding: 30px 20px; background: #fff; display: flex; align-items: center; justify-content: space-evenly; z-index: 9999; border-top: 1px solid #e3e5e8; display: none; transition: 0.3s all;}
.m_nav_btn > a{width: 50%; border: 1px solid #4876ef; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.m_nav_btn > a img{margin-right: 10px;}
.m_nav_btn > a + a{margin-left: 20px;}
.m_nav_btn > a:first-child{color: #4876ef; background: #fff; }
.m_nav_btn > a.offerBtn{color: #fff; background: #4876ef; }

.m_nav_btn.on{border-top: 0px;     padding: 15px 20px 25px;}

.offerBtn_type{position: fixed; bottom: -35vw; left: 0; right: 0; width: 100%; background: #fff; padding: 20px; box-sizing: border-box; border-radius: 13px 13px 0 0; z-index: 9990; border: 1px solid #f2f4f7; transition: 0.3s all;}
.offerBtn_type > a{display: block; text-align: center; line-height: 55px; height: 55px; background: #fff; border: 1px solid #e3e5e8; border-radius: 8px; font-size: 14px; color: #555;}
.offerBtn_type > a + a{margin-top: 15px;}
.offerBtn_type button{display: block; background: red; width: 100%; height: 25px; margin-bottom: 15px; background: url('../../img/doctor_bridge/employ/of_type_arrow.png') no-repeat center / 18px;}

.offerBtn_type.on{bottom: 90px; padding: 15px 20px 10px;}


.mLine{display: none; width: 100%; height: 10px;background: #f7f7f7; border-top: 1px solid #e3e5e8; margin: 30px 0;}
.ed_dim{display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99998; top: 0; left: 0;}



@media screen and (max-width:1260px) { /* pc 컨텐츠 최대 width 1200px + 양 옆 여백 30px */

  .ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method {width: calc(100% - 200px);}
  .ed_companyInfo .e_ci_detail .apply_inner .apply .apply_btn{ width: 200px;}

}
@media screen and (max-width:1023px) { /* 테블릿 가로 (해상도 768px ~ 1023px) */ 


  .edInfo .edTitle{width: 100%; margin:0 20px}
  .edInfo .edSide{display: none;}
  
  .ed_companyInfo{padding: 0 20px;}

  .ed_companyInfo .e_ci_detail .apply_inner .apply{padding:35px 20px}
  .ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method{width: 100%; margin-right: 0;}
  .ed_companyInfo .e_ci_detail .apply_inner .apply .apply_btn{display: none;}

  .ed_companyInfo .e_ci_detail .hospital_info .hp_info_left{margin-right: 40px;}
  .ed_companyInfo .e_ci_detail .hospital_info > div .hi_noice{background: #f5f8ff; padding: 15px;}

  .ed_companyInfo .e_ci_detail .hp_infoImg .hp_sw .swiper-slide{width: 30%;}

}
@media screen and (max-width:767px) { /* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px) */ 

  .section{padding: 100px 0 50px;}
  #header{display: block;}
  .edInfo .edTitle .edCont dl dt{max-width: 80px;}
  .edInfo .edTitle .edCont dl dd{width: calc(100% - 80px);}

  .ed_companyInfo .e_ci_detail .apply_inner{flex-direction: column;}
  .ed_companyInfo .e_ci_detail .apply_inner .apply{box-sizing: border-box; width: 100%;}


  .ed_companyInfo .e_ci_detail .apply_inner .period{padding: 30px 35px; width: 100%;}
  .ed_companyInfo .e_ci_detail .apply_inner .apply{padding: 20px 20px;}
  .ed_companyInfo .e_ci_detail .apply_inner .period .time{text-align: center;}
  .ed_companyInfo .e_ci_detail .apply_inner .period dl{justify-content: center;}
  .ed_companyInfo .e_ci_detail .apply_inner .period dt{margin-right: 15px;} 
  

  
  .ed_companyInfo .e_ci_detail .tit{font-size: 18px; padding: 50px 0 10px;}
  .ed_companyInfo .e_ci_detail .tit.line{border-bottom: 0; padding-bottom: 0px;}
  .ed_companyInfo .e_ci_detail .hospital_info{order: 2; flex-direction: column;}
  .ed_companyInfo .e_ci_detail .hospital_info > div{width: 100%;}
  .ed_companyInfo .e_ci_detail .hospital_info .hp_info_left{margin-right: 0; }
  
  .ed_companyInfo .e_ci_detail .ed_notice .print{display: none;}
  .ed_companyInfo .e_ci_detail .ed_notice .notice_cont{width: 100%; margin-right: 0;}
  .ed_companyInfo .e_ci_detail .ed_notice .notice_cont p::before{top: 3px; transform: translateY(0);}
  
  .ed_companyInfo .e_ci_detail .hp_infoImg{margin-top: 20px;}
  .ed_companyInfo .e_ci_detail .hp_infoImg .hp_sw .swiper-slide{width: 40%;}
  
  .ed_notice{margin-top: 0;}


  .offerPop .of_type{font-size: 17px;}
  .offerPop{position: fixed; top: 0; left: 0; transform: translate(0, 0); width: 100%; max-width: inherit; max-height: inherit; height: 100%;}
  .offerPop .ofTit{padding: 0 0 20px;}
  .offerPop .ofTit p{font-size: 18px; margin: 5px 0 10px;}
  .offerPop .ofTit span{font-size: 14px;}
  .offerPop .of_form_wrap{display: block; width: 100%; height: calc(100% - 65px); overflow-y: auto; padding: 25px 20px;}
  .offerPop .offerCont .oc_info.foldToggle .cv_cont{max-height: 250px;}

  .offerPop.typeChoice .oc_btn a{height: 50px; line-height: 50px; font-size: 14px;}

  .offerPop.typeChoice .offerCont{margin: 15px 0;}
  .offerPop.typeChoice .offerCont .oc_tit {font-size: 15px;}
  .offerPop.typeChoice .offerCont .oc_tit span{font-size: 13px; margin-top: 5px;}
  
  .offerPop.message .offer_detail .ex .oc_info .cv_cont p{font-size: 14px;}
  .offerPop.message .offer_detail .offer_manager .tel{height: 50px; line-height: 50px;}
  .offerPop.message .oc_notice p{font-size: 13px; line-height: 1.4;}

  .offerPop.email .offer_detail .ex .oc_info .cv_cont p{font-size: 14px;}
  .offerPop.email .offer_detail .offer_manager .tel{height: 50px; line-height: 50px;}
  .offerPop.email .oc_notice p{font-size: 13px; line-height: 1.4;}

  
  .offerPop .offerCont .oc_tit{font-size: 14px;}

  .offerPop.complete .ofTit p{    margin: 15px 0; text-align: center; font-size: 16px;} 
  .offerPop.complete .offerCont{padding: 15px;}
  .offerPop.complete .oc_info{padding: 15px; margin-top: 10px;}
  .offerPop.complete .oc_info p{font-size: 18px; margin: 3px 0 10px;}
  .offerPop.complete .oc_info span{font-size: 14px;}
  .offerPop.complete .oc_btn a{font-size: 14px;}
  
}

@media screen and (max-width:600px) {

  
  
  .edInfo{margin-bottom: 0;}
  
  .edInfo .edTitle .edCont{border-bottom: 0px; border-top: 0;}
  .edInfo .edTitle h1{letter-spacing: -0.025em; word-break: keep-all; font-size: 20px;}
  .edInfo .edTitle span{font-size: 14px;}
  .edInfo .edTitle .edTitle_inner{margin-bottom: 5px;}
  
  .edInfo .edTitle .edBookmark{display: none;}
  
  
  .edInfo .edTitle .edCont > div{width: 100%;}
  .edInfo .edTitle .ed_btn{display: none;}
  
  
  .edInfo .edTitle .edCont{position: relative; flex-direction: column; padding:10px 0 0 ; max-height: 200px; overflow: hidden; transition: 0.6s all;}
  .edInfo .edTitle .edCont dl{margin-bottom:7px;}
  .edInfo .edTitle .edCont dl dt{max-width: 95px;}
  .edInfo .edTitle .edCont dl dd{width: calc(100% - 120px);}
  .edInfo .edTitle .edCont dl dd p{display: inline-block;}
  .edInfo .edTitle .edCont .edLeft{margin-right: 0; margin-bottom: 15px;}
  .edInfo .edTitle .edCont .ed_more{display: flex;}

  .edInfo .edTitle .edCont.foldToggle{max-height: 800px;}
  .edInfo .edTitle .edCont.foldToggle .ed_more .ed_arrow{transform: rotate(180deg);}
  .edInfo .edTitle .edCont .serviceCenter{position: static; margin: 5px 0 20px; background: #f8f8f8; padding: 10px 0;}
  .edInfo .edTitle .edCont .serviceCenter a{width: 50%; text-align: center; justify-content: center; font-size: 14px; margin-right: 0}

  .chatPop{width: 100%; height: 100%;}
  .chatPop .hos_name{padding: 20px 30px;}
  .chatPop .chat_cont{padding: 30px; margin-top: 74px; height: calc(100% - 164px);}
  .chatPop .chat_cont .user p{font-size: 14px;}
  .chatPop .chat_cont .reply p{font-size: 14px;}

  .ed_companyInfo .e_ci_category{height: 60px;}
  .ed_companyInfo .e_ci_category span{width: 50%; line-height: 60px; font-size: 15px;}
  .ed_companyInfo .e_ci_category span:nth-child(2),
  .ed_companyInfo .e_ci_category span:nth-child(3){display: none;}
  .ed_companyInfo .e_ci_category .indicator{width: 50%;}

  .ed_companyInfo .e_ci_detail .detail_inner .di_cont h2{font-size: 16px;}
  .ed_companyInfo .e_ci_detail .detail_inner .di_cont dt{font-size: 14px; letter-spacing: -0.025em;}
  .ed_companyInfo .e_ci_detail .detail_inner .di_cont dd span{font-size: 14px; letter-spacing: -0.025em;}
  .ed_companyInfo .e_ci_detail .detail_inner .company_info dt{font-size: 14px; max-width: 80px;}
  .ed_companyInfo .e_ci_detail .detail_inner .company_info dd p{font-size: 14px;}
  .ed_companyInfo .e_ci_detail .apply_inner .apply .apply_method dl dt{max-width: 75px;}
  
  .ed_companyInfo .e_ci_detail .hospital_info{flex-direction: column;}
  .ed_companyInfo .e_ci_detail .hospital_info > div{width: 100%;}
  .ed_companyInfo .e_ci_detail .hospital_info > div dl{margin-bottom: 10px;}
  .ed_companyInfo .e_ci_detail .hospital_info > div .hi_noice{margin-top: 20px; padding: 20px; word-break: keep-all;}
  .ed_companyInfo .e_ci_detail .hospital_info .hp_info_left{margin-right: 0;}
  
  
  .ed_companyInfo .e_ci_detail .hp_infoImg{padding: 15px; margin-top: 10px;}
  .ed_companyInfo .e_ci_detail .hp_infoImg .hp_sw .swiper-slide{width: 60%; padding-left: 0;}

    .m_nav_btn{display:flex;     padding: 25px 20px;}

  .mLine{display: block;}
}
@media screen and (max-width:479px) { /* 모바일 세로 (해상도 ~ 479px) */ 

}
@media screen and (max-width:420px) { 

}