/* sub default */
.sub_top{height: 305px;}
.sub_top .sub_top_txt p{font-size: 32px;letter-spacing: 0;}
.sub_top .sub_top_txt h1{font-size: 60px;}
/* sub default */
img{margin: 0 auto;}

p{color: #323232;}
section *{text-align: center;}

.sub_icon_bg{background-image: url("//static.gnghospital.co.kr/gnghospital-kr/permalink/072/sub_icon.png");}
.sec .div-wrap{padding: 50px 20px;}
.sec1 h2{color: #1c52ac;}
.sec1 h2 span{color: #0f2646;}
.sec1 .p0{font-size: 80px;color: #d31792;line-height: normal;margin: 15px auto;}
.sec1 .p0 span{color: #0f2344;}
.sec1 ul{max-width: 1080px;margin: 0 auto 20px auto;}
.sec1 li{background-color: #cdeeff;width: 50%;}
.sec1 li *{color: #fff;}
.sec1 .li1{padding: 12px 6px 12px 12px;}
.sec1 .li2{padding: 12px 12px 12px 6px;}
.sec1 li div{height: 166px;background-color:#1b51ab ;padding-top: 22px;}
.sec1 li .sub_icon_bg{display: block;width: 63px;height: 44px;background-position: -313px -29px;margin: 0 auto 10px auto;}

.sec2 .div-wrap{height: 649px;position: relative;background-position: 50%;}
.sec2 .div-wrap div{max-width: 750px;margin: 155px auto 0 auto;background-color: #fff;border: 6px solid #1b51ab;padding: 15px;}
.sec2 .div-wrap .a1{position: absolute;bottom: 20px;left: 0;width: 100%;font-weight: bold;color: #0f2646;}
.sec2 .div-wrap .a1 span{color: #1b50ac;}

.sec3{background-color: #1b51ab;}
.sec3 h2{color: #fff;margin-bottom: 15px;}
.sec3 h2 span{color: #9eddfc;}
.sec3 .d1{max-width: 1080px;margin: 0 auto;background-color: #fff;padding: 40px 20px;}
.sec3 .d1 .dd{background-color: #112548;padding: 3px 3px 3px 90px;position: relative;}
.sec3 .d1 .dd span{position: absolute;left: 0;top: 50%;color: #fff;font-size: 18px;font-weight: bold;width: 90px;text-align: center;height: 21px;
    line-height: 21px;margin-top: -10px;}
.sec3 .d1 .dd p{background-color: #cdeeff;color: #112548;padding: 13px 5px;font-size: 18px;font-weight: bold;}
.sec3 .d1 .pp{margin: 15px 0 30px 0;text-align: left;}
.sec3 .d1 .ppp{margin: 15px 0 0 0;}
.sec3 .div-wrap{padding: 50px 0 0 0;}

.sec4 .div-wrap{background-color: #1b51ab;padding: 0;}

.sec5{background-color:#f6e7e0 ;}
.sec5 .p0{font-size: 80px;line-height: normal;margin-bottom: 25px;}
.sec5 .p0 .s1{color: #3a4f6e;}
.sec5 .p0 .s3{color: #9f4d3f;}
.sec5 .h4{max-width: 430px;height: 50px;background-color: #9f4c3c;color: #fff;line-height: 50px;border-radius: 50px;margin: 0 auto;
	position: relative;z-index: 2;}
.sec5 .h4 span{color: #f7e6df;}
.sec5 .d{max-width: 960px;margin: 0 auto;background-color: #fff;padding: 40px 0px;margin-top: -25px;position: relative;z-index: 1;}
.sec5 ul{text-align: center;margin-top: 20px;}
.sec5 li{display: inline-block;width: 200px;height: 200px;border-radius: 50%;margin: 0 5px;}
.sec5 li .sub_icon_bg{background-position: -421px -33px;width: 27px;height: 27px;display: block;margin: 66px auto 5px auto;}
.sec5 .l1{background-color: #f7e6df;}
.sec5 .l2{background-color: #e9cdc2;}
.sec5 .l3{background-color: #f7e6df;}
.sec5 .l4{background-color: #e9cdc2;}


.sec6{background-color:#c09992 ;padding: 50px 20px;}
.sec6 .p0{text-align: right;font-size: 60px;color: #fff;font-weight: bold;line-height: 47px;}
.sec6 .d{background-color: #fff;padding: 6px;}
.sec6 .d *{text-align: left;}
.sec6 .d2{margin: 25px auto;}
.sec6 .dd1{background-color: #9f4c3c;padding: 20px 10px 20px 60px;position: relative;}
.sec6 .d2 .dd1{background-color: #79524b;}
.sec6 .dd1 *{color: #fff;}
.sec6 .dd1 span{position: absolute;left: 10px;top: 15px;font-size: 34px;color: #f5e7de;font-style: italic;}
.sec6 .dd2{padding: 20px 0 20px 48%;position: relative;}
.sec6 .d2 .dd2{padding: 40px 0 40px 48%;}
.sec6 .d3 .dd2{padding: 30px 0 30px 48%;}
.sec6 .dd2 img{position: absolute;    left: 35%;width: 117px;
	top: 50%;margin-top: -58.5px;}
.sec6 .dd2 p{max-width: 500px;}
.sec6 .d1 a{background-color: #9f4c3c;color: #fff;margin-top: 10px;padding: 7px;font-weight: bold;font-size: 16px;}
.sec6 .d1 a .s1{color: #feede3;font-size: 18px;margin-right: 10px;}
.sec6 .d1 a .sub_icon_bg{background-position: -268px -44px;width: 8px;height: 14px;display: inline-block;vertical-align: -2px;margin-left: 5px;}
.sec6 .div-wrap{padding: 0;max-width: 1080px;margin: 0 auto;}

.sec8 .div-wrap{padding: 0;}
.sec7-1 .div-wrap{padding: 0;display: block;}
.sec7-1 .div-wrap:hover{opacity: 1;}

.sec7 *{color: #fff;}
.sec7 .line-s{background-color: #fff;width: 1px;display: block;margin: 10px auto;height: 45px;}
.sec7 h3{margin: 7px auto 15px auto;color: #e8cdc2;}
.sec7 h4{font-size: 22px;}
.sec7 .p{margin-top: 10px;}
.sec7 .div-wrap{background-position: 50%;}

.h3-072{display: block;background-color: #fff;color: #313139;padding: 10px 15px;max-width: 430px;margin: 0 auto 5px auto;border-radius: 50px;text-align: center;}

@media only screen and (max-width: 1023px) {
	.sub_top{height: 175px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 33px;}
	.sub_top .sub_top_txt p{font-size: 18px;}
	.sub_top br{display:block;}
	
	.sec .div-wrap{padding: 40px 20px;}
	.sec3 .div-wrap{padding: 40px 0 0 0;}
	.sec1 .p0{font-size: 60px;}
	
	.sec2 .div-wrap{background-size: cover;height: 550px;}
	.sec2 .div-wrap div{margin: 122px auto 0 auto;}

	.sec3 .d1 .dd p{font-size: 16px;}
	.sec3 .d1 .dd span{font-size: 16px;width: 65px;}
	.sec3 .d1 .dd{padding: 3px 3px 3px 65px;}

	.sec3 .img0{max-width: 199px;}
	

	.sec4 .div-wrap{padding: 0;}

	.sec5 li{height: 120px;width: 120px;}
	.sec5 li .sub_icon_bg{margin:25px auto 5px auto;}
	.sec5 .h4{max-width: 335px;}
	.sec5 .p0{font-size: 50px;}
	.sec5 .img0{max-width: 320px;}

	.sec6{padding: 40px 20px;}
	.sec6 .div-wrap{padding: 0;}
	.sec6 .dd1 span{font-size: 25px;}
	.sec6 .dd1{padding: 20px 10px 20px 45px;}
	.sec6 .p0{font-size: 30px;line-height: 23px;}
	.sec6 .dd2 img{left: 10%;}
	.sec6 .dd2{padding: 20px 0 20px 32%;}
	.sec6 .d2 .dd2{padding: 40px 0 40px 32%;}
	.sec6 .d3 .dd2{padding: 30px 0 30px 32%;}

	.sec8 .div-wrap{padding: 0;}
	.sec7-1 .div-wrap{padding: 0;}

	.sec7 .div-wrap{background-size: cover;}
	.sec7 h4{font-size: 18px;}

	.h3-072{max-width: 300px;}
	
}

@media only screen and (max-width: 770px) {
	
	
}


@media only screen and (max-width: 640px) {

	.sec1 li h3{font-size: 14px;}
	.sec1 li div{height: 130px;}

	.sec2 .div-wrap{height: 400px;}
	.sec2 .div-wrap div{margin: 80px auto 0 auto;}
	.sec2 .div-wrap div p{font-size: 10px;line-height: 14px;font-weight: bold;}

	.sec2 .div-wrap .a1{font-size: 14px;}
	.sec3 h2{font-size: 20px;}

	.sec5 li{height: 70px;width: 70px; margin: 0 2px;}
	.sec5 li h4{font-size: 10px;}
	.sec5 li .sub_icon_bg{background-position: -424px -95px;width: 22px;height: 22px;margin: 10px auto 5px auto;}
	.sec5 .h4{font-size: 14px;max-width: 300px;}

	.sec6 .dd2 img{width: 62px;left: 5%;margin-top: -31px;}
	.sec6 .dd2 p{font-size: 10px;line-height: 14px;}
	.sec6 .dd2{padding: 20px 0 20px 28%;}
	.sec6 .d2 .dd2{padding: 40px 0 40px 28%;}
	.sec6 .d3 .dd2{padding: 30px 0 30px 28%;}
	.sec6 .d1 a{font-size: 12px;}
	.sec6 .d1 a .s1{font-size: 14px;}
	.sec6 .d1 a .sub_icon_bg{vertical-align: -3px;}
}

