@charset "utf-8";

/* layout */
.subTopArea{padding-top:140px; background-color:#f8f9f6;}
.subTopArea .subTopContent{position:relative;}
.subTopArea .visualInner{width:100%; max-width: 1200px; box-sizing: border-box; padding:0 10px; height:395px; background:url('/ko/front/image/common/bg_sub_top.jpg') no-repeat 0 100%; background-size:782px 380px; margin:0 auto; position:relative;}
.subTopArea .visualInner .text{position:absolute; right:80px; top:50%; margin-top:-60px;
	-webkit-transform:translate(0, -50%); transform:translate(0, -50%); 
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	transition:all 100ms linear;}

.subTabArea {width:100%;  background: rgba(56,153,212,.9); position:absolute; left:0; bottom:0;}
.subTabArea .tabBox{width:100%; max-width: 1180px; box-sizing: border-box; margin:0 auto;}
.subTabArea .tabBox ul{display: table; table-layout: fixed; width:100%;}
.subTabArea .tabBox ul li{display: table-cell; vertical-align:middle; text-align: center;}
.subTabArea .tabBox ul li a{display: table; table-layout: fixed; width:100%; box-sizing: border-box; border-right:1px solid #92c2df;}
.subTabArea .tabBox ul li:first-child a{border-left:1px solid #92c2df;}
.subTabArea .tabBox ul li a span{display: table-cell; vertical-align:middle;padding:20px 0; font-size:18px; color:#ffffff; letter-spacing:-1px; font-family: 'NotoKrM', sans-serif; line-height:1.3; word-wrap:break-word; word-break:keep-all; font-weight:normal;}
.subTabArea .tabBox ul li.on{background-color:#fff;}
.subTabArea .tabBox ul li.on a span{color:#3899d4; font-weight:bold; }
.subTabArea .tabBox ul li.on a{border-right:none;}
.subTabArea .tabBox ul.col07 li a span{font-size:16px; letter-spacing:-1px;}


.subContTab {width:100%; }
.subContTab .tabBox{width:100%; max-width: 1180px; box-sizing: border-box; margin:0 auto;}
.subContTab .tabBox ul{display: table; table-layout: fixed; width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.subContTab .tabBox ul li{display: table-cell; vertical-align:middle; text-align: center; background-color:#f9f9f9; position:relative;}
.subContTab .tabBox ul li:after{content:""; display:block; width:1px; height:100%; background-color:#dfdfdf; position:absolute; right:0; top:0;}
.subContTab .tabBox ul li:first-child:before{content:""; display:block; width:1px; height:100%; background-color:#dfdfdf; position:absolute; left:0; top:0;}
.subContTab .tabBox ul li a{display: table; table-layout: fixed; width:100%; box-sizing: border-box; height:52px;}
.subContTab .tabBox ul li a span{display: table-cell; vertical-align:middle;padding:6px 3px; font-size:16px; color:#454545; letter-spacing:-1px;  font-family:NanumGothic,Dotum,sans-serif; line-height:1.3; word-wrap:break-word; word-break:keep-all; font-weight:normal;}
.subContTab .tabBox ul li.on{background-color:#3899d4;}
.subContTab .tabBox ul li.on a span{color:#fff; font-weight:bold; background-color:#3899d4;}



@media all and (max-width:765px) {
	.subTabArea .tabBox ul li a span{font-size:15px;}
	.subTabArea .tabBox ul.col07 li a span{font-size:14px}
	.subTopContent.areaCont {margin-bottom:66px;}
	.subTopContent.areaCont .subTabArea{bottom:-66px;}
	.subTabArea .tabBox ul.col07 li{float:left; width:25%;}
	.subTabArea .tabBox ul.col07 li:nth-child(1) a,
	.subTabArea .tabBox ul.col07 li:nth-child(2) a,
	.subTabArea .tabBox ul.col07 li:nth-child(3) a,
	.subTabArea .tabBox ul.col07 li:nth-child(4) a{height:66px;}
	.subTabArea .tabBox ul.col07 li:nth-child(5) a,
	.subTabArea .tabBox ul.col07 li:nth-child(6) a,
	.subTabArea .tabBox ul.col07 li:nth-child(7) a{height:66px; border-top:1px solid #92c2df;}
	.subTabArea .tabBox ul.col07 li:nth-child(5){width:33.33%;}
	.subTabArea .tabBox ul.col07 li:nth-child(6){width:33.33%;}
	.subTabArea .tabBox ul.col07 li:nth-child(7){width:33.34%;}



	.subContTab .tabBox ul li a span{font-size:14px;}
	.subContTab .tabBox ul.col07 li{float:left; width:25%;}
	.subContTab .tabBox ul.col07 li:nth-child(1) a,
	.subContTab .tabBox ul.col07 li:nth-child(2) a,
	.subContTab .tabBox ul.col07 li:nth-child(3) a,
	.subContTab .tabBox ul.col07 li:nth-child(4) a{height:66px;}
	.subContTab .tabBox ul.col07 li:nth-child(5) a,
	.subContTab .tabBox ul.col07 li:nth-child(6) a,
	.subContTab .tabBox ul.col07 li:nth-child(7) a{height:66px; border-top:1px solid #dfdfdf;}
	.subContTab .tabBox ul.col07 li:nth-child(5){width:33.33%;}
	.subContTab .tabBox ul.col07 li:nth-child(6){width:33.33%;}
	.subContTab .tabBox ul.col07 li:nth-child(7){width:33.34%;}

	.subContTab .tabBox ul.col07 li:nth-child(5):before{content:""; display:block; width:1px; height:100%; background-color:#dfdfdf; position:absolute; left:0; top:0;}


}

/*news_list*/
.ullist{font-size:0;margin-left:-20px;margin-top:-20px;}
.ullist > li{display:inline-block;margin-left:20px;margin-top:20px;width:calc(25% - 20px);padding:20px;border:1px solid #dfdfdf;box-sizing:border-box;}
.ullist > li > a{display:block;}
.ullist > li > a img{max-width:100%;}
.ullist > li > a p.box{margin:20px 0 16px;background:#3899d4;padding:7px;font-size:14px;font-family: 'NotoKrR', sans-serif;color:#fff;text-align:center;letter-spacing:-1px;}
.ullist > li > a p.tit{color:#050505;font-size:16px;font-family: 'NotoKrM', sans-serif;letter-spacing:-1px;}
.ullist > li > a p.txt{color:#616161;font-size:14px;font-family: 'NotoKrR', sans-serif;letter-spacing:-1px;margin-top:15px;}
.ullist > li > a p.date{color:#969696;font-size:14px;font-family: 'NotoKrM', sans-serif;margin-top:15px;}

@media all and (max-width:765px) {
.ullist > li{width:calc(50% - 20px);}
}
@media all and (max-width:470px) {
.ullist{margin-left:0;}
.ullist > li{width:calc(100% - 0px);margin-left:0;}
.ullist > li > a img{width:100%;}
}


.subContentWrap{line-height:1.6;}
.subContentWrap .subTitleInner{position:relative;border-bottom:1px solid #dfdfdf; padding-bottom:25px;}
.subContentWrap .subTitleBx{position:relative; width:100%; max-width: 1200px; box-sizing: border-box; padding:70px 10px 0; margin:0 auto; }
.subContentWrap .subTitleBx .tit{font-size:3.0rem; color:#333333; font-family: 'NotoKrM', sans-serif; letter-spacing:-2px;}
.subContentWrap .subTitleBx .path{font-size:13px; color:#676767; position:absolute; right:0; top:13px; font-family: 'NotoKrR', sans-serif; background:url('/ko/front/image/common/path.png') no-repeat 0 50%;padding-left:20px; }

#content{padding:40px 0 118px; line-height:1.6; font-family: 'NotoKrR', sans-serif; letter-spacing:-1px; }
#content .contInner{width:100%; max-width: 1200px; box-sizing: border-box; padding:0 10px; margin:0 auto;}
#content .contInner.wide{width:100%; max-width: 100%; box-sizing: border-box; padding:0;}
#content .contInner.wide .wideInner{width:100%; max-width: 1200px; box-sizing: border-box; padding:60px 10px 0; margin:0 auto;}
@media all and (max-width:1180px) {
	.subTopArea{padding-top:95px;}
	.subTopArea .visualInner .text{right:30px; margin-top:-80px;}
	.brNone br{display:none;}
}

@media all and (max-width:765px) {
	#content{padding:20px 0 40px;}
	.subTopArea{padding-top:80px;}
	.subTopArea .visualInner{background-size: 95% auto; background-position: 50% 100%; height: 0; padding-bottom:66.5%;}
	.subTopArea .visualInner .text{top:30px; right:auto; left:0; width:100%; margin-top:0; text-align: center; -webkit-transform:translate(0 , 0); transform:translate(0 , 0); box-sizing: border-box; padding:0 35px;}
	.subTabArea .tabBox ul li a span{font-size:13px; padding: 13px 0;}
	.subContentWrap .subTitleBx{padding-top:30px; padding-bottom:16px; text-align: center;}
	.subContentWrap .subTitleBx .path{position: static; padding-top:3px; background:none;}
	#content .contInner.wide .wideInner{padding-top:30px;}
}


/* paging */
.paging {text-align:center; margin-top:40px; position:relative; font-size:0;}
.paging .btn {border:none; padding:0; line-height:0; font-size:0; vertical-align:top; width:34px; height:34px; overflow:hidden; position:relative; z-index:1;}
.paging img {vertical-align:top;}
.paging .number {display: inline-block; vertical-align:top; padding:0 9px;}
.paging a {font-size:13px; vertical-align:top; display:inline-block; *zoom:1; *display:inline; padding:0 2px; color:#444; min-width:34px; height:34px; line-height:34px; background-color:#fff; box-sizing:border-box;  border:1px solid #ddd; margin:0 -1px; position:relative; z-index:2;}
.paging span{vertical-align:top;}
.paging span.pg,
.paging a.sel {color:#1f497d; font-weight:bold; background-color:#fbfbfb;  z-index:3}
.paging span.empty_msg { border:none !important; font-weight:normal; font-size:13px; color:#ff6600; }

@media all and (max-width:470px) {
  .paging{padding-bottom:40px;}
  .paging .btn{width:30px; height:30px;}
  .paging .btn img{width:30px; height:30px;}

  .paging a{width:30px; height:30px; font-size:12px; line-height:30px; vertical-align:top; min-width:30px  }
}

.titType01{font-size:1.8rem; color:#0070af; font-family:NanumGothic,Dotum,sans-serif; font-weight:bold; background:#fff url("/ko/front/image/common/tit_dot.png") no-repeat 0 50%; padding-left:20px;}
.subTopTitle strong{display:block; color:#252525; font-family: 'NotoKrM', sans-serif; font-size:2.3rem; letter-spacing:-1px; line-height:1; padding-top:20px; position:relative;}
.subTopTitle strong:after{content:""; display:block; width:71px; height:2px; background-color:#3899d4; position:absolute; left:0; top:0;}
.subTopTitle span{display:block; color:#676767; font-family: 'NotoKrM', sans-serif; font-size:2.0rem; letter-spacing:-0.5px;}

/* 인사말 */
.greetingCont .greetingRow01{position:relative; min-height:510px; padding-bottom:20px; border-bottom:1px solid #dfdfdf; padding-right:510px;}
.greetingCont .greetingRow01 .tx01{font-size:2.6rem; color:#0c77b8; font-family: 'NotoKrM', sans-serif; line-height:1.4;}
.greetingCont .greetingRow01 .tx02{font-size:1.7rem; color:#000000; margin-top:1.1em;}
.greetingCont .greetingRow01 .bgImg{position:absolute; right:0; top:-50px;}
.greetingCont .greetingRow01 .tx03{font-size:1.6rem; color:#676767;margin-top:1.1em;}
.greetingCont .greetingRow01 .tx04{font-size:1.6rem; color:#676767;margin-top:1.1em;}
.greetingCont .greetingRow01 .tx05{font-size:1.5rem; color:#676767;margin-top:5em;}
.greetingCont .greetingRow01 .tx05 span{display: inline-block; vertical-align:middle;}
.greetingCont .greetingRow01 .tx05 .tx{margin-right:14px;}
.greetingCont .greetingRow02{padding-top:80px; text-align: center;}

@media all and (max-width:1180px) {
	.greetingCont .greetingRow01{padding-right:410px;}
	.greetingCont .greetingRow01 .bgImg img{height:400px;}
}

@media all and (max-width:765px) {
	.greetingCont .greetingRow01{padding-right:0;}
	.greetingCont .greetingRow01 .bgImg{position: static; width:100%; text-align: center;}
	.greetingCont .greetingRow01 .bgImg img{height:auto;}
	.greetingCont .greetingRow02{padding-top:30px;}
}

/* 변호사 소개 */
.memberCont .memberListWrap{}
.memberCont .memberListWrap .memberList{margin-left:-20px; margin-top:-40px;}
.memberCont .memberListWrap .memberList:after{content:""; display:block; clear:both;}
.memberCont .memberListWrap .memberList li{float:left; width:25%; box-sizing: border-box; padding-left:20px; margin-top:40px;}
.memberCont .memberListWrap .memberList li > a{display:block; text-align: center;}
.memberCont .memberListWrap .memberList li > a .img{display:block; border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover !important;}
.memberCont .memberListWrap .memberList li > a .img img{width:100%;}
.memberCont .memberListWrap .memberList li > a .text{display:block; letter-spacing:-1px; margin-top:2.1em; padding-top:1.3em; position:relative;}
.memberCont .memberListWrap .memberList li > a .text:after{content:""; display:block; width:120px; height:2px; background-color:#979797; position:absolute; left:50%; top:0; margin-left:-60px;}
.memberCont .memberListWrap .memberList li > a:hover .text:after{background-color:#3899d4;}
.memberCont .memberListWrap .memberList li > a .text strong{display:block; font-size:1.5rem; font-weight:normal;}
.memberCont .memberListWrap .memberList li > a .text span{display:block; font-size:2.5rem;}

@media all and (max-width:900px) {
	.memberCont .memberListWrap .memberList li{width:33.33%;}
}

@media all and (max-width:765px) {
	.memberCont .memberListWrap .memberList li{width:50%;}
}

/* 변호사 소개 상세 */
.memberViewTop {padding-left:440px; position:relative; min-height: 380px}
.memberViewTop .imgBox {position:absolute; left:0; top:0; padding:9px; border:1px solid #dfdfdf;}
.memberViewTop .imgBox .img {display:block;background-repeat: no-repeat; background-position: 50% 50%; background-size: cover !important;}
.memberViewTop .imgBox .img img{width:100%;}
.memberViewTop .infoBx01 {padding-top:20px;}
.memberViewTop .infoBx01 .infoTit {letter-spacing:-2px;}
.memberViewTop .infoBx01 .infoTit strong{display: inline-block; vertical-align:baseline; color:#252525; font-size:2.5rem; position:relative; padding-top:10px;}
.memberViewTop .infoBx01 .infoTit strong:after{content:""; display:block; width:100%; height:2px; background-color: #3899d4; position:absolute; left:0; top:0;}
.memberViewTop .infoBx01 .infoTit span{display: inline-block; vertical-align:baseline; color:#676767; font-size:1.5rem; margin-left:10px;}
.memberViewTop .infoBx01 .regType01 tbody tr td{padding-top:22px; padding-bottom:22px;}
.memberViewTop .infoBx01 .viewBtns{margin-top:45px;}

.memberViewMiddle{margin-left:-20px;}
.memberViewMiddle:after{content:""; display:block; clear:both;}
.memberViewMiddle .middleCol{float:left; width:50%; padding-left:20px; margin-top:58px; box-sizing: border-box;}
.memberViewMiddle .middleCol .middleInfoBx{border:1px solid #e5e5e5; padding:45px 36px; margin-top:16px; font-size:1.5rem; color:#676767; position:relative; line-height:1.3;}
.memberViewMiddle .middleCol .middleInfoBx:after{content:""; display:block; width:120px; height:1px; background-color:#5893c1; position:absolute; left:-1px; top:-1px;}
@media all and (max-width:765px) {
	.memberViewTop {padding-left:0;}
	.memberViewTop .imgBox{position: static; max-width: 360px; margin:0 auto; margin-bottom:30px;}
	.memberViewMiddle{margin-left:0;}

	.memberViewMiddle .middleCol{float:none; padding-left:0; margin-top:30px; width:100%; }
	.memberViewMiddle .middleCol .middleInfoBx{padding:20px 15px;}
}

/* 조직도 */
.organizationImg{text-align: center; border:1px solid #ddd; padding:80px 10px; background-color:#fbfbfb; margin-top:35px;}
@media all and (max-width:765px) {
	.organizationImg{padding-top:20px; padding-bottom:20px; margin-top:15px;}
}

/* 오시는길 */
.locationCont .locaTop{position:relative; padding:0 138px 0 65px;}
.locationCont .locaTop > strong{font-size:2.6rem; color:#252525; font-family: 'NotoKrM', sans-serif; position:absolute; left:0; top:-7px;}
.locationCont .locaTop > span{font-size:1.6rem; color:#676767; font-weight:bold;}
.locationCont .locaTop .viewBtns{position:absolute; right:0; top:-10px; margin-top:0;}
.locationCont .locaImg {border:1px solid #dfdfdf; padding:75px 10px; text-align: center; margin-top:35px;}
.locationCont .locaInfo {margin-left:-20px;}
.locationCont .locaInfo:after {content:""; display:block; clear:both;}
.locationCont .locaInfo .locaCol {float:left; width:50%; box-sizing: border-box; padding-left:20px; margin-top:39px;}
.locationCont .locaInfo .locaCol .locaColInner {border:1px solid #ddd; background-color:#fcfcfc; height:275px; padding:0 19px;}
.locationCont .locaInfo .locaCol .locaColInner .tit {padding:26px 0 15px; font-size:2.0rem; color:#252525; border-bottom:1px solid #dfdfdf; background:url('/ko/front/image/greeting/icn_sw.png') no-repeat 98% 53%;}
.locationCont .locaInfo .locaCol .locaColInner.col01 .tit {background:url('/ko/front/image/greeting/icn_sw.png') no-repeat 98% 53%;}
.locationCont .locaInfo .locaCol .locaColInner.col02 .tit {background:url('/ko/front/image/greeting/icn_bus.png') no-repeat 98% 53%;}
.locationCont .locaInfo .locaCol .locaColInner dl{padding-top:5px;}
.locationCont .locaInfo .locaCol .locaColInner dl dt{font-size:1.6rem; font-weight:bold; margin-top:18px;}
.locationCont .locaInfo .locaCol .locaColInner dl dt.t01{color:#bf9f1e;}
.locationCont .locaInfo .locaCol .locaColInner dl dt.t02{color:#37b42d;}
.locationCont .locaInfo .locaCol .locaColInner dl dd{font-size:1.4rem; color:#252525; font-weight:bold;}
.locationCont .locaInfo .locaCol .locaColInner ul{padding-top:22px;}
.locationCont .locaInfo .locaCol .locaColInner ul li{font-size:1.4rem; color:#252525; font-weight:bold; margin-top:8px;}
.locationCont .locaInfo .locaCol .locaColInner ul li strong{display: inline-block; padding:2px 5px; border-radius: 4px; font-size:12px; color:#fff; margin-right:6px;}
.locationCont .locaInfo .locaCol .locaColInner ul li strong.i01{background-color:#395cb3;}
.locationCont .locaInfo .locaCol .locaColInner ul li strong.i02{background-color:#4ea031;}
.locationCont .locaInfo .locaCol .locaColInner ul li strong.i03{background-color:#dc1219;}


@media all and (max-width:765px) {
	.locationCont .locaTop{padding:0;}
	.locationCont .locaTop > strong{position:static; display:block; padding-bottom:10px;}
	.locationCont .locaTop .viewBtns{position:static; text-align: left; margin-top:20px;}
	.locationCont .locaImg{padding:10px; margin-top:20px;}
	.locationCont .locaInfo{margin-left:0;}
	.locationCont .locaInfo .locaCol{width:100%; float:none; padding-left:0; margin-top:20px; }
	.locationCont .locaInfo .locaCol .locaColInner{height:auto; padding-left:10px; padding-right:10px; padding-bottom:20px;}
}

/* 업무분야 */
.areaCont .areaInfoBx{display: table; table-layout: fixed; width:100%; min-height: 285px; padding:40px 100px 30px 280px; box-sizing: border-box; border:1px solid #dfdfdf;}
.areaCont .areaInfoBx .areaInfoInner{display: table-cell;vertical-align:middle;}
.areaCont .areaInfoBx .areaInfoInner h3{font-size:2.3rem; color:#333; font-family:NanumGothic,Dotum,sans-serif; letter-spacing:-0.5px; padding-bottom:10px;}
.areaCont .areaInfoBx .areaInfoInner p{font-size:1.6rem; color:#252525; font-family:NanumGothic,Dotum,sans-serif; font-weight:bold; margin-bottom:10px;}
.areaCont .areaInfoBx .areaInfoInner p strong{color:#3899d4;}
.areaCont .areaInfoBx.civilBx{background:#f9f9f9 url('/ko/front/image/area/civil.png') no-repeat 56px 50%;}
.areaCont .areaInfoBx.criminalBx{background:#f9f9f9 url('/ko/front/image/area/criminal.png') no-repeat 56px 50%;}
.areaCont .areaInfoBx.domesticBx{background:#f9f9f9 url('/ko/front/image/area/domestic.png') no-repeat 56px 50%;}
.areaCont .areaInfoBx.bankruptcyBx{background:#f9f9f9 url('/ko/front/image/area/bankruptcy.png') no-repeat 56px 50%;}
.areaCont .areaInfoBx.divorceBx{background:#f9f9f9 url('/ko/front/image/area/divorce.png') no-repeat 56px 50%;}
.areaCont .areaInfoBx.compensationBx{background:#f9f9f9 url('/ko/front/image/area/compensation.png') no-repeat 56px 50%;}
.areaCont .areaInfoBx.medicalBx{background:#f9f9f9 url('/ko/front/image/area/medical.png') no-repeat 56px 50%;}

@media all and (max-width:765px) {
	.areaCont .areaInfoBx{min-height: auto}
	.areaCont .areaInfoBx{background-size: 100px 100px !important; background-position:50% 20px !important; padding:130px 20px 10px;}
	
}

/* SH성공스토리 */
.mainSec{width:100%;}
.mainSec .secCont{ width:100%; max-width: 1200px; box-sizing: border-box; margin:0 auto; padding:10px 10px;}
.mainSec.sec02 .secCont{max-width: 100%; padding-left:0; padding-right:0;}
.mainSec.sec02 .secCont .swiper-pagination{display:none;}
.mainSec.sec02{position:relative; overflow:hidden; }
.mainSec.sec02:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transform:translate(0, 50%); transform:translate(0, 50%); background-color:#e5effa; margin-top:73px;}
.sec02 .mainSecInner .titBx{text-align: center; padding-bottom:20px;}
.sec02 .mainSecInner .titBx .tit {padding-top:22px; position:relative; display: inline-block;}
.sec02 .mainSecInner .titBx .tit:after{content:""; display:block; position:absolute;width:80px; height:3px; background-color:#3899d4; position:absolute; left:50%; top:0; margin-left:-40px;}
.sec02 .mainSecInner .titBx .tit > strong{ font-size:40px; color:#333; letter-spacing:-2px; display:block;}
.sec02 .mainSecInner .titBx .tit > strong span{color:#3899d4;}
.sec02 .mainSecInner .titBx .tit > span {display:block; font-size:20px; color:#676767; font-weight:normal; padding-top:6px; letter-spacing:-1px;}

.sec02 .sec02Swiper{padding:30px 10px; max-width: 1200px; box-sizing: border-box; margin:0 auto;}
.sec02 .sec02Swiper .swiper-slide > a{
	display:block;
	background-color:#fff;
	-webkit-transition:all 100ms linear;
	-moz-transition:all 100ms linear;
	-o-transition:all 100ms linear;
	-ms-transition:all 100ms linear;
	transition:all 100ms linear;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
}
.sec02 .sec02Swiper .swiper-slide > a:hover{
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-o-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}


.sec02 .sec02Swiper .swiper-slide > a .img{display:block; background-size: cover !important;}
.sec02 .sec02Swiper .swiper-slide > a .img img{display:block; width:100%;}
.sec02 .sec02Swiper .swiper-slide .txWrap{display:block; height:217px; box-sizing: border-box; padding:20px; position:relative;}
.sec02 .sec02Swiper .swiper-slide .txWrap .cate{display: inline-block; min-width: 140px; box-sizing: border-box; background-color:#3899d4; text-align: center; padding:7px; font-size:17px; color:#ffffff; font-weight:bold; letter-spacing:-1px; font-family: 'NotoKrB', sans-serif;}
.sec02 .sec02Swiper .swiper-slide .txWrap .tx{display:block; font-size:14px; color:#676767; line-height:1.4;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; height:40px; margin-top:18px; font-family: 'NotoKrR', sans-serif;}
.sec02 .sec02Swiper .swiper-slide .txWrap .more{font-size:13px; color:#3899d4;  position:absolute; left:20px; bottom:20px;}
.sec02 .buttonWrap{width:100%; max-width: 1180px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); z-index: 11; margin-top:71px;}
.sec02 .swiper-button-next,
.sec02 .swiper-button-prev{width:25px; height:50px;}
.sec02 .swiper-button-prev{background:url('/ko/front/image/main/sec02_prev.png') no-repeat center !important; margin-left:-90px; left:0;}
.sec02 .swiper-button-next{background:url('/ko/front/image/main/sec02_next.png') no-repeat center !important; margin-right:-90px; right:0;}


.storyListArea .storyListWrapper{margin-left:-20px;}
.storyListArea .storyListWrapper:after{content:""; display:block; clear:both;}
.storyListArea .storyListWrapper .listItem{float:left; padding-left:20px; width:25%; box-sizing: border-box; margin-top:40px;}
.storyListArea .storyListWrapper .listItem > a{border:1px solid #dfdfdf; display:block;}
.storyListArea .storyListWrapper .listItem > a .img{display:block; background-size: cover !important;}
.storyListArea .storyListWrapper .listItem > a .img img{display:block; width:100%;}
.storyListArea .storyListWrapper .listItem .txWrap{display:block; height:217px; box-sizing: border-box; padding:20px; position:relative; }
.storyListArea .storyListWrapper .listItem .txWrap .cate{display: inline-block; width: 100%; box-sizing: border-box; background-color:#3899d4; text-align: center; padding:7px; font-size:16px; color:#ffffff; font-weight:bold;   font-family: 'NotoKrB', sans-serif;}
.storyListArea .storyListWrapper .listItem .txWrap .tx{display:block; font-size:14px; color:#676767; line-height:1.4;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; height:40px; margin-top:18px; font-family: 'NotoKrR', sans-serif;}
.storyListArea .storyListWrapper .listItem .txWrap .more{font-size:13px; color:#3899d4;  position:absolute; left:20px; bottom:20px;}
.storyListArea .buttonWrap{width:100%; max-width: 1180px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); z-index: 11; margin-top:71px;}


@media all and (max-width:1380px) {
	.sec02 .swiper-button-prev{display:none;}
	.sec02 .swiper-button-next{display:none;}
	.sec02 .sec02Swiper{}
}

@media all and (max-width:765px) {
	.sec02 .mainSecInner .titBx{padding-bottom:0;}
	.sec02 .mainSecInner .titBx .tit > strong{font-size:30px;}
	.sec02 .mainSecInner .titBx .tit > span {font-size:15px;}
	.sec02 .sec02Swiper .swiper-slide .txWrap{height:200px; padding-left:10px; padding-right:10px;}
	.sec02 .sec02Swiper .swiper-slide .txWrap .cate{font-size:14px; min-width:100%;}
	.sec02 .sec02Swiper .swiper-slide .txWrap .tx{font-size:12px; margin-top:10px; height:34px;}
	.sec02 .sec02Swiper .swiper-slide .txWrap .more{font-size:12px;}
	.mainSec.sec02 .secCont .swiper-pagination{display:block; position:static; width:100%; position:relative; z-index:2; padding-bottom:10px;}

	.storyListArea .storyListWrapper{margin-left:-10px;}
	.storyListArea .storyListWrapper .listItem{width:50%; padding-left:10px;}
	.storyListArea .storyListWrapper .listItem .txWrap{height:200px; padding-right:10px; padding-left:10px;}
	.storyListArea .storyListWrapper .listItem .txWrap .cate{font-size:14px; min-width:100%;}
	.storyListArea .storyListWrapper .listItem .txWrap .tx{font-size:12px; margin-top:10px; height:34px;}
	.storyListArea .storyListWrapper .listItem .txWrap .more{font-size:12px;}
}

.schContainer {padding:12px 0; background-color:#fafafa; border:1px solid #ddd; text-align: center; font-size:0;}
.schItems{display: inline-block; vertical-align:middle; position:relative; padding-left:80px; box-sizing: border-box;}
.schItems .schTit{font-size:13px; color:#454545; display: inline-block; vertical-align:middle; position:absolute; left:0; top:50%;  -webkit-transform:translate(0, -50%); transform:translate(0, -50%); width:80px; box-sizing: border-box; padding-right:10px; text-align: right;}
.schContainer .selType01{width:167px;}
.schContainer .scInp{display:inline-block; padding-right:62px; position:relative; box-sizing: border-box; vertical-align:middle;}
.schContainer .scInp:after{content:"";display:block; clear:both;}
.schContainer .scInp .inpType01{height:30px !important; line-height:30px !important; border:1px solid #dbdada; border-right:none !important; float:left;  font-size:1.4rem; width:170px;}
.schContainer .scInp .btnSch{border:1px solid #dbdada; float:left; width:62px; height:30px; line-height:30px; font-size:12px; color:#333; position:absolute; right:0; top:0; background-color:#f4f4f4;}

@media all and (max-width:880px) {
	.schContainer .selType01{width:127px;}
	.schContainer .scInp .inpType01{width:120px;}
}

@media all and (max-width:765px) {
	.schContainer {padding-left:10px; padding-right:20px;}
	.schContainer .schItems{display:block; width:100%; margin-top:10px;}
	.schContainer .schItems:first-child{margin-top:0;}
	.schContainer .selType01{width:100%;}
	.schContainer .scInp{width:100%;}
	.schContainer .scInp .inpType01{width:100%;}
}

.lawsuitListArea li{margin-top:20px;}
.lawsuitListArea a{display:block; position:relative; border:1px solid #e5e5e5; border-left:none; padding-left:10px; }
.lawsuitListArea a:after{content:""; display:block; width:10px; height:100%; position:absolute; left:0; top:0;}
.lawsuitListArea a .tit{padding:14px 0 14px 22px; border-bottom:1px solid #e5e5e5; font-size:1.4rem; color:#454545; font-weight:bold;font-family:NanumGothic,Dotum,sans-serif; display:block; box-sizing: border-box; width:100%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:180px;}
.lawsuitListArea a .tx{padding:14px 0 14px 22px;font-size:1.3rem; color:#454545;font-family:NanumGothic,Dotum,sans-serif; display:block; box-sizing: border-box; width:100%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background-color:#fbfbfb; padding-right:50px;}
.lawsuitListArea a .more{padding:5px 24px; border:1px solid #dbdada; background-color:#f4f4f4; font-size:12px; color:#777777; display:block; position:absolute; right:28px; top:10px;}

.lawsuitListArea li.type01 a:after{background-color:#d6d6d6;}
.lawsuitListArea li.type02 a:after{background-color:#4392be;}
.lawsuitListArea li.type03 a:after{background-color:#446eaf;}
.lawsuitListArea li.type04 a:after{background-color:#273d84;}
.lawsuitListArea li.type05 a:after{background-color:#342876;}
.lawsuitListArea li.type06 a:after{background-color:#5d4498;}
.lawsuitListArea li.type07 a:after{background-color:#c03d84;}
.lawsuitListArea li.type08 a:after{background-color:#080404;}

@media all and (max-width:765px) {
	.lawsuitListArea a {padding-left:5px;}
	.lawsuitListArea a:after {width:5px;}
	.lawsuitListArea a .more{display:none;}
	.lawsuitListArea a .tit{padding-right:10px; padding-left:10px;}
	.lawsuitListArea a .tx{padding-right:10px; padding-left:10px;}
}

/* 온라인 상담 */
.mainSec.sec04{position:relative; overflow:hidden; }

.mainSec.sec04 .secCont{ position:relative; z-index: 2; padding-top:0; padding-bottom:0; }
.mainSec.sec04 .secCont .sec02Box{
	position:relative;
	background-color:#fff;
	padding:40px 70px 50px;
	border:1px solid #dfdfdf;
	
}
.mainSec.sec04 .secCont .sec02Inner{display: table; table-layout: fixed; width:100%;}
.mainSec.sec04 .secCont .sec02Inner .mapBox{display: table-cell; vertical-align:top; padding:0 10px;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tit{font-size:40px; color:#333; padding-bottom:15px;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tit span{color:#3899d4;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tx {font-size:16px; color:#676767; line-height:1.6; font-family: 'NotoKrR', sans-serif;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapArea {margin-top:25px;}
.mainSec.sec04 .secCont .sec02Inner .mapBox .mapArea .map-responsive {padding-bottom:0; height:318px;}
.mainSec.sec04 .secCont .sec02Inner .appArea{display: table-cell; vertical-align:top; padding:0 10px; line-height:1.4;}
.mainSec.sec04 .secCont .sec02Inner .appArea .addBx > p{ margin-top:25px; padding-left:56px;background:url('/ko/front/image/main/icn_map.png') no-repeat 3px 6px; background-size: 26px 32px; border-bottom:1px solid #dfdfdf; padding-bottom:11px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .addBx strong{display:block; font-size:15px; color:#676767; font-family: 'NotoKrR', sans-serif;}
.mainSec.sec04 .secCont .sec02Inner .appArea .addBx span{display:block; font-size:16px; color:#333333;  font-weight:bold; padding-top:3px; font-family: 'NotoKrM', sans-serif;}

.mainSec.sec04 .secCont .sec02Inner .appArea .callBx{margin-top:10px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .callBx > p{ padding-left:56px;background:url('/ko/front/image/main/icn_call.png') no-repeat 0 6px; background-size: 32px 32px;  padding-bottom:11px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .callBx strong{display:block; font-size:20px; color:#3899d4; font-family: 'NotoKrR', sans-serif;}
.mainSec.sec04 .secCont .sec02Inner .appArea .callBx span{display:block; font-size:14px; color:#333333; padding-top:3px; font-family: 'NotoKrR', sans-serif;}
.mainSec.sec04 .secCont .sec02Inner .appArea .inpItem {margin-bottom:9px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .inpItem .inpType01{height:60px; line-height:60px; width:100%; font-size:15px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .inpItem .inputStyle{height:104px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .buttonBx{padding-top:4px;}
.mainSec.sec04 .secCont .sec02Inner .appArea .buttonBx button{font-size:17px; color:#fff; text-align: center; width:100%; background-color:#3899d4; height:60px; font-family: 'NotoKrM', sans-serif;}


@media all and (max-width:765px) {
	.mainSec.sec04 .secCont{padding-left:10px; padding-right:10px; margin-bottom:100px;}
	.mainSec.sec04 .secCont .sec02Box{padding:25px 20px;}
	.mainSec.sec04 .secCont .sec02Box:before{right:-40px; bottom:-40px;}
	.mainSec.sec04 .secCont .sec02Inner .mapBox{display:block;  padding:0;}
	.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tit{font-size:25px;}
	.mainSec.sec04 .secCont .sec02Inner .mapBox .mapTitle .tx{font-size:14px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea{display:block; padding:0; margin-top:35px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .addBx > p{padding-left:45px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .addBx strong{font-size:13px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .addBx span{font-size:14px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .callBx > p{padding-left:45px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .callBx strong{font-size:18px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .callBx span{font-size:14px;}
	.mainSec.sec04 .secCont .sec02Inner .appArea .buttonBx button{font-size:14px;}
}

.onlineTable{margin-top:40px;}

/* 전화상담 */
.phoneCont .tit{font-size:2.6rem; color:#0c77b8;letter-spacing:-2px; text-align: center;}
.phoneCont .tx{font-size:1.7rem; color:#000000;letter-spacing:-1px; text-align: center; padding-top:2px;}
.phoneCont .phoneList ul{margin-left:-20px; margin-top:45px;}
.phoneCont .phoneList ul:after{content:""; display:block; clear:both;}
.phoneCont .phoneList ul li{float:left; box-sizing: border-box; width:33.33%; padding-left:20px;}
.phoneCont .phoneList ul li .item{border:1px solid #dfdfdf; box-sizing: border-box; height:330px; padding-top:48px; text-align: center; background-color:#f9f9f9;}
.phoneCont .phoneList ul li .img{display:block;}
.phoneCont .phoneList ul li .tit{display:block;font-size:1.7rem; color:#252525; margin-top:14px;}
.phoneCont .phoneList ul li .number{display:block;font-size:2.3rem; color:#264da8;}

@media all and (max-width:765px) {
	.phoneCont .phoneList ul{margin-left:0; margin-top:0; padding-top:20px;}
	.phoneCont .phoneList ul li{width:100%; float:none; padding-left:0; margin-top:20px;}
	.phoneCont .phoneList ul li .item{height: auto; padding-bottom:30px; padding-top:30px;}

	.phoneCont .phoneList ul li .img img{height:100px;}

}

/* 방문상담예약 */
.visitRow{display: table; table-layout: fixed; width:100%;}
.visitRow .visitCell{display: table-cell; vertical-align:top; height:580px; box-sizing: border-box;}
.visitRow .visitCell.cell01{background-color:#4392be; padding:45px 40px 0; }
.visitRow .visitCell.cell01 .tit{font-size:2.5rem; color:#ffffff;}
.visitRow .visitCell.cell01 .tx{font-size:1.6rem; color:#d0e2ec; letter-spacing:-1px; padding-bottom:30px;}
.visitFormArea .inpItem {margin-bottom:9px;}
.visitFormArea .inpItem .inpType01{height:60px; line-height:60px; width:100%; font-size:15px; border:none;}
.visitFormArea .inpItem .inputStyle{height:160px; border:none;}
.visitFormArea .buttonBx{padding-top:21px;}
.visitFormArea .buttonBx button{font-size:1.7rem; color:#fff; text-align: center; width:100%; background-color:#4392be; height:60px; font-family: 'NotoKrM', sans-serif; border:2px solid #fff;}

.visitRow .visitCell.cell02{background-color:#fff; padding:45px 90px 0; border:1px solid #dfdfdf; border-left:none; text-align: center;}
.calendarWrap .calendarTop{height:40px; position:relative; display: inline-block; padding-left:95px; padding-right:95px; font-size:2.5rem; color:#333; font-weight:bold; line-height:40px;}
.calendarWrap .calendarTop .btnPrev{position:absolute; left:0; top:0;}
.calendarWrap .calendarTop .btnNext{position:absolute; right:0; top:0;}
.dateSelBx{display: table; table-layout: fixed; width:100%; margin-top:20px;}
.dateSelBx .schItems{display: table-cell; vertical-align:middle; padding-left:43px;}
.dateSelBx .schItems .schTit{width: 35px; padding-right:0;}
.dateSelBx .schItems select.selType01{width:100%;}
.dateSelBx .schItems select.selType01{width:100%;}

.calendarList {margin-top:28px;}
.calendarList table {border:1px solid #dfdfdf; text-align: center;}
.calendarList table thead th{ border-left:1px solid #dfdfdf; background-color:#fafafa; font-size:1.6rem; color:#333; font-family: 'NotoKrM', sans-serif; font-weight:bold; padding:17px 0;}
.calendarList table tbody td{ border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; font-size:1.6rem; color:#333; font-family: 'NotoKrM', sans-serif; cursor: pointer; padding:17px 0; font-weight:bold;}
.calendarList table tbody td:nth-child(6){color:#4281b9;}
.calendarList table tbody td:nth-child(7){color:#f2412c;}
.calendarList table tbody td.sel {background-color:#4392be;}

@media all and (max-width:1080px) {
	.calendarWrap .calendarTop{padding-left:50px; padding-right:50px;}
	.visitRow .visitCell.cell01{padding:35px 20px 0;}
	.visitRow .visitCell.cell02{padding:35px 40px 0;}
}

@media all and (max-width:765px) {
	.visitRow .visitCell{display:block; width:100%; height:auto;}
	.visitRow .visitCell.cell01{padding:20px 10px 20px;}
	.visitRow .visitCell.cell02{padding:20px 10px 20px; border:1px solid #dfdfdf; margin-top:20px;}
}


.agBox { margin-top:10px; padding:19px;  border:1px solid #dfdfdf;}
.agBox .agBoxInner {background-color:#fff; box-sizing:border-box;}
.agBox .agBoxInner .agTxt{padding:10px;}
.agChk{margin-top: 10px; font-size:15px; color:#333; text-align: right; }
.agChk label{vertical-align: -1px}
.chkInp {display: inline-block; *zoom:1; *display:inline; width: 95px; height:30px; line-height: 30px;}
.chkInp label {vertical-align: -1px}
.policyCont{line-height:1.6;}
.guideTxArea {line-height:23px; font-size:12px; color:#666;}
.guideTxArea p{font-size:12px; color:#666; margin-top:20px;}
.guideTxArea p:first-child{margin-top:0;}
.guideTxArea dl{margin-top:20px; color:#666;}
.guideTxArea dl dt{font-weight:bold;font-size:13px; }
.guideTxArea dl dd{font-size:12px;}
.guideTxArea ul {color:#666; font-size:12px; margin-top:20px;}


.siteTx{font-size:1.6rem; color:#676767;}
.sitemapCont .sitemapRow{margin-left:-50px; }
.sitemapCont .sitemapRow:after{content:""; display:block; clear:both;}
.sitemapCont .sitemapRow .siteCell{float:left; width:25%; box-sizing: border-box; padding-left:50px; margin-top:30px;}
.sitemapCont .sitemapRow dl{border:1px solid #dfdfdf; border-top:2px solid #3899d4;}
.sitemapCont .sitemapRow dl a:hover{text-decoration: underline;}
.sitemapCont .sitemapRow dl dt a{display:block; box-sizing: border-box; padding:15px 25px; border-bottom:1px solid #dfdfdf; color:#252525; font-size:2.0rem; font-weight:bold; background:url('/ko/front/image/common/site_arr.png') no-repeat 92% 50%;}
.sitemapCont .sitemapRow dl dd{}
.sitemapCont .sitemapRow dl dd a{display:block; box-sizing: border-box; padding:0 23px; color:#676767; font-size:1.5rem; position:relative; background-color:#fafafa;}
.sitemapCont .sitemapRow dl dd a span{display:block; padding:13px 15px;  position:relative; border-top:1px dashed #dfdfdf;}
.sitemapCont .sitemapRow dl dt + dd a span{border-top:none;}
.sitemapCont .sitemapRow dl dd a:after{content:""; display:block; width:4px; height:1px; background-color:#676767; position:absolute; left:26px; top:23px;}



@media all and (max-width:1080px) {
	.sitemapCont .sitemapRow .siteCell{width:50%;}
}

@media all and (max-width:764px) {
	.sitemapCont .sitemapRow{margin-left:0;}
	.sitemapCont .sitemapRow .siteCell{width:100%; padding-left:0; margin-top:20px;}
}