@charset "utf-8";

.cont-top { overflow: hidden; position: relative; }
.cont-top .img { float: left; width: 50%; }
.cont-top .img img { width: 100%; max-width: 700px; }
.cont-top .txt { float: left; width: 50%;  padding: 2.5% 3% 0; box-sizing: border-box; }
.cont-top .txt h3 { font-size: 3.125em; color:#000; font-weight: 500; margin-bottom: 0.7em; line-height: 1.0em; letter-spacing: -0.06em;}
.cont-top .txt h3::before { content:'['; font-weight: 900; color:#caa56b; margin-right: 0.2em;  }
.cont-top .txt h3::after { content:']'; font-weight: 900; color:#caa56b; margin-left: 0.2em; }
.cont-top .txt p { font-size: 1.25em; font-weight: 300; line-height: 1.8em; }

.cont-top .txt .titWrap { margin-bottom: 2em }
.cont-top .txt .titWrap h3 { display: inline-block; vertical-align: middle; margin-bottom:0; }
.cont-top .txt .titWrap .btn_target { display: inline-block; vertical-align: middle; color:#fff; background:#caa56b; padding: 0 1em;
                                                    margin: 0.3em 1em 0; line-height: 2.2em; border-radius: 3px; }

@media screen and (max-width:1399px){
.cont-top .txt { padding: 1% 0 1% 4%; }
.cont-top .txt h3 {  margin-bottom: 0.5em; }
}

@media screen and (max-width:1280px){
   .cont-top .txt h3 { font-size: 3em; }
   .cont-top .txt p { font-size: 1.15em; }
}

@media screen and (max-width:976px){
.cont-top .img { width: 100%; text-align: center;  }
.cont-top .txt { width: 100%; padding: 3% 0; }
}

@media screen and (max-width:767px){
.cont-top .txt {  padding: 5% 0 3%; }
.cont-top .txt h3 { font-size: 2.6em; }
}

.stit1 { font-size: 1.75em; color:#c59853; letter-spacing: -0.08em; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.5em; margin-bottom: 1em; }
.stit2 { font-size: 1.5em; color:#212121; font-weight: 500; line-height: 26px; margin-bottom: 0.5em; }
.stit2::before { content:''; width: 4px; height: 26px; background: #c59853; display: inline-block; vertical-align: middle; margin-right: 0.4em; }
.stit3 { font-size: 1.3em; color:#212121; font-weight: 500; margin-bottom: 0.3em; /*position: relative; padding-left: 0.8em;*/ }
/*.stit3::before { content:''; width: 10px; height: 10px; background: #c59853; position: absolute; left:0; top: 0.55em; }*/
.stit4 { font-size: 1.15em; color:#212121; font-weight: 500; margin-bottom: 0.5em; }
.stit5 { font-size: 1.15em; color:#c59853; font-weight: 500; margin-bottom: 0.2em; }
.stit5.em { font-size: 1.3em; font-weight: 700; }

.stxt1 { font-size: 1.125em; color:#555; line-height: 1.7em; letter-spacing: -0.08em; }
.stxt1.em { font-size: 1.18em; color:#212121; line-height: 1.4em; }
.stxt2 { font-size: 0.95em; color:#888; }
.txt-line { border-bottom: 1px solid rgba(198, 152, 83, 0.6);  color:#c59853;}

.em1 { color:#98aa43; font-weight: 500;}

.stxt1.bullet::before { content: "◆"; font-size: 0.5em; color: #c59853; margin-right: 0.7em; display: inline-block; vertical-align: middle; }

@media screen and (max-width:767px){
   .stit2  { line-height: 22px; }
   .stit2::before { content:''; width: 4px; height: 22px; }
}

.s-section > img { max-width: 100%; }

.bgBox { background:#f9f8f5; padding: 2%; }
.bdBox { border:2px solid rgba(198, 152, 83, 0.2); padding: 2%;}
.bdBox2 { border:6px solid #c59853; padding: 2%; }
.imgBox { text-align: center; padding: 4% 2%; }
dl.bdBox dt { color:#212121; font-size: 1.05em; margin-top: 0.8em; margin-bottom: 0.1em;  }
dl.bdBox dt:first-child { margin-top:0; }

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

   .bgBox,
   .bdBox { padding: 3%; }
   .bdBox2 { padding: 3%; border-width: 4px; }

}

.dotList li { position: relative; padding-left: 10px; margin-bottom: 5px; font-size: 1.06em; }
.dotList li:before { content:''; width: 4px; height: 4px; background:#c59853; position: absolute; left:0; top: 0.6em;}
.dotList li:last-child { margin-bottom: 0; }


.tb-style1 { width: 100%; border-top: 2px solid #caa56b; }
.tb-style1 thead th { background: #f9f7f3; padding: 1em 0; color:#212121; border-bottom: 1px solid #ddd; }
.tb-style1 tbody th { color:#212121; padding: 1em 0; border-bottom: 1px solid #ddd;}
.tb-style1 tbody td { padding: 1em 1.5em; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }







/*도율소개*/

.intro-top { background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; color:#fff; padding:4% 0 14%; max-height: 400px; }
.intro-top p { font-family: 'JSArirangPPURI-Regular'; font-size: 3em; letter-spacing: 0.05em; margin:1% 0}
.intro-top p.tLine {display:inline-block; width:1px; background:rgba(255,255,255,0.5); height:40px}


#intro1 { background-image:url("/images/sub/intro1_top.jpg"); }
#intro2 { background-image:url("/images/sub/intro1_top.jpg"); }

.innerCont { position: relative; width: 90%; max-width: 1400px; margin: -120px auto 0; box-sizing: border-box; }

@media all and (max-width:976px) {

.innerCont { margin-top: -10%; }

.intro-top{ padding-bottom: 10%; }
.intro-top p { padding: 0;  font-size: 2.2em; }


}

@media all and (max-width:480px) {

.intro-top p { font-size: 1.1em; }

}

.greetCont { position: relative; width: 90%; max-width: 1400px; background:#fff url("/images/sub/s-vis.png") no-repeat 99% 2%;
                  padding: 6% 4% ; margin: 0 auto; margin-top: -120px; box-sizing: border-box; overflow: hidden; text-align: center;}
.greetCont .greet-img { display: inline-block; vertical-align: bottom;  width: 36%;  }
.greetCont .greet-img img { width: 100%; }
.greetCont .greet-txtWrap { display: inline-block; vertical-align: bottom;  width: 60%; padding-right:2%;  }
.greetCont .greet-tit {  position: relative; }
.greetCont .greet-tit p { font-size: 4em; line-height:1.2em; font-family:'Nanum Myeongjo', serif;  font-weight:800}
.greetCont .greet-tit h4 { font-size: 2.45em; color:#000000;  line-height:1.2em; font-weight: 700; font-family:'JSArirangPPURI-Regular', serif; }

.greet-txt {margin-top:5%; text-align: left; }
.greet-txt .typo1 { font-family:'Nanum Myeongjo', serif; color:#323232; font-size: 2em; font-weight:700;}
.greet-txt .txt1 { font-size: 1.1em; line-height: 2.0em; color:#767676; }
/*.greet-txt .sign { font-size: 1.2em; color:#323232; float: right;  }
.greet-txt .name { font-family: 'OTEnjoystoriesBA'; font-size: 3.06em; }*/
.greet-txt .sign { color:#323232; margin-top: 1.5em; text-align: right; }
.greet-txt .name { font-family: 'JSArirangPPURI-Regular';  font-size: 2.5em; margin-left: 0.15em; }

.greet-img2 { overflow: hidden; position: relative; width: 90%; max-width: 1300px; margin: 0 auto;  }
.greet-img2 .img1 { float: left; width: 35%; }
.greet-img2 .img2 { float: right; width: 64%; }

.greet-img3 { text-align: center; }
.greet-img3 img { max-width: 100%; }

@media all and (max-width:1399px) {
.greetCont { padding: 7%; }
.greet-txt br { display: none; }
}

@media all and (max-width:976px) {
.greetCont { padding: 8% 5%; margin-top: -10%; background-size: 30% auto; }
.greetCont .greet-tit { font-size: 0.85em; padding-bottom: 20px; }
.greet-txt .typo1 { font-size: 1.7em; line-height: 1.4em; }


.greetCont .greet-img { width: 100%; text-align: center; margin-top: 2em;}
.greetCont .greet-img img { max-width: 490px; width: 100%;   }
.greetCont .greet-txtWrap { width: 100%; padding-top: 3%; padding-right:0;  }


}

@media all and (max-width:676px) {
.greetCont {background-size: 50% auto; }

}

@media all and (max-width:480px) {
.greetCont .greet-img img { width: 100%;  }

.greet-img2 .img1 { width: 100%; margin-bottom: 2px;}
.greet-img2 .img2 { width: 100%; }
}


.intBox {margin:2% 5% 0; clear: both; font-family: 'BinggraeMelona'; font-size: 1.1em; color:#323232;  }
.intBox ul {border-top:3px solid #c59853; border-bottom:1px solid #c59853; overflow:hidden;}
.intBox ul li {float:left; width:50%; box-sizing:border-box; padding:2% 0; }
/*.intBox ul li:nth-of-type(1), .intBox ul li:nth-of-type(2), .intBox ul li:nth-of-type(3), .intBox ul li:nth-of-type(4) {border-bottom:1px solid #ddd}*/
.intBox ul li:nth-of-type(odd) dl {border-right:1px solid #ddd}
.intBox ul li dl {padding:4%; overflow:hidden; display:table; }
.intBox ul li dt {display:table-cell; width:24%; vertical-align:middle}
.intBox ul li dt img {width:80%}
.intBox ul li dd {display:table-cell; width:76%; font-size:1.05em; vertical-align:middle}

@media all and (max-width:767px) {
.intBox ul li {float:none; width:100%; border-bottom:1px solid #ddd}
.intBox ul li:last-child {border-bottom:none;}
.intBox ul li:nth-of-type(odd) dl {border-right:0}
}


/*찾아오시는길*/

#sMap { position: relative; overflow: hidden;  }
#sMap .root_daum_roughmap .wrap_map  { height: 550px !important; }
.wrap_controllers {display:none;}
.root_daum_roughmap_landing {border-bottom:1px solid #ddd}

@media all and (max-width:976px) {
#sMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
.locaInfo dl { padding: 5% 0 5% 100px; background-size: 80px; font-size: 1.3em; }
}

.sMap-info { position: relative; z-index:1; overflow: hidden; width: 92%; margin: -4vw auto 0; padding: 5%;  border:1px solid #f4f4f4; border-right-color:#ccc; border-bottom-color:#ccc;
			 background:#fff url("/images/sub/s-vis.png") no-repeat right bottom; background-size: 16% auto; }
.sMap-info .tit { float: left; width: 40%; /*border-right: 1px solid #e5e5e5;*/ }
.sMap-info .tit h4 {color:#333; font-size: 2.66em; line-height: 1.5em; }
.sMap-info .tit p { color:#999; font-size: 1.10em; line-height: 1.5em;  }
.sMap-info .txt { float: left; width: 60%; border-left:1px solid #e5e5e5; padding: 0 0 0 5%; font-size: 1.5em;line-height: 1.5em;  }
.sMap-info .txt p br {display:none}

@media all and (max-width:1399px) {
.sMap-info .tit { width: 35%; }
.sMap-info .txt { width: 65%; }
}

@media all and (max-width:767px) {
.sMap-info {background-size: 28% auto; }
.sMap-info .tit { width: 100%; border-right:0; border-bottom: 1px solid #e5e5e5; padding-bottom: 3%; margin-bottom: 3%; }
.sMap-info .txt { width: 100%; padding-left:0; font-size: 1.3em;  border-left:none;}
}

@media all and (max-width:480px) {
.sMap-info .txt p br {display:block;}
}


/*구성원소개*/
.lawyerInfo { background: #f5f5f5; overflow: hidden; position: relative; height: 600px; }
.lawyerInfo .txt { float: left; width: 50%; padding: 5%; padding-right:0;}
.lawyerInfo .tit { margin-bottom: 4%; color:#000; }
.lawyerInfo .tit p { font-size:1.1em; font-weight:600; font-family:'Noto Serif KR'; line-height: 1.2em;  }
.lawyerInfo .tit h3 { font-size: 2.6em; letter-spacing: -0.05em; line-height: 1.2em; }
.lawyerInfo .tit h3 .fw-L { font-weight: 300; }
.lawyerInfo .img { float: right; width: 40%; position: relative; height: 100%;   }
.lawyerInfo .img .tit { display: none; }
.lawyerInfo .img img { position: absolute; bottom:0; right:0; width: 100%;   }

.lawyerInfo .txt .profile { background:#fff url("/images/sub/symbolBG.png") no-repeat 102% 102%; padding: 40px 0 40px 40px ;  box-sizing: border-box; }
.lawyerInfo .txt .profile div { height: 290px; overflow-y: auto; }

.imgbig .txt { position: absolute; left:0; z-index:10;  }
.imgbig .img { position: absolute; right:0; width: 47%;  }
.imgbig .img img { position: absolute; bottom:0; right:0; width: auto; height: 100%;    }

@media all and (max-width:1280px) {
   .lawyerInfo { height: 48vw; }
   .lawyerInfo .txt { width: 60%; }
   .lawyerInfo .img { width: 40%; }
   .lawyerInfo .txt .profile { padding: 5%; padding-right:0; background-size: 35% auto; }
   .lawyerInfo .txt .profile div { height: 26vw; }
}

@media all and (max-width:767px) {
   .lawyerInfo { height: auto; padding: 5% 3% 3%;}
   .lawyerInfo .txt { width: 100%; padding:0;}
   .lawyerInfo .img { width: 100%; text-align: center;  }
   .lawyerInfo .img img { position: relative; width: 80%; max-width: 560px; }

   .lawyerInfo .txt .tit { display: none; }
   .lawyerInfo .txt .profile div { height: 40vw; }

   .imgbig .txt { position: relative; width: 100%;  }
   .imgbig .img { position: relative; width: 100%;  }
   .imgbig .img img { position: relative; width: 100%; max-width: 660px; height: auto;  }

}


.appList { overflow: hidden; text-align: center; display: flex; flex-wrap: wrap; }
.appList li { float: left; width:19%; margin-bottom: 50px; margin-left: 1.2%;  }
.appList li:first-child { margin-left: 0; }
.appList li:nth-child(6) { margin-left: 0; }
.appList li:nth-child(11) { margin-left: 0; }
.appList li:nth-child(16) { margin-left: 0; }
.appList li:nth-child(6) { margin-left: 0; }
.appList li img { width: 100%; margin-bottom: 20px; }
.appList li p { color:#212121; font-size: 1.125em; }

@media all and (max-width:976px) {
   .appList li { width:24%;  }
   .appList li:first-child { margin-left: 0; }
	.appList li:nth-child(5) { margin-left: 0; }
	.appList li:nth-child(9) { margin-left: 0; }
	.appList li:nth-child(13) { margin-left: 0; }
	.appList li:nth-child(17) { margin-left: 0; }
	.appList li:nth-child(6) { margin-left: 1.2%; }
	.appList li:nth-child(11) { margin-left: 1.2%; }
}

@media all and (max-width:767px) {
   .appList li { width:32.33%;  margin-bottom: 30px;  }
	.appList li:nth-child(5) { margin-left: 1.2%; }
	.appList li:nth-child(9) { margin-left: 1.2%; }
	.appList li:nth-child(4) { margin-left: 0; }
	.appList li:nth-child(7) { margin-left: 0; }
	.appList li:nth-child(10) { margin-left: 0; }
}


@media all and (max-width:480px) {
   .appList li { width: 49%;  }
   .appList li img { margin-bottom: 12px; }
	.appList li:nth-child(3) { margin-left: 0; }
	.appList li:nth-child(4) { margin-left: 1.2%; }
	.appList li:nth-child(5) { margin-left: 0; }
	.appList li:nth-child(7) { margin-left: 0; }
	.appList li:nth-child(9) { margin-left: 0; }
	.appList li:nth-child(10) { margin-left: 1.2%; }
	.appList li:nth-child(11) { margin-left: 0; }
	.appList li:nth-child(13) { margin-left: 0; }
	.appList li:nth-child(15) { margin-left: 0; }
	.appList li:nth-child(17) { margin-left: 0; }
	.appList li:nth-child(19) { margin-left: 0; }
	.appList li:nth-child(21) { margin-left: 0; }
}


.member { padding: 4%; border-width: 5px; }
.member .stit1 { font-size: 1.4em; margin-top: 2em; }
.member .stit1.first { margin-top:0; }
.member .stit2 { font-size: 1.2em; margin-top: 1.5em;}