@charset "utf-8";



#intro1 {overflow:hidden}
#intro1 > div {width:50%; float:left}

#intro1 .cont {position:relative;}
#intro1 .cont:before {content:''; width:204px; height:213px; background:url('/images/sub/intro1-symbol.png')no-repeat; background-size:cover; position:absolute; right:0; top:0}
#intro1 .cont h4 {margin:3.5em 0 2em; font-size: 2em; line-height:1.3em;  color:#222; font-family: 'NanumMyeongjo';  font-weight: 700; letter-spacing:-0.03em }
#intro1 .cont p {margin-bottom:6%}
#intro1 .cont .t1 {line-height:2.0em}
#intro1 .cont .point {font-size:1.5em; color:#b79044; line-height:1.5em}
#intro1 .cont .name {font-size:1.128em; color:#222;}
#intro1 .cont .sign {font-size:1.5em; color:#222; padding-left:5px; font-weight:500}

@media all and (max-width:1599px) {
	#intro1 .img {width:40%}
	#intro1 .img img {width:90%}
	#intro1 .cont {width:calc(60% - 70px); }
	#intro1 .cont:before { width:130px; height:136px; }
}
@media all and (max-width:1399px) {
	#intro1 .img img {width:90%}
	#intro1 .cont:before { width:110px; height:115px; }
}
@media all and (max-width:979px) {
	#intro1 .img {width:100%; text-align:center}
	#intro1 .img img {width:50%; }
	#intro1 .cont {width:90%; margin-top:-60px; }
}
@media all and (max-width:640px) {
	#intro1 .img img {width:60%; }
	#intro1 .cont {width:100% }
	#intro1 .cont h4 {margin:3.5em 0 1.3em; }
}
@media all and (max-width:480px) {
		#intro1 .img img {width:80%; }
		#intro1 .cont {margin-top:-60px; }
		#intro1 .cont h4 { font-size: 1.8em; margin:5.5em 0 1.3em; }
}







#intro2 { background:url('/images/sub/intro2-bg_231124.png') no-repeat right top; }
#intro2.intro2-1 { background:url('/images/sub/intro2-1-bg_231207.png') no-repeat right top; }
#intro2.intro2-2 { background:url('/images/sub/intro2-2-bg_231124.png') no-repeat right top; }
#intro2.intro2-3 { background:url('/images/main/symbol-bg.png') no-repeat right top; }
#intro2 .top {display:table; width:1200px; height:630px; margin:0 auto}
#intro2 .top .in-top {display:table-cell;  box-sizing:border-box; vertical-align:middle; }
#intro2 .top .in-top dt {font-size: 3.2em; color:#222; font-weight:700 }
#intro2 .top .in-top dd { font-size: 0.8125em; padding:0 0 1em 5px; opacity:.5; font-weight: 700; color:#b79044;  text-transform: uppercase; font-family: 'Montserrat', sans-serif;letter-spacing:0.03em }
#intro2 .top .in-top .message {font-size:1.35em; line-height:1.5em; padding:2em 0 3em; color:#012d84}
#intro2 .box  {max-width:1280px; padding:5%; box-shadow: 5px 5px 20px rgba(85,85,85,0.2); margin: 0 auto; background:#012d84; color:#FFF; overflow:hidden}
#intro2 .box > div  {width:35%; float:left}
#intro2 .box > div:first-child  {width:30%; }
#intro2 .box h3 {font-size:1.8em; padding-bottom:0.5em; letter-spacing:0;}
@media all and (max-width:1280px) {
	#intro2 .top {width:100%; }
}
@media all and (max-width:976px) {
	#intro2 {background-size:auto 80% !important;}
	#intro2 .top {height:500px;}
}
@media all and (max-width:767px) {
	#intro2 .top {height:380px;}
}
@media all and (max-width:640px) {
	#intro2 {background-size:auto 60% !important; background-position:140% 10%  !important;}
	#intro2 .top .in-top .message {padding:1.5em 0 1.5em;}
	
	#intro2 .box > div  {width:100%; }
	#intro2 .box > div:first-child  {width:100%; }
}
@media all and (max-width:530px) {
	#intro2 {background-size:110% auto !important;  background-position:20% 0  !important;}
	#intro2 .top {padding:60% 0 0; height:auto;}
	#intro2 .top .in-top {background:rgba(255,255,255,1); padding:7% 5% 5%}
}
@media all and (max-width:480px) {
	#intro2 .top .in-top dt {font-size: 2.5em; }
	#intro2 .top .in-top .message {font-size:1.1em;}
	#intro2 .box h3 {font-size:1.5em;}
}

.dotList {}
.dotList li {position:relative; padding-left:10px; margin:0.5em 0 }
.dotList li:before {content:''; width:4px; height:4px; border-radius:5px; background:#DDD; position:absolute; left:0; top:0.6em }




#intro3 {overflow:hidden; color:#FFF; background:url('/images/sub/intro3-bg.png') no-repeat top left; background-size:cover 100%;}
#intro3 .cont {width:45%; float:right; background:#0e2d6b;}
#intro3 .cont dl {padding:7% 10%;}
#intro3 .cont dl dt {font-size:1.6em; line-height:1.2em; font-weight:600; padding-bottom:10px} 
#intro3 .cont dl dd {font-size:1.2em; line-height:1.6em; }
#intro3 .cont dl dd span {width:100px; display:inline-block;}
#intro3 .cont .t1 {padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid rgba(255,255,255,0.1)} 
#intro3 .cont .st1 {font-size:0.95em; padding-top:1em; }
#intro3 .cont .tel {background:#b28c42}
#intro3 .cont .tel .num {font-size:2.0em; letter-spacing:-0.03em; line-height:1.2em;  font-family: 'Montserrat', sans-serif; font-weight:600}
#intro3 .cont .tel .fax {font-size:1.125em; ; padding-top:5px;  font-family: 'Montserrat', sans-serif;  font-weight:500}
@media all and (max-width:1100px) {
	#intro3 {background-size:auto 100%;}
}
@media all and (max-width:860px) {
	#intro3 .cont dl dd span {width:80px;}
}
@media all and (max-width:810px) {
	#intro3 {background-size:100% auto; background-position:0 -27% }
	#intro3 .cont {width:100%; margin-top:50vw}
}
@media all and (max-width:530px) {
	#intro3 {background-position:0 -22% }
}
@media all and (max-width:420px) {
		#intro3 {background-position:0 -10% }
		#intro3 .cont { margin-top:55vw}
}






#sMap { position: relative; overflow: hidden; z-index:1  }
#sMap .root_daum_roughmap .wrap_map  { height: 550px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none;}

#sMap-info { position: relative; overflow: hidden; width: 92%; margin: -3vw auto 0; padding: 5%;   border:1px solid #f4f4f4;  border-top:2px solid #0e2d6b; border-right-color:#ccc; border-bottom-color:#ccc;
			 background:#fff url("/images/sub/intro5-symbol.png") no-repeat 105% center; background-size: auto 95%; z-index:5}
#sMap-info .tit { float: left; width: 40%; border-right: 1px solid #e5e5e5; }
#sMap-info .tit h4 {  color:#282828; font-size: 2.3em; line-height: 1.5em; font-weight:500;  }
#sMap-info .tit p { color:#999; font-size: 1.125em; line-height: 1.5em; font-weight:300 }
#sMap-info .txt { float: left; width: 60%; padding: 1% 0 0 5%;  line-height: 1.5em;  }
#sMap-info .txt .add {font-weight:500; color:#222; font-size: 1.55em; }
#sMap-info .txt .tel {font-weight:500; color:#0e2d6b; font-size: 1.25em; padding-top:0.5em; }

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

#sMap-info .tit { width: 35%; }
#sMap-info .txt { width: 65%; }

}

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

#sMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
.locaInfo dl { padding: 5% 0 5% 100px; background-size: 80px; font-size: 1.3em; }

}
@media all and (max-width:767px) {
	#sMap-info { background-position: 105% bottom; background-size: auto 80%; }
	#sMap-info .tit { width: 100%; border-right:0; border-bottom: 1px solid #e5e5e5; padding-bottom: 3%; margin-bottom: 3%; }
	#sMap-info .txt { width: 100%; padding-left:0;   }
}
@media all and (max-width:480px) {
	#sMap-info .tit  { font-size:0.8em}
	#sMap-info .txt { font-size:0.9em}
}








.s-section {margin-top:150px;}
@media all and (max-width:1280px) {
	.s-section {margin-top:130px;}
}
@media all and (max-width:976px) {
	.s-section {margin-top:100px;}
}
@media all and (max-width:480px) {
	.s-section {margin-top:80px;}
}


.part-bg {padding:5% 0; background:#f8fafe}


.s-title {max-width:1200px; margin:0 auto; text-align:center}
.s-title h3 {font-size: 2.3em; font-weight:600; color:#222}
.s-title .t1 {font-size:1.05em; line-height:1.8em; padding-top:1.3em}
.s-title .point {display:inline-block; font-size:1.135em; background:#b28c42; color:#FFF; padding:1em 2em; margin-top:30px;}
@media all and (max-width:1399px) {
	.s-title {width:90%; }
}
@media all and (max-width:480px) {
	.s-title h3 {font-size: 2em;}
}




.cln-top { overflow: hidden; padding-top: 80px; background-repeat: no-repeat; background-position: right top; background-size: 75% auto; margin-bottom:8vw }
.cln-top .cln-img img { width: 25%; float: left; }
.cln-top .cln-txt { position: absolute; bottom:0; right:0; width: 50%; float: left; box-sizing: border-box; padding: 0 3.5%; }
.cln-top .cln-txt .t1 { font-size: 2.25em; color:#fff; font-weight: 200; line-height: 1.2em; letter-spacing: -0.08em; padding: 1.2em 0;  }
.cln-top .cln-txt .t2 { font-size: 0.875em; line-height: 80px; letter-spacing: 0.7em; font-family: 'Montserrat', sans-serif; font-weight:700; color:#ddd}

#implant1 { background-image: url("/images/sub/implant1-bg.png"); }
#implant2 { background-image: url("/images/sub/implant2-bg.png"); }
#implant3 { background-image: url("/images/sub/implant3-bg.png"); }
#denture1 { background-image: url("/images/sub/denture1-bg.png"); }
#denture2 { background-image: url("/images/sub/denture2-bg.png"); }
#denture3 { background-image: url("/images/sub/denture3-bg.png"); }
#aesthetic1 { background-image: url("/images/sub/aesthetic1-bg.png"); }
#aesthetic2 { background-image: url("/images/sub/aesthetic2-bg.png"); }
#aesthetic3 { background-image: url("/images/sub/aesthetic3-bg.png"); }
#aesthetic4 { background-image: url("/images/sub/aesthetic4-bg.png"); }
#dental1 { background-image: url("/images/sub/dental1-bg.png"); }
#dental2 { background-image: url("/images/sub/dental2-bg.png"); }
#dental3 { background-image: url("/images/sub/dental3-bg.png"); }
#dental4 { background-image: url("/images/sub/dental4-bg.png"); }
#dental5 { background-image: url("/images/sub/dental5-bg.png"); }


@media all and (max-width:1399px) {
   .cln-top .cln-txt .t2 { font-size: 0.8em; letter-spacing: 0.5em; }
}
@media all and (max-width:1180px) {
   .cln-top .cln-txt .t1 { font-size: 2em; }
}
@media all and (max-width:1050px) {
   .cln-top { padding-top: 6vw; }
   .cln-top .cln-txt .t1 { font-size: 1.8em; }
   .cln-top .cln-txt .t2 { line-height: 6vw; font-size: 0.7em; letter-spacing: 0.5em; }
}
@media all and (max-width:976px) {
   .cln-top .cln-txt .t1 { font-size: 1.6em; }
   .cln-top .cln-txt .t2 { font-size: 0.5em; letter-spacing: 0.3em; }
}
@media all and (max-width:767px) {
   .cln-top .cln-txt .t1 { font-size: 1.4em; }
}
@media all and (max-width:640px) {
   .cln-top { background-size: 95% auto; padding-top:5vw;  }
   .cln-top .cln-img img { width: 33.33%; }
   .cln-top .cln-img img:first-child { display: none;}
   .cln-top .cln-txt { width: 66.66%; }
}
@media all and (max-width:480px) {
   .cln-top .cln-txt .t1 { font-size: 1.2em; }
   .cln-top .cln-txt .t2 { font-size: 0.4em; letter-spacing: 0.2em;}
}

@media all and (max-width:380px) {
   .cln-top .cln-txt .t1 { font-size: 1.1em; }
   .cln-top .cln-txt .t2 { font-size: 0.2em; letter-spacing: 0.1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}





.orderCircle { margin: 30px auto 0; text-align: center; overflow: hidden; display: flex; width: 100%;   justify-content: center; flex-wrap: wrap; }
.orderCircle li { display: inline-block; *zoom:1; width: 230px; height:230px; border-radius: 230px; border:10px solid rgba(14,45,107,0.95);
                     counter-increment: number; position: relative; overflow: hidden; margin: 0 10px; }
.orderCircle li dl {  display:table; width:100%; height:100%; }
.orderCircle li dl dt { display:table-cell; box-sizing:border-box; vertical-align:middle; text-align:center; font-size: 1.5em; color:#222; font-weight: 400;   line-height: 1.3em; }

@media all and (max-width:1499px) {
}
@media all and (max-width:1399px) {
   .orderCircle li { width: calc(18vw - 20px); height: calc(18vw - 20px); margin: 0 8px;  }
}
@media all and (max-width:1280px) {
   .orderCircle li { border-width: 8px; }
    .orderCircle li { width: calc(20vw - 20px); height: calc(20vw - 20px); }
}
@media all and (max-width:1135px) {
}
@media all and (max-width:1099px) {
}
@media all and (max-width:976px) {
   .orderCircle {  width: 90%; } 
   .orderCircle li { width: calc(25vw - 30px); height: calc(25vw - 30px); margin-top: 2vw  }
}
@media all and (max-width:767px) {
    .orderCircle li { width: calc(30vw - 30px); height: calc(30vw - 30px);}
}
@media all and (max-width:640px) {
	   .orderCircle li {  width: calc(32vw - 10px); height: calc(32vw - 10px); margin-top: 1vw;    border:5px solid rgba(14,45,107,0.95)  }
}
@media all and (max-width:480px) {
    .orderCircle li {  width:36vw; height: 36vw;   }
   .orderCircle { margin: 0 auto; width: 90%; }
   .orderCircle li dl dt { font-size: 1.3em}
}
@media all and (max-width:380px) {
   .orderCircle li dl dt { font-size: 1.15em}
}



.zzCont { position: relative;  width: 100%; overflow: hidden; margin: 30px auto 0; color:#fff; background-size: 50% cover;  background-position: left center; 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:#b28c42; }
.zzCont .zz-cont.bg2 { background:#0e2d6b; }
.zzCont .zz-cont dl dt {font-size:1.5em; padding-bottom:1em; }
.zzCont .zz-cont dl dd {line-height:1.65em;}

.implant1-3 { background-image: url("/images/sub/implant1-3-img.png"); }
.implant3-3 { background-image: url("/images/sub/implant3-3-img.png"); }
.denture1-3 { background-image: url("/images/sub/denture1-3-img.png"); }
.denture2-3 { background-image: url("/images/sub/denture2-3-img.png"); }
.denture3-3 { background-image: url("/images/sub/denture3-3-img.png"); }
.aesthetic1-3 { background-image: url("/images/sub/aesthetic1-3-img.png"); }
.aesthetic2-3 { background-image: url("/images/sub/aesthetic2-3-img.png"); }
.aesthetic3-3 { background-image: url("/images/sub/aesthetic3-3-img.png"); }
.aesthetic4-3 { background-image: url("/images/sub/aesthetic4-3-img.png"); }
.dental1-3 { background-image: url("/images/sub/dental1-3-img.png"); }
.dental2-3 { background-image: url("/images/sub/dental2-3-img.png"); }
.dental3-3 { background-image: url("/images/sub/dental3-3-img.png"); }
.dental4-3 { background-image: url("/images/sub/dental4-3-img.png"); }
.dental5-3 { background-image: url("/images/sub/dental5-3-img.png"); }


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






.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: 3px 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: 1.7em; background: #84611d;
                              display: inline-block; vertical-align: middle; font-family: 'Jost', sans-serif; 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: 1.1em;  padding:0.3em 0;}
.orderList li .s-t1 {font-size:0.85em;   opacity:0.8;}

@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%; }
}
@media all and (max-width:500px) {
	  .orderList li:before {width: 40px; height: 40px; line-height: 40px; }
}








/* dl-table */
.dl-table {margin-top:30px;}
.dl-table dl { display: table; width:100%; ;margin: 3px 0;}
.dl-table dt, 
.dl-table dd { display: table-cell; vertical-align: middle; padding: 1.5em 2em;  }
.dl-table dt { width:20%; font-size:1.25em; text-align:center; color:#FFF; background:#0e2d6b}
.dl-table dd { width:80%; font-size:1.1em; background:#FFF; line-height: 1.5em;}
@media screen and (max-width:1218px){
	.dl-table dt { width:224px;}
	.dl-table dd { width:calc(100% - 224px);}
}
@media screen and (max-width:860px){
	.dl-table dt { width:210px;}
	.dl-table dd { width:calc(100% - 210px);}
}

@media screen and (max-width:500px){	
	.dl-table dt, 
	.dl-table dd { display: block;}
	.dl-table dt { width:100%;}
	.dl-table dt br {display:none}
	.dl-table dd { width:100%; margin-bottom:5px;}
}
@media screen and (max-width:480px){
	.dl-table dt, 
.dl-table dd {  padding: 1em 2em;  }
}



.checkList { margin-top:30px; text-align:left; overflow:hidden}
.checkList li {width:48%; margin:5px 1%; float:left; padding:1.5em 1em;  position:relative; background:#f8fafe; border-radius:50px; }
.checkList li:before {content:''; width:28px; height:28px; background:url('/images/sub/check-icon.png'); position:absolute; left:30px; top:50%; margin-top:-14px}
.checkList li p {padding-left:55px; font-size:1.0em;}
@media screen and (max-width:1220px){	
	.checkList.dental5 li {width:100%; margin:5px 0; }
}
@media screen and (max-width:767px){	
	.checkList li {width:100%; margin:5px 0; }
}



.imgList {margin-top:30px; overflow:hidden}
.imgList li {float:left;  position: relative; counter-increment: number; border:1px solid #e9e9e9; text-align:center}
.imgList li:before {content: counter(number, decimal-leading-zero); width: 40px; height: 40px; line-height: 40px;  background:#b28c42; color:#fff; font-size: 1.03em;
                           position: absolute; top:0; left: 10px; border-radius: 0 0 50px 50px; text-align: center; font-weight: 700}
.imgList li img {width:100%}
.imgList li dl {padding:1em; background:rgba(178,140,66,0.05)}
.imgList li dl dt {font-size:1.25em; padding-bottom:0.4em; line-height:1.5em; color:#222; font-weight:500}
.imgList li dl dd {font-size:1.0em; line-height:1.5em;   }

.imgList.w3 li {width:calc(33.333% - 13.3333px); margin-left:20px; margin-bottom:20px;}
.imgList.w3 li:nth-child(3n+1) { margin-left:0;}

.imgList.w4 li {width:calc(25% - 15px); margin-left:20px; margin-bottom:20px;}
.imgList.w4 li:nth-child(4n+1) { margin-left:0;}


@media all and (max-width:1208px){
}
@media all and (max-width:1024px){
	.imgList.w4 li {width:calc(25% - 8px); margin-left:10px; margin-bottom:10px;}
}
@media all and (max-width:976px){
	.imgList.w4 {width:80%; margin:30px auto 0;}
	.imgList.w4 li {width:calc(50% - 5px); }
	.imgList.w4 li:nth-child(odd) { margin-left:0;}

	.imgList.w3 {width:80%; margin:30px auto 0}
	.imgList.w3 li {width:100%; margin-left:0;}
}
@media all and (max-width:640px){
	.imgList.w4 {width:100%; margin:30px auto 0;}
}
@media all and (max-width:480px){
	.imgList.w4 {width:85%}
	.imgList.w4 li {width:100%; margin-left:0 }
	.imgList.w3 {width:85%}
	.imgList.w3 {width:100%}
}






.tb-style {width:100%; margin:3% auto 0;}
.tb-scroll .st1 {font-size:0.9em; padding-bottom:0.5em;text-align:right; line-height:1.2em;  }
.tb-scroll .st1 {font-size:0.9em; padding-bottom:0.5em;text-align:right; line-height:1.2em;  }
.tb-style th {font-size:1.25em;  padding:1em 0; background:#023878;  border-left:1px solid #fff;  border-top:1px solid #fff;  color:#fff; line-height:1.5em; font-weight:500 }
.tb-style td {font-size:1.0em; padding:1em 0;  border-left:1px solid #ddd; background:#FFF; border-bottom:1px solid #ddd; line-height:1.5em;  text-align:center; font-weight:400; letter-spacing:-0.01em;}
.tb-style td:first-child { border-left:0; text-align:center;  color:#222; background:#f9fcfd}

.tb-style2 {width:100%; margin:3% auto 0;}
.tb-scroll2 .st1 {font-size:0.9em; padding-bottom:0.5em;text-align:right; line-height:1.2em;  }
.tb-scroll2 .st1 {font-size:0.9em; padding-bottom:0.5em;text-align:right; line-height:1.2em;  }
.tb-style2 th {font-size:1.25em;  padding:1em 0; background:#023878;  border-left:1px solid #fff;  border-top:1px solid #fff;  color:#fff; line-height:1.5em; font-weight:500 }
.tb-style2 td {font-size:1.0em; padding:1em 0;  border-left:1px solid #ddd; background:#FFF; border-bottom:1px solid #ddd; line-height:1.5em;  text-align:center; font-weight:400; letter-spacing:-0.01em;}
.tb-style2 td:first-child { border-left:0; text-align:center;  color:#222; background:#f9fcfd}

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

@media all and (max-width:1200px) {
	.tb-style td { /*padding-left:1.5%; */}
}
@media all and (max-width:850px) {
	.tb-style {font-size:0.9em;}
	.tb-style2 {font-size:0.9em;}
}
@media all and (max-width:740px) {
	.tb-style2 {width:740px;}
	.tb-scroll2 { overflow-x: auto; }
	.scroll-txt2 { display: block;  }
}
@media all and (max-width:500px) {
	.tb-style {font-size:1.05em;}
}





.orderBox { overflow: hidden; text-align: center; margin-top:30px }
.orderBox li { position: relative; counter-increment: number; float: left; width: 20%; background:#0e2d6b; box-sizing: border-box;  }
.orderBox li:before { content: counter(number, decimal-leading-zero); color:rgba(255,255,255,0.5); text-decoration:underline; margin-bottom: 20px; display:inline-block;
				      font-size: 1.3em;  line-height: 1.0em; position: absolute; top: 30px; left:0; width: 100%; }
.orderBox li h3 {font-weight:500; color:#fff;  font-size: 1.65em; box-sizing: border-box; line-height: 1.0em; padding: 75px 0 0;  
					 border-right: 1px solid rgba(255,255,255,0.4); height: 140px; overflow: hidden; }
.orderBox li dl { height:200px; background:#FFF;  position: relative; border-right: 1px solid rgba(255,255,255,0.8); padding:1em}
.orderBox li dl:before { content:''; width: 0; height:0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #FFF;
							position: absolute; top: -15px; left: 50%; margin-left: -15px; }
.orderBox li dl dt {font-size:1.35em; color:#222; font-weight:600; padding:1em 0 1em; }

.orderBox.col4 li { width: 25%; }

 @media all and (max-width:1499px) {
	.orderBox {width:95%; margin:30px auto 0}
}
@media all and (max-width:1399px) {
	.orderBox li dl { height:170px;}
}
@media all and (max-width:976px) {
	.orderBox.col4 li { width: 50%; }
	.orderBox li:before {top: 20px; }
	.orderBox li h3 {padding: 55px 0 0;  height: 110px; }
	.orderBox li dl { height:150px; padding:1em 2em}
}
@media all and (max-width:767px) {
}
@media all and (max-width:568px) {
}
@media all and (max-width:480px) {
		.orderBox.col4 li { width: 100%; }
}








.digitalWrap .digitalCont { position: relative;  width: 100%; overflow: hidden; margin: 0 auto; background-color:#f0f0f0;
                            background-size: 50% cover;  background-position: left center; background-repeat: no-repeat;   margin-top: 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.digitalWrap .digitalCont:first-child { margin-top:0; }
.digitalWrap .digitalCont:nth-child(even) { background-position: right center; color:#231815; }

.digitalWrap .digitalCont .digital-cont { float: left; float: right; width: 50%; padding:7%  5%; box-sizing: border-box; background:#FFF }
.digitalWrap .digitalCont:nth-child(even) .digital-cont { float: left;}
.digitalWrap .digitalCont .digital-cont dt { font-size: 2.0em; padding:1em 0 0.5em; color:#222;  font-weight:700 }
.digitalWrap .digitalCont .digital-cont dd {  line-height: 1.6em; }
.digitalWrap .digitalCont .digital-cont .eng { font-size:0.9em; font-weight:700;  font-family: 'Montserrat'; color:#06c6dd; padding-bottom:0.5em}


#digital1-img1 { background-image: url("/images/sub/digital1-img1.png");}
#digital1-img2 { background-image: url("/images/sub/digital1-img2.png");}
#digital1-img3 { background-image: url("/images/sub/digital1-img3.png");}
#digital1-img4 { background-image: url("/images/sub/digital1-img4.png");}
#digital1-img5 { background-image: url("/images/sub/digital1-img5.png");}
#digital1-img6 { background-image: url("/images/sub/digital1-img6.png");}

@media all and (max-width:1399px) {	
   .digitalWrap .digitalCont { background-size: 45% auto }
}
@media all and (max-width:1280px) {
	.digitalWrap .digitalCont .digital-cont {  padding:5%;}
}

@media all and (max-width:860px) {
   .digitalWrap .digitalCont { background-size: 100% auto; background-position: center top !important; padding-top: 53vw;  }
    .digitalWrap .digitalCont#medical1-15{background-position: center top -180px !important;}
   .digitalWrap .digitalCont .digital-cont { width: 100%; }
   .digitalWrap .digitalCont .digital-cont dt { padding:0.5em 0 0.3em; }
}