/* only mainpage */
.contents {
    padding:50px 48px;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
}

.content_tit {
    border-radius:8px; 
}

.content_tit a {
    display:block;
    font-size:22px;
    color:white;
    line-height:52px; 
    text-decoration: none;
    font-weight:400; 
} 





.cate_1 > .box {
    background:#faf7ef;
    border:1px solid #e9e9e9;
    padding:20px;
    min-height:360px;
}

.img_box {
    float:left;
    padding-right:15px;
    padding-bottom:5px;
}

.box > div:first-child:after {
    content:'';
    dispaly:block;
    clear:both;
}

.txt_box {
    text-align:left;
    font-size:16px;
    line-height:22px; 
    color:#333333;
}



.color_bar {
    width:25px;
    height:2px;
}

.writter {
    clear:both;
}

.writter > p {
    color:#757575;
    font-size:16px;
}


.cate_2 > .box {
    background:#f6f1ea;
    border:1px solid #e9e9e9;
    padding:20px;
    min-height:540px;
}


.box {
    position:relative;
} 

.cate_1 > .box:before, 
.cate_2 > .box:before {
    content:'';
    width:100%;
    height:2px;
    position:absolute;
    bottom:-2px;
    left:2px;
    background:#c4c4c4;
}

.cate_1 > .box:after, 
.cate_2 > .box:after {
    content:'';
    width:2px;
    height:100%;
    position:absolute;
    right:-2px;
    top:2px;
    background:#c4c4c4;
}

.c_right h5 {
    font-size:22px;
    line-height:32px;
}

.c_right > .txt_box {
    text-align: justify;
    padding-right:20px;
    font-size:14px;
    line-heght:24px;
}


.cate_4 > .box {
    background:#f6f1f5;
    padding:20px;
    min-height:500px;
} 

.cate_4 > .box > h5 {
    font-size:16px;
    line-height:24px;
}

.cate_4 > .box > .txt_box {
    font-size:16px;
    line-height:26px;
}

.cate_4 > .box > .txt_box > .bold {
    font-weight:500;
}


.cate_5 > .box {
    background:#e8f3f1;
    padding:20px;
    min-height:500px;
} 

.cate_5 > .box > h5 {
    font-size:16px;
    line-height:24px;
}

.cate_5 > .box > .txt_box {
    font-size:16px;
    line-height:26px;
}




.click_url {
    position:absolute;
    z-index:500;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    cursor: pointer;
}

.click_url a {
    display:block;
    width:100%;
    height:100%;
}


a.url.yellow:link, a.url.yellow:visited { 
  color:#f8ca00;
  text-decoration: none;
}

a.url.yellow:link:active, a.url.yellow:visited:active { 
  color: #f8ca00;
}


a.url.orange:link, a.url.orange:visited { 
  color:#e97f02;
  text-decoration: none;
}

a.url.orange:link:active, a.url.orange:visited:active { 
  color: #e97f02;
}


a.url.purple:link, a.url.purple:visited { 
  color:#490a3d;
  text-decoration: none;
}

a.url.purple:link:active, a.url.purple:visited:active { 
  color: #490a3d;
}


a.url.wine:link, a.url.wine:visited { 
  color:#bd1550;
  text-decoration: none;
}

a.url.wine:link:active, a.url.wine:visited:active { 
  color: #bd1550;
}


a.url.green:link, a.url.green:visited { 
  color:#1f967e;
  text-decoration: none;
}

a.url.green:link:active, a.url.green:visited:active { 
  color: #1f967e;
}






@media only screen and (max-width: 768px){
    
    .contents {
        padding:30px 18px;
    }
    
    .cate_1 > .box {
        min-height:200px;
    }
    
    .cate_2 > .box {
        min-height:320px;
    }
    
}

@media only screen and (max-width: 576px){
    
    .cate_1 > .box,
    .cate_2 > .box,
    .cate_3 > .box,
    .cate_4 > .box,
    .cate_5 > .box {
        min-height:inherit;
    }
    
}