@charset "utf-8";


/* intro1 */
#intro1 {text-align:center; font-family: 'Pretendard';}
#intro1 h3 {font-size: 35px; line-height: 1.2em; font-weight:400; color:#222}
#intro1 .t1 {margin: 100px 0 10px; font-size:18px;  line-height: 25px; letter-spacing: 0.11px; font-weight: bold; color: #212121;}
#intro1 .t2 {margin: 60px 0; font-size:16px;  line-height: 25px; letter-spacing: 0.11px; color: #686868;}
#intro1 .t3 {margin: 30px 0 0; font-size:16px;  line-height: 25px; letter-spacing: 0.11px; color: #686868;}

#intro1-2 {margin-top:5em; position:relative; display:flex; justify-content:center; flex-wrap:wrap; align-items: top;}
#intro1-2 .intro1-2-sb {margin-left:-203px; position:absolute; left:50%; top:50%; transform:translateY(-50%) }
#intro1-3{max-width:70%; margin: 150px auto 0;}
#intro1-3 .mo{display: none;}
#intro1-3 img{width:100%}

@media all and (max-width:1280px) {
	#intro1-2 .intro1-2-sb {width:300px; margin-left:-150px;}
	#intro1-2 .intro1-2-sb img {width:100%}
}
@media all and (max-width:978px) {
    #intro1 h3 {font-size: 30px;}
    #intro1 .t1 {font-size:16px;}
    #intro1 .t2 {font-size:14px;}
	#intro1-2 .img {width:100%}
	#intro1-2 .intro1-2-sb {width:38vw; margin-left:-19vw;}
	#intro1-2 .intro1-2-sb img {width:100%}
    #intro1-3{margin-top: 50px; max-width: 100%;}
    #intro1-3 .pc{display: none;}
    #intro1-3 .mo{display: block;}
    #intro1 .t2 br{display: none;}
    #intro1 .t3 br{display: none;}
}
@media all and (max-width:640px) {
	#intro1-2 .intro1-2-sb {width:50vw; margin-left:-25vw;}
    #intro1 h3{font-size: 25px;}
    #intro1 h3 br{display: none;}
    
}


/* intro2 */
.intro2{}
.intro2 ul{display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #fff; width: 100%; height: 100%;}
.intro2 ul li:nth-child(1){width: 50%;}
.intro2 ul li .img{background: url(/images/sub/intro2_img1_240530.jpg) no-repeat top center; background-size: cover; height: 850px;}
.intro2 ul li .img2{background: url(/images/sub/intro2_img2_240530.jpg) no-repeat top center; background-size: cover; height: 650px;}
.intro2 ul li:nth-child(2){width: 45%;}
.intro2 ul li {}
.intro2 ul li:nth-child(3){width: 100%; margin: 20px 60px;}
.intro2 ul li .name{color: #212121;}
.intro2 ul li .name p{font-weight: 300; font-size: 20px;}
.intro2 ul li .name h3{font-size: 35px; line-height: 1.5em;}
.intro2 ul li .name h3 span{font-weight: 300;}
.intro2 ul li .name h4{font-family: 'GmarketSansMedium'; color: #479cd8; letter-spacing: 1em; margin: 3em 0; font-size: 0.75em;}
.intro2 ul li dl{color: #212121; margin: 2em 0;}
.intro2 ul li dl dt{font-size: 1.5em; font-weight: 600; margin-bottom: 0.75em;}
.intro2 ul li dl dd{font-size: 1.125em; color: #686868; line-height: 2em; position: relative; padding-left: 1em;}
.intro2 ul li dl dd::before{content: '·'; color: #bdab95; position: absolute; left:0;}
#intro2 #schedule {margin:5em 0; width:100%; float:left}
#intro2 {overflow:hidden; position:relative; margin-top: 50px;}
#intro2:before {content:''; width:100%; height:60%; background:#dceeff; position:absolute;left:0; bottom:0}

@media all and (max-width:1000px){
    .intro2 ul li .img{height: 800px;}
}
@media all and (max-width:976px){
    #intro2 #schedule {margin:3em 0; }
}
@media all and (max-width:820px){
    .intro2 ul{flex-wrap: wrap;}
    .intro2 ul li{width: 100% !important;}
    .intro2 ul li:nth-child(2){padding:3em 3em 0;}
    .intro2 ul li .img{height: 40em;}
    .intro2 ul li .name h4{letter-spacing: 0.1em;font-size: 0.5em;}
    .intro2 ul li .name p{font-weight: 300; font-size: 16px;}
    .intro2 ul li .name h3{font-size: 30px; line-height: 1.5em;}
    .intro2 ul li .name h3 span{font-weight: 300;}
    .intro2 ul li dl dd{font-size: 1em; color: #686868; line-height: 2em; position: relative; padding-left: 1em;}
}
@media all and (max-width:480px){
    .intro2 ul li .img{height: 28em;}
}



/* interior */

#interior { max-width: 1200px;  }
#interior .slick-slide img { max-width: 100%;  }
#interior .interior-for { width: 100%; }
#interior .interior-nav { width: calc(100% + 8px); }
#interior .interior-nav .item { margin-right: 8px; margin-top: 8px;  }



/* intro4 */
.intro4{padding-bottom: 180px !important;}
.intro4 .s-inner{max-width: 1280px; display: flex;}
.intro4 .s-inner > div{width: 50%; border-radius: 15px;}
.intro4 .s-inner .img{background: url(/images/sub/intro4_img1.jpg) no-repeat center center / cover; border: 1px solid #eee;}
.intro4 .s-inner .txt{color: #fff; padding: 80px 60px; background: #2384c7 url(/images/main/mv_txt.png) no-repeat right 30px bottom 30px / 200px; position: relative; top: 60px; left: -30px; box-sizing: 2px 6px 12px rgba(0,0,0,0.3); opacity: 0.9}
.intro4 .s-inner .txt .tit{padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px;}
.intro4 .s-inner .txt .tit h3{font-weight: 300; font-size: 36px;}
.intro4 .s-inner .txt .tit h3 span{font-weight: 600;}
.intro4 .s-inner .txt .tit p{font-size: 18px; font-weight: 300; margin-top: 10px; opacity: 0.8;}
.intro4 .s-inner .txt .time{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.intro4 .s-inner .txt .time li{display: flex; align-items: center; line-height: 2em;}
.intro4 .s-inner .txt .time li .date{width: 120px; font-weight: 600; font-size: 18px;}
.intro4 .s-inner .txt .time li p{font-size: 18px; font-weight: 300;}
.intro4 .s-inner .txt .tel{}
.intro4 .s-inner .txt .tel a{font-size: 40px; font-weight: 700; color: #d3ecff;}

@media all and (max-width:976px){
    .intro4 .s-inner .img{width: 40%;}
    .intro4 .s-inner .txt{padding: 60px 45px; width: 60%; background-size: 160px !important;}
    .intro4 .s-inner .txt .tit h3{font-size: 32px;}
    .intro4 .s-inner .txt .tit p{font-size: 17px;}
    .intro4 .s-inner .txt .time li .date{width: 100px;}
    .intro4 .s-inner .txt .tel a{font-size: 36px;}
}
@media all and (max-width:768px){
    #pageCont.intro4{padding-bottom: 12% !important;}
    .intro4 .s-inner{flex-direction: column;}
    .intro4 .s-inner > div{border-radius: 0;}
    .intro4 .s-inner .img{width: 100%; height: 55vw;}
    .intro4 .s-inner .txt{top: 0; width: 100%; left: 0; padding: 45px;}
    .intro4 .s-inner .txt .tit h3{font-size: 28px;}
    .intro4 .s-inner .txt .tel a{font-size: 32px;}
}
@media all and (max-width:500px){
    .intro4 .s-inner .txt{padding: 30px;}
    .intro4 .s-inner .txt .tit p{font-size: 16px;}
    .intro4 .s-inner .txt .time li .date{width: 80px; font-size: 17px;}
    .intro4 .s-inner .txt .time li p{font-size: 17px;}
    .intro4 .s-inner .txt .tel a{font-size:28px;}
}


/* 오시는 길 */
#sMap {display:flex;font-family: "Pretendard"; }
#sMap #in-map {width:calc(100% - 450px);}
#sMap #in-map .root_daum_roughmap .wrap_controllers {display:none}
#sMap #in-map .root_daum_roughmap .wrap_map { height:1015px !important}
#sMap #mapInfo {width:450px;background:#4c72b9; color:#FFF}
#sMap #mapInfo .add {padding:40px 50px ; background:#1b2136}
#sMap #mapInfo .add .add-t {font-size:18px}
#sMap #mapInfo .add .tel-t {font-size:26px;font-weight:500}
#sMap #mapInfo .traffic  {padding:40px 50px}
#sMap #mapInfo .in-box:last-child {padding-top:20px; margin-top:20px; border-top:1px dashed rgba(255,255,255,0.3)}
#sMap #mapInfo .in-box  h3 {margin-bottom:10px; font-size:28px;letter-spacing:0.03em; color:#c1daff; font-family: "GmarketSansMedium";}
#sMap #mapInfo .in-box  dl {margin-bottom:10px}
#sMap #mapInfo .in-box  dl dt {font-size:20px; padding-bottom:7px;}
#sMap #mapInfo .in-box  dl dd {}
#sMap #mapInfo .in-box  dl dd span {display:inline-block; padding-right:15px}

@media all and (max-width:1280px){
	#sMap #in-map .root_daum_roughmap .wrap_map { height:700px !important}
	#sMap #in-map {width:calc(100% - 365px)}
	#sMap #mapInfo {width:365px;}
	#sMap #mapInfo .add {padding:30px }
	#sMap #mapInfo .traffic  {padding:30px}
	#sMap #mapInfo .add .add-t {font-size:16px}
	#sMap #mapInfo .add .tel-t {font-size:24px }
}
@media all and (max-width:976px){
	#sMap {display:block;}
	#sMap #in-map .root_daum_roughmap .wrap_map { height:450px !important}
	#sMap #in-map {width:100%}
	#sMap #mapInfo {width:100%;}
}
@media all and (max-width:640px){
	#sMap #in-map .root_daum_roughmap .wrap_map { height:380px !important}
}


/* 오시는 길 */
#sMap2 {display:flex;font-family: "Pretendard"; }
#sMap2 #in-map {width:calc(100% - 450px);}
#sMap2 #in-map .root_daum_roughmap .wrap_controllers {display:none}
#sMap2 #in-map .root_daum_roughmap .wrap_map { height:1015px !important}
#sMap2 #mapInfo {width:450px;background:#4c72b9; color:#FFF}
#sMap2 #mapInfo .add {padding:40px 50px ; background:#1b2136}
#sMap2 #mapInfo .add .add-t {font-size:18px}
#sMap2 #mapInfo .add .tel-t {font-size:26px;font-weight:500}
#sMap2 #mapInfo .traffic  {padding:40px 50px}
#sMap2 #mapInfo .in-box:last-child {padding-top:20px; margin-top:20px; border-top:1px dashed rgba(255,255,255,0.3)}
#sMap2 #mapInfo .in-box  h3 {margin-bottom:10px; font-size:28px;letter-spacing:0.03em; color:#c1daff; font-family: "GmarketSansMedium";}
#sMap2 #mapInfo .in-box  dl {margin-bottom:10px}
#sMap2 #mapInfo .in-box  dl dt {font-size:20px; padding-bottom:7px;}
#sMap2 #mapInfo .in-box  dl dd {}
#sMap2 #mapInfo .in-box  dl dd span {display:inline-block; padding-right:15px}

#sMap2 #mapInfo .traffic a.waylink{display: inline-block; width: 100%; line-height: 60px; background-color: gold; text-align: center; font-weight: 600; font-size: 1.2rem; color: #222; border-radius: 10px;}
#sMap2 #mapInfo .traffic a.waylink.naver{background-color: #00a236; color: #fff;}

@media all and (max-width:1280px){
	#sMap2 #in-map .root_daum_roughmap .wrap_map { height:700px !important}
	#sMap2 #in-map {width:calc(100% - 365px)}
	#sMap2 #mapInfo {width:365px;}
	#sMap2 #mapInfo .add {padding:30px }
	#sMap2 #mapInfo .traffic  {padding:30px}
	#sMap2 #mapInfo .add .add-t {font-size:16px}
	#sMap2 #mapInfo .add .tel-t {font-size:24px }
}
@media all and (max-width:976px){
	#sMap2 {display:block;}
	#sMap2 #in-map .root_daum_roughmap .wrap_map { height:450px !important}
	#sMap2 #in-map {width:100%}
	#sMap2 #mapInfo {width:100%;}
}
@media all and (max-width:640px){
	#sMap2 #in-map .root_daum_roughmap .wrap_map { height:380px !important}
}





/* clinic-top */



.cln-top { position: relative; display: table; table-layout: fixed; font-family: 'Pretendard'; }
.cln-top > div { position: relative; display: table-cell; vertical-align: middle; }
.cln-top .img img { max-width: 100%; }
.cln-top .cont {  width: 50%; padding: 2% 6%; background: #fff; }
.cln-top .cont .en { font-size: 30px; font-family: 'GmarketSansMedium'; color:#e7f8fc; font-weight: 900;  }
.cln-top .cont h3 { font-size: 50px; color:#696969; margin-bottom: 0.5em; font-weight: 600; letter-spacing: -0.06em; font-family: 'GmarketSansMedium'; margin-top: 10px;}
.cln-top .cont .t1 { font-size: 20px; color:#222;  }
.cln-top .cont .t2 { font-size: 17px; color:#787878; margin-top: 2em; padding-top: 3em; line-height: 2em; border-top: 8px solid #e7f8fc; }


@media all and (max-width:1280px) {
  .cln-top .cont .en { font-size: 35px; }
  .cln-top .cont h3 { font-size: 45px; }
  .cln-top .cont .t1 { font-size: 18px; }
  .cln-top .cont .t2 { font-size: 16px; padding-top: 2.5em; line-height: 1.7em; }
}

@media all and (max-width:1080px) {
  .cln-top .cont .en { font-size: 32px; }
  .cln-top .cont h3 { font-size: 38px; }
  .cln-top .cont .t2 { padding-top: 2em; }
}

@media all and (max-width:976px) {
  .cln-top > div  { vertical-align: top; }
  .cln-top .cont {  width: 55%; padding-top:0; }
  .cln-top .cont .en { font-size: 28px; }
  .cln-top .cont .t2 br { display: none; }
}

@media all and (max-width:767px) {
  .cln-top, .cln-top > div  { display: block; }
  .cln-top .cont  { padding: 7%; width: 90%;  margin: -25% auto 0; background: rgba(255,255,255,0.95); border-radius: 20px 20px 0 0; }
  .cln-top .cont .en  { color:#dcf2f7; font-size: 20px;}
}

@media all and (max-width:568px) {
  .cln-top .cont { margin-top: -20%; }
}

@media all and (max-width:480px) {
  .cln-top .cont { width: 100%; margin-top: 0; padding: 9% 3%; }
  .cln-top .cont h3 { font-size: 36px; }
  .cln-top .cont .t2 { border-top-width: 6px; font-size: 14px;}
}


/* sTitle */
#sTitle {margin-bottom:1em; font-size:40px; font-weight:600; color:#333; text-align:center;  font-family: 'GmarketSansMedium';}
#sTitle .radius-t1 {border-radius:50px; background:#00a29a; color:#FFF; font-size:20px; padding:0.5em 2em; font-weight:500}
#sTitle .t1 { margin-top:0.7em; font-size:18px; font-weight:400}

@media screen and (max-width:780px){
    #sTitle {font-size:25px;}
#sTitle .radius-t1 { font-size:14px;}
#sTitle .t1 { margin-top:0.7em; font-size:14px; font-weight:400}
}


/* checkList */

#checkList  {  color: #555; font-weight: 400; overflow: hidden; } 
#checkList  li {padding: 1.5em 0;  line-height: 1.2em; width: 48.5%; border-radius: 50px; border:7px solid rgba(33,105,156,0.05); display: inline-block; position: relative; margin: 0 3px 6px; background:url('/images/sub/check_bg.png') no-repeat 20px center; box-sizing:border-box}
#checkList.w3 li {width: 32%; } 
#checkList.w1 li {width: 100%; margin:0 } 
#checkList  li p {float: left; font-size:18px;  padding-left: 55px;}

#checkList.ver2 {margin:0}
#checkList.ver2 li {padding: 0.8em 0;  border:0; border-bottom:1px dashed #DDD;  border-radius:0; margin:0 ;  line-height: 1.6em; 
						background:url('/images/sub/check_bg.png') no-repeat left center; } 
#checkList.ver2 li p { padding-left: 35px;}

@media screen and (max-width:1060px) {	
	#checkList.w3 li {width: 48%; } 
}
@media screen and (max-width:976px) {	
	#checkList li {width:99%; border:5px solid rgba(33,105,156,0.05);}
}
@media screen and (max-width:780px) {	
	#checkList.w3 li {width:99%; } 
    #checkList  li p {font-size:14px;}
}


/* s-tit, s-section */
.stit1 { font-size: 26px;  font-family: 'GmarketSansMedium';color:#222; font-weight: normal; margin-bottom: 1em;  }
.stit2 { font-size: 40px; font-weight: 600; letter-spacing: -0.06em; color:#3d3d3d; margin-bottom: 0.7em; text-align: center; font-family: 'GmarketSansMedium'; }
.stxt1 { line-height: 2em; }
.stxt2 { font-size: 18px; line-height: 1.5em; }
.stxt3 { font-size: 20px; line-height: 1.6em; color:#222;  }
.stxt4 { line-height: 2.0em;   }


.s-section { padding: 6% 0; overflow: hidden; }
.s-section.pds { padding: 5% 0; }

.BGsk { background: #f6fbfd; }

.cln-top + .BGsk { margin-top: -100px; padding-top: calc(6% + 100px); }


@media all and (max-width:976px) {
  .stxt1 { line-height: 1.8em; }
}


@media all and (max-width:767px) {
  .stit2 { font-size: 34px; margin-bottom: 0.5em;  }

  .stxt2 { font-size: 16px; }
  .stxt3 { font-size: 18px; }

  .s-section { padding: 8% 0; overflow: hidden; }
  .s-section.pds { padding: 6% 0; }

  .cln-top + .BGsk { margin-top: 8%; padding-top: 8%; }
}


@media all and (max-width:568px) {

    .stit2 + .stxt3 { padding: 0 5%; }
    .stit2 + .stxt3 br { display: none; }

    .s-section { padding: 10% 0; }
    .s-section.pds { padding: 8% 0; }

    .cln-top + .BGsk { margin-top: 10%; padding-top: 10%; }
}


/* circleList */

.circleList { font-size:0; text-align: center; padding-left: 20px;  }
.circleList li { display: inline-block; vertical-align: middle; width: 250px; line-height: 250px;
                  background: rgba(66, 89, 149, 0.95); border-radius: 100%; color:#fff; margin-left: -20px; }
.circleList li:nth-child(even) { background: rgba(13, 149, 193, 0.95); }
.circleList li p { font-size: 22px; font-weight: 300;  display: inline-block; vertical-align: middle; line-height: 1.2em; }

.circleList li dl { display: inline-block; vertical-align: middle; }
.circleList li dl dt { font-size: 24px; font-weight: 500;  line-height: 1.2em; }
.circleList li dl dd { font-size: 15px; margin-top: 0.5em; padding: 0 3.5em;  line-height: 1.4em; font-weight: 300;  }

.circleList.small li { width: 200px; line-height: 200px; }
.circleList.small li p { font-size: 24px; }

@media all and (max-width:1280px) {
  .circleList li { width: 18vw; line-height: 18vw; }
  .circleList li p { font-size: 20px; }
}

@media all and (max-width:1000px) {
	 .circleList.col5 {max-width: 80%; margin: 0 auto; padding-top:20px;  }
	  .circleList.col5 li { width: 25vw; line-height: 25vw; margin-top: -20px;  }
}
@media all and (max-width:976px) {
  .circleList li { width: 22vw; line-height: 22vw; }
  .circleList li p { font-size: 22px; }
  .circleList.col3 li { width: 26vw; line-height: 26vw; }
  .circleList.col5 li { width: 20vw; line-height: 20vw; }

  .circleList.small li { width: 22vw; line-height: 22vw; }
  .circleList.small li p { font-size: 22px; }
}
@media all and (max-width:767px) {
		 .circleList.col5 {max-width: 100%;  }
		 	  .circleList.col5 li { width: 27vw; line-height: 27vw; }
}
@media all and (max-width:640px) {
  .circleList.col3 li { width: 30vw; line-height: 30vw; }

}

@media all and (max-width:568px) {
  .circleList { padding-left: 10px; }
  .circleList li { margin-left: -10px; }
  .circleList li p { font-size: 16px;  }
  .circleList li dl dd { padding: 0 1em; }

  .circleList.col5 { max-width: 100%; }
  .circleList.col5 li { width: 30vw; line-height: 30vw;  }

.circleList.small li p { font-size: 12px; }

}

@media all and (max-width:480px) {
  .circleList li { width: 24vw; line-height: 24vw; }

  .circleList.col3 { padding-top: 30px; }
  .circleList.col3 li { width: 40vw; line-height: 40vw; margin-top: -30px; }
  .circleList.col3 li dl dd { padding: 0 2em; }
}

@media all and (max-width:430px) {
  .circleList { max-width: 85vw; margin: 0 auto; }
  .circleList li { width: 35vw; line-height: 35vw; }
  .circleList li dl dt { font-size: 22px; }
  .circleList li p { font-size: 14px;  }
  .circleList.col3 { max-width: 100%; }
  .circleList.col3 li { width: 45vw; line-height: 45vw; }

}


/* zzCont */

#zzCont { margin-top:2em;  position: relative;  overflow: hidden; color:#fff; background-size: 50% cover;  background-position: left top; background-repeat: no-repeat;   }
#zzCont.bt { background-position: left bottom ;}
#zzCont:last-child { margin-bottom:0; }
#zzCont .zz-cont { float: right;  width: 50%; padding: 4% 5%; box-sizing: border-box; background:#11386b; }

#zzCont.ver2 { background-position: right top; }
#zzCont .zz-cont.ver2 { float: left;  background:#FFF; border:7px solid rgba(33,105,156,0.05); padding: 3em;} 

#zzCont.major1 { background-image: url("/images/sub/zz-major1.jpg"); }
#zzCont.major3 { background-image: url("/images/sub/zz-major3.jpg"); }
#zzCont.major6 { background-image: url("/images/sub/zz-major6.jpg"); }
#zzCont.major7 { background-image: url("/images/sub/zz-major7.jpg"); }
#zzCont.major9 { background-image: url("/images/sub/zz-major9.jpg"); }


@media all and (max-width:976px) {
	#zzCont { background-size: 100% auto; background-position: left top; } 
	#zzCont .zz-cont { width: 100%; margin-top:45vw}
	#zzCont .zz-cont.ver2 {padding:2em;} 
}


/* orderList */
.orderList { overflow: hidden; max-width: 1400px; margin: 0 auto; }
.orderList li { position: relative; counter-increment: number; border: 1px dotted rgba(255,255,255,0.2);   float: left;
			width: 100%; margin: 0.5em 0; }
.orderList li:nth-child(even) { float: right;  }
.orderList li:before {  content: counter(number, decimal-leading-zero); color:#fff; width: 60px; height: 60px; line-height: 60px;  font-size: 22px; background: #00a29a;
                              display: inline-block; vertical-align: middle; font-weight: 300; margin-right: 15px; text-align: center; }
.orderList li p { display: inline-block; vertical-align: middle;  max-width: calc(100% - 80px); font-size: 18px;  padding:0.3em 0;}
.orderList li .point {font-weight:500; color:#222}
.orderList.ver2 li {border: 1px dotted rgba(0,0,0,0.2); margin: 0.3em 0;  }
.orderList.ver2 li:before {background: #21699c;}
.orderList.ver2 li p {color:#555}

@media all and (max-width:976px) {
  .orderList li { margin: 0.3em 0; }
  .orderList li:before { width: 50px; height: 50px; line-height: 50px; }
}
@media all and (max-width:767px) {
  .orderList li { width: 100%; }
  .orderList li p {font-size: 16px;}
}
@media all and (max-width:500px) {
	  .orderList li:before {width: 40px; height: 40px; line-height: 40px; }
      .orderList li p {font-size: 14px;}
    }


/* dlWrap */
.dlWrap { overflow: hidden; font-family: 'Pretendard';}
.dlWrap .dl-style2 { float: left; }
.dlWrap.col2 .dl-style2 { width: calc(50% - 10px); }
.dlWrap .dl-style2 + dl { margin-left: 20px; }

.dlWrap.col3 .dl-style2 { width: calc((100% - 40px) / 3); }

.dl-style2 { text-align: left; }
.dl-style2 dt { font-size: 20px; color:#fff; font-weight: 500; display: inline-block;  padding: 0.7em 1.8em; line-height: 1.25em;
                    margin-left: 5%; border-radius: 2em; }
.dl-style2 dd { background: #fff; margin-top: -1.625em; padding: calc(5% + 1.325em) 5% 5%; font-size: 18px; }

.dlWrap.col3 .dl-style2 dd { padding: calc(7% + 1.325em) 7% 7%; min-height: 210px; }

.dl-style2.navy dt { background: #425995; }
.dl-style2.blue dt { background: #45b1d0; }


@media all and (max-width:976px) {
  .dlWrap.col3 .dl-style2 { width: 100%; }
  .dlWrap.col3 .dl-style2  + dl { margin-left:0; margin-top: 30px; }
  .dlWrap.col3 .dl-style2 dd { padding: calc(4% + 1.325em) 5% 4%; min-height: auto; }
}


@media all and (max-width:767px) {
  .dl-style2 dd { padding: calc(7% + 1.625em) 7% 7%;}
}

@media all and (max-width:568px) {
  .dlWrap.col2 .dl-style2 { width: 100%; }
  .dlWrap.col2 .dl-style2 + dl { margin-left: 0; margin-top: 20px;  }

  .dl-style2 dt  { padding: 0.5em 1.5em; }
}

@media all and (max-width:1280px) {
    .dl-style2 dd .circleList2 li { width: 115px; line-height: 115px; }
    .dl-style2 dd .circleList2 li p { font-size: 16px; }
  }
  
  @media all and (max-width:1080px) {
    .dl-style2 dd .circleList2 { max-width: 300px; margin:0 auto; }
  }
  
  @media all and (max-width:767px) {
    .dl-style2 dd .circleList2 { max-width: 250px; padding-top: 10px; }
    .dl-style2 dd .circleList2 li { width: 110px; line-height: 110px; margin-top: -10px; }
  }
  
  @media all and (max-width:568px) {
    .dl-style2 dd .circleList2 { max-width: 100%; }
    .dl-style2 dd .circleList2 li { width: 21vw; line-height: 21vw;  }
  }
  
  @media all and (max-width:480px) {
    .dl-style2 dd .circleList2 { max-width: 300px; }
    .dl-style2 dd .circleList2 li { width: 110px; line-height: 110px; }
  }
 

/* contList */
.contList { position: relative; width: 100%; display: table; table-layout: fixed; text-align: center; overflow: hidden; }
.contList li { display: table-cell; vertical-align: top; width: 50%; padding: 0 2%; border-right: 1px solid #e9ebf1; }
.contList.col4 li { display: inline-block; vertical-align: top; width: 50%; padding: 0 2%; border-right: 1px solid #e9ebf1;  margin-bottom: 2%;}
.contList.col4 li:nth-child(3) p{ background: #1363df;}
.contList.col4 li:nth-child(4) { border-left: 1px solid #e9ebf1;}
.contList.col4 li:nth-child(4) p{ background: #64d1ed;}
.contList li:first-child { border-left: 1px solid #e9ebf1;  }
.contList li img { max-width: 100%; }
.contList li dl { width: 100%; max-width: 600px; margin: 0 auto; text-align: left; padding: 2em 0 1em;}
.contList li dl dt { position: relative; display: inline-block; color:#212121; font-size: 20px; font-weight: 500; margin-bottom: 0.5em; padding: 0 0.1em; }
.contList li dl dt::before { content:''; width: 100%; height: 10px; background: rgba(255, 245, 198, 0.5); position: absolute; left:0; bottom: 0; z-index:-1;  }
.contList li dl dd { display: block; font-size: 16px; line-height: 1.6em; }

.contList li p { display: block; width: 100%; max-width: 600px; margin: 0 auto; background: #5f9df7; color:#fff; font-size: 18px; font-weight: 500; padding: 1em 0; }
.contList li .txt{border: 1px solid #ddd; border-top: 0; padding: 20px;}
.contList li:first-child p { background: #64d1ed; }

.contList + .contList li { padding-top: 2%; }

.contList.col3 li { width: calc(100%/3); }
.contList.col3 li:last-child p { background: #1363df; }

.contList.ver2 { border: 10px solid #f0f3fc; padding: 2em 0; border-radius: 5px; }
.contList.ver2 li:first-child { border-left:0; }
.contList.ver2 li:last-child { border-right:0; }
.contList.ver2 li { padding:0 2%; }
.contList.ver2 li dl { padding: 1em 0; }

@media all and (max-width:1024px){
    .contList.col4 li { width: calc(100%/2); }
}

@media all and (max-width:767px){
  .contList { display: block; }
  .contList li { display: block; width: 100%; border:0 !important; padding:0;  }
  .contList li dl { padding: 2em 0; }
  .contList li:last-child { margin-top: 1em; }

  .contList.col3 li { width: calc(100%/1); float: left; padding: 0 2%; }
  .contList.col4 li { width: calc(100%/1); float: left; padding: 0 2%; }

  .contList.ver2 { padding: 0 2%; }
  .contList.ver2 li { border-bottom: 1px solid #e9ebf1 !important; }
  .contList.ver2 li:last-child {border-bottom: 0; }
  

  .contList li:first-child img { margin-top: 15px;}
}

@media all and (max-width:480px){
  .contList.col3 li { width: 100%; padding: 0; margin:1em auto; }
  .contList.col3 li:first-child { margin-top:0; }
}


.vid{max-width: 800px; margin: 0 auto; padding: 0 10px;}
.vid video{width: 100%;}

.c-img{width: 80%; margin: 30px auto;}
.c-img img{width: 100%;}
.m-img{width: 40%; margin: 100px auto 0;}
.m-img img{width: 100%;}

#major2 .img {max-width: 700px; height: 620px; background-color: #000;position: relative;}
#major2 .img video{width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}

@media screen and (max-width:767px){
    #major2 .img video{top: 40%;}
}
@media screen and (max-width:600px){
    #major2 .img {height: 520px;}
}
@media screen and (max-width:480px){
    #major2 .img {height: 400px;}
    #major2 .img video{top: 50%;}
}