@charset "UTF-8";
@import "aos.css";

.doc_header{position: absolute;top:0;left:0;width:100%;height:73px;border-bottom:1px solid #000;border-color:rgba(225,225,225,0.5);z-index:2;}
.doc_header h1{position: absolute;left:0;top:0;padding:20px 30px;z-index:4}
.doc_header h1 img{height:33px;}
.doc_header .sns{position: absolute;top:15px;right:30px;}
.doc_header .sns li{display:inline-block;float:left;width:40px;height:40px;margin-left:8px;}
.doc_header .sns li button{width:100%;height:40px;background:url(../images/doc/d_sns.png) no-repeat;text-indent:-9999px;transition: background 0.1s;}
.doc_header .sns li button:hover{background:url(../images/doc/d_sns_on.png) no-repeat;}
.doc_header .sns li button.naver{background-position:0px;}
.doc_header .sns li button.facebook{background-position:-50px;}
.doc_header .sns li button.kakao{background-position:-100px;}
.doc_header .sns li button.link{background-position:-150px;}
.doc_header .search_area{display:inline-block;position:relative;width:710px;z-index: 3;}
.doc_header .search_area fieldset{position:absolute;right:25px;top:3px;}
.doc_header .search_area input{position:relative;width:120px;height:40px;line-height:40px;padding:0 6px;background:none;border:0;color:#fff;text-indent: 0;}
.doc_header .search_area button::after{position:absolute;bottom:3px;left:0;width:0px;height:1px;background:#fff;content:"";transition: all 0.3s;}
.doc_header .search_area input:focus + button::after{width:120px;}
.doc_header .search_area input::placeholder{color:#fff;}
.doc_header .search_area input:focus::placeholder{font-size:0;}
.doc_header .search_area input:-ms-input-placeholder{color: #fff !important;}


.doc_header .search_area button{height:40px;width:40px;background:url(../images/doc/d_search.png) no-repeat center; text-indent: -9999px;}
.doc_visual{overflow:hidden;position:relative;min-height:900px;background: url(../images/doc/d_bg.png) no-repeat;background-size:cover;}
.doc_visual .txt_bg_wrap{position:absolute;top:0;left:-100%;width:710px;height:100%;background: url(../images/doc/d_t_bg_.png) no-repeat;background-size:cover;transition: all 1s;z-index:1;}
.doc_visual .doc_img{position:absolute;bottom:0;right:0;opacity: 0;transition: all 1s;transition-delay: 0.3s;}
.doc_visual.load .txt_bg_wrap{left:0;}
.doc_visual.load .doc_img{right:106px;width:880px;opacity: 1;}
.doc_txt_area{width:450px;margin:145px auto 0 auto;color:#fff;}
.doc_txt_area .subj{margin-bottom:15px;font-size:36px;}
.doc_txt_area h5{margin-bottom:20px;font-size:84px;font-family: 'Nanum SquareB';}
.doc_txt_area h5 span{font-size:80px;font-family: 'Nanum Square';}
.doc_txt_area .txt_d{margin-bottom:25px;font-size:24px;line-height:34px;}
.doc_txt_area .sub_b{display:inline-block;margin-bottom:10px;padding-top:7px !important;background:transparent;color:#fff;;border-radius:3px;font-family: 'Nanum SquareB';}
.doc_txt_area .tag{margin-bottom: 27px;}
.doc_txt_area .tag span{display:inline-block;}
.doc_txt_area .tag span::before{display:inline-block;content:"#"}
.doc_txt_area .tag span + span{margin-left:10px;}
.doc_txt_area .subj_t{margin-bottom:27px;font-size:20px;line-height:30px;}
.doc_txt_area .mail{margin-bottom:33px;padding-left:27px;background:url(../images/doc/mail.png) no-repeat left center;}
.doc_txt_area .mail a:hover{text-decoration: underline;}
.doc_txt_area .mdei_schd_doctor{position: relative;padding: 18px 0;padding-bottom:0;line-height: 30px;}
.doc_txt_area .mdei_schd_doctor .top h5{margin-bottom:0;font-size: 18px;text-align: center;}
.doc_txt_area .mdei_schd_doctor button{position: absolute;top: 0;width: 30px;height: 30px;text-indent: -9999px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);background:#fff;opacity:0.8;}
.doc_txt_area .mdei_schd_doctor button.prev_btn{left: 10%;}
.doc_txt_area .mdei_schd_doctor button.next_btn{right: 10%;}
.doc_txt_area .mdei_schd_doctor button::before{position: absolute;left: 45%;top: 50%;width: 6px;height: 6px;margin: -4px 0 0 -2px;border-left: 2px solid #878787;border-bottom: 2px solid #878787;content: "";transform: rotate(45deg);}
.doc_txt_area .mdei_schd_doctor button.next_btn::before{transform: rotate(-135deg);}

.doc_txt_area .schd{margin-top:20px;margin-bottom:30px;}
.doc_txt_area .schd thead th{padding:8px 0;background:#fff;color:#000000;font-size:14px;}
.doc_txt_area .schd tbody th, .doc_txt_area .schd tbody td{padding:15px 0;border-bottom:1px solid #dddddd;border-color: rgba(255, 255, 255, 0.5);font-size:15px;line-height: 15px;}
.doc_txt_area .schd tbody td span{display:block;width:15px;height:15px;margin:0 auto;border-radius:15px;background:#ffde00;text-indent: -9999px;}
.doc_txt_area .schd thead tr th:last-child{color:#b72020;}
.doc_txt_area .btn{width:100%;color:#fff;line-height:60px;}
.doc_txt_area .btn.appoint{background:#4f840b;font-family: 'Nanum SquareB';font-size:24px;}
.doc_txt_area .btn.appoint:hover{background: #064247;}
.doc_txt_area > *{padding-top:12px;}
.doc_txt_area .move.moved{padding-top:0;word-break:keep-all;opacity: 1;}
.board_thumb.doc li .tit{overflow: inherit;text-overflow: inherit;white-space: inherit;line-height:34px;}
table.doc_cont{border-top:2px solid #000000;border-bottom:1px solid #b7b7b7;}
table.doc_cont th, table.doc_cont td{padding:24px 0;border-bottom:1px solid #e4e4e4;}
table.doc_cont tr:last-child th, table.doc_cont tr:last-child td{border-bottom:0;}
table.doc_cont tbody tr td:first-child{padding:24px 34px;}
.img_mobile{display: none}
.only_mobile{display:none;}
.only_pc{display:block;}
table.only_pc{display:table;}


#_thesisContainer li .txt_wrap span >div a{width:125px; height: 40px;  background: #70a52b; text-decoration: none; display: inline-block;  margin-left: 3%; color: #fff;  text-align: center;  line-height: 40px;}
#_thesisContainer li .txt_wrap span >div a:hover{background: #064247;}


@media screen and (min-width:1200px) {
	.btn.appoint.only_mobile{display:none !important}
}

@media screen and (max-width:1500px) {
	.doc_visual.load .doc_img{right:-40px;z-index:0;}
	
	.doc_visual.load .txt_bg_wrap{width:550px;z-index:1;}
	.doc_header .search_area{width:550px;}
}

@media screen and (max-width:1300px) {
	.doc_visual.load .doc_img{right:-90px;}
}

@media screen and (max-width:1200px) {
	/* body{padding-bottom:60px;} */
	.doc_visual {min-height: inherit; background: url(../images/doc/d_bg.png) no-repeat 70% top;}
	#container.sub .inner{margin:0;padding:0;background:#f1f4f5}
	#container.sub .inner > .contents{padding:20px 0;}
	#container.sub .inner > .contents > div{margin:20px 0;padding:40px 3%;box-sizing:border-box;background:#fff;}
	#container.sub .inner > .contents > div .board_bottom_wrap{margin-bottom:0;}
	#container.sub .inner > .contents > div:first-child{margin-top:0;}
	#container.sub .inner > .contents > div:last-child{margin-bottom:0;}
	#container.sub .inner > .contents > div > h3.cont_tit{margin-top:0;margin-bottom:15px;}
	#_careerContainer ._careerContainer:first-child h3.cont_tit {margin-top:0;}
	#_careerContainer ._careerContainer h3.cont_tit {margin-bottom:15px;}
	.doc_header{border-bottom:0;box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2)}
	.only_mobile{display:block;}
	.only_mobile .doc_txt_area .mdei_schd_doctor.move.moved{display:block;padding:0;color:#000} 
	.only_pc, table.only_pc{display:none;}
	#container.sub .inner > .contents .schd{margin-top:20px;margin-bottom:0px;}
	#container.sub .inner > .contents .schd thead th{padding:8px 0;background:#f1f4f5;color:#000000;font-size:14px;}
	#container.sub .inner > .contents .schd tbody th, #container.sub .inner > .contents .schd tbody td{padding:15px 0;border-bottom:1px solid #dddddd;font-size:15px;line-height: 15px;}
	#container.sub .inner > .contents .schd tbody td span{display:block;width:15px;height:15px;margin:0 auto;border-radius:15px;background:#ffde00;text-indent: -9999px;}
	#container.sub .inner > .contents .schd thead tr th:last-child{color:#f33b3b;}
	table.doc_cont{border:0;}
	table.doc_cont th, table.doc_cont td{padding:4px 0;border:0;line-height:1.4;}
	table.doc_cont tbody tr td:first-child{padding:4px 0;}
	table.doc_cont.year th{text-align:right;padding-right:20px;vertical-align:top;}
	table.doc_cont.year colgroup col:first-child{width:115px !important;}
	.board_thumb.doc li{padding:10px 0;}
	.doc_visual .txt_bg_wrap{top:inherit;bottom:0;left:0;width:100%;height:auto;background: url(../images/doc/d_t_bg_m.png) no-repeat;background-size:100% 100%;}
	.doc_visual.load .txt_bg_wrap{width:100%; position: relative; float: left; margin-top: 80%; z-index: 10;}
	.doc_txt_area{width:100%;margin:0;padding:40px 3%;box-sizing:border-box;}
	.doc_txt_area > *{padding-top:0;opacity:1;}
	.doc_txt_area .sub_b, .doc_txt_area .schd, .doc_txt_area .subj_t{display:none;}
	.doc_visual .doc_img{position:relative;margin-right:-5%;float:right;opacity:1;max-width: 140%;}  
	.doc_visual.load .doc_img{right: 0;position: absolute;bottom: 60px;}
	.doc_txt_area .mdei_schd_doctor.move.moved{display:none}
	.doc_txt_area .mail{margin-bottom:20px;} 
	.doc_txt_area .tag{display:none;}
	.doc_txt_area h5{font-size: 48px;}
	.doc_txt_area h5 span{font-size:54px;vertical-align:bottom;}
	.btn.appoint.only_mobile{position:fixed;bottom:0;width: 100%;color: #fff;line-height: 60px;background: #70a52b;font-family: 'Nanum SquareB';font-size: 24px;z-index:5;}
	.doc_header .sns, .doc_header .search_area{display:none;}
	.hd_mobile{display:block;position:absolute;top:14px;right:2.5%;}
	.m_search_area{display:none;position:absolute;left:0;top:0;width:100%;padding:15px 3%;box-sizing:border-box;height:73px;background:#fff;z-index:6;}
	.m_search_area fieldset{display:inline-block;width: calc(100% - 41px);text-align:right;}
	.m_search_area button{width: 43px;height: 43px;text-indent:-9999px;}
	.m_search_area button.prev_btn{width:34px;height:34px;background: url(/common/images/icon/header_prev.png) no-repeat center;background-size:100%;}
	.m_search_area button.remove_btn{width:18px;height:18px;background: url(/common/images/icon/header_remove.png) no-repeat center;background-size:100%;}
	.m_search_area button.submit_btn{    margin-left: 20px;background: url(/common/images/icon/header_search.png) no-repeat center;}
	.m_search_area input{float:left;height:24px;margin-left:35px;margin-top:10px;padding-left:10px;border:0;border-left:2px solid #000;line-height:24px;color:#000;font-size:20px;font-family:"Nanum Square";}
	.m_search_area input::placeholder{color:#000;font-size:20px;font-family:"Nanum Square";}
	.hd_mobile > button{width: 43px;height: 43px;text-indent:-9999px;}
	.hd_mobile > button + button{margin-left:5px;}
	.hd_mobile > button.search_btn{background: url(/common/images/icon/header_search.png) no-repeat center;}
	.hd_mobile > button.sns_btn{display:none;background: url(/common/images/icon/header_menu_sns.png) no-repeat center;}

	.doc_visual .doc_img {max-width:80%;}
	.doc_txt_area {padding:20px 20px;}
	.doc_txt_area .subj {margin-bottom:0;margin-top:10px;}
	.doc_txt_area .subj.num1 {margin-top:0;font-size:28px;}
	.doc_txt_area h5.num2 {margin:15px 0;font-size:40px;}
	.doc_txt_area .txt_d {margin-bottom:0;}
	.doc_txt_area .mail {margin-bottom:0;}
	
	.video-container.move.num8.moved { position: relative; height: auto;}
	.video-js.vjs-fluid{width: 100%; max-width: 100%; height: auto !important;}
	
}

@media screen and (max-width:800px) {
	#container.sub .inner > .contents{padding:12px 0;}
	#container.sub .inner > .contents > div{margin:12px 0;padding:30px 3%;}
	#_careerContainer ._careerContainer:first-child h3.cont_tit {margin-top:0;}
		
}

@media screen and (max-width:640px) {
	#container.sub .inner > .contents {padding:8px 0;}
	#container.sub .inner > .contents > div{margin:8px 0;padding:10px 20px;}
	#container.sub .inner > .contents > div > h3.cont_tit {margin-bottom:5px;font-size:18px;}
	#container.sub .inner > .contents > div .txt {line-height:1.2;word-break:keep-all;}
	#_careerContainer ._careerContainer:first-child h3.cont_tit {font-size:18px;margin-bottom:5px;}
	#_careerContainer ._careerContainer h3.cont_tit {margin-top:30px;margin-bottom:5px;font-size:18px;}
	.doc_visual .doc_img {max-width:48%;}
	.doc_visual .doc_img{margin-right:0;padding-top:10px;z-index:3 !important;}
	.doc_txt_area{padding:25px 3%;}
	.doc_txt_area h5 span{font-size:43px;}
	.doc_txt_area .txt_d{margin-bottom:0;font-size:16px;}
	.doc_txt_area {padding:8px 20px;}
	.doc_txt_area .subj.num1 {margin-top:0;font-size:16px;}
	.doc_txt_area h5.num2 {margin:8px 0 0;font-size:20px;line-height:1;}
	.doc_txt_area .mail {font-size:13px;}
	.doc_txt_area .mdei_schd_doctor .top h5 {font-size:16px;}
	.doc_txt_area .mdei_schd_doctor button.prev_btn {left:0;}
	.doc_txt_area .mdei_schd_doctor button.next_btn {right:0;}
	table.doc_cont th, table.doc_cont td {font-size:15px;}
	.only_mobile {font-size:15px;}
    .board_thumb {font-size:15px;}
    .doc_visual{background-size:100% 100%}
    .doc_visual.load .txt_bg_wrap{margin-top:45%;}
    .doc_visual.load .doc_img{right: 0;position: absolute;bottom: 0;z-index: 1000 !important;}
}

@media screen and (max-width:480px) {
	.m_search_area input{margin-left:25px;padding-left:0;}
	.m_search_area button.submit_btn{margin-left:10px;}
	.m_search_area input{font-size:16px;}
	.m_search_area input::placeholder{font-size:16px;}
}

/* 2020. 03.19 서울 병원 - 경력사항 더보기 버튼*/
.sj_doc_box {position: relative; padding-bottom:50px; }
/* .sj_doc_box:before {display:block; content:''; position: absolute; left:0; top:64px; width:100%; height:2px; background-color:#000;} */
.sj_doc_box .btn_box { position: absolute; right:0; top:18px; }
.sj_doc_box .btn_box button {display:inline-block;  padding-right:45px; font-size:22px; line-height:29px; color:#000; background:url('/common/images/doc/more_btn_on_se.png') no-repeat right top;}
.sj_doc_box .btn_box button.on {background-position:right bottom;}
.sj_doc_box .sj_doc_cont table.doc_cont {border-top:0 none;}

@media screen and (max-width:1200px) {
	.sj_doc_box .btn_box { right:3%; top:44px}
}

@media screen and (max-width:800px) {
	.sj_doc_box .btn_box {top:33px; right:20px;}	
}

@media screen and (max-width:640px) {
	.sj_doc_box .btn_box {top:13px; }
	.sj_doc_box .btn_box button {font-size:15px; line-height:19px; padding-right: 30px; font-weight:bold; background-size: 20px;}
}