<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.wrap {width: 100%; height: 100%; }
#page { position: relative; width: 100%; height: 100%; overflow-x: hidden; }
p {line-height: 1.4; margin-bottom: 20px;} 
 .container-1500 {margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px;}
 .container-1500:before, .container-1500:after { content: " "; display: table; }
 .container-1500:after { clear: both;}
  @media (min-width: 768px) {
	.container-1500 {width: 750px;}
  }
  @media (min-width: 992px) {
	.container-1500 {width: 970px;}
  }
  @media (min-width: 1280px) {
	.container-1500 {
	  width: 1200px;
	}
  }
  @media (min-width: 1580px) {
	.container-1500 {
	  width: 1500px;
	}
  }
  
  @media (min-width: 992px) { 
	.pc_only {display: block;}
	.m_only {display: none;}
  }
  
  @media (max-width: 991px) { 
	.pc_only {display: none;}
	.m_only {display: block;}
  }
section { position: relative; width: 100%; overflow-x: hidden;}

/*MainVisual*/
.sec-mainvisual {position: relative; width: 100%; height: 100%; min-height:1080px; background: url("/images/adMain/2021/orthonavi/main_visual_bg.jpg") no-repeat top center; }
.sec-mainvisual .mvtxt { margin-top: 15px; margin-left: 260px; animation-duration: 3s; animation-name: fadeInRight;}
.sec-mainvisual h1 { font-size: 100px; color: #ffffff; font-weight: 700; line-height: 1.1; animation-duration: 3s; animation-name: fadeInRight;}
.sec-mainvisual h1 span{ font-weight: 200;}
.sec-mainvisual .line01 {width: 300px; height: 1px; margin-top: 408px; background: #ffffff;}
.sec-mainvisual .line02 {width: 1px; height: 300px; margin-top: 180px; float: right; margin-right: 100px; background: #66A9C2;}


@media screen and (max-width: 1500px) {
	.sec-mainvisual {min-height:880px;}
	.sec-mainvisual .mvtxt {margin-left: 200px; margin-top: 1px;}
	.sec-mainvisual h1 { font-size: 6vw; }
	.sec-mainvisual .line01 {width: 20%; margin-top: 338px;}
	.sec-mainvisual .line02 {height: 200px; margin-top: 30px; margin-right: 100px; }
}

@media screen and (max-width: 1200px) {
	.sec-mainvisual {min-height:580px; background-size:100%;}
	.sec-mainvisual h1 { font-size: 6vw; }
	.sec-mainvisual .line01 {width: 15%; margin-top: 288px;}
	.sec-mainvisual .line02 {height: 200px; margin-top: 30px; margin-right: 100px; }
}

@media screen and (max-width: 640px) {
	.sec-mainvisual {min-height:926px; max-height: 926px; background: url(/images/adMain/2021/orthonavi/main_visual_mobile.jpg) no-repeat center;}
	.sec-mainvisual .mvtxt {margin:0 auto; padding-top: 700px; text-align: center;}
	.sec-mainvisual h1 {margin:0 auto; font-size: 9vw;  }
	.sec-mainvisual h1 span{display:block; font-size: 6vw;}
	.sec-mainvisual h1 br{ display: none;}
	.sec-mainvisual .line01 {display: none;}
	.sec-mainvisual .line02 {display: none;}
}

@media screen and (max-width: 480px) {
	.sec-mainvisual {min-height:626px; max-height: 926px;}
	.sec-mainvisual .mvtxt {padding-top: 500px;}
}
@media screen and (max-width: 320px) {
	.sec-mainvisual h1 {font-size: 10vw;  }
	.sec-mainvisual h1 span{font-size: 6vw;}
}
@media screen and (max-height: 375px) {
	
}


 /*// MainVisual*/

/*Aligner Intro*/
.sec-ca-intro {position:relative; width: 100%; height: 100%; min-height:1269px; background: #ffffff;}
.sec-ca-intro .title_wrap {width:100%; max-width: 1410px; margin: 0 auto 151px auto;}
.sec-ca-intro h1 { font-size: 62px; margin-bottom: 50px; color: #66A9C2; font-weight: 500; }
.sec-ca-intro .imgwrp {display: inline-block; width: 944px; height: 787px;}
.sec-ca-intro .txtwrp {display: inline-block; width: 657px; margin:117px; height: inherit; vertical-align: middle;}
.sec-ca-intro .txtwrp h3 {font-size: 36px; color: #66A9C2; font-weight: 600; }
.sec-ca-intro .txtwrp p {font-size: 26px; margin-top:20px; color: #B9B9B9;line-height: 120%; }
.sec-ca-intro .blbox {width: 944px; height: 183px; background: #004463;}
.sec-ca-intro .max_1400 { display: none;}
@media screen and (max-width: 1400px) {
	.sec-ca-intro { min-height:985px;  }
	.sec-ca-intro .title_wrap {width:100%; max-width: 1100px; margin: 0 auto 151px auto;}
	.sec-ca-intro h1 { font-size: 60px; margin-bottom: 20px;}
	.sec-ca-intro .imgwrp {display: inline-block; width: 50%; height: 457px;}
	.sec-ca-intro .txtwrp {display: inline-block; width: 41%; margin:47px 47px 0 47px; }
	.sec-ca-intro .blbox {width: 50%; height: 183px;}
	.sec-ca-intro .txtwrp p { font-size: 1.5vw; }
	.sec-ca-intro .max_1400 { display: block;}

}
@media screen and (max-width: 1200px) {
	.sec-ca-intro { min-height:985px; }
	.sec-ca-intro .title_wrap {width:100%; max-width: 900px; margin: 100px auto 151px auto;}
	.sec-ca-intro h1 { font-size: 60px; margin-bottom: 20px;}
	.sec-ca-intro .imgwrp {width: 45%; height: 384px;}
	.sec-ca-intro .txtwrp {width: 41%; margin:30px 47px 0 47px; }
	.sec-ca-intro .blbox {width: 45%; height: 143px;}
	.sec-ca-intro .txtwrp h3 {font-size: 4vw;}
	.sec-ca-intro .txtwrp p { font-size: 1.5vw; }

}
@media screen and (max-width: 991px) {
	.sec-ca-intro { min-height:985px; padding: 60px 30px 0 30px; }
	.sec-ca-intro h1 { font-size: 6.5vw; margin-top: 50px;}
	.sec-ca-intro .imgwrp {display: block; width: 100%; }
	.sec-ca-intro .txtwrp {display: block; width: 100%; margin:347px auto 100px auto; }
	.sec-ca-intro .blbox {display: none;}
	.sec-ca-intro .txtwrp h3 {font-size: 6vw;}
	.sec-ca-intro .txtwrp p { font-size: 3vw; }

}
@media screen and (max-width: 480px) {
	.sec-ca-intro { min-height:485px; padding: 40px 30px 0 30px; }
	.sec-ca-intro .title_wrap { max-width: 320px; margin: 50px auto 50px auto;}
	.sec-ca-intro h1 { font-size: 8vw; margin-top: 0px;}
	.sec-ca-intro .imgwrp {height: 284px;}
	.sec-ca-intro .txtwrp {display: block; width: 100%; margin:47px auto 100px auto; }
	.sec-ca-intro .txtwrp h3 {font-size: 9vw;}
	.sec-ca-intro .txtwrp p { font-size: 4vw; }

}
@media screen and (max-width: 320px) {
	.sec-ca-intro { min-height:585px; padding: 50px 20px 0 20px; }
	.sec-ca-intro h1 { font-size: 9vw; }
	.sec-ca-intro .imgwrp {height: 184px;}
	.sec-ca-intro .txtwrp p { font-size: 4.5vw; }
}
/*// Intro*/

/*Clear Aligner feature*/
.sec-ca-feature {position: relative; width: 100%; height: 100%; min-height: 2667px; overflow: hidden;}
.sec-ca-feature .bg_wrap {position: relative; width: 100%; height: 2198px; margin: 0; padding: 0; background-color:  #004463; z-index: 8;}
.sec-ca-feature .titwrp { max-width: 1366px; margin:0px auto; padding-top: 139px; color: #ffffff;}
.sec-ca-feature .titwrp h1{ float: left; width: 50%; font-size: 80px; font-weight: 300; }
.sec-ca-feature .titwrp p{   font-size: 20px; font-weight: 300; }
.sec-ca-feature .titwrp .line { width: 100%; height: 1px; background: #66A9C2; margin-bottom: 30px;}
.sec-ca-feature .titwrp .txts { float: left; width: 50%;}

.sec-ca-feature .box_wrap { clear: both; max-width: 1366px; margin: 100px auto; }
.sec-ca-feature .box_wrap ul {width:100%; padding-top:100px }
.sec-ca-feature .box_wrap li{ float: left; width: 392px; height: 458px; margin-left: 95px; border: 1px solid #66A9C2; padding: 30px 20px;}
.sec-ca-feature .box_wrap li:first-child{ margin-left: 0;}
.sec-ca-feature .box_wrap li .box_img {margin-bottom: 40px;}
.sec-ca-feature .box_wrap li dl { padding: 20px; text-align: center;}
.sec-ca-feature .box_wrap li dt{ font-size: 26px; margin: 20px auto; color: #82CCE8; font-weight: 600; line-height: 1.2; }
.sec-ca-feature .box_wrap li dd{ font-size: 18px; margin: 0px auto; color: #66A9C2; font-weight: 400; line-height:1.2; }

.sec-ca-feature .feat_ico_wrap { clear: both; max-width: 1400px; margin: 100px auto; padding-top:188px;}
.sec-ca-feature .feat_ico_wrap h4 { font-size: 30px; color: #C5E3EE; font-weight: 600;}
.sec-ca-feature .feat_ico_wrap ul {width:100%; padding-top:72px }
.sec-ca-feature .feat_ico_wrap li{ width:18%; float: left; margin:0 42px; font-size: 22px; text-align: center; color: #ffffff; }
.sec-ca-feature .feat_ico_wrap li .feat_ico{ width: 220px; height: 220px; margin:0 auto 30px auto; background: #C5E3EE; border-radius: 100%; background-repeat: no-repeat; background-position: 50%;}
.sec-ca-feature .feat_ico_wrap li .icon01 { background-image: url(/images/adMain/2021/orthonavi/feat_ico01.png); }
.sec-ca-feature .feat_ico_wrap li .icon02 { background-image: url(/images/adMain/2021/orthonavi/feat_ico02.png); }
.sec-ca-feature .feat_ico_wrap li .icon03 { background-image: url(/images/adMain/2021/orthonavi/feat_ico03.png); }
.sec-ca-feature .feat_ico_wrap li .icon04 { background-image: url(/images/adMain/2021/orthonavi/feat_ico04.png); }

.sec-ca-feature .feat_slide_wrap { position: relative; width: 1416px; margin: 0 auto; }
.sec-ca-feature .slider { position: absolute; width: 1416px; height: 942px; top:-471px; padding:70px 50px; background: #C5E3EE; z-index: 9;}
.sec-ca-feature .slider .slide_viewer {height: 800px; overflow: hidden; position: relative; text-align: center;}
.sec-ca-feature .slider .slide_group {height: 100%;position: relative; width: 100%;} 
.sec-ca-feature .slider .slide {display: none; height: 100%;position: absolute; width: 100%;}
.sec-ca-feature .slider h2 {font-size: 45px; color: #252525; font-weight: 700;  } 
.sec-ca-feature .slider p {font-size: 24px; color: #8A8A8A; line-height: 1.1; letter-spacing: -0.03em; margin: 40px auto;  } 
.sec-ca-feature .slider .con_box_wrap h4 {font-size: 20px; width: 240px; height: 44px; padding:10px; color: #ffffff; background: #252525; border-radius: 50px; margin: 50px auto 30px auto;  } 
.sec-ca-feature .slider .con_box_wrap .grape {width: 1215px; margin: 30px auto;}
.sec-ca-feature .slider .con_box_wrap .grape li {float: left; width: 20%; height: 53px; font-size: 20px; font-weight: 600; color: #ffffff; line-height: 53px;}
.sec-ca-feature .slider .con_box_wrap .grape li.g01{ background: rgba(0, 68, 99, .2);}
.sec-ca-feature .slider .con_box_wrap .grape li.g02{ background: rgba(0, 68, 99, .4);}
.sec-ca-feature .slider .con_box_wrap .grape li.g03{ background: rgba(0, 68, 99, .6);}
.sec-ca-feature .slider .con_box_wrap .grape li.g04{ background: rgba(0, 68, 99, .8);}
.sec-ca-feature .slider .con_box_wrap .grape li.g05{ background: rgba(0, 68, 99, 1);}
.sec-ca-feature .slider .con_box_wrap .grape2 {width:972px; margin: 0px auto;}
.sec-ca-feature .slider .con_box_wrap .grape2 li {float: left; width: 243px; height: 70px; padding-top: 50px; font-size: 14px; font-weight: 500; color: #252525; background: url(/images/adMain/2021/orthonavi/sec_feature_grline.png) no-repeat top center;}
.sec-ca-feature .slider .ph_box1 { display: inline-block; width: 44%; height: 299px; padding: 34px; margin:50px 0.5vw ;}
.sec-ca-feature .slider .ph_box2 { display: inline-block; width: 48%; height: 299px; padding: 34px; background: #ffffff; margin:70px 0px ; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-moz-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-ms-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-o-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	box-shadow: 0 15px 25px rgba(0, 0, 0, .3);}
.sec-ca-feature .slider .ph_box3 { display: inline-block; width: 450px; height: 385px; padding: 24px; margin:50px 30px ;}
.sec-ca-feature .slider .ph_box4 { display: inline-block; width: 722px; height: 385px; padding: 24px; background: #ffffff; margin:20px 30px ; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-moz-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-ms-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-o-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	box-shadow: 0 15px 25px rgba(0, 0, 0, .3);}
.sec-ca-feature .slider .ph_box5 { display: inline-block; width: 100%; height: 306px; padding: 24px; margin:50px 30px ;}
.sec-ca-feature .slider .ph_box6 { display: inline-block; width: 100%; height: 334px; padding: 24px; margin:50px 30px ;}
.sec-ca-feature .slider .ph_box1 li {display: inline-block; width: 46%; padding:0 0px;}
.sec-ca-feature .slider .ph_box2 li {display: inline-block; width: 49%; padding:0 0px;}
.sec-ca-feature .slider .ph_box3 li {display: inline-block; width: 75%; padding:0 0px;}
.sec-ca-feature .slider .ph_box4 li {display: inline-block; width: 46%; padding:0 0px;}
.sec-ca-feature .slider .ph_box5 li {display: inline-block; width: 12%; padding:0 0px;}
.sec-ca-feature .slider .ph_box5 li.arrow {width: 8%; height: 306px; background: url(/images/adMain/2021/orthonavi/bl_arrow.png) no-repeat 50% 50%;}
.sec-ca-feature .slider .ph_box6 li {display: inline-block; width: 30%; padding:0 0px;}
.sec-ca-feature .slider .rb_grey {display: block; margin: 30px auto; font-size: 16px; width: 82%; background: #B9B9B9; border-radius: 50px; padding: 10px 5px; color: #ffffff; font-weight: 500;}
.sec-ca-feature .slider .rb_navy {display: block; margin: 30px auto; font-size: 16px; width: 90%; background: #004463; border-radius: 50px; padding: 10px; color: #ffffff; font-weight: 500;}
.sec-ca-feature .slider .arrow_ico {display: inline-block; width: 46px; height: 40px; background: url(/images/adMain/2021/orthonavi/arrow_icon.png) no-repeat center; margin-bottom: 60px; }
.sec-ca-feature .slide:first-child {display: block;}
.sec-ca-feature .slide:nth-of-type(1) {}
.sec-ca-feature .slide:nth-of-type(2) {}
.sec-ca-feature .slide:nth-of-type(3) {}
.sec-ca-feature .slide:nth-of-type(4) {}
.sec-ca-feature .slide_buttons {top:940px; left: 0; position: absolute; right: 0; text-align: center;}
.sec-ca-feature a.slide_btn {
	color: #474544;
	font-size: 42px;
	margin: 0 0.175em;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }
.sec-ca-feature .slide_btn.active, .slide_btn:hover {color: #428CC6;cursor: pointer;} 
.sec-ca-feature .directional_nav {height: 140px;margin: 0 auto;max-width: 1416px;position: relative; top:-110px; z-index: 100;}
.sec-ca-feature .previous_btn {bottom: 0;left: -150px;margin: auto;position: absolute;top: 0;}
.sec-ca-feature .next_btn {bottom: 0;margin: auto;position: absolute;right: -100px;top: 0;}
.sec-ca-feature .previous_btn, .next_btn {
	cursor: pointer;
	height: 65px;
	opacity: 0.6;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	width: 65px;
  }
  
.sec-ca-feature .previous_btn:hover, .next_btn:hover {opacity: 1;}

.sec-ca-feature .slider_mobile {display: none;}

@media screen and (max-width: 1400px) { 
	.sec-ca-feature {min-height: 2667px;}
.sec-ca-feature .bg_wrap {height: 2198px; }
.sec-ca-feature .titwrp { max-width: 1116px; padding-top: 139px; }
.sec-ca-feature .titwrp h1{ float: left; width: 50%; font-size: 5vw;}
.sec-ca-feature .titwrp p{ font-size: 20px; }
.sec-ca-feature .titwrp p br{ display: none; }
.sec-ca-feature .titwrp .line {  margin-bottom: 30px;}
.sec-ca-feature .titwrp .txts { float: left; width: 50%;}

.sec-ca-feature .box_wrap { max-width: 1116px; margin: 100px auto; }
.sec-ca-feature .box_wrap ul {padding-top:100px; }
.sec-ca-feature .box_wrap li{ float: left; width: 342px; height: 458px; margin-left: 35px; padding: 30px 20px;}
.sec-ca-feature .box_wrap li:first-child{ margin-left: 15px;}
.sec-ca-feature .box_wrap li dl { padding: 20px; }
.sec-ca-feature .box_wrap li dt{ font-size: 26px; margin: 20px auto; }
.sec-ca-feature .box_wrap li dd{ font-size: 18px;}

.sec-ca-feature .feat_ico_wrap { max-width: 1166px; margin: 100px auto; padding-top:188px;}
.sec-ca-feature .feat_ico_wrap h4 { font-size: 36px;}
.sec-ca-feature .feat_ico_wrap ul { padding-top:72px }
.sec-ca-feature .feat_ico_wrap li{ float: left; width:20%; margin:0 22px; font-size: 22px; }
.sec-ca-feature .feat_ico_wrap li .feat_ico{ width: 180px; height: 180px; margin:0 auto 30px auto; }

.sec-ca-feature .feat_slide_wrap { width: 1116px; }
.sec-ca-feature .slider { width: 1116px; height: 942px; top:-471px; padding:70px 50px; }
.sec-ca-feature .slider .slide_viewer {height: 942px; }
.sec-ca-feature .slider h2 {font-size: 4vw; } 
.sec-ca-feature .slider p {font-size: 2vw; margin: 40px auto;  } 
.sec-ca-feature .slider p br{ display: none; }
.sec-ca-feature .slider .con_box_wrap h4 {font-size: 20px; width: 240px; height: 44px; padding:10px; margin: 50px auto 30px auto;  } 
.sec-ca-feature .slider .con_box_wrap .grape {width: 1000px; margin: 30px auto;}
.sec-ca-feature .slider .con_box_wrap .grape li {float: left; width: 20%; height: 53px; font-size: 20px; line-height: 53px;}
.sec-ca-feature .slider .con_box_wrap .grape2 {width:800px; margin: 0px auto;}
.sec-ca-feature .slider .con_box_wrap .grape2 li {float: left; width: 200px; height: 70px; padding-top: 50px; font-size: 14px;}
.sec-ca-feature .slider .ph_box1 { display: inline-block; width: 44%; height: 299px; padding: 24px; margin:50px auto ;}
.sec-ca-feature .slider .ph_box2 { display: inline-block; width: 48%; height: 299px; padding: 24px;  margin:70px auto ; }
.sec-ca-feature .slider .ph_box3 { display: inline-block; width: 38%; height: 285px; padding: 32px; margin:0px auto ;}
.sec-ca-feature .slider .ph_box4 { display: inline-block; width: 54%; height: 325px; padding: 24px; margin:0px auto ;}
.sec-ca-feature .slider .ph_box5 { display: inline-block; width: 100%; height: 306px; padding: 24px; margin:50px auto ;}
.sec-ca-feature .slider .ph_box6 { display: inline-block; width: 100%; height: 334px; padding: 24px; margin:50px auto ;}
.sec-ca-feature .slider .ph_box1 li {display: inline-block; width: 48%; }
.sec-ca-feature .slider .ph_box2 li {display: inline-block; width: 48%; }
.sec-ca-feature .slider .ph_box3 li {display: inline-block; width: 75%; }
.sec-ca-feature .slider .ph_box4 li {display: inline-block; width: 46%; }
.sec-ca-feature .slider .ph_box5 li {display: inline-block; width: 12%; }
.sec-ca-feature .slider .ph_box5 li.arrow {width: 8%; height: 306px; }
.sec-ca-feature .slider .ph_box6 li {display: inline-block; width: 30%; }
.sec-ca-feature .slider .rb_grey { font-size: 15px; width: 85%; padding: 10px 5px;}
.sec-ca-feature .slider .rb_navy { font-size: 15px; width: 95%; padding: 10px;}
.sec-ca-feature .slider .arrow_ico {display: inline-block; width: 46px; height: 40px; margin-bottom: 60px; }
.sec-ca-feature .directional_nav {max-width: 1000px; top:-110px;}
.sec-ca-feature .previous_btn {left: -150px;}
.sec-ca-feature .next_btn {right: -100px;}
}
@media screen and (max-width: 1200px) { 
.sec-ca-feature .titwrp { max-width: 1000px; padding-top: 139px; }
.sec-ca-feature .box_wrap { max-width: 1000px; margin: 100px auto; }
.sec-ca-feature .box_wrap li{ width: 312px; height: 458px; margin-left: 25px; padding: 30px 20px;}
.sec-ca-feature .box_wrap li:first-child{ margin-left: 10px;}
.sec-ca-feature .feat_ico_wrap { max-width: 1000px; margin: 100px auto; padding-top:188px;}
.sec-ca-feature .feat_ico_wrap li{ font-size: 18px; }
.sec-ca-feature .feat_ico_wrap li .feat_ico{ width: 150px; height: 150px; margin:0 auto 20px auto; }

.sec-ca-feature .feat_slide_wrap { width: 80%; }
.sec-ca-feature .slider { width: 100%; height: 900px; top:-471px; padding:70px 50px; }
.sec-ca-feature .slider .con_box_wrap .grape {width: 100%; margin: 30px auto;}
.sec-ca-feature .slider .con_box_wrap .grape2 {width:80%;}
.sec-ca-feature .slider .con_box_wrap .grape2 li {float: left; width: 25%; height: 70px; font-size: 14px;}

}
@media screen and (max-width: 1024px) { 
	.sec-ca-feature .titwrp { max-width: 960px; padding-top: 139px; }
	.sec-ca-feature .box_wrap { max-width: 960px; margin: 100px auto; }
	.sec-ca-feature .box_wrap li{ width: 292px; height: 458px; margin-left: 25px; padding: 30px 20px;}
	.sec-ca-feature .box_wrap li:first-child{ margin-left: 20px;}
	.sec-ca-feature .feat_ico_wrap { max-width: 960px; margin: 100px auto; padding-top:188px;}
	.sec-ca-feature .feat_ico_wrap li{ font-size: 16px;}
	.sec-ca-feature .feat_ico_wrap li .feat_ico{ width: 150px; height: 150px; margin:0 auto 20px auto; }
	.sec-ca-feature .slider .ph_box2 { display: inline-block; width: 48%; height: 299px; padding: 34px;  margin:70px 0px ; }
	.sec-ca-feature .slider .ph_box3 { display: inline-block; width: 38%; height: 285px; padding: 32px; margin:0px 0px ;}
	.sec-ca-feature .previous_btn {left: -120px;}
	.sec-ca-feature .next_btn {right: -70px;}
	}
@media screen and (max-width: 991px) { 
	.sec-ca-feature {min-height: 3800px;}
.sec-ca-feature .bg_wrap {height: 3198px; }
.sec-ca-feature .titwrp { max-width: 90%; padding-top: 139px; }
.sec-ca-feature .titwrp h1{ float: none; width: 100%; font-size: 9vw;}
.sec-ca-feature .titwrp p{ font-size: 3vw; }
.sec-ca-feature .titwrp p br{ display: none; }
.sec-ca-feature .titwrp .txts { float: none; width: 100%;}

.sec-ca-feature .box_wrap { max-width: 90%; margin: 100px auto; }
.sec-ca-feature .box_wrap ul {padding-top:50px }
.sec-ca-feature .box_wrap li{ float: none; width: 100%; height: 458px; margin-left: 0px; margin-bottom: 20px; padding: 30px 20px;}
.sec-ca-feature .box_wrap li:first-child{ margin-left: 0px;}
.sec-ca-feature .box_wrap li dl { padding: 20px; }
.sec-ca-feature .box_wrap li dt{ font-size: 4.5vw; margin: 20px auto; }
.sec-ca-feature .box_wrap li dd{ font-size: 3vw; }
.sec-ca-feature .box_wrap li .box_img {margin-bottom: 20px;}

.sec-ca-feature .feat_ico_wrap { max-width: 90%; margin: 50px auto; padding-top:58px;}
.sec-ca-feature .feat_ico_wrap h4 { font-size: 36px; text-align: center;}
.sec-ca-feature .feat_ico_wrap ul { padding-top:72px }
.sec-ca-feature .feat_ico_wrap li{ float: left; width: 45%; margin:20px 10px; font-size: 22px; }
.sec-ca-feature .feat_ico_wrap li .feat_ico{ width: 180px; height: 180px; margin:0 auto 30px auto; }

.sec-ca-feature .feat_slide_wrap { width: 100%; }
.sec-ca-feature .slider {display: none;}
.sec-ca-feature .slider_mobile {display: block;}
.sec-ca-feature .slider_mobile { position: relative; width: 100%; height: 100%; top:-140px; padding:70px 50px 250px 50px; background: #C5E3EE; }
.sec-ca-feature .slider_mobile .slide_viewer {height: 4800px; position: relative; text-align: center;}
.sec-ca-feature .slider_mobile .slide_group {height: 100%;position: relative; width: 100%;} 
.sec-ca-feature .slider_mobile .slide {display: block; padding:20px; margin-bottom: 100px; position: relative; width: 100%;}
.sec-ca-feature .slider_mobile h2 {font-size: 6vw; color: #252525; font-weight: 700;  } 
.sec-ca-feature .slider_mobile p {font-size: 3vw; color: #8A8A8A; line-height: 1.1; letter-spacing: -0.03em; margin: 40px auto;  } 
.sec-ca-feature .slider_mobile p br{ display: none; }
.sec-ca-feature .slider_mobile .con_box_wrap h4 {font-size: 2.5vw; width: 50%; height: 44px; padding:10px; color: #ffffff; background: #252525; border-radius: 50px; margin: 50px auto 30px auto;  } 
.sec-ca-feature .slider_mobile .con_box_wrap .grape {width: 100%; margin: 30px auto;}
.sec-ca-feature .slider_mobile .con_box_wrap .grape li {float: left; width: 20%; height: 53px; font-size: 2.5vw; font-weight: 600; color: #ffffff; line-height: 53px;}
.sec-ca-feature .slider_mobile .con_box_wrap .grape li.g01{ background: rgba(0, 68, 99, .2);}
.sec-ca-feature .slider_mobile .con_box_wrap .grape li.g02{ background: rgba(0, 68, 99, .4);}
.sec-ca-feature .slider_mobile .con_box_wrap .grape li.g03{ background: rgba(0, 68, 99, .6);}
.sec-ca-feature .slider_mobile .con_box_wrap .grape li.g04{ background: rgba(0, 68, 99, .8);}
.sec-ca-feature .slider_mobile .con_box_wrap .grape li.g05{ background: rgba(0, 68, 99, 1);}
.sec-ca-feature .slider_mobile .con_box_wrap .grape2 {width:80%; margin: 0px auto;}
.sec-ca-feature .slider_mobile .con_box_wrap .grape2 li {float: left; width: 25%; height: 70px; padding-top: 50px; font-size: 2vw; font-weight: 500; color: #252525; background: url(/images/adMain/2021/orthonavi/sec_feature_grline.png) no-repeat top center;}
.sec-ca-feature .slider_mobile .ph_box1 { display: inline-block; width: 100%; height: 100px; padding-top:30px; margin:50px auto ;}
.sec-ca-feature .slider_mobile .ph_box2 { display: inline-block; width: 100%; height: 299px; padding-top:30px; background: #ffffff; margin:70px auto ; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-moz-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-ms-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-o-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	box-shadow: 0 15px 25px rgba(0, 0, 0, .3);}
.sec-ca-feature .slider_mobile .ph_box3 { display: inline-block; width: 100%; height: 385px; padding: 24px; margin:50px auto ;}
.sec-ca-feature .slider_mobile .ph_box4 { display: inline-block; width: 100%; height: 435px; padding: 24px; background: #ffffff; margin:20px auto ; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-moz-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-ms-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	-o-box-shadow: 0 15px 25px rgba(0, 0, 0, .3); 
	box-shadow: 0 15px 25px rgba(0, 0, 0, .3);}
.sec-ca-feature .slider_mobile .ph_box5 { display: inline-block; width: 100%; height: 306px; padding: 24px; margin:0px auto ;}
.sec-ca-feature .slider_mobile .ph_box6 { display: inline-block; width: 100%; height: 334px; margin:50px auto ;}
.sec-ca-feature .slider_mobile .ph_box1 li {display: inline-block; width: 49%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box2 li {display: inline-block; width: 49%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box3 li {display: inline-block; width: 75%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box4 li {display: inline-block; width: 46%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box5 li {display: inline-block; width: 25%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box5 li.arrow {width: 6%; height: 306px; background: url(/images/adMain/2021/orthonavi/bl_arrow.png) no-repeat 50% 50%; background-size: 80%;}
.sec-ca-feature .slider_mobile .ph_box6 li {display: inline-block; width: 49%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box6 li:last-child {display: block; width: 100%; padding:0 0px;}
.sec-ca-feature .slider_mobile .rb_grey {display: block; margin: 30px auto; font-size: 2.5vw; width: 90%; background: #B9B9B9; border-radius: 50px; padding: 10px 5px; color: #ffffff; font-weight: 500;}
.sec-ca-feature .slider_mobile .rb_navy {display: block; margin: 30px auto; font-size: 2.5vw; width: 90%; background: #004463; border-radius: 50px; padding: 10px; color: #ffffff; font-weight: 500;}
.sec-ca-feature .slider_mobile .arrow_ico {display: inline-block; width: 46px; height: 40px; background: url(/images/adMain/2021/orthonavi/arrow_icon.png) no-repeat center; margin-bottom: 60px; }

}
@media screen and (max-width: 768px) { 
.sec-ca-feature .slider_mobile { padding:70px 20px; }

}
@media screen and (max-width: 480px) { 
	.sec-ca-feature {min-height: 4250px;}
.sec-ca-feature .bg_wrap {height: 2448px; }
.sec-ca-feature .titwrp { padding-top: 100px; }
.sec-ca-feature .titwrp h1{font-size: 9vw;}
.sec-ca-feature .titwrp h1 br{display:none;}
.sec-ca-feature .titwrp p{ font-size: 4vw; }

.sec-ca-feature .box_wrap { margin: 50px auto; }
.sec-ca-feature .box_wrap ul {padding-top:50px }
.sec-ca-feature .box_wrap li{ float: none; width: 100%; height: 358px; margin-left: 0px; margin-bottom: 20px; padding: 30px 20px;}
.sec-ca-feature .box_wrap li dt{ font-size: 6vw; }
.sec-ca-feature .box_wrap li dd{ font-size: 4vw; }
.sec-ca-feature .box_wrap li .box_img {margin-bottom: 20px;}
.sec-ca-feature .box_wrap li .box_img img{width:80%;}

.sec-ca-feature .feat_ico_wrap { max-width: 90%; margin: 50px auto; padding-top:58px;}
.sec-ca-feature .feat_ico_wrap h4 { font-size: 7vw; text-align: center;}
.sec-ca-feature .feat_ico_wrap ul { padding-top:72px }
.sec-ca-feature .feat_ico_wrap li{ float: left; width: 50%; margin:20px auto; font-size: 3.5vw; }
.sec-ca-feature .feat_ico_wrap li br{ display:none;} 
.sec-ca-feature .feat_ico_wrap li .feat_ico{ width: 120px; height: 120px; margin:0 auto 20px auto; background-size: 50%; }

.sec-ca-feature .slider_mobile { top:-140px; padding:70px 20px; }
.sec-ca-feature .slider_mobile .slide_viewer {height: 4000px; }
.sec-ca-feature .slider_mobile .slide { padding:0px; margin-bottom: 100px;}
.sec-ca-feature .slider_mobile h2 {font-size: 9vw;  } 
.sec-ca-feature .slider_mobile p {font-size: 4vw; margin: 40px auto;  } 
.sec-ca-feature .slider_mobile .con_box_wrap h4 {font-size: 4vw; width: 70%; height: 100%; padding:10px; margin: 50px auto 30px auto;  } 
.sec-ca-feature .slider_mobile .con_box_wrap .grape {width: 100%; margin: 30px auto;}
.sec-ca-feature .slider_mobile .con_box_wrap .grape li {float: left; width: 20%; height: 53px; font-size: 4vw; line-height: 53px;}
.sec-ca-feature .slider_mobile .con_box_wrap .grape2 {width:80%; margin: 0px auto;}
.sec-ca-feature .slider_mobile .con_box_wrap .grape2 li {float: left; width: 25%; height: 70px; padding-top: 50px; font-size: 2.5vw; }
.sec-ca-feature .slider_mobile .ph_box1 { display: inline-block; width: 100%; height: 100px; padding-top:30px; margin:50px auto ;}
.sec-ca-feature .slider_mobile .ph_box2 { display: inline-block; width: 100%; height: 299px; padding-top:30px; margin:70px auto ; }
.sec-ca-feature .slider_mobile .ph_box3 { display: block; width: 100%; height: 240px; padding: 24px 0; margin:50px auto ;}
.sec-ca-feature .slider_mobile .ph_box4 { display: block; width: 100%; height: 420px; padding: 24px 0; margin:130px auto ; }
.sec-ca-feature .slider_mobile .ph_box5 { display: block; width: 100%; height: 510px; padding: 0px; margin:0px auto ;}
.sec-ca-feature .slider_mobile .ph_box6 { display: block; width: 100%; height: 334px; margin:50px auto ;}
.sec-ca-feature .slider_mobile .ph_box1 li {display: inline-block; width: 49%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box2 li {display: inline-block; width: 48%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box3 li {display: inline-block; width: 75%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box4 li {display: block; width: 60%; margin: 20px auto;}
.sec-ca-feature .slider_mobile .ph_box5 li {display: inline-block; width: 26%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box5 li.arrow {width: 6%; height: 206px; background: url(/images/adMain/2021/orthonavi/bl_arrow.png) no-repeat 50% 40%; background-size: 80%;}
.sec-ca-feature .slider_mobile .ph_box6 li {display: inline-block; width: 49%; padding:0 0px;}
.sec-ca-feature .slider_mobile .ph_box6 li:last-child {display: block; width: 100%; padding:0 0px;}
.sec-ca-feature .slider_mobile .rb_grey {margin: 30px auto; font-size: 3.5vw; width: 90%; padding: 10px 5px;}
.sec-ca-feature .slider_mobile .rb_navy {margin: 30px auto; font-size: 3.5vw; width: 90%; padding: 10px;}
.sec-ca-feature .slider_mobile .arrow_ico {display: inline-block; width: 46px; height: 40px; background: url(/images/adMain/2021/orthonavi/arrow_icon.png) no-repeat center; margin-bottom: 60px; }
}

@media screen and (max-width: 320px) { 
.sec-ca-feature .slider_mobile .slide_viewer {height: 3650px; }
.sec-ca-feature .slider_mobile { top:-140px; padding:70px 10px; }
.sec-ca-feature .slider_mobile .con_box_wrap .grape2 li {font-size: 1.5vw; }

}
/*// Clear Aligner feature*/


/*Bracket*/
.sec-bracket {position: relative; width: 100%; height: 100%; background: url(/images/adMain/2021/orthonavi/sec_bracket_bg.jpg) no-repeat top center; }
.sec-bracket .tit_wrap { max-width: 1290px; margin: 450px auto 100px auto;}
.sec-bracket h1 { font-size: 72px; margin-bottom: 50px; color: #004463; font-weight: 400; }
.sec-bracket .txt_wrap {float: left; width: 60%;  }
.sec-bracket .txt_wrap p { padding:50px 10% 0 27%; font-size: 30px; color: #B9B9B9; font-weight: 400; line-height: 1.2; word-break: break-word;}
.sec-bracket .txt_wrap h4 { clear: both; padding:0px 10% 0 27%; font-size: 60px; color: #004463; font-weight: 600;}
.sec-bracket .diff_box { width: 90%; height: 930px; background: #F5F5F5; padding:72px 30px 27% 300px; }
.sec-bracket .diff_box li{ display: block;}
.sec-bracket .diff_box li dl { width: 100%; clear: both;  padding: 30px 0 40px 0;}
.sec-bracket .diff_box li dt { width:30%;  float: left; margin-right: 20px;}
.sec-bracket .diff_box li dt.ico01{ background: url(/images/adMain/2021/orthonavi/sec_bracket_diff_ico01.png) no-repeat top center;width: 150px; height: 150px;}
.sec-bracket .diff_box li dt.ico02{ background: url(/images/adMain/2021/orthonavi/sec_bracket_diff_ico02.png) no-repeat top center;width: 150px; height: 150px;}
.sec-bracket .diff_box li dt.ico03{ background: url(/images/adMain/2021/orthonavi/sec_bracket_diff_ico03.png) no-repeat top center;width: 150px; height: 150px;}
.sec-bracket .diff_box li dt.ico04{ background: url(/images/adMain/2021/orthonavi/sec_bracket_diff_ico04.png) no-repeat top center;width: 150px; height: 150px;}
.sec-bracket .diff_box li dd { float: left; width:69%; font-size: 30px; padding: 20px; height: inherit; vertical-align: middle; color: #66A9C2; line-height: 120%;}
.sec-bracket .img_wrap {float: left; width: 40%; margin-top: 238px; height: 860px; background: #004463; }
.sec-bracket .img_wrap img { position: absolute; right: 0; top:760px;}
.sec-bracket .line01 { float:right; width: 300px; height: 1px; margin-top: 187px; margin-bottom: 50px; background: #004463;}

@media screen and (max-width: 1660px) { 
	.sec-bracket .txt_wrap p { font-size: 26px; }
.sec-bracket .txt_wrap h4 { padding:0px 5% 0 27%; font-size: 50px;}
.sec-bracket .diff_box li dd { font-size: 20px; padding: 20px;}
.sec-bracket .diff_box li dt.ico01{ background-size:80%; width: 120px; height: 120px;}
.sec-bracket .diff_box li dt.ico02{ background-size:80%; width: 120px; height: 120px;}
.sec-bracket .diff_box li dt.ico03{ background-size:80%; width: 120px; height: 120px;}
.sec-bracket .diff_box li dt.ico04{ background-size:80%; width: 120px; height: 120px;}
}

@media screen and (max-width: 1475px) { 
.sec-bracket { background-size: 100% auto; }
.sec-bracket .tit_wrap { max-width: 1100px; margin: 200px auto 100px auto;}
.sec-bracket h1 { font-size: 5vw; margin-bottom: 50px; }
.sec-bracket .txt_wrap {float: left; width: 60%;  }
.sec-bracket .txt_wrap p { padding-top:50px; padding-left: 10%; font-size: 2vw; line-height: 1.2; }
.sec-bracket .txt_wrap h4 { clear: both; padding-left: 12%; font-size: 4vw;}
.sec-bracket .diff_box { width: 90%; height: 800px; padding:72px 20px 27% 100px; }
.sec-bracket .diff_box li{ display: block;}
.sec-bracket .diff_box li dl { padding: 30px 0 40px 0;}
.sec-bracket .diff_box li dt {  float: left; margin-right: 20px; }
.sec-bracket .diff_box li dd { float: left; font-size: 1.5vw; padding: 10px 0; }
.sec-bracket .img_wrap {float: left; width: 40%; margin-top: 238px; height: 660px; }
.sec-bracket .img_wrap img { width: 30%; right: 0; top:760px;}
.sec-bracket .line01 { float:right; width: 300px; height: 1px; margin-top: 187px; margin-bottom: 50px; }
}

@media screen and (max-width: 1086px) { 
	.sec-bracket {}
	.sec-bracket .tit_wrap { max-width: 850px; margin: 200px auto 50px auto;}
	.sec-bracket h1 { font-size: 5vw; margin-bottom: 50px; }
	.sec-bracket .txt_wrap {float: none; width: 85%; margin: 0 auto;  }
	.sec-bracket .txt_wrap p { padding:0; font-size: 2vw;}
	.sec-bracket .txt_wrap p br{ display: none; }
	.sec-bracket .txt_wrap h4 { padding: 0%; font-size: 4vw;}
	.sec-bracket .diff_box {float: left; width: 70%; height: 800px; padding:72px 20px 27% 50px; }
	.sec-bracket .diff_box li dd { float: left; font-size: 2vw; padding: 10px 0; }
	.sec-bracket .img_wrap {float: left; width: 30%; margin-top: 100px; height: 450px; }
	.sec-bracket .line01 { float:left; width: 30%; height: 1px; margin-top: 100px; margin-bottom: 50px; }
}

@media screen and (max-width: 991px) { 
	.sec-bracket {min-height: 3000px;}
	.sec-bracket .tit_wrap { max-width: 90%; margin: 100px auto 50px auto;}
	.sec-bracket h1 { font-size: 8vw; margin-bottom: 50px; }
	.sec-bracket .txt_wrap p { font-size: 3vw; }
	.sec-bracket .txt_wrap h4 { padding-left: 0%; font-size: 6vw;}
	.sec-bracket .diff_box {float: none; width: 100%; height: 750px; padding:72px auto 50px auto; }
	.sec-bracket .diff_box li dt { width: 120px; height: 120px; float: left; margin-right: 20px; }
	.sec-bracket .diff_box li dd { float: left; font-size: 3vw; width: 70%; padding: 10px 0; }
	.sec-bracket .diff_box li dd br{ display:none;} 
	.sec-bracket .img_wrap {float: none; width: 100%; margin: 0 auto; margin-top: 50px; height: 680px; }
	.sec-bracket .img_wrap img { position: relative; width: 60%; right: 0; top:50px;}
	.sec-bracket .line01 { float:left; width: 30%; height: 1px; margin-top: 70px; margin-bottom: 50px; }
}
@media screen and (max-width: 631px) { 
	.sec-bracket {min-height: 3000px;}
	.sec-bracket .tit_wrap { margin: 50px auto 50px auto;}
	.sec-bracket h1 { font-size: 9vw; margin-bottom: 50px; }
	.sec-bracket .txt_wrap p { font-size: 4vw; }
	.sec-bracket .txt_wrap h4 { padding-left: 0%; font-size: 7vw;}
	.sec-bracket .diff_box {float: none; width: 100%; height: 1300px; padding:52px 20px 50px 20px;  }
	.sec-bracket .diff_box li dl { padding: 0px 0 0px 0;}
	.sec-bracket .diff_box li dt {float: none; width: 150px; height: 150px; margin: 0 auto;}
	.sec-bracket .diff_box li dd { float: none; font-size: 5vw; width: 100%; padding: 10px 0; margin: 0 auto; text-align: center;}
	.sec-bracket .diff_box li dd br{ display:none;} 
	.sec-bracket .img_wrap {float: none; width: 100%; margin: 0 auto; margin-top: 50px; height: 450px; }
	.sec-bracket .img_wrap img { position: relative; width: 70%; right: 0; top:50px;}
	.sec-bracket .line01 { float:left; width: 30%; height: 1px; margin-top: 50px; margin-bottom: 50px; }
}	
@media screen and (max-width: 480px) { 
	.sec-bracket {min-height: 2300px;}
	.sec-bracket .tit_wrap { margin: 50px auto 50px auto;}
	.sec-bracket h1 { font-size: 9vw; margin-bottom: 50px; }
	.sec-bracket .txt_wrap p { font-size: 4vw; }
	.sec-bracket .txt_wrap h4 { padding-left: 0%; font-size: 7vw;}
	.sec-bracket .diff_box {float: none; width: 100%; height: 1100px; padding:52px 20px 50px 20px;  }
	.sec-bracket .diff_box li dl { padding: 0px 0 0px 0;}
	.sec-bracket .diff_box li dt {float: none; width: 150px; height: 150px; margin: 0 auto;}
	.sec-bracket .diff_box li dd { float: none; font-size: 5vw; width: 100%; padding: 10px 0; margin: 0 auto; text-align: center;}
	.sec-bracket .diff_box li dd br{ display:none;} 
	.sec-bracket .img_wrap {float: none; width: 100%; margin: 0 auto; margin-top: 50px; height: 450px; }
	.sec-bracket .img_wrap img { position: relative; width: 70%; right: 0; top:50px;}
	.sec-bracket .line01 { float:left; width: 30%; height: 1px; margin-top: 50px; margin-bottom: 50px; }
}	
@media screen and (max-width: 320px) { 
	.sec-bracket .img_wrap {margin-top: 30px; height: 300px; }
}
/*// Bracket*/

/*Advantage*/
.sec-advantage {position: relative; width: 100%; height: 100%; min-height: 4045px; }
.sec-advantage .container-1410{ max-width: 1410px; margin: 0 auto; text-align: center;}
.sec-advantage .ad_bg{ width: 100%; height: 2149px; background: #F5F5F5;}
.sec-advantage .line02 {width: 1px; height: 243px; background: #66A9C2;}
.sec-advantage h1 { font-size: 80px; color: #66A9C2; }
.sec-advantage .adva_wrap {clear: both; width: 100%; margin-top: 100px;}
.sec-advantage .adva_wrap .txtwrp_01{ float: right; width: 40%; padding-top: 148px; text-align: left; margin-top: 100px;}
.sec-advantage .adva_wrap .txtwrp_02{ float: left; width: 40%; padding-top: 148px; text-align: left; margin-top: 150px;}
.sec-advantage .adva_wrap .txtwrp_03{ float: right; width: 40%; padding-top: 148px; text-align: left; margin-top: 150px;}
.sec-advantage .adva_wrap .txtwrp_04{ float: left; width: 50%; padding-top: 148px; padding-left: 240px; text-align: left; margin-top: 150px;}
.sec-advantage .adva_wrap .ad_img01 {float: left; width: 60%; height:850px; padding-left: 191px; padding-top: 263px; margin-top: 100px; background: url(/images/adMain/2021/orthonavi/sec_advantage_imgbg01.png) no-repeat top left;}
.sec-advantage .adva_wrap .ad_img02 {float: right; width: 60%; height:850px; padding-right: 221px; padding-top: 293px; margin-top: 150px; background: url(/images/adMain/2021/orthonavi/sec_advantage_imgbg02.png) no-repeat top right;}
.sec-advantage .adva_wrap .ad_img03 {float: left; width: 60%; height:557px; padding-left: 420px; padding-top: 50px; margin-top: 100px; background: url(/images/adMain/2021/orthonavi/sec_advantage_imgbg03.png) no-repeat top left;}
.sec-advantage .adva_wrap .ad_img04 { float: right; width: 50%; height:557px; padding-left: 70px; padding-top: 30px; margin-top: 150px; background: url(/images/adMain/2021/orthonavi/sec_advantage_imgbg04.png) no-repeat top right;}
.sec-advantage .adva_wrap h4 { font-size: 72px; padding-bottom: 20px; color: #252525; font-weight: 700;}
.sec-advantage .adva_wrap .ad_p { float: left; width: 85%; font-size: 24px; color: #B9B9B9;}
.sec-advantage .adva_wrap .ad_pline {float: left; width:10% ; margin: 12px 2.5%; height: 1px; background: #66A9C2; }

@media screen and (max-width: 1400px) { 
.sec-advantage {min-height: 3700px; }
.sec-advantage .container-1410{ max-width: 1110px; }
.sec-advantage .ad_bg{ width: 100%; height: 2149px; }
.sec-advantage .line02 {width: 1px; height: 243px; }
.sec-advantage h1 { font-size: 5vw; }
.sec-advantage .adva_wrap {clear: both; width: 100%; margin-top: 100px;}
.sec-advantage .adva_wrap .txtwrp_01{ float: right; width: 40%; padding-top: 148px; text-align: left; margin-top: 50px;}
.sec-advantage .adva_wrap .txtwrp_02{ float: left; width: 40%; padding-top: 148px; text-align: left; margin-top: 50px;}
.sec-advantage .adva_wrap .txtwrp_03{ float: right; width: 40%; padding-top: 148px; text-align: left; margin-top: 50px;}
.sec-advantage .adva_wrap .txtwrp_04{ float: left; width: 40%; padding-top: 148px; text-align: left; padding-left: 80px; margin-top: 50px;}
.sec-advantage .adva_wrap .ad_img01 {float: left; width: 60%; height:750px; padding-left: 191px; padding-top: 263px; margin-top: 50px; }
.sec-advantage .adva_wrap .ad_img02 {float: right; width: 60%; height:750px; padding-right: 221px; padding-top: 293px; margin-top: 50px; }
.sec-advantage .adva_wrap .ad_img03 {float: left; width: 50%; height:557px; padding-left: 80px; padding-top: 30px; margin: 200px 0 0 30px; }
.sec-advantage .adva_wrap .ad_img04 { float: right; width: 50%; height:557px; padding-left: 50px; padding-top: 30px; margin: 100px 10px 0 0;  }
.sec-advantage .adva_wrap h4 { font-size: 5.5vw; padding-bottom: 20px;}
.sec-advantage .adva_wrap .ad_p { width: 85%; font-size: 2vw; }
.sec-advantage .adva_wrap .ad_p br{ display:none; }
.sec-advantage .adva_wrap .ad_pline { width:10% ; margin: 12px 2.5%; height: 1px;  }
}

@media screen and (max-width: 1200px) { 
	.sec-advantage {min-height: 3200px; }
	.sec-advantage .ad_bg{ height: 1749px; }
	.sec-advantage .container-1410{ max-width: 980px; }
	.sec-advantage .line02 {width: 1px; height: 143px; }
	.sec-advantage h1 { font-size: 6vw; }
	.sec-advantage .adva_wrap {clear: both; width: 100%; margin-top: 100px;}
	.sec-advantage .adva_wrap .txtwrp_01{ float: right; width: 40%; padding-top: 48px; margin-top: 50px;}
	.sec-advantage .adva_wrap .txtwrp_02{ float: left; width: 40%; padding-top: 48px; margin-top: 150px;}
	.sec-advantage .adva_wrap .txtwrp_03{ float: right; width: 40%; padding-top: 148px; margin-top: 250px;}
	.sec-advantage .adva_wrap .txtwrp_04{ float: left; width: 40%; padding-top: 148px; padding-left: 80px; text-align: left; margin-top: 50px;}
	.sec-advantage .adva_wrap .ad_img01 {float: left; width: 50%; height:450px; padding-left: 191px; padding-top: 263px; margin: 50px 0 0 30px;}
	.sec-advantage .adva_wrap .ad_img02 {float: right; width: 50%; height:450px; padding-right: 221px; padding-top: 293px; margin: 150px 30px 0 0; }
	.sec-advantage .adva_wrap .ad_img03 {float: left; width: 50%; height:450px; padding-left: 80px; padding-top: 30px; margin: 350px 0 0 0px; }
	.sec-advantage .adva_wrap .ad_img04 { float: right; width: 50%; height:450px; padding-left: 20px; padding-top: 30px; margin: 350px 0px 0 0;  }
	.sec-advantage .adva_wrap h4 { font-size: 5.5vw; padding-bottom: 20px;}
	.sec-advantage .adva_wrap .ad_p {  width: 85%; font-size: 2vw; }
	.sec-advantage .adva_wrap .ad_pline { width:10% ; margin: 12px 2.5%; height: 1px;  }
}
@media screen and (max-width: 1024px) {
	.sec-advantage {min-height: 3100px; }

}
@media screen and (max-width: 991px) { 
	.sec-advantage {min-height: 2900px; }
	.sec-advantage .ad_bg{ height: 1600px; }
	.sec-advantage .container-1410{ max-width: 780px; }
	.sec-advantage .line02 {width: 1px; height: 143px; }
	.sec-advantage h1 { font-size: 7vw; }
	.sec-advantage .adva_wrap {clear: both; width: 100%; margin-top: 100px;}
	.sec-advantage .adva_wrap .txtwrp_01{ float: right; width: 40%; padding-top: 48px; margin-top: 50px;}
	.sec-advantage .adva_wrap .txtwrp_02{ float: left; width: 40%; padding-top: 48px; padding-left: 40px; margin-top: 150px;}
	.sec-advantage .adva_wrap .txtwrp_03{ float: right; width: 40%; padding-top: 148px; margin-top: 250px;}
	.sec-advantage .adva_wrap .txtwrp_04{ float: left; width: 40%; padding-top: 248px; padding-left: 40px; margin-top: 50px;}
	.sec-advantage .adva_wrap .ad_img01 {float: left; width: 50%; height:400px; padding:263px 0 0 191px; margin: 50px 0 0 30px;}
	.sec-advantage .adva_wrap .ad_img02 {float: right; width: 50%; height:400px; padding:293px 0 0 221px; margin: 150px 30px 0 0; }
	.sec-advantage .adva_wrap .ad_img03 {float: left; width: 50%; height:300px; padding:30px 0 0 80px; margin: 350px 0 0 0px; }
	.sec-advantage .adva_wrap .ad_img04 { float: right; width: 50%; height:300px; padding:30px 70px 0 0; margin: 350px 0px 0 0;  }
	.sec-advantage .adva_wrap h4 { font-size: 5.5vw; padding-bottom: 20px;}
	.sec-advantage .adva_wrap .ad_p {  width: 85%; font-size: 2vw; }
	.sec-advantage .adva_wrap .ad_pline { width:10% ; margin: 12px 2.5%; height: 1px;  }
}

@media screen and (max-width: 650px) { 
	.sec-advantage {min-height: 3600px; }
	.sec-advantage .ad_bg{ height: 1800px; }
	.sec-advantage .container-1410{ max-width: 480px; }
	.sec-advantage .line02 {width: 1px; height: 143px; }
	.sec-advantage h1 { font-size: 7vw; }
	.sec-advantage .adva_wrap { margin: 50px auto; width: 90%;}
	.sec-advantage .adva_wrap .txtwrp_01{ float: none; width: 100%; padding-top: 48px; margin: 50px auto;}
	.sec-advantage .adva_wrap .txtwrp_02{ float: none; width: 100%; padding-top: 48px; padding-left: 0px; margin: 50px auto;}
	.sec-advantage .adva_wrap .txtwrp_03{ float: none; width: 100%; padding-top: 48px; margin: 250px auto;}
	.sec-advantage .adva_wrap .txtwrp_04{ float: none; width: 100%; padding-top: 48px; padding-left: 0px; margin: 250px auto;}
	.sec-advantage .adva_wrap .ad_img01 {float: none; width: 90%; height:350px; padding:123px 0 0 31px; margin: 50px auto;}
	.sec-advantage .adva_wrap .ad_img02 {float: none; width: 90%; height:350px; padding:123px 21px 0 0; margin: 180px auto 50px auto; }
	.sec-advantage .adva_wrap .ad_img03 {float: none; width: 100%; height:350px; padding:30px; margin: 350px 0 0 0px; }
	.sec-advantage .adva_wrap .ad_img04 { float: none; width: 100%; height:350px; padding:30px; margin: 250px 0px 0 0;  }
	.sec-advantage .adva_wrap h4 { font-size: 8vw; padding-bottom: 20px;}
	.sec-advantage .adva_wrap .ad_p {  width: 85%; font-size: 4vw; }
	.sec-advantage .adva_wrap .ad_pline { width:10% ; margin: 12px 2.5%; height: 1px;  }
}

@media screen and (max-width: 480px) { 
	.sec-advantage {min-height: 3100px; }
	.sec-advantage .ad_bg{ height: 1600px; }
	.sec-advantage .container-1410{ max-width: 780px; }
	.sec-advantage .line02 {width: 1px; height: 143px; }
	.sec-advantage h1 { font-size: 9vw; }
	.sec-advantage .adva_wrap { margin: 50px auto; width: 90%;}
	.sec-advantage .adva_wrap .txtwrp_01{ float: none; width: 100%; padding-top: 48px; margin: 50px auto;}
	.sec-advantage .adva_wrap .txtwrp_02{ float: none; width: 100%; padding-top: 48px; padding-left: 0px; margin: 50px auto;}
	.sec-advantage .adva_wrap .txtwrp_03{ float: none; width: 100%; padding-top: 48px; margin: 50px auto;}
	.sec-advantage .adva_wrap .txtwrp_04{ float: none; width: 100%; padding-top: 48px; padding-left: 0px; margin: 50px auto;}
	.sec-advantage .adva_wrap .ad_img01 {float: none; width: 90%; height:300px; padding:123px 0 0 31px; margin: 50px auto;}
	.sec-advantage .adva_wrap .ad_img02 {float: none; width: 90%; height:300px; padding:123px 21px 0 0; margin: 180px auto 50px auto; }
	.sec-advantage .adva_wrap .ad_img03 {float: none; width: 100%; height:300px; padding:30px; margin: 350px 0 0 0px; }
	.sec-advantage .adva_wrap .ad_img04 { float: none; width: 100%; height:300px; padding:30px; margin: 250px 0px 0 0;  }
	.sec-advantage .adva_wrap h4 { font-size: 8vw; padding-bottom: 20px;}
	.sec-advantage .adva_wrap .ad_p {  width: 85%; font-size: 4vw; }
	.sec-advantage .adva_wrap .ad_pline { width:10% ; margin: 12px 2.5%; height: 1px;  }
}

@media screen and (max-width: 320px) { 
	.sec-advantage {min-height: 2400px; }
	.sec-advantage .ad_bg{ height: 1300px; }
	.sec-advantage .container-1410{ max-width: 280px; }
	.sec-advantage .adva_wrap .ad_img01 { height:200px; padding:93px 0 0 31px; }
	.sec-advantage .adva_wrap .ad_img02 { height:200px; padding:93px 21px 0 0; }
	.sec-advantage .adva_wrap .ad_img03 { height:200px; margin: 250px 0 0 0px; }
	.sec-advantage .adva_wrap .ad_img04 { height:200px; margin: 150px 0px 0 0;  }
}
/*// Advantage*/

/*Procedure*/
.sec-procedure {position: relative; width: 100%; height: 100%; min-height: 1250px; background: url(/images/adMain/2021/orthonavi/sec_procedure_bg.jpg) no-repeat top center; overflow: hidden; }
.sec-procedure .tit_wrap { max-width: 1250px; margin: 150px auto 523px auto;}
.sec-procedure h1 {float:left; font-size: 72px; margin-bottom: 420px; color: #004463; font-weight: 700; }
.sec-procedure h1 span{ font-weight: 300; }
.sec-procedure .procedure_wrap { clear:both; width: 100%; height: 292px; background: rgb(102,169,194);
	background: linear-gradient(90deg, rgba(102,169,194,1) 0%, rgba(0,68,99,1) 100%);}
.sec-procedure  .swiper-container-wrapper { position: relative; top:65px;}
.sec-procedure .swiper-container-wrapper--timeline .swiper-slide {display: flex;height: 0px;}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-progressbar {
	position: relative;
	margin-bottom: 70px;
	background-color: transparent;
	height: 4px;
	border-bottom: 1px solid #66A9C2;
	width: 85%;
}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {background-color: #66A9C2; height: 3px;top: 2px;}
.sec-procedure  .swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
	position: absolute;
	top: 2px;
	left: -100%;
	width: 100%;
	height: 3px;
	background-color: #66A9C2;
	content: "";
}
.sec-procedure  .swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
	position: absolute;
	top: 3px;
	right: -100%;
	width: 100%;
	height: 1px;
	background-color: #66A9C2;
	content: "";
}
.sec-procedure  .swiper-container-wrapper--timeline .swiper-pagination-custom {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	line-height: 1.66;
	bottom: 0;
	z-index: 11;
	width: 85%;
	display: flex;
}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
	position: relative;
	width: 100%;
	height: 49px;
	line-height: 22px;
	display: block;
}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
	position: absolute;
	font-weight: 400;
	text-align: center;
	font-size: 30px;
	right: 0;
	color:#C5E3EE;
	transform: translateX(50%);
	transition: 0.2s all ease-in-out;
	transition-delay: 0s;
	cursor: pointer;
	z-index: 1;
}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
	position: absolute;
	top: calc(100% + 30px);
	right: 50%;
	transform: translateX(50%) translateY(-50%);
	width: 19px;
	height: 19px;
	color: #8FE1FF;
	background: #8FE1FF;
	border-radius: 2rem;
	content: "";
	transition: 0.2s all ease-in-out;
	transition-delay: 0s;
	z-index: 1;
}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {transition-delay: 0.4s;}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
	background: #8FE1FF;
	width: 26px;
	height: 26px;
	transition-delay: 0.4s;
}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title {
	color: #888;
	font-weight: 16px;
}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after {background: #66A9C2;}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-tits {
	position: absolute;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	font-size: 22px;
	top: calc(100% + 29px);
	right: 0;
	transform: translateX(50%);
	transition: 0.2s all ease-in-out;
	transition-delay: 0s;
	cursor: pointer;
	z-index: 1;
}
.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-tits:after { color:#ffffff ;}
.sec-procedure .procedure_wrap_m { display: none;}

@media screen and (max-width:1400px) {
	.sec-procedure { min-height: 1250px; }
	.sec-procedure .tit_wrap { max-width: 1050px; margin: 150px auto 423px auto;}
	.sec-procedure .procedure_wrap { height: 292px; }
	.sec-procedure h1 { font-size: 7vw;}
	.sec-procedure h1 span { font-size: 5vw; }
	.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {font-size: 1.2vw;}
	.sec-procedure .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-tits {font-size: 1.2vw;}
}
@media screen and (max-width:1200px) {
	.sec-procedure {min-height:760px; background-size: 100% auto; }
	.sec-procedure .tit_wrap { max-width: 950px; margin: 100px auto 223px auto;}
	.sec-procedure h1 { font-size: 5vw;}
	.sec-procedure .procedure_wrap { height: 292px; }
	.sec-procedure .swiper-container-wrapper--timeline .swiper-slide {min-height: 558px;}
		
}
@media screen and (max-width:1024px) {
	.sec-procedure {min-height:730px; }
}
@media screen and (max-width:991px) {
	.sec-procedure {min-height:1090px; background: none; }
	.sec-procedure .tit_wrap { width: 100%; height: 500px; margin: 50px auto 0 auto; background: url(/images/adMain/2021/orthonavi/sec_procedure_bg.jpg) no-repeat top center; background-size: 100% 100%;}
	.sec-procedure h1 { font-size: 9.5vw; padding: 200px 30px 0 30px; margin-bottom: 0px;}
	.sec-procedure h1 span {font-size: 6.5vw; }
	.sec-procedure .procedure_wrap {display: none; }
	.sec-procedure .procedure_wrap_m { clear:both; position: relative; display: block; width: 100%; margin: 0px auto 0 auto;}
	.sec-procedure .procedure_wrap_m ul{ width: 100%; margin: 0 auto;}
	.sec-procedure .procedure_wrap_m li{  display: block; width: 100%; height:160px; padding:35px 20px; margin: 0; }
	.sec-procedure .procedure_wrap_m li.step1{background: rgba(0, 68, 99, .2);}
	.sec-procedure .procedure_wrap_m li.step2{background: rgba(0, 68, 99, .4);}
	.sec-procedure .procedure_wrap_m li.step3{background: rgba(0, 68, 99, .6);}
	.sec-procedure .procedure_wrap_m li.step4{background: rgba(0, 68, 99, .8);}
	.sec-procedure .procedure_wrap_m li.step5{background: rgba(0, 68, 99, 1);}
	.sec-procedure .procedure_wrap_m li dl { vertical-align:top;}
	.sec-procedure .procedure_wrap_m li dt{ padding:0 20px; font-size: 3.5vw; color: #ffffff; height: inherit; vertical-align: middle; }
	.sec-procedure .procedure_wrap_m li dd{ padding:0 20px; font-size: 3.5vw; color: #ffffff; line-height: 100%; height: inherit; vertical-align: middle;  }
}
@media screen and (max-width:768px) {
	.sec-procedure .tit_wrap { width: 100%; height: 400px;}
}
 @media screen and (max-width:480px) {
	.sec-procedure {min-height:1000px; }
	.sec-procedure .tit_wrap { height: 260px; margin: 50px auto 0px auto; background-size: 100% 100%;}
	.sec-procedure h1 { font-size: 7vw; padding: 130px 30px 0 30px;}
	.sec-procedure h1 span {font-size: 6.5vw; }
	.sec-procedure .procedure_wrap_m li dt{display: block;  width: 100%; font-size: 6vw; }
	.sec-procedure .procedure_wrap_m li dd{ display: block; width: 100%; font-size: 5vw;}
	.sec-procedure .procedure_wrap_m li dd br{ display: none;}
}
@media screen and (max-width:320px) {
	.sec-procedure {min-height:950px; }
}
/*// Procedure*/

/*Message*/
.sec-message {position: relative; width: 100%; height: 100%; min-height: 900px; background: url(/images/adMain/2021/orthonavi/sec_message_bg.jpg) no-repeat top center; overflow: hidden; }
.sec-message .tit_wrap{ width: 45%; float: right; margin-top:303px;}
.sec-message .tit_wrap h1{ font-size: 40px; color: #004463; font-weight: 500; line-height:1.2; }
.sec-message .tit_wrap h1 span{ font-weight: 700; }
.sec-message .tit_wrap h1 span.highlight{box-shadow: inset 0 -15px 0 #8FE1FF; }
.sec-message .tit_wrap p{ font-size: 20px; color: #004463; font-weight: 500; }

@media screen and (max-width:1400px) {
.sec-message { min-height: 900px;  }
.sec-message .tit_wrap{ width: 50%; float: right; margin-top:153px;}
.sec-message .tit_wrap h1{ font-size: 2.9vw; }
.sec-message .tit_wrap h1 br{ display: none; }
.sec-message .tit_wrap p{ font-size: 1.8vw; }
}

@media screen and (max-width:1200px) {
	.sec-message { min-height: 800px;  }
}
@media screen and (max-width:1024px) {
	.sec-message { min-height: 700px;  }
}
@media screen and (max-width:991px) {
	.sec-message { min-height: 1000px; background-position: 15% 100% ;  background-size: cover;  }
	.sec-message .tit_wrap{ width: 90%; float: none; margin:700px auto 50px auto;}
	.sec-message .tit_wrap h1{ font-size: 4.8vw; }
	.sec-message .tit_wrap p{ font-size: 3vw; }
}
@media screen and (max-width:480px) {
	.sec-message { min-height: 500px; background-position: 30% 100% ;  background-size: cover;  }
	.sec-message .tit_wrap{ width: 90%; float: none; margin:500px auto 50px auto;}
	.sec-message .tit_wrap h1{ font-size: 5.5vw; }
	.sec-message .tit_wrap p{ font-size: 4vw; }
}
@media screen and (max-width:320px) {
	.sec-message { min-height: 450px; background-position: 30% 100% ;  background-size: cover;  }
	.sec-message .tit_wrap{ width: 90%; float: none; margin:360px auto 50px auto;}
	.sec-message .tit_wrap h1{ font-size: 5.5vw; }
	.sec-message .tit_wrap p{ font-size: 4vw; }
}

/*// Message*/

.uppercase { font-size: 14px; color: #000; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; } 
 
.btn { margin-right: 4px; margin-bottom: 4px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif, Arial; font-size: 16px; font-weight: 400; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; padding: 8px 20px; } 
.btn.btn-md { padding: 8px 20px !important; } 
.btn.btn-lg { padding: 18px 36px !important; } 
.btn:hover, .btn:active, .btn:focus { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } 
 
.btn-pink { background: #f06497; color: #fff; border: 2px solid #f06497; } 
.btn-pink:hover, .btn-pink:focus, .btn-pink:active { color: #fff; background: #121212 !important; border-color: #000 !important; } 
.btn-pink.btn-outline { background: transparent; color: #f06497; border: 2px solid #f06497; } 
.btn-pink.btn-outline:hover, .btn-pink.btn-outline:focus, .btn-pink.btn-outline:active { background: #f06497; color: #fff; } 
 
.btn-green { background: #5cb85c; color: #fff; border: 2px solid #5cb85c; } 
.btn-green:hover, .btn-green:focus, .btn-green:active { background: #4cae4c !important; border-color: #4cae4c !important; } 
.btn-green.btn-outline { background: transparent; color: #5cb85c; border: 2px solid #5cb85c; } 
.btn-green.btn-outline:hover, .btn-green.btn-outline:focus, .btn-green.btn-outline:active { background: #5cb85c; color: #fff; } 
 
.btn-blue { background: #5bc0de; color: #fff; border: 2px solid #5bc0de; } 
.btn-blue:hover, .btn-blue:focus, .btn-blue:active { background: #46b8da !important; border-color: #46b8da !important; } 
.btn-blue.btn-outline { background: transparent; color: #5bc0de; border: 2px solid #5bc0de; } 
.btn-blue.btn-outline:hover, .btn-blue.btn-outline:focus, .btn-blue.btn-outline:active { background: #5bc0de; color: #fff; } 
 
.btn-orange { background: #f0ad4e; color: #fff; border: 2px solid #f0ad4e; } 
.btn-orange:hover, .btn-orange:focus, .btn-orange:active { background: #eea236 !important; border-color: #eea236 !important; } 
.btn-orange.btn-outline { background: transparent; color: #f0ad4e; border: 2px solid #f0ad4e; } 
.btn-orange.btn-outline:hover, .btn-orange.btn-outline:focus, .btn-orange.btn-outline:active { background: #f0ad4e; color: #fff; } 
 
.btn-red { background: #d9534f; color: #fff; border: 2px solid #d9534f; } 
.btn-red:hover, .btn-red:focus, .btn-red:active { background: #d43f3a !important; border-color: #d43f3a !important; } 
.btn-red.btn-outline { background: transparent; color: #d9534f; border: 2px solid #d9534f; } 
.btn-red.btn-outline:hover, .btn-red.btn-outline:focus, .btn-red.btn-outline:active { background: #d9534f; color: #fff; } 
 
.btn-outline { background: none; border: 2px solid gray; font-size: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { -webkit-box-shadow: none; box-shadow: none; } 
 
.btn-grey { background: #252525; border: 1px solid #252525; color: gray; font-size:14px;}
.btn-grey:focus, .btn-grey.focus { color: gray; background: #252525; }
.btn-grey:hover {color: gray; background: #282828; border: 2px solid gray;}
.btn-grey:active, .btn-grey.active, .open &gt; .btn-grey.dropdown-toggle {color: gray; background: #282828; }
.btn-grey:active:hover, .btn-grey:active:focus, .btn-grey:active.focus, .btn-grey.active:hover, .btn-grey.active:focus, .btn-grey.active.focus, .open &gt; .btn-grey.dropdown-toggle:hover, .open &gt; .btn-grey.dropdown-toggle:focus, .open &gt; .btn-grey.dropdown-toggle.focus {
  color: gray; background: #282828; 
}
.btn-grey:active, .btn-grey.active, .open &gt; .btn-grey.dropdown-toggle {background-image: none;}
.btn-grey.disabled, .btn-grey.disabled:hover, .btn-grey.disabled:focus, .btn-grey.disabled.focus, .btn-grey.disabled:active, .btn-grey.disabled.active, .btn-grey[disabled], .btn-grey[disabled]:hover, .btn-grey[disabled]:focus, .btn-grey[disabled].focus, .btn-grey[disabled]:active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey, fieldset[disabled] .btn-grey:hover, fieldset[disabled] .btn-grey:focus, fieldset[disabled] .btn-grey.focus, fieldset[disabled] .btn-grey:active, fieldset[disabled] .btn-grey.active {
  color: gray; background: #282828; 
}
.btn-grey .badge {color: gray; background: #282828; }
 
.btn.with-arrow { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
.btn.with-arrow i { visibility: hidden; opacity: 0; position: absolute; right: 0px; top: 50%; margin-top: -8px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } 
.btn.with-arrow:hover { padding-right: 50px; } 
.btn.with-arrow:hover i { color: #fff; right: 18px; visibility: visible; opacity: 1; } 
.form-control { -webkit-box-shadow: none; box-shadow: none; background: transparent; border: 2px solid rgba(0, 0, 0, 0.1); height: 54px; font-size: 18px; font-weight: 300; } 
.form-control:active, .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border-color: #2f89fc; } 
.row-pb-md { padding-bottom: 4em !important; } 
.row-pb-sm { padding-bottom: 2em !important; } 
 
.js .animate-box { opacity: 0; }  
.site-section { padding: 7em 0; } 
 
.gallery-item { position: relative; overflow: hidden; margin-bottom: 30px; display: block; } 
.gallery-item img { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 
.gallery-item:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 
 
.pagination { text-align: center; } 
.pagination a { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; border: 1px solid #e6e6e6; background: #fff; } 
.pagination a:hover { -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.1); border-color: #ccc; } 
.pagination .caption { width: auto !important; padding-left: 10px; padding-right: 10px; } 
 
.sidebar-box { margin-bottom: 30px; padding: 25px; font-size: 15px; width: 100%; float: left; background: #fff; } 
.sidebar-box *:last-child { margin-bottom: 0; } 
.sidebar-box h3 { font-size: 18px; margin-bottom: 15px; } 
.categories li, .sidelink li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted gray("300"); list-style: none; } 
.categories li:last-child, .sidelink li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } 
.categories li a, .sidelink li a { display: block; } 
.categories li a span, .sidelink li a span { position: absolute; right: 0; top: 0; color: #ccc; } 
.categories li.active a, .sidelink li.active a { color: #000; font-style: italic; } 
.comment-form-wrap { clear: both; } 
.comment-list { padding: 0; margin: 0; } 
.comment-list .children { padding: 50px 0 0 40px; margin: 0; float: left; width: 100%; } 
.comment-list li { padding: 0; margin: 0 0 30px 0; float: left; width: 100%; clear: both; list-style: none; } 
.comment-list li .vcard { width: 80px; float: left; } 
.comment-list li .vcard img { width: 50px; border-radius: 50%; } 
.comment-list li .comment-body { float: right; width: calc(100% - 80px); } 
.comment-list li .comment-body h3 { font-size: 20px; color: #000; } 
.comment-list li .comment-body .meta { text-transform: uppercase; font-size: 13px; letter-spacing: .1em; color: #ccc; } 
.comment-list li .comment-body .reply { padding: 5px 10px; background: #e6e6e6; color: #000; text-transform: uppercase; font-size: 14px; } 
.comment-list li .comment-body .reply:hover { color: #000; background: #e3e3e3; } 
.search-form { background: #f7f7f7; padding: 10px; } 
.search-form .form-group { position: relative; } 
.search-form .form-group input { padding-right: 50px; } 
.search-form .icon { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }  

.post-meta { font-size: 13px; text-transform: uppercase; letter-spacing: .2em; } 
.post-meta a { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } 
 </pre></body></html>