@charset "utf-8";

/*반응형*/

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

}

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

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

    #sub_visual { padding:130px 0 150px; text-align: center; background-position: 50% 110%; background-size:400px; transition: all 0.4s;}

}

@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;}
    
}

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

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

}

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


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

    /*main*/
    #sub_visual .wrap p.s_visual_blue { font-size:22px; line-height:32px; margin-bottom:10px; }
	#sub_visual .wrap p.s_visual_blue2 { font-size:20px; line-height:32px; margin-bottom:10px; }
    #sub_visual .wrap h2.s_visual_tit { font-size:30px; line-height: 45px; margin-bottom:30px;}
    #sub_visual .wrap p.visual_btn a { font-size:19px; padding:15px 25px; transition: all 0.4s;}

    .sub_contents01 h2 { font-size:27px; line-height: 35px; margin-bottom:60px; transition: all 0.4s; }
    .sub_contents02 h2 { font-size:27px; line-height: 35px; margin-bottom:60px; transition: all 0.4s; }

    .sub_contents01 .price_box .pbox { min-height:340px; transition: all 0.4s;}
    .sub_contents01 .price_box .pbox h2 { font-size:25px; transition: all 0.4s;}
    .sub_contents01 .price_box .pbox p.vat { font-size:18px; padding-bottom:15px; margin-bottom:15px; transition: all 0.4s;}
    .sub_contents01 .price_box .pbox p.sm_inf02 { font-size:15px;transition: all 0.4s; }
    .sub_contents01 .price_box .pbox ul li { font-size:14px; line-height: 24px;transition: all 0.4s; }
    .sub_contents01 .price_box span.right_under { font-size:13px; transition: all 0.4s;}

    .sub_contents01 h1.highlight_txt { font-size:27px; line-height:35px; transition: all 0.4s; }
    .sub_contents01 h1.highlight_txt:before { width:430px; height:30px; top:17px; transition: all 0.4s;}

    .sub_contents02 .questions li { width:23%; transition: all 0.4s;}
    .sub_contents02 .questions li a { padding:5px; font-size:12px; }
    .sub_contents02 .accordianNav a, .sub_contents02 .accordianNav h3 { padding:20px 0; font-size:18px; }
    .sub_contents02 .accordianNav li ul.box2 li { font-size:14px; line-height:20px; padding:5px 0; }

    .sub_contents02 .counsel_btn { font-size:18px; width:280px; margin-bottom:50px; transition: all 0.4s;}



    #counsel_paper .paper01 ul li { width:17%; margin-bottom:20px; transition: all 0.4s; }
    #counsel_paper .paper01 ul li input#s1[type="radio"]:checked+label:before { left:-27px; }
    #counsel_paper .paper01 ul li input#s2[type="radio"]:checked+label:before { left:-20px; }
    #counsel_paper .paper01 ul li input#s3[type="radio"]:checked+label:before { left:-22px; }
    #counsel_paper .paper01 ul li input#s4[type="radio"]:checked+label:before { left:-8px; }
	#counsel_paper .paper01 ul li input#s5[type="radio"]:checked+label:before { left:-8px; }

    .counsel_paper_tw .paper03 .sct_list01 { position: inherit; width:100%; top:2px; transition: all 0.4s;}
    .counsel_paper_tw .paper03 .sct_list01 ul li input[type="radio"]+label { font-size:16px; transition: all 0.4s; }
    .counsel_paper_tw .paper04 .proof_check ul li input[type="radio"]+label { font-size:16px; transition: all 0.4s;}
    .counsel_paper_tw .paper06 input#address_put { font-size:16px; transition: all 0.4s; }
    .counsel_paper_tw .paper08 textarea#com_jamoon { font-size:16px; transition: all 0.4s; }

    
}

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


}

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

    /*main*/
    #sub_visual { border-radius: 0; background-image: inherit; padding:130px 0 90px; }
    #sub_visual:before { position:absolute; content:""; width:400px; height:300px; top:20%; left:0; right:0; margin:0 auto; opacity: 0.3;
    background: #fff url(../img/visual_illust.jpg) no-repeat;
    background-size: 400px; } 

    #sub_visual .wrap p.s_visual_blue { font-size:20px; line-height:30px; margin-bottom:20px; }
	#sub_visual .wrap p.s_visual_blue2 { font-size:18px; line-height:30px; margin-bottom:20px; }
    #sub_visual .wrap h2.s_visual_tit { font-size:26px; line-height: 32px; margin-bottom:20px;}
    #sub_visual .wrap p.visual_btn a { font-size:15px; padding:15px 25px; }

    .sub_contents01 h2 { font-size:27px; line-height: 37px; margin-bottom:40px; }
    .sub_contents02 h2 { font-size:27px; line-height: 37px; margin-bottom:40px; }

    .sub_contents01 .price_box .pbox { width:100%; }
    .sub_contents01 .price_box .pbox01 { margin-right:0; margin-bottom:20px; }
    .sub_contents01 h1.highlight_txt { font-size:20px; }
    .sub_contents01 h1.highlight_txt:before { /*width:320px;*/ width:80%;}

    .sub_contents02 .accordianNav a, .sub_contents02 .accordianNav h3 { padding: 12px 0; font-size: 15px; }
    .sub_contents02 .accordianNav .dropArrow span { font-size:17px; }
    .sub_contents02 .accordianNav .dropArrow:after { width:14px; height:14px; top:0; }
    .sub_contents02 .accordianNav li ul.box2 li { font-size:13px; }
    
    
    #counsel_paper .dt_txt { line-height:25px; transition: all 0.4s;}
    .gray_box .contbox ul li span { width:25%; transition: all 0.4s;}
    .gray_box .contbox ul.point li br { display: none; }
    .last_btn .start_btn, .last_btn .back_btn { width:70%; margin-right:0; margin-bottom:10px; transition: all 0.4s;}

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


}


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

    #counsel_paper .paper01 ul li { width:18.5%; font-size:16px; }
    #counsel_paper .paper01 ul li input#s1[type="radio"]:checked+label:before { /*width:90px; left:-22px;*/ width: 50px; left: -5px;}
    #counsel_paper .paper01 ul li input#s2[type="radio"]:checked+label:before { /*width:90px; left:-15px;*/width: 60px;  left: -4px;}
    #counsel_paper .paper01 ul li input#s3[type="radio"]:checked+label:before { /*width:90px; left:-17px;*/width: 60px; left: -4px; }
    #counsel_paper .paper01 ul li input#s4[type="radio"]:checked+label:before { /*width:90px; left:-3px;*/width: 60px;  left: -14px;; }
	#counsel_paper .paper01 ul li input#s5[type="radio"]:checked+label:before { /*width:90px; left:-3px;*/width: 60px;  left: -14px;; }

    .counsel_paper_tw .paper02 input#hope_area { float:inherit; width:100% !important; }
    .counsel_paper_tw .paper03 .sct_list01 ul li { width:27%; }
    .counsel_paper_tw .paper04 .proof_check ul li input[type="radio"]+label { line-height:26px; }
	.counsel_paper_tw .paper05 .info_check .address { margin-right:100px; }

    #sub_visual:before{
        width: 350px;
        background-size: 350px;
    }

    .sub_contents02 .accordianNav .dropArrow:after{
        right: 0;
    }
}

@media all and (max-width:400px){
    #sub_visual:before{
        width: 300px;
        background-size: 300px;
    }
    .sub_contents01 .price_box span.right_under{
        bottom: 10px;
    }
    .sub_contents02 .questions li a{
		padding:5px;
        font-size: 12px;
    }
    .accordianNav h3 {
        font-size: 13px !important;
    }
    .contents04 p {
        font-size: 13px;
        line-height: 22px;
    }

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

}
@media all and (max-width:300px){
    #sub_visual:before{
        width: 250px;
        background-size: 250px;
    }
}