@charset "utf-8";


#mVisual {position:relative; width:100%; height:calc(100vh - 100px); min-height: 44vw;  overflow:hidden; }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider { width: 100%; height:100%; background-repeat: no-repeat; background-size: cover;  }

.mv_slider.mv1 { background-image:url('/images/main/mv1.webp'); background-position: right center; }
.mv_slider.mv2 {position: relative; background-color: #f3f1f0 ;}

#mVisual .mv_slider .mv-txt { width:100%; height:100%; display:flex; align-items: center; }
#mVisual .mv_slider .mv-txt div { width:100%; text-align: center; color:#1f3044; }
#mVisual .mv_slider.mv2 .mv-txt div{color:#1f3044;}
#mVisual .mv_slider .mv-txt div h3 { font-size: 5.5rem; font-weight: 300; line-height:1.2em }
#mVisual .mv_slider .mv-txt div h4{font-size: 4rem;}
#mVisual .mv_slider .mv-txt div .eng { margin:0 0 2em; font-size: 1.5rem; font-weight:700; font-family:'Montserrat'; opacity:1; color:#e4dfda; letter-spacing:0.15em; text-transform:uppercase }
#mVisual .mv_slider .mv-txt div .t1 {margin-top: 1em; font-size: 2.0rem; font-weight: 700; line-height:1.6em;}
#mVisual .mv_slider .mv-txt div .t2{font-size:5.0rem; font-weight: 300; line-height: 1.4em; opacity: 0.9;}

#mVisual .mv_slider.mv1 .mv-txt  { padding-right:5%; width:50%; height:100%; background: linear-gradient(90deg, #f3f1f0 75%, transparent); background-size:auto 100%  }
#mVisual .mv_slider.mv1 .mv-txt div {text-align: center;  }

#mVisual .mv_slider.mv2 .mv-txt { padding-right:5%; width:50%; height:100%;}
#mVisual .mv_slider.mv2 img{position: absolute; right: 5%; top: 50%; transform: translateY(-50%);}

.cir_num{margin-top: 80px; margin-right: -20px; display: flex; justify-content: center; align-items: center;}
.cir_num li{margin-left: -20px; display: flex; align-items: center; justify-content: center; width: 250px; height: 250px; background-color: #03998d; outline:10px solid rgba(3, 153, 141, 0.2); border-radius: 50%;}
.cir_num li:nth-child(2){background-color: #004f99; outline: 10px solid rgba(0, 79, 153, 0.2);}
.cir_num li:nth-child(3){background-color: #0d2441; outline: 10px solid rgba(13, 36, 65, 0.2);}
.cir_num li dl{color: #fff;}
.cir_num li dl dt{font-size: 2.1rem; font-weight: 700;}
.cir_num li dl dd{font-size: 2.4rem; font-weight: 600;}
.cir_num li dl dd span.num{font-weight: 800; font-size: 5.0rem;  letter-spacing: -0.03em;}

.sm{font-size: 2.8rem; font-weight: bold;}

@media all and (max-width:1699px){
    #mVisual .mv_slider.mv1 .mv-txt {width: 55%; background: linear-gradient(90deg, #f3f1f0 65%, transparent);}
}
@media all and (max-width:1599px){
    #mVisual .mv_slider.mv2 img{width: 45%; right: 3%;}
}
@media all and (max-width:1399px){
    #mVisual .mv_slider.mv1 .mv-txt {width: 60%; background: linear-gradient(90deg, #f3f1f0 65%, transparent);}
    #mVisual .mv_slider.mv2 .mv-txt {width: 60%;}
    #mVisual .mv_slider.mv2 img{width: 40%;}
    #mVisual .mv_slider .mv-txt div h3{font-size: 4.5rem;}
}
@media all and (max-width:1024px){
    #mVisual { height:calc(90vh - 100px);}
	#mVisual .mv_slider.mv1 {background-position:55% top}
    #mVisual .mv_slider.mv1 .mv-txt {padding-left:5%}
    #mVisual .mv_slider.mv2 .mv-txt {padding-left:5%}
    #mVisual .mv_slider .mv-txt div .eng { margin:0 0 3em; font-size: 1.3rem;}
    #mVisual .mv_slider .mv-txt div h3{font-size: 4.0rem;}
	#mVisual .mv_slider .mv-txt div .t1 {margin-top: 1em; font-size: 1.8rem}
	.cir_num li { width: 180px; height: 180px; }
    .cir_num li dl dt{font-size: 1.8rem; }
	.cir_num li dl dd{font-size: 2.2rem;;}
	.cir_num li dl dd span.num{font-size: 5.0rem; }
    .sm{font-size: 2.2rem;}
}
@media all and (max-width:976px){
    #mVisual { height:140vw}
    #mVisual .mv_slider.mv1{display: flex; align-items: flex-end; }
    #mVisual .mv_slider.mv2{display: flex; align-items: flex-end; }
    #mVisual .mv_slider.mv1 {background-position:right top; background-size:170% auto}
    #mVisual .mv_slider.mv1 .mv-txt{padding-bottom: 60px;  padding-left:0; padding-right: 0; width: 100%; height: 60%; background: linear-gradient(0deg, #f3f1f0 80%, transparent);}
    #mVisual .mv_slider.mv2 .mv-txt{padding-bottom: 60px;  padding-left:0; padding-right: 0; width: 100%; height: 40%;}
    #mVisual .mv_slider .mv-txt div .eng{margin:0 0 2em}
    .cir_num{margin-top: 20px; margin-right: -15px;}
    .cir_num li{width: 200px; height: 200px; margin-left: -15px;}
    #mVisual .slick-dots{bottom:30px;}
    
    #mVisual .mv_slider.mv2 img{width: 80%; right: auto; left: 50%; transform: translateX(-50%); top: 2%; padding-right: 0;}
}

@media all and (max-width:767px){
    .cir_num li{width: 170px; height: 170px;}
    #mVisual .mv_slider.mv2 img{width: 73%;}
    .sm{font-size: 2rem;}
}
@media all and (max-width:567px){
    #mVisual {height: 178vw;}
    #mVisual .mv_slider.mv1{background-position:80% 0 ; background-size:180% auto}
    #mVisual .mv_slider.mv1 .mv-txt{padding-bottom: 0;  background: linear-gradient(0deg, #f3f1f0 90%, transparent);}
    #mVisual .mv_slider.mv2 .mv-txt{padding-bottom: 0; height: 40%;}
    #mVisual .mv_slider.mv2 .mv-txt div .eng{margin:0 0 5px}
    #mVisual .mv_slider .mv-txt div h3{font-size: 3rem;}
    #mVisual .mv_slider .mv-txt div .t1{font-size: 1.6rem;}
    #mVisual .mv_slider.mv2 .mv-txt div .t1{margin-top: 5px;}
	.cir_num {margin-bottom:8%; margin-top: 15px;}
    .cir_num li{width: 30vw; height: 30vw;}
    .cir_num li dl dt{font-size: 1.7rem;}
    .cir_num li dl dd{font-size: 1.7rem;}
    .cir_num li dl dd span.num{font-size: 3rem;}
    
    #mVisual .mv_slider.mv2 img{width: 100%; top: 0;}
    #mVisual .mv_slider.mv2 .mv-txt div{position: relative; z-index: 4;}
    
    #mVisual .slick-dots{bottom:10px;}
    .sm{font-size: 1.6rem;}
}



#mTitle {margin-bottom:3.2em}
#mTitle p.eng { font-size:1.5rem; font-family:'Poppins'; font-weight:400; letter-spacing:0em;
    opacity:.5; text-transform:uppercase; color: #ec680c;}
/* #mTitle h4{margin-top: 20px; font-size: 3.0rem; font-family: 'NEXON Lv1 Gothic OTF'; font-weight: 400; color: #222222; } */
#mTitle h3 {font-size:3.6rem; line-height:1.2em;  font-weight:300; color:#1f3044;  font-family: 'ONE-Mobile-Title'; /*transform: rotate(-0.03deg);*/}
#mTitle p.t1 {margin-top:1em; font-size:1.8rem; line-height:1.6em; font-weight: 500; font-family: 'SUIT'; color:#686868; opacity: 0.7;}

@media all and (max-width:480px) {
	#mTitle h3 {font-size:3.2rem;}
	#mTitle p.t1 {font-size:1.6rem}
}


#mClinic{padding: 100px 0 130px;}
#mClinic .cont{display: flex; flex-wrap: wrap; gap: 20px; }
#mClinic .cont a{color: #fff; display: block;}
#mClinic .cont .box{padding: 70px 50px 130px; background-repeat: no-repeat; background-position: right center; background-size: cover; transition: all .45s cubic-bezier(0.215, 0.610, 0.355, 1)}
#mClinic .cont .box:hover{transform: scale(1.04);}
#mClinic .cont .box dl dt{font-size: 3.6rem; font-family: 'ONE-Mobile-Title';;}
#mClinic .cont .box dl dd{margin-top: 20px; font-weight: 500;}
#mClinic .cont .box:nth-child(-n+3){width: calc((100% - 40px)/3); background-position: center center;}
#mClinic .cont .box:nth-child(n+4){width: calc((100% - 60px)/4);}
#mClinic .cont .box.bg1{background-image: url('/images/main/mclinic-img1.webp');}
#mClinic .cont .box.bg2{background-image: url('/images/main/mclinic-img2.webp');}
#mClinic .cont .box.bg3{background-image: url('/images/main/mclinic-img3.webp');}
#mClinic .cont .box.bg4{background-image: url('/images/main/mclinic-img4.webp');}
#mClinic .cont .box.bg5{background-image: url('/images/main/mclinic-img5.webp');}
#mClinic .cont .box.bg6{background-image: url('/images/main/mclinic-img6.webp');}
#mClinic .cont .box.bg7{background-image: url('/images/main/mclinic-img7.webp');}
@media all and (max-width:1399px){
    #mClinic .cont{gap: 10px;}
    #mClinic .cont .box:nth-child(-n+3){width: calc((100% - 20px)/3);}
    #mClinic .cont .box:nth-child(n+4){width: calc((100% - 30px)/4);}
}
@media all and (max-width:1199px){
    #mClinic .cont .box{padding: 70px 30px;}
    #mClinic .cont .box:nth-child(n+4){width: calc((100% - 10px)/2);}
}
@media all and (max-width:767px){
    #mClinic .cont .box:nth-child(-n+3){width: 100%;}
}
@media all and (max-width:567px){
    #mClinic .cont .box{padding: 50px 30px;}
    #mClinic .cont .box:nth-child(n+4){width: 100%;}
}
@media all and (max-width:480px){
    #mClinic{padding: 15vw 0;}
}


#mDoctor{position: relative; padding: 130px 0 50px; background:url('/images/main/mdoctor-bg1.webp')no-repeat center center; background-size: cover;}
#mDoctor:before{content: ''; position: absolute; left: 0; top: 0; background: url('/images/main/mdoctor-bg2.webp')no-repeat left top; width: 855px; height: 49px;}
#mDoctor:after{content: ''; position: absolute; right: 0; bottom: 0; background: url('/images/main/mdoctor-bg3.webp')no-repeat right top; width: 1097px; height: 133px;}
#mDoctor .dr{position: absolute; right: 0; bottom: -50px; z-index: 11;}
#mDoctor .cont h4{font-family: 'Nanum Myeongjo', serif; color: #fff; font-size: 4.0rem; font-weight: normal; line-height: 1.4;}
#mDoctor .cont h4 .br{display: none;}
#mDoctor .cont h4 span{color: #1ebdff;}
#mDoctor .cont dl{margin-top: 40px; display: flex; color: #fff;}
#mDoctor .cont dl dt{width: 295px; font-family: 'ONE-Mobile-Title'; font-size: 3.4rem; font-weight: normal;}
#mDoctor .cont dl dd{line-height: 1.7em;}
#mDoctor .cont dl dd .links{margin:50px 0 100px;}
#mDoctor .cont dl dd .links a{color: #fff; display: inline-flex; width: 195px; height: 50px; line-height: 50px; background-color: #124f99; padding: 0 20px; align-items: center;}
#mDoctor .cont dl dd .links a:hover{background-color: #03998d;}
#mDoctor .cont dl dd .links a img{display: inline-block; vertical-align: middle; margin-left: auto;}
#mDoctor .cont .cert{width: 60%; position: relative; z-index: 10;}
#mDoctor .cont .cert > img{width: 100%;}
#mDoctor .cont .cert .mo{display: none;}

@media all and (max-width:1599px){
    #mDoctor .cont h4 .br{display: block;}
}
@media all and (max-width:1399px){
    #mDoctor .cont dl{flex-direction: column; gap: 20px;}
    #mDoctor .cont .cert{margin-left: 0; width: 50%;}
   
}
@media all and (max-width:1280px){
    #mDoctor .dr img{width: 490px;}
   
}
@media all and (max-width:976px){
    #mDoctor{padding: 20px 0 50px;}
    #mDoctor:before{height: 39px; background-size: contain;}
    #mDoctor:after{display: none;}
    #mDoctor .dr{margin-bottom: 80px; position: relative; text-align: center;}
    #mDoctor .dr:before{content: ''; position: absolute; right: -6%; bottom: 0; background: url('/images/main/mdoctor-bg3.webp')no-repeat right top; background-size: contain; width: 1097px; height: 100px; z-index: -1;}
    #mDoctor .cont h4{font-size: 3.5rem;}
    #mDoctor .cont h4 .br{display: none;}
    #mDoctor .cont .cert{width: 100%;}
    #mDoctor .cont dl dd .links{margin:50px 0 50px;}
}
@media all and (max-width:767px){
    #mDoctor .dr img{width: 70%;}
    #mDoctor .dr:before{ height: 70px;}
    #mDoctor .cont .cert .pc{display: none;}
    #mDoctor .cont .cert .mo{display: block;}
}
@media all and (max-width:567px){
    #mDoctor:before{height: 25px;}
    #mDoctor .dr:before{ height: 55px;}
}
@media all and (max-width:480px){
    #mDoctor .cont dl dd .links a{width: 150px;}
    #mDoctor:before{left: -10%;}
}
@media all and (max-width:380px){
    #mDoctor{padding-top: 0;}
    #mDoctor .cont dl dd .links{margin: 25px 0;}
    #mDoctor .cont dl dd .links a{width: 130px;}
}

#mEquipment{background:url('/images/main/mequipment-bg.webp')no-repeat right top; background-position: 120%;}
#mEquipment .cont{ display: flex; position: relative; gap: 80px;}
#mEquipment .cont #picSlider1{width: 56%; margin-left: -10%;}
#mEquipment .cont #picSlider1 img{max-width: 100%;}
#mEquipment .cont #txtSlider1{width: 50%;}

#mEquipment .cont #picSlider1 .slick-track{display: flex !important;}
#mEquipment .cont #picSlider1 .slick-slide{opacity: 0.4;}
#mEquipment .cont #picSlider1 .slick-slide.slick-current {opacity: 1;}

#mEquipment .cont .arrows > div{position: absolute; top: 50%; transform: translateY(-50%); background-color: #788aa4; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 999; cursor: pointer; transition: all .25s;}
#mEquipment .cont .arrows .prev{left: 8%;}
#mEquipment .cont .arrows .next{right: 8%;}
#mEquipment .cont .arrows > div:hover{background-color: #03998d;}

#txtSlider1 dl dt h4 {margin-top: 1em; font-size: 4.2rem; font-family: 'ONE-Mobile-Title'; color: #1f3044; font-weight: normal;}
#txtSlider1 dl dt p{margin-top: 0.5em; color: #12998d; font-size: 2.2rem; font-family: 'Montserrat'; font-weight: 700;}
#txtSlider1 dl dd{margin-top: 2em; line-height: 1.58;}
#txtSlider1 a{display: inline-flex; align-items: center; margin-top: 50px; width: 210px; height: 50px; line-height: 50px; border:1px solid #cfcfcf; padding: 0 30px;}
#txtSlider1 a img{margin-left: auto;}
@media all and (max-width:1399px){
    #txtSlider1 dl dt h4{margin-top: 0;}
    #mEquipment .cont #picSlider1{width: 65%; margin-left: -15%;}
}
@media all and (max-width:1199px){
    #mEquipment .cont #picSlider1{width: 75%; margin-left: -25%;}
}
@media all and (max-width:976px){
    #mEquipment{background-position: right top;}
    #mEquipment .cont{flex-wrap: wrap; gap: 0;}
    #mEquipment .cont #picSlider1{margin-bottom: 40px; width: 100%; margin-left: 0;}
    #mEquipment .cont #txtSlider1{width: 100%; width: 94%; margin: 0 auto;}
    #mEquipment .cont #picSlider1 li{text-align: center;}
    #mEquipment .cont #picSlider1 li img{display: inline-block;}
}
@media all and (max-width:567px){
    #mEquipment .cont .arrows > div{top: 45%;}
}
@media all and (max-width:480px){
    #mEquipment .cont .arrows > div{top: 40%; width: 60px; height: 60px;}
    #mEquipment .cont .arrows > div img{max-width: 20px;}
    #mEquipment .cont .arrows .prev{left: 3%;}
    #mEquipment .cont .arrows .next{right: 3%;}
    #txtSlider1 dl dd br{display: none;}
    #txtSlider1 a{margin-top: 2em; width: 150px; height: 40px; line-height: 40px; padding: 0 20px;}
}

#mMap .wrap_controllers {display: none;}
#mMap .map_border{display: none;}
#mMap{position: relative; ;}
#mMap .map_info{position: absolute; right:8%; top: 0; width: 500px; height: 100%; z-index: 99; background: rgba(14, 64, 123, 0.95); color: #fff;display: flex; flex-direction: column; justify-content: space-between}
#mMap .map_info .top{padding: 45px;}
#mMap .map_info .top h3{font-size: 3.6rem; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
#mMap .map_info .top .add{margin-top: 30px; font-size: 2.2rem; font-weight: 600;}
#mMap .map_info .top .subway{font-weight: 500; font-size: 1.7rem;}
#mMap .map_info .top .subway span{font-weight: 700; background-color: #ff7d21; border-radius: 50%; width: 22px; height: 22px; display: inline-block; text-align: center;}
#mMap .map_info .top .line{margin: 30px 0; width: 100%; height: 1px; background-color: rgba(178, 178, 178, 0.17);}
#mMap .map_info .top dl{display: flex; align-items: flex-start; font-size: 1.7rem;}
#mMap .map_info .top dl dt{width: 100px; font-weight: 600; }
#mMap .map_info .top dl dd {font-weight: 500;}
#mMap .map_info .top dl dd .tel{font-family: 'Oswald'; font-size: 2.8rem; color: #1cf8e4; font-weight: 500; line-height: 1;}
#mMap .map_info .btm{display: flex; align-items: center; justify-content: center; background-color: #12998d; height: 80px; text-align: center;}
#mMap .map_info .btm a{display: inline-flex; align-items: center; color: #fff; font-family: 'ONE-Mobile-Title'; font-size: 1.8rem; padding:0 30px;}
#mMap .map_info .btm a img{margin-right: 25px;}
#mMap .map_info .btm a:last-child{border-left:1px solid #ffffff44}
@media all and (max-width:1599px){
    #mMap .map_info{right: 2%;}   
}
@media all and (max-width:1399px){
    #mMap{display: flex; align-items: stretch;}
    #mMap .root_daum_roughmap {width:calc(100% - 500px) !important; height: 643px !important;}
    #mMap .map_info{position: static; height: 100%;}
}
@media all and (max-width:976px){
    #mMap{display: block;}
    #mMap .root_daum_roughmap{width: 100% !important; height: 460px !important;}
    #mMap .map_info{width: 100% !important;}
}
@media all and (max-width:480px){
    #mMap .map_info .top .subway span{width: 4.5vw; height: 4.5vw;}
    #mMap .map_info .top{padding:35px;}
    #mMap .map_info .top dl dt{width: 60px; flex:0 0 auto;}
    #mMap .map_info .btm a{padding: 0 20px;}
}


#mBoard{display: flex;}
#mBoard > div{width: 50%; padding: 80px 8%;}
#mBoard > form{width: 50%; padding: 80px 8%;background-color: rgba(184, 212, 216, 0.1);}
#mBoard #mTitle{margin-bottom: 30px;}
#mBoard .m_notice{}
#mBoard .m_notice .list{ border-top: 1px solid #1f3044;}
#mBoard .m_notice .list li{padding: 16px 0; display: flex; align-items: center; border-bottom:1px dotted #686868}
#mBoard .m_notice .list .date{width: 70px; height: 70px; flex:0 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #f7f7f7; font-family: 'oswald'; color: #1f3044; font-weight: 500; line-height: 1;}
#mBoard .m_notice .list .date .day{font-size: 3.0rem; }
#mBoard .m_notice .list .date p{font-size: 1.3rem;}
#mBoard .m_notice .list .sbj{margin-left: 5%; color: #1f3044; font-weight: 500; font-size: 1.7rem;}
#mBoard .m_notice .list .sbj:hover{text-decoration: underline;}
#mBoard .m_notice .list2{ border-top: 1px solid #1f3044;}
#mBoard .m_notice .list2 li{padding: 16px 3%; display: flex; align-items: center; border-bottom:1px dotted #686868; justify-content: space-between;}
#mBoard .m_notice .list2 .date{ flex:0 0 auto; text-align: right; display: flex; justify-content: center; align-items: center; background-color: #f7f7f7; font-family: 'oswald'; color: #1f3044; font-weight: 500; line-height: 1; margin-left: auto;}
#mBoard .m_notice .list2 .sbj{color: #1f3044; font-weight: 500; font-size: 1.7rem; width: 60%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#mBoard .m_notice .list2 .sbj a{}
#mBoard .m_notice .list2 .sbj:hover{text-decoration: underline;}
#mBoard .m_notice .list2 .name{margin-left: 15px; font-size: 0.925em; color: #666;}
#mBoard .m_inquiry{}
#mBoard .m_inquiry .list{border-top: 1px solid #1f3044; border-bottom:1px solid #1f3044}
#mBoard .m_inquiry .list li{padding: 1.5em 0; display: flex; align-items: flex-start;}
#mBoard .m_inquiry .list li label{width: 100px; flex:0 0 auto; font-size: 1.7rem; font-weight: 600; color: #1f3044;}
#mBoard .m_inquiry .list li:nth-child(-n+2){border-bottom:1px dotted rgba(104, 104, 104, 0.2);}
#mBoard .m_inquiry .list li input{border:none; width: 100%; background-color: transparent; font-size: 1.7rem;} 
#mBoard .m_inquiry .list li textarea{border:none; background-color: transparent;}

#mBoard .btm{text-align: right; margin-top: 2em;}
#mBoard .btm .checkbox{display: inline-block; font-size: 1.5rem; font-weight: 500; vertical-align: top; margin-right: 2em;}
#mBoard .btm .checkbox label{ cursor: pointer;}
#mBoard .btm .go{width: 170px; height: 50px; line-height: 47px; color: #fff; background-color: #0e407b; font-family: 'ONE-Mobile-Title'; font-size: 1.8rem; cursor: pointer;}
@media all and (max-width:976px){
    #mBoard > div{padding: 60px 6%;}
    #mBoard > form{padding: 60px 6%;}
}
@media all and (max-width:767px){
    #mBoard{display: block;}
    #mBoard > div{width: 100%;}
    #mBoard > form{width: 100%;}
}
@media all and (max-width:380px){
    #mBoard .btm .checkbox{margin-right:0; margin-bottom: 10px; display: block;}
}

/* 개인정보처리방침 */
.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#111;  border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .contwrap{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer .layer_wrap .contwrap h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:2.2rem; font-weight:bold;}
.layer .layer_wrap .contwrap .cont_wrap .t2 {font-size:1.5rem;}
.layer .layer_wrap .contwrap .cont_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .contwrap .cont_wrap h4 {font-size:1.5rem; display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer .layer_wrap .contwrap .cont_wrap p {font-size:1.4rem; margin-bottom:16px; padding:4px 12px; box-sizing:border-box; line-height:1.4em}