@charset "UTF-8";
@import url('default.css');

/* common */
input[type="text"] {
    height: 36px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    border: 1px solid #a9a9a9;
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 1em;
    font-size: 1rem;
    color: #2d2d2d;
}

input[type="number"] {
    height: 36px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    border: 1px solid #a9a9a9;
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 1em;
    font-size: 1rem;
    color: #2d2d2d;
}

input[type="tel"] {
    height: 36px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    border: 1px solid #a9a9a9;
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 1em;
    font-size: 1rem;
    color: #2d2d2d;
}

input[type="email"] {
    height: 36px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    border: 1px solid #a9a9a9;
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 1em;
    font-size: 1rem;
    color: #2d2d2d;
}

input[type="password"] {
    height: 36px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    border: 1px solid #a9a9a9;
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 1em;
    font-size: 1rem;
    color: #2d2d2d;
}

input[type="file"] {
    height: 36px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    border: 1px solid #a9a9a9;
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 1em;
    font-size: 1rem;
    color: #2d2d2d;
}

input[type="checkbox"] {
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 1em;
    font-size: 1rem;
    border: 1px solid #a9a9a9;
}

input[type="radio"] {
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 1em;
    font-size: 1rem;
    border: 1px solid #a9a9a9;
}

input[type="button"] {
    height: 36px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #666;
    vertical-align: middle;
    background: #666;
    font-size: 1em;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    margin: 0 3px;
}

input[type="button"].colH {
    height: 36px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #666;
    vertical-align: middle;
    background: #666;
    font-size: 1em;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    margin: 0 3px;
}

select {
    font-size: 1em;
    font-size: 1rem;
    height: 38px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    border: 1px solid #a9a9a9;
    vertical-align: middle;
}

select.order {
    font-size: 13px;
    height: 26px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #a9a9a9;
    vertical-align: middle;
}

/*select{background:#f5f5f5; font-size:1em; font-size:1rem; height:38px; padding-left:5px;padding-right:5px;border:1px solid #a9a9a9; vertical-align:middle; color:#2d2d2d;}*/

textarea {
    resize: none;
    background: #f5f5f5;
    border: 1px solid #a9a9a9;
    color: #2d2d2d;
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
    word-break: keep-all;
    word-wrap: break-word;
    width: 95%;
}

.cursor {
    cursor: pointer;
}

input.bdnone {
    border: 0;
    background: none;
    font-family: inherit;
    padding: 0
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #797979 !important;
    font-size: 16px;
    font-weight: 300 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #797979 !important;
    font-size: 16px;
    font-weight: 300 !important;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #797979 !important;
    font-size: 16px;
    font-weight: 300 !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #797979 !important;
    font-size: 16px;
    font-weight: 300 !important;
}


/* 버튼 */
.button {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    font-size: 1rem;
    margin: 0 3px 0px 3px;
    height: 36px;
    padding-right: 10px;
    padding-left: 10px;
    min-height: 16px;
    border-radius: 2px;
    border: 1px solid #a9a9a9;
    color: #2d2d2d;
    background: #f5f5f5;
    font-weight: 400;
    vertical-align: middle;

}

.button:hover,
.button:active {
    position: relative;
    border: 1px solid #a9a9a9;
    color: #2d2d2d;
    background: #f5f5f5;
}

.button_wide {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin: 0px 3px 0px 3px;
    padding: 8px 30px;
    border-radius: 2px;

}

.button_wide:hover,
.button_wide:active,
.button_wide:visited {
    position: relative;
    color: #fff;
    background: #002356;
}


.button_mini {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    margin: 0px 3px 0px 3px;
    padding: 8px 8px;
    border-radius: 2px;

}

.button_mini:hover,
.button_mini:active,
.button_mini:visited {
    position: relative;
    color: #fff;
    background: #002356;
}

.button_order {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    margin: 0px 3px 0px 3px;
    padding: 4px 5px;
    border-radius: 2px;
    min-height: 14px;
    border: 1px solid #a9a9a9;
    background: #f5f5f5;
    font-weight: 300;
    vertical-align: middle;
}

.button_order:hover,
.button_order:active,
.button_order:visited {
    position: relative;
    color: #fff;
    border: 1px solid #002356;
    background: #002356;
}


.colH {
    color: #fff;
    border: solid 1px #666;
    background: #666;
}

.colH:hover,
.colH:active {
    color: #fff;
    border: solid 1px #666;
    background: #666;
}

.colB {
    color: #fff;
    border: solid 1px #235fb8;
    background: #235fb8;
}

.colB:hover,
.colH:active {
    color: #fff;
    border: solid 1px #235fb8;
    background: #235fb8;
}

.colR {
    color: #fff;
    border: solid 1px #e60012;
    background: #e60012;
}

.colR:hover,
.colH:active {
    color: #fff;
    border: solid 1px #e60012;
    background: #e60012;
}

.colG {
    color: #fff;
    border: solid 1px #666;
    background: #666;

}

.colG:hover,
.colG:active {
    color: #fff;
    border: solid 1px #666;
    background: #666;
}


.login_bt {
    font-size: 1em;
    font-size: 1rem;
    font-weight: bold;
    font-family: verdana
}


button a {
    color: #fff;
}

.button a {
    color: #fff;
}

button {
    line-height: 14px
}


/* body */
body {
    background: #fff;
}

body.main {
    background: #ececec;
}

body.popup {
    background: #fff;
    padding: 20px;
}

/* 전체 그룹 */
#wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#wrapper:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#wrapper100 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}

#wrapper100:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#sknavi_div {
    float: left;
    margin-top: -200px;
}

.sknavi {
    position: absolute;
    top: -200px;
    z-index: 100;
}

.sknavi:focus,
.sknavi:active {
    top: 1px;
    display: block;
    width: 130px;
    height: 20px;
}

/* 상단 */
#header_wrap {
    width: 100%;
    height: 120px;
    padding: 0;
    margin: 0 auto;
    border-bottom: 1px solid #f4f4f4;
}

#header {
    position: relative;
    width: 100%;
    height: 120px;
    padding: 0;
    margin: 0 auto;
}

#tnb_wrap {
    position: relative;
    width: 100%;
    height: 40px;
    background: #005a9e;
    margin: 0 auto;
}

#tnb_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#tnb_wrap .tnb {
    position: relative;
    max-width: 1200px;
    height: 34px;
    padding-top: 6px;
    margin: 0 auto;
}

#tnb_wrap .tnb:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#tnb_wrap .tnb>ul {
    float: right
}

#tnb_wrap .tnb>ul:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#tnb_wrap .tnb>ul>li {
    float: left;
    background: #002c5f;
    border-radius: 2px;
    padding: 6px 10px 10px 10px;
    font-size: 12px;
    line-height: 12px;
    height: 10px;
    margin-left: 10px;
}

#tnb_wrap .tnb>ul>li>a {
    float: left;
    height: auto;
    display: inline-block;
    font-size: 12px;
    color: #fff;
}

#tnb_wrap .tnb>ul>li>a>span {
    display: inline-block;
    margin-left: 10px;
    width: 6px;
    height: 9px;
    background: url(../img/bullet_arrow.png) 0 0 no-repeat;
}

#lnb_wrap {
    position: relative;
    width: 100%;
    height: 80px;
    background: #fff;
    margin: 0 auto;
}

#lnb_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#lnb_wrap .lnbs {
    position: relative;
    max-width: 1200px;
    height: 80px;
    margin: 0 auto;
}

#lnb_wrap .lnbs:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#lnb_wrap .lnbs>h1 {
    float: left;
    padding-top: 10px;
    width: 30%;
}

#lnb_wrap .lnbs>h1 img {
    padding-top: 0px;
}

#lnb {
    float: right;
    width: 70%;
    height: 80px;
    position: relative;
}

#lnb ul#top_menu {
    float: none;
    width: 100%;
    margin: 0 auto;
}

#lnb ul#top_menu:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#lnb ul#top_menu>li {
    float: left;
    width: 20%;
    text-align: center;
}

#lnb ul#top_menu>li:first-child {
    background: none
}

#lnb ul#top_menu>li>a {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    vertical-align: middle
}

#lnb ul#top_menu>li>a:hover {
    color: #5d9eda;
    font-weight: 400;
}

#lnb ul#top_menu>li>a.select {
    color: #5d9eda;
    font-weight: 400;
}

#lnb ul#top_menu>li>.snb {
    float: left;
    width: 100%;
    padding-top: 20px;
    display: none;
    position: relative;
    z-index: 9999;
    top: -1px;
    height: 220px !important;
}

#lnb ul#top_menu>li>.snb>li {
    clear: both;
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
}

#lnb ul#top_menu>li>.snb>li>a {
    text-align: center;
    color: #444;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300 !important;
}

#lnb ul#top_menu>li>.snb>li>a:hover,
#lnb ul#top_menu>li>.snb>li>a.select {
    color: #5d9eda;
    font-weight: 300 !important;
}

/*메뉴별 하위메뉴 배경 색상*/
#top_menu li:nth-child(1):hover>#snb01 {
    background: #5d9eda;
}

#top_menu li:nth-child(1):hover>#snb01>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(1):hover>#snb01>li>a:hover {
    color: #fffc00 !important;
}

#snb01:hover {
    background: #5d9eda;
}

#snb01:hover>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(2):hover>#snb02 {
    background: #5d9eda;
}

#top_menu li:nth-child(2):hover>#snb02>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(2):hover>#snb02>li>a:hover {
    color: #fffc00 !important;
}

#snb02:hover {
    background: #5d9eda;
}

#snb02:hover>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(3):hover>#snb03 {
    background: #5d9eda;
}

#top_menu li:nth-child(3):hover>#snb03>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(3):hover>#snb03>li>a:hover {
    color: #fffc00 !important;
}

#snb03:hover {
    background: #5d9eda;
}

#snb03:hover>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(4):hover>#snb04 {
    background: #5d9eda;
}

#top_menu li:nth-child(4):hover>#snb04>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(4):hover>#snb04>li>a:hover {
    color: #fffc00 !important;
}

#snb04:hover {
    background: #5d9eda;
}

#snb04:hover>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(5):hover>#snb05 {
    background: #5d9eda;
}

#top_menu li:nth-child(5):hover>#snb05>li>a {
    color: #fff !important;
}

#top_menu li:nth-child(5):hover>#snb05>li>a:hover {
    color: #fffc00 !important;
}

#snb05:hover {
    background: #5d9eda;
}

#snb05:hover>li>a {
    color: #fff !important;
}

#all_menu {
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff;
    z-index: 1001;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 121px;
    min-height: 238px;
}

/* 메인비쥬얼 */
.mvisual_wrap {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    height: 400px;
    padding-top: 0px;
    text-align: center;
    background: #f3f3f3;
}

.mvisual_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul#bxslider {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    height: 400px;
}

#bxslider li {
    overflow: hidden;
}

#bxslider li p {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    height: 400px;
    position: relative;
}

#bxslider li p>.mv_company {
    position: absolute;
    top: 25%;
    left: 8%;
    max-width: 1200px;
    text-align: left;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #ffffff;
    margin: 0 auto 0;
    z-index: 50;
}

#bxslider li p>.mv_ment {
    position: absolute;
    top: 34%;
    left: 8%;
    max-width: 1200px;
    text-align: left;
    font-size: 48px;
    line-height: 68px;
    font-weight: 500;
    color: #ffffff;
    margin: 0 auto 0;
    z-index: 50;
    word-spacing: -1px;
    letter-spacing: -1.5px;
}

.shadow_01 {
    text-shadow: 2px 2px 6px #010355;
}

.shadow_02 {
    text-shadow: 2px 2px 6px #130f10;
}

/*메인배너 페이징*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 30px;
    width: 100%;
    height: 30px;
    text-align: center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 18px;
    height: 17px;
    background: url(../img/visual_off.png) center top no-repeat;
    background-size: 18px 17px;
    font-size: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: url(../img/visual_on.png) center top no-repeat;
    background-size: 18px 17px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: url(../img/visual_on.png) center top no-repeat;
    background-size: 18px 17px;
}

/* 메인 컨텐츠 */
.mcontents_wrap {
    position: relative;
    max-width: 100%;
    min-height: 450px;
    margin: 0 auto;
    padding: 20px 0px 0;
    background: #eff3f6;
}

.mcontents_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/* contents */
.contents_wrap {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    padding: 0;
    text-align: center;
}

.contents_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/* 링크 배너 */
.mbiz_wrap {
    position: relative;
    margin: 0 auto 0px;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    text-align: center;
    padding: 20px 0px 0;
}

.mbiz_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mbiz {
    position: relative;
    margin: 0 auto 0;
    width: 1200px;
    padding: 0;
    text-align: center;
}

.mbiz:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mbiz ul.biz {
    margin: 0 auto 0;
    position: relative;
    width: 100%;
    padding: 0 !important;
}

.mbiz ul.biz:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mbiz ul.biz li {
    float: left;
    position: relative;
    width: 23%;
    background: #fff;
    border: 1px solid #e6e9ec;
    height: 250px;
    margin-left: 2% !important;
    margin-bottom: 0;
    box-shadow: 1px 1px 1px -1px #e6e9ec;
    border-radius: 6px;
}

.mbiz ul.biz li:first-child {
    margin-left: 0 !important;
}

.mbiz ul.biz li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.mbiz ul.biz li a>p.line01 {
    width: 100%;
    margin: 25px auto 0px;
    padding: 12px 0 8px;
    color: #333;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
    background: url(../img/bullet_micon.png) center top no-repeat;
}

.mbiz ul.biz li a>p.line02 {
    width: 100%;
    margin: 0 auto 0;
    color: #727272;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    text-align: center;
}

.mbiz ul.biz li a>p.line03 {
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

.mbiz ul.biz li a>p.line04 {
    width: 100%;
    margin: 0 auto 0;
    text-align: center;
}

.mbiz ul.biz li a>p.line04>span {
    display: inline-block;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 10px 20px;
    background: #5d9eda;
    border-radius: 20px;
}

/* 아이콘 배너 */
.micon_wrap {
    position: relative;
    margin: 24px auto;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    text-align: center;
}

.micon_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.micon {
    position: relative;
    margin: 0 auto 0;
    width: 1200px;
    padding: 0;
    text-align: center;
}

.micon:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.micon ul.icon {
    margin: 0 auto 0;
    position: relative;
    width: 100%;
    padding: 0 !important;
}

.micon ul.icon:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.micon ul.icon li {
    float: left;
    position: relative;
    width: 23%;
    background: url(../img/mlink_bg.png);
    border: 1px solid #e6e9ec;
    height: 180px;
    margin-left: 2% !important;
    margin-bottom: 0;
    box-shadow: 1px 1px 1px -1px #e6e9ec;
    border-radius: 6px;
}

.micon ul.icon li:first-child {
    margin-left: 0 !important;
}

.micon ul.icon li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.micon ul.icon li a>.icon_title {
    margin: 34px auto 0px;
    padding: 0 0 0 10%;
    width: 90%;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
}

.micon ul.icon li a>.icon_title>span {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
}

.micon ul.icon li a>.icon_img {
    position: absolute;
    right: 10%;
    bottom: 6%;
    width: 80px;
    height: 80px;
    text-align: right;
    vertical-align: bottom;
}

.micon ul.icon li a>.icon_link {
    position: absolute;
    left: 10%;
    bottom: 15%;
    display: inline-block;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 10px 20px;
    background: #5d9eda;
    border-radius: 20px;
}

.micon ul.icon li:nth-child(3) {
    background: #7c9dbc;
}

.micon ul.icon li a>.icon_title2 {
    width: 100%;
    margin: 38px auto 15px;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
}

.micon ul.icon li a>.icon_stitle2 {
    width: 100%;
    margin: 0px auto 37px;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    text-align: center;
}

.micon ul.icon li a>.icon_link2 {
    width: 100%;
    margin: 0px auto 0;
    text-align: center;
}

.micon ul.icon li a>.icon_link2>span {
    display: inline-block;
    color: #2a6296 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 6px 20px;
    background: #fff;
    border-radius: 20px;
}

.micon ul.icon li:nth-child(4) {
    background: #7c9dbc;
}

.micon ul.icon li a>.icon_stitle3 {
    width: 85%;
    padding: 0 5% 0 10%;
    margin: 30px auto 15px;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
}

.micon ul.icon li a>.icon_stitle3>span {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
}

.micon ul.icon li a>.icon_text3_1 {
    width: 80%;
    padding: 0 10%;
    margin: 0px auto 15px;
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    text-align: left;
}

.micon ul.icon li a>.icon_text3_2 {
    width: 80%;
    padding: 0 10%;
    margin: 0px auto 0;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
}

/* COMMUNICATIOM */
.mcomm_wrap {
    position: relative;
    margin: 24px auto;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
}

.mcomm_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mcomm {
    position: relative;
    margin: 0 auto 0;
    width: 1200px;
    padding: 0;
}

.mcomm:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mcomm ul {
    margin: 0 auto 0;
    position: relative;
    width: 100%;
    padding: 0 !important;
}

.mcomm ul:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mcomm ul>li {
    float: left;
    position: relative;
    width: 31.4%;
    background: #fff;
    height: 210px;
    margin-left: 2% !important;
    border: 1px solid #e6e9ec;
    box-shadow: 1px 1px 1px -1px #e6e9ec;
    border-radius: 6px;
}

.mcomm ul>li:first-child {
    margin-left: 0 !important;
}

.mcomm ul>li>h3.comm {
    margin: 0 auto;
    position: relative;
    width: 84.4%;
    padding: 28px 7.8% 0 7.8% !important;
    color: #333;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
}

.mcomm ul>li>ul.notice {
    margin: 10px auto 0;
    position: relative;
    width: 84.4%;
    padding: 0 7.8% 0 7.8% !important;
}

.mcomm ul>li>ul.notice:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mcomm ul>li>ul.notice li {
    float: left;
    position: relative;
    width: 100%;
    padding: 8px 0;
    margin: 0 0 0 0 !important;
    height: auto !important;
    border: none;
}

.mcomm ul>li>ul.notice li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #404040;
    font-size: 14px;
    text-align: left;
}

.mcomm ul>li>ul.notice li a>span {
    display: inline-block;
    float: right;
    color: #404040;
    font-size: 14px;
    text-align: right;
}

.mcomm ul>li>ul.notice li a>strong {
    display: inline-block;
    color: #245c92;
    font-size: 14px;
    text-align: left;
    font-weight: 300;
}

.mcomm ul>li>.btn_more {
    position: absolute;
    top: 32px;
    right: 7.8%;
    display: inline-block;
    text-align: right;
}

.mcomm ul>li>ul.m_mall {
    margin: 10px auto 0;
    position: relative;
    width: 84.4%;
    padding: 0 7.8% 0 7.8% !important;
}

.mcomm ul>li>ul.m_mall:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mcomm ul>li>ul.m_mall>li {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    border: none;
    box-shadow: none;
}

.mcomm ul>li>ul.m_mall>li>a {
    display: inline-block;
    width: 100%;
    text-align: center;
    border: none;
    box-shadow: none;
}

/*관련사이트*/
.banner_wrap {
    position: relative;
    margin: 24px auto;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
}

.banner_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.banner_wrap .banner1 {
    position: relative;
    margin: 0 auto 0;
    max-width: 1200px;
    height: 86px;
    background: #fff;
    border: 1px solid #e6e9ec;
    box-shadow: 1px 1px 1px -1px #e6e9ec;
    border-radius: 6px;
}

.banner1 .banner_title {
    width: 22%;
    float: left;
    padding: 18px 0 0 2%;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
}

.banner1 .banner_title>h3.mbanner {
    float: left;
    display: inline-block;
    width: 105px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
}

.banner1 .banner_title .bannerstart {
    width: 22px;
    height: 22px;
    background: url(../img/banner_play.png) center center no-repeat;
    margin-right: 4px;
    float: left;
    margin-top: 15px;
    cursor: pointer;
    outline: none;
}

.banner1 .banner_title .bannerpause {
    width: 22px;
    height: 22px;
    background: url(../img/banner_pause.png) center center no-repeat;
    margin-right: 4px;
    float: left;
    margin-top: 15px;
    cursor: pointer;
    outline: none;
}

.banner1 .banner_title .bannerprev {
    width: 22px;
    height: 22px;
    background: url(../img/banner_prev.png) center center no-repeat;
    margin-right: 4px;
    float: left;
    margin-top: 15px;
    cursor: pointer;
    outline: none;
}

.banner1 .banner_title .bannernext {
    width: 22px;
    height: 22px;
    background: url(../img/banner_next.png) center center no-repeat;
    margin-right: 4px;
    float: left;
    margin-top: 15px;
    cursor: pointer;
    outline: none;
}

.banner1 .banner_title .bannermore {
    width: 22px;
    height: 22px;
    background: url(../img/banner_more.png) center center no-repeat;
    margin-right: 4px;
    float: left;
    margin-top: 15px;
    cursor: pointer;
    outline: none;
}

#bannerbox_new01 {
    position: relative;
    width: 96% !important;
    height: 50px;
    float: right;
    padding-top: 18px;
}

.banner1 #bannerbox_new01 ul {
    width: 100%;
    overflow: hidden;
}

.banner1 #bannerbox_new01 ul li {
    width: 210px;
    height: 50px;
    margin-right: 15px;
    float: left;
}

.banner1 #bannerbox_new01 ul li a {
    display: block;
    width: 100%;
    height: 100%;
}



/* 푸터 
#footer_wrap{clear:both; width:98%;;margin-top:0px;padding:20px 1%;background:#3e3e3e; padding-bottom:100px;}
#footer_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#footer {clear:both; position:relative; width:100%;max-width:1180px; ; margin:0 auto;}
#footer:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

.footer_logo{float:none; width:100%; padding-left:0%;text-align:center;}
.footer_info {float:none; width:100%; padding-top:10px; padding-right:0%; text-align:center; } 
.footer_info p{width:100%; text-align:center; color:#e3e3e3;line-height:20px; font-size:14px; font-weight:300;} 
.footer_info p.copyright{color:#a7a7a7; font-size:14px; }
.footer_space{display:inline-block; width:15px;text-align:center; }
.footer_space2{display:inline-block; width:8px;text-align:center;}
*/
/* 푸터 */
.footer_wrap {
    clear: both;
    width: 100%;
    ;
    margin-top: 0px;
    padding: 30px 0;
    background: #fff;
    border-top: 1px solid #dfdfdf;
}

.footer_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.footer {
    clear: both;
    position: relative;
    width: 100%;
    max-width: 1200px;
    ;
    margin: 0 auto;
}

.footer:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.footer_logo {
    float: left;
    width: 15%;
    padding-top: 0%;
    padding-left: 2%;
    text-align: left;
}

.footer_info {
    float: left;
    width: 81%;
    padding-top: 0px;
    padding-left: 0%;
    padding-right: 2%;
    text-align: left;
}

.footer_info p {
    width: 100%;
    text-align: left;
    color: #404040;
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
}

.footer_info p.copyright {
    color: #404040;
    font-size: 16px;
}

.footer_info p>a,
.footer_info p>span {
    color: #404040;
    font-size: 16px;
}

span.footer_space {
    display: inline-block;
    width: 18px;
    text-align: center;
    color: #999 !important;
    font-size: 10px !important;
    line-height: 24px;
    vertical-align: top;
}

.footer_space2 {
    display: inline-block;
    width: 8px;
    text-align: center;
}


/* 퀵메뉴 */
#quick {
    z-index: 99999;
    width: 80px;
    height: 547px;
    padding: 0;
    position: fixed;
    top: 300px;
    right: 0px;
}

#quick .quick {
    z-index: 99999;
    width: 80px;
    height: 547px;
    padding: 0;
    position: relative;
}

#quick .quick ul.quick_pc li {
    width: 80px;
    height: 100px;
    padding-top: 0;
    text-align: center;
    font-size: 13px;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

#quick .quick ul.quick_pc li:first-child {
    width: 80px;
    height: 32px;
    padding-top: 12px;
    text-align: center;
    background: #235fb8;
    color: #fff;
    border-left: 1px solid #235fb8;
    border-right: 1px solid #235fb8;
    border-bottom: 1px solid #235fb8;
}

/*#quick .quick ul.quick_pc li:nth-child(3) {background:#0a94d4}*/
#quick .quick ul.quick_pc li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#quick .quick ul.quick_pc li a>p {
    display: block;
    font-size: 13px;
    padding: 0;
    margin: 0;
    color: #666666;
    font-weight: 400;
    width: 100%;
}

#quick .quick ul.quick_pc li a>p.quick_img {
    text-align: center;
    margin: 12px auto 8px;
}

#quick .quick ul.quick_pc li a>p.quick_img img {
    width: 36;
    height: 37px;
}

#quick .quick ul.quick_pc li a>p>span {
    font-size: 13px;
    color: #235fb8;
    font-weight: 400;
    line-height: 12px !important;
}

#quick button.close {
    width: 36px;
    height: 42px;
    position: absolute;
    background: url(../img/btn_qm_close.jpg) center center no-repeat;
    cursor: pointer;
    top: 205px;
    right: 80px;
    outline: none;
    z-index: 99999;
}

#quick button.open {
    width: 36px;
    height: 42px;
    position: absolute;
    background: url(../img/btn_qm_open.jpg) center center no-repeat;
    cursor: pointer;
    display: none;
    top: 285px;
    right: 0;
    outline: none;
    z-index: 99999;
}

/* 퀵메뉴 */
#quickmenu {
    z-index: 99999;
    width: 80px;
    height: 547px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0px;
    margin-top: 106px;
}

#quickmenu ul.quick_pc li {
    width: 80px;
    height: 100px;
    padding-top: 0;
    text-align: center;
    font-size: 13px;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

#quickmenu ul.quick_pc li:first-child {
    width: 80px;
    height: 32px;
    padding-top: 12px;
    text-align: center;
    background: #235fb8;
    color: #fff;
    border-left: 1px solid #235fb8;
    border-right: 1px solid #235fb8;
    border-bottom: 1px solid #235fb8;
}

#quickmenu ul.quick_pc li:nth-child(3) {
    background: #0a94d4
}

#quickmenu ul.quick_pc li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#quickmenu ul.quick_pc li a>p {
    display: block;
    font-size: 13px;
    padding: 0;
    margin: 0;
    color: #666666;
    font-weight: 400;
    width: 100%;
}

#quickmenu ul.quick_pc li a>p.quick_img {
    text-align: center;
    margin: 12px auto 8px;
}

#quickmenu ul.quick_pc li a>p.quick_img img {
    width: 36;
    height: 37px;
}

#quickmenu ul.quick_pc li a>p>span {
    font-size: 13px;
    color: #235fb8;
    font-weight: 400;
    line-height: 12px !important;
}

#quickmenu_m {
    display: none
}

/* 퀵메뉴 
#quickmenu {z-index:100000; width:135px; height:547px;padding:0; position:absolute; top:0; right:0px; margin-top:106px;}
#quickmenu ul.quick_pc li {width:135px; height:120px; padding-top:0; text-align:center; font-size:14px; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; border-bottom:1px solid #ddd;  background:#fff; }
#quickmenu ul.quick_pc li:first-child {width:135px; height:32px; padding-top:12px; text-align:center; background:#235fb8; color:#fff; border-left:1px solid #235fb8; border-right:1px solid #235fb8; border-bottom:1px solid #235fb8; }
#quickmenu ul.quick_pc li:nth-child(3) {background:#0a94d4}
#quickmenu ul.quick_pc li a {display:inline-block; width:100%; height:100%;}
#quickmenu ul.quick_pc li a > p {display:block; font-size:14px; padding:0; margin:0; color:#444;font-weight:400; width:100%;}
#quickmenu ul.quick_pc li:nth-child(3) a > p{color:#fff;}
#quickmenu ul.quick_pc li a > p.quick_img{text-align:center; margin:12px auto 8px;}
#quickmenu ul.quick_pc li a > p.quick_img img{width:auto;}
#quickmenu ul.quick_pc li a > p > span{font-size:12px; color:#235fb8; font-weight:400;line-height:12px!important;}
#quickmenu_m {display:none}
*/

/* scontent_wrap */
#scontent_wrap {
    position: relative;
    margin: 0 auto;
    padding-bottom: 50px;
    width: 1200px;
    max-width: 1200px;
}

#scontent_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/*왼쪽메뉴*/
#side {
    display: block;
    float: left;
    width: 245px;
    margin-right: 45px;
    padding: 0;
    margin: 0;
}

#side h2.lm_title {
    display: block;
    width: 100%;
    height: 90px;
    background: #235fb8;
    text-align: center;
    line-height: 26px;
    font-size: 26px;
    color: #fff;
    font-weight: 500;
}

#side h2.lm_title:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 95px;
}

ul#lm_list {
    position: relative;
    padding: 0;
    margin: 0;
}

ul#lm_list:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul#lm_list>li>a {
    display: block;
    padding: 14px 5%;
    margin: 0;
    color: #424542;
    line-height: 1rem;
    border-bottom: 1px solid #d9d9d9;
    word-spacing: -1px;
    background: #f3f3f3 url(../../img/left_menu_bullet.png) 95% 50% no-repeat;
    font-size: 1em;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
}

ul#lm_list>li>a:hover {
    margin: 0;
    color: #000;
}

ul#lm_list>li>a.lm_select {
    font-weight: 400;
    background: #364150 url(../../img/left_menu_bullet_select.png) 95% 50% no-repeat;
    color: #fff;
    border-bottom: 1px solid #364150
}

ul#lm_list>li>a.lm_select:hover {
    font-weight: 400;
    background: #364150 url(../../img/left_menu_bullet_select.png) 95% 50% no-repeat
}

ul#lm_sublist {
    margin: 0 0 0 0;
}

ul#lm_sublist>li {
    padding: 0;
    border-bottom: 1px solid #d9d9d9
}

ul#lm_sublist>li>a {
    background: #fff url(../../img/left_menu_sub_bullet.png) 5% 50% no-repeat;
    padding: 14px 0 14px 10%;
    display: block;
    color: #424542;
    text-align: left;
}

ul#lm_sublist>li>a:hover {
    color: #000;
}

ul#lm_sublist>li>a.lm_sub_select {
    background: #0a94d4 url(../../img/left_menu_sub_bullet_select.png) 5% 50% no-repeat;
    color: #fff;
    padding: 14px 0 14px 10%;
}

.side_bn01 {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    min-height: 120px;
    padding: 15px 0;
    background: #dfdfdf url(../img/mlink_bg.png) 50% 0 no-repeat;
    border-radius: 6px;
}

.side_bn01:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.side_bn01>.side_bn01_title {
    clear: both;
    display: block;
    margin: 0 auto 10px;
    padding: 0 0 0 5%;
    width: 95%;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
}

.side_bn01>.side_bn01_title>span {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
}

.side_bn01>ul {
    position: relative;
    margin: 0;
    padding: 0 0 0 5%;
    width: 95%;
}

.side_bn01>ul:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.side_bn01>ul>li {
    display: block;
    margin-bottom: 3px;
    width: 95%;
    padding-left: 5%;
    color: #fff;
    font-size: 13px;
    background: url(../img/bullet_arrow.png) 0 50% no-repeat;
}

.side_bn01>.side_bn01_img {
    position: absolute;
    right: 10%;
    bottom: 2%;
    width: 80px;
    height: 80px;
    text-align: right;
    vertical-align: bottom;
}

.side_bn02 {
    position: relative;
    margin: 0 auto 0;
    width: 90%;
    min-height: 80px;
    padding: 20px 5%;
    text-align: center;
    background: #7c9dbc;
    border-radius: 6px;
}

.side_bn02>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.side_bn02:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.side_bn02>a>.side_bn02_title {
    width: 100%;
    margin: 0px auto 15px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    text-align: center;
}

.side_bn02>a>.side_bn02_stitle {
    width: 100%;
    margin: 0px auto 15px;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    text-align: center;
}

.side_bn02>a>.side_bn02_link {
    width: 100%;
    margin: 0px auto 0;
    text-align: center;
}

.side_bn02>a>.side_bn02_link>span {
    display: inline-block;
    color: #2a6296 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 6px 20px;
    background: #fff;
    border-radius: 20px;
}

.side_bn03 {
    position: relative;
    margin: 0 auto 0;
    width: 90%;
    min-height: 80px;
    padding: 20px 5%;
    text-align: center;
    background: #f3f3f3;
    border-radius: 6px;
}

.side_bn03>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.side_bn03:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.side_bn03>a>.side_bn03_title {
    width: 100%;
    margin: 0px auto 10px;
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
}

.side_bn03>a>.side_bn03_stitle {
    width: 100%;
    padding: 0 0;
    margin: 0 auto 0px;
    color: #235fb8;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
}

.side_bn03>a>.side_bn03_text1 {
    width: 100%;
    padding: 0 0;
    margin: 10px auto 0px;
    color: #222;
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    text-align: left;
}

.side_bn03>a>.side_bn03_text2 {
    width: 100%;
    padding: 0 0;
    margin: 10px auto 0;
    color: #222;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
}



/* 본문 */
.contents_wrap {
    position: relative;
    width: 100%;
    max-width: 910px;
    min-height: 450px;
    float: right;
}

.contents_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.mcontents_wrap {
    position: relative;
    max-width: 100%;
    min-height: 450px;
    margin: 0 auto;
    padding: 0px 0px 0;
}

.mcontents_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.contents {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    padding: 0 0 50px 0;
    text-align: left;
}

.contents:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/* 서브비쥬얼 */
.svisual_wrap {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    min-width: 1200px;
    height: 120px;
    padding-top: 0px;
    text-align: center;
    background: #dfdfdf url(../img/svisual2.jpg) 50% 0 no-repeat;
}

.svisual_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.svisual {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    max-width: 1200px;
    height: 120px;
    display: table;
    padding: 0;
}

.svisual:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/*.svisual.bg01{background:#000 url(../../img/svisual01.jpg) center bottom no-repeat;}
.svisual.bg02{background:#000 u22whrl(../../img/svisual02.jpg) center bottom no-repeat;}
.svisual.bg03{background:#000 url(../../img/svisual03.jpg) center bottom no-repeat;}
.svisual.bg04{background:#000 url(../../img/svisual04.jpg) center bottom no-repeat;}
.svisual.bg05{background:#000 url(../../img/svisual05.jpg) center bottom no-repeat;}
.svisual.bg06{background:#000 url(../../img/svisual06.jpg) center bottom no-repeat;}
.svisual.bg07{background:#000 url(../../img/svisual07.jpg) center bottom no-repeat;}*/

.svisual .stitle {
    float: left;
    width: 40%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 28px;
    line-height: 120px;
    font-weight: 400;
    color: #ffffff;
}

.svisual .stitle2 {
    float: right;
    width: 60%;
    padding-top: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #ffffff;
}

.svisual .stitle2>strong {
    font-weight: 400;
}

.path {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    padding: 10px 0;
    background: #fff;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    color: #444;
}

.path>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #444;
    line-height: 1rem;
    margin: 0 5px;
}

.path>a {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #444;
    line-height: 1rem;
}

.path>strong {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1rem;
}

.title_wrap {
    position: relative;
    width: 100%;
    max-width: 910px;
    margin: 0 auto 50px;
    padding: 15px auto;
    border-bottom: 1px solid #cccccc;
}

.title_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/* heading */
h3 {
    display: block;
    position: relative;
    width: 100%;
    margin: 15px auto;
    font-size: 30px;
    font-weight: 400;
    color: #000;
    line-height: 30px;
    text-align: left;
}

h3:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

h3>strong {
    display: inline-block;
    margin-left: 0px;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    line-height: 24px;
    text-align: left;
}

h4 {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: 400;
    color: #222;
    line-height: 24px;
    text-align: left;
    background: url(../img/bullet_micon.png) 0 0 no-repeat;
    padding: 10px 0 0 0;
}

h4:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

h4>span {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    font-size: 24px;
    font-weight: 400;
    color: #888;
    line-height: 24px;
}

h5 {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    ;
    font-size: 22px;
    font-weight: 400;
    color: #222;
    line-height: 22px;
    text-align: left;
    background: url(../img/h5_bullet.png) 0 50% no-repeat;
    padding: 0 0 0 25px;
}

h5:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

h5>strong {
    display: inline-block;
    padding: 8px 25px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #cb1539;
    border-radius: 20px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 12px;
    line-height: 20px;
    font-family: 'Nanum Myeongjo';
    word-spacing: 0px;
    letter-spacing: 0px;
    vertical-align: top !important;
}

h5>span {
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    padding: 0 0 0 0;
    color: #cb1539;
    word-spacing: 0px;
    letter-spacing: 0px;
    font-family: 'Nanum Myeongjo';
    line-height: 32px;
    vertical-align: top !important;
}

h5.blue {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    ;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    text-align: left;
    background: url(../img/h5_bullet2.png) 0 0 no-repeat;
    padding: 0 0 0 25px;
}

h5.blue:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

h6 {
    margin: 50px auto 10px;
    position: relative;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #999;
}

h6:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

h6>strong {
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background: #999;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.ft_01 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    font-size: 1.275em;
    font-size: 1.275rem;
    line-height: 1.785rem;
    line-height: 1.785em;
    word-break: keep-all;
    word-wrap: break-word;
    word-spacing: -0.5px;
    letter-spacing: -0.5px;
}

.ft_01:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.ft_02 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    font-size: 2.275em;
    font-size: 2.275rem;
    line-height: 1.5rem;
    line-height: 1.5em;
    word-break: keep-all;
    word-wrap: break-word;
    word-spacing: -0.5px;
    letter-spacing: -0.5px;
}

.ft_02:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.ft_02s {
    position: relative;
    margin: 0 auto;
    width: 100%;
    font-size: 1.725em;
    font-size: 1.725rem;
    line-height: 1.5rem;
    line-height: 1.5em;
    word-break: keep-all;
    word-wrap: break-word;
    word-spacing: -0.5px;
    letter-spacing: -0.5px;
}

.ft_02s:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.ft_03 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    font-size: 3.275em;
    font-size: 3.275rem;
    line-height: 1.5rem;
    line-height: 1.5em;
    word-break: keep-all;
    word-wrap: break-word;
    word-spacing: -0.5px;
    letter-spacing: -0.5px;
}

.ft_03:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.ft_04 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    font-size: 4.275em;
    font-size: 4.275rem;
    line-height: 1.5rem;
    line-height: 1.5em;
    word-break: keep-all;
    word-wrap: break-word;
    word-spacing: -0.5px;
    letter-spacing: -0.5px;
}

.ft_04:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}


.fc_white {
    color: #fff;
}

.fc_black {
    color: #000;
}

.fc_red {
    color: #e60012;
}

.fc_gray {
    color: #555;
}

.fc_blue {
    color: #235fb8;
}

.fbg_white {
    display: inline-block;
    padding: 10px 2%;
    background: #fff;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.fbg_red {
    display: inline-block;
    padding: 5px 2%;
    background: #cb1539 !important;
    color: #fff;
}

.fbg_blue {
    display: inline-block;
    padding: 5px 2%;
    background: #235fb8 !important;
    color: #fff;
}

.bg_red1 {
    background: #cb1539 !important;
}

.bg_red2 {
    background: #d6575e !important;
}

.bg_red3 {
    background: #e59c96 !important;
}

.fb_400 {
    font-weight: 400;
}


/* 탭 */
.tab {
    width: 100%;
}

.tab:after {
    content: "";
    display: block;
    clear: both;
}

ul.tab {
    margin-bottom: 50px;
}

.tab>.tabTit {
    position: relative;
    float: left;
    width: 11.98%
}

.tab>.tabTit.3th {
    position: relative;
    float: left;
    width: 32.98%
}

.tab>.tabTit.2th {
    position: relative;
    float: left;
    width: 49.98%
}

.tab>.tabTit:first-child {
    margin-left: 0;
}

.tab>.tabTit>a {
    display: block;
    text-align: center;
    letter-spacing: -1px;
    text-decoration: none;
}

.tab>.selected {
    z-index: 1;
}

.tab>.selected a {
    font-weight: 500;
    z-index: 1;
}

.tab>.tabCont {
    clear: both;
}

.tab>.tabTitAbs {
    position: absolute;
    left: 0;
    top: 0;
}

.tabWrap {
    position: relative;
    width: 100%;
}

.tabWrap>.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    z-index: -1;
}

.tabWrap>.bg>div {
    height: 43px;
    border: 1px solid #e8e8e8;
}

.tabWrap>.tab>.tabTit {
    background: #fff;
    color: #444;
}

.tabWrap>.tab>.tabTit>a {
    height: 18px;
    line-height: 18px;
    padding: 13px 0px 12px;
    font-size: 14px;
    color: #444;
    border: 1px solid #e8e8e8;
    border-bottom: 0 none;
    border-left: 0;
}

.tabWrap>.tab>.tabTit:first-child a {
    border-left: 1px solid #e8e8e8;
}

.tabWrap>.tab>.tabTit>a.rowCnt2 {
    height: 36px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.tabWrap>.tab>.tabTit.selected {}

.tabWrap>.tab>.tabTit.selected a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    border: 3px solid #225db7;
    border-bottom: 0 none;
}

.tabWrap>.tab>.tabTit.selected a.rowCnt2 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.tabWrap>.tab>.tabCont {
    padding-top: 55px;
}


/* 본문 설명  */
.con_box_01 {
    display: block;
    position: relative;
    margin: 0 auto;
    border: 1px dashed #ccc;
    padding: 20px;
}

.con_box_01:after {
    display: block;
    clear: both;
    content: ''
}

.con_box_01 p {
    margin-top: 10px;
    width: 100%;
    display: block;
}

.con_box_01 p:first-child {
    margin-top: 0px;
}

.con_box_02 {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.con_box_02:after {
    display: block;
    clear: both;
    content: ''
}

.con_title_round {
    width: 100%;
    display: block;
}

.con_title_round>span {
    display: inline-block;
    padding: 15px 20px;
    background: #235fb8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    font-size: 18px;
}

.con_img_02 {
    width: 100%;
    display: block;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.con_img_02:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.con_img_02>img {
    width: auto;
}

.con_txt_02 {
    width: 90%;
    display: block;
    padding: 20px 5%;
    text-align: left;
    line-height: 20px !important;
    border-top: 1px dashed #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.con_txt_02:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.con_img_01 {
    width: 100%;
    display: block;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.con_img_01:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.con_img_01>img {
    width: auto;
}




/*
.con_box_01{position:relative; margin:0 auto; width:88%; height:100%; padding:20px 5%; display:table; background:#fafafa; border:1px solid #626262; color:#444; font-size:1.25em; font-size:1.25rem; line-height:1.725em; line-height:1.725rem;}
.con_box_01:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

.con_box_02{position:relative; margin:50px auto; width:88%; height:100%; padding:80px 5%; display:table; background:#fafafa; border:1px solid #626262; color:#444; font-size:1.25em; font-size:1.25rem; line-height:1.725em; line-height:1.725rem;}
.con_box_02:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
*/

.con_wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    display: table;
}

.con_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.con_con {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    vertical-align: top;
    display: table-cell;
}

.con_con:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.con_con>img {
    width: auto;
}


ul.lv1 {
    position: relative;
}

ul.lv1:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.lv1>li {
    clear: both;
    background: url(../../img/bullet02.png) 0 50% no-repeat;
    padding: 6px 0 6px 15px;
    font-weight: normal
}

ul.lv1 li:first-child {
    border-top: none !important
}

ul.lv1>li span {
    color: #bb2e3e;
    font-weight: 400
}

ul.lv1>li>strong {
    font-weight: 400
}

ul.lv1_bdnone {
    position: relative;
}

ul.lv1_bdnone:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.lv1_bdnone li {
    clear: both;
    background: url(../img/bullet_02.png) 0 50% no-repeat;
    padding: 6px 0 6px 15px;
    font-weight: normal
}

ul.lv1_bdnone li span {
    color: #bb2e3e;
    font-weight: bold
}

ul.lv1_bdnone li strong {
    display: inline-block;
    width: 100px;
    font-weight: bold
}

ul.lv1_line {
    position: relative;
}

ul.lv1_line:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.lv1_line>li {
    clear: both;
    background: url(../../img/bullet02.png) 0 50% no-repeat;
    border-top: 1px dotted #dbdbdb;
    padding: 6px 0 6px 15px;
    font-weight: normal
}

ul.lv1_line li:first-child {
    border-top: none !important
}

ul.lv1_line>li span {
    color: #bb2e3e;
    font-weight: 400
}

ul.lv1_line>li strong {
    display: inline-block;
    width: 100px;
    font-weight: 400
}

ul.lv1_large {
    position: relative;
}

ul.lv1_large:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.lv1_large>li {
    clear: both;
    background: url(../../img/bullet02.png) 0 50% no-repeat;
    padding: 4px 0 4px 15px;
    font-size: 1.275em;
    font-size: 1.275rem;
    line-height: 1.785rem;
    line-height: 1.785em;
    font-weight: 400;
    color: #000;
}

ul.lv1_large li:first-child {
    border-top: none !important
}

ul.lv1_bgnone {
    position: relative;
}

ul.lv1_bgnone:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.lv1_bgnone>li {
    clear: both;
    padding: 0 0 8px 0;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 300;
    color: #222;
}

ul.none {
    position: relative;
}

ul.none:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.none>li {
    clear: both;
    padding: 0 0 8px 0;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 300;
    color: #555;
}

ul.lv1_bg {
    position: relative;
}

ul.lv1_bg:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.lv1_bg>li {
    clear: both;
    background: url(../../img/bullet02.png) 0 12px no-repeat;
    padding: 0 0 8px 15px;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 300;
    color: #222;
}

/* 인사말 */
.greeting_wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-height: 600px;
    padding: 0 0 0 0;
    display: table;
    background: url(../img/greeting_bg.png) center bottom no-repeat;
}

.greeting_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/* 서비스 안내 */
.service_wrap {
    position: relative;
    margin: 10px auto 0;
    width: 100%;
    height: auto;
}

.service_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.service_ul01 {
    position: relative;
    margin: 0 auto 0;
    max-width: 100%;
}

.service_ul01:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.service_ul01 li {
    position: relative;
    float: left;
    width: 99%;
    margin: 0 0 0px 0;
    height: 398px;
    display: table;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.service_ul01 li:nth-child(2n) {
    width: 100% !important;
    background: url(../img/easy_service_arrow02.png) 50% 50% no-repeat;
    border: none !important;
    height: 70px !important;
}

.service_ul01 li>p {
    width: 80%;
    padding: 0 10%;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 20px;
}

.service_ul01 li>p>strong {
    background: #f3f3f3;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 15px;
    color: #222;
}

.service_ul01 li>p>img {
    width: auto;
    height: auto;
    margin: 35px auto 20px;
}

.service_ul01 li>.service_num {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 52px;
    padding-top: 8px;
    border-radius: 90px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 28px;
    line-height: 42px;
    color: #fff;
    background: #7c9dbc;
}

.service_ul02 {
    position: relative;
    margin: 0 auto 0;
    max-width: 100%;
}

.service_ul02:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.service_ul02 li {
    position: relative;
    float: left;
    width: 99%;
    margin: 0 0 0px 0;
    height: 418px;
    display: table;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.service_ul02 li:first-child {
    width: 100% !important;
    background: url(../img/easy_service_arrow02.png) 50% 50% no-repeat;
    border: none !important;
    height: 70px !important;
}

.service_ul02 li:nth-child(3) {
    width: 100% !important;
    background: url(../img/easy_service_arrow02.png) 50% 50% no-repeat;
    border: none !important;
    height: 70px !important;
}

.service_ul02 li:nth-child(5) {
    width: 100% !important;
    background: none !important;
    border: none !important;
    height: 70px !important;
}

.service_ul02 li>p {
    width: 80%;
    padding: 0 10%;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 20px;
}

.service_ul02 li>p>strong {
    background: #f3f3f3;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 15px;
    color: #222;
}

.service_ul02 li>p>img {
    width: auto;
    height: auto;
    margin: 35px auto 20px;
}

.service_ul02 li>.service_num {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 52px;
    padding-top: 8px;
    border-radius: 90px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 28px;
    line-height: 42px;
    color: #fff;
    background: #7c9dbc;
}

/* 의뢰하기 테이블 */
.text_point {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #cc0000;
    padding: 0 3px;
}


table.tonline {
    border-top: 2px solid #3a3a3a;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto
}

table.tonline:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

table.tonline thead th {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center;
    font-weight: normal;
    padding: 15px 0;
    background-color: #f3f3f3;
    color: #000;
}

table.tonline thead th:first-child {
    border-left: none;
}

table.tonline tbody th {
    border-bottom: 1px solid #969696;
    text-align: center;
    font-weight: normal;
    color: #000;
    padding: 6px 5px;
    background-color: #f5f5f5;
    word-break: keep-all;
    word-wrap: break-word;
}

table.tonline tbody th:first-child {
    border-left: none;
}

table.tonline td {
    border-bottom: 1px solid #969696;
    border-left: 1px solid #e0e0e0;
    padding: 10px 10px;
    text-align: left;
    color: #444;
    line-height: 18px;
    word-break: keep-all;
    word-wrap: break-word;
}

table.tonline td:first-child {
    border-left: none;
}

table.tonline td.center {
    text-align: center;
}

table.tonline td.bdline {
    border-left: 1px solid #e0e0e0;
}

table.tonline td>select.range {
    width: 100px;
}

.dwgdn {
    display: inline-block;
    padding: 10px 35px 10px 8px;
    border: 1px solid #727272;
    border-radius: 3px;
    background: #727272 url(../../img/icon_download.png) right 50% no-repeat;
    color: #fff;
    text-align: left;
    font-weight: 300;
}

.tdcol {
    position: relative;
    display: inline-block;
    width: 50%;
    float: left;
}

.tdcol2 {
    display: block;
    width: 100%;
}

.tdcol input[type="text"] {
    width: 70%;
}

.tdcol input.input_size2[type="text"] {
    width: 35%;
}

.tdcol2 input[type="text"] {
    width: 90%;
}

.tdcol>span,
.tdcol2>span {
    display: inline-block;
    margin-right: 20px;
    padding: 5px 0;
}

/* 의뢰하기 입력폼 
.dlform_02{margin:0 auto; position:relative; width:100%; padding:0 0 0;}
.dlform_02:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.dlform_02 dt{float:left; width:25%; height:24px; margin-right:0%; margin-bottom:0px; padding:25px 0; text-align:center; background:#59a3d5; color:#fff;  font-size:14px;border-bottom:1px solid #558eb4;}
.dlform_02 dt.row3{height:24px;padding:75px 0;}
.dlform_02 dt.small_font{font-size:12px}
.dlform_02 dd{float:right; width:73%; height:44px; margin-bottom:0px;padding:15px 0 15px 2%;  text-align:left; background:#f5f5f5; color:#242424; font-weight:normal; font-size:14px; border-bottom:1px solid #dfdfdf;}
.dlform_02 dd.row3{height:144px;}
.dlform_02 dd span{display:inline-block; margin-right:15px;  padding:10px 0; color:#242424; font-weight:normal; font-size:14px;}
.dlform_02 dd input[type="text"] {width:92%;}
.dlform_02 dd input[type="tel"] {width:92%;}
.dlform_02 dd strong {width:98%;display:inline-block; padding:0px 0; color:#242424; font-weight:normal; font-size:18px;}
.dlform_02 dd select {width:98%;}
.dlform_02 dd select.select_size2 {width:48.5%;}
.dlform_02 dd input.input_size2[type="text"] {width:35%;}
.dlform_02 dd input.input_size2[type="tel"] {width:35%;}
.dlform_02 dd input.input_size3[type="text"] {width:44%;}
.dlform_02 dd input.input_size3[type="tel"] {width:44%;}
.dlform_02 dd input.input_size4[type="text"] {width:25%;}
.dlform_02 dd strong.strong_size2 {width:35%; display:inline-block; padding:10px 0; color:#242424; font-weight:normal; font-size:18px;}
.dlform_02 dd > br{line-height:48px;}
.dlform_02 dd.pad0 > br{line-height:24px;}
.dlform_02 dd .dd_comment{font-size:12.5px; color:#2a6ebb; line-height:13px; display:inline-block; word-spacing:-1px; letter-spacing:-1px;}
*/

/* 분석서비스 */
ul.tab01 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    height: 45px;
}

ul.tab01:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.tab01 li {
    float: left;
    width: 33.33%;
    height: 100%;
    display: table;
}

ul.tab01 li>a {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    background: #eaeaea;
}

ul.tab01 li>a.on {
    background: #7c9dbc;
    color: #fff;
}

ul.tab01 li>a:hover {
    background: #7c9dbc;
    color: #fff;
}

ul.equip {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    height: 60px;
}

ul.equip:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.equip>li {
    float: left;
    width: 31%;
    padding: 0;
    margin-left: 3.5%;
    margin-bottom: 20px;
}

ul.equip>li:first-child,
ul.equip>li:nth-child(3n+1) {
    margin-left: 0;
}

ul.equip>li>p {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

ul.equip>li>p>img {
    width: auto;
    max-width: 100%;
}

dl.equip_new {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

dl.equip_new:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

dl.equip_new>dt {
    float: none;
    width: 100%;
    padding: 0;
    margin-right: 0%;
    margin-bottom: 0px;
}

dl.equip_new>dd {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 80px;
}

dl.equip_new>dt>p {
    display: block;
    width: 100%;
    text-align: center;
}

dl.equip_new>dt>p>img {
    width: 100%;
    max-width: 100%;
}

dl.equip_new>dd>p {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

dl.equip_new>dd>p.title {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}

dl.equip_new2 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

dl.equip_new2:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

dl.equip_new2>dt {
    display: block;
    width: 100%;
}

dl.equip_new2>dt>p {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}

dl.equip_new2>dd {
    display: block;
    width: 100%;
}

dl.equip_new2>dd>p {
    display: block;
    padding-left: 2%;
    width: 98%;
    text-align: left;
    margin-bottom: 10px;
}

dl.equip_new2>dd>p.title {
    display: block;
    padding-left: 0%;
    width: 100%;
    font-weight: 400 !important;
    color: #333 !important;
}

p.summary {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    line-height: 1.5rem;
}

p.summary:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.tab02 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    height: 45px;
}

ul.tab02:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.tab02 li {
    float: left;
    width: 50%;
    height: 100%;
    display: table;
}

ul.tab02 li>a {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    background: #eaeaea;
}

ul.tab02 li>a.on {
    background: #7c9dbc;
    color: #fff;
}

ul.tab02 li>a:hover {
    background: #7c9dbc;
    color: #fff;
}










.con_div {
    position: relative;
    margin: 0 auto;
    height: 100%;
    padding: 0 0 0 0;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}

.con_div:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}




/* 테이블 DIV */
.table_wrap {
    width: 100%;
    height: auto;
    overflow: none;
}

.table_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.table_wrap.w50 {
    width: 50%
}

/* 테이블 DIV */
.table_wrap2 {
    width: 90%;
    padding: 20px 4.9%;
    height: auto;
    margin: 0 auto;
    overflow: none;
    background: #ecf4f7;
    border: 1px solid #e2e9ec;
}

.table_wrap2:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.board_notice {
    width: 90%;
    padding: 20px 4.9%;
    height: auto;
    margin: 0 auto;
    overflow: none;
    background: #ecf4f7;
    border: 1px solid #e2e9ec;
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.board_notice:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.board_notice_left {
    width: 90%;
    padding: 20px 4.9%;
    height: auto;
    margin: 0 auto;
    overflow: none;
    background: #ecf4f7;
    border: 1px solid #e2e9ec;
    color: #000;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}

.board_notice_left:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.board_notice_left>p {
    display: block;
    margin: 6px auto;
}

/* 약도 */
.map_wrap {
    position: relative;
    margin: 0 auto;
    padding: 0 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

ul.map_ul {
    position: relative;
    margin: 20px auto;
    width: 100%;
    padding: 0;
}

ul.map_ul:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.map_ul li {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #d7d7d7;
    display: table;
}

ul.map_ul li>.map_title {
    display: inline-block;
    width: 20%;
    padding: 10px 0;
    height: 100%;
    text-align: left;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    display: table-cell;
    vertical-align: middle;
}

ul.map_ul li>.map_text {
    display: inline-block;
    width: 80%;
    padding: 10px 0;
    height: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
}

ul.map_ul li>.map_text>ul.lv1>li {
    color: #444;
    font-weight: 300;
    border-bottom: none;
    background: url(../img/bullet_02.png) 0 10px no-repeat;
}

/* 연혁 */
.history {
    background: url(../../img/history_bg.png) 50% 0 repeat-y;
}

.history_year {
    clear: both;
    background: #364150;
    text-align: center;
    font-size: 1.25em;
    font-size: 1.25rem;
    padding: 12px 0;
    margin: 0 auto 30px;
    border-radius: 100px;
    width: 40%;
    box-shadow: 1px 1px 2px #ddd
}

.history_list_left {
    width: 51%;
    float: left;
}

.history_list_left dl {
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
    text-align: right
}

.history_list_left dt {
    min-height: 30px;
    padding: 0 70px 0 0;
    font-weight: normal;
    background: url(../../img/history_year_bullet02.png) 99% 13px no-repeat;
    color: #333;
    font-size: 1.5em;
    font-size: 1.5rem;
    line-height: 34px;
    font-family: verdana;
    letter-spacing: -3px;
}

.history_list_left dd {
    padding-right: 70px;
}

.history_list_left dd p {
    line-height: 22px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 5px 0 5px 0;
    text-align: right
}

.history_list_left dd p>span {
    display: inline-block;
    font-weight: 400;
    margin-right: 10px;
    color: #000;
}

.history_list_left dd p>img {
    display: inline-block;
    width: auto;
    max-width: auto;
    border: 1px solid #dfdfdf;
}

.history_list_right {
    width: 51%;
    float: right;
}

.history_list_right:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.history_list_right dl {
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%
}

.history_list_right dt {
    min-height: 30px;
    padding: 0 0 0 70px;
    font-weight: normal;
    background: url(../../img/history_year_bullet.png) 1% 13px no-repeat;
    color: #333;
    font-size: 1.5em;
    font-size: 1.5rem;
    line-height: 34px;
    font-family: verdana;
    letter-spacing: -3px;
}

.history_list_right dd {
    padding-left: 70px;
}

.history_list_right dd p {
    line-height: 22px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 5px 0 5px 0;
}

.history_list_right dd p>span {
    display: inline-block;
    font-weight: 400;
    margin-right: 10px;
    color: #000;
}

.history_list_right dd p>img {
    display: inline-block;
    width: auto;
    max-width: auto;
    border: 1px solid #dfdfdf;
}

.history_b {
    text-align: center
}

.history_end {
    background: #364150;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 30px
}

/* 레이어팝업 */
.lypop_bg {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4000;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    display: none
}

.lypop_bg_wrapper {
    z-index: 4001;
    width: 100%;
    height: 100%;
    display: table;
}

.lypop_bg_wrap {
    z-index: 4002;
    display: table-cell;
    vertical-align: middle;
}

.lypop_con {
    position: relative;
    margin: 0 auto;
    z-index: 4003;
    opacity: 1;
    width: 60%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.lypop_con:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/*.lypop_con .desc{clear:both;position:relative;width:100%; display:block; text-align:left;}*/
.lypop_con h1.lypop_title {
    display: block;
    background: #265192;
    padding: 15px 5% 15px 5%;
    width: 90%;
    line-height: 18px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
}

.lypop_con .lypop_con_div {
    display: block;
    width: 100%;
    background: #fff;
    width: 90%;
    padding: 20px 5%;
    margin: 0 auto;
}

.lypop_con .lypop_con_div:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.lypop_con .lypop_close {
    position: absolute;
    top: 10px;
    right: 1%;
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    color: #000;
    padding: 4px 10px;
    cursor: pointer;
}


/* 팝업 관련 */
.box_div_pop {
    position: relative;
    width: 96%;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0 auto;
    padding: 10px 2%;
}

.box_div_pop:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.pop_img {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

ul.pop_img:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.pop_img>li {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

ul.pop_img>li:first-child,
ul.pop_img>li:nth-child(2) {
    border-top: none;
}

ul.pop_img>li img {
    width: 100%;
}

/*ul.pop_img > li{float:left; width:50%; text-align:center; padding:10px 0; border-top:1px solid #dfdfdf; }
ul.pop_img > li:first-child, ul.pop_img > li:nth-child(2) {border-top:none;}*/


/* 탭박스 */
#tabbox {
    width: 100%;
    margin-bottom: 30px;
    display: block !important;
}

#tabbox:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

#tabbox ul li {
    background: #fff;
    margin: 0 0 -1px 0;
    font-weight: bold
}

#tabbox ul li:first-child {
    margin-left: 0 !important;
}

#tabbox ul li a {
    display: block;
    min-height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 0.875em;
    font-size: 0.875rem;
    padding: 8px 0;
    border: 1px solid #dddddd;
    word-break: -1px;
    letter-spacing: -1px;
}

#tabbox ul li a:hover,
#tabbox ul li a.on {
    background-position: bottom;
    background: #555555;
    border: 1px solid #555555;
    color: #fff
}

.colum03 ul li {
    width: 33.33333%;
    float: left
}

.colum04 ul li {
    width: 49.97777%;
    float: left
}

.colum05 ul li {
    width: 49.97777%;
    float: left
}

.colum06 ul li {
    width: 49.97777%;
    float: left
}


/* 게시판 상단 영역 */
.board_top_area {
    position: relative;
    width: 100%;
    font-size: 1em;
    text-align: center;
    margin: 30px auto 10px;
    padding: 0;
}

.board_top_area:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

/* 카테고리 */
.board_category {
    position: relative;
    float: left;
    padding: 0;
    width: 50%;
    text-align: left;
}

.board_category:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.board_category span {
    display: inline-block;
}

.board_category strong {
    display: inline-block;
    font-weight: normal;
}

/* 조회수 */
.board_count {
    position: relative;
    float: right;
    padding: 0;
    width: 50%;
    text-align: right;
}

.board_count:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.board_count span {
    display: inline-block;
}

.board_count strong {
    display: inline-block;
    font-weight: normal;
}


/*  검색 */
.select_area {
    position: relative;
    margin: 20px auto;
    padding: 0;
    width: 100%;
    height: 33px;
    text-align: center
}

.select_area:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.select_area>select {
    display: inline-block;
    height: 32px;
    padding: 2px 8px 2px 8px;
    background: #ffffff;
    border: 1px solid #bbb;
    margin: 0px 5px
}

.select_area>input {
    display: inline-block;
    height: 26px;
    padding: 2px 8px 2px 8px;
    background: #ffffff;
    border: 1px solid #bbb;
    margin: 0 5px
}

.select_area input.search_btn {
    display: inline-block;
    width: 76px;
    height: 33px;
    background: #333;
    color: #fff;
    font-size: 14px;
    padding: 0;
}


.box_div_alert {
    position: relative;
    font-size: 1em;
    text-align: center;
    margin: 50px auto;
    padding: 30px 3%;
    width: 44%;
    border: 1px dashed #ccc;
    background: #fafafa;
}

.box_div_alert:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.box_div_alert>div.title {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #cc0000;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.box_div_alert>p {
    display: block;
    text-align: center;
    margin-top: 20px;
    line-height: 22px;
}

.box_div_alert>p>input[type="text"] {
    width: 100%
}

/*페이지 네비게이션*/
.pagination {
    position: relative;
    width: 100%;
    height: 23px;
    font-size: 0.917em;
    text-align: center;
    margin: 30px auto;
    padding: 0;
}

.pagination:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.pagination img {
    margin-top: -2px;
}

.pagination span {
    margin: 0 2px
}

.pagination span.select {
    text-align: center;
    padding: 4px 8px;
    color: #444;
    font-weight: bold;
    border: 1px solid #ccc;
    background: #eee;
}

.pagination span a:link {
    word-spacing: -1px;
    text-align: center;
    padding: 4px 8px;
    color: #999;
    border: 1px solid #ccc;
}

.pagination span a:visited {
    word-spacing: -1px;
    text-align: center;
    padding: 4px 8px;
    color: #999;
    text-decoration: none;
    border: 1px solid #ccc;
}

.pagination span a:hover {
    word-spacing: -1px;
    text-align: center;
    padding: 4px 8px;
    color: #555;
    text-decoration: underline;
    border: 1px solid #ccc;
}

.pagination span a:active {
    word-spacing: -1px;
    text-align: center;
    padding: 4px 8px;
    color: #555;
    text-decoration: underline;
    border: 1px solid #ccc;
}

/* 이전글, 다음글 */
.other_list {
    position: relative;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
    width: 99.78888%
}

.other_list:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.other_list table {
    width: 100%;
    ;
}

.other_list table caption {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.other_list table th {
    width: 15%;
    padding: 8px 0 4px 0;
    ;
    text-align: center;
    color: #555;
    font-size: 0.825em;
    font-size: 0.825rem;
}

.other_list table td {
    width: 83%;
    padding: 8px 0 4px 2%;
    border-bottom: 0;
    text-align: left;
    font-size: 0.825em;
    font-size: 0.825rem;
}

.other_list table th.next {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.other_list table th.prev {
    border-right: 1px solid #e6e6e6;
}

.other_list table td.next {
    border-bottom: 1px solid #e6e6e6;
}

.other_list table td.prev {}

/* 버튼 영역
.btn_area{float:right; text-align:right; padding:0; margin:20px 0 0 20px; font-weight:normal;}
.btn_area_center {margin:10px auto; text-align:center; width:100%;}
.btn_type{float:left; padding:1px 6px; margin:0 4px; height:18px; text-align:center; vertical-align:middle; color:#111;; letter-spacing:-0.02em; background: url(../../images/board/input_bg.png) left top repeat-x;border:1px solid #1c1c1c; cursor:pointer;}
input.btn_type{border:none;  padding:0px 0; margin:0 4px;width:76px;height:20px; text-align:center; vertical-align:middle; color:#111;; letter-spacing:-0.02em; background: url(../../images/board/input_bg.png) left top repeat-x; border:1px solid #1c1c1c;cursor:pointer;}
.btn_type a{color:#111; }
 */

/* 버튼 영역 */
.btn_area {
    display: block;
    padding: 0;
    margin: 20px auto;
    text-align: right;
}

.btn_area:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.btn_area_center {
    margin: 20px auto;
    text-align: center;
    width: 100%;
}

.btn_area_center:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.btn_area_box {
    position: relative;
    display: block;
    padding: 10px 2%;
    margin: 20px auto;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
    width: 95%;
}

.btn_area_box:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.btn_area span {
    display: inline-block;
    margin-right: 10px;
}

.board_cal {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 100;
}

.board_cal:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}


.btn_type {
    float: left;
    padding: 1px 6px;
    margin: 0 4px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    color: #111;
    ;
    letter-spacing: -0.02em;
    background: url(../../images/board/input_bg.png) left top repeat-x;
    border: 1px solid #1c1c1c;
    cursor: pointer;
}

input.btn_type {
    border: none;
    padding: 0px 0;
    margin: 0 4px;
    width: 76px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    color: #111;
    ;
    letter-spacing: -0.02em;
    background: url(../../images/board/input_bg.png) left top repeat-x;
    border: 1px solid #1c1c1c;
    cursor: pointer;
}

.btn_type a {
    color: #111;
}


.button_admin {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin: 0px 3px 0px 3px;
    padding: 3px 8px 3px 8px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    color: #999 !important;
    background: #2d2d2d;
    font-weight: 400 !important;
}

.button_admin:hover,
.button_admin:active {
    position: relative;
    color: #999 !important;
    background: #2d2d2d;
    font-weight: 400 !important;
}




table.boardList {
    border-top: 2px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    width: 100%;
    font-size: 1em;
    font-size: 1rem;
    margin: 0 auto;
    overflow: none;
}

table.boardList:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

table.boardList thead th {
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
    font-weight: normal;
    padding: 15px 0;
    background-color: #f3f3f3;
    color: #000;
}

table.boardList tbody th {
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    padding: 10px 5px;
    background-color: #f5f5f5;
    word-break: keep-all;
    word-wrap: break-word;
}

table.boardList td {
    border-bottom: 1px solid #c7c7c7;
    padding: 10px 12px;
    text-align: center;
    color: #444;
    font-size: 14px;
    line-height: 18px;
    word-break: keep-all;
    word-wrap: break-word;
    *word-break: break-all !important;
    */ background: #fff;
}

table.boardList td.left {
    padding-left: 10px;
    text-align: left;
}

table.boardList td.question {
    background: url(../../himages/board/ic_q.png) 5px 15px no-repeat;
    padding: 10px 10px 10px 30px;
    text-align: left;
}

table.boardList td.answer {
    background: #fafafa;
}

table.boardList td div {
    background: url(../../himages/board/ic_a.png) 5px 10px no-repeat;
    padding: 5px 10px 10px 30px;
    text-align: left;
}

table.boardList td>a {
    font-size: 14px;
}

table.boardList td.bdleft {
    border-left: 1px solid #c7c7c7;
}

table.boardList2 {
    width: 100%;
    font-size: 1em;
    font-size: 1rem;
    margin: 0 auto
}

table.boardList2:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

table.boardList2 thead th {
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
    font-weight: normal;
    padding: 6px 0;
    background-color: #0a94d4;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}

table.boardList2 tbody th {
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    padding: 10px 5px;
    background-color: #f5f5f5;
    word-break: keep-all;
    word-wrap: break-word;
}

table.boardList2 td {
    border-bottom: 1px solid #c7c7c7;
    padding: 6px 12px;
    text-align: center;
    color: #222;
    font-size: 14px;
    line-height: 18px;
    word-break: keep-all;
    word-wrap: break-word;
}

table.boardList2 td.left {
    padding-left: 10px;
    text-align: left;
}

table.boardList3 {
    border-top: 2px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    width: 100%;
    font-size: 1em;
    font-size: 1rem;
    margin: 0 auto
}

table.boardList3:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

table.boardList3 thead th {
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
    font-weight: normal;
    padding: 15px 0;
    background-color: #f3f3f3;
    color: #000;
}

table.boardList3 td {
    border-bottom: 1px solid #c7c7c7;
    padding: 6px 12px;
    text-align: center;
    color: #222;
    font-size: 14px;
    line-height: 18px;
    word-break: keep-all;
    word-wrap: break-word;
}

table.boardList3 td.left {
    padding-left: 10px;
    text-align: left;
}

table.boardList4 {
    border-top: 2px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    width: 100%;
    margin: 0 auto
}

table.boardList4:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

table.boardList4 thead th {
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
    background-color: #f3f3f3;
    color: #000;
    font-size: 14px;
}

table.boardList4 tbody th {
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    padding: 3px 5px;
    background-color: #f5f5f5;
    word-break: keep-all;
    word-wrap: break-word;
}

table.boardList4 td {
    border-bottom: 1px solid #c7c7c7;
    padding: 3px 5px;
    text-align: center;
    color: #444;
    font-size: 13px;
    line-height: 16px;
    word-break: keep-all;
    word-wrap: break-word;
    background: #fff;
}

table.boardList4 td.left {
    padding-left: 5px;
    text-align: left;
}



/* 게시판 보기1 */
table.boardView {
    border-top: 2px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    width: 100%;
    font-size: 1em;
    font-size: 1rem;
    margin: 0 auto
}

table.boardView:after {
    display: block;
    clear: both;
    content: ""
}

table.boardView thead th {
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
    font-weight: normal;
    color: #000;
    padding: 10px 5px;
    background-color: #f5f5f5;
    border-left: 1px solid #c7c7c7
}

table.boardView tbody th {
    border-bottom: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    text-align: center;
    font-weight: normal;
    color: #000;
    padding: 10px 5px;
    background-color: #f5f5f5;
}

table.boardView td {
    border-left: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    padding: 10px 10px;
}

table.boardView td:first-child,
table.boardView th:first-child {
    border-left: none;
}

table.boardView td.b_view_img {
    text-align: center
}

span.ip_s {
    color: #ff0000
}

span.bd_s_info {
    color: #ff0000;
    font-weight: bold
}

table.boardView td#contents {
    padding: 20px 0;
}

table.boardView td.contents {
    padding: 20px 10px;
    word-break: keep-all;
    word-wrap: break-word;
}

table.boardView td .input_box {
    width: 99%
}

/*table.boardView td#contents > img{width:100%;}*/
/*table.boardView td img{width:100%;}*/


/* 갤러리 게시판 목록 */
ul.gallery_new {
    position: relative;
    border-top: 2px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    width: 100%;
    margin: 0 auto;
    font-size: 1em;
    font-size: 1rem;
}

ul.gallery_new:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.gallery_new li {
    float: left;
    width: 29%;
    margin: 0 2% 50px 2%;
    padding: 20px 0;
    text-align: center;
    line-height: 24px;
}

ul.gallery_new li:nth-child(3n+1) {
    margin: 0 2.5% 50px 2.5%
}

ul.gallery_new li p img {
    display: block;
    width: 100%;
    height: 180px
}

ul.gallery_new li p a {
    font-size: 15px;
    line-height: 32px !important;
}

/*ul.gallery_new li a{display:inline-block; width:100%; height:100%; cursor:pointer;}
ul.gallery_new li a p{display:inline-block; width:100%;}*/


/* 갤러리 게시판 보기 */
table.galleryView {
    position: relative;
    border-top: 2px solid #444;
    border-bottom: 1px solid #444;
    border-collapse: collapse;
    width: 100%;
    font-size: 1em;
    font-size: 1rem;
    margin: 0 auto
}

table.galleryView:after {
    display: block;
    clear: both;
    content: ""
}

table.galleryView thead th {
    border-bottom: 1px solid #aaa;
    text-align: center;
    font-weight: 700;
    padding: 20px 0;
    background-color: #fcfcfc;
    font-size: 18px;
    line-height: 30px;
}

table.galleryView tbody th {
    text-align: center;
    font-weight: normal;
    padding: 15px 0;
    line-height: 30px;
}

table.galleryView td {
    padding: 15px 10px;
    text-align: center;
}

table.galleryView td p {
    margin-bottom: 30px;
}

table.galleryView td p img {
    width: 100%
}

ul.gallery_new a,
table.boardList a,
table.boardView1 a,
table.galleryView a {
    font-size: 1em;
    font-size: 1rem
}

.text_point {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #cc0000;
    padding: 0 3px;
}

/* comment */
.comment_div {
    clear: both;
    width: 100%;
    margin: 50px auto 30px;
    border-top: 2px solid #444;
    ;
    border-bottom: 1px solid #666;
}

.comment_div:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.comment_write01 {
    width: 100%;
    margin: 0 auto;
}

ul.comment_write01:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.comment_write01 li {
    float: left;
    display: inline-block;
    width: 50%;
    padding: 0 0;
}

ul.comment_write01 li span {
    display: inline-block;
    background: #f1f1f1;
    padding: 10px 20px;
}

ul.comment_write02 {
    width: 100%;
    margin: 0 auto;
}

ul.comment_write02:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.comment_write02 li {
    float: left;
    display: inline-block;
    padding: 10px 0;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

ul.comment_write02 li:first-child {
    width: 12%;
}

ul.comment_write02 li:nth-child(2) {
    width: 73%;
}

ul.comment_write02 li:nth-child(3) {
    width: 15%;
    text-align: right;
}

ul.comment_write02 li>textarea {
    position: relative;
    width: 100%;
}


ul.comment_view {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #797979;
    display: table;
}

ul.comment_view:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

ul.comment_view li {
    float: left;
    display: table-cell;
    height: auto;
    padding: 10px 2%;
    line-height: 1.5rem;
    vertical-align: middle;
}

ul.comment_view li:first-child {
    width: 10%;
    font-weight: 400;
    color: #000;
}

ul.comment_view li:nth-child(2) {
    width: 81%;
    border-left: 1px dashed #ccc;
}


/* 로그인 */
.m_login_wrap {
    width: 100%;
    margin: 0px auto 30px;
    border: 1px solid #ddd;
}

.m_login_wrap:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.m_login {
    position: relative;
    float: left;
    width: 42%;
    padding: 30px 4%;
}

.m_login:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.m_login_form {
    position: relative;
    width: 100%;
}

.m_login_form:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.m_login_title {
    position: relative;
    width: 100%;
    padding: 30px 0;
    color: #000;
    font-size: 28px;
    font-weight: 400;
    border-bottom: 1px dashed #ccc;
}

.m_login_title:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.login_putzone {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.login_putzone>input {
    width: 100%;
    height: 42px;
    margin: 0 auto 10px;
    border: 1px solid #ddd;
    padding:
}

.login_putzone>input.btn_login {
    width: 100%;
    height: 44px;
    background: #3b3b3b;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}

.login_putzone>p {
    padding: 0;
    line-height: 24px;
}

.login_info_box {
    float: right;
    background: #f9f9f9;
    padding: 30px 4%;
    width: 42%;
    margin: 0 auto 0;
}

.login_info_box:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.login_info_box>p {
    padding: 0;
    line-height: 24px;
}

.login_info_box>p.bd_line {
    display: inline-block;
    padding: 15px 4%;
    width: 92%;
    color: #000;
    font-size: 18px;
    border: 1px dashed #ccc;
    line-height: 26px;
    text-align: center;
    font-weight: 400;
}

.login_info_box>p>a.mem_join {
    display: inline-block;
    padding: 8px 35px 8px 15px;
    background: #fff url(../../img/bullet02.png) 90% 50% no-repeat;
    border-radius: 3px;
    font-size: 16px;
    border: 1px solid #dfdfdf;
    color: #000;
    font-weight: 400;
}

/* 회원가입 */
.m_login_wrap2 {
    width: 92%;
    margin: 60px auto 0;
    padding: 50px 4%;
    border: 1px solid #ddd;
}

.m_login_wrap2:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.m_login_title2 {
    position: relative;
    width: 100%;
    padding: 0 0 30px 0;
    color: #000;
    font-size: 28px;
    font-weight: 400;
    border-bottom: 1px dashed #ccc;
}

.m_login_title2:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.m_login_full {
    position: relative;
    width: 100%;
}

.m_login_full:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.login_info_box2 {
    position: relative;
    width: 100%;
}

.login_info_box2:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.login_info_box2>p {
    padding: 0;
    line-height: 24px;
}

/* 게시판 */
.laySearchCom {
    position: absolute;
    display: none;
    left: 152px;
    top: 60px;
    width: 400px;
    padding: 15px;
    border: 3px solid #ccc;
    background: #fff;
    z-index: 10;
}

.layInputCom {
    position: absolute;
    display: none;
    left: 152px;
    top: 60px;
    width: 540px;
    padding: 15px;
    border: 3px solid #ccc;
    background: #fff;
    z-index: 10;
}

.system_msg {
    position: relative;
    width: 40%;
    padding: 280px 5% 30px;
    margin: 10px auto;
    text-align: center;
    background: #fcfcfc url(../../img/icon_login.png) 50% 30px no-repeat;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    border: 1px solid #dfdfdf;
    border-radius: 0px;
}

.system_msg:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.system_msg .msg {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height: 24px;
}

.system_msg .msg:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}


/* 레이어팝업 */
.board_msg {
    position: relative;
    margin: 0 auto;
    width: 50%;
    border: 1px solid #dfdfdf;
}

.board_msg:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.board_msg .msg_title {
    display: block;
    background: #265192;
    padding: 15px 5% 15px 5%;
    width: 90%;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
}

.board_msg .msg_stitle {
    display: block;
    width: 100%;
    background: #fff;
    width: 90%;
    padding: 20px 5%;
    margin: 0 auto;
    border-bottom: 1px dashed #dfdfdf;
    color: #004ebd;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
}

.board_msg .msg_txt {
    display: block;
    width: 100%;
    background: #fff;
    width: 90%;
    padding: 20px 5%;
    margin: 0 auto;
    text-align: center;
}

.board_msg .msg_txt:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    content: ''
}

.board_msg .msg_btn {
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    color: #000;
    padding: 4px 10px;
    cursor: pointer;
}












}

/* 태블릿용 CSS */
@media all and (min-width:768px) and (max-width:1024px) {
    /*
.ver_mobile {display:none!important;}
.ver_pc{display:none!important;}
.m {display:none;}
*/


}


/* PC용 CSS */
@media all and (min-width:768px) {

    .ver_mobile {
        display: none !important;
    }

    .ver_pc {
        display: block !important;
    }

    .m {
        display: none;
    }

    .m_tb_menu {
        display: none;
    }

    .pc_menu {
        display: block;
    }

    /* 기본 CSS */
    #wrap {
        position: relative;
        width: 100%;
    }


    .select_area .select_input {
        width: 80%;
    }



    /* 게시판 목록 */
    table.boardList {
        width: 100%;
        font-size: 1em;
        font-size: 1rem
    }

    table.boardList thead th {
        padding: 10px 5px;
    }

    table.boardList tbody th {
        padding: 10px 5px;
    }

    table.boardList td {
        padding: 10px 5px;
    }


    /* 갤러리 게시판 보기 */
    table.galleryView {
        font-size: 1em;
        font-size: 1rem
    }

    ul.gallery_new a,
    table.boardList a,
    table.boardView1 a,
    table.galleryView a {
        font-size: 1em;
        font-size: 1rem
    }

    /* 서비스 안내 */
    .service_ul01 li {
        position: relative;
        float: left;
        width: 29%;
        margin: 0 0 50px 0;
        height: 398px;
        display: table;
        border: 1px solid #ccc;
        border-radius: 20px;
    }

    .service_ul01 li:nth-child(2n) {
        width: 5% !important;
        background: url(../img/easy_service_arrow01.png) 50% 50% no-repeat;
        border: none !important;
        height: 398px !important;
    }

    .service_ul02 li {
        position: relative;
        float: left;
        width: 29%;
        margin: 0 0 50px 0;
        height: 418px;
        display: table;
        border: 1px solid #ccc;
        border-radius: 20px;
    }

    .service_ul02 li:first-child {
        width: 15% !important;
        background: url(../img/easy_service_arrow01.png) right 50% no-repeat;
        border: none !important;
        height: 398px !important;
    }

    .service_ul02 li:nth-child(3) {
        width: 5% !important;
        background: url(../img/easy_service_arrow01.png) 50% 50% no-repeat;
        border: none !important;
        height: 398px !important;
    }

    .service_ul02 li:nth-child(5) {
        width: 15% !important;
        background: none !important;
        border: none !important;
        height: 398px !important;
    }


    ul.equip>li>p>img {
        width: 100%;
        max-width: 100%;
    }

    dl.equip_new>dt {
        float: left;
        width: 30%;
        padding: 0;
        margin-right: 5%;
        margin-bottom: 20px;
    }

    dl.equip_new>dd {
        float: left;
        width: 65%;
        padding: 0;
        margin-bottom: 20px;
    }



















}


/***********모바일용 css***********/
@media all and (min-width:0px) and (max-width:767px) {


    .ver_mobile {
        display: block !important;
    }

    .ver_pc {
        display: none !important;
    }

    .m {
        display: block;
    }

    .m_tb_menu {
        display: block;
    }

    .pc_menu {
        display: none;
    }

    /* 상단 */

    #header_wrap {
        width: 100%;
        height: 70px;
        padding: 0;
        margin: 0 auto;
        border-bottom: none;
    }

    #header {
        position: relative;
        width: 100%;
        height: 70px;
        padding: 0;
        margin: 0 auto;
    }

    #header>h1 {
        position: absolute;
        top: 16px;
        left: 10px;
        width: 168px;
    }

    #header>h1>a>img {
        padding-top: 0px;
        width: 204px;
        height: 40px;
    }

    #header>.top_btn_area>button {
        position: absolute;
        right: 10px;
        top: 16px;
        width: 42px;
        height: 42px;
        background: url(../img/menu_toggle_btn.png) center center no-repeat;
        cursor: pointer;
        outline: none;
        border: 0;
        box-shadow: none;
    }

    #header .allmenu_allbg {
        width: 100%;
        height: 100vh;
        height: 100vmax;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        right: -100%;
        z-index: 992;
        display: block
    }

    #header .allmenu_bg {
        width: 15rem;
        height: 100vh;
        height: 100vmax;
        background: #fff;
        position: relative;
        z-index: 993;
        float: right;
        padding: 0 0.938rem;
    }

    #header .allmenu_bg .top_btn {
        width: 100%;
        height: 70px;
        position: relative;
        border-bottom: 1px solid #ddd;
    }

    #header .allmenu_bg .top_btn .allmenu_title {
        position: absolute;
        left: 20px;
        top: 24px;
        font-size: 18px;
        font-weight: 400;
        color: #444;
        letter-spacing: 0px;
        word-spacing: -1px;
    }

    #header .allmenu_bg .top_btn button {
        position: absolute;
        right: 10px;
        top: 16px;
        background: url(../img/menu_toggle_close_btn.png) center center no-repeat;
        width: 42px;
        height: 42px;
        cursor: pointer;
        outline: none;
        border: 0;
        box-shadow: none;
        z-index: 995;
    }

    #gnb_wrap {
        padding: 5px 10px;
        height: calc(100vh - 200px);
        height: calc(100vmax - 200px);
        overflow-y: scroll;
        position: relative;
        z-index: 993;
    }

    ul.gnb {
        width: 100%;
        border-bottom: 1px dashed #ddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    ul.gnb:last-child {
        border-bottom: none;
    }

    ul.gnb>li {
        text-align: left;
        line-height: 1rem;
        padding: 5px 0;
    }

    ul.gnb>li:first-child a {
        font-size: 1rem;
        color: #235fb8;
        font-weight: 400;
    }

    ul.gnb>li>a {
        text-align: center;
        color: #222;
        font-size: 0.875rem;
        line-height: 0.875rem;
        font-weight: 400;
    }

    ul.gnb>li>a:hover {
        color: #235fb8;
    }

    ul.gnb>li>br {
        display: none;
    }

    ul.gnb>li>ul {
        width: 97%;
        padding: 5px 0 5px 3%;
        margin-top: 5px;
        background: #f5f5f5;
    }

    ul.gnb>li>ul>li {
        text-align: left;
        line-height: 1rem;
        padding: 5px 0;
    }

    ul.gnb>li>ul>li:first-child>a {
        color: #333;
        font-size: 0.785rem;
        line-height: 0.785rem;
    }

    ul.gnb>li>ul>li>a {
        text-align: center;
        color: #333;
        font-size: 0.785rem;
        line-height: 0.785rem;
    }

    ul.gnb>li>ul>li>a:hover {
        color: #235fb8;
    }

    ul.gnb>li>ul>li>br {
        display: none;
    }

    /* 푸터 */
    .footer_wrap {
        clear: both;
        width: 100%;
        ;
        margin-top: 0px;
        padding: 30px 0 100px 0;
        background: #fff;
        border-top: 1px solid #dfdfdf;
    }

    .footer_wrap:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .footer {
        clear: both;
        position: relative;
        width: 100%;
        max-width: 1200px;
        ;
        margin: 0 auto;
    }

    .footer:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .footer_logo {
        float: none;
        width: 100%;
        padding-top: 20px;
        padding-left: 0%;
        text-align: center;
    }

    .footer_info {
        float: none;
        width: 96%;
        padding-top: 10px;
        padding-left: 2%;
        padding-right: 2%;
        text-align: center;
    }

    .footer_info p {
        width: 100%;
        text-align: center;
        color: #404040;
        line-height: 26px;
        font-size: 16px;
        font-weight: 300;
    }

    .footer_info p.copyright {
        color: #404040;
        font-size: 16px;
    }

    .footer_info p>a,
    .footer_info p>span {
        color: #404040;
        font-size: 16px;
    }

    span.footer_space {
        display: inline-block;
        width: 18px;
        text-align: center;
        color: #999 !important;
        font-size: 10px !important;
        line-height: 24px;
        vertical-align: top;
    }

    .footer_space2 {
        display: inline-block;
        width: 8px;
        text-align: center;
    }

    #quickmenu_m {
        width: 100%;
        position: fixed;
        right: 0px;
        bottom: 0px;
        z-index: 3000;
        text-align: center;
        background: #fff;
        border-top: 1px solid #c2c2c2;
    }

    #quickmenu_m ul.quick li {
        float: left;
        width: 25%;
        height: 80px;
        padding-top: 10px;
        text-align: center;
    }

    /*#quickmenu_m ul.quick li:nth-child(2) {background:#0a94d4}*/
    #quickmenu_m ul.quick li a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #quickmenu_m ul.quick li a>p {
        display: block;
        font-size: 12px;
        padding: 0;
        margin: 0;
        color: #444;
        width: 100%;
    }

    /*#quickmenu_m ul.quick li:nth-child(2) a > p{color:#fff;}*/
    /*#quickmenu_m ul.quick li:nth-child(2) a > p{color:#235fb8; font-weight:400;}*/
    #quickmenu_m ul.quick li a>p.quick_img {
        text-align: center;
        margin: 5px auto 3px;
    }

    #quickmenu_m ul.quick li a>p.quick_img img {
        width: 32px;
    }

    #quickmenu_m ul.quick li a>p>span {
        font-size: 12px;
        color: #235fb8;
        font-weight: 400;
    }

    #quickmenu {
        display: none
    }


    /* scontent_wrap */
    #scontent_wrap {
        position: relative;
        margin: 0 auto;
        width: 100%;
    }

    #scontent_wrap:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .contents_wrap {
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 96%;
        min-height: 670px;
        margin: 0 auto;
        padding: 30px 2%;
    }

    .contents_wrap:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .con_con>img {
        width: 100%;
    }

    .mbiz {
        position: relative;
        margin: 50px 2%;
        width: 96%;
        padding: 0;
        text-align: center;
    }

    .mbiz ul.biz li {
        float: left;
        position: relative;
        width: 100%;
        background: #fff;
        border: 1px solid #e6e9ec;
        height: 250px;
        margin-left: 0% !important;
        margin-bottom: 30px;
        box-shadow: 1px 1px 1px -1px #e6e9ec;
        border-radius: 6px;
    }

    /* COMMUNICATIOM */
    .mcomm_wrap {
        position: relative;
        margin: 50px 2%;
        width: 96%;
        height: 100%;
        padding: 0 0 0 0;
        text-align: center;
    }

    .mcomm {
        position: relative;
        margin: 0 auto 0;
        width: 100%;
        padding: 0;
    }

    .mcomm ul li {
        float: left;
        position: relative;
        width: 100%;
        background: #fff;
        height: 238px;
        margin-bottom: 10px;
    }

    .mcomm ul li:first-child {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mcomm ul li:nth-child(2) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mcomm ul li:nth-child(3) {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 링크 배너 */
    .micon_wrap {
        position: relative;
        margin: 50px 2%;
        width: 96%;
        height: 100%;
        padding: 0 0 0 0;
        text-align: center;
    }

    .micon_wrap:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .micon {
        position: relative;
        margin: 0 auto 0;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .micon:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .micon ul {
        margin: 0 auto 0;
        position: relative;
        width: 100%;
        padding: 0 !important;
    }

    .micon ul:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .micon ul.icon li {
        float: left;
        position: relative;
        width: 100%;
        background: url(../img/mlink_bg.png);
        border: 1px solid #e6e9ec;
        height: 180px;
        margin-left: 0 !important;
        margin-bottom: 30px;
        box-shadow: 1px 1px 1px -1px #e6e9ec;
        border-radius: 6px;
    }

    .micon ul.icon li:first-child {
        margin-left: 0 !important;
    }

    .micon ul.icon li:nth-child(2) {
        background: #51626f;
        border: 1px solid #51626f;
    }

    .micon ul.icon li a>.icon_stitle3 {
        width: 80%;
        padding: 0 10%;
        margin: 30px auto 15px;
        color: #fff;
        font-size: 22px;
        line-height: 22px;
        font-weight: 400;
        text-align: center;
    }

    .micon ul.icon li a>.icon_text3_1 {
        width: 80%;
        padding: 0 10%;
        margin: 0px auto 15px;
        color: #fff;
        font-size: 32px;
        line-height: 32px;
        font-weight: 500;
        text-align: center;
    }

    .micon ul.icon li a>.icon_text3_2 {
        width: 80%;
        padding: 0 10%;
        margin: 0px auto 0;
        color: #fff;
        font-size: 15px;
        line-height: 18px;
        font-weight: 400;
        text-align: center;
    }


    /* 관련사이트 */
    .banner_wrap {
        position: relative;
        margin: 24px auto;
        width: 100%;
        height: 100%;
        padding: 0 0 0 0;
    }

    .banner_wrap:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .banner_wrap .banner1 {
        position: relative;
        margin: 0 auto 0;
        max-width: 100%;
        height: auto;
        background: #fff;
        border: 1px solid #e6e9ec;
        box-shadow: 1px 1px 1px -1px #e6e9ec;
        border-radius: 6px;
    }

    .banner1 .banner_title {
        width: 100%;
        float: none;
        padding: 18px 0 0 2%;
        font-size: 22px;
        line-height: 22px;
        font-weight: 400;
        text-align: left;
    }

    .banner1 .banner_title>h3.mbanner {
        float: left;
        display: inline-block;
        width: 105px;
        font-size: 22px;
        line-height: 22px;
        font-weight: 400;
        text-align: left;
    }

    .banner1 .banner_title .bannerstart {
        width: 22px;
        height: 22px;
        background: url(../img/banner_play.png) center center no-repeat;
        margin-right: 4px;
        float: left;
        margin-top: 15px;
        cursor: pointer;
        outline: none;
    }

    .banner1 .banner_title .bannerpause {
        width: 22px;
        height: 22px;
        background: url(../img/banner_pause.png) center center no-repeat;
        margin-right: 4px;
        float: left;
        margin-top: 15px;
        cursor: pointer;
        outline: none;
    }

    .banner1 .banner_title .bannerprev {
        width: 22px;
        height: 22px;
        background: url(../img/banner_prev.png) center center no-repeat;
        margin-right: 4px;
        float: left;
        margin-top: 15px;
        cursor: pointer;
        outline: none;
    }

    .banner1 .banner_title .bannernext {
        width: 22px;
        height: 22px;
        background: url(../img/banner_next.png) center center no-repeat;
        margin-right: 4px;
        float: left;
        margin-top: 15px;
        cursor: pointer;
        outline: none;
    }

    .banner1 .banner_title .bannermore {
        width: 22px;
        height: 22px;
        background: url(../img/banner_more.png) center center no-repeat;
        margin-right: 4px;
        float: left;
        margin-top: 15px;
        cursor: pointer;
        outline: none;
    }

    #bannerbox_new01 {
        position: relative;
        width: 100% !important;
        height: 50px;
        float: right;
        padding-top: 18px;
    }

    .banner1 #bannerbox_new01 ul {
        width: 100%;
        overflow: hidden;
    }

    .banner1 #bannerbox_new01 ul li {
        width: 210px;
        height: 50px;
        margin-right: 15px;
        float: left;
    }

    .banner1 #bannerbox_new01 ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }




    #side {
        display: none;
    }

    /* 서브비쥬얼 */
    .svisual_wrap {
        position: relative;
        margin: 0 auto 0;
        width: 100%;
        min-width: 100%;
        height: 100px;
        padding-top: 0px;
        text-align: center;
        background: #dfdfdf url(../img/svisual2.jpg) 50% 0 no-repeat;
    }

    .svisual_wrap:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .svisual {
        position: relative;
        margin: 0 auto 0;
        width: 100%;
        max-width: 100%;
        height: 100px;
        display: table;
        padding: 0;
    }

    .svisual:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .svisual .stitle {
        float: left;
        width: 100%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 18px;
        line-height: 38px;
        font-weight: 400;
        color: #ffffff;
    }

    .svisual .stitle2 {
        float: none;
        width: 100%;
        padding-top: 0px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 15px;
        line-height: 18px;
        font-weight: 300;
        color: #ffffff;
    }

    .svisual .stitle2>strong {
        font-weight: 300;
    }

    .path {
        display: none;
        float: none;
        margin: 10px 0 0;
        padding: 0 0 0 25px;
        font-size: 14px;
        font-weight: 300;
        color: #000;
        line-height: 1rem;
        text-align: left;
        background: url(../../img/nav_home.png) 0 50% no-repeat;
    }

    .path>a {
        font-size: 14px;
        font-weight: 300;
        color: #000;
        line-height: 1rem;
    }

    /* 테이블 DIV */
    .table_wrap {
        width: 100%;
        height: auto;
        overflow: auto;
    }

    .table_wrap:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    /* 탭 */
    .tabWrap {
        display: none
    }

    .table_wrap.w50 {
        width: 100%
    }

    .box_div_alert {
        position: relative;
        font-size: 1em;
        text-align: center;
        margin: 50px auto;
        padding: 30px 3%;
        width: 94%;
        border: 1px dashed #ccc;
        background: #fafafa;
    }

    .m_login {
        position: relative;
        float: none;
        width: 92%;
        padding: 50px 4%;
    }

    .m_login:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .login_info_box {
        float: none;
        background: #f9f9f9;
        padding: 50px 4%;
        width: 92%;
        margin: 0 auto 0;
    }


    /* 갤러리 게시판 목록 */
    ul.gallery_new {
        position: relative;
        border-top: 2px solid #3a3a3a;
        border-bottom: 1px solid #3a3a3a;
        width: 100%;
        margin: 0 auto;
        font-size: 1em;
        font-size: 1rem;
    }

    ul.gallery_new:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    ul.gallery_new li {
        float: left;
        width: 100%;
        margin: 0 0 50px 0;
        padding: 20px 0;
        text-align: center;
        line-height: 24px;
    }

    ul.gallery_new li:nth-child(3n+1) {
        margin: 0 0 50px 0
    }

    ul.gallery_new li p img {
        display: block;
        width: 100%;
        height: auto;
    }

    ul.gallery_new li p a {
        font-size: 15px;
        line-height: 32px !important;
    }


    /* 연혁 */
    .history_list_left dd p>img {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        border: 1px solid #dfdfdf;
    }

    .history_list_right dd p>img {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        border: 1px solid #dfdfdf;
    }

    /*#bxslider li p .mv_ment{position:absolute; top:35%; left:0%; max-width:100%; width:100%; text-align:center; font-size:22px; line-height:32px; font-weight:400; color:#ffffff; margin:0 auto 0; z-index:50;}*/

    #bxslider li p>.mv_company {
        position: absolute;
        top: 30%;
        left: 10%;
        max-width: 80%;
        width: 80%;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        font-weight: 300;
        color: #ffffff;
        margin: 0 auto 0;
        z-index: 50;
    }

    #bxslider li p>.mv_ment {
        position: absolute;
        top: 40%;
        left: 10%;
        max-width: 80%;
        text-align: center;
        font-size: 22px;
        line-height: 32px;
        font-weight: 400;
        color: #ffffff;
        margin: 0 auto 0;
        z-index: 50;
        word-spacing: -1px;
        letter-spacing: -1.5px;
    }

    /*  검색 */
    .select_area {
        position: relative;
        margin: 20px auto;
        padding: 0;
        width: 100%;
        height: auto;
        text-align: right
    }

    .select_area:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        content: ''
    }

    .select_area>select {
        display: inline-block;
        height: 32px;
        padding: 2px 2px 2px 2px;
        background: #ffffff;
        border: 1px solid #bbb;
        margin: 0px 0 10px 0;
    }

    .select_area>input {
        display: inline-block;
        max-width: 150px;
        height: 26px;
        padding: 2px 2px 2px 2px;
        background: #ffffff;
        border: 1px solid #bbb;
        margin: 0px 0 10px 0;
    }

    .select_area input.search_btn {
        display: inline-block;
        width: 40px;
        height: 33px;
        background: #333;
        color: #fff;
        font-size: 14px;
        padding: 0;
        margin: 0px 0 10px 0;
    }

    table.boardList {
        overflow: auto;
    }








}