/*heder top */
.subBg{width:100%;height:175px;display:flex;align-items:center;justify-content:center;background:url('/img/pages/intro_bg.jpg') no-repeat center center;background-size:cover;}
.subBg .subTitle > div{text-align:center;color:white;}	
.subBg div.stitle{font-size:28px;font-weight:400;}
.subBg div.btitle{font-size:48px;line-height:56px;font-weight:500;}

#subNavCon{width:100%;border-bottom:1px solid #ccc;box-shadow: 0px 2px 5px rgba(0,0,0,0.1);}


#subNavCon .subNav{width:1170px;height:40px;margin:0px auto;display:flex;align-items:center;justify-content:flex-end;letter-spacing:-0.05em;}
#subNavCon .subNav a,  #subNavCon .subNav span{display:inline-block;font-size:16px;font-family:'chosun_myungjo';color:#7b7b7b}
#subNavCon .subNav span.arrow{padding:0px 10px;}

a.btn.btn-secondary{color:white;font-weight:normal;}


/*header title*/
.groupTitle{font-size:38px;font-weight:500;}
.groupTitle .pgTitle{width:100%;display:flex;justify-content:center;border-bottom:1px solid rgba(0,0,0,0.3);}
.groupTitle .pgTitle > div{width:100%;max-width:630px;display:flex;align-items:center;justify-content:center;height:110px;border-bottom:1px solid #dbdbdb;}

.groupTitle .pgNav{width:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,0.3);}
.groupTitle .pgNav a{display:inline-block;margin:0px 3px;padding:0px 25px;height:37px;line-height:37px;font-size:18px;color:#ccc;}
.groupTitle .pgNav a:hover, .groupTitle .pgNav a.on{margin-bottom:-1px;border-bottom:3px solid #5c7493;font-weight:700;color:#5c7493;}



/*introduce */
.introCont{width:100%;padding-bottom:80px;background-color:#f1f1f1}
.pcontainer{width:1200px;min-width:980px;margin:0px 250px 150px;}
.introTop{margin-bottom:50px;padding-top:50px;display:flex;justify-content:space-between;}
.introTop .head{}
.introTop .head .stitle{line-height:60px;font-size:42px;}
.introTop .head .btitle{color:#000000;line-height:60px;font-size:42px;font-weight:500;}
.introTop .head .bar{padding:20px 0px; font-size:42px;color:#5c7493;}
.introTop .head .texter{font-size:24px;line-height:36px;}
.introTop .text{font-size:18px;line-height:43px;margin-right: 50px;}
.intro_image{position:relative;margin-top:-80px;margin-bottom:30px;padding-top:15px;border-top:5px solid #71706d;}
.intro_image > div{width:100%;height:360px;background:url('/img/pages/introduce01.jpg') no-repeat center center;background-size:cover;}


/*pages */
.pageContent{padding:40px 0px 0px 0px;}
.pcTitle{display:flex;align-items:center;}
.pcTitle .pcNum{font-size:42px;font-weight:900;color:white;margin-right:20px;display:flex;align-items:center;justify-content:center;width:55px;height:55px;background-color:#1a334c;font-family:'S-CoreDream';box-shadow: 3px 3px 3px rgba(26,51,76,0.5);}
.pcTitle .pcVline{margin-right:20px;display:block;width:10px;height:55px;background-color:#1a334c;box-shadow: 3px 3px 3px rgba(26,51,76,0.5);}

.pcTitle .pcName{font-size:28px;font-weight:600;color:#1a334c;}
.pcCont{margin-bottom:30px;padding:25px 0px;font-size:18px;line-height:30px;color:#1a334c;border-bottom:1px solid #1a334c;text-align:justify;}
.pcCont.noBorder{border-bottom:0px;}
.pcCont2{width:100%;padding:15px 15px 20px 15px;font-size:18px;line-height:30px;color:#1a334c;background-color:#e7ecf2}


/*help box*/
.pcsBox{width:100%;}
.pcsBox .pcsTitle{margin-bottom:5px;display:flex;align-items:center;font-size:23;font-weight:700;color:#1a334c;}
.pcsBox .pcsTitle .rectangle {margin-right:15px;width: 10px;height: 10px;background: #1a334c;}
.pcsBox .pcsTitle .text{font-size:23px;font-weight:700;color:#1a334c;}
.pcsBox .pcsText{margin-bottom:30px;padding:20px 30px;background-color:#f6f6f6;border-color:#c5c3c3;font-size:18px;line-height:30px;color:#1a334c}
.pcsBox .pcsText .stext{margin-bottom:15px;}
.pcsBox .pcsText .sstitle{margin-bottom:5px;font-weight:700;}
.pcsBox .pcsText .sstext{margin-bottom:20px;}	

/*help box 2*/
.pcsCardCon{width:780px;margin:30px auto;}
.pcsCard{}
.pcsCard .titleBox{width:100%;height:45px;line-height:45px;background-color:#1a334c;color:white;text-align:center;}
.pcsCard .textBox{padding:25px 20px;background-color:#fafafa;font-size:16px;line-height:22px;color:#2f2f2f;border:1px solid #ddd;text-align:center;}
.pcsArrow{padding:10px 0px;text-align:center;font-size:23px;}

.lawyer_container{margin:30px 0px;}
.content.lawyer_con{margin-top:0px;width:1200px;margin:0px auto;}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}



/*온라인상담*/
#callContBox{margin:15px 0px;background-color:#ffffff;}
#callCont{width:1200px;margin:0px auto;padding:0px 0px;}
#callCont .title{margin-bottom:0px;font-size:26px;text-align:center;color:#5c7493;font-weight:350;}
#callCont .title .notice{font-weight:bold;}
#callCont .stitle{font-size:18px;font-weight:350;color:#5c7493;text-align:center;}
.call_step{text-align:center;padding:30px 0px;}
#callCont .callBox{margin:0px auto;margin-bottom: 30px; padding:0px;display:flex;align-items:center;width:850px;height:200px;background-color:#ebebeb;}
.callBox .callWrite{width:calc(100% - 245px);padding:20px 80px 0px 80px;}

.callWrite .callBtn{width:100%;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;}
.callWrite .callBtn li{width:50%; margin-bottom:10px;display:flex;align-items:center;}
.callWrite .callBtn li input{width:20px;height:20px;margin-right:5px;}
.callWrite .callBtn li label{margin:0px;font-size:19px;color:#5c7493}

#callCont .callWrite .cellBox{margin-bottom:10px;width:100%;display:flex;align-items:center;}
#callCont .callWrite .cellBox input{width:30%;height:45px;font-size:21px;text-align:center;border-color:#e1e1e1;}
#callCont .callWrite .cellBox span{width:5%;font-size:15px;text-align:center;}
#callCont .callWrite button{width:100%;height:50px;background-color:#5c7393;color:white;text-align:center;font-size:19px;border:0px;}

#callCont .agreeBox{margin-bottom:5px;display:flex;align-items:center;}
#callCont .agreeBox input{width:20px;height:20px;margin-right:5px;}
#callCont .agreeBox label{margin:0px;}
.callBox .callBanner{display:flex;align-items:center;justify-content:center;width:245px;height:200px;background-color:#5c7393;color:white;}
.callBox .callBanner > div{width:100%;text-align:center;}
.callBanner .callb_image{margin-bottom:30px;}
.callBanner .callb_text1{margin-bottom:10px;font-size:19px;font-weight:350;line-height:1em;}
.callBanner .callb_text2{margin-bottom:10px;font-size:30px;font-weight:bold;line-height:1em;}
.callBanner .callb_text3{font-size:19px;font-weight:400;line-height:1em;}


/*board page */
.boBody{width:1180px;margin:15px auto 30px auto;}
#blist table thead th{font-size:21px;font-weight:700;text-align:center;}
#blist span.re_ok{padding:2px 4px;background-color:#0072bc;font-size:15px;font-family:'Noto Sans KR';}
#bo_v #bo_v_con{width:890px;font-size:18px;line-height:30px;font-family:'Noto Sans KR';}
#bread .rtop{display:flex;align-items:center;}
#bread .rtop dt{margin-bottom:20px;font-size:23px;padding:0px;}
#bread .rtop span{display:inline-block;line-height:initial;position:static;margin-right:10px;}
#bo_w .table_form{width:100%;}
#bo_w .table_form td{padding:10px 0px;}
#bo_w  input[type="text"]{height:30px;}


/*제휴문의*/
.contForm .table_form{padding:30px 0px;}
.contForm .table_form2{width:100%;padding:30px 0px;}

.table_form{width:100%;border-top:2px solid #aaa;}
.table_form tr{}

.table_form td{padding:10px 5px;font-size:14px;}
.table_form td.head{width:20%;min-width:80px;font-weight:bold;font-family:'Noto Sans KR';}
.table_form td.text{}
.table_form td input[type='text']{width:95%;max-width:200px;}
.table_form td{border-bottom:1px solid #ccc;}
.table_form input[type='text'], .table_form input[type='password'],.table_form select{border-radius:0px;width:100%;max-width:200px; font-size:13px;}

.table_form2 tr{}
.table_form2 td{padding:10px 5px;font-size:14px;}
.table_form2 td.head{width:80px;font-weight:bold;}
.table_form2 td.text{}
.table_form2 td input[type='text']{width:95%;max-width:200px;}

.form_radio{display:flex;align-items:center;}
.form_radio input{width:15px;height:15px;margin-right:5px;}
.form_radio label{margin:0px;margin-right:15px;}

.form_hp{display:flex;align-items:center;}
.form_hp span{margin:0px 5px;}


/*자주묻는질문*/
#faqList{border-top:1px solid #1a334c;border-bottom:1px solid #1a334c;margin-bottom:30px;}

#faqList button.btn{height:auto;}
#faqList .card-header{background-color:transparent;}
#faqList .card{border:0px;}

#faqList .cardCont {width:100%;padding:45px 80px;background-color:#f5f5f5; border-bottom:1px solid #eee;}

#faqList .faqContBox{}

#faqList .pcAnswer{display:flex;}
#faqList .pcAnswer .faqNum{margin-right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:white;background-color:#0072bc}
#faqList .faqContBox{width:calc(100% - 40px);}
#faqList .faqSubject{margin-bottom:20px;font-size:21px;font-weight:700;color:#1a334c;}
#faqList .faqCont{font-size:21px;line-height:40px;text-align:justify;color:#1a334c;}
#faqList .pcNum{padding-bottom:7px}


#bo_v #bo_v_con p{margin-bottom:0px;}

@media (max-width: 890px){
	.subBg{height:35vw;background-image:url('/img/mobile/sub_topbg.jpg');}
	.subBg div.stitle{font-size:21px;}
	.subBg div.btitle{font-size:26px;line-height:40px;}

	.mBody{padding:0px 15px;}
	.intro_mimg{width:100%;margin-bottom:20px;}
	.intro_mimg img{width:100%;}

	.mpTitle{position:relative;padding:15px 0px 8px 0px;margin-bottom:6px;font-weight:500;font-size:18px;color:#555555;}
	.mpTitle:after{display:block;position:absolute;content:"";bottom:0px;left:0px;width:20px;height:2px;background-color:#555;}
	
	.mpsubTitle{margin-bottom:10px;font-size:24px;line-height:34px;color:#555;font-weight:350;}

	.mpTextBox{margin-bottom:30px;font-size:16px;line-height:28px;color:#555;text-align:justify;}

	.mBody .pcontainer{width:100%;min-width:auto;margin:0px;}
	.groupTitle{font-size:18px;}

	.groupTitle .pgNav a{padding:0px 11px;height:40px;}
	
	.pcTitle .pcNum{margin-right:10px;width:35px;height:35px;font-size:23px;}
	.pcTitle .pcName{font-size:19px;}
	.pcCont , .pcCont2{font-size:16px;line-height:26px;}

	.mBody.lawyer{padding:0px;}
	.mBody.location{padding:0px;}
	
	.slistBox{width:100%}
	.slistBox li{width:33.3%;}


	#pgNavSwipe{width:100%;height:40px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.3);}
	#pgNavSwipe .swiper-container{width:100%;}
	#pgNavSwipe .swiper-container .swiper-slide{width:auto;}
	#pgNavSwipe a{display:inline-block;height:40px;line-height:40px;padding:0px 15px;color:#ccc;}
	#pgNavSwipe a.on{margin-bottom:-1px;border-bottom:3px solid #5c7493;font-weight:700;color:#5c7493;}

	.pcTitle .pcVline{height:45px;}

	.pcsBox .pcsTitle{font-size:21;}
	.pcsBox .pcsTitle .text{font-size:16px;}
	.pcsBox .pcsText{margin-bottom:20px;padding:15px 20px;font-size:16px;line-height:28px;}
	.pcsBox .pcsText .stext{margin-bottom:10px;}
	.pcsBox .pcsText .sstitle{margin-bottom:5px;font-weight:700;}
	.pcsBox .pcsText .sstext{margin-bottom:15px;}	


	.pcsCardCon{width:100%;margin:15px auto;}
	.pcsCard .titleBox{width:100%;height:40px;}
	.pcsCard .textBox{padding:20px 10px;font-size:16px;line-height:25px;text-align:left;}




	/*자주묻는질문*/

	
	.card .card-header{padding:5px 0px;}

	/*자주묻는질문*/
	#faqList .cardCont {padding:12px 0px;}
	#faqList .faqContBox{}
	#faqList button.btn{padding-left:5px;}


	#faqList .pcAnswer{display:block;}
	#faqList .pcAnswer .faqNum{display:none;}
	#faqList .faqContBox{width:100%;padding:5px 10px;}
	#faqList .faqSubject{margin-bottom:15px;font-size:18px;font-weight:700;color:#1a334c;}
	#faqList .faqCont{padding;15px 10px;font-size:16px;line-height:30px;text-align:justify;color:#1a334c;}
	#faqList .pcNum{display:none;}

	#callCont{width:100%;}

	.swiper-slide{height:auto;}

}