<style>
   /*일반 문서 페이지 css*/
    ui,li,dl,dd,dt {margin: 0; padding: 0;}
    dd {padding-left: 20px; text-indent: -10px;}
    dd::before {content: "- ";}
    .main_section { position: relative; width: 100%; box-sizing: border-box; overflow: hidden; padding: 10px 1.5% 10px 1.5%; line-height: 1.5; word-break: keep-all;}

    /*--모바일에서 메인섹션 패딩 0--*/
    @media only screen and (max-width: 600px) {.main_section { padding: 0px; }        }
    /*사진*/
    .content_img {text-align: right; box-sizing: border-box; padding: 0px; /*background-color: red;*/ position: absolute; overflow: hidden; top: 0px; right: 0;}
    
    /*사진 최소 크기들어갈 max-width*/
    .content_img img {width: 145px; height: 145px; display: block; margin: 0 auto; border: 5px solid #f1f1f1; border-radius: 50%;}
    .content_text {overflow: hidden; box-sizing: border-box; width: 100%; padding: 10px 0 0px 0; position: relative;}
    @media only screen and (max-width: 600px) {
        .content_text {padding: 0px 0 20px 0;}
        .main_section { position: relative; width: 100%; box-sizing: border-box; overflow: hidden; padding: 20px 0px; padding: 10px 1.5% 10px 1.5%; line-height: 1.5; word-break: keep-all;}
    }
    .img_bottom_name { font-weight: 700; color: #4c67b4; text-align: center;}
    .content_item .name{float:right;}

    /*--타이틀 박스 디자인--*/
    .title_wrap { border-bottom: 1px solid #ddd; margin: 20px 0 0px 0;/*--background-color: #cccccc;--*/ background-position: right; background-repeat: no-repeat; background-size: contain; position: relative;}
    /*--모바일에서 타이틀 박스 백그라운드 이미지 보이지 않게--*/
    @media only screen and (max-width: 600px) {
        .title_wrap {background-position: -9999px -9999px;}
        }
        /*--택스트--*/
    .title_1, .title_2, .title_3, .title_4,.title_5  {margin: 0;}
    .title_1 {color: #440a67; font-size: 2.5rem; font-weight: 700;}
    .title_1_2{ color: #f08300; font-size: 1.4rem; font-weight: 700; margin: 7px 0 10px 0;}
    .title_2 {color: #f08300; font-size: 1.4rem; font-weight: 500; margin: 26px 0 10px 0;}
    .title_3 {color: #3b329e; font-size: 1.1rem; font-weight: 500; margin: 0px 0 6px 0;}
    .title_4 {color: #287B24; font-size: 1.0rem; font-weight: 500; margin: 30px 0 10px 0;}
    .title_4_2 {color: #287B24; font-size: 1.0rem; font-weight: 500; margin: 10px 0 10px 0;}
    .title_5 {color: #555; font-size: 1.0rem;  margin: 10px 0 10px 0;}

    @media only screen and (max-width: 600px) {
        .title_1, .title_2, .title_3, .title_4 {margin: 5px 0 5px 0; line-height: 1.2;}
        .title_1 {font-size: 2rem;}
        .title_4 {margin-top: 15px;}
		.title_4_2 {margin-top: 10px;}
        }

        /*--타이틀 박스 디자인 끝--*/

    .content_text .content_item {
        padding: 20px 20px 17px 20px; border: 1px solid #c6c6c6; border-radius: 5px; margin-top: 20px; overflow: hidden; font-size: 20px;font-weight: 400;
    color: #666666; }
    .content_text .content_item li {padding: 10px 0px 10px 0px;        }
    .content_item img {width: 22%; height: auto; display: block; float: left; border: 0px solid #f1f1f1; border-radius: 10px; box-sizing: border-box; margin: 0 20px 0 0;      }
    @media only screen and (max-width: 600px) {
        .content_item img {float: none; width: 80%; margin: 10px auto 20px;   }
        /*.clearfix::after {content: "";clear: both;}*/
    }
    @media only screen and (max-width: 600px) {
        .content_text .content_item {padding: 10px 10px 10px 10px;            }
    }
        /*---아이템 이미지 박스--*/

    .item-list { display: block; margin-top: 20px; overflow: hidden;        }
    .item-list li { display: block; overflow: hidden; padding: 10px 10px 5px 10px; background: #fff; color: #202020; border-radius: 5px; border: 1px solid #c6c6c6; opacity: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;        }
    .item-list li:hover { -webkit-box-shadow: 0px 10px 7px 0px rgba(0, 0, 0, 0.26); box-shadow: 0px 10px 7px 0px rgba(0, 0, 0, 0.26); opacity: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;        }
    .item img {width: 100%; margin-bottom: 1.5rem; border-radius: 5px; 
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .5s ease-in-out;
            transition: .5s ease-in-out;      } 

    .item-list li:hover img {-webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; }

    .item1 {margin: 0 1% 0 0;        }
    .item2 {margin: 0 1% 0 1%;        }
    .item3 {margin: 0 0 0 1%;        }
    .item {width: 32%; float: left; margin-bottom:20px;        }
   @media (max-width: 600px) {		              
        .item {width: 48%;            }
        .item1 {width: 100%; margin: 0 0% 20px 0;            }
        .item2 {width: 100%; margin: 0 0 20px 0%;            }
        .item3 {width: 100%; margin: 0 0 20px 0;            }
        }
    @media (max-width: 600px) {}
    @media (max-width: 400px) {
        .item {width: 100%;            }
        .item1 {margin: 0 0 20px 0;            }
        .item2 {margin: 0 0 20px 0;            }
        .item3 {margin: 0 0 20px 0;            }
    }

.ititle{padding:50px 0; font-size:3rem; font-weight:bold; color:#000;}