@charset "utf-8";


.form_box02_area02{position:relative;background:#fff;width:1200px;height:270px;margin:0 auto}
.form_box02_area02 .tab_box{overflow:hidden;position:absolute;top:-45px;width:100%;height:45px;}
.form_box02_area02 .tab_box li{float:left;width:120px;height:45px;line-height:45px;text-align:center;font-size:15px;color:#666;background:#b6b6b6;cursor:pointer;transition:all .3s;font-family:'notokr-bold'}
.form_box02_area02 .tab_box .btn01.on,.form_box02_area02 .tab_box .btn01:hover{color:#fff;background:#3f69bd}
.form_box02_area02 .tab_box .btn02.on,.form_box02_area02 .tab_box .btn02:hover{color:#391b1b;background:#f2da00}


.form_box02_area02 .form_box02{overflow:hidden}
.form_box02_area02 .form_box02 > div{float:left}
.form_box02_area02 .form_box02 .txt_box {width:500px;height:268px;padding:61px 0 0 60px}
.form_box02_area02 .form_box02 .txt_box .s_tit{font-size:14px;color:#3f69bd;font-family:'notokr-medium'}
.form_box02_area02 .form_box02 .txt_box .tit{margin-bottom:10px;font-size:28px;color:#333;font-family:'notokr-bold'}
.form_box02_area02 .form_box02 .txt_box .txt{font-size:15px;line-height:26px;color:#666;font-family:'notokr-regular'}
.form_box02_area02 .form_box02 .txt_box .txt span{color:#3f69bd;font-family:'notokr-bold'}
.form_box02_area02 .form_box02 .form_cont{width:700px;height:268px;padding:20px}

#tab01{border-top:2px solid #3f69bd}
#tab02{border-top:2px solid #f2da00}

#tabs01 .txt_box{background:url(/sh_img/make24/include/inc_form_box02/bg_img01.png) 384px 48px #fff no-repeat}
#tabs02 .txt_box{background:url(/sh_img/make24/include/inc_form_box02/bg_img02.png) 384px 48px #fff no-repeat}
#tabs02 .s_tit{color:#391b1b !important}

#ft_btn_area{position:fixed;z-index:9999;left:50%;bottom:0;width:311px;height:40px;margin-left:-132px;opacity:0;transition:all .5s}
#ft_btn_area li{position:relative;float:left;width:150px;height:50px;line-height:50px;border-radius:50px;font-size:17px;text-align:center;background:#fff;box-shadow: 7px 7px 20px -4px rgba(0,0,0,0.3);transition:all .3s;cursor:pointer;font-family:'notokr-bold'}
#ft_btn_area .btn01{margin-right:10px;color:#fff;background:#3f69bd}
#ft_btn_area .btn02{background:#fee800}
#ft_btn_area li:hover{top:-5px}


#ft_form_area{position:fixed;top:0;left:0;z-index:9900;width:100%;height:100vh;display:none}
#ft_form_area .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}
#ft_btn_area.active2{bottom:50px;opacity:1}
#ft_btn_area.active{bottom:300px}

.ft_form{position:fixed;left:0;bottom:-270px;z-index:1000;width:100%;background:#fff;transition:all .5s}
.ft_form .bg{position:fixed;z-index:10;width:100%;height:100vh;min-height:100%;background:rgba(0,0,0,.5)}
.ft_form .form_box_area .tab_box{display:none}
.ft_form.active{bottom:0}