@charset "utf-8";

/*반응형*/
@media all and (min-width:2600px){
    #visual .video_position { right:28% !important; } 
}
@media all and (min-width:2400px){
    #visual .video_position { right:25% !important; } 
}
@media all and (min-width:2300px){
    #visual .video_position { right:23%; } 
}
@media all and (min-width:2000px){
    #visual .video_position { right:20%; } 
}
@media all and (max-width:1700px){

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

}

@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; }
    .order_form_btn{
        margin: 0 auto;
    }
    /*
    #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; }
    .order_form_btn{
        margin: 0 auto;
    }
    */
    
}

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

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

    /*sub*/
    #counsel_paper div.paper02 input#hope_area { width:550px; transition: all 0.4s;}
    #counsel_paper .paper02 div.area_btn { width:30%; transition: all 0.4s; }
    #counsel_paper .paper03 input.txt_inputbox02 { width:340px; transition: all 0.4s;}
    #counsel_paper .paper03 div.cost_btn { width:55%; transition: all 0.4s;}
    #counsel_paper div.paper03 div.cost_btn .rcm_prc_btn, #counsel_paper div.paper03 div.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;}
    
/*
    #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:16px; }
    .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;letter-spacing: -1px;}
    footer .f_img_wrap .ft_logo { width:160px; }

    /*sub*/
    h1.sb_tit_top { font-size:35px; margin-top: 30px;}
    div.wrap p.sb_stit { font-size:20px;}
    #counsel_paper { padding:30px 0; margin-top:30px; margin-bottom:15px; }
    #counsel_paper div.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#s4[type="radio"]:checked+label:before { width: 110px; height: 25px; left: -21px; }
    #counsel_paper .paper01 ul li input#s5[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 div.paper04 .time_right { margin-top:-10px; }
    #counsel_paper .paper04 div.time_right input#orderDate_2 { font-size:13px; }

    #counsel_paper div.paper05 textarea#com_jamoon { font-size:15px; }
    #counsel_paper div.paper05 p { margin-bottom:5px; }
    #counsel_paper .paper05 .last_agree{
        height: 72px;
        line-height: 35px;
    }
    
}

@media all and (max-width:750px){
    #visual{padding: 50px 0;}

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

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

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

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

    div.last_btn .start_btn, div.last_btn .back_btn { width:30% !important; }
    #counsel_paper .paper05 .last_agree{
        height: 72px;
        line-height: 35px;
    }
    .order_form_btn{

        padding: 12px 25px;
    }
    .order_form_btn a{
        font-size: 18px;

    }

}

@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; } 
    .contents03 p.dec{
        margin-right: 0;
    }

    .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 .f_img_wrap .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*/
    div.last_btn .start_btn, div.last_btn .back_btn { width:40%; }
    .contents04 .accordianNav a, .contents04 .accordianNav h3{ font-size:13px !important;}
    .contents04 .questions li a{padding:9px;}
}

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

    /*main*/
    
    .slick-list .slick-center .slide-item { border:3px solid #2f4694; margin-top:0;}
}
@media all and (max-width:468px){
    #counsel_paper .paper05 .last_agree {
        height: 120px;
        line-height: 35px;
    }
    .about_atag li p a {
        font-size: 16px !important;
    }
}
@media all and (max-width:442px){
    #hope_area::placeholder{
        font-size:13px;
    }
}
@media all and (max-width:431px){
    div.last_btn .start_btn, div.last_btn .back_btn{
        font-size:13px
    }
    .paper01 ul li label{
        font-size:15px;
    }
    #counsel_paper .paper01 ul li input#s1[type="radio"]:checked+label:before{
        width: 95px;
    }
    #counsel_paper .paper01 ul li input#s2[type="radio"]:checked+label:before{
        width: 95px;
    }
    #counsel_paper .paper01 ul li input#s4[type="radio"]:checked+label:before{
        width: 95px;
    }
    #counsel_paper .paper01 ul li input#s5[type="radio"]:checked+label:before{
        width: 95px;
    }
}
@media all and (max-width:395px){
    .visual_bar .wrap p{
        font-size:13px;
    }
}
@media all and (max-width:393px){
    .v_btn_mrg{
        margin-right: 0 !important;
    }
    #visual .ipad_video {
        width: 300px;
    }
    .contents04 .questions li a {
        font-size: 13px;
    }

}