@charset "utf-8";

#intro1{width: 100%; }
#intro1 .top{width: 100%; height: 460px; background: url('/images/sub/intro1_bg.png') no-repeat center center; display: flex; padding: 60px 80px; color: #fff;align-items: flex-end}
#intro1 .top h3{font-size: 4rem; font-weight: normal;}
#intro1 .top h3 span{font-weight: bold;}
#intro1 .cont{padding: 60px 80px; background: url('/images/sub/intro1_img.png') no-repeat 94% 90%;}
#intro1 .cont h3{font-size: 3rem; color: #2c0d04; font-weight: normal; margin-bottom: 50px;}
#intro1 .cont h3 span{font-weight: bold;}
#intro1 .cont p{color: #666; font-size: 1.8rem; line-height: 3.6rem;}
#intro1 .cont p + p{margin-top: 40px;}
#intro1 .cont ul{font-size: 1.8rem;  line-height: 3.6rem; color: #b18d5d;}
#intro1 .cont h4{font-size: 1.8rem; color: #000; margin-top: 50px; font-weight: 600;}

@media screen and (max-width:1280px){
    #intro1 .top{height: 360px; background-size: cover;padding: 40px 60px;}
    #intro1 .top h3{font-size: 3.5rem;}
    #intro1 .cont{padding: 40px 60px; background-size: 30%;}
    #intro1 .cont h3{font-size: 2.5rem; margin-bottom: 40px;}
    #intro1 .cont p{font-size: 1.6rem; line-height: 3rem;}
    #intro1 .cont ul{font-size: 1.6rem;  line-height: 3rem;}
    #intro1 .cont h4{font-size: 1.6rem; margin-top: 40px;}
    #intro1 .cont p + p{margin-top: 30px;}
}
@media screen and (max-width:680px){
    #intro1 .top{height: 300px;padding: 30px 40px;}
    #intro1 .top h3{font-size: 3rem;}
    #intro1 .cont{padding: 30px 40px;}
    #intro1 .cont h3{font-size: 2.2rem; margin-bottom: 40px 20px;}
    #intro1 .cont p{font-size: 1.5rem; line-height: 2.5rem;}
    #intro1 .cont p br{display: none;}
    #intro1 .cont ul{font-size: 1.5rem;  line-height: 2.5rem;}
    #intro1 .cont h4{font-size: 1.5rem; margin-top: 20px;}
    #intro1 .cont p + p{margin-top: 20px;}
}
@media screen and (max-width:480px){
    #intro1 .top{height: 250px;padding: 20px;}
    #intro1 .top h3{font-size: 3rem;}
    #intro1 .cont{padding: 40px 20px;}
    #intro1 .cont h3{font-size: 2.2rem; margin-bottom: 20px;}
    #intro1 .cont p{font-size: 1.5rem; line-height: 2.5rem;}
    #intro1 .cont ul{font-size: 1.5rem;  line-height: 2.5rem;}
    #intro1 .cont h4{font-size: 1.5rem; margin-top: 20px;}
    #intro1 .cont p + p{margin-top: 20px;}
}





.intro2 {margin-top:8em; background:#eee7dd; position:relative}
#dr2, #dr3{padding: 100px;}
.intro2:before { content:'CHIYU MEDICAL'; font-size:10.0rem; font-family:'Montserrat'; color:#eee7dd; font-weight:800; letter-spacing:0.2em; position:absolute; right:-0.3em; top:-0.95em;  }
.intro2 .inner { display:flex; align-items: center; justify-content: center; }
.intro2 .imgWrap {margin-top:-5em}
.intro2 .contWrap {padding-left:5%}
.intro2 .contWrap h4 {font-size:4.6rem; color:#333; font-weight:700; }
.intro2 .contWrap .t1 {font-size:2.0rem; font-weight:700;  }
.intro2 .contWrap .cont {margin-top:3em; display:flex;  gap:50px}
.intro2 .contWrap .cont .stit {font-size: 2.0rem; margin-bottom:1.5em; font-weight:500; display:inline-block; border-radius:50px; background:#b08e5d; color:#FFF; padding:0.6em 1.5em 0.4em}

@media all and (max-width:1499px){
    .intro2 .contWrap {padding-left:3%}
	.intro2 .contWrap .cont {  gap:30px}
}
@media all and (max-width:1399px){
    .intro2:before { font-size:7.5vw; }
	.intro2 .imgWrap {width:40%}
	.intro2 .imgWrap img {width:90%; max-width:510px;}
	.intro2 .contWrap {width:60%; padding-left:0}
}
@media all and (max-width:1280px){
    .intro2 .inner {flex-wrap:wrap }
	.intro2 .imgWrap {width:100%; text-align:Center; margin-bottom:3em; }
	.intro2 .contWrap {width:100%; padding-bottom:2em; text-align:Center}
	.intro2 .contWrap .cont {justify-content:center;}
    #dr2, #dr3{padding: 70px;}
}
@media all and (max-width:976px){
    .intro2 .contWrap .cont {flex-wrap:wrap; margin-top:2em;  gap:20px}
	.intro2 .contWrap .cont .dotList {width:100%}
	.intro2 .contWrap .cont .stit { margin-bottom:1em; }
}
@media all and (max-width:680px){
    #dr2, #dr3{padding: 20px;}
}



.dotList {text-align:left}
.dotList li {position:relative; margin-bottom:0.7em; }
.dotList li:before {content:''; width:3px; height:3px; border-radius:100%; background:#777; position:absolute; left:0; top:0.9rem;}
.dotList li p {padding-left:0.7em; font-size:1.8rem; }
@media all and (max-width:1280px){
	.dotList li:before {top:0.85rem;}
	.dotList li p {font-size:1.7rem; }
}

#sMap-info { position: relative; overflow: hidden; width: 92%; margin: -3vw auto 0; padding: 5% ; background:#FFF ;z-index:11; box-shadow: 1px 1px 10px 5px #00000010;}
#sMap-info .tit { float: left; width: 30%; padding-right: 20px; text-align: center;}
#sMap-info .tit h4 {  color:#222; font-size: 2.5rem; line-height: 1.5em; font-weight:600; margin-top: 20px;}
#sMap-info .txt { float: left; width: 60%; padding: 1% 0 0 5%;  border-left: 1px solid #e5e5e5;  }
#sMap-info .txt li {overflow:hidden}
#sMap-info .txt li .eng {display:inline-block;  vertical-align:top; width:120px; font-size:2rem;color:#af905a; letter-spacing:0;  font-weight:700; }
#sMap-info .txt li .t1 {  width:calc(100% - 120px); display:inline-block; font-size:2rem; padding-bottom:0.5em; font-weight:500 }
#sMap-info .txt li .t1.ts1 {color:#555;}
@media all and (max-width:1050px) {
    #sMap-info .tit p.t1 .br1050 {display:none}
}
@media all and (max-width:976px) {
    #sMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
}
@media screen and (max-width:760px){
    #sMap-info { padding: 7%}
    #sMap-info .tit { width: 100%; }
    #sMap-info .txt { width: 100%;   margin-top:2em; padding: 2em 0 0 0;  border-left: 0;   border-top: 1px solid #e5e5e5;}
    #sMap-info .txt li .eng {font-size:1.8rem;}
    #sMap-info .txt li .t1 {font-size:1.8rem;}
}
@media screen and (max-width:480px){
#sMap-info .txt li .eng { width:70px; }
#sMap-info .txt li .t1 {  width:calc(100% - 70px);}
#sMap-info .txt li .eng {font-size:1.6rem;}
#sMap-info .txt li .t1 {font-size:1.6rem;}
}



#intro5Wrap {padding-top:7%; background:url('/images/sub/intro5-bg.png')no-repeat left bottom; background-size:cover; display:flex; flex-wrap:wrap; align-items: center;}
#intro5Title {margin-top:-7%; width:calc(100% - 670px); text-align:center; color:#FFF}
#intro5Title .eng { opacity:.3; letter-spacing:0.2em; font-size:1.4rem; font-weight:600}
#intro5Title h3 {padding:50px 0 30px; font-size:3.0rem; line-height:1.2em}

#intro5 {padding:60px; padding-right:0; width:670px; display:flex; flex-wrap:wrap; margin-left: auto; background:#FFF; border-radius:80px 0 0 0}
#intro5 h3 {margin-bottom:1em; width:100%; font-size:4.0rem; color:#333}
#intro5 h4 {width:140px; font-size:2.0rem; font-weight:700; color:#333; vertical-align:top }
#intro5 h4 i {font-size:1.5rem; background:#b18d5d; width:30px; line-height:30px; border-radius:60px; color:#FFF; text-align:center}
#intro5 .cont {margin-bottom:50px; width:460px; font-size:2.0rem}
#intro5 dl {display:flex; flex-wrap:wrap; font-size: 1.8rem;}
#intro5 dl dt {width:140px; margin-bottom:0.3em;}
#intro5 dl dt br{display: none;}
#intro5 dl dt span{background: red; color: #fff; padding: 3px 10px; border-radius: 100px; font-weight: bold;}
#intro5 dl dd {width:calc(100% - 140px); font-family:'Roboto', 'Pretendard'; font-weight:400;  margin-bottom:0.3em;}
#intro5 .cont .tel {padding-bottom:0.3em; font-size:3.6rem; font-family:'Roboto'; font-weight:600; color: #af905a;}
#intro5 .cont  .btn {display:inline-block; padding:0.7em 1em; font-size:1.7rem; font-weight:500; color:#FFF}
#intro5 .cont  .btn i {padding-left:1.2em; font-size:1.5rem}
#intro5 .cont  .btn.bg1 {background:#f9e000; color:#5d5d5d}
#intro5 .cont  .btn.bg2 {background:#327fc0}
#intro5 .cont  .btn.bg3 {background:#00c73c}
#intro5 .cont .t1 {padding-top:0.5em; font-size:1.8rem;}
#intro5 .cont .t2 {display:inline-block; padding-right:1em; line-height:1.8em}

@media all and (max-width:1799px){
    #intro5Wrap {width:95%; }
}
@media all and (max-width:1599px){
    #intro5Title {margin-top:-7%; width:calc(100% - 590px);}
    #intro5Title h3 {padding:30px 0 20px; font-size:5.0rem}
    #intro5Title img {width:250px;}
    #intro5Title .eng { font-size:1.3rem;}
    #intro5 dl dt br{display: block;}
    
    #intro5 {padding:50px; padding-right:0; width:590px; }
    #intro5 h3 { font-size:4.0rem;}
    #intro5 .cont {margin-bottom:30px; width:390px; font-size:1.8rem}
    #intro5 dl dt {width:90px; margin-bottom:0.5em;}
    #intro5 dl dd {width:calc(100% - 90px); }
    #intro5 .cont  .btn {font-size:1.6rem; }
    #intro5 .cont  .btn i {padding-left:1.0em; font-size:1.4rem}
}
@media all and (max-width:1280px){
    #intro5Title { width:calc(100% - 570px);}
    #intro5 {padding:40px; padding-right:0; width:570px; }
    #intro5 h4 {width:130px}
    #intro5 .cont {width:380px;}
}
@media all and (max-width:1110px){
    #intro5Wrap {width:100%; padding-top:0; background:none }
    #intro5Title { padding:80px 0; width:100%; margin:0 auto; background:url('/images/sub/intro5title-bg.png')no-repeat center center}
    #intro5 {width:100%;  border-radius:0; padding:0; padding-top:50px}
    #intro5 h4 {width:150px}
    #intro5 .cont {width:calc(100% - 150px);}
    #intro5 dl dt br{display: none;}
    #intro5 dl dt {width:130px;}
    #intro5 dl dd {width:calc(100% - 130px); }
}
@media all and (max-width:640px){
    #intro5 h4 {width:110px; font-size:2.0rem; font-weight:700; color:#333}
    #intro5 h4 i {font-size:1.3rem; width:20px; line-height:20px;}
    #intro5 .cont {width:calc(100% - 110px); border-radius:0}
    #intro5 dl{font-size: 1.6rem;}
    #intro5 dl dt {width:110px;}
    #intro5 dl dd {width:calc(100% - 110px); }
    #intro5Title img {width:200px;}
}
@media all and (max-width:580px){
    #intro5Title h3 { font-size:4.0rem;}
    #intro5 h3 { display:none}
    #intro5 h4 {width:100%; margin-bottom:0.5em; font-size:2.6rem}
    #intro5 h4 i { width:26px; line-height:26px;}
    #intro5 .cont {width:100%}
}
@media all and (max-width:480px){
    #intro5Wrap { background-position:-33vw -64vw; }
    #intro5Title img {width:40vw;}
    #intro5Title h3 {padding:5vw 0 3vw;}
    
    #intro5 {padding-top:20px;  }
    #intro5 .cont {margin-bottom:30px; width:390px; font-size:1.6rem}
    #intro5 dl dt {width:115px; }
    #intro5 dl dd {width:calc(100% - 115px); }
    #intro5 .cont  .btn {font-size:1.4rem; }
}


.c_top{width: 100%; background:  url(/images/sub/intro1_img.png) no-repeat 100% 100%; background-size: 150px; padding-bottom: 30px;}
.c_top .img{width: 100%; height: 400px; background: url(/images/sub/dig1_top.png) no-repeat center center;}
.c_top h3{padding-top: 30px; font-size: 4rem; color: #b18d5d; position: relative; margin-top: 30px;}
.c_top h3::after{position: absolute; content: ''; width: 50px; height: 5px;  background: #b18d5d;  top: 0; left: 0;}
.c_top p{margin-top: 20px; font-size: 1.8rem; line-height: 2.8rem;}

.c_top .img.dig1{background: url(/images/sub/dig1_top2.png) no-repeat center center;}
.c_top .img.dig2{background: url(/images/sub/dig2_top.png) no-repeat center center;}
.c_top .img.dig3-1{background: url(/images/sub/dig3_top.png) no-repeat center center;}
.c_top .img.dig3-2{background: url(/images/sub/dig3_top2.png) no-repeat center center;}
.c_top .img.dig4{background: url(/images/sub/dig4_top.png) no-repeat center center;}

.c_top .img.breast1{background: url(/images/sub/breast1_top1.png) no-repeat center center;}
.c_top .img.breast1-2{background: url(/images/sub/breast1_top2.png) no-repeat center center;}
.c_top .img.breast1-3{background: url(/images/sub/breast1_top3.png) no-repeat center center;}

.c_top .img.breast2{background: url(/images/sub/breast2_top1.png) no-repeat center center;}
.c_top .img.breast2-2{background: url(/images/sub/breast2_top2.png) no-repeat center center;}
.c_top .img.breast2-3{background: url(/images/sub/breast2_top3.png) no-repeat center center;}

.c_top .img.breast4{background: url(/images/sub/breast4_top.png) no-repeat center center;}
.c_top .img.breast4-2{background: url(/images/sub/breast4_top2.png) no-repeat center center;}

.c_top .img.family1{background: url(/images/sub/family1_top1.png) no-repeat center center;}
.c_top .img.family1-2{background: url(/images/sub/family1_top2.png) no-repeat center center;}
.c_top .img.family1-3{background: url(/images/sub/family1_top3.png) no-repeat center center;}
.c_top .img.family1-4{background: url(/images/sub/family1_top4.png) no-repeat center center;}
.c_top .img.family1-5{background: url(/images/sub/family1_top5.png) no-repeat center center;}

.c_top .img.family2{background: url(/images/sub/family2_top.png) no-repeat center center;}

.c_top .img.family3{background: url(/images/sub/family3_top1.png) no-repeat center center;}
.c_top .img.family3-2{background: url(/images/sub/family3_top2.png) no-repeat center center;}
.c_top .img.family3-3{background: url(/images/sub/family3_top3.png) no-repeat center center;}
.c_top .img.family3-4{background: url(/images/sub/family3_top4.png) no-repeat center center;}
.c_top .img.family3-5{background: url(/images/sub/family3_top5.png) no-repeat center center;}

.c_top .img.family4{background: url(/images/sub/family4_top1.png) no-repeat center center;}
.c_top .img.family4-2{background: url(/images/sub/family4_top2.png) no-repeat center center;}
.c_top .img.family4-3{background: url(/images/sub/family4_top3.png) no-repeat center center;}

.c_top .img.health1{background: url(/images/sub/health1_top1.png) no-repeat 10% 80%;}
.c_top .img.health1-2{background: url(/images/sub/health1_top2.png) no-repeat 70% 60%;}
.c_top .img.health1-3{background: url(/images/sub/health1_top3.png) no-repeat 30% 50%;}
.c_top .img.health1-4{background: url(/images/sub/health1_top4.png) no-repeat center center;}

@media all and (max-width:1280px){
    .c_top h3{font-size: 3.5rem;}
}
@media all and (max-width:980px){
    .c_top h3{font-size: 3rem;}
    .c_top p{font-size: 1.6rem;}
    .c_top p br{display: none;}
}
@media all and (max-width:680px){
    .c_top .img{height: 200px;}
}


.step{margin-top: 40px; border: 5px solid #00000010; padding: 30px; display: flex; margin-left: auto; margin-right: auto; text-align: center;}
.step li{flex: 100%; padding: 20px; word-break: keep-all; position: relative; font-size: 2rem; color: #222; line-height: 1.6em; font-weight: 300;}
.step li::before{content: '\e86c'; font-family: 'Material Symbols Outlined';display: block; font-size: 3.2rem; color: #d1c2a4; margin-bottom: 15px;}
.step li:nth-child(even)::before{color: #b18d5d}
.step li:not(:last-child)::after{content: ''; height: calc(100% - 20px); margin: auto; width: 1px; top: 0;bottom: 0; right: 0; position: absolute; background-color: #eee;}

@media all and (max-width:1280px){
	.step{margin-top: 30px;}
}
@media all and (max-width:976px){
	.step{flex-wrap: wrap; gap:20px 0;}
	.step li{flex: 50%;}
	.step li:nth-child(2)::after{display: none;}
}
@media all and (max-width:640px){
	.step{padding: 20px; gap:10px 0;}
	.step li{flex: 100%; padding: 15px;}
	.step li::after{display: none;}
	.step li:not(:last-child){border-bottom: 1px dashed #ddd;}
}


#sTitle{text-align: center; margin-bottom: 50px; color: #000;}
#sTitle h3{font-size: 3.5rem;}
#sTitle h3 span{color: #b18d5d}
#sTitle .t1{margin-top: 30px; font-size: 1.8rem; color: #444;}

@media all and (max-width:1024px){
    #sTitle{margin-bottom: 30px;}
    #sTitle h3{font-size: 3rem;}
}


#halfCont { display: flex; align-items: center; flex-wrap: wrap; }
#halfCont > div { width: 50%; }
#halfCont .cont { padding: 2% 4%; border:1px solid #e4eaf1; background:rgba(255,255,255,0.8)}

#halfCont.rtl { direction: rtl; }
#halfCont.rtl .cont { direction: ltr; padding: 3% 6% 3% 0; }

@media all and (max-width:1480px) {
    #halfCont .cont { padding: 3% }
}
@media all and (max-width:1024px) {
    #halfCont > div { width: 100%; }
    #halfCont .img { text-align: center; }
    #halfCont .img img { width:100% }
    #halfCont .cont { padding: 2%; }
}


#numList {position:relative}
#numList li {margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #e4eaf1; counter-increment: number; display:flex; align-items: center;}
#numList li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0}
#numList li:before {content: counter(number); font-size:2.4rem; font-family:'Roboto'; font-weight:700; width:50px; height:50px;  line-height:50px; text-align:center; color:#FFF; display:inline-block }
#numList.blu li:before {background:#b18d5d }
#numList li p {width:calc(100% - 60px); padding-left:30px;  font-size:1.7rem; line-height:1.4em; word-break: keep-all;}

@media all and (max-width:976px) {
    #numList li:before { width:40px; height:40px; line-height:40px; }
    #numList li p {width:calc(100% - 50px); padding-left:20px; }
}


#circleList {display:flex; justify-content:center; gap:30px;; flex-wrap:wrap}
#circleList li {width:250px; height:250px;  padding:2em; background:#b18d5d; border-radius:100%; display:flex ;align-content: center;flex-wrap:wrap; text-align:center; counter-increment: number;}
#circleList li:before {content: counter(number, decimal-leading-zero); font-size:3.0rem; font-family:'Montserrat'; font-weight:700; width:100%; color:#FFF }
#circleList li p {margin-top:1em; font-size:1.8rem; line-height:1.6em; color:#FFF; width:100% }
#circleList li:nth-child(even) {background:#d7be8d;}

@media all and (max-width:976px){
	#circleList.w4 {gap:10px;;}
	#circleList.w4 li {width:200px; height:200px;  padding:1em; }
}
@media all and (max-width:640px){
	#circleList li {width:45vw !important; height:45vw !important;  }
	#circleList li p {margin-top:10px}
}


.bg{background: #f6f2ed;}
#checkNeed ul {overflow:hidden}
#checkNeed ul li {padding:2em 3em; width:49%; margin:0.5%; float:left; border-radius:100px; background:#FFF; box-sizing:border-box; position:relative}
#checkNeed ul li:before {content: '\e877'; font-family: 'Material Symbols Outlined'; width:30px; height:30px; margin-top:-15px;  border-radius:100px;  position:absolute; left:1em; top:50%; font-size: 2.5rem; color: #b18d5d;}
#checkNeed ul li p {padding-left: 3.5rem;; font-size: 1.8rem;}

#checkNeed ul.w100 li {width:100%;  margin:0.5% 0; border-bottom:1px dashed #f3f3f3} 
#checkNeed ul.w100 li:last-child {border-bottom:0}
#checkNeed ul.bgn li{background: #f6f2ed; width: 100%;}

@media all and (max-width:1024px) {
    #checkNeed ul li {width:99%; margin:1%; }
}
@media all and (max-width:767px) {
    #checkNeed ul li:before {width:26px; height:26px; margin-top:-13px;} 
    #checkNeed ul li p {font-size: 1.6rem;}
}


.tb-style {width:100%; margin:0 auto;}
.tb-style th {font-size:2.0rem;  padding:0.6em 5px; background:#f9f5f0; border-left:1px solid #e5e3d7;  border-bottom:1px solid #b18d5d; border-top:2px solid #b18d5d;   color:#000; line-height:1.8em; font-weight:500 }
.tb-style td { font-size:1.7rem; padding:1em 5px;  background:rgba(255,255,255,0.5); text-align:center;  border-left:1px solid #e5e3d7; border-bottom:1px solid #e5e3d7; line-height:1.4em;  font-weight:400; letter-spacing:-0.01em;}
.tb-style th:first-child,
.tb-style td:first-child {border-left:0; }
.tb-style td:first-child { background:#f9f9f9}

.tb-style td br.br640 {display:none}

.scroll-txt { display: none; color:#999; text-align:left; font-size: 1em; margin: 1em 0;}


@media all and (max-width:640px){
	.tb-style td br.br640 {display:block}
}
@media all and (max-width:480px){
	.tb-style th {font-size:1.8rem}
	.tb-style td { font-size:1.5rem;}
}


.intro6_tt{margin-bottom: 30px; font-size: 2.5rem; color: #222; padding-left: 20px; border-left: 10px solid #b18d5d;}
#dTop {display:flex; height: 415px; flex-direction: row-reverse; align-items: end; position:relative; background-repeat:no-repeat; background-position:left top }
#dTop .sTitle  {margin-bottom:2em}
#dTop .sTitle  dt{font-size: 4.5rem;font-weight: 200;    color: #333;    word-break: keep-all;}
#dTop .cont {padding:0 0 2em 4%; width:50%}
#dTop .cont .t1 { font-size:18px; line-height:1.5em; word-break: keep-all;}
#dTop .cont .t1 span{color: #b18d5d; font-weight: bold;}
#dTop.top1 {background-image:url('/images/sub/intro6_img1.png');}
#dTop.top2 {background-image:url('/images/sub/intro6_img2.png');}
#dTop.top3 {background-image:url('/images/sub/intro6_img3.png');}
#dTop.top4 {background-image:url('/images/sub/intro6_img4.png');}
#dTop.top5 {background-image:url('/images/sub/intro6_img5.png');}
#dTop.top6 {background-image:url('/images/sub/intro6_img6.png');}


@media all and (max-width:1399px){
    #dTop .cont .t1 br {display:none}
	#dTop:after {left:-5px; top:10px}
}
@media all and (max-width:1280px){
    #dTop {background-size:70% auto}
}
@media all and (max-width:976px){
    #dTop {padding-top:45vw; background-size:100% auto; height: 200%;}
    #dTop .cont .t1 { font-size:16px; line-height:1.5em; word-break: keep-all;}
    #dTop .sTitle  dt{font-size: 4rem;}
	#dTop .cont {padding:0; width:100%; background:#FFF}

	#dTop.derma1 {height:auto;}
}
@media all and (max-width:640px){
		#dTop {padding-top:60vw; background-size:120% auto}
}
@media all and (max-width:480px){
		#dTop .cont .t1 { font-size:16px;  }
}