@charset "utf-8";

/* 병원소개 */
	.info .promise{ padding: 0 0 3% 0; }
	.info .promise h1{ padding: 0 0 3% 0; font-weight: 500; }
	.info .promise li{ padding: 0 0 5% 0; }
	.info .together{ padding: 130px 0 0 40%; background: url("../../img/01_eyecity/info_img05.png") 0 0 no-repeat ; }
	.info .together .video_wrap{ max-width: 830px; }
	.info .slogan{ padding: 5% 0 0 0; }
	.info .slogan li{ float: left; width: 30%; padding: 3% 0; text-align: center; border: 10px solid #dcdcdc; }
	.info .slogan li:nth-child(2){ margin: 0 5%; }
	.info .slogan li .img{ padding: 10px 0; }
	.info .slogan li h1{ font-weight: 700; }
	@media ( max-width: 1200px) {

	}
	@media ( max-width: 960px) {
		.info .promise h1{ padding: 0 10px 5% 10px; }
		.info .promise li{ padding: 0 10px 5% 10px; }
		.info .promise h3{ margin: 0; padding: 10px; font-weight: 700; }
		.info .promise p{ padding: 0 10px; }
		.info .together{ padding: 0; background: none ; }
		.info .together .video_wrap{ max-width: 100%; }
		.info .slogan{ padding: 5% 10px 0 10px; }
		.info .slogan li{ width: 100%; padding: 10% 0; }
		.info .slogan li:nth-child(2){ margin: 5% 0; }
		.info .slogan li img{ width: auto !important; }
	}
	@media ( max-width: 480px) {

	}


/* 의료진 소개 */
	.doctor{ text-align: center; }
	.doctor h1{ margin: 0; font-size: 3em; line-height: 1.3em; letter-spacing: -2.5px; }
	.doctor h5 { margin: 0; padding: 2em 0; line-height: 1.8em; color: #666; }
	.doctor .doctor01 li:nth-child(1){ background: url('../../img/01_eyecity/doctor_img01.png') center no-repeat; height: 940px; }
	.doctor .doctor01 li:nth-child(2){ background: url('../../img/01_eyecity/doctor_img02.png') center no-repeat; height: 822px; }
	.doctor .doctor02 li:nth-child(1){ background: url('../../img/01_eyecity/doctor_img03.png') center no-repeat; height: 940px; }
	.doctor .doctor02 li:nth-child(2){ background: url('../../img/01_eyecity/doctor_img04.png') center no-repeat; height: 822px; }
	.doctor .doctor03 li:nth-child(1){ background: url('../../img/01_eyecity/doctor_img05.png') center no-repeat; height: 940px; }
	.doctor .doctor03 li:nth-child(2){ background: url('../../img/01_eyecity/doctor_img06.png') center no-repeat; height: 822px; }
	@media (max-width: 960px){
		.doctor .doctor01, .doctor .doctor02, .doctor .doctor03{ display: none; }
		.doctor ul li{ text-align: left; }
		.doctor li > div{ padding: 2em 10px; }
		.doctor li i{ font-weight: 100; }
		.doctor li h1{ padding: 0 0 20px 0; font-weight: 300; }
		.doctor li span{ display: inline-block; margin: 0 0 10px 0; padding: 5px 20px; color: #fff; background: #597bba; }
		.doctor li p{ position: relative; padding: 0 0 0 10px; }
		.doctor li p:before{ content: "·"; position: absolute; left: 0; }
		.doctor li h6{ font-size: 1.5em; line-height: 1.8em; color: #666; }
	}

/* 진료시스템 > 첨단의료장비 */
.equipment > div{overflow: hidden; margin: 0 0 7% 0}
.equipment > div:last-of-type{margin: 0}
.equipment > div > div{float: left;}
.equipment > div > div.img{width: 30%; border: 1px solid #f1f1f1}
.equipment > div > div.txt{width: 70%; padding: 0 0 0 5%;}
.equipment > div > div.txt a{margin: 3% 0 0 0}
.equipment > div > div.txt h2{ font-weight: 500;}
.equipment > div > div.txt h2 span{color: #999490; font-size: 0.8em; margin: 0 0 0 16px}
.equipment > div:nth-of-type(1) > div.txt{background: url('/img/common/number01.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(2) > div.txt{background: url('/img/common/number02.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(3) > div.txt{background: url('/img/common/number03.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(4) > div.txt{background: url('/img/common/number04.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(5) > div.txt{background: url('/img/common/number05.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(6) > div.txt{background: url('/img/common/number06.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(7) > div.txt{background: url('/img/common/number07.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(8) > div.txt{background: url('/img/common/number08.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(9) > div.txt{background: url('/img/common/number09.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(10) > div.txt{background: url('/img/common/number10.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(11) > div.txt{background: url('/img/common/number11.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(12) > div.txt{background: url('/img/common/number12.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(13) > div.txt{background: url('/img/common/number13.png') no-repeat top left 5%;}
.equipment > div:nth-of-type(14) > div.txt{background: url('/img/common/number14.png') no-repeat top left 5%;}

.secure_system .txt{text-align: center; }
.secure_system .div03{margin: 3% 0 0 0;}
.secure_system .div03 > div{padding: 1%}
.secure_system .div03 .txt{padding: 16px 0 0 0}

@media ( max-width: 768px) {
		.equipment > div > div{width: 100% !important}
		.equipment > div > div.txt{padding: 6% 4% 0 4%; background-size: 40px !important; background-position: top 8% left !important;}
	}



/* 진료시간 */
#eyecity.office_hours .div02 > div{ padding: 0 2%}
#eyecity.office_hours .hours{padding: 0 0 6% 0}
#eyecity.office_hours .hours table th{padding: 4% 2%; font-size: 1.2em}
#eyecity.office_hours .hours table td{padding: 4% 3% 4% 3%; font-size: 1.2em; border-left:0px}
#eyecity.office_hours .hours table tbody tr:nth-of-type(2n) td{color: #597bba; background: #fafafa}
#eyecity.office_hours .hours table td:last-child{text-align: center; font-size: 1.2em; color: #597bba; border-bottom:0 none;}/* [180320] 추가 */

#eyecity.office_hours .consult > div{padding: 4% 0; text-align: center; color: #fff;}
#eyecity.office_hours .consult > div i{margin: 0 10px 0 0}
#eyecity.office_hours .consult > div h3{ font-weight: 200 }
#eyecity.office_hours .consult > div p{color: #fff; font-size: 2em; line-height: 1em; font-weight: 500}
#eyecity.office_hours .consult > div:nth-of-type(1){background:#597bba;}
#eyecity.office_hours .consult > div:nth-of-type(2){background:rgba(153,149,142,0.70);}

	@media ( max-width: 768px) {
		#eyecity.office_hours .img{margin: 0 0 3% 0}
		#eyecity.office_hours .div02 > div{ width: 100%}
	}

/* 위치 */
#eyecity.position .map_wrap{padding: 0 0 3% 0}
#eyecity.position .map_wrap .map{height: 500px; overflow: hidden; margin: 0 0 3% 0}
#eyecity.position .map_wrap .name{border-bottom: 2px solid #e7e7e7; padding: 0 0 1.8% 0; margin: 0 0 2% 0; overflow: hidden;}
#eyecity.position .map_wrap .txt h2{ color: #597bba; font-weight: 500;  font-size: 1.5em;}
#eyecity.position .map_wrap .txt .address_wrap{display: table; width: 100%; }
#eyecity.position .map_wrap .txt .address { display: table-row; width: 100%;}
#eyecity.position .map_wrap .txt .address > span {display: table-cell; padding: 0 0 2% 0}
#eyecity.position .map_wrap .txt .address span.title{ position: relative; width: 13%; min-width: 30px; font-weight: 500;}
#eyecity.position .map_wrap .txt .address span.title:after{content: ""; position: absolute; right: 0; top: 3px; height: 15px; width: 1px; background: #ddd;}
#eyecity.position .map_wrap .txt .address span.contents{ padding: 0 0 3% 4%; /*  color: #99948f  */}

.position .directions h3{font-weight: 500; border-bottom: 2px solid #e7e7e7; padding: 0 0 1.5% 0; color: #597bba}
.position .directions h4{font-weight: 300; background: url('/img/common/dot.png')no-repeat top 8px left; padding: 0 0 0 16px; margin: 3% 0 0 0;}
.position .directions .park{padding:5% 0 0 0}
.position .directions ul li{padding: 12px 0}
.position .directions .div02 > div:first-of-type{padding: 0 30px 0 0}
.position .directions .contents li{padding: 1.5% 0 0 17px; /* color: #999490 */}

.position .directions .contents li span{ display: inline-block; color: #fff; font-size: 0.8em; border-radius: 4px; padding: 2px 5px; margin: 0 8px 0 0;}
.position .directions .contents li span.general{ background: #50cd23}
.position .directions .contents li span.express{ background: #f22931}

@media ( max-width: 960px) {
	#eyecity.position .map_wrap .map{height: 300px}
	#eyecity.position .map_wrap .txt .address span.title{ width: 22%; }
	.position .directions .div02 > div{ width: 100%}
	.position .directions .subway{margin: 5% 0 0 0}
}

/* 병원 둘러보기 */
	.photo_view { max-width: 1200px; margin: 0 auto; }
	.photo_view img{ width: 100%;  }
	.photo_view .slider-for{ padding: 0 12px 10px 12px; }
	.photo_view .slider-for .slick-prev { left:-60px; width: 119px; height: 70px; background: url(/2021/img/center_prev.png); transition: .3s all;
    -webkit-transition: .3s all; }
    .photo_view .slider-for .slick-next { right:-60px; width: 119px; height: 70px; background: url(/2021/img/center_next.png);transition: .3s all;
    -webkit-transition: .3s all; }
	.photo_view .slider-for .slick-prev:hover{ left:-90px; }
	.photo_view .slider-for .slick-next:hover{ right:-90px; }
	.photo_view .slider-for .slick-prev:before{ display: none; }
	.photo_view .slider-for .slick-next:before{ display: none; }
	.photo_view .slider-nav .slick-slide span{ display: block; margin:0 10px; border: 3px solid #fff; }
	.photo_view	.slider-nav .slick-current span{ display: block; border: 3px solid #eb6100; }
	/*.photo_view .slider-nav div{ padding: 0 5px; }*/
	.photo_view .draggable{ padding: 0 !important; }


/* 진료 시스템 */
	#eyecity.detail_test ul{overflow: hidden}
	#eyecity.detail_test ul li {display: block; width: 25%; float: left; }
/* 	#eyecity.detail_test ul li > div img{opacity: 0.3;} */
	#eyecity.detail_test ul li > div{width:240px; /* height: 240px; border-radius: 50%; background: #f7f7f7; */ text-align: center; margin: 0 auto 30px auto; position: relative;}

	#eyecity.detail_test ul li > div:after{content: url(/img/01_eyecity/system_arrow_right.png); display: block; position:absolute; top: 110px; right: -16%; }

	#eyecity.detail_test ul:nth-of-type(2n-1) > li:last-child div:after{content: ""; display: none}
/*	#eyecity.detail_test ul:nth-of-type(2n-1) > li:last-child div:before{content: url(/img/01_eyecity/system_arrow_down.png); display: block; position: absolute; bottom: -40px; left: 0; right: 0;}*/

	#eyecity.detail_test ul:nth-of-type(2n) > li:last-child div:after{content: ""; display: none}

	#eyecity.detail_test ul:last-of-type > li:last-child div:before{content: ""; display: none}

	/* #eyecity.detail_test ul:first-of-type > li:first-of-type div, #eyecity.detail_test ul:last-of-type > li:last-of-type div{background: #597bba; color: #fff}
	#eyecity.detail_test ul:first-of-type > li:first-of-type div b, #eyecity.detail_test ul:last-of-type > li:last-of-type div b{color: #fff}
	#eyecity.detail_test ul:first-of-type > li:first-of-type div dl, #eyecity.detail_test ul:last-of-type > li:last-of-type div dl{top: 40%}

	#eyecity.detail_test ul li > div dl{ position: absolute; top: 30%; left: 0; right: 0; z-index:1; margin: 0 auto; padding: 0 20px;} */
	#eyecity.detail_test ul li > div dl{ padding: 20px;}

	#eyecity.detail_test ul li dl dt{display: block; margin: 0 0 8px 0; font-weight: 500;}
	#eyecity.detail_test ul li dl dd{font-size: 14px; color: #000;}
	#eyecity.detail_test ul li dl b{display: inline-block; position: relative; color: #597bba; font-size: 1.5em; padding: 0 10px; margin: 0 0 8px 0; font-weight: 600;}
	#eyecity.detail_test ul li dl b:after{content:""; position: absolute; bottom: -2px; left: 0; right: 0; margin: 0 auto; width: 100%; height: 8px; background: rgba(255,93,48,0.15)}


	@media ( max-width: 1280px) {
		#eyecity.detail_test ul li > div{width:210px; }
	}

	@media ( max-width: 960px) {
		#eyecity.detail_test ul li{width: 100%}
		#eyecity.detail_test ul li > div{width:220px; }

		#eyecity.detail_test ul li > div:after{content:""; display: none}
		#eyecity.detail_test ul li > div:before { content: url(/img/01_eyecity/system_arrow_down.png); display: block; position: absolute !important; bottom: -20px !important; left: 0 !important; right: 0 !important;}

		#eyecity.detail_test ul li dl dt{font-size: 16px; }
		#eyecity.detail_test ul li dl dd{font-size: 12px; color: #000;}

	}