@charset "utf-8";


/*카테고리 버튼 스타일*/
ul.tabs_item {
display:block;
padding: 10px 0;

list-style: none;
height: auto;
border-bottom: 0px solid #eee;
width: 100%;
overflow: hidden;
text-align: center;
}

ul.tabs_item li {
display: inline-block;
border-radius: 10px;
text-align: center;
cursor: pointer;
width: 20%;
height: auto;
line-height: 50px;
border: 2px solid #888;
margin: 0 5px;
background: #fff;
overflow: hidden;
position: relative;
font-size: 110%;
font-weight: 500;
letter-spacing: -1px;
}

ul.tabs_item li a{display:block; width:100%; height:100%; color:#666;}

ul.tabs_item li.end {
width: 34%;
}

ul.tabs_item li.active {
background: #fff;
border: 2px solid #f60;
}
ul.tabs_item li.active a{color:#f60;}
.tab_container {
border: 0px solid #eee;
border-top: 0px;
clear: both;
float: left;
width: 100%;
}

@media(max-width:1200px){
ul.tabs_item li {width:100%; margin:2px 0;}
}
@media(max-width:992px){

}
@media(max-width:768px){

}
@media(max-width:480px){

}

/*페이지
#sidemenu {float: none; display:none !important;}
#subpage .localcontent{float: none !important; width:100% !important;}
*/

.kmcs{display:block;}
.send_privacy{clear:both; padding-bottom:80px;}
.send_privacy h4{clear:both; color:#eee; font-size:140%; font-weight:900; padding:20px 0;}

ul.process_circle li{display:inline-block; width:16%; height:100px; border:5px solid #eee; border-radius:20px; padding:10px 0;}
ul.process_circle li b{display:block; line-height:20px; font-size:200%; text-align:center !important; padding:10px 0 5px 0;}
ul.process_circle li span{display:block; line-height:20px; text-align:center !important; padding-top:10px;}

@media(max-width:1200px){
ul.process_circle li{
        width: auto;
    margin: 10px;
    padding: 15px;
    height: auto;
    }
}



/* 내용관리 */
#ctt {/*margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9*/}
.ctt_admin {margin:0 5px;text-align:right; display:none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 0; width:100%; min-width:830px;}
#ctt_con h1{margin:20px 0 20px 0; font-size:140%; font-weight:900;}
.ctt_img {text-align:center}




			.wrap_ceo1 .subtitle-ment {
                padding: 10px 0 30px 0;
                color: #777;
            }

            .wrap_ceo1 .title_group h3.page_title {
                font-size: 200%;
                border-bottom: 1px solid #ddd;
                padding-top: 0;
                padding-bottom: 10px;

                font-weight: 900;
                text-align: left;
            }
			.wrap_ceo1 .title_group .title_ment {
				display:block;
                color:#777;
                padding:15px 0 30px 0;
            }




            .wrap_ceo1 .img_ceo {
                display: block;
                background: #f8f8f8;
                float: left;
            }
            .wrap_ceo1 .img_ceo img{display:block; padding-bottom:10px;}
            .wrap_ceo1 .content_greeting h4 {
                font-family: 'Nanum Myeongjo', serif;
                font-weight: 700;
                font-size: 170%;
                color: #282828;
                margin-bottom: 40px;
                line-height: 1.3;
                letter-spacing: -1px;
            }

            .wrap_ceo1 .content_greeting h4 span {
                color: #007bff;
            }
            .wrap_ceo1 .name_ceo{float:right;}
			.wrap_ceo1 .sign_ceo {float:none; padding-top:30px;}
			.wrap_ceo1 .sign_ceo img{clear:both; display:block; padding:20px;}
            .wrap_ceo1 .career_ceo{display:block; float:right;}
            .wrap_ceo1 .contentarea {
                float: right;
                width: 48%;
                overflow:hidden;
                text-align: justify;
            }

            .wrap_ceo1 ul.cr {
                float: right;
                display: block;
                clear: both;
                margin: 30px 0;
            }

            .wrap_ceo1 ul.cr li {
                display: block;
                font-size: 90%;
            }


            @media(max-width:1200px) {}

            @media(max-width:992px) {}

            @media(max-width:768px) {
                .wrap_ceo1 .img_ceo {
                    width: 100%;
                    float: none;
                    margin-bottom: 20px;
                }

                .wrap_ceo1 .contentarea {
                    float: none;
                    width: 100%;
                }
            }

            @media(max-width:480px) {}