@charset "utf-8";


/* --------------------------------------------------------------------------------
	CONTENT : 메인 비주얼
--------------------------------------------------------------------------------- */


.main_sec.visual {
	--el-height:calc(100vh);
	--el-inner-space:calc(100px - 8px) 10px 0;
	--el-tit-fontSize:40px;
	--el-tit-space:0 40px 40px;
	--el-link-space:40px;
}
.main_sec.visual {overflow:hidden;position:relative;z-index:2;height:var(--el-height);}
.main_sec.visual .inner{position:relative;padding:180px 10px 0;width:100%;max-width:100%;}
.main_sec.visual .tit{font-size:var(--el-tit-fontSize);font-weight:700}
.main_sec.visual .text_wrap{position:relative;z-index:5;}
.main_sec.visual .tit_wrap {margin:var(--el-tit-space);text-align:left;}
.main_sec.visual .tit_wrap .en{display:block;margin-top:40px;font-family:'field-gothic-xcondensed';font-weight:700;font-size:24px;text-transform:uppercase;text-decoration:underline}
.main_sec.visual .video_wrap{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;margin-top:80px;}
.main_sec.visual .video_wrap .video_area {position:absolute;top:0;right:0;bottom:0;left:0;}
.main_sec.visual .video_wrap video{width:100%;height:100%;object-fit:cover;object-position:center;}
.main_sec.visual .video_wrap .video_tit{display:flex;justify-content:space-between;overflow:hidden;width:100%;height:37.0833vw;mix-blend-mode:screen;color:#000;background-color:#fff;white-space:nowrap;text-align:center;}
.main_sec.visual .video_wrap .video_tit span{position:relative;top:0;transition: 0.2s}
.main_sec.visual .video_wrap .video_tit span:nth-child(1) img{width:13.47vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(2) img{width:14.88vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(3) img{width:20.42vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(4) img{width:15.10vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(5) img{width:6.52vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(6) img{width:14.28vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(7) img{width:15.31vw}

/* 링크 버튼 */
.main_sec.visual .link_btn {overflow:hidden;display:inline-flex;align-items:center;position:relative;z-index:1;height:50px;padding:0 26px;border-radius:calc(50px/2);border:2px solid #365ba2;background:#365ba2;font-weight:700;font-size:16px;color:#fff;transition: all 0.3s;}
.main_sec .link_btn span {position:relative;padding-right:16px;line-height:1;}
.main_sec .link_btn i { font-weight:400;font-size:24px;line-height:1;color:#fff;}
.main_sec .link_btn:hover { border:2px solid #c8005f;background:#c8005f; }

.main_sec.visual .link_btn {margin-left:var(--el-link-space);transition:0.3s;letter-spacing:0;}
.main_sec.visual.intro_on .tit_wrap .tit span{color:#fff;transition:color 0.2s;}

@media only screen and (min-width:1025px) and (max-width:1920px){
	.main_sec.visual .inner{ padding:100px 10px 0;}
	.main_sec.visual {
		--el-height:auto;
	}
}



/* ======  로팅이 답을 드리려 합니다 ====== */

/* 전체 폭 기준 레이아웃 */
.hero-lawting{background:#2f5ea4;color:#fff}
.hero-lawting__inner{
  width:100%;
  padding:clamp(48px,7vw,96px) 0 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(20px,3vw,48px);
}
.hero-lawting__left{ align-self:center; text-align:left; }
.hero-lawting__left .hero-lawting__txt { display:inline-block; position:relative; left:50%; top:-50px; transform:translateX(-50%); }
.hero-lawting__lead{opacity:.9;line-height:1.7;font-size:25px;margin:0 0 50px}
.hero-lawting__title{font-size:55px;line-height:1.2;margin:0; font-weight:300; }
.hero-lawting__title strong{font-weight:800}

/* 우측 슬라이드: 우측 끝·하단 붙임 + overflow 숨김 */
.hero-lawting__right{
  align-self:end;
  position:relative;
  display:flex; justify-content:flex-end; align-items:flex-end;
  overflow:hidden;
}

/* Swiper 컨테이너: 400px × 3 = 1200px, 우측 끝 정렬 */
.hs-swiper{
  width:100%; max-width:100%;
  margin-left:auto;           /* 우측 정렬 */
  overflow:hidden;            /* 일부 숨김 */
  position:relative;
}

/* 슬라이드 3장 보이기: 슬라이드 폭 고정(400px) + 자동 뷰 */
.hs-swiper .swiper-wrapper{ align-items:center; margin-bottom:-50px; }
.hs-swiper .swiper-slide{
  width:400px !important;     /* 핵심: 고정 폭 */
  padding:6px;
  opacity:.35;                /* 비활성 희미 */
  filter:grayscale(30%);
  transition:opacity .3s, transform .3s, filter .3s;
}
.hs-swiper .swiper-slide img{
  width:400px; height:auto;
  background:#fff; border-radius:14px;
  box-shadow:0 14px 34px rgba(0,0,0,.25);
}

/* 활성(왼쪽 첫 카드만 선명) */
.hs-swiper .swiper-slide-active{
  opacity:1; filter:none;
}

/* 네비게이션/도트 */
.hs-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:50%; border:0; cursor:pointer;
  background:rgba(0,0,0,.35); color:#fff; font-size:22px; line-height:40px; text-align:center; z-index:2;
}
.hs-prev{left:6px} .hs-next{right:6px}
.hs-dots{position:absolute; left:0; right:0; bottom:10px; display:flex; gap:8px; justify-content:center; z-index:2}
.hs-dots .swiper-pagination-bullet{
  width:8px; height:8px; background:rgba(255,255,255,.4); opacity:1; margin:0 !important;
}
.hs-dots .swiper-pagination-bullet-active{ background:#fff; }

/* 반응형(선택): 화면이 좁으면 3장은 일부 잘려 보일 수 있음 */
@media (max-width: 1024px){
  .hero-lawting__title{font-size:36px}
  .hero-lawting__lead{font-size:16px}
}
/* ======  로팅이 답을 드리려 합니다 ====== */



/* ======  컨설팅 ====== */
.mc-consulting{padding:200px 16px 120px; background:#fff; color:#111}
.mc-wrap{max-width:1200px; margin:0 auto}

/* Heading */
.mc-eyebrow{
  text-align:center; font-size:16px; color:#9aa0a6;
  font-weight:500; margin:0 0 10px; text-transform:uppercase;
}
.mc-title{
  text-align:center; font-size:42px; line-height:1.25; margin:0 0 80px;
  font-weight:700;
}

/* Grid */
.mc-grid{display:grid; gap:28px; grid-template-columns:repeat(3, 1fr)}
@media (max-width: 980px){ .mc-grid{grid-template-columns:repeat(2, 1fr)} }
@media (max-width: 640px){
  .mc-title{font-size:28px}
  .mc-grid{grid-template-columns:1fr}
}

/* Card */
.mc-card{
  background:#f4f5f7;
  border-radius:20px;
  padding:32px 28px;
  text-align:center;
  display:flex; flex-direction:column; align-items:center;
}

/* Logos row */
.mc-logos{display:flex; align-items:center; gap:12px; margin-bottom:14px}
.mc-logos img{width:auto; display:block; object-fit:contain}

/* Naver badge fallback */
.brand-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:6px; font-weight:800; color:#fff;
}
.brand-badge.naver{background:#03C75A}

/* Card title & list */
.mc-card-title{font-size:35px; font-weight:800; margin:10px 0 30px}
.mc-list{list-style:none; padding:0; margin:0; color:#2b2f36}
.mc-list li{line-height:1.5; font-size:15px}
/* ======  컨설팅 ====== */


/* 한달을 대기 */
.merit_wrap{margin: 100px 0;}
.merit_wrap .sec_title_g{ position: relative; margin-bottom: 85px; text-align: center;}

.merit_wrap .sec_title_g .title1{font-size:42px;color: #222222;font-weight: 700;line-height: 1.2;}
.merit_wrap .sec_title_g .txt1 {
    font-size: 1.275rem;
    color: rgba(0,0,0,0.7);
    font-weight: 400;
    word-break: keep-all;
    line-height: 1.75;
    letter-spacing: -0.25px;
	margin-top: 18px; 
}

.merit_wrap .merit_list{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.merit_wrap .merit_list .item{position: relative;width: 25% !important;height: 700px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;text-align: center;color: #fff;padding: 0 30px;}
.merit_wrap .merit_list .item .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.merit_wrap .merit_list .item .g{position:relative;z-index:1;}
.merit_wrap .merit_list .item:nth-child(2) .g{animation-delay:0.2s;}
.merit_wrap .merit_list .item:nth-child(3) .g{animation-delay:0.4s;}
.merit_wrap .merit_list .item:nth-child(4) .g{animation-delay:0.6s;}
.merit_wrap .merit_list .item .title:before{display: block; content:"";width: 50px;height: 1px;background: rgba(255,255,255,0.4);margin: 0 auto 38px;}
.merit_wrap .merit_list .item .title{font-size: 2.725rem;font-weight: 600;z-index: 10;}
.merit_wrap .merit_list .item .txt1{font-size: 1.275rem;color: rgba(255,255,255,0.87);font-weight: 200;margin-top: 25px;z-index: 10;min-height: 90px;}





/* 법률 마켓팅 */
.hero-legal{
  position:relative;
  width:100%;
  min-height:70vh;                 /* 화면 높이의 70% */
  display:flex; align-items:center;
  color:#fff;
  background:#000 url('../img/main/bg_about.jpg') center/cover no-repeat; /* ← 경로 교체 */
}

/* inner container */
.hero-legal__inner{
  position:relative;               /* overlay 위에 올리기 */
  width:100%;
  max-width:1400px;                /* 가독성 위해 내부 폭 제한 */
  padding:80px 24px;
  margin:0 auto;
}

/* typography */
.hero-legal__title{
  margin:0 0 20px;
  font-weight:800;
  font-size:62px;                  /* 데스크탑 */
  line-height:1.2;
  letter-spacing:-.02em;
}
.hero-legal__subtitle{
  margin:0 0 26px;
  font-size:32px;
  font-weight:700;
  opacity:.95;
}
.hero-legal__desc{
  margin:0 0 80px;
  font-size:16px;
  line-height:1.9;
  opacity:.92;
}

/* button */
.hero-legal__btn{
  display:inline-flex; align-items:center; gap:12px;
  height:48px; padding:0 25px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:6px;
  font-size:16px;
  color:#fff; text-decoration:none; font-weight:700; letter-spacing:.04em;
  transition:background .2s ease, color .2s ease, transform .08s ease;
}
.hero-legal__btn i { font-size:20px; }
.hero-legal__btn:hover{ background:#fff; color:#111; }
.hero-legal__btn:active{ transform:translateY(1px); }

/* ===== Responsive ===== */
@media (max-width: 1024px){
  .hero-legal__title{ font-size:44px }
  .hero-legal__subtitle{ font-size:20px }
}
@media (max-width: 640px){
  .hero-legal{ min-height:60vh }
  .hero-legal__inner{ padding:56px 18px }
  .hero-legal__title{ font-size:34px }
  .hero-legal__subtitle{ font-size:18px }
  .hero-legal__desc{ font-size:15px }
}


/* 솔루션 */
.sec6.solution {
    padding: 120px 0 80px;
    background-color: #f3f4f7;
}

.sec6.solution .conwrap {
    width: 94%;
    max-width: 1280px;
    margin: 0 auto;
}

.sec6.solution .section_text_wrap {
    text-align: center;
}

.sec6.solution .section_text_wrap .title {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #a4a4a6;
    text-align:center;
}

.sec6.solution .section_text_wrap .section_tit {
    display: block;
    font-size: 52px;
    color: #000;
    margin-top: 15px;
}

.sec6.solution .section_text_wrap .sub_text {
    margin-top: 28px;
    color: #4a4a69;
    font-size: 18px;
    line-height: 28px;
}

.sec6.solution .solution_intro_list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)); /* 4열 */
	gap: 24px; /* 카드 간격 */
	min-width: 1280px;
	margin-top: 80px;
}

.sec6.solution .solution_intro_list .solution_intro_item {
    position: relative;
    display: flex;
    width: 410px;
    height: 320px;
    padding: 35px;
    background-color: #fff;
    border-radius: 20px;
}

.sec6.solution .solution_intro_list .solution_intro_item .solution_intro_wrap .intro_title {
    color: #1d242a;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
}

.sec6.solution .solution_intro_list .solution_intro_item .solution_intro_wrap .intro_text {
	margin-top: 24px;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    color: #4a5a69;
    line-height: 24px;
}

.sec6.solution .solution_intro_list .solution_intro_item .solution_intro_icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 120px;
    height: 120px;
}


/* ===== 로팅만의 퍼포먼스 마케팅 ===== */

.pm-hero{
  position:relative; width:100%;
  min-height:70vh;
  padding:84px 16px clamp(340px, 48vw, 680px); /* 하단에 폰이 들어갈 자리 확보 */
  color:#fff; display:flex; align-items:center; justify-content:center;
  background:#000 url('../img/main/bg_performance.jpg') center/cover no-repeat;
}

.pm-hero__wrap{position:relative;z-index:1;text-align:center}
.pm-hero__eyebrow{margin:0 0 20px;font-size:16px;letter-spacing:.18em;font-weight:800;opacity:.9}
.pm-hero__title{margin:0;font-size:42px;line-height:1.25;font-weight:700}

/* 롤링 단어 영역 (한 줄 높이만 보이게) */
.pm-rolling{
	position:relative;
	top:5px;
	display:inline-block;
	height:1em;                /* 글자 한 줄 높이 */
	overflow:hidden;
	vertical-align:baseline;
  /* 강조하고 싶으면 색상/굵기 주기 */
}

/* 트랙과 각 아이템을 세로 스택 */
.pm-rolling__track{ display:block; will-change:transform; }
.pm-rolling__track > span{
  display:block;
  line-height:1em;           /* 각 행 높이를 정확히 1em로 */
}

/* 폰: 섹션 하단 고정 */
.pm-phone{
  position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:450px;
  height:600px;
  overflow:hidden;
}
.pm-phone__frame{
  position:absolute; inset:0;
  background:url('../img/main/bg_phone.png') center/contain no-repeat; /* ← 프레임 PNG */
  z-index:2; pointer-events:none;
}
.pm-phone__screen{
  position:absolute; inset:auto; /* 아래 퍼센트 값으로 화면 영역 맞춤 */
  left:2%; right:2%; top:9.5%; bottom:0%;
  border-radius:26px; overflow:hidden; z-index:1; background:#000;
}

/* Swiper in screen */
.pm-phone__screen .swiper,
.pm-phone__screen .swiper-wrapper,
.pm-phone__screen .swiper-slide{width:100%;height:100%}
.pm-phone__screen .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}

.pm-swiper .swiper-pagination{bottom:10px}
.pm-swiper .swiper-pagination-bullet{
  width:6px;height:6px;margin:0 4px;opacity:1;background:rgba(255,255,255,.5)
}
.pm-swiper .swiper-pagination-bullet-active{background:#fff}

/* 반응형 */
@media (max-width:960px){ .pm-hero__title{font-size:32px} }
@media (max-width:560px){
  .pm-hero{padding:60px 14px clamp(280px, 62vw, 520px)}
  .pm-hero__title{font-size:26px}
}



/* FAQ */
.sec8.faq {
	padding:150px 0;
}

.sec8.faq .section-msg {
    font-size: 3.5rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.3;
    color: #1d1e1f;
    margin-bottom: 4.5rem;
	text-align:center;
}

.sec8.faq .faq-list-container {
    width: 94%;
    max-width: 1280px;
    margin: 0 auto;
}

.sec8.faq .faq-list-container .faq-list li {
    border-top: 1px solid #d6dbdd;
    cursor: pointer;
}

.sec8.faq .faq-list-container .faq-list li .question {
    position: relative;
    padding: 2.6978417266% 2.1582733813%;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: #3a3e40;
}

.sec8.faq .faq-list-container .faq-list li .question::after {
    position: absolute;
    content: "";
    display: block;
    width: 1.4388489209%;
    height: 16.3265306122%;
    top: 50%;
    right: 0;
    margin-right: .7194244604%;
    margin-top: -.7194244604%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    background-image: url("../img/icon/icn_plus.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sec8.faq .faq-list-container .faq-list li.show .question::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sec8.faq .faq-list-container .faq-list li .answer {
    display: none;
    cursor: default;
    padding: 0 2.1582733813% 2.6978417266%;
}

.sec8.faq .faq-list-container .faq-list li .answer>span {
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: #3a3e40;
}


/** 문의하기 및 찾아오시 길 */

/* 배경 */
.consult-sec{
  position:relative;
  padding:150px 16px 120px;
  color:#fff;
  background:#0c1939 url('../img/main/bg_contact.jpg') center/cover no-repeat;
  overflow:hidden;
}
.consult-wrap{
  max-width:1400px; margin:0 auto; display:grid; gap:36px;
  grid-template-columns: 1fr 1.2fr;
}

/* LEFT */
.consult-left{min-width:0}
.consult-title{margin:0 0 8px; font-size:44px; font-weight:900; letter-spacing:-.02em}
.consult-sub{margin:0 0 50px; font-size:20px; }
.consult-kv{margin:0 0 18px; font-size:16px; }
.consult-kv dt{font-weight:800; margin:18px 0 6px}
.consult-kv dd{margin:0; }
.consult-map{margin:50px 0; }
.consult-map img{display:block; width:100%; height:auto; }
.consult-traffic p{ font-size:16px; line-height:1.5; }
.consult-traffic p + p { margin-top:18px; }

/* RIGHT */
.consult-right{min-width:0}
.consult-form{padding:0 24px; }

/* 라벨/칩/입력 */
.cf-label{display:block; font-size:15px; color:#fff; margin:6px 0 10px; font-weight:700}
.cf-field{margin-bottom:30px}

/* 라디오 칩 그리드 */
.cf-chipset{display:grid; grid-template-columns:repeat(4,1fr); gap:10px}
@media (max-width:560px){ .cf-chipset{grid-template-columns:repeat(2,1fr)} }

/* 라디오 숨김(접근성 보존) */
.cf-chipopt{position:relative}
.cf-chipopt input[type="radio"]{
  position:absolute; inset:0; width:100%; height:100%;
  opacity:0; pointer-events:none;
}

/* 칩 모양 라벨 */
.cf-chip-lbl{
  display:inline-block; width:100%;
  background:#fff; color:#111; border:0; border-radius:10px;
  padding:12px 10px; text-align:center; font-weight:700;
  box-shadow:0 2px 8px rgba(0,0,0,.12); cursor:pointer;
  transition:background .15s ease, color .15s ease, box-shadow .15s ease, transform .02s ease;
  font-size:15px; 
}
.cf-chipopt input[type="radio"]:checked + .cf-chip-lbl{
  background:#0f2a57; color:#fff; box-shadow:0 0 0 2px #7fb0ff inset;
}
.cf-chipopt input[type="radio"]:focus-visible + .cf-chip-lbl{
  box-shadow:0 0 0 2px #7fb0ff inset, 0 0 0 3px rgba(127,176,255,.35);
}
.cf-chipopt .cf-chip-lbl:active{ transform:translateY(1px) }

.cf-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:30px; }
.cf-grid .cf-field{margin-bottom:0px}
.cf-input, .cf-textarea{
  width:100%; background:#fff; color:#111; border:1px solid #e2e6ee; border-radius:10px;
  padding:12px 14px; font-size:15px; box-shadow:0 2px 8px rgba(0,0,0,.08) inset;
}
.cf-input::placeholder, .cf-textarea::placeholder{color:#98a0b3}
.cf-textarea{resize:vertical; min-height:120px}

/* 동의/버튼 */
.cf-agree{margin:10px 0 16px; font-size:14px}
.cf-agree input{width:16px; height:16px; vertical-align:-2px; margin-right:6px}
.cf-actions{text-align:center}
.cf-submit{
  display:inline-flex; align-items:center; justify-content:center;
  height:50px; width:200px; text-align:center;border-radius:25px;
  font-size:18px;
  border:1px solid rgba(255,255,255,.85); background:transparent; color:#fff;
  font-weight:800; letter-spacing:.02em; box-shadow:0 8px 22px rgba(0,0,0,.25);
  transition:background .2s ease, color .2s ease, opacity .2s ease;
}
.cf-submit:hover{background:#fff; color:#0b1d3b}
.cf-submit:disabled{opacity:.5; cursor:not-allowed}

/* 반응형 */
@media (max-width: 1024px){
  .consult-wrap{grid-template-columns:1fr}
  .consult-title{font-size:36px}
}
@media (max-width: 560px){
  .cf-chipset{grid-template-columns:repeat(2,1fr)}
  .cf-grid{grid-template-columns:1fr}
}


#daumRoughmapContainer1694663809047 { width:100%; height:300px; }

/* 신청 폼 */
.contact-form { position:relative; width:100%;  }
.contact-form .contact-wrap { position:relative; }
.contact-form .contact-wrap + .contact-wrap { margin-top:30px;}

.contact-form .contact-wrap .contact-title,
.contact-form .contact-wrap .contact-inline label,
.contact-form .contact-wrap .contact-block label { font-size:20px; color:#fff; margin-bottom:20px;}

.contact-form .contact-wrap .cs_input { width:100%; height:50px; background:transparent; line-height:50px; border:0; font-size:20px; color:#fff; }
.contact-form .contact-wrap select { width:100%; height:50px; line-height:50px; border:0; font-size:20px; }
.contact-form .contact-wrap textarea { width:100%; height:70px; line-height:50px; line-height:25px; border:0; font-size:20px; background:transparent;color:#fff;  }

.contact-form .contact-wrap.contact-inline-wrap { width:100%; margin-bottom:30px; }
.contact-form .contact-wrap.contact-inline-wrap:after {display:block;visibility:hidden;clear:both;content:""}
.contact-form .contact-wrap.contact-inline-wrap .contact-inline { float:left; width:32%; border-bottom:1px solid #d6d5da; padding:10px 0; }
.contact-form .contact-wrap.contact-inline-wrap .contact-inline label { display:block; }
.contact-form .contact-wrap.contact-inline-wrap .contact-inline .cs_input {  }
.contact-form .contact-wrap.contact-inline-wrap .contact-inline + .contact-inline { margin-left:2%; }

.contact-form .contact-wrap .contact-inline-hp { display:table; color:#fff; }
.contact-form .contact-wrap .contact-inline-hp:after {display:block;visibility:hidden;clear:both;content:""}
.contact-form .contact-wrap.contact-inline-wrap .contact-inline-hp1 { display:table-cell; width:80px; border-bottom:1px solid #d6d5da; padding:10px 0; }
.contact-form .contact-wrap.contact-inline-wrap .contact-inline-hp-line { display:table-cell; width:40px; text-align:center; vertical-align:middle; font-size:16px; }
.contact-form .contact-wrap.contact-inline-wrap .contact-inline-hp2 { display:table-cell; width:120px; border-bottom:1px solid #d6d5da; padding:10px 0; }

.contact-form .contact-wrap .contact-textarea { border-bottom:1px solid #d6d5da; padding:10px 0; margin-top:10px; }


.contact-form .contact-wrap .contact-department { margin-top:20px; }
.contact-form .contact-wrap .contact-department:after {display:block;visibility:hidden;clear:both;content:""}
.contact-form .contact-wrap .contact-department li { float:left; }
.contact-form .contact-wrap .contact-department li + li { margin-left:20px; }

.contact-form .contact-wrap .contact-department li label { display:inline-block; width:190px; height:70px; line-height:70px; border:2px solid rgba(255,255,255,0.5); border-radius:25px; text-align:center; color:#fff; font-size:20px; cursor:pointer; }
.contact-form .contact-wrap .contact-department li label.active { border:4px solid #fff; line-height:66px;  }
.contact-form .contact-wrap .contact-department li input { display:none; }

.contact-form .fregister_agree { text-align:center; margin-top:20px; font-size:20px;  color:#fff; }
.contact-form .fregister_agree label { color:#fff; }

.contact-form .btn_confirm { text-align:center; margin-top:50px; }
.contact-form .btn_confirm input { display:inline-block; width:400px; height:80px; background:#fff; color:#2c3b66; font-size:30px; font-weight:700; }