@charset "utf-8";

.sub_visual{position: relative; color: #fff; height: 570px; background: url(../assets/images/banner-bg.jpg) no-repeat center; background-size: cover; 
display: flex; flex-wrap:wrap; justify-content: center; align-items: center;}
.sub_visual h1{font-size: 5.2rem; color: #fff; position: relative; }

.sub_img {margin:0 auto; text-align:center;}
.sub_img img {width:100%;}

.snb{position: absolute; text-align: center; 
line-height: 60px; font-size: 1.8rem; width: 100%; top: 430px; left:50%; transform:translateX(-50%); max-width:1400px;
}
.snb ul {display: flex; flex-wrap:wrap; justify-content: center;}
.snb li{min-width: 180px; border: 1px solid rgba(255, 255, 255, 0.3); border-left: none; border-right: none;}
.snb li a{color: rgba(255, 255, 255, 0.55); font-weight: 300; transition: 0.3s;}
.snb li:hover a, 
.snb li.active a{font-weight: 500; display: block;  box-sizing: border-box; height: 100%; color: #fff;}
.snb li.active{background-color: rgba(0, 0, 0, 0.3);border-color: #d7b264;}

.snb2 li {}
.snb3 li {}
.snb4 li {}
.snb5 li {}
.snb6 li {width:16%;}


.sub_container{padding: 12rem 0px;}
h1.sb_title{font-size: 3.8rem; font-weight: 500; text-align: center; padding-bottom: 3rem; position: relative; margin-bottom: 8rem;}
h1.sb_title::after{content: ""; width: 45px; height: 3px; background-color: #d7b264; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.cfixed:after {display: block; content: ""; clear: both;}



.about{}
.about .banner{background: url(../img/sub/about.png) no-repeat center; background-size: cover; text-align: center; padding: 14rem 1.5rem 12rem; border-radius: 0 25px; color: #fff; font-weight: 300; font-size: 2.8rem; position: relative; margin-bottom: 12rem;}

.about .banner::after{content: ""; width: 98%; height: 95%; border-radius: 0 25px;border: 1px solid rgba(253, 169, 21, 0.8); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.about .banner p{margin-top: 4.4rem; line-height: 1.5;}
.about .banner p span{color: #d39018;}
.about .ctbox{display: flex; /* justify-content: space-between; */ align-items: center;  }
.about .ctbox .imgbox{border-radius: 0 25px; overflow: hidden; max-width: 475px; margin-right: 3%;}
.about .ctbox .imgbox img{width: 100%;}
.about .ctbox1,
.about .ctbox2{border-bottom: 1px solid rgba(166, 147, 108, 0.1); padding-bottom:6rem; /* padding-bottom: 7rem; */}
.about .ctbox2,
.about .ctbox3{padding-top: 7rem;}

.about .ctbox .txtbox{font-size: 3.4rem; font-weight: 500;}
.about .ctbox .txtbox h2{color: rgba(0, 0, 0, 0.3); margin-bottom: 2rem;}
.about .ctbox .txtbox h1{padding-bottom: 7rem;}
.about .ctbox .txtbox h1 span{color: #d5911b; position: relative;}
.about .ctbox .txtbox h1 span.line::after{content: ""; width: 100%; height: 2px; background-color: #d5911b; position: absolute; left: 0; bottom: -50%;}
.about .ctbox .txtbox p{font-size: 2.1rem; font-weight: 300; line-height: 1.7;}


.tour_wrap {position:relative;}
.tour_wrap .inner {position:relative; }
.tour_wrap .tab-content{display: none;}
.tour_wrap .tab-content.current{display: inherit;}
.tour_wrap .tab-content, .swiper-container{display:none;}
.tour_wrap .swiper-container {position:relative; margin-bottom:2rem;}
.tour_wrap .gallery-thumbs .swiper-slide {width: 20%; height: 100%;  opacity: 0.4;}
.tour_wrap .gallery-thumbs .swiper-slide img{width:100%;}
.tour_wrap .gallery-thumbs .swiper-slide-active {opacity: 1;}
.tour_wrap .slide_title{font-size: 2rem; margin-bottom: 5px; position: absolute; bottom: 0; text-align: center; height: 5.5rem; background: rgba(0,0,0,0.5); width: 100%; line-height: 5.5rem; color: #fff;}
.tour_wrap .swiper-button-white {color:#fff;}


.sub_lawyer {}
.sub_lawyer .con01 {background:url(../img/sub/sub01_about.png) center center; background-size: cover;}
.sub_lawyer .con01 .lawyer_wrap {position:relative; display: flex; align-items: center; padding:14rem 0;}

.lawyer_wrap .lawyer_intro {color:#fff; width:60%;}
.lawyer_wrap .lawyer_intro p {font-size:2.7rem; margin-bottom:4rem; font-weight:400; word-break:keep-all; line-height:1.5;}
.lawyer_wrap .lawyer_img {position:absolute; bottom:0; right:0; width:50%; display:flex; flex-wrap:wrap; height:100%; justify-content: flex-end; align-items: flex-end;}
.lawyer_wrap .lawyer_img img {height:auto; width:70%;}
.lawyer_wrap .ly_name {font-size: 5.4rem; margin-bottom:6rem;}
.lawyer_wrap .ly_name span {position:relative; font-weight:600; color:#143a6d; display:inline-block;}
.lawyer_wrap .ly_name span:after {content:''; width:100%; height:1rem; background:#dea842; display:block; margin-top:1rem;}
.lawyer_wrap p.ly_name2 {font-size:2rem;}
.lawyer_wrap p.ly_name2 span {display:inline-block; margin-left:0.5rem;}

.sub_lawyer .con02 {padding-top: 12rem;}
.sub_lawyer .contents {}
.sub_lawyer .contents .sc_title02 { position:relative; font-size: 4rem; font-weight: 400;  margin-bottom: 30px; border-bottom: 1px solid #DCDCDC; padding-bottom: 30px;}
.sub_lawyer .contents .sc_title02::after {content:'';    position: absolute; top: 60px; left: 0; width: 253px; height: 2px; background:#D5911B; display:block; }
.sub_lawyer .contents .sc_title02 span {font-size: 2.8rem;}
.sub_lawyer .contents .con_img { border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.sub_lawyer .contents .con_img ul {/* max-width: 1100px; */ margin:0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; justify-content: center;}
.sub_lawyer .contents .con_img ul li { width: 150px; height: 150px; border: 1px solid #ccc; padding: 20px 0;text-align: center; margin:0 10px;}
.sub_lawyer .contents .con_img ul li p {font-size:1.8rem; color:#143A6D; margin-top:10px; }
.sub_lawyer .contents .con_text {padding-top:30px; display: flex; flex-wrap: nowrap;}
.sub_lawyer .con_text .ct_left { border: 1px solid #ccc; padding: 30px; width: 670px; height: 324px; margin-right: 30px;}
.sub_lawyer .con_text .ct_right { border: 1px solid #ccc; padding: 30px; width: 670px; height: 324px;}
.sub_lawyer .con_text .ct_tit {position: relative; font-size:25px; color:#D5911B; font-weight:400; margin-left:20px; margin-bottom:30px;}
.sub_lawyer .con_text .ct_tit:before {content:''; position: absolute; top: 2px; left: -19px;display:block; width:5px; height:28px; background:#D5911B;}
.sub_lawyer .con_text ul {}
.sub_lawyer .con_text ul li { position: relative;font-size:1.8rem; margin-left:30px; margin-bottom: 20px;}
.sub_lawyer .con_text ul li:before {content:''; position: absolute; top: 9px; left: -13px;display:block; width:4px; height:4px; background:#0B1727;}



.sub_lawyer{width:100%}

.col_wrap {position:relative ;border: 1px solid #ececec; overflow: hidden;}
.col_wrap * {box-sizing:border-box; word-break:keep-all;}
.col_wrap .cw_box {display:flex; flex-wrap:wrap;}

.col_wrap .cw_box .col_img {position:relative; width:50%; overflow:hidden;}
.col_wrap .cw_box .col_img img {width:100%; /* width:auto; */}

.col_wrap .col_box {width:50%; padding:5rem 3% 3rem; color:#222;}
.col_wrap .col_box .col_cate {display: inline-block; background: #292927; color: #fff; padding: 1.3rem 2rem; font-size: 2.4rem;}
.col_wrap .col_box h1 {font-size:3.2rem; margin-top:4rem; font-weight:500; line-height: 1.2;}
.col_wrap .col_box p {font-size:2.1rem; margin-top:4rem; font-weight:300; line-height:1.5; }


.col_wrap .col_box .col_blog { display:inline-block; margin-top:5rem; min-width:220px; border: 1px solid #222; border-radius: 0 4rem 4rem 4rem; text-align: center; font-size:1.8rem; }
.col_wrap .col_box .col_blog a {display:block;   padding:2rem;  }
.col_wrap .col_box .col_blog a span {background:url(/html/img/sub/sub04_blog.png) no-repeat 0 center; background-size: 2rem; padding-left: 3rem;}
.col_wrap .col_box .col_blog:hover {border: 1px solid #292927; background: #292927;}
.col_wrap .col_box .col_blog:hover a span {color:#fff; background:url(/html/img/sub/sub04_wblog.png) no-repeat 0 center; background-size: 2rem; }

.col_wrap .swiper_arw {position: absolute; right:3rem; bottom:3rem; width: 50px; height: 50px; border: 1px solid #dfdfdf; background: url(/html/img/sub/sub04_next.png) no-repeat 50%; cursor: pointer; z-index: 10;}
.col_wrap .swiper_arw:hover {border: 1px solid #d7b264;/*  background:#d7b264; */}
.col_wrap .swiper_prev {background-image: url(/html/img/sub/sub04_prev.png); right: 90px;}

.col_wrap .swiper-pagination {position:absolute; bottom:10px; left:50%; transform:translateX(-50%); height:30px; z-index:100;}
.col_wrap .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #fefefe; opacity: 1; margin:0 5px; }
.col_wrap .swiper-pagination .swiper-pagination-bullet-active { width: 20px; transition: width .5s; border-radius: 5px; background:#f0bf69; }


.emnotice {position:relative; background: url(/html/img/sub/sub07_bg.jpg); background-size:cover;}
.emnotice .em_txt {padding:10rem 0; text-align:center;}
.emnotice .em_txt h2 {font-size:2.6rem; color:#D4911B; margin-bottom:4.7rem; font-weight:600; }
.emnotice .em_txt p {font-size:2.2rem; font-weight:300; margin-bottom:4.7rem;}
.emnotice .em_txt img {margin-top:1.3rem;}

.root_daum_roughmap_landing {width:100% !important;}
.d_map_wrap { width:100%; }
.map_tab .con {height:auto;position:absolute;top:0px;visibility:hidden;  }
.map_tab .con.on {position:relative; visibility:visible;}
.map_tab .map_tab_nav { margin:0 auto 4rem; width:100%; max-width:700px; }
.map_tab .con img {width:100%;}
.map_tab .map_tab_nav ul { display:flex; justify-content:center; position:relative; }
.tab-nav.view-tab ul:before {/* display:block; content:''; width:100%; height:1px; background:#ccc; position:absolute; top:50%; left:0; z-index:-1; */ }
.map_tab .map_tab_nav ul li {  margin:0 10px; }
.map_tab .map_tab_nav ul li a { border-radius:25px; line-height:50px; height:50px; background:#eae9e9; text-align:center; display:block; color:#111; border:0; width:150px; padding:0; font-size:1.6rem; font-weight:500; }
.map_tab .map_tab_nav ul li.on a { background:#BB984F; color:#fff; }
.loadview img { width:100%; }

.sub_location .details{font-size:2rem; padding-top:30px;}
.sub_location .list1{border-bottom:1px solid #dedede; border-top:2px solid #D7B264;}
.sub_location .list3, .sub_location .list4 {border-bottom:1px solid #dedede; padding-bottom: 30px;}
.sub_location .list1 li{padding:30px 0 30px 60px;}
.sub_location .pt_tt{padding:30px 0 22px 60px; /* font-size:1.8rem; */ font-weight:500;}
.sub_location .location_list2 li{float:left; margin-right:25px;}
.sub_location .lct{background:url(/html/img/sub/lct_ico.png) no-repeat left 22px;}
.sub_location .tel{background:url(/html/img/sub/tel_ico.png) no-repeat left 22px;}
.sub_location .fax{background:url(/html/img/sub/fax_ico.png) no-repeat left 22px;}
.sub_location .time{background:url(/html/img/sub/time_ico.png) no-repeat left 22px;}
.sub_location .subway{background:url(/html/img/sub/subway_ico.png) no-repeat left 20px;}
.sub_location .bus{background:url(/html/img/sub/bus_ico.png) no-repeat left 20px;}
.sub_location .park{background:url(/html/img/sub/park_ico.png) no-repeat left 20px;}
.sub_location .pt .txt{margin-bottom:5px; position:relative; padding-left:58px;}

.sub_location .location_list3 li {margin-left:60px; font-size:1.8rem; padding-bottom:10px;}
.sub_location .location_list3 li em { display: inline-block; width: 3.6rem; height: 2.2rem; text-align: center; line-height: 2.2rem; border-radius: 3px; font-size: 1.5rem; margin-right: 5px; color: #fff;}
.sub_location .location_list3 li .bus_blue {background:#7182F5;}
.sub_location .location_list3 li .bus_green {background:#5FB73C;}
.sub_location .location_list3 li .bus_yellow {background:#DCA324;}
.sub_location .location_list3 li .bus_red {background:#F86E55;}



.warning { color: red;}
.inquiry_wrap * {box-sizing:border-box;}
.inquiry_wrap .con {
width: 96%; 
margin: 0 auto; 
max-width: 1400px; 
background: #fff;  
padding: 8rem 5%; 
margin-bottom: 5rem;
-webkit-box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.1);
box-shadow:  0px 0px 20px 0 rgba(0,0,0,0.1);
border:1px solid #ebebeb;
}
.inquiry_wrap label {display:block; font-size:2.2rem; padding-bottom:10px;  }
.inquiry_wrap .cf input {border:1px solid #bebebe; background: #fff; border-radius:0.5rem; width:100%; height:5rem; padding:0 0 0 10px; font-size:1.8rem;}
.inquiry_wrap .cf input[type="radio"] { width: 2rem; height: 2rem; display: inline-block; margin-right: 5px; border-radius: 100%; }
.inquiry_wrap select {font-size:1.8rem; border:1px solid #bebebe; border-radius:1rem; width:100%; height:5rem; padding:0 0 0 10px; box-shadow:none; background:#fff;  background-size:14px;}
.inquiry_wrap .form_group{margin-bottom:3rem; overflow:hidden; font-size:1.8rem;}
.inquiry_wrap .formp {float:left; margin: 0 1%;}
.inquiry_wrap  button, .inquiry_wrap input[type="button"]{width:29%; margin-left:1%; float:left; height:50px; font-size:1em;}
.inquiry_wrap .pd_code {display:block; float:left; width:33.333%; line-height:50px; box-sizing:border-box;}
.inquiry_wrap .place {display:block; float:left; width:50%; line-height:50px; box-sizing:border-box;}
.inquiry_wrap .pd_code span {}
.inquiry_wrap textarea {width: 100%; height: 8rem; border:1px solid #bebebe; padding: 1rem; border-radius:1rem; font-size:1.8rem;}
.inquiry_wrap .join_btn {width:100%; max-width:300px; margin:0 auto; margin-top: 4rem;}
.inquiry_wrap .join_btn input {color:#fff; background:#C39E4E; width:100%; max-width:300px; height:6rem; border:0; line-height:6rem; font-size:1.8rem; font-weight:600; border-radius:0 5rem 5rem;}
.inquiry_wrap .form_group .btn.gray { padding:0;}

.inquiry_wrap .privacy .box{width: 100%; height: 14rem; font-size: 1.5rem;  background: #fafafa; box-sizing: border-box;  padding: 2rem;
    overflow-y: scroll; line-height: 1.7; margin-bottom:10px; margin-top:20px;}
.inquiry_wrap .privacy .box h3{margin-bottom:10px;font-size:1.6rem;}
.inquiry_wrap .privacy .box b {font-size:1.6rem;}
.inquiry_wrap .privacy .check{vertical-align:top;}
.inquiry_wrap .privacy .check input{width:15px; height:15px;}
.inquiry_wrap .privacy .check label{font-size:1.6rem; font-weight:500; display:inline-block; padding: 0 0 0 5px;}
.inquiry_wrap .privacy .check label:before {display: none;}

.inquiry_wrap .step_list {margin-bottom:4rem;}
.inquiry_wrap .step_list ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
.inquiry_wrap .step_list li { position:relative; width:20%; border:1px solid #ddd; border-radius:1rem; text-align:center; padding: 4rem 2rem 2rem; font-size:1.8rem;}
.inquiry_wrap .step_list li:after {content:''; position:absolute; right:-20%;top:0; width:10px; height:100%; background:url(/html/img/sub/step_arrow.png) center no-repeat; background-size:100%;}
.inquiry_wrap .step_list li:last-child:after {display:none;} 
.inquiry_wrap .step_list span {position:absolute; top:-2rem; left:50%; transform:translateX(-50%); padding:1rem 0; width:12rem; background:#D7B264; color:#fff; border-radius:5rem;}



.inquiry_wrap .inquiry_step {margin: 0 auto; width:96%; margin-bottom:5rem;}
.inquiry_wrap .inquiry_step ul {margin-bottom:3rem;}
.inquiry_wrap .inquiry_step li {position:relative; width: 20%; font-size:1.8rem; border:1px solid #ccc; border-radius:1rem; padding:7rem 3% 3rem; z-index:-1;}
 
.inquiry_wrap .inquiry_step .step_num {position:absolute; top:-4rem; left:50%; transform:translateX(-50%); width:8rem; height:8rem; line-height:8rem;}
.inquiry_wrap .inquiry_step .step_num:before {content:''; width:8rem; height:8rem; background:#dcb36b;}
.inquiry_wrap .inquiry_step .step_num:after { display:none;}
.inquiry_wrap .inquiry_step li:after {content:''; position:absolute; right:-23%; top:50%; transform:translateY(-50%);  width:3rem; height:1.8rem; background:url(/html/img/step_arrow2.svg) center no-repeat; background-size:100%;}
.inquiry_wrap .inquiry_step li:last-child:after {display:none;}
.inquiry_wrap .inquiry_step .step_txt {font-size:1.8rem; margin-bottom:1rem;}

.inquiry_info {display:flex; flex-wrap:wrap; justify-content: space-between; width:96%; margin:0 auto; margin-bottom:9rem;}
.inquiry_info * {word-break:keep-all;}
.inquiry_info .info_box {width:32%; background:#F7F7F7; display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; padding:3rem; border-radius:0 2rem;}
.inquiry_info h4 {font-size:2.2rem; margin-bottom:1rem; font-weight:600;}
.inquiry_info .txt {width:calc(100% - 11.5rem);}
.inquiry_info .icon {width:8.5rem; height:8.5rem; border-radius:50%; background:#fff; display:flex; justify-content: center; align-items: center;}
.inquiry_info p {font-size:1.8rem; line-height:1.5; font-weight:300;}
.inquiry_info b {font-weight:500;}




.sub03_visual h1{margin-top: -50px;}

.sub03_snb{position: absolute; display: flex; width: 100%; top: 380px; max-width: 1010px; justify-content: center; padding: 0 3%; box-sizing: border-box; left: 50%; transform: translateX(-50%);}
.sub03_snb ul{display: flex; flex: 1;}
.sub03_snb li{flex: 1; position: relative; background: url(../img/sub/snb_shape_off.png) no-repeat center; background-size: cover; margin-right: 1.2%;}
.sub03_snb li::after{content: ""; display: block; padding-bottom: 100%;}
.sub03_snb li a{position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; transition: 0.2s; font-size: 1.8rem;}
.sub03_snb li:hover a,
.sub03_snb li.on a{color: #d4911b;}
.sub03_snb li:hover,
.sub03_snb li.on{background: url(../img/sub/snb_shape_on.png) no-repeat center; background-size: cover;}

.sub03_1 {}
.sub03_1 ul li{display: flex; align-items: center; padding-bottom: 7rem; border-bottom: 1px solid rgba(166, 147, 108, 0.1); margin-bottom: 7rem; column-gap: 7%;}
.sub03_1 ul li:nth-child(2n){flex-direction: row-reverse;}
.sub03_1 ul li:last-child{margin-bottom: 0; border: none;}
.sub03_1 ul li .imgbox{max-width: 630px; border-radius: 0 30px 30px; position: relative; flex: 1;}
.sub03_1 ul li .imgbox img{width: 100%;}
.sub03_1 ul li .imgbox::after{content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.1); left: 10px; top: 10px; z-index: -1; border-radius: 0 30px 30px; }
.sub03_1 ul li .txtbox{font-size: 2.2rem; flex: 1;}
.sub03_1 ul li .txtbox .titwrap{display: flex; align-items: baseline; font-size: 4rem; font-weight: 700; }
.sub03_1 ul li .txtbox h1{color: #E1B155; position: relative; margin-right: 5px;}
.sub03_1 ul li .txtbox h2{color: #000; margin-bottom: 5rem; display: inline-block; text-decoration-line: underline; text-decoration-color: rgba(222, 168, 66, 0.3); text-decoration-thickness: 8px; margin-bottom: 5rem; line-height:1.2;}
.sub03_1 ul li .txtbox p{line-height: 46px; position: relative; padding-left: 15px;}
.sub03_1 ul li .txtbox p::before{content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 23px; background-color: #0B1727;}




.bbs_inner #bo_gall .gall_text_href a {font-weight:500;}
.bbs_inner #bo_gall .gall_text_href p {text-align:center; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ccc;}
.bbs_inner #bo_gall .gall_text_href span {font-weight:300; line-height:1.5; }

#bo_v_info {position:relative; }
#bo_v_info.review_info  {display:flex; flex-wrap:wrap; justify-content: flex-end; width:100%;  margin-top:1rem;}
.review_info .btn_bo_user {}
.review_top {display:flex; flex-wrap:wrap; margin-right:auto; align-items: center; color:#222;}
.review_top .img_box {margin-right:1rem;}
.review_top p{font-size: 1.5rem;}
.review_top h4 {font-size:2rem; margin-top:0.5rem; font-weight: 500;}
.review_top h4 span {font-size:1.5rem; padding-left:0.5rem;}
.review_con {display:flex; flex-wrap:wrap;}
.review_con h4 {}
.review_con dl {width:100%; margin-bottom:1rem;  padding-bottom:3rem;}
.review_con dt {width:100%; font-weight:600; font-size:2rem; color:#D5911B; margin-bottom:2rem; border-bottom:1px solid rgba(166, 147, 108, 0.1);}
.review_con dt p {display:inline-block; border-bottom:1px solid #D5911B; padding:1rem 0;}
.review_con dd {width:100%;  /* font-size:1.8rem; */}
.review_con .wd50 {width:50%;}


.review2{position: relative; margin-bottom:5rem; width:100%; overflow:hidden;}

.review2 .review_slider{width: 23.5%; background-color: #fff; border-radius: 0 25px 0 25px; text-align: center; font-weight: 500; position: relative; border: 1px solid #cbcbcb; transition: 0.3s; box-sizing: border-box;}
.review2 .review_slider:hover{border: 1px solid #d4911b;}
.review2 .review_slider a{height: 100%; display: block; position: relative;}
.review2 .review_slider .top{padding: 1.7rem; border-bottom: 1px solid #cbcbcb;}
.review2 .review_slider .top img{width: 100%; max-width: 230px; height: 100%;}
.review2 .review_slider .btm{padding: 3rem 2rem; position: relative;}
.review2 .review_slider .btm span{font-size: 1.9rem; color: #ce732c;}
.review2 .review_slider .btm h1{margin: 1.2rem 0px 1rem; font-size: 2rem;}
.review2 .review_slider .btm h2{font-size: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.review2 .swiper-pagination { display: flex !important; position: relative !important; align-items: flex-end; justify-content: center; padding: 3rem 0;}
.review2 .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1; border: 1px solid #ce732c;  margin:0 5px; }
.review2 .swiper-pagination .swiper-pagination-bullet-active { width: 20px; transition: width .5s; border-radius: 5px; background:#ce732c; }




.bbs_inner p {font-family:'Noto Sans KR', sans-serif !important; }
.bbs_inner span {font-family:'Noto Sans KR', sans-serif !important; }
.bbs_inner strong, .bbs_inner b {font-weight:bold;}
.bbs_inner #bo_gall .gall_img {max-height:none !important; height:auto !important;}
.bbs_inner .more_opt li {width:100px !important;}
.bbs_inner #bo_cate ul {text-align:center; margin-bottom:5rem;}
.bbs_inner #bo_cate #bo_cate_on {background:#0b1727; border: 1px solid #0b1727; box-shadow:none; font-weight:500;}
.bbs_inner #bo_cate a { border: 1px solid #ddd; color:#888; font-size: 1.8rem; border-radius:0; min-width:100px;}
.bbs_inner #bo_cate a:focus, .bbs_inner #bo_cate a:hover, .bbs_inner #bo_cate a:active {text-decoration:none;background:#0b1727; color:#fff; border-color:#0b1727;}
.bbs_inner .bo_cate_link {background:#D5911B; color:#fff !important; padding: 5px 10px; height:25px; line-height:15px; border-radius:0;}
.bbs_inner #bo_v_title .bo_v_cate {background: #D5911B;    color: #fff !important;    padding: 5px 10px;    height: 25px;    line-height: 15px;    border-radius: 0;}

.td_wr2 {width:20%; min-width:150px; text-align:center;}
.review_tit {font-size:1.8rem;}
.review_cate {display:inline-block; background:#ce732c; color:#fff; padding:3px 1rem; font-size:1.5rem; margin-bottom:0.5rem;}

@media screen and (max-width: 1440px){

.sub_lawyer .con01 .lawyer_wrap {padding:14rem 5%;}
.sub_lawyer2 .contents .con_img ul li {width:24%; width: 23%; margin: 10px;}
.lawyer_wrap .lawyer_intro p br {display:none;}

.col_wrap .cw_box .col_img {width:55%;}
.col_wrap .col_box {width:45%; padding:3rem;}
    
}

@media screen and (max-width: 1024px){
    .sub_visual{height: 450px;}
    .sub_container{padding: 8rem 0px;}
    
    .about .ctbox{flex-wrap: wrap; justify-content: center; text-align: center;}
    .about .ctbox .imgbox{margin-right: 0; margin-left: 0; max-width: 500px; margin-bottom: 2rem; font-size: 0;}
    
    .sub03_snb{top: 280px;}
	.snb {top:320px;}
	.review2  .review_slider {width:32%;}
	.review2  .review_slider:last-child {display:none;}

	.sub_lawyer .contents .con_img ul {width:100%;}
	.sub_lawyer .contents .con_img ul li {margin:0 0.5% 10px; width:32%;}
	.sub_lawyer .contents .sc_title02::after {position: absolute; top: 54px; left: 0;}

	.col_wrap .cw_box .col_img {width:100%; height:450px;}
	.col_wrap .cw_box .col_img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
	.col_wrap .slide06  .cw_box .col_img img { top:inherit; bottom:0; transform:translateX(-50%); }
	.col_wrap .cw_box .col_box {width:100%;}
	
	.sub_location .location_tab_02 a, .sub_location .location_tab_03 a {position: relative; display: block; height: 500px; width: 100%; overflow: hidden;}
	.sub_location .location_tab_02 a img { position: absolute; left: 50%;transform: translate(-50%); width: auto; height: 100%;}
	.sub_location .location_tab_03 a img { position: absolute; left: 50%;transform: translate(-50%); width: auto; height: 100%;}
	.sub_location .pt_tt {padding: 20px 0 22px 60px;}

	
	.emnotice {background: url(/html/img/sub/sub07_bg.jpg) -189px 0; background-size: cover;}

	}
@media screen and (max-width:797px){
	.lawyer_wrap .lawyer_intro {width:100%; z-index:9; /* background:rgba(0,0,0,0.1); */ padding:3rem 3%;}

	.header {height:80px;}
	.header .logo img {height:30px;}
	.sub_visual {height: 250px; padding-top:70px;}
	.sub_visual h1 {font-size:3rem;}
	.snb {position: relative;  top: inherit; line-height:50px; margin-top:20px;}
	.snb li.active {background-color: rgba(0, 0, 0, 0.8);}
	.snb li.active:hover a {color:#fff;}
	.snb li:hover a {color:#222;}
	.snb li a {color:#222;}
	.snb li {min-width:auto; border: 1px solid rgba(0, 0, 0, 0.3); border-width:1px; width:50%;}
	.snb.snb0 {display:none;}
	.snb.snb2 li {width:48%;}
	.snb.snb3 li {width:33.33%;}
	.snb.snb4 li {width:50%;}
	.snb.snb5 li {width:20%;}
	.snb.snb6 li {width:33.33%;}

	.sub_container {padding:4rem 0;}
	h1.sb_title {margin-bottom:5rem;}

    
    .about .banner{padding: 7rem 1.5rem;}
    .about .banner img{height: 70px;}
    .about .banner p{margin-top: 3rem; font-size: 2rem;}
    .about .ctbox .txtbox h1{font-size: 2.5rem;}


	.review_con .wd50 {width:100%;}
	.gall_row .col-gn-4 {width:50% !important;}
	.bbs_inner #bo_cate ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
	.bbs_inner #bo_cate li {width:49.5%;}

	.inquiry_wrap .step_list li {width:24%; }
	.inquiry_wrap .step_list li p { word-break:keep-all;}
	.inquiry_wrap .step_list li:after {display:none;}
	.inquiry_wrap .step_list span {width:80%;}


    
    
    .sub03_visual h1{margin-top: 50px;}
    
    .sub03_snb{position: relative; display: block; top: inherit; max-width: none; justify-content: flex-start; margin: 0; margin: 40px 0;}
    .sub03_snb ul{flex: none; width: 100%;}
    .sub03_snb li{flex: none; width: 27.5%;}
    .sub03_snb .group02{justify-content: flex-end;}
    .sub03_snb .group02 li{margin-top: -50px;}
    .sub03_snb .group02 li:nth-child(3n){margin-right: 0px;}
    
    .sub03_1 ul li{column-gap: 0%; flex-wrap: wrap; justify-content: center;}
    .sub03_1 ul li:nth-child(2n){flex-direction: row;}
    .sub03_1 ul li .imgbox{max-width: 600px;flex: none; width: 100%; }
    .sub03_1 ul li .txtbox{flex: none; max-width: 100%;}
    .sub03_1 ul li .txtbox .titwrap{font-size: 3rem; flex-wrap: wrap; text-align: center; margin-top:20px;}
    .sub03_1 ul li .txtbox h1{width: 100%; margin: 15px 0;}
    .sub03_1 ul li .txtbox h2{width: 100%;}
    .sub03_1 ul li .txtbox p{line-height: 30px;}
    .sub03_1 ul li .txtbox p::before{top: 13px;}

	.td_wr2 {min-width:80px;}
	
	.review2  .review_slider {width:49%;}
	.review2  .review_slider:nth-child(3) {display:none;}
	.review2  .review_slider:last-child {display:none;}

	.inquiry_info .info_box {flex-direction: column; padding:2rem 3%;}
	.inquiry_info .icon {width:5rem; height:5rem;}
	.inquiry_info .icon img {height:60%; width:auto;}
	.inquiry_info .txt {width:100%; text-align:center; margin-top:1rem;}

	
	.root_daum_roughmap {height:300px !important;}
	.root_daum_roughmap .d_map_wrap {height:300px !important;}
	.sub_location .map_tab .map_tab_nav ul li { margin:0 5px; }
	.sub_location .map_tab .map_tab_nav ul li a { width:100px; font-size:1.4rem; line-height:40px; height:40px; }
	.sub_location .location_list2 li{width:100%;border-bottom:1px solid #dedede; padding: 20px 0 20px 60px;}
	.sub_location .location_list2 li:last-child {border-bottom: none;}
	.sub_location .location_tab_02 a, .sub_location .location_tab_03 a {position: relative; display: block; height: 300px; width: 100%; overflow: hidden;}
	.sub_location .location_tab_02 a img { position: absolute; left: 50%;transform: translate(-50%); width: auto; height: 100%;}
	.sub_location .location_tab_03 a img { position: absolute; left: 50%;transform: translate(-50%); width: auto; height: 100%;}
	.sub_location .pt_tt {padding: 20px 0 22px 60px;}
	.sub_location .lct{background:url(/html/img/sub/lct_ico.png) no-repeat left 15px; background-size:30px;}
	.sub_location .tel{background:url(/html/img/sub/tel_ico.png) no-repeat left 15px; background-size:30px;}
	.sub_location .fax{background:url(/html/img/sub/fax_ico.png) no-repeat left 15px; background-size:30px;}
	.sub_location .time{background:url(/html/img/sub/time_ico.png) no-repeat left 15px; background-size:30px;}
	.sub_location .subway{background:url(/html/img/sub/subway_ico.png) no-repeat left 15px; background-size:30px;}
	.sub_location .bus{background:url(/html/img/sub/bus_ico.png) no-repeat left 15px; background-size:30px;}
	.sub_location .park{background:url(/html/img/sub/park_ico.png) no-repeat left 15px; background-size:30px;}

	
	.sub_lawyer .con01 .lawyer_wrap {padding: 10rem 0; padding-bottom:35rem;}
	.lawyer_wrap .lawyer_img {width:80%;}
	.lawyer_wrap .lawyer_img img {width:100%; max-width:200px; 
	.sub_lawyer .contents .con_img ul li {width:48%;}
	.sub_lawyer .contents .con_text {flex-wrap:wrap;}
	.sub_lawyer .con_text .ct_left, .sub_lawyer .con_text .ct_right {width:100%; height:auto; margin:0 0 2rem;}
	
	.lawyer_wrap .ly_name {    font-size: 4.4rem;    margin-bottom: 3rem;}
	.lawyer_wrap .ly_name2 {position:absolute; left:0; bottom:0; background:rgba(150,147,144,0.9); width:100%; padding:1rem; border:1px solid #dea842; /* border-width:1px 0; */ }
	.lawyer_wrap .lawyer_intro p {margin-bottom:2rem;}
	.lawyer_wrap .lawyer_intro p br {display:none;}


	.lawyer_wrap .lawyer_intro p {font-size:2rem;}

		.col_wrap .cw_box .col_img {height:300px;}
	.col_wrap .cw_box .col_box {text-align:center; padding-bottom:11rem;}
	.col_wrap .col_box h1 {font-size:2.8rem; margin-top:3rem;}
	.col_wrap .col_box p {margin-top:3rem;}
	.col_wrap .col_box .col_blog {margin-top:3rem;}

	
	.review2 .review_slider .top {padding:0;}
	.review2 .review_slider  .btm h1 {font-size:1.5rem;}
	.review2 .review_slider  .btm h2 {font-size:1.2rem;}
	.review2 .review_slider  .btm {padding: 1.5rem;}
	.review2 .review_slider .top img {max-width:200px; width:80%;}
	
	
	.emnotice {background: url(/html/img/sub/sub07_bg.jpg) -379px 0; background-size: cover;}


	}


@media screen and (max-width:640px){
    .inquiry_wrap .step_list {margin-bottom:0;}
    .inquiry_wrap .step_list li {width:49%; margin-bottom:3rem; }

	.inquiry_info {margin-bottom:0;}
	.inquiry_info .info_box {width:100%; margin-bottom:2rem;}
	.inquiry_wrap .inquiry_step li {width:44%; margin-top:7rem;}
	.inquiry_wrap .inquiry_step li:nth-child(2):after {display:none;}
	
	
	.emnotice {background: url(/html/img/sub/sub07_bg.jpg) -292px 0; background-size: cover;}
	.emnotice .em_txt {padding: 6rem 0;}
	.emnotice .em_txt h2 {font-size: 2.2rem;}
	.emnotice .em_txt p { font-size: 1.8rem; margin-bottom: 3.7rem; }
	.emnotice .em_txt img {margin-top:0;}

}

@media screen and (max-width: 450px){
    
    .sub03_snb .group02 li{margin-top: -30px;}
	
	.emnotice {background: url(/html/img/sub/sub07_bg.jpg) -512px 0; background-size: cover;}
	.emnotice .em_txt img {width:20%;}
	.emnotice .em_txt h2, .emnotice .em_txt p { margin-bottom:3rem;}
	.emnotice .em_txt p br {display:none;}

}

@media screen and (max-width: 375px){


}

@media screen and (max-width: 320px){
	.bbs_inner {     margin: 0px 2%;}
	.review2 .review_slider {width: 100%;}

}
