@charset "utf-8";

/*반응형*/

@media all and (max-width:1700px){

    /*main*/
    #visual .video_position { right:10%; }
    #visual .ipad_video { width:85%; right:-100px; transition: all 0.4s;}

}

@media all and (max-width:1600px){
    .wrap { padding:0px; transition: all 0.4s;}
    #visual .ipad_video:before { display: none;}

    button.slick-prev.slick-arrow, button.slick-next.slick-arrow { display: none !important;}
}

@media all and (max-width:1400px){
}

@media all and (max-width:1300px){

    /*main*/
    #visual { padding:120px 0; text-align:center; max-height:inherit;}
    #visual .wrap p.visual_stit { margin-bottom:20px; }
    #visual .wrap h2.visual_tit { font-size:35px; line-height: 45px; margin-bottom:25px; }
    #visual .wrap ul.visual_btn li { padding:13px 25px; }
    #visual .wrap ul.visual_btn li a { font-size:20px;}

    #visual .ipad_video { width:520px; text-align:center; margin:0 auto; margin-top:40px; }
    #visual .video_position { position:inherit; right:inherit; }
    #visual .video_position .ipad_video { right:inherit; }

    
}

@media all and (max-width:1201px){
}

@media all and (max-width:1100px){

    /*sub*/
    #counsel_paper .paper02 input#hope_area { width:550px; transition: all 0.4s;}
    #counsel_paper .paper02 .area_btn { width:30%; transition: all 0.4s; }
    #counsel_paper .paper03 input.txt_inputbox02 { width:340px; transition: all 0.4s;}
    #counsel_paper .paper03 .cost_btn { width:55%; transition: all 0.4s;}
    #counsel_paper .paper03 .cost_btn .rcm_prc_btn, #counsel_paper .paper03 .cost_btn .free_cost { width:48%; transition: all 0.4s;}


}

@media all and (max-width:1000px){
}


@media all and (max-width:900px){

    /*main*/
    .wrap { padding:0 40px; }

    #visual { padding:120px 0 50px; }
    #visual .wrap p.visual_stit { font-size:18px; margin-bottom:10px;}
    #visual .wrap h2.visual_tit { font-size:30px; line-height: 40px; margin-bottom:20px;}
    #visual .wrap ul.visual_btn li { padding:8px 25px; max-width: 195px;}
    #visual .wrap ul.visual_btn li a { font-size:18px;}

    #visual .ipad_video { width:400px; }
    #visual .ipad_video video { top:50px; left:13px;}

    .visual_bar { padding:13px 0; }
    .visual_bar .wrap img { width: 140px; }
    .visual_bar .wrap p { font-size:21px; line-height: 29px;}

    .contents01 { padding:50px 0; }
    .contents01 h2 { font-size:27px; line-height: 35px; margin-bottom:60px; }

    .slide-item a h3 { font-size:18px; margin-bottom:3px; }
    .slide-item a h3 span { font-size:15px;}
    .slide-item a p.lawyer_name { font-size:14px; margin-bottom:0; }
    .slide-item a p.lawyer_group { font-size:10px; }
    .slide-item a p.con_com { font-size:14px; top:48px;}
    .slide-item a ul li { font-size:13px; line-height: 18px;}
    .slide-item a ul li.time { font-size:12px; margin-top:6px; }

    .contents02 { padding:50px 0; }
    .contents02 h2 { font-size:27px; line-height: 35px; margin-bottom:30px; }
    .contents02 p { font-size:20px; line-height: 30px; margin-bottom:25px; }
    .contents02 .counsel_btn { font-size:19px; }

    .contents03 { padding:50px 0; }
    .contents03 h2 { font-size:27px; line-height: 35px; margin-bottom:30px; }
    .contents03 p { font-size:20px; line-height: 30px; margin-bottom:25px; }
    .contents03 ul li p.timer.count-title.count-number, .contents03 ul li p.txt { font-size:33px; margin-bottom:20px; }
    .contents03 ul li p.count-text { font-size:16px; line-height: 23px;} 
    .contents03 p.dec { font-size:13px; }

    .contents04 { padding:50px 0; }
    .contents04 h2 { font-size:27px; line-height: 35px; margin-bottom:30px; }
    .contents04 .questions li a { padding:10px; font-size:18px; }
    .contents04 .accordianNav a, .contents04 .accordianNav h3 { padding:20px 0; font-size:18px; }
    .contents04 .accordianNav li ul.box2 li { font-size:14px; line-height:20px; padding:5px 0; }

    .contents05 { padding:70px 0;}
    .contents05 h1 { font-size:40px; }
    .contents05 .counsel_btn { font-size:19px; margin-top:60px;}

    footer { padding:40px 0;}
    footer ul li a { font-size:13px; }
    footer .ft_list p { font-size:12px; }
    footer .ft_logo { width:160px; }

    /*sub*/
    h2.sb_tit { font-size:35px;}
    p.sb_stit { font-size:20px;}
    #counsel_paper { padding:30px 0; margin-top:30px; margin-bottom:15px; }
    #counsel_paper .paper p { font-size: 15px; } 
    #counsel_paper .paper h3 { font-size:18px;}

    #counsel_paper .paper01 ul { margin-bottom: 25px; }
    #counsel_paper .paper01 ul li { width: 14%; font-size: 18px; }
    #counsel_paper .paper01 ul li input#s1[type="radio"]:checked+label:before { width: 110px; height: 25px; left: -21px; }
    #counsel_paper .paper01 ul li input#s2[type="radio"]:checked+label:before { width: 110px; height: 25px; left: -11px; }
    #counsel_paper .paper01 ul li input#s3[type="radio"]:checked+label:before { width: 110px; height: 25px; left: -21px; }
    #counsel_paper .paper01 ul li input#s4[type="radio"]:checked+label:before { width: 110px; height: 25px; left: -21px; }

    #counsel_paper .paper02 input#hope_area { width: 460px; }
    #counsel_paper .paper03 input.txt_inputbox02 { width: 300px; } 

    #counsel_paper .paper04 .time_right { margin-top:10px; }
    #counsel_paper .paper04 .time_right input#orderDate_2 { font-size:13px; }

    #counsel_paper .paper05 textarea#com_jamoon { font-size:15px; }
    #counsel_paper .paper05 p { margin-bottom:5px; }
    
}

@media all and (max-width:750px){

    /*sub*/
    p.sb_stit { font-size: 18px; word-break: keep-all; line-height: 28px; }

    #counsel_paper .paper01 ul li { width:24%; }

    #counsel_paper .paper02 input#hope_area { width:100%; }
    #counsel_paper .paper02 .area_btn { width:30%; margin-top:15px; }

    #counsel_paper .paper03 input.txt_inputbox02 { width:100%;}
    #counsel_paper .paper03 .cost_btn { width:100%; margin-top:15px; margin-bottom:60px;}

    #counsel_paper .paper04 .time_right { width:100%; margin-bottom:60px; }

    .last_btn .start_btn, .last_btn .back_btn { width:45%; }

}

@media all and (max-width:700px){

    /*main*/
    .wrap { padding: 0 20px;}

    header nav ul { margin-left:0;}
    header nav ul li { margin:0 10px;}

    #visual .wrap h2.visual_tit { font-size: 26px; line-height: 35px; } 
    #visual .wrap ul.visual_btn li { max-width:170px;}
    #visual .wrap ul.visual_btn li a { font-size:15px; }
    #visual .ipad_video { width: 350px; } 

    .visual_bar .wrap img { width: 100px; } 
    .visual_bar .wrap p { font-size: 17px; line-height: 22px; }

    .contents01 h2 { margin-bottom:20px; }
    .slick-list .slick-center .slide-item { border:0; margin-top:0;}

    .contents02 h2 { font-size: 20px; line-height: 25px; margin-bottom: 20px; }
    .contents02 p { font-size: 16px; line-height: 22px; } 
    .contents02 ul li { width: 50%; margin: 0 auto; margin-bottom: 50px; } 
    .contents02 ul li:after { display: none;}
    .contents02 ul li span { font-size:17px;}
    .contents02 .counsel_btn { margin-top:10px; font-size:15px; padding:12px 25px;}
    
    .contents03 h2 { font-size: 20px; line-height: 25px; margin-bottom: 20px; }
    .contents03 p { font-size: 16px; line-height: 22px; } 
    .contents03 ul li.col_fourth { width: 100%; margin: 0 auto; padding: 0; margin-bottom: 40px; margin-top: 10px; }

    .contents04 h2 { font-size: 20px; line-height: 25px; margin-bottom: 20px; }
    .contents04 p { font-size: 16px; line-height: 22px; } 
    .contents04 .questions li { width:32%;}
    .contents04 .questions li a { padding: 8px; font-size: 15px; }

    .contents04 .accordianNav a, .contents04 .accordianNav h3 { padding: 12px 0; font-size: 15px; }
    .contents04 .accordianNav .dropArrow span { font-size:17px; }
    .contents04 .accordianNav .dropArrow:after { width:14px; height:14px; top:0; }
    .contents04 .accordianNav li ul.box2 li { font-size:13px; }

    .contents05 h1 { font-size: 30px; margin-bottom:20px; }
    .contents05 h1:before { height:30px;}
    .contents05 .counsel_btn {font-size: 17px; margin-top: 30px; padding:12px 25px }

    footer .ft_logo { width: 130px; float: inherit; margin-bottom: 30px; }
    footer ul { margin-bottom: 30px; }

    

}


@media all and (max-width:500px) {

    /*main*/
    header nav a.hd_logo { width:55px; }
    header nav ul li a { font-size:13px; }

    /*sub*/
    .last_btn .start_btn, .last_btn .back_btn { width:40%; }

	.counsel_paper_tw .paper05 .info_check .address { margin-right:100px; }
}

@media all and (max-width:480px) {

    /*main*/
    
    .slick-list .slick-center .slide-item { border:3px solid #2f4694; margin-top:0;}

	.counsel_paper_tw .paper05 .info_check .address { margin-right:100px; }
}