@charset "utf-8";

/* 폰트 */
@font-face {
  font-family: 'NanumSquareNeo-Variable';
  src: url('/font/nanumSquareNeo/NanumSquareNeo-Variable.woff2') format('font-woff2');
}
@font-face {
  font-family: 'NanumSquareRound';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll; overflow-x: hidden;}
body { overflow-x: hidden; margin:0;padding:0;font-size:0.75em;font-family:'Montserrat', 'SUIT', dotum, sans-serif;background:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Montserrat', 'SUIT', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Montserrat', 'SUIT', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Montserrat', 'SUIT', dotum, sans-serif;font-size:1em}
select {margin:0; -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/arrow_down.png) 95% center no-repeat;
  background-size: 9px 6px;
}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none; color:#1b1b1b}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

/*초기화(쇼핑몰별도스타일)*/
body.shopComm,
body.shopComm h1, 
body.shopComm h2, 
body.shopComm h3, 
body.shopComm h4, 
body.shopComm h5, 
body.shopComm h6, 
body.shopComm input, 
body.shopComm button, 
body.shopComm textarea, 
body.shopComm select {font-family:'NanumSquareNeo-Variable', 'SUIT', 'Montserrat', dotum, sans-serif;letter-spacing: -0.025em;}
body.shopComm button { border:none; transition: all 0.5s; }
body.shopComm select { color:inherit; border-radius:none; }
/*END//초기화(쇼핑몰별도스타일)*/


.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}


header {
  background-color: transparent;
  color: white;
  padding: 40px 20px 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  margin:0 auto;
  z-index: 1000;
  background-color: transparent;
}

header h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  color:transparent;
  margin:0;
  padding:0;
}

.float_wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}

.logo {
  position: relative;
  width: 210px; 
  display: inline-block;
  float: left;
  margin-right: 50px;
}

nav {
  position: absolute;
  width: auto;
  display: inline-block;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 500px);
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

nav li a {
  color: #fff;
  font-size: 22px; font-weight: 600;
  text-decoration: none;
  padding: 5px 30px;
}

nav li a:hover {
  color: #0074ca;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: transparent;
  width: 100%;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px;
  text-align: center;
}

.dropdown-menu li {
  display: block;
  margin:0;
  padding:10px 0;
  width: 100%;
  position: relative;
}

.dropdown-menu li a {
  color: white;
  text-decoration: none;
  font-size: 20px; font-weight: 400;
  width: 100%;
  display: block;
  padding:0;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.login_menu {position: relative; width: 300px; float: right; text-align: right; display: inline-block; transform: translateY(-10px);}
.login_menu .member_name {position: relative; font-size: 15px; font-weight: 400; border-bottom: 1px solid #fff; text-align: left; float: left; padding:15px 0 5px; margin-right: 10px;}
.login_menu .login_btn {position: relative; display: inline-block; width: 50px; height: 50px; margin-right: 5px;}
.login_menu .login_btn a {position: relative; width: 100%; display: block; height: 100%;}
.login_menu .login_btn i {position: relative; width: 100%; display: block; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.login_menu .login_btn i.icon_logout {background: url(/img/icon_logout.png);}
.login_menu .login_btn i.icon_login {background: url(/img/icon_login.png);}
.login_menu .login_btn i.icon_member {background: url(/img/icon_member.png);}
.login_menu .login_btn i.icon_menu {background: url(/img/icon_menu.png);}
.login_menu .login_out, .login_menu .login_in {background-color: #333333;}
.login_menu .login_member, .login_menu .login_memu {background-color: #0074ca;}

body.fixed header, body.fixed .dropdown-menu  {background-color: rgba(0,0,0,0.8);}


/*HEADER(쇼핑몰별도스타일)*/
body.shopComm header {
  padding: 0 ;
  position: relative;
  background-color: #fff;
}
body.shopComm header .hd_wrap {
  display:flex;
  justify-content: space-between;
  align-items:flex-end;
  padding:0 40px;
}
body.shopComm header h1 {
  position:relative;
  font-size:inherit;
  line-height: inherit;
  padding-bottom:24px;
}
body.shopComm .logo {
  width:auto; 
  float: none;
  max-height: 32px;
  margin-right: 0;
  cursor: pointer;
}
body.shopComm #tnb {
  padding:14px 0;
}
body.shopComm #tnb ul {
  display:flex; 
  justify-content: end;
  gap:1.5em;
}
body.shopComm #gnb {
  padding:24px 0;
}
body.shopComm nav {
  position: relative;
  width: auto;
  display: block;
  text-align: inherit;
  left: auto;
  transform: translateX(0);
}
body.shopComm nav ul {
  margin: 0;
  padding: 0;
  display:flex; 
  justify-content: end;
  gap:2em;
}
body.shopComm nav li {
  position: relative;
}
body.shopComm nav li a {
  color: #333;
  font-size: inherit; 
  font-weight: inherit;
  text-decoration: none;
  padding: 0;
}
body.shopComm a:hover {
  color: #e9463f;
}
body.shopComm .dropdown-menu {
  display: none;
  width: max-content;
  background-color: rgba(255,255,255,0.8);
  transform: translateX(-50%);
  padding: 42px 20px 10px;
  z-index:10000;
}
body.shopComm .dropdown-menu li {
  width: auto;
}
body.shopComm .dropdown-menu li a {
  color:#333;
  font-size: 16px; 
}
body.shopComm.fixed header {
  position:fixed;
  left:0; right:0;
  top:0;
  width:100%;
  background-color: #fff;
  box-shadow:0px 7px 7px rgba(0,0,0,0.1);
  z-index: 10000;
}
@media screen and (max-width:1280px) {
  body.shopComm header nav li a {font-size: 20px;}
}
@media screen and (max-width:1050px) {
  body.shopComm header .hd_wrap {padding:0;}
  body.shopComm header nav li a {font-size: 18px;}
}
@media screen and (max-width:767px) {
  body.shopComm header {padding:4px 0;}
  body.shopComm header .hd_wrap {align-items: center;}
  body.shopComm header h1 {padding:0;}
  body.shopComm #gnb {display:none;}
  body.shopComm #tnb ul li:not(.tnb_btn) {display:none;}
}
/*END//HEADER(쇼핑몰별도스타일)*/




/* footer */
footer {background-color: #1b1b1b; position: relative; display: block; width: 100%; padding: 60px 0; color:#fff;}
.ft_link {display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 60px; text-align: center;}
.ft_link a {display: inline; width: auto; padding:0 25px; font-size: 18px; font-weight: 600; color:#fff; transition: 0.5s;}
.ft_link a:hover {color:#0074ca;}
.ft_info {position: relative; display: inline-block; width: 100%; padding: 60px calc((100% - 1440px) / 2) 0;}
.ft_info1 {position: relative; display: inline-block; width: 30%; float: left;}
.ft_info1 span {display: block;}
.ft_info2 {position: relative; display: inline-block; width: 70%; float: left; color:#999999;}
.ft_info2 span {display: block}
.ft_info2 .font_16 {line-height: 30px;}

/*FOOTER(쇼핑몰별도스타일)*/
body.shopComm footer {margin-top:100px; background-color: #333;}
body.shopComm footer .ft_wrap {display:flex; gap:100px;}
@media screen and (max-width:767px) {
  body.shopComm footer .ft_wrap {
    flex-flow: column;
    gap:50px;
  }
}
/*END//FOOTER(쇼핑몰별도스타일)*/




/* sub head */
.sub_top {position: relative; width: 100%; display: block; padding: 200px calc((100% - 1400px) /2) 0; height:500px;}
.sub_top span {display: block;}
.sub_menu {position: relative; width: 100%; display: inline-block;}
.sub_menu li {position: relative; float: left; width: auto; display: inline-block; padding-right: 50px;}
.sub_menu li a {position: relative; display: inline-block; font-size: 22px; font-weight: 600; color:#fff; transition: 0.5s; border-bottom: 1px solid transparent; padding-bottom: 5px;;}
.sub_menu li a:hover {color:#0074ca; border-color: #0074ca;}

.sub_top#service {background: url(/img/mypage_bg_1.jpg) center no-repeat; background-size: cover;}
.sub_top#function {background: url(/img/mypage_bg_2.jpg) center no-repeat; background-size: cover;}
.sub_top#member {background: url(/img/mypage_bg_4.jpg) center no-repeat; background-size: cover;}
.sub_top#mypage {background: url(/img/mypage_bg_6.jpg) center no-repeat; background-size: cover;}
.sub_top#notice {background: url(/img/mypage_bg_5.jpg) center no-repeat; background-size: cover;}

/* sub content */
.inner_content {position: relative; width: 100%; display: flex; max-width: 1400px; margin:0 auto; padding: 100px 20px; flex-direction: column;}
.inner_title {position: relative; width: 100%; display: block; text-align: center; padding-bottom: 70px;}
.inner_title .font_48, .inner_title .font_30 {display: block;}
.inner_title_menu {position: relative; width: 100%; display: inline-block; text-align: center;}
.inner_title_menu li {position: relative; width: 210px; height: 50px; display: inline-block; line-height: 50px; border:1px solid #cccccc; font-size: 18px; font-weight: 300; transition: 0.5s;}
.inner_title_menu li a {text-align: center; color:#1b1b1b;  transition: 0.5s;}
.inner_title_menu li:hover, .inner_title_menu li.actived {border-color: #0074ca; background-color: #0074ca;}
.inner_title_menu li:hover a, .inner_title_menu li.actived a {font-size: 22px; line-height: 30px; font-weight: 600; color:#fff;}
.inner_content_wrap {position: relative; width: 100%; display: inline-block;}


/* common */
.font_14 {font-size: 14px; line-height: 18px;}
.font_16 {font-size: 16px; line-height: 22px;}
.font_18 {font-size: 18px; line-height: 24px;}
.font_20 {font-size: 20px; line-height: 26px;}
.font_22 {font-size: 22px; line-height: 28px;}
.font_24 {font-size: 24px; line-height: 30px;}
.font_28 {font-size: 28px; line-height: 36px;}
.font_30 {font-size: 30px; line-height: 40px; color: #2E2E2E}
.font_32 {font-size: 32px; line-height: 48px;}
.font_36 {font-size: 36px; line-height: 50px;}
.font_38 {font-size: 38px; line-height: 52px;}
.font_48 {font-size: 48px; line-height: 60px; color: #0074ca;}
.font_54 {font-size: 54px; line-height: 68px;}
.font_72 {font-size: 72px; letter-spacing: 10px;}
.font_100 {font-size: 100px;}

.font_color_white {color:#fff;}
.font_color_black {color:#111;}
.font_color_gray {color:#5e5e5e;}
.font_color_gray_dark {color:#333;}
.font_color_gray_light {color:#666;}
.font_color_red {color:#ff0000;}
.font_color_1 {color:#0074ca;}
.font_color_2 {color:#9cc6e0}
.font_color_3 {color:#ff6600}

.font300 {font-weight: 300;}
.font400 {font-weight: 400;}
.font500 {font-weight: 500;}
.font600 {font-weight: 600;}
.font700 {font-weight: 700;}
.font900 {font-weight: 900;}

.text_center {display: block; text-align: center;}
.text_left {display: block; text-align: left;}
.text_right {display: block; text-align: right;}
.text_overflow {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.pdb_10 {padding-bottom: 10px;}
.pdb_20 {padding-bottom: 20px;}
.pdb_30 {padding-bottom: 30px;}
.pdb_40 {padding-bottom: 40px;}
.pdb_70 {padding-bottom: 70px;}


.pdt_10 {padding-top: 10px;}
.pdt_20 {padding-top: 20px;}
.pdt_30 {padding-top: 30px;}
.pdt_40 {padding-top: 40px;}
.pdt_70 {padding-top: 70px;}


/*COMMON(쇼핑몰별도스타일)*/
body.shopComm .font_color_1 {color:#ff0000;}
body.shopComm .font_color_2 {color:#9cc6e0} 
body.shopComm .font_color_3 {color:#ff6600} 
body.shopComm .boundary {width:1280px; max-width:100%; margin-right:auto; margin-left:auto;}
@media screen and (max-width: 1280px) { 
  body.shopComm .boundary {width:96%;}
}
@media screen and (max-width:767px) {
  body.shopComm .boundary {
    width: 90%;
  }
}
/*END//COMMON(쇼핑몰별도스타일)*/


/* Main page */
#fullpage .section {min-height: 100vh; display: flex; flex-direction: column; justify-content: center;}
#fullpage .section.fp-auto-height {height: auto; display: block; min-height: auto;}
#fullpage #slide1 {background: url(/img/main_bg1.jpg) center center no-repeat; background-size: cover; width: 100%; height:100vh;}
#fullpage #slide2 {background: url(/img/main_bg2.jpg) center center no-repeat; background-size: cover; width: 100%; height:100vh; padding:25% 0 0;}
#fullpage .section_swiper {position:relative; display: block;} 
#section0 .slide_text_warp {position: absolute; width: 100%; display: flex; top: 45%; left: 20%; flex-direction: column-reverse; margin: -25px 0 0 -25px; }

.section_swiper .swiper-button-next, .swiper-button-prev {top:calc(50% - 25px); color: white !important;}
.section_swiper .swiper-button-next {right:calc((100% - 1400px) / 2 - 50px); border:0; margin:0; width: 20px; height: 50px; background-size: cover;}
.section_swiper .swiper-button-prev {left:calc((100% - 1400px) / 2 - 50px); border:0; margin:0; width: 20px; height: 50px; background-size: cover;}

#fp-nav ul li {margin-bottom: 20px;}
#fp-nav ul li a span { width: 7px; height: 7px; background-color: #bdbebd; margin:-3.5px 0 0 -3.5px}
#fp-nav ul li:hover a span { width: 7px; height: 7px; background-color: #bdbebd; margin:-3.5px 0 0 -3.5px}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span {background-color: #000000; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px;}
#fp-nav ul li a.active span::before {position: absolute; display: inline-block; content: "";; width: 20px; height: 20px; border:1px solid #000; border-radius: 100%; left:-6.5px; top:-6.5px; background-color: transparent;}
#fp-nav ul li .fp-tooltip {font-size: 16px; color:#000; font-weight: 700; width: auto; opacity: 1;  font-family: 'Montserrat';}
#fp-nav ul li:hover .fp-tooltip {color:#0074ca;}
#fp-nav ul li .fp-tooltip.left {left: 30px;}
#fp-nav ul li:last-child {opacity: 0;}


.member_swiper, .section_swiper { overflow: visible !important ;}

#section1 {background: url(/img/main_sec1.png) right top no-repeat; background-size: cover;}
#section1 span {display: block; text-align: center;}
#section1 video {display: block; max-width: 1240px; margin:0 auto; max-height: 600px;}

#section2 {background: url(/img/main_sec2.jpg) right center no-repeat; background-size: cover;}
#section2 .text_wrap {position: relative; display: block; padding: 0 calc((100% - 1250px) / 2);}
#section2 .text_wrap span {display: block;}
#section2 .font_100 {letter-spacing: 15px;}
#section2 .text_wrap_2 {position: absolute; right:calc((100% - 1400px) / 2); top: 160px; text-align: right; padding-right: 120px;}
#section2 .text_wrap_2 span.no3 {font-size: 250px; font-weight: 700; color:#fff; position: absolute; right:-70px; top:0; line-height: 75%;}
#section2 .key_point {position: relative; width: 100%; display: inline-block; margin-top: 100px; padding-right:50px}
#section2 .key_point li {position: relative; width: calc(100% / 6 - 13px); float: left; margin-right: 15px; text-align: center; word-break: keep-all;}
#section2 .key_point li:last-child {margin-right: 0;}
#section2 .key_point li img {width: auto; height: auto; display: block; margin:0 auto; text-align: center;}

#section3 {background: url(/img/main_sec3.png) left center no-repeat; background-size: auto;}
#section3 .text_wrap {position: relative; width: 100%; display: block; text-align: right; padding:0 calc((100% - 1250px) /2 );}
#section3 .text_wrap span {display: block;}
#section3 .font_100 {letter-spacing: 15px;}
.member_swiper {position: relative;}
.member_swiper .swiper-slide {margin-top:50px; }
.member_swiper .member_img_wrap {position: relative; display: block; height: auto; width: 100%; border-radius: 100%; overflow: hidden; margin-bottom: 40px; z-index: 0; padding-top:100%;}
.member_swiper .member_img_wrap .member_img {position: absolute; top:0; left: 0; height: 100%; width: auto;  transition: 0.5s;}
.member_swiper .member_img_wrap::after { transition: 0.5s;position: absolute; display: inline; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 1;}
.member_swiper .member_location { transition: 0.5s;position:absolute; top:2%; right:2%; width: 60px; height: 70px; background: url(/img/member_location.png) center no-repeat; background-size: cover; color:#fff; font-size: 18px; font-weight: 500; text-align: center; padding-top: 20px; z-index: 1;}
.member_swiper .member_name { transition: 0.5s;position:absolute; top:50%; display: block; width: 100%; text-align: center; transform: translateY(-50%); z-index: 2;}
.member_swiper .member_description { transition: 0.2s;position: relative; display: block; width:100%; padding: 0 25px; word-break: keep-all; text-align: center;}
.member_swiper .member_link {position: relative; width: 50px; height: 50px; line-height: 50px; background-color: #2b3647; text-align: center; display: none; margin:0 auto; border-radius: 100%;}
.member_swiper .swiper-button-next, .member_swiper .swiper-button-prev {top:unset; width: 50px; height: 50px; border-radius: 100%; bottom: -80px; margin-top: 0; background-color: #333333; background-size: 10px 18px;}
.member_swiper .swiper-button-next {right: 46%;}
.member_swiper .swiper-button-prev {left: 46%;}
.member_swiper .swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid #ABABAB; opacity: 1; }
.member_swiper .swiper-pagination-bullet-active { width: 40px; transition: width .5s; border-radius: 5px; background: #737373; border: 1px solid transparent; }

.member_swiper .swiper-slide-active {background: url(/img/member_center_bg.png) center no-repeat; background-size:contain; margin-top:0; min-height: 530px;}
.member_swiper .swiper-slide-active .member_img_wrap {height: calc(100% - 75px) !important; border-radius: 35px; width: 68%; transform: translate(23.5%, 20px); margin-bottom: 0; position:absolute;}
.member_swiper .swiper-slide-active .member_img_wrap::after {background-color: rgba(0, 124, 107, 0.9);}
.member_swiper .swiper-slide-active .member_location {background-image: url(/img/member_location_on.png); color:#e9463f; top:15%; right:50px;}
.member_swiper .swiper-slide-active .member_name {top:40%}
.member_swiper .swiper-slide-active .member_description {position: absolute; top:50%; padding:0 50px; color:#fff;}
.member_swiper .swiper-slide-active .member_link {position: absolute; display: block; bottom:25%; left: calc(50% - 25px);}
.member_swiper .swiper-horizontal { width: 338px !important; overflow: visible !important;}




/* my page */
.page_title {position: relative; width: 240px; display: inline-block; font-size: 30px; font-weight: 600; color:#1b1b1b;}
.page_title::before {position:absolute; top:-5px; left: 0; width: 25px; height: 3px; content: ""; background-color: #0074ca; display: inline-block;}
.page_btn {position: relative; padding: 10px 0 3px; border-bottom: 1px solid #1b1b1b; font-size: 18px; font-weight: 300; color:#1b1b1b; transition: 0.5s;}
.page_btn:hover {color:#0074ca; border-color: #0074ca;}

.mypage_1 {position: relative; width: 100%; display: inline-block; padding: 0 0 50px; border-bottom:1px solid #cccccc; margin-bottom: 50px;}
.div_width_50 {position: relative; width: 50%; float: left; display: inline-block;}
.mypage_status {padding-top: 50px;}
.mypage_status li {position: relative; width: calc(25% - 20px); margin-right: 20px; float: left; border-radius: 100%; height:100%;}
.mypage_status li a {position: relative; display: block; font-size: 24px; color:#fff; line-height: 125%; text-align: center; padding:43px 0;}
.mypage_status li a .page_number {font-size: 48px; font-weight: 600; transform: translateY(7px); display: inline-block;}
.mypage_status li#status_working {background-color: #0074ca;}
.mypage_status li#status_before {background-color: #0c9e8b;}
.mypage_status li#status_end {background-color: #677bbe;}
.mypage_status li#status_cancel {background-color: #999999;}

.mypage_btn_wrap {text-align: right;; padding-top: 100px;}
.mypage_btn_wrap a {position: relative; display: inline-block; padding: 15px 30px; font-size: 18px; font-weight: 300; color:#1b1b1b; border:1px solid #ccc; margin-left: 10px; transition: 0.5s;}
.mypage_btn_wrap a i {position: absolute; right:10px; top:18px;}
.mypage_btn_wrap a:hover { background-color: #0074ca; color:#fff; border-color: #0074ca;}
.mypage_btn_wrap a:hover i {color:#fff;}

.recent_project {position: relative; width: 100%; display: inline-block; padding-top: 50px; min-height: 200px;}
.total_schedule {position: relative; width: 100%; display: inline-block; padding-top: 50px;}
.total_schedule span.font_24 {display: inline-block; margin-right: 65px;}
.total_schedule span.font_24 strong.total_schedule_number {font-size: 48px; transform: translateY(8px); display: inline-block;}
.total_schedule span.font_24 strong.total_schedule_number1 {font-size: 30px; color:#0074ca}

.service_end {position: relative; width: 100%; display: inline-block; padding-top: 50px;}
.service_end span {display: block;}

.homepage_wrap {text-align: left; padding-top: 50px;}
.homepage_wrap2 {text-align: left; padding-top: 0;}
.homepage_wrap2 span {display: block;}
.homepage_wrap3 {text-align: left; padding-top: 50px;}
.homepage_wrap3 span {display: block;}
.homepage_wrap a, .homepage_wrap2 a, .homepage_wrap3 a {margin-left: 0; margin-right: 10px;}

/* price_table */
table.price_table {position: relative; width: 100%; border: 1px solid #666666; border-left: 0; border-right: 0; margin-top: 20px; border-collapse: collapse;}
table.price_table caption {height: 0; font-size: 0; line-height: 0; overflow: hidden;}
table.price_table thead {border-bottom: 1px solid #1b1b1b;}
table.price_table th {padding: 25px 0; font-size: 22px; font-weight: 600; color: #1b1b1b;;}
table.price_table tr { border-bottom: 1px solid #ccc;}
table.price_table tr:last-child {border-bottom: 0;}
table.price_table td {padding: 15px 0; font-size: 20px; font-weight: 400; color: #666666; text-align: center;}
table.price_table td.td_width {width: 180px;}
table.price_table td.td_width2 {width: 120px;}
table.price_table td.table_data_empty {padding: 80px 0;}


/* password */
.change_pw {max-width: 600px; margin: 0 auto;}
.change_pw input {display: block; border: 1px solid #d6d6d6; font-size: 20px; font-weight: 300; color:#666; padding:15px; width: 100%; margin-bottom: 10px;}
.change_pw input::placeholder {color:#666}
.change_pw button.pw_confirm {position: relative; display: block; width: 100%; padding:20px; text-align: center; background-color: #0074ca; border:0; border-radius: 0; font-size: 24px; color:#fff; font-weight: 300; margin: 50px 0 10px;}
.change_pw a.pw_remove {position: relative; width: 100%; display: block; padding:20px; text-align: center; background-color: #333333; font-size: 24px; font-weight: 300; color:#fff;;}
.change_pw a.member_find {position: relative; width: 49%; display: block; padding:20px;margin-right:2%; text-align: center; background-color: #ccc; font-size: 24px; font-weight: 300; color:#333; float: left;}
.change_pw a.member_apply {position: relative; width: 49%; display: block; padding:20px; text-align: center; background-color: #0c9e8b; font-size: 24px; font-weight: 300; color:#fff; float: left;}



/* board_table */
table.board_table {position: relative; width: 100%; border: 1px solid #666666; border-left: 0; border-right: 0; margin-top: 20px; border-collapse: collapse;}
table.board_table caption {height: 0; font-size: 0; line-height: 0; overflow: hidden;}
table.board_table thead {border-bottom: 1px solid #1b1b1b;}
table.board_table th {padding: 25px 0; font-size: 22px; font-weight: 600; color: #1b1b1b;;}
table.board_table tr { border-bottom: 1px solid #ccc;}
table.board_table tr:last-child {border-bottom: 0;}
table.board_table td {padding: 15px 0; font-size: 20px; font-weight: 400; color: #666666; text-align: center;}
table.board_table td.td_width {min-width: 180px;}
table.board_table td.td_width2 {min-width: 120px;}
table.board_table td.td_title {text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 560px;}
table.board_table td.table_data_empty {padding: 80px 0;}
.board_paging {position: relative; width: 100%; display: inline-block; text-align: center; padding-top: 60px;}
.board_paging a {position: relative; display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 18px; font-weight: 300; color:#333; border:1px solid #ccc; text-align: center; transition: 0.5s; margin:0 2px;}
.board_paging a:hover {background-color: #0074ca; border-color: #0074ca; color:#fff}
.board_paging a.actived {font-weight: 700; color:#fff; background-color: #0074ca; border-color: #0074ca;}
.board_paging button.btn_write {position: absolute; right:0; top:40px; border: 0; border-radius: 0; width: 120px; height: 50px; background-color: #333333; display: inline-block; text-align: center; line-height: 50px; font-size: 22px; font-weight: 500; color:#fff;}

/* board_view */
.author_info {position: relative; display: inline-block; width: 100%; padding:25px 0; border-bottom: 1px solid #ccc;}
.author_info span.font_14 {position: relative; display: inline-block; margin-right: 20px;}

.content_control {position: relative; width: 100%; display: inline-block; margin: 25px 0; text-align: right;}
.content_control button {text-align: center; width: 100px; height: 35px; font-size: 15px; line-height: 35px; color:#fff; border-radius: 0; border:0; margin-left: 10px;}
.content_control button.btn_board_edit {background-color: #0c9e8b;}
.content_control button.btn_board_reply {background-color: #677bbe;}
.content_control button.btn_board_delete, .content_control button.btn_board_cancel {background-color: #999999;}
.content_control button.btn_board_new, .content_control button.btn_board_confirm {background-color: #0074ca;}
.content_control button.btn_board_list {background-color: #333;}

.board_content {position: relative; width: 100%; display: inline-block;}
.board_content p {font-size: 16px; color:#1b1b1b; line-height: 24px; padding:25px 0; word-break: keep-all; border-bottom: 1px solid #ccc; min-height: 500px;}

.content_paging {position: relative; margin: 25px 0; display: block; width: 100%;}
.content_paging li {position: relative; display: inline-block; width: 100%; padding:20px 150px 20px 100px; border: 1px solid #ccc; border-right: 0; border-left: 0; margin : -1px 0;}
.content_paging li:last-child {margin:0}

.content_paging a {position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.5s;}
.content_paging a:hover {color:#0074ca;}
.content_paging span.content_paging_info {position: absolute; left: 10px;}
.content_paging span.content_paging_date {position: absolute; right: 10px; top:23px;}

/* board_write */
#board_table select#category_type {width: 50%; display: inline-block; padding:15px 20px; font-size: 18px; font-weight: 300; border:1px solid #ccc; color: #333;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(/img/arrow_down.png) 95% center no-repeat;
background-size: 18px 11px;}


/* search box */
.search_box {position: relative; display: inline-block; width: 100%; text-align: right;}
.search_box select {position: relative; width: 180px; height:50px; padding: 12px 20px; border:1px solid #999999; border-radius: 0; font-size: 20px; font-weight: 300; color:#666666; 
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  background: url(/img/arrow_down.png) 90% center no-repeat; background-size: 18px 11px;
}
.search_box input {position: relative; width: 320px; height:50px; padding: 12px 20px; margin:0 10px; border:1px solid #999999; border-radius: 0;  font-size: 20px; font-weight: 300; color:#666666; }
.search_box button {position: relative; width: 120px; height:50px; padding: 12px 20px; border:1px solid #0074ca; background-color: #0074ca; border-radius: 0; font-size: 20px; font-weight: 300; color:#fff; }

/* project search */
.project_search_box {position: relative; width: 100%; display: inline-block;}
.project_search_box .frame {position: relative; font-size: 20px; line-height: 50px; width: 550px; height: 50px;}
.project_search_box .frame input {position: relative; display: block; width: 550px; padding:0 20px; height: 50px; outline: none; border:1px solid #999; color:#1b1b1b}
.project_search_box .frame input::placeholder {color:#999;}
#project_list {position: absolute; background: #fff;  width:550px; border:1px solid #ccc; z-index: 2; max-height: 300px; overflow: scroll;}
#project_list.invisible {display: none;}
#project_list .item {position: relative; display: block; width: 100%; padding:0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.5s; cursor: pointer;}
#project_list .item:hover {color:#0074ca; background-color: rgba(0,0,0,0.1);}
#project_list .item .text {font-weight: 700;}

.btn_go_cal {position: absolute; top: 0; right:185px; display: inline-block; width: 175px; height: 50px; line-height: 50px; border:0; border-radius: 0; background-color: #677bbe; font-size: 18px; font-weight: 300; color:#fff;}
.btn_new_project {position: absolute; top: 0; right:0; display: inline-block; width: 175px; height: 50px; line-height: 50px; border:0; border-radius: 0; background-color: #0c9e8b; font-size: 18px; font-weight: 300; color:#fff;}

.project_category {position: relative; width: 100%; display: block; padding:20px 0 50px;}
.project_category ul {position: relative; width: 100%; display: inline-block;  border:1px solid #999999; border-left: 0; border-right: 0;}
.project_category li {position: relative; width: 180px; float: left; padding:30px 0; font-size: 22px; font-weight: 300; text-align: center; border-bottom: 3px solid transparent; transition: 0.5s;}
.project_category li a {color:#1b1b1b;}
.project_category li:hover, .project_category li.actived {border-color: #0074ca; font-weight: 600;}

/* project_table */
table.project_table {position: relative; width: 100%; border: 1px solid #666666; border-left: 0; border-right: 0; margin-top: 20px; border-collapse: collapse;}
table.project_table caption {height: 0; font-size: 0; line-height: 0; overflow: hidden;}
table.project_table thead {border-bottom: 1px solid #1b1b1b;}
table.project_table th {padding: 25px 0; font-size: 22px; font-weight: 600; color: #1b1b1b;;}
table.project_table tr { border-bottom: 1px solid #ccc;}
table.project_table tr:last-child {border-bottom: 0;}
table.project_table td {padding: 25px 0; font-size: 16px; font-weight: 400; color: #666666; text-align: center;}
table.project_table td.td_width {width: auto;}
table.project_table td.td_width05 {width: 5%;}
table.project_table td.td_width1 {width: 10%;}
table.project_table td.td_width2 {width: 21.5%;}
table.project_table td.td_title {text-align: left; }
table.project_table td.td_title a {color:#1b1b1b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 280px; transition: 0.5s;}
table.project_table td.td_title a:hover {color:#0074ca}
table.project_table td.table_data_empty {padding: 80px 0;}
table.project_table td .project_status {padding: 8px 25px; border-radius: 35px; color:#fff;}
table.project_table td .status_working {background-color: #0074ca;}
table.project_table td .status_before {background-color: #999;}
table.project_table td .status_end {background-color: #0c9e8b;}
table.project_table td .status_cancel {background-color: #333;}
table.project_table td .direct_menu {padding:8px 15px; border-radius: 35px; border:1px solid #0074ca; float: left; margin:0 2px; transition: 0.5s;}
table.project_table td .direct_menu:hover {background-color: #0074ca; color:#fff;}
.board_paging .btn_go_cal, .board_paging .btn_new_project {top: 45px;}

/* make project */
.step_tit_bar {position: relative; width: 100%; display: inline-block;}
.step_tit_bar .font_48 {display: inline-block; width: 220px;}
#step1_html, .writing_ty2 {position: relative; display: block; width: 100%;}
.writing_list {position: relative; width: 100%; display: inline-block; border:1px solid #333; border-right: 0; border-left: 0; padding:40px 0;}
.writing_list li {position: relative; width: 100%; display: inline-block; margin-bottom: 40px;}
.writing_list li.half_li {position: relative; width: 50%; float: left;}
.writing_list li.half_li input {max-width: 400px;}
.writing_list li:last-child {margin-bottom: 0;}
.writing_list li .writing_tit {position: relative; width: 220px; display: inline-block; float: left; font-size: 22px; font-weight: 500; color:#333333; padding-top:5px}
.writing_list li .writing_tit em.point {font-size: 0; font-style: normal;}
.writing_list li .writing_tit em.point::after { width: 12px; height: 12px; display: inline; content: "*"; font-size: 18px; font-weight: 500; color:#0074ca; margin-left: 8px;}
.writing_list li .writing_cont {position: relative; width:  calc(100% - 220px); display: inline-block; float: left;}
.inputxt_normal {position: relative; display: inline-block; width: 100%;}
.inputxt_normal input {width: 100%; display: inline-block; padding:15px 20px; font-size: 18px; font-weight: 300; border:1px solid #ccc; border-radius: 0; color: #333333;}
.inputxt_normal input::placeholder {color:#999}
.inputxt_normal select {width: 100%; display: inline-block; padding:15px 20px; font-size: 18px; font-weight: 300; border:1px solid #ccc; border-radius: 0; color: #333333;}
.inputxt_normal #wk_name {width: calc(100% - 120px); margin-right: 10px; float: left; ;}
.inputxt_normal #wk_zipcode {width: 330px; margin-right: 10px; margin-bottom:10px; float: left; ;}
.inputxt_normal #client_name, .inputxt_normal #client_phone, .inputxt_normal #wk_password {max-width: 400px; }
.inputxt_normal #wk_addr1, .inputxt_normal #wk_addr2, .inputxt_normal #wk_addr3 {width: 850px; margin-bottom: 10px;}
.inputxt_normal .btn_line {width: 110px; height:54px; line-height: 54px; font-size: 18px; font-weight: 300; color:#fff; background: #333333; border:0; border-radius: 0; float: left;;}
.writing_cont textarea {width: 100%; min-height: 200px; border:1px solid #ccc;}

.radio_area {position: relative; width: 100%;}
.btn_radio, .btn_check {font-size: 18px; font-weight: 300; margin-right: 25px;}
.btn_radio input[type="radio"], .btn_radio span, .btn_check input[type="checkbox"], .btn_check span {vertical-align: middle; transition: 0.2s;}
.btn_radio input[type="radio"] {-webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  width: 22px; height: 22px;
  border:1px solid #ccc; border-radius: 100%;
  margin-right: 5px;
}

.btn_radio input[type="radio"]:checked, .btn_check input[type="checkbox"]:checked {
  border: 0.3em solid #fff;
  outline: 1px solid #ccc;;
  background-color: #0074ca;
  box-shadow: none !important;
}

.btn_check input[type="checkbox"] {-webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  width: 22px; height: 22px;
  border:1px solid #ccc;
  margin-right: 5px;
  padding:0;
}

.btn_check input[type="checkbox"]:disabled {background-color: #eee;}

.btn_radio input[type="radio"]:focus-visible, .btn_radio input[type="radio"]:hover {
  box-shadow: 0 0 0 max(2px, 0.2em) lightgray;
}


/* make project 2 */
.writing_table_wrap {position: relative; width: 80%; float: left; display: inline-block; padding-right: 15px;;}
.writing_table_wrap .change_month {position: relative; width: 100%; display: block; text-align: center; padding-bottom: 40px;}
.writing_table_wrap .change_month button {padding:14px 16px; font-size: 18px; font-weight: 400; border:1px solid #959ea7; background-color: #fff; border-radius: 0; transition: 0.3s; margin-top: -15px; color:#959ea7; border-radius: 100%;}
.writing_table_wrap .change_month button:hover {background-color: #0074ca; color: #fff;}
.writing_table_wrap .change_month .current_date {position: relative; font-size: 38px; font-weight: 700; color:#0074ca; padding:0 20px;}

.writing_table_wrap table {position: relative; display: table; width: 100%; outline: 1px solid #0074ca; border-collapse: collapse; table-layout: fixed;}
.writing_table_wrap table thead {position: relative; font-size: 22px; font-weight: 600; color:#fff; background-color: #0074ca;}
.writing_table_wrap table thead th {padding:10px 0; text-align: center; border-right: 1px solid #fff;}
.writing_table_wrap table thead th:last-child {border-right:0;}
.writing_table_wrap table tbody {font-size: 18px; font-weight: 400; color:#333;}
.writing_table_wrap table tbody tr {border-bottom: 1px solid #eee;}
.writing_table_wrap table tbody tr:last-child {border-bottom: 0;}
.writing_table_wrap table tbody tr td {height: 120px; width: calc(100% / 7); border-right: 1px solid #eee; position: relative;}
.writing_table_wrap table tbody tr td:hover {background:#edf5fb; cursor: pointer;;}
.writing_table_wrap table tbody tr td:last-child {border-right: 0;}
.writing_table_wrap table tbody tr td span.writing_table_date {position: absolute; right: 10px; top:10px; font-size: 16px; font-weight: 400; color:#666}
.writing_table_wrap table tbody tr td:last-child span.writing_table_date {color:#0074ca;}
.writing_table_wrap table tbody tr td:first-child span.writing_table_date {color:#ca0000;}
.writing_table_wrap table .constract_table_list {position: relative; padding:40px 5px 20px; width: 100%; display: block;}
.writing_table_wrap table .constract_table_list li {position: relative; display: block; margin-bottom: 5px; padding:5px; font-size: 14px; width: 100%; color:#fff; border-radius: 3px;}
.writing_table_wrap table .constract_table_list li a {position: relative; width: 100%; display: block; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.writing_table_wrap table .constract_table_list li.constract_table_data_1 {background-color: #0074ca;}
.writing_table_wrap table .constract_table_list li.constract_table_data_2 {background-color: #999;}
.writing_table_wrap table .constract_table_list li.constract_table_data_3 {background-color: #0c9e8b;}
.writing_table_wrap table .constract_table_list li.constract_table_data_4 {background-color: #333;}


.constract_wrap {position: relative; width:20%; float: right; display: inline-block; padding-left: 15px;}
.constract_wrap .writing_constract_list select {width: 100%; display: inline-block; padding:15px 20px; font-size: 18px; font-weight: 300; border:1px solid #ccc; border-radius: 0; color: #333333; 
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  background: url(/img/arrow_down.png) 95% center no-repeat; background-size: 18px 11px;}

.writing_constract_list_wrap {position: relative; width: 100%; height: 100%; border: 1px solid #ccc; margin-top:35px;}
.writing_constract_list_text {position: relative; width: 100%; padding: 12px 0; background-color: #333; color:#fff}
.writing_constract_list_wrap .constract_view_all {position: relative; width: calc(100% - 20px); margin:20px 10px 0; text-align: center; padding:5px; border-radius: 3px; border:1px solid #eee; font-size: 16px; color:#333;;}
.writing_constract_list_wrap .constract_view_all i {margin-right:10px;}
.writing_constract_list_wrap .constract_view_search_wrap {position: relative; display: inline-block; width: 100%; padding: 10px;}
.writing_constract_list_wrap .constract_view_search_wrap input {position: relative; width: 80%; float: left; border:1px solid #eee; border-right:0; padding:5px 10px; font-size: 18px; line-height: 24px; font-weight: 300; color:#333;}
.writing_constract_list_wrap .constract_view_search_wrap button {position: relative; width: 20%; float: left; border:1px solid #eee; border-left: 0; padding:5px 10px; font-size: 18px; line-height: 24px; font-weight: 300; color:#333;}
.writing_constract_list_wrap .constract_view_edit {position: relative; width: calc(50% - 20px); margin:0px 5px 10px 10px; text-align: center; padding:5px; border-radius: 3px; border:1px solid #eee; background-color: #0074ca; font-size: 15px; color:#fff;;}
.writing_constract_list_wrap .constract_view_add {position: relative; width: calc(50% - 20px);margin:0px 5px 10px 10px; text-align: center; padding:5px; border-radius: 3px; border:1px solid #eee; background-color: #0c9e8b; font-size: 15px; color:#fff;;}
.writing_constract_list_wrap .constract_view_edit i , .writing_constract_list_wrap .constract_view_add i {margin-right: 5px;}

.constract_view_all_list {position: relative; width: 100%; padding:0 10px; height: calc(100% - 200px); display: block; overflow-y:scroll;}
.constract_view_all_list li.constract_view_member {position: relative; width: 100%;margin-bottom: 5px; padding:10px; text-align: center; display: inline-block; border:1px solid #eee; transition: 0.5s; cursor: pointer;}
.constract_view_all_list li.constract_view_member:hover {background-color: #edf5fb;}

/* contents */
.step2_work_place {position: relative; width: 100%; display: block; padding-bottom: 40px;}
table.work_place {position:relative; width: 100%; font-size: 18px; color:#1b1b1b; border-collapse: collapse;}
table.work_place thead {font-weight: 600; border:1px solid #333; border-left:0; border-right: 0;}
table.work_place thead th {text-align: center; padding:20px 0;}
table.work_place tbody tr {border:1px solid #ccc; border-left:0; border-right: 0;}
table.work_place tbody tr td {padding:15px 0;}
table.work_place tbody tr td:first-child, table.work_place tbody tr td:last-child {text-align: center;}
table.work_place tbody tr td input {padding:10px 15px; border: 1px solid #ccc; border-radius: 0; margin: 0 10px; width: calc(100% - 20px);}
table.work_place tbody tr td .place_add { padding:7px 12px; border-radius: 35px; border: 1px solid #0074ca;}
table.work_place tbody tr td .place_cancel {  padding:7px 12px; border-radius: 35px; border: 1px solid #ccc; }
table.work_place tbody tr td.hp_control {text-align: center; font-size: 15px;}
table.work_place tbody tr td.hp_control .hp_control_1 {position: relative; display: inline-block; padding: 7px 15px; font-size: 16px; border:1px solid #0074ca; border-radius: 35px; color:#333; transition: 0.5s; margin: 0 5px;}
table.work_place tbody tr td.hp_control .hp_control_1 i {color:#0074ca; transition: 0.5s; margin-right: 10px;}
table.work_place tbody tr td.hp_control .hp_control_1:hover, table.work_place tbody tr td.hp_control .hp_control_1:hover i {color:#fff; background-color: #0074ca;}
table.work_place tbody tr td.hp_control .hp_control_2 {position: relative; display: inline-block; padding: 7px 15px; font-size: 16px; border:1px solid #0074ca; background-color: #0074ca; border-radius: 35px; color:#fff; transition: 0.5s; margin: 0 5px;}
table.work_place tbody tr td.hp_control .hp_control_2 i {color:#fff; transition: 0.5s; margin-right: 10px;}


.dateinput input {width: 200px; float: left;}
.dateinput button.ui-datepicker-trigger {width: 54px; height: 54px; font-size: 20px; line-height: 54px; color:#fff; background-color: #333; border:0 ; border-radius: 0;float: left;}
.writing_cont .dash_uni {position: relative; padding:0 20px; float: left; display: inline-block; line-height: 54px;}
.check_area {position: relative; display: block; width: 100%; padding:20px 0; font-size: 18px; color:#666; line-height: 30px;}
.file_import {position: relative; display: inline-block; width: 100%;}
.file_import input#file_import1 {width: 330px; display: inline-block; padding:15px 20px; font-size: 18px; font-weight: 300; border:1px solid #ccc; border-radius: 0; color: #333333;}
.file_import input#wk_file {position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;}
.file_import label {position: relative; display: inline-block; text-align: center; width: 110px; height:54px; line-height: 54px; font-size: 18px; font-weight: 300; color:#fff; background: #333333; border:0; border-radius: 0; }

#area_size #area_py, #area_size #area_m2 {width: 200px;}
#area_size span {font-size: 18px; line-height: 54px; padding:0 20px;}
#area_size span.r_sm_t {position: absolute; transform: translate(-60px, 2px);}

.impor_txt {position: relative; display: block; background-color: #f2f2f2; font-size:16px; color:#0074ca; text-align: center;margin: 40px 0; padding:20px 0;}
.btnarea_center {position: relative; display: block; width: 100%; text-align: center;}
.btn_normal {position: relative; display: inline-block; min-width:250px; background-color: #0074ca; color:#fff; font-size: 18px; padding: 15px 40px; text-align: center;}
.btn_normal i {font-weight: 300; font-size: 15px; position: absolute; right:40px; top:18px}
.btn_normal_save {position: relative; display: inline-block; min-width:250px; background-color: #0c9e8b; color:#fff; font-size: 18px; padding: 15px 40px; text-align: center;}
.btn_normal_save i {font-weight: 300; font-size: 15px; position: absolute; right:40px; top:18px}
.btn_normal_cancel {position: relative; display: inline-block; min-width:250px; background-color: #5e5e5e; color:#fff; font-size: 18px; padding: 15px 40px; text-align: center;}
.btn_normal_cancel i {font-weight: 300; font-size: 15px; position: absolute; right:40px; top:18px}


#service_wrap .inner_content_wrap {text-align: center; margin:0 auto; }  /* padding-bottom : 120px 주석했음*/
#function_wrap .inner_content_wrap {text-align: center; margin:0 auto; padding-bottom: 120px;}

#function_wrap #function_11 {padding-top: 100px; padding-bottom: 0; background-color: #f9f9f9; position: relative; width: 100%;}
#function_11::after {position: absolute; right:calc((100vw - 1400px) / 2 * -1); bottom:0; z-index: 0; background: url(/img/function_11_bg.png) right bottom no-repeat; content: ""; width: 540px; height: 420px;}
#function_11::before {background:#f9f9f9; height:100%; width:calc(100vw); content:""; display:block; position:absolute; top:0; left: calc((100vw - 1400px) / 2 * -1); z-index: 0;}
.function_1_ul {position: relative; display: inline-block; padding:0 200px; z-index: 1;}
.function_1_ul li {position: relative; float: left; width:calc(100% / 3); padding:0 20px 100px;}
.function_1_ul li img {padding-bottom: 30px; display: block; margin:0 auto; width: auto; max-width: 100%;}
.function_1_ul li p {word-break: keep-all;}

#function_2, #function_3 {padding-top: 100px;}

#function_wrap #function_22 {padding-top: 0; padding-bottom: 0; }
#function_22::before {position: absolute; left:calc((100vw - 1400px) / 2 * -1); bottom:0; z-index: 0; background: url(/img/function_22_bg.png) right bottom no-repeat; content: ""; width: 505px; height: 420px;}
#function_22 .function_1_ul li {padding-bottom: 30px;}

#function_wrap #function_33 {padding-top: 0; padding-bottom: 0; }
.function_3_ul {position: relative; display: inline-block; width: 100%;;}
.function_3_ul li {position: relative; display: inline-block; width: calc(100% / 3); float: left;}
.function_3_ul li img {position: relative; width: auto; max-width: 100%; margin:0 auto; display: block;}
.function_3_ul li .function_3_li_text {position: relative; display: block; margin:-80px 0 100px; padding: 0 70px; word-break: keep-all;}
.function_3_ul li:nth-child(4) {margin-left: calc((100% / 3) / 2);}

.member_swiper_content {position: relative; overflow: hidden;}
.member_swiper_content .swiper-slide {background-color: #f1f3f4; border-radius:30px; padding: 15px; min-height: 350px; margin-top: 10px;}
.member_swiper_content .member_recon {position: absolute; top:-30px; left: 15px; max-width: 100%; width: auto; display: inline-block; z-index: 1;}
.member_swiper_content .member_location {position: absolute; top:25px; right:25px; width: 37px; height: 43px; background: url(/img/member_location_bg.png); text-align: center;padding:10px 0;}
.member_swiper_content .member_logo {position: relative; display: block; max-width: 100%; width: auto; margin:0 auto;}
.member_swiper_content .member_info {position: relative; display: block; padding: 15px 20px; background-color: #fff; border-radius: 15px; width: 100%; margin-bottom: 20px;}
.member_swiper_content .member_info_img {position: relative; display: block; background-color: #fff; border-radius: 15px; width: 100%; height: 150px; overflow: hidden; margin-bottom: 30px;}
.member_swiper_content .member_info_img img {position: relative; height: 100%; width: auto;}
.member_swiper_content .member_info_p {width:100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all;}


#member_11 .swiper-button-white {background-color: #333333; width: 110px; height: 110px; border-radius: 100%; overflow: hidden; transition: 0.5s; margin: -50px;}
#member_11 .swiper-button-white:hover {background-color: #0074ca;}
#member_11 .swiper-button-next::after,.swiper-button-prev::after{display: block;}
#member_11 .swiper-pagination {position: relative; padding:40px 0 0;}
#member_11 .swiper-pagination .swiper-pagination-bullet {margin:0 5px; width: 12px; height: 12px; background-color: #666;}
#member_11 .member_swiper_content {position: relative; overflow: hidden; margin: 0 100px;}
#member_2 {margin-top:150px;}
#member_22 .search_box {text-align: center;}
#member_22 .search_box select {margin:0 5px}
#member_22 .member_result {position: relative; width: 100%; display: inline-block; padding:40px 0;}
#member_22 .member_result li {position: relative; width:auto; padding:0 40px 0 0; float: left; font-size: 18px; font-weight: 300; color:#5e5e5e;}
#member_22 .member_result li a {color:#5e5e5e;}
#member_22 .member_result li a.actived {font-weight: 600; color:#333;}
#member_22 .member_result li a.actived::after {width: 17px; height: 11px; position: absolute; right:15px; top:5px; background: url(/img/arrow_down_color3.png) center no-repeat; background-size: 17px 11px; content: ""; display: inline-block;}

.member_search {position: relative; width: 100%; display: inline-block;}
.member_search .member_search_wrap {position:relative; width: calc(100% / 4 - 15px); float: left; margin-right: 20px; background-color: #f1f3f4; border-radius:30px; padding: 25px; min-height: 350px; margin-top: 20px;}
.member_search .member_search_wrap:nth-child(4n) {margin-right: 0;}
.member_search .member_location {position: absolute; top:25px; right:25px; width: 37px; height: 43px; background: url(/img/member_location_bg.png); text-align: center;padding:10px 0;}
.member_search .member_logo {position: relative; display: block; max-width: 100%; width: auto; margin:0 auto;}
.member_search .member_info {position: relative; display: block; padding: 15px 20px; background-color: #fff; border-radius: 15px; width: 100%; margin-bottom: 20px;}
.member_search .member_info_img {position: relative; display: block; background-color: #fff; border-radius: 15px; width: 100%; height: 150px; overflow: hidden; margin-bottom: 30px;}
.member_search .member_info_img img {position: relative; height: 100%; width: auto;}
.member_search .member_info_p {width:100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all;}
.member_search_wrap .member_search_btn{opacity: 0;  transition: 1s; z-index: -1; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); top:0; left: 0; border-radius: 30px;text-align: center; vertical-align: middle; padding:80% 0;}
.member_search_wrap .member_search_btn::after {background: url(/img/member_btn_underline.png) center no-repeat; background-size: cover; width: 192px; height: 14px; position: absolute; bottom:50%; content: ""; display: inline-block; left: 50%; transform: translateX(-50%);}
.member_search_wrap:hover .member_search_btn {opacity: 1; z-index: 1;}

#application_wrap #function_3 {padding-top: 0;;}

#application_wrap #application_2 {padding-bottom: 30px;}
.application_22_add {position: relative; width: 100%; padding: 120px 0 40px; background: url(/img/application_price_1.png) 40px bottom no-repeat; background-size: contain; border-bottom: 1px solid #b5b5b5;}

.application_2_price {position: relative; display: inline-block; padding: 100px 55px; width: 100%;}
.application_2_price li {position: relative; width: calc(100% / 4 - 40px); float: left; margin-right: 50px; border-radius: 25px; overflow: hidden; background-color: #f9f8f8; box-shadow: 8px 6px 13.5px 1.5px rgba(8, 9, 9, 0.15);}
.application_2_price li:nth-child(4n) {margin-right: 0;}
.application_2_price .price_month {background: rgb(51,143,213); background: linear-gradient(115deg, rgba(51,143,213,1) 0%, rgba(51,173,173,1) 100%); padding:20px 0;}
.application_2_price .price_origin {padding-top:40px; text-decoration: line-through; color:#999999;}
.application_2_price .price_vat {padding-bottom: 75px;}
.application_btn {position: relative; text-align: center; padding: 20px 50px; border-radius: 30px; background-color: #333; color:#fff; transition: 0.5s; display: table; margin: 0 auto;}
.application_btn:hover {background-color: #0074ca;}

#application_33 {position: relative; padding-top: 30px;}
#application_33 .application_3_list {position: relative; width: 100%; display: inline-block;}
#application_33 .application_3_list li {position: relative; width: calc(100% / 4 - 85px); margin-right: 110px; float: left; text-align: center;}
#application_33 .application_3_list li::after {position: absolute; width: 54px; height: 43px; background: url(/img/arrow_application.png) center center no-repeat; background-size: cover; display: inline-block; content: ""; right:-83px; top: 155px;}
#application_33 .application_3_list li:nth-child(4n) {margin-right: 0;}
#application_33 .application_3_list li:nth-child(4n)::after {display: none; opacity: 0; width: 0; height: 0;}
#application_33 .application_3_list li img {max-width: 100%; height: auto; margin:0 auto; margin-bottom: 40px;}
#application_33 .application_3_list li .application_3_title {position: relative; width: 100%; background: rgb(51,143,213); background: linear-gradient(115deg, rgba(51,143,213,1) 0%, rgba(51,173,173,1) 100%); padding:20px 0; border-radius: 35px;}
#application_33 .application_3_list li p {position: relative; display: block; padding: 50px 10px 0 ; word-break: keep-all;}

#group_application form {max-width: 800px; margin:0 auto;}
#group_application form .writing_list {border:0;}
#group_application form .writing_list li .writing_tit {line-height: 50px; padding-top: 0;}
#group_application form .input50 {width: 50%; display: inline-block;}
#group_application form .input50 #captcha img {width: 50%; height:54px; border:1px solid #999; background-color: #999; float: left; display: inline-block; max-height: 54px;}
#group_application form .input50 #captcha input#captcha_key {width: 50%; }
#group_application form .writing_list li .input_checkbox {padding:10px 0;}


.popupWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99;
}

.popup {
  position: relative;
  background-color: white;
  padding: 20px;
  max-width: 600px;
  max-height: 650px;
  overflow-y: scroll;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.popupHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.closeBtn {
  background-color: transparent;
  border: none;
  font-size: 30px;
  cursor: pointer;
}

.popupContent {
  margin-top: 20px;
}


.menuWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: top;
  justify-content: right;
  z-index: 99;
}

.menuall {
  position: relative;
  background-color: white;
  padding: 50px;
  max-width: 600px;
  height:100vh;
  overflow-y: scroll;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.menuHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menucloseBtn {
  background-color: transparent;
  border: none;
  font-size: 50px;
  cursor: pointer;
}

.menuContent {
  margin-top: 20px;
}

.menu_list {font-size: 24px; font-weight: 600; color:#333; display: block; margin-top: 50px;; transition: 0.5s;}
.menu_list .menu_list_1 {display: block; padding-bottom: 50px;}
.menu_list .menu_list_1 a {color:#333;}
.menu_list .menu_list_1 .menu_list_2 {padding: 15px 0 0; display: inline-block; position: relative; width: 100%;;}
.menu_list .menu_list_1 .menu_list_2 li {width: auto; margin-right:30px; float: left;}
.menu_list .menu_list_1 .menu_list_2 li:last-child {margin-right: 0;;}
.menu_list .menu_list_1 .menu_list_2 li a {font-size: 20px; font-weight: 400; color:#333;;}
.menu_list .menu_list_1:hover a, .menu_list .menu_list_1 .menu_list_2 li:hover a {color: #0074ca;}


/* schduler */
body.fixed header#schduler_header, header#schduler_header {background-color: #0074ca;}
header#schduler_header {position: relative; padding: 25px 20px;}
#schduler_header .float_wrap {height: 50px;}
#schduler_header .float_left {float: left; position: relative; width: 25%; vertical-align: middle; display: flex; align-items: center; height: 100%;}
#schduler_header .float_left img {max-width: 100%; display: inline; margin-right: 30px;}
#schduler_header .float_left span {display: inline-block;}
#schduler_header .float_left span.font_color_gray {color:#ccc}
#schduler_header .float_left .schduler_text_space {display: inline-block; padding: 0 15px;}
#schduler_header .float_right {float: right; position: relative; width: 75%; display: flex; align-items: center; justify-content: flex-end; height: 100%;}
.schduler_header_menu {position: relative; display: flex; justify-content: flex-end; width: auto;;}
.schduler_header_menu li {position: relative;display:inline-block; width: auto; margin:0 10px; padding: 10px 45px; border-radius: 20px; font-size: 20px; font-weight: 500; transition: 0.5s;}
.schduler_header_menu li:hover {background-color: #fff;;}
.schduler_header_menu li a {color:#fff;; transition: 0.5s;}
.schduler_header_menu li:hover a {color:#333;}
#schduler_header .float_right .backToList {position: relative; font-size: 16px; color:#fff; padding:10px 15px 10px 15px; background-color: #0c9e8b; border-radius: 20px; ;}
#schduler_header .float_right .backToList i {padding-left: 15px;}
#schduler_header .float_right .schduler_print {position: relative; margin:0 0 0 15px; background-color: transparent; border:0;}

#schduler_content {max-width: unset; padding:0;}
#schduler_content .writing_list {padding:0; border:0;}
#schduler_content .constract_wrap { width: 400px; float: left; padding: 20px; border-right: 1px solid #ccc;}
#schduler_content .writing_constract_list_wrap {margin-top: 0; border:0;}
#schduler_content .writing_constract_list_wrap .table_edit {position: relative; width: 100%; display: block; padding:12px 0; color:#fff; background-color: #677bbe; margin-bottom: 20px;}
#schduler_content .writing_constract_list_wrap .table_add {position: relative; width: 100%; display: block; padding:12px 0; color:#fff; background-color: #0c9e8b; margin-bottom: 20px;}
#schduler_content .writing_table_wrap { width: calc(100% - 400px); float: left; padding: 20px;}
#schduler_content .today_list_wrap {position:relative; width: 100%; display: inline-block;}
#schduler_content .today_date_wrap {position:relative; width: 100%; display: flex; align-items: center; justify-content: center;}
#schduler_content .today_date_wrap .today_date {display: inline-block; padding: 0 10px; font-size: 22px; font-weight: 500; color:#333;}
#schduler_content .today_date_wrap .go_to_today {position: absolute; right:0; padding: 5px 10px; font-size: 12px; font-weight: 300; border:1px solid #0c9e8b; color:#0c9e8b; border-radius: 15px; transition: 0.3s; cursor: pointer;}
#schduler_content .today_date_wrap .go_to_today:hover {background-color: #0c9e8b; color:#fff;}
#schduler_content .today_date_wrap button {position: relative; width: 22px; height: 22px; text-align: center; font-size: 14px; color:#324355; border-color: #324355; background-color: #fff; border-radius: 100%; transition: 0.5s; margin: 0 3px}
#schduler_content .today_date_wrap button:hover {background-color: #0074ca; color:#fff;}

.today_constract_filter {position: relative; width: 100%; text-align: right; font-size: 16px; color: #333; font-weight: 300;}
.today_constract_filter a {float: left; color: #333; cursor:pointer; text-decoration: underline;}
.today_constract_filter input[type="checkbox"] {vertical-align: middle; transition: 0.2s;}
.today_constract_filter input[type="checkbox"] {
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  width: 22px; height: 22px;
  border:1px solid #ccc;
  margin-right: 5px;
  padding:0;
}
.today_constract_filter input[type="checkbox"]:checked {
  border: 0.3em solid #fff;
  outline: 1px solid #ccc;;
  background-color: #0074ca;
  box-shadow: none !important;
}

#schduler_content .constract_view_all_list {padding:20px 0; height:auto; overflow-y: unset; }
#schduler_content .constract_view_all_list li.constract_view_member {text-align: left; padding:15px 20px; border:0; background-color: #eff0f0; color: #333;}
#schduler_content .constract_view_all_list .constract_view_member_date {display: flex; position: relative; width: 100%; align-items: center; padding-bottom: 5px;}
#schduler_content .writing_constract_list {position: relative; display: flex; align-items: center; padding-bottom: 40px; text-align: left;}
#schduler_content .writing_constract_list span {display: inline-block; padding-right: 15px;}
#schduler_content .writing_constract_list a {position: absolute; right: 0; top:0; text-decoration: underline;}
#schduler_content .writing_constract_list select {
  position: relative; width: 180px; height:50px; padding: 12px 20px; border:1px solid #999999; border-radius: 0; font-size: 20px; font-weight: 300; color:#666666; 
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  background: url(/img/arrow_down.png) 95% center no-repeat; background-size: 18px 11px;
}


.schWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

.schAll {
  position: relative;
  background-color: white;
  width: 600px;
  height:75vh;
  overflow-y: scroll;
  border-radius: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.schHeader {
  position: fixed;
  width: 600px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0074ca;
  padding: 25px 40px;
  z-index: 1;
}

.schHeader {
  position: fixed;
  width: 600px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0074ca;
  padding: 25px 40px;
}

.schcloseBtn {
  background-color: transparent;
  border: none;
  font-size: 60px;
  line-height: 30px;
  cursor: pointer;
  color:#fff;
}

.schContent {
  margin-top: 90px;
  margin-bottom: 90px;
}
#schduler_content .schContent .writing_list {position: relative; width: 100%; display: inline-block; padding: 40px;}
.schContent .writing_list li {margin-bottom: 15px;}
.schContent .writing_list li .writing_tit {font-size: 18px; width: 150px; padding-top: 0;}
.schContent .writing_list li .writing_cont {width: calc(100% - 150px);}
.schContent .writing_list li .shc_pw_edit {position: absolute; right:20px; top:-5px; padding: 5px 10px; background-color: #0c9e8b; border-radius: 15px;}
.schContent .writing_list li .shc_pw_edit i {padding-left: 10px;}

.schContent .writing_list li .writing_cont select {
  position: relative; width: 180px; height:35px; padding: 5px 10px; border:1px solid #999999; border-radius: 0; font-size: 16px; font-weight: 300; color:#666666; 
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  background: url(/img/arrow_down.png) 95% center no-repeat; background-size: 18px 11px;
}

.schContent .inputxt_normal input {font-size: 16px; padding:10px 15px;}
.schContent hr.line {position: relative; width: 100%; height: 1px; background-color: #333; display: block; margin:30px 0;}
.schContent table.work_place thead {border-color: #c0c0c0;}
.schContent table.work_place thead th {background-color: #f0f0f0; border: 1px solid #c0c0c0; padding: 10px 0; font-size: 16px; font-weight: 400;;}
.schContent table.work_place tbody tr td, .schContent table.work_place tbody tr td:first-child, .schContent table.work_place tbody tr td:last-child {
  text-align: left; padding: 10px 10px; border:1px solid #c0c0c0;
}

.schContent .constract_table_picture {position: relative; width: 100%; display: inline-block;}
.schContent .constract_table_picture .constract_table_picture_btn {font-size: 15px; font-weight: 300; color:#333; border:1px solid #eee; padding:10px 20px; display: inline-block;}
.schContent .constract_table_picture .constract_table_picture_btn.actived {color:#fff; background-color: #333; border-color: #333;}
.schContent .constract_table_picture .constract_table_picture_view {position: relative; display: inline-block; width: 100%; padding:20px; border:1px solid #eee; margin-top: 20px;}
.schContent .constract_table_picture .constract_table_picture_view img {max-height: 200px; width: auto; max-width:50%; float: left; position: relative; display: inline;}
.schContent .constract_table_picture .constract_table_picture_btn1 {font-size: 15px; font-weight: 300; float: right; color:#fff; margin:15px 0 0 10px; background-color: #677bbe; padding:10px 20px; display: inline-block;}
.schContent .constract_table_picture .constract_table_picture_btn2 {font-size: 15px; font-weight: 300; float: right; color:#fff; margin:15px 0 0 10px; background-color: #0c9e8b; padding:10px 20px; display: inline-block;}
.schContent .inputxt_normal .btn_line {height: 40px; line-height: 40px;}

.schContent .btn_normal_cancel {min-width: auto; ;}
.schContent .btn_normal {min-width: auto; ;}


/* info / homepage */
#company_domain input {max-width: calc(80% - 150px); margin: 0 20px; float: left;}
#company_domain p {width: 20%; float: left; line-height: 50px;}
#company_regnum input {max-width: calc(100% - 130px); margin: 0 20px 0 0; float: left;}

.hp_step_1 {position: relative; display: inline-block; width: 30%; float: left;;}
.hp_step_1 img {position: relative; display: block; width: 100%; padding-right: 40px;}
.hp_step_2 {position: relative; display: inline-block; width: 70%; float: left;}

#hp_step_1_slogan input { width: calc(65% - 10px); margin-right: 20px; float: left;}
#hp_step_1_slogan select { width: calc(35% - 10px); float: left;}

.hp_step_2_name {position: relative; width: 100%; display: inline-block;}
.hp_step_2_name li {position: relative; width: 50%; float: left; display: inline-block; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;}
.hp_step_2_name li:nth-child(3), .hp_step_2_name li:nth-child(4) {border-top: 0;}
.hp_step_2_name li span {padding: 15px 10px; text-align: center; position: relative; float: left; display: inline-block;}
.hp_step_2_name li .font500 {background-color: #f5f5f5; width: 40%;}
.hp_step_2_name li .font400 {width: 60%;}

.hp_menu_add {position: relative; width: 100%; display: inline-block; margin: 40px 0; padding: 15px; border:1px solid #e3e3e3;}
.hp_menu_add .font_20 {position: relative; width: 15%; float: left; line-height: 50px; text-align: center;}
.hp_menu_add input {position: relative; width: 34%; float: left; margin-right: 1%;}
.hp_menu_add select {position: relative; width: 34%; float: left; padding: 14px 20px; margin-right: 1%;}
.hp_menu_add button.btn_line {position: relative; width: 15%; float: left;}

.stpe_3_title {position: relative; text-align: center; padding: 15px; border:1px solid #e3e3e3; border-radius: 15px; line-height: 160%; margin-bottom: 40px;}
.hp_step3_list {position: relative; width: 100%; display: inline-block; border-bottom: 1px solid #333; margin-bottom: 40px;}
.hp_step3_list li {position: relative; display: inline-block; width: auto; min-width: 140px; padding: 10px 20px; border:1px solid #555; border-radius: 5px 5px 0 0; border-bottom: 0; transition: 0.5s;}
.hp_step3_list li a {position: relative; display: block; color: #333; text-align: center; transition: 0.5s; cursor: pointer;}
.hp_step3_list li:hover, .hp_step3_list li.active {border-color: #0074ca; background-color: #0074ca;}
.hp_step3_list li:hover a, .hp_step3_list li.active a {color:#fff}

.hp_step_content {position: relative; width: 100%; display: inline-block;}
.hp_step_content textarea {position: relative; width: 100%; display: inline-block;}

.hp_step_setting {position: relative; width: 100%; display: inline-block; padding: 15px 25px; background-color: #f5f5f5; line-height: 32px;}
.hp_step_setting button.hp_step_setting_btn {position: relative; width: auto; display: inline-block; float: right; font-size: 16px; padding:5px 10px; border: 1px solid #0074ca; border-radius:5px; background-color: #fff; color:#0074ca; transition: 0.5s;}
.hp_step_setting button.hp_step_setting_btn:hover {background-color: #0074ca; color:#fff;}

.hp_step_setting_wrap {position: fixed; display: none; top:0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 100;}
.hp_step_setting_wrap_content {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 40%; height:50%; background-color: #fff; overflow: scroll; padding-bottom: 30px;}
.hp_step_setting_wrap_content h2 {position:relative; width: 100%; padding: 15px 30px; background-color: #0074ca; display: block;}
.hp_step_setting_wrap_content .hp_step_setting_wrap_close {position: absolute; right:30px; top:8px; width: auto; padding: 5px 10px; border:0; font-size: 22px; font-weight: 300; color:#fff; background-color: transparent;}

.hp_step_setting_wrap_input {position: relative; width: 100%; display: inline-block; padding:20px;}
.hp_step_setting_wrap_input input[type="text"] {position: relative; width: 70%; margin-right: 5%; display: inline-block; padding:15px 10px; border:1px solid #ccc; color:#333; border-radius: 0; font-size: 16px; font-weight: 300; float: left;}
.hp_step_setting_wrap_input button {position: relative; width: 25%; display: inline-block; padding:15px 10px; font-size: 16px; font-weight: 300; color:#fff; background-color: #333; border:0; border-radius: 0; float: left;}
.hp_step_setting_wrap_input button i {padding-right: 15px;}

.hp_step_setting_cate_list {position: relative; display: block; margin: 0 20px; border:1px solid #ccc; border-right: 0; border-left: 0;}
.hp_step_setting_cate_list li {position: relative; width: 100%; display: inline-block; padding: 15px 20px; border-bottom: 1px solid #f5f5f5;}
.hp_step_setting_cate_list li span {position: relative; width: 75%; float: left; line-height: 40px;}
.hp_step_setting_cate_list li button {position: relative; width:25%; float: left; border:1px solid #ccc; border-radius: 0; padding: 10px 15px; font-size: 15px; font-weight: 400;;}
.hp_step_setting_cate_save {position: relative; width: auto; padding: 15px 20px; font-size: 18px; font-weight: 400; color:#fff; background-color: #0074ca; text-align: right; float: right; margin: 40px 20px 0 0; border:0;}

.hp_step_gall_wrap {position: relative; display: block; width: 100%; padding: 40px 0;}
.hp_step_gall_list {position: relative; display: inline-block; width: 100%;}
.hp_step_gall_list li {display: inline-block; float: left; width: calc(25% - 15px); margin-right: 20px; margin-bottom: 20px;}
.hp_step_gall_list li:nth-child(4n) {margin-right: 0;}
.hp_step_gall_list li a {display: block; width: 100%;}
.hp_step_gall_list li a img {width: 100%; height: auto;}
.hp_step_gall_list li a span {display: block; padding:10px 0 0;}

.hp_step_gall_wrap .board_paging button.btn_write { padding: 10px 20px;  width: auto;  height: auto;  line-height: 150%;}


.hp_step_gall_write {position:relative; width: 100%; display: inline-block; padding: 0 0 40px 0;}

.hp_step_gall_img_wrap {position: relative; width: 100%; display: block; padding:0; margin:0;}
.hp_step_gall_img_wrap li {padding: 30px 0; border-bottom: 1px solid #ccc; width: 100%; display: inline-block;}
.hp_step_gall_img_wrap li:last-child {margin-bottom: 40px;}


.hp_gall_add_wrap {position: relative; width: 100%; display: block; text-align: right;}
.hp_gall_add_wrap input {display: none;}
.hp_gall_add_wrap .hp_gall_img_add {float: right; border:1px solid #0074ca; background-color: #fff; border-radius: 0; padding:15px 10px; font-size: 18px; font-weight: 400; color:#0074ca; transition: 0.5s;}
.hp_gall_add_wrap .hp_gall_img_add:hover {background-color: #0074ca; color:#fff}
.hp_gall_img_wrap {position: relative; width: 100%; display: block; min-height: 300px; background: url(/img/hp_gall_img_wrap_bg.jpg) center; background-repeat: no-repeat; background-size: 25%; border:1px solid #eee; margin: 20px 0;float: left;}

.hp_step_gall_img_wrap li .inputxt_normal select {width: 49%; margin-right: 2%; margin-bottom: 20px; float: left;}
.hp_step_gall_img_wrap li .inputxt_normal input {width: 49%; margin-bottom: 20px; float:left;}

.hp_step_gall_img_add {display: inline-block; float: right; border:1px solid #0074ca; background-color: #fff; border-radius: 0; padding:15px 10px; font-size: 18px; font-weight: 400; color:#0074ca; transition: 0.5s;}
.hp_step_gall_img_add:hover {background-color: #0074ca; color:#fff}

.hp_step_gall_view {position: relative; width:100%; display: block; padding: 40px 0;}
.hp_step_gall_view img {position: relative; width: auto; max-width: 100%; display: block;;}

.hp_step_product_wrap {position: relative; margin: 10px 0; width: 100%; display: inline-block;}
.hp_step_product_wrap thead {background-color: #f5f5f5;}
.hp_step_product_wrap thead select {background-color: #f5f5f5; width: 80%; border-color: transparent; padding: 5px 10px; text-align: center;}
.hp_step_product_wrap table.work_place tbody tr td.search_cate input {width: calc(100% - 120px);}
.hp_step_product_wrap table.work_place tbody tr td.search_cate .hp_step_setting_wrap_input input[type="text"] {width: 70%; margin-left: 0;}
.hp_step_product_wrap table .table_btn {position: relative; display: inline-block; width: auto; max-width: 100px; padding: 10px 15px; font-size: 16px; color:#333; border:1px solid #ddd; border-radius: 5px; background-color: #eee;}
.hp_step_product_wrap table .table_btn_2 {color:#fff; background-color: #555; border-color: #555;}
.hp_step_product_wrap table .table_btn_3 {color:#fff; background-color: #0074ca; border-color: #0074ca;}
.hp_step_product_wrap table td span {text-align: center; display: block;}

.hp_step_product_list {position: relative; width: 100%; display: inline-block; padding:25px 0;}
.hp_step_product_btn_wrap {position: relative; width: 100%; display: inline-block;}
.hp_step_product_btn_wrap button.product_btn {position: relative; display: inline-block; width: auto; padding: 5px 10px; font-size: 16px; border:1px solid #333; color:#333; background-color: #fff; transition: 0.5s; float: left; margin: 0 5px}
.hp_step_product_btn_wrap button.product_btn_delete {background-color: #333; color:#fff;}
.hp_step_product_btn_wrap button.product_btn_sync {background-color: #0c9e8b; color:#fff; border-color: #0c9e8b;}
.hp_step_product_btn_wrap button.product_btn:hover {background-color: #0074ca; color:#fff; border-color: #0074ca;}
.hp_step_product_btn_wrap .product_btn_ul {position: relative; display: inline-block; float: right;}
.hp_step_product_btn_wrap .product_btn_ul li {position: relative; display: inline-block; float: left; margin: 0 10px; font-size: 16px;}
.hp_step_product_btn_wrap .product_btn_ul li a {color:#333; transition: 0.5s; line-height: 30px;}
.hp_step_product_btn_wrap .product_btn_ul li a:hover {color:#0074ca; text-decoration: underline;}
.hp_step_product_btn_wrap .product_btn_ul li select {min-width: 100px; padding: 5px 15px; color:#555}

.hp_step_product_list_wrap {position: relative; width: 100%; display: block; padding: 20px 0;}
.hp_step_product_list_wrap  table tr td {text-align: center;}
.hp_step_product_list_wrap  table tr td img {display: block; max-width: 60px; margin:0 auto;}
.hp_step_product_list_wrap  table tr td a {cursor: pointer; transition: 0.5s;}
.hp_step_product_list_wrap  table tr td a:hover {text-decoration: underline;}

.product_img_add {position: relative; display: inline-block; width: 54px; height: 54px; line-height: 54px; font-size: 18px; color:#fff; background-color: #0074ca; border:1px solid #0074ca; border-radius: 0;}

.hp_step_product_step .writing_list {border:0;}
.hp_step_product_step .inputxt_normal select {max-width: 400px;}
.hp_step_product_step .inputxt_normal select.half_select {width: 19%; margin-right: 1%; float: left;}
.hp_step_product_step .writing_list li.half_li {width: 50%; float: left; padding-right: 15px;}


.step_end_ul {position: relative; display: inline-block; z-index: 1;}
.step_end_ul li {position: relative; float: left; width:calc(100% / 4); padding:0 20px 0px;}
.step_end_ul li img {padding-bottom: 30px; display: block; margin:0 auto; width: auto; max-width: 100%;}
.step_end_ul li p {word-break: keep-all;}

#constract_wrap_mobile {display: none;}
/* 2023-10-20 ldy */
/* member_search CSS */
.tab{float:left; width:600px; height:290px;}
.tabnav{font-size:0; width:600px; border:1px solid #ddd;}
.tabnav li{display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd;}
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav li a.active:before{background:#7ea21e;}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#7ea21e; }
.tabcontent{padding: 20px; height:244px; border:1px solid #ddd; border-top:none;}
.btn_line.gray.btn_duplicate.no_cusor {cursor: default;}

/* 2023-10-20 ldy */
/* member_join페이지 */
.writing_list.m_join {max-width: 600px; display: block; margin: 0 auto;}
.step_tit_bar.m_join {max-width: 600px; display: block; margin: 0 auto;}
.inputxt_normal.spider.between_f {display: flex;}
i.icon_secure {background: url(/img/icon_secure.png); background-size: 25px 25px; width: 25px; height: 25px; display: block; margin : 0 auto; }
ul.writing_list.m_join li:nth-child(2) div.writing_cont .btn_line.gray.btn_duplicate, ul.writing_list.m_join li:nth-child(3) div.writing_cont .btn_line.gray.btn_duplicate{width: 44px; background: #0074ca;}
.agree_box {border: 1px solid #0072ca85; padding: 20px;}
.agree_box ul li {margin-bottom: 15px;}
.agree_box ul li label strong {font-size: 14px; color: #282828;}
.writing_list.m_join li {margin-bottom: 20px;}
.writing_list.m_join li .writing_tit {font-size: 16px; width: 170px; padding-top: 10px;}
.writing_list.m_join li .writing_cont {width: calc(100% - 170px);}
.writing_list.m_join .inputxt_normal input {padding: 10px 20px; font-size: 16px;}
.writing_list.m_join .inputxt_normal .btn_line {height: 44px; font-size: 16px; line-height: 44px; transition: background .4s ease-in-out;}
.writing_list.m_join .inputxt_normal .btn_line:hover {background: #535353;}
.writing_list.m_join li .impor_txt{margin: 30px 0 20px; padding: 5px 0; font-size: 14px;}
.m_join_wrap .btnarea_center {margin-top: 20px;}
.writing_list.m_join li.company_info {border-bottom: 1px solid #333; margin-top: 20px;}
.inner_title.m_join_in {padding-bottom: 0;}

.agree_btn {background: none; font-size: 12px; border: solid 1px #999; padding: 2px 5px; font-weight: 500; border-radius: 4px; margin-left: 10px;}

/* 탭메뉴 */

.tab_menu {max-width: 600px; width: 100%; margin: 0 auto;}
ul.tab {height: auto; display: flex; gap: 20px; justify-content: center; margin-bottom: 50px; width: 100%;}
.tab_item { border: 1px solid #0074ca; padding: 10px 20px; width: 40%; text-align: center; font-size: 18px; font-weight: 500; transition: .4s ease-in-out; word-break: keep-all;}
.tab_inner_wrap { margin-top: 50px;}
.tab_inner {padding: 20px; font-size: 24px; display: none;}
.tab_item.active { background: #0074ca; color: #fff;}
.tab_inner.active { display: block;}
.tab li.tab_item:hover {cursor: pointer; background: #0074ca; color: #fff;}



/* search */
.inner_title.m_join_in.m_search {margin-bottom: 50px;}
.btn_line.gray.btn_duplicate.m_search, ul.writing_list.m_join li:nth-child(2) div.writing_cont .btn_line.gray.btn_duplicate.m_search, ul.writing_list.m_join li:nth-child(3) div.writing_cont .btn_line.gray.btn_duplicate.m_search{
  background: #333; width: 150px; transition: background .4s ease-in-out;}
  .btn_line.gray.btn_duplicate.m_search:hover,  ul.writing_list.m_join li:nth-child(2) div.writing_cont .btn_line.gray.btn_duplicate.m_search:hover, ul.writing_list.m_join li:nth-child(3) div.writing_cont .btn_line.gray.btn_duplicate.m_search:hover{background: #535353;}
  #trans_confirm .impor_txt {padding: 10px 20px; margin: 0 0 10px;}

  /* popup 메뉴 */
  .popup_layer {position:fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 1000;}
  .popup_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50vw; height: 50vh; z-index: 2; overflow: hidden;}
  .popup_layer.popup_title {background: #677bbe; width: 100%; padding: 10px 25px; position: relative; height: auto; display: flex; justify-content: space-between;; align-items: center;}
  .popup_layer.popup_title  title {display: inline-block; margin-left: 5px; font-size: 16px; color: #fff; display: inline-block; width: 90%;}
  .popup_layer.popup_title button {background: none; border: none; color: #fff; display: contents;}
  .popup_body {background: #fff; height: calc(100% - 50px); font-size: 14px; line-height: 20px; overflow: scroll; overflow-x: hidden;  padding: 10px 15px;}
  .popup_bg {background: rgba(0,0,0,0.25); width: 100vw; height:100vh; z-index: 1;}
  #provision {display: none;}
  #privacy {display: none;}
  
  /* member_resultpage */
  .member_result {width: 100%; max-width: 600px; margin: 0 auto; border: 1px solid #f9f9f9; background: #f9f9f9; border-radius: 10px; padding: 50px 20px; overflow: hidden; height: 350px; border: 2px solid #50b5ff;}
  .result_img {max-width: 600px; text-align: center; width: 100px; margin: 0 auto;}
  .result_img img {width: 100%; height: auto;}
  .tologin_btn {display: block; margin: 0 auto; text-align: center; max-width: 350px; background: #0074ca; padding: 20px 0; font-size: 18px; color: #fff; transition: .4s ease-in-out; overflow: hidden; box-sizing: border-box;}
  .tologin_btn:hover {background-color: #fff; color: #0074ca; border: 1px solid #0074ca;}
  .inner_title.m_join_in.m_search.m_result {padding: 30px 0 15px; margin-bottom: 0;}

/* 230919 hsh */
/* member_search CSS */
.tab{float:left; width:600px; height:290px;}
.tabnav{font-size:0; width:600px; border:1px solid #ddd;}
.tabnav li{display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd;}
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav li a.active:before{background:#7ea21e;}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#7ea21e; }
.tabcontent{padding: 20px; height:244px; border:1px solid #ddd; border-top:none;}
.btn_line.gray.btn_duplicate.no_cusor {cursor: default;}

/* 230919 hsh */
/* member_join페이지 */
.writing_list.m_join {max-width: 600px; display: block; margin: 0 auto;}
.step_tit_bar.m_join {max-width: 600px; display: block; margin: 0 auto;}
.inputxt_normal.spider.between_f {display: flex;}
i.icon_secure {background: url(/img/icon_secure.png); background-size: 25px 25px; width: 25px; height: 25px; display: block; margin : 0 auto; }
ul.writing_list.m_join li:nth-child(2) div.writing_cont .btn_line.gray.btn_duplicate, ul.writing_list.m_join li:nth-child(3) div.writing_cont .btn_line.gray.btn_duplicate{width: 44px; background: #0074ca;}
.agree_box {border: 1px solid #0072ca85; padding: 20px;}
.agree_box ul li {margin-bottom: 15px;}
.agree_box ul li label strong {font-size: 14px; color: #282828;}
.writing_list.m_join li {margin-bottom: 20px;}
.writing_list.m_join li .writing_tit {font-size: 16px; width: 170px; padding-top: 10px;}
.writing_list.m_join li .writing_cont {width: calc(100% - 170px);}
.writing_list.m_join .inputxt_normal input {padding: 10px 20px; font-size: 16px;}
.writing_list.m_join .inputxt_normal .btn_line {height: 44px; font-size: 16px; line-height: 44px; transition: background .4s ease-in-out;}
.writing_list.m_join .inputxt_normal .btn_line:hover {background: #535353;}
.writing_list.m_join li .impor_txt{margin: 30px 0 20px; padding: 5px 0; font-size: 14px;}
.m_join_wrap .btnarea_center {margin-top: 20px;}
.writing_list.m_join li.company_info {border-bottom: 1px solid #333; margin-top: 20px;}
.inner_title.m_join_in {padding-bottom: 0;}

.agree_btn {background: none; font-size: 12px; border: solid 1px #999; padding: 2px 5px; font-weight: 500; border-radius: 4px; margin-left: 10px;}

/* 탭메뉴 */

.tab_menu {max-width: 600px; width: 100%; margin: 0 auto;}
ul.tab {height: auto; display: flex; gap: 20px; justify-content: center; margin-bottom: 50px; width: 100%;}
.tab_item { border: 1px solid #0074ca; padding: 10px 20px; width: 40%; text-align: center; font-size: 18px; font-weight: 500; transition: .4s ease-in-out; word-break: keep-all;}
.tab_inner_wrap { margin-top: 50px;}
.tab_inner {padding: 20px; font-size: 24px; display: none;}
.tab_item.active { background: #0074ca; color: #fff;}
.tab_inner.active { display: block;}
.tab li.tab_item:hover {cursor: pointer; background: #0074ca; color: #fff;}



/* search */
.inner_title.m_join_in.m_search {margin-bottom: 50px;}
.btn_line.gray.btn_duplicate.m_search, ul.writing_list.m_join li:nth-child(2) div.writing_cont .btn_line.gray.btn_duplicate.m_search, ul.writing_list.m_join li:nth-child(3) div.writing_cont .btn_line.gray.btn_duplicate.m_search{
  background: #333; width: 150px; transition: background .4s ease-in-out;}
  .btn_line.gray.btn_duplicate.m_search:hover,  ul.writing_list.m_join li:nth-child(2) div.writing_cont .btn_line.gray.btn_duplicate.m_search:hover, ul.writing_list.m_join li:nth-child(3) div.writing_cont .btn_line.gray.btn_duplicate.m_search:hover{background: #535353;}
  #trans_confirm .impor_txt {padding: 10px 20px; margin: 0 0 10px;}

  /* popup 메뉴 */
  .popup_layer {position:fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 1000;}
  .popup_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50vw; height: 50vh; z-index: 2; overflow: hidden;}
  .popup_layer.popup_title {background: #677bbe; width: 100%; padding: 10px 25px; position: relative; height: auto; display: flex; justify-content: space-between;; align-items: center;}
  .popup_layer.popup_title  title {display: inline-block; margin-left: 5px; font-size: 16px; color: #fff; display: inline-block; width: 90%;}
  .popup_layer.popup_title button {background: none; border: none; color: #fff; display: contents;}
  .popup_body {background: #fff; height: calc(100% - 50px); font-size: 14px; line-height: 20px; overflow: scroll; overflow-x: hidden;  padding: 10px 15px;}
  .popup_bg {background: rgba(0,0,0,0.25); width: 100vw; height:100vh; z-index: 1;}
  #provision {display: none;}
  #privacy {display: none;}
  
  /* member_resultpage */
  .member_result {width: 100%; max-width: 600px; margin: 0 auto; border: 1px solid #f9f9f9; background: #f9f9f9; border-radius: 10px; padding: 50px 20px; overflow: hidden; height: 350px; border: 2px solid #50b5ff;}
  .result_img {max-width: 600px; text-align: center; width: 100px; margin: 0 auto;}
  .result_img img {width: 100%; height: auto;}
  .tologin_btn {display: block; margin: 0 auto; text-align: center; max-width: 350px; background: #0074ca; padding: 20px 0; font-size: 18px; color: #fff; transition: .4s ease-in-out; overflow: hidden; box-sizing: border-box;}
  .tologin_btn:hover {background-color: #fff; color: #0074ca; border: 1px solid #0074ca;}
  .inner_title.m_join_in.m_search.m_result {padding: 30px 0 15px; margin-bottom: 0;}



@media screen and (max-width: 1640px) {
  #section2 .text_wrap_2 {position: relative; padding-right: 0; text-align: left; right:unset; top:unset;}
  #section2 .text_wrap_2 span.no3 {display: none;}

}
@media screen and (max-width: 1400px) { 
  .section_swiper .swiper-button-next {right: 20px;}
  .section_swiper .swiper-button-prev {left: 20px;}
  #fullpage .section_swiper .slide {display: flex; align-items: center; padding-top:0 !important;}
  .member_swiper .swiper-slide-active {min-height: 650px;}
  .member_swiper .swiper-slide-active .member_description {width: 50%; left:50%; transform: translate(-50%, -30%);}
  .login_menu {width: auto;}
  nav {width: calc(100% - 400px);}
  nav li a {font-size: 20px; padding:5px 15px;}
  .sub_top {padding: 100px 20px; height: auto;}
  

  .ft_info {padding: 60px 20px;}
  .inner_content {padding: 50px 20px;}
  .inner_content img {max-width: 100%; width: 100%; height: auto;}

  video { width: 100%; height: auto;}

  #application_33 .application_3_list li img {width: 50%;}
  table.board_table td.td_width2, table.board_table td.td_width {min-width: auto;}

  .constract_view_all_list {height: calc(100% - 300px)}
  .schduler_header_menu {display: none;}

<<<<<<< HEAD
/* CSS추가 hsh 23-09-18 */
table.work_place tbody tr td .place_add, table.work_place tbody tr td .place_cancel  {font-size: 14px; padding: 7px 8px;}

=======
  /* CSS추가 ldy 2023-10-20 */
  table.work_place tbody tr td .place_add, table.work_place tbody tr td .place_cancel  {font-size: 14px; padding: 7px 8px;}
>>>>>>> 40c15effe3d43d5ed802276b02cd8becebebac53
}

@media screen and (max-width: 1050px) {
  nav {display: none;}
  #section0 span {text-align: center; padding: 0 15% 20px;}
  #section0 .slide_text_warp {position: absolute; width: 100%; display: flex; top: 45%; left: 0%; flex-direction: column-reverse; margin: -25px 0 0 -25px; }
  /* common */
  span, p {word-break: keep-all !important;}
  .font_14 {font-size: 12px; line-height: 18px;}
  .font_16 {font-size: 14px; line-height: 22px;}
  .font_18 {font-size: 16px; line-height: 24px;}
  .font_20 {font-size: 18px; line-height: 26px;}
  .font_22 {font-size: 20px; line-height: 28px;}
  .font_24 {font-size: 22px; line-height: 30px;}
  .font_28 {font-size: 25px; line-height: 36px;}
  .font_30 {font-size: 28px; line-height: 40px;}
  .font_32 {font-size: 30px; line-height: 48px;}
  .font_36 {font-size: 32px; line-height: 50px;}
  .font_38 {font-size: 34px; line-height: 52px;}
  .font_48 {font-size: 40px; line-height: 60px;}
  .font_54 {font-size: 46px; line-height: 68px;}
  .font_72 {font-size: 52px; letter-spacing: 10px;}
  .font_100 {font-size: 76px; letter-spacing: 10px;}

  #section1, #section2 {padding: 0 20px}
  .inner_title {padding-bottom: 40px;}
  #function_11::before {display: none;}
  .function_1_ul {padding: 0 40px;}
  #function_11::after {right:0; opacity: 0.5; width: 285px; height: 200px; background-size: contain;}


  .member_search .member_search_wrap { width: calc(100% / 2 - 15px);}
  .member_search .member_search_wrap:nth-child(2n) {margin-right: 0;}
  .application_22_add {background-size: 20%; padding: 80px 40px 40px;}
  .application_2_price li {width: calc(100% / 2 - 40px); margin-bottom: 20px;}
  .application_2_price li:nth-child(2n) {margin-right: 0;;}
  #application_33 .application_3_list li { width: calc(100% / 2 - 55px); margin-bottom: 50px;}
  #application_33 .application_3_list li:nth-child(2n) {margin-right: 0;}
  #application_33 .application_3_list li::after {display: none;}

  table tbody {position: relative; width: 100%;}
  table.board_table thead {display: none;}
  table.board_table tr {padding: 10px 20px; display: inline-block;}
  table.board_table tr:nth-child(2n) {background-color: #eee;;}
  table.board_table td {width: auto; float: left; display: inline-block; padding: 5px 20px 5px 0;}
  table.board_table td.td_title {width: 100%; display: block; max-width: none; padding-right: 0; overflow: unset; text-overflow: unset; white-space: normal;}

  .inner_title_menu li {width: calc(100% / 5); font-size: 16px;}
  .inner_title_menu li:hover a, .inner_title_menu li.actived a {font-size: 16px;;}

  .div_width_50 {width: 100%;}
  .mypage_btn_wrap {padding-top: 40px; text-align: left;}
  .total_schedule span.font_24 {display: block; margin-right: 0; padding-bottom: 20px;}
  .homepage_wrap2 span.font_color_black {padding-top: 40px;}
  .project_search_box .frame {width: 50%;}
  .project_search_box .frame input {width: 100%;}
  .project_category li {width: calc(100% / 5); padding:15px 0; font-size: 20px;}

  table tbody {position: relative; width: 100%;}
  table.project_table thead {display: none;}
  table.project_table tr {padding: 10px 20px; display: inline-block;}
  table.project_table tr:nth-child(2n) {background-color: #eee;;}
  table.project_table td {width: auto; float: left; display: inline-block; padding: 5px 20px 5px 0;}
  table.project_table td.td_title a {width: 85vw; max-width: 500px;}
  table.project_table td.td_width05, table.project_table td.td_width1, table.project_table td.td_width2 {width: auto;}
  table.project_table td.td_title {width: 100%; display: block; max-width: none; padding-right: 0; overflow: unset; text-overflow: unset; white-space: normal; padding:20px 0;}
  table.project_table td.td_project_btn {width: 80%;}
  table.project_table td.td_project_viewcount {display: none;}

  table tbody {position: relative; width: 100%;}
  table.price_table thead {display: none;}
  table.price_table tr {padding: 10px 20px; display: inline-block; width: 100%;}
  table.price_table tr:nth-child(2n) {background-color: #eee;;}
  table.price_table td.td_width, table.price_table td.td_width2 {width: auto; display: inline-block; padding: 5px 20px 5px 0;}
  table.price_table td.td_title {width: 100%; display: block; max-width: none; text-align: left; padding-right: 0; overflow: unset; text-overflow: unset; white-space: normal;}

  .writing_table_wrap {width: 70%;}
  .constract_wrap {width: 30%;}

  #schduler_content .constract_wrap {width: 300px;}
  #schduler_content .today_date_wrap .go_to_today {top: 30px}

  .inner_title_menu {margin-bottom: 20px;}
  .inner_title_menu li { width: 50%;}
  .search_box {text-align: left;}
  .search_box select {width: 48%; margin:0 0.5% 5px; padding:10px; font-size: 15px; background-size: 15px 7px;}
  .search_box input { width: 74%; margin: 0 0.5%; font-size: 15px;;}
  .search_box button { width: 24%; font-size: 15px; padding: 12px 5px;}
  /* #member_11 .swiper-container{width: 1050px !important;} */
  #member_22 .search_box select {margin: 0 0.5% 5px;}

  .mypage_status li a {padding: 65px 0;}
  .writing_list li.half_li { width: 100%; float: none;}

  .hp_step_1 img {padding-right: 0px;}
  .hp_step_2 {position: relative; display: inline-block; width: 100%; float: left;}

  .hp_step_1 {position: absolute; width: 85%; max-width: 370px; left: -400px; overflow: hidden; transition: 0.5s; z-index: 1; background-color: #fff; height: auto; border-bottom: 1px solid #0074ca;}
  .hp_step_1.actived {left: 0;}

  .hp_step_1 #constract_wrap_mobile.actived {left: 400px;}

  .hp_step_setting_wrap_content { width: 100%; height: 70%;}
  .hp_step_gall_list li {width: calc(50% - 10px);}
  .hp_step_gall_list li:nth-child(2n) {margin-right: 0;}

  table.work_place tbody tr {width: 100%; display: inline-block; border-bottom: 0;}

  .hp_step_product_wrap table.work_place tbody tr { display: table-row;}
  .hp_step_product_wrap table.work_place tbody tr td.search_cate input {width: 100%;}
  .hp_step_product_wrap table .table_btn {margin:10px auto; display: block;}

  .step_end_ul li {width: calc(100% / 2); margin-bottom: 50px;}

<<<<<<< HEAD
    /* CSS추가 hsh 23-09-18 */
  
  table.work_place tbody tr {display: table-row;}
  table.work_place tbody tr td .place_add, table.work_place tbody tr td .place_cancel  {display: inline-block; margin: 3px;}

  
=======
  /* CSS추가 ldy 2023-10-20 */
  
  table.work_place tbody tr {display: table-row;}
  table.work_place tbody tr td .place_add, table.work_place tbody tr td .place_cancel  {display: inline-block; margin: 3px;}
>>>>>>> 40c15effe3d43d5ed802276b02cd8becebebac53
}

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

  /* common */
  .font_14 {font-size: 10px; line-height: 16px;}
  .font_16 {font-size: 12px; line-height: 18px;}
  .font_18 {font-size: 14px; line-height: 20px;}
  .font_20 {font-size: 15px; line-height: 26px;}
  .font_22 {font-size: 16px; line-height: 28px;}
  .font_24 {font-size: 18px; line-height: 30px;}
  .font_28 {font-size: 20px; line-height: 32px;}
  .font_30 {font-size: 22px; line-height: 34px;}
  .font_32 {font-size: 24px; line-height: 38px;}
  .font_36 {font-size: 26px; line-height: 38px;}
  .font_38 {font-size: 28px; line-height: 42px;}
  .font_48 {font-size: 30px; line-height: 48px;}
  .font_54 {font-size: 36px; line-height: 50px;}
  .font_72 {font-size: 40px; letter-spacing: 0px;}
  .font_100 {font-size: 52px; letter-spacing: 0px;}

  .login_menu .login_btn { width: 40px; height: 40px;}
  .login_menu .login_btn i.icon_login, .login_menu .login_btn i.icon_menu, .login_menu .login_btn i.icon_member, .login_menu .login_btn i.icon_logout { background-size: 40px 40px;}
  .logo {width: 150px;}
  .login_menu .member_name { display: block; text-align: right; float: none; border:0; margin-top: -25px;}
  .sub_top {padding: 100px 20px 50px; height: auto;}
  .sub_menu li {padding-right: 20px; line-height: 30px;}
  .sub_menu li a {font-size: 18px;}
  .member_swiper .swiper-slide-active {background: none; min-height: 600px;}
  .member_swiper .swiper-slide-active .member_img_wrap {width: 100%; transform: none; padding:150px 20px; height: calc(100% - 20%) !important;}
  .member_swiper .swiper-slide-active .member_location {top:10%;}
  .member_swiper .swiper-slide-active .member_name {position: relative; top:unset; transform: none;}
  .member_swiper .swiper-slide-active .member_description {width: calc(100% - 40px); top: 45%;}
  
  .inner_title {padding-bottom: 10px;}

  #section2 {padding: 80px 20px; background-position: 80% center;}
  #section2 .key_point {margin-top: 50px; padding-right: 0;}
  #section2 .key_point li {width: calc(100% / 2 - 15px); margin-bottom: 30px; min-height: 240px;}

  .ft_info {padding: 35px 20px 0;}
  .ft_info1, .ft_info2 {width: 100%; float: none;}
  .ft_info1 span , .ft_info2 span {padding-bottom: 15px;}
  .ft_link {display: inline-block;}
  .ft_link a {display: inline-block; width: 50%; padding: 10px; float: left; font: 16px;}

  #function_wrap #function_11 {padding-top: 60px;}
  .function_1_ul { padding: 0 10px;}
  .function_1_ul li {width: 50%; padding: 0 5px 23px; min-height: 265px;}
  #function_22 .function_1_ul li { width: 100%; min-height: unset;}
  #function_22 .function_1_ul li img  {padding-bottom: 0;}
  #function_22::before {display: none;}
  .function_3_ul li {width: 100%; margin-bottom: 30px; display: inline-block;}
  .function_3_ul li img {max-width: 55%; margin:0 auto; display: block; text-align: center; float: none; margin-bottom: 20px;}
  .function_3_ul li .function_3_li_text {margin: 0; float: none; width: 100%; padding: 0 25px; text-align: center;}
  .function_3_ul li .function_3_li_text .font_color_white {color:#0074ca;}
  .function_3_ul li .function_3_li_text span {padding-bottom: 10px;}
  .function_3_ul li:nth-child(4) {margin: 0 0 30px 0;;}

  .member_swiper_content {margin: 0 20px}
  #member_11 .swiper-button-white {width: 50px; height: 50px; opacity: 0.5; background-size: 12px 20px;}
  #member_11 .swiper-button-next { right: -10px; }
  #member_11 .swiper-button-prev { left: -10px; }
  #member_11 .swiper-button-next::after,.swiper-button-prev::after{
    font-size: 20px !important;
  }
  /* #member_11 .swiper-container{width: 767px !important;} */
  #member_22 .member_result li {font-size: 16px; padding-right: 20px;}
  #member_22 .member_result li a.actived::after {width: 12px; height: 7px; right: 5px; top:7px; background-size: 12px 7px;}
  .member_search .member_search_wrap {width: 100%; margin-right: 0;}

  .application_22_add {background-size: 35%; background-position: -30px bottom;}
  .application_2_price li { width: 100%; margin-right: 0; transform: scale(0.8);}
  .application_2_price .price_percent {padding-bottom: 15px;}
  .application_2_price .price_origin {padding-top: 20px;}
  .application_2_price .price_vat { padding-bottom: 30px;}

  #application_33 .application_3_list li img { width: 35%; margin-bottom: 10px;}
  #application_33 .application_3_list li .application_3_title {width: 80%; margin: 0 auto; padding: 10px 0; font-size: 20px;}
  #application_33 .application_3_list li p { padding: 25px 10px 0;}


  .application_2_price {padding: 50px 20px}
  #application_33 .application_3_list li { width:100%;margin-right: 0;}

  table.board_table td, table.price_table td { font-size: 16px;}
  .board_paging button.btn_write { position: absolute; width: auto; height: auto; font-size: 16px; line-height: 30px; top:5px; padding:5px 10px}
  
  .project_search_box .frame {width: 100%;}
  .board_paging .btn_go_cal, .board_paging .btn_new_project {position: relative; top: unset; right: unset; display: block; margin: 40px 10px 0 0;
    float: left; width: calc(50% - 5px);}
  .project_search_box .btn_go_cal, .project_search_box .btn_new_project {position: relative; top: unset; right: unset; display: inline-block; margin: 40px 10px 0 0;
  float: left; width: calc(50% - 5px);}
  .board_paging .btn_new_project , .project_search_box .btn_new_project { margin-right: 0;}
  .mypage_status li {width: calc(50% - 10px); margin-bottom: 20px; padding-top: 48%;}
  .mypage_status li:nth-child(2n) { margin-right: 0;}
  .mypage_status li a {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; line-height: 28px;}
  .mypage_status li a .page_number {font-size: 30px; transform: translateY(3px);}
  .mypage_btn_wrap a {width: calc(50% - 5px); margin: 0 5px 5px 0; padding: 15px 20px; float: left;}

  .total_schedule span.font_24 strong.total_schedule_number {font-size: 30px; transform: translateY(3px);}
  .total_schedule span.font_24 strong.total_schedule_number1 {font-size: 28px;}

  .homepage_wrap a:first-child {width: calc(100% - 5px); margin-right: 0;}

  .writing_list li {margin-bottom: 20px;}
  .writing_list li .writing_tit, .writing_list li .writing_cont {width: 100%; float: none;}
  .writing_list li .writing_tit {padding-bottom: 5px;}
  .file_import input#file_import1 {width: 69%;}
  .file_import label { width: 30%; font-size: 15px;}
  #group_application form .input50 { width: 100%;}
  #group_application form .writing_list li .input_checkbox a {display: block;}
  .inputxt_normal #wk_addr1, .inputxt_normal #wk_addr2, .inputxt_normal #wk_addr3 {width: 100%;}
  .inputxt_normal #wk_zipcode {width: calc(100% - 120px);}
  table.work_place tbody tr td .place_add, table.work_place tbody tr td .place_cancel {display: inline-block;}
  .writing_cont .dash_uni {display: block; padding:0; width: 100%;}
  .step_tit_bar .font_48, .step_tit_bar .font_36 {display: block; width: 100%;}
  .popupWrapper {z-index: 1001;}
  
  .writing_table_wrap {width: 100%; padding-right: 0;}
  .constract_wrap {width: 100%; padding-left: 0; padding-top: 20px;}
  .btn_normal_cancel, .btn_normal_save, .btn_normal {width: 30%; min-width: unset; padding: 15px 0;}

  #schduler_content .writing_list {overflow: hidden;}
  #schduler_content .constract_wrap {position:absolute; left: -300px; overflow: hidden; transition: 0.5s; z-index: 1; background-color: #fff; height:calc(100vh - 103px); border-bottom: 1px solid #ccc;}
  #constract_wrap_mobile {position: fixed; width: 30px; height: 80px; background-color: #0074ca; border-radius: 0 15px 15px 0; left:0; top:50%; transform: translateY(-50%); display: inline-block; z-index: 1; text-align: center; cursor: pointer; transition: 0.5s;}
  #constract_wrap_mobile i {font-size: 20px; color:#fff; line-height: 80px;}
  #schduler_content .writing_table_wrap {width: 100%; padding-left: 50px;}
  #schduler_content .constract_wrap.actived {left: 0;}
  #constract_wrap_mobile.actived {left: 300px;} 
  #constract_wrap_mobile.actived i {transform: rotate(180deg);} 

  .page_btn {padding-top: 5px;}
  .application_btn {padding: 15px 20px; font-size: 18px;}
  .change_pw button.pw_confirm, .change_pw a.pw_remove {font-size: 16px; padding: 15px; width: calc(50% - 5px); float: left; margin: 20px 5px 0 0;}
  .change_pw a.member_find, .change_pw a.member_apply {font-size: 16px; padding: 15px; width: calc(50% - 5px); float: left; margin: 0px 10px 0 0;}
  .change_pw a.member_apply {margin-right: 0;;}
  .change_pw button.pw_confirm.pw_100 {width: 100%; margin: 20px 0 10px;}
  .change_pw input {font-size: 15px;}

  .inner_title .font_48, .inner_title .font_30 {padding-bottom: 10px; font-size: 0.8em;}
  .inner_title .font_48 {font-size: 26px;;}
  .inner_title .font_30 {font-size: 22px;;}
  .inner_title .font_30 br {display: none;}
  .author_info span.font_14 {font-size: 15px;}
  .content_control button {width: 30%; float: right; margin-bottom: 10px;}
  .content_paging li {padding: 20px 30% 20px 20%;}

  .project_category {position: relative;
    margin: 10px 0 40px;
    padding: 0;
    white-space: nowrap;
    overflow-x: overlay;
    border: 1px solid #999;
    border-right:0; border-left: 0;
  }

  /* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */
  .project_category::-webkit-scrollbar {
    display: none;
  }
  
  .project_category {
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
  }
  .project_category ul { position: relative;
    width: 100%;
    display: inline-block;
    zoom: 1;
    display: inline;
    border:0;
}
  .project_category li {font-size: 18px; display: inline-block; width: auto; padding:15px 25px; float: none;}

  #schduler_header .float_left {width: 25%;}
  #schduler_header .float_left img {max-width: 70%; margin-right: 10px;}
  #schduler_header .float_left span.font_color_gray {display: none;}
  #schduler_header .float_right .schduler_print {display: none;}
  #schduler_content .writing_constract_list {padding-top: 20px;}
  #schduler_content .writing_constract_list select {width: 120px; height: 40px; padding: 10px 20px; font-size: 15px;}
  .writing_table_wrap .change_month button { font-size: 14px; padding: 10px 12px;}
  .writing_table_wrap .change_month .current_date {font-size: 30px;}

  .schAll {width: 100%;}
  .schHeader { width: 100%; padding:25px 20px}
  #schduler_content .schContent .writing_list {padding: 40px 20px}
  .schContent .writing_list li .shc_pw_edit {right: 0;}
  .schContent .writing_list li .writing_tit, .schContent .writing_list li .writing_cont {width: 100%;;}
  table.work_place {font-size: 16px;}

  table.project_table td.td_project_btn {width: 100%;}
  table.project_table tr {width: 100%; position: relative; padding: 15px 10px;}
  table.project_table td .direct_menu {font-size: 14px;}
  table.project_table td.td_title {overflow: hidden; text-overflow: ellipsis;}
  

  #company_domain p {width: 100%; float: none; text-align: left;}
  #company_domain input, #company_regnum input {max-width: calc(100% - 130px); margin: 0 20px 0 0;}


  .hp_step thead {display: none;}
  table.hp_step, .hp_step_2 table.work_place tbody tr {display: inline-block;}
  table.hp_step tbody {display: block;}
  table.hp_step tbody tr td {width: 50%; float: left; display: inline-block;}
  table.hp_step tbody tr td {width: 50%; float: left; display: inline-block;}
  .hp_step_2 .btn_normal {width: 100%;}

  .hp_step_2_name li {width: 100%;}
  .hp_step_2_name li:nth-child(2) {border-top: 0;}

  header#schduler_header {position: absolute; width: 0; height: 0; left: 0; top: 0; opacity: 0; visibility: hidden;}

  .hp_step3_list {position: relative; height:40px; white-space: nowrap; overflow-x: overlay;}
  .hp_step_btn .btn_normal_save {width: 70%;}

  .hp_step_product_wrap table.work_place tbody tr td {width: 100%; padding: 10px 5px;}
  .hp_step_product_wrap table.work_place tbody tr td span {width: 100%; line-height: 35px;}
  .hp_step_product_wrap table.work_place tbody tr td.search_cate input {width: calc(100% - 120px);}
  .hp_step_product_wrap table.work_place tbody tr td:last-child {width: 100%;}
  .hp_step_product_wrap table.work_place tbody tr td.input_50 {width: 50% !important; float: left;}
  .hp_step_product_wrap table .table_btn {display: inline-block;}
  .hp_step_product_wrap table td span {line-height: 50px;}
  .hp_step_product_wrap .hp_step_setting_wrap table.work_place tbody tr {display: inline-block;}
  .hp_step_product_wrap .hp_step_setting_wrap table.work_place tbody tr td {width: 25%; line-height: 35px; padding:5px 0;}
  .hp_step_product_wrap .hp_step_setting_wrap table.work_place tbody tr td:last-child {width: 75%;}

  .hp_step_product_btn_wrap button.product_btn {font-size: 14px; margin: 5px 10px}
  .hp_step_product_btn_wrap .product_btn_ul {width: 100%; display: inline-block; padding: 15px 0 0;}

  .hp_step_product_step .file_import input#file_import1 {width: calc(69% - 60px);}

  .hp_step_product_step .inputxt_normal select.half_select {width: 49%; margin-bottom: 15px;}
  .hp_step_product_step .writing_list li.half_li {width: 100%; float: none;}

  .step_end_ul li {width: calc(100%); margin-bottom: 30px;}
  .m_btn_full .btn_normal_save, .m_btn_full .btn_normal {width: 80%; margin-bottom: 10px;}
<<<<<<< HEAD

=======
  
>>>>>>> 40c15effe3d43d5ed802276b02cd8becebebac53
    /* css추가 2023-09-18 */
    #schduler_content .writing_table_wrap {padding: 0 2%;}
    #schduler_header {position: absolute; visibility: hidden;}
    .mobile_list {margin-top: 20px;}
  
    .btn_radio, .btn_check {margin-right: 20px;}
    .writing_table_wrap table .constract_table_list li a{font-size: 10px; text-overflow:clip;}
    .hp_step3_list li {min-width: auto;}
    table.work_place tbody tr td.hp_control {display: flex; flex-wrap: wrap; justify-content: right;}
    table.work_place tbody tr td.hp_control .hp_control_1 {margin: 3px;}
    .writing_list.m_join li .writing_cont {width: 100%;}
    .writing_list.m_join li .impor_txt {padding: 15px 2%; word-break: keep-all;}
    .writing_list.m_search li .writing_cont {width: 100%;}
    .popup_content {width: 85vw;}

<<<<<<< HEAD
  
=======

>>>>>>> 40c15effe3d43d5ed802276b02cd8becebebac53
} 

/**** 구버전 모바일 지원 ****/
@media screen and (max-width: 640px) {
  #section0 .slide_text_warp {position: absolute; width: 100%; display: flex; top: 45%; left: 8%; flex-direction: column-reverse; margin: -25px 0 0 -25px; }
  .menuall {
    position: relative;
    background-color: white;
    padding: 20px;
    max-width: 600px;
    height:100vh;
    overflow-y: scroll;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  /* #member_11 .swiper-container{width: 640px !important;} */
<<<<<<< HEAD
  /* CSS추가 2023-09-21 hsh */
  .btn_normal_cancel, .btn_normal_save, .btn_normal {width: 50%;}
}

/* css add 2023-06-15 */
=======

  /* CSS추가 2023-10-20 ldy */
  .btn_normal_cancel, .btn_normal_save, .btn_normal {width: 50%;}
}

/* css add 2023-10-20 */
>>>>>>> 40c15effe3d43d5ed802276b02cd8becebebac53
.mobile_list {display: none;}
.writing_table_wrap table {border-bottom: 0px;}


@media screen and (max-width: 1050px) {
  #schduler_content table.work_place tbody tr {display: table-row;}
}

@media screen and (max-width: 767px) {
<<<<<<< HEAD
  #schduler_content .writing_table_wrap { padding-left: 20px; }
=======
  #schduler_content .writing_table_wrap { padding-left: 2%; }
>>>>>>> 40c15effe3d43d5ed802276b02cd8becebebac53
  #schduler_content .constract_wrap {display: none;}
  #constract_wrap_mobile {display: none;}
  .writing_table_wrap table tbody tr td {height: calc((100vw - 40px) / 7);}
  .writing_table_wrap table .constract_table_list {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
  .writing_table_wrap table .constract_table_list li {font-size: 0; overflow: hidden; width: 3px; height: 3px; border-radius: 100%; display: inline-block; margin:2px}

  .mobile_list {position: relative; display: inline-block; width: 100%; outline:1px solid #0074ca; padding: 10px;}
  .mobile_list li {position: relative; display: inline-block; width: 100%; border-bottom: 1px solid #ccc; padding: 0 15px; margin-bottom: 10px;}
  .mobile_list li:last-child {border-bottom: 0;}
  .mobile_list li .mobile_dot {position: relative; width: 10px; height: 10px; margin: 15px; margin-left: 0; border-radius: 100%; float: left; }
  .mobile_list li .mobile_dot.constract_bg_1 {background-color: #0074ca;}
  .mobile_list li .mobile_dot.constract_bg_2 {background-color: #999;}
  .mobile_list li .mobile_dot.constract_bg_3 {background-color: #0c9e8b;}
  .mobile_list li .mobile_dot.constract_bg_4 {background-color: #333;}

  .mobile_list li .data_name {line-height: 40px; font-size: 18px;}

<<<<<<< HEAD
}
=======
  /* 2023-10-20 ldy */

  .hp_menu_add .font_20 {display: block; width: 100%; float:none;}
  .hp_menu_add input, .hp_menu_add select {width: 39%; height: 50px;}
  .hp_menu_add button.btn_line { width: 20%; height: 50px;}
  .hp_menu_add .btn_normal_cancel {width: 33.3333%; float: left; font-size: 15px;}
}
>>>>>>> 40c15effe3d43d5ed802276b02cd8becebebac53