@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
    font-family: '³ª´®°íµñ','Nanum Gothic','NanumGothic',sans-serif !important;
}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;}
img {vertical-align: top;}
ol, ul , li{
	list-style: none;
}
.clearfix:before,
.clearfix:after{ content: ''; display: table;}
.clearfix:after { clear: both }


body {
/*    background-color: #f6f7f7;*/
    font-family: '³ª´®°íµñ','Nanum Gothic','NanumGothic',sans-serif !important;
}
/*********************header***********************/
.container {
    width: 1200px;
    margin: 0 auto;
    font-family: '³ª´®°íµñ','Nanum Gothic','NanumGothic',sans-serif !important;
}
/*
.gnb_top{
    height: 80px;
}
*/
header .container {position: relative;}
header .container .top_slogan {position: absolute; top: 50%; transform: translateY(-50%); right: -165px; width: 200px;}
header .container .top_slogan img { width: 100%;}

.gnb1 {
    border-bottom: 1px solid lightgray;
}
.gnb1 ul {
    width: 1200px;
    margin: 0 auto;
}
.gnb1 ul li {
    height: 30px;
}
.gnb1 ul li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    display: inline-block;
    height: 30px;
    text-align: left;
    line-height: 24px;
    padding: 5px;
}
.gnb1 ul li a:hover {
    background: #000;
    color: #fff;
}
.gnb2 {
    position: relative;
    height: 80px;
}
.gnb2 .gnb2_con {
    width: 1200px;
}
.gnb2_list_menu {
    float: right;
}
.gnb2 .gnb2_list_menu .gnb2_con li {
    float: left;
    width: 240px;
    text-align: center;
}
.gnb2 .gnb2_list_menu .gnb2_con li:first-child {
    margin-left: 240px;
}
.gnb2 .gnb2_con li a:hover {
    color: black;
}

.gnb2 .gnb2_con li a {
    text-decoration: none;
    color: #333;
    font-weight: 700;
    line-height: 80px;
}

.gnb_logo{
    float: left;
    position: absolute;
    left: 0;
    background-image: url(../img/logo.png);
    width: 272px;
    height: 44px;
    background-repeat: none;
    background-size: cover;
    top: 50%;
    transform: translate(0%,-50%);
    
}
.dropdown {
    position: absolute;
    top: 80px;
    width: 1200px;
    background: #fff;
    height: 370px;
    display: none;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    z-index: 99999;
}
.dropdown .dropdown_menu {
    vertical-align: top;
    line-height: 60px;
    height: 370px;
    width: 240px;
    float: left;
}
.dropdown .dropdown_menu .mini_dropdown {display: none;}
.dropdown .dropdown_menu .mini_dropdown a {display: block; font-size: 14px; line-height: 2em;}

.dropdown .drop_container {
    float: right;
}
.dropdown_sub_01 {
}
.dropdown .dropdown_menu a:hover {
    color: black;
}
.dropdown .dropdown_menu a {
    text-decoration: none;
    color:#407038;
    font-weight: 500;
    
}
.dropdown_menu li {
    text-align: center;
}
.dropdown_menu:hover {
    background: #f1f1f1;
}
.drop_img {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 240px;
    height: 370px;
}
.drop_img_01 {
    background-image: url(../img/drop_img_01.jpg);
}
.drop_img_02 {
    background-image: url(../img/drop_img_02.jpg);
}
.drop_img_03 {
    background-image: url(../img/drop_img_03.jpg);
}
.drop_img_04 {
    background-image: url(../img/drop_img_04.jpg);
}

/*********************header end***********************/

/**********************top**********************/

/**********************top end**********************/

/**********************main****************************/
main {
    width: 100%;
	overflow: hidden;
}
main .main_con {
    background-image: url(../img/main.jpg);
    background-size: cover;
    background-position: center 70%;
    background-repeat: no-repeat;
    height: 600px;
    position: relative;
    text-align: center;
}
main .main_con .main_con_copy {
    padding-top: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
main .main_txt {
    color: #fff;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 5px;
}
main img {
}
/**********************main end****************************/

/************************contents********************************/
.con_con1 li.con_btn {
    width: 200px;
    height: 200px;
    float: left;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff;
}
.con_btn:hover p {
    position: absolute;
    top: 15px;
    left: 15px;
    transition:.2s;
}
.con_btn a img {position: absolute; right: 20px; bottom: 20px;}
.con_btn:hover a img {
    position: absolute;
    bottom: 25px;
    right: 25px;
    transition: .2s;
}
.con_con1 li p {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    line-height: 30px;
}
.con_con1 li.con_btn a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.con_con1 li i {
    text-decoration: none;
    color: #fff;
    font-size: 60px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.con_con1 li.con_btn_01 {
    background: #407038;
}
.con_con1 li.con_btn_02 {
    background: #f0852c;
}
.con_con1 li.con_btn_03 {
    background: #607e8c;
}
.con_con1 li.con_btn_04 {
    width: 400px;
    height: 200px;
    float: left;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    text-align: center;
}
.con_con1 li.con_btn_04:hover a {
    width: 410px;
    height: 200px;
    transition: .2s;
    position: absolute;
    left: 0;
}
.con_con1 li.con_btn_04 a {
    width: 400px;
    background-image: url(../img/photo_06.jpg);
    background-size: 100%;
    background-position: center center;
    text-align: center;
    height: 200px;
    float: left;
    display: inline-block;
}
.con_con1 li.con_btn_04:hover {
    background-size: 105%;
    transition: .2s;
}
.con_con1 li.con_btn_04 p {
    font-weight: 900;
    margin-left: 270px;
    color: #fff;
}
.con_con1 .boss {
    float: left;
    width: 200px;
    height: 200px;
    background-image: url(../img/main_photo.jpg);
    background-size: cover;
    background-position: bottom;
    position: relative;
    
}

.con_con1 .boss:hover .boss_btn {
    display: block;
}

.con_con1 .boss b {
    font-size: 18px;
    font-weight: 800;
    float: left;
    color: #0f4c81;
}

.con_con1 .boss .boss_name {
    line-height: 20px;
    font-size: 12px;
    font-weight: 800;
    color: #000;
    display: inline-block;
    left: 15px;
    top: 6px;

}
.con_con1 .boss a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.con_con1 .boss a p {
    display: inline-block;
}
.con_con1 a.boss_btn {
    width: 200px;
    height: 200px;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    position: absolute;
    z-index: 10000;
    left: 0;
    display: none;
}
.con_con1 a.boss_btn p.boss_btn_txt {
    position: absolute;
    left: 70px;
    top: 160px;
    font-size: 12px;
}
/*****************con2 main_board*************************/

.con_con2 li {
    width: 49%;
    float: left;
	margin-right: 2%;
}
.con_con2 li:last-of-type {margin-right: 0;}
.main_board {
    margin-top: 50px;
/*    margin-right: 40px;*/
}
.main_board_center {
    padding: 0px 30px;
}

p.more_txt {
    font-size: 24px;
    text-align: left;
    position: relative;
    font-weight: 700;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
    letter-spacing: -2px;
    color: #333;
}
p.more_txt a {
    text-decoration: none;
    color: #666;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0;
    position: absolute;
    right: 0;
    top: 10px;
}
p.more_txt a:hover {
    text-decoration: underline;
}

.con_con2 .board {
}
.con_con2 .board td a:hover {
    font-weight: 700;
}
.con_con2 .board td a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.con_con2 .board td {
    padding: 13px 0px;
    font-size: 14px;
}
/*****************con2 main_board_end*************************/

/********con3 photo_gallrey***********/
.con_con3 {
    float: left;
    margin-top: 20px;
}
.con_con3 td a {
    text-decoration: none;
}
.con3_wrapper {
    width: 1200px;
}
p.more_photo a {
    margin-left: 10px;
}
p.more_photo {
    margin-bottom: 15px;
}
/********con3 photo_gallrey end***********/


.con_con4 {
    text-align: center;
}
.con_con4 ul {
    display: inline-block;
    margin: 50px auto;
}
.con_con4 ul li {
    float: left;
    border: 1px solid lightgray;
    box-sizing: border-box;
    margin: 0px 3px 0px 3px; 
}
.con_con4 li:first-child {
    margin: 0px 3px 0px 0px;  
}
.con_con4 li:last-child {
    margin: 0px 0px 0px 3px;  
}
.con_con4 li img {
    height: 30px;
    width: 125px;
    background: #fff;
}
/************************contents end********************************/

/*****************************footer*********************************/
footer{
    display: inline-block;
    width: 100%;
    background: #fff;
    text-align: left;
    height: 180px;
    text-align: center;
}
footer .footer_logo {
    background-image: url(../img/logo.png);
    width: 272px;
    height: 44px;
    background-size: cover;
    float: left;
    display: inline-block;
    margin-top: 56px;
}
footer ul li {
    float: right;
    margin-left: 20px;
}
footer ul {
    height: 20px;
    margin-top: 50px;
    margin-left: 405px;
}
footer ul li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
footer ul li a:hover {
    text-decoration: underline;
}
footer .footer_copy {
    display: inline-block;
    width: 1200px;
}
footer .footer_copy .copy {
    display: inline-block;
    text-align: right;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.7em;
    float: right;
    margin-top: 10px;
}
/*****************************footer end*********************************/

/********************************sub_common*****************************************/
.sub_top p {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sub_top {
    width: 100%;
    background-size: cover;
    background-position: center center;
    height: 200px;
    position: relative;
}
.sub_top01 {background-image: url(../img/sub_slider01.jpg)}
.sub_top02 {background-image: url(../img/sub_slider02.jpg)}
.sub_top03 {background-image: url(../img/sub_slider03.jpg)}
.sub_top04 {background-image: url(../img/sub_slider04.jpg)}

.sub {
    width: 1200px;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    
}
.contents {
    width: 900px;
    text-align: left;
    float: right;
}
.sub_navi {
    border-bottom: 1px solid lightgray;
    display: inline-block;
    width: inherit;
    padding: 10px 0px;
    margin-bottom: 10px;
}
.sub_navi p {
    float: left;
    font-size: 30px;
    font-weight: 600;
}
.navi_btn {
    float: right;
    color: #666;
}
.navi_btn img {
}
.navi_btn span {
    font-size: 12px;
}
.navi_btn a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
}
.navi_btn a:hover {
    text-decoration: underline;
}
.contents_01_01 .sub_01_img {
        text-align: center;
        background: url(../img/sub_01_img.jpg) no-repeat;
        width: 900px;
        height: 207px;
    }
.contents_01_01 p.sub_01_txt {font-size: 16px ;text-align: left; line-height: 26px; color: #333; margin-top: 20px; letter-spacing: 0.1em; font-weight: 500;}
.contents_01_01 p.sub_01_txt b {font-size: 22px; line-height: 1.5em; color: #0f4c81; font-weight: 700;}
.contents_01_01 p.sub_01_txt img {width: 200px;}

/********************************sub_01 end*****************************************/
.sub01_photo { float: left;}
.sub01_photo img {float: left;}
.sub01_photo .sub01_name{float: left; position: relative; left: 20px ;top: 240px; text-align: right;}
.sub01_photo .sub01_name p {font-size: 20px;}
.sub01_photo .sub01_name p b{font-size: 34px;}
/*******************tab************************/
    .tab {
        display: inline-block;
        position: absolute;
        top: -96px;
    }
    .tab_menu {
        width: 210px;
        height: 350px;
    }
    .tab_menu > li {
        list-style: none;
        height: 48px;
        text-align: left;
        border-left: 1px solid lightgray;
        border-right: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
           box-sizing: border-box;
           position: relative;
    }
    .tab_menu > li:hover {
        background: #f8f8f8;
    }
    .tab_menu > li:hover > a {
        color: dodgerblue;
    }
    .tab_menu > li > a {
        text-decoration: none;
        color: #000;
        line-height: 48px;
        display: block;
        padding-left: 10px;
        font-weight: 700;
        font-size: 14px;
    }
.tab_menu .minitab_menu{border-left: 1px solid lightgray;
        border-right: 1px solid lightgray;
        border-bottom: 1px solid lightgray;}
.tab_menu .minitab_menu a {display: block; font-size: 12px; padding: 5px 15px;}
    p.tab_title {
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        line-height: 96px;
        background: #407038;
        width: 210px;
        height: 96px;
        text-align: center;
        position: relative;
        
    }
p.tab_title02 {background: #5f7d8b;}
p.tab_title03 {background: #f08730}
p.tab_title04 {background: #565656}
/*******************tab end************************/

/*******active**********/
.tab_menu li a:before {content: ''; border: 8px solid #333; border-top: 6px solid transparent; border-right: none; border-bottom: 6px solid transparent; position: absolute; top: 50%; right: 10px; transform:translateY(-50%); display: none;}
.sub01 .tab_menu li:first-of-type a:before,
.sub02 .tab_menu li:nth-of-type(2) a:before,
.sub03 .tab_menu li:nth-of-type(3) a:before,
.sub04 .tab_menu li:nth-of-type(4) a:before,
.sub05 .tab_menu li:nth-of-type(5) a:before,
.sub06 .tab_menu li:nth-of-type(6) a:before {display: block;}


/*********sub01_02**********/
.intro table {
border-collapse: collapse; width: 900px; font-size: 14px; margin: 20px auto; text-align: left;
}
.intro table th, .intro table td {padding: 10px 0; line-height: 30px;}
.intro table th {font-size: 16px; background: #fff;}
.intro table th.intro_left {text-align: center; border-right: 1px solid gray;}
.intro table td p {display: list-item; list-style: square inside; padding-left: 10px;}
.intro table:first-child,
.intro table:nth-child(2),
.intro table:nth-child(3)
{border-top: 3px solid #407038;}

.intro table tbody {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.intro .table_long tr:nth-child(1) {
    border-top: 3px solid #407038;
}
/*********sub01_04**********/
/*
.contents_01_04 table {
    margin-top: 20px;
    margin-bottom: 100px;
    padding-top: 20px;
    border-collapse: collapse;
    text-align: center;
    border-left: none; border-right: none;
}
.contents_01_04 table td img {max-width: 117px; }
.contents_01_04 table td,
.contents_01_04 table th{padding: 16px 20px;}
.contents_01_04 table .table_job {border-top: 2px solid #333; background: #e7e7e7;}
*/
.sub04 .contents .member .board{position: relative;}
.sub04 .contents .member .board:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
}
.sub04 .contents .member h1 { 
    border-left: 3px solid #407038;
    font-size: 20px;
    padding-left: 10px;
    margin-top: 50px;
    margin-bottom: 20px;
}
/*********sub01_05**********/
table.map_table {border-collapse: collapse; margin-top: 30px; border-top: 3px solid #407038;}
table.map_table tbody {border-left: 1px solid transparent;
    border-right: 1px solid transparent;}
table.map_table td {padding: 10px; text-align: center; font-size: 14px;}
table.map_table th {text-align: center; background: #e7e7e7; font-size: 16px;}

/**********sub03_01************/
.partner .partner_table {}
.partner .partner_table .partner_con {width: 32%; margin: auto 3px; padding: 20px; display: inline-block; border: 1px solid lightgray; background: #fff; box-shadow: 0 3px 5px rgb(0 0 0 / 10%);}
.partner .partner_table .partner_con .void {display: none;}
.partner .partner_table h4 {width: 100%; border-bottom: 3px solid #407038; color: #407038; font-weight: 900; padding-bottom: 5px;}
.partner .partner_table .partner_con ul li {font-size: 14px; width: 70%; float: left; border-bottom: 1px solid lightgray; padding-top: 24px; padding-bottom: 5px;}
.partner .partner_table .partner_con ul li:first-child,
.partner .partner_table .partner_con ul li:nth-child(3) {width: 30%; font-weight: 600;}
/*news*/
.contents_sub_news {
    float: none;
    margin: 0 auto;
}