/* layout */
#site3 .wsmenu{width:100%;min-width:initial;}
.wsmenu>.wsmenu-list .wsmenuCon{width:100%;min-width:initial;}
#mainSearch{width:100%;min-width:initial;}
#caseSearch{width:100%;max-width:1200px;min-width:initial;}
.caseCon .caseBox{width:100%;max-width:1200px;min-width:initial;}
#indexLawyer .lawyerCont{width:100%;max-width:1200px;min-width:initial;}
#lawyerMovie .movieCont{width:100%;max-width:1200px;min-width:initial;}
#indexMap .container{width:100%;max-width:1200px;min-width:initial;}
.foot_wrap{width:100%;max-width:1200px;min-width:initial;}

#indexLawyer .lawyerCont .lawyerText2{display:none;}
#indexLawyer .lawyerCont .lawyerMoreBox{display:none;}
.wsmenu>.wsmenu-list>li.tb_menu{display:none;}
/**/
.wsmenu>.wsmenu-list .wsmenuCon{max-width:1400px;}
/*태블릿 정의*/
body.tablet #indexLawyer .lawyerList .basic{height:42%;}
body.tablet #indexLawyer .lawyerList .basic.basic01{display:none;}
body.tablet #indexLawyer .lawyerList .basic.over{top:auto;bottom:0px;}
body.tablet #indexLawyer .lawyerList li:hover .basic.over{top:auto;bottom:0px;}
body.tablet #indexLawyer .lawyerList .basic .text03{margin-bottom:30px;}

#lawyerMovie .movieCont .movieText .title .title02{display:none;}
.lawyerList2020 .slistBox li a{background-position:center top;}
#lawyerView .lawEdu .lawName2{display:none;}
.pageContent .pageContent{padding:0px;}
.pgroup4 .txt2{margin-bottom:0px;}
.pgroup4 .txt33{margin: 10px 0px 0px 0px;}

#callContBox #callCont{width:100%;max-width:1200px;margin:0px auto;min-width:768px;}

.div_preview .img_slide .big_img{height:58vw;max-height:697px;}
.div_preview .img_slide .big_img img{max-width:100%;}

#blist table tbody td.hit{width:80px;}



/******************************
map 정의
******************************/
#mpMapCon{background-color:#132332;}

#mpMapCon > div > .subject{position:relative;padding-top:40px;margin-bottom:30px;font-size:32px;text-align:center;font-weight:bold;color:white;}
#mpMapCon  > div > .subject:after{display:block;content:"";position:absolute;bottom:-15px;left:50%;width:50px;margin-left:-25px;border-bottom:5px solid white;}
#mpMapCon > div > .subject2{width:100%;font-size:26px;text-align:center;margin-bottom:0px;letter-spacing:-0.05em;font-weight:300;color:white}

#mpMapCon > div{padding:0px 0px 0px 0px;overflow:hidden;}
#mpMap{display:flex;justify-content:space-between;width:980px;margin:0px auto;}
#mpMap > div{}
#mpMap .mpmCont{width:470px;}
#mpMap .mpmMap{width:510px;}


#index_addr .kakaomap{left:-1000%;}
#index_addr .kakaomap.on{left:0px;}
.nation-circle > span{border-color:#02edff;}
.nation-circle i{color:#02edff;background-color:#02edff;}
#mmapArea li a.on{border:1px solid #02edff;color:#02edff;font-weight:bold;}


@media (max-width: 1200px){
	
	
	.div_preview{width:100%;}
	.div_preview .img_slide{width:100%;padding-left:15px;padding-right:15px;}
	.topbarbg{display:block;}
	#daum_map_con{width:100% !important;height:auto;min-height:calc(48vw + 300px);}

	#daum_map_con .con  .wrap_1200{width:100%;height:48vw;display:flex;align-items:center;justify-content:center;overflow:hidden;}
	

	body.scolledDown #quickMenu{display:none;}
	body #quickMenu{display:none;}
	
	
	.introhtitle{padding-left:20px;padding-right:20px;}
	.new01 .introNav{width:100%;}
	
	.wsmenu>.wsmenu-list>li.wsmenu-nav>a{padding-left:15px;padding-right:15px;}
	.wsmenu>.wsmenu-list .wsmenuCon > .logo{width:300px;padding-left:0px;}
	.wsmenu>.wsmenu-list .wsmenuCon > .menu{width:calc(100% - 300px);}

	#caseSearch{display:block;}	
	#caseSearch .csForm{width:100%;}
	#caseSearch .csForm .searchCon{width:100%;}
	.quick_search{width:100%;}
	#index_addr{width:100%;}	
	
	/*main search*/
	body #mainSearch{padding:150px 20px 0px 20px;width:100%;min-width:100%;}
	#caseSearch .csText{width:100%;display:flex;align-items:flex-end;justify-content:center;}
	#caseSearch .csText .csSText{padding-bottom:10px;}
	#caseSearch .csForm{width:660px;margin:0px auto;}

	.caseCon{width:calc(100% - 40px);margin-left:20px;margin-right:20px;}
	.indexCase .swiper-slide > div{width:calc(100% - 10px);}

	/*main lawyer */
	#indexLawyer .lawyerCont .lawyerText{padding:0px 20px;}
	
	#indexLawyer .lawyerCont .lawyerText .text{left:20px;}
	#indexLawyer .lawyerCont .lawyerText .text .title{font-size:28px;}
	#indexLawyer .lawyerCont .lawyerText .text .stitle{font-size:15px;line-height:25px;}

	a.lawyerMore{width:240px;font-size:16px;background-color:white;}
	#lawyerMovie .movieCont .movieText .title br:nth-child(2){display:none;}
	/*index movie*/
	#lawyerMovie{padding:40px 0px;}
	#lawyerMovie .movieCont{display:block;}

	#lawyerMovie .movieCont .movieText .title .title01{display:none;}
	#lawyerMovie .movieCont .movieText .title .title02{display:block;}

	#lawyerMovie .movieCont .movieText{padding:0px;width:100%;text-align:center;}
	#lawyerMovie .movieCont .movieBox{margin:0px auto;width:630px;height:360px;}
	#lawyerMovie .movieCont .movieBox > div{width:620px;height:360px;}

	#lawyerMovie .movieCont .movieBox2{margin:0px auto;width:640px;height:360px;}
	#lawyerMovie .movieCont .movieBox2 > iframe{width:640px;height:360px;}
	

	#lawyerMovie .movieCont .movieText .title{margin-bottom:10px;font-size:25px;line-height:35px;}
	#lawyerMovie .movieCont .movieText .stitle{font-size:16px;line-height:23px;}

	
	/*area*/
	#indexMap .bgWhite .partner{display:none;}
	#indexMap .bgWhite .service{padding:30px 0px 0px 0px;text-align:center;font-size:25px;line-height:35px;}
	#indexMap .bgWhite .service .num{margin-right:5px;font-size:50px;line-height:50px;font-weight:bold;font-style:italic;font-family:'chosun_myungjo';}

	#partnerMap{position:absolute;top:130px;left:auto;right:0px;width:calc(100% - 320px);}
	#index_addr .indexMap{width:calc(100% - 120px);}
	#index_addr .indexMap > div{width:100% !important;}
	#indexMap .bgBlue .locationCon{padding-top:20px;position:absolute;top:130px;left:150px;display:block;width:140px;height:450px;background-color:#233a4a;}


	#indexMap .bgBlue .current{width:100%;margin-right:0px;margin-bottom:15px;padding-left:0px;text-align:center;}
	#indexMap .bgBlue .arrow{height:5px;}
	#indexMap .bgBlue .counter{margin:0px auto;width:70px;line-height:60px;font-size:18px;color:white;}
	
	#indexMap #mpmMap{width:100%;display:flex;flex-wrap:wrap;justify-content:center; text-align:center;}
	#indexMap #mpmMap li{margin-right:10px;}
	#indexMap #mpmMap li:nth-child(2n){margin-right:0px;}
	.foot_wrap{padding-left:20px;padding-right:20px;}
	#indexMap .container{overflow:hidden;}
	
	.foot_wrap{padding-bottom:30px;}
	body #webAcc{width:100%;}
	body #webAcc .webAccCont{width:90%;max-width:415px;margin-left:0px;}

	/*sub pages */
	.subBg{height:280px;}
	.subBg div.btitle{padding-top:80px;}
	.ssTitle{width:100%;}
	.contCon .texter{padding-left:20px;padding-right:20px;}
	.new01 .contCon.imageCon{width:100%;}
	.new01 .imageCon .htitle{width:140px;padding-left:45px;}
	.new01 .imageCon .texter{width:calc( 100% - 140px);}
	.new01 .imageCon .texter .stext{word-break:keep-all;}
	.contCon.brochureCon{position:relative;left:-20px;width:calc(100% + 40px) !important;}
	/*map */
	.location_con{width:100%;padding-left:20px;padding-right:20px;}
	.addr_txt img:nth-child(1){height:95px;}
	.addr_txt .addr{width:100%;}
	
	/*lawyer*/
	.pageContent{padding:0px 15px;}
	
	.slistBox li{width: calc(20% - 8px);margin-right:10px;}
	   
	.slistBox li a .lawyer_name{font-size:23px;}
	.slistBox li a .lawyer_namesub{font-size:16px;}
	.slistBox li a .link_bar{font-size:16px;}

	/*
	#lawyerView{width:100%;min-width:100%;}
	#lawyerView .lawPhoto{width:calc(100% - 710px);padding-left:0px;}
	#lawyerView .lawInfo{margin-left:30px;width:680px;}
	#lawyerView .lawEdu.lawCarrer .lawName{font-size:18px;letter-spacing:-0.05em;}
	*/
	/*case*/
	.caseSwiper{padding-left:15px;padding-right:15px;}
	
	body #blist table thead th{min-width:initial !important;}
	#blist table{}
	#blist table tbody td.num{width:70px;}
	#blist table tbody td.cate{width:130px;}
	#blist table tbody td.title{width:calc(100vw - 370px);min-width:calc(100vw - 370px);}
	#blist table tbody td.datetime{width:90px;padding-left:0px;padding-right:0px;}
	#blist table tbody td.datetime{min-width:initial !important;}
	#blist table tbody td.hit{width:80px;}
	#blist table tbody td.title .titleSpan{width:100%;max-width:calc(100vw - 430px); overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
	#bo_v_con{width:100%; word-break:keep-all;}

	/*work*/
	.pgroup4 .pageContent .content{padding-left:15px;padding-right:15px;}
	.notice_top_1{width:100%;}
	.con_gray_box{width:100%;margin-left:0px;margin-right:0px;word-break:keep-all;}
	.con_white_box{width:100%;margin-left:0px;margin-right:0px;word-break:keep-all;}
	.crime_tit{width:100%;margin-left:0px;margin-right:0px;}
	.con_white_box p{width:100%;}
	#blist table tbody td{font-size:15px;letter-spacing:-0.05em;}
	#blist table thead th{min-width:initial;}
	.pageContent img{max-width:100%;}
}

@media (max-width: 1080px){
	.wsmenu>.wsmenu-list>li.wsmenu-nav{display:none;}
	.wsmenu>.wsmenu-list>li.tb_menu{display:block;}
	.wsdownmenu-text a{padding-top:5px;display:inline-block;}
	
	#site3 .topbarbg {
		height: 95px;
		padding-top: 0px;
	}
	.wsmenu>.wsmenu-list>li>ul.sub-menu .texter{width:100%;text-align:left;}
	.wsmenu>.wsmenu-list>li>ul.sub-menu .texter a{display:block;padding:15px 0px 15px 40px;text-decoration:none;}


	.caseBottom{padding:40px 40px 0px 40px;width:100%;}
	.caseBottom .text .title{font-size:24px;}
	.caseBottom .text .stitle{font-size:15px;}
	
	.caseBottom .image{margin-left:auto;display:flex;}
	.caseBottom .image .em{padding:0px 0px 0px 10px;height:100px;}
	/*.caseBottom .image .em img{height:100px;}*/
	.caseBottom .image .vline{padding-right:10px;}


	/****************************
	index lawyer/*height : 620 + 190
	*****************************/
	#indexLawyer{width:100%;height:780px;}

	#indexLawyer .indexLawyerBox{height:810px;}
	#indexLawyer .lawyerCont{display:block;height:810px;padding:0px 20px;}
	#indexLawyer .lawyerCont .lawyerText{display:none;}
	#indexLawyer .lawyerCont .lawyerText2{display:block;}

	#indexLawyer .lawyerCont .lawyerText2{padding:20px 0px;width:100%;}
	#indexLawyer .lawyerCont .lawyerText2 .lawyerNum{height:50px;margin-bottom:5px;display:flex;align-items:flex-end;justify-content:center;color:#333;font-size:23px;font-weight:600;    text-align: center;}
	#indexLawyer .lawyerCont .lawyerText2 .lawyerNum .num{margin-right:5px;font-size:50px;line-height:50px;font-family:'chosun_myungjo';font-style:italic;font-weight:500;}
	#indexLawyer .lawyerCont .lawyerText2 .stitle{text-align:center;font-size:16px;line-height:30px;letter-spacing:-0.05em;}
	#indexLawyer .indexLawyerBox .lb_leftBg{display:none;}
	#indexLawyer .lawyerCont  .lawyerMoreBox{width:100%;display:flex;justify-content:center;position:absolute;bottom:-15px;left:0px;}
	#indexLawyer .lawyerCont .lawyerMore a{display:flex;width:250px;height:50px;font-size:16px;font-weight:400; color: #222222; border:1px solid #aaa;letter-spacing: -0.05em;background-color:white;}
	a.lawyerMore i{margin-left:10px;}

	#indexLawyer .lawyerCont .lawyerList{margin:0px auto;}
	#indexLawyer .lawyerCont .lawyerList{width:100%;max-width:900px;margin:0px auto;}



	#partnerMap{position:absolute;top:130px;left:auto;right:0px;width:calc(100% - 220px);}

	#index_addr .indexMap{width:calc(100% - 30px);}
	#index_addr .indexMap > div{width:100% !important;}
	#indexMap .bgBlue .locationCon{left:50px;}


	#indexMap .bgBlue .current{width:100%;margin-right:0px;margin-bottom:15px;padding-left:0px;text-align:center;}
	#indexMap .bgBlue .arrow{height:5px;}
	#indexMap .bgBlue .counter{margin:0px auto;width:70px;line-height:60px;font-size:18px;color:white;}
	
	#indexMap #mpmMap{width:100%;display:flex;flex-wrap:wrap;justify-content:center; text-align:center;}
	#indexMap #mpmMap li{margin-right:10px;}
	#indexMap #mpmMap li:nth-child(2n){margin-right:0px;}

	body.loc12 .location_tab ul li{font-size:13px;}

	#lawyerView .lawPhoto{width:430px;}
	#lawyerView .lawInfo{margin-left:50px;width:calc(100% - 480px);}
	#lawyerView .lawEdu.lawCarrer .lawName{display:none;}
	#lawyerView .lawInfo{display:block;}
	#lawyerView .lawEdu{width:100%;}
	#lawyerView .lawEdu .lawName2{display:block;font-size:18px;letter-spacing:-0.05em; margin-bottom:15px;margin-left:-10px;}
	#lawyerView .lawEdu.lawCarrer{width:100%;margin-left:0px;padding-left:0px;}
	
	
	/*4개변경*/
	.lawyerList2020 .slistBox li{width: calc(25% - 9px);margin-right:12px;}
	.lawyerList2020 .slistBox li a{display:block;height: calc(25vw - 20px);background-position:center top;}
	.lawyerList2020 .slistBox li:nth-child(5n+5){margin-right:12px;}
	.lawyerList2020 .slistBox li:nth-child(4n+4){margin-right:0px;}
	.lawyerList2020 .slistBox li a .lawyer_name{font-size:23px;}
	.lawyerList2020 .slistBox li a .lawyer_namesub{font-size:16px;}
	.lawyerList2020 .slistBox li a .link_bar{font-size:16px;}


	
	#csSearch .csHead .csMText {font-size:31px;}
	#csSearch .csHead .csMText .notice{font-size:35px;}
	#csSearch .csHead .csMText{padding-left:10px;width:270px;}
	#csSearch .csQuick{width:calc(100% - 270px);max-width:590px;}

	.pgroup4.pageid0 .txt br{display:none;}


	.pageBody{width:100%;min-width:780px;padding:0px 10px;}
	.indexMap #mpMapCon{padding-left:0px;}
	#mainPartner{display:flex;justify-content:center;margin:0px;}
	#index_addr .indexMap{width:100%;}	
	#mmapArea{position:static;width:780px;margin:0px;}
	#mp_map{display:none;}
}

@media (max-width: 980px){
	
	.caseBottom .text{margin-right:20px;}

	.caseBottom .text br{display:inline;}
	.caseBottom .text .title{margin-bottom:15px;font-size:25px;}
	.caseBottom .text .stitle{font-size:15px;}
	
	.foot_wrap{position:relative;}
	.foot_right{position:absolute;top:0px;right:20px;}
	.foot_right .fr_icon {
		margin-top: 30px;
		padding-bottom: 0px;
		padding-left: 0px;
		border-left:none;
	}

	#csSearch .csQuick a{margin-right:12px;width:calc(25% - 9px);}
}

@media (max-width: 890px){
	.contCon .htitle h3{font-size:21px;line-height:30px;}
	.caseBottom{padding:40px 20px 0px 20px;}
	.caseBottom .text{margin-right:20px;}
	.caseBottom .text br{display:none;}
	.caseBottom .text .title{margin-top:-10px;margin-bottom:15px;font-size:25px;}
	.caseBottom .text .stitle{font-size:15px;word-break:keep-all;}
	.contCon .texter .text_style01{font-size:16px;letter-spacing:-0.05em;word-break: keep-all;}
	body.loc12 .location_tab ul li{letter-spacing:-0.05em;}
	.contCon .ssTitle .texter .text_style01{font-size:16px;}
	.ssTitle{background-size:auto 100%;}
	#lawyerView .lawPhoto{width:45%;}
	#lawyerView .lawInfo{margin-left:50px;width:calc(55% - 50px);}
	
	/*3개변경*/
	.lawyerList2020 .slistBox li{width: calc(33.33% - 6px);}
	.lawyerList2020 .slistBox li a{height: calc(33.33vw - 20px);}
	.lawyerList2020 .slistBox li{margin-right:9px !important;}
	.lawyerList2020 .slistBox li:nth-child(3n+3){margin-right:0px !important;}

	.new01 .imageCon .texter .stext{font-size:16px;}
	.caseBottom .text {width:calc(100% - 320px);}
}
@media (max-width: 820px){
	.location_tab ul li a{font-size:16px;}
	
}
@media (max-width: 768px){
	body{width:768px;position:relative;}
	.caseBottom .text .title{font-size:23px;}
	.caseBottom .text .stitle{font-size:14px;}

	.imageCon .texter .stitle{font-size:18px;}
	.new01 .imageCon .texter .stext{font-size:15px;}

}