@charset "utf-8";

.top_popup {display:block;}
.top_popup .swiper-slide img {width: initial !important;}


.top_popup {position: relative;}
.top_popup .item .img-fill{width: 100%; height: 100%; display: block; overflow: hidden; position: relative; text-align: center;}
.top_popup .item .img-fill img { min-height: 100%;  min-width: 100%; position: relative; display: inline-block;}

.main_visual{ position:relative; height:calc(100% - 60px); }
.main_visual .since{ position:absolute; top:0; left:0; height:100%; color:#fff; background:rgba(0,0,0,0.3); padding:0 60px; z-index:2; display:flex; align-items:center; justify-content:center; }
.main_visual .since .s_tit {font-size:43px; color:#93bdff; letter-spacing:-0.05em; text-transform:uppercase; font-weight:600; margin:0 12px;}
.main_visual .since h2 {font-size:200px; font-weight:900; font-family: 'Nanum Myeongjo', sans-serif;}
.main_visual .since p {font-size:26px; letter-spacing:-0.05em; line-height:160%; margin:0 12px;}
.main_visual .swiper-container {}
.main_visual .swiper-button-prev,
.main_visual .swiper-button-next {position: absolute; display: inline-block; top:50%; color:#fff; width:50px; height:50px; text-align:center; line-height:50px; /*background:#484848;*/}
/*.main_visual .swiper-button-prev {left:0;}
.main_visual .swiper-button-next {right:0;}
.main_visual .swiper-button-prev:after,
.main_visual .swiper-button-next:after {font-size:26px;}*/
.main_visual .swiper-button-prev {left:0;background: url(../images/sub/slider_ms_prev.png) no-repeat;}
.main_visual .swiper-button-next {right:0;background: url(../images/sub/slider_ms_next.png) no-repeat;}
.main_visual .swiper-button-prev:after,
.main_visual .swiper-button-next:after {font-size:0px;}
.main_visual .swiper-pagination {display:inline-block !important; width:164px; left:calc(50% - 106px); bottom:100px; background:rgba(0,0,0,0.6); border-radius:20px; padding:12px 10px;}
.main_visual .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; background:#fff; border:1px solid #fff !important; margin:0 8px;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}



.main_visual .slick-dotted.slick-slider {/*margin-bottom: 30px;*/ margin-bottom: 0;}
.slick-dots{ position:absolute; left:50%; bottom:5rem; transform:translateX(-50%); width:235px; list-style:none; text-align:center; background:rgba(0,0,0,0.6); border-radius:40px; margin:0; display:inline-block !important; padding:12px 10px 12px 15px; }
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 15px; height: 15px; content: ''; text-align: center; opacity: .25; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:#fff; border-radius:50%;}
.slick-dots li.slick-active button:before {opacity: .75;color: #fff;}


.main_visual .item .img-fill{width: 100%; display: block; overflow: hidden; position: relative; text-align: center;}
/*.main_visual .item .img-fill img {display: block;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center center;}*/


.main_visual .PrevArrow,
.main_visual .NextArrow{ position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; line-height:50px; text-align:center; color:#fff; display:inline-block; z-index:3; cursor:pointer; }
.main_visual .PrevArrow,
.main_visual .NextArrow {font-size:0px;}
.main_visual .PrevArrow {left:0;background: url(../images/sub/slider_ms_prev.png) no-repeat;}
.main_visual .NextArrow {right:0;background: url(../images/sub/slider_ms_next.png) no-repeat;}


.top_popup .PrevArrow,
.top_popup .NextArrow {position: absolute; display: inline-block; top:calc(50% - 7.9%); color:#fff; width:50px; height:50px; text-align:center; line-height:50px; /*background:#484848;*/ z-index: 3;}
.top_popup .PrevArrow,
.top_popup .NextArrow {font-size:0px;}
.top_popup .PrevArrow {left:0;background: url(../images/sub/slider_ms_prev.png) no-repeat;}
.top_popup .NextArrow {right:0;background: url(../images/sub/slider_ms_next.png) no-repeat;}
.top_popup .slick-dotted.slick-slider {margin-bottom: 0px;}


.event_pop {display:block;}
.event_pop .swiper-slide img {width: initial !important;}
.event_pop {position: relative;}
.event_pop .item .img-fill{height: 100%; display: block; overflow: hidden; position: relative;}
.event_pop .item .img-fill img { min-height: 100%;  position: relative; display: inline-block;}
.event_pop tr{width:402px;}
.event_pop .pop_btn{margin-top:-20px !important;}


.event_pop .PrevArrow,
.event_pop .NextArrow {position: absolute; display: inline-block; top:calc(50% - 7.9%); color:#fff; width:50px; height:50px; text-align:center; line-height:50px; /*background:#484848;*/ z-index: 3;}
.event_pop .PrevArrow,
.event_pop .NextArrow {font-size:0px;}
.event_pop .PrevArrow {left:0;background: url(../images/sub/slider_b_prev.png) no-repeat;}
.event_pop .NextArrow {right:0;background: url(../images/sub/slider_b_next.png) no-repeat;}
.event_pop .slick-dotted.slick-slider {margin-bottom: 0px;}




	@media (max-width:1419px) {
		.main_visual .since .s_tit {font-size:200%;}
		.main_visual .since h2 {font-size:700%;}
		.main_visual .since p {font-size:140%;}

		.main_visual .swiper-pagination {bottom:10%;}
        .main_visual .slick-dots {bottom:10%;}
	}

	@media (max-width:1199px) {
		.main_visual .since {padding:10% 45px;}
		.main_visual .since .s_tit {font-size:180%;}
		.main_visual .since h2 {font-size:660%;}
		.main_visual .since p {font-size:120%;}

		.main_visual .swiper-pagination {bottom:10%;}
        .main_visual .slick-dots {bottom:10%;}
	}

	@media (max-width:999px) {
		.main_visual .since {display:none; padding:10% 20px 10% 45px;}
		.main_visual .since .s_tit {font-size:140%;}
		.main_visual .since h2 {font-size:500%;}
		.main_visual .since p {font-size:100%;}

		.main_visual .swiper-pagination {bottom:10%;}
        .main_visual .slick-dots {bottom:10%;}
	}

	@media (max-width:799px) {
		.main_visual .swiper-pagination {width:124px; left:calc(50% - 106px); padding:5px 10px; bottom:5%;}
        .main_visual .slick-dots {width:230px; padding:5px 10px; bottom:5%;}
        .top_popup .PrevArrow, .top_popup .NextArrow {top: calc(50% - 11.9%);width: 30px;height: 30px;line-height: 30px;}
        .top_popup .PrevArrow {opacity: .8;background-size: 100%;}
        .top_popup .NextArrow {opacity: .8;background-size: 100%;}
	}
	@media (max-width:767px){
		.main_visual .main_slider{ height:calc(100vh - 170px); }
		.main_visual .main_slider .slick-list{ height:100%; }
		.main_visual .main_slider .slick-list .slick-track{ height:100%; }
		.main_visual .main_slider .slick-list .slick-track .item{ height:100%; }
		.main_visual .main_slider .slick-list .slick-track .item .show-sm{ height:100%; }
		.main_visual .main_slider .slick-list .slick-track .item .show-sm a img{ width:100%; height:100%; object-fit:cover; }
	}
	@media (max-width:600px){
		.main_visual .main_slider{ height:calc(100vh - 140px); }
	}
	@media (max-width:500px) {
		#divpop{ left:50% !important; transform:translate(-50%, 0%) !important; width:100%; }
		#divpop .event_pop .slick-list .slick-track .slick-slide{ display:flex; justify-content:center; }
		#divpop .event_pop .slick-list .slick-track .slick-slide .event_banner .slick-arrow{ top:50%; transform:translateY(-50%); width:40px; height:40px; background-size:contain; }
		#divpop .event_pop .slick-list .slick-track .slick-slide .pop_btn{ width:100%; display:block; margin-top:0 !important; }
		#divpop .event_pop .slick-list .slick-track .slick-slide .pop_btn td{ width:100%; display:flex; align-items:center; justify-content:flex-end; }
	}
	@media (max-width:400px){
		.main_visual .main_slider{ height:calc(100vh - 130px); }
	}


.main_contents {margin-top: 3rem;}
.main_contents .sec1 {position:relative; margin:0px -11px 0; z-index:2; display:block; overflow:hidden;}
.main_contents .sec1 .box {float:left; width:330px; height:330px; color:#fff; box-shadow: 0px 0 15px rgba(0,0,0,0.15), 0px 0 50px rgba(0,0,0,0.25) inset; vertical-align:top; text-align:center; padding:50px 20px; margin:0 11px;}
.main_contents .sec1 .box h3 {font-size:31px; letter-spacing:-0.05em; margin-bottom:50px; font-family:'NanumSquare', sans-serif;}
.main_contents .sec1 .box p {font-size:17px; letter-spacing:-0.1em; line-height:140%; font-weight:300; word-break:keep-all;}

.main_contents .sec1 .staff {position:relative; background:#5f88c8;}
.main_contents .sec1 .staff .link {position: absolute; width: 87%; bottom: 7%; left: 7%;}
.main_contents .sec1 .staff .link li {/*float:left; width:50%;*/ background:#fff; border:1px solid #014693; /*margin-left:-1px;*/ font-size:15px; letter-spacing:-0.05em;}
.main_contents .sec1 .staff .link li:first-child {margin-left:0;}
.main_contents .sec1 .staff .link li a {display:block; padding:48px 0 16px 0;}
.main_contents .sec1 .staff .link li h4 {font-weight:400;}
.main_contents .sec1 .staff .link li.introduce a {background:url('../images/staff_link_icon01.png') center 16px no-repeat;}
.main_contents .sec1 .staff .link li.timetable a {background:url('../images/staff_link_icon02.png') center 16px no-repeat;}

.main_contents .sec1 .time {/*background:url('../images/time_icon_bg.png') #9d9d9d center no-repeat;*/ background:#9d9d9d;}
.main_contents .sec1 .time h3 {}
.main_contents .sec1 .time .time_box {padding-top:10px;}
.main_contents .sec1 .time .time_box dl {display:block; overflow:hidden; font-size:19px; letter-spacing:-0.05em; margin-bottom:14px;}
.main_contents .sec1 .time .time_box dl dt {float:left; font-weight:400;}
.main_contents .sec1 .time .time_box dl dd {float:right; font-weight:600;}
.main_contents .sec1 .time .time_box .small {font-size:16px;}

.main_contents .sec1 .tel {position:relative; /*background:url('../images/tel_icon_bg.png') #3b5fab center no-repeat;*/ background:#3b5fab;}
.main_contents .sec1 .tel .tel_box {position:absolute; bottom:20px; width:calc(100% - 40px);}
.main_contents .sec1 .tel .tel_box a {color:#fff;}
/*20201013_찾아오시는길_기존주석처리.main_contents .sec1 .tel .tel_box dl {display:block; overflow:hidden;letter-spacing:-0.05em;}*/
.main_contents .sec1 .tel .tel_box dl {display:block; overflow:hidden;letter-spacing:-0.05em;border: solid 1px #788fc0;height: 81px;}
/*.main_contents .sec1 .tel .tel_box dl dt {font-weight:500; font-size:20px; letter-spacing:-0.05rem; margin-top:20px; margin-bottom:5px;}*/
.main_contents .sec1 .tel .tel_box dl dt {font-weight:500; font-size:20px; letter-spacing:-0.05rem; padding:.65rem 0 0 0; margin-bottom:5px;}
.main_contents .sec1 .tel .tel_box dl dd {font-weight:600; font-size:31px; letter-spacing:-0.05rem; padding-right:2px;}
.main_contents .sec1 .tel .tel_box dl:nth-child(1) dd {color:#2daae1;}
.main_contents .sec1 .tel .tel_box dl:nth-child(2) dd {color:#c8e3ff;}
.main_contents .sec1 .tel .tel_box dl .color_b1 {color:#c8e3ff !important;}

.main_contents .sec1 .location {position:relative; background:#656565;}
.main_contents .sec1 .location .link {position: absolute; width: 87%; bottom: 7%; left: 7%;}
/*.main_contents .sec1 .location .link li {float:left; width:50%; background:#fff; border:1px solid #014693; margin-left:-1px; font-size:15px; letter-spacing:-0.05em;}*/
.main_contents .sec1 .location .link li {float:left; width:100%; background:#fff; border:1px solid #014693; /*margin-left:-1px;*/ font-size:15px; letter-spacing:-0.05em;}
.main_contents .sec1 .location .link li:first-child {margin-left:0;}
.main_contents .sec1 .location .link li a {display:block; padding:48px 0 16px 0;}
.main_contents .sec1 .location .link li h4 {font-weight:400;}
.main_contents .sec1 .location .link li.sketch_map a {background:url('../images/location_link_icon01.png') center 16px no-repeat;}
.main_contents .sec1 .location .link li.view a {background:url('../images/location_link_icon02.png') center 16px no-repeat;}

.main_contents .sec1 .location #sketch { display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); color:#000;}
.main_contents .sec1 .location #sketch .modal-content {position:relative; background-color: #fefefe; margin: 15% auto; border: 1px solid #888; width:550px; }
.main_contents .sec1 .location #sketch .modal-content h5 {font-size:20px; background: #3b5fab; padding:15px 0; color:#fff; font-weight:500; letter-spacing:-0.05em;}
.main_contents .sec1 .location .close {display:block; text-align:center; position: absolute; top: 0; right: 0; font-size: 0; background: url(../images/sub/close.png) rgba(0,0,0,0.6) center no-repeat; width:50px; height:50px; background-size:18px;}
.main_contents .sec1 .location .img {padding:25px;overflow:hidden;}
.main_contents .sec1 .location .img img{width:100% !important;max-width:none}
.main_contents .sec1 .location .hp_num {}
.main_contents .sec1 .location .hp_num dt {margin-bottom:10px; font-size:15px; letter-spacing:-0.05em;}
.main_contents .sec1 .location .hp_num dd {}
.main_contents .sec1 .location .btn { color:white; padding:6px 30px 10px 30px; margin:15px; display:inline-block; transition:all 0.1s; }
.main_contents .sec1 .location .btn.blue{ background-color: #1f75d9; }
.main_contents .sec1 .location .btn.red{ background-color: #ff521e; border-bottom:5px solid #c1370e; }
.main_contents .sec1 .location .btn.red:active{ border-bottom:2px solid #c1370e; }


	@media (max-width:1419px) {
		.main_contents .sec1 {margin:-2% -0.6% 0;}
		.main_contents .sec1 .box {width:24%; height:0; padding-bottom:19.2%; margin:0 0.5%;}
		.main_contents .sec1 .box h3 {font-size:160%; margin-bottom:20px; margin-top:-10px;}
		.main_contents .sec1 .box p {font-size:100%;}
		.main_contents .sec1 .box p .br {display:inline;}

		.main_contents .sec1 .staff .link li {font-size:90%;}

		.main_contents .sec1 .time .time_box dl {font-size:90%; margin-bottom:10px;}
		.main_contents .sec1 .time .time_box .small {font-size:90%;}

		.main_contents .sec1 .tel .tel_box dl {/*margin-top:3px;*/}
		.main_contents .sec1 .tel .tel_box dl dt {font-size:90%;}
		.main_contents .sec1 .tel .tel_box dl dd {font-size:180%;}

		.main_contents .sec1 .location .link li {font-size:90%;}
	}

	@media (max-width:1199px) {
		.main_contents .sec1 {margin:-2% -0.3% 0;}
		.main_contents .sec1 .box {padding-bottom:230px;}
		.main_contents .sec1 .box h3 {margin-bottom:30px;}

		.main_contents .sec1 .time {background-size:100px; background-position:center 48%;}
		.main_contents .sec1 .time .time_box {padding-top:5%;}
		.main_contents .sec1 .time .time_box dl {font-size:85%; margin-bottom:12px;}

		.main_contents .sec1 .tel {background-size:100px; background-position:center 45%;}
		.main_contents .sec1 .tel .tel_box dl dt {font-size:90%; margin-bottom:5px;}
	}

	@media (max-width:999px) {
		.main_contents .sec1 {margin:1% 0;}
		.main_contents .sec1 .box {width:48%; padding-bottom:250px; margin:1%; box-shadow:none;}
		.main_contents .sec1 .box h3 {font-size:140%;}


		.main_contents .sec1 .time {background-size:100px; background-position:center 45%;}
		.main_contents .sec1 .time .time_box {padding-top:5%;}
		.main_contents .sec1 .time .time_box dl {font-size:100%;}
		.main_contents .sec1 .time .time_box .small {font-size:90%;}

		.main_contents .sec1 .tel {background-size:100px; background-position:center 45%;}
	}

	@media (max-width:799px) {
		.main_contents .sec1 .box {padding-bottom:34%;}
		.main_contents .sec1 .box h3 {margin-bottom:20px;}

		.main_contents .sec1 .time .time_box {padding-top:0;}
		.main_contents .sec1 .tel .tel_box dl dt {font-size:100%; margin-top:9px;}
		.main_contents .sec1 .location #sketch .modal-content{ width:90%}
	}

	@media (max-width:699px) {
		.main_contents .sec1 .box {width:98%; padding-bottom:0; height:auto; min-height:250px; padding:40px 20px 20px;}
		.main_contents .sec1 .box h3 {margin-bottom:20px; font-size:120%;}
		.main_contents .sec1 .box p {font-size:90%;}

		.main_contents .sec1 .time {background-size:auto; background-position:center;}
		.main_contents .sec1 .time .time_box dl {font-size:90%;}

		.main_contents .sec1 .tel {background-size:auto; background-position:center;}
		.main_contents .sec1 .tel .tel_box dl dt {font-size:100%;}
	}


.main_contents .sec2 {display: none;}
.main_contents .sec2 .sns_icon {text-align:center; padding:50px 0;}
.main_contents .sec2 .sns_icon li {display:inline-block; background:url('../images/sns_icon_big.png') 0 0 no-repeat; font-size:0; width:102px; height:104px; margin:0 7px; vertical-align:top;}
v a {display:block; overflow:hidden; width:100%; height:100%;}
.main_contents .sec2 .sns_icon li.kakao {}
.main_contents .sec2 .sns_icon li.naver{background-position:-119px 0;}
.main_contents .sec2 .sns_icon li.youtube {background-position:-238px 0;}
.main_contents .sec2 .sns_icon li.instagram {background-position:-356px 0;}
.main_contents .sec2 .sns_icon li.facebook {background-position:-474px 0;}
.main_contents .sec2 .sns_icon li.blog {background-position:-592px 0;}

	@media (max-width:1199px) {
		.main_contents .sec2 .sns_icon {width:60%; margin:0 auto; padding:30px 0;}
		.main_contents .sec2 .sns_icon li {background-size:cover; width:13.666%; height:0; padding-bottom:13.666%;}
		.main_contents .sec2 .sns_icon li.naver{background-position:20% 0;}
		.main_contents .sec2 .sns_icon li.youtube {background-position:40% 0;}
		.main_contents .sec2 .sns_icon li.instagram {background-position:60% 0;}
		.main_contents .sec2 .sns_icon li.facebook {background-position:80% 0;}
		.main_contents .sec2 .sns_icon li.blog {background-position:100% 0;}
	}

	@media (max-width:1199px) {
		.main_contents .sec2 .sns_icon {width:80%;}
	}
	@media (max-width:799px) {
		.main_contents {margin-top: 0;}
		.main_contents .sec2 {display: block;}
		.main_contents .sec2 .sns_icon {width:100%; padding:15px 0;}
		.main_contents .sec2 .sns_icon li{ width:80px; height:80px; padding-bottom:0; margin:0; }
	}
	@media (max-width:600px) {
		.main_contents .sec2 .sns_icon li{ width:50px; height:50px; }
	}
	@media (max-width:400px) {
		.main_contents .sec2 .sns_icon li{ width:40px; height:40px; }
	}


.main_contents .sec3 {text-align:center; padding:100px 0;}
.main_contents .sec3 h3 {font-size:43px; letter-spacing:-0.05em; color:#13294b; font-weight:400; margin-bottom:50px;}
.main_contents .sec3 h3 b {font-weight:500;}

.main_contents .sec3 .self {font-size:31px; letter-spacing:0.05em; color:#36348b; font-weight:900; background:url('../images/self_bg.png') #e9f2ff no-repeat; background-size:cover; margin-bottom:34px; box-shadow: 0px 0 15px rgba(0,0,0,0.05);}
.main_contents .sec3 .self a {display:block; overflow:hidden; color:inherit; background:url('../images/arrow.png') calc(65% - 14px) center no-repeat;}
.main_contents .sec3 .self h4 {padding:30px 0; background:url('../images/self_icon.png') calc(40% - 80px) no-repeat; font-weight:500; letter-spacing:-0.03em;}
.main_contents .sec3 .self b {color:#5e9aff;  font-weight:600;}

.main_contents .sec3 ul.medical_field {display:block; overflow:hidden;}
.main_contents .sec3 ul.medical_field li {position:relative; float:left; width:calc(12.5% + 1px); height:0; padding-top:calc(12.5% + 1px); border:1px solid #e4e4e4; margin-left:-1px; box-sizing:border-box; background:#fff;}
.main_contents .sec3 ul.medical_field li:first-child {margin-left:0; width:12.5%;}
.main_contents .sec3 ul.medical_field li h4 {position:absolute; width:100%; bottom:36px; color:#484848; font-size:16px; letter-spacing:-0.05em;}
.main_contents .sec3 ul.medical_field li a {position:absolute; top:0; left:0; width:100%; height:100%;}
.main_contents .sec3 ul.medical_field li:hover {border:5px solid #36348b; padding-top:calc(12.5% - 8px);}
.main_contents .sec3 ul.medical_field li:hover h4  {bottom:31px;}
.main_contents .sec3 ul.medical_field li:hover a {}

.main_contents .sec3 ul.medical_field li:nth-child(1) {background:url('../images/medical_field_icon01.png') center 30px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(1):hover {background:url('../images/medical_field_icon01.png') center 26px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(2) {background:url('../images/medical_field_icon02.png') center 40px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(2):hover {background:url('../images/medical_field_icon02.png') center 36px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(3) {background:url('../images/medical_field_icon03.png') center 35px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(3):hover {background:url('../images/medical_field_icon03.png') center 31px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(4) {background:url('../images/medical_field_icon04.png') center 42px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(4):hover {background:url('../images/medical_field_icon04.png') center 38px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(5) {background:url('../images/medical_field_icon05.png') center 42px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(5):hover {background:url('../images/medical_field_icon05.png') center 38px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(6) {background:url('../images/medical_field_icon06.png') center 42px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(6):hover {background:url('../images/medical_field_icon06.png') center 38px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(7) {background:url('../images/medical_field_icon07.png') center 40px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(7):hover {background:url('../images/medical_field_icon07.png') center 36px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(8) {background:url('../images/medical_field_icon08.png') center 42px no-repeat;}
.main_contents .sec3 ul.medical_field li:nth-child(8):hover {background:url('../images/medical_field_icon08.png') center 38px no-repeat;}

	@media (max-width:1419px) {
		.main_contents .sec3 h3 {font-size:260%;}

		.main_contents .sec3 .self {font-size:160%;}

		.main_contents .sec3 ul.medical_field li h4 {bottom:14%; font-size:100%;}
		.main_contents .sec3 ul.medical_field li:hover h4 {bottom:calc(14% - 3px);}

		.main_contents .sec3 ul.medical_field li:nth-child(1) {background-position:center 25%;}
		.main_contents .sec3 ul.medical_field li:nth-child(1):hover {background-position:center calc(25% - 2px);}
		.main_contents .sec3 ul.medical_field li:nth-child(2) {background-position:center 30%;}
		.main_contents .sec3 ul.medical_field li:nth-child(2):hover {background-position:center calc(30% - 2px);}
		.main_contents .sec3 ul.medical_field li:nth-child(3) {background-position:center 29%;}
		.main_contents .sec3 ul.medical_field li:nth-child(3):hover {background-position:center calc(29% - 2px);}
		.main_contents .sec3 ul.medical_field li:nth-child(4) {background-position:center 32%;}
		.main_contents .sec3 ul.medical_field li:nth-child(4):hover {background-position:center calc(32% - 1px);}
		.main_contents .sec3 ul.medical_field li:nth-child(5) {background-position:center 32%;}
		.main_contents .sec3 ul.medical_field li:nth-child(5):hover {background-position:center calc(32% - 1px);}
		.main_contents .sec3 ul.medical_field li:nth-child(6) {background-position:center 29%;}
		.main_contents .sec3 ul.medical_field li:nth-child(6):hover {background-position:center calc(29% - 1px);}
		.main_contents .sec3 ul.medical_field li:nth-child(7) {background-position:center 30%;}
		.main_contents .sec3 ul.medical_field li:nth-child(7):hover {background-position:center calc(30% - 1px);}
		.main_contents .sec3 ul.medical_field li:nth-child(8) {background-position:center 31%;}
		.main_contents .sec3 ul.medical_field li:nth-child(8):hover {background-position:center calc(31% - 1px);}
	}

	@media (max-width:1199px) {
		.main_contents .sec3 {padding:60px 0;}
		.main_contents .sec3 h3 {font-size:220%;}

		.main_contents .sec3 .self {font-size:140%;}
		.main_contents .sec3 .self a {background-position:calc(67% - 14px) center;}

		.main_contents .sec3 ul.medical_field li h4 {font-size:85%;}
	}

	@media (max-width:999px) {
		.top_popup {display: block;}
		.main_contents .sec3 {padding:40px 0;}
		.main_contents .sec3 h3 {font-size:180%;}

		.main_contents .sec3 .self {font-size:140%;}
		.main_contents .sec3 .self a {background-position:calc(71% - 14px) center;}
		.main_contents .sec3 .self h4 {background-position:calc(38% - 80px) center;}

		.main_contents .sec3 ul.medical_field li {width:calc(25% + 1px); padding-top:20%; margin-top:-1px;}
		.main_contents .sec3 ul.medical_field li:first-child,
		.main_contents .sec3 ul.medical_field li:nth-child(5) {width:25%; margin-left:0;}
		.main_contents .sec3 ul.medical_field li:first-child,
		.main_contents .sec3 ul.medical_field li:nth-child(2),
		.main_contents .sec3 ul.medical_field li:nth-child(3),
		.main_contents .sec3 ul.medical_field li:nth-child(4) {margin-top:0;}
		.main_contents .sec3 ul.medical_field li h4 {font-size:100%;}
		.main_contents .sec3 ul.medical_field li:hover {padding-top:calc(20% - 8px);}
	}

	@media (max-width:799px) {
		.top_popup {display: block;}
		.main_contents .sec3 h3 {font-size:160%;}
		.main_contents .sec3 .self {font-size:120%;}
	}

	@media (max-width:599px) {
		.top_popup {display: block;}
		.main_contents .sec3 h3 {font-size:140%;}

		.main_contents .sec3 .self {font-size:120%;}
		.main_contents .sec3 .self a {background-position:95% center;}
		.main_contents .sec3 .self h4 {background-position:5% center;}

		.main_contents .sec3 ul.medical_field li {padding-top:35%; margin-top:-1px;}
		.main_contents .sec3 ul.medical_field li:first-child,
		.main_contents .sec3 ul.medical_field li:nth-child(2) {margin-top:0;}
		.main_contents .sec3 ul.medical_field li:nth-child(3),
		.main_contents .sec3 ul.medical_field li:nth-child(4) {margin-top:-1px;}
		.main_contents .sec3 ul.medical_field li:nth-child(odd) {margin-left:0; width:50%;}
		.main_contents .sec3 ul.medical_field li:nth-child(even) {margin-left:-1px; width:calc(50% + 1px);}
		.main_contents .sec3 ul.medical_field li:hover {padding-top:calc(35% - 8px);}


		.main_contents .sec3 ul.medical_field li:nth-child(2):hover {background-position:center calc(30% - 2px);}
		.main_contents .sec3 ul.medical_field li:nth-child(7):hover {background-position:center calc(30% - 2px);}
	}


/* 수술후기 */
.main_contents .sec4 {}
.main_contents .sec4 .review {background:url('../images/review_bg.png') #f0f6ff center no-repeat; background-size:cover; padding:90px 0;}
.main_contents .sec4 .review .title h3 {text-align:center; font-size:31px; color:#484848; font-weight:500; padding:10px 0; line-height:140%;}
.main_contents .sec4 .review .title h3 span {color:#f9af2b; display:block; font-weight:400;}
.main_contents .sec4 .review .conts {}
.main_contents .sec4 .review .conts ul.cate_tab {text-align:center; margin:15px 0 38px;}
.main_contents .sec4 .review .conts ul.cate_tab li {display:inline-block; margin-left:-4px; cursor:pointer;}
.main_contents .sec4 .review .conts ul.cate_tab li:after {position:relative; display:block; width:100%; height:6px; background:#e4e4e4; content:'';}
.main_contents .sec4 .review .conts ul.cate_tab li:first-child {margin-left:0;}
.main_contents .sec4 .review .conts ul.cate_tab li span {display:block; overflow:hidden; color:#686868; font-size:19px; padding:11px 28px;}
.main_contents .sec4 .review .conts ul.cate_tab li.active {display:inline-block; font-weight:600;}
.main_contents .sec4 .review .conts ul.cate_tab li.active:after {background:#014693;}
.main_contents .sec4 .review .conts ul.cate_tab li.active span {color:#014693;}

.main_contents .sec4 .review .conts .cate_conts {display:none;}
.main_contents .sec4 .review .conts .active {display:block;}

.main_contents .sec4 .review .conts {position:relative;}
.main_contents .sec4 .review .conts .swiper-container {position:initial;}
/*.main_contents .sec4 .review .conts .swiper-button-prev,
.main_contents .sec4 .review .conts .swiper-button-next {position: absolute; display: inline-block; top:60%; color:#dbdbdb; width:40px; height:40px; text-align:center; line-height:40px;  background:#fff; border:1px solid #dbdbdb; box-shadow: 0px 0 15px rgba(0,0,0,0.05);}
.main_contents .sec4 .review .conts .swiper-button-prev {left:0;}
.main_contents .sec4 .review .conts .swiper-button-next {right:0;}
.main_contents .sec4 .review .conts .swiper-button-prev:after,
.main_contents .sec4 .review .conts .swiper-button-next:after {font-size:20px;}*/

.main_contents .sec4 .review .conts .swiper-button-prev,
.main_contents .sec4 .review .conts .swiper-button-next {position: absolute; display: inline-block; top:60%; color:#dbdbdb; width:40px; height:40px; text-align:center; line-height:40px;  /*background:#fff; border:1px solid #dbdbdb;*/ box-shadow: 0px 0 15px rgba(0,0,0,0.05);}
.main_contents .sec4 .review .conts .swiper-button-prev {left:0;background: url(../images/sub/slider_w_prev.png) no-repeat;}
.main_contents .sec4 .review .conts .swiper-button-next {right:0;background: url(../images/sub/slider_w_next.png) no-repeat;}
.main_contents .sec4 .review .conts .swiper-button-prev:after,
.main_contents .sec4 .review .conts .swiper-button-next:after {font-size:20px;}

.main_contents .sec4 .review .conts .review_box {border:1px solid #e4e4e4; background:#fff; box-sizing:border-box; margin-left:-1px; letter-spacing:-0.1em; padding:28px;}
.main_contents .sec4 .review .conts .review_box:first-child {margin-left:0;}
.main_contents .sec4 .review .conts .review_box .name {font-size:15px; letter-spacing:-0.05em; margin-bottom:20px;}
.main_contents .sec4 .review .conts .review_box .name .cate {display:inline-block; margin-right:4px; color:#2daae1;}
.main_contents .sec4 .review .conts .review_box h4 {font-size:19px;color:#282828; margin-bottom:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_contents .sec4 .review .conts .review_box .text {display:table;margin:0 auto; font-size:15px; color:#868686; line-height:140%; height:188px; line-height:160%; overflow:hidden;}
.main_contents .sec4 .review .conts .review_box .text .img {float:unset; width:210px;  margin-right:10px; text-align:center;}
.main_contents .sec4 .review .conts .review_box .more {display:block; font-size:15px; color:#868686; border:1px solid #e1e1e1; border-radius:17.5px; box-sizing:border-box; background:url('../images/arrow1.png') 85% center no-repeat; width:145px; margin:0 auto; text-align:center; padding:10px 40px 10px 0; margin-top:10px;}

.main_contents .sec4 .review .conts .review_box:hover {position:relative; z-index:2; border:1px solid #2daae1;}
.main_contents .sec4 .review .conts .review_box:hover .more {border:1px solid #2daae1;}

	@media (max-width:1419px) {
		.main_contents .sec4 .review .title h3 {font-size:190%;}
		.main_contents .sec4 .review .conts .cate_conts {padding:0 1%;}
		.main_contents .sec4 .review .conts ul.cate_tab li span {font-size:110%;}
		.main_contents .sec4 .review .conts .swiper-button-prev {left:-1%;}
		.main_contents .sec4 .review .conts .swiper-button-next {right:-1%;}

		.main_contents .sec4 .review .conts .review_box .name {font-size:90%;}
		.main_contents .sec4 .review .conts .review_box h4 {font-size:110%;}
		.main_contents .sec4 .review .conts .review_box .text {font-size:90%; height:25vmin; overflow:hidden;}
		.main_contents .sec4 .review .conts .review_box .more {font-size:90%;}
	}

	@media (max-width:1199px) {
		.main_contents .sec4 .review {padding:60px 0;}
		.main_contents .sec4 .review .title h3 {font-size:170%;}
		.main_contents .sec4 .review .conts ul.cate_tab li span {font-size:105%;}
	}

	@media (max-width:999px) {
		.main_contents .sec4 .review .title h3 {font-size:150%;}
	}

	@media (max-width:799px) {
		.main_contents .sec4 .review .title h3 {font-size:130%;}
		.main_contents .sec4 .review .conts ul.cate_tab li span {font-size:100%; padding:11px;}
	}

	@media (max-width:699px) {
		.main_contents .sec4 .review .conts .review_box .text {height:auto;}
		.main_contents .sec4 .review .conts ul.cate_tab li{width:33%;}
	}


/* 의료진 소개 */
.main_contents .sec5 {}
.main_contents .sec5 .medical_staff {background:url('../images/medical_staff_bg.jpg') center no-repeat; background-size:cover; padding:65px 0 85px;}
.main_contents .sec5 .medical_staff .title {font-family:'NanumSquare', sans-serif; text-align:center; color:#fff; letter-spacing:-0.05em; margin-bottom:30px;}
.main_contents .sec5 .medical_staff .title h3 {font-size:31px; font-weight:400;}
.main_contents .sec5 .medical_staff .title h3 b {font-weight:600;}
.main_contents .sec5 .medical_staff .title p {font-weight:300; margin:10px 0;font-size:19px; line-height:140%; word-break:keep-all;}
.main_contents .sec5 .medical_staff .title p b {font-weight:600;}

.main_contents .sec5 .medical_staff .conts {position:relative;}
.main_contents .sec5 .medical_staff .conts .swiper-container {padding-bottom:60px; position:initial;}
/*.main_contents .sec5 .medical_staff .conts .swiper-button-prev,
.main_contents .sec5 .medical_staff .conts .swiper-button-next {position: absolute; display: inline-block; top:42%; color:#fff; width:50px; height:50px; text-align:center; line-height:50px;  background:rgba(0,0,0,0.7);}
.main_contents .sec5 .medical_staff .conts .swiper-button-prev {left:0;}
.main_contents .sec5 .medical_staff .conts .swiper-button-next {right:0;}
.main_contents .sec5 .medical_staff .conts .swiper-button-prev:after,
.main_contents .sec5 .medical_staff .conts .swiper-button-next:after {font-size:20px;}*/

.main_contents .sec5 .medical_staff .conts .swiper-button-prev,
.main_contents .sec5 .medical_staff .conts .swiper-button-next {position: absolute; display: inline-block; top:42%; color:#fff; width:50px; height:50px; text-align:center; line-height:50px;  /*background:rgba(0,0,0,0.7);*/}
.main_contents .sec5 .medical_staff .conts .swiper-button-prev {left:0;background: url(../images/sub/slider_b_prev.png) no-repeat;}
.main_contents .sec5 .medical_staff .conts .swiper-button-next {right:0;background: url(../images/sub/slider_b_next.png) no-repeat;}
.main_contents .sec5 .medical_staff .conts .swiper-button-prev:after,
.main_contents .sec5 .medical_staff .conts .swiper-button-next:after {font-size:0px;}

.main_contents .sec5 .medical_staff .conts .swiper-pagination {}
.main_contents .sec5 .medical_staff .conts .swiper-pagination .swiper-pagination-bullet {width:19px; height:19px; background:#fff; opacity:1;}
.main_contents .sec5 .medical_staff .conts .swiper-pagination .swiper-pagination-bullet-active {background:#479ce7;}

.main_contents .sec5 .medical_staff .conts .staff {border:1px solid #ced7db;}
.main_contents .sec5 .medical_staff .conts .staff a {color:inherit;}
.main_contents .sec5 .medical_staff .conts .staff .img {background:#fff;}
.main_contents .sec5 .medical_staff .conts .staff .img img {width:100%; height:100%;}
.main_contents .sec5 .medical_staff .conts .staff .info {background:#fff; text-align:center; padding:19px 0; margin-top:-1px; letter-spacing:-0.05em;}
.main_contents .sec5 .medical_staff .conts .staff .info h4 {font-size:25px;color:#282828; margin-bottom:22px; letter-spacing:-0.05em;}
.main_contents .sec5 .medical_staff .conts .staff .info h4:after {position:relative; display:block; width:19px; height:2px; background:#484848; margin:0 auto; top:12px; content:'';}
.main_contents .sec5 .medical_staff .conts .staff .info dl {color:#484848;}
.main_contents .sec5 .medical_staff .conts .staff .info dl dt {font-size:19px; font-weight:600; margin-bottom:10px;}
.main_contents .sec5 .medical_staff .conts .staff .info dl dd {font-size:15px; font-weight:400;}
.main_contents .sec5 .medical_staff .conts .staff .info .more {display:block; overflow:hidden; font-size:13px; width:141px; margin:0 auto; border:1px solid #606060; background:#fff; border-radius:14px; padding:7px 0; margin-top:10px; cursor:pointer;}
.main_contents .sec5 .medical_staff .conts .staff:hover .info {background:rgba(57,92,175,0.8);}
.main_contents .sec5 .medical_staff .conts .staff:hover .info h4 {color:#fff;}
.main_contents .sec5 .medical_staff .conts .staff:hover .info h4:after {background:#fff;}
.main_contents .sec5 .medical_staff .conts .staff:hover .info dl {color:#fff;}

/*.main_contents .sec5 .staff_career {display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); }
.main_contents .sec5 .staff_career .career-content {position:relative; margin: 2% auto; border:1px solid #ededed; width:calc(74% - 1px); display:block; overflow:hidden;  background:#fff;}*/

.main_contents .sec5 .staff_career {display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; /*overflow: auto;*/ overflow:hidden; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5);}
/*.main_contents .sec5 .staff_career .career-content {position:relative; margin:2% auto; border:1px solid #ededed; width:calc(74% - 1px); height:92%; display:block; overflow:hidden;  background:#fff;}*/
.main_contents .sec5 .staff_career .career-content {position:relative; margin:2% auto; border:1px solid #ededed; width:calc(78% - 1px); height:calc(100% - 7.9%); display:block; overflow:hidden;  background:#fff;}
.main_contents .sec5 .staff_career .staff_close {position:absolute; top:20px; right:30px; background:url('../images/sub/close.png') center no-repeat; width:28px; height:28px; z-index:9;}
.main_contents .sec5 .staff_career .staff_close:hover, .staff_career .staff_close:focus { color: black; text-decoration: none; cursor: pointer; }

/*.main_contents .sec5 .staff_career .career-content .img {position:fixed; float:left; width:45.2%; height:846px; overflow:hidden;}*/
/*.main_contents .sec5 .staff_career .career-content .img img {height:100%; margin-left:-15%;}*/
.main_contents .sec5 .staff_career .career-content .img {position: absolute;float: left;width: 46%;height: 100%;overflow: hidden;}
.main_contents .sec5 .staff_career .career-content .img img {position: absolute;height: 100%;max-width: none;top: 50%;left: 50%;transform: translate(-50%, -50%);}
/*.main_contents .sec5 .staff_career .career-content .info {position:relative; float:left; width:60%; height:100%; background:#6b7487; color:#fff; padding:3%; margin-left:40%; overflow-y:auto;}*/
.main_contents .sec5 .staff_career .career-content .info {position: relative;float: right;width: 54%;height: 100%;padding: 3%;background: #6b7487;color: #fff;overflow-y: auto;}
.main_contents .sec5 .staff_career .career-content .info .logo {margin:20px 0 40px;}
.main_contents .sec5 .staff_career .career-content .info .name {}
.main_contents .sec5 .staff_career .career-content .info .name h5 {font-size:31px; font-weight:600; margin-bottom:10px;}
.main_contents .sec5 .staff_career .career-content .info .name .specialty {display:none; padding:4px 10px; min-width:151px; border-radius:14px; font-size:15px; color:#484848; font-weight:300; background:#fff; border:1px solid #4d4e50; text-align:center;}
.main_contents .sec5 .staff_career .career-content .info .info_box {margin-top:20px;}
.main_contents .sec5 .staff_career .career-content .info .info_box h6 {font-size:23px; font-weight:300; letter-spacing:-0.05em; padding-bottom:15px; border-bottom:1px solid #acb1ba;}
.main_contents .sec5 .staff_career .career-content .info .info_box .text {padding:10px 0; font-size:17px; font-weight:300; line-height:160%;}

.main_contents .sec5 .staff_career .career-content .week_schedule {}
.main_contents .sec5 .staff_career .career-content .week_schedule h6 {border-bottom:0;}
.main_contents .sec5 .staff_career .career-content .week_schedule .week_schedule_btn{ width:141px; font-size:15px; text-align:center; color:#fff; border:1px solid #fff; border-radius:20px; display:block; padding:6px 0 8px 0; }
.main_contents .sec5 .staff_career .career-content .week_schedule .tb_wrap {}
.main_contents .sec5 .staff_career .career-content .week_schedule table {width:100%; background:#3f4a61; border:2px solid #a3a9b3; table-layout: fixed;}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody {}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr {}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th {color:#defeff; font-weight:300; letter-spacing: -.05rem; font-size:16px; border-left:1px solid #737c8c;border-bottom:1px solid #737c8c;padding: .5rem;word-break: break-all;font-size: .8rem;vertical-align: middle;;}
/*20200826_기존주석처리.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th.month {position:relative; text-align:left; line-height:180%;}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th.month .tit {position:absolute; top: calc(42% - 28px); left: calc(39% - 36px); letter-spacing:0.2em;}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th.month .tit strong {display:block; font-size:37px; font-weight:300; margin-top:5px; letter-spacing:-0.03em;}*/
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(1)
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(2),
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(3),
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(4),
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(5),
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(6),
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(7),
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(8) {width:12.5%; padding: .5rem;word-break: break-all;font-size: .8rem;letter-spacing: -.05rem;ertical-align: middle;;}

/*20200826_기존주석처리.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(7) {width:9%;}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(8) {width:15%;}*/
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr td {color:#fff; font-weight:300; font-size: .8rem;letter-spacing: -.05rem; padding:15px 0; /*letter-spacing:-0.025em;font-size:17px;*/ text-align:center; border-left:1px solid #737c8c; border-bottom:1px solid #737c8c;vertical-align: middle;}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr td b {font-weight:400; color:#fff;}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr td b.blue {color:#defeff !important;}
.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr td b.yellow {color:#f8f099 !important;}


.main_contents .sec5 .staff_modal_back {display:none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5);}

	@media (max-width:1419px) {
		.main_contents .sec5 .medical_staff .title h3 {font-size:200%;}
		.main_contents .sec5 .medical_staff .title p {font-size:120%;}

		.main_contents .sec5 .medical_staff .conts {padding:0 1%;}
		.main_contents .sec5 .medical_staff .conts .swiper-button-prev {left:-1%;}
		.main_contents .sec5 .medical_staff .conts .swiper-button-next {right:-1%;}

		.main_contents .sec5 .medical_staff .conts .staff .info h4 {font-size:140%;}
		.main_contents .sec5 .medical_staff .conts .staff .info dl dt {font-size:110%;}
		.main_contents .sec5 .medical_staff .conts .staff .info dl dd {font-size:90%;}
		.main_contents .sec5 .medical_staff .conts .staff .info .more {font-size:80%;}
	}

	@media (max-width:1199px) {
		.main_contents .sec5 .medical_staff .title h3 {font-size:180%;}
		.main_contents .sec5 .medical_staff .title p {font-size:110%;}

		.main_contents .sec5 .medical_staff .conts .staff .info h4 {font-size:130%;}
		.main_contents .sec5 .medical_staff .conts .staff .info dl dt {font-size:100%;}
		.main_contents .sec5 .medical_staff .conts .staff .info dl dd {font-size:90%;}
		.main_contents .sec5 .medical_staff .conts .staff .info .more {font-size:80%;}

		.main_contents .sec6 .news .conts .box ul li .info h5 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
		.main_contents .sec6 .news .conts .box ul li .info p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	}

	@media (max-width:999px) {
		.main_contents .sec5 .medical_staff .title h3 {font-size:160%;}
		.main_contents .sec5 .medical_staff .title p {font-size:100%;}


		.main_contents .sec5 .medical_staff .conts .staff .info h4 {font-size:120%;}
		.main_contents .sec5 .medical_staff .conts .staff .info dl dt {font-size:100%;}
		.main_contents .sec5 .medical_staff .conts .staff .info dl dd {font-size:90%;}
		.main_contents .sec5 .medical_staff .conts .staff .info .more {font-size:80%;}
	}

	@media (max-width:799px) {
		.main_contents .sec5 .medical_staff .title h3 {font-size:140%;}

		.main_contents .sec5 .medical_staff .conts .swiper-pagination .swiper-pagination-bullet {width:15px; height:15px;}

		.main_contents .sec5 .medical_staff .conts .staff .info h4 {font-size:110%;}
		.main_contents .sec5 .medical_staff .conts .staff .info dl dt {font-size:90%;}
		.main_contents .sec5 .medical_staff .conts .staff .info dl dd {font-size:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 .5rem;}

		.main_contents .sec5 .staff_career .career-content .img {position: absolute;float: none;width: 100%;height: 50%;overflow: hidden;z-index: 9;}
		.main_contents .sec5 .staff_career .career-content .img img {position: absolute;height: auto;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
		.main_contents .sec5 .staff_career .career-content .info {float: none;width: 100%;height: 100%;padding-top: 26rem;overflow-y: auto;}
		.main_contents .sec5 .staff_career .staff_close {top: 1rem; right: 1rem; background: rgb(0 0 0 / 30%) url(../images/sub/close.png) center no-repeat;z-index: 11;}
		.main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr td {padding: 15px 5px;}
        .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th {font-size: .8rem;width:auto;padding: 16px 2px;word-break: break-all;font-size: .8rem;letter-spacing: -.05rem;}
        .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(1) .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(2), .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(3), .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(4), .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(5), .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(6), .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(7), .main_contents .sec5 .staff_career .career-content .week_schedule table tbody tr th:nth-child(8) {font-size: .8rem;width:auto;padding: 16px 2px;word-break: break-all;font-size: .8rem;letter-spacing: -.05rem;}
	}

@media (max-width:599px) {
	.main_contents .sec5 .staff_career .career-content .week_schedule table {width:100%; table-layout: fixed;}
	.main_contents .sec5 .staff_career .career-content {width:calc(85% - 1px); height:calc(100% - 2%);}
	.main_contents .sec5 .staff_career .career-content .info {float: none;width: 100%;height: 100%;padding-top: 20rem;overflow-y: auto;}
	}




/* NEWS */
.main_contents .sec6 {}
.main_contents .sec6 .news {padding:100px 0;}
.main_contents .sec6 .news .title {margin-bottom:50px;}
.main_contents .sec6 .news .title h3 {font-size:31px; letter-spacing:-0.075em; text-align:center; color:#282828; font-weight:400;}
.main_contents .sec6 .news .title h3 b {font-weight:600;}
.main_contents .sec6 .news .conts {display:block; overflow:hidden;}
.main_contents .sec6 .news .conts .box {position:relative; float:left; width:48%; background:#fff; border-radius:10px; box-shadow: 0px 0 15px rgba(0,0,0,0.05); padding:20px; margin:20px 1%;}
.main_contents .sec6 .news .conts .box h4 {position:relative; top:-40px; width:180px; padding:10px 0; color:#fff; font-size:17px; letter-spacing:-0.05em; text-align:center; border-radius:19px;}
.main_contents .sec6 .news .conts .box ul {display:block; overflow:hidden;}
.main_contents .sec6 .news .conts .box ul li {margin-bottom:28px;}
.main_contents .sec6 .news .conts .box ul li .img {display:inline-block; width:210px; height:155px; border-radius:5px; vertical-align:top; text-align:center; overflow:hidden;}
/*.main_contents .sec6 .news .conts .box ul li .img img {width:100%;}*/
.main_contents .sec6 .news .conts .box ul li .img img {background-color: white;text-align: center;margin: 0 auto;object-fit: contain;display: inline-block;left: 50%;top: 50%;width: auto;max-width: 100%;max-height: 100%;background: #fff;	border: #eeeeee solid 1px;}
.main_contents .sec6 .news .conts .box ul li .info {display:inline-block; width:calc(100% - 230px); color:#444; margin-left:10px;}
.main_contents .sec6 .news .conts .box ul li .info h5 {font-size:21px; letter-spacing:-0.1em; margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_contents .sec6 .news .conts .box ul li .info .writer_info {font-size:16px; letter-spacing:-0.05em; margin-bottom:55px;}
.main_contents .sec6 .news .conts .box ul li .info .writer_info span {display:inline-block; margin-right:5px; font-weight:300;}
.main_contents .sec6 .news .conts .box ul li .info .writer_info span.writer {font-weight:400;}
.main_contents .sec6 .news .conts .box ul li .info p {font-size:15px; font-weight:300; letter-spacing:-0.05em; line-height:160%;}
.main_contents .sec6 .news .conts .box .more {position:absolute; top:-17px; right:19px; width:38px; height:38px; background:url('../images/plus.png') center no-repeat; font-size:0;}

.main_contents .sec6 .news .conts .happy_eye h4 {background:#2b84d5;}
.main_contents .sec6 .news .conts .newpaper h4 {background:#77d3d6;}

	@media (max-width:1419px) {
		.main_contents .sec6 .news .title h3 {font-size:200%;}
		.main_contents .sec6 .news .conts .box h4 {font-size:110%}
		.main_contents .sec6 .news .conts .box ul li .info h5 {font-size:130%;}
		.main_contents .sec6 .news .conts .box ul li .info .writer_info {font-size:100%;}
		.main_contents .sec6 .news .conts .box ul li .info p {font-size:90%;}
	}

	@media (max-width:1199px) {
		.main_contents .sec6 .news {padding:60px 0;}
		.main_contents .sec6 .news .title h3 {font-size:180%;}
		.main_contents .sec6 .news .conts .box h4 {font-size:100%}
		.main_contents .sec6 .news .conts .box ul li .img {width:40%; height:15vmin;}
		.main_contents .sec6 .news .conts .box ul li .info {width:calc(59% - 10px);}
		.main_contents .sec6 .news .conts .box ul li .info h5 {font-size:120%;}
		.main_contents .sec6 .news .conts .box ul li .info .writer_info {margin-bottom:10px; font-size:90%;}
	}


	@media (max-width:999px) {
		.main_contents .sec6 .news .title h3 {font-size:160%;}
		.main_contents .sec6 .news .conts .box {width:98%;}
		.main_contents .sec6 .news .conts .box ul li .img {height:26vmin;}
		.main_contents .sec6 .news .conts .box ul li .info .writer_info {margin-bottom:50px;}
		.main_contents .sec6 .news .conts .newpaper {margin-top:50px;}
	}
	
	@media (max-width:799px) {
		.main_contents .sec6 .news .conts .box ul li {width: 48%;margin: 0 1%;float: left;}
		.main_contents .sec6 .news .conts .box ul li .info .writer_info span.writer {display: block;}
		.main_contents .sec6 .news .conts .box ul li .info h5 {font-size: 110%;letter-spacing: -.15rem;}
	}

	@media (max-width:699px) {
		.main_contents .sec6 .news .title {margin-bottom:40px;}
		.main_contents .sec6 .news .title h3 {font-size:140%;}
		.main_contents .sec6 .news .conts .box ul li .img {width:100%; height:auto; margin-bottom:20px;}
		.main_contents .sec6 .news .conts .box ul li .info {width:100%;}
		.main_contents .sec6 .news .conts .box ul li .info .writer_info {margin-bottom:20px;}
		.main_contents .sec6 .news .conts .box .more {width:30px; height:30px; background-size:contain; top:-15px;}
	}


/*20200814_메인비쥬얼 이미지를 변경하기위한 미디어 쿼리*/
    @media (max-width:999px) {
    }

	@media screen and (max-width: 768px) {
	    .hidden-sm {
	        display: none !important; // use important to override other styles
	    }
	    .show-sm {
	        display: block !important; // use important to override other styles
	    }
	}


    @media screen and (min-width: 768px) {
	    .hidden-sm {
	        display: block !important; // use important to override other styles
	    }
	    .show-sm {
	        display: none !important; // use important to override other styles
	    }
	}


@media (max-width:799px) {
    #divpop table {width:100%; height:auto;}
	.event_pop tr {width:300px;}

}
    
@media (max-width:599px) {
    #divpop table {width:100%; height:auto;}
    }

/*시력교정체험기_스포츠스타*/
.main_contents .sec7 {padding: 6rem 0 0 0;}
.main_contents .sportsstar_review {background: url(../images/sportsstar_review_bg.jpg) no-repeat;width: 100%;min-height:485px;text-align: center;display: inline-block;vertical-align: middle;}
.main_contents .sportsstar_review .txt{background:rgba(7,107,210,0.9);width:45%; min-height:485px;color:#fff; text-align:left; margin-left:20%; padding:5% 5% 0 5%; font-size:170%;}
.main_contents .sportsstar_review .txt h3{font-size:190%; line-height:1.2;}
.main_contents .sportsstar_review .txt h3 span{display:block;}
.main_contents .sportsstar_review .txt h3 em{font-size:60%;font-weight: 300; margin-bottom:10px;    display: inline-block;}
.main_contents .sportsstar_review .txt p{color:rgba(255,255,255,0.8); margin-top:20px;line-height:1.4;}
.main_contents .sportsstar_review .txt p span{display:block;}
.main_contents .sportsstar_review .txt a{background:#222; color:#fff; font-size:20px; padding:12px 40px 17px 40px;float: right;margin-top: 35px;}


    @media (max-width:1199px) {
	.main_contents .sportsstar_review {min-height:400px;}
	.main_contents .sportsstar_review .txt{font-size:140%; min-height:400px;}
	

    }

	@media (max-width:999px) {
	.main_contents .sportsstar_review {min-height:400px;}
	.main_contents .sportsstar_review .txt{font-size:120%; min-height:400px;width:55%; margin: 0 auto; float:right;}
	.main_contents .sportsstar_review .txt a{float:left;}
	}


    @media screen and (min-width: 768px) {



	}


	@media (max-width:799px) {

	.main_contents .sportsstar_review {min-height:400px;    background-size: cover;}
	.main_contents .sportsstar_review .txt{font-size:100%; min-height:400px;width:55%; margin-left:0px;}
	.main_contents .sportsstar_review .txt a{font-size:15px;margin-top: 15px;}


	}
		
	@media (max-width:599px) {

	.main_contents .sportsstar_review {min-height:auto;    background-size: contain;padding-bottom: 30%;background-position: bottom;}
	.main_contents .sportsstar_review .txt{font-size:70%; min-height:auto;width:100%; margin-left:0px;    overflow: hidden;background: rgba(7,107,210,1);padding: 5%;}
.main_contents .sportsstar_review .txt h3 span, .main_contents .sportsstar_review .txt p span{display:inline;}
.main_contents .sportsstar_review .txt p{font-size:14px;}

		}








/*20201014_추가css*/
.countnumber {background: url(../images/nember_bg.jpg) center no-repeat;background-size: cover;margin: 5rem auto 0;padding: 3rem 0 2rem 0;/* width: 1600px;*/text-align: center;}
.countnumber h3 {font-size: 43px;letter-spacing: -0.05em;color: #ffffff;font-weight: 400;margin-bottom: 50px;text-align: center;/*padding: 2rem 0 0 0;*/}
.countnumber .countnumber_list {display: inline-flex; width: 100%;}
.countnumber .countnumber_list li {float: left;width: 288px;height: 288px;color: #fff;vertical-align: top;text-align: center;padding: 50px 20px;margin: 0 31px;background: #fff;}
.countnumber .countnumber_list li img {margin: 1rem 0 .1rem;}
.countnumber .countnumber_list li h4 {margin: 1rem 0 1rem 0;font-size: 2.5rem;font-weight: 900;letter-spacing: -.15rem; color: #132e5d;font-family:'NanumSquare'}
.countnumber .countnumber_list li p {font-size: 1.2rem; color:#484848}
.countnumber .Remark {text-align: right;color: #f6f6f6a3;margin: 2.25rem auto 0;width: 1340px;}


@media (max-width:1419px) {
	.countnumber {width: auto;}
	.countnumber .Remark {width: auto; margin-right: 2rem;}
	.countnumber .countnumber_list li {width:20%; height:0; padding-bottom:22.2%; margin:0 2.5%;}
}

@media (max-width:1199px) {
	.countnumber .countnumber_list li {padding-bottom: 21.2%;}
	.countnumber .countnumber_list li img {margin: 0 auto;}
}

@media (max-width:999px) {
	.countnumber .Remark {width: auto; margin-right: 1rem;}
	.countnumber .countnumber_list {display: inline-block;}
	.countnumber .countnumber_list li {width:48%; margin:1%; box-shadow:none;}
	.countnumber .countnumber_list li h4 {font-size:2rem; margin: 1rem 0 1rem 0;}
	.countnumber h3 {font-size: 2.5rem;}
}

@media (max-width:799px) {
	.countnumber .countnumber_list li {padding-bottom:34%;}
	.countnumber .countnumber_list li h3 {margin-bottom:20px;}
	.countnumber h3 {font-size: 1.5rem;}
	.countnumber .countnumber_list li h4 {margin: .5rem 0 .5rem 0;}
	.countnumber .countnumber_list li img {margin-top: -2rem;width: 50%;}

}

@media (max-width:699px) {
	.countnumber .countnumber_list li {width:48%; padding-bottom:1.8rem; height:auto;}
	.countnumber .countnumber_list li p {font-size:90%;}
}


/*
.count_result {background: #f1f1f1;text-align: center; margin: 0 auto;height: 130px;line-height: 130px;display: inline-block;width: 100%;vertical-align: middle;}
.count_result .count_result_l {width: 50%;text-align: center; float: left;}
.count_result .count_result_l h3 {font-size: 31px;letter-spacing: -0.05em;color: #282828;font-weight: 400;}
.count_result .count_result_r {width: 50%;text-align: center;float: left;}
.count_result .count_result_r span {font-size: 31px;letter-spacing: -0.05em;color: #282828;font-weight: 400;}
.count_result .count_result_r span b {background: #014693;padding: .2rem 1rem;border-radius: .5rem;color: #fff;}

@media (max-width:1419px) {
	.count_result {width: 100%;}
}

@media (max-width:1199px) {
	.count_result {height: 100px;line-height: 100px;}
	.count_result .count_result_l h3 {font-size: 1.5rem; letter-spacing: -.15rem;}
	.count_result .count_result_r span {font-size: 1.5rem; letter-spacing: -.15rem;}
}

@media (max-width:999px) {
	.count_result {background: #f1f1f1;}
	.count_result {width: 100%; height: 100%;}
	.count_result .count_result_l {width: 100%;}
	.count_result .count_result_l h3 {margin-bottom: 0;}
	.count_result .count_result_r { width: 100%;}
}

@media (max-width:799px) {
	.count_result {background: #f1f1f1;height: auto;}
	.count_result .count_result_l {height: 70px;}
	.count_result .count_result_l h3 {font-size: 1.15rem; height: 70px;margin: -1rem 0;}
	.count_result .count_result_r {line-height: 70px;margin-top: -1rem;}
	.count_result .count_result_r span {font-size: 1.15rem;}
	.count_result .count_result_r span b {padding: .1rem .5rem;}
}*/

/* 수정 후 */
.count_result {background:url(../images/count_result_bg.jpg) no-repeat; padding:4%; width:100%; height:339px; text-align: center; margin: 0 auto; margin-top:5%; line-height: 3.5em;display:flex;align-items:center;justify-content:center;vertical-align: middle;}
.count_result .count_result_l {width: 100%;text-align: center; color:#fff; letter-spacing: -0.05em; margin-bottom:2%; text-shadow:2px 2px 10px rgba(0,0,0,0.7); word-break:keep-all }
.count_result .count_result_l h3 {font-size: 45px;font-weight: 400;}
.count_result .count_result_l p {font-size: 28px; font-weight:300}
.count_result .count_result_r {width:35%; margin:0 auto; background:rgba(255,255,255,.7);border-radius:10px;}
.count_result .count_result_r span {font-size:20px;letter-spacing: -0.05em;color: #282828;font-weight:600;}
.count_result .count_result_r span b {background: #014693;padding: .2rem 1rem;border-radius: .5rem;color: #fff;}

@media (max-width:1419px) {

}

@media (max-width:1199px) {
	.count_result .count_result_l h3 {font-size: 2.2rem; letter-spacing: -.15rem;}
	.count_result .count_result_l p {font-size: 1.5rem; letter-spacing: -.15rem;}
	.count_result .count_result_r{ width:50%; }
	.count_result .count_result_r span {font-size: 1.2rem; letter-spacing: -.15rem;}
}

@media (max-width:999px) {
	.block {display:block}
	.count_result {padding:6%}
	.count_result .count_result_r{ width:60%; }
}

@media (max-width:799px) {
	.count_result {padding:6% 0; height:300px}
	.count_result .count_result_l h3 {font-size: 2rem;}
	.count_result .count_result_l p {font-size: 1.3rem;}
	.count_result .count_result_r span {font-size: 1.1rem;}

}

@media (max-width:599px) {
	
	.count_result {padding:6% 2%;height:250px}
	.count_result .count_result_l h3 {font-size: 1.4rem; letter-spacing:-0.04em; line-height:1.5em;}
	.count_result .count_result_l p {font-size: 1rem; letter-spacing:-0.04em; line-height:1.8em}
	.count_result .count_result_r{ width:100%; line-height:2.8em; }
	.count_result .count_result_r span {font-size: .9rem; letter-spacing:-0.04em;}

}

/* 유튜브 */
.youtube_link {padding: 5rem 0;}
.youtube_link .container ul {display: inline-block;margin: 3rem 0;}
.youtube_link .container ul li {float: left;width: 330px;margin-right:26px;color: #fff;vertical-align: top;text-align: center;background: #fff;}
.youtube_link .container ul li:first-child {margin-left: 0;}
.youtube_link .container ul li:last-child {margin-right: 0;}
.youtube_link .container ul li h3 {font-size: 1.2rem;padding: 1rem 0;color: #484848;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 300;letter-spacing: -.05rem;}

@media (max-width:1419px) {
	.youtube_link .container ul {margin: 2rem auto;}
	.youtube_link .container ul li {width:24%; margin:0 0.5%;}
	.youtube_link .container ul li:first-child {margin-left: auto;}
	.youtube_link .container ul li:last-child {margin-right: auto;}
}

@media (max-width:1199px) {

}

@media (max-width:999px) {
	.youtube_link .container ul {margin: 2rem auto;}
	.youtube_link .container ul li {width:48%; margin:1%; box-shadow:none;}
	.youtube_link .container ul li h3 {width: 80%;margin: 0 auto;font-size: 1.1rem;}
}

@media (max-width:799px) {
	.youtube_link .container ul li {width:48%; margin:1%;  height:auto;}
	.youtube_link .container ul li h3 {width: 100%;margin: 0 auto;font-size: 1rem;}
}


@media (max-width:599px) {
.youtube_link {padding:3rem 0;}
}

/* CM송 수상작 */
.cm_event{padding-bottom:5rem;}
.cm_event .container ul {display: inline-block;margin: 3rem 0;}
.cm_event .container ul li {float: left;width: 449px;margin-right:26px;text-align: center;}
.cm_event .container ul li:last-child {margin-right: 0;}

@media (max-width:1419px) {

.cm_event .container ul li {width:32.6%;margin-right:1%;}

}

@media (max-width:1199px) {

}

@media (max-width:999px) {
}

@media (max-width:799px) {
.cm_event .img-fill img{height:40px;}
.cm_event .container ul li {width:48%;margin:1%;}

}


@media (max-width:599px) {
.cm_event{padding-bottom:3rem;}
.cm_event .container ul {margin: 2rem 0;}
.cm_event .img-fill img{height:30px;}

}