@charset "utf-8";

/*공통*/
.sub_bg {width:100%; height:250px; }
.sub_bg.bg01 { background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 70%)), url(/images/sub-bg-01.jpg) no-repeat 0 50%; }
.sub_bg.bg02 { background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 70%)), url(/images/sub-bg-02.jpg) no-repeat 0 50%; }
.sub_bg.bg03 { background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 70%)), url(/images/sub-bg-03.jpg) no-repeat 0 50%; }
.sub_bg.bg04 { background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 70%)), url(/images/sub-bg-04.jpg) no-repeat 0 50%; }
.sub_bg.bg05 { background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 70%)), url(/images/sub-bg-05.jpg) no-repeat 0 50%; }
.sub_bg.bg06 { background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 70%)), url(/images/sub-bg-06.jpg) no-repeat 0 50%; }
.sub_bg.bg07 { background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 70%)), url(/images/sub-bg-07.jpg) no-repeat 0 50%; }
.sub_bg.bg08 { background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 70%)), url(/images/sub-bg-08.jpg) no-repeat 0 50%; }

.sub_tit_box {max-width:1200px;  padding-bottom:60px; margin:auto;  text-align:center}
.sub_tit_box .sub_tit {font-size:2.3rem; color:#fff; /*font-family:"nanummyeongjo", serif;*/ padding-top:80px; font-weight: bold; /*letter-spacing: -0.1rem;*/}
.sub_tit_box .sub_txt {font-size:1.1rem; color:#fff; padding:1rem; box-sizing:border-box; }

.sub_gnb {width:100%; height:50px; background:#1e385e; display:none;}
.sub_gnb ul {max-width:1200px; margin:auto; text-align:left; height: 50px; font-size: 0;}
.sub_gnb li {display:inline-block; width:25%; height:50px; line-height:48px; text-align:center; border-right:1px solid #1e385e; font-size:1rem;}
.sub_gnb li:first-child { border-left:1px solid #1e385e; }
.sub_gnb li a {color:#fff; display:block; /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */}
.sub_gnb li:not(.on) a:hover {background:#102037;}
.sub_gnb li.on {background:#fff; font-weight:bold; border-right:none;}
.sub_gnb li.on a {color:#1e385e; cursor:default;}
.sub_gnb li a span {line-height:1.4; display:inline-block; vertical-align:middle; }

.team_gnb {width:100%; height:50px; background:#1e385e}
.team_gnb ul {max-width:1200px; margin:auto; text-align:left; height: 50px; font-size: 0;}
.team_gnb li {display:inline-block; width:25%; height:50px; line-height:48px; text-align:center; border-right:1px solid #1e385e; font-size:1rem;}
.team_gnb li:first-child { border-left:1px solid #1e385e; }
.team_gnb li a {color:#fff; display:block; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/}
.team_gnb li:not(.on) a:hover {background:#1e385e;}
.team_gnb li.on {background:#fff; font-weight:bold; border-right:none;}
.team_gnb li.on a {color:#1e385e; cursor:default;}
.team_gnb li a span {line-height:1.4; display:inline-block; vertical-align:middle; }

.sub_gnb.sub_team { background: #fff; margin-top: 50px; }
.sub_gnb.sub_team li { border-right:1px solid #fff; }
.sub_gnb.sub_team li:first-child { border-left:1px solid #fff; }
.sub_gnb.sub_team li:not(.on) a:hover { background: #FFF; }
.sub_gnb.sub_team li a { color: #1e385e; }
.sub_gnb.sub_team a#bo_cate_on { position: relative; }
.sub_gnb.sub_team a#bo_cate_on:before { position: absolute; top: 0; left: 50%; margin-left: -3px; content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #1e385e; cursor: default; }
.sub_gnb.sub_team li a span { border-bottom: 1px solid #1e385e; padding-bottom: 10px; }

.corporate_gnb {width:100%; height:50px; background:#1e385e}
.corporate_gnb ul {max-width:1200px; margin:auto; text-align:left; height: 50px; font-size: 0;}
.corporate_gnb li {display:inline-block; width:14.28%; height:50px; line-height:48px; text-align:center; border-right:1px solid #1e385e; font-size:1rem;}
.corporate_gnb li:first-child { border-left:1px solid #1e385e; }
.corporate_gnb li a {color:#fff; display:block; /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */}
.corporate_gnb li:not(.on) a:hover {background:#000}
.corporate_gnb li.on {background:#fff; font-weight:bold; border-right:none;}
.corporate_gnb li.on a {color:#1e385e; cursor:default;}
.corporate_gnb li a span {line-height:1.4; display:inline-block; vertical-align:middle;}

/* .sub_gnb.sub_corporate { background: #f6f8fa; }
.sub_gnb.sub_corporate li { border-right:1px solid #eee; }
.sub_gnb.sub_corporate li:first-child { border-left:1px solid #eee; }
.sub_gnb.sub_corporate li:not(.on) a:hover { background: #FFF; }
.sub_gnb.sub_corporate li a { color: #1e385e; border-bottom: 2px solid #FFF; }
.sub_gnb.sub_corporate a#bo_cate_on { border-bottom: 2px solid #1e385e; cursor: default; } */
.sub_gnb.sub_corporate { background: #fff; margin-top: 50px; }
.sub_gnb.sub_corporate li { border-right:1px solid #fff; }
.sub_gnb.sub_corporate li:first-child { border-left:1px solid #fff; }
.sub_gnb.sub_corporate li:not(.on) a:hover { background: #FFF; }
.sub_gnb.sub_corporate li a { color: #1e385e; }
.sub_gnb.sub_corporate a#bo_cate_on { position: relative; }
.sub_gnb.sub_corporate a#bo_cate_on:before { position: absolute; top: 0; left: 50%; margin-left: -3px; content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #1e385e; cursor: default; }
.sub_gnb.sub_corporate li a span { border-bottom: 1px solid #1e385e; padding-bottom: 10px; }

.sub_gnb.sub_intro li {width:calc(100% / 3);}
.sub_gnb.sub_business li {width:calc(100% / 6);}
.sub_gnb.sub_auction_law li {width:calc(100% / 6);}
.sub_gnb.sub_consult li {width:50%;}
.sub_gnb.sub_job li {width:calc(100% / 4);}

/* #content {width:100%; margin:auto; min-height:500px;} */
#content { padding-bottom: 5rem; }
#content section {max-width:1200px; margin:auto; }

h2 {display:block; border-bottom:1px solid #edecef; padding-top:4rem; font-size:2rem; text-align:center; color:#333; }
h2 span {display:inline-block; border-bottom:2px solid #1e385e; padding:0 1rem 2rem 1rem; margin-bottom:-1px;}

@media screen and (max-width:1120px) {
	.sub_gnb ul {border-left:none; border-right:none;}
	.sub_gnb li:first-child {border-left:none;}
	.sub_gnb li:last-child {border-right:none;}

	.team_gnb ul {border-left:none; border-right:none;}
	.team_gnb li:first-child {border-left:none;}
	.team_gnb li:last-child {border-right:none;}
	/* #content > section {margin:0 10px;} */
}

@media screen and (max-width:768px) {
	.sub_tit_box .sub_tit {font-size:2rem;}
	.sub_tit_box .sub_txt {font-size:1rem;}
	#bo_cate li, .corporate_gnb li {font-size:0.8rem;}
}

@media screen and (max-width:520px) {
	.sub_tit_box .sub_tit {font-size:1.8rem;}
	.sub_tit_box .sub_txt {font-size:.9rem;}
}

@media screen and (max-width:420px) {
	#bo_cate li, .corporate_gnb li {font-size:0.8rem;}
}

@media screen and (max-width:360px) {
	.sub_tit_box .sub_tit {font-size:1.6rem;}
	.sub_tit_box .sub_txt {font-size:.8rem;}
}

/*소개*/
 /*.intro {padding:5rem; font-size:0; background:url(../images/intro_bg.png) no-repeat top right; }*/
.intro { padding-top: 5rem; font-size: 0; }
.intro > div {display:inline-block; vertical-align:top;}
.intro > div img { max-width: 100%; }
.intro .intro_1 {width:65%; font-size: 1.1rem; line-height: 1.6;}
.intro .intro_1 .CEO {margin-top:50px; text-align:right;}
.intro .intro_1 .CEO .position {font-size:1rem; margin-right:20px;}
.intro .intro_1 .CEO .name {font-size:1.5rem; /*font-family: "nanummyeongjo", serif;*/}
.intro .intro_2 {width:30%; margin-right: 5%;}
.intro .intro_2.vision { width: 100%; margin-right: 0; text-align: center; }
.intro .intro_2 img {width:100%;}
.intro .intro_2.vision img { width: auto; max-width: 100%; }
.intro .intro_tit {font-size:2rem; /*font-family:"nanummyeongjo", serif;*/ color:#1e385e; line-height:3rem; padding-top:5rem;}
.intro dt {color:#1e385e; font-size:1.3rem; padding-top:5rem}
.intro dd {color:#333; line-height:2rem;  font-size:1.2rem;}
.intro .sign {padding-top:2rem; text-align:right; font-size:1rem;}
.intro .sign span {font-size:1.5rem; color:#1e385e; /* font-family:"nanummyeongjo", serif;*/ padding:0 10px;}

@media screen and (max-width:768px) {
	/*.intro {padding:2rem; padding-top:5rem; background:url(../images/intro_bg.png) no-repeat top center; background-size:100% }*/
	/* .intro > div {display:block;}
	.intro .intro_1 {width:100%;}
	.intro .intro_2 {width:100%;} */
	/* .intro .intro_2 img {width:100%; max-width:300px; } */
}



/*연혁*/
.history_box .box_left {float:left; width:30%}
.history_box .box_left .top { padding-top:4rem; height:60px; color:#174061; font-size:2rem; text-align:right; padding-right:3rem;   font-family:"nanummyeongjo", serif; }
.history_box .box_left li {display:inline-block; padding-top:90px;  width:100%; box-sizing:border-box; padding-right:3rem;  font-size:1.5rem; color:#1e385e;   height:30px; line-height:30px; vertical-align:middle; text-align:right; position:relative;}
.history_box .box_left li i {display:inline-block; width:20px; height:20px; border:5px solid #1e385e; border-radius:50%;  background:#fff; position:absolute; right:-15px;}

.history_box .box_right {float:left; width:70%; box-sizing:border-box; border-left:1px solid #edecef; padding-bottom:50px;}
.history_box .box_right .top { padding-top:4rem; height:60px; padding-left:3rem; color:#666666; line-height:1.5rem;  }
.history_box .box_right ul {padding-top:90px;}

.history_box .box_right li {float:left; padding-left:3rem;  box-sizing:border-box; width:100%; margin-bottom:10px  }
.history_box .box_right li  .month { width:10%; font-size:1.5rem; color:333;  }
.history_box .box_right li  .txt {width:90%}
.history_box .box_right li span {display:inline-block; vertical-align:middle}


@media screen and (max-width:768px) {
.history_box .box_left li i {display:none;}
.history_box .box_right {float:left; width:70%; box-sizing:border-box; border-left:none; padding-bottom:50px;}
.history_box .box_right li {float:left; padding-left:0rem;  box-sizing:border-box; width:100%; margin-bottom:10px  }
.history_box .box_right .top { display:none}
.history_box .box_left .top { display:none}

.history_box .box_left li {display:inline-block; padding-top:90px;  width:100%; box-sizing:border-box; padding-right:2rem;  font-size:1.5rem; color:#1e385e;   height:30px; line-height:30px; vertical-align:middle; text-align:right; position:relative;}

.history_box .box_right li span {display:block;}
.history_box .box_right li  .txt {width:100%; margin-top:10px;}


}


/*법인철학*/
.overview {padding-bottom:50px; padding-bottom:100px}
.overview .overview_txt {font-size:2rem; width:100%; text-align:center; padding-top:6rem; padding-bottom:6rem; color:#333}
.overview .overview_txt span {color:#1e385e}

.overview .overview_box {width:100%;   box-sizing:border-box;}
.overview .overview_box li {width:260px; height:260px;  float:left; text-align:center; box-sizing:border-box; border-radius:50%; border:1px solid #1e385e; padding-top:50px; margin-left:20px; }
.overview .overview_box li:first-child {margin-left:0px}
.overview .overview_box li span {display:inline-block; font-size:1.8rem; width:100%;padding-top:140px;}
.overview .overview_box li span.ico1 {background:url(../images/overview_ico_1.png) no-repeat center top;}
.overview .overview_box li span.ico2 {background:url(../images/overview_ico_2.png) no-repeat center top;}
.overview .overview_box li span.ico3 {background:url(../images/overview_ico_3.png) no-repeat center top;}
.overview .overview_box li span.ico4 {background:url(../images/overview_ico_4.png) no-repeat center top;}

@media screen and (max-width:1200px) {
.overview .overview_txt br {display:none}

.overview .overview_box {width:500px; margin:auto;   box-sizing:border-box;}
.overview .overview_box ul {margin-left:-20px}
.overview .overview_box li {width:230px; height:230px;  float:left; text-align:center; box-sizing:border-box; border-radius:50%; border:1px solid #1e385e; padding-top:30px; margin-left:20px;  margin-top:20px}
.overview .overview_box li:first-child {margin-left:20px}

}

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

.overview .overview_txt {width:90%; margin:auto; font-size:1.6rem; text-align:center; padding-top:6rem; padding-bottom:3rem; color:#333}
.overview .overview_txt br {display:none}

.overview .overview_box {width:400px; margin:auto;   box-sizing:border-box;}
.overview .overview_box ul {margin-left:0px}
.overview .overview_box li {width:180px; height:180px;  float:left; text-align:center; box-sizing:border-box; border-radius:50%; border:1px solid #1e385e; padding-top:30px; margin-left:20px;  margin-top:20px}
.overview .overview_box li:first-child {margin-left:20px}

.overview .overview_box li span {display:inline-block; font-size:1.8rem; width:100%;padding-top:90px;}

.overview .overview_box li span.ico1 {background-size:80px;}
.overview .overview_box li span.ico2 {background-size:80px;}
.overview .overview_box li span.ico3 {background-size:80px;}
.overview .overview_box li span.ico4 {background-size:80px;}
}

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

.overview .overview_box {width:300px; margin:auto;   box-sizing:border-box;}
.overview .overview_box ul {margin-left:0px}
.overview .overview_box li {width:120px; height:120px;  float:left; text-align:center; box-sizing:border-box; border-radius:50%; border:1px solid #1e385e; padding-top:20px; margin-left:20px;  margin-top:20px}
.overview .overview_box li:first-child {margin-left:20px}

.overview .overview_box li span {display:inline-block; font-size:1.3rem; width:100%;padding-top:60px;}

.overview .overview_box li span.ico1 {background-size:50px;}
.overview .overview_box li span.ico2 {background-size:50px;}
.overview .overview_box li span.ico3 {background-size:50px;}
.overview .overview_box li span.ico4 {background-size:50px;}

}

/*오시는길*/

.location-title { font-weight: bold; font-size: 1.2rem; margin: 40px 0 10px; }
.location-help { display: inline-block; padding: 10px; margin-top: 40px; background: #f6f8fa; border: 1px solid #F0F0F0; }
.location-help span { color: #17ab1a; }
.map {padding-top:1rem; padding-bottom:5rem}
/* .map .map_bg {width:100%; height:400px; background:url(../images/map_bg.png) no-repeat center center;}
.map .map_bg a {display:inline-block; width:100%; height:400px; } */

.map .map_list {width:100%; border-top:1px solid #edecef; border-bottom:1px solid #edecef;  margin-top:3rem;}
.map .map_list:before  {content:""; display:block; 	width:160px; height:3px;  background:#1e385e;  margin-top:-2px	}
.map .map_list dl {padding:20px 0;}
.map .map_list dt {width:15%; height:50px; line-height:50px; float:left; color:#000;}
.map .map_list dd {width:85%; height:50px; line-height:50px; float:left; color:#666;}
.map .map_list dd span {display:inline-block; line-height:1.4;}
.map .map_list i {margin-right: 1rem; display:inline-block; }

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

	.map {margin:20px 0;}
	.map .map_list:before  {content:""; display:block; 	width:60px; height:3px;  background:#1e385e;  margin-top:-2px	}
	.map .map_list dl {padding:20px 10px;}
	.map .map_list dt {width:100%; height:30px; line-height:30px; text-align:center; color:#000; clear:both;}
	.map .map_list dd {width:100%; height:unset; line-height:1.4; text-align:center; color:#666; clear:both; margin-bottom:20px;}
	.map .map_list dd span {display:inline}
}


/*인재상*/
.career {padding:4rem 0;}
.career_txt {font-size:2rem;line-height:2.2rem; width:100%; text-align:center; padding-top:6rem; padding-bottom:6rem; color:#333}
.career_txt span {color:#1e385e; border-bottom:2px solid #1e385e}
.career_box {width:100%; height:500px; background:url(../images/career_bg.png) no-repeat center center; position:relative; margin-bottom:100px }
.career_box .ct_txt {text-align:center; font-size:2rem; color:#333; padding-top:225px }
.career_box dt {font-size:1.8rem}
.career_box dd {margin-top:20px}

.career_box .ab_txt1 {position:absolute; top:150px; left:50px; text-align:right }
.career_box .ab_txt2 {position:absolute; top:150px; right:50px; text-align:left }
.career_box .ab_txt3 {position:absolute; top:450px; width:100%; text-align:center }

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

.career_box {width:100%; height:500px; background:url(../images/career_bg.png) no-repeat center center; position:relative; background-size:300px; }
.career_box .ab_txt1 {position:absolute; top:0px; left:50px; text-align:right }
.career_box .ab_txt2 {position:absolute; top:0px; right:50px; text-align:left }



.career_box dt {font-size:1.5rem}
.career_box dd {margin-top:20px}


}

@media screen and (max-width:768px) {
.career_txt {font-size:1.5rem; width:100%; text-align:center; padding-top:6rem; padding-bottom:6rem; color:#333}

}

@media screen and (max-width:600px) {
	.career {padding:10px 0;}
	.career_box dd {display:none}
	.career_txt br {display:none}

	.career_box .ab_txt1 {position:absolute; top:60px; left:50px; text-align:right }
	.career_box .ab_txt2 {position:absolute; top:60px; right:50px; text-align:left }
}



/*분야별*/
.faq {padding:3rem 0;}
.faq .q {width:100%; padding:20px 0; background:#f7f7f7; margin-top:10px; }
.faq .q  a {display:block; box-sizing:border-box; padding-left:20px ; margin-right:20px}
.article.hide .q.ico a{ background:#f7f7f7 url(../images/show.png) no-repeat center right ; background-size:20px;}
.article.show .q.ico a{ background:#f7f7f7 url(../images/hide.png) no-repeat center right ; background-size:20px;}
.hgroup {height:30px;}
.hgroup button {border:1px solid #edecef;padding:5px; font-size:14px; float:right }

.faq .a {width:100%; padding:20px; }
.faq .a:after {content:""; display:block; height:0; clear:both;}
.faq .a a {display:inline-block; width:50%; height:20px; margin:10px 0;}
.faq .a a:hover {color:#1e385e}

@media screen and (max-width:768px) {
.faq .a a {display:block; width:100%; float:left; height:20px; margin:10px 0;}

}



.field_wrap {padding:0;}
.field_wrap .field_box { position: relative; padding: 30px; margin-top: 30px; border-radius: 30px; background: #f6f8fa; border: 1px solid #edecef; transition: all .5s ease; }
/* .field_wrap .field_box  .box_img {float:left; width:180px; overflow:hidden;}
.field_wrap .field_box  .box_img img {width:100%;} */
.field_wrap .field_box .box_img { display: none; }
/* .field_wrap .field_box .box_info {float:left; width:calc(100% - 180px); padding-left:20px; box-sizing:border-box; } */
.field_wrap .field_box .box_info .tit {width:100%; border-bottom:1px solid #edecef; font-size:1.5rem; padding-bottom: 20px; }
.field_wrap .field_box .box_info .txt {margin-top:20px; line-height:1.4;}
.field_wrap .field_box .more {width:30px; height:30px; border:1px solid #edecef; position:absolute; right:20px; top:20px; background: #fff; }
.field_wrap .field_box .more  a {display:block; width:30px; height:30px;}
.field_wrap .field_box .more span:first-child {display:inline-block; width:13px; height:1px; background:#edecef; position:absolute; left:8px; top:14px;}
.field_wrap .field_box .more span:last-child {display:inline-block; width:1px; height:13px; background:#edecef; position:absolute; left:14px; top:8px; }

@media screen and (min-width:1024px) {
  .field_wrap .field_box:hover { box-shadow: 0px 5px 24px 3px rgb(0 0 0 / 9%); }
}

@media screen and (max-width:520px) {
	/* .field_wrap .field_box  .box_img {width:120px; height:176px;}
	.field_wrap .field_box  .box_img img {width:auto; height:100%; position: relative; left: 50%; transform: translateX(-50%);} 
	.field_wrap .field_box  .box_info {width:calc(100% - 120px);}
	.field_wrap .field_box  .box_info .tit {font-size:1rem;}
	.field_wrap .field_box  .box_info .txt {font-size:.9rem;}*/
}

@media screen and (max-width:360px) {
	.field_wrap .field_box  .box_img {width:180px; height:auto; float:none;}
	.field_wrap .field_box  .box_img img {width:100%; height:auto; position: static; left:none; transform:none;}
	.field_wrap .field_box  .box_info {width:100%; float:none; padding-left:0;}
	.field_wrap .field_box  .box_info .tit {height:auto; font-size:1rem; padding-top:20px; padding-bottom:10px; margin-bottom:10px;}
	.field_wrap .field_box  .box_info .txt {margin-top:0;}
}


/*변호사전체*/
.cateName {font-size:1.2rem; margin-bottom:20px; margin-top:3rem;}
.cateName:before {content:""; display:block; width:35px; height:3px; background:#00008f; margin-bottom:10px;}
.team_sort {font-size:0; margin-bottom:3rem;}
.team_sort .sort_box { display: inline-block; vertical-align: middle; width: 40%; border-radius: 30px; box-shadow: 0px 5px 24px 3px rgb(0 0 0 / 9%); padding: 30px; margin: 20px 20px 40px 20px; }
.team_sort .sort_box:nth-child(2n+2) {margin-right:0;}
.team_sort .sort_box a {display:block; width:100%; height:100%; font-size:0; }
.team_sort .sort_box a > div {display:inline-block; vertical-align:middle;}
.team_sort .sort_box .box_img {width:40%; border-radius: 20px; box-shadow: inset 0px 5px 10px 0 rgb(121 121 121 / 8%); }
.team_sort .sort_box .box_img img {width:100%; border-radius: 20px; box-shadow: inset 0px 5px 10px 0 rgb(121 121 121 / 8%); }
.team_sort .sort_box .box_ul {margin-left:5%; width:55%;}
.team_sort .sort_box .box_ul.w100p {width:100%; margin-left:0;}
.team_sort .sort_box ul {width:100%;}
.team_sort .sort_box .synco {font-size:0.9rem; color:#666; display:none; margin-top:3px;}
.team_sort .sort_box .name {font-size:1.3rem; font-weight:bold; }
.team_sort .sort_box .name span { display: block; font-weight: normal; color: #666; font-size: 0.9rem; padding: 5px 0 20px; border-bottom: 1px solid #f4f4f4; margin-bottom: 20px; }
.team_sort .sort_box .position {font-size:1rem; margin-bottom:20px; color:#666}
.team_sort .sort_box .main_biz {font-size:1rem; margin-bottom:20px; color:#666}
.team_sort .sort_box .info {margin-top:20px; font-size:0.9rem}
.team_sort .sort_box .info span {color:#1e385e; display:inline-block; width:80px;}
.team_sort .sort_box .tel {margin-top:20px; font-size:0.9rem}
.team_sort .sort_box .tel span {color:#1e385e; display:inline-block; width:5%}
.team_sort .sort_box .fax {margin-top:5px; font-size:0.9rem}
.team_sort .sort_box .fax span {color:#1e385e; display:inline-block; width:5%}
.team_sort .sort_box .email {margin-top:5px; font-size:0.9rem}
.team_sort .sort_box .email span {color:#1e385e; display:inline-block; width:5%}
.team_sort .sort_box .point {margin-top:15px;}
.team_sort .sort_box .point span {display:inline-block; padding:5px;  border:1px solid #1e385e; background:#fff; color:#1e385e; font-size:0.9rem;}
.team_sort .sort_box .summery {margin-top:20px; font-size:0.9rem; line-height:1.4; color:#666;}
.team_sort .sort_box .summery i {vertical-align:middle;}
.team_sort .sort_box .summery span {vertical-align:middle;}
.team_sort .sort_box button {height:40px; line-height:38px; padding:0 10px; border:1px solid #999; font-size:.9rem;}
.team_sort .sort_box button:hover {background:rgba(0,0,0,.1);}
.team_sort .td_chk {position:absolute; top:10px; left:10px;}

@media screen and (max-width:767px) {
	.team_sort .sort_box {width:100%; margin-right:0;}
}

@media screen and (max-width:414px) {
	.team_sort .sort_box a {padding:15px;}
	.team_sort .sort_box .box_img {border:0px; width:100%; text-align:center; box-sizing:border-box; }
	.team_sort .sort_box .box_img img {width:150px; border:1px solid #edecef;}
	.team_sort .sort_box .box_ul {margin-left:0;}
	.team_sort .sort_box .box_ul {margin-left:0; width:100%; text-align:left}
}

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

}

/*변호사상세*/
.team_sort_detail .sort_box {width:40%; box-sizing:border-box; float:left; margin-top: 30px;}
.team_sort_detail .sort_box .box_img {display:inline-block; width:90%;}
.team_sort_detail .sort_box .box_img img {width:100%;}
.team_sort_detail .sort_box ul {float:left; margin-top:20px;}
.team_sort_detail .sort_box .member_title { width: 90%; font-size: 1.5rem; word-break: keep-all; margin-bottom: 20px; font-style: italic; color: #1e385e; }
.team_sort_detail .sort_box .name {font-size:2rem; padding-top:1rem; font-weight: bold; }
.team_sort_detail .sort_box .name span {font-size:1.2rem; color:#666; font-weight: normal; margin-left: 10px; }
.team_sort_detail .sort_box .tel {margin:20px 0 10px; font-size:1.2rem}
.team_sort_detail .sort_box .tel i {margin-right:5px;}
.team_sort_detail .sort_box .tel span {color:#1e385e; display:inline-block; width:5%}
.team_sort_detail .sort_box .fax {margin-top:5px; font-size:0.9rem}
.team_sort_detail .sort_box .fax span {color:#1e385e; display:inline-block; width:5%}
.team_sort_detail .sort_box .email {margin-top:5px; font-size:1.2rem}
.team_sort_detail .sort_box .email i {margin-right:5px;}
.team_sort_detail .sort_box .email span {color:#1e385e; display:inline-block; width:5%}
.team_sort_detail  .sort_box .point {margin-top:15px;}
.team_sort_detail  .sort_box .point span {display:inline-block; padding:7px; border:1px solid #1e385e; background:#fff; color:#1e385e; font-size:0.9rem}
.team_sort_detail .sort_info {width:60%; float:left; margin-top:30px;}
.team_sort_detail .sort_info dl {float:left; width: 90%; padding-top:70px }
.team_sort_detail .sort_info dl:first-child {padding-top:20px;}
.team_sort_detail .sort_info dt {clear:both; font-size:1.5rem; width:100%; margin-bottom:20px;}
.team_sort_detail .sort_info dt:before {content:""; display:block; width:35px; height:3px; background:#00008f; margin-bottom:10px}
.team_sort_detail .sort_info dd {width:100%; line-height:1.8rem}
.team_sort_detail .sort_info dd p {line-height:1.4; margin-bottom:10px;}
.team_sort_detail .sort_biz { width: 20%; box-sizing: border-box; float: left; margin-top: 30px; }
.outdent p {line-height:1.4; margin-bottom:10px;}

.member_data { border: 1px solid #dae8ef; }
.member_data li { position: relative; }
.member_data a { display: block; padding: 20px 30px; background: #e4f3f9; }
.member_data li:first-child a:after { content: ''; display: block; width: 80%; height: 1px; position: absolute; left: 10%; bottom: 0; background: #dae8ef; }
.member_data i { margin-right: 10px; }
.member_data .fa-download { position: absolute; right: 20px; top: 27px; }

.biz_category { margin-top: 30px; }
.biz_category h3 { margin-bottom: 10px; font-size: 1.5rem; }
.biz_category h3 a { display: block; }
.biz_category li { display: inline-block; margin: 0 10px 10px 0; }
.biz_category li a { display: inline-block; padding: 5px 10px; color: #1e385e; border: 1px solid #1e385e; font-size: .9rem; }

.biz_newsletter { margin-top: 30px; }
.biz_newsletter h3 { margin-bottom: 10px; font-size: 1.5rem; }
.biz_newsletter h3 a { display: block; }
.biz_newsletter li { position: relative; }
.biz_newsletter li a { display: block; padding: 20px; background: #fcf5e5; }
.biz_newsletter li a:after { content: ''; display: block; width: 80%; height: 1px; position: absolute; left: 10%; bottom: 0; background: #f7eacc; }
.biz_newsletter span { display: block; text-align: right; font-size: .8rem; margin-top: 20px; }
.member_img { display: inline-block; width: 35%; height: 100px; vertical-align: top; overflow: hidden; margin-right: 5%; }
.member_img img { width: 150%; object-fit: cover; margin-left: -25%; }
.member_info { display: inline-block; width: 60%; vertical-align: top; }
.member_info li { font-size: .8rem; }
.member_info li.member_name { font-size: 1.1rem; font-weight: bold; }
.member_info li.member_tel { margin-top: 10px; padding-top: 10px; border-top: 1px solid #f7eacc; }

.biz_job { margin-top: 30px; }
.biz_job h3 { margin-bottom: 10px; font-size: 1.5rem; }
.biz_job h3 a { display: block; }
.biz_job li { position: relative; }
.biz_job li a { display: block; padding: 20px; background: #f6f8fa; }
.biz_job li a:after { content: ''; display: block; width: 80%; height: 1px; position: absolute; left: 10%; bottom: 0; background: #efefef; }
.biz_job span { display: block; text-align: right; font-size: .8rem; margin-top: 20px; }

.biz_team { margin-top: 30px; }
.biz_team h3 { margin-bottom: 10px; font-size: 1.5rem; }
.biz_team h3 a { display: block; }
.biz_team li { position: relative; }
.biz_team li a { display: block; padding: 20px; background: #fcf5e5; }
.biz_team li a:after { content: ''; display: block; width: 80%; height: 1px; position: absolute; left: 10%; bottom: 0; background: #f7eacc; }
.biz_team span { display: block; text-align: right; font-size: .8rem; margin-top: 20px; }

.biz_wrap { font-size: 0; }
.biz_btn_area { max-width: 1200px; margin: auto; }
.biz_contents { font-size: 1rem; }
.sort_biz_wrap { display: inline-block; vertical-align: top; width: 20%; padding-top: 70px; font-size: 1rem; }
.job_sort_detail { padding-top: 70px; }

.bo_v_nb li .nb_tit { vertical-align: middle; }

.pg { display: inline-block; padding: 10px 20px; border-radius: 25px; box-shadow: 0px 2px 9.8px 0.2px rgb(0 0 0 / 8%); }
.pg_current { box-shadow: inset 0px 5px 10px 0 rgb(53 53 53 / 11%); background: #1e385e; color: #fff; border-radius: 50%; margin: 0 3px; }
.pg a { border: none; border-radius: 50%; margin: 0 3px; }

/* p.outdent_1 {padding-left:9px; text-indent:-9px;}
p.outdent_2 {padding-left:20px;} */
@media screen and (min-width:1024px) {
  .member_data a:hover { background: #dae8ef; }
  .biz_category li a:hover { background: #1e385e; color: #FFF; }
  .biz_newsletter li a:hover { background: #f7eacc; }
  .biz_team li a:hover { background: #f7eacc; }
  .biz_job li a:hover { background: #efefef; }
}

@media screen and (max-width:768px) {
	.team_sort_detail .sort_box {width:100%;  box-sizing:border-box; padding:30px; clear:both; }
	.team_sort_detail .sort_box .box_img {display:inline-block; border:0px;  clear:both; width:100%; text-align:center;  box-sizing:border-box; }
	.team_sort_detail .sort_box .box_img img {width:200px; border:1px solid #edecef;}
	.team_sort_detail .sort_box ul {float:left;  width:100%; margin-top:20px; margin-left:0px; text-align:center}
	.team_sort_detail .sort_info {width:100%; background:#f6f6f6; padding:50px; box-sizing:border-box; float:left; margin-top:0px;}
  .team_sort_detail .sort_biz { width: 100%; }
  .member_data ul { font-size: 0; }
  .member_data li { display: inline-block; width: 50%; font-size: 1rem; }
  .member_data li:first-child { border-right: 1px solid #dae8ef; }
}

@media screen and (max-width:414px) {
	.team_sort_detail .sort_info {width:100%; background:#f6f6f6; padding:20px; box-sizing:border-box; float:left; margin-top:0px;}
	.team_sort_detail .sort_info dt {clear:both; font-size:1.3rem;}
	.team_sort_detail .sort_info dd {line-height:1.8rem}
}


/*성공사례*/
.job_sort {padding: 20px 30px; margin-top: 30px; border-radius: 30px; border: 1px solid #edecef; transition: all .5s ease;}
.job_sort .sort_box { border-top: 1px solid #edecef; }
.job_sort .sort_box:first-child { border-top: 0; }
/* .job_sort .sort_box:hover {background:#f9f9f9; box-shadow:none;} */
/* .job_sort .sort_box:nth-child(4n+4) {margin-right:0;} */
.job_sort .sort_box ul {width:100%;}
.job_sort .sort_box a {padding:30px; display:block; height:100%; width:100%; position: relative;}
.job_sort .sort_box .name { font-size: 1.5rem; margin-bottom: 10px; }
.job_sort .sort_box .summery {font-size:0.9rem; line-height:1.4; color:#666;}
.job_sort .sort_box .summery b {display:block;}
.job_sort .sort_box .date {font-size:0.9rem; opacity:.5;}

#bo_v_top ul.bo_v_nb { padding: 0 30px; margin-top: 30px; border-radius: 30px; border: 1px solid #edecef; transition: all .5s ease; }
#bo_v_top ul.bo_v_nb li { padding: 20px; border: 0; border-top: 1px solid #edecef; }
#bo_v_top ul.bo_v_nb li:first-child { border-top: 0; }
#bo_v_top ul.bo_v_nb li a { display: inline-block; vertical-align: middle; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bo_v_nb li .nb_date { font-size: .9rem; margin-top: .2rem; }

/* @media screen and (max-width:980px) {
	.job_sort .sort_box {margin-top:30px;}
	.job_sort .sort_box a {padding:20px;}
	.job_sort .sort_box .name {margin-bottom:15px;}
	.job_sort .sort_box .date {left:20px; bottom:20px;}
}

@media screen and (max-width:840px) {
	.job_sort .sort_box {width:calc((100% - 40px) / 3);}
	.job_sort .sort_box:nth-child(4n+4) {margin-right:20px;}
	.job_sort .sort_box:nth-child(3n+3) {margin-right:0;}
}

@media screen and (max-width:640px) {
	.job_sort .sort_box {width:calc((100% - 20px) / 2);}
	.job_sort .sort_box:nth-child(3n+3) {margin-right:20px;}
	.job_sort .sort_box:nth-child(2n+2) {margin-right:0;}
	.job_sort .sort_box .name {height:60px;}
}

@media screen and (max-width:420px) {
	.job_sort .sort_box {width:100%; margin-right:0;}
	.job_sort .sort_box:nth-child(3n+3) {margin-right:0;}
	.job_sort .sort_box .name {height:auto;}
} */


/*성공사례 상세*/
.job_sort_detail .sort_box {width:100%; box-sizing:border-box;}
.job_sort_detail .sort_box ul {width:100%; margin-top:20px;}
.job_sort_detail .sort_box ul li {line-height:1.4;}
.job_sort_detail .sort_box .name {font-size:1.5rem; padding-top:1rem; font-weight:bold; text-align: left;}
.job_sort_detail .sort_box .date {font-size:1rem; margin-top:10px; text-align: right;}
.job_sort_detail .sort_info {width:100%; box-sizing:border-box; margin-top:30px;}
.job_sort_detail .sort_info dl {width:100%; padding-top:70px }
.job_sort_detail .sort_info dl:first-child {padding-top:20px;}
.job_sort_detail .sort_info dt {clear:both; font-size:1.5rem;}
.job_sort_detail .sort_info dt:before {content:""; display:block; width:35px; height:3px;  background:#00008f;  margin-bottom:10px	}
.job_sort_detail .sort_info dd {width:100%; line-height:1.6}
.job_sort_detail .sort_info dd pre {font-size: 1.2rem; color: #333;}


@media screen and (max-width:768px) {
	.job_sort_detail .sort_box {width:100%;}
	.job_sort_detail .sort_box ul {text-align:center}
	.job_sort_detail .sort_info {width:100%;}
	.job_sort_detail .sort_info dl {padding-top:30px }
}

@media screen and (max-width:414px) {
	.job_sort_detail .sort_info dt {font-size:1.3rem;}
}

/*상담안내, 채용안내 공통*/
.contact_box {clear:both; margin-top:50px; width:100%; padding:30px; background:#ecf1f6; border-radius:10px;}
.contact_box p {font-size:1rem; margin-bottom:5px;}
.contact_box p.title {font-size:1.2rem; font-weight:bold; margin-bottom:20px; line-height:1.4;}

/*상담안내 레이아웃*/
.consult {margin-top:50px;}
.consult > div {float:left;}
.consult > div.consult_guide {width:calc(50% - 30px); box-sizing:border-box; margin-right:30px; font-size:1.2rem; line-height:1.6; color:#666;}
.consult > div.illust {width:50%;}
.consult > div.illust img {width:100%;}

@media screen and (max-width:640px) {
	.consult > div.consult_guide {width:100%; margin-bottom:30px;}
	.consult > div.illust {width:100%;}
}

@media screen and (max-width:460px) {
	.consult_subject {font-size:1.4rem;}
	.consult > div.consult_guide {font-size:1rem;}
}

/*채용안내 레이아웃*/
.recruit {margin-top:50px;}
.recruit > div {float:left;}
.recruit > div.recruit_guide {width:calc(50% - 30px); box-sizing:border-box; margin-right:30px; font-size:1.2rem; line-height:1.6; color:#666;}
.recruit > div.illust {width:50%;}
.recruit > div.illust img {width:100%;}

@media screen and (max-width:640px) {
	.recruit > div.recruit_guide {width:100%; margin-bottom:30px;}
	.recruit > div.illust {width:100%;}
}

@media screen and (max-width:460px) {
	.recruit_subject {font-size:1.4rem;}
	.recruit > div.recruit_guide {font-size:1rem;}
}

/*메인배너 전체*/
.banner_sort {padding:3rem 0; /* margin-left:-2%; */ font-size:0;}
.banner_sort .sort_box {/*width:100%; display:block; height:200px;*/ background:#eee; margin-bottom:30px;}
.banner_sort .sort_box .box_img {display:inline-block; vertical-align: middle; height:100%; box-sizing:border-box; padding: 20px;}
.banner_sort .sort_box .box_img img {height:100%; width:unset !important;}
.banner_sort .sort_box ul {padding: 20px; display: inline-block; vertical-align: middle;}
.banner_sort .sort_box .name {font-size:1.2rem; margin-bottom:20px;}
.banner_sort .sort_box .name span {font-size:0.8rem; color:#666}
.banner_sort .sort_box .tel {margin-top:20px; font-size:0.9rem}
.banner_sort .sort_box .tel span {color:#1e385e; display:inline-block; width:5%}
.banner_sort .sort_box .fax {margin-top:5px; font-size:0.9rem}
.banner_sort .sort_box .fax span {color:#1e385e; display:inline-block; width:5%}
.banner_sort .sort_box .email {margin-top:5px; font-size:0.9rem}
.banner_sort .sort_box .email span {color:#1e385e; display:inline-block; width:5%}
.banner_sort .sort_box .point {margin-top:15px;}
.banner_sort .sort_box .point span {display:inline-block; padding:5px;  border:1px solid #1e385e; background:#fff; color:#1e385e; font-size:0.9rem;}
.banner_sort .sort_box .summery {margin-bottom:10px; font-size:0.9rem; line-height:1.4; color:#666;}
.banner_sort .sort_box button {height:40px; line-height:38px; padding:0 10px; border:1px solid #999; font-size:.9rem;}
.banner_sort .sort_box button:hover {background:rgba(0,0,0,.1);}

@media screen and (max-width:768px) {
	.banner_sort {padding:3rem 0; margin-left:0%;}
	.banner_sort .sort_box {width:100%; border-top:3px solid #1e385e; box-sizing:border-box;  margin-left:0%; clear:both; padding:30px; background:#f9f9f9; margin-top:30px }
}

@media screen and (max-width:414px) {
	.banner_sort {padding:3rem 0; margin-left:0%;}
	.banner_sort .sort_box {width:100%; border-top:3px solid #1e385e; box-sizing:border-box;  margin-left:0%; clear:both; padding:30px; background:#f9f9f9; margin-top:30px }
	.banner_sort .sort_box .box_img {display:inline-block; border:0px; clear:both; width:100%; text-align:center; box-sizing:border-box; }
	.banner_sort .sort_box .box_img img {width:150px; border:1px solid #edecef;}
	.banner_sort .sort_box ul {clear:both; margin-left:5%; width:65%;}
	.banner_sort .sort_box ul {float:left; margin-left:0%; width:100%; text-align:center}
}

/*메인배너상세*/
.banner_sort_detail .sort_box {width:30%; box-sizing:border-box; padding:30px 0; float:left }
.banner_sort_detail .sort_box .box_img {display:inline-block; border:1px solid #edecef; width:200px;  box-sizing:border-box; }
.banner_sort_detail .sort_box .box_img img {width:100%;}
.banner_sort_detail .sort_info {width:70%; background:#f6f6f6; padding:50px; box-sizing:border-box; float:left; margin-top:30px;}
.banner_sort_detail .sort_info dl {float:left; width:100%; padding-top:30px }
.banner_sort_detail .sort_info dl:first-child {padding-top:20px;}
.banner_sort_detail .sort_info dt {clear:both; font-size:1.2rem; width:20%; float:left}
.banner_sort_detail .sort_info dt:before {content:""; display:block; width:35px; height:3px; background:#1e385e; margin-bottom:10px}
.banner_sort_detail .sort_info dd {float:left; width:80%; line-height:1.8rem}

@media screen and (max-width:768px) {
	.banner_sort_detail .sort_box {width:100%; clear:both; }
	.banner_sort_detail .sort_box .box_img {border:0px; clear:both; width:100%; text-align:center;}
	.banner_sort_detail .sort_box .box_img img {width:150px; border:1px solid #edecef;}
	.banner_sort_detail .sort_info {width:100%; margin-top:0px;}
}

@media screen and (max-width:414px) {
	.banner_sort_detail .sort_info {padding:20px;}
}


/*CI*/
.ci_wrap {padding:50px 0; font-size:0;}
.ci_wrap dl {width:calc((100% - 20px) / 2); margin-right:20px; display:inline-block; box-sizing:border-box; text-align:center; margin-bottom:60px;}
.ci_wrap dl:nth-child(2n+2) {margin-right:0;}
.ci_wrap dl img {width:100%;}
.ci_wrap dt {font-size:1.6rem; color:#333; margin-bottom:20px; }
.ci_wrap dd { box-sizing:border-box; }
.ci_wrap .f_left {float:left}
.ci_wrap .f_right {float:right}

@media screen and (max-width:1200px) {
	.ci_wrap {margin:0 10px}
	.ci_wrap .f_left {float:none; width:535px; margin:auto;}
	.ci_wrap .f_right {float:none; width:535px; margin:auto;}
}

@media screen and (max-width:768px) {
	.ci_wrap {margin:0 10px}
	.ci_wrap .f_left {float:none; margin:auto;}
	.ci_wrap .f_right {float:none; margin:auto;}
	.ci_wrap dd {box-sizing:border-box; border:1px solid #edecef; text-align:center; font-size:30px; }
	.ci_wrap dd img {width:100%}
}

@media screen and (max-width:480px) {
	.ci_wrap dl {width:100%; margin-right:0; clear:both; display:block; margin-bottom:30px;}
}

.bs_box {margin-top:70px}
.bs_tit {font-size:1.5rem}
.bs_tit:before {content:""; display:block;	width:35px; height:3px; background:#1e385e; margin-bottom:10px}
.bs_con {margin-top:30px; color:#666; line-height:1.6; }
.bs_con a {color:blue; display: inline-block;}
.bs_con a:hover {text-decoration:underline;}

/* newsletter */
.newsletter .newsletter_info { margin-top: 4rem; font-size: 1.2rem; }
.newsletter h2 { text-align: left; font-size: 1.5rem; margin-bottom: 1rem; padding-bottom: 1rem; }
.newsletter .policies { padding: 20px; margin-bottom: 10px; background: #f6f8fa; border: 1px solid #eee; }
.newsletter input[type="checkbox"] { padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer; }
.newsletter input[type="checkbox"] + label { position: relative;cursor: pointer;}
.newsletter input[type="checkbox"] + label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 1px solid #333;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;}
.newsletter input:checked + label:after {content: '';display: block;position: absolute;top: 5px;left: 9px;width: 6px;height: 14px;border: solid #333;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.newsletter .user_info_wrap { font-size: 0; }
.newsletter h3 { font-size: 1rem; margin-bottom: 3rem; color: #777; }
.newsletter .user_info { display: inline-block; width: 50%; vertical-align: middle; font-size: 1rem; margin-bottom: 20px; }
.newsletter .user_info label { display: inline-block; width: 25%; }
.newsletter .user_info input { width: 65%; border: 1px solid #edecef; box-shadow: none; }
.interests li { display: inline-block; vertical-align: middle; margin-right: 30px; }
.interests li:first-child { margin-right: 100px; }
.interests li:last-child { margin-right: 0; }
.newsletter .required { color: #F00; margin-left: 5px; }
#content.newsletter section.btn_wrap { text-align: center; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #1e385e; }
.newsletter .btn_submit { background: #1e385e; color: #FFF; padding: 20px 80px; }

/* newsletter list */
.blind { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; } 
.newsletter_list section { padding-top: 4rem; }
.newsletter_list table { width: 100%; }
.newsletter_list th { padding: 10px 0; border-top: 2px solid #333; border-bottom: 1px solid #333; font-size: .9rem; }
.newsletter_list td { padding: 10px 0; text-align: center; border-bottom: 1px solid #eee; }

/* sitemap */
.sitemap_gnb { margin-top: 4rem; font-size: 0; }
.sitemap_gnb > li { display: inline-block; width: 19.2%; min-height: 320px; vertical-align: top; margin-left: 1%; font-size: 1rem; border-radius: 30px; border: solid 1px rgba(224, 223, 226, 0.6); padding: 30px; box-shadow: 0px 5px 24.3px 2.7px rgb(0 0 0 / 9%); }
.sitemap_gnb > li:first-child { margin-left: 0; }
.sitemap_gnb .depths_1 > a { font-weight: bold; }
.sitemap_gnb .depths_2 { border-top: solid 1px rgba(224, 223, 226, 0.6); margin-top: 20px; padding-top: 20px; }
.sitemap_gnb .depths_2 a { display: block; color: #666; margin-top: 10px; }
.sitemap_gnb .depths_2 a:first-child { margin-top: 0; }

/* sub menu */
.sub_gnb.sub_corporate, .sub_gnb.sub_team { overflow: auto; white-space: nowrap; }
.sub_gnb.sub_corporate ul, .sub_gnb.sub_team ul { text-align: center; }
.sub_gnb.sub_corporate li, .sub_gnb.sub_team li { width: auto !important; padding: 0 20px; }

.field_wrap .field_box .more { display: none; }

@media all and (max-width:1023px) {
  #content > section { padding: 0 30px; }
  .interests li:first-child { display: block; margin-right: 0; margin-bottom: 20px; }
  .newsletter section { padding: 0 30px; }
  .newsletter .user_info { display: block; width: 100%; }
  .sub_bg.bg01 { background-position: 50% 0; }
  .sub_bg.bg02 { background-position: 68% 0; }
  .sub_bg.bg03 { background-position: 20% 0; }
  .sub_bg.bg04 { background-position: 50% 0; }
  .sub_bg.bg05 { background-position: 50% 0; }
  .sub_bg.bg06 { background-position: 50% 0; }
  .sub_bg.bg07 { background-position: 22% 0; }
  .sub_bg.bg08 { background-position: 50% 0; }
  .main_content { padding: 0 30px; }
  #mainSwiper .team_box { height: 240px; }
  .job .box_content > a { display: block; width: 100%; margin: 20px 0 0 0; min-height: auto; }
  .m_header .open_nav_box .box_in { font-size: 1rem; }
  #bo_v { padding: 0; }
  .biz_job { margin-top: 16px; }
  .biz_btn_area { padding: 0 30px; }
  .job_sort .sort_box .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .biz_category li:first-child { margin-top: 0; }
  #bo_v_top ul.bo_v_nb { padding: 0 10px; }
  #bo_v_top ul.bo_v_nb li { padding: 10px; }
  .sitemap_gnb > li { display: block; width: 100%; min-height: auto; margin-left: 0; margin-top: 30px; }
  .team_sort_detail .sort_box .member_title { width: 100%; }
}
@media all and (min-width:768px) and (max-width:1023px) {
  .box_content > a { margin: 20px 0 0 0; }
  .thumbnail_img { width: 220px; }
  .main_team .swiper-slide { display: block; width: 100%; max-width: 500px; margin: 0 auto; }
  .team_sort .sort_box { width: 49%; margin: 20px 0 0 0; }
  .team_sort .sort_box:first-child { margin-right: 2%; }
  .team_sort .sort_box .box_img { width: 50%; }
  .team_sort .sort_box .box_ul { width: 45%; }
  .biz_contents { margin-right: 5%; }
  .sort_biz_wrap { width: 25%; }
  .job_sort .sort_box a { padding: 20px; }
  .job_sort { padding: 20px; }
  .sitemap_gnb .depths_2 a { display: inline-block; margin-left: 30px; }
  .sitemap_gnb .depths_2 a:first-child { margin-left: 0; }
}
@media all and (max-width:767px) {
  h2 { font-size: 1.5rem;}
  #footer .f_list li { display: block; margin-top: 10px; }
  #footer .f_list li:first-child { margin-top: 0; }
  #footer .f_list li i { display: none; }
  .interests li { width: 45%; margin-right: 0; margin-top: 10px; }
  .newsletter .user_info input { display: block; width: 80%; margin-top: 10px; }
  #mainSwiper .team_box { width: 240px; height: 340px; }
  #mainSwiper .team_box a { height: 100%; }
  #mainSwiper .team_box .team_in { height: 140px; margin-right: 0; }
  #mainSwiper .team_info { width: 100%; height: auto; }
  .box_content > a { margin: 20px 0 0 0; }
  .thumbnail_img { display: block; width: 100%; }
  .newsletter .section_area { display: block; width: 100%; margin-left: 0; margin-top: 20px; }
  .sub_gnb li a span { font-size: .8rem; }
  .intro .intro_2 { width: 100%; margin-bottom: 30px; }
  .intro .intro_1 { width: 100%; }
  .team_gnb li a span { font-size: .8rem; }
  .team_sort .sort_box { margin: 0; margin-top: 30px; }
  .team_sort .sort_box:first-child { margin-top: 0; }
  #bo_gall .gall_img { margin-bottom: 20px; }
  .field_wrap .field_box .box_info { width: 100%; padding-left: 0; margin-top: 20px; }
  .field_wrap .field_box .box_img { width: 100%; }
  .biz_contents { width: 100%; margin-right: 0; }
  .sort_biz_wrap, .team_sort_detail .sort_biz { width: 100%; }
  .job_sort .sort_box a { padding: 10px; }
  .job_sort { padding: 10px; }
}