@charset "euc-kr";
/* ==================================================================================
    [style.css]
        - Font import
        - Responsive styles
        - Common styles
        - Init styles
        - Layout styles : default(sub), main
================================================================================== */

/* ----------------------------------------------------------------------------------
    Font import : Noto Sans KR
---------------------------------------------------------------------------------- */
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(/assets/fonts/noto/NotoSansKR-Thin.woff2) format('woff2'),
    url(/assets/fonts/noto/NotoSansKR-Thin.woff) format('woff'),
    url(/assets/fonts/noto/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(/assets/fonts/noto/NotoSansKR-Light.woff2) format('woff2'),
    url(/assets/fonts/noto/NotoSansKR-Light.woff) format('woff'),
    url(/assets/fonts/noto/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/noto/NotoSansKR-Regular.woff2) format('woff2'),
    url(/assets/fonts/noto/NotoSansKR-Regular.woff) format('woff'),
    url(/assets/fonts/noto/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/noto/NotoSansKR-Medium.woff2) format('woff2'),
    url(/assets/fonts/noto/NotoSansKR-Medium.woff) format('woff'),
    url(/assets/fonts/noto/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/noto/NotoSansKR-Bold.woff2) format('woff2'),
    url(/assets/fonts/noto/NotoSansKR-Bold.woff) format('woff'),
    url(/assets/fonts/noto/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(/assets/fonts/noto/NotoSansKR-Black.woff2) format('woff2'),
    url(/assets/fonts/noto/NotoSansKR-Black.woff) format('woff'),
    url(/assets/fonts/noto/NotoSansKR-Black.otf) format('opentype');
}

/* ----------------------------------------------------------------------------------
    Responsive styles : temporary
---------------------------------------------------------------------------------- */
.mobile-nav {
    display: none !important;
}

/* ----------------------------------------------------------------------------------
    Common styles
---------------------------------------------------------------------------------- */
/* placeholder */
::-webkit-input-placeholder { color:#999 !important; }
::-moz-placeholder { color:#999 !important; } /* FF 19+ */
:-moz-placeholder { color:#999 !important; } /* FF 18- */
:-ms-input-placeholder { color:#999 !important; }
.placeholder { color:#999 !important; } /* for the polyfill */

/* clearfix class */
.clearfix:after {
    clear: both !important;
    content: "." !important;
    display: block !important;
    height: 0 !important;
    visibility: hidden !important;
}
.clearfix {
    display: inline-block !important;
    display: block !important;
}

/* .section-divider */
.section-divider {
    display: none;
}

/* word ellipsis */
.ellipsis {
    width: 100%;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* white-space */
.ws-normal { white-space: normal !important }

/* display */
.element-inline {
    display: inline-block !important;
    width: auto !important;
    vertical-align: middle !important;
}

/* url scheme */
a[href^="tel:"] {
    cursor: default !important;
    text-decoration: none;
}

/* display style */
.dp-block { display: block !important; }
.dp-inline { display: inline !important; }
.dp-none { display: none !important; }
.dp-inline-block { display: inline-block !important; }

/* position style */
.pos-static { position: static !important; }
.pos-relative { position: relative !important; }
.pos-absolute { position: absolute !important; }
.pos-fixed { position: fixed !important; }

/* table style */
.tb-layout-fixed { table-layout: fixed !important; }
.tb-layout-auto { table-layout: auto !important; }

/* align style */
.ta-center { text-align: center !important; }
.ta-left { text-align: left !important; }
.ta-right { text-align: right !important; }

.va-top { vertical-align: top !important; }
.va-middle { vertical-align: middle !important; }
.va-bottom { vertical-align: bottom !important; }
.va-baseline { vertical-align: baseline !important; }

/* border style */
.bd-0 { border-width: 0 !important; }
.bd-l0 { border-right: 0 !important; }
.bd-t0 { border-top: 0 !important; }
.bd-b0 { border-bottom: 0 !important; }
.bd-r0 { border-right: 0 !important; }

/* letter-spacing style */
.ls-25 { letter-spacing: -0.25px !important; }
.ls-75 { letter-spacing: -0.75px !important; }

/* gradient style */
.gradient-gray {
    background: #fefefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fefefe 0%, #fbfbfb 49%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(49%,#fbfbfb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#fbfbfb 49%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#fbfbfb 49%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#fbfbfb 49%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#fbfbfb 49%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
}

/* margin */
.mg-0 { margin: 0 !important; }

.mg-l0 { margin-left: 0 !important; }
.mg-t0 { margin-top: 0 !important; }
.mg-r0 { margin-right: 0 !important; }
.mg-b0 { margin-bottom: 0 !important; }

.mg-l5 { margin-left: 5px !important; }
.mg-t5 { margin-top: 5px !important; }
.mg-r5 { margin-right: 5px !important; }
.mg-b5 { margin-bottom: 5px !important; }

.mg-l10 { margin-left: 10px !important; }
.mg-t10 { margin-top: 10px !important; }
.mg-r10 { margin-right: 10px !important; }
.mg-b10 { margin-bottom: 10px !important; }

.mg-l15 { margin-left: 15px !important; }
.mg-t15 { margin-top: 15px !important; }
.mg-r15 { margin-right: 15px !important; }
.mg-b15 { margin-bottom: 15px !important; }

.mg-l20 { margin-left: 20px !important; }
.mg-t20 { margin-top: 20px !important; }
.mg-r20 { margin-right: 20px !important; }
.mg-b20 { margin-bottom: 20px !important; }

.mg-l25 { margin-left: 25px !important; }
.mg-t25 { margin-top: 25px !important; }
.mg-r25 { margin-right: 25px !important; }
.mg-b25 { margin-bottom: 25px !important; }

.mg-l30 { margin-left: 30px !important; }
.mg-t30 { margin-top: 30px !important; }
.mg-r30 { margin-right: 30px !important; }
.mg-b30 { margin-bottom: 30px !important; }

.mg-l35 { margin-left: 35px !important; }
.mg-t35 { margin-top: 35px !important; }
.mg-r35 { margin-right: 35px !important; }
.mg-b35 { margin-bottom: 35px !important; }

.mg-l40 { margin-left: 40px !important; }
.mg-t40 { margin-top: 40px !important; }
.mg-r40 { margin-right: 40px !important; }
.mg-b40 { margin-bottom: 40px !important; }

.mg-l45 { margin-left: 45px !important; }
.mg-t45 { margin-top: 45px !important; }
.mg-r45 { margin-right: 45px !important; }
.mg-b45 { margin-bottom: 45px !important; }

.mg-l50 { margin-left: 50px !important; }
.mg-t50 { margin-top: 50px !important; }
.mg-r50 { margin-right: 50px !important; }
.mg-b50 { margin-bottom: 50px !important; }

/* padding */
.pd-0 { padding: 0 !important; }

.pd-l0 { padding-left: 0 !important; }
.pd-t0 { padding-top: 0 !important; }
.pd-r0 { padding-right: 0 !important; }
.pd-b0 { padding-bottom: 0 !important; }

.pd-l5 { padding-left: 5px !important; }
.pd-t5 { padding-left: 5px !important; }
.pd-r5 { padding-left: 5px !important; }
.pd-b5 { padding-left: 5px !important; }

.pd-l10 { padding-left: 10px !important; }
.pd-t10 { padding-top: 10px !important; }
.pd-r10 { padding-right: 10px !important; }
.pd-b10 { padding-bottom: 10px !important; }

.pd-l15 { padding-left: 15px !important; }
.pd-t15 { padding-top: 15px !important; }
.pd-r15 { padding-right: 15px !important; }
.pd-b15 { padding-bottom: 15px !important; }

.pd-l20 { padding-left: 20px !important; }
.pd-t20 { padding-top: 20px !important; }
.pd-r20 { padding-right: 20px !important; }
.pd-b20 { padding-bottom: 20px !important; }

.pd-l25 { padding-left: 25px !important; }
.pd-t25 { padding-top: 25px !important; }
.pd-r25 { padding-right: 25px !important; }
.pd-b25 { padding-bottom: 25px !important; }

.pd-l30 { padding-left: 30px !important; }
.pd-t30 { padding-top: 30px !important; }
.pd-r30 { padding-right: 30px !important; }
.pd-b30 { padding-bottom: 30px !important; }

.pd-l35 { padding-left: 35px !important; }
.pd-t35 { padding-top: 35px !important; }
.pd-r35 { padding-right: 35px !important; }
.pd-b35 { padding-bottom: 35px !important; }

.pd-l40 { padding-left: 40px !important; }
.pd-t40 { padding-top: 40px !important; }
.pd-r40 { padding-right: 40px !important; }
.pd-b40 { padding-bottom: 40px !important; }

.pd-l45 { padding-left: 45px !important; }
.pd-t45 { padding-top: 45px !important; }
.pd-r45 { padding-right: 45px !important; }
.pd-b45 { padding-bottom: 45px !important; }

.pd-l50 { padding-left: 50px !important; }
.pd-t50 { padding-top: 50px !important; }
.pd-r50 { padding-right: 50px !important; }
.pd-b50 { padding-bottom: 50px !important; }

/* width style */
.wauto { width: auto !important; }
.w5 { width: 5% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w55 { width: 55% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w85 { width: 85% !important; }
.w90 { width: 90% !important; }
.w95 { width: 95% !important; }
.w100 { width: 100% !important; }

/* gTranslate */
.gt_light_content {
    font-size: 15px;
}

/* ----------------------------------------------------------------------------------
    Init styles
---------------------------------------------------------------------------------- */
html, body {
    font-family: arial, 'Noto Sans KR', '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', Dotum, Gulim, sans-serif;
    /*font-size: 10px !important;*/
    color: #35404f;
}
a {
    /*color: #333;*/
    text-decoration: none;
    transition: background-color 0.5s ease, color 0.5s ease;
    -moz-transition: background-color 0.5s ease, color 0.5s ease;
    -ms-transition: background-color 0.5s ease, color 0.5s ease;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    -o-transition: background-color 0.5s ease, color 0.5s ease;
}
a:hover,
a:active{
    /*color: #1f67a6;*/
    text-decoration: none;
}

/* .inner-wrap */
.inner-wrap {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

/* ------------------------------------
    #wrap
------------------------------------ */
#wrap {

}

/* ------------------------------------
    #header
------------------------------------ */
#header {

}


/* ----------------------------------------------------------------------------------
    Main & Sub pages common layout styles.
---------------------------------------------------------------------------------- */

/* ------------------------------------
    #header : .utility-area
------------------------------------ */
#header div.utility-area {
    position: relative;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #eee;
    background-color: #fafafa;
}

/* ³í¹®ÇöȲ */
.newsys-area {
    display: inline-block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #eee;
}
.newsys-area > li > .label-newsys {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    background-color: #999;
}
.newsys-area > li > .label-newsys i {
    margin-right: 5px;
    font-size: 15px;
}
.newsys-area > li > .btn-link {
    padding: 0 0 0 10px;
    text-decoration: none;
}
.newsys-area > li > .btn-link.reviewer {
    padding: 0 10px 0 0;
}
.newsys-area > li > .btn-link.reviewer:before {
    content: "¡¤";
    margin: 0 5px;
    vertical-align: middle;
}
.newsys-area > li > .btn-link:hover {

}
.newsys-area > li > .btn-link .name {
    line-height: 30px;
    font-size: 12px;
}
.newsys-area > li > .btn-link .num {
    line-height: 30px;
    font-size: 12px;
}
.newsys-area > li > .btn-link span,
.newsys-area > li > .btn-link i {
    color: #666;
    vertical-align: middle;
}
.newsys-area > li > .btn-link:hover span,
.newsys-area > li > .btn-link:hover i {
    color: #2c91e5;
}
.newsys-area > li > .btn-link i {
    margin-right: 1px;
    font-size: 15px;
    vertical-align: middle;
}

/* »ó´Ü ±â´É ¹öÆ° */
#header div.utility-area ul.utility-button-list {
    display: inline-block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}
#header div.utility-area ul.utility-button-list > li {
    float: left;
    width: 93px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}
#header div.utility-area ul.utility-button-list > li > a {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 12px;
    color: #999;
    text-decoration: none;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fafafa;
    transition: color 0.25s, background-color 0.25s, border 0.25s;
}
#header div.utility-area ul.utility-button-list > li:last-child > a {
    border-right: 1px solid #eee;
}
#header div.utility-area ul.utility-button-list > li.active > a,
#header div.utility-area ul.utility-button-list > li > a:hover {
    color: #2690ea;
    border-bottom: 1px solid #2690ea;
    background-color: #fff;
}
#header div.utility-area ul.utility-button-list > li > a > i {
    margin: 0 5px 0 0;
}

/* user-utility */
#header div.utility-area ul.utility-button-list.user-utility {
    display: inline-block;
    width: auto;
    float: right;
}
#header div.utility-area ul.utility-button-list.user-utility > li {
    display: inline-block;
    float: none;
    width: auto;
    height: 29px;
    line-height: 29px;
    margin: 0;
    padding: 0;
}
#header div.utility-area ul.utility-button-list.user-utility > li:after {
    content: '\b7\a0';
    margin: 0 2px 0 10px;
}
#header div.utility-area ul.utility-button-list.user-utility > li:last-child:after {
    display: none;
}
#header div.utility-area ul.utility-button-list.user-utility > li > a {
    display: inline-block;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: 400;
    color: #767676;
    border-left: 0;
    border-bottom: 0;
    background-color: #fafafa;
    transition: color 0.25s, background-color 0.25s, border 0.25s;
}
#header div.utility-area ul.utility-button-list.user-utility > li:last-child > a {
    border-right: 0;
    border-bottom: 0;
}
#header div.utility-area ul.utility-button-list.user-utility > li.active > a,
#header div.utility-area ul.utility-button-list.user-utility > li > a:hover {
    color: #2690ea;
    border-bottom: 0;
    background-color: #fafafa;
}

/* ------------------------------------
    #header : .header-main-area
------------------------------------ */
.header-main-area {
    border-bottom: 1px solid #eee;
}
.header-main-area div.inner-wrap {
    padding: 20px 0;
}

/* .ci-area */
.header-main-area div.ci-area {
    width: 200px;
}
.header-main-area div.ci-area > a {
    display: block;
    width: 200px;
    height: 25px;
}
.header-main-area div.ci-area > a > img {
    width: 200px;
    height: 25px;
}

/* .search-area */
.header-main-area div.search-area {
    position: absolute;
    right: 0;
    top: 13px;
}
.header-main-area div.search-area div.search-area-inner {
    position: relative;
    width: 280px;
    height: 40px;
    background-color: #eaf2f8;
}
.header-main-area div.search-area div.search-area-inner > input[type="text"] {
    float: left;
    width: 240px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
    border: 0;
    background-color: transparent;
}
.header-main-area div.search-area div.search-area-inner > input[placeholder]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b8d5ed !important;
}
.header-main-area div.search-area div.search-area-inner > input[placeholder]::-moz-placeholder { /* Firefox 19+ */
    color: #b8d5ed !important;
}
.header-main-area div.search-area div.search-area-inner > input[placeholder]:-ms-input-placeholder { /* IE 10+ */
    color: #b8d5ed !important;
}
.header-main-area div.search-area div.search-area-inner > input[placeholder]:-moz-placeholder { /* Firefox 18- */
    color: #b8d5ed !important;
}
.header-main-area div.search-area div.search-area-inner > button[type="button"],
.header-main-area div.search-area div.search-area-inner > button[type="submit"] {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 28px;
    color: #8bafcf;
    border: 0;
    background-color: #1554b0;
    transition: color 0.25s, background-color 0.25s;
}
.header-main-area div.search-area div.search-area-inner > button[type="button"]:hover,
.header-main-area div.search-area div.search-area-inner > button[type="submit"]:hover {
    color: #fff;
    background-color: #2690ea;
}

/* ------------------------------------
    #header : .gnb-area
------------------------------------ */
.gnb-area {
    background-color: #2690ea;
}
.gnb-area .gnb {
    height: 50px;
}
/* .btn-sitemap */
.gnb-area .gnb > span.btn-sitemap {
    float: left;
    display: block;
}
.gnb-area .gnb > span.btn-sitemap > a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 53px;
    text-align :center;
    font-size: 28px;
    color: #c6d8e7;
    text-decoration: none;
    background-color: #1554b0;
    transition: background-color 0.25s;
}
.gnb-area .gnb > span.btn-sitemap > a:hover {
    background-color: #12499c;
}

/* .nav-major */
.gnb-area .gnb > .nav-major {
    float: left;
    /*width: 650px;*/
    width: 930px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.gnb-area .gnb > .nav-major > dl {
    float: left;
    /*width: 162.5px;*/
    /*width: 155px;*/
    width: 133px;
    margin: 0;
    padding: 0;
}
.gnb-area .gnb > .nav-major > dl:last-child {
    width: 132px;
}
.gnb-area .gnb > .nav-major > dl > dt > a {
    display: block;
    /*width: 162.5px;*/
    /*width: 155px;*/
    width: 132px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    background-color: #2690ea;
    transition: color 0.25s, background-color 0.25s;
}
.gnb-area .gnb > .nav-major > dl:last-child > dt > a {
    width: 132px;
}
.gnb-area .gnb > .nav-major > dl > dt.active > a,
.gnb-area .gnb > .nav-major > dl > dt > a:hover {
    background-color: #147cd1;
}

/* .nav-etc */
/*.gnb-area .gnb > .nav-etc {*/
/*float: left;*/
/*width: 280px;*/
/*margin: 0;*/
/*padding: 0;*/
/*list-style: none;*/
/*}*/
.gnb-area .gnb > .nav-etc > dl {
    float: left;
    width: 140px;
    margin: 0;
    padding: 0;
}
.gnb-area .gnb > .nav-etc > dl > dt > a {
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #e6ecf2;
    text-decoration: none;
    background-color: #1554b0;
    vertical-align: middle;
    transition: color 0.25s, background-color 0.25s;
}
.gnb-area .gnb > .nav-etc > dl > dt > a:hover {
    background-color: #12499c;
}
.gnb-area .gnb > .nav-etc > dl > dt.active > a,
.gnb-area .gnb > .nav-etc > dl > dt:hover {
    background-color: #12499c;
}
.gnb-area .gnb > .nav-etc > dl > dt > a > span {
    vertical-align: middle;
}
.gnb-area .gnb > .nav-etc > dl > dt > a > i {
    margin: 0 7px 0 0;
    font-size: 20px;
    color: #5287b2;
    vertical-align: middle;
}

/*submenu*/
.gnb-area .gnb dl {
    position: relative;
}
.gnb-area .gnb dl dd {
    position: absolute;
    top: 50px;
    left: 0;
    height: 0;
    overflow: hidden;
    /*padding: 10px 0;*/
    background: #fff;
    z-index: 200;
    transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}
.gnb-area .gnb dl dd.active {
    height: 400px;
    border-bottom: 1px solid #2690ea;
}
.gnb-area.eng-gnb .gnb dl dd.active {
    height: 133px;
}
.gnb-area .gnb > .nav-major > dl:last-child dd.active {
    width: 132px;
}
.gnb-area .gnb .nav-etc dl dd.active {
    border-bottom: 1px solid #1554b0;
}
.gnb-area .gnb dl > dd > ul {
    list-style: none;
    padding: 5px 0;
}
.gnb-area .gnb dl > dd > ul > li {
    text-align: center;
    line-height: 1;
}
.gnb-area .gnb dl > dd > ul > li > span > a {
    display: table-cell;
    /*width: 140px;*/
    height: 30px;
    line-height: 30px;
    /*text-align: center;*/
    font-size: 13px;
    font-weight: 400;
    list-style: none;
    letter-spacing: -0.45px;
    vertical-align: middle;
    color: #000;
    text-decoration: none;
}
.gnb-area.eng-gnb .gnb dl > dd > ul li a {
    line-height: 1.2;
}
.gnb-area .gnb dl > dd > ul li a span {
    vertical-align: middle;
}
.gnb-area .gnb dl > dd > ul li:hover {
    background: #f7f7f7;
}

/* submenu */
.gnb-area .gnb dl > dd > ul > li + ul.submenu {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}
.gnb-area .gnb dl > dd > ul > li + ul.submenu li {

}
.gnb-area .gnb dl > dd > ul > li + ul.submenu li a {
    display: block;
    padding: 2px 0;
    text-align: center;
    font-size: 12px;
    color: #999;
}
.gnb-area .gnb dl > dd > ul > li + ul.submenu li a:hover {
    color: #2690ea;
}

/*.gnb-area .gnb dl > dd > ul li a:hover {*/
/*background: #f7f7f7;*/
/*}*/
.gnb-area .gnb .nav-major dl:first-child dd {
    border-left: 1px solid #2690ea;
}
.gnb-area .gnb .nav-major dl:last-child dd {
    border-right: 1px solid #2690ea;
}
.gnb-area .gnb .nav-etc dl:first-child dd {
    border-left: 1px solid #1554b0;
}
.gnb-area .gnb .nav-etc dl:last-child dd {
    border-right: 1px solid #1554b0;
}
.gnb-area .gnb .nav-major dl dd {
    width: 133px;
}
.gnb-area .gnb > .nav-major > dl:last-child dd {
    width: 132px;
}
.gnb-area .gnb .nav-etc dl dd {
    width: 140px;
}

.gnb-area .gnb dl > dt.active + dd a {
    color: #2690ea;
}

/* .nav-major eng-gnb */
.eng-gnb.gnb-area .gnb > .nav-major {
    float: left;
    width: 910px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.eng-gnb.gnb-area .gnb > .nav-major > dl {
    float: left;
    width: 182px;
    margin: 0;
    padding: 0;
}
.eng-gnb.gnb-area .gnb > .nav-major > dl > dt > a {
    width: 182px;
    /*text-transform: uppercase;*/
}
.eng-gnb.gnb-area .gnb .nav-major dl dd {
    width: 182px;
}
.eng-gnb.gnb-area .gnb dl > dd > ul li a {
    width: 182px;
}


/* ------------------------------------
    .quick-area
------------------------------------ */
.quick-area {
    display: none;
    position: absolute;
    right: -120px;
    top: 80px;
    width: 80px;
    border-top: 3px solid #1554b0;
    background-color: #f7f7f7;
}
.quick-area > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.quick-area > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.quick-area > ul > li > a {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
    background-color: #f7f7f7;
    transition: color 0.25s, background-color 0.25s;
}
.quick-area > ul > li:first-child > a {
    border-top: 0;
}
.quick-area > ul > li:last-child > a {
    border-bottom: 0;
}
.quick-area > ul > li > a:hover {
    border-top-color: #eee;
    background-color: #f0f0f0;
}
.quick-area > ul > li > a > i {
    display: block;
    margin: 0 0 2px;
    line-height: 1;
    font-size: 24px;
    color: #1554b0;
    opacity: 0.45;
}
.quick-area > ul > li > a > span.title {
    font-size: 12px;
    color: #999;
    letter-spacing: -0.25px;
}

/* go-top */
.quick-area > span.go-top {
    display: block;
    width: 80px;
}
.quick-area > span.go-top > a {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
    font-weight: 200;
    color: #f0f0f0;
    text-decoration: none;
    background-color: #ccc;
    transition: color 0.25s, background-color 0.25s;
}

.quick-area > span.go-top > a:hover {
    color: #fff;
    background-color: #bbb;
}
.quick-area > span.go-top > a > i {
    margin: 0 5px 0 0;
}

/* ------------------------------------
    #footer
------------------------------------ */
#footer {

}

/* ------------------------------------
    #footer : .footer-utility-area
------------------------------------ */
#footer div.footer-utility-area {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #ccc;
}

/* .footer-utility-quick */
#footer div.footer-utility-area ul.footer-utility-quick {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer div.footer-utility-area ul.footer-utility-quick > li {
    float: left;
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
}
#footer div.footer-utility-area ul.footer-utility-quick > li.contactus {
    width: auto;
}
#footer div.footer-utility-area ul.footer-utility-quick > li > a {
    display: block;
    height: 40px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #eee;
    text-decoration: none;
    background-color: #ccc;
    transition: color 0.25s, background-color 0.25s, border 0.25s;
}
#footer div.footer-utility-area ul.footer-utility-quick > li.contactus > a {
    padding: 0 15px;
}
#footer div.footer-utility-area ul.footer-utility-quick > li.active > a,
#footer div.footer-utility-area ul.footer-utility-quick > li > a:hover {
    color: #fff;
    background-color: #bbb;
}

/* .footer-utility-etc */
#footer div.footer-utility-area ul.footer-utility-etc {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer div.footer-utility-area ul.footer-utility-etc > li {
    position: relative;
    float: left;
    width: 135px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
}
#footer div.footer-utility-area ul.footer-utility-etc > li > a {
    display: block;
    width: 135px;
    height: 40px;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #f0f0f0;
    text-decoration: none;
    background-color: #6d6d6d;
    transition: color 0.25s, background-color 0.25s, border 0.25s;
}
#footer div.footer-utility-area ul.footer-utility-etc > li.active > a,
#footer div.footer-utility-area ul.footer-utility-etc > li > a:hover {
    color: #fff;
    background-color: #5d5d5d;
}
#footer div.footer-utility-area ul.footer-utility-etc > li > span.vertical-divline {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background-color: #929292;
}

/* ------------------------------------
    #footer : .footer-contents
------------------------------------ */
#footer div.footer-contents {
    padding: 20px 0 50px;
    border: 1px solid #5d5d5d;
    background-color: #5d5d5d;
}
#footer div.footer-contents .inner-wrap {
    /*background: url("../images/layout/footer_ci.png") right top no-repeat;*/
}

/* address */
#footer div.footer-contents address {
    margin: 0 0 20px;
}
#footer div.footer-contents address > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer div.footer-contents address > ul > li {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #ccc;
}
#footer div.footer-contents address > ul > li > a {
    color: #ccc;
}

/* .copyright */
#footer div.footer-contents p.copyright {
    margin: 0 0 10px;
    font-size: 13px;
    color: #ccc;
}
#footer div.footer-contents p.copyright > b {
    color: #fff;
    text-transform: uppercase;
}

/* .alarm */
#footer div.footer-contents p.alarm {
    margin: 0;
    font-size: 13px;
    color: #aaa;
}

/* ------------------------------------
    .sitemap
------------------------------------ */
/* site map */
.sitemap {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #144f9b;
    background-color: rgba(20,79,155,0.95);
    z-index: 99999;
}
.sitemap .inner {
    position: relative;
    width: auto;
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}
.sitemap .btn-close {
    display: block;
    text-align: right;
    cursor: pointer;
}
.sitemap .btn-close i {
    line-height: 1;
    font-size: 60px;
    color: #fff;
    transition: color 0.35s;
    -moz-transition: color 0.35s;
    -webkit-transition: color 0.35s;
    -o-transition: color 0.35s;
    -ms-transition: color 0.35s;
}
.sitemap .btn-close i:hover {
    color: #fff;
}
.sitemap .inner dl {
    float: left;
    width: 20%;
    min-height: 500px;
    margin: 0;
    padding: 0 30px 0 0;
    /*border-bottom: 1px solid rgba(255,255,255,0.15);*/
}

/* sitemap-col2 :s */
.sitemap .inner dl.col2 {
    width: 40%;
}
.sitemap .inner dl.col2 ul {
    display: inline-block;
    width: 166px;
    vertical-align: top;
}
.sitemap .inner dl.col2 ul:first-child {
    margin-right: 20px;
}
.sitemap .inner dl.col2 ul > li {
    margin-bottom: 10px;
}
/* sitemap-col2 :e */

.sitemap.sitemap-eng .inner dl {
    padding: 0 0 40px !important;
}
.sitemap .inner dl.sitemap1 {
    /*border-top: 1px solid rgba(255,255,255,0.25);*/
}
.sitemap .inner dl dt {
    display: block;
    margin: 0 0 10px;
}
.sitemap .inner dl dt {
    display: block;
    margin: 0 0 30px;
}
.sitemap .inner dl dt > a {
    display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    background-color: #fff;
}
.sitemap .inner dl dd {
    display: block;
}
.sitemap .inner dl dd > ul {
    margin: 0;
    padding: 0;
}
.sitemap .inner dl dd > ul > li {
    display: block;
    width: 166px;
    list-style: none;
    margin: 0 0 20px 0;
    line-height: 1.1;
}
.sitemap .inner dl dd > ul > li > span {
    display: block;
    marign: 0 0 10px;
}
.sitemap .inner dl dd > ul > li > span a {
    line-height: 1.1;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.sitemap .inner dl dd > ul > li a:hover {
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
}
/* depth3 */
.sitemap .inner dl dd > ul > li > ul {
    display: block;
    list-style: none;
    margin: 12px 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #4372af;
}
.sitemap .inner dl dd > ul > li > ul > li {
    margin: 0 0 8px 0;
}
.sitemap .inner dl dd > ul > li > ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: #88b6f1;
}
.sitemap .inner dl dd > ul > li > ul > li > a:hover {
    font-size: 14px;
    font-weight: 400;
    color: #88b6f1;
}
.sitemap .inner dl dd > ul > li > ul > li > a:before {
    content: '- ';
}

/* *******************************************************************
    Mobile Navigation
******************************************************************* */
.drawer-brand {
    position: relative;
    width: 100%;
    height: 55px;
    /*height: 112px;*/
    /*background: url(/assets/images/header/bg_mobile_gnb02.png) left bottom no-repeat;*/
    /* background-size: cover; */
}
.drawer-brand h2 {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 280px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: right;
    font-size: 13px;
    color: #eee;
    background-color: rgba(0,0,0,0.45);
}

/*.drawer-menu i {*/
    /*display: inline-block;*/
    /*width: 20px;*/
    /*margin: 0 8px 0 0;*/
    /*text-align: center;*/
/*}*/

/*.drawer-footer {*/
    /*position: relative;*/
    /*width: 100%;*/
    /*height: 100px;*/
/*}*/
/*.drawer-footer-area {*/
    /*position: absolute;*/
    /*left: 20px;*/
    /*top: 20px;*/
    /*width: 280px;*/
    /*text-align: center;*/
/*}*/
/*.drawer-footer-area > li {*/
    /*disply: inline-block !important;*/
    /*width: 60px;*/
    /*height: 24px;*/
/*}*/
/*.drawer-footer-area li a {*/
    /*disply: block;*/
    /*width: 60px;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*text-align: center;*/
    /*font-size: 13px;*/
    /*border: 1px solid #fff;*/
    /*border-radius: 2px;*/
    /*background-color: #fff;*/
/*}*/

/* ----------------------------------------------------------------------------------
    Sub pages layout styles. (sub pages only)
---------------------------------------------------------------------------------- */

/* ------------------------------------
    .subspot-area
------------------------------------ */
.subspot-area {
    display: none;
    width: 100%;
    background-color: #fff;
}
.subspot-area .inner-wrap {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    background: url(/assets/images/pages/bg_subspot1.png) center top no-repeat;
}
/* ÇÐȸ¾È³» */
.subspot-area.subspot0 .inner-wrap {
    background: url(/assets/images/pages/bg_subspot1.png) center top no-repeat;
}
/* ȸ¿ø¾È³» */
.subspot-area.subspot1 .inner-wrap {
    background: url(/assets/images/pages/bg_subspot2.png) center top no-repeat;
}
/* °£Ç๰¾È³» */
.subspot-area.subspot2 .inner-wrap {
    background: url(/assets/images/pages/bg_subspot3.png) center top no-repeat;
}
/* ¾ÆÄ«À̺ê°Ë»ö */
.subspot-area.subspot3 .inner-wrap {
    background: url(/assets/images/pages/bg_subspot4.png) center top no-repeat;
}
/* ÇÐȸ¼Ò½Ä */
.subspot-area.subspot4 .inner-wrap {
    background: url(/assets/images/pages/bg_subspot5.png) center top no-repeat;
}
/* ÁÖ¿äÇà»ç */
.subspot-area.subspot5 .inner-wrap {
    background: url(/assets/images/pages/bg_subspot6.png) center top no-repeat;
}

/* ------------------------------------
    .breadcrumb
------------------------------------ */
.breadcrumb-area:after {
    content: '';
    display: block;
    clear: both;
}
.breadcrumb-area {
    *zoom:1;
    height: 30px;
    border-bottom: 1px solid #eeeeee;
    background: #f7f7f7;
}
.breadcrumb-area ul {
    margin: 0;
    float: right;
}
.breadcrumb-area ul li {
    padding: 0 20px 0 10px;
    display: inline-block;
    background: url("../images/layout/divide_arrow.png") right center no-repeat;
}
.breadcrumb-area ul li span {
    font-size: 12px;
    line-height: 30px;
    color: #999999;
}
.breadcrumb-area ul li:last-child {
    padding-right: 0;
    background: none;
}


/* ------------------------------------
    .snb
------------------------------------ */
.snb {
    float: left;
    width: 180px;
    /*min-height: 100%;*/
}
.snb span {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.snb > dl {
    margin: 0;
    padding: 0;
}
.snb > dl > dt {
    position: relative;
    height: 70px;
    background: url("../images/layout/snb_bg.png") 0 0 no-repeat;
}
.snb > dl > dt i {
    position: absolute;
    top: 5px;
    left: 15px;
    color: #fff;
    font-size: 50px;
    color: rgba(255, 255, 255, 0.5);
}
.snb > dl > dt > a {
    text-decoration: none;
}
.snb > dl > dt > span,
.snb > dl > dt > a > span {
    width: 180px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    padding-left: 20px;
    /*padding-right: 15px;*/
    height: 70px;
    color: #fff;
}
.snb > dl > dd {
    /*min-height: 600px;*/
    border-bottom: 0;
    border-top-color: transparent;
}
.snb > dl > dd > ul {
    list-style: none;
    margin: 0;
    padding: 0 0 100px;
}
.snb > dl > dd > ul > li {
    position: relative;
    background: #fff;
}
.snb > dl > dd > ul > li > a {
    position: relative;
    display: block;
    margin: 0 0 -1px;
    padding: 0 10px 0 15px;
    font-family: 'Noto Sans KR', '¸¼Àº °íµñ', dotum, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #767676;
    text-decoration: none;
    border: 1px solid #eee;
}
.snb > dl > dd > ul > li > a:hover {
    color: #258be3;
}
.snb > dl > dd > ul > li > a:hover i {

}
.snb > dl > dd > ul > li > a > span {
    /*height: 58px;*/
    height: 40px;
    line-height: 1.2;
}
.snb > dl > dd > ul > li > a > i {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 13px;
    opacity: 0.5;
}
.snb > dl > dd > ul > li.active > a {
    font-weight: 700;
    color: #1554b0;
    /*border: 1px solid #1554b0;*/
    /*background-color: #1554b0;*/
    /*background-color: #f3f7fc;*/
}
.snb > dl > dd > ul > li.active > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 2px;
    height: 15px;
    background-color: #1554b0;
}
/* depth3 */
.snb > dl > dd > ul > li > ul.nav-sub {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #eee;
}
.snb > dl > dd > ul > li.active > ul.nav-sub {
    display: block;
}
.snb > dl > dd > ul > li > ul.nav-sub li {

}
.snb > dl > dd > ul > li > ul.nav-sub li a {
    display: block;
    width: 100%;
    margin: -1px 0 0;
    padding: 6px 0 3px 20px;
    font-size: 12px;
    font-weight: 300;
    color: #767676;
    text-decoration: none;
    border: 1px solid #eee;
    border-top: 0;
    border-bottom: 0;
    /*background-color: #e0ebf8;*/
    background-color: #fafafa;
}
.snb > dl > dd > ul > li.active > ul.nav-sub li a {
    /*color: #1554b0;*/
    background-color: #fafafa;
}
.snb > dl > dd > ul > li > ul.nav-sub li.active a,
.snb > dl > dd > ul > li > ul.nav-sub li.active a:hover {
    color: #1554b0;
    font-weight: 500;
    /*border: 1px solid #e0ebf8;*/
    background-color: #f4f4f4;
}
.snb > dl > dd > ul > li > ul.nav-sub li.active + li > a {
    /*border-top: 1px solid #f3f7fc;*/
}
.snb > dl > dd > ul > li > ul.nav-sub li:last-child a {
    /*border-bottom: 1px solid transparent;*/
}
.snb > dl > dd > ul > li > ul.nav-sub li:last-child.active a,
.snb > dl > dd > ul > li > ul.nav-sub li:last-child a:hover {
    /*border-bottom: 1px solid transparent;*/
}
.snb > dl > dd > ul > li > ul.nav-sub li a:hover {
    color: #333;
    /*border: 1px solid #eee;*/
    background-color: #f4f4f4;
}

/* ------------------------------------
    .snb-eng
------------------------------------ */
.eng-snb.snb dt i {
    top: 5px;
    left: 8px;
}
.eng-snb.snb dt span {
    font-size: 18px;
}

/*---------------------Á¤¸®ÇÊ¿ä---------------------*/
.pages-area {
    float: left;
    width: 800px;
    padding: 0 0 50px 40px;
}
.contents-title {
    padding-top: 25px;
    margin-top: 0;
    margin-bottom: 30px;
    height: 70px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #eeeeee;
}

/* ------------------------------------
        #container
------------------------------------ */
/*#container {*/
/*min-height: 630px;*/
/*}*/
#container.sub > .inner-wrap {
    min-height: 720px;
    background: url("../images/layout/snb_bg02.png") 0 0 repeat-y;
}
#container.search-page > .inner-wrap {
    min-height: 630px;
}

/**************************************************************************************
    Bootstrap.css - Modify
**************************************************************************************/
.table.table-centered th,
.table.table-centered td {
    text-align: center;
}
.board .table-responsive > table {
    table-layout: fixed;
}
.btn {
    border-radius: 2px;
}
.panel-title {
    font-size: 15px;
}
/*.table > tbody > tr > td, */
/*.table > tbody > tr > th, */
/*.table > tfoot > tr > td, */
/*.table > tfoot > tr > th, */
/*.table > thead > tr > td, */
/*.table > thead > tr > th {*/
/*vertical-align: middle;   */
/*word-break: break-all;*/
/*}*/
.form-control {
    height: 30px;
    padding: 3px 6px;
    font-size: 13px;
    border-radius: 2px;
    box-shadow: none;
}
.label {
    padding: 4px 6px 3px;
    font-weight: 300;
    border-radius: 0;
}

/* paging */
.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 13px;
}
.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}
.pagination .active a {
    color: #fff !important;
}

/* print ½ºÅ¸ÀÏ ¼öÁ¤ */
@media print {
    a,
    a:visited {
        text-decoration: none;
    }
    a[href]:after {
        display: none !important;
    }
    abbr[title]:after {
        display: none !important;
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        display: none !important;
    }
    pre,
    blockquote {
        border: 0;
    }
}