@charset "utf-8";


/* layers */
#wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

#header {
    position: relative;
    width: 100%;
    min-height: 131px;
    font-family: 'Nanum Gothic';
}

#contents {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 400px;
}

#footer {
    position: relative;
    width: 100%;
    min-height: 128px;
    padding: 0;
    clear: both;
    color: #3f3f3f;
}

/* header */
#header .gnb {
    position: relative;
    width: 1000px;
    height: 80px;
    margin: 0 auto;
    font-family: 'Nanum Gothic';
}

    #header .gnb .logo {
        float: left;
        position: relative;
        top: 19px;
        left: 0;
        width: 199px;
        height: 41px;
    }

        #header .gnb .logo a {
            display: block;
        }

    #header .gnb .bn {
        position: absolute;
        left: 45px;
        top: 21px;
    }

    #header .gnb .stgroup {
        text-align: right;
    }

.gnb .top_menu {
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: 'Nanum Gothic Bold' !important;
    color: #555 !important;
    padding: 10px;
    border-radius: 18px;
}

    .gnb .top_menu ul {
        position: relative;
        display: block;
        padding: 0px 5px;
        font-size: 0;
    }

        .gnb .top_menu ul li {
            font-size: 11px;
            font-weight: normal;
            float: left;
            padding: 0 7px 0 8px;
            font-family: 'Nanum Gothic Bold' !important;
            color: #222 !important;
        }

            .gnb .top_menu ul li a {
                color: #656565;
                display: block;
            }

            .gnb .top_menu ul li p {
                display: block;
                padding-top: 5px;
                width: 48px;
                height: 10px;
                float: left;
                vertical-align: middle;
                margin-top: -4px;
                font-family: 'Nanum Gothic Bold' !important;
                color: #222 !important;
            }

.li_bg {
    background: url(/bweb/common/marinecenter/images/top_nav_bar.gif) no-repeat right center;
}

.con02 > div,
.con02 > table {
    margin-left: 5px;
    width: 484px;
    float: right;
}

    .con02 > div.title {
        line-height: 44px;
        padding-left: 56px;
        font-size: 15px;
        box-sizing: border-box;
        height: 43px;
        background: url(/bweb/common/marinecenter/images/main_list_title.jpg) no-repeat 0 0 #24baed;
        color: #fff;
        font-family: 'Nanum Gothic Bold' !important;
    }

.con02 > table {
    border: 2px solid #64cff4;
    border-top: 0;
}

.con02 table th {
    line-height: 28px;
    text-align: center;
    background-color: #def6fe;
    color: #0083b0;
    border-bottom: 1px solid #b3e6f8;
}

.con02 table td {
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    border-bottom: 0px solid #b3e6f8;
}

.con02 table tr:nth-child(2n+1) {
    background: #fff;
}

.con02 table tr:nth-child(2n) {
    background: #f5f8fe;
}
.con02 table tr:hover {
    background: #ededed;
    font-family: 'Nanum Gothic Bold' !important;
}

    .con02 table tr:hover > td a.icon_red {
        background: #f17b7b;
    }

    .con02 table tr:hover > td a.icon_blue {
        background: #3cabea;
    }

.con02 table tr:last-child td {
    border-bottom: 0;
}

.con03 {
    margin-top: 7px;
    margin-left: 5px;
    width: 485px;
    float: right;
}

    .con03 ul li {
        float: left;
    }

        .con03 ul li a {
            background-color: #fff;
            display: block;
            height: 100%;
            width: 100%;
        }

            .con03 ul li a:hover img {
                opacity: 0.9;
            }
/* 상단메뉴 */
.gnbAll {
    position: relative;
    width: 100%;
    height: 50px;
    background: #2183d5;
    border-bottom: 1px solid #0665b5;
    z-index: 900;
}

    .gnbAll .li_01,
    .gnbAll .gnb_2dep {
        position: relative;
        width: 1000px;
        margin: 0 auto;
    }

        .gnbAll .gnb_2dep > ul > li {
            float: left;
            width: 250px;
            height: 50px;
        }

            .gnbAll .gnb_2dep > ul > li > span {
                display: block;
                width: 250px;
                position: absolute;
                top: 0;
                height: 51px;
                cursor: pointer;
                text-align: center;
                font-size: 19px;
                color: #fff;
                font-family: 'Nanum Gothic Bold';
                cursor: pointer;
                background: url(/bweb/common/marinecenter/images/nav_line_01.gif) no-repeat 0 center;
            }

                .gnbAll .gnb_2dep > ul > li > span:hover {
                    background: url(/bweb/common/marinecenter/images/nav_line_01.gif) no-repeat 0 center #1D73BB;
                    /*border-bottom: 2px solid #d3f86e;*/
                    box-sizing: border-box;
                }

            .gnbAll .gnb_2dep > ul > li:hover > span {
                background: url(/bweb/common/marinecenter/images/nav_line_01.gif) no-repeat 0 center #1D73BB;
                border-bottom: 2px solid #d3f86e;
                box-sizing: border-box;
            }

                .gnbAll .gnb_2dep > ul > li:hover > span a {
                    color: #d3f86e;
                }

            .gnbAll .gnb_2dep > ul > li > span a {
                display: block;
                width: 100%;
                height: 100%;
                line-height: 50px;
                color: #fff;
            }

                .gnbAll .gnb_2dep > ul > li > span a:hover {
                    color: #d3f86e;
                }

/* 
    footer 
*/
#footer_line {
    position: relative;
    width: 100%;
    /*height: 33px;*/
    clear: both;
    border-top: 1px solid #ddd;
    /*border-bottom: 1px solid #ddd;*/
    background: #fff;
}

.footer_ban {
    position: relative;
    width: 1000px;
    margin: 0px auto;
    clear: both;
}

#footer_line .mw_an_namo {
    width: 626px;
    height: 19px;
    padding: 8px 0 0 0;
    float: left;
}

#footer_line li.nosep {
    padding: 0 10px 0 0px;
    background: none transparent scroll repeat 0% 0%;
    font-family: 'Nanum Gothic Bold';
    color: #222;
}

#footer_line .mw_an_namo a {
    font-size: 0.9em;
    color: #545454;
    letter-spacing: -0.5px;
}

    #footer_line .mw_an_namo a:hover {
        color: #333;
    }

#footer_line li {
    float: left;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 6px;
    padding-right: 6px;
    display: inline;
    letter-spacing: 0px;
    padding-top: 3px;
    line-height: 13px;
}

.footer_center {
    position: relative;
    width: 980px;
    margin: 0px auto;
    clear: both;
}

.flogo {
    position: absolute;
    top: 20px;
    left: 10px;
}

.footer_center address {
    position: absolute;
    top: 21px;
    left: 220px;
    color: #3f3f3f;
    font-size: 11px;
    font-style: normal;
    line-height: 130%;
}
.footer_center address p {
    width:100%;
}
.footer_center .font_style01 {
    color: #8c8c8c;
}

.url_link {
    position: absolute;
    float: right;
    top: 0px;
    left: 772px;
}

    .url_link select {
        border: 0px;
        width: 150px;
        height: 26px;
    }

.qrcode {
    position: absolute;
    float: right;
    top: 16px;
    left: 920px;
}
/* footer - sitelink */
.site_link2 {
    position: relative;
    width: 182px;
    height: 33px;
    float: left;
}

.drop_mn {
    position: relative;
    text-align: left;
}

.site_link2 h3 {
    width: 182px;
    height: 25px;
    padding: 5px 0 3px 8px;
    background: #fff;
    border-left: 1px solid #ddd;
}

    .site_link2 h3 a {
        font-size: 12px;
        font-weight: normal;
        color: #999;
        letter-spacing: -0.5px;
        line-height: 12px;
        padding-top: 7px;
        display: block;
    }

.drop_mn a.site_open {
    position: absolute;
    top: -1px;
    right: -1px;
}

.drop_mn .drop_in {
    position: absolute;
    bottom: 34px;
    left: 0;
    padding-left: 0;
    width: 182px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 999;
}

    .drop_mn .drop_in .site_list {
        padding: 5px 0;
        overflow: hidden;
    }

        .drop_mn .drop_in .site_list li a {
            display: block;
            color: #333;
            font-size: 12px;
            padding: 1px 0;
            white-space: nowrap;
        }

        .drop_mn .drop_in .site_list li {
            width: 100%;
        }

    .drop_mn .drop_in a.site_close {
        position: absolute;
        bottom: -35px;
        right: 0px;
    }

/* main_content */
.content_in {
    position: relative;
    top: 0;
    width: 1000px;
    margin: 0 auto;
    padding: 15px 0;
}

.content_div {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    height: 498px;
    padding: 20px 0;
}

/* buttoun */
.btn {
    text-align: center;
    margin-top: 20px;
}

    .btn a:hover {
        text-decoration: none;
    }

.btn_01 {
    display: inline-block;
    padding: 15px 30px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    background: #545454;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Nanum Gothic Bold';
}

    .btn_01:hover {
        background: #2f2f2f;
    }

.btn_02 {
    display: inline-block;
    padding: 15px 30px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    background: #0054aa;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Nanum Gothic Bold';
}

    .btn_02:hover {
        background: #003d7c;
    }

.btn_st1 {
    border: 1px solid #ddd;
    padding: 3px 5px;
    border-radius: 2px 2px 2px 2px;
    background: #fff;
    color: #333;
}

.icon_red {
    display: inline-block;
    padding: 3px 0px;
    border-radius: 10px;
   margin: 5px; 0;
    line-height: 11px;
    color: #ffffff !important;
    background: #f29f9f;
    cursor: text;
    width: 45px;
    vertical-align: initial;
}

.icon_blue {
    display: inline-block;
    padding: 3px 10px;
  margin: 5px; 0;
    border-radius: 10px;
    background: #8ccbef;
    line-height: 11px;
    color: #ffffff !important;
    cursor: text;
    vertical-align: initial;
}

.con01 {
    width:100%;
}
.con02 {
    width:100%;
}
#con_m li {
    width:20%;
}
#con_m li img {
    width: 100%;
}

/* paginate-style */
.paginate {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 7px 17px;
    text-align: center;
    border-top: solid 1px #dfdfdf;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    margin-top: -1px;
    z-index: 10;
    line-height: 22px;
    height: 24px;
}

div.paginate a.pre_n {
    border: 1px solid #d5d8dc;
    width: 19px;
    height: 14px;
    padding: 4px 0 0 0 !important;
    position: relative;
    text-align: center;
    top: 2px;
    vertical-align: middle;
}

div.paginate a.next {
    border: 1px solid #d5d8dc;
    width: 19px !important;
    height: 14px;
    padding: 4px 0 0 0 !important;
    position: relative;
    text-align: center;
    top: 2px;
    left: 5px;
    overflow: hidden;
    vertical-align: middle;
}

.paginate a.pre, .paginate a.pre_n {
    margin-right: 7px;
}

.paginate a {
    vertical-align: top;
    display: inline-block;
}

div.paginate a.pre_n .spr {
    background-image: url(/images_2016/img/spr_works_761db522ba.png);
    background-position: -532px -318px;
    background-repeat: no-repeat;
    width: 10px;
    height: 17px;
    display: inline-block;
}

div.paginate a.next .spr {
    background-image: url(/images_2016/img/spr_works_761db522ba.png);
    background-position: -532px -334px;
    background-repeat: no-repeat;
    width: 10px;
    height: 14px;
    display: inline-block;
}

.blind {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 0;
    background: 0 0;
    font-size: 0;
    line-height: 0;
}

.paginate {
    padding: 27px 17px;
    text-align: center;
    border-top: solid 1px #dfdfdf;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    margin-top: -1px;
    z-index: 10;
    line-height: 22px;
    height: 24px;
}

div.paginate strong {
    color: #ff3636;
    border-color: #e9e9e9;
}

.paginate strong {
    color: #ff3636;
    border: 1px solid #e9e9e9;
}

div.paginate strong:hover {
    color: #ff3636;
}

.paginate .num, .paginate strong {
    display: inline-block;
    padding: 0 8px;
    color: #333;
    font-weight: 700;
    font-family: tahoma;
    font-size: 12px;
    vertical-align: top;
    height: 22px;
    border: 1px solid transparent;
    _position: relative;
}

.in_div div {
    float: left;
    width: 33%;
    text-align: center;
    background: #f1f1f1;
    border-right: 1px solid #fff;
    margin-right: 2px;
}

.body_RightBlue2 {
    border: 4px solid #ddd;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Nanum Gothic Bold';
}
/* sub - board search */
.page_manage {
    position: relative;
    margin: 30px 0;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    .page_manage .satis_cont {
        position: relative;
        padding: 12px 15px;
        text-align: center;
    }

        .page_manage .satis_cont select {
            border: 1px solid #ddd;
            height: 27px;
        }

        .page_manage .satis_cont input {
            padding: 5px;
            border: 1px solid #ddd;
            line-height: 15px;
        }

        .page_manage .satis_cont a.btn {
            display: inline-block;
            padding: 5px 18px;
            text-align: center;
            background: #2c61c0;
            border-radius: 3px;
            color: #fff;
            margin-top: 0px;
            font-family: 'Nanum Gothic Bold';
        }

            .page_manage .satis_cont a.btn:hover {
                background: #174393;
                color: #fff;
            }



.board_basic01 {
    width: 100%;
    border-top: 2px solid #4297bc;
    border-bottom: 2px solid #88b8d9;
    border-collapse: collapse;
}

    .board_basic01 th {
        background-color: #f7f7f7;
        color: #828282;
        border-bottom: 1px solid #dbdbdb;
        border-collapse: collapse;
        padding: 5px 0;
    }

        .board_basic01 th.sbg {
            background: #dbdbdb;
            color: #5c5c5c;
            border-bottom: 1px solid #e1e1e1;
            border-collapse: collapse;
            padding: 5px 5px;
        }

    .board_basic01 td {
        border-bottom: 1px solid #dbdbdb;
        border-collapse: collapse;
        padding: 5px 0;
        word-break: break-all;
        text-align: center
    }

        .board_basic01 td.al {
            text-align: left;
            word-break: break-all;
            padding: 0 5px;
        }

        .board_basic01 td.ar {
            text-align: right;
            padding-right: 5px;
        }

        .board_basic01 td.data {
            border: 1px solid #d1e3df;
            border-collapse: collapse;
            padding: 15px 10px 12px;
            line-height: normal;
            word-break: break-all
        }

            .board_basic01 td.data td {
                border: none;
            }

            .board_basic01 td.data ol li {
                list-style-type: decimal;
                margin-left: 20px;
            }

            .board_basic01 td.data ul li {
                list-style: disc;
                margin-left: 20px;
            }

#header_m {
    height: 60px;
    overflow: hidden;
    position: relative;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 76%, #eeeeee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 76%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 76%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 0px 10px #555;
    z-index: 2;
    background-image: url(../img/body_bg2.jpg);
    border-bottom:3px solid #1779cb;
}

    #header_m .logo {
        float: left;
        margin-left: 2px;
        font-size: 20px;
        line-height: 56px;
        margin-left: 8px;
    }

        #header_m .logo a {
            display: block;
            width: 80%;
            margin-top: 2%;
        }

        #header_m .logo img {
            width: 100%;
        }

    #header_m .menu {
        position: absolute;
        right: 0px;
        margin: 21px 13px 0;
    }

        #header_m .menu img {
            width: 70%;
        }


/*
  모바일웹 메뉴
*/

#m_nav {
    display: none;
    position: absolute;
    top: 61px;
    right: 0;
    width: 100%;
    height: 280px;
    background-color: #fff;
    z-index: 1002;
    box-sizing: border-box;
    border-bottom: 2px solid #2183d5;
}

    #m_nav .deps1 {
        position: absolute;
        right: 0;
        width: 100%;
    }

        #m_nav .deps1 > li {
            padding: 0 14px;
            position: relative;
        }

            #m_nav .deps1 > li > a {
                position: relative;
                display: block;
                width: 100%;
                font-size: 15px;
                font-weight: 600;
                color: #888;
                padding: 11px 20px;
                box-sizing: border-box;
                border-bottom: 1px solid #ddd;
            }
                #m_nav .deps1 > li > a > .arr {
                    display: block;
                    width: 40px;
                    height: 39px;
                    position: absolute;
                    right: 0;
                    top: 0;
                    cursor: pointer;
                    background: url(/bweb/common/marinecenter/images/icon_arr.png) no-repeat center center;
                }
                #m_nav .deps1 > li > a:hover {
                    color: #000;
                }

    #m_nav .title {
        color: #fff;
        height: 30px;
        font-size: 27px;
        padding: 9px 33px !important;
        background: url(/bweb/common/marinecenter/images/m_menu_bg.png) 0 0 #2183d5;
    }

        #m_nav .title span {
            font-size: 11px;
            display: inline-block;
        }

    #m_nav .close_icon {
        display: none;
        overflow: hidden;
        text-indent: -999px;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 20px;
        left: -80px;
        background: url('http://cfile25.uf.tistory.com/image/990FAC33599FC712190B56') no-repeat 0 0;
        cursor: pointer;
    }

    #m_nav .deps2 {
        padding: 4px 0;
        background: #f5f5f5;
        border-bottom: 1px solid #ddd;
    }

        #m_nav .deps2 > li {
            margin-left: 38px;
        }

            #m_nav .deps2 > li > a {
                display: block;
                padding: 6px 0;
            }

                #m_nav .deps2 > li > a:hover {
                    font-weight: 700;
                }
    
#fade {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1001;
    opacity: .80;
    filter: alpha(opacity=80);
}
#fade .close {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 3000px) {
    /* pc */
    .pc {
        display: block;
    }

    .pad {
        display: none;
    }

    .m {
        display: none;
    }
    .m_pad {
        display: none;
    }
    .pad_pc {
        display: block;
    }
    #con {
        display: block;
    }
    #con_m {
        display:none;
    }
    #wrap {
        position: relative;
        width: 100%;
        height: 100%;
    }
    #header {
        position: relative;
        width: 100%;
        min-height: 131px;
        font-family: 'Nanum Gothic';
    }
    #header .gnb {
        display:block;
        position: relative;
        width: 1000px;
        height: 80px;
        margin: 0 auto;
        font-family: 'Nanum Gothic';
    }
    #gnb_m {
        display: none;
    }
    #header .gnbAll {
        display: block;
        position: relative;
        width: 100%;
        height: 50px;
        background: #2183d5;
        border-bottom: 1px solid #0665b5;
        z-index: 900;
    }
    #header_m .logo a {
        display: block;
        width: 80%;
        margin-top: 2%;
    }
    .content_div {
        position: relative;
        width: 1000px;
        margin: 0 auto;
        height: 498px;
        padding: 20px 0;
    }
    .content_div img {
        width:auto;
    }
    .con02 > div, .con02 > table {
        margin-left: 5px;
        width: 484px;
        float: right;
    }
    .con03 {
        margin-top: 7px;
        margin-left: 5px;
        margin-bottom: 0;
        width: 485px;
        float: right;
    }
    .con01 {
        width: auto;
        margin-bottom:0;
    }
    .footer_center address {
        position: absolute;
        top: 21px;
        left: 220px;
        color: #3f3f3f;
        font-size: 11px;
        font-style: normal;
        line-height: 130%;
        width:auto;
    }
    .footer_center {
        position: relative;
        width: 980px;
        margin: 0px auto;
        clear: both;
    }
    #footer {
        position: relative;
        width: 100%;
        min-height: 128px;
        padding: 0;
        clear: both;
        color: #3f3f3f;
    }
    #contents {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 auto;
        min-height: 400px;
        box-sizing:border-box;
        padding:0;
    }
    .con02 table td {
        line-height: 26px;
        text-align: center;
        font-size: 12px;
        border-bottom: 0px solid #b3e6f8;
    }
}

@media only screen and (max-width: 960px) {
    /* pad */
    .pc {
        display: none;
    }

    .pad {
        display: block;
    }

    .m {
        display: none;
    }
    .m_pad {
        display: block
    }
    .pad_pc {
        display: block;
    }
    #con {
        display: none;
    }

    #con_m {
        display: block;
    }
    #header {
        position: relative;
        width: 100%;
        min-height: 57px;
        font-family: 'Nanum Gothic';
    }
    #wrap {
        position: relative;
        width: 100%;
        height: 100%;
    }
    #header .gnb {
        display: none;
        position: relative;
        width: 1000px;
        height: 80px;
        margin: 0 auto;
        font-family: 'Nanum Gothic';
    }
    #header .gnbAll {
        display: none;
        position: relative;
        width: 100%;
        height: 50px;
        background: #2183d5;
        border-bottom: 1px solid #0665b5;
        z-index: 900;
    }
    #gnb_m {
        display: block;
    }
    #header_m .logo a {
        display: block;
        width: 80%;
        margin-top: 7%;
    }
    .content_div {
        position: relative;
        width: 100%;
        margin: 0 auto;
        height: 498px;
        padding: 0 0 20px;
    }
        .content_div img {
            width: 100%;
        }
    .con02 > div, .con02 > table {
        margin-left: 0;
        width: 100%;
        float: left;
    }
    .con03 {
        margin-top: 7px;
        margin-left: 5px;
        margin-bottom: 4px;
        width: 100%;
        float: right;
    }
    .con01 {
        width: 100%;
        margin-bottom:5px;
    }
    .footer_center address {
        position: relative;
        top: 79px;
        left: 10px;
        color: #3f3f3f;
        font-size: 11px;
        font-style: normal;
        line-height: 130%;
        width: 90%;
    }
    .footer_center {
        position: relative;
        width: 100%;
        margin: 0px auto;
        clear: both;
    }
    #footer {
        position: relative;
        width: 100%;
        min-height: 153px;
        padding: 0;
        clear: both;
        color: #3f3f3f;
    }
    #contents {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 auto;
        min-height: 400px;
        box-sizing: border-box;
        padding: 2%;
    }
    .con02 table td {
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        border-bottom: 0px solid #b3e6f8;
    }
}

@media only screen and (max-width: 560px) {
    /* mobile */
    .pc {
        display: none;
    }

    .pad {
        display: none;
    }

    .m {
        display: block;
    }
    .m_pad {
        display:block
    }
    .pad_pc {
        display:none;
    }
    #con {
        display: none;
    }

    #con_m {
        display: block;
    }
    #header {
        position: relative;
        width: 100%;
        min-height: 57px;
        font-family: 'Nanum Gothic';
    }
    #wrap {
        position: relative;
        width: 100%;
        height: 100%;
        min-width:300px;
    }
    #header .gnb {
        display: none;
        position: relative;
        width: 1000px;
        height: 80px;
        margin: 0 auto;
        font-family: 'Nanum Gothic';
    }
    #header .gnbAll {
        display: none;
        position: relative;
        width: 100%;
        height: 50px;
        background: #2183d5;
        border-bottom: 1px solid #0665b5;
        z-index: 900;
    }
    .#gnb_m {
        display:block;
    }
    #header_m .logo a {
        display: block;
        width: 80%;
        margin-top: 7%;
    }
    .content_div {
        position: relative;
        width: 100%;
        margin: 0 auto;
        height: 498px;
        padding: 0 0 20px;
    }
    .content_div img {
        width: 100%;

    }
    .con02 > div, .con02 > table {
        margin-left: 0;
        width: 100%;
        float: left;
    }
    .con03 {
        margin-top: 7px;
        margin-left: 5px;
        margin-bottom:4px;
        width: 100%;
        float: right;
    }
    .con01 {
        width: 100%;
        margin-bottom: 5px;
    }
    .footer_center address {
        position: relative;
        top: 79px;
        left: 10px;
        color: #3f3f3f;
        font-size: 11px;
        font-style: normal;
        line-height: 130%;
        width: 90%;
    }
    .footer_center {
        position: relative;
        width: 100%;
        margin: 0px auto;
        clear: both;
    }
    #footer {
        position: relative;
        width: 100%;
        min-height: 153px;
        padding: 0;
        clear: both;
        color: #3f3f3f;
    }
    #contents {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 auto;
        min-height: 400px;
        box-sizing: border-box;
        padding: 2%;
    }
    .con02 table td {
        line-height: 19px;
        text-align: center;
        font-size: 11px;
        border-bottom: 0px solid #b3e6f8;
    }
}