body { word-break:keep-all; font-family:'s-core-dream'; font-weight:400; }
input, textarea, button { font-family:'s-core-dream'; font-weight:400; }

.wrap { width:1200px; margin:0 auto; }

@media screen and (max-width:1280px) {
  .wrap { width:auto; padding:0 50px; box-sizing:border-box; }
}
@media screen and (max-width:1024px) {
  .wrap { padding:0 30px; }
}
@media screen and (max-width:768px) {
  .wrap { padding:0 20px; }
}

@media screen and (max-width:360px) {
  .wrap { padding:0 15px; }
}


.up-on-scroll { transform:translateY(50px); opacity:0; transition-duration:0.5s; }
.up-on-scroll.action { transform:translateY(0); opacity:1; }

.form { position:fixed; top:0; left:0; width:100%; background-color:#c2ac6e; z-index:101; padding:29px 0; }
.form .mobile_close { display:none; position:absolute; top:-35px; left:50%; transform:translate(-50%,0); font-size:0; }
.form .mobile_close a { display:inline-block; width:70px; height:35px; background-color:#302608; border-radius:5px 5px 0 0; }
.form .mobile_close a:after { font-size:17px; display:block; content:'▼'; color:#fff; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:100%; text-align:center; }
.form .wrap { position:relative; }
.form .img { width:15%; padding:0 0 0 15px; box-sizing:border-box; position:absolute; top:50%; left:0; transform:translate(0,-50%); }
.form .img img { height:90px !important; }
.form .div { width:88%; margin:0 0 0 12%; }
.form .div form { overflow:hidden; }
.form .div .text input[type="text"] { font-family:'NanumSquare'; background-color:#d8cba6; border:0; font-size:20px; color:#302608; border-radius:4px; border-radius:4px; }
.form .div .text input[type="text"]:focus { outline:none; }
.form .div .text input[type="text"]::placeholder { color:rgba(48,38,8,0.8); }
.form .div .text { float:left; width:54%; padding:0 20px 0 0; box-sizing:border-box; overflow:hidden; }
.form .div .text input[type="text"] { height:55px; padding:0 0 0 8px; width:calc(57% - 5px); float:left; }
.form .div .text input[type="text"]:first-child { margin:0 10px 0 0; width:calc(43% - 5px); }
.form .div .btn { float:left; width:46%; overflow:hidden; }
.form .div .btn button { background-color:#302608; color:#fff; font-size:30px; font-weight:500; height:55px; line-height:55px; width:calc(100% - 200px); border-radius:4px; font-family:'NanumSquare'; float:left; box-shadow:5px 5px 10px rgba(169,169,169,0.43); }
.form .div .btn .chk { position:relative; width:200px; float:left; }
.form .div .btn .chk input[type="checkbox"] { width:1px; height:1px; opacity:0; position:absolute; top:0; left:0; }
.form .div .btn .chk input[type="checkbox"] + label { font-family:'NanumSquare'; font-size:20px; font-weight:400; color:#1f1f1f; position:relative; padding:1px 0 1px 30px; box-sizing:border-box; line-height:55px; display:block; }
.form .div .btn .chk input[type="checkbox"] + label:after { display:block; content:''; width:20px; height:20px; background-color:#fff; position:absolute; top:calc(50% - 1px); left:0; border:1px solid #302608; transform:translate(0,-50%); }
.form .div .btn .chk input[type="checkbox"] + label:before { display:none; content:''; width:14px; height:14px; background-color:#302608; position:absolute; top:calc(50% - 1px); left:4px; z-index:1; transform:translate(0,-50%); }
.form .div .btn .chk input[type="checkbox"]:checked + label:before { display:block; }

.form .div .btn .chk1 { position:relative; width:200px; float:left; }
.form .div .btn .chk1 input[type="checkbox"]:checked + label:before { display:block; }


@media screen and (max-width:1280px) {
  .form .img { padding:0 0 0 50px; }
  .form .div .text input[type="text"] { font-size:18px; }
  .form .div .btn button { width:calc(100% - 185px); font-size:24px; }
  .form .div .btn .chk { width:185px; }
}

@media screen and (max-width:1024px) {
  .form .img { padding:0 0 0 30px; width:15%; }
  .form .img img { height:70px !important; }
  .form .div .btn { width:40%; }
  .form .div .btn .chk { width:150px; }
  .form .div .btn .chk input[type="checkbox"] + label { font-size:17px; padding:1px 0 1px 20px; }
  .form .div .btn .chk input[type="checkbox"] + label:after { width:15px; height:15px; }
  .form .div .btn .chk input[type="checkbox"] + label:before { width:10px; height:10px; }
  .form .div .btn button { width:calc(100% - 150px); font-size:22px; }
  .form .div .text { padding:0 10px 0 0; width:60%; }
  .form .div .text input[type="text"] { width:calc(50% - 5px) !important; font-size:17px; }
}

@media screen and (max-width:768px) {
  .form { z-index:99; transition-duration:0.3s; box-shadow:0 0 20px rgb(0 0 0 / 5%); top:auto; bottom:0; padding:11px 0; }
  .form .img { display:none; }
  .form .div { width:100%; margin:0; }
  .form .div .text { width:100%; margin:0 0 10px; padding:0; }
  .form .div .text input[type="text"] { height:45px; font-size:15px; }
  .form .div .btn { width:100%; padding:0; }
  .form .div .btn button { height:47px; line-height:47px; font-size:18px; }
  .form .div .btn .chk input[type="checkbox"] + label { font-size:15px; }

  .form .mobile_close { display:block; }
  .form.off { bottom:-124px; }
  .form.off .mobile_close { top:-45px; }
  .form.off .mobile_close a { width:110px; height:45px; }
  .form.off .mobile_close a:after { content:'상담신청'; font-size:19px; top:calc(50% - 1px); }

  .form .div .btn .chk input[type="checkbox"] + label { line-height:45px; }
}

@media screen and (max-width:360px) {
  .form .div .text input[type="text"] { font-size:14px; }
}



.popup { position:fixed; top:0; left:0; width:100%; height:100%; z-index:500; display:none; }
.popup.on { display:block; }
.popup .bg { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.popup .box { max-height:90vh; overflow-y:auto; background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:488px; background-color:#212121; border-radius:10px; text-align:center; padding:80px 20px 70px; box-sizing:border-box; }
.popup .box .close { display:block; width:50px; height:50px; position:absolute; top:5px; right:5px; z-index:201; }
.popup .box .close:after { display:block; content:''; width:25px; height:2px; background-color:#fff; transform:rotate(45deg); position:absolute; top:24px; right:12px; }
.popup .box .close:before { display:block; content:''; width:25px; height:2px; background-color:#fff; transform:rotate(-45deg); position:absolute; top:24px; right:12px; }

.popup .box .text {  }
.popup .box .text strong { font-size:40px; font-weight:500; color:#e4d29f; display:block; margin:0 0 20px; }
.popup .box .text p { font-size:28px; line-height:40px; color:#fff; }
.popup .box .input { overflow:hidden; margin:30px 0 35px; }
.popup .box .input input[type="text"] { -webkit-appearance:none; font-size:20px; font-weight:300; color:#535353; width:calc(60% - 10px); margin:0 10px 0 0; text-align:center; float:left; height:62px; border-radius:4px; }
.popup .box .input button { font-size:24px; font-weight:500; color:#302608; background-color:#e4d29f; width:40%; float:left; line-height:62px; border-radius:4px; }
.popup .box .info {  }
.popup .box .info p { font-size:22px; color:#fff; margin:10px 0; }
.popup .box .info span { font-size:24px; color:#e4d29f; font-weight:500; line-height:34px; display:block; }

@media screen and (max-width:768px) {
  .popup .box { padding:35px 20px; }
  .popup .box .text strong { font-size:26px; margin:0 0 10px; }
  .popup .box .text p { font-size:20px; line-height:32px; }
  .popup .box .info p { font-size:18px; margin:5px 0; }
  .popup .box .info span { font-size:18px; }
  .popup .box .input { margin:15px 0; }
  .popup .box .input input[type="text"],
  .popup .box .input button { height:50px; width:100%; line-height:50px; font-size:18px; margin:0 0 10px; }
}





aside.quick { position:fixed; top:50%; right:3%; transform:translate(0,-50%); }
aside.quick ul { border-radius:4px; overflow:hidden; }
aside.quick ul li { font-size:0; }
aside.quick ul li a { display:inline-block; width:90px; height:90px; background-color:#3b2b00; text-align:center; }
aside.quick ul li a img { height:40px !important; margin:8px 0 0; }
aside.quick ul li a span { display:block; font-size:13px; line-height:15px; color:#fff; margin:5px 0 0; font-family:'NanumSquare'; }
aside.quick ul li:nth-child(2) a { background-color:#1d1603; }

@media screen and (max-width:1280px) {
  aside.quick { right:0; }
}

@media screen and (max-width:1024px) {
  aside.quick ul li a { width:80px; }
}

@media screen and (max-width:1024px) and (min-width:768px) and (max-height:500px){
  aside.quick { top:auto; bottom:0; transform:none; }
  aside.quick ul li a { height:78px; }
  aside.quick ul li a img { height:27px !important; }
}

@media screen and (max-width:768px) {
  aside.quick { position:absolute; top:-200px; right:20px; transform:none; transition-duration:0.5s; display:none; }
  aside.quick.stop { top:-300px; }
  aside.quick ul li a { width:60px; height:60px; position:relative; }
  aside.quick ul li a img { height:38px !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; }
  aside.quick ul li a span { display:none; }
}


/* 메인 공통사항 */
#main { margin:-80px 0 0; }
#main article { padding:120px 0; }
#main .title { font-size:40px; font-weight:500; text-align:center; line-height:50px; color:#212121; }
#main .title b { font-weight:500; color:#664c05; }
#main .title a { font-weight:500; color:#664c05; font-size:40px; }
#main .title span { font-size:30px; font-weight:400; display:block; margin:20px 0 0; }
.block768 { display:none; }
@media screen and (max-width:768px) {
  #main article { padding:75px 0; }
  #main .title { font-size:30px; line-height:39px; }
  #main .title span { font-size:22px; margin:5px 0 0; }
  #main .title a { font-size:30px; }
  .none768 { display:none; }
  .block768 { display:block; }
}

@media screen and (max-width:360px) {
  #main .title { font-size:26px; line-height:36px; }
  #main .title span { font-size:20px; margin:2px 0 0; }
}


#main .visual { padding:0; }
#main .visual .wrap { padding:100px 0 0; }
#main .visual .div { height:787px; background-size:cover; background-position:center; background-repeat:no-repeat; }
#main .visual .div1 { background-image:url('../img/main/visual_bg1.jpg'); }
#main .visual .div1 .wrap { position:relative; }
#main .visual .div1 .img { width:51%; padding:0 0 0 80px; box-sizing:border-box; position:relative; overflow:hidden; }
#main .visual .div1 .img p { color:#fff; font-size:22px; font-weight:400; position:absolute; bottom:70px; right:0; }
#main .visual .div1 .img p b { font-size:28px; font-weight:500; }
#main .visual .div1 ul { width:560px; position:absolute; top:55%; right:0; transform:translate(0,-50%); }
#main .visual .div1 ul li { height:76px; position:relative; margin:15px 0; font-family:'NanumSquare'; opacity:0; transform:translateY(50px); transition-duration:0.8s; }
#main .visual .div1 ul li:nth-child(2) { transition-delay:0.35s; }
#main .visual .div1 ul li:nth-child(3) { transition-delay:0.7s; }
#main .visual .div1 ul li:nth-child(4) { transition-delay:1.05s; }
#main .visual .div1 ul li:nth-child(5) { transition-delay:1.4s; }
#main .visual .div1.on ul li { opacity:1; transform:translateY(0); }
#main .visual .div1 ul li:after { display: block; content:''; width:54px; height:52px; background-image:url('../img/main/visual_chk.png'); background-size:cover; position:absolute; top:50%; left:0; transform:translate(0,-50%); }
#main .visual .div1 ul li span { font-size:34px; line-height:50px; color:#fff; position:absolute; top:50%; left:70px; transform:translate(0,-50%); font-weight:400; }
#main .visual .div1 ul li span b { color:#e5d4a4; font-size:38px; font-weight:700; background-color:#1d1603; line-height:46px; display:inline-block; }

#main .visual .div2 { background-image:url('../img/main/visual_bg2.jpg'); }
#main .visual .div2 .tit { font-family:'NanumSquare'; overflow:hidden; margin:115px 0 70px; }
#main .visual .div2 .tit span { font-size:50px; line-height:60px; display:block; color:#fff; text-align:center; float:left; width:50%; padding:20px 0 0; }
#main .visual .div2 .tit span b { color:#e5d4a4; font-weight:700; display:block; }
#main .visual .div2 .tit a { float:left; width:50%; display:inline-block; }
#main .visual .div2 .tit a img {  }
#main .visual .div2 .video { overflow:hidden; margin:0 -0.5%; }
#main .visual .div2 .video a { float:left; width:32.33%; margin:0 0.5%; display:inline-block; }
#main .visual .div2 .video a img {  }

@media screen and (max-width:1280px) {
  #main .visual .wrap { padding:100px 50px 0; }
  #main .visual .div1 .img { padding:0; }
}
@media screen and (max-width:1024px) {
  #main .visual .wrap { padding:140px 30px 0; }
  #main .visual .div { height:700px; }
  #main .visual .div1 ul { width:493px; top:61%; }
  #main .visual .div1 ul li { margin:10px 0; }
  #main .visual .div1 ul li span { font-size:30px; }
  #main .visual .div1 ul li span b { font-size:32px; }
  #main .visual .div1 .img p { bottom:0px; right:50px; }
  #main .visual .div1 .img img { height:480px !important; }

  #main .visual .div2 .tit span { font-size:36px; line-height:50px; padding:0; }
  #main .visual .div2 .tit { padding:0 20px; box-sizing:border-box; margin:65px 0 70px; }
}
@media screen and (max-width:768px) {
  #main .visual .div { height:650px; }
  #main .visual .div1 { position:relative; }
  #main .visual .div1 .wrap { padding:140px 20px 0; position:static; }
  #main .visual .div1 .img { position:absolute; bottom:0; right:10px; left:auto; overflow:inherit; }
  #main .visual .div1 .img img { height:auto !important; }
  #main .visual .div1 .img p { left:-100px; bottom:15px; right:auto; }
  #main .visual .div1 ul { width:320px; top:120px; transform:none; right:auto; left:20px; }
  #main .visual .div1 ul li { margin:0; height:60px; }
  #main .visual .div1 ul li:after { width:42px; height:40px; }
  #main .visual .div1 ul li span { font-size:20px; left:52px; line-height:28px; }
  #main .visual .div1 ul li span b { font-size:22px; line-height:34px; }
  #main .visual .div2 .tit { margin:85px 0 30px; }
  #main .visual .div2 .tit a { text-align:center; }
  #main .visual .div2 .tit a img { height:90px !important; }
  #main .visual .div2 .tit span { width:100%; margin:0 0 20px; }
  #main .visual .div2 .tit a { width:100%; }
  #main .visual .wrap { padding:100px 20px 0; }
}
@media screen and (max-width:360px) {
  #main .visual .div2 .tit a img { height:auto !important; }
}

#main .fqa { background-color:#efe5ca; }
#main .fqa .contents { padding:34px 0 0; }
#main .fqa .contents ul { padding:41px 0; }
#main .fqa .contents ul li { margin:40px 0 0; position:relative; }
#main .fqa .contents ul li .txt { padding:35px; border-radius:10px; width:56%; margin:0 auto; position:relative; box-sizing:border-box; }
#main .fqa .contents ul li .txt:after { display:block; content:'◀'; font-family:'Noto Sans KR'; font-size:30px; position:absolute; top:13px; left:-26px; transform:rotateX(30deg); }
#main .fqa .contents ul li.answer .txt:after { content:'▶'; top:13px; left:auto; right:-25px; color:#8b8b8b; }
#main .fqa .contents ul li .txt p { font-size:30px; color:#fff; font-weight:400; line-height:40px; }
#main .fqa .contents ul li .txt p span { font-weight:500; }
#main .fqa .contents ul li .img { position:absolute; top:-75px; left:-39px; }
#main .fqa .contents ul li.answer .img { right:-39px; left:auto; }
#main .fqa .contents ul li .img img {  }
#main .fqa .contents ul li.question { margin:0; }
#main .fqa .contents ul li.question.q1 {  }
#main .fqa .contents ul li.question.q1 .txt { background-color:#c26101; }
#main .fqa .contents ul li.question.q1 .txt:after { color:#c26101; }
#main .fqa .contents ul li.question.q1 .txt p span { color:#f2d5ba; }
#main .fqa .contents ul li.question.q2 .txt { background-color:#006622; }
#main .fqa .contents ul li.question.q2 .txt:after { color:#006622; }
#main .fqa .contents ul li.question.q2 .txt p span { color:#d9fbe4; }
#main .fqa .contents ul li.question.q3 .txt { background-color:#9d143a; }
#main .fqa .contents ul li.question.q3 .txt:after { color:#9d143a; }
#main .fqa .contents ul li.question.q3 .txt p span { color:#e9bac7; }
#main .fqa .contents ul li.answer {  }
#main .fqa .contents ul li.answer .txt { background-color:#8b8b8b; }
#main .fqa .contents ul li.answer .txt p span { color:#100c02; }

@media screen and (max-width:1280px) {
  #main .fqa .contents ul li .img img { height:200px !important; }
  #main .fqa .contents ul li .img { left:0; top:-45px; }
  #main .fqa .contents ul li.answer .img { right:0; }
  #main .fqa .contents ul li .txt { width:calc(60% - 30px); }
  #main .fqa .contents ul li .txt br { display:none; }
}

@media screen and (max-width:1024px) {
  #main .fqa .contents ul li .txt { padding:25px; }
  #main .fqa .contents ul li .txt p { font-size:24px; line-height:36px; }

  #main .fqa .contents ul li .img { top:-20px; }
  #main .fqa .contents ul li .img img { height:150px !important; }
}

@media screen and (max-width:768px) {
  #main .fqa .contents ul { padding:15px 0; }
  #main .fqa .contents ul li { margin:15px 0; }
  #main .fqa .contents ul li .txt { width:100%; }
  #main .fqa .contents ul li.question .txt { padding:35px 35px 35px 80px; }
  #main .fqa .contents ul li.answer .txt { padding:35px 75px 35px 35px; }
  #main .fqa .contents ul li .txt:after { display:none; }
  #main .fqa .contents ul li .txt p { font-size:18px; line-height:28px; }

  #main .fqa .contents ul li .img { top:calc(50% - 5px); transform:translate(0,-50%); }
  #main .fqa .contents ul li .img img { height:85px !important; }
}

@media screen and (max-width:640px) {
  #main .fqa .contents ul li.answer .txt { padding:25px 75px 25px 35px; }
}


#main .consulting { background-image:url('../img/main/consulting_bg.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; }
#main .consulting .wrap { overflow:hidden; }
#main .consulting .left { background-color:#e4d29f; padding:20px 15px 28px; box-sizing:border-box; float:left; width:60%; border-radius:10px; }
#main .consulting .left .text { background-color:#fff; font-size:20px; line-height:28px; color:#212121; font-family:'NanumSquare'; padding:10px; box-sizing:border-box; height:520px; overflow-y:auto; }
#main .consulting .left .text b { font-weight:700; }
#main .consulting .left .chk { position:relative; }
#main .consulting .left .chk input[type="checkbox"] { width:1px; height:1px; opacity:0; position:absolute; top:0; left:0; }
#main .consulting .left .chk input[type="checkbox"] + label { font-size:20px; font-weight:400; color:#1f1f1f; position:relative; padding:1px 0 1px 30px; box-sizing:border-box; line-height:45px; display:block; margin:8px 0 2px; }
#main .consulting .left .chk input[type="checkbox"] + label:after { display:block; content:''; width:20px; height:20px; background-color:#fff; position:absolute; top:calc(50% - 1px); left:0; border:1px solid #d9d9d9; transform:translate(0,-50%); }
#main .consulting .left .chk input[type="checkbox"] + label:before { display:none; content:''; width:14px; height:14px; background-color:#302608; position:absolute; top:calc(50% - 1px); left:4px; z-index:1; transform:translate(0,-50%); }
#main .consulting .left .chk input[type="checkbox"]:checked + label:before { display:block; }

#main .consulting .left p { font-size:18px; color:#302608; }
#main .consulting .right { border-radius:10px; background-color:#302507; padding:53px 0 35px; box-sizing:border-box; width:40%; float:left; text-align:center !important; }
#main .consulting .right > div {  }
#main .consulting .right h3 { font-size:40px; font-weight:500; color:#ecddb4; }
#main .consulting .right strong { font-size:28px; line-height:40px; color:#fff; font-weight:400; margin:5px 0 0; display:block; }
#main .consulting .right .input { margin:26px 0 0; padding:0 60px; box-sizing:border-box; }
#main .consulting .right .input input[type="text"] { background-color:#fff; border-radius:4px; height:58px; width:100%; margin:0 0 10px; text-align:center; font-size:20px; font-weight:300; color:#535353; -webkit-appearance: none; }
#main .consulting .right .input button { background-color:#ecddb4; font-size:26px; font-weight:500; color:#302608; height:62px; line-height:62px; width:100%; border-radius:4px; margin:4px 0 0; }
#main .consulting .right .info { margin:25px 0 0; }
#main .consulting .right .info p { font-size:22px; color:#fff; }
#main .consulting .right .info span { font-size:22px; color:#ecddb4; font-weight:500; display:block; margin:12px 0; }

@media screen and (max-width:1280px) {
  #main .consulting .right { width:50%; height:654px; }
  #main .consulting .right h3 { font-size:34px; }
  #main .consulting .right strong { font-size:24px; line-height:34px; }
  #main .consulting .right .input button { font-size:24px; }
  #main .consulting .left { width:50%; height:654px; }
  #main .consulting .left .text { height:499px; }
}
@media screen and (max-width:1024px) {
  #main .consulting .left { height:550px; }
  #main .consulting .left .text { height:400px; }
  #main .consulting .right { height:550px; padding:30px 0; }
  #main .consulting .right h3 { font-size:30px; }
  #main .consulting .right strong { font-size:20px; line-height:30px; }
  #main .consulting .right .input input[type="text"] { height:50px; font-size:18px; }
  #main .consulting .right .input button { font-size:20px; height:55px; line-height:55px; }
  #main .consulting .right .info p { font-size:19px; }
  #main .consulting .right .info span { font-size:19px; padding:0 45px; box-sizing:border-box; }
}
@media screen and (max-width:768px) {
  #main .consulting .left,
  #main .consulting .right { width:100%; height:auto; }
  #main .consulting .left .text { height:170px; font-size:15px; line-height:25px; }
  #main .consulting .left .chk input[type="checkbox"] + label { font-size:15px; line-height:40px; margin:0; }
  #main .consulting .left p { font-size:15px; }
  #main .consulting .right .input { padding:0 20px; }
  #main .consulting .right h3 { font-size:28px; }
}


#main .way { background-image:url('../img/main/way_bg.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; }
#main .way .title span { margin:7px 0 0; }
#main .way .map { margin:50px 0 0; }
#main .way .map iframe { width:100%; height:464px; box-shadow:0 15px 13px rgba(169,169,169,0.43); }
#main .way .map .txt { background-color:#4f4015; text-align:center; padding:43px 0; font-family:'NanumSquare'; position:relative; margin:-5px 0 0; }
#main .way .map .txt p { font-size:28px; font-weight:700; color:#ece0bd; margin:0 0 10px; }
#main .way .map .txt span { font-size:24px; color:#fff; }
#main .way .map .txt img { height:31px !important; position:absolute; bottom:20px; right:20px; }


@media screen and (max-width:1024px) {
  #main .way .map iframe { height:350px; }
  #main .way .map .txt { padding:35px 0; }
  #main .way .map .txt p { font-size:24px; }
  #main .way .map .txt span { font-size:20px; }
  #main .way .map .txt img { display:none; }
}
@media screen and (max-width:768px) {
  #main .way .map iframe { height:300px; }
  #main .way .title span { margin:3px 0 0; }
  #main .way .map { margin:30px 0 0; }
  #main .way .map .txt { padding:25px 70px; box-sizing:border-box; }
  #main .way .map .txt p { font-size:18px; }
  #main .way .map .txt span { font-size:16px; }
}