/* css/main.css */
/* css/main.css */
input,select,textarea,button { font-family: inherit; font-size: 100%; }
button, label { cursor: pointer; }
select { appearance: none; }

/* Remove native arrow on IE */
select::-ms-expand { display: none; }
select:-moz-focusring { color: transparent !important; text-shadow: 0 0 0 #f6892e; }
textarea { resize: none; }
ul { list-style: none; }


/**************** 챘짤�씳�씲� KV ****************/
.box_keyvisualwrap {position: relative;overflow: hidden;height: 553px;background-color: #fff5ec;}
.box_cont_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.box_cont_inner .box_cont {margin: 0 auto;width: 90%;max-width: 1440px;height:100%;}
.box_cont .box_txt {padding-top: 80px;position: relative;color: #000;/*width: 520px;*/height: 100%;width: 100%;max-width: 1440px;text-align: left;margin: 0 auto;box-sizing: border-box;}
.box_cont .box_txt .ani {display: block;/* opacity: 0; */}
.box_cont .box_txt span {color:#666;font-size:18px;line-height:26px; padding-top:20px;font-weight:500;}
.box_cont .box_txt span span {color:#000; font-weight: bold;font-size: 24px;line-height: 34px; padding-top:0;}
.box_cont .box_txt strong {color:#000;font-weight: bold;font-size:50px;line-height: 1.5;}
.box_cont .box_txt .btn_wrap {display: block;/* opacity: 0; */overflow: hidden;  display: block;  margin-top: 55px;}
.box_cont .box_txt .link_primary {font-size: 20px;display: inline-block;font-weight: bold;background-color: #f6892e;color: #fff;padding: 20px 40px;border-radius: 100px; margin: 0 0 20px;}
.box_cont .box_txt a:hover { box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .5);}

.list_keyaddcont { display:flex; width: 1310px; margin: 0 auto; box-shadow: 3px 3px 10px 0px rgba(47, 46, 44, 0.25); -webkit-transition: all .3s ease; transition: all .3s ease;  border-radius: 20px; margin-top: -70px; z-index: 2; position: relative; background-color: #fff; }
.list_keyaddcont:hover { box-shadow: 3px 3px 10px 0px rgba(47, 46, 44, 0.5);}
.list_keyaddcont li {position:relative; display:flex; width: 50%;display: inline-block;vertical-align: top;padding: 25px 50px 25px 80px;box-sizing: border-box;}
.list_keyaddcont li:before {position:absolute;content: '';width: 90px;height: 90px;display: inline-block;vertical-align: top;top: 50%;transform: translateY(-50%);}
.list_keyaddcont li:nth-child(1):before{background: url(../images/img_keyadd_ico01.png) no-repeat; }
.list_keyaddcont li:nth-child(2):before{background: url(../images/img_keyadd_ico02.png) no-repeat; }
.list_keyaddcont li .key_in {padding-left:130px;}
.list_keyaddcont li .key_in .main_tit { font-size: 24px; font-weight: bold; display: block; line-height: 1.5; }
.list_keyaddcont li .key_in .main_txt { font-size: 18px; display: block; color: #666; line-height: 28px; padding-top: 15px; }


/* .init .box_cont .box_txt .ani{ animation: textAni 1s ease forwards; -webkit-animation: textAni 1s ease forwards;}
.init .box_cont .box_txt .ani:nth-child(2) {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.init .box_cont .box_txt .ani:nth-child(3) {-webkit-animation-delay: 1s;animation-delay: 1s;}
.init .box_cont .box_txt .ani:nth-child(4) {-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}
.init .box_cont .box_txt .ani:nth-child(5) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;} */
.ani-txt-wrap { overflow: hidden;  display: block;}


/**************** 챘짤�씳�씲� PORTFOLIO ****************/ 
.list_portfolio {display: flex;flex-wrap: wrap;padding: 65px 0 0;margin-right: -25px;}
.list_portfolio.type_full li {width:100%;text-align:center;border: 1px solid #ddd;border-left: 0;border-right: 0;padding: 10px;display: block;font-size: 16px;line-height: 65px;font-weight: bold;width: 100%;}
.list_portfolio li { width: 25%; } 
.list_portfolio li > a {position:relative;/* max-width: 335px; */display: block;padding-right: 25px;box-sizing: border-box;}
.list_portfolio li > a .box_thumbtxt {position:relative;width: 100%;height: 320px;border-radius: 25px;overflow: hidden;box-shadow: rgba(47, 46, 44, 0.25) 3px 3px 10px 0px;background: url(../images/bg_port_poly.png) repeat;display: flex;align-items: center;justify-content: center;background-size: cover;background-position: right;}
.list_portfolio li > a .box_thumbtxt:before {content: '';width: 100%;height: 100%;border: 15px solid #fff;position: absolute;left: 0;top: 0;box-sizing: border-box;border-radius: 25px;}
.box_thumbtxt .desc {opacity:0; display: flex; transition: opacity 0.5s; align-items:center;justify-content:center;    word-break: auto-phrase; text-align:center;font-weight:bold;color:#fff;font-size:24px;position: absolute;top: 0;border-bottom-left-radius: 0;width: 100%;height: 100%;z-index: 10; }
.box_thumbtxt .desc:before { content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; opacity: 0.5; }
.box_thumbtxt .desc .txt {position:relative;display: inline-block;line-height: 34px;}
.box_thumbtxt img {/* width: 100%; *//* height: 100%; */transition: all 0.5s;width: auto;max-width: 75%;}
.box_thumbtxt:hover .desc, .link_thumb:focus .box_thumbtxt .desc {opacity:1;}
.box_thumbtxt:hover img, .link_thumb:focus .box_thumbtxt img { transform: translateX(0) scale(1.1) rotate(0.03deg);  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);}

.box_thumbtit {display: block;font-size: 24px;line-height: 65px;font-weight: bold;width: 100%;height: 100px;}
.box_thumbtit > strong { width: 90%; display: block; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; padding-top: 10px;}


/**************** 챘짤�씳�씲� COMPANY ****************/
.box_titarea .tit {padding-top: 100px;font-size: 50px;font-weight: bold;display: block;text-align: center;line-height: 55px;}
.box_titarea .txt {display: block;font-size: 24px;text-align: center;line-height: 34px;padding-top: 20px;}
.box_txtarea .desc {display: block;text-align: center;color:#000; font-size: 20px;line-height: 30px;}
.box_txtarea .desc .p_br {line-height: 1.5;}
.box_txtarea .desc .p_br + .p_br {padding-top: 48px;}

.box_subtitarea {text-align: center;padding: 80px 0 90px;}
.box_subtitarea span {font-size: 25px;line-height: 35px;}

.box_imgarea img { margin: 0 auto; max-width: 100%;}

.box_halfdual {display: flex;padding: 60px 0 100px;justify-content: space-between;}
.box_halfdual .box_imgarea {width: 680px;height: 500px;}
.box_halfdual .box_txtarea {width: calc(100% - 680px); padding-left: 45px; display: flex; align-items: center; box-sizing: border-box;}
.box_halfdual .box_txtarea .desc {text-align: left;max-width:680px;}


.ani-box {opacity: 0;}
.ani-box.active{ animation: textAni 0.5s ease forwards; -webkit-animation: textAni 0.5s ease forwards;}
.ani-box.active:nth-child(1) {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.ani-box.active:nth-child(2) {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.ani-box.active:nth-child(3) {-webkit-animation-delay: 1s;animation-delay: 1s;}
.ani-box.active:nth-child(4) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.ani-box.active:nth-child(5) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.ani-box.active:nth-child(6) {-webkit-animation-delay: 1.7s;animation-delay: 1.7s;}
.ani-box.active:nth-child(7) {-webkit-animation-delay: 1.9s;animation-delay: 1.9s;}
.ani-box.active:nth-child(8) {-webkit-animation-delay: 2s;animation-delay: 2s;}

.init .ani-box{ animation: textAni 0.5s ease forwards; -webkit-animation: textAni 0.5s ease forwards;}
.init .ani-box:nth-child(1) {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.init .ani-box:nth-child(2) {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.init .ani-box:nth-child(3) {-webkit-animation-delay: 1s;animation-delay: 1s;}
.init .ani-box:nth-child(4) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.init .ani-box:nth-child(5) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.init .ani-box:nth-child(6) {-webkit-animation-delay: 1.7s;animation-delay: 1.7s;}
.init .ani-box:nth-child(7) {-webkit-animation-delay: 1.9s;animation-delay: 1.9s;}
.init .ani-box:nth-child(8) {-webkit-animation-delay: 2s;animation-delay: 2s;}


.p_br {display:block;}
.bg {background-color:#f2f2f2;}



/**************** 챘짤�씳�씲� CONTACT  ****************/
.my-form-cont {width:680px;margin: 0 auto;float: right;}

/** btn_top **/
.btn_top_wrap {z-index: 22;position: fixed;right: 25px;bottom: 25px;}
.btn_top_wrap .btn_top {visibility: hidden;position: relative;display: block;width: 50px;height: 50px;background: #f89f56;box-sizing: border-box;opacity:0;transition: all 0.4s;border-radius: 100%;box-shadow: rgba(47, 46, 44, 0.25) 3px 3px 10px 0px;}
.btn_top_wrap .btn_top::before {content: "";display: block;position: absolute;top: 50%;left: 50%;width: 20px;height: 12px;transform: translate(-50%, -50%);background: url(../images/ico_top.png) no-repeat;}
.btn_top_wrap .btn_top.on { opacity: 1;   -webkit-transition: all .3s ease; transition: all .3s ease;  visibility: visible;  z-index:10;}
.btn_top_wrap .btn_top.on:hover { box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .5);}



/* FORM ELEMENTS
창�р�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�� */
.my-form h1 { margin-bottom: 1.5rem; }
.my-form li:not(:last-child), .my-form .grid > *:not(:last-child) {margin-bottom: 1.5rem;}
.my-form select, .my-form ul  input, .my-form ul  textarea, .my-form  .file_cus { width: 100%; box-sizing: border-box; line-height: 1.5; padding: 15px 10px; border: 1px solid #ddd;; color: #666; background: var(--bgFormEls); transition: background-color 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25), transform 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25); border-radius: 10px; }
.my-form button  { width: 100%; box-sizing: border-box; line-height: 1.5; padding: 15px 10px; }
.my-form textarea { height: 170px !important; }
.my-form ::placeholder { color: inherit; /*Fix opacity issue on Firefox*/ opacity: 1; }
.my-form select:focus, .my-form input:focus, .my-form textarea:focus, .my-form .file_cus:focus { transform: scale(1.02); }
.my-form select {background-image: url(../images/ico_select.png);background-repeat: no-repeat;background-position: calc(100% - 14px);background-size: 15px;height: 56px;}
.my-form .grid {display: flex;grid-gap: 1.5rem;}
.my-form .grid-3 { align-items: center; }
.my-form .grid > *:not(:last-child) { margin-bottom: 0; }
.my-form .required-msg { display: block; }

.my-form  .file_cus {position:relative;background-image: url(../images/ico_file.png);background-repeat: no-repeat;background-position: calc(100% - 14px) 20px;background-size: 18px;height: 56px;max-width: 48%;}
.my-form  .file_cus label {width: 100%; display: block;font-size: 0;cursor: pointer;}
.my-form  .file_cus input[type="file"] {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;font-size: initial;clip: rect(0 0 0 0);}
.my-form  .file_name {overflow: hidden;display: inline-block;vertical-align: middle;width: 92%;height: 100%;border-radius:4px;line-height: 27px;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;font-size: 16px;color: #666;}

#captchaBox { margin-top: 30px;}
#captchaBox input{ height: 35px; line-height: 35px; font-size: 15px; border: 1px solid #ddd; border-radius: 2px;}

.only_p {display:block;}
.only_m {display:none;}

/* FORM BTNS
창�р�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�� */
.my-form .btn-grid {position: relative;overflow: hidden;border: 0;border-radius: 50px;background-color: #f6892e;color: #fff;display: inline-block;width: auto;min-width: 200px; max-width: none;}
.my-form button { font-weight: bold; }
.my-form button > * { display: inline-block; width: 100%;  }
.my-form button:hover { box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .5);}


/* CUSTOM CHECKBOX
창�р�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�쑦™궗�� */
.box_chkarea {display:flex;align-items: center;}
.box_chk {position: relative; margin-right: 20px;}
.my-form input[type="checkbox"] {position: relative; appearance: none; cursor: pointer; /* 챗쨍째챘쨀쨍(챘�왖ㅓ�씲늘��뮤걘ヂ매�) 챘짧짢챙�볛�샖�앪�� 챙혻흹챗짹째 */box-sizing: border-box; background-color: #fff; width: 35px;height: 35px;border: 2px solid #f6892e;border-radius: 100%;padding: 0;margin: 0;}
.my-form input[type="checkbox"]:focus {outline: 1px solid #000;}
.my-form input[type="checkbox"]:checked{border-color: #f6892e;}
.my-form input[type="checkbox"]:checked:after {content:"";position: absolute;left: 12px;top: 6px;width: 6px;height: 14px;border-bottom: 2px solid #f6892e;border-right: 2px solid #f6892e;transform: rotate(45deg);}
.my-form input[type="checkbox"] + label {position: relative;display: inline-block;transition: background 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25); vertical-align: top; padding: 8px 0 0 10px;}


.box_halfwrap {display: flex;justify-content: space-between; padding: 60px 0 100px;}
.box_halfwrap .map {width:680px}
.box_halfwrap .form {width:calc(100% - 680px);}
.box_halfwrap .form .my-form {width: 100%;}
.box_halfwrap .root_daum_roughmap {width:100%; height:100%;}
.box_halfwrap .box_chkarea {padding-top: 5px; justify-content: space-between;}
.root_daum_roughmap .wrap_map {height:100%;}


/**************** 챘짤�씳�씲� 챙�슿��씲늘モ�쑩� 챗쨀혻챙혻�� : 챘쨔혻챘짜쨍챙�혖챘�뮤� 챙�혖챙�붋�  ****************/
.box_rfix_contact {position: fixed;right: 0;transition: right, 0.5s;top: 200px;z-index: 21;width: 420px;}
.box_rfix_contact.close { transition: right, 0.5s; right:-420px;}
.box_rfix_contact.close .btn_rfix:before { transform: rotate(180deg); transition: transform, 0.5s;}
.box_rfix_contact .btn_rfix {position: absolute;left: -50px;width: 50px;height: 50px;background-color: #f6892e;border-radius: 30px 0 0 30px;box-shadow: rgba(47, 46, 44, 0.25) 3px 3px 10px 0px;display: flex;align-items: center;justify-content: center;}
.box_rfix_contact .btn_rfix:before {content: '';background: url(../images/ico_rfix.png) no-repeat;width: 8px;height: 14px;display: inline-block;margin-left: 5px;transform: rotate(0deg);transition: transform, 0.5s;}
.box_rfix_contact .btn_rfix:hover, .box_rfix_contact .btn_rfix:focus {box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .5);}
.box_rfix_contact .box_rfix_in {z-index: 20;position: relative;background-color: #f2f2f2;padding: 35px 45px;box-sizing: border-box;border-radius: 0 0 0 15px;border: 1px solid #f6892e;box-shadow: rgba(47, 46, 44, 0.25) 3px 3px 10px 0px;overflow: hidden;}

.box_rfix_contact .tit_rfix {font-size:24px;line-height:40px;color:#f6882c;display: block;text-align: center;    font-weight: bold;}

.box_rfix_contact .fix-min-form {padding-top: 43px;width: 100%;}
.box_rfix_contact .fix-min-form .my-form-cont {width:100%;}
.box_rfix_contact .fix-min-form input, .box_rfix_contact .fix-min-form select, .box_rfix_contact .fix-min-form textarea{ font-weight: 500; background-color:#fff;border-radius: 10px;border: 0;}
.box_rfix_contact .fix-min-form .btn-grid {width: 100%;font-size: 20px;height: 70px;}
.box_rfix_contact .fix-min-form li:last-child {margin-bottom:0}



@media screen and (max-width: 1640px){
  .wrap_header .w_inner { width: 90%; }
  .wrap_cont .inner { width: 90%; }
  .list_keyaddcont { width: 90%; }
  .list_portfolio {margin: 0 -15px;padding-left: 15px;}
  .list_portfolio li {width:33.3%;padding: 0 15px 0 0;box-sizing: border-box;}
  .list_portfolio li > a {width: 100%;/* padding: 30px; */padding: 0;}
  .list_portfolio li > a .box_thumbtxt { height: 280px;}

  .box_halfdual .box_imgarea { width: 55%; }
  .box_halfdual .box_txtarea { width: 45%; }
  .box_txtarea .desc {font-size:18px; }
  .box_txtarea .desc .p_br {line-height:1.8;}
  .box_halfwrap .box_half.map { width: 55%; }
  .box_halfwrap .box_half.form { width: 50%; }
  .box_halfwrap .box_half.form .my-form { width: 100%; }
  .box_halfwrap .box_half.form .my-form-cont { width: inherit; }
  .box_halfwrap .root_daum_roughmap { width: 90% !important; }


  .list_keyaddcont li { padding: 25px 50px 25px 60px; }
  .list_keyaddcont li .key_in { padding-left: 95px; }
  .list_keyaddcont li .key_in .main_tit { font-size: 20px; line-height: 1.3; }
  .list_keyaddcont li .key_in .main_txt { font-size: 16px; line-height: 24px; }

}

@media screen and (max-width: 1240px){
  .list_portfolio {margin: 0 -20px;padding-left: 20px;}
  .list_portfolio li {width:50%;padding: 0 20px 0 0;}

  .list_keyaddcont li {padding: 25px 20px 25px 20px;}
  .list_keyaddcont li:before {width: 60px;height: 60px;background-size: contain !important;}
  .list_keyaddcont li .key_in .main_tit {font-size: 18px;}
  .list_keyaddcont li .key_in .main_txt {font-size: 15px;}

  .box_halfwrap { flex-direction: column-reverse; padding: 40px 0 100px;}
  .box_halfwrap .box_half.map {width: 100%;height: 275px;padding-top: 35px;}
  .box_halfwrap .box_half.form { width: 100%; }
  .box_halfwrap .root_daum_roughmap { width: 100% !important;}
  .box_halfwrap .box_chkarea {justify-content:start}

}



@media screen and (max-width: 1024px){
  .wrap_cont .inner {width: 100%;padding: 0 20px;box-sizing: border-box;}

  .box_keyvisualwrap {height: 560px;}
  .box_cont .box_txt .txt {font-size: 30px;line-height: 40px; }
  .box_titarea .tit {font-size: 30px;padding-top: 50px;line-height: 60px;}
  .box_titarea .txt {padding-top: 17px;font-size: 25px;line-height: 35px;word-break: auto-phrase;}
  .box_txtarea .desc {font-size: 16px;line-height: 26px;padding-top: 28px;}

  .box_cont .box_txt { padding-top: 50px; }
  .box_cont .box_txt span {font-size:16px;}
  .box_cont .box_txt strong {font-size: 40px;line-height: 50px;padding: 10px 0 10px;}
  .box_cont .box_txt .btn_wrap { margin-top: 40px; }
  .box_cont .box_txt .link_primary {font-size: 18px;line-height: 28px;padding: 15px 24px;}

  .list_keyaddcont {margin-top: -80px;}
  .list_keyaddcont li .key_in {padding-left: 80px;}


  .list_portfolio li > a .box_thumbtxt {height: 160px;padding: 0 10px;box-sizing: border-box;}
  .box_thumbtit {font-size: 20px;line-height: 65px;height: 70px;}

  .box_halfdual {flex-direction: column-reverse;align-items: center; padding: 40px 0 50px;}
  .box_halfdual .box_imgarea {width: 50%; height:auto; }
  .box_halfdual .box_txtarea {width: 50%;height: auto;padding: 0 0 45px;}
  .box_halfdual .box_txtarea .desc { font-size: 16px; padding-top: 0;}
  .box_txtarea .desc .p_br + .p_br { padding-top: 40px; }

  .list_portfolio.type_full li {font-size: 14px;padding: 0;}

  .my-form .grid {grid-gap: 1.5rem 1rem;}
  .my-form .file_cus {max-width: 49%;}

  /* .p_br {display:inline;} */
  .box_txtarea .desc .p_br {line-height: 1.8;font-size: 16px;}

  .only_p {display:none;}
  .only_m {display:block;}

}


@media screen and (max-width: 767px){
  .btn_top_wrap .btn_top { width: 40px; height: 40px;  }
  .list_keyaddcont {flex-direction: column;margin-top: -140px;padding-left: 0;}
  .list_keyaddcont li {width: 100%;}

  .box_halfdual .box_imgarea {width:100%;}
  .box_halfdual .box_txtarea {width: 100%;height: auto;max-width: 650px;padding-left: 0;}

  .box_titarea .txt {font-size: 20px;line-height: 1.4;padding-top: 0;}
  .box_cont .box_txt span em {display:block;}

  .box_chkarea {flex-direction: column;align-items: start;}
  .box_chk {margin: 0 0 20px;}


  .my-form .grid {grid-gap: 1.5rem 0.5rem;}
  .my-form .file_name {line-height: 1.5;}
  .my-form .file_cus {background-position: calc(100% - 14px) 16px;background-size: 14px;}
  .my-form select, .my-form ul  input, .my-form  textarea, .my-form  .file_cus, .my-form select {padding: 10px 10px;}
  .my-form select, .my-form .file_cus {height:46px;}
  .my-form select {background-size: 10px;background-position: calc(100% - 10px);}
  .my-form .file_cus {max-width: 100%;}

  .box_rfix_contact .tit_rfix { font-size: 20px; }
  .box_rfix_contact .box_rfix_in { padding: 25px 25px; }
  .box_rfix_contact .fix-min-form { padding-top: 23px; }
  .box_rfix_contact .fix-min-form .btn-grid { height: 50px; font-size: 18px; padding: 0; font-weight: 500; }
  .box_rfix_contact .fix-min-form input, .box_rfix_contact .fix-min-form select, .box_rfix_contact .fix-min-form textarea { font-size: 14px; }


  .box_thumbtxt .desc {font-size: 20px;word-break: auto-phrase;padding: 0 10px;}
  .box_thumbtxt .desc .txt {line-height:1.4;}

  .list_portfolio li > a .box_thumbtxt:before { border: 13px solid #fff;}
  

}

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

  .box_keyvisualwrap {height: 660px;}
  .my-form textarea {height: 100px !important;}
  .box_rfix_contact .box_rfix_in {padding:15px 15px;}
  .box_rfix_contact {width: 280px; top: 105px;}
  .box_rfix_contact.close {right: -280px;}
  .box_rfix_contact .btn_rfix {width: 35px;height: 35px;left: -35px;}
  .box_rfix_contact .fix-min-form .my-form-cont .box_add_notitxt { font-size: 14px;}
  .box_rfix_contact .fix-min-form .my-form-cont li:nth-last-child(2) {margin-bottom: 15px;}
  .box_rfix_contact .fix-min-form .btn-grid {height: 40px;font-size: 16px;padding: 0;font-weight: 500;}


  .box_cont .box_txt { padding-right: 30px; word-break: auto-phrase;}
  .list_keyaddcont li .key_in .main_tit {word-break: auto-phrase;}

  .box_thumbtit {line-height: 1;padding: 15px 0 0px;}

  .my-form select { background-position: calc(100% - 15px);}
  .my-form input[type="checkbox"] {width: 25px;height: 25px;}
  .my-form input[type="checkbox"]:checked:after {top: 2px;left: 7px;width: 5px;height: 12px;}
  .my-form input[type="checkbox"] + label {padding: 0 0 0 10px;line-height: 1.3;}
  .my-form .grid-2 { flex-direction: column;}
  .my-form .btn-grid {width: 100%; font-size: 16px; padding: 12px 10px; }


  .box_chk {display: flex;align-items: center;}
}



/****************** 챙�◈졗モ�믓녍ヂ⒱�씳�씲늘р�┡� ******************/

@keyframes textAni {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes txtRight {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes txtRight {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}