.sub_content.content_side.col-12.pdh-20{ padding:0; }

.body.fixed-width {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.body.fixed-width.none .content {
    max-width: 100% !important;
    margin: 0 auto !important;
}


/**********bootstrap**********/
.col-01{ width:8.333333333333333% }
.col-02{ width:16.66666666666667%; }
.col-5{ width:20%; }
.col-03{ width:25%; }
.col-04{ width:33.33333333333333%; }
.col-05{ width:41.66666666666667%; }
.col-06{ width:50%; }
.col-07{ width:58.33333333333333%; }
.col-08{ width:66.66666666666667%; }
.col-09{ width:75%; }
.col-10{ width:83.33333333333333%; }
.col-11{ width:91.66666666666667%; }
.col-12{ width:100%; }

.pdh-5{ padding-left:5px; padding-right:5px; }
.pdh-10{ padding-left:10px; padding-right:10px; }
.pdh-15{ padding-left:15px; padding-right:15px; }
.pdh-20{ padding-left:20px; padding-right:20px; }
.pdh-25{ padding-left:25px; padding-right:25px; }
.pdh-30{ padding-left:30px; padding-right:30px; }
.pdh-35{ padding-left:35px; padding-right:35px; }
.pdh-40{ padding-left:35px; padding-right:35px; }
.pdh-60{ padding-left:60px; padding-right:60px; }

.flex{ display:flex; }
.flex_wrap{ display:flex; flex-flow:row wrap; }
.flex_center{display: flex; justify-content: center; align-items: center;}



/******************************/

.about_wrap{ max-width: 100%;}
.about_wrap, .about_wrap div{ box-sizing:border-box; }

.about_wrap img{ max-width: 100%; height:auto; display: block;}


.cat_title_wrap{ text-align:center; margin-bottom:60px; }
.cat_title{ font-size:35px; }
.cat_title_division{ width:90px; height:2px; background-color:#037ecc; margin:20px auto 0; }


/*********sec01*********************/
.sec01{width:100%; max-width:1200px; margin:0 auto;font-family: 'Noto Sans KR', sans-serif;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cat_wrap{ word-break: keep-all; padding:50px 0 150px; background-color:#fff; }
.cat_wrap, .cat_wrap div{ box-sizing:border-box; }
.cat_wrap img{ max-width:100%; height:auto; display:block; }

.cat_cont{ max-width:900px; margin:0 auto; }
.cat_pt{word-break: keep-all;}
.cat_pt img{ margin:0 auto; }
.cat_txt{ flex-direction:column; justify-content:center; }
.cat_subtitle{ font-size:17px; font-weight:600; margin-bottom:27px; color:#333; }
.cat_pt_title{ font-size:50px; font-weight:700; line-height:1; color:#333; }
.cat_division{ width:60px; height:2px; margin:34px 0; background-color:#037ecc; }

.cat_desc{color:#666; font-size:15px; font-weight: 400;  }
.cat_link{ max-width:300px; margin-top:20px; display:inline-block; border:1px solid #666; color:#666; padding:10px 60px 10px 10px; font-size:15px; font-weight:300; position:relative; z-index:2; transition-duration:0.3s; overflow:hidden; box-sizing:border-box; }
.cat_link span{ position:relative; z-index:2; color:#666; font-weight: 400;}
.cat_link:before{ position:absolute; transform:skewX(45deg); z-index:0; content:''; top:0; bottom:0; left:-30px; right:100%; background-color:#037ecc;  opacity:0; transition-duration:0.5s; }
.cat_link:after{ content:"\e70e"; font-family:xeicon; font-size:25px; color:#666; position:absolute; top:9px; right:10px; z-index:10; transition-duration:0.5s;   }

.cat_link:hover span{color:#fff;transition-duration:0.5s;}
.cat_link:hover{ color:#fff; border:1px solid #037ecc;transition-duration:0.5s;}
.cat_link:hover:before{ opacity:1; right:-30px; }
.cat_link:hover:after{ color:#fff; }

.bottom_txt{ font-size:12px; text-align:center; margin-top:50px; }

@media( max-width:600px ){
    .col-06.cat_pt{ width:100%; margin-bottom:50px; }
    .cat_pt:last-child{ margin-bottom:0; text-align:center; }
    .cat_division{ margin:20px auto; }
    .cat_link{ margin:20px auto 0; }
    .cat_pt_title{font-size: 43px;}

}