@charset "utf-8";

* { margin: 0; padding: 0; vertical-align: top; box-sizing: border-box; } 

html {overflow-y:visible;}
body { overflow-y:scroll; } 
body.noscroll { overflow-y:hidden; } 

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section { display: block; } 
i { font-style: normal; } 

/* a 링크 초기화 */
a { color: #333; text-decoration: none; } 
a:hover { color: #333; } 

/* 폰트 초기화 */
body,
input,
textarea,
select,
button,
table { font-family: 'Noto Sans KR', 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color: #333; font-size: 13px; line-height: 1.5; } 

/* table 초기화 */
table {padding:0; border:0; border-spacing:0px; border-collapse: collapse;}
th, td {padding:0;}

/* 폰트 스타일 초기화 */
em, address { font-style: normal; } 

/* 블릿기호 초기화 */
ul, li, ol { list-style: none; } 

/* 제목 태그 초기화 */
h1,h2,h3,h4,h5,h6 { font-size: 13px; font-weight: normal; font-family: inherit;} 

/* 테두리 초기화 */
img,
fieldset { border: 0 none; } 

/* 버튼 초기화 */
button { border: 0; } 

img { display: block; width: auto; max-width: 100%; } 

main {margin-top: 96px; transition: margin-top .4s cubic-bezier(0.25, 0.46, 0.45, 0.84);}
main.hide-banner {margin-top: 96px;}

/* clearfix */
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0; } 
.clearfix:after { clear: both; } 

/* IR 효과 */
.ir_pm { display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; } 
.ir_wa { display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%; } 
.ir_so { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; } 

/* 가운데 영역 */
.container { position: relative; min-width: 1880px; margin: 0 auto; } 
.container-2 {width: 1236px; margin: 0 auto;}

.shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); display: none;} 

/* margin */
.m_0 { margin:0 !important; } 
.mt_0 { margin-top:0 !important; } 
.mt_60 {margin-top:60px !important;}
.mr_0 { margin-right:0 !important; } 
.mb_0 { margin-bottom:0 !important; } 
.ml_0 { margin-left:0 !important; } 

/* padding */
.pt_60 {padding-top:60px !important;}

/* 페이지 fadeIn effect */
/* #page-wrap { opacity:0; } */
.common-bar-paging { border-radius: 0; background: #f5f2f0; } 
.common-bar-paging .swiper-scrollbar-drag { border-radius: 0; background: #900020; } 

/* hamburger-menu-ico */
.fixed-hamburger-menu {width: 38px;height: 20px;cursor: pointer;position: relative;} 
.fixed-hamburger-menu .bar { position: absolute; width: 100%; height: 2px; background: #000; } 
.fixed-hamburger-menu .bar-top { top:0; transition: all .4s; } 
.fixed-hamburger-menu .bar-middle { top: 50%; transform: translateY(-50%); transition: all .4s; } 
.fixed-hamburger-menu .bar-bottom { bottom:0; transition: all .4s; } 
.fixed-hamburger-menu.active .bar-top {transform: translateY(9px) rotate(-45deg);}  
.fixed-hamburger-menu.active .bar-middle { opacity: 0;}
.fixed-hamburger-menu.active .bar-bottom {transform: translateY(-9px) rotate(45deg);}

/* 애니메이션 공통요소 */
.ani-box .circle-border {border-color:#f5f2f0;border-radius: 50%;position: absolute;border-style: solid;} 
.ani-box .circle {background: #900020;border-radius: 50%;display: block;position: absolute;z-index: -10;} 
.ani-box .circle.sml { width: 14px; height: 14px; } 
.ani-box .circle.mid { width: 28px; height: 28px; } 
.ani-box .circle.big { width: 42px; height: 42px; } 
.ani-box .plus {display: inline-block; position: absolute;}
.ani-box .plus.big {width: 36px; height: 36px;}
.ani-box .plus.mid {width: 30px; height: 30px;}
.ani-box .plus:before {content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background:#f5f2f0; width: 100%; height:auto;}
.ani-box .plus:after {content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background:#f5f2f0; height:100%; width: auto;}
.ani-box .plus.big:before {height: 5px;}
.ani-box .plus.big:after {width: 5px;}
.ani-box .plus.mid:before {height: 4px;}
.ani-box .plus.mid:after {width: 4px;}

/* 서브페이지 공통콘텐츠 */
.subpageContentIntro { margin-top: 137px; } 
.subpageContentIntro .tit-txt { margin-top: 72px; overflow: hidden; } 
.subpageContentIntro .tit-txt .tit-1 { font-size: 34px; font-weight: bold; float: left; line-height: 1.1; margin-right: 61px; }
.subpageContentIntro .tit-txt .tit-2 { float: right; font-size: 19px; font-weight:400;} 

.subpageContentDoctor { margin-top: 217px; position:relative;} 
.subpageContentDoctor .container-2 { position: relative; } 
.subpageContentDoctor .doctor-says { font-size: 42px; font-weight: bold; line-height: 1.3; margin-bottom: 60px; opacity: 0; transform: translateY(50px); } 
.subpageContentDoctor .counts {opacity: 0; transform: translateY(50px); }
.subpageContentDoctor .counts .counts-tit { font-size: 30px; font-weight: bold; line-height: 1; margin-bottom: 52px; } 
.subpageContentDoctor .counts .counts-tit .case-details {display:block; font-size: 24px; margin-top:10px;}
.subpageContentDoctor .counts .auto-count-number {font-size: 38px;font-weight: bold;}
.subpageContentDoctor .counts .auto-count-number .con{font-family: "Merriweather", serif;font-size: 130px;line-height: 1;vertical-align: sub;margin-right: 10px;}
.subpageContentDoctor .doctor-introduce {padding: 37px 0 33px 50px;margin-top: 71px;opacity: 0;transform: translateY(50px); } 
.subpageContentDoctor .doctor-introduce .doctor-name { font-size: 35px; font-weight: bold; letter-spacing: -1px; line-height: 1; margin-bottom: 19px; } 
.subpageContentDoctor .doctor-introduce .doctor-role { display: inline-block; padding: 8px 28px; color: #fff; background: #900020; font-size: 20px; font-weight: 500; border-radius: 40px; margin-bottom: 23px; } 
.subpageContentDoctor .doctor-introduce .doctor-career li { font-size: 17px; line-height: 1; margin-bottom: 16px; } 
.subpageContentDoctor .doctor-represent-imgs {position: absolute;right: 100px;bottom: 0;opacity: 0;transform: translateX(60px);} 
.subpageContentDoctor .gray-wrapbox {background: #fafafa; position: absolute; height: 457px; bottom: 0; left: 0; width: 100%; z-index: -1; opacity: 0; transform: translateY(50px);}
.subpageContentDoctor.viewing .doctor-says {transform: translateY(0px); opacity: 1; transition: all 2s ease; }
.subpageContentDoctor.viewing .counts {transform: translateY(0px); opacity: 1; transition: all 2s ease .5s; }
.subpageContentDoctor.viewing .doctor-introduce,
.subpageContentDoctor.viewing .gray-wrapbox {transform: translateY(0px); opacity: 1; transition: all 2s ease 1s; }
.subpageContentDoctor.viewing .doctor-represent-imgs {transform: translateX(0px); opacity: 1; transition: all 2s ease; }

.subpageContentSlider1 { margin-top: 260px; } 
.subpageContentSlider1 .section-first { margin-bottom: 260px; opacity: 0; transform: translateX(80px); } 
.subpageContentSlider1 .section-second { opacity: 0; transform: translateX(-80px); }
.subpageContentSlider1 .section-second > img {max-width:690px;}
.subpageContentSlider1 .el p { font-size: 48px; font-weight: bold; line-height: 1.2; margin-bottom: 120px; padding-top: 57.5px; } 
.subpageContentSlider1 .el span {color: #666;font-size: 20px;letter-spacing: -1px;} 
.subpageContentSlider1 .el.left { float: left; } 
.subpageContentSlider1 .el.right { float: right; text-align: right; } 
.subpageContentSlider1 .section-first.viewing, 
.subpageContentSlider1 .section-second.viewing {opacity: 1; transform: translateX(0px); transition: all 1.2s ease;}

.subpageContentSlider2 { margin-top: 260px; position: relative; height: 600px; } 
.subpageContentSlider2 .txt-wrapper { float: left; width: 554px; } 
.subpageContentSlider2 .txt-wrapper p { font-size: 48px; font-weight: bold; line-height: 1.2; margin-bottom: 120px; padding-top: 57.5px; } 
.subpageContentSlider2 .txt-wrapper span { color: #666; font-size: 20px; } 
.subpageContentSlider2 .hos-intro-slider { position: absolute; overflow: hidden; height: 600px; right: 0px; width: 52.1093vw; min-width: 682px; } 
.subpageContentSlider2 .hos-intro-slider .swiper-slide { width: 566px !important; margin-right: 48px; } 
.subpageContentSlider2 .hos-intro-slider .swiper-slide p { margin: 40px 0 34px; font-size: 30px; font-weight: bold; } 
.subpageContentSlider2 .hos-intro-slider .swiper-slide span { color: #666; font-size: 16px; } 
.subpageContentSlider2 .hos-intro-slider .common-bar-paging { border-radius: 0; left: 0; background: #f5f2f0; height: 6px; width: 776px; bottom: 0; } 

.subpageContentQna { margin-top: 260px; margin-bottom: 163px; } 
.subpageContentQna .section-tit { text-align: center; line-height: 1; margin-bottom: 120px; } 
.subpageContentQna .section-tit .sml-txt { font-size: 22px; display: block; font-weight: 500; margin-bottom: 50px; } 
.subpageContentQna .section-tit .lrg-txt { font-size: 48px; font-weight: bold; } 
.subpageContentQna .qna-wrapper { border-top: 1px solid #333; border-bottom: 1px solid #333; } 
.subpageContentQna .qna-wrapper .qna-lists { border-bottom: 1px solid #eaeaea; } 
.subpageContentQna .qna-wrapper .qna-lists .question { font-size: 20px; padding: 20px 0 20px 82px; position: relative; cursor: pointer; } 
.subpageContentQna .qna-wrapper .qna-lists .question:before { content: "Q"; position: absolute; font-size: 22px; font-weight: bold; left: 38px; } 
.subpageContentQna .qna-wrapper .qna-lists .answer { display: none; padding: 20px 0 20px 82px; font-size: 18px; background: #f6f6f6; position: relative; display: none; } 
.subpageContentQna .qna-wrapper .qna-lists .answer:before { content: "A"; position: absolute; font-size: 22px; font-weight: bold; left: 38px; color: #900020; } 

/* 게시판 리스트 스타일공통 */
.commonBoardListStyle { position: relative; overflow: hidden; padding: 96px 0 20px; } 
.commonBoardListStyle .rotate-circle-txt { animation: txtRotate 16s linear infinite reverse; position: absolute; right: -545px; top: -86px; z-index: -1; } 
.commonBoardListStyle table { width: 100%; border-top: 2px solid #333; } 
.commonBoardListStyle table thead th { height: 71px; vertical-align: middle; font-size: 16px; border-bottom: 1px solid #bababa; } 
.commonBoardListStyle table tbody th.article-number { width: 121px; font-weight: 500; } 
.commonBoardListStyle table tbody th,
.commonBoardListStyle table tbody td { height: 59px; vertical-align: middle; border-bottom: 1px solid #bababa; word-break:break-all;} 
.commonBoardListStyle table tbody td.article-title { text-align: center; font-size: 16px; font-weight: 500; width: 770px; } 
.commonBoardListStyle table tbody td.article-title .list-title {display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 764px;height: 59px;line-height: 59px; padding-left:20px; position:relative;} 
.commonBoardListStyle table tbody td.article-title .list-title .fa.fa-lock{position: absolute; top: 50%;left: 0;transform: translateY(-50%);}
.commonBoardListStyle table tbody td.article-title .list-title:hover {border-bottom:2px solid #900020; } 
.commonBoardListStyle table tbody td.article-writer { font-size: 16px; font-weight: 500; text-align: center; } 
.commonBoardListStyle table tbody td.article-date { font-size: 16px; font-weight: 500; text-align: center; width:136px;} 
.commonBoardListStyle .best_ico { width: 39px; height: 15px; background: url("/images/ico_tag_best.png") no-repeat; display: inline-block; margin-top: 3px; } 
.common_paging_wrap { margin-top: 69px; display: flex; align-items: center; justify-content: center; } 
.common_paging_wrap .go_first_page { width: 13px; height: 13px; display: inline-block; background: url("/images/ico_first_page.png") no-repeat; margin-right: 17px; cursor: pointer; } 
.common_paging_wrap .go_prev_page { width: 7px; height: 13px; display: inline-block; background: url(/images/ico_prev_page.png) no-repeat; margin-right: 35px; cursor: pointer; } 
.common_paging_wrap .go_next_page { width: 7px; height: 13px; display: inline-block; background: url(/images/ico_next_page.png) no-repeat; cursor: pointer; margin-left: 35px; margin-right: 17px; } 
.common_paging_wrap .go_last_page { width: 13px; height: 13px; display: inline-block; background: url(/images/ico_last_page.png) no-repeat; cursor: pointer; } 
.common_paging_wrap .paging_list li { display: inline-block; float: left; margin-right: 7px; } 
.common_paging_wrap .paging_list li:last-child {margin-right:0px; } 
.common_paging_wrap .paging_list li a { border: 2px solid #e4e4e4; background: #fff; color: #999; font-size: 16px; width: 36px; height: 40px; display: inline-block; text-align: center; line-height: 36px; } 
.common_paging_wrap .paging_list li a.active { background: #900020; border: 2px solid #900020; color: #fff; } 

/* 게시판 상세 스타일공통 */
.commonBoardDetailStyle { position: relative; overflow: hidden; padding: 173px 0 96px; } 
.commonBoardDetailStyle .rotate-circle-txt { animation: txtRotate 16s linear infinite reverse; position: absolute; right: -545px; top: -86px; z-index: -1; } 
.commonBoardDetailStyle .board-detail-box .title-wrap {border-top: 2px solid #900020;border-bottom: 1px solid #e2e2e2;padding: 20px 30px;}
.commonBoardDetailStyle .board-detail-box .title-con {font-size: 24px;font-weight: bold;color: #000;}
.commonBoardDetailStyle .board-detail-box .date-and-view{color: #666;font-size: 18px;margin-top: 5px;}
.commonBoardDetailStyle .board-detail-box .date-and-view .date-con{float: left;}
.commonBoardDetailStyle .board-detail-box .date-and-view .view-count{float: right;}
.commonBoardDetailStyle .board-detail-box .content-wrap {padding: 50px 20px;font-size: 17px;font-weight: 400;white-space: pre-line;}
.commonBoardDetailStyle .board-detail-box .content-wrap .center-align{text-align: center;}
.commonBoardDetailStyle .board-detail-box .bottom-wrap {margin-top: 20px;margin-bottom: 50px;}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line{border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding: 10px;font-size: 16px;}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line .left{float: left;width: 120px;}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line .left > span{padding-left: 30px;position: relative;}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line .left > span:after {content: "";position: absolute;width: 1px;height: 18px;background: #e2e2e2;top: 51%;right: -22px;transform: translateY(-50%);}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line .right{float: left;width: calc(100% - 120px);}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line .right a:hover{text-decoration:underline;}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line.prev-article .left span{background: url("/images/ico_prev_article_view.png") no-repeat left center;}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line.next-article {margin-top:-1px;}
.commonBoardDetailStyle .board-detail-box .bottom-wrap .bottom-line.next-article .left span{background: url("/images/ico_next_article_view.png") no-repeat left center;}
.commonBoardDetailStyle .link-btns-wrappers {text-align: center;}
.commonBoardDetailStyle .link-btns-wrappers .btns{background: #900020;color: #fff;font-size: 18px;width: 150px;display: inline-block;height: 50px;line-height: 50px;border-radius: 50px;margin: 0 5px;}
.commonBoardDetailStyle .link-btns-wrappers .btns.btns-delete{background: #f44336;}

@media (max-width: 1236px){
	.subpageContentSlider2 .hos-intro-slider { position: relative; right: auto; } 
}

.break-word {word-break:keep-all;}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-color: #900020 #ccc;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 17px;
}

*::-webkit-scrollbar-track {
background: #ccc;
}

*::-webkit-scrollbar-thumb {
background-color: #900020;
border: 3px solid #ccc;
}


/* 애니메이션 공통 keyframe */
@-webkit-keyframes txtRotate {
    0%   { -webkit-transform:rotate(0); transform:rotate(0); } 
    100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
}
@keyframes txtRotate {
    0%   { -webkit-transform:rotate(0); transform:rotate(0); } 
    100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
} 
@-webkit-keyframes upDown1{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	50%{-webkit-transform:translateY(20px);transform:translateY(20px)}
	100%{-webkit-transform:translateY(0);transform:translateY(0)}
} 
@keyframes upDown1{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	50%{-webkit-transform:translateY(20px);transform:translateY(20px)}
	100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes upDown2{
	0%{-webkit-transform:translateY(30px);transform:translateY(30px)}
	50%{-webkit-transform:translateY(0);transform:translateY(0)}
	100%{-webkit-transform:translateY(30px);transform:translateY(30px)}
}
@keyframes upDown2{
	0%{-webkit-transform:translateY(30px);transform:translateY(30px)}
	50%{-webkit-transform:translateY(0);transform:translateY(0)}
	100%{-webkit-transform:translateY(30px);transform:translateY(30px)}
}
@-webkit-keyframes stretch{
	0% {width: 50px;}
	50% {width: 120px;}
	100% {width: 50px;}
}
@keyframes stretch{
	0% {width: 50px;}
	50% {width: 120px;}
	100% {width: 50px;}
}