@charset "utf-8";

/*-----------------section02 about-----------------*/
#section02{padding-bottom: 101px;}
.section_title_wrap{width: 100%; text-align: center;}
.section_title_wrap .section_title{font-size: 36px; font-weight: 700; color: #111;}
.section_title_wrap .section_tilte_text{position: relative; margin: 30px 0; font-size: 24px; font-weight: 400; color: #666;}
.section_title_wrap .section_tilte_text::after{position: absolute; bottom: -30px; left: 50%; margin-left: -25px; width: 50px; height: 3px; background-color: #e81444; content: ""; display: block; }

.content_wrap{position: relative; margin-top: 90px;}
.content_wrap .left_content{width: 560px; height: 400px;}
.content_wrap .right_content{position: absolute; top: 40px; right: -56px; }
.content_wrap .right_content .text_wrap{float: left; padding: 60px 50px; width: 619px; height: 441px; background-color: #fff; box-sizing: border-box; box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.055); }
.content_wrap .right_content .text_wrap .top_text{font-size: 16px; font-weight: 500; color: #999;}
.content_wrap .right_content .text_wrap .mid_text{margin: 30px 0 60px 0; font-size: 28px; font-weight: 700; color: #111;}
.content_wrap .right_content .text_wrap .bottom_text{font-size: 18px; font-weight: 300; color: #333;}
.content_wrap .right_content .text_wrap .btn_more{position: absolute; bottom: 60px; }
.content_wrap .right_content .text_wrap .btn_more a{font-size: 16px; font-weight: 300; color: #999;}
.content_wrap .right_content .text_wrap .btn_more span{margin: 2px 0 0 10px;}
.content_wrap .right_content .bookmark{float: right; margin: 90px 0 0 -55px; transform: rotate(-90deg); width: 150px; height: 40px; border-bottom-right-radius: 10px; background-color: #e81444; box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.055); text-align: center;}
.content_wrap .right_content .bookmark .bookmark_text{font-size: 18px; color: #fff; font-size: 500; line-height: 40px;}


/*-----------------------responsive-----------------------*/

/*tab*/
@media all and (max-width:1199px) and (min-width:768px){
  
    /*-----------------section02 about-----------------*/
    #section02{padding-bottom: 160px;}
    .section_title_wrap .section_title{font-size: 30px;}
    .section_title_wrap .section_tilte_text{margin: 15px 0; font-size: 20px;}

    .content_wrap{position: relative; margin-top: 90px;}
    .content_wrap .left_content{position: relative; left: 4%;}
    .content_wrap .right_content{top: 120px; right: -2%;}
    .content_wrap .right_content .text_wrap{width: 540px;}
    .content_wrap .right_content .text_wrap .mid_text{margin: 30px 0 50px 0;}
  
}

/*mobile*/
@media all and (max-width:767px){

    /*-----------------section02 about-----------------*/
    #section02{padding-bottom: 285px;}
    .section_title_wrap .section_title{font-size: 22px;}
    .section_title_wrap .section_tilte_text{margin: 5px 0; font-size: 14px;}
    .section_title_wrap .section_tilte_text::after{margin-left: -13px; width: 26px; height: 2.5px;}

    .content_wrap{margin-top: 60px;}
    .content_wrap .left_content{width: 560px; height: 330px;}
    .content_wrap .right_content{top: 270px; right: -55px; }

    .content_wrap .right_content .text_wrap{padding: 40px 30px; width: 560px; height: 330px; margin-left: 0px; }
    .content_wrap .right_content .text_wrap .mid_text{margin: 10px 0 30px 0; font-size: 28px; word-break: keep-all;}
    .content_wrap .right_content .text_wrap .bottom_text{font-size: 16px; word-break: keep-all;}
    .content_wrap .right_content .text_wrap .btn_more{bottom: 40px; }
    .content_wrap .right_content .text_wrap .btn_more a{font-size: 14px;}
    .content_wrap .right_content .bookmark{margin: 90px 0 0 -55px;}
    .content_wrap .right_content .bookmark .bookmark_text{font-size: 14px;}

}

/*세부조정*/
@media all and (max-width:660px){   
    /*-----------------section02 about-----------------*/
    #section02{padding-bottom: 285px;}

    .content_wrap .left_content{width: 400px; height: 280px;}
    .content_wrap .right_content{top: 220px; right: -48px; }

    .content_wrap .right_content .text_wrap{width: 400px; height: 330px;}
    .content_wrap .right_content .text_wrap .mid_text{font-size: 26px;}
    .content_wrap .right_content .text_wrap .bottom_text{font-size: 15px;}
    .content_wrap .right_content .bookmark{margin: 90px 0 0 -48px; width: 130px; height: 35px; }
    .content_wrap .right_content .bookmark .bookmark_text{line-height: 35px;}

}

@media all and (max-width:500px){   
    /*-----------------section02 about-----------------*/
    #section02{padding-bottom: 260px;}

    .content_wrap .left_content{width: 340px; height: 250px;}
    .content_wrap .right_content{top: 190px; right: -50.5px; }

    .content_wrap .right_content .text_wrap{width: 350px; height: 310px;}
    .content_wrap .right_content .text_wrap .mid_text{font-size: 24px;}
    .content_wrap .right_content .text_wrap .bottom_text{font-size: 14px;}
    .content_wrap .right_content .bookmark{margin: 90px 0 0 -50.5px; height: 30px; }
    .content_wrap .right_content .bookmark .bookmark_text{line-height: 30px;}
  
}

@media all and (max-width:420px){   
    /*-----------------section02 about-----------------*/
    #section02{padding-bottom: 250px;}

    .content_wrap .left_content{width: 280px; height: 190px;}
    .content_wrap .right_content{top: 145px; right: -43px; }

    .content_wrap .right_content .text_wrap{padding: 25px; width: 280px; height: 290px;}
    .content_wrap .right_content .text_wrap .top_text{font-size: 14px;}
    .content_wrap .right_content .text_wrap .mid_text{font-size: 20px;}
    .content_wrap .right_content .text_wrap .bottom_text{font-size: 14px;}
    .content_wrap .right_content .text_wrap .btn_more{bottom: 25px;}
    
    .content_wrap .right_content .bookmark{margin: 90px 0 0 -43px; height: 25px; width: 110px; border-bottom-right-radius: 7px;}
    .content_wrap .right_content .bookmark .bookmark_text{line-height: 25px; font-size: 12px;}

}