@charset "utf-8";

/* 헤더강제 적용 */
#header .navi a { color: #fff; } 
#header .navi a:hover { color: rgba(255, 255, 255, 0.5); } 
#header .login-sect .link { color: #fff; } 
#header .none-float-img { display: block; } 
#header .float-img { display: none; } 
#header.floating .none-float-img { display: none; } 
#header.floating .float-img { display: block; } 

/* 배너슬라이드 */
#banner-slider .swiper-slide { height: 937px; } 
#banner-slider .swiper-slide:after { content: ""; position: absolute; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; top: 0; left: 0; } 
#banner-slider .swiper-slide.slide1 { background: url(../img/banner_01.jpg) no-repeat center; background-size: cover; } 
#banner-slider .swiper-slide.slide2 { background: url(../img/banner_02.jpg) no-repeat center; background-size: cover; } 
#banner-slider .swiper-slide.slide3 { background: url(../img/banner_03.jpg) no-repeat center; background-size: cover; text-align: center; } 
#banner-slider .swiper-slide .container { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1000; } 
#banner-slider .swiper-slide .banner-title { color: #fff; font-size: 96px; font-weight: bold; white-space: pre-line; word-break: keep-all; line-height: 1.2; } 
#banner-slider .swiper-slide .banner-sub-title { color: #fff; font-size: 18px; margin-top: 20px; white-space: pre-line; line-height: 1.5; } 
#banner-slider .swiper-slide.slide3 .center-position { text-align: center; } 
#banner-slider .swiper-slide.slide3 .go-success { color: #fff; border: 1px solid rgba(255, 255, 255, 0.29); font-size: 14px; transition: all 0.3s; border-radius: 2px; margin-top: 50px; padding: 15px 20px; display: inline-block; } 
#banner-slider .swiper-slide.slide3 .go-success:hover { color: #5e5e5e; border: 1px solid #fff; background: #fff; } 
#banner-slider .swiper-pagination { bottom: 40px; } 
#banner-slider .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 0.5; background: #fff; } 
#banner-slider .swiper-pagination-bullet-active { background: #fff; width: 40px; border-radius: 20px; height: 10px; opacity: 1; } 

/* 각 콘텐츠 타이틀 공통 */
.common-tit { } 
.common-tit .tit-1 { display: block; color: #3182f6; font-size: 26px; padding-bottom: 40px; } 
.common-tit .tit-2 { color: #18385e; font-size: 28px; line-height: 1.4; } 
.intro-title { font-size: 60px; color: #18385e; } 
.intro-tit-v2 {margin-bottom:100px;}

/* 우리회사법무팀, 이현 */
#intro-txt { background: #f9fafb; text-align: center; padding: 110px 0; color: #18385e; } 
#intro-txt .cont { line-height: 1.5; font-size: 20px; } 
#intro-txt .cont.cont-1 { margin: 57px 0 50px; } 

/* 법인등기 */
#section_box_1 { margin-top: 195px; } 
#section_box_1 .swiper-container { display: none; } 
#section_box_1 .left-box { float: left; padding-left: 55px; } 
#section_box_1 .left-box .ani-image { margin-top: 140px; width: 582px; } 
#section_box_1 .right-box { float: right; padding-right: 25px; transform: translateY(-162px); } 
#section_box_1 .right-box .ani-image { width: 700px; } 
#section_box_1 .right-box .tit { color: #18385e; font-size: 24px; line-height: 2; letter-spacing: -1px; padding-left: 70px; } 
strong { font-family: "S-CoreDream-6Bold", sans-serif; } 

/* 부동산등기 */
#section_box_2 { margin-top: 180px; } 
#section_box_2 .container { padding-left: 55px; } 
#section_box_2 .center-image { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); } 
#section_box_2 .center-image img { } 
#section_box_2 .tit-2 { margin-top: 100px; } 
#section_box_2 .tit-2 .cont { color: #18385e; font-size: 24px; line-height: 2; display: block; letter-spacing: -1px; } 
#section_box_2 .tit-2 .cont-1 { margin-bottom: 50px; } 

/* 자문 */
#section_box_3 { margin-top: 250px; padding: 145px 0 255px; background: #f9fafb; } 
#section_box_3 .container {padding: 0 55px;} 
#section_box_3 .ul-box { margin-top: 100px; } 
#section_box_3 .ul-box .box-lists { width: calc(50% - 21px); height: 570px; background: #fff; border-radius: 20px; padding: 64px 54px; text-align: center; display: inline-block; vertical-align: top; } 
#section_box_3 .ul-box .box-lists-1 { margin-right: 21px; } 
#section_box_3 .ul-box .box-lists-2 { background: #add1ff; margin-left: 16px; } 
#section_box_3 .ul-box .box-lists-1 .box-tit,
#section_box_3 .ul-box .box-lists-2 .box-tit {font-size: 22px;line-height: 1.5;color: #18385e;text-align: left;white-space: pre-line;margin-bottom: 50px;/* border: 1px solid red; */font-family: "S-CoreDream-4Regular", sans-serif;} 
#section_box_3 .ul-box .box-lists-1 img {max-width:100%; width:257px;}
#section_box_3 .ul-box .box-lists-2 img	{max-width:100%; width:284px;}
#section_box_3 .ul-box .box-lists-3 img	{max-width:100%; width:428px;}

#section_box_3 .ul-box .box-lists-3 { margin-top: 44px; width: 100%; background: #264a99; position: relative; } 
#section_box_3 .ul-box .box-lists-3 .sub-tit-1 { display: block; text-align: left; color: #add1ff; font-size: 34px; line-height: 1.5; } 
#section_box_3 .ul-box .box-lists-3 .sub-tit-2 { display: block; text-align: left; line-height: 1.5; color: #fff; font-size: 34px; } 
#section_box_3 .ul-box .box-lists-3 img { position: absolute; top: 72px; right: 54px; width: 480px; } 

/* 소송 */
#section_box_4 {margin-top:180px;} 
#section_box_4 .container{padding-left:55px;} 
#section_box_4 .box_4_contents {position: relative;margin-top: 80px;/* border: 1px solid red; */height: 500px;} 
#section_box_4 .box_4_contents .lawyer_img { } 
#section_box_4 .box_4_contents .lawyer_img img {position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;width: 33.3333%;} 
#section_box_4 .left_contents {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 33.3334%;line-height: 1.4;font-size: 24px;padding-right: 30px;font-family: "S-CoreDream-4Regular", sans-serif;} 
#section_box_4 .right_contents {/* right: 0; */position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 24px;width: 33.3333%;line-height: 1.4;padding-left: 65px;} 
#section_box_4 .right_contents strong { } 

/* 이런 대표님들께서 주로 찾고 계십니다 */
#section_box_5 {background: #f9fafb;padding: 109px 0 90px;margin: 200px 0;} 
#section_box_5 .left-tit {color: #18385e;font-size: 36px;line-height: 1.5;display: inline-block;padding-left: 85px;} 
#section_box_5 .left-tit strong {color: #407bff;font-size: 48px;} 
#section_box_5 .right-con {/* float: right; */font-size: 18px;color: #18385e;line-height: 2.5;font-family: "S-CoreDream-4Regular", sans-serif;display: inline-block;vertical-align: top;padding-left: 23%;} 

/* 주요 업무 실적 */
#success-case { text-align: center; } 
#success-case .case-wrapper { margin: 50px 0; } 
#success-case .case-wrapper .case-list { float: left; width: 23%; margin: 0 1%; } 
#success-case .case-wrapper .case-list > img { border: 1px solid #eee; object-fit: cover; width: 100%; height: 222px; cursor: pointer; } 
#success-case .case-wrapper .case-list .cont { text-align: left; padding: 20px 0; line-height: 1.3; color: #757575; } 
#success-case .case-wrapper .case-list .cont .list-title { margin-bottom: 10px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
#success-case .case-wrapper .case-list .cont .etc { font-size: 13px; margin-top: 10px; } 
#success-case form .input-wrapper { display: inline-block; border: 1px solid #e5e5e5; position: relative; width: 220px; height: 34px; } 
#success-case form .input-wrapper input { border: 0 none; position: absolute; left: 0; top: 0; width: calc(100% - 30px); height: 100%; padding-left: 5px; } 
#success-case form .input-wrapper button { position: absolute; right: 0; top: 0; width: 30px; height: 100%; cursor: pointer; background: none; } 
#success-case form .input-wrapper button i { font-size: 17px; color: #828282; } 

/* 상담신청 */
#apply-consulting {    margin: 130px 0;
    text-align: center;
    background: #f9fafb;
    padding: 160px 0 110px;} 
#apply-consulting form { text-align: left; margin: 60px auto; width: 830px; } 
#apply-consulting form .sec-row { margin-bottom: 20px; } 
#apply-consulting form .sec-row > label { font-size: 15px; display: block; margin-bottom: 10px; } 
#apply-consulting form .sec-row input { border: 1px solid #ccc; padding: 6px 12px; width: 100%; font-size: 15px; } 
#apply-consulting form .sec-row select { width: 100%; padding: 6px 12px; border: 1px solid #ccc; font-size: 15px; } 
#apply-consulting form .sec-row .only_num { width: 65px; } 
#apply-consulting form .sec-row textarea { border: 1px solid #ccc; resize: none; width: 100%; height: 77px; font-size: 15px; padding: 10px 12px; } 
#apply-consulting form .sec-row .dash { margin-left: 4px; } 
#apply-consulting form .sec-row .terms-box { width: 100%; height: 160px; overflow-y: scroll; border: 1px solid #ccc; padding: 10px; } 
#apply-consulting form .agree-line label { margin-left: 5px; font-size: 15px; cursor: pointer; } 
#apply-consulting form .submit-btn { background: #3a3537; color: #fff; cursor: pointer; border-radius: 2px; padding: 10px 25px; margin: 30px auto; display: block; transition: all 0.3s; } 
#apply-consulting form .submit-btn:hover { background: var(--page-theme-color); } 
#apply-consulting form .must { position: relative; width: 6px; height: 6px; background: #f25656; display: inline-block; border-radius: 50%; vertical-align: 2px; margin-left: 2px; } 
#apply-consulting .sec-row input,
#apply-consulting .sec-row select,
#apply-consulting .sec-row textarea { transition: all 0.3s; } 
#apply-consulting .sec-row input:focus,
#apply-consulting .sec-row select:focus,
#apply-consulting .sec-row textarea:focus { border: 1px solid var(--page-theme-color); } 


/* 미디어 쿼리 */
@media (max-width: 1365px){
 #section_box_1 .left-box,
 #section_box_1 .right-box { width: 50%; } 
 #section_box_1 .left-box .ani-image,
 #section_box_1 .right-box .ani-image { width: 100%; } 
 #section_box_1 .right-box .tit { font-size: 21px; padding-left: 27px; } 
 #section_box_1 .common-tit .tit-2 { font-size: 24px; } 

 #section_box_2 .tit { margin-top: 80px; width: 55%; } 
 #section_box_2 .tit-2 .cont { font-size: 21px; } 
 #section_box_2 .tit-2 .cont-1 { margin-bottom: 35px; } 
 #section_box_2 .center-image { width: 35%; } 
 #section_box_2 .center-image img { max-width: 100%; } 
 #section_box_2 .tit .cont { word-break: keep-all; } 
 #section_box_2 .tit .cont br { display: none; } 

 #section_box_4 .box_4_contents {margin-top:30px;}
 #section_box_4 .left_contents, #section_box_4 .right_contents {font-size:20px;}
 #section_box_5 .left-tit {padding-left:45px;}
 #section_box_5 .right-con {padding-left:14%;}

 }
@media (max-width: 1200px){
 #banner-slider .swiper-slide .banner-title { font-size: 80px; } 
 }

@media (max-width: 1000px) { /* 태블릿,모바일 레이아웃 변경 */
 .intro-title { font-size: 50px; } 
 .common-tit { padding-left: 17px; } 
 .common-tit .tit-1 { font-size: 20px; padding-bottom: 30px; } 
 .common-tit .tit-2 { font-size: 24px !important; } 

 #intro-txt { padding: 80px 0; } 
 #intro-txt .cont { font-size: 18px; } 

 #banner-slider { margin-top: 110px; } 
 #banner-slider .swiper-slide { height: 462px; } 
 #banner-slider .swiper-slide .banner-title { font-size: 36px; } 
 #banner-slider .swiper-slide .banner-sub-title { font-size: 15px; } 
 #banner-slider .swiper-pagination-bullet-active { width: 30px; } 
 #banner-slider .swiper-slide.slide3 .go-success { font-size: 13px; padding: 10px 15px; } 

 #section_box_1 .left-box,
 #section_box_1 .right-box { width: 100%; } 
 #section_box_1 { margin-top: 150px; } 
 #section_box_1 .left-box { float: none; padding-left: 0; } 
 #section_box_1 .swiper-container { display: block; margin: 30px 0; text-align: center; } 
 #section_box_1 .swiper-container img { max-width: 100%; } 
 #section_box_1 .ani-image { display: none; } 
 #section_box_1 .right-box { float: none; transform: translateY(0); } 
 #section_box_1 .right-box .tit { padding-left: 17px; font-size: 17px; } 

 #section_box_2 { margin-top: 100px; } 
 #section_box_2 .container { padding-left: 10px; } 
 #section_box_2 .tit-2 .cont { font-size: 17px; } 

 #section_box_2 .center-image { width: auto; position: relative; top: 0; transform: translateY(0); text-align: center; right: 0; } 
 #section_box_2 .tit { width: 100%; padding-left: 17px; margin-top: 0; } 
 #section_box_2 .tit .cont br { display: inline; } 

 #section_box_3 {margin-top:180px; padding: 100px 0;}
 #section_box_3 .container {padding:0 10px;}
 #section_box_3 .ul-box {margin-top:50px;padding: 0 17px;}
 #section_box_3 .ul-box .box-lists {margin:0 0 30px;width:100%;height: auto;padding: 30px;}
 #section_box_3 .ul-box .box-lists .box-tit {
    font-size: 18px;
    margin-bottom: 30px;
}
#section_box_3 .ul-box .box-lists-3 .sub-tit-1,
#section_box_3 .ul-box .box-lists-3 .sub-tit-2 {font-size:28px;}
 #section_box_3 .ul-box .box-lists-1 img {width:90%; max-width:257px;}
 #section_box_3 .ul-box .box-lists-2 img {width:90%; max-width:284px;}
 #section_box_3 .ul-box .box-lists-3 img{position: relative;
    top: 0;
    right: 0;
    width: 90%;
	max-width:428px;}

 #section_box_4 .container {padding-left:10px;}
 #section_box_4 .box_4_contents {height:auto; text-align:center;}
 #section_box_4 .box_4_contents .lawyer_img img {    position: relative;
    left: 0;
    transform: translate(0);
    top: 0;
    width: 100%;
    max-width: 500px;}
 #section_box_4 .left_contents{     position: relative;
    left: 0;
    top: 0;
    transform: translateY(0);
    width: auto;
    padding-right: 0;
	margin-bottom:30px;
	}
	#section_box_4 .right_contents{
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0);
    width: auto;
    padding-left: 0;}

 #section_box_5 {text-align: center; margin:100px 0;}
 #section_box_5 .left-tit {display: block; padding-left:0; margin-bottom:30px;}
 #section_box_5 .right-con {display: block;  padding-left:0;}

 #success-case .case-wrapper { padding-top: 60px; } 
 #success-case .case-wrapper .case-list { width: 48%; } 
 #success-case .case-wrapper .case-list > img { height: 40vw; min-height: 200px; } 
 #success-case .success-case-content { position: relative; } 
 #success-case .success-case-content form { position: absolute; top: 0; right: 1%; } 

 #apply-consulting {padding:100px 0;} 
 #apply-consulting form {width: 95%;padding: 80px 0;margin: 0 auto;} 
 
 }
@media (max-width: 768px){
 .intro-title { font-size: 36px; } 
 .common-tit .tit-1 { font-size: 16px; padding-bottom: 20px; } 
 .common-tit .tit-2 { font-size: 20px !important; } 
 #intro-txt .cont { font-size: 16px; } 
 #intro-txt .cont.cont-1 { margin: 34px 0 30px; } 

 #section_box_1 { margin-top: 100px; } 
 #section_box_1 .right-box .tit,
 #section_box_2 .tit-2 .cont { font-size: 14px; line-height: 1.8; } 

 #section_box_3 {margin-top:100px;}
 #section_box_3 .ul-box .box-lists {padding: 30px 20px;}
 #section_box_3 .ul-box .box-lists .box-tit {font-size:16px;}
 #section_box_3 .ul-box .box-lists-3 .sub-tit-1, 
 #section_box_3 .ul-box .box-lists-3 .sub-tit-2  {font-size:24px;}
															
 #success-case .success-case-content form { width: 100%; right: 0; } 
 #success-case form .input-wrapper { width: 98%; } 
 #section_box_3 {padding:70px 0;}
 #section_box_3 .ul-box .box-lists-1 img, #section_box_3 .ul-box .box-lists-2 img {width:90%;}
 #section_box_4 {margin-top:100px;}
 #section_box_4 .left_contents,
 #section_box_4 .right_contents{font-size:14px;}

  #section_box_5 {padding:80px 0;}
  #section_box_5 .left-tit {    font-size: 26px;}
  #section_box_5 .left-tit strong {   
    font-size: 36px;}
  #section_box_5 .right-con {    font-size: 16px;}
  #apply-consulting {padding:70px 0 ;}  
  #apply-consulting form {padding:50px 0 0; }
 }
@media (max-width: 420px){
 .intro-title { font-size: 24px; } 
 .common-tit .tit-1 { font-size: 14px; } 
 .common-tit .tit-2 { font-size: 16px !important; } 
 #intro-txt { padding: 48px 0; } 
 #intro-txt .cont { font-size: 14px; } 

 #section_box_1 { margin-top: 70px; } 
   #section_box_5 .right-con {    font-size: 14px;}

 #banner-slider .swiper-slide .banner-title { white-space: normal; } 
 #banner-slider .swiper-slide .banner-sub-title { white-space: normal; word-break: keep-all; } 
 #banner-slider { margin-top: 95px; } 
 #intro-txt .intro-con strong { font-size: 15px; } 
 #intro-txt .intro-con p { font-size: 13px; } 

 }