@charset "utf-8";
/**
* DND Cascading Style Sheets
* File Name : layout.css
* Description : layout 반응형 스타일시트
* Author : Web business Team / White
* Email : amt_web@gnmpm.com
* Date : 2019.03.29
* Update : 2021.04.16
* Copyright(c) DND. All Rights Reserved.
*/
/* latest version 210416 */

/* ************************************** *
 * in-wrap 컨텐츠 가로사이즈 조정
 * ************************************** */
.in-wrap { width: 1400px; margin: 0 auto;}
/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:991px) and (max-width:1400px) {
	.in-wrap { width: 94%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.in-wrap { width: 90%;}
}





/* ************************************** *
 * common style
 * ************************************** */
::selection { background: rgba(26,115,232,.1);}
/* mobile컨텐츠 숨김 */
.con-m { display: none;}
/* pc에서 br태그 효과 적용 */
.br-pc { display: block;}


.img-max { max-width: 100%;}
.img-ct-max { display: block; max-width: 100%; margin: 0 auto;}
/* 상하좌우 center위치잡기 */
.responsive { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
/* 상하 center위치잡기 */
.responsive-h { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); text-align: center;}
.inquiry-pop,
.bg-body { display: none; z-index: 500; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
/* 마우스 오버 시 tooltip */
a[data-tooltip]:hover { position: relative;}
a[data-tooltip]:hover:after { position: absolute; z-index: 9999; width: auto; padding: 2px 5px; background: rgba(0,0,0,.7); color: #ddd; font-size: 13px; content: attr(data-tooltip); line-height: 20px; top: 110%; left: 50%; transform: translate(-50%,0); -o-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.fade_in { -webkit-animation-name:fade; -webkit-animation-duration:1s; animation-name:fade; animation-duration:1s;}
@-webkit-keyframes fade {
    from { opacity:0;}
    to { opacity:1;}
}
@keyframes fade {
    from { opacity:0;}
    to { opacity:1;}
}
@-webkit-keyframes fade-down {
    0% { opacity:0; margin-top:-40px;}
    100% { opacity:1; margin-top:0;}
}
@keyframes fade-down {
    0% { opacity:0; margin-top:-40px;}
    100% { opacity:1; margin-top:0;}
}
@-webkit-keyframes fade-left {
    0% { opacity:0; margin-left:-10px;}
    100% { opacity:1; margin-left:0;}
}
@keyframes fade-left {
    0% { opacity:0; margin-left:-10px;}
    100% { opacity:1; margin-left:0;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /* common */
    .con_pc { display:none;}
    .con_m { display:block;}
}


/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* pc컨텐츠 숨김 */
	.con-pc { display: none !important;}
	/* mobile컨텐츠 보임 */
	.con-m { display: block !important;}
	/* pc에서 br태그 효과 해제 */
	.br-pc { display: inline-block;}
	/* mobile에서 br태그 효과 적용 */
    .br-m { display: block;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* mobile에서 font size 자동 축소 */
	html { font-size: 57% !important;}
}





/* ************************************** *
 * header layout
 * ************************************** */
/* header */
#header { z-index: 50; position: fixed; width: 100%;}
#header .header-in { position: absolute; width: 95%; margin: 0 auto-; right:0}
#header h1 { position: absolute; top: 35px; left:0;}
#header h1 img { width: 200px;}
/* gnb : 글로벌네비게이션 메뉴 */
#gnb { position: absolute; top: 35px; right: 0;}
#gnb li { float: left; background: url('image/bg-notice-line-white.png') no-repeat left center; padding: 0 10px;}
#gnb li:first-child { background: none;}
#gnb li a { display: block; font-size: 1.3rem; color: #fff; text-transform: uppercase; opacity: .7;}
/* lnb : 네비게이션 메뉴 */
#lnb { z-index: 200; position: absolute; top: 0; right: 100px;}
.lnb-pc { float:left; margin-top: 40px;}
.lnb-pc .lnb-navi > li { position: relative; float: left;}
.lnb-pc .lnb-navi > li > a { display: block; margin: 0 35px; line-height: 57px; font-size: 1.75rem; color: #fff;}
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.focus > a,
.lnb-pc .lnb-navi > li.on > a { color: #daba7f;}
.lnb-pc .lnb-dep2 { display: none; z-index: 200; position: absolute; top: 75px; left: 50%; margin-left: -80px; width: 160px; padding: 15px 0; background: #333; box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -ms-box-shadow: 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -o-box-shadow: 0 0 10px rgba(0,0,0,.2);}
.lnb-pc .lnb-dep2 > li a { display: block; font-size: 1.4rem; color: #fff; line-height: 32px; text-align: center;}
.lnb-pc .lnb-dep2 > li a:hover { background: #eee; color: #111;}
.lnb-m { display: none;}
.lnb-m .btn-menu { z-index: 199; overflow: hidden; position: absolute; top: 9px; right: 10px; cursor: pointer;}
.lnb-m .btn-close { z-index: 201; position: absolute; top: 40px; right: 40px; cursor: pointer;}
.lnb-m .lnb-box { z-index: 200; display: none; position: fixed; top: 0; right: 0; width: 50%; height: 100%; background: #fff; padding: 80px 35px 0; box-sizing: border-box;}
/* .lnb-m .lnb-box .lnb-navi { position: absolute; top: 30%; left: 50px; width: 100%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);} */
.lnb-m .lnb-box .lnb-navi {  width: 100%; -webkit-transform: translate(0,-8%); -ms-transform: translate(0,-8%); -moz-transform: translate(0,-8%); -o-transform: translate(0,-8%); transform: translate(0,-8%);}
.lnb-m .lnb-box .lnb-navi > li > a { display: block; font-size: 2rem; font-weight: 500; letter-spacing: -.4px; line-height: 0px; color: #222;}
.lnb-m .lnb-box .lnb-navi > li > a:hover,
.lnb-m .lnb-box .lnb-navi > li.on > a { color: #8b713b;}
.lnb-m .lnb-box .lnb-dep2 { display: none; padding: 10px 0;}
.lnb-m .lnb-box .lnb-dep2 a { display: block; padding-left: 3%; font-size: 1.8rem; line-height: 30px; padding-bottom: 5px; color: #555;}
.lnb-m .lnb-box .lnb-dep2 a:hover { font-weight: 700;}
.lnb-m .lnb-box .lnb-dep2 a:before { content: "ㆍ ";}

/* .lnb-m .m-link { width: 100%; -webkit-transform: translate(0,-70%); -ms-transform: translate(0,-70%); -moz-transform: translate(0,-70%); -o-transform: translate(0,-70%); transform: translate(0,-50%) !important;} */

.lnb-m .m-link { width: 100%; }
.lnb-m .m-link li { position: relative; width: 100%; height: 45px; margin-bottom: 5px; padding: 13px 15px 0; box-sizing: border-box; background: #f8f8f8; border: 1px solid #eaeaea !important; font-size: 1.6rem; font-weight: 700;}
.lnb-m .m-link li p { position: absolute; right: 10px; top: 10px; color: #828080; font-size: 1.2rem; font-weight: 200 !important; padding-top: 5px;}
.lnb-m .m-link a div { color: #212121;}

.call-box { float: left;  margin-top: 50px;}
.call-box .triangle { width:100%; display:block; display:block; border-left:52px solid transparent; border-right:52px solid transparent; border-top:52px solid #807058; position: absolute; left:-310px;}
.call-box .btn-action-shape { cursor: pointer; overflow: hidden; position: relative; display: inline-block; line-height: 40px; padding: 0 12px; text-align: center; font-size: 1.5rem; font-weight: 200; border: solid 1px #d4c4a3; color: #e6cc9c; text-decoration: none !important;}
.call-box .btn-action-shape .action-triangle { width: 100%; display: block; border-left: 52px solid transparent; border-right: 52px solid transparent; border-top: 52px solid #807058; position: absolute; left: -310px;}
.call-box .btn-action-shape .action-txt { display: block; position: relative;}
.call-box .btn-action-shape .action-txt span.tell { display: inline-block; padding-left: 5px; font-size: 1.8rem; font-weight: 500;}
.call-box .btn-action-shape .action-txt-hover { color: #fff;}
.call-box .none { border: 0 !important; margin-right: 0px !important; margin-top: -8px; padding: 5px 10px 0 5px !important}
.call-box .btn-action-shape .action-txt span.tell i { font-size: 2.7rem !important; line-height: 40px;}
/*모바일 전화걸기 아이콘*/
.content-center { position: absolute; justify-content: center; align-items: center; right: 60px;}
.pulse i { color: #fff; font-size: 1.8rem !important;}
.pulse { height: 35px; width: 35px; background-color: #daba7f; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative;}
.pulse::before { content: ""; position: absolute; border: 1px solid #daba7f; width: calc(40% + 25px); height: calc(40% + 25px); border-radius: 50%; animation: pulse 1s linear infinite;}
  /* .pulse::after {
    content: "";
    position: absolute;
    border: 1px solid  #daba7f;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite;
    animation-delay: 0.3s;
  } */

  @keyframes pulse {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }

    50% {
      transform: scale(1);
      opacity: 1;
    }

    100% {
      transform: scale(1.3);
      opacity: 0;
    }
  }

/* scrollTop */
#header.scroll-top { height: 100px; background: #fff; border-bottom: 1px solid #eee;}
#header.scroll-top h1 { top: 25px;}
#header.scroll-top h1 img { width: 200px;}
#header.scroll-top #gnb { top: 35px;}
#header.scroll-top #gnb li { background: url('image/bg-notice-line-black.png') no-repeat left center;}
#header.scroll-top #gnb li:first-child { background: none;}
#header.scroll-top #gnb li a { color: #272a32;}
#header.scroll-top #lnb { top: 0;}
#header.scroll-top .lnb-pc { margin-top: 20px;}
#header.scroll-top .lnb-pc .lnb-navi > li > a { color: #000;}
#header.scroll-top .lnb-pc .lnb-navi > li > a:hover,
#header.scroll-top .lnb-pc .lnb-navi > li.on > a { font-weight: 500;}
#header.scroll-top .call-box { margin-top: 30px;}
#header.scroll-top .call-box .btn-action-shape { border: solid 1px #40454b; color: #d8bd7a; background: #40454b;}
#header.scroll-top .call-box .none { border: 0 !important; background: none !important}
#header.scroll-top .call-box .btn-action-shape .action-txt span.tell i { line-height: 43px;}
#header.scroll-top .call-box .btn-action-shape .action-triangle-m { width: 100%; display: block; border-left: 52px solid transparent; border-right: 52px solid transparent; border-top: 0px !important; position: absolute; left: -310px;}

/* slide-menu
.slide-menu { z-index: 99; position: fixed; top: 0; bottom: 0;right: 0; width: 60px; background: #1b1917}
.desktop_icon { position: absolute; bottom: 70px; right: 15px;}
.desktop_icon img { float: none;}
.desktop_icon a { width: 26px; padding-left: 0px; }
.icon_wrap { display: block; width: 66px; height: 70px; text-decoration: none; border-radius: 50px; background-color: #1b1917;-webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out;
            text-align: center; margin-left: auto; overflow: hidden;}
.dt_icon { float: none;}
.dt_txt { float: left; display: none; padding-left: 15px; font-size: 2rem; font-weight: 200; line-height: 70px; color: #fff;}
.desktop_icon a .dt_txt:hover { color: #ccb58a;}*/
.top-btn { position: absolute; bottom: 20px; left: 30px;}
.slide-menu-new { z-index: 99; position: fixed; top: 0; bottom: 0;right: 0; width: 85px; background: #1b1e22}
.slide-menu-new ul.quick li a {display: block; height: 100px;border-bottom: 1px solid #2c3036; text-align: center !important; color: #fff; font-size: 1.3rem; font-weight: 100;}
.slide-menu-new ul.quick li a:hover { color: #d8bd7a; font-weight: 500}
.slide-menu-new ul.quick li:nth-of-type(1) { background: url('image/ico-slide05.png') no-repeat center top 25px; background-size: 38px;}
.slide-menu-new ul.quick li:nth-of-type(2) { background: url('image/ico-slide06.png') no-repeat center top 20px; background-size: 35px;}
.slide-menu-new ul.quick li:nth-of-type(3) { background: url('image/ico-slide07.png') no-repeat center top 20px; background-size: 35px;}
.slide-menu-new ul.quick li:nth-of-type(4) { background: url('image/ico-slide08.png') no-repeat center top 20px; background-size: 40px;}
.slide-menu-new ul.quick li span { display: block; padding-top: 60px}
.slide-menu-new ul.quick a { width: 100%; display: block; color: #404347;}

.slide-menu-new ul.family-link li { height: 100px; padding-top: 30px !important; box-sizing: border-box; border-bottom: 1px solid #2c3036 !important; text-align: center; font-size: 1.6rem; font-weight: 700;}
.slide-menu-new ul.family-link li p { color: #eadbc1; font-size: 1.3rem; font-weight: 200 !important; padding-top: 5px;}
.slide-menu-new ul.family-link li:nth-of-type(1), .slide-menu-new ul.family-link li:nth-of-type(3) { background: #15161a !important; }
.slide-menu-new ul.family-link li:nth-of-type(2), .slide-menu-new ul.family-link li:nth-of-type(4) { background: #14171b !important; font-size: 1.4rem; letter-spacing: -0.04em;}
.slide-menu-new ul.family-link a div { color: #e6cc9c;}
.slide-menu-new ul.family-link a:hover div { color: #ffffff;}
.slide-menu-new ul.family-link a:hover div p { color: #bcbcbc;}
/* quick-menu */
.quick-mo { z-index: 999; position: fixed; bottom:0; background: #eee; width: 100%;}
.quick-mo li { float: left; text-align: center;}
.quick-mo li a { height: 50px; line-height: 50px; font-size: 1.6rem; font-weight: 500; padding-left: 30px;color: #fff;}
.quick-mo li:nth-of-type(1) { width: 33%; background: #2e3d50 url('image/ico-slide05-m.png') no-repeat center left 10px; background-size: 30px;}
.quick-mo li:nth-of-type(2) { width: 34%; background: #3c4b60 url('image/ico-slide06-m.png') no-repeat center left 10px; background-size: 22px; border-left: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; box-sizing: border-box;}
.quick-mo li:nth-of-type(3) { width: 33%; background: #333c45 url('image/ico-slide07-m.png') no-repeat center left 15px; background-size: 25px;}
.quick-mo li:nth-of-type(4) { background: #333c45;}

.quick-mo-new { z-index: 999; position: fixed; bottom:0; background: #ffffff; width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: 0 0 30px rgba(19, 19, 19, 0.3);}
.quick-mo-new li { float: left; width: 33%; text-align: center; height: 70px;}
.quick-mo-new li div { width: 45px; height: 45px; border: 2px solid #fff; background: linear-gradient(-122deg,#394f6e,#112034) !important; border-radius: 50%; margin: 0 auto 5px; margin-top: -13px; line-height: 40px;}
.quick-mo-new li a { font-size: 1.5rem; font-weight: 500; color: #191919; letter-spacing: -0.04em;}
.quick-mo-new li:nth-of-type(1) div img { width: 30px;}
.quick-mo-new li:nth-of-type(2) div img { width: 22px;}
.quick-mo-new li:nth-of-type(3) div img { width: 25px;}


/* ////////////////////////////////////////////////// notebook  */
@media all and (min-width:1401px) and (max-width:1600px) {
	.lnb-pc .lnb-navi > li > a { margin: 0 25px; line-height: 57px; font-size: 1.6rem; color: #fff;}
}

/* ////////////////////////////////////////////////// notebook  */
@media all and (min-width:991px) and (max-width:1400px) {
	#header h1 img, #header.scroll-top h1 img { width: 170px;}
	#header.scroll-top .lnb-pc { margin-top: 30px;}
	/* lnb : 네비게이션 메뉴 */
	#lnb { right: 20px;}
	.lnb-pc .lnb-navi > li > a { margin: 0 10px; line-height: 30px; font-size: 1.5rem;}
    .lnb-pc .lnb-dep2 { top: 40px;}
	 /* slide-menu */
    .slide-menu { display: none;}
	.slide-menu-new { display: none;}
	.call-box { margin-top: 40px; margin-left: 10px; padding-right: 0px}
	.call-box .btn-action-shape { line-height: 28px; padding: 0 5px; font-size: 1.2rem;}
	.call-box .btn-action-shape .action-txt span.tell { padding-left: 5px; font-size: 1.3rem;}
	/* quick-menu */
	.quick-mo, .quick-mo-new { display: block;}
    .quick-mo li:nth-of-type(1) { width: 33%; background: #2e3d50 url('image/ico-slide05-m.png') no-repeat center left 120px; background-size: 30px;}
    .quick-mo li:nth-of-type(2) { width: 34%; background: #3c4b60 url('image/ico-slide06-m.png') no-repeat center left 130px; background-size: 22px;}
    .quick-mo li:nth-of-type(3) { width: 33%; background: #333c45 url('image/ico-slide07-m.png') no-repeat center left 130px; background-size: 25px;}
}

/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* lnb : 네비게이션 메뉴 */
	#lnb { right: 0;}
	.lnb-pc { display: none;}
	.lnb-m { display: block;}
}
/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
	/* gnb : 글로벌네비게이션 메뉴 */
	#gnb { right: 60px;}
	/* lnb : 네비게이션 메뉴 */
	.lnb-m .btn-menu { top: 35px; right: 20px;}
	.lnb-m .lnb-box .lnb-navi > li > a { line-height: 50px;}
	#header.scroll-top .lnb-m .btn-menu { top: 25px;}
	/* slide-menu */
    .slide-menu { display: none;}
	.slide-menu-new { display: none;}
	.call-box { margin-top: 40px; padding-right: 80px}
    .call-box .btn-action-shape { line-height: 30px; padding: 0 7px; text-align: center; font-size: 1.3rem;}
    /* quick-menu */
    .quick-mo li:nth-of-type(1) { width: 33%; background: #2e3d50 url('image/ico-slide05-m.png') no-repeat center left 70px; background-size: 30px;}
    .quick-mo li:nth-of-type(2) { width: 34%; background: #3c4b60 url('image/ico-slide06-m.png') no-repeat center left 70px; background-size: 22px;}
    .quick-mo li:nth-of-type(3) { width: 33%; background: #333c45 url('image/ico-slide07-m.png') no-repeat center left 70px; background-size: 25px;}
    /* gnb : 글로벌네비게이션 메뉴 */
    .content-center { right: 80px; top:35px}
}

/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:768px) {
	/* lnb : 네비게이션 메뉴 */
	#lnb { top: 23px;}
    .lnb-m .btn-menu { top: 0;}
	/* gnb : 글로벌네비게이션 메뉴 */
    .content-center { right: 60px;}
    #header.scroll-top .call-box { margin-top: 100px; }
}

@media all and (max-width:640px) {
	/* header */
	#header .header-in { width: 95%;}
	#header h1 { top: 25px;}
	#header h1 img { width: 130px;}
	/* lnb : 네비게이션 메뉴 */
	#lnb { top: 23px;}
    .lnb-m .btn-menu { top: 0;}
    .lnb-m .btn-menu img { height: 31px;}
    .lnb-m .btn-close { top: 25px; right: 25px;}
    .lnb-m .btn-close img { height: 25px;}
    .lnb-m .lnb-box { width: 70%;}
    .lnb-m .lnb-box .lnb-navi { left: 40px;}
    .lnb-m .lnb-box .lnb-navi > li > a { line-height: 45px;}
    .lnb-m .lnb-box .lnb-dep2 { padding: 7px 0;}
    .lnb-m .lnb-box .lnb-dep2 a { line-height: 26px;}
	/* gnb : 글로벌네비게이션 메뉴 */
	#gnb { top: 33px; right: 40px;}
	/* scrollTop */
	#header.scroll-top { height: 50px;}
	#header.scroll-top h1 { top: 12px;}
	#header.scroll-top h1 img { width: 110px;}
	#header.scroll-top #gnb { top: 19px;}
	#header.scroll-top #lnb { top: 10px;}
    #header.scroll-top .call-box { margin-top: 0px;}
    /* slide-menu */
    .slide-menu { display: none;}
	.slide-menu-new { display: none;}
	.call-box { margin-top: 3px; padding-right: 50px}
    .call-box .btn-action-shape { line-height: 27px; padding: 0 5px;}
}









/* ************************************** *
 * main layout
 * ************************************** */
/* 메인 비주얼 */
.section-visual { z-index: 9999; position: relative; min-height: 800px; height: 100vh; margin-right:60px;  background: #000; background-position: center !important; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.section-visual .txt-box { position: absolute; top: 35%; left: 50%; transform: translateY(-50%); transform: translateX(-50%);}
.section-visual .txt-box p { font-size: 4rem; line-height: 1.9em; color: #fff; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 100;}
.section-visual .txt-box p span { font-weight: 500;}
.count-wrap { position: absolute; top: 55%; left: 50%; width: 100%; transform: translateY(-50%); transform: translateX(-50%); }
.count-wrap ul { width: 60%; margin: 0 auto;}
.count-wrap ul li { float: left; width: 33%; color: #ccb58a; border-left: 1px solid #ccb58a;  font-family: 'NanumMyeongjo', serif !important; font-size: 4rem; font-weight: 400; text-align: center; D}
.count-wrap ul li span { display: inline-block;}
.count-wrap ul li span.count-num { display: inline-block; padding-right: 5px; font-family: 'NanumMyeongjo', serif !important; font-weight: 800; font-size: 7rem;  color: #ccb58a; letter-spacing: -0.06em;}
.count-wrap ul li p.tit { font-family: 'Spoqa Han Sans Neo', serif !important; color: #fff; font-size: 2.2rem; font-weight: 100; padding-top: 7px;}
.count-wrap ul li:first-child { border-left: 0;}
.section-visual video {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    right: -100%;
    bottom: -100%;
    top: -100%;
    left: -100%;
    object-fit: cover;
    z-index: 5
}

/* 메인 변호사 소개 */
.section-lawyer { margin-right: 60px; min-height: 800px; height: 100vh;}
.main-lawyer { overflow: hidden; }
.main-lawyer .slick-slide { position: relative; width: 100%; min-height: 800px; height: 100vh; background: url('image/bg_lawyer.jpg') no-repeat center; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.lawyer-box { background: url('image/bg_lawyer.jpg') no-repeat center; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.main-lawyer02 { background: url('image/bg_lawyer.jpg') no-repeat center; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.main-lawyer03 { background: url('image/bg_lawyer.jpg') no-repeat center; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.main-lawyer04 { background: url('image/bg_lawyer.jpg') no-repeat center; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.main-lawyer .tit-main-visual { overflow:hidden; width: 90%; margin: 450px auto 0; color: #fff; text-align: right;}
.main-lawyer .tit-main-visual > div { float: left;}
.main-lawyer .tit-main-visual > div:nth-of-type(1) { width: 40%;}
.main-lawyer .tit-main-visual h3 { padding-bottom: 0px; font-size: 3.8rem; letter-spacing: -.4px;}
.main-lawyer .tit-main-visual h3 span { display: inline-block; margin-left: 5px; font-size: 5.3rem; font-weight: 500; color: #daba7f}
.main-lawyer .tit-main-visual p { font-size: 1.8rem;}
.main-lawyer .lawyer-img img { display: none; position: absolute; bottom: 0px; margin-left: 45%;}

.main-lawyer .tit-main-visual02 { overflow:hidden; width: 90%; margin: 450px auto 0; color: #fff; text-align: right; background: #f60-;}
.main-lawyer .tit-main-visual02 > div { float: left;}
.main-lawyer .tit-main-visual02 > div:nth-of-type(1) { width: 45%;}
.main-lawyer .tit-main-visual02 h3 { padding-bottom: 0px; font-size: 2.6rem; letter-spacing: -.4px;}
.main-lawyer .tit-main-visual02 h3 span { display: inline-block; margin-left: 5px; font-size: 3.1rem; font-weight: 500; color: #daba7f}
.main-lawyer .tit-main-visual02 .img-tit-logo02 img {width: 85%}

/* 메인 상담예약 */
.section-reservation { position: relative; min-height: 800px; height: 100vh; margin-right: 60px; background: url('image/bg-reservation.jpg') no-repeat; background-position: center !important; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.section-reservation .cont-wrap { position: absolute; top: 25%; width: 100%; overflow: hidden; letter-spacing: -0.06em;}
.section-reservation .txt-box { margin-bottom: 70px; text-align: center;}
.section-reservation .txt-box p { font-size: 4rem; line-height: 1.9em; color: #fff; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 100;}
.section-reservation .txt-box p span { font-weight: 500; color: #daba7f}
.reservation-wrap h3 { font-size: 2.3rem; color: #fff; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 500;}
.reservation-wrap .situation h3 span { color: #daba7f; font-weight: 400;}
.reservation-wrap .situation .state-box { width: 100%;  margin-top: 50px}
.reservation-wrap .situation { float: left; width:48%; background-color: rgba(59, 60, 63, 0.9); min-height: 500px;}
.reservation-wrap .situation .list-box { position: relative; width: 60%; margin: 35px auto 0; padding-left: 100px}
.reservation-wrap .situation .list-box ul { overflow: hidden; width: 90%; margin-top: 50px;}
.reservation-wrap .situation .list-box ul li {position: relative; padding: 15px 20px 15px 20px; border-bottom: 1px solid #59595b; font-size: 1.5em; color:#fff; font-weight: 100;}
.reservation-wrap .situation .list-box ul li span:nth-child(1) { display: inline-block; margin-right: 50px;}
.reservation-wrap .situation .list-box ul li span:nth-child(2) { display: inline-block; margin-right: 20px;}
.reservation-wrap .situation .list-box ul li p {position: absolute; right: 15px; display: inline-block; padding: 2px 5px; border-radius: 3px; border: 1px solid #d4c4a3; background: #424343; color: #f6e1b8; font-size: 0.8em;}
.reservation-wrap .situation .list-box .btn-more { position: absolute; top: 0; right: 0;}
.reservation-wrap .reserv-form { float: right; width:48%; background-color: rgba(167, 144, 104, 0.95); min-height: 500px;}
.reservation-wrap .reserv-form h3 span { color: #ffd68b; font-weight: 500;}
.reservation-wrap .reserv-form .form-box { width: 70%; margin: 35px auto 0;}
.reservation-wrap .reserv-form .form-box p.tip { padding-top: 10px; color: #ffffff; font-size: 1.5em; font-weight: 300;}
.form-wrap { width: 100%; margin-top: 20px;}
.form-wrap dl {padding: 0;}
.form-wrap dt { float: left; width:20%; padding: 3px 0; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 400; font-size: 1.5em; color: #fff; text-align: left; line-height: 35px;}
.form-wrap dd { float: left; width: 80%; padding: 3px 0; font-size: 15px; color: #fff; line-height: 20px; text-align: left;}
.form-wrap .input-select { width: 100%; height: 46px; line-height: 46px; padding: 0 20px 0 10px; border: solid 1px #b8ab93; box-sizing: border-box; border-radius: 3px; background:#a18c67 url('../img/bg-arr-select-black.png') no-repeat 97% center; color: #efdab6; font-size:1.5rem;}
.form-wrap .input-text { width: 100%; height: 35px; line-height: 35px; padding: 0 2%; border: 0; border-bottom: solid 1px #b8ab93; background: transparent; color: #fff; font-weight: 500; font-size:1.7rem;}
.form-wrap .input-textarea { width: 95%; min-width: 100%; max-width: 95%; height: 120px; max-height: 120px; min-height: 120px; font-weight: 500; font-size:1.7rem; padding: 2%; border: 0; border-bottom: solid 1px #b8ab93; background: transparent; box-sizing: border-box; color: #fff; font-weight: 100;}
.form-wrap input::placeholder, .form-wrap textarea::placeholder  { color: #efdab6; font-weight: 100; font-size:1.5rem;}
.form-wrap .privacy-box label { color: #fff; font-weight: 100;}
/* 메인 성공사례 */
.section-success { position: relative; min-height: 800px; height: 100vh; margin-right: 60px; background: url('image/bg-success.jpg') no-repeat; background-position: center !important; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.section-success .cont-wrap { position: absolute; top: 20%; width: 100%; overflow: hidden; letter-spacing: -0.06em;}
.section-success .txt-box { margin-bottom: 70px; text-align: center;}
.section-success .txt-box p { font-size: 4rem; line-height: 1.9em; color: #fff; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 100;}
.section-success .txt-box p span { font-weight: 500; color: #daba7f}
.section-success .txt-box h4 { font-weight: 100; color: #fff; text-align: center; font-size: 3em; padding-top: 30px; text-decoration: underline;}
.section-success .success-wrap { position: relative; overflow: hidden; width: 90%; margin: 0 auto;}
.main-gallery { width: 85%; margin: 0px auto 0;}
.main-gallery .slick-slide { margin: 0 30px;}
.main-gallery a { display: block;}
.main-gallery a:hover .ex-cont { border: 1px solid #c9b894;}
.main-gallery .ex-cont { overflow: hidden; max-width: 100%; background: #fff; border: 1px solid #ffffff; border-radius: 10px;}
.main-gallery .ex-cont .tit-cont { padding: 25px;}
.main-gallery .ex-cont .tit-cont span { display: inline-block; padding: 3px 10px; margin-bottom: 25px; background: #2d3c59; border: 1px solid #19232f; border-radius: 3px; color: #d4c4a3; font-size: 1.7em;}
.main-gallery .ex-cont .tit-cont h5 { font-size: 1.7em; font-weight: 700; color: #000; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-break: break-all;}
.main-gallery .ex-cont .tit-cont .cont-h { height: 140px; overflow: hidden}
.main-gallery .ex-cont .tit-cont .cont-h p { padding: 15px 0 40px; margin: 0; color: #8d8d8d; font-size: 1.5em; font-family: 'Spoqa Han Sans Neo', sans-serif !important; line-height: 2.5rem; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; }
.main-gallery .ex-cont .tit-cont p.text-more { display: inline-block; margin-top: 20px; padding: 0 10px 0 0; background: url('image/ico-arro.png') no-repeat center right; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-size: 1.2em; color: #2d3c59; text-decoration: underline;}
.main-gallery .ex-cont .law-cont { padding: 15px 25px; background:#2d3c59;}
.main-gallery .ex-cont .law-cont p.photo { display: inline-block; width: 50px; height: 50px; padding: 0; border-radius: 3px; background:#fff; vertical-align: middle; overflow: hidden; box-sizing: border-box;}
.main-gallery .ex-cont .law-cont p.photo i { display: block; width: 100%; height: 0; padding-bottom: 100%; transform: scale(1,1); transition: all 0.3s ease-out 0s; }
.main-gallery .ex-cont .law-cont p.photo:hover i { transform: scale(1.1,1.1);}
.main-gallery .ex-cont .law-cont p.name { display: inline-block; padding: 0 0 0 10px; color: #fff; font-weight: 100; font-size: 1.4em; vertical-align: middle;}
.main-gallery .ex-cont .law-cont p.name span { display:block; font-size: 1.4em; font-weight: 300;}
.main-gallery .ex-cont .law-cont .doc { position: absolute; right: 65px; bottom: 15px; border: 1px solid #eee;}
.main-gallery a:hover .ex-cont .law-cont p.name { color: #c9b894;}
/* 메인 업무분야 */
.section-business { position: relative; min-height: 800px; height: 100vh; margin-right: 60px; background: url('image/bg-business.jpg') no-repeat; background-position: center !important; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.section-business .cont-wrap { position: absolute; top: 25%; width: 100%; letter-spacing: -0.06em; }
.section-business .txt-box { text-align: center; margin-bottom: 140px}
.section-business .txt-box p { font-size: 4rem; line-height: 1.6em; color: #fff; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 100; text-align: center;}
.section-business .txt-box p span { font-weight: 500; color: #daba7f}
.field_wrap .inner { position: relative; max-width: 1300px; margin: 0 auto; }
.field_wrap .field_list_wrap { width:100%; padding:0 1rem; text-align:center; }
.field_wrap .field_list_wrap .field_list { width:100%; position: relative; margin-left: 11%;}
.field_wrap .field_list_wrap .field_list .field_link { width: 15%; height:0; padding-bottom: 8.3%; position:absolute; cursor:pointer; }
.field_wrap .field_list_wrap .field_list .field_link a { display:block; width:100%; height:100%; position:absolute; padding-top:45%; border:1px solid #8f8173; border-radius: 0.6rem; overflow:hidden;
                                                        background-color: rgba(23, 25, 29, 0.5); transition:background 0.3s; }
.field_wrap .field_list_wrap .field_list .field_link:hover a { background-color: rgba(154, 134, 99, 0.8);  transition:background 0.3s; border:1px solid #e0d3bb;}
.field_wrap .field_list_wrap .field_list .field_link a span { font-size: 1.8rem; font-weight: 300; color:#fff; transform:rotate(-45deg); transition:color 0.3s; letter-spacing:-0.06em; display: inline-block; vertical-align: top; margin: -50px 0 0 -10px;}
.field_wrap .field_list_wrap .field_list .field_link a span img { width: 70px; display: block; margin-bottom: 25px;}
.field_wrap .field_list_wrap .field_list .field_link:hover { }
.field_wrap .field_list_wrap .field_list .field_link:hover a span { color:#fff; transition:color 0.3s; }
.field_wrap .field_list_wrap .field_list .field_link.link_01 { left: 0%;}
.field_wrap .field_list_wrap .field_list .field_link.link_02 { left: 22%;}
.field_wrap .field_list_wrap .field_list .field_link.link_03 { left: 44%; }
.field_wrap .field_list_wrap .field_list .field_link.link_04 { left: 66%; }
.field_wrap .field_list_wrap .field_list .field_link.link_05 { left: 11%; }
.field_wrap .field_list_wrap .field_list .field_link.link_06 { left: 33%; }
.field_wrap .field_list_wrap .field_list .field_link.link_07 { left: 55%; }
.txt-over { display: none; position: absolute; left: 0; top: 50%; width: 100%; transform: translate(0,-50%);}
.txt-over p { width: 100%; font-size: 2rem; color: #fff; transform:rotate(-45deg);}
/*애니메이션*/
.field_wrap .field_link.link_01 { opacity:0;  transform:translateY(60%) rotate(-45deg); transition:all 0.3s; transition-delay:0.4s; transition-timing-function: ease-out; }
.field_wrap.active .field_link.link_01 { opacity:1; transform:translateY(0) rotate(45deg); transition:all 0.3s; transition-delay:0.4s; transition-timing-function: ease-out; }
/* .field_wrap.active .field_link.link_01:hover a { background: url('image/bg-part-over01.jpg') no-repeat center center;} */

.field_wrap .field_link.link_02 { opacity:0;  transform:translateY(60%) rotate(20deg); transition:all 0.3s; transition-delay:0.8s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_02 { opacity:1; transform:translateY(0) rotate(44deg); transition:all 0.3s; transition-delay:0.8s; transition-timing-function: ease-out;}

.field_wrap .field_link.link_03 { opacity:0;  transform:translateY(60%) rotate(25deg); transition:all 0.3s; transition-delay:0.7s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_03 { opacity:1; transform:translateY(0) rotate(45deg); transition:all 0.3s; transition-delay:0.7s; transition-timing-function: ease-out;}

.field_wrap .field_link.link_04 { opacity:0;  transform:translateY(60%) rotate(30deg); transition:all 0.3s; transition-delay:0.8s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_04 { opacity:1; transform:translateY(0) rotate(45deg); transition:all 0.3s; transition-delay:0.8s; transition-timing-function: ease-out;}

.field_wrap .field_link.link_05 { opacity:0;  transform:translateY(120%) rotate(30deg); transition:all 0.3s; transition-delay:0.9s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_05 { opacity:1; transform:translateY(145%) rotate(45deg); transition:all 0.3s; transition-delay:0.9s;  transition-timing-function: ease-out;}

.field_wrap .field_link.link_06 { opacity:0;  transform:translateY(120%) rotate(30deg); transition:all 0.3s; transition-delay:1.0s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_06 { opacity:1; transform:translateY(145%) rotate(45deg); transition:all 0.3s; transition-delay:1.0s; transition-timing-function: ease-out;}

.field_wrap .field_link.link_07 { opacity:0;  transform:translateY(120%) rotate(30deg); transition:all 0.3s; transition-delay:1.1s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_07 { opacity:1; transform:translateY(145%) rotate(45deg); transition:all 0.3s; transition-delay:1.1s;  transition-timing-function: ease-out;}

.mo-business { display: none;}
.mo-business ul { width: 95%; margin: 0 auto;}
.mo-business li { float:left; width: 48%; padding: 15px 0; margin: 1% 0.5%; border:1px solid #8f8173; background-color: rgba(23, 25, 29, 0.5); transition:background 0.3s;}
.mo-business li img { width: 40px; display: inline-block; margin: 0 20px 0 15px;}
.mo-business li a { color: #fff; font-size: 1.7rem}

/* 메인 찾아오시는길 */
.section-contact { position: relative; min-height: 800px; height: 100vh; margin-right: 60px; background: url('image/bg-contact.jpg') no-repeat; background-position: center !important; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.section-contact .cont-wrap { position: absolute; bottom:0; width: 100%; overflow: hidden; letter-spacing: -0.06em;}
.section-contact .txt-box { margin-bottom: 150px; text-align: center;}
.section-contact .txt-box p { font-size: 4rem; line-height: 1.9em; color: #fff; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 100;}
.section-contact .txt-box p span { font-weight: 500; color: #daba7f}
.section-contact .txt-box h4 { font-weight: 100; color: #fff; text-align: center; font-size: 3em; padding-top: 30px; text-decoration: underline;}

.tab { width: 90%; float: right; position:relative;}
.tab .map-cont { z-index: 9999; width: 43%; position: absolute; top: -15%;}
.tab .map-cont > li { display:none; width: 100%; height: 500px; -webkit-animation-name:fade; -webkit-animation-duration:2s; animation-name:fade; animation-duration:s;}
.tab .map-cont > li.on { display:block;}
.tab .map-cont > li.bg_strength01 { position: relative; background: url('image/bg_seoul.jpg') no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.tab .map-cont > li.bg_strength02 { position: relative; background: url('image/bg_cheongju.jpg') no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.tab .map-cont .txt-box { display: none; position: absolute; top: 0; left: 0; background-color: rgba(7, 7, 7, 0.7); width: 100%; height: 100%; text-align: center; border: 1px solid rgba(255, 255, 255, 0.5)}
.tab .map-cont .txt-box div { position: relative; height: 100%;}
.tab .map-cont .txt-box div button { font-size: 2.2rem; line-height: 1.5em; color: #fff; letter-spacing: -.05em;}
.tab .tab-cont { float:right; width: 70%; min-height: 500px; background: #3b4653 url('image/logo_map.png') no-repeat right 20px bottom 10px; box-sizing: border-box; padding: 70px 0 50px}
.tab .tab_nav { width: 75%; float: right }
.tab .tab_nav > li { float:left; width: 100%; padding: 20px 0;}
.tab .tab_nav > li a { display:block; width:100%; padding: 0 0 0 0; box-sizing:border-box; font-size: 2rem; color: #7e8b9a; letter-spacing:-0.07em; line-height:1.5em; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
.tab .tab_nav > li a span { font-size:30px; font-weight:lighter; letter-spacing:0; text-transform: capitalize;}
.tab .tab_nav > li a:hover { width: 100%; padding-bottom: 15px; color:#ccb58a;font-size: 2rem; }
/* .tab .tab_nav > li.on {background: url('image/bg-line.png') repeat-x center bottom} */
.tab .tab_nav > li.on a { width: 100%; padding-bottom: 15px; color:#ccb58a; font-size: 3.5rem; font-weight: 100; letter-spacing: -0.06em; background: url('image/bg-line.png-') repeat-x center bottom}
.tab .tab_nav > li.on a span { font-weight: 500; font-size: 3.5rem;}
.tab .tab_nav > li.on div {display:block;}
.tab .tab_nav > li div { width:90%; display: none; margin: 0 10px 10px;}
.tab .tab_nav > li div span.add-tit { display:inline-block; width:100px; color: #d2c2a2}
.tab .tab_nav > li p { font-size: 1.5rem; color:#fff; font-weight: 100; line-height: 1.8em; animation-name:fade-left; animation-duration:.7s; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;}
.on-box { width: 50%-; background:#59626d; opacity: 0.7; border-radius: 10px; padding: 30px 0 30px 40px}
.tab .tab_nav i { display:inline-block; margin-left: 10px; font-weight: 100;}

.mo-contact { display: none; width: 95%; margin: 0 auto;}
.mo-contact .bg-map {  position: relative; height: 220px; margin-bottom: 10px;}
.mo-contact li.seoul { background: url('image/bg_seoul.jpg') no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.mo-contact li.cheongju { background: url('image/bg_cheongju.jpg') no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.mo-contact li a { display: block;}
.mo-contact .bg-map .t-box { position: absolute; bottom:0; width: 100%; background: #000; opacity: .7; color: #fff; height: 50px; padding-top:15px}
.mo-contact .bg-map .t-box p { float:left;}
.mo-contact .bg-map .t-box p.area { font-size: 1.8rem; font-weight: 700; margin: 0 30px 0 20px;}
.mo-contact .bg-map .t-box p.add { font-size: 1.5rem;}
.mo-contact .bg-map .m-view {position:absolute; bottom: 65px; width: 50px; padding: 10px 0; background: #000; opacity: .9; color: #ccb58a; font-size: 1.8rem; font-weight:700; right:0}

/* 메인 언론정보 */
.section-news {  min-height: 800px; height: 100vh; margin-right: 60px; background: url('image/bg-news.jpg') no-repeat; background-position: center !important; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.section-news .cont-wrap {  position: relative; padding-top: 200px; width: 80%; margin: 0 auto; letter-spacing: -0.06em;}
.section-news .news-wrap { position: relative; overflow: hidden;}
.section-news .review-wrap { position: relative; overflow: hidden; margin-top: 100px;}
.section-news .tit { float: left; font-weight: 100; color: #fff; font-size: 3rem;}
.section-news .tit span.cate { display: block; color: #b5a587; font-family: 'BareunBatang',  sans-serif !important; font-size: 2rem; padding-bottom: 5px}
.section-news .tit span.pc-br { display: block;}
.section-news p.btn-more a { position: absolute; left: 5px; bottom: 120px; background:url('image/btn-more02.png') no-repeat right center; padding-right: 50px;font-size:1.5rem; color: #fff; font-weight: 100; opacity: 0.5}
.news-list { float: right; width: 75%}
.news-list .slick-slide { margin: 0 0;}
.news-list .slick-slide .img-box .no-img { position: relative; width: 100%; height: 100%; background: #eee; text-align: center;}
.news-list .slick-slide .img-box .no-img span { position: absolute; top: 50%; left: 50%; color: #797979; font-weight: bold; font-size: 15px; letter-spacing: 0; text-transform: uppercase; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.news-list { padding: 0 5%; }
.news-list .slick-slide { margin: 0 20px;}
.news-list .slick-slide .img-box { overflow: hidden; border: 1px solid #1f2328; box-sizing: border-box; height: 220px;}
.news-list .slick-slide .img-box i { display: block; width: 100%; height: 0; padding-bottom: 100%; transform: scale(1,1); transition: all 0.3s ease-out 0s;}
.news-list .slick-slide .img-box:hover i { transform: scale(1.1,1.1);}
.news-list .slick-slide a { display: block;}
.news-list .slick-slide .txt-box .p-subject { padding-top: 15px; font-size: 1.6rem; font-weight: 100; color: #fff; letter-spacing: -0.03em; word-break: break-all; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-list .slick-slide .txt-box .p-date { padding: 5px 10px 0 0; font-size: 1.2rem; font-weight: 100; color: #a6a6a6; letter-spacing: -0.03em; text-align: right;}
/* .news-list .slick-slide .txt-box .p-date-review { padding-top: 5px; font-size: 1.2rem; font-weight: 100; color: #a6a6a6; letter-spacing: -0.03em;} */

/* 메인 고객사 */
.section-client { min-height: 800px; height: 100vh; margin-right: 60px; background: url('image/bg-client.jpg') no-repeat; background-position: center !important; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.section-client .cont-wrap {  position: relative; padding-top: 300px; width: 80%; margin: 0 auto; letter-spacing: -0.06em;}
.section-client .tit { float: left; width: 35%; font-weight: 100; color: #fff; font-size: 3rem;}
.section-client .tit span { color:#daba7f}
.section-client .tit span.cate { display: block; color: #b5a587; font-family: 'BareunBatang', sans-serif !important; font-size: 2rem; padding-bottom: 5px}
.section-client .tit span.pc-br { display: block;}
.section-client .client-list { float: right; width: 65%;}
.section-client .client-list li { float: left; width: 30%; margin: 1.3%; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.01); text-align: center; padding: 3px 0; box-sizing: border-box;}
.section-client .client-list li img { width: 260px}

/* 슬라이드 퀵메뉴 */
#quick3 .quick-wrap { position: fixed; right:-280px; top:0; z-index: 100; min-height: 800px; height: 100vh; background: #262628; width:280px;}
#quick3 .slide-navi { width: 75%; margin: 100px auto 30px; border-bottom: 1px solid #404245}
#quick3 .slide-navi ul { margin-bottom: 15px}
#quick3 .slide-navi li a { font-size: 2rem; font-weight: 100; color: #fff; line-height: 50px}
#quick3 .quick-wrap .sidebar-w h3.sidebar-title { color:#fff; text-align: left; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.06em; padding-bottom: 5px;}
#quick3 .quick-wrap .sidebar-w h3.sidebar-title span.tell-num { display: inline-block; padding-left: 15px;font-size: 2rem; color: #d4c4a3; font-weight: 700;}
#quick3 .quick-wrap .sidebar-w .sidebar-container { width: 75%; margin: 0 auto;}
#quick3 .quick-wrap .sidebar-w .sidebar-container dd { margin-bottom: 5px;}
#quick3 .quick-wrap .sidebar-w .sidebar-container .input-text { width: 100%; height: 43px; line-height: 43px; padding: 0 4%; border: 1px solid #565653; border-radius: 1px; box-sizing: border-box; font-size: 14px; background: #262628; color: #fff;}
#quick3 .quick-wrap .sidebar-w .sidebar-container .btn-large, input[type="submit"].btn-large, button.btn-large { width: 100%; font-size: 1.5rem; padding: 10px 0; border: 1px solid #867450; font-family: 'Spoqa Han Sans Neo', sans-serif !important;}
#quick3 .quick-wrap .fold{ width: 26px; height: 60px; background: #1b1917 url("image/ico-slide-menu.png") no-repeat center; cursor: pointer; border-radius: 5px 0 0 5px; align-items: center; position: absolute; top: 0; right: 15px; left: -45px;}
#quick3 .quick-wrap .fold.on{ width: 35px; height: 35px; background: url("image/btn-close.png") no-repeat center right; left: 220px; top: 50px}
#quick3 .quick-wrap .quick-privacy { color:#fff !important; padding: 5px 0; font-weight: 100;}

/* ////////////////////////////////////////////////// notebook  */
@media all and (min-width:1401px) and (max-width:1600px) {
    /* 메인 변호사 소개 */
    .main-lawyer .tit-main-visual > div.img-tit-logo img { width: 820px; margin: 0 0 0 0;}
    .main-lawyer .lawyer-img img { width: 600px; }
    /* 메인 상담예약 */
    .reservation-wrap .situation, .reservation-wrap .reserv-form { min-height: 440px;}
    .reservation-wrap .situation .list-box ul { width: 97%; }
    .reservation-wrap .situation .list-box ul li { padding: 13px 20px 13px 20px;}
    .reservation-wrap .situation .list-box ul li span:nth-child(1) { margin-right: 35px;}
    .reservation-wrap .situation .list-box ul li span:nth-child(2) { margin-right: 10px;}
    .reservation-wrap .situation .list-box ul li span { margin-right: 85px;}
    .form-wrap dt { padding: 1px 0; font-size: 1.3rem; line-height: 35px;}
    .form-wrap dd {  padding: 1px 0; font-size: 1.3rem; line-height: 20px;}
    .form-wrap .input-select {  height: 35px; line-height: 35px; padding: 0 20px 0 10px; font-size: 1.3rem;}
    .form-wrap .input-text { height: 35px; line-height: 35px; padding: 0 2%; font-size:1.7rem;}
    .form-wrap .input-textarea {  height: 90px; max-height: 90px; min-height: 90px; font-size: 1.3rem; padding: 2%; }
    .form-wrap input::placeholder, .form-wrap textarea::placeholder  { font-size:1.3rem;}
    /* 메인 성공사례 */
    .main-gallery .ex-cont .law-cont { padding: 15px 15px;}
    /* 메인 업무분야 */
    .section-business .txt-box { margin-bottom: 100px}
    .field_wrap .field_list_wrap .field_list .field_link { width: 13%; padding-bottom: 7.2%;}
    /* 메인 찾아오시는길 */
    .section-contact .txt-box { margin-bottom: 100px;}
    .tab .map-cont > li { height: 400px;}
    .tab .map-cont { z-index: 9999; width: 43%; position: absolute; top: -10%;}
    .tab .tab-cont { min-height: 400px; padding: 40px 0;}
    /* 메인 언론정보 */
    .section-news .review-wrap { margin-top: 80px; }
    .news-list .slick-slide .img-box { height: 180px;}
    /* 메인 고객사 */
    .section-client .client-list li img { width: 90%}
}

/* ////////////////////////////////////////////////// notebook  */
@media all and (min-width:991px) and (max-width:1400px) {
    .section-visual, .section-lawyer, .section-reservation, .section-reservation, .section-success, .section-business, .section-contact, .section-news, .section-client { margin-right:0;}
	/* 메인 비주얼 */
    .section-visual { min-height: 600px;}
	.section-visual .txt-box { width: 100%; text-align: center; }
	.count-wrap ul { width: 95%;}
	/* 메인 변호사 소개 */
    .section-lawye { min-height: 600px;}
	.main-lawyer .tit-main-visual { margin: 250px auto 0;}
	.main-lawyer .tit-main-visual > div:nth-of-type(1) { width: 50%;}
	.main-lawyer .lawyer-img img  { width: 680px; margin-left: 35%;}
	.main-lawyer .lawyer-img img.mo { margin-left: 40%;}

    .main-lawyer .tit-main-visual02 {  margin: 120px auto 0;}
    .main-lawyer .tit-main-visual02 > div { float: none;}
    .main-lawyer .tit-main-visual02 > div:nth-of-type(1) { width: 100%;}
    .main-lawyer .lawyer-img-m img { position: relative; margin: 0 auto !important; width: 70%; bottom: 70px; }
    .main-lawyer .tit-main-visual02 .img-tit-logo02 img {width: 55%}
	/* 메인 상담예약 */
    .section-reservation { min-height: 600px;}
    .reservation-wrap .situation, .reservation-wrap .reserv-form { min-height: 430px;}
	.section-reservation .cont-wrap { top: 15%;}
	.section-reservation .txt-box { margin-bottom: 10px; }
	.reservation-wrap .situation .list-box { width: 80%; margin: 30px auto 0; padding-left: 0px;}
	.reservation-wrap .situation .list-box ul { width: 90%;}
	.reservation-wrap .situation .list-box ul li { padding: 13px 0px 13px 15px;}
    .reservation-wrap .situation .list-box ul li span:nth-child(1) { margin-right: 35px; font-size: 1.3rem;}
    .reservation-wrap .situation .list-box ul li span:nth-child(2) { margin-right: 10px; font-size: 1.4rem;}
	.reservation-wrap .situation .list-box ul li span { margin-right: 70px;}
    .reservation-wrap .situation .list-box .btn-more img { width: 25px;}
	.reservation-wrap .reserv-form .form-box { width: 80%; margin: 30px auto 0;}
    .form-wrap { margin-top: 10px;}
    .form-wrap dt { padding: 1px 0; font-size: 1.3rem; line-height: 35px;}
    .form-wrap dd {  padding: 1px 0; font-size: 1.3rem; line-height: 20px;}
    .form-wrap .input-select {  height: 35px; line-height: 35px; padding: 0 20px 0 10px; font-size: 1.3rem;}
    .form-wrap .input-text { height: 35px; line-height: 35px; padding: 0 2%; font-size:1.7rem;}
	.form-wrap .input-textarea {height: 80px; max-height: 80px; min-height: 80px;}
    /* 메인 성공사례 */
	.section-success { min-height: 600px;}
    .section-success .txt-box { margin-bottom: 10px;}
    .section-success .txt-box h4 { padding-top: 0px;}
    .main-gallery .ex-cont .law-cont { padding: 15px 10px;}
    .main-gallery .ex-cont .law-cont p.photo { width: 40px; height: 40px;}
    .main-gallery .ex-cont .law-cont p.name { padding: 0 0 0 5px; font-size: 1.1em;}
    .main-gallery .ex-cont .tit-cont { padding: 10px 20px; }
    .main-gallery .slick-slide { margin: 0 40px;}
    /* 메인 업무분야 */
    .section-business { min-height: 600px;}
    .section-business .cont-wrap { top: 20%;}
    .section-business .txt-box { margin-bottom: 50px;}
    .section-business .txt-box p { font-size: 3.3rem; line-height: 1.6em;}
	/* 메인 찾아오시는길 */
    .section-contact  { min-height: 600px;}
    .section-contact .txt-box { margin-bottom: 70px;}
	.section-contact .txt-box p { font-size: 3rem;}
	.tab { width: 95%;}
	.tab .map-cont { width: 45%; position: absolute; top: -10%;}
	.tab .map-cont > li { height: 400px;}
    .tab .map-cont { z-index: 9999; width: 43%; position: absolute; top: -10%;}
    .tab .tab-cont { min-height: 400px; padding: 20px 0}
	 /* 메인 언론정보 */
	 .section-news { min-height: 400px; height: 100vh;}
	 .section-news .cont-wrap { width: 90%; padding-top: 110px;}
     .section-news p.btn-more a { bottom: 30px;}
     .news-list .slick-slide .img-box { height: 120px;}
    /* 메인 고객사 */
    .section-client { min-height: 600px; height: 100vh;}
    .section-client .cont-wrap { width: 90%; padding-top: 220px;}
    .section-client .tit { font-size: 2.5rem;}
    .section-client .client-list li img { width: 95%}
}
/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
    .section-visual, .section-lawyer, .section-reservation, .section-reservation, .section-success, .section-business, .section-contact, .section-news, .section-client { margin-right:0;}
	/* 메인 비주얼 */
	.section-visual .txt-box { width: 100%; text-align: center}
	.count-wrap ul { width: 80%;}
	.count-wrap ul li { padding: 20px 0;}
	.count-wrap ul li span.count-num {font-size: 7rem;}
    .count-wrap ul li p.tit { font-size: 1.7rem;}
	/* 메인 변호사 소개 */
	.main-lawyer .tit-main-visual > div:nth-of-type(1) { width: 50%;}
	.main-lawyer .lawyer-img img  { width: 750px; margin-left: 30%;}
	.main-lawyer .lawyer-img img.mo { margin-left: 33%;}
    .main-lawyer .tit-main-visual02 {  margin: 100px auto 0;}
    .main-lawyer .tit-main-visual02 > div { float: none;}
    .main-lawyer .tit-main-visual02 > div:nth-of-type(1) { width: 100%;}
    .main-lawyer .lawyer-img-m img { position: relative; margin: 0 auto !important; width: 80%; bottom: 70px; }

	/* 메인 상담예약 */
    .section-reservation .txt-box { margin-bottom: 20px; }
	.reservation-wrap .situation .list-box { width: 80%; margin: 35px auto 0; padding-left: 0px;}
	.reservation-wrap .situation .list-box ul { width: 95%;}
	.reservation-wrap .situation .list-box ul li { padding: 15px 0px 5px 5px;}
	.reservation-wrap .situation .list-box ul li span { margin-right: 50px;}
    .reservation-wrap .situation .list-box ul li span:nth-child(1) { margin-right: 15px; font-size: 1.2rem;}
    .reservation-wrap .situation .list-box ul li span:nth-child(2) { margin-right: 10px; font-size: 1.3rem;}
    .reservation-wrap .situation .list-box ul li p {right: 5px;}
    .reservation-wrap .situation .list-box .btn-more { top: -5px;}
    .reservation-wrap .situation .list-box .btn-more img { width: 25px;}
	.reservation-wrap .reserv-form .form-box { width: 80%;}
	.form-wrap .input-textarea {height: 100px; max-height: 100px; min-height: 100px;}
    /* 메인 성공사례 */
	.main-gallery { width: 100%; margin: 50px auto 0;}
    .section-success .txt-box { margin-bottom: 30px;}
    .section-success .txt-box p { font-size: 4rem; line-height: 1.4em;}
    .section-success .txt-box h4 { padding-top: 15px;}
    .main-gallery .ex-cont .law-cont { padding: 15px 10px;}
    .main-gallery .ex-cont .law-cont p.photo { width: 40px; height: 40px;}
    .main-gallery .ex-cont .law-cont p.name { padding: 0 0 0 5px; font-size: 1.1em;}
    .main-gallery .slick-slide { margin: 0 20px; padding: 0 0 70px;}
	/* 메인 업무분야 */
	.field_wrap .field_list_wrap .field_list .field_link a span img { width:55px; margin: 5px 0 20px;}
	.field_wrap .field_list_wrap .field_list .field_link a span { font-size: 1.6rem; margin: -50px 0 0 -10px;}
    /* 메인 언론정보 */
    .section-news .cont-wrap { padding-top: 100px; width: 90%;}
    .section-news .review-wrap { margin-top: 20px; }
    .news-list .slick-slide .img-box { height: 250px;}
    .section-news .tit { float: none; width: 100%; font-size: 2.2rem; }
    .section-news .cont-wrap .tit span.cate { font-size: 1.8rem;}
    .section-news .tit span.pc-br { display: inline-block;}
    .section-news p.btn-more a { left: 90%; top: 22px; background: none;}
    .news-list { float: none; width: 100%; margin: 20px auto;}
    .news-list { padding: 0 8%;}
    .news-list .slick-slide { margin: 0 10px;}
    /* 메인 고객사 */
    .section-client .cont-wrap { padding-top: 100px; width: 90%;}
    .section-client .tit { float: none; width: 100%; font-size: 2.2rem;}
    .section-client .tit span { color:#daba7f}
    .section-client .tit span.cate { font-size: 1.8rem;}
    .section-client .tit span.pc-br { display: inline-block;}
    .section-client .client-list { float: none; width: 100%; margin-top: 50px}
    .section-client .client-list li img { width: 90%}
	/* 메인 찾아오시는길 */
    .section-contact .cont-wrap { position: static;}
	.section-contact .txt-box { width: 100%; margin: 120px auto 20px; text-align: center;}
	.section-contact .txt-box p { font-size: 3.5rem;}
	.tab { display: none;}
	.mo-contact { display: block; width:80%;}
	.mo-contact .bg-map { height: 320px; margin-bottom: 20px;}
	.mo-contact .bg-map .t-box p.area { margin: 0 40px 0 50px;}
}

/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:768px) {
    /* 메인 언론정보 */
    .section-news {}
    .section-news .cont-wrap { padding-top: 200px; width: 90%;}
    .section-news .review-wrap { margin-top: 20px;}
    .news-list .slick-slide .img-box { height: 110px;}
    .section-news .tit { float: none; width: 100%; font-size: 2.2rem; }
    .section-news .cont-wrap .tit span.cate { font-size: 1.8rem;}
    .section-news .tit span.pc-br { display: inline-block;}
    .section-news p.btn-more a { left:  90%; top: 22px; background: none;}
    .news-list { float: none; width: 100%; margin: 20px auto;}
    .news-list { padding: 0 8%;}
    .news-list .slick-slide { margin: 0 10px;}
    /* 메인 고객사 */
    .section-client { min-height: 600px;}
    .section-client .cont-wrap { padding-top: 150px; width: 90%;}
    .section-client .tit { float: none; width: 100%; font-size: 2.2rem;}
    .section-client .tit span { color:#daba7f}
    .section-client .tit span.cate { font-size: 1.8rem;}
    .section-client .tit span.pc-br { display: inline-block;}
    .section-client .client-list { float: none; width: 100%; margin-top: 20px}
    .section-client .client-list li { width: 30%; margin: 1.3%; padding: 0px 0;}
    .section-client .client-list li img { width: 90%}
}

/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    .section-visual, .section-lawyer, .section-reservation, .section-reservation, .section-success, .section-business, .section-contact, .section-news, .section-client { margin-right:0;}
    /* 메인 비주얼 */
    .section-visual { min-height: 400px;}
    .section-visual .txt-box { width: 100%; top: 20%; text-align: center}
    .section-visual .txt-box p { font-size: 3rem; line-height: 1.5em; }
    .section-visual .txt-box p span { font-weight: 100;}
    .count-wrap { top: 40%; left: 50%; width: 100%;}
    .count-wrap ul { width: 100%;}
    .count-wrap ul li {float: none; width: 100%; border-left: none; font-size: 3rem; padding: 10px 0;}
	.count-wrap ul li span.count-num {font-size: 6rem;}
    .count-wrap ul li p.tit { font-size: 1.8rem; font-weight: 100; padding-top: 0px; background: url("image/bg-line02.png") no-repeat left center; background-size:25% }
    .count-wrap ul li:first-child { border-left: 0;}
    .br-m { display: block;}
	/* 메인 변호사 소개 */
    .section-lawyer {  min-height: 400px; height: 100vh;}
    .main-lawyer .slick-slide {  min-height: 400px; height: 100vh;}
    .main-lawyer .tit-main-visual { margin: 130px auto 0;}
    .main-lawyer .tit-main-visual > div:nth-of-type(1) { width: 40%;}
    .main-lawyer .tit-main-visual > div:nth-of-type(1) img { width: 40px; margin-bottom: 10px}
    .main-lawyer .tit-main-visual h3 { padding-bottom: 0px; font-size: 2rem;}
    .main-lawyer .tit-main-visual h3 span {  font-size: 4.5rem;}
    .main-lawyer .tit-main-visual p { font-size: 1.7rem;}
    .main-lawyer .lawyer-img img { margin-left: 0; width: 140%; }
    .main-lawyer .tit-main-visual > div.img-tit-logo img { width: 550px; margin: 0 0 0 0;}

    .main-lawyer .tit-main-visual02 {  margin: 100px auto 0;}
    .main-lawyer .tit-main-visual02 > div { float: none;}
    .main-lawyer .tit-main-visual02 > div:nth-of-type(1) { width: 100%;}
    .main-lawyer .tit-main-visual02 > div:nth-of-type(1) img { width: 40px; margin-bottom: 10px}
    .main-lawyer .tit-main-visual02 h3 { padding-bottom: 0px; font-size: 2.2rem; letter-spacing: -.4px;}
    .main-lawyer .tit-main-visual02 h3 span { display: inline-block; margin-left: 5px; font-size: 2.5rem; font-weight: 500; color: #daba7f}
    .main-lawyer .lawyer-img-m img { margin-left: 0; width: 100%; bottom: 100px;}

    /* 메인 상담예약 */
    .section-reservation { min-height: 400px;}
    .section-reservation .cont-wrap { top: 15%;}
    .section-reservation .txt-box { margin-bottom: 20px;}
    .section-reservation .txt-box p { font-size: 2.3rem; line-height: 1.5em;}
    .reservation-wrap h3 { font-size: 2rem;}
    .reservation-wrap .situation { display: none;}
    /* .reservation-wrap .situation { float:none; width: 93%; margin: 0 auto; min-height: 80px !important; padding: 10px 0;}
    .reservation-wrap .situation .state-box { width: 100%;  margin-top: 20px}
    .reservation-wrap .situation .list-box { width: 85%; margin: 10px auto 0; padding-left: 0}
    .reservation-wrap .situation .list-box ul { overflow: hidden; width: 100%; margin-top: 0;}
    .reservation-wrap .situation .list-box ul li { padding: 7px 20px; border-bottom: 1px solid #59595b;}
    .reservation-wrap .situation .list-box ul li span { display: inline-block; margin-right: 60px;}
    .reservation-wrap .situation .list-box .btn-more { top: -5px;}
    .reservation-wrap .situation .list-box .btn-more img { width: 25px;} */
    .reservation-wrap .reserv-form { float: none; width: 93%; margin: 10px auto; min-height: 400px; padding: 20px 0;}
    .reservation-wrap .reserv-form .form-box { width: 88%; margin: 0px auto 0;}
    .reservation-wrap .reserv-form .form-box p.tip { font-size: 1.7em;}
    .form-wrap dd { font-size: 2rem;}
    .form-wrap .input-textarea { max-height: 90px; min-height: 90px; font-weight: 400;}
    .form-wrap .privacy-box label {font-weight: 400;}
    /* 메인 성공사례 */
    .section-success { min-height: 400px;}
    .section-success .cont-wrap { top: 15%;}
    .section-success .txt-box { margin-bottom: 20px;}
    .section-success .txt-box p { width: 90%; margin: 0 auto; font-size: 2.5rem; line-height: 1.5em; min-height: 80px}
    .section-success .txt-box h4 { font-size: 2em; padding-top: 2px;}
    .main-gallery .ex-cont .tit-cont { padding: 15px;}
    .main-gallery .ex-cont .tit-cont .cont-h { height: 100px;}
    .main-gallery .ex-cont .tit-cont .cont-h p { -webkit-line-clamp: 4;}
    .main-gallery { width: 100%; margin: 0 auto;}
    .main-gallery .slick-slide { margin: 0 1px; padding: 0 0 70px;}
	/* 메인 업무분야 */
	.section-business { min-height: 400px;}
	.section-business .cont-wrap { top: 20%;}
	.section-business .txt-box { margin-bottom: 50px}
	.section-business .txt-box p { font-size: 2.5rem;}
	.field_wrap .inner { display: none;}
	.mo-business { display: block;}
    /* 메인 언론정보 */
    .section-news { min-height: 400px;}
    .section-news .cont-wrap { padding-top: 100px; width: 90%;}
    .section-news .review-wrap { margin-top: 20px;}
    .news-list .slick-slide .img-box { height: 110px;}
    .section-news .tit { float: none; width: 100%; font-size: 2.2rem; }
    .section-news .cont-wrap .tit span.cate { font-size: 1.8rem;}
    .section-news .tit span.pc-br { display: inline-block;}
    .section-news p.btn-more a { left:  90%; top: 22px; background: none;}
    .news-list { float: none; width: 100%; margin: 20px auto;}
    .news-list { padding: 0 8%;}
    .news-list .slick-slide { margin: 0 10px;}
    /* 메인 고객사 */
    .section-client { min-height: 400px; background: url('image/bg-client.jpg') no-repeat center center;}
    .section-client .cont-wrap { padding-top: 90px; width: 90%;}
    .section-client .tit { float: none; width: 100%; font-size: 2.2rem;}
    .section-client .tit span { color:#daba7f}
    .section-client .tit span.cate { font-size: 1.8rem;}
    .section-client .tit span.pc-br { display: block;}
    .section-client .client-list { float: none; width: 100%; margin-top: 20px}
    .section-client .client-list li { width: 48%; margin: 1%; padding: 0px 0;}
    .section-client .client-list li img { width: 90%}
	/* 메인 찾아오시는길 */
	.section-contact { min-height: 400px;}
	.section-contact .cont-wrap { position: static;}
	.section-contact .txt-box { width: 100%; margin: 100px auto 20px;}
	.section-contact .txt-box p { font-size: 1.85rem;}
	.tab { display: none;}
	.mo-contact { display: block;}
	/* mo에서 br태그 효과 적용 */
	.br-mo { display: block;}
}



/* ************************************** *
 * sub layout
 * ************************************** */
/* 서브비주얼 */
.sub-visual { position: relative; height: 400px; background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important;}
.sub-visual-about { background: url('image/sub-visual01.jpg') no-repeat center;}
.sub-visual-lawyer { background: url('image/sub-visual02.jpg') no-repeat center;}
.sub-visual-business { background: url('image/sub-visual03.jpg') no-repeat center;}
.sub-visual-location { background: url('image/sub-visual04.jpg') no-repeat center;}
.sub-visual-success { background: url('image/sub-visual05.jpg') no-repeat center;}
.sub-visual-community { background: url('image/sub-visual06.jpg') no-repeat center;}
.sub-visual-online { background: url('image/sub-visual07.jpg') no-repeat center;}
.sub-visual-member { background: url('image/sub-visual04.jpg') no-repeat center;}
.sub-visual-etc { background: url('image/sub-visual08.jpg') no-repeat center;}
.sub-visual .tit-sub-visual { position: absolute; top: 55%; left: 15%; width: 85%; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -moz-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%); color: #fff; text-align: left;}
.sub-visual .tit-sub-visual h3 { font-size: 4.2rem; font-weight: 400; line-height: 1.4em; letter-spacing: -.3px; padding-bottom: 10px;}
.sub-visual .tit-sub-visual p { font-size: 1.8rem; line-height: 1.4em; font-weight: 100;}
.point-line { display: inline-block; z-index: 1; position: relative; margin-bottom: 0px; padding-bottom: 0px;}
.point-line span { position: absolute; bottom: 0px; left: 0; z-index: -1; width: 100%; height: 7px;}
.point-line span.bg-yellow { background: #daba7f; opacity: 0.4;}

/* 서브네비게이션 type1:선택타입 */
#snb .snb-select { width: 100%; height: 60px; background: #2f2f2f;}
#snb .snb-select > ul { width: 1400px; margin: 0 auto;}
#snb .snb-select > ul > li { float: left; border-right: 1px solid #595959; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#snb .snb-select > ul > li.home { width: 60px; border-left: 1px solid #595959; text-align: center; line-height: 60px;}
#snb .snb-select > ul > li.sub-menu { position: relative; width: 250px; padding: 0 20px;}
#snb .snb-select > ul > li.sub-menu > a { display: inline-block; width: 100%; line-height: 60px; background: url('image/bg-snbarr-down-white.png') no-repeat; background-position: right center; font-size: 1.6rem; color: #fff;}
#snb .snb-select > ul > li.sub-menu > a.on { background: url('image/bg-snbarr-up-white.png') no-repeat; background-position: right center;}
#snb .snb-select .snb-deps-list { display: none; z-index: 50; position: absolute; top: 60px; left: 0; width: 100%; background: #ddd;}
#snb .snb-select .snb-deps-list li a { display: block; width: 90%; padding: 12px 0 12px 10%; border-top: solid 1px #aaa; font-size: 1.4rem; color: #111;}
#snb .snb-select .snb-deps-list li a:hover { font-weight: 700;}
/* 서브네비게이션 type2:리스트타입 */
#snb .snb-list { display: table; margin: 60px auto 0;}
#snb .snb-list li { float: left; width: 140px; margin: 0 3px; text-align: center;}
#snb .snb-list li a { display: block; height: 54px; line-height: 54px; border-radius: 27px; background: #dedede; font-size: 1.5rem; font-weight: 500; color: #555;}
#snb .snb-list li.on a,
#snb .snb-list li a:hover { background: #333; color: #fff;}
/* 서브타이틀 */
#stle h2 { margin: 60px 0; font-size: 4rem; font-weight: 400; color: #444; letter-spacing: -.4px; text-align: center;}
/* 컨텐츠영역 */
#container { z-index: 1; width: 100%; overflow: hidden;}
.content-box { width: 1400px; margin: 100px auto 120px; min-height: 500px;}
/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:991px) and (max-width:1600px) {
    /* 서브네비게이션 type1:선택타입 */
    #snb .snb-select > ul { width: 100%;}
    /* 서브네비게이션 type2:리스트타입 */
    #snb .snb-list.snb-deps-num7,
    #snb .snb-list.snb-deps-num8,
    #snb .snb-list.snb-deps-num9 { width: 90%;}
    #snb .snb-list.snb-deps-num7 li { width: 13.7%; margin: 0 0.25%;}
    #snb .snb-list.snb-deps-num8 li { width: 12%; margin: 0 0.25%;}
    #snb .snb-list.snb-deps-num9 li { width: 10.6%; margin: 0 0.25%;}
    /* 컨텐츠영역 */
    .content-box { width: 85%; margin-left: 80px;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
    /* 서브네비게이션 type1:선택타입 */
    #snb .snb-select > ul { width: 100%;}
    /* 서브네비게이션 type2:리스트타입 */
    #snb .snb-list { width: 90%;}
    /* 컨텐츠영역 */
    .content-box { width: 90%;}
}
/* ////////////////////////////////////////////////// tablet */
    @media all and (min-width:641px) and (max-width:990px) {
    /* 서브네비게이션 type2:리스트타입 */
    #snb .snb-list li { margin: 0.5%;}
    #snb .snb-list.snb-deps-num2 li { width: 49%;}
    #snb .snb-list.snb-deps-num3 li,
    #snb .snb-list.snb-deps-num5 li,
    #snb .snb-list.snb-deps-num6 li { width: 32.33%;}
    #snb .snb-list.snb-deps-num4 li,
    #snb .snb-list.snb-deps-num7 li,
    #snb .snb-list.snb-deps-num8 li { width: 24%;}
    #snb .snb-list.snb-deps-num9 li { width: 19%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    /* 서브비주얼 */
    .sub-visual { height: 300px;}
    .sub-visual .tit-sub-visual p { width: 100%; padding: 0 0;}
    .sub-visual .tit-sub-visual { left: 10%;}
    .point-line span.bg-yellow { display: none;}

    /* 서브네비게이션 type1:선택타입 */
    #snb .snb-select { height: 50px;}
    #snb .snb-select > ul > li.home { display: none;}
    #snb .snb-select > ul > li.sub-menu { width: 50%; padding: 0 5%;}
    #snb .snb-select > ul > li.sub-menu > a { line-height: 50px; background-size: 12px;}
    #snb .snb-select > ul > li.sub-menu > a.on { background-size: 12px;}
    #snb .snb-select .snb-deps-list { top: 50px;}
    #snb .snb-select .snb-deps-list li a { padding: 10px 0 10px 10%;}
    /* 서브네비게이션 type2:리스트타입 */
    #snb .snb-list li { margin: 1%;}
    #snb .snb-list.snb-deps-num2 li,
    #snb .snb-list.snb-deps-num4 li,
    #snb .snb-list.snb-deps-num8 li { width: 48%;}
    #snb .snb-list.snb-deps-num3 li,
    #snb .snb-list.snb-deps-num5 li,
    #snb .snb-list.snb-deps-num6 li,
    #snb .snb-list.snb-deps-num7 li,
    #snb .snb-list.snb-deps-num9 li { width: 31.33%;}
    #snb .snb-list li a { height: 42px; line-height: 42px; border-radius: 21px;}
    /* 서브타이틀 */
    #stle h2 { margin: 35px 0; font-size: 30px;}
    /* 컨텐츠영역 */
    .content-box { margin: 50px auto; min-height: 300px;}
}





/* ************************************** *
 * footer layout
 * ************************************** */
/* sitemap */
#sitemap { width: 100%; padding: 60px 0 70px; background: #2b3139;}
#sitemap dl { float: left; width: 13%;}
#sitemap dt { margin-bottom: 20px;}
#sitemap dd { margin-bottom: 10px; color: #919395;}
#sitemap dt a { display: block; font-size: 2rem; font-weight: 600; color: #fff;}
#sitemap dd a { display: block; font-size: 1.6rem; color: #919395; font-weight: 300;}
#sitemap dt a:hover { opacity: .7;}
#sitemap dd a:hover { text-decoration: underline;}
/* footer */

footer { width: 100%; padding: 80px 0; background: #242930; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 100;}
.section-footer, .section-footer .fp-tableCell { height: 370px !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.footer-in { position: relative; width: 85%; margin: 0 auto; }
.foo-privacy li { padding: 3px 0; text-align: right; font-weight: 400;}
.foo-privacy li a { display: block; font-size: 1.5rem; color: #fff;}
.foo-privacy li a:hover { text-decoration: underline;}
address { margin: 20px 0 10px; font-size: 1.4rem; color: #fff; line-height: 1.7em; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 100;}
address span { margin-right: 20px;}
address span.tit { margin-right: 5px; color: #d4c4a3;}
.copyright small { font-size: 1.2rem; color: #fff; font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 100;}
.foo-linkbox { position: absolute; top: 0; right: 0;}
.family-site { position: relative; margin-left: 20px;}
.family-site > button { display: block; width: 200px; line-height: 40px; padding-left: 20px; margin-bottom: 20px;font-size: 1.5rem; background: #404040 url('image/bg-familysite-white.png') no-repeat 90% center; border: 1px solid #595c5e; color: #acacac; text-transform: uppercase; text-align: left;}
.family-site .site-box { z-index: 2; display: none; position: absolute; top: 40px; left: 0; width: 200px; padding: 12px 0; background: #222;}
.family-site .site-box li a { display: block; font-size: 1.3rem; line-height: 23px; padding-left: 20px; opacity: .5; color: #fff;}
.family-site .site-box li a:hover { opacity: .7;}
/* #footer .btn-top { display: none; z-index: 50; position: fixed; bottom: 0; right: 0;} */
.btn-top { display: none; z-index: 50; position: fixed; bottom: 20px; right: 10px;}
.btn-top button { width: 60px; height: 60px; line-height: 60px; background: rgba(0,0,0,.6); border-radius: 50%; text-align: center;}
.btn-top button i { font-size: 2.3rem; color: #fff;}
/* quick */
#quick { z-index: 60; position: fixed; bottom: 30%; right: 0;}
#quick li { width: 90px;}
#quick li button,
#quick li a { display: block; width: 100%; padding: 65px 0 20px; font-size: 1.5rem; font-weight: 700; background: #bc1a20 url('image/ico-sub-quick.png') no-repeat center 20px; color: #fff; text-align: center; line-height: 1.2em;}
#quick li p { padding: 20px 0; font-size: 1.5rem; font-weight: 700; background: #000; color: #fff; text-align: center;}
#quick li .txt-big { font-size: 2rem;}
#quick li button:hover,
#quick li a:hover,
#quick li p:hover { color: #ffe117;}
.inquiry-box { position: fixed; top: 50%; left: 50%; width: 500px; padding: 40px; box-sizing: border-box; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.4); -o-box-shadow: 0 0 20px rgba(0,0,0,.4); -ms-box-shadow: 0 0 20px rgba(0,0,0,.4); -moz-box-shadow: 0 0 20px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4); transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.inquiry-box > h2 { font-size: 2.4rem; color: #222;}
.inquiry-box > p { padding-top: 5px; font-size: 1.5rem;}
.inquiry-box .btn-close { position: absolute; top: 20px; right: 20px;}
.inquiry-box .btn-close button i { font-size: 3rem; color: #333;}
.inquiry-box .btn-close button i:hover { opacity: .7;}
.qk-counsel-in dt { width: 100%; margin: 20px 0 10px; font-weight: 700; font-size: 1.4rem; color: #222;}
.qk-counsel-in dd { margin-top: 7px;}
.qk-counsel-in dd.input-phone { width: 100%; border: solid 1px #ddd; border-radius: 3px; box-sizing: border-box; font-size: 1.4rem; color: #333;}
.qk-counsel-in dd.input-phone .amt-input,
.qk-counsel-in dd.input-phone .amt-input-select { border: 0;}
.qk-privacy-box { border: solid 1px #bbb; background: #f7f7f7; color:#777; font-size: 1.2rem; padding: 7px 10px; border-radius: 3px; margin-top: 15px;}

/* ////////////////////////////////////////////////// notebook  */
@media all and (min-width:991px) and (max-width:1400px) {
    .footer-in { margin-bottom: 30px}
    .btn-top { bottom: 100px; right: 15px;}
}
/* ////////////////////////////////////////////////// tablet */
@media all and (min-width:641px) and (max-width:990px) {
    /* sitemap */
    #sitemap dl { width: 33.33%;}
    /* footer */
    #footer { padding: 50px 0 120px;}
    #footer address .br-m { display: inline-block;}
    #footer .foo-linkbox { position: static; margin-bottom: 40px;}
	#footer .btn-top { bottom: 80px; right: 30px;}
    .footer-in { margin-bottom: 30px}
    .btn-top { bottom: 100px; right: 15px;}
    .btn-top button { width: 50px; height: 50px; line-height: 50px;}
    /* quick */
    #quick { bottom: 0; width: 100%;}
    #quick li { float: left; width: 50%;}
    #quick li button,
    #quick li a { padding: 0; background: #bc1a20; line-height: 60px;}
    #quick li p { padding: 0; line-height: 60px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    /* sitemap */
    #sitemap { display: none;}
    /* footer */
    .section-footer, .section-footer .fp-tableCell { height: 430px !important; padding-top: 0 !important; padding-bottom: 0 !important;}
    .footer { padding: 30px 0; }
    .footer-in { width: 90%; margin-bottom: 70px}
    .footer-in img { width: 180px;}
    .foo-privacy li { float: left; margin-right: 7px; text-align: left}
    .foo-linkbox { position: static; margin-bottom: 30px;}
    .family-site { float: none; margin-left: 0;}
    .btn-top { bottom: 100px; right: 15px;}
	.btn-top button { width: 40px; height: 40px; line-height: 40px;}
	.btn-top button i { font-size: 1.6rem;}
    /* #footer .btn-top img { width:55px;} */
    /* quick */
    #quick { bottom: 0; width: 100%;}
    #quick li { float: left; width: 50%;}
    #quick li button,
    #quick li a { padding: 0; background: #bc1a20; line-height: 46px;}
    #quick li p { padding: 0; line-height: 46px;}
	.inquiry-box { top: 50%; left: 7%; width: 86%; padding: 25px; transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
	.inquiry-box .btn-close { position: absolute; top: 12px; right: 12px;}

}