#sub section{padding:130px 0}
#sub .bg01{background:#F8F9FA;}
#sub .subtop{height:300px;text-align:center;padding:100px 0;background-repeat:no-repeat;background-size:Cover;background-position:center center}
#sub .subtop .eng{opacity:0.1;letter-spacing:20px}
#sub .subtop01{background-image:url('/img/sub/subtop01.jpg')}
#sub .subtop02{background-image:url('/img/sub/subtop01.jpg')}
#sub .subtop03{background-image:url('/img/sub/subtop01.jpg')}
#sub .subtop04{background-image:url('/img/sub/subtop01.jpg')}
#sub .subtop05{background-image:url('/img/sub/subtop02.jpg')}
#sub .subtop06{background-image:url('/img/sub/subtop03.jpg')}
#sub .subtop07{background-image:url('/img/sub/subtop04.jpg')}
#sub .subtop08{background-image:url('/img/sub/subtop05.jpg')}

#sub .subTab {border-bottom:1px solid #e0e1e3}
#sub .subTab ul li{float:left;text-align:center}
#sub .subTab ul li a{display:block;padding:20px 0;font-size: 1.5rem;font-weight:300;color:#2B2C2E}
#sub .subTab ul li a.on{background:#F8F9FA;font-weight:700;}
#sub .subTab02 ul li{width:50%;}
#sub .subTab03 ul li{width:33.333%;}

#sub .checkTab {max-width:700px;margin:Auto;}
#sub .checkTab ul{overflow:hidden;border:1px solid #66839C;}
#sub .checkTab ul li{float:left;width:33.333%;text-align:center;}
#sub .checkTab ul li:nth-child(2){border-right:1px solid #66839C;border-left:1px solid #66839C}
#sub .checkTab ul li a{display:block;padding:20px 0;font-size: 1.1rem;color:#293846}
#sub .checkTab ul li a.on{background:#293846;color:#fff;}


#sub .nanum{color:#66839C;}
#sub .numWrap{position:relative;color:#2B2C2E;padding:20px 0 20px 30px;z-index:9}
#sub .numWrap:before{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);font-weight:800;font-size:4rem;color:#E0E1E3;z-index:-1}
#sub .numWrap.num01:before{content:'01';}
#sub .numWrap.num02:before{content:'02';}
#sub .numWrap.num03:before{content:'03';}
#sub .numWrap.num04:before{content:'04';}
#sub .numWrap.num05:before{content:'05';}
#sub .numWrap.num06:before{content:'06';}
#sub .numWrap.num07:before{content:'07';}

#sub .dot{position:Relative;padding:0 0 0 15px;}
#sub .dot:before{content:'·';position:absolute;display:Block;left:0}

#sub .bar{position:Relative;padding:0 0 0 15px;}
#sub .bar:before{content:'-';position:absolute;display:Block;left:0}

#sub .mark{position:Relative;padding:0 0 0 30px;}
#sub .mark:before{content:'';background:url('/img/sub/markIcon.png');width:18px;height:18px;position:absolute;display:Block;left:0;top:5px;}

#sub .gi .boxWrap{overflow:hidden;margin:30px 0 0 0}
#sub .gi .box01{float:left;width:25%}
#sub .gi .box02{float:right;width:73%}

#sub .justice .boxWrap{overflow:hidden;margin:50px 0 0 0}
#sub .justice .box01{float:left;width:45%}
#sub .justice .box02{float:right;width:50%;margin:60px 0 0 0}
#sub .justiceBg{background:url('/img/sub/emd/bgIcon.png') no-repeat right top}

#sub .cause .boxWrap{overflow:hidden}
#sub .cause .box01{float:left;width:25%}
#sub .cause .box02{float:right;width:75%;}
#sub .cause .box02 ul{overflow:hidden;margin:1.5% 0 0 0}
#sub .cause .box02 .number{border:4px solid #C4C4C4;padding:15px 25px;color:#58595B;font-size:1.1rem;}
#sub .cause .box02 .number span{margin:0 20px 0 0;}
#sub .cause .box02 .numHalf{width:49%;margin:0 0 20px 0;}
#sub .cause .box02 .numHalf:nth-child(even){float:right}
#sub .cause .box02 .numHalf:nth-child(odd){float:left}
#sub .cause .box02 .numHalf:last-child{margin:0}
#sub .cause .box02 .numEqual{float:left;width:32.3%;}
#sub .cause .box02 .numEqual:nth-child(2){margin:0 1.5%}

#sub .symptom {overflow:hidden;}
#sub .symptom .box01{float:left;margin:0 30px 0 0;background:#FFF;border-radius:100%;padding:30px;display:inline-block;}
#sub .symptom .box02{float:left;margin:40px 0 0 0;display:inline-block;}

#sub .symptopWrap {margin:100px 0 0 0}
#sub .symptom02{width:48%;}

#sub .diagnosis {overflow:hidden;margin:100px 0 0 0}
#sub .diagnosis .box01{float:left;width:50%}
#sub .diagnosis .box02{float:right;width:47%;}

#sub .cureWrap {overflow:hidden;margin:30px 0 0 0}
#sub .cure{position:relative;float:left;width:32.3%;min-height:340px;background:#F8F9FA;padding:40px 30px 20px 30px;border-top:3px solid #36B0C0;border-radius: 0px 0px 40px 40px;}
#sub .cureArrow:after{content:'';display:block;background:url('/img/sub/arrow.png') no-repeat;width:39px;height:25px;position:absolute;right:-7%;top:50%;transform:translateY(-50%);z-index:1;}
#sub .cure02{margin:0 1.5%}
#sub .cureWrap02 .txt{float:right;width:73%;margin:50px 0}
#sub .cureWrap02 ul{overflow:hidden;width:100%;}
#sub .cureWrap02 ul li{width:49%}
#sub .cureWrap02 ul li:nth-child(1){float:left;}
#sub .cureWrap02 ul li:nth-child(2){float:right;}

#sub .precautions .boxWrap{overflow:hidden;}
#sub .precautions .box01{float:left;width:25%}
#sub .precautions .box02{float:right;width:73%;background:#F8F9FA;padding:40px}

#sub .prevent ul{margin:30px 0 0 0;overflow:hidden}
#sub .prevent ul li{width:49%;margin:0 0 1% 0}
#sub .prevent ul li:nth-child(odd){float:left}
#sub .prevent ul li:nth-child(even){float:right}

#sub .kind table{width:100%;border-collapse:collapse;text-align:center;margin:30px 0 0 0}
#sub .kind table th, #sub .kind table td{padding:20px;}
#sub .kind table th{font-weight:700;border-top:2px solid #36B0C0;background:rgba(54, 176, 192, 0.05);border-right:1px solid #E0E1E3;}
#sub .kind table td{border-top:1px solid #E0E1E3;border-bottom:1px solid #E0E1E3;border-right:1px solid #E0E1E3;color:#2B2C2E}
#sub .kind table th:last-child, #sub .kind table td:last-child{border-right:none}

#sub .versus table{width:100%;border-collapse:collapse;text-align:center;margin:30px 0 0 0}
#sub .versus table th, #sub .versus table td{padding:20px;}
#sub .versus table th{font-weight:700;border-top:2px solid #36B0C0;background:rgba(54, 176, 192, 0.05);border-right:1px solid #E0E1E3;}
#sub .versus table td{border-top:1px solid #E0E1E3;border-bottom:1px solid #E0E1E3;border-right:1px solid #E0E1E3;}
#sub .versus table th:last-child, #sub .versus table td:last-child{border-right:none}

#sub .step {margin:30px 0 0 0}
#sub .step ul{overflow:hidden;}
#sub .step ul li{position:relative;float:left;width:25%;}
#sub .step ul li:after{content:'';display:block;background:url('/img/sub/arrow.png') no-repeat;width:39px;height:25px;position:absolute;top:35%;right:7%;z-index:1;}
#sub .step ul li:last-child:after{display:none}

#sub .medicalCheck {margin:70px 0 0 0}
#sub .medicalCheck table{color:#2B2C2E;width:100%;border-collapse:collapse;border-top:2px solid #36B0C0;text-align:center;}
#sub .medicalCheck table th{background:#F8F9FA;font-weight:700;border-right:1px solid #E0E1E3;border-bottom:1px solid #E0E1E3;padding:20px;min-width:325px;max-width:325px}
#sub .medicalCheck table td{padding:20px 40px;border-right:1px solid #E0E1E3;border-bottom:1px solid #E0E1E3;}
#sub .medicalCheck table td:last-child{border-right:none}
#sub .medicalCheck table .border{border-right:1px solid #E0E1E3 !important;}
#sub .medicalCheck table span{margin:0 0 0 30px}


#sub #hello .banner{margin:50px auto}

#sub #doctor .box01{float:left;width:65%}
#sub #doctor .box01 .profile{margin:100px 0}
#sub #doctor .box01 .eng{letter-spacing:15px}
#sub #doctor .box02{float:right;width:35%}

#sub #view .swiper-button-prev, #sub #view .swiper-button-next{width:80px;height:80px;bottom:0;top:auto}
#sub #view .swiper-button-next{background:url('/img/sub/about/btnNext.png') no-repeat;right:0%}
#sub #view .swiper-button-prev{background:url('/img/sub/about/btnPrev.png') no-repeat;left:auto;right:80px}
#sub #view .swiper {width: 100%;height: 550px;margin-left: auto;margin-right: auto;}
#sub #view .swiper-slide {background-size: cover;background-position: center;}
#sub #view .viewSlide {position:relative;height: 80%;width: 100%;}
#sub #view .thumSlide {height: 20%;box-sizing: border-box;padding: 50px 0 20px 0;}
#sub #view .thumSlide .swiper-slide {width: 25%;height: 100%;opacity: 0.4;cursor:pointer;}
#sub #view .thumSlide .swiper-slide-thumb-active {opacity: 1;}
#sub #view .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
#sub #view .tit{position:absolute;right:0;bottom:0;width:50%;max-height:80px;background:#F8F9FA;padding:20px;}
#sub #view .tit span{float:left;margin:7px 20px 0 0}

#sub #info{position:Relative}
#sub #info:before{content:'';background:#F8F9FA;height:50%;width:100%;position:absolute;left:0;top:0;z-index:-1}
#sub #info .timetable {background:#FFF;margin:50px 0 0 0;padding:100px;}
#sub #info .timetable ul{overflow:hidden}
#sub #info .timetable ul li{float:left;width:33.333%}
#sub #info .timetable ul li span{float:left;margin:0 30px 0 0}
#sub #info .timetable .txt{background:#36B0C0;padding:15px;color:#FFF;text-align:Center;margin:50px auto 0;max-width:400px}

#sub #info .map{width:100% !important}

#sub #info .location .boxWrap{overflow:hidden;margin:50px 0 0 0}
#sub #info .location .box01{float:left;width:25%}
#sub #info .location .box02{float:right;width:75%}
#sub #info .location .box02 table{border-collapse:collapse;margin:30px 0 0 0;}
#sub #info .location .box02 table th, #sub #info .location .box02 table td{padding:20px;}
#sub #info .location .box02 .add {float:left;width:50%;}
#sub #info .location .box02 .way {float:right;width:50%;}
#sub #info .location .box02 .way ul{overflow:hidden}
#sub #info .location .box02 .way ul li {width:23%;margin:1%;text-align: center;float: left;padding: 10px 15px;}
#sub #info .location .box02 .way ul li img {float: left;margin: 0 3px 0 0;}
#sub #info .location .box02 .way ul .naver {border: 1px solid #36ab36;}
#sub #info .location .box02 .way ul .naver a {color: #36ab36;}
#sub #info .location .box02 .way ul .daum {border: 1px solid #618ffc;}
#sub #info .location .box02 .way ul .daum a {color: #618ffc;}
.about .iconTit{float:left;margin:0 10px 0 0}

.commonSlide{position:relative;padding:200px 0 80px 0}
.commonSlide:after{content:'';display:block;position:absolute;bottom:0;left:0;height:55%;width:100%;background:#43B5C4;}
.commonSlide .box01{position:absolute;width:45%;bottom:15%;color:#F8F9FA}
.commonSlide .box02{float:right;width:50%;margin:0 2% 0 0}
.commonSlide .box01 .numWrap{position:relative;padding:40px 0 40px 30px;z-index:9}
.commonSlide .box01 .numWrap:before{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);font-weight:800;font-size:4rem;color:rgba(255,255,255,0.2);z-index:-1}
.commonSlide .box01 .numWrap.num01:before{content:'01';}
.commonSlide .box01 .numWrap.num02:before{content:'02';}

.commonSlide .commonSwiper{position:relative}
.commonSlide .commonSwiper .swiper-button-prev, .commonSlide .commonSwiper .swiper-button-next{width:39px;height:25px;bottom:0;top:auto;outline:none}
.commonSlide .commonSwiper .swiper-button-next{background:url('/img/sub/btnNext.png') no-repeat;left:7%}
.commonSlide .commonSwiper .swiper-button-prev{background:url('/img/sub/btnPrev.png') no-repeat;left:0%;}

.commonInfo {padding:20px 0}
.commonInfo ul{overflow:hidden}
.commonInfo ul li{float:left;width:20%;text-align:center;color:#58595B;}
.commonInfo ul li span{float:right;}

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

@media (max-width: 1500px) {
	
	#sub .justice .box01{float:none;width:100%}
	#sub .justice .box02{float:none;width:100%;margin:20px 0 0 0}

	#sub .cure{width:100%;min-height:auto;border-radius:0px 0px 20px 20px}
	#sub .cure02{margin:2% 0;}
	#sub .cureArrow:after{bottom:-15%;top:auto;right:auto;left:50%;transform:translateX(-50%) rotate(90deg);}
	
	#sub .cause .box02 .numEqual{float:none;width:100%;}
	#sub .cause .box02 .numEqual:nth-child(2){margin:2% 0}
	
	#sub .step ul li:after{right:0}
	
	#sub #doctor .box01 .profile{margin:50px 0}
	
	#sub #info .timetable{padding:50px}
	#sub #info .timetable ul li{width:100%;margin:5px 0}
	#sub #info .timetable .txt{margin:20px auto 0;max-width:100%}

	#sub #info .location .box02 .add{width:100%}
	#sub #info .location .box02 .way{width:100%;margin:10px 0 0 0}
	#sub #info .location .box02 .way ul li{padding:10px}
	#sub #info .location .box02 .way ul li img{float:none;margin:0 0 5px 0}

	.commonSlide{padding:100px 0 80px 0}
	.commonSlide:after{height:65%;}

}

@media (max-width: 1366px) and (min-width: 1024px) {

}

@media (max-width: 1024px) {

	#sub section{padding:100px 0}

	#sub .subtop .eng{letter-spacing:10px}
	
	#sub .checkTab {width:90%;max-width:100%}

	#sub .gi .box01{float:none;width:100%}
	#sub .gi .box02{float:none;width:100%}

	#sub .cause .box01{float:none;width:100%}
	#sub .cause .box02{float:none;width:100%}
	#sub .cause .box02 .number span{display:block;margin:0 0 5px 0}
	#sub .cause .box02 .numHalf:nth-child(even){float:none;width:100%}
	#sub .cause .box02 .numHalf:nth-child(odd){float:none;width:100%}
	
	#sub .symptopWrap {margin:50px 0 0 0}
	#sub .symptom .box01{float:none;background:none;display:block;margin:0;padding:0}
	#sub .symptom .box02{float:none;margin:10px 0 0 0 !important}
	#sub .symptom02{float:none! important;width:100%;}
	#sub .symptom02.left{margin:0 0 10px 0}

	#sub .diagnosis{margin:0 0 50px 0}
	#sub .diagnosis .box01{float:none;width:100%}
	#sub .diagnosis .box02{float:none;width:100%;margin:20px 0 0 0}

	#sub .precautions .box01{float:none;width:100%}
	#sub .precautions .box02{float:none;width:100%;padding:30px}
	
	#sub .cureWrap02 .txt{float:none;width:100%;margin:0 0 30px 0}
	
	#sub .prevent ul li{width:100%;}
	#sub .prevent ul li:nth-child(even){float:none}
	#sub .prevent ul li:nth-child(odd){float:none}
	
	#sub .step ul li{width:50%;margin:0 0 10px 0;text-align:Center}
	#sub .step ul li:last-child{padding:0;margin:0}
	#sub .step ul li img{margin:Auto}
	
	#sub #doctor .box01{float:none;width:100%;text-align:center}
	#sub #doctor .box01 img{margin:auto}
	#sub #doctor .box01 .profile{margin:20px 0 30px 0}
	#sub #doctor .box02{float:none;width:100%}

	#sub #view .tit{position:unset;width:100%;max-height:70px}
	#sub #view .swiper-button-prev{right:70px}
	#sub #view .swiper-button-prev, #sub #view .swiper-button-next{width:70px;height:70px;background-size:cover}
	
	#sub #info .timetable{padding:30px;margin:20px 0 0 0}
	#sub #info .map{height:400px}
	
	#sub #info .location .box01{float:none;width:100%}
	#sub #info .location .box02{float:none;width:100%}

	.commonSlide:after{height:20%}
	.commonSlide .commonSwiper{padding:0 0 50px 0}
	.commonSlide .box01 .numWrap:before{color:#E0E1E3}
	.commonSlide .box01{position:unset;width:100%;color:#58595B}
	.commonSlide .box02{float:none;width:100%;margin:5% 0 0 0}
	.commonSlide .commonSwiper .swiper-button-prev{left:40%}
	.commonSlide .commonSwiper .swiper-button-next{left:auto;right:40%}

	.commonInfo ul li:nth-child(1), .commonInfo ul li:nth-child(5){width:100%;margin:0;border:none}
	.commonInfo ul li{text-align:left;padding:1% 2%;width:33.33%;border-right:1px solid #eee}
}

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

}

@media (max-width: 768px) {
	
	#sub section{padding:50px 0}
	
	#sub .subtop .eng{letter-spacing:2px;font-size:1.5rem;}

	#sub .subTab .container{width:100%}
	#sub .subTab ul li a{padding:10px 5px}
	
	#sub .checkTab ul li a{padding:10px 5px}

	#sub .gi .boxWrap{margin:0}
	
	#sub .cause .box02 .number {border:2px solid #C4C4C4;padding:10px 20px}
	#sub .cause .box02 .numHalf{margin:0 0 10px 0}
	
	#sub .symptopWrap {margin:20px 0 0 0}

	#sub .diagnosis{margin:20px 0 0 0}
	
	#sub .cure{padding:20px}
	#sub .cureArrow:after{background-size:75%}
	#sub .cureWrap02 ul li{float:none;width:100%}
	#sub .cureWrap02 ul li:nth-child(2){margin:20px 0 0 0}
	
	#sub .mark{padding:0 0 0 15px}
	#sub .mark:before{width:12px;height:12px;background-size:contain}
	#sub .precautions .box02{padding:20px;}
	#sub .precautions .box02 p{line-height:2}

	#sub .prevent ul{margin:0}
	
	#sub .kind table th, #sub .kind table td{padding:10px}
	
	#sub .versus table{margin:0}
	#sub .versus table th, #sub .versus table td{padding:10px}
	#sub .versus{overflow-x:auto}
	#sub .versus table{width:800px;}
	
	#sub .step ul li{width:100%;padding:0 0 35px 0}
	
	#sub .step ul li:after{transform:translateX(-50%) rotate(90deg);left:50%;right:Auto;bottom:0;top:auto;background-size:75%}
	
	#sub .medicalCheck{overflow-x:auto;margin:30px 0 0 0}
	#sub .medicalCheck table th, #sub .medicalCheck table td{padding:10px}
	#sub .medicalCheck table{width:800px;}
	#sub .medicalCheck table th{min-width:Auto}
	
	#sub #hello .banner{margin:20px auto}
	
	#sub #doctor .box01 .eng{letter-spacing:2px;}
	#sub #doctor .box02 img{width:60%}

	#sub #view .thumSlide{padding:20px 0}
	#sub #view .tit{max-height:50px;padding:10px 15px}
	#sub #view .tit span{margin:3px 10px 0 0}
	#sub #view .swiper-button-prev{right:50px}
	#sub #view .swiper-button-prev, #sub #view .swiper-button-next{width:50px;height:50px}
	
	#sub #info .map{height:300px}
	#sub #info .location .box02 table{width:100%}
	#sub #info .location .box02 table img{height:40px}
	#sub #info .location .box02 table th, #sub #info .location .box02 table td{padding:10px}

	.commonSlide{position:relative;padding:50px 0 30px 0}
	.commonSlide:after{height:30%}
	.commonSlide .box01 .numWrap{padding:20px 0 20px 30px}
	.commonSlide .box02 img{width:95%;}
	.commonSlide .commonSwiper .swiper-button-prev{background-size:80%;left:35%}
	.commonSlide .commonSwiper .swiper-button-next{background-size:80%;right:35%}
	
	.commonInfo ul li{width:100%;border:none}
	
	
}

@media (max-width: 420px) {
	#sub #info .map{height:250px}

}

@media (max-width: 240px) {

}