@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

.font_mono {font-family: 'Monoton', cursive;}

/*나눔고딕*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");
/*나눔명조 Nanum Myeongjo*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*그누보드*/
/* 레이아웃 크기 지정 */
#hd_pop{max-width:1200px;width:100%;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
@media screen and (max-width:480px){
	.hd_pops {max-width:500px;width:calc(100% - 20px) !important; top:100px !important; left:10px !important;}
	.hd_pops_con {width:auto !important;height:auto !important; max-width:100%;}
	.hd_pops_footer button{font-size:13px;}
}
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px; font-size:15px;transform:skew(-0.1deg);}


/* 버튼 */
a.btn,.btn {display:inline-block;vertical-align:middle;line-height:40px;height:40px;padding:0 10px;border:none;text-align:center;font-size:13px;font-weight:400;transform:skew(-0.1deg);text-decoration:none;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#333;color:#fff;cursor:pointer;}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {background:#333;color:#fff;}
a.btn_b02,.btn_b02 {background:#253dbe;color:#fff;}
a.btn_b03, .btn_b03 {background:#fff;border:1px solid #b9bdd3;color:#646982;line-height:38px;}
a.btn_b04, .btn_b04 {background:#fff;border:1px solid #ccc;color:#707070;line-height:38px;}
a.btn_admin,.btn_admin {background:#333;color:#fff;} /* 관리자 전용 버튼 */


/* 기본테이블 */
.tbl_wrap {transform:skew(-0.1deg);}
.tbl_wrap table {width:100%;border-collapse:collapse;background:#fff;border-top:2px solid #ccc;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:15px 0;font-weight:500;color:#333;text-align:center;border-bottom:1px solid #ddd;background:#fff;font-size:16px;line-height:1.2;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {padding:15px 5px;font-weight:00;color:#333;border-bottom:1px solid #ecf0f1;background:#fff;font-size:16px;line-height:1.5;word-break:break-all}
.tbl_head01 a:hover {text-decoration:underline}
.tbl_head01 input{-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;font-size:15px;transform:skew(-0.1deg);}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:50px 0 !important;color:#666;text-align:center;font-size:16px;transform:skew(-0.1deg);}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}


/**************************************************************************************************************************************************************/
/*Basic*/
html {background-color: #000000 !important;color: #ffffff !important;}
html.on { overflow-y:hidden; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead,
tr, th, td, article,
aside, canvas, details, figcaption,
figure, footer, header, hgroup,
menu, nav, section,
summary, time, mark, audio, video {
word-break:keep-all;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
a {word-break:keep-all;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
}
body {line-height: 1; font-family: 'Pretendard';word-break:keep-all;}
img {vertical-align: middle;}
button {word-break:keep-all;
  cursor: pointer;
  outline: none;
  padding: 0;
  border: 0;
  margin: 0;
  line-height: 1;
  background: none;
  font-family: inherit;
  border-radius: 0;
}
ul li {
  list-style: none;
}
input {word-break:keep-all;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
  font-family: inherit;
  border-radius: 0;
  background-color: transparent;
}
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  background-color: transparent;
  resize: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
  border-radius: 0;
  font-family: 'Pretendard', sans-serif;
  background-color: transparent;
}
.form-file-upload-list input[type=file]{display:none;}
.text {
  line-height: 1.75;
  font-size: 16px;
  word-break: keep-all;
  color: #757575;
}
.bg--black {
    background-color: #000000 !important;
}
.txt--white {
    color: #ffffff !important;
}
.table {
    display: table !important;
    width:100%;
}
.table-cell {
    display: table-cell !important;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.p--12 {
    width: 100%;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
}
.w--5 {
    width: 50%;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
}
.w--3 {
    width: 32%;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
}
.p--0 {
    padding: 0 !important;
}
.p--82 {
  width: 50%;
  padding: 0 12px;
  float: left;
  box-sizing: border-box;
}
.pl--96 {
  padding-left: 96px !important;
}
.pr--40 {
  padding-right: 40px !important;
}
.mb--60 {
    margin-bottom: 60px !important;
}
.mb--24 {
  margin-bottom: 24px !important;
}
.d--block {
    display: block !important;
}
.bw--1 {
    border-width: 1px !important;
}
.bc--gray {
    border-color: #292929 !important;
}
.bs--solid {
    border-style: solid !important;
}
.mr--4 {
  margin-right: 4px !important;
}
.mb--24 {
    margin-bottom: 24px !important;
}
.top--16 {
  top: 16px !important;
}
.left--0 {
  left: 0px !important;
}
.position--rel {
    position: relative !important;
}
.position--abs {
  position: absolute !important;
}
.width--full {
    width: 100% !important;
}
.title.txt--14 {    font-size: 14px;}
.pb--12 {
    padding-bottom: 12px !important;
}
 .text.txt--12 {
    font-size: 12px;transform: skew(-0.1deg);
}
.relative {
  position: relative !important;
}
.mont {
  font-family: 'Montserrat',sans-serif;
}
/*.max-width--640 {
  max-width: 585px !important;
}*/
.form-textarea-style {
  box-sizing: border-box;
  width: 100%;
  padding: 16px;
  border: 1px solid #dbdbdb;
  font-size: 16px;
}
.form-select-style {
  position: relative;
}
.form-select-style select {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 48px 0 16px;
  border: 1px solid #dbdbdb;
  position: relative;
  color: #292929;
  font-size: 16px;
  line-height: 48px;
  cursor: pointer;
}

.form-select-style select:focus {
  border-color: #c2c2c2;
}

.form-select-style::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  right: 13px;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  border-top: 6px solid #5c5c5c;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.form-input-style {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #dbdbdb;
  font-size: 16px;
  color: #000000;
}
.btn--lg {
  height: 52px;
  padding: 0 40px;
  line-height: 52px;
  font-size: 14px;
}
.bg--orange {
  background-color: #ffc71f /*#ff4800*/ !important;
}
.footer .box-icons {
  width:30px;height:4px;background-color: #000;display:block;position:relative;
}
.footer .box-icons::after {
  width:30px;height:4px;background-color: #000;display:block;position:absolute;content:'';transform: rotate(90deg);
}


/* Remo */

/*::selection {background-color: #ffc71f;}
::-moz-selection {background-color: #ffc71f;}*/



.nav .header-logo {
  position: absolute;
  top: 32px;
  left: 24px;
  z-index: 101;
  font-size:32px;
}

.nav .navMenu-btn,
.nav .nav-btn--close {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  position: fixed;
  top: 32px;
  right: 24px;
  z-index: 101;
  transition: all .3s;
}

.nav .nav-btn--close::before,
.nav .nav-btn--close::after,
.nav .navMenu-btn::before,
.nav .navMenu-btn::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}

.nav .nav-btn--close::before,
.nav .navMenu-btn::before {
  margin-top: -4px;
  margin-left: -10px;
  transition: all .3s;
}

.nav .nav-btn--close::after,
.nav .navMenu-btn::after {
  margin-top: 4px;
  margin-left: -10px;
  transition: all .3s;
}

.nav .nav-btn--close::before {
  left: 6px;
  transform: rotate(45deg);
  margin:0;
}

.nav .nav-btn--close::after {
  left: 6px;
  transform: rotate(-45deg);
  margin:0;
}

.nav .navMenu {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}
.nav .navMenu.active {
  opacity: 1;
  visibility: visible;
}
.nav .navMenu .table {height: 100%;}
.nav .navMenu .table-cell {
  vertical-align: middle;
  text-align: center;
}
.nav .navMenu ul {
  display: inline-block;
  text-align: left;
}
.nav .navMenu li a {
  padding: 20px 0;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  position: relative;
  top: 0;
  left: 0;
  transition: all .3s;
}
.nav .navMenu li.active a {color: #fff;text-shadow: 0 0 24px #fff, 0 0 8px #fff;}
.nav .navMenu li.active a:hover {
  color: #fff;
  top: 0;
  left: 0;
}
.nav .navMenu li.active a span::after {
  content: "";
  display: none;
  width: 100%;
  height: 4px;
  background-color: #ffc71f /*#ff4800*/;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: 3px;
}
.nav .navMenu li a span {
  position: relative;
  top: 0;
  left: 0;
  transition: all .3s;
}
.nav .navMenu li a:hover span {
  color: #a8a8a8;
  top: 10px;
  left: 10px;
  text-shadow: 0 0 32px #888, 0 0 20px #888, 0 0 8px #888;
}
.nav .navMenu li.active a:hover span {
  top: 0;
  left: 0;
}

@media(min-width: 1025px){
  .nav .header-logo {
    position: absolute;
    top: 32px;
    left: 142px;
    z-index: 10;
  }
  .nav .navMenu li a {font-size: 120px;}
  .nav .navMenu li.active a::after {height: 12px;}

  .nav .navMenu-btn:hover::before {
    margin-top: 4px;
    margin-left: -10px;
  }

  .nav .navMenu-btn:hover::after {
    margin-top: -4px;
    margin-left: -10px;
  }
  .nav .navMenu li.active a span::after {
    content: "";
    display: none;
    width: 100%;
    height: 16px;
    background-color: #ffc71f /*#ff4800*/;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 3px;
  }
  .nav .navMenu-btn,
  .nav .nav-btn--close {
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    position: fixed;
    top: 32px;
    right: 32px;
    z-index: 101;
    transition: all .3s;
  }
  .nav .nav-btn--close::before,
  .nav .nav-btn--close::after,
  .nav .navMenu-btn::before,
  .nav .navMenu-btn::after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .nav .nav-btn--close::before,
  .nav .navMenu-btn::before {
    margin-top: -4px;
    margin-left: -10px;
    transition: all .3s;
  }
  .nav .nav-btn--close::after,
  .nav .navMenu-btn::after {
    margin-top: 4px;
    margin-left: -10px;
    transition: all .3s;
  }

  .nav .nav-btn--close::before {
    left: 12px;
    transform: rotate(45deg);
    margin:0;
  }
  .nav .nav-btn--close::after {
    left: 12px;
    transform: rotate(-45deg);
    margin:0;
  }
}

html,body {height: 100%;}
.banner {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.banner .banner_inner {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform:translateX(-50%);
  max-width:1620px;
  width:100%;
  height:100%;

}
.banner .banner_inner h1 {
  display: inline-block;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.4;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  padding-bottom:80px;
}
.banner .banner_inner h1::after {
  content: "";
  display: none;
  height: 4px;
  margin-top: -1px;
  background-color: #ffc71f /*#ff4800*/;
  position: absolute;
  top: 50%;
  animation-name: active-line;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes active-line {
  0% {
    width: 0;
    left: 0;
  }
  100% {
    width: 100%;
    left: 100%;
  }
}
@keyframes active-line {
  0% {
    width: 0;
    left: 0;
  }
  100% {
    width: 100%;
    left: 100%;
  }
}

@media screen and (max-width: 280px){
.banner .banner_inner h1{font-size: 18px;}
}

@media screen and (max-width: 360px){
.banner .banner_inner h1{font-size: 25px;}
}




.banner .banner_inner .active-line2 {
  display: block;
  width: 0;
  height: 4px;
  margin-top: -1px;
  background-color: #ffc71f /*#ff4800*/;
  position: absolute;
  top: 50%;
  animation-name: active-line2;
  animation-delay: 3s;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes active-line2 {
  to {
    width: 100%;
    
  }
}
@keyframes active-line2 {
  to {
    width: 100%;
    
  }
}
.banner .banner_foot{
	position:absolute;
	bottom: 40px;
/* 	right: 0; */
	right:130px;
}
.banner .banner_foot .banner_foot-col {
  margin: 32px 0 0 0;
  font-size: 14px;
}
.banner .banner_foot .banner_foot-col strong {
  display: block;
  padding-bottom: 12px;  
}
.banner .banner_foot .banner_foot-col a,
.banner .banner_foot .banner_foot-col p {
  margin-top: 6px;
  color: #fff;
  line-height: 1.6;
  transition: all .3s;
}
.banner .banner_foot .banner_foot-col a:hover {color: #ffc71f /*#ff4800*/;}
.banner .banner_foot .banner_foot-col p span {
  display: inline-block;
  width: 90px;
}

.banner .banner_foot .banner_foot-col p span.mont{display: inline;}

.banner::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%; 
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 10%, rgba(0,0,0,1) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.banner video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 0;
}
.banner-video--mobile {display: block;}
.banner-video--desktop {display: none;}

.contact-btn {
  position: fixed;
  bottom: 24px;
  left: 20px;
  z-index: 101;
  font-size: 12px;
  border: 2px solid #ffc71f /*#ff4800*/;
  color: #fff;
  font-weight: 600;
  padding: 12px;
  transition: all .3s;
  background-color: #ffc71f /*#ff4800*/;
  display: none !important;
}


@media screen and (max-width:1650px){
	.banner .banner_foot {right:140px;}
}
@media screen and (max-width:1024px){
	.contact-btn{left: 27px;}
	.banner .banner_foot{right: 24px;}
}

@media screen and (max-width:700px){
	.contact-btn{left: 27px;}

}

.contact-btn.footerFix {
	position:absolute;
}

@media(min-width:585px){
  .banner .banner_inner {
    /*bottom: 80px;
    left: 80px;*/
  }
  .banner .banner_inner h1 {font-size: 40px;}
  .banner .banner_inner h1::after {
    height: 4px;
    margin-top: 0px;
    left: -2px;
  }
  .banner .banner_inner .active-line2 {
    height: 4px;
    margin-top: 0px;
    left: -2px;
  }
  .banner .banner_foot{
	bottom: 80px;
/* 	right: 90px; */
  }
  .banner .banner_foot .banner_foot-col {
    margin: 40px 20px 0 0;
    float: left;
  }
  .banner-video--mobile {display: none;}
  .banner-video--desktop {display: block;}
}

@media(min-width:768px){
  .banner .banner_inner h1 {font-size: 50px;}
  .banner .banner_inner h1::after {
    height: 6px;
    margin-top: 0px;
    left: -6px;
  }
  .banner .banner_inner .active-line2 {
    height: 6px;
    margin-top: 0px;
    left: -6px;
  }
  .banner .banner_foot .banner_foot-col {
    margin: 40px 0 0 0;
    float: left;
	margin-left:220px;
  }
  .banner .banner_foot .banner_foot-col:first-child {
	margin-left:0;
  }
}

@media(min-width:960px){
  .banner .banner_inner h1 {
    font-size: 65px;
  }
  .banner .banner_inner h1::after {
    height: 6px;
    margin-top: 2px;
  }
  .banner .banner_inner .active-line2 {
    height: 6px;
    margin-top: 2px;
  }
}
@media(min-width:1024px){
  .banner .banner_inner {}
  .banner .banner_inner h1 {font-size: 70px;}
  .banner .banner_inner h1::after {
    height: 6px;
    margin-top: 2px;
  }
  .banner .banner_inner .active-line2 {
    height: 6px;
    margin-top: 2px;
  }
  .contact-btn {
    bottom: 98px;
    left: 143px;
    font-size: 14px;
    padding: 16px 20px;
  }
  .banner .banner_foot{/* right: 24px; */}
}

@media(min-width:1200px){
  .banner .banner_inner h1 {font-size: 80px;}
  .banner .banner_inner h1::after {height: 12px;}
  .banner .banner_inner .active-line2 {height: 12px;}
}

@media(min-width:1600px){
  .banner .banner_inner h1 {font-size: 90px;}
  .banner .banner_inner h1::after {
    height: 12px;
    margin-top: 6px;
  }
  .banner .banner_inner .active-line2 {
    height: 12px;
    margin-top: 6px;
  }
}

.main {
  box-sizing: border-box;
  padding: 100px 24px;
  position:relative;
}
@media(min-width:1025px){
  .main {padding: 148px 140px;} 
}

.main nav {padding-bottom: 20px;}
.main nav h2 {
  padding-bottom: 16px;
  font-size: 24px;
  font-weight: 200;
}
.main nav li {
  position: relative;
  display: inline-block;
  margin: 0 12px 24px 0;
  font-size: 24px;
  font-weight: 800;
  color: #424242;
    transition: all .3s;
    top:0;
    left: 0;
}
.main nav li::after {
  content: ",";
  color: #424242;
  transition: all .3s;
}
.main nav li:last-child::after {display: none;}
.main nav li.active {color:#fff;text-shadow: 0 0 24px #fff, 0 0 4px #fff;}
.main nav li.active::after {color: #fff;}


.main nav li.active:hover {
    top: 0;
    left: 0;
}
.main nav li:hover {
    color: #fff;
    top: 8px;
    left: 8px;
	text-shadow: 0 0 24px #fff, 0 0 4px #fff;
}
.main nav li:hover::after {
  color: #fff;
}

@media(min-width:1025px){
  .main nav {padding-bottom: 130px;}
  .main nav h2 {
    font-size: 60px;
    padding-bottom: 24px;
	margin-left:90p
  }
  .main nav li {
    margin: 0 12px 24px 0;
    font-size: 60px;
    position: relative;
  }
}

@keyframes PortfolioAppended {
	from {
		transform: scale(0); opacity: 0;
	}
	to {
		transform: scale(1); opacity: 1;
	}
}

.main .portfolio-wrap {margin: 0 0 0 2px;overflow:hidden;}
.main .portfolio-wrap > div { width: 23.5%;margin-right:2%; /**/}
.main .portfolio-wrap > div.anim{animation: PortfolioAppended 0.5s ease 1;}
.main .portfolio-wrap > div:nth-child(4n) {margin-right:0;}
.main .portfolio-wrap > div:nth-child(4n+1){clear:both;}
.main .portfolio-wrap .client-name {
	display: block;
	font-size: 16px;
	line-height:1.4;
	padding-bottom: 8px;
}

.main .portfolio-wrap .client-name span {font-size: 12px;}
.main .portfolio-wrap .portfolio__content .title{font-weight:200;}
.main .portfolio-wrap > div .text {font-size: 13px;opacity:0;transition:.3s;}
 
.main .portfolio-wrap .portfolio__thum img {
    opacity: 1;	
    transition: all .3s;
}
.main .portfolio__thum {border-radius:10px; position:relative; overflow:hidden;}
.main .portfolio__thum .txt_hover { position:absolute; top:50%; left:50%;  transform:translateY(-50%); width:290px; margin-left:-145px; padding: 0 10px; color:#fff; }

/*.main .portfolio-wrap > div:hover .portfolio__thum img {opacity: 0.5;}
.main .portfolio-wrap > div:hover .text{opacity:1;}*/

.main .portfolio-wrap > div .portfolio__thum img {transform:scale(1);}
.main .portfolio-wrap > div:hover .portfolio__thum img {transform:scale(1.1);}
.main .portfolio-wrap .portfolio_commingsoon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    opacity: 1;
    transition: all .3s;
}

.main .portfolio-wrap .portfolio_commingsoon--outer {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.main .portfolio-wrap .portfolio_commingsoon--inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.main .portfolio-wrap .portfolio_commingsoon strong {
    display: block;
    font-size: 20px;
    padding-bottom: 12px;
}
.main .portfolio-wrap .portfolio_commingsoon p {font-size: 14px;}
.main .portfolio-wrap .portfolio_commingsoon:hover {opacity: 0;}

/* 플로팅 */
.floating_wrap {overflow:hidden;position: fixed;bottom: 50px;right: 50px;z-index: 500;}
.floating_wrap .floating {transform: translateY(400px);display: flex;flex-direction: column;align-content: flex-end;align-items: flex-end;transition: .5s;}
.floating_wrap.show .floating {transform: translateY(0px);}
.floating_wrap .linkbox {display:none;background:#fff;border-radius: 20px;border: 1px solid #eee;width: 160px;}
.floating_wrap .linkbox a {display:block;font-size: 13px;line-height: 50px;color: #111;text-align: center;}
.floating_wrap .linkbox a + a {border-top: 1px solid #eee;}
.floating_wrap .quick_wrap {padding:0 10px;margin:0 -10px;}
.floating_wrap .quick a {display: flex;gap: 10px;height: 50px;margin: 15px 0;background: #ffc71f;border-radius: 10px;align-items: center;justify-content: center;/* box-shadow: 0 0 19px 1px #f4e4b4; */font-size: 15px;width: 160px;color: #111;}
.floating_wrap .quick a img {filter: brightness(0);opacity:.9;}
.floating_wrap .quick_close {background:#f2f2f2;color:#999;width:50px;aspect-ratio: 1/1;display: flex;justify-content: center;align-items: center;border-radius: 50px;cursor: pointer;transition: .5s;}
.floating_wrap .quick_close.on {transform:rotate(45deg);}
.floating_wrap .contact {overflow:hidden;background: #111;border-radius: 20px;padding: 20px;font-size: 17px;}
.floating_wrap .contact .flex {display:flex;align-items: center;gap: 30px;flex-direction: column;}
.floating_wrap .contact h3 {font-size: 20px;line-height: 1.7;}
.floating_wrap .contact h3 span {color: #ffc71f;}
.floating_wrap .contact img {width:75px;}
.floating_wrap .contact a {display:block;padding: 15px 0;background: #333;text-align: center;border-radius: 5px;color: #fff;margin: 25px 0;transition: .5s;}
.floating_wrap .contact a:hover {background:#222;}
.floating_wrap .contact .closeBtn {cursor:pointer;color:#888;text-align:center;}
.floating_wrap strong {font-weight:500;}
@media (max-width:768px){
	.floating_wrap {bottom: 20px;right:20px;}
	.floating_wrap .contact {font-size: 15px;}
	.floating_wrap .contact h3 {font-size: 16px;}
	.floating_wrap .contact img {width: 60px;}
	.floating_wrap .contact a {margin:20px 0;padding:10px 0;}
}

/* 플로팅 */

.footer {
  /* padding: 0 24px 60px 24px; */
  padding: 0 140px;
  padding-bottom: 60px;
  position: relative;
}

@media screen and (max-width: 1024px){
	.footer{padding-right: 24px; padding-left: 24px;}
}

.footer .footer-sns li a {
  display: block;
  padding: 12px 0;
  font-size: 32px;
  font-weight: 600;
}
.footer .footer__address {
  padding-top: 12px;
  font-size: 14px;
  line-height: 2;
  word-break: keep-all;
  font-family: 'Montserrat','Pretendard',sans-serif;
}
.footer .footer__address span {
	margin-right: 12px;
	display: inline-block;
}
.footer .footer__address span.mont {
	margin-right: 0px !important;
}
.footer .footer__contact {margin-top: 60px;}
.footer .footer__contact strong {
  display: block;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
}
.footer .footer__contact p,
.footer .footer__contact a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 600;
  transition: all .3s;
  font-family: 'Montserrat', sans-serif;
}
.footer .privacy { font-family: 'Montserrat', sans-serif;padding-top:30px; font-size:14px;}
@media (min-width: 1025px) {
  .footer .ft_info {width: 100%; margin: 0; display: flex; justify-content: space-between;}
  .footer .footer-sns li {
    display: inline-block;
    margin-right: 20px;
    transition: all .3s;
  }
  .footer .footer__contact a:hover,
  .footer .footer-sns li:hover {color: #ffc71f /*#ff4800*/;}
  .footer .footer__contact {
    margin: 0;
/*     position: absolute;
    top: 0;
    right: 100px; */
  }
  .main .portfolio-wrap .client-name {font-size: 19px;}
  .main .portfolio-wrap .client-name span {font-size: 16px;}
  .main .portfolio-wrap > div .text {font-size: 14px;}
  .main .portfolio-wrap > div .text {
	font-size: 13px;	
	white-space: normal; 
	height: 70px;
	word-wrap: break-word; 
	display: -webkit-box;
	word-break: keep-all;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: 'Montserrat','Pretendard',sans-serif;
  }
  .main .portfolio-wrap .portfolio__content {padding-right: 60px;}
  .main .portfolio-wrap .portfolio__content .title{font-weight:200;transform:skew(-0.1deg);}
}



@media (max-width:768px){
	.main .portfolio-wrap > div {width:48%; margin-right:4%;margin-bottom: 40px !important;}
	.main .portfolio-wrap > div:nth-child(3n) {margin-right:4%;}
	.main .portfolio-wrap > div:nth-child(2n) {margin-right:0%;}
	.main .portfolio-wrap > div:nth-child(3n+1){clear:none;}
	.main .____main_portfolio_wrap > div:nth-child(10){display:block;}
  .main .portfolio-wrap .portfolio__content{padding-right:15px;}
  .main .portfolio-wrap .client-name {font-size: 16px;}
  .main .portfolio-wrap .client-name span {font-size: 11px;}
  .main .portfolio-wrap .portfolio__content .title{font-size:13px;}
}






/* about-remo */
html,body, .about-remo {height: 100%;}
.about-remo main{padding-bottom:100px;}
.about-remo .about-cover {
    width: 100%;
    height: 100%;
    display: table;
    background-color: #ffc71f /*#ff4800*/;
}
.about-remo .about-cover .about-cover__inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.about-remo .about-cover .about-cover__title {
    font-size: 19vw;
    color: #000;
    position: relative;
    z-index: 1;
}
.about-remo .about-cover img {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
._spacing{height:90px;}
.about-remo .about-remo-container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 48px 24px;
}

.about-remo .about-remo-container .col--left p {font-size: 16px;font-weight: 600;color: #ffc71f /*#FE3802*/;padding: 0 0 12px 0;}
.about-remo .about-remo-container .col--left h2 {font-size: 36px;font-weight: 200;line-height: 1.3;}
.about-remo .about-remo-container .col--left h2 span {font-weight: 200;}
.about-remo .about-remo-container .col--right {float: left;text-align:left;}
.about-remo .about-remo-container .col--right {padding-top: 20px;}
.about-remo .about-remo-container .col--right p {font-size: 18px;word-break:keep-all; font-weight: 200;line-height: 1.75;opacity: .8;display:inline-block;text-align:left;}
.about-remo .about-remo-container .col--right p + p {margin-top:15px;}
.about-remo .about-remo-container .col--right p br {display: none;}
.about-remo .about-remo-line-img {
  position: relative;
  padding: 24px 0;
}
.about-remo .about-remo-line-img img {width: 100%;}

.about-remo .about-remo__class-list li {
    position: relative;
    font-size: 22px;
    padding-bottom: 48px;
}
/*.about-remo .about-remo__class-list li::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 6px;
    left: 0;
    opacity: .2;
}*/
.about-remo .about-remo__class-list li strong {
    display: block;
    font-size: 36px;
	position: absolute;
	top: -12px;
	right: 0;
}
.about-remo .about-remo__class-list li strong span {
    font-size: 14px;
    font-weight: 400;
    margin-left: 4px;
}
.about-remo .about-remo__text {padding-bottom: 40px;}
.about-remo .about-remo__text h2 {
    font-size: 22px;
    font-weight: 200;
    line-height: 1.4;
    word-break: keep-all;
}
.about-remo .about-remo__text h2 br {display: none;}
.about-remo .about-remo__area {margin-bottom: 40px;/*float: right;*/display:table;margin-left:auto;margin-right:auto;width:840px;}

.about-remo .about-remo__area-title strong{
    font-size: 28px;
    font-weight: 600;
    color: #ffc71f; line-height:37px;
}
.about-remo .about-remo__area-text {
    max-width: 600px;
    overflow: hidden;
    padding-top: 24px;
}
.about-remo .about-remo__area-text h3 {
    font-size: 18px;
    line-height: 1.6;
    padding-bottom: 16px;
    word-break: keep-all;
}
.about-remo .about-remo__area-text p {
    color: #B4B4B4;
    margin-right: 12px;
    margin-bottom: 12px;
    display: inline-block;
}

@media (min-width: 768px) {
	._spacing{height:0;}
/* 	.about-remo main{padding-bottom:50px;} */
    .about-remo .about-cover {height: 100vh;}
    .about-remo .about-cover .about-cover__title {font-size: 17vw;}
    .about-remo .about-cover img {width: 20%;}
    .about-remo .about-remo-container {padding: 148px 24px;}
    .about-remo .about-remo-container .col--left p {font-size: 21px;}
    .about-remo .about-remo-container .col--right p {font-size: 21px; text-align:left;font-weight:300}
    .about-remo .about-remo-container .col--right p br {display: inline-block;}
    .about-remo .about-remo-container .col--left h2 {
        font-size: 45px;
        line-height: 1.2;
    }
    .about-remo .about-remo-container .col--right {padding-top: 35px;}

    .about-remo .about-remo__class-list li {
      position: relative;
      font-size: 28px;
      padding-bottom: 68px;
    }
    /*.about-remo .about-remo__class-list li::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 14px;
        left: 0;
        opacity: .2;
    }*/
    .about-remo .about-remo__class-list li strong {
      display: inline-block;
      padding-top: 0;
      font-size: 60px;
	  top: -22px;
    }
    .about-remo .about-remo__class-list li strong span {
        font-size: 18px;
        font-weight: 400;
        margin-left: 8px;
    }
    .about-remo .about-remo__text {padding-bottom: 90px;}
    .about-remo .about-remo__text h2 {
        font-size: 52px;
        font-weight: 200;
        line-height: 1.2;
    }
    .about-remo .about-remo__text h2 br {display: inline-block;}
    .about-remo .about-remo__area-title {
      width: 310px;
      float: left;
    }
    .about-remo .about-remo__area-text {padding-top: 0;}
    .about-remo .about-remo__area-text h3 {
      font-size: 21px;
      line-height: 1.4;
      padding-bottom: 24px;
    }
    .about-remo .about-remo__area-title strong{font-size: 32px;}
    .about-remo .about-remo__area-text p {
      font-size: 16px;
      margin-right: 28px;
      margin-bottom: 20px;
    }
    .about-remo .about-remo__area {margin-bottom: 60px;}
    .about-remo .about-remo-line-img {padding: 0;}
}

@media (min-width: 1200px) {
.about-remo .about-remo-container .col--left h2 {
        font-size: 60px;}
.about-remo .about-remo__class-list li strong {font-size:72px;}
}
@media (max-width:920px){
	.about-remo .about-remo__area {display:block;width:100%;margin:0;padding:0 24px 40px;}
}

.about-remo .about-remo-title-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.about-remo .about-remo-title {
  font-size: 60px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: -30px;
  position: relative;
  z-index: 10;
}
.about-remo .about-remo__swiper-container--outer {overflow: hidden;position:relative;}
.about-remo .about-remo__swiper-container {position: relative;}
.about-remo .about-remo__swiper-container .swiper-slide {width: 100%;}
.about-remo .about-remo__swiper-container .swiper-slide img {width: 100%;}
.about-remo .about-remo__swiper-container .about-remo__swiper-pagination {
  top: auto !important;
  bottom: 0;
  z-index: 101;
}
.about-remo .about-remo__swiper-container .swiper-pagination-progressbar-fill {background-color: #ffc71f /*#ff4800*/ !important;}

.about_textwithimage_wrap{max-width:1200px;height:800px;margin:0 auto;position:relative;}
.about_textwithimage_wrap .__img{position:absolute;top:50%;left:0%;z-index:0;transform:translateY(-50%);}
.about_textwithimage_wrap .__txt{height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:57.0833333%;position:relative;z-index:10;}
.about_textwithimage_wrap .__txt .p01{font-size:60px;line-height:1.2;font-weight:200;margin-bottom:40px;}
.about_textwithimage_wrap .__txt .p01 b{font-weight:600;}
.about_textwithimage_wrap .__txt .p02{font-size:21px;line-height:1.75;font-weight:200;color:#bcbcbc}	

@media (max-width: 1260px){
	.about_textwithimage_wrap{padding:0 5.83333%;}
	.about_textwithimage_wrap{height:auto;padding:70px 2.5%;}
	.about_textwithimage_wrap .__img{width:50%;}
	.about_textwithimage_wrap .__img img{max-width:100%;}
	.about_textwithimage_wrap .__txt{padding-left:50%;align-items:flex-start;text-shadow:0 0 10px rgba(0,0,0,.3),0 0 3px rgba(0,0,0,.8);}
	.about_textwithimage_wrap .__txt .p01{font-size:45px;margin-bottom:30px;}
	.about_textwithimage_wrap .__txt .p01 b{font-weight:600;}
	.about_textwithimage_wrap .__txt .p02{font-size:19px;}
}
@media (max-width:768px){
	.about_textwithimage_wrap .__img{width:100%;position:relative;top:0;left:0;transform:none;text-align:center;}
	.about_textwithimage_wrap .__txt{padding-left:0;display:block;margin-top:-30px;}
	.about_textwithimage_wrap .__txt .p01{font-size:36px;line-height:40px;margin-bottom:40px;}
	.about_textwithimage_wrap .__txt .p02{font-size:18px;line-height:28px;}
}

@media (max-width:500px){
.about-remo .about-remo-container .col--left h2, .about_textwithimage_wrap .__txt .p01 {font-size:30px;}
.about-remo .about-remo__area-title strong {font-size:24px;}
}



@media (min-width: 1025px) {
  .about-remo .about-remo__swiper-container {
    max-width: 1200px;
    margin: 0 auto;
  }
}


/* service-remo */
.service-remo{padding: 148px 0px; position: relative; margin: 0 auto;}
.service-remo h2{padding-bottom: 100px;  font-size:48px;  font-weight: 600;}

@media (min-width: 1025px){
	.service-remo h2{font-size: 60px; margin-left: 0;}
}

@media (max-width: 500px){
.service-remo h2{ font-size:36px; }
}

.service-remo .serv{max-width:1180px; margin:0 auto;}
.service-remo .serv .serv_top_lst{display: flex; flex-wrap:wrap;}
.service-remo .serv .serv_top_lst li{padding: 30px 0;position:relative; display: flex; align-items: center; justify-content: space-between; width: calc(100% / 2 - 10px); border:1px solid #dbdbdb; border-color:#5c5c5c; border-radius:3px; margin:0 20px 20px 0; text-align:center; }
.service-remo .serv .serv_top_lst li:nth-child(2n+2){margin-right: 0;}
.service-remo .serv .serv_top_lst li:nth-child(n+7){margin-bottom: 0;}
.service-remo .serv .serv_top_lst li .serv_img_wrap{display: flex; width: 120px;}
.service-remo .serv .serv_top_lst li .serv_img_wrap img{width: 60px; margin: 0 auto;}
.service-remo .serv .serv_top_lst li .desc_wrap{display: flex; flex-direction:column; align-items: flex-start; width: calc(100% - 120px); padding-right: 20px;margin-top: 0px;margin-bottom: auto;}
.service-remo .serv .serv_top_lst li h1{color: #ffc71f;padding-bottom: 15px;font-size: 25px;font-weight: 800;line-height:1;letter-spacing: -0.01em;}
.service-remo .serv .serv_top_lst li p{display:block;  line-height:1.45; letter-spacing:-0.04em; text-align: left; word-break:keep-all; font-family: 'Montserrat','Pretendard';}
.service-remo .serv .serv_top_lst li p.desc_tit{padding-bottom: 10px;font-weight:600;font-size:21px;}
.service-remo .serv .serv_top_lst li p.desc_txt{font-weight:300;font-size:16px;color:#B4B4B4;}
.service-remo .serv .serv_top_lst li h1 br{display: none;}
.service-remo .serv .serv_top_lst li p br:nth-child(n+2){display: none;}
.service-remo .serv .serv_top_lst li strong{ width:24px; height:24px;background:#e80032; text-align:center; line-height:24px; font-size:11px; color:#fff; font-weight:500; }

.service-remo .serv .serv_btm_lst{margin:70px 0;  border-top:1px solid #e6e6e6; margin-bottom: 50px;}
.service-remo .serv .serv_btm_lst li{padding:30px 0 30px; border-bottom:1px solid #e4e4e8; display: flex; justify-content: space-between;}
.service-remo .serv .serv_btm_lst li:last-child {border-bottom:0; margin-bottom: 0;}
.service-remo .serv .serv_btm_lst li .box{width:300px; border-radius:3px;}
.service-remo .serv .serv_btm_lst li .box .img_wrap{position:relative; width:100%; border-radius:3px;}
.service-remo .serv .serv_btm_lst li .box .img_wrap img{width:100%; height:100%;}
.service-remo .serv .serv_btm_lst li .box_txt_wrap{width:calc(100% - 337px); display: flex; flex-direction:column; align-items: flex-start; justify-content: center;}
.service-remo .serv .serv_btm_lst li .box_txt_wrap .box_tit{ display:block; height:17px; font-size:14px; font-weight:500; line-height:1.2; color:#ffc71f; padding-top: 0;}
.service-remo .serv .serv_btm_lst li .box_txt_wrap span.yellow{color: #ffc71f; display: block;  padding-top: 20px;}
.service-remo .serv .serv_btm_lst li .box_txt_wrap p span{display: inline; color: #fff;}
.service-remo .serv .serv_btm_lst li h1{font-size:21px; font-weight:600; line-height:1.4; letter-spacing:-0.01em; color:#fff; margin-top:5px;}
.service-remo .serv .serv_btm_lst li p{font-size:16px; font-weight:300; line-height:1.45; letter-spacing:-0.025em; color:#B4B4B4; margin-top:20px;}


@media screen and (max-width:1600px){
	.service-remo .contact-btn{left: 12.5%;}
}
@media screen and (max-width:1420px){
	.service-remo .serv .serv_top_lst li .desc_wrap{padding-right: 30px;}
	.service-remo .contact-btn{left: 8.5%;}
}
@media screen and (max-width:1260px){
	.service-remo .serv{padding: 0 24px;}
	.service-remo .contact-btn{left: 5.5%;}
}
@media screen and (max-width:1024px){
	.service-remo .serv{max-width:1180px; margin: 0 auto; padding: 0 24px;}
	.service-remo .serv .serv_top_lst li h1,
	.service-remo .serv .serv_btm_lst li h1{font-size: 20px;}
	.service-remo .serv .serv_top_lst li p.desc_tit {font-size: 17px;}
	/* .service-remo .serv .serv_top_lst li p.desc_txt{font-size: 13px;} */
	.service-remo .contact-btn{left: 2.3%;}
}
@media screen and (max-width:960px){
	.service-remo .serv .serv_top_lst {margin-left: -20px;}
	.service-remo .serv .serv_top_lst li{flex-direction:column;padding: 10px;width: calc(100% / 3 - 20px);margin: 0;margin-left: 20px !important;margin-bottom: 30px !important;justify-content:normal;}
	.service-remo .serv .serv_top_lst li:nth-child(2n+2){margin-right: 0px;}
	.service-remo .serv .serv_top_lst li:nth-child(2),
	.service-remo .serv .serv_top_lst li:nth-child(5),
	.service-remo .serv .serv_top_lst li:nth-child(8){margin: 0;}
	.service-remo .serv .serv_top_lst li .serv_img_wrap{padding-top: 20px; padding-bottom: 20px;}
	.service-remo .serv .serv_top_lst li .desc_wrap{align-items: center; padding-right: 0; width: 100%;}
	.service-remo .serv .serv_top_lst li p{text-align: center; height: auto; padding-top: 10px;}
	.service-remo .serv .serv_top_lst li p.desc_txt {padding-bottom: 20px;}
	.service-remo .serv .serv_top_lst li h1{padding-top: 0px; height: 35px;}
	.service-remo .serv .serv_top_lst li h1 br{display: block;}
	.service-remo .serv .serv_btm_lst li p br{display: none;}
	.service-remo .serv .serv_btm_lst li p{word-break:keep-all;}
}
@media screen and (max-width:700px){
	.service-remo .serv .serv_top_lst {margin-left: -10px;}
	.service-remo .serv .serv_top_lst li{flex-direction:column;width: calc(100% / 2 - 10px);margin-left: 10px !important;margin-bottom: 15px !important;}
	.service-remo .serv .serv_top_lst li:nth-child(2),
	.service-remo .serv .serv_top_lst li:nth-child(5),
	.service-remo .serv .serv_top_lst li:nth-child(8){margin: 0px;}
	.service-remo .serv .serv_top_lst li:nth-child(2n){margin-left: 10px; margin-right: 0px;}
	.service-remo .serv .serv_top_lst li:nth-child(2n) h1{width: 80%; line-height: 1.2;}	
	.service-remo .serv .serv_top_lst li:nth-child(4) h1{line-height: 35px;}
	.service-remo .serv .serv_top_lst li h1{line-height:35px;}
}
@media screen and (max-width:640px){
	.service-remo .serv .serv_btm_lst li .box{width: 50%;}
	.service-remo .serv .serv_btm_lst li .box_txt_wrap{width: 47%; margin-left: 3%;}
	.service-remo{padding: 100px 0;}
	.service-remo .serv .serv_btm_lst li p{margin-top: 10px; word-break:keep-all;}
	.service-remo .contact-btn{left: 3.7%;}
}
@media screen and (max-width:520px){
	.banner .banner_foot{right: 20px;}
}
@media screen and (max-width:500px){
	.service-remo .serv .serv_btm_lst li{flex-direction:column;}
	.service-remo .serv .serv_btm_lst li .box_txt_wrap{margin-left: 0; margin-top: 3%;}
	.service-remo .serv .serv_btm_lst li .box{width: 100%;}
	.service-remo .serv .serv_btm_lst li .box_txt_wrap{width: 100%}
}
@media screen and (max-width:460px){
	.service-remo .serv{max-width: 100%;}
	.service-remo .serv .serv_top_lst li{width: 100%; margin: 0 !important; height: 100%; padding-bottom: 20px; margin-bottom: 10px !important;}
	.service-remo .serv .serv_top_lst li p{height: 100%;}
	.service-remo .contact-btn{left: 5.5%;}
	.service-remo .serv .serv_top_lst {margin: 0px;}
	.service-remo .serv .serv_top_lst li .serv_img_wrap img{width: 50px;}
}
@media screen and (max-width:360px){
	.service-remo .serv .serv_btm_lst li h1{margin-top: 15px !important;}
	.service-remo .serv .serv_btm_lst{flex-direction:column; margin-bottom: 0;}
	.service-remo .serv .serv_btm_lst li{flex-direction:column; border-right: none; width: 100%;margin-right: 0; padding-right: 0; border-bottom:  1px solid #e4e4e8;}
	.nav .header-logo{ font-size: 22px;}
	.nav .navMenu-btn, .nav .nav-btn--close{width: 30px; height: 30px; top: 30px;}
	.service-remo .serv .serv_btm_lst{display: flex;}
	.service-remo .serv .serv_btm_lst li:last-child{margin-right: 0; border-right: none; padding-right: 0;}
	.service-remo .serv .serv_btm_lst li .box{width: 100%;}
	.service-remo .serv .serv_btm_lst li .box_txt_wrap{width: 100%; height: 100%; justify-content: flex-start; padding-top: 20px; margin-left: 0;}
}
@media screen and (max-width:281px){
	.service-remo .serv .serv_top_lst li p,
	.service-remo .serv .serv_btm_lst li p{font-size: 13px; transform:skew(-0.01deg);}
	.nav .nav-btn--close::before{left: 4px;}
	.nav .nav-btn--close::after{left: 4px;}
}


/* contact-remo */
.contact-remo .contact-remo__header {
    border-bottom: 1px solid rgba(255,255,255,.2);
    position: relative;
}

.contact-remo .contact-remo__header--inner {padding-top: 120px;}
.contact-remo .contact-remo__header .p--82 {
    width: 100%;
    padding: 0 24px;
}
.contact-remo .contact-remo__header .contact-remo__header-title {
    display: inline-block;
    padding-right: 4px;
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    position: relative;
    display: none;
}
.contact-remo .contact-remo__header .contact-remo__header-title::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 2px;
}
.contact-remo .contact-remo__header-address {
  padding-bottom: 40px;
  border-bottom: 1px solid #2e2e2e;
  margin-bottom: 40px;
}
.contact-remo .contact-remo__header-address strong {
    font-size: 14px;
    display: block;
    padding-bottom: 16px;
}
.contact-remo .contact-remo__header-address p {
    font-size: 14px;
    line-height: 1.75;
    padding-bottom: 4px;
}
.contact-remo .contact-remo__header-map {
    display: inline-block;
    font-size: 14px;
    opacity: .6;
    text-decoration: underline;
}
.contact-remo .contact-remo__header-tel {
    display: inline-block;
    font-size: 14px;
    margin-top: 24px;
}
.contact-remo .contact-remo__header-contact-remo {
  border-bottom: 1px solid #2e2e2e;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.contact-remo .contact-remo__header-contact-remo ul {
  padding-left: 0px;
}
.contact-remo .contact-remo__header-contact-remo-title {
    font-size: 14px;
    display: block;
    padding-bottom: 16px;
}
.contact-remo .contact-remo__header-contact-remo li {
    font-size: 14px;
    margin-bottom: 12px;
}
.contact-remo .contact-remo__header-contact-remo li strong {
    display: inline-block;
    width: 90px;
    font-weight: 400;
    padding-bottom: 8px;
}

.contact-remo .contact-remo__header-text p {
    font-size: 24px;
    font-weight: 200;
    line-height: 1.3;
    margin-bottom: 12px;
    word-break: keep-all;
}
.contact-remo .contact-remo__header-text p br {display: none;}
.contact-remo .contact-remo__header-text a {
    font-size: 14px;
    font-weight: 600;
    color: #ffc71f /*#ff4800*/;
    text-decoration: underline;
}
.contact-remo .contact-remo__form {
    padding: 60px 24px;
}
.contact-remo .contact-remo__form-title {
    font-size: 24px;
    line-height: 1.2;
    padding-bottom: 48px;
	padding-top:30px;
}

@media screen and (max-width:1024px){
	.contact-remo .contact-remo__form-title{padding-top: 75px;}
}

.contact-remo .contact-remo__form-title span {
	display: block;
	padding: 0px 0;
}

.contact-remo .contact-remo__form-title P {
    font-size: 18px;
	font-weight: 300;
    padding-top: 16px;
	color:#bcbcbc;word-break:keep-all;
}

.contact-remo .contact-remo__form-content .contact-remo__input-field label {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}
.contact-remo .contact-remo__form-content .contact-remo__input-field label {
    position: relative !important;
    top: 0 !important;
}
.contact-remo .contact-remo__form-content .contact-remo__input-field .pl--96 {padding: 0 !important;}
.contact-remo .contact-remo__form-content .contact-remo__input-field label.needful::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ffc71f /*#ff4800*/;
    position: absolute;
    top: 0;
    right: -10px;
}
.contact-remo .contact-remo__form-content .contact-remo__input-field .form-input-style {
    color: #fff;
    border-color: #292929;
}
.contact-remo .contact-remo__form-service .form-chkbox .form-chkbox__text {color: #757575;}
.contact-remo .contact-remo__form-service .form-chkbox input[type="checkbox"]:checked + .form-chkbox__icon {
    background-color: #ffc71f /*#ff4800*/;
    border-color: #ffc71f /*#ff4800*/;
}
.form-chkbox .form-chkbox__icon .box-icons {
  font-size: 18px;
  color: transparent;
}
.form-chkbox .form-chkbox__icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
}
.contact-remo .contact-remo__form-service .contact-remo__form-service-header {margin: 48px 0 24px 0;}
.contact-remo .contact-remo__form-service .contact-remo__form-service-header p {
    padding: 12px 0 12px 0;
    color: #757575;
    font-size: 16px;
    line-height: 1.75;
    word-break: keep-all;
}
.contact-remo .contact-remo__form-service .contact-remo__form-service-header p br {display: inline-block;}
.contact-remo .contact-remo__form-service .contact-remo__form-check {  
    padding-bottom: 32px;  
}
.contact-remo .contact-remo__form-service .contact-remo__form-check > ul {padding-left:0px;}
.contact-remo .contact-remo__form-service .contact-remo__form-check-title {
    display: block;
    padding-bottom: 20px;
}
.contact-remo .contact-remo__form-service .contact-remo__form-check li {margin-bottom: 16px;}
.contact-remo .budget-wrap {margin-top: 40px;}
.contact-remo .budget-wrap .form-select-style select {
    color: #757575;
    border-color: #292929;
}
.contact-remo .content-wrap .contact-remo__input-field {max-width: 100%;}
.contact-remo .content-wrap .contact-remo__input-field textarea {
    border-color: #292929;
    color: #bcbcbc;
	line-height:30px;
	
}
.contact-remo .content-wrap .form-file-upload {padding-bottom: 12px;}
.contact-remo .content-wrap .form-file-upload .file_box{display:flex;justify-content:space-between;margin-bottom:8px;}
.contact-remo .content-wrap .form-file-upload .file_box input.file_name{width:calc(100% - 100px);height:48px;margin-left:9px;border:1px solid #292929;padding:0 10px;font-size:16px;color:#bcbcbc;}
.contact-remo .content-wrap .form-file-upload label {
    display: block;
	width: 120px;
    height: 48px;
	text-align:center;
    padding: 0 16px;
    line-height: 49px;
    font-size: 12px;
    font-weight: 400;
    background-color: #333;
    cursor: pointer;
}
.contact-remo .content-wrap .form-file-upload input[type="file"] {
    position: absolute; 
    width: 1px; 
    height: 1px;
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip:rect(0,0,0,0); 
    border: 0;
}
.contact-remo .content-wrap .form-file-upload p {
    display: block;
    padding-left: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #757575;
    vertical-align: middle;
    padding-top: 12px;
}
.contact-remo .content-wrap .form-file-upload p br {display: none;}
.contact-remo .content-wrap .form-file-upload-value {margin-top: 12px;}
.contact-remo .content-wrap .form-file-upload-value p {
    display: inline-block;
    font-size: 12px;
    color: #ffc71f /*#ff4800*/;
    vertical-align: middle;
}
.contact-remo .content-wrap .form-file-upload-value p span {
    margin-left: 4px;
    color: #757575;
}
.contact-remo .content-wrap .form-file-upload-value button {vertical-align: middle;}
.contact-remo .content-wrap .form-file-upload-value .box-icons {
    font-size: 16px;
    color: #fff;
}
.contact-remo .content-wrap .file-send-style {
    padding: 0 80px !important;
    margin-top: 60px;

    width: 100%;
    display: block;
}

.contact-remo .footer__portfolio {
    padding: 80px 0 80px 0;
    border-bottom: 1px solid #000;
    position: relative;
}
.contact-remo .footer__portfolio-title {
    font-size: 40px;
    font-weight: 800;
}
.contact-remo .footer {
    background-color: #ffc71f /*#ff4800*/;
    color: #000;
}
.contact-remo .footer__bottom {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 60px;
    padding-right: 95px;
}
.contact-remo .footer .footer__contact-remo {
    top: auto;
    bottom: 0;
}
.contact-remo .footer__portfolio-btn {
    position: absolute;
    top: 250px;
    right: 0;
    text-align: center;
}


.contact-remo .footer__portfolio-btn .box-icons {font-size: 60px;}
.contact-remo .footer__portfolio-btn p {display:block;font-size: 14px;margin-top:20px;}
.contact-remo .footer .footer__contact-remo strong {color: #000;}
.contact-remo .footer .footer__contact-remo p, .footer .footer__contact-remo a:hover {color: #000;}
.project .footer .footer__contact-remo a:hover {color: #ffc71f /*#ff4800*/;}
.contact-remo .footer .footer-sns li:hover,
.contact-remo .footer .footer-sns li a:hover {color: #000;}

.contact-remo .contact-remo__header-text--inner {padding-bottom: 40px;}

.footer-address {
  padding-top: 12px;
  font-size: 14px;
  line-height: 2;
  word-break: keep-all;
}
.footer-address span {
  margin-right: 12px;
}
.footer-contact {display: block;
  height: 40px;
  line-height: 20px;
  font-size: 20px;
  font-weight: 600;
  transition: all .3s;}
  .footer-contact span {font-weight:400; font-size: 18px;}

@media(min-width:1025px){
  .contact-remo .contact-remo__header--inner {padding-top: 0;}
  .contact-remo .contact-remo__header {
    width: 100vw;
    height: 100vh;
  }
  .contact-remo .contact-remo__header .contact-remo__header--inner {
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
  }
  .contact-remo .contact-remo__header .p--82 {
    width: 50%;
    padding: 0 82px;
  }
  .contact-remo .contact-remo__header-text--inner {
    position: absolute;
    bottom: 0;
    padding-bottom: 0;
  }
  .contact-remo .contact-remo__header .contact-remo__header-title {
	  font-size: 200px;
	  display: inline-block;
  }
  .contact-remo .contact-remo__form {
    /*max-width: 1200px;*/
	/*max-width: 1581px;*/
    padding: 148px 24px;
    margin: 0 auto;
	width: 1180px;
	/*margin-right:542px;*/
  }
  .contact-remo .contact-remo__form-title {
    font-size: 32px;
    padding: 0;
  }
  .contact-remo .footer__portfolio-title {font-size: 80px;}
  .contact-remo .contact-remo__header-address {
    width: 50%;
    float: left;
    padding-bottom: 0px;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .contact-remo .contact-remo__header-text p {font-size: 40px;}
  .contact-remo .contact-remo__header-text p br {display: inline-block;}
  .contact-remo .contact-remo__header .contact-remo__header-title {padding-right: 6px;}
  .contact-remo .contact-remo__header .contact-remo__header-title::after {
    height: 8px;
    margin-top: 14px;
  }
  .contact-remo .contact-remo__header-contact-remo {
    width: 50%;
    float: left;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .contact-remo .contact-remo__header-contact-remo li {margin-bottom: 12px;}
  .contact-remo .contact-remo__header-contact-remo li strong {padding-bottom: 0;}
 
  .contact-remo .contact-remo__form-service .contact-remo__form-check:nth-child(3){margin-right:0;}
  .contact-remo .contact-remo__form-service .contact-remo__form-service-header p br {display: none;}
  .contact-remo .contact-remo__form-content .contact-remo__input-field .pl--96 {padding-left: 96px !important;}
  .contact-remo .contact-remo__form-content .contact-remo__input-field label {
    position: absolute !important;
    top: 16px !important;
    padding-bottom: 0;
  }
  .contact-remo .content-wrap .form-file-upload p {
  }
  .contact-remo .content-wrap .form-file-upload p br {display: inline-block;}
  .contact-remo .content-wrap .file-send-style {
    display: inline-block;
    width: auto;
  }
  .contact-remo .footer__portfolio-btn {
    position: absolute;
    top: 250px;
    right: 0;
    text-align: center;
  }
  .contact-remo .footer__portfolio {padding: 80px 0 200px 0;}
    
  .contact-remo .content-wrap .form-file-upload label {position: static !important;}
}



@media(min-width:768px){
	.contact-remo .contact-remo__form-title P{font-size:21px;}
  .contact-remo .contact-remo__form-content {
    padding-top: 80px;
    /*padding-left: 400px;*/
	max-width:630px;
	margin:0 auto;
  }
 .contact-remo .contact-remo__form-service .contact-remo__form-check {
    float: left;
    margin-right: 65px;
  }


 } 
.light_effect{}
.light_effect span.le_normal { opacity: 0.6; animation: flashText .5s ease alternate infinite; }
.light_effect span.le_strong { opacity: 1; animation: flash .5s ease alternate infinite; }
  
@keyframes flashText {
  to { opacity: 1; }
}
@keyframes flash{
  0% { text-shadow: none; }
  100% { text-shadow: #fff 0 0 24px, #fff 0 0 16px, #fff 0 0 8px; }
}


/* 메인 포트폴리오팝업 */
#work_pop{ width:100%;height:100%;position:fixed;left:0%;top:0%;display:none;z-index:1090001;background:rgba(0,0,0,.7);}
.work_view { width:100%; max-width:1600px; background:#fff; height:100vh; overflow-y:scroll; overflow-x:hidden; padding-bottom:150px; margin: 0 auto; box-sizing:border-box; position:relative;}
.work_view::-webkit-scrollbar{width:16px;background:transparent;}
.work_view::-webkit-scrollbar-thumb{border-radius:10px;background-color:#666;background-clip:padding-box;border:4px solid transparent;}
.work_view::-webkit-scrollbar-track{border-radius:10px;background-color:#ededed;background-clip:padding-box;border:2px solid transparent;}
.work_view .closed_btn { position:fixed; top:50px; /*right:65px;*/right: calc(50% - 740px); cursor:pointer; z-index:10; width:60px; height:60px; background:rgba(0,0,0,0.5); border-radius:100%; }
@media screen and (max-width:1600px){
	.work_view .closed_btn{right:65px;}
}
.work_view .closed_btn::before { content:''; display: block; width: 2px; height:35px; background:#fff; position:absolute; top:14px; left:29px; transform:rotate(45deg); }
.work_view .closed_btn::after { content:''; display: block; width: 2px; height:35px; background:#fff; position:absolute; top:14px; right:29px; transform:rotate(-45deg); }
.work_view .top_bg { background: #333; background-size: cover; height: 1080px; }
.work_view .top_bg .tit { font-size:62px; color:#fff; font-family: 'Montserrat', 'Pretendard', sans-serif; line-height:90px; text-align:center; padding-top:150px; }
.work_view .top_bg .tit .subject { line-height:80px; font-weight:600; }
.work_view .top_bg .tit .ca_name { line-height:80px; }
.work_view .view_info { border-bottom:1px solid #cfcfcf; }
.work_view .view_info dl { overflow:Hidden; width: 1420px; margin:0 auto; }
.work_view .view_info dd { float:left;  border-right:1px solid #cfcfcf; width:24%; height:360px; padding-left:25px; padding-top:160px; color:#111; }
.work_view .view_info dl dd:nth-child(1) { border-left:1px solid #cfcfcf; font-size: 34px; font-family:'Montserrat', 'Pretendard', sans-serif; font-weight: 800; padding-top: 158px; width:28%; }
.work_view .view_info dd:last-child { border-right:none; }
.work_view .view_info dd p { font-size:18px; font-weight:500; word-break:keep-all; }	
.work_view .view_info dl dd p:nth-child(1) { font-family:'Montserrat', 'Pretendard', sans-serif; font-weight: 800; margin-bottom:10px;}
.work_view .img_list{padding:150px 0 0;width:1420px;margin:0 auto;position:relative;}
.work_view .img_list .wall-column{padding:0 1% 0 0;}
.work_view .img_list .wall-column:last-child{padding:30px 0 0 1%;}
.work_view .img_list .wall-item{margin-bottom:30px;}
.work_view .img_list .wall-item img{}

* { margin:0; padding:0; outline:none !important; box-sizing:border-box;} 
.top_wrap_inner {width:1400px;margin:0 auto; position:relative; height:100%; padding-right:600px;}
.top_box1 { width:100%; height:400px; background:#D89F16; padding-top:100px; display:block;}
.top_box1_txt { font-family: 'Montserrat','Pretendard',sans-serif; font-size:20px; line-height:20px; padding-bottom:10px;}
.top_box1_sbj { font-family: 'Montserrat','Pretendard',sans-serif; font-size:30px; line-height:30px; font-weight:600; }

.top_box2 { width:100%; height:630px; padding-top:100px;}
.top_box2_ul { width:100%; overflow:hidden; position:relative; padding-left:30px;}
.top_box2_ul::before { content:''; display: block; width:4px; height:100%; background:#000; position:absolute; top:0; left:0; }
.top_box2_ul .top_box2_li { width:100%; overflow:hidden; padding-bottom:15px;}
.top_box2_ul .top_box2_li:last-child { padding-bottom:0; }
.top_box2_li_tit { width:120px; float:left; font-family: 'Montserrat','Pretendard',sans-serif; font-weight:800; font-size:17px; line-height:17px; color:#000}
.top_box2_li_txt { float:left; padding-left:45px; font-family: 'Montserrat','Pretendard',sans-serif; font-size:17px; line-height:17px; color:#000; font-weight:500; }
.top_box2_content {font-family: 'Montserrat','Pretendard',sans-serif;font-size:17px;line-height:34px;color:#000;padding:40px 0 0 195px;position: relative;z-index: 1;}
/*
.garo_box { width:620px; height:546px; position:absolute; bottom:-30px; right:80px; background:url(../img/garo_img.png) no-repeat center/cover;  z-index:1;}
.garo_img { width:600px; height:338px; position:absolute; top:8px; left:50%; margin-left:-299px;  }
.sero_box { width:621px; height:743px; position:absolute; bottom:-30px; right:-134px; background:url(../img/sero_img.png) no-repeat center/cover; }
.sero_img { width:338px; height:600px; position:absolute; top:9px; left:50%; margin-left:-169px; }
*/
.mokup_box { width:836px; /*height:743px;*/ position:absolute; bottom:-30px; right:-134px; }
.mokup_box img {max-width:100%;}



/* jaliswall.js */
.wall { display: block; position: relative; }
.wall::after {content:'';display:block;clear:both;}
.wall-column { display: block; position: relative; width: 50%; float: left; box-sizing: border-box; }
.wall-item { display: block; transition: all 220ms; text-align:center;}

.img_mob_list {display:none;padding:0 15px;}
.img_mob_list img {display:block;width:100%;margin-top:20px;}
.img_mob_list img:first-child {margin-top:0;}

.work_view .img_list .wall-item img {max-width:100%;}
@media screen and (max-width:1420px){
	.work_view .img_list {width:100%;}
	.top_wrap_inner {width:100%;}
	
	.work_view {position:relative;}
	.work_view .closed_btn {right:30px;}
	.top_box1 {padding:100px 15px 0;}
	.top_box2 {padding:100px 15px 0;height:auto;}
}
@media screen and (max-width:1200px){ 
	.top_wrap_inner {padding-right:470px;}
	.mokup_box {width:640px;bottom:-50px;right: -115px;}
	.service-remo .serv .serv_btm_lst li p br {display:none;}
}
@media screen and (max-width:1024px){
	.work_view {padding-bottom:70px;}
	.top_box1 {height:auto;padding:100px 15px;}
	.top_box1_sbj {font-size:25px;line-height:1.1;}
	.top_box2 {height:auto;padding:70px 15px 0;}
	.top_wrap_inner {padding-right:0;}
	.mokup_box {position:relative;bottom:0;right:0;width:100%;text-align:center;margin-top:30px;}
	.mokup_box img {max-width:100%;}
	.work_view .img_list {padding-top:70px;}
}
@media screen and (max-width:640px){
	.work_view {padding-bottom:50px;}
	.work_view .closed_btn {top:15px;}
	.top_box1 {padding:50px 15px;}
	.top_box1_txt {font-size:15px;line-height:1.1;}
	.top_box1_sbj {font-size:21px;}
	.top_box2 {padding:50px 15px 0;}
	.top_box2_ul {padding-left:20px;}
	.top_box2_li_tit {width:90px;font-size:14px;line-height:1.4;}
	.top_box2_li_txt {width:calc(100% - 90px);font-size:14px;line-height:1.4;padding-left:20px;}
	.top_box2_content {padding:15px 0 0 130px;font-size:14px;line-height:2;}
	.img_list_wall {display:none;}
	.img_mob_list {display:block;}
}
@media screen and (max-width:480px){
	.top_box1_txt {font-size:14px;padding-bottom:5px;}
	.top_box1_sbj {font-size:18px;}
	.top_box2_li_txt {padding-left:0;}
	.top_box2_content {padding-left:110px;}
}



#bo_list,
#bo_w,
#bo_v{max-width:1200px;margin:190px auto !important;padding:10px;color:#000;}

#bo_list #bo_sch select{background-color:#fff;background-position:95% center;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden; display:none; }
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}


/* custom */
.contact-remo__form .contact-remo__input-field .chk label{position:relative !important; font-size:14px;padding-left:30px; top:auto !important;}
.contact-remo__form .contact-remo__input-field .chk label a{text-decoration:underline;}
.contact-remo__form .contact-remo__input-field .chk label::after{display: inline-block;width: 18px; content:'';display:block;height: 18px;border: 1px solid #dbdbdb;position:absolute;left:0;top:-3px;}
.contact-remo__form .contact-remo__input-field .chk input[type="checkbox"]{}
.contact-remo__form .contact-remo__input-field .chk input[type="checkbox"]:checked + label::after{background:#ffc71f;border-color:#ffc71f;}

/* res result */
.res_result{padding:165px 0;}
.res_result .inner{display:flex; flex-direction:column; align-items:center;padding-left:20px;padding-right:20px;}
.res_result figure img{width:100px;}
.res_result .txt{margin:40px 0 60px;}
.res_result .txt p.t1{color:#fff; font-weight:800;font-size:25px;}
.res_result .txt p{text-align:center; font-size:21px; line-height:1.65;}
.res_result .txt p + p{margin-top:20px;}
.res_result .txt p.t2{font-weight:300; color:#b4b4b4;}
.res_result .a_link{display:flex; gap:10px;}
.res_result .a_link a{display: block;padding: 15px 20px;background: #333;text-align: center;border-radius: 5px;color: #fff;;transition: .5s;font-size:17px;}
.res_result .a_link a:hover{background:#222;}
@media screen and (max-width:480px){
	.res_result figure img{width:80px;}
	.res_result .txt{margin:20px 0;}
	.res_result .txt p.t1{font-size:22px;}
	.res_result .txt p{font-size:18px;}
	.res_result .txt p + p{margin-top:10px;}
	.res_result .a_link{flex-wrap:wrap; justify-content:center;}
	.res_result .a_link a{font-size:14px;padding:10px 15px;}
}