@CHARSET "UTF-8";
@media all and (max-width: 768px){/* 브라우저 창 width가 768px보다 작아지는 순간부터 적용 */
	#header{
		width:100%;
		
	}
	#header_wrapper{
		width:100%; display:flex;align-items: center;justify-content: center; border-bottom:1px solid #ffffff;
	}
	#header_nav{
		width: 100%;
	    margin: 0;
	    padding: 0;
	    margin-left:16px;
	    margin-right:16px;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.page_author{
		color: #FFF;
		text-align: center;
		
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%; /* 22.5px */
	}
	.page_title{
		margin-top:2px;
		color: #FFF;
		font-size: 25px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 87.5% */
	}
	  .page_subtitle{
     	color: #FFF;
		text-align: center;
		margin-top:48px;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 22.5px */
		
     }
	
      .bg{
		    background-image: url(../../../../../resources/images/blog/resources/images/background/ic_detail_banner_2.jpg);
		    height: 100%;
		    width: 100%;
		    display: block;
		    position:absolute;
		    -webkit-backface-visibility: hidden;
		    backface-visibility: hidden;
		    background-position: center;
		    background-size: cover;
		}
		
		.animate-bg{
		    -webkit-animation-name: animateBg;
		    animation-name: animateBg;
		
		}
		.animate{
		  -webkit-animation-duration: 5000ms;
		  animation-duration: 5000ms;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
		  -webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
		  animation-timing-function: cubic-bezier(.3,0,.7,1);
		  animation-iteration-count: 1/* infinite */;
		}
		
		    
		
		@keyframes animateBg {
		  from {
		    -ms-transform: scale(1,1);
		    transform: scale(1,1) translateZ(1px);
		  }
		
		  to {
		    -ms-transform: scale(1.45, 1.45);
		    transform: scale(1.45, 1.45) translateZ(1px);
		  }
		 }
	.overlay {
		  position: fixed;
		  top: 0;
		  left: 0;
		  z-index: 2;
		  width: 100%;
		  height: 100%;
		  background: rgba(0, 0, 0, .7);
		  opacity: 0;
		  visibility: hidden;
		  transition: .3s linear;
		}
		.overlay.is-open {
		  opacity: 1;
		  visibility: visible;
		}
	#gnb{
		display:flex;
		justify-content: center;
		align-items:center;
		display:none;
		
	}
	.gnb_menu{
		margin-left:60px;
	}
	.gnb_menu > a{
		color: #FFF;
		font-family: Noto Sans KR;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 35px; /* 194.444% */
		text-decoration: none;
	}
	.overlay {
	  background: rgba(0, 0, 0, 0.5);
	}
		ul {
			list-style: none;
			margin:0;
			padding:0;
			
		}
		
		#content_wrapper{
     	width:100%; overflow: hidden;
     }
		 #content{
 			width:100%; background-color:#fff; display:flex; align-items: center; justify-content: center; flex-direction: column;
		}
	.detail_title_wrapper{
		width:100%; min-height:187px;   display: flex; justify-content: center; align-items: center;
	}
	.detail_title_background{
		width:100%;min-height:187px;  position:absolute; overflow:hidden;
	}	
	.detail_title_message{
		position:relative; width:100%; height:187px; display: flex; justify-content: center; align-items: center; flex-direction:column;
	}
     #content_wrapper{
     	width:100%; padding-left:20px; padding-right:20px; box-sizing:border-box; overflow: hidden;
     }
	.content_wrapper{
		width:100%; overflow:hidden; box-sizing: border-box;padding-top: 70px;  display: flex; align-items: flex-start; justify-content: space-evenly; flex-direction:column; 
	}
	.content_intro{
		width:100%;box-sizing:border-box;   padding-left:20px;  padding-right:20px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction:column;
	}
	#lawyer_img{
		width:100%; border:1px solid #dbdbdb;
	}
	.lawyer_basic{
		width:100%;
		display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	}
	.lawyer_title_wrapper{
		margin-top:16px;
		width:100%;  display: flex; align-items: flex-start; justify-content: space-evenly;flex-direction: column;
	}
	.lawyer_title{
		color: #9B9797; font-size: 18px; font-style: normal; font-weight: 700; line-height: 150%;
	}
	.lawyer_name{
		color: #000; 	  font-size: 28px; font-style: normal; font-weight: 700; line-height: 150%;
	}
	.lawyer_info_wrapper{
		width:100%;  display: flex; align-items: flex-start; justify-content: space-evenly;flex-direction: column;
	}
	.lawyer_email_title{
		color: #000; 	  font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%;
	}
	.lawyer_email_content{
		color: #000; 	  font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%;
	}
	
	.lawyer_tel_title{
		margin-top:4px; color: #000; 	  font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%;
	}
	.lawyer_tel_content{
		color: #000; 	  font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%;
	}
	.lawyer_desc1{
		margin-top:16px; /* width:100%; */ color: #BD9540;  font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing:-0.5px;
	}
	.lawyer_desc2{
		margin-top:16px; /* width:100%;  */color: #BD9540;  font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing:-2px;
	}
	.lawyer_desc{
		margin-top:16px; /* width:100%; */ color: #BD9540;  font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; /* 30px */
	}
	.lawyer_detail{
		width:100%; margin-top:32px;box-sizing:border-box; padding-left:20px; padding-right:20px;display: flex; align-items: center; justify-content: center; flex-direction:column;
	}
	.lawyer_detail_title{
		width:100%; color: #000; padding-top:18px;padding-bottom:18px;  font-size: 18px; font-style: normal; font-weight: 700; line-height: 150%; 
	}
	.lawyer_special{
		width:100%;  padding-top:18px; padding-bottom:18px;display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; border-top: 1px dashed #BBB; border-bottom: 1px dashed #BBB;
	}
	.lawyer_special_title{
		display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; color: #000;  font-size: 15px; letter-spacing:-1.5px; font-style: normal; font-weight: 400; line-height: 200%; /* 32px */
	}
	.lawyer_special_desc{
		text-align:left;
		word-break: keep-all;
	}
	
	.lawyer_winning{
		width:100%;padding-bottom:49px;display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column;border-bottom: 1px dashed #BBB;
	}
	.lawyer_winning_title{
		display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; color: #000;  font-size: 15px; letter-spacing:-1.5px; font-style: normal; font-weight: 400; line-height: 200%; /* 32px */
	}
	.lawyer_winning_desc{
		text-align:left;
		word-break: keep-all;
	}
	.lawyer_winning_desc1{
		letter-spacing:-0.5px; text-align:left;
		word-break: keep-all;
	}
	
	.lawyer_career{
		width:100%;padding-bottom:49px;display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column;border-bottom: 1px dashed #BBB;
	}
	.lawyer_career_title{
		display: flex; align-items: flex-start; flex-direction:column; color: #000;  font-size: 15px; letter-spacing:-1.5px;  font-style: normal; font-weight: 400; line-height: 200%; /* 32px */
	}
	.lawyer_career_desc{
		text-align:left;
	}
	.lawyer_career_desc_left{
		text-align:left;
		word-break: keep-all;
	}
	
	.lawyer_common{
		width:100%; padding-bottom:49px; display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; border-bottom: 1px dashed #BBB;
		width:100%; padding-bottom:49px; display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; border-bottom: 1px dashed #BBB;
	}
	.lawyer_common_title{
		display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; color: #000;  font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; /* 32px */
		letter-spacing:-1.5px;
	}
	.lawyer_common_desc{
		text-align:left;
		word-break: keep-all;
	}
	.btn_list{
		margin-top:105px; margin-bottom:100px; width: 126px; height: 48px;color: #000; text-align: center;  font-size: 14px; font-style: normal; font-weight: 700; line-height: 100%; /* 18px */ border-radius: 4px; border: 1px solid #D6D6D6; background: #FFF;
	}
}
@media all and (min-width: 768px){/* 브라우저 창 width가 768px보다 커지는 순간부터 적용 */
	.content_wrapper{
		width:1280px; overflow:hidden; box-sizing: border-box;padding-top: 270px;  display: flex; align-items: flex-start; justify-content: space-evenly; flex-direction:column; 
	}
	.content_intro{
		width:100%;box-sizing: border-box;   padding-left:100px; padding-right:100px; display: flex; align-items: flex-start; justify-content: space-between; flex-direction:row;
	}
	#lawyer_img{
		width:437.642px; height: 522px;; object-fit:cover;
	}
	.lawyer_title_wrapper{
		margin-top:71px;
	}
	.lawyer_title{
		color: #9B9797; font-size: 18px; font-style: normal; font-weight: 700; line-height: 150%;
	}
	.lawyer_name{
		color: #000; 	  font-size: 45px; font-style: normal; font-weight: 700; line-height: 150%;
	}
	.lawyer_info_wrapper{
		width:100%;  display: flex; align-items: flex-end; justify-content: space-evenly;flex-direction: column;
	}
	.lawyer_email_title{
		color: #000; 	  font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%;
	}
	.lawyer_email_content{
		color: #000; 	  font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%;
	}
	
	.lawyer_tel_title{
		margin-top:4px; color: #000; 	  font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%;
	}
	.lawyer_tel_content{
		color: #000; 	  font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%;
	}
	.lawyer_desc1{
		margin-top:82px; width:520px; color: #BD9540;  font-size: 27px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing:-0.5px;
	}
	.lawyer_desc2{
		margin-top:82px; width:520px; color: #BD9540;  font-size: 27px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing:-2px;
	}
	.lawyer_desc{
		margin-top:82px; width:520px; color: #BD9540;  font-size: 27px; font-style: normal; font-weight: 700; line-height: 150%; /* 30px */
	}
		.lawyer_detail{
		width:100%; margin-top:107px;box-sizing:border-box; padding-left:144px; padding-right:144px;display: flex; align-items: center; justify-content: center; flex-direction:column;
	}
	.lawyer_detail_title{
		width:100%; color: #000; padding-top:18px;padding-bottom:18px;  font-size: 27px; font-style: normal; font-weight: 700; line-height: 150%; 
	}
	.lawyer_special{
		width:100%;  padding-top:18px; padding-bottom:18px;display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; border-top: 1px dashed #BBB; border-bottom: 1px dashed #BBB;
	}
	.lawyer_special_title{
		display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; color: #000;  font-size: 16px; font-style: normal; font-weight: 400; line-height: 200%; /* 32px */
	}
	.lawyer_special_desc{
		text-align:left;
	}
	
	.lawyer_winning{
		width:100%;padding-bottom:49px;display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column;border-bottom: 1px dashed #BBB;
	}
	.lawyer_winning_title{
		display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; color: #000;  font-size: 16px; font-style: normal; font-weight: 400; line-height: 200%; /* 32px */
	}
	.lawyer_winning_desc{
		text-align:left;
	}
	.lawyer_winning_desc1{
		letter-spacing:-0.5px; text-align:left;
	}
	
	.lawyer_career{
		width:100%;padding-bottom:49px;display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column;border-bottom: 1px dashed #BBB;
	}
	.lawyer_career_title{
		display: flex; align-items: flex-start; flex-direction:row; color: #000;  font-size: 16px; font-style: normal; font-weight: 400; line-height: 200%; /* 32px */
	}
	.lawyer_career_desc{
		text-align:left;
	}
	.lawyer_career_desc_left{
		margin-left:90px; text-align:left;
	}
	
	.lawyer_common{
		width:100%; padding-bottom:49px; display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; border-bottom: 1px dashed #BBB;
		width:100%; padding-bottom:49px; display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; border-bottom: 1px dashed #BBB;
	}
	.lawyer_common_title{
		display: flex; align-items: baseline; justify-content: flex-start; flex-direction:column; color: #000;  font-size: 16px; font-style: normal; font-weight: 400; line-height: 200%; /* 32px */
	}
	.lawyer_common_desc{
		text-align:left;
	}
	.btn_list{
		margin-top:105px; margin-bottom:100px; width: 126px; height: 56px;color: #000; text-align: center;  font-size: 18px; font-style: normal; font-weight: 700; line-height: 100%; /* 18px */ border-radius: 4px; border: 1px solid #D6D6D6; background: #FFF;
	}
	
	
}