@charset "utf-8";

/* s_visual */

.s_visual { position:relative;width:100%; height:310px; line-height:1.4; box-sizing:border-box;overflow:hidden; text-align:center; background:no-repeat center top; background-size:cover; }
.s_visual .s_visual_in { position:relative;display:table;width:100%; height:100%;  z-index:2}
.s_visual .sv_tit { display:table-cell;  box-sizing:border-box;color:#fff;vertical-align:middle; padding-top:6%;}
.s_visual .sv_tit h2 {font-size:2.8em; font-weight:500; line-height:1.2em; margin-bottom: 0.5em;}
.s_visual .sv_tit p {font-size:1.13em; line-height:1.2em; }

@media (max-width: 1280px){
   .s_visual { height: 18vw; }
   .s_visual .sv_tit { padding-top: 3vw;  }
}

@media (max-width: 1080px){
   .s_visual { height: auto; padding: 6em 0; }
}

@media (max-width: 640px){
   .s_visual { padding: 6em 0 4.5em; }
   .s_visual .sv_tit h2 {font-size:2.5em; }
   .s_visual .sv_tit p {font-size:1.0em; }
}



#subContent { position: relative; width: 100%; }

/* Sub-Menu */
.sub_menu_wrap {width:100%; height:70px; line-height:70px; margin: 0 auto; border-bottom:1px solid #ddd;
                          position:relative; font-weight:400; box-sizing:border-box; z-index:100;}

.sub_menu_wrap.twoline { height: auto; }
.sub_menu_wrap.twoline::after { content:''; width:100%; height:1px; background: #ddd; display: block; position: absolute; top: 70px;}

.sub_menu_wrap .m_dep_tit,
.sub_menu_wrap .m_1dep_box,
.sub_menu_wrap br {display:none;}

.sub_menu_wrap.fixed .in{position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #ddd;}

.sub_menu_wrap .m_2dep_box{text-align:center;}
.sub_menu_wrap .m_2dep_box .smenu{display:block}
.sub_menu_wrap .m_2dep_box li {position:relative; display:inline-block; color:#212121; padding:0 30px; font-size: 1.13em; }
.sub_menu_wrap .m_2dep_box li:hover a{ font-weight: 500; }
.sub_menu_wrap .m_2dep_box li a.on{ color:#2073f8; }

@media all and (max-width:1280px) {
   .sub_menu_wrap .m_2dep_box li { padding: 0 20px; font-size: 1em; }
   .sub_menu_wrap.twoline .m_2dep_box li { padding: 0 10px; }
}

@media all and (max-width:1024px) {
.sub_menu_wrap .m_2dep_box li { padding: 0 15px; font-size: 0.95em; }
}

@media all and (max-width:976px) {
	.sub_menu_wrap{width:100%; border:0; border-bottom:1px solid #ddd; height:60px;  line-height:60px; color:#333; margin:-1px auto 0;}
	.sub_menu_wrap .inner{width:100%;}
	.sub_menu_wrap .m_home{position:static; display:block; width:60px; height:60px; float:left; background:#0abfca url("/images/sub/ico_home.png"); border:0; background-size: 100% auto;}
	.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer;height:60px; line-height:60px; border-right:1px solid #ddd;}
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 95% center; height:60px; line-height:60px; color:#333; box-sizing:border-box; padding:0 15px; cursor:pointer;}
	.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
	.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
	.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:7px 15px; border:0; font-weight:500;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#004bc2; color:#FFF; border:0; padding:10px 15px;}
	.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu a{color:#333; display:block; width:100%;  padding:7px 15px; box-sizing:border-box; line-height:normal; font-size: 0.9em;}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}

   .sub_menu_wrap.twoline { height: 60px; }
   .sub_menu_wrap.twoline::after { display: none; }
}

@media all and (max-width:767px) {
	.sub_menu_wrap{ height:55px;  line-height:55px}
	.sub_menu_wrap .m_home{width:55px;  height:55px;}
	.sub_menu_wrap .m_dep_tit{height:55px; line-height:55px;}
	.sub_menu_wrap .m_dep_box{width:calc(50% - 28.5px); height:55px; line-height:55px;}
	.sub_menu_wrap .m_2dep_box{border-right:0;}

   .sub_menu_wrap.twoline { height: 55px; }
}
@media all and (max-width:480px) {
   .sub_menu_wrap{ height:45px;  line-height:45px}
	.sub_menu_wrap .m_home{width:45px;  height:45px;}
	.sub_menu_wrap .m_dep_tit{height:45px; line-height:45px;}
	.sub_menu_wrap .m_dep_box{width:calc(50% - 23.5px); height:45px; line-height:45px;}

   .sub_menu_wrap.twoline { height: 45px; }
}


#subTitle { text-align: center; color:#282828; font-size: 2.81em; font-weight: 600; line-height: 1.4em; padding: 4% 0 2%; }
#pageCont { padding-bottom: 4%; }

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

   #subTitle { padding: 7% 0 4%; font-size: 2.4em; }

}



/* Bs-Tab */
.tab_wrap{width:100%; max-width:1400px; margin-left:auto; margin-right:auto; overflow:hidden; margin-bottom:0em;  border-bottom:3px solid #2072f9; /* border-left:1px solid #ddd; */ text-align:Center; margin-bottom:5%;}
.tab_wrap .btn{display:inline-block; text-align:Center;  width:calc(20% - 10px);  margin:0 0 -1px -5px;  height:55px; line-height:55px; border:1px solid #ddd;   background:#FFF;}
.tab_wrap.w3 .btn{width:33.3%}
.tab_wrap.w8 .btn{width:12%}
.tab_wrap.pg1 .tab_btn1,
.tab_wrap.pg2 .tab_btn2,
.tab_wrap.pg3 .tab_btn3,
.tab_wrap.pg4 .tab_btn4,
.tab_wrap.pg5 .tab_btn5,
.tab_wrap.pg6 .tab_btn6,
.tab_wrap.pg7 .tab_btn7,
.tab_wrap.pg8 .tab_btn8,
.tab_wrap.pg9 .tab_btn9{background:#2072f9; border-color:#2072f9; color:#FFF; font-weight:500; }

.tab_wrap.center {text-align:Center; border:0;}
.tab_wrap.center .btn{float:unset; display:inline-block; text-align:Center; margin:0 0 0 -5px;}


@media all and (max-width:1080px) {
	.tab_wrap,
	.tab_wrap.center {border:1px solid #ddd; border-top:0;}
	.tab_wrap .btn,
	.tab_wrap.center .btn{display:block; float:left;height:45px; line-height:45px; width:calc(50% + 1px) !important; margin:0 0 -1px -1px; display:block; float:left;}
	.tab_wrap .btn:nth-of-type(2n){border-right:0;}
}

   
/* 버팀목 플러스 신청 */
.terms{margin-bottom: 2em; }
.terms .tit{display: flex; justify-content: space-between; background-color: #f1f1f1; border: 1px solid #ccc;align-items: center; padding: 1em 1.5em; border-bottom: 0;}
.terms .tit h3{font-size: 1.25em; padding-bottom: 0; font-weight: 500; color: #444;}
.terms .radio{display: flex; justify-content: flex-end;}
.terms .radio span{padding-left: 1em; display: inline-block;}
.terms .txt{border: 1px solid #ccc;}
.terms .txt1{border: 1px solid #ccc; padding: 2em;}
.terms .txt textarea{ width: 100%; resize: none; padding: 1.5em; height: 120px; border: 0; font-family: 'Roboto', 'S-CoreDream', 'Noto Sans KR', 'Noto Sans Korean', sans-serif; line-height: 1.8em; color: #666;}
.terms .txt1 table{ width: 100%;border-top: 1px solid #eee; border-left: 1px solid #eee;}
.terms .txt1 table th{font-size: 1em; padding: 1em; border-right: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #f5f5f3; font-weight: 500;}
.terms .txt1 table td{text-align: center; padding: 1em 2em; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.terms p{margin-top: 1em; font-size: 1.125em; line-height: 1.8em; }
.terms p b{font-weight: 500;}

.sup_form{width: 100%; color: #333; margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #eee; }
.sup_form .title h3{text-align: center; font-size: 2.25em; margin-bottom: 1em;}
.sup_form .required, textarea.required {background-image:url('/images/common/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important; border: 1px solid #ccc}
.sup_form input[type="file"]{border: 0px; padding-top: 2px; width: 100%;}
.sup_form .t1{display: flex; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; margin: 1em 0;}
.sup_form .t1 > div{display: flex; width: 100%; border-right: 1px solid #ccc; padding: 1em; background-color: #eee; align-items: center; justify-content: center;}
.sup_form .t1 > div:last-child{border-right: 0;}
.sup_form .t1 > div .tit{margin-right: 1em;}
.sup_form .t1 > div .txt{font-size: 1.25em; text-align: left; font-weight: 500;}

.sup_form .t2{margin: 1em 0; display: flex; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.sup_form .t2 .b_t{width: 20%; text-align: center; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 1.25em; border-right: 1px solid #ccc; padding: 1em 0;background-color: #ebeff5;}
.sup_form .t2 .cont{width: 100%; display: flex; flex-wrap: wrap;}
.sup_form .t2 .cont > span{font-size: 1.25em; padding: 1em;}
.sup_form .t2 .cont.tit{justify-content: center; align-items: center; font-size: 1.375em; font-weight: 500; color: #2072f9; padding: 15px 0;}

.sup_form .t2 .col2{width: 100%; display: flex;}
.sup_form .t2 .col2 > div{display: flex; width: 50%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.sup_form .t2 .col2 > div:last-child{border-right: 0; width: 50%;}
.sup_form .t2 .col2:last-child > div{border-bottom: 0px;}
.sup_form .t2 .col2 > div .s_t{width: 100%;  border-right: 1px solid #ccc; font-size: 1em; justify-content: center; display: flex;  align-items: center; background-color: #f7f8f9; max-width:143px; font-weight: 500; text-align: center;}
.sup_form .t2 .col2 > div .txt{width: 100% !important; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.sup_form .t2 .col2 > div .txt.txt2{width: 88% !important; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.sup_form .t2 .col2 > div .txt span{display: inline-block; margin-top: 1em;}
.sup_form .t2 .col2 > div .txt input{width: 100%; font-size: 1em; padding: .875em 1em; border: none; outline-color: #2072f9; border: 1px solid transparent}



.sup_form > p{font-size: 1.125em; line-height: 1.8em;}
.sup_form > p span{font-weight: 500;}

.sup_form .app{font-size: 1.125em; margin-top: 3em; border-bottom: 1px solid #eee; padding-bottom: 2em; text-align: center;}
.sup_form .app .date{font-weight: 500; margin-bottom: 1em; font-size: 1.25em;}
.sup_form .app .sign { justify-content: center;}
.sup_form .app .sign > div{display: flex; margin: 0 1em 1em; justify-content: center; align-items: center;}
.sup_form .app .sign > div .tit {padding-right: 1em; }
.sup_form .app .sign > div .txt{display: flex; align-items: center; text-align: left;}
.sup_form .app .sign > div .txt input{ outline-color: #2072f9; border: 1px solid #ccc;  padding: 0.25em 1em;}

.sup_form .agent{border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding-bottom: 2em; margin-top: 1em; display: none;}
.sup_form .agent.on{display: block;}
.sup_form .agent .tit{background-color: #eee;  border-bottom: 1px solid #aaa; padding: 0.5em 0; font-size: 1.375em;font-weight: 500;}
.sup_form .agent .col2{display: flex; justify-content: center; margin: 1em 0;}
.sup_form .agent .col2 > div{display: flex; margin: 0 2em;}
.sup_form .agent .col2 > div .s_t{margin-right: 1em;}
.sup_form .agent .col2 > div .txt input{ padding: 0.25em 1em; border: 1px solid #ccc;}
.sup_form .agent .info{ margin: 1em 0;}
.sup_form .agent .info .date{}
.sup_form .agent .info .name{margin-top: 2em;}
.sup_form .agent .info .name input{display: inline-block; margin-left: 1em; padding: 0.25em 1em; border: 1px solid #ccc;}
.sup_form .agent p{margin-top: 2em;}
.sup_form .agent p span{font-size: 1.375em; font-weight: 500;}

.sup_form .btn{text-align: center;}
.sup_form .btn input button{background-color: #2072f9; color: #fff; font-size: 1.5em; font-weight: 600; border-radius: 10px; padding: 0.5em 2em; margin-top: 3em;  transition: .2s; text-align: center;}
.sup_form button:hover{ background-color: #659df7;}

@media all and (max-width:680px){
    .terms .txt1 table td{padding: 1em;}
    .sup_form .t2 .col2{flex-wrap: wrap}
    .sup_form .t2 .col2 > div{width: 100% !important; border-right: 0;}
    .sup_form .t2 .col2 > div .txt{border-right: 1px solid #ccc; width: 70%}
    .sup_form .t2 .col2:last-child > div{border-bottom: 1px solid #ccc;}
    .sup_form .t1 > div{flex-wrap: wrap; text-align: center;}
    .sup_form .t1 > div .tit{width: 100%;}
    .sup_form .agent .col2{flex-wrap: wrap;}
    .sup_form .agent .col2 > div{width: 100%; margin-bottom: 1em;}
    .sup_form .agent .col2 > div .s_t{width: 30%; }
    .sup_form .t2 .col2 > div .s_t{padding-left: .5em;}
    .sup_form button{margin-top: 1.5em; margin-bottom: 2em;}
    .sup_form .t2 .col1 > div .s_t{max-width: 100%; width: 30%;}
}

.flex{display: flex; justify-content: center;}
.flex > div{margin: 0 15px;}

@media all and (max-width:640px){
    .flex{flex-direction: column;}
}


/*guide1*/
.guide1{font-size: 1.25em; line-height: 1.8em;}
.box{padding: 2em; margin: 2em 0; border: 1px solid #ddd; background-color: #f8f8f8;}
.box h4{line-height: 1.6em; margin-bottom: .5em; font-size: 1.25em; color: #333;}
.box p{line-height: 1.9em;}
.box p.big{font-weight: 500; font-size: 1.125em;}

.down{display: flex; justify-content: center;}
.down > div{width: 40%; margin: 0 1%; text-align: center;}
.down > div:nth-child(3){width: 28%; margin: 0 1%; text-align: center;}
.down > div p{color: #000;}
.down > div a{border: 2px solid #0E5DDD; color: #0e5ddd; background-color: #fff; display: block; padding: 1em 0;}
.down > div a:hover{background-color: #0e5ddd; color: #fff; border: 2px solid transparent;}

@media all and (max-width:1400px){
    .down{width: 100%; flex-direction: column; align-items: center;}
    .down > div{width: 60% !important; margin:1% 0;}
}
@media all and (max-width:999px){
    .down{align-items: center;}
    .down > div{width: 80% !important;}
}
@media all and (max-width:640px){
    .down > div{width: 100% !important;}
}


img.business1_chart_img.business1_chart_img_pc { display: block; width: 100%; margin-top: 1.5%; }
img.business1_chart_img.business1_chart_img_ta { display: none; width: 100%; margin-top: 1.5%; }
img.business1_chart_img.business1_chart_img_ta2 { display: none; width: 100%; margin-top: 1.5%; }
img.business1_chart_img.business1_chart_img_mo { display: none; width: 100%; margin-top: 1.5%; }

@media all and (max-width:1400px){
    img.business1_chart_img.business1_chart_img_pc { display: none; }
	img.business1_chart_img.business1_chart_img_ta { display: block; }
}

@media all and (max-width:1280px){
    img.business1_chart_img.business1_chart_img_pc { display: none; }
	img.business1_chart_img.business1_chart_img_ta { display: none; }
	img.business1_chart_img.business1_chart_img_ta2 { display: block; }
}
@media all and (max-width:860px){
    img.business1_chart_img.business1_chart_img_pc { display: none; }
	img.business1_chart_img.business1_chart_img_ta { display: none; }
	img.business1_chart_img.business1_chart_img_ta2 { display: none; }
	img.business1_chart_img.business1_chart_img_mo { display: block; width: 90%; max-width: 386px; margin: 2% auto 0; }
}