@charset "utf-8";

/*공통*/
.sub_bg {width:100%; height:250px; }
.sub_bg.bg1 {background:url(../images/sub_bg1.png) no-repeat center center;}
.sub_bg.bg2 {background:url(../images/sub_bg2.png) no-repeat center center;}
.sub_bg.bg3 {background:url(../images/sub_bg3.png) no-repeat center center;}
.sub_bg.bg4 {background:url(../images/sub_bg4.png) no-repeat center center;}
.sub_bg.bg5 {background:url(../images/sub_bg5.png) no-repeat center center;}
.sub_bg.bg6 {background:url(../images/sub_bg6.png) no-repeat center center;}

.sub_tit_box {max-width:1120px;  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:#183656}
.sub_gnb ul {max-width:1120px; margin:auto; text-align:left; border-right:1px solid #2b4d71; border-left:1px solid #0c233b; height: 50px; display:none;}
.sub_gnb li {display:inline-block; width:25%; height:50px; line-height:48px; text-align:center; border-left:1px solid #2b4d71; border-right:1px solid #0c233b; font-size:1rem;}
.sub_gnb li:hover {border-left:1px solid #0c233b;}
.sub_gnb li a {color:#fff; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sub_gnb li:not(.on) a:hover {background:#0c233b}
.sub_gnb li.on {background:#fff; font-weight:bold; border-right:none;}
.sub_gnb li.on a {color:#183656; cursor:default;}
.sub_gnb li a span {line-height:1.4; display:inline-block; vertical-align:middle;}

.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; margin-bottom:2rem; padding-bottom:5rem; border-bottom:1px solid #ccc;}
#content section {max-width:1120px; margin:auto;}

h2 {display:block; border-bottom:1px solid #ccc; padding-top:4rem; font-size:2rem; text-align:center; color:#333;  }
h2 span {display:inline-block; border-bottom:2px solid #183656; 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;}
	#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 {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 {font-size:0.7rem;}
}

@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 > div {display:inline-block; vertical-align:top;}
.intro .intro_1 {width:100%; font-size: 1.1rem; line-height: 1.6; color: #666;}
.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:100%;}
.intro .intro_2 img {width:100%;}
.intro .intro_tit {font-size:2rem; font-family:"nanummyeongjo", serif; color:#183656; line-height:3rem; padding-top:5rem;}
.intro dt {color:#183656; 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:#183656; 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; margin-top:2rem;}
}



/*연혁*/
.history_box {}
.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 ul {}
.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:#183656;   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 #183656; 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 #ccc; 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:#183656;   height:30px; line-height:30px; vertical-align:middle; text-align:right; position:relative;}

.history_box .box_right li span {display:block; vertical-align:middle}
.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:#183656}

.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 #183656; 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 #183656; 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 #183656; 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 #183656; 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;}

}

/*오시는길*/

.map {padding-top:5rem; 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%; height:;  border-top:1px solid #ccc; border-bottom:1px solid #ccc;  margin-top:3rem;}
.map .map_list:before  {content:""; display:block; 	width:160px; height:3px;  background:#183656;  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 {width:50px; height:50px; display:inline-block; vertical-align:middle;}
.map .map_list i.ico1 {background:url(../images/map_ico1.png) no-repeat center center;  background-size:30px}
.map .map_list i.ico2 {background:url(../images/map_ico2.png) no-repeat center center;  background-size:30px}
.map .map_list i.ico3 {background:url(../images/map_ico3.png) no-repeat center center;  background-size:30px}
.map .map_list i.ico4 {background:url(../images/map_ico4.png) no-repeat center center;  background-size:30px}

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

	.map {margin:20px 0;}
	.map .map_list:before  {content:""; display:block; 	width:60px; height:3px;  background:#183656;  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}
	.map .map_list i {width:30px; height:30px; display:inline-block; vertical-align:middle;}
	.map .map_list i.ico1 {background:url(../images/map_ico1.png) no-repeat center center;  background-size:20px}
	.map .map_list i.ico2 {background:url(../images/map_ico2.png) no-repeat center center;  background-size:20px}
	.map .map_list i.ico3 {background:url(../images/map_ico3.png) no-repeat center center;  background-size:20px}
	.map .map_list i.ico4 {background:url(../images/map_ico4.png) no-repeat center center;  background-size:20px}
}


/*인재상*/
.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:#183656; border-bottom:2px solid #183656}
.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 }
}



/*분야별*/
.field_sort {}
.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 #ccc;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%; float:left; height:20px; margin:10px 0;}
.faq .a a:hover {color:#183656}

@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 {border:2px solid #eee; width:100%;  box-sizing:border-box; padding:20px; position:relative; margin-top:50px}
.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_info {float:left; width:calc(100% - 180px); padding-left:20px; box-sizing:border-box; }
.field_wrap .field_box  .box_info .tit {width:100%; height:50px; border-bottom:1px solid #ccc; font-size:1.3rem; padding-top:10px}
.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 #ccc; position:absolute; right:20px; top:20px }
.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:#ccc; position:absolute; left:8px; top:14px;}
.field_wrap .field_box .more span:last-child {display:inline-block; width:1px; height:13px; background:#ccc; position:absolute; left:14px; top:8px; }

@media screen and (max-width:520px) {
	.field_wrap .field_box  .box_img {width:120px; height:150px;}
	.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; padding-right: 45px;}
	.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; padding-right: 0;}
	.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:#217cc7; margin-bottom:10px;}
.team_sort {font-size:0; margin-bottom:3rem;}
.team_sort .sort_box {width: calc((100% - 20px) / 2); margin-right: 20px; display:inline-block; vertical-align:top; position:relative; background:#f9f9f9; margin-bottom: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; padding:20px;}
.team_sort .sort_box a > div {display:inline-block; vertical-align:top;}
.team_sort .sort_box .box_img {border:1px solid #ccc; width:30%;  box-sizing:border-box; }
.team_sort .sort_box .box_img img {width:100%}
.team_sort .sort_box .box_ul {margin-left:5%; width:65%;}
.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; padding-top:1rem; margin-bottom:30px; padding-bottom: 5px; border-bottom: 1px solid #999;}
.team_sort .sort_box .name span {font-size:0.8rem; color:#666}
.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:#183656; display:inline-block; width:80px;}
.team_sort .sort_box .tel {margin-top:20px; font-size:0.9rem}
.team_sort .sort_box .tel span {color:#183656; display:inline-block; width:5%}
.team_sort .sort_box .fax {margin-top:5px; font-size:0.9rem}
.team_sort .sort_box .fax span {color:#183656; display:inline-block; width:5%}
.team_sort .sort_box .email {margin-top:5px; font-size:0.9rem}
.team_sort .sort_box .email span {color:#183656; 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 #183656; background:#fff; color:#183656; font-size:0.9rem;}
.team_sort .sort_box .summery {margin-top:5px; 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:768px) {
	.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 #ccc;}
	.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 {}
.team_sort_detail .sort_box {width:25%; box-sizing:border-box; float:left; margin-top: 30px;}
.team_sort_detail .sort_box .box_img {display:inline-block; border:1px solid #ccc; float:left; width:200px; box-sizing:border-box;}
.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 .name {font-size:1.2rem; padding-top:1rem}
.team_sort_detail .sort_box .name span {font-size:0.9rem; color:#666}
.team_sort_detail .sort_box .tel {margin-top:20px; font-size:0.9rem}
.team_sort_detail .sort_box .tel i {margin-right:5px;}
.team_sort_detail .sort_box .tel span {color:#183656; 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:#183656; display:inline-block; width:5%}
.team_sort_detail .sort_box .email {margin-top:5px; font-size:0.9rem}
.team_sort_detail .sort_box .email i {margin-right:5px;}
.team_sort_detail .sort_box .email span {color:#183656; 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 #183656; background:#fff; color:#183656; font-size:0.9rem}
.team_sort_detail .sort_info {width:75%; background:#f6f6f6; padding:50px; box-sizing:border-box; float:left; margin-top:30px;}
.team_sort_detail .sort_info dl {float:left; width:100%; 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:#217cc7; 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;}
.outdent p {line-height:1.4; margin-bottom:10px;}
p.outdent_1 {padding-left:9px; text-indent:-9px;}
p.outdent_2 {padding-left:20px;}

@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 #ccc;}
	.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;}
}

@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:3rem 0; font-size:0;}
.job_sort .sort_box {width:calc((100% - 60px) / 4); margin-right:20px; border:1px solid #ddd; vertical-align:top; box-sizing:border-box; display:inline-block; background:#fff;	margin-top:50px; box-shadow: 2px 2px 3px rgb(0 0 0 / 5%);}
.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:1rem; font-weight:bold; margin-bottom:20px; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ word-break: break-all;  line-height: 1.4; color: #666; letter-spacing: 1px; height:87px; overflow: hidden;}
.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;}

@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.4rem; padding-top:1rem; font-weight:bold;}
.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:#217cc7;  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 {}
	.job_sort_detail .sort_info dt {font-size:1.3rem;}
	.job_sort_detail .sort_info dd {}
}

/*상담안내, 채용안내 공통*/
.contact_box {clear:both; margin-top:50px; width:100%; padding:30px; background:#ecf1f6; border-radius:10px;}
.contact_box p {fonct-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; height:100%; float:left; box-sizing:border-box;}
.banner_sort .sort_box .box_img img {height:100%; width:unset !important;}
.banner_sort .sort_box ul {float:left; padding: 20px; display: inline;}
.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:#183656; display:inline-block; width:5%}
.banner_sort .sort_box .fax {margin-top:5px; font-size:0.9rem}
.banner_sort .sort_box .fax span {color:#183656; display:inline-block; width:5%}
.banner_sort .sort_box .email {margin-top:5px; font-size:0.9rem}
.banner_sort .sort_box .email span {color:#183656; 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 #183656; background:#fff; color:#183656; 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 #183656; 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 #183656; 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 #ccc;}
	.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 #ccc; float:left; 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:#183656; 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 #ccc;}
	.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 #ccc; 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:#217cc7; 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;}