#main{padding-bottom:100px}

/*visual*/
.s_visual{position:relative;height:200px;background:url('../images/sub/sub1_visual.jpg') no-repeat center;overflow:hidden;text-align:center;background-size:cover !important} 
.s_visual h2{position:relative;font-family:'NanumSquare',sans-serif;font-size:42px;color:#fff;top:40px;opacity:0;transition:1s}
.s_visual h2:before{display:block;content:'';width:60px;border-top:1px solid #fff;margin:15px auto}
.s_visual .add{position:relative;font-size:17px;font-weight:600;top:50px;color:#fff;opacity:0;transition:1s 0.5s}
.s_visual .add b{color:#e0ff51}

body.on .s_visual h2{opacity:1;top:45px}
body.on .s_visual .add{opacity:0.9;top:55px}

.sub1 .s_visual{background:url('../images/sub/sub1_visual.jpg') no-repeat center}
.sub2 .s_visual{background:url('../images/sub/sub1_visual.jpg') no-repeat center}
.sub3 .s_visual{background:url('../images/sub/sub1_visual.jpg') no-repeat center}
.sub4 .s_visual{background:url('../images/sub/sub1_visual.jpg') no-repeat center}
.sub5 .s_visual{background:url('../images/sub/sub1_visual.jpg') no-repeat center}
.sub6 .s_visual{background:url('../images/sub/sub1_visual.jpg') no-repeat center}




/*path menu*/
.s_path{position:relative;z-index:10;height:50px;border-bottom:1px solid #ddd;background:#fff;}
.s_path li{position:relative;float:left;width:240px;border-right:1px solid #ddd}
.s_path li:hover dl{display:block}
.s_path li > a{display:block;line-height:50px;padding-left:20px;font-size:14px;background:url('../images/sub/path_arrow.png') no-repeat 90% center}
.s_path .depth2 > a{color:#5c7bc6}
.s_path .home{width:50px;border-left:1px solid #ddd}
.s_path .home > a{background:url('../images/sub/path_home.png') no-repeat center #fff;text-indent:-9999px}
.s_path dl{display:none;position:absolute;left:-1px;top:50px;background:#fff;width:calc(100% + 2px);border:1px solid #ddd;border-top:0}
.s_path dd{border-bottom:1px solid #ddd}
.s_path dd:last-child{border-bottom:0}
.s_path dd a{display:block;line-height:50px;font-size:14px;padding-left:20px}   
.s_path dd a:hover{background:#fafafa}
.s_path dd.on a{color:#5c7bc6}


/*h tit*/
.h3_tit{font-size:38px;font-family:'NanumSquare',sans-serif;text-align:center;margin:60px 0 30px;border-bottom:1px solid #eee}
.h3_tit span{display:inline-block;font-weight:400;border-bottom:2px solid #5c7bc6;padding:30px 0}

.h4_tit{font-size:24px;font-family:'NanumSquare',sans-serif;padding-left:30px;background:url('../images/sub/blt_circle.png') no-repeat 0 center;margin:40px 0 20px}


/*btn type*/
.btn_t1{display:inline-block;width:200px;line-height:60px;border-radius:35px;text-align:center;font-size:18px;font-weight:600;color:#fff;background:#5c7bc6;margin:20px 0}


/*table type*/
.table_t1{width:100%;border-collapse: collapse;border-top:3px solid #6d89ca;border-left:hidden;border-right:hidden}
.table_t1 th{border:1px solid #ddd;padding:15px 0;text-align:center;font-size:14px}
.table_t1 td{border:1px solid #ddd;padding:15px 30px;font-size:14px}
.table_t1 tr:nth-child(2n+2){background:#fafafa}


/*process type*/
.process_t1{ font-size:16px}
.process_t1 li{float:left;padding-left:50px;background:url('../images/sub/blt_arrow.png') no-repeat 20px center}
.process_t1 li:first-child{padding-left:0;background:none}
.process_t1 li .box{position:relative;width:136px;height:100px;border-radius:20px;border:1px solid #ddd;text-align:center;font-weight:600;line-height:1.5}
.process_t1 li .box.t1{background:#5c7bc6;border:1px solid #5c7bc6;color:#fff}
.process_t1 li .box.t2{background:#fafafa}
.process_t1 li .box span{display:block;position:absolute;width:100%;top:50%;transform:translateY(-50%)}


.process_t2{}
.process_t2 ol > li{padding:10px 0 0}
.process_t2 ol > li:after{display:block;content:'';clear:both}
.process_t2 .num{display:inline-block;float:left;width:26px;line-height:26px;text-align:center;font-size:14px;color:#fff;border-radius:50%}
.process_t2 .info{float:right;width:calc(100% - 40px)}
.process_t2 .info dd{background:#fafafa;padding:20px 20px}
.process_t2 .info ul{line-height:1.6}
.process_t2 .info ul:after{display:block;content:'';clear:both}
.process_t2 .info ul li{float:left;margin-right:100px;font-size:16px;color:#555; line-height:26px}
.process_t2 .t1 .num{background:#5c7bc6}
.process_t2 .t1 .info dt{font-size:16px;color:#5c7bc6; line-height:28px}
.process_t2 .t2 .num{background:#333}
.process_t2 .t2 .info dt{font-size:16px;color:#555; line-height:28px}

/*마진*/
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}

.mb4{margin-bottom:4px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}

.ml30{margin-left:30px}
.ml40{margin-left:40px}


/*sub01*/
.sub1_box { margin-bottom:50px}
.center_img {text-align:center}
.title_h3_box h3 {padding-bottom:10px;font-size:27px;color:#555;}
.title_h3_box p {padding-bottom:10px;font-size:21px;color:#333; line-height:36px; }
.point{color:#cc0000;}
.ul_box li { padding:0 24px;line-height:28px}
.process_box { margin:30px 0 0;width:100%;font-size:16px;color:#333; line-height:28px;background:#fafafa;padding:20px 20px; text-align:center;border:1px dotted #ee1451;}



.grid3{margin:0px 0}
.grid3 > li{float:left;width:33.33%;margin:10px 0}
.grid3 > li:nth-child(3n+1){clear:both}
.grid3 > li .box{width:390px;margin:0 auto;;border:1px solid #ccc;text-align:center}
.grid3 > li .box .tit{padding:10px 10px 0;line-height:60px;font-size:22px;color:#eb5634;font-weight:700}
.grid3 > li .box .tit:after{display:block;content:'';border-bottom:1px solid #ccc}
.grid3 > li .box .thumb{padding:10px; }
.grid3 > li .box .thumb img{width:100%}
.grid3 > li .box .info{background:#f5f5f5;padding:15px 10px;font-size:16px; line-height:26px}