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

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

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


/* 메인 공통사항 */
#main { margin:-80px 0 0; }
#main article {  }
#main .title { padding: 20px 0; 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; }
#main .title strong{color:#fff;}
.block768 { display:none; }

@media screen and (max-width:768px) {

  #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; }
}


#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 { position: static;}
#main .visual .div1 .img img { position: absolute;  width:60%; bottom: 0; right: 0; left: auto;overflow: inherit;}
#main .visual .div1 .img p { position:absolute; bottom:10%; left:10%; color:#fff; z-index:99999; }
#main .visual .div1 .img p b { position:absolute; font-size:28px; font-weight:500;  color:#fff; z-index:99999; }

#main .visual .div1 ul { width:560px; position:absolute; top:45%; 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:100%; padding:20px 0 0; display:block; }
#main .visual .div2 .tit span b { color:#e5d4a4; font-weight:700; display:block; }
#main .visual .div2 .tit a { width:100%; display:inline-block; margin:0 auto; text-align:center; }
#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:768px) {
  #main .visual .div { height:650px; }
  #main .visual .div1 .wrap { padding:140px 20px 0; position:static; }
  #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; }
}

.quick { position: relative; width: 100%; top:0; z-index:99; max-width:720px;}
.quick.on { transition: all 0.5s; position: fixed; margin-top: 0; }
.quick nav { width: 100%; margin: 0 auto; }
.quick nav ul { overflow: hidden; }


#main .fqa { background-color:#efe5ca; }
#main .fqa .contents { padding:34px 10px; }
#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: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: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; }
}



/*form */

.red {color:#ee0000; font-weight:600; }

.formGroup:before, .formGroup:after { content: " "; display:table; }
.formGroup:after { clear:both; }
.m_wrap_form1 { }
.m_wrap_form1 .inner { padding:0 5px 20px 5px; }

.m_wrap_form1 .formArea {  margin:0 auto; overflow: hidden; padding:10px; background-color:#fff; }
.m_wrap_form1 .formGroup { margin-bottom:12px; text-align:center; }


.m_wrap_form1 .form_table { width:100%; padding:0; border-collapse:collapse; border-top:1px solid #d7d7d7;}
.m_wrap_form1 .form_table tbody th { padding:8px 5px; vertical-align:middle; text-align:left; line-height:24px; font-size:16px; font-weight:500; letter-spacing:-2px; }
.m_wrap_form1 .form_table tbody td { padding:8px 5px; vertical-align:middle; text-align:left; line-height:24px; font-size:14px; }
.m_wrap_form1 .form_table tbody tr {border-bottom:1px solid #d7d7d7;}


.m_wrap_form1 .input_style:focus, .m_wrap .sel_style:focus, .m_wrap .textarea_style:focus { border-color:#303f99; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}

.m_wrap_form1 .input_style { padding-left:5px; height:36px; border:1px solid #ccc; font-size:14px; }
.m_wrap_form1 .sel_style { width:100%; height:36px; border:1px solid #ccc; font-size:14px; vertical-align:middle; background-color:#fff;}
.m_wrap_form1 .textarea_style { width:100%; padding:6px; height:60px; border:1px solid #ccc; font-size:14px; resize:none;}
.m_wrap_form1 label { float:left; padding:5px 0; width:33%; }

.m_wrap_form1 .submit_box { width:100%; text-align:center;  }
.m_wrap_form1 .submit_box button { width:100%; font-weight:500; font-size:22px; letter-spacing:-2px; cursor:pointer; color:#fff; max-width:500px; margin-top:10px; background-color:#152259; padding:8px 0; border-radius:5px;}