body {
  margin:0;padding:0;width:100%;height:100%;
  /*overflow-x:hidden;*/
}

/*섹션*/
.section {
  padding:80px 0 80px 0;
  margin:0px;
}
/*섹션 타이틀*/
.section .tit1 {
  text-align:center;
  font-size:38px;
  color:#161616;
  margin:0 0 18px;
}
/*섹션 부타이틀*/
.section .tit2 {
  text-align:center;
  font-size:22px;
  color:#161616;
  margin:0px 0 18px;
}
.section .container {
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
}
/* reset */
a:hover{text-decoration:none;}
strong{font-weight:500;}
ul, li{
  margin:0;
}
address, blockquote, dl, fieldset, figure, ol, p, pre, ul{
  margin:0;
}
h1, h2, h3, h4, h5{
  line-height:120%;
  margin:0;
}
/* page nav */
.pagenav{
  position:fixed;
  right:1%;
  top:50%;
  margin-top:-105px;
}
.pagenav a{
  display:block;
  width:15px;
  height:15px;
  margin-bottom:15px;
  background:#e9e9e9;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.pagenav a:hover,
.pagenav a.active{
  background:#ff9c00;
}
/* header */
.header {
  background:url(img/first_bg.jpg) no-repeat center center;
  background-size:cover;
  height:100%;
}

.header .container {
  height:100vh;
}

.header .tit-logo {
  margin-top:20px;
  width:100%;
}
.header .tit-logo a {
  font-size:24px;
  font-weight:500;
  color:#fff;
  -webkit-transition:color 0.5s; 
  transition:color 0.5s;
}
.header .tit-logo a:hover{
  color:#fee200;
}

.header div.tit-main-a {
  display:table;
  width:100%;height:100%;
}
.header div.tit-main{
  display:table-cell;
  width:100%;
  height:100%;
  text-align:center;
  vertical-align:middle;
}
.header div.tit-main > p{
  font-size:32px;
  font-weight:400;
  padding-bottom:15px;
  color:#fff;
  letter-spacing:-0.04em;
}
.header div.tit-main > h2{
  font-size:60px;
  font-weight:600;
  color:#fff;
  letter-spacing:-0.04em;
  margin-bottom:8%;
}
.header div.tit-main > h2 > strong{
  color:#ffd800;
}
.header div.tit-main > a{
  display:inline-block;
  outline:none;
  width:210px;
  line-height:56px;
  font-size:20px;
  color:#fff;
  text-align:left;
  padding:0 23px 0 25px;
  border:1px solid #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition:background 0.5s; 
  transition:background 0.5s;
}
.header div.tit-main > a:hover{
  background:rgba(255, 255, 255, .3);
}
.header div.tit-main > a:after{
  content:'';
  display:block;
  width:24px;
  height:24px;
  line-height:56px;
  float:right;
  background:url(/img/main-ico.png) no-repeat;
  background-position:0 0;
  margin-top:17px;
}


#scene-1 .info1 {
  margin-top:12px;
}
#scene-1 .caption {
  background:rgba(0,0,0,0.5);
  color:#ffffff;
  position:absolute;
  bottom:0px;
  padding:10px 0px 10px 0px;
  left:15px;right:15px;
  font-size:18px;
  text-align:center;
}

#div_sp_slider {
  padding:0;
  border:0;
}
#div_sp_slider li {
  position:relative;
  padding:0;
  border:0;
}
#div_sp_slider .flex-caption {
  position:absolute;
  padding: 12px 2px 12px 2px;
  left: 0; right:0;
  top:0;/*bottom: 0;*/
  background: rgba(0,0,0,0.5);
  color: #fff;
  text-align:center;
  /*text-shadow: 0 -1px 0 rgba(0,0,0,.3);*/
  font-size: 14px;
  /*line-height: 18px;*/
}

#div_sp_slider .flex-direction-nav a {
  top:-230px;
}


/* scene-2 */
#scene-2 {
  background:url(../img/function_bg.jpg) no-repeat center center;
  background-size:cover;
}
#scene-2 > div{
  position:relative;
  /*height:848px;*/
  /*padding:117px 0 92px 0;*/
  padding-bottom:70px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*
#scene-2 > div > h2{
  font-size:42px;
  color:#fff;
  line-height:115%;
  letter-spacing:-0.04em;
  margin-bottom:40px;
}
*/
#scene-2 > div > div.menu-left{
  width:494px;
  padding:58px 0 60px 80px;
  background:rgba(0, 0, 0, .15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#scene-2 > div > div.menu-left > h3{
  font-size:26px;
  color:#ffdd21;
  font-weight:500;
  margin:32px 0 15px 0;
}
#scene-2 > div > div.menu-left > h3:first-child{
  margin:0 0 15px 0;
}
#scene-2 > div > div.menu-left > h3:last-child{
}
#scene-2 > div > div.menu-left > ul > li {
  display:block;
  cursor:pointer;
  font-size:18px;
  color:#fff;
  line-height:26px;
  font-weight:400;
  position:relative;
}
#scene-2 > div > div.menu-left > ul > li:hover,
#scene-2 > div > div.menu-left > ul > li.active {
  font-weight:600;
}
#scene-2 > div > div.menu-left > ul > li.active:before{
  content:'';
  display:block;
  width:22px;
  height:22px;
  position:absolute;
  top:2px;
  left:-33px;
  background:url(/img/main-ico.png) no-repeat;
  background-position:0 -44px;
}
#scene-2 .menu-right{
  padding-top:4px;
  width:472px;
  height:732px;
  background:url(/img/phone.png) no-repeat;
  background-size:cover;
  position:absolute;
  bottom:0;
  right:45px;
}

/* scene-3 */
#scene-3{
  background:url(../img/tell_bg.jpg) no-repeat;
  background-size:cover;
}

#scene-3 > div > div{
  text-align:center;
}
#scene-3 .article {
  display:inline-block;
  margin:20px 10px;
  position:relative;
}
#scene-3 .article > span{
  display:block;
  width:76px;
  height:76px;
  background:#7200ff;
  line-height:76px;
  font-size:20px;
  color:#fff;
  text-align:center;
  position:absolute;
  left:17px;
  top:-6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index:3;
}
#scene-3 .article > div {
  width:307px;
  height:307px;
  background:#fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position:relative;
  overflow:hidden;
  padding:58px 0 0 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#scene-3 .article > div > a{
  display:inline-block;
  font-size:16px;
  font-weight:500;
  color:#383838;
}
#scene-3 .article > div > a:before{
  content:'';
  display:block;
  width:110px;
  height:110px;
  background:url(/img/main-ico.png) no-repeat;
  background-position:-44px 0;
  margin-bottom:10px;
}
#scene-3 .article > div > strong{
  display:block;
  width:100%;
  background:#373737;
  font-size:18px;
  padding:15px 0 24px 0;
  color:#fff;
  letter-spacing:-0.02em;
  text-align:center;
  /*position:absolute;*/
  left:0;
  bottom:0;
  margin-top:32px;
  margin-bottom:0;
}
#scene-3 .article:last-child > div{
  padding-top:83px;
}
#scene-3 .article:last-child > div > label{
  display:block;
  font-size:15px;
  font-weight:500;
  color:#161616;
}
#scene-3 .article:last-child > div > label > input{
  width:85px;
  height:23px;
  border:2px solid #e3e3e3;
  background:#f5f5f5;
  margin-left:3px;
  margin-bottom:4px;
}
#scene-3 .article:last-child > div > button{
  padding:6px 10px;
  font-size:15px;
  font-weight:500;
  color:#fff;
  background:#f9923e;
  margin-top:12px;
  border:0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 3px 0 #d9d9d9;
  box-shadow: 2px 2px 3px 0 #d9d9d9;
}

/* scene-4 */

/* scene-5 */
#scene-5 {
  background:url(../img/family_bg.jpg) no-repeat;
  background-size:cover;
}
#scene-5 .tit1, #scene-5 .tit2 {
  color:#fff;
}

/* scene-6 */
#scene-6{
  background:#f9f9f9;
}

.service {
  margin-top:50px;
  font-size:16px;
}
.service input, .service textarea {
  font-size:16px;
}
.service button{
  font-size:18px;
  font-weight:500;
  color:#fff;
  text-align:center;
  width:160px;
  height:52px;
  /*line-height:50px;*/
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background:#ff9727;
  border:2px solid #ff9727;
  margin-top:40px;
  -webkit-box-shadow: 3px 3px 3px 0 #d9d9d9;
  box-shadow: 3px 3px 3px 0 #d9d9d9;
  -webkit-transition:all 0.5s; 
  transition:all 0.5s;
}
.service button:hover{
  background:#fff;
  color:#ff9727;
}


/* footer */
.footer{
  padding:40px 0;
  background:#2d2d2d;
}
.footer address {
  margin-bottom:20px;
}
.footer address, .footer a {
  font-size:14px;
  color:#bfbfbf;
}

.footer .menu {
  margin-bottom:20px;
}
.footer .menu a {
  display:inline-block;
  font-size:16px; font-weight:600; line-height:1.6;
  margin-right:15px;
}

.footer a:hover{
  color:#bfbfbf;
  text-decoration:underline;
}
.footer a.tel:hover{
  text-decoration:none;
  cursor:text;
}

.footer address > button{
  display:inline-block;
  width:100px;
  height:27px;
  line-height:27px;
  background:#3c3c3c;
  font-size:12px;
  text-align:center;
  color:#b9b9b9;
  border:0;
  top:-3px;
  margin-left:10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


/* chrome */
 
@media screen and (-webkit-min-device-pixel-ratio:0){
  #scene-6 div.service input,
  #scene-6 div.service textarea{
    line-height:1.4;
  }
}

.color_bc {
  background-color:#ffc107;
}
.div_intro li {
  margin-top:10px;
}
.desc_1 {
  background:#777;
  color:#fafafa;
  font-size:24px;
  height:130px;
  padding-top:50px;
  text-align:center;
  margin-bottom:4px;
}
.desc_2 {
  background:#777;
  background:rgba(0,0,0,0.7);
  color:#fafafa;
  font-size:14px;
  height:130px;
  padding-top:50px;
  text-align:center;
  margin-bottom:4px;
}
.div_special li, .div_special2 li {
  margin-top:20px;
}
.div_special li figcaption, .div_special2 li figcaption {
  padding-top:30%;
  font-size:16px;
}

.div_demo li {
  margin-top:10px;
  padding:14px 8px 20px 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
}
.div_demo li p {
  font-weight:15px;
}

.div_demo button {
  border: none;
  font-size:13px;
  background-color:#ffc107; /* #1abc9c;*/
  text-align:center;
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 8px 5px 8px;
  margin:3px;
  box-shadow: 1px 3px 6px 1px rgba(0, 0, 0, 0.5);
}

.div_demo button:hover {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 1px 4px 6px 1px rgba(0, 0, 0, 0.5);
}

.div_demo input {
  border:1px solid #ccc;
}

.div_special .uk-overlay-background, .div_special2 .uk-overlay-background {
  background: rgba(0,0,0,0.7);
}
.div_special .uk-overlay-background:hover, .div_special2 .uk-overlay-background:hover {
  background: rgba(0,0,0,0.2); 
}


.div_no li {
  background-color:#fff;
  margin-top:10px;
  padding:14px 8px 20px 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
}

.div_family li {
  background-color:#fff;
  margin-top:10px;
  padding:14px 8px 20px 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
}

.div_req {
  margin-top:20px;
  padding:20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
}

.intro_icons i {
  margin:4px;
  border-radius:50%;
  padding:10px;
  font-size:54px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
}

.tit_1 {
  font-size:32px;
}
.tit_2 {
  font-size:16px;
  margin-top:10px;
}

.fa {
  width: 1.28571429em;
  text-align: center;
  font-size:20px;
}

.fa_box {
  width:40px;
  position:fixed;
  right:0px;
  bottom:50px;
  text-align:center;
  cursor:pointer;
}
.fa_box .btn {
  background-color:#ffc107;
  color:#fff;
  border-radius:50%;
  margin-top:8px;
  margin-left:auto;margin-right:auto;
  padding:2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
  font-size:16px;
  width:26px;
  opacity:0.8;
}

.fa_box .btn.btn_stalk {
  width:34px;
  padding:3px;
  opacity:1;
}

.fa_box .btn_stalk img {
  width:34px;
}


@media (max-width:768px){
.section {
  padding:40px 0;
}
/*섹션 타이틀*/
.section .tit1 {
  font-size:28px;
  margin:18px 0 18px;
}
/*섹션 부타이틀*/
.section .tit2 {
  font-size:18px;
  margin:0px 0 18px;
}

.header div.tit-main > p{
  font-size:24px;
}
.header div.tit-main > h2{
  font-size:36px;
}
/*
.footer .menu a {
  font-size:14px;
  margin-right:10px;
}
*/
} /* @media end */

@media (max-width:473px){
.section {
  padding:30px 0;
}
/*섹션 타이틀*/
.section .tit1 {
  font-size:20px;
  margin:18px 0 18px;
}
/*섹션 부타이틀*/
.section .tit2 {
  font-size:14px;
  margin:0px 0 18px;
}

.header div.tit-main > p{
  font-size:18px;
}
.header div.tit-main > h2{
  font-size:22px;
}

#scene-2 .menu-right{
  width:110%;
  /*overflow:hidden;*/
  padding:0;margin:0;
  left:-40px;
  /*background:#333 url();*/
  /*right:0px;*/
}

.footer .menu a {
  font-size:14px;
  margin-right:10px;
}


} /* @media end */