@charset "utf-8";


@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
    src: url(../fonts/NanumBarunGothic.eot);
    src: url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumBarunGothic.woff) format('woff'),
    url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: bold;
    src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
    src: url(../fonts/NanumBarunGothicBold.eot);
    src: url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumBarunGothicBold.woff) format('woff'),
    url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/*
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

@charset "UTF-8";
* {padding:0; margin:0;}
html { width:100%;height: 100%; -webki.top_search_box .int_typet-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px;}
fieldset, img, abbr, acronym { margin: 0px; border: 0px; _vertical-align: top; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul,menu { list-style: none; }
legend { position: absolute;visibility: hidden;height: 0;line-height: 0;font-size: 1px;  }
q:before, q:after { content:''; }
hr { display: none; }
em { color: inherit; font-weight: normal; font-style: normal; }
table caption {display: none;}
input[type="checkbox"],input[type="radio"] { vertical-align: middle; } 
:focus{outline: none;}
*/
body {
    width: 100%;
    height: 100%;
    line-height: normal;
    background: #fff;
    font-size: 14px;
    font-family: Nanum Barun Gothic, Malgun Gothic, 맑은 고딕, Verdana, Arial, '돋움', Dotum;
    color: #555;
}

a {
    color: #555;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


#gnb, #gnb ul, .main_quick_box ul,
.vb_tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1, .vb_inner h3, .h4_title {
    margin: 0
}

.m_search_bt {
    border: 0;
}

.row_list > ul, ul.aside_list, .cc_list_wrap ul, .collection_item_link ul,
.list_sort_box ul, .view_numbers ul, .share_link ul, .ver_box ul,
.left_sub_menu ul, .rn_box ul, .footer_ul, .unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*공통클래스*/
.mgb_0 {
    margin-bottom: 0px !important;
}

.mgt_0 {
    margin-top: 0px !important;
}

.mgb_5 {
    margin-bottom: 5px !important;
}

.mgb_10 {
    margin-bottom: 10px !important;
}

.mgb_20 {
    margin-bottom: 20px !important;
}

.mgb_30 {
    margin-bottom: 30px !important;
}

.mgb_35 {
    margin-bottom: 35px !important;
}

.mgb_40 {
    margin-bottom: 40px !important;
}

.mgb_50 {
    margin-bottom: 50px !important;
}

.mgb_60 {
    margin-bottom: 60px !important;
}

.mgt_50 {
    margin-top: 50px !important;
}

.mgt_60 {
    margin-top: 60px !important;
}

.mgr_0 {
    margin-right: 0px !important;
}

.mgr_5 {
    margin-right: 5px !important;
}

.mgr_10 {
    margin-right: 10px !important;
}

.mgr_20 {
    margin-right: 20px !important;
}

.mgt_5 {
    margin-top: 5px !important;
}

.mgt_10 {
    margin-top: 10px !important;
}

.mgt_20 {
    margin-top: 20px !important;
}

.mgl_5 {
    margin-left: 5px !important;
}

.mgl_10 {
    margin-left: 10px !important;
}

.dp_none {
    display: none;
}

.dp_inline {
    display: inline !important;
}

.clear {
    clear: both !important;
}

.fl_none {
    float: none !important;
}

.fl_left {
    float: left !important;
}

.fl_right {
    float: right !important;
}

.al_right {
    text-align: right !important;
}

.al_left {
    text-align: left !important;
}

.al_center {
    text-align: center !important;
}

.bold_t {
    font-weight: bold !important;
}

.int_type01 {
    height: 26px;
    border: 1px solid #ccc;
    width: 99.8%;
    vertical-align: middle;
    font-size: 14px;
    text-indent: 6px;
}

.int_br_none {
    border: 0px !important;
}

.textarea_type {
    width: 99.8%;
    border: 1px solid #cacaca;
}

.seltype_a {
    border: 1px solid #d7d7d7;
    height: 26px;
    width: 99.8%;
    background: #fff;
    vertical-align: top;
    font-size: 12px;
}


.h_fix:after {
    clear: both;
}

.h_fix:after,
.h_fix:before {
    display: table;
    content: " ";
}


.ani_ef {
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}

/* button */
.black_bt {
    width: 126px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #3b3b3b;
    display: inline-block;
}

.black_bt:hover {
    background: #222;
}


.top_gnav {
    float: right;
    margin: 15px 0 16px 0;
}

.user_infob {
    float: left;
    position: relative;
}

.user_infob .user_a {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/background/top_user_icon.png) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
}


.visual_box {
    background: url(../img/background/main_visual_bg.jpg) no-repeat 50% 50%;
    margin-bottom: 16px;
    height: 140px;
}

.vb_inner {
    width: 1200px;
    margin: 0 auto;
    padding: 28px 0 0 0;
}

.vb_inner h3 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    float: left;
    line-height: 35px;
}


.contents_wrap {
    width: 1200px;
    margin: 0px auto 40px auto;
    min-height: 600px;
    background: #ffff;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.add_bt_h4 {
    position: relative;
    margin-bottom: 10px;
}

.add_bt_h4 .r_bt_box {
    position: absolute;
    right: 0;
    top: -4px;
}

.add_bt_h4 .h4_title {
    margin-bottom: 0;
}

.h4_title {
    font-weight: bold;
    color: #222;
    font-size: 18px;
    margin-bottom: 10px;
}

.normal_bt {
    background: #428dc7;
    display: inline-block;
    min-width: 98px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.normal_bt:hover {
    background: #1268ab;
}


.write_tbl {
    width: 100%;
    border: 1px solid #b9b9b9;
    border-top: 1px solid #2f2f2f;
    border-right: 1px solid #cdcdcd;
}

.write_tbl tbody th {
    padding: 9px 10px;
    color: #555;
    font-weight: normal;
    font-size: 14px;
    position: relative;
    vertical-align: top;
    border-bottom: 1px solid #cdcdcd;
    background: #f9f9f9;
}

.write_tbl tbody .tbl_depth01 {
}

.write_tbl tbody td {
    padding: 9px 10px;
    border-bottom: 1px solid #cdcdcd;
}

.int_type {
    border: 1px solid #c2c2c2;
    height: 25px;
    width: 100%;
}

.select_type {
    border: 1px solid #c2c2c2;
    height: 25px;
    width: 100%;
    background: #fff;
}

.textarea_type {
    border: 1px solid #c2c2c2;
    width: 100%;
}

.required_icon:after {
    content: '*';
    clear: both;
    color: red;
    display: block;
    position: absolute;
    right: 12px;
    top: 5px;
    font-size: 24px;
    font-weight: bold;
}

.int_auto {
    width: auto;
}


.write_tbl tbody tr {
    position: relative;
}

.write_tbl tbody .row_tr th {
}

.write_tbl tbody .row_tr td {
    background: #f9f9f9;
}

.write_tbl tbody .th_shadow:before {
    content: '';
    display: block;
    clear: both;
    width: 16px;
    height: 10px;
    background: url(../img/background/tbl_shadow_bg.png) no-repeat 0 0;
    position: absolute;
    left: 6px;
    top: 0;
    z-index: 9;
}

.write_tbl tbody .tbl_depth03 .th_shadow:before {
    left: 10px
}

.write_tbl tbody .tbl_depth04 .th_shadow:before {
    left: 14px
}

.write_tbl tbody .tbl_depth05 .th_shadow:before {
    left: 18px
}

.write_tbl tbody .row_type01 th {
    background: #f9f9f9 url(../img/background/tbl_depth.png) repeat-y -17px 0;
    padding: 10px 10px 10px 10px;
}

.write_tbl tbody .row_type01 td {
    background: #f9f9f9;
}

.write_tbl tbody .row_type01 th:before {
    left: 3px;
}

.write_tbl tbody .row_type02 th {
    background: #f0f0f0 url(../img/background/tbl_depth.png) repeat-y -13px 0;
    padding: 10px 10px 10px 18px;
}

.write_tbl tbody .row_type02 td {
    background: #f0f0f0;
}

.write_tbl tbody .row_type02 th:before {
    left: 6px;
}

.write_tbl tbody .row_type03 th {
    background: #e7e7e7 url(../img/background/tbl_depth.png) repeat-y -9px 0;
    padding: 10px 10px 10px 22px;
}

.write_tbl tbody .row_type03 td {
    background: #e7e7e7;
}

.write_tbl tbody .row_type03 th:before {
    left: 10px;
}

.write_tbl tbody .row_type04 th {
    background: #dddddd url(../img/background/tbl_depth.png) repeat-y -5px 0;
    padding: 10px 10px 10px 26px;
}

.write_tbl tbody .row_type04 td {
    background: #dddddd;
}

.write_tbl tbody .row_type04 th:before {
    left: 14px;
}

.write_tbl tbody .tbl_depth01 > th {
    background: #f9f9f9 url(../img/background/tbl_depth.png) repeat-y -17px 0;
    padding: 10px 10px 10px 10px;
}

.write_tbl tbody .tbl_depth02 > th {
    background: #f0f0f0 url(../img/background/tbl_depth.png) repeat-y -13px 0;
    padding: 10px 10px 10px 18px;
}

.write_tbl tbody .tbl_depth03 > th {
    background: #e7e7e7 url(../img/background/tbl_depth.png) repeat-y -9px 0;
    padding: 10px 10px 10px 22px;
}

.write_tbl tbody .tbl_depth04 > th {
    background: #ddd url(../img/background/tbl_depth.png) repeat-y -5px 0;
    padding: 10px 10px 10px 26px;
}

.write_tbl tbody .tbl_depth05 > th {
    background: #d2d2d2 url(../img/background/tbl_depth.png) repeat-y -1px 0;
    padding: 10px 10px 10px 30px;
}

.add_plus_box {
    position: relative;
    padding: 0 30px 0 0;
}

.int_plus {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    width: 25px;
    height: 25px;
    background: url(../img/background/tbl_plus.png) no-repeat 50% 50%;
    border: 1px solid #c6c6c6;
    text-indent: -9999px;
    overflow: hidden;
}

.int_plus:hover {
    border: 1px solid #888;
}

.row_plus {
    position: relative;
    padding: 0 30px 0 0;
    min-height: 14px;
}

.row_plus .int_plus {
    top: -6px;
}

.blue_text {
    display: inline-block;
    color: #246cbc;
}

.tbl_wrap {
    margin-bottom: 10px;
}

.form_help {
    background: url(../img/background/form_help_icon.png) no-repeat 0 4px;
    padding: 0 0 0 10px;
    font-size: 12px;
    color: #555;
    margin: 4px 0 0 0;
}

.bottom_btbox {
    position: relative;
    overflow: hidden;
}

.bottom_btbox .lbt_box {
    float: left;
}

.bottom_btbox .rbt_box {
    float: right;
}

.write_tab {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -9px;
}

.write_tab ul li {
    float: left;
    list-style: none;
}

.write_tab ul li a {
    display: block;
    width: 110px;
    text-align: center;
    color: #777;
    line-height: 38px;
    background: url(../img/background/write_tab_bg01.png) repeat-x 0 bottom;
}

.write_tab ul li a span {
    display: inline-block;
    padding: 0 0 0 20px;
    background: url(../img/background/required_icon.png) no-repeat 0 14px;
    line-height: 38px;
}

.write_tab ul li a .data_bullet {
    background: url(../img/background/tab_bullet02.png) no-repeat 0 14px;
    padding: 0 0 0 14px;
}


.write_tab ul li a.on {
    color: #000;
    background: url(../img/background/write_tab_bg02.png) repeat-x 0 bottom;
}


.tbl_type {
    width: 100%;
    border: 1px solid #cdcdcd;
    border-top: 1px solid #2f2f2f;
}

.tbl_type thead th {
    background: #fff;
    font-size: 13px;
    font-weight: bold;
    color: #284984;
    text-align: center;
    border-bottom: 2px solid #b0b0b0;
    padding: 12px 0;
}

.tbl_type tbody tr {
    background: #f9f9f9
}

.tbl_type tbody th {
    text-align: center;
}

.tbl_type tbody td {
    font-size: 14px;
    text-align: center;
    padding: 10px;
}

.tbl_type tbody tr:nth-child(even) {
    background: #fff
}

.gray_bt {
    background: #efefef;
    display: inline-block;
    border: 1px solid #dbdbdb;
    min-width: 98px;
    line-height: 27px;
    text-align: center;
    color: #333;
    font-size: 14px;
}

.gray_bt:hover {
    border: 1px solid #999;
}

.line_bt {
    background: #fff;
    display: inline-block;
    border: 1px solid #cdcdcd;
    min-width: 62px;
    line-height: 27px;
    text-align: center;
    color: #333;
    font-size: 13px;
    padding: 0 12px;
}

.line_bt:hover {
    border: 1px solid #999;
}

.sm_btn {
    font-size: 12px;
    line-height: 24px;
    min-width: 80px
}

.top_help_box {
    border: 1px solid #e6e6e6;
    background: url(../img/background/top_help_bg01.png) no-repeat 0 0;
    margin-bottom: 26px;
}

.top_help_inner {
    background: url(../img/background/top_help_bg02.png) no-repeat right 0;
    padding: 16px 16px 16px 128px;
}

.top_help_inner ul li {
    line-height: 24px;
}

.list_top_box {
    position: relative;
    margin-bottom: 10px;
}

.page_text {
    padding: 0 0 0 18px;
    background: url(../img/background/list_arrow01.png) no-repeat 0 1px;
    margin-bottom: 10px;
}

.page_text strong {
    color: #0579e6;
}

.list_top_box .write_tab {
    top: -12px;
}

.list_top_box .page_text {
    margin-bottom: 0px;
}

.border_none {
    border-right: 0px;
    border-left: 0px;
}

.link_text {
    display: inline-block;
    color: #507bd3;
    text-decoration: underline;
}

.title_h5 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    font-weight: normal;
}

/* paginate  */
.paginate_complex {
    line-height: normal;
    text-align: center
}

.paginate_complex a,
.paginate_complex strong {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 -2px;
    padding: 0px 8px;
    line-height: 22px;
    background-color: #fff;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    vertical-align: middle
}

.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus {
    background-color: #f8f8f8
}

.paginate_complex strong {
    color: #fff;
    background: #787878;
    border-radius: 3px;
}

.paginate_complex .direction {
    border: 1px solid #dcdbdb;
    text-indent: -9999px;
    width: 28px;
    margin: 0;
    height: 28px;
    text-decoration: none !important;
    z-index: 1
}

.paginate_complex .first_prev {
    background: #fff url(../img/background/paginate_bg01.png) no-repeat 7px 50%;
    margin: 0;
}

.paginate_complex .prev {
    background: #fff url(../img/background/paginate_bg01.png) no-repeat -19px 50%;
    margin-left: -5px;
}

.paginate_complex .last_next {
    background: #fff url(../img/background/paginate_bg02.png) no-repeat -14px 50%;
    margin: 0;
}

.paginate_complex .next {
    background: #fff url(../img/background/paginate_bg02.png) no-repeat 10px 50%;
    margin-right: -5px;
}

.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus {
    border: 1px solid #636363;
    position: relative;
    z-index: 999;
}


.back_arrow {
    display: inline-block;
    padding: 0 0 0 14px;
    background: url(../img/background/back_arrow.png) no-repeat 0 6px;
}

.date_int {
    height: 26px;
    border: 1px solid #c2c2c2;
    width: 110px;
    background: #fff url(../img/background/calendar_icon.png) no-repeat 5px 4px;
    text-indent: 20px
}


/* 상단 메뉴 오른쪽 사용자 정보 링크 */
.nav_user_info {
    float: right;
    width: 280px;
    margin: 30px 0 0 0;
    padding-left: 40px;
}

.nav_user_info a {
    display: block;
}

.my-count {
    font-size: 90%;
    line-height: 20px;
}

.my-count strong {
    display: block;
    margin-top: 5px;
    text-align: center;
}

.my-count em {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #1163d2;
    /* margin-right: 3px; */
    font-style: normal;
    font-family: none;
}

.my-count .col {
    padding-left: 3px;
    padding-right: 3px;
}

a.my-info {
    background: url(../img/background/top_logout_icon.png) no-repeat 0 0;
    margin-bottom: 15px;
    padding: 0 0 0 22px;
    font-size: 14px;
    font-weight: normal;
    color: #222;
}

/* 모바일 메뉴에서 사용자 정보 링크 */
.mn_user_info .my-count {
    color: #b9b9b9;
    background: #353535;
    height: 45px;
    padding-top: 8px;
    text-align: left;
}

.mn_user_info .my-count a {
    margin-right: 5px;
    color: white;
}

.mn_user_info .my-count strong {
    margin-top: 2px;
    font-size: 110%;
    width: 80px;
    float: left;
}

.mn_user_info .my-count em {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    color: #fff;
    margin-right: 3px;
    color: lightgreen;
}

.mn_user_name {
    margin-bottom: 20px;
}

.mn_user_name span {
    display: block;
    color: #c2c2c2;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
}

.mn_user_name a {
    display: block;
    background: #525252;
    line-height: 24px;
    color: #c2c2c2;
    margin: 0 auto;
    width: 115px;
}


.tab_inner {
    border: 1px solid #dbdbdb;
    border-top: 0px;
    height: 234px;
    margin-bottom: 10px;
}

.tablet_nav {
    float: left;
    display: none;
}

.tablet_nav .tablet_nav_bt {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
}


.tablet_nav_bt .line {
    width: 28px;
    height: 4px;
    background-color: #0067b3;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.sb-active-right .tablet_nav_bt .line:nth-child(2) {
    opacity: 0;

}

.sb-active-right .tablet_nav_bt .line:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);

}

.sb-active-right .tablet_nav_bt .line:nth-child(3) {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);

}

.mobile_user_box {
    background: #272727 url(../img/background/mobile_login_bg.png) no-repeat 50% 28px;
    padding: 78px 0 0px 0;
    text-align: center;
    border-bottom: 1px solid #4e4e4e;
}

.rn_box {
    background: url(../img/background/rn_line.png) no-repeat 0 0;
    padding: 10px 0 0 0;
    margin: 30px 0 0 16px;
}

.rn_box ul li a {
    display: block;
    color: #b9b9b9;
    font-size: 15px;
    line-height: 22px;
}

/* 검색 */
.login_bt {
    float: left;
}

.login_bt a {
    display: block;
    padding: 0 0 0 26px;
    background: url(../img/background/top_login_bg.png) no-repeat 0 50%;
    line-height: 35px;
}

/*  footer */
.footer_wrap {
    background: #323334;
}

.footer_inner {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 25px 0;
}

.footer_inner h2 {
    float: left;
    background: url(../img/background/footer_logo.png) no-repeat 0px 0;
    width: 82px;
    height: 48px;
    overflow: hidden;
    text-indent: -9999px;
}

.footer_address {
    overflow: hidden;
    float: left;
}

.footer_text {
    color: #d1d1d1;
    font-size: 13px;
    overflow: hidden;
}

.footer_text p {
    float: left;
    width: 430px;
    margin: 0;
}

.footer_text span {
    float: left;
    display: block;
    padding: 0 0 0 18px;
    width: 170px;
    background: url(../img/background/footer_icon01.png) no-repeat 0px 0;
}

.footer_text em {
    float: left;
    display: block;
    padding: 0 0 0 18px;
    background: url(../img/background/footer_icon02.png) no-repeat 0px 0;
}

.footer_c {
    float: right;
    color: #d1d1d1;
    background: url(../img/background/footer_cc_img.png) no-repeat right 0;
    padding: 32px 0 0 0;
    margin-top: -10px;
}

.footer_ul {
    overflow: hidden;
    margin-bottom: 15px
}

.footer_ul li {
    float: left;
    background: url(../img/background/footer_line.png) no-repeat right 50%;
    margin-right: 13px;
    padding-right: 13px;
}

.footer_ul li a {
    display: block;
    font-size: 13px;
    color: #dedede;
}

.footer_ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    background: none;
}

.footer_ul li:first-child a {
    color: #83acff;
}


.vb_tab {
    padding: 0 0 0 1px;
    overflow: hidden;
    margin: 0px 0 0 40px;
    float: left;
}

.vb_tab ul li {
    float: left;
}

.vb_tab ul li a {
    display: block;
    color: #dff0ff;
    line-height: 35px;
    min-width: 150px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 18px;
    padding: 0 16px;
}

.vb_tab ul li a:hover,
.vb_tab ul li a.on {
    background: #fff;
    color: #333;
}


.top_option_wrap {
    border-bottom: 2px solid #ddd;
    margin-bottom: 26px;
}

.top_option_inner {
    overflow: hidden;
    padding: 0 0 18px 0;
}


.top_option_inner h4 {
    font-size: 18px;
    color: #000;
    font-weight: normal;
    float: left;
    line-height: 30px;
    display: none;
}

.option_lbox {
    position: relative;
    padding: 0 310px 0 0;
}

.option_left {
    float: left;
}

.browse-collection .search-wrap {
    position: relative;
    border: 1px solid #d6d6d6;
    height: 30px;
    padding: 2px 30px 0 4px;
    background: #fff;
}

.browse-collection .search-wrap input {
    border: 0px;
    width: 100%;
    height: 26px;
}

.browse-collection .search-wrap button {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/background/option_search_bt.png) no-repeat 50% 5px;
}

.browse-collection .select-wrap {
    padding: 1px 4px 0 4px;
    border: 1px solid #b2b2b2;
    height: 30px;
}

.browse-collection .select-wrap select {
    border: 0px;
    width: 100%;
    height: 26px;
    background-color: #fff;
}

.search_w_bt {
    display: inline-block;
    width: 60px;
    color: #fff;
    height: 30px;
    vertical-align: top;
    background: #0067b3 url(../img/background/search_icon_white.png) no-repeat 50% 7px;
    text-align: center;
    border: none;
    text-indent: -9999px;
}

.search_w_bt:hover {
    background: #3caab1 url(../img/background/search_icon_white.png) no-repeat 50% 7px;
}

.sel_box {
    padding: 1px 4px 0 4px;
    display: inline-block;
    border: 1px solid #b2b2b2;
    height: 30px;
    width: 160px;
}

.sel_box .seltype_a {
    border: 0px;
}

.search_w_bt {
    display: inline-block;
    width: 60px;
    color: #fff;
    height: 30px;
    vertical-align: top;
    background: #0067b3 url(../img/background/search_icon_white.png) no-repeat 50% 7px;
    text-align: center;
    border: none;
    text-indent: -9999px;
}

.search_w_bt:hover {
    background: #3caab1 url(../img/background/search_icon_white.png) no-repeat 50% 7px;
}

.list_sort_box {
    position: absolute;
    right: 10px;
    top: 10px;
}

.list_sort_box ul li {
    float: left;
    margin-right: 12px;
    padding-right: 12px;
    background: url(../img/background/sort_line.png) no-repeat right 50%;
}

.list_sort_box ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    background: none;
}

.list_sort_box ul li a {
    display: block;
    padding: 0 14px 0 0;
    background: url(../img/background/sort_bg01.png) no-repeat right 50%;
    color: #555;
}

.list_sort_box ul li .asc_on {
    background: url(../img/background/sort_bg03.png) no-repeat right 50%;
    color: #222;
}

.list_sort_box ul li .desc_on {
    background: url(../img/background/sort_bg02.png) no-repeat right 50%;
    color: #222;
}

.row_list {
    border-top: 1px solid #2f2f2f;
    margin-bottom: 10px;
}

.row_list ul li {
    position: relative;
    padding: 8px 0 10px 60px;
}

.row_list ul li:nth-child(even) {
    background: #f9f9f9
}

.row_list .list_num {
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
    padding: 0 0 0 30px;
}

.row_list .list_tbox a {
    color: royalblue;
    margin-bottom: 8px;
}

.row_list .list_tbox em {
    color: darksalmon;
}

.row_list .list_tbox a.title {
    display: block;
}

.row_list .list_tbox span {
    color: #555;
    font-weight: normal;
    font-size: 14px;
}

.top_mobile_right {
    float: right;
    display: none;
}

.sub_search_bt {
    background: url(../img/background/mobile_search_bt.png) no-repeat 50% 50%;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    display: block;
}

.search_bt_box {
    position: relative;
    float: left;
    margin-right: 5px;
}

.menu_bt_box {
    float: left;
    margin-left: 4px
}

.mobile_s_inner {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 9999;
    background: url(../img/background/modal_bg02.png) repeat;
    height: 100%;
    left: 0;
    right: 0;
    width: 100%;
    top: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mobile_s_inner input {
    width: 99.8%;
    border: 0px;
    background: transparent;
    color: #000;
    height: 30px;
    font-size: 16px;
    padding: 0 0 0 8px;
    border-radius: 0px;
}

.mobile_s_inner.search_active {
    opacity: 1;
    visibility: visible;
}


.mobile_s_inner .sub_search_bt {
    background: #ccc url(../img/background/menu_close_bt.png) no-repeat 50% 50%;
    position: absolute;
    right: 22px;
    top: 20px;
    background-size: 20px auto;
    text-indent: -9999px;
    overflow: hidden;
    width: 38px;
    height: 38px;
    border: 0px;
    border-radius: 19px;
}

.ms_box {
    padding: 70px 20px 0 20px;
    background: #fff;
    height: 134px;
}

.ms_box .ms_sel {
    display: block;
    float: left;
    width: 90px;
}

.ms_box .ms_sel select {
    border: 0px;
    background: #fff;
    height: 22px;
    width: 100%;
}

/* .ms_box .mmobile_s_int {  margin: 0 0 0 100px; } */
.ms_inner {
    border-bottom: 1px solid #000;
}


.h4_title {
    font-size: 24px;
    color: #000;
    font-weight: normal;
    padding: 4px 0 0 0;
}

.round_num {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    background: #696969;
    color: #fff;
    line-height: 25px;
    padding: 0 10px;
    border-radius: 13px;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.browse_alphabet {
    text-align: left;
}

.browse_alphabet a {
    display: block;
    float: left;
    text-align: center;
    font-size: 15px;
    color: #333;
    border: 1px solid transparent;
    padding: 0 6px;
    height: 26px;
    line-height: 26px;
    border-radius: 14px;
    min-width: 26px;
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}

.browse_alphabet a:hover {
    border: 1px solid #787878;
    text-decoration: underline;
}

.browse_alphabet .on {
    background: #3989ee;
    color: #fff;
}

.mobile_select {
    display: none;
}

.alphabet_eng {
    overflow: hidden;
    margin-bottom: 8px;
}

.alphabet_kor {
    padding: 0 0 0 30px;
    overflow: hidden;
}

.item_option {
    border: 1px solid #d5d5d5;
    background: #fbfbfb;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.item_option_dl {
    overflow: hidden;
}

.item_option_dl dt {
    float: left;
    line-height: 28px;
}

.item_option_dl .item_dd {
    position: relative;
    margin: 0 0 0 70px;
}

.item_option_dl .item_dd .sel_span {
    width: 30%;
    float: left;
}

.item_option_dl .item_dd .option_search {
    position: relative;
    right: auto;
    top: auto;
    width: 49%;
    float: right;
}

.sel_span {
    display: block;
    border: 1px solid #d6d6d6;
    background: #fff;
    height: 28px;
}

.sel_span select {
    height: 24px;
    padding: 2px 4px 0 4px;
    border: 0px;
    background: #fff;
    width: 100%;
}

.item_option .option_lbox {
    margin: 0;
}

.item_help_box {
    margin-bottom: 25px;
    padding: 0 0 20px 66px;
    color: #5e5e5e;
    border-bottom: 1px solid #e2e2e2;
    background: url(../img/background/top_help_icon.png) no-repeat 0 0px;
    line-height: 22px;
}

.sub-collections {
    margin-bottom: 40px;
    padding: 0 30px;
}

.sub-collections:after {
    content: '';
    display: block;
    clear: both;
}

.sub-collections h5 {
    background: url(../img/background/collection_folder.png) no-repeat 0 0px;
    padding: 0 0 0 30px;
    line-height: 20px;
    font-size: 18px;
    color: #113a85;
    font-weight: normal;
    margin-bottom: 15px;
}

.sub-collections .collection {
    width: 50%;
    margin: 7px 0;
    float: left;
}

.sub-collections .collection a {
    font-size: 15px;
    display: block;
    padding: 2px 0 0 14px;
    background: url(../img/background/colletion_bullet.png) no-repeat 0 center;
}

.sub-collections .collection span {
    background: #dcdcdc;
    color: #555;
    padding: 0 10px;
    border-radius: 12px;
    margin: 0px 0 0 5px;
}

.ad_search_box {
    width: 1020px;
    margin: 0 auto;
}

.ad_search_box dl {
    overflow: hidden;
    margin-top: 5px;
}

.ad_search_box dl:first-child {
    margin-top: 0px;
}

.ad_search_box dl dt {
    float: left;
    font-weight: normal;
    line-height: 28px;
    text-align: right;
    width: 60px;
}

.ad_search_box dl dd {
    margin: 0 0 0 80px;
}

.ad_search_box dl .ad_sel_dd {
    padding: 0 34px 0 0;
}

.ad_search_box dl .ad_sel_dd .sel_span {
    height: 38px;
    padding: 6px 6px 0 0;
}

.ad_option_dd .sel_span {
    display: block;
    float: left;
    width: 102px;
    margin-right: 4px
}

.ad_option_dd p {
    margin: 0 0 0 212px;
    padding: 0 34px 0 0;
    position: relative;
}

.ad_option_dd p .ad_int {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 28px;
}

.ad_option_dd p .plus_option {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff url(../img/background/plus_option.png) no-repeat 50% 50%;
    border: 1px solid #d6d6d6;
    text-indent: -9999px;
    overflow: hidden;
    width: 28px;
    height: 28px;
}

.ad_option_dd p .minus_type {
    background: #fff url(../img/background/minus_option.png) no-repeat 50% 50%;
}

.result_list_wrap {
    overflow: hidden;
}

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

.result_option {
    position: relative;
    padding: 0 140px 0 0;
}

.result_option .sel_span {
    height: 38px;
    padding: 6px 6px 0 0;
    float: left;
    width: 220px;
}

.result_search .r_s_int {
    height: 24px;
    width: 100%;
    border: 0px;
}

.result_search .r_s_bt {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #0067b3 url(../img/background/result_bt.png) no-repeat 50% 50%;
    text-indent: -9999px;
    overflow: hidden;
    width: 58px;
    height: 38px;
    border: 0;
}

.ads_btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 36px;
    background: #ebebeb;
    border: 1px solid #c7c7c7;
    display: block;
    font-size: 13px;
    color: #333;
    width: 134px;
    text-align: center;
}

.result_contents {
    float: left;
    width: 820px
}

.result_right_box {
    float: right;
    width: 290px
}

.aside_box {
    border: 1px solid #dedede;
    padding: 14px;
    margin-bottom: 10px;
}

.aside_line {
    border-top: 1px solid #b4b4b4;
}

.aside_box h5 {
    font-size: 14px;
    font-weight: bold;
    color: #555;
    padding: 0 0 10px 0;
    background: url(../img/background/aside_title_line.png) no-repeat 0 bottom;
    margin-bottom: 10px;
}

.aside_list li {
    position: relative;
    padding: 0 40px 0 0;
    margin-bottom: 4px;
}

.aside_list li:last-child {
    margin-bottom: 0px;
}

.aside_list li a {
    display: block;
    font-size: 13px;
    color: #555;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: auto;
}

.aside_list li .round_line {
    border: 1px solid #cacaca;
    background: #fff;
    line-height: 18px;
    padding: 0 5px;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    border-radius: 10px;
}

.aside_slide .owl-nav .owl-prev,
.aside_slide .owl-nav .owl-next {
    padding: 0 !important;
    width: 28px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
}

.aside_slide .owl-nav .owl-prev {
    margin: 0 0 0 2px !important;
    float: left;
    background: url(../img/background/aside_left_a.png) no-repeat 0 50% !important;
}

.aside_slide .owl-nav .owl-next {
    margin: 0 2px 0 0px !important;
    float: right;
    background: url(../img/background/aside_right_a.png) no-repeat right 50% !important;
}

.aside_slide .owl-dots .owl-dot span {
    margin: 5px 3px !important;
}

.aside_slide .owl-dots .owl-dot.active span,
.aside_slide .owl-dots .owl-dot:hover span {
    background: #0067b3 !important;
}


.view_bg_box {
    display: block;
    background: url(../img/background/main_visual_bg.jpg) no-repeat 50% 50%;
    height: 142px;
}

.view_box {
    position: relative;
    width: 1200px;
    margin: -98px auto 50px auto;
    background: #fff;
    min-height: 500px;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.view_contents {
    background: url(../img/background/view_wrap_bg.png) repeat-y right;
}

.view_contents {
    font-size: 1.1em;
    line-height: 1.4em;
}

.view_contents:after {
    clear: both;
}

.view_contents:after,
.view_contents:before {
    display: table;
    content: " ";
}

.view_left {
    float: left;
    width: 850px;
}

.view_aside {
    float: right;
    width: 290px;
    background: #f2f2f2;
    border-top: 1px solid #bebebe;
    padding-top: 14px;
}

.view_title {
    font-size: 24px;
    color: #222;
    line-height: 26px;
    margin: 10px 5px 25px 5px;
}

.view_h4 {
    font-weight: bold;
    color: darkseagreen;
    font-size: 18px;
    border-bottom: 1px solid darkseagreen;
    position: relative;
    padding: 0 0 8px 0;
    margin-top: 20px;
}

.view_h4:after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 20px;
    height: 3px;
    background: darkseagreen;
}


.view_data_box {
    margin-bottom: 30px;
}

.vd_col {
    overflow: hidden;
    margin: 6px 0;
}

.vd_col span,
.vd_col strong {
    float: left;
    color: #09619f;
    padding: 0 0 0 10px;
    background: url(../img/background/view_tbl_a02.png) no-repeat 0 center;
    font-weight: normal;
    display: block;
}

.vd_col span em {
    display: block;
}

.vd_col p {
    margin: 0 0 0 226px;
}

.vd_depth02 > .vd_col,
.vd_depth03 > .vd_col,
.vd_depth04 > .vd_col,
.vd_depth05 > .vd_col,
.vd_depth06 > .vd_col {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 4px 0;
}

.vd_depth02 > .vd_col strong {
    background: url(../img/background/view_tbl_a01.png) no-repeat 0 center;
}

.vd_depth02 > .vd_depth_b strong {
    padding: 0 0 0 22px;
    background-position: 12px center;
}

.vd_depth03 > .vd_col strong {
    background-position: 12px center;
}

.vd_depth03 > .vd_depth_b strong {
    padding: 0 0 0 34px;
    background-position: 24px center;
}

.vd_depth04 > .vd_col strong {
    background-position: 24px center;
}

.vd_depth04 > .vd_depth_b strong {
    padding: 0 0 0 46px;
    background-position: 36px center;
}

.vd_depth05 > .vd_col strong {
    background-position: 36px center;
}

.vd_depth05 > .vd_depth_b strong {
    padding: 0 0 0 58px;
    background-position: 48px center;
}

.vd_depth06 > .vd_col strong {
    background-position: 48px center;
}

.vd_depth06 > .vd_depth_b strong {
    padding: 0 0 0 70px;
    background-position: 60px center;
}

.vd_info .vd_col:last-child,
.vd_depth02 .vd_depth_b .vd_col:last-child,
.vd_depth03 .vd_depth_b .vd_col:last-child,
.vd_depth04 .vd_depth_b .vd_col:last-child,
.vd_depth05 .vd_depth_b .vd_col:last-child,
.vd_depth06 .vd_depth_b .vd_col:last-child {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 6px;
}


.view_link_a {
    color: #507bd3;
    display: inline-block;
    text-decoration: underline;
}

.disable_text {
    display: inline-block;
    color: #a9a9a9;
    margin: 0 5px 0 0;
}

.sm_btn {
    background: #279098;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    padding: 0 16px;
    display: inline-block;
}

.sm_btn:hover {
    background: #3fa4ac;
}

.view_numbers {
    border-bottom: 1px solid #d9d9d9;
    padding: 8px 0 22px 0;
}

.view_numbers ul {
    background: url(../img/background/view_number_bg.png) repeat-y 50% 0;
    overflow: hidden;
}

.view_numbers ul li {
    float: left;
    width: 50%;
    font-size: 22px;
    color: #333;
    text-align: center;
}

.view_numbers ul li span {
    display: block;
    color: #7c7c7c;
    font-size: 14px;
    margin: 2px 0 0 0;
}

.my_point_wrap {
    border-bottom: 1px solid #d9d9d9;
    padding: 15px;
    margin-bottom: 20px;
}

.my_point {
    overflow: hidden;
    margin-bottom: 16px;
}

.mp_text {
    display: block;
    float: left;
    font-size: 13px;
    color: #555;
    line-height: 20px
}

.point_star {
    margin: 0 0 0 70px
}

.my_point .mp_text {
    line-height: 28px;
}

.data_point_wrap {
    overflow: hidden;
}

.data_num {
    float: left;
}

.data_num em {
    font-size: 18px;
    color: #222;
    display: inline-block;
    margin: 0 0 0 6px;
}

.data_point {
    float: right;
}

.data_point .point_star {
    margin: 0 0 0 60px;
}

.va_inner {
    padding: 0 15px 15px 15px;
}


.va_dl {
    margin-bottom: 10px
}

.va_dl:last-child {
    margin-bottom: 0px
}

.va_dl dt {
    font-weight: bold;
    font-size: 13px;
    padding: 0 0 0 8px;
    background: url(../img/background/view_aside_bullet.png) no-repeat 0 4px;
    margin-bottom: 4px;
}

.va_dl dd {
    font-size: 14px;
    color: #333;
    padding: 0 0 0 8px;
}

.va_dl dd .aside_link {
    color: #1464f5;
    padding: 0 18px 0 0;
    background: url(../img/background/aside_link_icon.png) no-repeat right 1px;
    text-decoration: underline;
}

.ver_box {
    margin: 30px 0 40px 0;
}

.ver_box h5 {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
    border-bottom: 1px solid #b4b4b4;
    padding-bottom: 8px;
}

.ver_box ul li {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 0 0 8px 0;
    margin-bottom: 8px;
}

.ver_box ul li:last-child {
    border-bottom: 0px;
    padding: 0;
    margin-bottom: 0px;
}


.ver_box ul li a {
    display: block;
    color: #0083de;
}

.ver_box ul li span {
    font-size: 12px;
    color: #555;
    display: block;
    margin: 4px 0 0 0;
}

.ver_box ul li em {
    font-size: 12px;
    color: #555;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.aside_h5 {
    font-weight: bold;
    font-size: 13px;
    color: #555;
    margin-bottom: 6px;
}


.share_link {
    margin-bottom: 20px;
}

.share_link:after {
    clear: both;
}

.share_link:after,
.share_link:before {
    display: table;
    content: " ";
}

.share_link ul li {
    float: left;
    margin-right: 4px;
}

.share_link ul li a {
    display: block;
}

.asdie_text {
    font-size: 12px;
    line-height: 20px;
}

.export_box .line_bt {
    font-size: 13px;
    line-height: 24px;
    margin: 2px 0;
}


.home_list_wrap {
    background: #f9f9f9;
}

.home_list_inner {
    width: 1090px;
    margin: 0 auto;
    padding: 40px 0 50px 0;
    overflow: hidden;
}

.vt_box {
    position: relative;
}

.vt_box .vt_r {
    position: absolute;
    right: 0;
    top: -2px;
}

.slide_bt {
    display: inline-block;
    background: url(../img/background/slide_bt.png) no-repeat 0 0;
    width: 61px;
    height: 24px;
    text-align: right;
    line-height: 24px;
    padding: 0 10px 0 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

.slide_bt em {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}

.slide_bt .sb_on {
    display: none;
}

.slide_bt_on {
    background: url(../img/background/slide_bt.png) no-repeat 0 bottom;
    text-align: left;
    padding: 0 0 0 10px;
}

.slide_bt_on .sb_text {
    display: none
}

.slide_bt_on .sb_on {
    display: inline-block;
    color: #fff;
}

.item_help_tbl {
    width: 100%;
    min-height: 48px;
}

.header_login_bt {
    display: inline-block;
    border: 1px solid #cbcbcb;
    border-radius: 20px;
    padding: 0 20px;
}

.header_login_bt span {
    display: inline-block;
    padding: 0 0 0 20px;
    line-height: 38px;
    background: url(../img/background/header_user_icon.png) no-repeat 0 10px;
    color: #7f7f7f;
    font-size: 14px;
}

.header_admin_link {
    display: inline-block;
    font-size: 11px;
    line-height: 1em;
    text-align: center;
    width: 50px;
    height: 38px;
    background: url(../img/background/settings.png) no-repeat center 2px;
    overflow: hidden;
    padding-top: 26px;
    vertical-align: bottom;
    /* margin-right: 0; */
}

.header_logout_bt {
    display: inline-block;
    border: 1px solid #cbcbcb;
    border-radius: 20px;
    padding: 0 20px;
}

.header_logout_bt:hover {
    border: 1px solid #277feb;
}

.header_logout_bt span {
    display: inline-block;
    padding: 0 0 0 20px;
    line-height: 38px;
    background: url(../img/background/top_logout_icon.png) no-repeat 0 10px;
    color: #7f7f7f;
    font-size: 14px;
}


.main_visual_wrap {
    background: url(../img/background/main_visual_bg.jpg) no-repeat 50% 0;
    background-attachment: fixed;
}

.main_search_wrap {
    margin: 82px auto 60px auto;
    width: 664px;
}

.main_search_wrap h2 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: relative;
    font-weight: normal;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
}

.main_search_wrap h2:after {
    content: '';
    display: block;
    clear: both;
    width: 46px;
    height: 1px;
    background: #fff;
    position: absolute;
    margin-left: -23px;
    left: 50%;
    bottom: 0px;
}

.main_search_box {
    background: #fff;
    height: 52px;
    position: relative;
    padding: 13px 65px 0 15px;
    border-radius: 4px;
    box-shadow: 0 2px 7px #555;
}

.main_search_box input {
    height: 24px;
    background: #fff;
    border: 0px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
}

.main_search_box .m_search_bt {
    position: absolute;
    right: 0px;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(../img/background/main_search_bt.png) no-repeat 50% 50%;
    text-indent: -9999px;
}

.main_quick_box {
    width: 1200px;
    margin: 0 auto;
}

.main_quick_box:after {
    clear: both;
}

.main_quick_box:after,
.main_quick_box:before {
    display: table;
    content: " ";
}

.main_quick_box ul li {
    float: left;
    width: 20%;
    padding: 20px;
    transition: all 0.3s ease;
    transform: scale(1.0, 1.0);
}

.main_quick_box ul li:hover {
    transform: scale(1.1, 1.1);
    z-index: 10;
    box-shadow: 0 4px 14px #555;
}

.main_quick_box ul li a {
    color: #fff;
    font-size: 22px;
    height: 100px;
    display: block;
}

.main_quick_box ul li span {
    color: #fff;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

.main_quick_box ul li {
    position: relative;
}

.main_quick_box ul li a:after {
    font-family: 'Material Icons';
    content: "\e003";
    font-size: 64px;
    position: absolute;
    bottom: 16px;
    right: 16px;
}

/* material icon */
.main_quick_box ul li.data-search a:after {
    content: "\e880";
}

.main_quick_box ul li.data-submit a:after {
    content: "\e85d";
}

.main_quick_box ul li.dmp-draft a:after {
    content: "\e53b";
}

.main_quick_box ul li.data-browse a:after {
    content: "\e0e0";
}

.main_quick_box ul li.data-share a:after {
    content: "\e90f";
}

/* \e040 */

.main_quick_box li:nth-child(1) {
    background-color: rgb(78, 141, 218, 0.8);
}

.main_quick_box li:nth-child(2) {
    background-color: rgb(69, 134, 214, 0.8);
}

.main_quick_box li:nth-child(3) {
    background-color: rgb(61, 128, 210, 0.8);
}

.main_quick_box li:nth-child(4) {
    background-color: rgb(51, 119, 203, 0.8);
}

.main_quick_box li:nth-child(5) {
    background-color: rgb(41, 111, 197, 0.8);
}

.main_quick_box li:nth-child(1):hover {
    background-color: rgb(78, 141, 218, 1);
}

.main_quick_box li:nth-child(2):hover {
    background-color: rgb(69, 134, 214, 1);
}

.main_quick_box li:nth-child(3):hover {
    background-color: rgb(61, 128, 210, 1);
}

.main_quick_box li:nth-child(4):hover {
    background-color: rgb(51, 119, 203, 1);
}

.main_quick_box li:nth-child(5):hover {
    background-color: rgb(41, 111, 197, 1);
}

/*
.main_quick_box ul li.m_q_box01 {     background: url(../img/background/m_q_bg01.png) repeat;     }
.main_quick_box ul li.m_q_box01:hover  {   background-color: #4e8dda;    }
.main_quick_box ul li.m_q_box01 a {   background: url(../img/background/m_q_icon01.png) no-repeat right bottom; }
.main_quick_box ul li.m_q_box02 {     background: url(../img/background/m_q_bg02.png) repeat;     }
.main_quick_box ul li.m_q_box02:hover {  background-color: #4586d6;   }
.main_quick_box ul li.m_q_box02 a {   background: url(../img/background/m_q_icon02.png) no-repeat right bottom; }
.main_quick_box ul li.m_q_box03 {     background: url(../img/background/m_q_bg03.png) repeat;     }
.main_quick_box ul li.m_q_box03:hover {  background-color: #3d80d2;   }
.main_quick_box ul li.m_q_box03 a {   background: url(../img/background/m_q_icon03.png) no-repeat right bottom; }
.main_quick_box ul li.m_q_box04 {     background: url(../img/background/m_q_bg04.png) repeat;     }
.main_quick_box ul li.m_q_box04:hover {  background-color: #3377cb;   }
.main_quick_box ul li.m_q_box04 a {   background: url(../img/background/m_q_icon04.png) no-repeat right bottom; }
.main_quick_box ul li.m_q_box05 {     background: url(../img/background/m_q_bg05.png) repeat;     }
.main_quick_box ul li.m_q_box05:hover {  background-color: #296fc5;   }
.main_quick_box ul li.m_q_box05 a {   background: url(../img/background/m_q_icon05.png) no-repeat right bottom;  }
*/


.main_notice_inner {
    width: 1320px;
    position: relative;
    padding: 22px 70px 22px 15px;
    overflow: hidden;
    margin: 0 auto 0px;
}

.main_notice_inner h3 {
    padding: 0 0 0 40px;
    margin: 0;
    background: url(../img/background/m_notice_icon.png) no-repeat 0 50%;
    float: left;
    font-size: 16px;
    color: #090808;
    font-weight: normal;
    line-height: 26px;
}

.main_notice_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.m_n_list {
    margin: 0 0 0 150px;
}

.m_n_list ul li {
    float: left;
    width: 50%;
    position: relative;
    padding: 0 120px 0 40px;
}

.m_n_list ul li a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: auto;
    padding: 0 0 0 10px;
    background: url(../img/background/m_notice_bullet.png) no-repeat 0 50%;
    font-size: 15px;
    color: #333;
    line-height: 26px;
}

.m_n_list ul li a:hover {
    color: #000;
    text-decoration: underline
}

.m_n_list ul li em {
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 15px;
    color: #333;
}

.main_notice_inner .m_n_plus {
    position: absolute;
    display: block;
    background: url(../img/background/m_notice_plus.png) no-repeat 50% 50%;
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    right: 0;
    top: 16px;
    transition: all 0.3s ease;
}

.main_notice_inner .m_n_plus:hover {
    transform: rotate(90deg);
}


.popular_list_wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 42px 0;
}

.popular_list_wrap:after {
    clear: both;
}

.popular_list_wrap:after,
.popular_list_wrap:before {
    display: table;
    content: " ";
}


.file_list_title {
    text-align: right;
    float: left;
    position: relative;
}

.file_list_title h3 {
    font-size: 24px;
    color: #000;
    background: url(../img/background/main_notice_bg1.png) repeat;
    width: 216px;
    height: 186px;
    border-radius: 15px;
    text-align: center;
    padding: 32px 0 0 0;
    margin-bottom: 26px;
}

.file_list_title h3 span {
    display: block;
    background: url(../img/background/main_notice_icon01.png) no-repeat 50% 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 60px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.file_list_title h3 span:after {
    content: '';
    display: block;
    clear: both;
    width: 38px;
    height: 1px;
    background: #4481c9;
    position: absolute;
    left: 50%;
    margin-left: -19px;
    bottom: 0;
}

.file_list_title a {
    display: inline-block;
    border: 1px solid #e2e2e2;
    padding: 0 20px;
    background: #fff;
}

.file_list_title a span {
    display: inline-block;
    padding: 0 20px 0 0;
    background: url(../img/background/read_more_plus.png) no-repeat right 50%;
    line-height: 32px;
}

.file_list_title a:hover {
    border: 1px solid #3989ee;
    color: #000;
}

.f_l_wrap {
    margin: 0 0 0 270px;
}

.f_l_box {
    border: 1px solid #e7e7e7;
    padding: 22px;
    position: relative;
    margin-bottom: 15px;
    height: 120px;
    transition: all 0.3s ease;
    background: #fff url(../img/background/f_l_arrow.png) no-repeat right bottom;
}

.f_l_box:hover {
    box-shadow: 2px 5px 13px #ccc;
    background: #fff url(../img/background/f_l_arrow_on.png) no-repeat right bottom;
}


.f_l_box p {
    position: absolute;
    font-size: 11px;
    color: #000;
    text-align: center;
}

.f_l_box p strong {
    font-size: 28px;
    color: #000;
    font-weight: normal;
    display: block;
}

.f_l_box a {
    display: block;
    margin: 0 0 0 70px;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    height: 58px;
    overflow: hidden;
}

.m_latest_wrap {
    background: #f9f9f9;
    padding: 42px 0;
}

.m_latest_inner {
    width: 1200px;
    margin: 0 auto;
}

.m_latest_inner .file_list_title h3 {
    background: #fff;
}

.m_latest_inner .file_list_title h3 span {
    background: url(../img/background/main_notice_icon02.png) no-repeat 50% 0;
}


.header_login_col {
    float: left;
}


.cc_list_wrap {
    margin: 15px 0;
}

.cc_list_box {
    padding: 5px 0;
}

.cc_top_item {
    padding: 0 0 0 50px;
    position: relative;
}

.cc_top_item p a {
    display: block;
    width: 37px;
    height: 37px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.cc_top_item .cc_item {
    background: url(../img/background/cc_normal.png) no-repeat 0 0px;
}

.cc_top_item .cc_item:hover {
    background: url(../img/background/cc_normal_hover.png) no-repeat 0 0px;
}

.cc_top_item .cc_item_close {
    background: url(../img/background/cc_item_close.png) no-repeat 0 0px;
}

.cc_top_item .cc_item_close:hover {
    background: url(../img/background/cc_item_close_hover.png) no-repeat 0 0px;
}

.cc_top_item .cc_item_close.collapsed {
    background: url(../img/background/cc_item_open.png) no-repeat 0 0px;
}

.cc_top_item .cc_item_close.collapsed:hover {
    background: url(../img/background/cc_item_open_hover.png) no-repeat 0 0px;
}

.cc_top_item .cc_text01 {
    position: relative;
    display: block;
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    padding-top: 10px;
}

.cc_top_item em {
    display: block;
    color: #777;
    font-size: 13px;
}

.cc_top_item .cc_item_num {
    position: absolute;
    right: 0px;
    top: 3px;
    display: inline-block;
    background: #696969;
    border-radius: 12px;
    color: #fff;
    padding: 0 10px;
    line-height: 24px;
    font-size: 13px;
}

.cc_under_box {
    background: #f9f9f9;
    padding: 5px 5px 5px 30px;
    border-bottom: 1px solid #eee;
}

.cc_under_box ul {
    padding: 8px 0;
}

.cc_under_box ul li {
    margin: 7px 0;
    padding-left: 15px;
}

.cc_under_box ul li p {
    margin-bottom: 0;
}

.cc_under_box ul li p a {
    display: block;
    padding: 0 0 0 10px;
    background: url(../img/background/cc_bullet02.png) no-repeat 0 7px;
    font-size: 15px;
    margin-bottom: 4px;
}

.cc_under_box ul li p em {
    display: block;
    padding: 0 0 0 10px;
    color: #777;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cc_under_box .gray_r_num {
    display: inline-block;
    padding: 0 12px;
    color: #333;
    background: #ebebeb;
    line-height: 22px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    font-size: 12px;
    margin-left: 6px;
    vertical-align: middle;
}

.right_nav_box h3 {
    font-size: 20px;
    line-height: 56px;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #404040;
    padding: 0 0 0 20px;
    height: 56px;
    background: url(../img/background/menu_arrow04.png) no-repeat right 50%;
}

.right_nav_box ul li {
    background: #111;
}

.right_nav_box ul li a {
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #f9f9f9;
    padding: 14px 0 14px 34px;
}

.right_nav_box ul li a span {
    display: block;
    padding: 4px 0 0 0;
    font-size: 16px;
}

.right_nav_box ul li a:hover {
    color: #fff;
    background: #222;
}

.right_nav_box ul li a em {
    display: block;
    font-size: 16px;
    color: #ccc;
}

.right_nav_box ul li a:hover em {
    color: #fff;
}


.header_wrap {
    background: #fff;
}

.header_inner:after {
    clear: both;
}

.header_inner:after,
.header_inner:before {
    display: table;
    content: " ";
}


.header_inner h1 {
    float: left;
    padding: 10px 0 0 0;
}

.header_inner h1 a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 180px;
    height: 50px;
    background: url(../img/background/logo.png) no-repeat 0 0;
}

.header_inner .gnb_bg,
.header_inner + .gnb_back_bg {
    display: none;
}

/* 1280 이상에서만 하위 메뉴 표시 */
@media all and (min-width: 1025px) {
    .header_inner:hover .gnb_bg,
    .header_inner:hover + .gnb_back_bg,
    .header_inner:hover #gnb .sub_menu {
        display: block;
    }
}

#gnb {
    clear: both;
    z-index: 30;
    float: left;
}

.header:after, .gnb:after, .top_util:after, .txt_box:after, .top_util .txt_box:after, .footer:after, .f_util:after, .mark_list:after {
    display: block;
    clear: both;
    content: " ";
}

#gnb .menu {
    position: relative;
    float: left;
    width: 170px;
}

#gnb .menu:first-child, .top_util .util li:first-child, .top_util .top_roll ul li:first-child, .f_util li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

#gnb .sub_menu {
    transition: 0.3s;
    display: none;
    position: absolute;
    top: 86px;
    z-index: 30;
    border-right: 1px solid #e9e9e9;
    width: 100%;
    height: 220px;
}

#gnb .sub_menu ul {
    text-align: left;
    padding: 17px 0 0 0;
    height: 198px;
}

#gnb .nav_sub_icon01 {
    background: url(../img/background/nav_sub_icon01.png) no-repeat right bottom;
}

#gnb .nav_sub_icon02 {
    background: url(../img/background/nav_sub_icon02.png) no-repeat right bottom;
}

#gnb .nav_sub_icon03 {
    background: url(../img/background/nav_sub_icon03.png) no-repeat right bottom;
}

#gnb .nav_sub_icon04 {
    background: url(../img/background/nav_sub_icon04.png) no-repeat right bottom;
}

#gnb .sub_menu li {
    float: none;
    padding: 0 0 0 10px;
    margin-bottom: 7px;
}

#gnb .sub_menu li:last-child {
    margin-bottom: 0;
}

#gnb .sub_menu li a {
    color: #281a1a;
    padding: 0 0 0 6px;
    font-size: 14px;
    display: block;
    line-height: 24px;
    text-align: left;
}

#gnb .menu:hover .nav_sub_icon01 {
    background: url(../img/background/nav_sub_icon01_on.png) no-repeat right bottom;
}

#gnb .menu:hover .nav_sub_icon02 {
    background: url(../img/background/nav_sub_icon02_on.png) no-repeat right bottom;
}

#gnb .menu:hover .nav_sub_icon03 {
    background: url(../img/background/nav_sub_icon03_on.png) no-repeat right bottom;
}

#gnb .menu:hover .nav_sub_icon04 {
    background: url(../img/background/nav_sub_icon04_on.png) no-repeat right bottom;
}

#gnb .menu:hover .sub_menu {
    background-color: #EEFFFF;
}

#gnb .sub_menu a:hover {
    text-decoration: underline;
}

#gnb .sub_menu .line_space {
    width: 61px;
}

#top_nav_wrap {
    float: left;
    margin: 0 0 0 90px;
}

#top_nav_wrap.menu5 {
    margin-left: 30px;
}

.gnb_bg {
    border-top: 1px solid #e2dedd;
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 90px;
    width: 100%;
    height: 220px;
    background: #fff;
    z-index: 10;
    overflow: hidden; /* box-shadow: 0 7px 7px 0 #222, 0 7px 7px 0 transparent;  */
}

.gnb_bg .bg_wrap {
    transition: 1s;
    background: #fff;
    height: 172px;
    width: 1200px;
    margin: 0 auto;
}

.gnb_back_bg {
    content: '';
    display: block;
    clear: both;
    position: fixed;
    width: 100%;
    top: 282px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 9;
    text-indent: -9999px;
    overflow: hidden;
}

.top_right_box {
    float: right;
    margin: 14px 0 0 0;
}

.alert_box {
    background: #f3f3f3;
    border-left: 3px solid #de3232;
    padding: 12px;
    margin: 15px 0 20px 0;
}

.alert_box p {
    padding: 0 0 0 22px;
    background: url(../img/background/circle_arrow.png) no-repeat 0 3px;
    line-height: 20px;
}

/* .alert_box.success {background: #f3f3f3; border-left:3px solid #0000ff;padding: 12px;margin: 15px 0 20px 0; } */


/* 0729*/
.sub_alert_wrap {
    width: 1000px;
    margin: -20px auto 0 auto;
}

.sub_alert_inner {
    background: url(../img/background/sub_alert_bg.png) no-repeat 0 0px;
    padding: 110px 0 0 480px;
    min-height: 373px;
}

.s_a_text_box h4 {
    font-size: 30px;
    margin-bottom: 30px;
    color: #09619f;
}

.s_a_text_box ul li {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 22px;
}

.s_a_text_box ul li:last-child {
    margin-bottom: 0px;
}

.s_a_sub_t {
    background: #f9f9f9;
    border-radius: 5px;
    padding: 20px;
}

.s_a_sub_t ul {
    margin-bottom: 20px;
}

.s_a_sub_t a {
    background: #0067b3;
    display: block;
    color: #fff;
    line-height: 42px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
}

@media (min-width: 1200px) {
    .container {
        width: 1320px;
    }
}