.wrap { width:1400px; margin:0 auto; }
body { word-break:keep-all; margin:0;}



/* 비주얼 */
#main .visual {padding:100px 0 60px; background-image:url(../img/visual.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; }
#main .visual .wrap { position:relative; margin-top:131px;}
#main .visual .main_text > h2 {font-family:'Noto Sans kr'; color:#fff; font-size:45px; letter-spacing:-1px; font-weight:500; line-height:55px;  text-align:center; text-shadow:2px 2px 4px rgba(0,0,0,0.5); }
#main .visual .consult {margin:40px 265px;}
#main .visual .consult h3{ font-family:'Noto Sans kr'; color:#fff; font-size:24px; letter-spacing:-1px; font-weight:400; margin-bottom:20px;}
#main .visual .consult .review {font-family:'Noto Sans kr'; color:#fff; font-size:20px; letter-spacing:-1px; font-weight:400;  overflow:hidden; width:100%; }
#main .visual .consult .div {background-color:rgba(33,22,10,0.89); box-sizing:border-box; padding:15px 20px 20px;}
#main .visual .consult .div h3 > img {margin-right:10px;}
#main .visual .consult .div h3 {font-family:'Noto Sans kr'; color:#fff; font-size:24px; letter-spacing:-1px; font-weight:400; margin-bottom:25px;}
#main .visual .consult .div p {font-family:'Noto Sans kr'; color:#fff; font-size:20px; line-height:30px; letter-spacing:-1px; font-weight:400;}
#main .visual .consult .div1 { margin:0 0 10px 0; }
#main .visual .consult .div2 { margin:0; }
#main .visual .btn1 {margin:0 auto; width:350px; background-color:#513416; border-radius:10px; text-align:left; background-image:url(../img/more_view_off.png); background-repeat: no-repeat; background-position:center; background-position-x: 160px;}
#main .visual .btn1 > a {font-family:'Noto Sans kr'; color:#fff; font-size:20px; letter-spacing:-1px; font-weight:500; padding:25px 20px; display:block;}



/* 성공사례 */
#main .success {background-image:url(../img/success_bg.jpg); background-size:cover; background-position:center; padding:120px 0;}
#main .success .wrap {text-align:center; overflow:hidden; }
#main .success .wrap > img {display:inline-block; margin-top:5px;}
#main .success h3 {padding-left:20px; font-size:45px; font-weight:500; letter-spacing:-1px; display:inline-block; color:#513416; padding-bottom:20px;}
#main .success h4 { font-size:24px; letter-spacing:-1px; font-weight:400; color:#513416;}
#main .success .div .img {float:left; margin-top:25px; width:40%;}
#main .success .txt {float:left; background:rgba(128,96,64,0.36); padding:110px 60px 124px;  box-sizing:border-box; margin-bottom:30px; width:60%; margin-top:84px;}
#main .success h5 { font-size:35px; letter-spacing:-1px; font-weight:500; color:#212121; }
#main .success h5  .color {font-size:35px; letter-spacing:-1px; font-weight:500; color:#513416; margin-top:-10px; margin-bottom:30px;}
#main .success p { font-size:24px; letter-spacing:-1px; font-weight:400; }



/* 구성원 */
#main .member {padding:120px 0px;}
#main .member .wrap {text-align:center;}
#main .member .wrap > img {display:inline-block; margin-top:-5px; text-align:Center;}
#main .member .main_title {display:inline-block; padding-left:20px; font-size:45px; font-weight:500; letter-spacing:-1px; line-height:32px; margin-bottom:70px; color:#513416; text-align:Center;}
#main .member .pic {width:100%;}
#main .member .pic ul {overflow:hidden; background-image:url(../img/member_pc.jpg); height:491px; background-size:cover;}
#main .member .pic ul li {float:left; width:20%; position:relative; height:491px;}
#main .member .pic ul li .black_bg {background-color:rgba(33,33,33,0.52); padding:20px 13px 13px; color:#fff; width:100%; box-sizing:border-box; text-align:center; position:absolute; bottom:0;}
#main .member .pic ul li .black_bg h3{font-size:20px; letter-spacing:-1px; font-weight:400; line-height:33px;}
#main .member .pic ul li .black_bg h3 p{font-size:35px; letter-spacing:-1px; font-weight:500; padding-bottom:18px;}
#main .member .pic ul li .black_bg .more_view {text-align:center; border:2px solid #fff; padding:15px 20px; text-align:left; box-sizing:border-box; position:relative;}
#main .member .pic ul li .black_bg .more_view > img {position:absolute; right:20px; top:23px; }
#main .member .pic ul li .black_bg .more_view a {color:#fff; font-size:20px; letter-spacing:-1px; font-weight:400;}

#main .member .pic ul li .black_bg .more_view:hover {background-color:#fafafa;}
#main .member .pic ul li .black_bg .more_view:hover a {color:#000;}
#main .member .pic ul li .black_bg .more_view:hover .off {display:none;}
#main .member .pic ul li .black_bg .more_view:hover .on {display:inline-block;}
#main .member .pic ul li .black_bg .more_view .on {display:none;}


/* 구재준*/
#main .qoo {background-image:url(../img/qoo_bg.jpg); background-size:cover; background-position:center; }
#main .qoo .wrap {overflow:hidden; padding:55px 0px; position:relative;}
#main .qoo .paper {float:left; width:25%;}
#main .qoo .qoo_law {float:left; width:50%; color:#fff; text-align:center; padding:70px 80px; box-sizing:border-box;}
#main .qoo .qoo_law > img {display:inline-block;}
#main .qoo .qoo_law h3{ display:inline-block; font-size:45px; line-height:55px; font-weight:500; letter-spacing:-1px; display:inline-block; padding-bottom:40px;}
#main .qoo .qoo_law h4 {font-size:30px; line-height:42px; letter-spacing:-1px; font-weight:400;}
#main .qoo .qoo_law h4 .brown {font-weight:500; color:#dab996;}


#main .qoo .qoojj {float:left; position:absolute; right:0; bottom:0;}


/* 신청폼 */
#main .together {padding:120px 0;  }
#main .together .wrap { position:relative; overflow:hidden;}
#main .together .visual_right {float:right; width:35%;}
#main .together .visual_right .form_consult{background:#fff; padding:30px 60px 30px; border-radius:7px 7px 0 0; }


#main .together .visual_right .form_consult > input[type="text"] {margin:10px 0; border:1px solid #d1d1d1; border-radius:4px; height:37px; font-size:16px; width:376px; padding:0 10px;}
#main .together .visual_right .form_consult > select {margin:10px 0; border:1px solid #d1d1d1; border-radius:4px; height:37px; font-size:16px; width:376px; padding:0 10px; color:#cfcfcf; background-image:url(../img/arrow_bottom.png); background-repeat:no-repeat; background-position: calc(100% - 10px) center;}
#main .together .visual_right .form_consult > textarea {margin:10px 0; border:1px solid #d1d1d1; border-radius:4px; height:90px; font-size:16px; width:376px; padding:0 10px; overflow: auto;}

#main .together .visual_right .form_consult .agree {padding:20px 0 0px; overflow:hidden; vertical-align: middle; position:relative;}
#main .together .visual_right .form_consult .agree > input[type="checkbox"] {width:1px; height:1px; opacity:0; position:absolute; top:0; left:0; }
#main .together .visual_right .form_consult .agree > input[type="checkbox"] + label {  }
#main .together .visual_right .form_consult .agree > input[type="checkbox"] + label span { width:12px; height:12px; border:1px solid #d1d1d1; display:inline-block; float:left; margin:4px 4px 0 0; }
#main .togehter .visual_right .form_consult .agree > input[type="checkbox"]:checked + label span { background-color:#333; }
#main .together .visual_right .form_consult .agree > label h4 {display:inline-block; font-size:14px; font-weight:400;}
#main .together .visual_right .form_consult .agree >  a {float:right; display:inline-block; font-size:12px; font-weight:300; margin-top:2px;}
#main .together .visual_right .form_consult .agree .check_consult {font-size:14px; letter-spacing:-1px; float:left; font-weight:400; padding:0 8px;}
#main .together .visual_right .form_consult .agree .check_consult .check_con2 {font-size:12px; letter-spacing:-1px; font-weight:100; margin-left:10px;}

#main .together .visual_right > button {width:100%; padding:20px 0; text-align:center; border-radius:0 0 7px 7px; background-color:#947845;}
#main .together .visual_right > button a{font-weight:medium; font-size:20px; letter-spacing:-1px; color:#fff; }

#main .together .visual_right .form_consult .title {padding-bottom:30px; text-align:center;}
#main .together .visual_right .form_consult .title > img {display:inline-block; float:none; margin-right:20px;}
#main .together .visual_right .form_consult .title > .txt {display:inline-block;}




/* 마지막단 */

#main .last {padding:60px 0; background-color:#f1f1f1; overflow:hidden;}
#main .last .map {float:left; width:50%; background-color:#dbedce; text-align:center; }
#main .last .map iframe { width:100%; height:327px; }
#main .last .map h3{font-size:20px; letter-spacing:-1px; color:#333333; font-weight:500; margin:20px 0 0; }
#main .last .map h4 {padding:20px 0 19px; font-size:20px; font-weight:400; letter-spacing:-1px; line-height:24px;}
#main .last .map > a  {display:block; border:2px solid #333333; padding:14px 0; font-size:20px; font-weight:500; letter-spacing:-0.5px; width:252px;
  margin:0 auto 25px; }


#main .last .time {float:left; width:50%; background-color:#513416; text-align:center; color:#fff;}
#main .last .time h3 {font-size:20px; letter-spacing:-1px; color:#fff; font-weight:500; margin:20px 0 0; }
#main .last .time h4 {padding:20px 0 19px; font-size:20px; font-weight:400; letter-spacing:-1px; line-height:24px;}
#main .last .time > a {display:block; border:2px solid #fff; padding:14px 0; font-size:20px; font-weight:500; letter-spacing:-0.5px; color:#fff;  width:252px;
  margin:0 auto 25px; }


  /* 푸터 */
#footer {text-align:center; font-size:20px; letter-spacing:-2px; padding:64px 0; background-color:#f1f1f1;}





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

  #main .visual .wrap {margin-top:86px;}
  #main .visual .consult .review {width:100%;}
  #main .visual .main_text > h2 {font-size:44px;}


  #main .success .txt {margin-top:51px;}

  #main .member .pic ul {background-size:100%; background-repeat:no-repeat; height:436px;}
  #main .member .pic ul li {height:436px;}
  #main .member .pic ul li .black_bg {padding:13px;}
  #main .member .pic ul li .black_bg h3 p {padding-bottom:13px; font-size:32px;}
  #main .member .pic ul li .black_bg .more_view {padding: 13px 20px;}
  #main .qoo .wrap {padding:55px 20px;}
  #main .qoo .qoo_law {padding:20px 60px;}
  #main .qoo .qoojj {right:-50px; bottom:-30px;}


  #main .together {padding:40px 0;}
  #main .together .visual_right {left:20px; width:38%;}
  #main .together .visual_right .form_consult {padding: 30px 40px 30px;}
  #main .together .visual_right .form_consult > textarea,
  #main .together .visual_right .form_consult > input[type="text"],
  #main .together .visual_right .form_consult > select {width:100%;}
  #main .together .visual_right > button {background-size:cover;}
  #main .last .time {overflow:hidden;}
  #main .last .time > img {height:327px !important; object-fit:cover; }
  /* #main .visual .visual_right {position:static; top:auto; left:auto; transform:none; margin-top:50px;} */
}



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


  #main .visual {padding:87px 0 60px;}
  #main .visual .main_text > h2 {text-align:center; font-size:35px; line-height:45px;}
  #main .visual .consult {margin:40px 85px;}
  #main .visual .consult .div {width:100%; padding:30px;}
  #main .visual .consult .div1 {margin: 0 0 20px;}
  #main .visual .consult .review {width:100%;}

  #main .success {padding:60px 0px;}
  #main .success h3 {font-size:35px;}
  #main .success .txt {padding:60px; margin-top:95px;}
  #main .success h5 {font-size:33px;}
  #main .success h5 .color {font-size:33px; margin-bottom:20px;}

  #main .member {padding:60px 0;}
  #main .member h3.main_title {font-size:35px;}
  #main .member .pic ul {height:346px;}
  #main .member .pic ul li {height:346px;}
  #main .member .pic ul li .black_bg {padding:5px 5px 10px;}
  #main .member .pic ul li .black_bg h3 p {font-size:30px;}


  #main .qoo .qoo_law {padding:37px 45px;}
  #main .qoo .qoo_law h3 {font-size:35px; line-height:45px;}
  #main .qoo .qoojj {right:-65px; bottom:-60px;}

  #main .together .visual_right {width:38%;}

}




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

  #main .visual {padding:80px 0 60px;}
  #main .visual .consult .div {width:100%;}

  #main .success {padding:50px 0px;}
  #main .success .txt {padding:30px; margin-top:35px;}
  #main .success h5 {font-size:30px;}
  #main .success h5 .color {font-size:30px; margin-bottom:10px; }
  #main .success p {font-size:22px;}
  #main .success .wrap > img {margin-top:0px;}


  #main .member {padding:50px 0px;}
  #main .member h3.main_title {font-size:35px; margin-bottom:50px;}
  #main .member .pic ul {background-image:none; height:auto;}
  #main .member .pic ul li {width:33%; height:491px; background-position:center; background-size:cover;}
  #main .member .pic ul li:first-child {background-image:url(../img/p1.jpg); }
  #main .member .pic ul li:nth-child(2) {background-image:url(../img/p2.jpg); }
  #main .member .pic ul li:nth-child(3) {background-image:url(../img/p3.jpg); }
  #main .member .pic ul li:nth-child(4) {background-image:url(../img/p4.jpg); }
  #main .member .pic ul li:last-child {background-image:url(../img/p5.jpg); }

  /* #main .member .pic ul li > img {width:100%;} */

  #main .qoo .paper {margin:0 auto; float:none; width:40%;}
  #main .qoo .qoo_law {padding:37px 20px; width:60%;}
  #main .qoo .qoo_law > img {display:none;}
  #main .qoo .qoo_law h3 {font-size:30px; line-height:40px; padding-bottom:20px;}
  #main .qoo .qoo_law h4 {font-size:22px; line-height:32px; }
  #main .qoo .qoojj {bottom:-120px; right:-105px;}
  #main .qoo .qoojj > img {max-width:90%;}


  #main .together {background-color:#f2ede7; background-repeat:no-repeat; background-size:94%; background-image:url(../img/mobile_bg4.jpg);background-position:left;}
  #main .together .visual_right {width:50%;}
  #main .together .visual_right .form_consult > input[type="text"],
  #main .together .visual_right .form_consult > select,
  #main .together .visual_right .form_consult > textarea {width:100%;}

  #main .last .time > h2 {font-size:35px;}
  #main .last {padding:0;}


}

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


  #main .success h3, #main .member h3 {font-size:30px;}
  #main .success .wrap > img {max-width:6%; margin-top:5px;}
  #main .member .wrap > img {max-width:7%; margin-top:0;}


  #main .visual .main_text > h2 {font-size:30px; line-height:40px;}
  #main .visual .consult {margin:25px 0px;}

  #main .success .div .img {float:none; margin-top:15px; width:70%; margin:0 auto;}
  #main .success .txt {margin-top:0px; width:100%;}
  #main .success h5 {font-size:28px;}
  #main .success h5 .color {font-size:28px; margin-bottom:5px;}

  #main .qoo .qoojj {right:-145px;}

  #main .together {  background-color:#f2ede9; background-image:none;}
  #main .together .wrap {height:auto;}
  #main .together .visual_right {width:100%;}
  #main .together .visual_right .form_consult > input[type="text"],
  #main .together .visual_right .form_consult > textarea,
  #main .together .visual_right .form_consult > select {width:100%;}
  #main .together .visual_right > button {background-size:cover;}

  #main .member .pic ul {height:auto;}
  #main .member .pic ul li {width:50%; height:491px;}
  #main .member .pic ul li > img {width:100%;}

  #main .last .map  {width:100%;}
  #main .last .time {width:100%;}

}

/* 이제해야대 */

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


  #main .visual {padding:20px 0 40px;}
  #main .visual .btn1 {width:auto;}
  #main .visual .main_text > h2 {font-size:23px;}
  #main .visual .consult .div h3 {font-size:20px;}
  #main .visual .consult .div p {font-size:16px;}
  #main .visual .btn1 > a {font-size:17px;}

  #main .success .wrap > img {max-width:9%;}
  #main .success h3,
  #main .member h3.main_title {font-size:23px; padding-left: 10px; padding-bottom: 10px;}
  #main .success h4 {font-size:20px;}
  #main .success .div .img {margin:15px auto;}
  #main .success h5 {font-size:20px; line-height:33px;}
  #main .success h5 .color  {font-size:20px;}
  #main .success p {font-size:18px;}
  #main .success .txt {margin-bottom:0px;}

  #main .member .wrap > img {max-width:13%;}
  #main .member .pic ul {width:80%; height:auto; margin:0 auto}
  #main .member .pic ul li {width:100%; height:auto;}
  #main .member .pic ul li:after { display:block; content:''; padding-bottom:175%;}

  #main .member .pic ul li .black_bg {}
  #main .member h3.main_title {margin-bottom:10px;}
  #main .member .pic ul li .black_bg h3 {font-size:18px; line-height: 27px;}
  #main .member .pic ul li .black_bg h3 p {font-size:23px; padding-bottom: 10px;}
  #main .member .pic ul li .black_bg .more_view,
  #main .member .pic ul li .black_bg .more_view:hover {padding:10px 16px; font-size:14px !important;}
  #main .member .pic ul li .black_bg .more_view > img {right:20px; top:13px;}
  #main .member .pic ul li .black_bg {padding: 5px 13px 7px;}

  #main .qoo .wrap {padding:40px 20px;}
  #main .qoo .paper {width:70%;}
  #main .qoo .qoo_law {width:100%; padding: 20px 20px 0;}
  #main .qoo .qoojj {display:none;}
  #main .qoo .qoo_law h3 {font-size:23px; line-height:33px; padding-bottom:10px;}
  #main .qoo .qoo_law h4 {font-size:18px; line-height:26px;}

  #main .together { background-color:#f2ede9; }
  #main .together .visual_right .form_consult {padding:30px;}
  #main .together .visual_right .form_consult .agree > a {float:left;}
  #main .together .visual_right .form_consult .title {font-size:16px; padding-bottom:}
  #main .together .visual_right .form_consult .title > img {max-width:20%; margin-right:15px;}
  #main .together .visual_right .form_consult .title > .txt {font-size:22px;}
  #main .together .visual_right > button {padding:15px 0;}

  #main .last {padding:40px 0px;}
  #main .last .map h3,
  #main .last .time h3 {margin:15px 0 0;}
  #main .last .map h4,
  #main .last .time h4 {padding:10px 0 14px; font-size:16px;}
  #main .last .map > a,
  #main .last .time > a {padding:10px 0; font-size:16px; margin:0 auto 20px;}






}


/* 포지션 풀고싶을때 */
/* position:static; top:auto; left:auto; transform:none; */