@charset "utf-8";

/*sub page css*/

h2.sb_tit { margin-top:40px; font-size:45px; line-height:50px; font-weight:400;}
p.sb_stit { margin-top:15px; font-size:25px; font-weight:400; }

#counsel_paper { border-top:1px solid #333; padding:30px 0; margin-top:40px; }
#counsel_paper .paper { margin-bottom:85px; }
#counsel_paper .paper h3 { font-size:22px; font-weight:600; margin-bottom:15px; }
#counsel_paper .paper p { font-size:17px; margin-bottom:15px; }

#counsel_paper .paper01 ul { width:100%; margin-bottom:35px;}
#counsel_paper .paper01 ul li { position:relative; display: inline-block; width:13%; text-align:center; font-size:20px; }
#counsel_paper .paper01 ul li input[type="radio"] { display: none;}
#counsel_paper .paper01 ul li input[type="radio"]:checked+label { position: relative; }
#counsel_paper .paper01 ul li input#s1[type="radio"]:checked+label:before { position: absolute; content:''; width:130px; height:25px; background:#d6e6ff; bottom:-15px; left:-29px; z-index:-1; }
#counsel_paper .paper01 ul li input#s2[type="radio"]:checked+label:before { position: absolute; content:''; width:130px; height:25px; background:#d6e6ff; bottom:-15px; left:-18px; z-index:-1; }
#counsel_paper .paper01 ul li input#s3[type="radio"]:checked+label:before { position: absolute; content:''; width:130px; height:25px; background:#d6e6ff; bottom:-15px; left:-29px; z-index:-1; }
#counsel_paper .paper01 ul li input#s4[type="radio"]:checked+label:before { position: absolute; content:''; width:130px; height:25px; background:#d6e6ff; bottom:-15px; left:-29px; z-index:-1; }
#counsel_paper .paper01 ul li input#s5[type="radio"]:checked+label:before { position: absolute; content:''; width:110px; height:25px; background:#d6e6ff; bottom:-15px; left:-29px; z-index:-1; }
#counsel_paper .paper01 .process_result { font-size:17px; font-weight:300; background:#f5f5f5; padding:15px; box-sizing: border-box;}

#counsel_paper .paper02 input#hope_area { display: inline-block; border:0; border-bottom:1px solid #9d9d9d; width:70%; padding:10px; font-size:17px; }
#counsel_paper .paper02 input#hope_area::placeholder { font-size:16px; color:#989898; }
#counsel_paper .paper02 .area_btn { display: inline-block; color: #2f4694; border: 2px solid #2f4694; border-radius: 5px; width: 285px; padding: 10px; text-align: center; font-size: 17px; font-weight: 600; margin-left: 1.5%; box-sizing:border-box; float:right; }
#counsel_paper .paper02 .area_btn input[type="checkbox"] { display: none; }

#counsel_paper .paper03 input.txt_inputbox02 { display: inline-block; border:0; border-bottom:1px solid #9d9d9d; width:41%; padding:10px; font-size:17px; }
#counsel_paper .paper03 input.txt_inputbox02::placeholder { font-size:16px; color:#989898; }
#counsel_paper .paper03 .cost_btn { float:right; width:58%; }
#counsel_paper .paper03 .cost_btn .rcm_prc_btn { display: inline-block; color: #2f4694; border: 2px solid #2f4694; border-radius: 5px; width: 285px; padding: 10px; text-align: center; font-size: 17px; line-height:21px; font-weight: 600; margin-left: 1.5%; box-sizing:border-box; }
#counsel_paper .paper03 .cost_btn input[type="radio"] { display: none; }
#counsel_paper .paper03 .cost_btn .free_cost { display: inline-block; color: #2f4694; border: 2px solid #2f4694; border-radius: 5px; width: 285px; padding: 10px; text-align: center; font-size: 17px; line-height:21px; font-weight: 600; margin-left: 1.5%; box-sizing:border-box; background:#fff; }

#counsel_paper .paper04 .time_left { display: inline-block; width:41%; }
#counsel_paper .paper04 .time_right { float:right; width:57%; }
#counsel_paper .paper04 .time_right input#orderDate_2 { background: #f5f5f5; border: 0; width: 100%; padding: 10px 20px; box-sizing: border-box; font-size: 17px; font-weight: 300; }

#counsel_paper .paper05 { margin-bottom:0; }
#counsel_paper .paper05 h3 { color:#2f4694;}
#counsel_paper .paper05 p.textCount { text-align: right; color: #333; font-weight: 300; font-size: 16px !important; margin-bottom: 5px !important; }
#counsel_paper .paper05 textarea#com_jamoon { width: 100%; height: 300px; border-radius: 5px; border: 1px solid #9d9d9d; padding: 15px; font-size: 17px; margin-bottom:35px; }
#counsel_paper .paper05 textarea::placeholder { font-size:16px; color:#989898; }
#counsel_paper .paper05 .last_agree { display: block; width: 100%; }
#counsel_paper .paper05 .last_agree input[type="checkbox"] { display: none; }
#counsel_paper .paper05 .last_agree input[type="checkbox"]+label { background:url(../img/check_basic.png) no-repeat; background-size:contain; width:25px; }
#counsel_paper .paper05 .last_agree input[type="checkbox"]:checked+label { background:url(../img/check_checked.png) no-repeat; background-size:contain; width:25px; }
#counsel_paper .paper05 label#checkBox_inner-txt_1 { font-size: 16px; line-height: 24px; padding-left:35px; width:100%}

.last_btn { text-align: center; width: 100%; margin-bottom:85px; }
.last_btn .start_btn { width: 19%; font-size: 17px; padding: 10px; font-weight: 600; border: 0; background: #2f4694; border-radius: 5px; margin-right: 10px; color:#fff; }
.last_btn .back_btn { width: 19%; font-size: 17px; padding: 10px; font-weight: 600; border: 0; background: #dcdcdc; border-radius: 5px; margin-right: 10px; color:#595959; }








/*******************0125-서브추가페이지 css********************/

/*sub03-견적 화인 및 상담신청*/
.counsel_result { font-size: 22px; font-weight: 500; margin-bottom:20px; vertical-align: baseline; }
.counsel_result span.result { font-size:27px; font-weight:700; color:#2f4694; vertical-align: baseline;}

.dt_txt { font-size:16px;}
.gray_box { background:#f8f8f8; box-sizing:border-box; padding:20px; margin-top:50px; width:100%; }
.gray_box .contbox { margin-bottom:50px; }
.gray_box .contbox_last { margin-bottom:0; }
.gray_box .contbox h3 { font-size:20px; font-weight:600; margin-bottom:15px;  }
.gray_box .contbox p { font-size:17px; }
.gray_box .contbox p.note { font-size: 14px; margin-top: 5px; }
.gray_box .contbox p.note span.red { vertical-align: baseline; color:red;}
.gray_box .contbox ul li { font-size: 17px; margin-bottom: 10px; }
.gray_box .contbox ul li span { display: inline-block; width: 15%; }
.gray_box .contbox ul li p { font-size: 14px; display: inline-block; }
.gray_box .contbox ul li.t_txt { font-size:14px; }
.gray_box .contbox ul.point li { position: relative; padding-left:15px; line-height : 25px; }
.gray_box .contbox ul.point li span { width:15px; position:absolute; left:0; }

.last_btn02 .start_btn, .last_btn02 .back_btn { width:25%; }


/*sub04-견적 확인 및 상담신청*/

.counsel_paper_tw { margin-bottom:0px !important; }
.counsel_paper_tw .paper01 ul li:last-child { width:100% !important; max-width:342px; }
.counsel_paper_tw .paper01 input#hope_area { display: inline-block; border:0; border-bottom:1px solid #9d9d9d; width:100%; padding:10px; font-size:17px; }

.counsel_paper_tw .paper02 h3 { display: inline-block; vertical-align: top;}
.counsel_paper_tw .paper02 input#hope_area { float:right; width:90% !important; box-sizing: border-box; margin-top:-14px; }

.counsel_paper_tw .paper03 { position:relative; }
.counsel_paper_tw .paper03 .sct_list01 { position:absolute; right:0; top:22px; width:55%; }
.counsel_paper_tw .paper03 .sct_list01 ul li { display: inline-block; width: 23%; position:relative; }
.counsel_paper_tw .paper03 .sct_list01 ul li input[type="radio"] { display: none;}
.counsel_paper_tw .paper03 .sct_list01 ul li input[type="radio"]+label { position:absolute; width:100%; background:url(../img/check_lite.png) no-repeat; background-size:contain; padding-left:40px; color:#a5a5a5; font-size:17px; height:25px; padding-top:2px; }
.counsel_paper_tw .paper03 .sct_list01 ul li input[type="radio"]:checked+label { background:url(../img/check_checked.png) no-repeat; background-size:contain; color:#2f4694; }
.counsel_paper_tw .paper03 label#checkBox_inner-txt_1 { font-size: 16px; line-height: 35px; padding-left:35px; }

.counsel_paper_tw .paper04 .proof_check ul li { margin-bottom:10px; }
.counsel_paper_tw .paper04 .proof_check ul li input[type="radio"] { display: none;}
.counsel_paper_tw .paper04 .proof_check ul li input[type="radio"]+label { width:100%; background:url(../img/check_lite.png) no-repeat; background-size:24px; padding-left:40px; color:#a5a5a5; font-size:17px; }
.counsel_paper_tw .paper04 .proof_check ul li input[type="radio"]:checked+label { background:url(../img/check_checked.png) no-repeat; background-size:24px; color:#2f4694; }
.counsel_paper_tw .paper04 label#checkBox_inner-txt_1 { font-size: 16px; line-height: 35px; padding-left:35px; }

.counsel_paper_tw .paper05 { margin-bottom:85px !important; clear:both; }
.counsel_paper_tw .paper05 h3 { color:#191919 !important; }
.counsel_paper_tw .paper05 .info_check { display: inline-block; margin-right:20px; margin-bottom:20px; }
.counsel_paper_tw .paper05 .info_check input[type="checkbox"] { display: none; }
.counsel_paper_tw .paper05 .info_check input[type="checkbox"]+label { background:url(../img/check_lite.png) no-repeat; background-size:24px; width:25px; color:#a5a5a5; }
.counsel_paper_tw .paper05 .info_check input[type="checkbox"]:checked+label { background:url(../img/check_checked.png) no-repeat; background-size:24px; width:25px; color:#2f4694;  }
.counsel_paper_tw .paper05 label#checkBox_inner-txt_1 { font-size: 16px; line-height: 35px; padding-left:35px;  }

.counsel_paper_tw .paper06 input#address_put { display: inline-block; border:0; border-bottom:1px solid #9d9d9d; width:100%; padding:10px; font-size:17px }

.counsel_paper_tw .paper07 input#address_put { display: inline-block; border:0; border-bottom:1px solid #9d9d9d; width:100%; padding:10px; font-size:17px }

.counsel_paper_tw .paper08 { margin-bottom:0 !important;}
.counsel_paper_tw .paper08 p.textCount { text-align: right; color: #333; font-weight: 300; font-size: 16px !important; margin-bottom: 5px !important; }
.counsel_paper_tw .paper08 textarea#com_jamoon { width: 100%; height: 300px; border-radius: 5px; border: 1px solid #9d9d9d; padding: 15px; font-size: 17px; margin-bottom:35px; }
.counsel_paper_tw .paper08 textarea::placeholder { font-size:16px; color:#989898; }

.counsel_paper_tw .paper09 { margin-bottom:85px !important; clear:both; }
.counsel_paper_tw .paper09 input#mb_name { display: inline-block; border:0; border-bottom:1px solid #9d9d9d; width:100%; padding:10px; font-size:17px }

.counsel_paper_tw .paper10 input.mb_hp { display: inline-block; border:0; border-bottom:1px solid #9d9d9d; width:30%; padding:10px; font-size:17px }
@media all and (max-width:700px) {
	.counsel_paper_tw .paper05 .info_check { width:100%; }
}

.info_check #checkBox_inner-txt_1{max-width:100%; padding-top:0;}
/*sub04-비대면 소액재판 */


/*sub_viusal*/
#sub_visual { padding:170px 0 150px; height:100%; background:#fff url(../img/visual_illust.jpg) no-repeat;background-size:600px; background-position:70% 50%; border-radius: 0 0 250% 250%; position:relative; z-index: 1;}
#sub_visual .wrap  { position:relative; }
#sub_visual .wrap p.s_visual_blue { font-size:30px; line-height:40px; color:#2f4694; border-bottom:2px solid #2f4694; font-weight:600; margin-bottom:20px; transition:all 0.4s; display:inline-block; }
#sub_visual .wrap p.s_visual_blue2 { width:100%;font-size:28px; line-height:40px; color:#2f4694; font-weight:600; margin-bottom:20px; transition:all 0.4s; display:inline-block; }
#sub_visual .wrap h2.s_visual_tit { font-size:45px; line-height:52px; font-weight:500; color:#000; margin-bottom:40px; transition:all 0.4s; }

#sub_visual .wrap p.visual_btn { display: inline-block; width:100%; max-width:220px; text-align:center; border-radius:5px; transition:all 0.4s; background:#2f4694;}
#sub_visual .wrap p.visual_btn a { display: block; box-sizing: border-box; padding:20px 25px; font-size:24px; font-weight: 600; color:#fff; width:100%; height:100%; }

#sub_visual .img_position { position:absolute; right:15%; top:135px; width:600px; }
#sub_visual .img_position img { display:block; width:100%;}

.sub_contents01 { margin-top:-300px; padding-top:350px; padding-bottom:30px; background:url(../img/sub_contents01_bg.jpg) no-repeat center; background-size:cover; position:relative; z-index:0; }
.sub_contents01 h2 { font-size:35px; line-height:45px; font-weight:600; margin-bottom:50px; text-align:center;  }
.sub_contents01 .price_box { width: 100%; }
.sub_contents01 .price_box .pbox { position:relative; display: inline-block; width: 49%; border: 1px solid #ddd; background: rgba(255,255,255,0.5); border-radius: 10px; vertical-align: top; padding: 20px; height:100%; min-height:390px; }
.sub_contents01 .price_box .pbox01 { margin-right:1%;}
.sub_contents01 .price_box .pbox h2 { font-size:35px; text-align:left; margin-bottom:30px;}
.sub_contents01 .price_box .pbox p.vat { font-size:25px; border-bottom:1px solid #d5d5d5; margin-bottom:20px; padding-bottom:20px; }
.sub_contents01 .price_box .pbox p.vat span { color:#2f4694; display: inline-block; vertical-align: baseline; }
.sub_contents01 .price_box .pbox p.sm_inf01 { font-size:15px; margin-bottom:30px; }
.sub_contents01 .price_box .pbox p.sm_inf02 { font-size:16px; line-height:26px; margin-bottom:5px; }
.sub_contents01 .price_box .pbox ul li { position: relative; padding-left: 10px; font-size: 16px; line-height: 26px; }
.sub_contents01 .price_box .pbox ul li span { position: absolute; left:0; } 
.sub_contents01 .price_box span.right_under { position:absolute; right:20px; bottom:20px; }
.sub_contents01 h1.highlight_txt { display:block; width:100%; text-align: center; font-size: 45px; line-height: 55px; margin: 40px 0; position: relative; }
.sub_contents01 h1.highlight_txt span { display: inline-block; color:#2f4694; vertical-align: baseline;}
.sub_contents01 h1.highlight_txt:before { content:""; display: block; width: 780px; height: 40px; background:#d6e6ff; z-index: -1; position:absolute; left:0; right:0; margin:0 auto; top: 25px; }

.sub_contents02 { padding:50px 0 0; }
.sub_contents02 h2 { font-size:35px; line-height:45px; font-weight:600; margin-bottom:50px; text-align:center;  }
.sub_contents02 .questions { list-style: none;margin: 0;padding: 0;overflow: hidden; text-align:center; border-bottom:1px solid #333; }
.sub_contents02 .questions li { display: inline-block; width: 18%;text-align: center;}
.sub_contents02 .questions li a { display: inline-block;color: #000;text-align: center;text-decoration: none;padding:15px 10px;font-size: 22px;transition: 0.3s; width:100%; box-sizing:border-box; }
.sub_contents02 .tabcontent { display: none;background-color:#fff;padding: 6px 12px;color:#333;}
.sub_contents02 ul.questions li.current{ border-bottom:3px solid #2f4694; }
.sub_contents02 .tabcontent.current { display: block;}

.sub_contents02 .accordianNav { width: 100%; background: #fff; margin-top: 15px; }
.sub_contents02 .accordianNav a, .sub_contents02 .accordianNav h3 { display: block; color: #000; letter-spacing: -0.5px; position: relative; z-index: 1; cursor: pointer; font-size: 20px; font-weight: 400; margin-bottom: 0; padding:25px 0; }
.sub_contents02 .accordianNav a { text-decoration: none; padding-left: 0; }
.sub_contents02 .accordianNav h3 img { width:35px; border:none; vertical-align:middle; margin:0 23px; }

/* Background hover animation. */
.sub_contents02 .accordianNav h3:before { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 100%; transition: all 0.3s ease-out; }
.sub_contents02 .accordianNav h3:hover:before,
.sub_contents02 .accordianNav .dropArrow.active:before { width: 2%; }
.sub_contents02 .accordianNav .dropArrow span {  display: inline-block; font-size:22px; color:#2f4694; vertical-align: baseline; margin-right:15px; font-weight: 500; }
.sub_contents02 .accordianNav .dropArrow:after { content: ""; width: 20px; height: 20px; border-bottom: 2px solid #2f4694; border-right: 2px solid #2f4694; float: right; position: relative; top: 12px; right: 25px; transform: rotate(45deg); transform-origin: center; }
.sub_contents02 .accordianNav .dropArrow.active { color:#2f4694; font-weight:600; }
.sub_contents02 .accordianNav .dropArrow.active:after { transform: rotate(-135deg); border-color: #2f4694; }

/* +Hover and Touch effect */

.sub_contents02 .accordianNav a:hover,
.sub_contents02 .accordianNav a:active,
.sub_contents02 .accordianNav h3:hover,
.sub_contents02 .accordianNav h3:active,
.sub_contents02 .accordianNav h3.dropArrow:hover:after,
.sub_contents02 .accordianNav h3.dropArrow:active:after { 
-webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88); }
.sub_contents02 .accordianNav li { list-style-type: none; }
.sub_contents02 .accordianNav a { transform: translate(0px, 0px); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

/*Drop links*/
.sub_contents02 .accordianNav ul ul li a { padding: 0 0 0 2.5em; }
.sub_contents02 .accordianNav li ul.box2 li { width:90%; margin-left:35px; display:inline-block; border:none; padding:10px 0; font-size:17px; line-height:25px; }


/*hover effect on links*/
.sub_contents02 .accordianNav ul ul li a:hover { transform: translate(8px, 0px); }

/*Hide and show the drops*/
.sub_contents02 .accordianNav ul ul { display: none; }
.sub_contents02 .accordianNav li.active ul { display: block; }

.sub_contents02 .counsel_btn { font-size: 23px; font-weight: 600; background: #2f4694; border-radius: 5px; width: 320px; margin: 0 auto; margin-top: 50px; margin-bottom:100px; }
.sub_contents02 .counsel_btn a { color:#fff; padding: 17px 25px; width:100%; height:100%; box-sizing:border-box; text-align:center; }