@charset "utf-8"; @font-face{font-family:NanumBarunGothic-Regular;src:url(../font/NanumBarunGothic-Regular.eot);src:local(※), url(../font/NanumBarunGothic-Regular.woff) format('woff');font-weight: normal; font-style: normal; } @font-face{font-family:NanumBarunGothic-Bold;src:url(../font/NanumBarunGothic-Bold.eot);src:local(※), url(../font/NanumBarunGothic-Bold.woff) format('woff');font-weight: bold; font-style: normal; } * {padding:0; margin:0;} html { width:100%;height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body {width:100%; height: 100%;line-height:normal; background:#fff;font-size: 12px; font-family:NanumBarunGothic-Regular,NanumBarunGothic-Bold, Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;color:#333; } 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:''; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: none; } hr { display: none; } em { color: inherit; font-weight: normal; font-style: normal; } table caption {display: none;} input, select, textarea {font-size: 12px; font-family:NanumBarunGothic-Regular,NanumBarunGothic-Bold, Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;color:#333;} /*html 5 type header, footer, article, section, aside, details, figure, figcaption, nav, hgroup { display: block; margin: 0; padding: 0; } */ input, select{vertical-align: middle;} .input_type {transition: all 450ms;font-size: 12px; border:1px solid #b1b1b1; height: 23px; width:99.8%; box-shadow: 0 0px 0px #ddd; outline: none;vertical-align: middle; padding: 0 0 0 6px; } .input_type:focus { border:1px solid #a9a9a9; box-shadow: 1px 0px 6px #ddd; color: #222; } .input_type {-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} .radio { display: inline-block; vertical-align: middle; } .radio_label { margin: 0 7px 0 0; vertical-align: middle; } .select_type { border:1px solid #ccc; height: 23px; width:99.8%;outline: none } .textarea_type {width:99.8%; border:1px solid #b1b1b1; } .h_fix:after {clear: both; } .h_fix:after, .h_fix:before { display: table;content: ""; } .visible_xs { display: none; } /*공통클래스*/ .mgt_0 { margin-top:0px !important;} .mgb_0 { margin-bottom: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;} .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;} .mgl_5 { margin-left:5px !important;} .mgl_10 { margin-left:10px !important;} .dp_none { display: none; } .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 #b7b7b7; width:99.8%; vertical-align: middle; font-size: 14px;} .int_br_none { border:0px !important;} #left_content { float: left; } #left_content h1 {line-height: 0; background: url(../images/common/background/header_bg.gif) repeat-x 0 0; text-align: center; } .user_box { padding: 0px 0 0 66px; height: 54px; color: #fff; line-height: 54px; background:#464646 url(../images/common/background/user_icon.png) no-repeat 16px 10px; font-size: 13px;} .user_box em { font-size: 12px; } .left_nav { padding-bottom: 8px; background: url(../images/common/background/nav_shadow.png) repeat-x 0 bottom; } .left_nav ul li a { display: block;} .left_nav ul li a:hover {color: #fff; } .left_nav ul .nav_menu a { font-size:14px; display: block; color: #b3b3b3; background:#464646 url(../images/common/background/nav_bullet01.png) no-repeat 200px 10px;height: 29px; line-height: 29px; padding: 0 0 0 16px; } .left_nav ul .show .nav_menu a { background:#676767 url(../images/common/background/nav_bullet01_over.png) no-repeat 200px 10px;color: #fff;} .left_nav ul .nav_sub a { background:#3f3d3d url(../images/common/background/nav_bullet02.png) no-repeat 202px 10px; color:#c9c9c9; height: 28px; line-height: 28px;padding: 0 0 0 30px; } .left_nav .nav_sub ul li ul li a{ background:#383636 url(../images/common/background/nav_bullet03.png) no-repeat 42px 50%;padding: 0 0 0 52px;height: 24px; line-height: 24px;} #rims_content { margin: 0 0 0 230px; background: url(../images/common/background/content_bg.gif) repeat-x left top; } .solution_title { margin-bottom: 20px;} .solution_title h2{ background: url(../images/common/background/rims_icon.png) no-repeat 20px 50%; color: #7d7d7d; font-size: 18px; font-weight: bold; padding-left:50px; height: 51px; line-height: 51px;} .solution_title h2 em { background: url(../images/common/background/title_line.gif) no-repeat left 60%; padding: 0 0 0 15px; margin-left: 15px;color: #8c8c8c; font-size: 12px; } .solution_menu { margin-bottom: 20px; background: url(../images/common/background/header_bg.gif) repeat-x 0 0;height: 51px; overflow: hidden; } .solution_menu:after { content: ''; display: block; clear: both; } .solution_menu ul li {float: left; } .solution_menu ul li a{ color: #a5a5a5; display: block; line-height: 51px; height: 51px; font-size: 16px;} .solution_menu ul li a:hover {color: #cdcdcd; } .solution_menu ul .exrims_li a{ width:78px;padding: 0 0 0 62px; background: url(../images/common/background/solution_icon01.png) no-repeat 26px 15px; } .solution_menu ul .rims_li a{width:72px;padding: 0 0 0 68px; background: url(../images/common/background/solution_icon02.png) no-repeat 32px 16px; } .solution_menu ul .asrims_li a{width:80px;padding: 0 0 0 60px; background: url(../images/common/background/solution_icon03.png) no-repeat 24px 16px; } .solution_menu ul .uni_li a{ width:128px;padding: 0 0 0 60px; background: url(../images/background/solution_icon05.png) no-repeat 24px 14px; } .solution_menu ul .uni_li .on{ color: #75bdea; background:#2a2a2a url(../images/background/solution_icon05.png) no-repeat 24px -29px; } .solution_menu ul .exrims_li .on { color: #75bdea; background:#2a2a2a url(../images/common/background/solution_icon01.png) no-repeat 26px -28px; } .solution_menu ul .rims_li .on{ color: #75bdea; background:#2a2a2a url(../images/common/background/solution_icon02.png) no-repeat 32px -27px; } .solution_menu ul .asrims_li .on{ color: #75bdea; background:#2a2a2a url(../images/common/background/solution_icon03.png) no-repeat 24px -27px; } .content_inner { padding: 0 20px; min-width: 990px;} .list_bt_area { text-align: left; position: relative; /* border:1px solid #ddd; */ border-bottom:0px; overflow: hidden; padding:7px 0px; } .list_bt_area:after {content: ''; display: block; clear: both; } .list_bt_area .et_text { float:left; line-height: 26px;background: url(../images/background/tbl_et.png) no-repeat 0 50%; padding: 0 0 0 14px;} .paging_nav .page_num {display: inline-block; position: absolute;left:0; top:0px; padding:0 0 0 10px; } .paging_nav .page_num em { display: inline-block; font-weight: bold; font-style: normal; color:#ff6600; } .paging_nav .page_num {display: inline-block; position: absolute;left:0; top:0px; padding:0 0 0 10px; } .paging_nav .page_num em { display: inline-block; font-weight: bold; font-style: normal; color:#ff6600; } .bt_box { text-align: right; margin-bottom: 20px } .contents_box{position: relative;overflow: hidden;} /* title_box */ .title_box { background: url(../images/background/title_bullet.gif) no-repeat left 50%; padding: 0 0 0 20px;position: relative; margin-bottom: 10px; } .title_box h3 { font-size: 22px;color: #033333; font-weight: normal; } .title_box .page_nav {position: absolute; right:0;top:10px; background: url(../images/background/home_icon.png) no-repeat left 50%; font-size: 11px;padding: 0 0 0 20px; color: #959595; } .title_box .page_nav em { display: inline-block; color: #5d76d5; } /* 리스트 버튼 하나 타입 */ .list_set { float: right; } .list_set ul li { float: left; margin-left: 6px; } .list_set ul .first_li {background: none; } .list_set ul li a{ display: inline-block; padding: 0 14px 0 28px; line-height: 25px; border:1px solid #625959; height: 25px; color: #fff; overflow: visible; } .list_set ul li .list_icon01{ background:url(../images/background/list_icon_set.png) no-repeat 8px 6px; background-color: #625959 } .list_set ul li .list_icon02{ background:url(../images/background/list_icon_set.png) no-repeat 8px -38px; background-color: #625959 } .list_set ul li .list_icon03{ background:url(../images/background/list_icon_set.png) no-repeat 8px -83px; background-color: #625959 } .list_set ul li .list_icon04{ background:url(../images/background/list_icon_set.png) no-repeat 8px -127px; background-color: #625959 } .list_set ul li .list_icon05{ background:url(../images/background/list_icon_set.png) no-repeat 8px -172px; background-color: #625959 } .list_set ul li .list_icon06{ background:url(../images/background/list_icon_set.png) no-repeat 8px -217px; background-color: #625959 } .list_set ul li .list_icon07{ background:url(../images/background/list_icon_set.png) no-repeat 8px -260px; background-color: #625959 } .list_set ul li .list_icon08{ background:url(../images/background/list_icon_set.png) no-repeat 8px -306px; background-color: #625959 } .list_set ul li .list_icon09{ background:url(../images/background/list_icon_set.png) no-repeat 8px -351px; background-color: #625959 } .list_set ul li .list_icon10{ background:url(../images/background/list_icon_set.png) no-repeat 8px -396px; background-color: #625959 } .list_set ul li .list_icon11{ background:url(../images/background/list_icon_set.png) no-repeat 8px -440px; background-color: #625959 } .list_set ul li .list_icon12{ background:url(../images/background/list_icon_set.png) no-repeat 8px -485px; background-color: #625959 } .list_set ul li .list_icon13{ background:url(../images/background/list_icon_set.png) no-repeat 8px -526px; background-color: #625959 } .list_set ul li .list_icon14{ background:url(../images/background/list_icon_set.png) no-repeat 8px -567px; background-color: #625959 } .list_set ul li .list_icon15{ background:url(../images/background/list_icon_set.png) no-repeat 8px -611px; background-color: #625959 } .list_set ul li .list_icon16{ background:url(../images/background/list_icon_set.png) no-repeat 8px -655px; background-color: #625959 } .list_set ul li .list_icon17{ background:url(../images/background/list_icon_set.png) no-repeat 8px -696px; background-color: #625959 } .list_set ul li .list_icon18{ background:url(../images/background/list_icon_set.png) no-repeat 8px -780px; background-color: #625959 } .list_set ul li .list_icon19{ background:url(../images/background/list_icon_set.png) no-repeat 8px -865px; background-color: #625959 } .list_set ul li .list_icon20{ background:url(../images/background/list_icon_set.png) no-repeat 8px -905px; background-color: #625959 } .list_set ul li .list_icon21{ background:url(../images/background/list_icon_set.png) no-repeat 8px -949px; background-color: #625959 } .list_set ul li .list_icon22{ background:url(../images/background/list_icon_set.png) no-repeat 8px -998px; background-color: #625959 } .list_set ul li .list_icon23{ background:url(../images/background/list_icon_set.png) no-repeat 8px -1046px; background-color: #625959 } .list_set ul li .list_icon24{ background:url(../images/background/list_icon_set.png) no-repeat 8px -1094px; background-color: #625959 } .list_set ul li .list_icon25{ background:url(../images/background/list_icon_set.png) no-repeat 8px -1143px; background-color: #625959 } .list_set ul li .list_icon23{ background:url(../images/background/list_icon_set.png) no-repeat 8px -1198px; background-color: #625959 } .list_set ul li .list_icon24{ background:url(../images/background/list_icon_set.png) no-repeat 8px -1253px; background-color: #625959 } .list_set ul li .list_icon25{ background:url(../images/background/list_icon_set.png) no-repeat 8px -1306px; background-color: #625959 } .list_set ul li .list_icon26{ background:url(../images/background/list_icon_set.png) no-repeat 8px -1357px; background-color: #625959 } .row_up_bt{background:url(../images/background/row_up.png) no-repeat 8px; background-color: #625959;} .row_down_bt{background: url(../images/background/row_down.png) no-repeat 8px; background-color: #625959;} .row_open_bt{background:url(../images/background/row_open.png) no-repeat 8px; background-color: #625959;} .row_close_bt{background: url(../images/background/row_close.png) no-repeat 8px; background-color: #625959;} .list_set ul li a:hover { background-color: #333; } .group_btn {padding: 0 1px 0 0 !important; } .group_btn a { margin-right: -1px; display: block; float: left; } .tbl_btn_box { overflow: hidden; margin-bottom: 4px;} .tbl_btn_box:after { content: ''; display: block; clear: both; } .tbl_btn_box ul { float: right; } .tbl_btn_box ul li { float: left; margin-left: 6px; } .tbl_btn_box ul li a{display: inline-block; text-align: center; padding: 0 14px 0 28px; line-height: 25px;height: 25px; color: #fff; background: #306cc4;border:1px solid #1456ba; border-radius: 5px; } .tbl_btn_box ul li .tbl_icon01 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px 6px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon02 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -36px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon03 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -75px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon04 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -120px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon05 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -163px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon06 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -204px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon07 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -246px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon08 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -288px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon09 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -331px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon10 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -373px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon11 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -415px; background-color: #306cc4 } .tbl_btn_box ul li .tbl_icon12 {background:url(../images/background/tbl_icon_set.png) no-repeat 8px -458px; background-color: #306cc4 } .tbl_btn_box ul li a:hover { background-color: #1456ba; } .tbl_btn_box ul li .black_bt { background-color: #5b5757; border:1px solid #393939; } .tbl_btn_box ul li .black_bt:hover { background-color: #393939; } .cont_search { float: left; } .search_inner { border:1px solid #ddd; width:414px; padding: 2px 80px 0 6px; position: relative;height: 23px; } .search_inner .search_more { background: url(../images/common/background/search_more_icon.gif) no-repeat 50% 50%; display:block; position: absolute; right:50px;top:2px; width:20px; height: 20px; text-indent: -99999px; } .search_inner .search_more:hover { background:#ddd url(../images/common/background/search_more_icon.gif) no-repeat 50% 50%; } .search_inner .search_btn { background:#1a5abb url(../images/common/background/list_search_icon2.png) no-repeat 50% 50%; display:block; position: absolute; right:-1px;top:-1px; width:46px; height: 27px; border-radius: 0 4px 4px 0; text-indent: -99999px; } .search_inner .search_btn:hover { background:#0b48a4 url(../images/common/background/list_search_icon2.png) no-repeat 50% 50%; } .search_inner .top_search_int {width:99.8%; height: 21px; border:0px; } .radio_rabel { margin-right: 5px; } /* table style */ .view_tbl { width:100%; border-top:2px solid #5e9bf8; font-size: 12px; } .view_tbl caption { display: none; } .view_tbl tbody th { background: #f3f3f3; padding: 7px 0 7px 14px; border-bottom: 1px solid #ddd; text-align: left; } .view_tbl tbody td { padding: 0px 10px; border-bottom: 1px solid #ddd;} .view_tbl tbody .option_search_td { background:#5e9bf8 url(../images/common/background/td_search.png) no-repeat 50% 50%; } .view_tbl tbody .option_search_td:hover { background:#4a83da url(../images/common/background/td_search.png) no-repeat 50% 50%; cursor: pointer; } .view_tbl tbody .option_search_td em { display: none; } .view_tbl .tbl_bt_td { text-align: left; padding:6px 4px; background: #e5edf9; } .view_tbl .tbl_bt_td .help_text { display: inline-block; background: url(../images/common/background/help_icon.png) no-repeat 8px 7px; padding: 0 0 0 24px; line-height: 26px; } .view_tbl .tbl_bt_td .tbl_search{ float: right; } .tbl_search {display: inline-block; text-align: center; padding: 0 14px 0 28px; line-height: 25px;height: 25px; color: #fff; border:1px solid #1456ba; border-radius: 5px; background:url(../images/common/background/tbl_icon_set.png) no-repeat 8px -373px; background-color: #306cc4 } .list_tbl {width:100%; border-top:2px solid #5e9bf8; } .list_tbl caption { display: none; } .list_tbl thead th { background: #f3f3f3; border-bottom: 1px solid #ccc; font-size: 12px; line-height: 32px; } .list_tbl tbody td { text-align: center; border-bottom: 1px solid #ccc; padding: 8px 0; } .list_tbl tbody .complete_line td{background: #d5ebfa; border-bottom: 1px solid #acd2ec; color: #6292b3; } .list_tbl tbody .complete2_line td{background: #ededed; color: #999; } .list_tbl tbody .complete_line td span {display: inline-block; padding: 0 8px; } /* button style */ .gray_bt { display: inline-block; text-align: center; padding: 0 20px; line-height: 28px; color: #fff; background: #4d4f52; } .gray_bt:hover { background: #000; } .bt_box { text-align: right; margin-bottom: 4px; } .tblbt_box { text-align: right;background: #f3f3f3; padding: 3px; border:1px solid #ddd; border-bottom: 0px; } .blue_btn {display: inline-block; text-align: center; padding: 0 14px; line-height: 25px;height: 25px; color: #fff; background: #306cc4;border:1px solid #1456ba; border-radius: 5px;} .blue_btn:hover { background: #1456ba; } /* 페이지 스타일 */ .paging_nav { text-align: center; position: relative; } .paging_nav span a, .paging_nav span strong { display: inline-block; width:22px;text-align: center; line-height: 20px; height: 21px; font-size: 12px; } .paging_nav span a:hover { text-decoration: underline; } .paging_nav span strong { border:1px solid #ccc; background: #fff; } .paging_nav .page_select {vertical-align: top; display: inline-block; background: url(../images/common/background/pagenav_bg.png) no-repeat 0 0; text-indent: -9999px; height: 23px; width:24px; } .paging_nav .first_page { width:24px; } .paging_nav .prev_page { background-position: -24px 0; } .paging_nav .next_page { background-position: -52px 0; } .paging_nav .last_page { background-position: -76px 0; } .page_go { position: absolute; right:0; top:2px; } .page_go dl dt { float: left; font-size: 12px; } .page_go dl dd { float: left; } .page_go dl .go_bt a{display: block; background: #555; color: #fff; line-height: 20px; width:40px;text-align: center; font-size: 12px; } .page_go dl .go_bt a:hover { background: #000; } .page_go dl .page_int { width:40px; margin:0 5px 0 10px; } .page_go dl .page_int input {border:1px solid #ccc; height: 19px; background: #fff; width:99.8%; } /* 로그인 */ .login_wrap { background:#021f27 url(../images/common/background/login_bg.png) no-repeat center -40px; } .deco_box { display: block; position: fixed; left:4%; top:4%;background: url(../images/common/background/login_deco.png) no-repeat center 0; width:183px; height: 71px; } .left_logo { position: fixed; left:20px; top:20px; } .login_box { position: fixed;width: 470px; height: 340px; z-index: 9; top: 43%; left: 50%; margin-left: -235px; margin-top: -170px; } .login_box h1 { text-align: left; } .login_box h1 .s2_em{ color: #fff;vertical-align: top; font-weight: normal;font-size: 30px;margin-bottom: 20px;background: url(../images/background/s2_bg.png) no-repeat 0 0; display: inline-block; width:124px;height: 35px; text-indent: -99999px;} .login_box h1 span { color: #5ed1fc; font-family: Tahoma;font-size: 12px; display: inline-block; border-left:1px solid #5ed1fc; margin-left: 11px; padding-left: 11px; margin-top: 10px; } .login_top_text {text-align: left; color: #fff;background: url(../images/background/login_line.png) no-repeat 50% bottom; padding: 0 0 20px 0; margin-bottom: 22px; } .login_top_text .welcome_text { display: block; font-size: 18px; margin-bottom: 6px;} .login_top_text p { font-size: 14px; } .login_top_text p em { display: inline-block; color: #87d4ff; font-weight: normal;} .bottom_span { display: block; position: fixed; right:6%; bottom:6%;background: url(../images/common/background/login_deco02.png) no-repeat center 0; width:183px; height: 71px; } .login_inner h2{ background: url(../images/common/background/login_line.gif) no-repeat 0 bottom; padding: 0px 0 14px 0; color:#95cdf4; font-size: 14px; margin-bottom: 20px} .login_int_box { position: relative; } .login_int_box dl { margin-bottom: 12px; overflow: hidden; width:326px; background: #fff; border:1px solid #ddd; } .login_int_box dl dt {height: 32px; width:32px; float: left; text-indent: -9999px; background:#f3f3f3 url(../images/common/background/login_int_bg.png) no-repeat center 7px;border-right:1px solid #ddd; } .login_int_box dl dd{ float: left; height: 28px; padding: 4px 0 0 5px; width:280px; } .login_int_box dl dd .login_int { height: 21px; width:99.8%;border:0px; } .login_int_box .pw_int_dl { margin-bottom: 0px; } .login_int_box .pw_int_dl dt{background:#f3f3f3 url(../images/common/background/login_int_bg.png) no-repeat center -37px; } .login_int_box .login_btn { color: #fff; border:1px solid #5883c3;background: #0b2f41; display: block; width:124px; height: 78px;line-height: 78px; text-align: center; font-size: 14px; position: absolute; right:0; top:0; } .login_int_box .login_btn:hover {border:1px solid #84aff0;background: #092837; } .user_select_box {height: 400px; background: url(../images/common/background/user_icon_large.png) no-repeat 20px 0; padding: 0 0 0 110px;} .user_select_box .user_title {color:#95cdf4; font-size: 12px; margin-bottom: 10px; font-weight: normal; } .user_select_box .user_title em { display: inline-block; font-weight: bold; color: #fff; } .user_select_box ul { border-top: 1px solid #3791d0; } .user_select_box ul li a { color: #73b8e8; background: url(../images/common/background/user_bullet.png) no-repeat 10px 50%; padding:0 0 0 30px; display: block; font-size: 14px; line-height: 40px; } .user_select_box ul li a span { display: inline-block; color:#fff; } .user_select_box ul li a:hover { background:#14465e url(../images/common/background/user_bullet.png) no-repeat 10px 50%; } .list_search {float: left; width:170px; height: 20px; border:1px solid #ddd; position: relative; padding: 2px 27px 0 4px; margin: 3px 0 0 0px;} .list_search input { width:99.8%; border:0px; height: 18px; } .list_search .search_btn { position: absolute; right:0;top:0; border-left:1px solid #ddd; height: 21px; background:url(../images/common/background/list_search_icon.png) no-repeat 50% 3px; display: block; text-indent: -9999px; width:25px; } /* rims tbl style */ .write_tbl { width:100%; border-top:2px solid #5e9bf8; } .write_tbl caption { display: none; } .write_tbl tbody th { background: #f3f3f3; padding: 10px 12px; border-bottom: 1px solid #b1b1b1; text-align: left; } .write_tbl tbody td { padding: 10px 10px; border-bottom: 1px solid #b1b1b1;} .write_tbl tbody .option_search_td { background:#5e9bf8 url(../images/background/td_search.png) no-repeat 50% 50%; } .write_tbl tbody .option_search_td:hover { background:#4a83da url(../images/background/td_search.png) no-repeat 50% 50%; } .write_tbl tbody .option_search_td em { display: none; } .write_tbl .tbl_bt_td { text-align: left; padding:6px 4px; background: #e5edf9; } .write_tbl .tbl_bt_td .help_text { display: inline-block; background: url(../images/background/help_icon.png) no-repeat 8px 7px; padding: 0 0 0 24px; line-height: 26px; } .write_tbl .tbl_bt_td .tbl_search{ float: right; } .tbl_search {display: inline-block; text-align: center; padding: 0 14px 0 28px; line-height: 25px;height: 25px; color: #fff; border:1px solid #1456ba; border-radius: 5px; background:url(../images/background/tbl_icon_set.png) no-repeat 8px -373px; background-color: #306cc4 } .write_tbl tbody .essential_th {background:#f3f3f3 url(../images/background/tbl_et.png) no-repeat left 0; } .option_box .essential_th {background:url(../images/background/tbl_et.png) no-repeat left 0; } .write_tbl tbody .add_help { padding: 10px 4px 10px 12px} .write_tbl tbody .add_help .tbl_help_a { background: url(../images/background/tbl_help_icon.png) no-repeat 0 0; width:17px; height: 15px; float: right; text-indent: -99999px; } /* .write_tbl tbody .add_help { position: relative; } .write_tbl tbody .add_help .tbl_help_a { background: url(../images/background/tbl_help_icon.png) no-repeat 0 0; width:17px; height: 15px; position: absolute; right:2px; top:30%; text-indent: -99999px; } */ .write_tbl tbody .add_help .tbl_help_a:hover{ background: url(../images/background/tbl_help_icon.png) no-repeat 0 -29px; } .add_help .th_help_box {margin: 0px 0 0 0; position: absolute; z-index: 99999; background: url(../images/background/tbl_help_arrow.png) no-repeat 8px 0px;padding: 7px 0 0 0; display: none; } .add_help .th_help_box span { font-weight: normal; border: 1px solid #acacac;border-top:2px solid #2262df; display: block; padding: 10px; background: #fff; color: #333; width:268px; } .tbl_addbt_p { display: inline; margin-left: 30px; color: #999;} .tbl_addbt_p .accept_bt { display: inline-block; background:#236bb8; color: #fff; vertical-align: middle; line-height: 21px; padding: 0 10px;} .tbl_addbt_p .accept_bt:hover { background:#1b60a9; } .tbl_search {display: inline-block; text-align: center; padding: 0 14px 0 28px; line-height: 25px;height: 25px; color: #fff; border:1px solid #1456ba; border-radius: 5px; background:url(../images/background/tbl_icon_set.png) no-repeat 8px -373px; background-color: #306cc4 } /* thead용 추가 by kimhojin 2016.10.05 */ .write_tbl thead th { background: #f3f3f3; padding: 10px 12px; border-bottom: 1px solid #b1b1b1; text-align: center; } /* .int_del { text-indent: -99999px;display: inline-block; width:23px;height: 23px; background: url(../images/background/tbl_trash_icon.png) no-repeat 50% 50%; vertical-align: top;} .int_del:hover { background:#f3f3f3 url(../images/background/tbl_trash_icon.png) no-repeat 50% 50%; } */ .top_help_wrap {margin-bottom: 10px; border-top: 1px solid #e9e9e9; overflow: hidden; background: #f3f3f3;} .top_help_wrap:after { content: ''; display: block; clear: both; } .help_text { background:#fff url(../images/background/help_line.gif) no-repeat 14px 0px; padding: 10px 10px 14px 14px;line-height: 18px; border: 1px solid #e9e9e9;border-top:0px; color: #555; font-weight: normal;} .help_text .help_link { text-align: right; } .help_text .help_link a { display: inline-block; } .help_bt_box { float: right; margin-top: -1px; } .help_bt_box .help_bt_r { display: inline-block; background:#eee url(../images/background/help_more.gif) no-repeat 50% -28px; width:46px; height: 17px;border:1px solid #e9e9e9; text-indent: -99999px; } .help_bt_box .help_bt_r:hover { background:#fff url(../images/background/help_more.gif) no-repeat 50% -28px; } .help_bt_box .help_open { display: inline-block; background:#eee url(../images/background/help_more.gif) no-repeat 50% 4px; } .help_bt_box .help_open:hover { background:#fff url(../images/background/help_more.gif) no-repeat 50% 4px; } .help_bt_box .help_link { display: inline-block; background: url(../images/background/popup_icon.gif) no-repeat right 4px; padding: 0 16px 0 0; margin-right: 10px; line-height: 18px; } .help_bt_box .help_link:hover {text-decoration: underline; } .more_details a{color: #999; display: block; line-height: 28px; text-align: center; background: #fff;border:1px solid #eee; font-size: 12px} .more_details a em { display: inline-block; background: url(../images/background/more_plus.gif) no-repeat 0 50%; padding: 0 0 0 14px } .more_details a:hover{ background: #f3f3f3;border:1px solid #ddd; color: #555;} /* 1210 */ .solution_menu ul .search_li a{width:168px;padding: 0 0 0 52px; background: url(../images/background/solution_icon04.png) no-repeat 24px 17px; } .solution_menu ul .search_li .on{ color: #75bdea; background:#2a2a2a url(../images/background/solution_icon04.png) no-repeat 24px -26px; } .popup_body { background: #fff;} .popup_body .popup_header {bordr-bootm:1px solid #2f65a8; padding: 10px; overflow: hidden; background:#4b81c4 url(../images/background/diagonal_line.png) repeat 0 0; } .popup_body .popup_header h2 {color: #fff;font-weight: bold; font-size: 16px; padding:0 0 0 22px; background:#4b81c4 url(../images/background/white_arrow.png) no-repeat 0 1px; float: left; } .popup_body .popup_header .popup_close_bt { text-indent:-99999px; width:24px; height: 24px; background: url(../images/background/popup_close.png) no-repeat 50% 50%; float: right; display: block; cursor:pointer; } .popup_body .popup_inner { padding: 10px; } .p_top_box { border:3px solid #e4e4e4; padding: 20px;margin-bottom: 30px;} .top_search_area { position: relative; padding: 0 0 0 0px; margin: 0 auto; width: 800px; } .top_search_area .l_select_span { float: left;display: block; } .top_search_area .l_select_span .select_type { width:120px; } .top_search_area p { margin: 0 0 0 254px; position: relative; padding: 0 94px 0 0; } .top_search_area p .input_type { height: 21px; } .top_search_area p .p_search_bt { background: #5e9bf8; border:0px; display: block; position: absolute; right:0; height: 21px; line-height: 20px; color: #fff; width:80px; text-align: center; font-size: 14px; top:0; cursor:pointer; } .top_search_area div .p_search_bt { background: #5e9bf8; border:0px; display: block; position: absolute; right:0; height: 21px; line-height: 20px; color: #fff; width:80px; text-align: center; font-size: 14px; top:0; cursor:pointer; } .top_search_area p .p_search_bt:hover { background: #4a83da; } .in_network_icon { background: url(../images/background/network_icon.png) no-repeat 0 0; width: 41px; height: 17px; display: inline-block; text-indent:-99999px; } .out_network_icon { background: url(../images/background/network_icon.png) no-repeat 0 -26px; width: 41px; height: 17px; display: inline-block; text-indent:-99999px; } .tbl_textarea { border: 1px solid #ddd;padding: 4px; } .tbl_textarea textarea { border:0px; width:100%; font-family:NanumBarunGothic-Regular,NanumBarunGothic-Bold, Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;} .r_add_bt { position: relative; padding: 0 27px 0 0; } .r_add_bt .tbl_search_bt { position: absolute;top:0; right:0; background: url(../images/background/tbl_search_icon.png) no-repeat 50% 50%;text-indent: -9999px; display: block; width: 21px; height: 21px;border: 1px solid #ddd; } .r_add_bt .tbl_search_bt:hover { border:1px solid #999; } .r_add_bt .r_span_box {position: absolute; right:0; top:0; } .writer_td_inner {position: relative; } .writer_td_inner p{ float: right; } .writer_td_inner .td_left_ex {display: block;line-height: 23px; float: left } .write_tbl tbody td.inner_tbl_td { background: #ededed; padding: 0 4px 2px; } .write_tbl .inner_tbl { border:0px; background: #fff; width:100%; } .write_tbl .inner_tbl thead th { background: #ecebeb; text-align: center; border-bottom: 0px; } .write_tbl .inner_tbl thead .essential_th {background:#ecebeb url(../images/background/tbl_et.png) no-repeat left 0; } .write_tbl .inner_tbl tbody td { border-top: 0px solid #ddd; padding: 5px 5px; } .row_plus_bt{ display: inline-block; line-height: 21px; border: 1px solid #3e73b5; padding: 0px 6px 0 20px;background: url(../images/background/row_plus_icon.png) no-repeat 8px 50%; vertical-align: middle;font-size: 12px; font-weight: normal; color: #555;} .row_plus_bt:hover {background:#3e73b5 url(../images/background/row_plus_icon_over.png) no-repeat 8px 50%; color: #fff; } .writer_td_inner .row_plus_bt { margin-left: 10px; } .tbl_icon_a { display: inline-block; text-indent: -9999px; width:21px; height: 21px; border:1px solid #ddd;vertical-align: top; } .tbl_icon_a:hover{ border:1px solid #999; } .tbl_text_a { display: inline-block; border: 1px solid #ddd; padding: 4px 10px; font-size: 12px; vertical-align: top; } .tbl_text_a:hover{ border:1px solid #999; } .red_del { background: url(../images/background/row_set_icon.png) no-repeat 50% -13px; } .row_add_bt { background: url(../images/background/row_set_icon.png) no-repeat 50% 5px; } .tbl_search_icon { background: url(../images/background/tbl_search_icon.png) no-repeat 50% 50%; vertical-align: middle; } .tbl_trash_icon { background: url(../images/background/tbl_trash_icon.png) no-repeat 50% 50%; } .ck_bt_box { position: relative; display: block; padding: 0 78px 0 0; } .ck_bt_box .ck_r_bt { position: absolute; display: block; top:0; right:0; text-align: left; width: 72px; } .ck_bt_box .ck_round_bt {width:43px; text-align: center; display: inline-block; line-height: 23px; height: 23px; background: url(../images/background/round_bt_bg.png) no-repeat 0 0;color: #fff; font-size: 12px; font-weight: normal; vertical-align: top; } .ck_bt_box .ck_round_gray { background: url(../images/background/round_bt_bg.png) no-repeat 0 -35px;color: #ddd; cursor: default; } .dk_bt_box { position: relative; display: block; padding: 0 58px 0 0; } .dk_bt_box .dk_r_bt { position: absolute; display: block; top:0; right:0; width: 53px;} .dk_bt_box .dk_round_bt { width:43px; text-align: center; display: inline-block; line-height: 23px; height: 23px; background: url(../images/background/round_bt_bg.png) no-repeat 0 0;color: #fff; font-size: 12px; font-weight: normal; } .dk_bt_box .dk_round_gray { background: url(../images/background/round_bt_bg.png) no-repeat 0 -35px;color: #ddd; cursor: default; } /* .ck_bt_box .ck_round_gray { background: url(../images/background/round_bt_bg.png) no-repeat 0 -35px;color: #ddd; } */ .move_row_th a{display: inline-block; background:#fff url(../images/background/move_arrow_down.png) no-repeat 50% 50%; width:15px; height: 14px;border:1px solid #ddd;text-indent: -99999px; } .move_row_th a.move_up_bt { background:#fff url(../images/background/move_arrow_up.png) no-repeat 50% 50%;} /* 0128 */ /* .ck_bt_box .ck_round_gray { background: url(../img/background/round_bt_bg.png) no-repeat 0 -35px;color: #ddd; cursor: default; } .r_add_bt .tbl_search_bt { position: absolute;top:0; right:0; background: url(../img/background/tbl_search_icon.png) no-repeat 50% 50%;text-indent: -9999px; display: block; width: 21px; height: 21px;border: 1px solid #ddd; } .r_add_bt .tbl_search_bt:hover { border:1px solid #999; } .int_del { text-indent: -99999px;display: inline-block; width: 21px; height: 21px;border: 1px solid #ddd; background: url(../img/background/tbl_trash_icon.png) no-repeat 50% 50%; vertical-align: top; } .int_del:hover { border:1px solid #999;} */ .int_del { text-indent: -99999px;display: inline-block; width: 21px; height: 21px;border: 1px solid #ddd; background: url(../images/background/tbl_trash_icon.png) no-repeat 50% 50%; vertical-align: top; } .int_del:hover { border:1px solid #999;} .write_tbl tbody .td_c { text-align: center; } .tbl_refresh_icon { background: url(../images/background/refresh_icon.png) no-repeat 50% 50%; } .tbl_link_icon { background: url(../images/background/link_icon02.png) no-repeat 50% 4px; } .tbl_link_n_icon { background:#ededed url(../images/background/link_icon02.png) no-repeat 50% -20px; } .tbl_link_n_icon:hover { background:#ededed url(../images/background/link_icon02.png) no-repeat 50% -20px; border: 1px solid #ddd; cursor:default } .tbl_mail_icon { background: url(../images/background/mail_icon.png) no-repeat 50% 50%; } .upload_file_text { border-bottom: 1px solid #ddd; padding: 0 0 4px 0; margin-bottom: 4px;} .upload_file_text .del_file { background: url(../images/background/red_del_icon02.png) no-repeat 50% 0; display: inline-block; font-size: 11px; color: #000; margin: 0 0 0 2px; text-indent: -99999px; width:18px; height: 13px; vertical-align: middle; } /* fileupload_box */ .fileupload_box ul li { position: relative;height: 23px;padding: 5px 82px 5px 0;border-bottom: 1px solid #e9e9e9; } .fileupload_box ul li .upload_int {padding: 1px 100px 0 4px; position: relative; display: block; border:1px solid #b1b1b1; height: 20px;} .fileupload_box ul li .upload_int .up_input{ width:99.8%; height: 18px; border:0px;} .fileupload_box ul li .upload_int .upload_int_bt { position: absolute; right:-1px;top:-1px; display: block; background:#fff url(../images/background/tbl_upload_icon.png) no-repeat 10px 3px; border:1px solid #b1b1b1; height: 21px; line-height: 21px; padding: 0 10px 0 30px; } .fileupload_box ul li .upload_int .upload_int_bt:hover {border:1px solid #999 } .fileupload_box ul li .up_right_p { position: absolute; right:0;top:5px; } .fileupload_box ul li .up_right_p a {margin-right: 2px;} .tbl_num_box { position: relative; height: 23px; line-height: 23px; font-weight: bold; } .tbl_num_box .tbl_refresh_icon { position: absolute; right:0; top:0; } .tbl_num_box span { display: inline-block; background: #5892da; color: #fff; padding: 0 7px; border-radius: 4px;} .tbl_num_box em { display: inline-block; color: #999; font-weight: normal; font-size: 11px; margin-right: 40px } .num_text {font: 11px arial !important;} .move_tbl tbody tr:hover {cursor: move;} .ui-state-highlight {border:2px dashed #ccc !important; } .ui-state-highlight td {background-color: #eee !important;} .ui-sortable-helper { box-shadow: 0 1px 14px #999; border-radius:4px; background-color: white;border: 1px solid #eee;} .ui-sortable-helper td {border: 0 !important;} /* 2016년 KAIST 표준시스템 구축 - 메인페이지 시안 (2016.09.26) */ input[type="checkbox"],input[type="radio"] { vertical-align: middle; } .int_type01 { height: 26px;border:1px solid #b7b7b7; width:99.8%; vertical-align: middle; font-size: 14px;} .int_br_none { border:0px !important;} .select_type01 { border:1px solid #ccc; background: #fff;height:24px; font-size:14px; vertical-align: middle; } .select_type02 { border:1px solid #b7b7b7; background: #fff;height:24px; width:99.8%; font-size:12px; vertical-align: middle; } .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: ""; } .visible_xs { display: none; } /* .nav_wrap {margin-bottom: 20px; border-top:1px solid #0e2c4b; background: #215e9b; height: 42px;} */ .nav_wrap {margin-bottom: 20px; border-top:1px solid #0e2c4b; background: #153a60; height: 42px; position: relative; } #navul_wrap { width: 1100px; margin: 0 auto; position: relative; } .researchid_link { background: url(../images/background/myresearchid.png) no-repeat 0 0; width:120px; height: 11px; display: inline-block;text-indent: -99999px; } .n_ck_box { position: absolute; right:0; bottom:10px; } .n_ck_box label { color: #fff; font-size: 12px; } /* header */ .header_wrap { width:1100px; margin: 0 auto;position: relative; padding: 40px 0 38px 0; } .header_wrap h1 { position: absolute;left: 0; top:10px; } .header_wrap h1 a.ko{display: block; background: url(../images/background/logo.png) no-repeat 0 50%; width:285px; height: 100px; text-indent: -9999px; } .header_wrap h1 a.en{display: block; background: url(../images/background/logo_eng.png) no-repeat 0 50%; width:285px; height: 100px; text-indent: -9999px; } /* 내정보 */ .my_info_wrap { width:1100px; margin: 0 auto 40px auto; } .my_info_box { float: left; background: url(../images/background/my_icon.png) no-repeat 0 0; height: 80px; padding: 0 0 0 94px;} .my_tbl { width:100%; } .my_tbl tbody td {vertical-align: middle; height: 80px; } .my_box { margin-bottom: 8px;} .my_r_bt { background: url(../images/background/mt_round_bt.png) no-repeat 0 0; display: inline-block; width:106px; height: 24px; text-align: center; color: #fff; line-height: 25px; font-size: 12px; } .my_r_bt:hover { background: url(../images/background/mt_round_bt_over.png) no-repeat 0 0; } .my_name_box{ font-size: 16px; font-weight: bold; color: #555; margin-bottom: 8px; max-width: 235px;} .my_eng_name_box{ font-size: 13px; font-weight: normal; color: #555; margin-bottom: 8px; max-width: 235px;} .my_link {vertical-align: middle; display: inline-block; width:19px; height: 19px; text-indent: -9999px; } .link_icon01 { background: url(../images/background/my_link_bg.png) no-repeat 0 0; } .link_icon02 { background: url(../images/background/my_link_bg.png) no-repeat -23px 0; } .link_icon03 { background: url(../images/background/my_link_bg.png) no-repeat -46px 0; } .link_icon04 { background: url(../images/background/my_link_bg.png) no-repeat -69px 0; } .unconfirmed_thesis { float: left; width:120px; } .unconfirmed_thesis a{ display: block; text-align: center; } .unconfirmed_thesis a:hover .uc_text { text-decoration: underline} .unconfirmed_thesis .uc_num { display: block; width:48px; height: 48px; margin: 0 auto 10px auto; text-align: center; line-height: 48px; background: url(../images/background/info_circle.png) no-repeat 50% 0; font-size: 24px; font-family: Arial;font-weight: bold; } .unconfirmed_thesis .uc_text { display:block; padding: 0 12px 0 0; ; background: url(../images/background/b_arrow.png) no-repeat right 3px; margin: 0 auto;font-size: 13px; width:88px;} /* 상단 Notice */ .notice_top_wrap { background: #625959; height: 96px; border-bottom: 1px solid #3789e0; } .notice_top_box { margin-left: -48px;} .notice_top_inner {height: 96px; width:1150px; margin: 0 auto; background: url(../images/background/top_notice_title.png) no-repeat 0 0; position: relative; } .notice_top_inner h3 {line-height: 42px; float: left; color: #fff; font-size: 20px;background: url(../images/background/top_notice_icon.png) no-repeat 0 0; padding: 0 0 0 40px; margin: 26px 0 0 58px; } .notice_top_inner .close_bt { position: absolute; right:0; top:10px; width: 25px; height: 25px;background: url(../images/background/top_notice_close.png) no-repeat 50% 50%; text-indent: -99999px; display: block; } .notice_list{ position: relative; width:600px; margin: 0px 0 0 270px;padding: 38px 0 0 0; } .notice_list ul li a{ color: #fff; } .notice_list .notice_more{ display: block; text-indent: -9999px;background: url(../images/background/top_notice_more.png) no-repeat 50% 50%;height:26px; width: 26px; position: absolute; right:-90px ;top:31px; } /* 상단 검색 창 */ .top_search_wrap { margin: 0 0 0 330px; border-bottom: 2px solid #153a60; width:466px; overflow: hidden; } .top_search_wrap .search_opion { float: left; } .top_search_wrap .search_opion button { border:0px; display: block;float:left; width: 72px; height: 29px; line-height: 29px; text-align: center; background:#e9e9e9; margin-right: 1px; cursor:pointer } .top_search_wrap .search_opion button span { color: #9e9e9e; font-size: 13px; display: inline-block; } .top_search_wrap .search_opion .on { background: #153a60; } .top_search_wrap .search_opion .on span { color: #fff; background: url(../images/background/search_on.png) no-repeat right 50%; padding: 0 18px 0 0; } .search_int_box { position: relative; margin: 0 0 0 154px; padding: 0 36px 0 0;} .search_int_box .search_int { width:99.8%; height: 24px; background: #fff; border:0px; font-size: 14px; } .search_int_box .search_bt { position: absolute; right:0; top:0px; text-indent: -99999px; width:29px; height: 29px;background: url(../images/background/top_search_icon.png) no-repeat 50% 50%; } /* 상단 메뉴 바 */ .top_gnav { position: absolute; right:0; top:50px; } .top_gnav ul li { float: left; background: url(../images/background/gnav_line.png) no-repeat 0 50%; padding-left:12px; margin-left: 12px;} .top_gnav ul li a{ display: inline-block; font-size: 13px } .top_gnav ul .home_li { background: none; padding: 0; nav-down: 0; } .top_gnav ul .home_li a { background: url(../images/background/gnav_home.png) no-repeat 0 3px; padding: 0 0px 0 16px; } .top_gnav ul .member_li a { color: #7a6868; } .top_gnav ul .member_li em { background: url(../images/background/gnav_member.png) no-repeat 0 2px; padding: 0 0 0 16px; margin-right: 3px; } .admin_nav { background: #eb7835;border-top:1px solid #af4c11; border-bottom: 1px solid #d3601b; } /* nav */ #navul_wrap { width: 1100px; margin: 0 auto; position: relative; } #gnb { clear: both; z-index:30; } #gnb li .nav_menu_a {display: block; font-weight: bold; font-size: 15px; color: #fff; line-height: 40px;height: 42px; padding: 0 0 0 10px; } #gnb li .nav_menu_a.on { color:#fff;} #gnb li .last_a { background: none; } .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;text-align: left;padding: 0;width: 140px;} #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 .menu_last { padding: 0 0px 0 0; width:164px; } #gnb .right_nav { float: right; margin-right: 10px; position: relative; padding-right: 0px } #gnb .right_nav .nav_menu_a { background: url(../images/background/nav_graph_icon.png) no-repeat 0 50%; padding: 0 0 0 18px; } #gnb .right_nav .sub_menu { left:auto; right:0; width:120px; text-align: right; } #gnb .right_nav .sub_menu li a { text-align: right;} .gnb_bg{border: 1px solid #ccc; border-bottom: 2px solid #ce7e4f; display: none; position: absolute; left: 0px; right: 0px; top: 41px;width: 100%; height: 192px;padding-bottom: 10px; background: #fff; z-index: 10; overflow: hidden; } .gnb_bg .bg_wrap { background: #fff; height: 192px;width: 1100px;margin: 0 auto; } #gnb .sub_menu{display:none;position:absolute;left:1px;top:42px; z-index:30; height: 227px; width:99%; background: #fff;} #gnb .last_menu { } #gnb .sub_menu ul{ text-align:left;} /*height:272px; */ #gnb .sub_menu li{ float:none; } #gnb .sub_menu li a{ color: #151515; font-size: 13px; display: block; height: 24px; line-height: 24px; padding: 0 0 0 10px;} #gnb .sub_menu.on{ z-index:40; background:#f9f9f9 } #gnb .sub_menu.on li{ } #gnb .sub_menu.on a{ } #gnb .sub_menu a:hover{color:#000; background: #f3f3f3 } #gnb .sub_menu .line_space{width:61px;} /* 상단 quick 메뉴 */ .top_quick_box { float: right; } .top_quick_box ul { float: left; } .top_quick_box ul li { float: left; width:130px;background: url(../images/background/quick_line.png) no-repeat left 20px; } .top_quick_box ul li a{ display: block; padding: 58px 0 0 0;text-align: center; font-size: 13px;} .top_quick_box ul li a:hover {text-decoration: underline; } .top_quick_box ul li .quick_icon01 {background: url(../images/background/quick_icon01.png) no-repeat 50% 0; } .top_quick_box ul li .quick_icon02 {background: url(../images/background/quick_icon02.png) no-repeat 50% 5px; } .top_quick_box ul li .quick_icon03 {background: url(../images/background/quick_icon03.png) no-repeat 50% 0; } .top_quick_box ul li .quick_icon04 {background: url(../images/background/quick_icon04.png) no-repeat 50% 0; } .top_quick_box ul li .quick_icon05 {background: url(../images/background/quick_icon05.png) no-repeat 50% 0; } .top_quick_box ul li .quick_icon06 {background: url(../images/background/quick_icon06.png) no-repeat 50% 4px; } .top_quick_box ul li .quick_icon07 {background: url(../images/background/quick_icon07.png) no-repeat 50% 2px; } .top_quick_box ul li .quick_icon08 {background: url(../images/background/quick_icon08.png) no-repeat 50% 2px; } .top_quick_box ul li .quick_icon09 {background: url(../images/background/quick_icon09.png) no-repeat 50% 0px; } .top_quick_box ul li .quick_icon11 {background: url(../images/background/quick_icon11.png) no-repeat 50% 0px; } .top_quick_box ul .br_none { background: none; } /* 퀵메뉴 */ .research_quick_wrap { height: 458px; border-bottom: 1px solid #cfcfcf; position: relative; background: url(../images/background/quick_bg.png) no-repeat 50% 0px; } .research_quick_inner { width:1100px; margin: 0 auto; padding: 48px 0 0 0; } .research_quick_list { overflow: hidden; } .research_quick_list:after { content: ''; display: block; clear: both; } .research_quick_list li {float: left; width:174px; margin-right: 11px; margin-bottom: 8px;} .research_quick_list .last_li { margin-right: 0px; } .research_quick_list li a { background: #fff; border:1px solid #b0b0b0; border-radius: 15px; display: block; padding: 14px 0 0 0; height: 127px;text-align: center; -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; } .research_quick_list li a span { display:block; padding: 78px 0 0 0; font-size: 14px; font-weight: bold; margin-bottom: 4px; } .research_quick_list li em { display: block; text-align: center; color: #797979; font-size: 12px; } .research_quick_list li a .rq_icon01 { background: url(../images/background/rq_icon01.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon02 { background: url(../images/background/rq_icon02.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon03 { background: url(../images/background/rq_icon03.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon04 { background: url(../images/background/rq_icon04.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon05 { background: url(../images/background/rq_icon05.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon06 { background: url(../images/background/rq_icon06.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon07 { background: url(../images/background/rq_icon07.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon08 { background: url(../images/background/rq_icon08.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon09 { background: url(../images/background/rq_icon09.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon10 { background: url(../images/background/rq_icon10.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon11 { background: url(../images/background/rq_icon11.png) no-repeat 50% 3px; } .research_quick_list li a .rq_icon12 { background: url(../images/background/rq_icon12.png) no-repeat 50% 3px; } .research_quick_list li a:hover { background: #ff9f4a; } .research_quick_list li a:hover span { color: #fff; } .research_quick_list li a:hover em { color: #fff; } .research_quick_list li a:hover .rq_icon01 { background: url(../images/background/rq_icon01_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon02 { background: url(../images/background/rq_icon02_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon03 { background: url(../images/background/rq_icon03_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon04 { background: url(../images/background/rq_icon04_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon05 { background: url(../images/background/rq_icon05_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon06 { background: url(../images/background/rq_icon06_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon07 { background: url(../images/background/rq_icon07_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon08 { background: url(../images/background/rq_icon08_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon09 { background: url(../images/background/rq_icon09_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon10 { background: url(../images/background/rq_icon10_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon11 { background: url(../images/background/rq_icon11_over.png) no-repeat 50% 3px; } .research_quick_list li a:hover .rq_icon12 { background: url(../images/background/rq_icon12_over.png) no-repeat 50% 3px; } .research_quick_list li .badge_num {position: absolute; left:100px; top:6px; padding: 0 0px 0 12px; background: url(../images/background/my_badge_bg.png) no-repeat left 0; height: 30px; } .research_quick_list li .badge_num em { display: inline-block; padding: 0 12px 0 0; background: url(../images/background/my_badge_bg.png) no-repeat right bottom; color: #fff; font-size: 12px; text-align: left; line-height: 28px; height: 30px; } .research_quick_list li a{ position: relative; } /* footer */ .footer_banner { margin: 0 auto; width:1100px; overflow: hidden; } .footer_banner:after { content: ''; display: block; clear: both; } .footer_banner ul li {padding: 16px 0; float: left; width:16.66666%; background: url(../images/background/banner_line.png) no-repeat right 50%; } .footer_banner ul li a {display: block;padding: 0 0 0 14px; background: url(../images/background/banner_arrow.png) no-repeat 160px 50%; } .footer_banner ul .last_banner {background: none; } .footer_wrap { border-top:1px solid #868686; } .footer_inner { width: 1100px; margin: 0 auto; overflow: hidden; padding: 22px 0; } .footer_inner dl { float: left; } .footer_inner dl dt { font-size: 12px; color: #333; float: left; } .footer_inner dl dd { color: #868686; font-size: 12px; padding: 0 0 0 10px; background: url(../images/background/footer_line.png) no-repeat left 2px; margin: 0 0 0 25px; display: inline-block;} .footer_inner dl dd .footer_team { display: inline-block; width: 150px;} .footer_inner dl dd .footer_phone { background: url(../images/background/phone_icon.png) no-repeat left 2px; display: inline-block; padding: 0 0 0 14px; margin-left: 10px; min-width: 90px; } .footer_inner dl dd .footer_mail { background: url(../images/background/mail_icon.png) no-repeat left 2px; display: inline-block;padding: 0 0 0 16px; margin-left: 10px; } .footer_text { float: right; color: #a8a8a8; font-size: 11px; } .footer_inner .footer_privacy { font-size: 17px; float: left; margin-right: 40px; font-weight: bold; color: #2f5597; } /* rq_under */ .rq_under_box { background: url(../images/background/rq_box_bg.png) no-repeat 0 0; height: 60px; } .rq_under_box ul li { float: left; background: url(../images/background/rq_line.png) no-repeat right 10px;width:183px; } .rq_under_box ul .last_li {width:185px; background: none; margin-right: 0px; } .rq_under_box ul li a{ display: block; text-align: center; font-weight: bold; padding: 14px 0 0 0; height: 45px;} .rq_under_box ul li a:hover{ background: url(../images/background/quick_line02.png) no-repeat 50% bottom; } .rq_under_box ul li .row_text { padding: 22px 0 0 0; height: 37px; } .rq_under_box ul li em{ padding: 2px 0 0 0; display: block; text-align: center; color: #797979; font-size: 12px; font-weight: normal;} .circle_h3 { background: url(../images/analysis/background/circle_bullet.png) no-repeat 0px 3px; padding: 0 0 0 18px; font-size: 14px; color: #333; font-family: Arial; margin-bottom: 5px;} .keywords_box {width: 99%; border: 1px solid #ddd; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} /* 관리자정보 */ .admin_info { background: url(../images/background/admin_profile02.png) no-repeat 0 0; } .admin_info .my_name_box { margin-bottom: 6px; } .admin_info .my_box {background: url(../images/background/admin_profile.png) no-repeat 0 3px; padding: 0 0 0 20px; } .admin_info .my_box a { color: #4f3939; font-size: 14px; } /* profile */ .profile_img_wrap { border:1px solid #ccc;} .profile_bt_box { overflow: hidden;border-top:1px solid #ccc; padding: 0 4px } .profile_bt_box:after { content: ''; display: block; clear: both; } .profile_bt_box .profile_del {line-height: 27px; float: left; padding: 0 0 0 14px; background: url(../images/background/profile_del.png) no-repeat 0 50%; color: #929292; } .profile_bt_box .profile_upload {line-height: 27px; float: right; padding: 0 0 0 16px; background: url(../images/background/profile_upload.png) no-repeat 0 50%; color: #555; } /* innner delete */ .tbl_int_del { background: url(../images/background/int_del_icon.png) no-repeat 50% 50%; display: inline-block; width:20px; height: 20px; text-indent:-9999px} .add_int_del { position: relative;border: 1px solid #b1b1b1; width:99.8%;display: inline-block;height: 21px; } .add_int_del .input_type { border:0px; height: 20px; } .add_int_del .tbl_int_del { position: absolute; right:0;top:1px; } .popup_wrap { padding: 20px;} /*modal_area*/ #modal_area { position: fixed;z-index: 99;top: 0;right: 0;bottom: 0;left: 0;background: #000;opacity: .5;filter:alpha(opacity=50); } .modal_layer {position: absolute; background: #fff;z-index: 9999; } .popup_box { border:1px solid #302e2e; width:700px; height: 480px; background: #fff; } .popup_box .popup_header { background: #205998; position: relative; } .popup_box .popup_header h3 { background: url(../images/analysis/background/popup_header_bullet.png) no-repeat 20px 17px; color: #fff; padding: 0 0 0 38px; font-size: 14px; font-weight: normal; height: 47px; line-height: 46px; } .popup_box .popup_header .close_bt {position: absolute; right:8px; top:8px; width:30px;height: 30px; background: url(../images/analysis/background/popup_close.png) no-repeat 50% 50%; display: block;text-indent: -99999px; } .popup_inner { padding: 20px 14px 10px 14px;} .popup_scroll { height: 394px; overflow-y: scroll; } .popup_select_box { border:1px solid #302e2e; width:350px; height: 280px; background: #fff; } .popup_select_box .popup_header { background: #205998; position: relative; } .popup_select_box .popup_header h3 { background: url(../images/analysis/background/popup_header_bullet.png) no-repeat 20px 17px; color: #fff; padding: 0 0 0 38px; font-size: 14px; font-weight: normal; height: 47px; line-height: 46px; } .popup_select_box .popup_header .close_bt {position: absolute; right:8px; top:8px; width:30px;height: 30px; background: url(../images/analysis/background/popup_close.png) no-repeat 50% 50%; display: block;text-indent: -99999px; } /* 상단 알림 */ .top_alert_wrap { background:#625959 url(../images/background/alert_top_bg.png) repeat-x 0 0; padding-bottom: 0px; } .top_alert_box { width:1020px; margin: 0 40px 0 40px; background: url(../images/background/alert_top_line.png) no-repeat 50% 61px; overflow: hidden;position: relative; } .top_alert_box:after { content: ''; display: block; clear: both; } .top_alert_text { color: #fff; font-weight: bold; line-height: 38px; text-align: center; font-size: 16px; margin-bottom: 16px; } .n_ck_box { position: absolute; right:0; bottom:10px; } .n_ck_box label { color: #fff; font-size: 12px; } .alert_left { float:left; width:486px;} .alert_right { float:right;width:486px;} .alert_round_bt { display: block; width:97px; height: 34px; line-height: 34px;text-align: center; background: url(../images/background/alert_round_bt.png) no-repeat 0 0; color: #fff; font-weight: bold; font-size: 14px; } .alert_round_bt:hover { background: url(../images/background/alert_round_bt.png) no-repeat 0 bottom; color: #333; } .alert_inner { position: relative; margin-bottom: 10px; } .alert_inner p { position: relative; font-size: 14px; color: #fff; padding:7px 170px 0 78px; background: url(../images/background/alert_top_icon01.png) no-repeat 0 0; height: 58px;} .alert_inner p strong { font-size: 18px; color: #7dff63; } .alert_inner .alert_round_bt { position: absolute; right:0; top:10px;} .alert_right .alert_inner p { background: url(../images/background/alert_top_icon02.png) no-repeat 0 0;padding: 7px 130px 0 78px; } .alert_bottom { position: relative; clear: both; border-top:1px solid #726c6c; padding: 10px 0; } .alert_bottom span {display: inline-block; padding: 0 0 0 16px; background: url(../images/background/alert_top_arrow.png) no-repeat 0 0; color: #fff; } .alert_close_bt { position: absolute; right:0; top:2px; display: block; width:32px; height: 32px; text-indent: -99999px;background: url(../images/background/alert_close.png) no-repeat 50% 50%; } .labelHelp { position: absolute; color: #afafaf; padding: 2px; line-height: 160%; cursor: text; display: block;} /* 스타일 수정 */ .header_wrap {width: 1100px;margin: 0 auto;position: relative;padding: 44px 0 34px 0;} .top_gnav {position: absolute; right: 0; top: 10px; } .top_gnav ul .home_li a { background: url(../images/background/gnav_home.png) no-repeat 0 1px; padding: 0 0px 0 16px; } .top_gnav ul .member_li em { background: url(../images/background/gnav_member.png) no-repeat 0 0px; padding: 0 0 0 16px; margin-right: 3px; } .top_search_wrap { margin: 0 0 0 330px;border-bottom: 2px solid #153a60;overflow: hidden; width:auto; } .my_name_box{ font-size: 16px; font-weight: bold; color: #555; margin-bottom: 6px; } .my_eng_name_box{ font-size: 13px; font-weight: normal; color: #555; margin-bottom: 6px; } .my_box { margin:0 0 0 2px;} .top_search_wrap .search_opion button { width:108px; } .search_int_box { margin: 0 0 0 234px; } /* 1212 */ .my_link_box { margin-bottom: 6px } /*.header_wrap h1 a.en { display: block;background: url(../images/background/logo_eng.png) no-repeat 0 0;width: 284px;height: 31px;text-indent: -9999px; }*/ .link_icon05 { background: url(../images/background/my_link_bg.png) no-repeat -93px 0; width:29px; } .my_link_box .disabled_link { background-image:url(../images/background/my_link_bg.png ); background-position-y: bottom !important; } /* 1216 */ .research_quick_list li a{ position: relative; } .research_quick_list li .badge_num {position: absolute; left:100px; top:6px; padding: 0 0px 0 12px; background: url(../images/background/my_badge_bg.png) no-repeat left 0; height: 30px; } .research_quick_list li .badge_num em { display: inline-block; padding: 0 12px 0 0; background: url(../images/background/my_badge_bg.png) no-repeat right bottom; color: #fff; font-size: 12px; text-align: left; line-height: 28px; height: 30px; } .research_quick_list .disabled_li a{ cursor:default; background:#d9d5d5 url(../images/background/quick_box_dis_line.png) repeat-x 0 top !important; } .research_quick_list .disabled_li a span {color: #888 !important; } .research_quick_list .disabled_li em {color: #888 !important; } .research_quick_list .disabled_li a:hover{ background: url(../images/background/quick_box_dis.png) no-repeat 0 0; } .research_quick_list .disabled_li a:hover span {color: #888 !important; } .research_quick_list .disabled_li a:hover em {color: #888 !important; } .research_quick_list .disabled_li a .rq_icon01 { background: url(../images/background/rq_icon01_dis.png) no-repeat 50% 3px; } .research_quick_list .disabled_li a .rq_icon02 { background: url(../images/background/rq_icon02_dis.png) no-repeat 50% 3px; } .research_quick_list .disabled_li a .rq_icon03 { background: url(../images/background/rq_icon03_dis.png) no-repeat 50% 3px; } .research_quick_list .disabled_li a .rq_icon04 { background: url(../images/background/rq_icon04_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a .rq_icon05 { background: url(../images/background/rq_icon05_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a .rq_icon06 { background: url(../images/background/rq_icon06_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a .rq_icon07 { background: url(../images/background/rq_icon07_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a .rq_icon08 { background: url(../images/background/rq_icon08_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a .rq_icon09 { background: url(../images/background/rq_icon09_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a .rq_icon10 { background: url(../images/background/rq_icon10_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a .rq_icon11 { background: url(../images/background/rq_icon11_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a .rq_icon12 { background: url(../images/background/rq_icon12_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon01 { background: url(../images/background/rq_icon01_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon02 { background: url(../images/background/rq_icon02_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon03 { background: url(../images/background/rq_icon03_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon04 { background: url(../images/background/rq_icon04_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon05 { background: url(../images/background/rq_icon05_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon06 { background: url(../images/background/rq_icon06_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon07 { background: url(../images/background/rq_icon07_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon08 { background: url(../images/background/rq_icon08_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon09 { background: url(../images/background/rq_icon09_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon10 { background: url(../images/background/rq_icon10_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon11 { background: url(../images/background/rq_icon11_dis.png) no-repeat 50% 3px !important; } .research_quick_list .disabled_li a:hover .rq_icon12 { background: url(../images/background/rq_icon12_dis.png) no-repeat 50% 3px !important; } .rq_under_box ul .disabled_li { background: url(../images/background/quick_box_dis_m.png) repeat-x 0 0; } .rq_under_box ul .disabled_li a{ color: #888 !important; cursor: default; background: url(../images/background/rq_line_dis.png) no-repeat right 0; } .rq_under_box ul .disabled_li a:hover{ background: url(../images/background/rq_line_dis.png) no-repeat right 0; } .rq_under_box ul disabled_li em{ color: #888 !important; } .rq_under_box ul .disabled_first { background: url(../images/background/quick_box_dis_l.png) no-repeat left 0; } .rq_under_box ul .disabled_last { background: url(../images/background/quick_box_dis_r.png) no-repeat right 0; } .top_quick_box ul .disabled_li a { color: #888 !important; cursor: default; } .top_quick_box ul .disabled_li a:hover { text-decoration: none !important; } .top_quick_box ul .disabled_li .quick_icon01 {background: url(../images/background/quick_icon01_dis.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon02 {background: url(../images/background/quick_icon02_dis.png) no-repeat 50% 5px; } .top_quick_box ul .disabled_li .quick_icon03 {background: url(../images/background/quick_icon03_dis.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon04 {background: url(../images/background/quick_icon04_dis.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon05 {background: url(../images/background/quick_icon05_dis.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon06 {background: url(../images/background/quick_icon06_dis.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon07 {background: url(../images/background/quick_icon07_dis.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon08 {background: url(../images/background/quick_icon08_dis.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon09 {background: url(../images/background/quick_icon09_dis.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon11 {background: url(../images/background/quick_icon11_dis.png) no-repeat 50% 0; } .sub_menu ul .disabled_li a { color: #CCC !important; cursor: default !important;} .sub_menu ul .disabled_li a:hover { text-decoration: none !important; } .top_mn_box { float: left; position: relative; padding: 0 32px; margin-left: 260px; } .top_mn_box .mn_arrow_bt{ position: absolute; display: block; top:0; width:24px; height: 24px; text-indent: -9999px } .top_mn_box .mn_prev{ background: url(../images/background/left_arrow_bt.png) no-repeat 0 0; left:0; } .top_mn_box .mn_prev:hover { background: url(../images/background/left_arrow_bt.png) no-repeat 0 bottom; } .top_mn_box .mn_next{ background: url(../images/background/right_arrow_bt.png) no-repeat 0 0; right:0; } .top_mn_box .mn_next:hover { background: url(../images/background/right_arrow_bt.png) no-repeat 0 bottom; } .top_mn_box .mn_text{ font-size: 12px; color: #555; font-weight: normal; line-height: 24px;} .top_mn_box .mn_text strong { font-size: 16px; color: #1875d7; font-weight: bold; display: inline-block; margin-left: 10px;line-height: 24px; } .chart_box { background: #ffffff; border:1px solid #b7b7b7; padding: 10px; text-align: center; } /* style_12pt */ .style_12pt{ color: #0482ad; font:normal 12px "NanumBarunGothic-Regular","NanumBarunGothic-Bold","Malgun Gothic","맑은 고딕","Verdana","Arial","돋움","Dotum"; text-decoration: none; line-height:15px; word-break:normal; } .style_12pt a:link{ color: #0482ad; font:normal 12px "NanumBarunGothic-Regular","NanumBarunGothic-Bold","Malgun Gothic","맑은 고딕","Verdana","Arial","돋움","Dotum"; text-decoration: none; line-height:15px; } .style_12pt a:visited{ color: #0482ad; font:normal 12px "NanumBarunGothic-Regular","NanumBarunGothic-Bold","Malgun Gothic","맑은 고딕","Verdana","Arial","돋움","Dotum"; text-decoration: none; line-height:15px; } .style_12pt a:active{ color: #0482ad; font:normal 12px "NanumBarunGothic-Regular","NanumBarunGothic-Bold","Malgun Gothic","맑은 고딕","Verdana","Arial","돋움","Dotum"; text-decoration: none; line-height:15px; } .style_12pt a:hover{ color: #0482ad; font:normal 12px "NanumBarunGothic-Regular","NanumBarunGothic-Bold","Malgun Gothic","맑은 고딕","Verdana","Arial","돋움","Dotum"; TEXT-DECORATION: underline; line-height:15px; } .export_popup{border:1px solid #c0c0c0; border-top:3px solid #ea773e; padding: 14px 18px } .export_popup .popup_header { border-bottom: 1px solid #d0d0d0; position: relative; } .export_popup .popup_header h3 { padding: 0 0 16px 20px;font-size: 18px;font-weight: bold;color: #1e2b70;background: url(../images/background/ep_title_arrow.png) no-repeat 0 14px; } .export_popup .popup_header .close_bt { position: absolute; right:0; top:0; display: block; width:24px;height: 24px; background: url(../images/background/ep_close.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; } .export_popup .popup_inner { overflow: hidden; } .ep_option_box { position: relative; margin-bottom: 12px;} .ep_select_wrap { overflow: hidden; margin-bottom: 6px;} .ep_select_wrap span { display: inline-block; font-size: 14px; } .ep_select_wrap .sel_type{ width:300px; height: 24px;font-size: 14px; } .ep_select_wrap p{ font-size:12px; padding-left: 10px; font-weight: bold; color: #999; margin-top: 10px; } .export_popup .list_tbl { width:100%; border-top:1px solid #2e2e2e} .export_popup .list_tbl thead th { background: #625959;border-bottom: 2px solid #e0dfdf; color: #fff; padding: 10px 0 10px 10px; font-weight: normal; text-align: left;} .export_popup .list_tbl tbody td { vertical-align: top; padding: 4px 0 0 10px;} .chk_label { display: inline-block; } .chk_label input[type="checkbox"], input[type="radio"] { margin-right: 5px;} .ep_label_box { padding: 3px 0;} .ep_toggle_box { padding: 3px 0;} .ep_toggle_box li .sideToggle { display: inline-block; vertical-align: middle; margin-right: 4px;} .ep_toggle_box li .sideToggle span { display: inline-block; } .ep_toggle_box ul {background: #f9f9f9; padding: 6px 0 6px 25px; margin: 8px 0 0 0; } .export_popup .bottom_btbox { float: none; overflow: hidden; border-top:1px solid #d0d0d0; margin-top: 10px; padding-top: 10px; } .export_popup .bottom_btbox ul { float: right;} /* tab css */ .tab_wrap { margin-bottom: 20px; } .tab_wrap .tab_inner { padding: 10px; } .tab_wrap > ul{overflow: hidden; background: url(../../images/common/background/tab_bg.png) repeat-x 0 0;border-bottom: 1px solid #205998; } .tab_wrap > ul:after {content: ''; display: block; clear: both; } .tab_wrap > ul > li { float: left; } .tab_wrap > ul > li > a{display: block; text-align: center; width:160px; height: 30px;line-height: 30px; } .tab_wrap > ul > .ui-tabs-active a, .tab_wrap > ul > .ui-state-active a{ background: #205998; color: #fff; } .add_option { position: absolute; right:0; top:10px; } .add_option span { line-height: 24px;vertical-align: top; margin-right: 4px;} .add_option span { line-height: 24px;vertical-align: top; margin-right: 4px;} .add_option .menu_option_bt {vertical-align: top;text-indent: -9999px;overflow: hidden; display: inline-block;border:1px solid #d4d0d0;width:22px;height: 22px;background: url(../images/background/menu_search_close.png) no-repeat 50% 50%; } .add_option .menu_option_bt:hover { border:1px solid #999;} .add_option .mo_open_bt {background: url(../images/background/menu_search_open.png) no-repeat 50% 50%; } input::-webkit-input-placeholder { color: #b2b2b2; font-weight: normal; } /* Firefox 4-18 */ input:-moz-placeholder { color:#b2b2b2;font-weight: normal; } /* Firefox 19+ */ input::-moz-placeholder { color:#b2b2b2;font-weight: normal; } /* IE10+ */ input:-ms-input-placeholder {color:#b2b2b2; font-weight: normal; } /* 가변 페이지 상단 필터 (2.17) */ .top_option_wrap {/* overflow: hidden;*/ position: relative; padding: 0 70px 0 0; border-top: 2px solid #5e9bf8; background: url(../images/background/tbl_dt_bg.png) repeat-y 0 0; margin-bottom: 10px;} .top_option_wrap *{-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} .t_o_table { border-bottom: 1px solid #ddd; background: url(../images/background/tbl_dt_bg02.png) repeat-y 50% 0; } .t_o_table:after {clear: both; } .t_o_table:after, .t_o_table:before { display: table;content: " "; } .option_box { float: left; width:50%;border-top: 1px solid #ddd; margin-top:-1px} .o_b_full { float: left; width: 100%; } .t_b_line { border-bottom: 1px solid #ddd; overflow: hidden; } .t_b_line:after {clear: both; } .t_b_line:after, .t_b_line:before { display: table;content: " "; } .o_b_dl { background: #f3f3f3; /* float: left; width: 50%; border-top: 1px solid #ddd; */ } .o_b_dl dt{ float: left; width: 160px; padding: 8px 0 0px 14px; text-align: left; font-weight: bold; color: #555; } .o_b_dl dd{ background: #fff;margin: 1px 0 0px 160px; padding: 5px 10px; min-height: 31px;} .o_b_dl dd p{ padding: 3px 0 0 0;} .sm_int { width: 100px;} .md_int { width: 50%;} .t_o_search { position: absolute;width: 70px;background: #5e9bf8 url(../images/background/tbl_dt_search.png) no-repeat 50% 50%;display: block;text-indent: -9999px;right: 0;top: 0; } .t_o_search:hover { background:#4a83da url(../images/background/tbl_dt_search.png) no-repeat 50% 50%; } .option_box:nth-child(odd) {clear: both; } .clear_fix{ overflow: hidden; clear: both; height: 0;line-height: 0; } .col_3_table { background: url(../images/background/tbl_dt_bg04.png) repeat-y 66.6666666666% 0; } .col_3_table .t_o_table{ background: url(../images/background/tbl_dt_bg03.png) repeat-y 33.3333333333% 0; } .col_3_table .option_box { width: 33.3333333333%; } .col_3_table .option_box:nth-child(odd) {clear:none } .col_1_table { background: url(../images/background/tbl_dt_bg04.png) repeat-y 66.6666666666% 0; } .col_1_table .t_o_table{ background: url(../images/background/tbl_dt_bg03.png) repeat-y 33.3333333333% 0; } .col_1_table .option_box { width: 100%; } .col_1_table .option_box:nth-child(odd) {clear:none } /* 0325 */ .select_type { height: 23px; border-radius: 0px; } .tbl_move_up { display: inline-block; width: 18px; height: 12px; background: url(../images/background/tbl_arrow_up_bt.png) no-repeat 50% 2px; text-indent: -9999px; overflow: hidden; transition: all 0.3s ease; border-radius: 4px 4px 0 0;} .tbl_move_up:hover { background:#5980d7 url(../images/background/tbl_arrow_up_bt.png) no-repeat 50% -7px; } .tbl_move_down { display: inline-block; width: 18px; height: 12px; background: url(../images/background/tbl_arrow_down_bt.png) no-repeat 50% -7px; text-indent: -9999px; overflow: hidden; transition: all 0.3s ease; border-radius: 0 0 4px 4px;} .tbl_move_down:hover { background:#5980d7 url(../images/background/tbl_arrow_down_bt.png) no-repeat 50% 4px; } .row_move_box { padding: 5px 35px; background: #fff url(../images/background/tbl_square_bullet.png) no-repeat 2% 50%; } .row_move_box:after {clear: both; } .row_move_box:after, .row_move_box:before { display: table;content: ""; } .row_move_box p { float: left; } .row_move_no { padding: 0 25px 0 0; margin-right: 8px; background: url(../images/background/row_move_a_bg.png) no-repeat right 50%; } .row_move_box .r_m_bt { display: block; color: #fff; line-height: 23px; background: #5980d7;float: left; padding: 0 10px;margin-left: 5px;} .tbl_loading_box { margin: -10px; background: url(../images/background/tbl_loading_bg.png) repeat; text-align: center; height: 190px; padding: 110px 0 0 0;} .tbl_loading_box span { display: block; color: #fff; font-weight: bold; font-size: 14px; margin-top: 5px;} .tbl_popup_icon { background: url(../images/background/tbl_link_icon.png) no-repeat 50% 4px; } .tbl_popup_n_icon { background:#ededed url(../images/background/tbl_link_icon.png) no-repeat 50% -20px; } .tbl_popup_n_icon:hover { background:#ededed url(../images/background/tbl_link_icon.png) no-repeat 50% -20px; border: 1px solid #ddd; cursor:default } /*0331 */ .top_quick_box ul li .quick_icon10 {background: url(../images/background/quick_icon10.png) no-repeat 50% 0; } .top_quick_box ul .disabled_li .quick_icon10 {background: url(../images/background/quick_icon10_dis.png) no-repeat 50% 0; } .research_quick_list .heigh_q_b { float: right; margin: 0 0 0 0; } .research_quick_list .heigh_q_b.disabled_li a { border:1px solid #B0B0B0 !important; } .research_quick_list .heigh_q_b a{ height: 246px; padding: 45px 0 0 0; background: #fe7930; border:1px solid #fe7930; } .research_quick_list .heigh_q_b em { color: #fff; margin: 10px 0 0 0; } .research_quick_list li a .rq_icon13 { background: url(../images/background/rq_icon13.png) no-repeat 50% 3px; color: #fff; } .research_quick_list .disabled_li a .rq_icon13 { background: url(../images/background/rq_icon13_dis.png) no-repeat 50% 3px; color: #fff; } .research_quick_list li a .rq_icon13 strong { display: block; font-size: 19px; margin:10px 0 15px 0; } /* 0420. */ .p_r_search_wrap h2 {margin-top: 20px; font-size: 22px; color: #111; text-align: center; font-weight: normal; position: relative; padding-bottom: 15px; margin-bottom: 15px; } .p_r_search_wrap h2:after {content: ''; display: block; clear: both; position: absolute;left:50%; margin-left: -24px; bottom:0; width: 48px;height: 1px; background: #3c4dc8; } .p_r_tab { text-align: center; margin-bottom: 30px; } .p_r_tab a{ display: inline-block; padding: 0 15px; line-height: 36px; color: #777; min-width: 90px; text-align: center; border-radius: 18px; font-size: 14px; transition: all 0.3s ease; } .p_r_tab a:hover { background: #f3f3f3;color: #111; } .p_r_tab a.on { background: #505050; color: #fff; font-size: 15px; } .p_r_option_box { border-bottom:1px solid #ddd; padding: 0 0 25px 0; } .p_r_option_box:after {clear: both; } .p_r_option_box:after, .p_r_option_box:before { display: table;content: " "; } .p_r_option_box .top_search_area .p_r_select { display: inline-block; float: left; margin-right: 5px; border:1px solid #d2d2d2; background: #fff; width: 120px; height: 28px; padding: 4px 4px 0 4px; } .p_r_option_box .top_search_area .p_r_select:last-child {margin-right: 0px } .p_r_option_box .top_search_area .p_r_select select { border:0px; background: #fff; width: 100%; height: 24px; font-size: 14px; } .p_r_option_box .top_search_area p { margin: 0 0 0 270px; border:1px solid #d2d2d2; position: relative; height: 28px; padding: 4px 4px 0 10px; transition: all 0.3s ease; } .p_r_option_box .top_search_area p .p_r_input { border:0px; background: #fff; width: 100%; height: 24px; font-size: 14px; outline: none; } .p_r_option_box .top_search_area p .p_r_search_bt { background:url(../images/background/p_r_search_icon.png) no-repeat 50% 50%; border: 0px; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; display: block;position: absolute; right: 0; top: 0;cursor: pointer; } .p_r_option_box .top_search_area .p_r_search_bt { background:url(../images/background/p_r_search_icon.png) no-repeat 50% 50%; border: 0px; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; display: block;position: absolute; right: 0; top: 0;cursor: pointer; } .ef_line { border:1px solid #3c4dc8 !important; } .p_r_list_wrap { background:#f9f9f9; padding: 20px; } .p_r_round_b { background: #fff; border-radius: 10px; width: 1200px; height: 705px; margin: 0 auto; box-shadow: 0 0 10px #ddd; } .tlb_list_t { /*text-decoration: underline;*/ display: inline-block; width: 20px;} .tlb_list_t:hover { text-decoration: underline; color: #3c4dc8} .top_sel_col { float: left; width: 350px; } .top_sel_col:first-child{ margin-right: 40px; } .top_sel_col .t_s_text { float: left; font-size: 12px; color: #888888; display: block; line-height: 32px;} .t_s_box { margin: 0 0 0 60px; position: relative; } .t_s_box .t_s_btn { display: block; height: 32px; border:1px solid #d2d2d2; font-size: 14px; color: #222; background:url(../images/background/t_s_arrow.png) no-repeat right 50%; line-height: 30px; padding: 0 0 0 8px; } .t_s_list_box { visibility: hidden; position: absolute; left:0; top:35px; width: 738px; border:1px solid #d2d2d2; z-index: 9; background: #fff;box-shadow: 0 10px 10px #ccc} .t_s_list_box ul { overflow: hidden; padding: 15px;} .t_s_list_box ul li { float: left; width: 50%; padding: 5px 0;} .t_s_list_box ul li:nth-child(odd) { clear: both; } .t_s_list_box ul li a{ display: block; font-size: 13px; padding: 0 0 0 8px;background: url(../images/background/t_s_list_bullet.png) no-repeat 0 8px; } .t_s_list_box ul li a:hover { background: url(../images/background/t_s_list_bullet_on.png) no-repeat 0 8px; color: #000; } .t_s_search_btn { display: block; border:1px solid #d2d2d2; float: right; width: 54px;height: 34px; background: url(../images/background/p_r_search_icon.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; } .t_s_search_btn:hover { border:1px solid #999; } .p_top_sel_wrap { margin: 0 auto; width: 800px; } .t_s_box:hover > .t_s_list_box { visibility: visible; } .t_s_box:hover > .t_s_btn:after { content: ''; display: block; clear: both; width: 100%; height: 2px; background: #7073ef; position: absolute; left:0;bottom:-1px; } .t_s_box.on .t_s_list_box { visibility: visible; } .t_s_box.on .t_s_btn:after { content: ''; display: block; clear: both; width: 100%; height: 2px; background: #7073ef; position: absolute; left:0;bottom:-1px; } .middle_s_box .t_s_list_box { left:-390px; } .in_network_icon2 { background:#fff url(../images/background/network_icon03.png) no-repeat 50% 50%; width: 24px; height: 18px; display: inline-block; text-indent:-99999px; border:1px solid #ddd; border-radius: 3px; } .in_network_icon2:hover { border:1px solid #999; } .out_network_icon2 { background:#fff url(../images/background/network_icon04.png) no-repeat 50% 50%; width: 24px; height: 18px; display: inline-block; text-indent:-99999px; border:1px solid #ddd; border-radius: 3px; } .out_network_icon2:hover {border:1px solid #999; } /* 0428 */ .popup_list_wrap {background:#fff; padding: 20px; } .popup_h3_title{ border-bottom: 1px solid #d8d8d8; position: relative; font-size: 20px; font-weight:normal; color: #333; padding: 0 0 14px 0; margin-bottom: 25px; } .popup_h3_title:after { content: ''; display: block; clear: both; position: absolute; left:0; bottom:-1px; width:30px; height: 3px; background: #4774f7; } .article_list_box{ border-bottom: 1px solid #dadada; padding-bottom: 15px; margin: 0px 0 20px 0; } .alb_text_box { position: relative; } .list_r_info { overflow: hidden;background: #f3f3f3; padding:4px 20px; border-radius: 10px; display: inline-block; position: relative; } .list_r_info:after { content:''; display: block; clear: both; } .list_r_info ul li{ margin-right: 20px; float: left; color: #ef802f;font-size: 13px; background: url(../images/background/l_round_bullet01.png) no-repeat 0 4px;padding: 0 0 0 14px; } .list_r_info ul li span {display:inline-block; font-size: 13px;color: #333; margin-left: 10px; } .list_r_info ul .l_scopus { color: #7ba833; background: url(../images/background/l_round_bullet02.png) no-repeat 0 4px;} .list_r_info ul .l_kci { color: #343aa1;background: url(../images/background/l_round_bullet03.png) no-repeat 0 4px; } .article_list_box .al_title { font-size: 17px;color: #2d52b1;display: block;margin-bottom: 6px; line-height: 22px;font-weight: bold;} .article_list_box .al_title span { font-size: 16px; display: block; margin-top: 4px; line-height: 20px; } /* .article_list_box:hover .al_title { text-decoration: underline; color: #193271} .article_list_box .al_title:hover { text-decoration: underline;} */ .article_list_box p { font-size: 13px; color:#777; margin-bottom: 10px; } .list_fp_box { padding: 14px 0 0 0;} .l_keyword_box { margin-top: 12px;} .l_keyword_box span { color: #000000; font-size: 11px; border:1px solid #868686; border-radius: 10px; padding: 0 8px; line-height: 20px; display: inline-block; vertical-align: middle; } .l_keyword_box em{vertical-align: middle; padding: 0 4px; line-height: 20px; color: #555; display: inline-block; margin-right: 4px; font-size: 13px} .popup_help_box { padding: 16px 20px 20px 90px; background:#f9f9f9 url(../images/background/popup_help_icon01.png) no-repeat 20px 13px; border-bottom: 1px solid #ededed; margin-top: -24px;} .popup_help_box p { font-size: 13px; color: #333; line-height: 19px; } /* 0508 */ .view_title { font-size: 20px; color: #222; margin-bottom: 14px; padding-bottom: 14px; border-bottom:1px solid #d8d8d8; } .view_top_box { background: #f4f4f4; padding: 8px 8px 8px 16px; overflow: hidden; margin-bottom: 16px; margin-top: -14px; } .vt_lbox { float: left; margin: 2px 0 0 0;} .vt_lbox ul li {float: left; padding: 0 0 0 17px;background: url(../images/background/round_bullet01.png) no-repeat 0 50%; color: #ef802f; margin-right: 24px} .vt_lbox ul li span { border:1px solid #ccc; border-radius: 11px; line-height: 22px; padding: 0 10px; color: #333; display: inline-block; background: #fff; } .vt_lbox ul li a { display: inline-block; width:24px; height: 24px;background:#fff url(../images/background/blank_icon.png) no-repeat 50% 50%; text-indent: -9999px;border:1px solid #ccc; border-radius: 11px; vertical-align: top; } .vt_lbox ul .vt_scopus {background: url(../images/background/round_bullet02.png) no-repeat 0 50%; color: #7ba833; } .vt_lbox ul .vt_kci {background: url(../images/background/round_bullet03.png) no-repeat 0 50%; color: #343aa1; } .vt_btbox {padding: 8px} .view_bt_area { float: right; } .view_bt_area span {float: left; font-size: 13px; color: #8d8d8d; line-height: 29px; margin-right: 12px;} .view_bt_area .view_downbt { float: left; } .view_downbt ul li {float: left; } .view_downbt ul li a{ display: block; border:1px solid #bababa; background: #fff; margin: 0 0 0 -1px; line-height: 27px;text-align: center; padding: 0 12px; } .view_downbt ul li a em{ color: #636363;display: block; padding: 0 22px 0 0; background: url(../images/background/view_bt_icon02.png) no-repeat right 6px; } .view_downbt ul li a:hover { border:1px solid #555; position: relative; } .view_author_t { padding: 0 0 0 23px; background: url(../images/background/view_author.png) no-repeat 0 2px; margin-bottom: 20px; font-size: 14px; } .abstract_box { border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 26px; } .abstract_box dt { font-size: 16px; color: #222; margin-bottom: 10px; font-weight: bold; padding: 0 0 0 16px; background: url(../images/background/view_bullet02.png) no-repeat 0 8px; } .abstract_box dd { line-height: 28px; font-size: 14px; } .view_info_wrap { position: relative; overflow: hidden; } .view_info_wrap:after { content: ''; display: block; clear: both; } .view_dl { overflow: hidden; margin-bottom: 28px;} .view_dl:after { content: ''; display: block; clear: both; } .view_dl dt { float: left; font-size: 16px; color: #222; font-weight: bold; padding: 0 0 0 16px; background: url(../images/background/view_bullet02.png) no-repeat 0 8px; } .view_dl dd { margin: 1px 0 0 160px; font-size: 14px; } .view_dl .keyword_dd span { display: inline-block; border:1px solid #d5d5d5; padding: 0 15px; line-height: 24px; border-radius: 12px; margin-bottom: 5px} .view_bt_box { float: left; font-size: 13px; } .view_bt_box .cited_span { display: inline-block; line-height: 30px; margin-left: 12px;background: url(../images/background/view_box_line.png) no-repeat left 9px; padding: 0 0px 0 12px; font-size: 14px; } .view_bt_box .cited_span img { vertical-align: middle} .view_bt_box .cited_span em { color: #cb7a11; font-weight: bold; } .view_bt_box .science_span { padding: 0 0px 0 0px; margin-left: 0px; background: none;} .view_bt_box_a { display: inline-block; width: 24px; height: 24px; background: #fff url(../images/background/link_arrow.png) no-repeat 50% 50%; text-indent: -9999px; border: 1px solid #ccc; border-radius: 11px; vertical-align: top; } .view_img_box h4 { padding: 0 0 0 8px; background: url(../images/background/bullet01.png) no-repeat 0 4px; font-size: 13px; margin-bottom: 4px; } .view_img_box span { display: block;position: relative; width:280px; border:1px solid #ddd; } .view_img_box span img { width:100%; height: auto; text-align: center; } .view_add_img .vi_left_box { float: left; width: 600px; } .view_add_img .view_img_box { float: right; display: block; } .view_img_box span:after {content: ''; display: block; height: 11px; background: url(../images/background/view_img_bg.png) no-repeat 0 0; position: absolute; bottom:-11px; width:100%; background-size: 280px auto;} .view_img_bt { background:#f3f3f3; overflow: hidden; border:1px solid #ddd; margin-top: -1px; } .view_img_bt ul li { } .view_img_bt ul li a{ display: block; text-align: center; padding: 8px 0px; margin: 0 1px } .view_img_bt ul li a:hover {background: #ededed } .view_img_bt ul li a em { display: inline-block; padding: 0 18px 0 0; background: url(../images/background/zoom_icon.png) no-repeat right 0px; } /* 0527 */ .thead_arrow_bt { display: inline-block; border:1px solid #c3bebe; width: 14px;height: 14px; background: #fff url(../images/background/thead_arrow_bt.png) no-repeat 50% -5px; overflow: hidden; text-indent: -9999px; transition: all 0.3s ease; vertical-align: middle; margin-left: 5px;} .thead_arrow_bt:hover { background: #fff url(../images/background/thead_arrow_bt.png) no-repeat 50% 6px; } .objbox .input_type { background: url(../images/background/int_pencil_icon.png) no-repeat right 50px; } .tbl_link_t { text-decoration: underline; text-underline-position: under; } .tbl_link_t:hover { color: #193271; text-decoration: underline; text-underline-position: under; } .tbl_row_del { background: url(../images/background/tbl_row_del_icon_g.png) no-repeat 50% 50%; width:20px;height: 20px; text-indent: -9999px; overflow: hidden; } .tbl_row_move { background: url(../images/background/tbl_row_move_icon_g.png) no-repeat 50% 50%; width:20px;height: 20px; text-indent: -9999px; overflow: hidden; } .g_search_bt { background: url(../images/background/tbl_search_icon.png) no-repeat 50% 50%; width:20px;height: 20px; text-indent: -9999px; overflow: hidden; } .objbox tr:hover .tbl_row_del { background: url(../images/background/tbl_row_del_icon.png) no-repeat 50% 50%; } .objbox tr:hover .tbl_row_del:hover { background-color:#eaeaea; border-radius: 12px; } .objbox tr:hover .tbl_row_move { background: url(../images/background/tbl_row_move_icon.png) no-repeat 50% 50%; } .objbox tr:hover .tbl_row_move:hover { background-color:#eaeaea; border-radius: 12px; } /*.objbox tr:hover .g_search_bt { background: url(../images/background/tbl_search_icon.png) no-repeat 50% 50%; }*/ .objbox tr:hover .g_search_bt:hover { background-color:#eaeaea; border-radius: 12px; } .objbox tr:hover .input_type { background: url(../images/background/int_pencil_icon.png) no-repeat right 50%; } .gridbox_dhx_terrace.gridbox .objbox .input_type .dhx_combo_edit { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; border: 1px solid; padding-left: 5px; } /* 2020. 0528 */ .result_search_wrap { margin-bottom: 25px; } .result_search_wrap h3 { float: left; line-height: 32px;} .result_search_box { width: 610px; margin: 0 auto; } .result_search_box:after {clear: both; } .result_search_box:after, .result_search_box:before { display: table;content: " "; } .result_int_box { margin: 0 0 0 100px; position: relative; border:1px solid #bbb; height: 26px; padding: 6px 30px 0 6px; transition: all 0.3s ease; } .result_int_box .r_i_int { width: 100%; background: #fff;border:0px; height: 20px; outline:none; } .result_int_box .r_i_bt { display: block; position: absolute; right: 0; top:0; width: 30px; height: 30px; background: url(../images/background/result_search_bt.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; } .ef_line { border: 1px solid #153a60; box-shadow: 0 3px 10px #eee} /* 통합검색 2020. 0529*/ #journalList .journalLatest ul li{ position: relative; padding: 25px; } #journalList .journalLatest ul li:nth-child(2n+1){ background-color: #f1f2f2; } .nopm, .nopm > li, .nopm > dt, .nopm > dd{ padding: 0; margin: 0; list-style: none;} hr{ width: 50px; height: 1px; padding: 0; margin: 20px auto 40px; border: none; background-color: #333; display: block; } .journalList h5{padding-bottom:15px;border-bottom:1px solid #0caba5;} .journalList .journalLatest ul li{position:relative;padding:15px} .journalList .journalLatest ul li:nth-child(2n+1){background-color:#f1f2f2} .journalList .journalLatest ul li a.tit{display:block;padding-right:80px;} .journalList .journalLatest ul li a.tit strong{display:block;font-size:14px} .journalList .journalLatest ul li a.tit span{display:block;margin-top:5px;color:#898b8e;font-size:12px;} .journalList .journalLatest ul li .keywords{position:relative;padding-left:90px;padding-top:10px;margin-top:10px;border-top:1px solid #bcbec0;font-size:11px;} .journalList .journalLatest ul li .keywords em{position:absolute;top:10px;left:0;color:#0d5bbc} .journalList .journalLatest ul li .keywords .word{display:inline-block;margin-right:12px} .journalList .journalLatest ul li .achiev{position:absolute;top:50%;right:25px;width:50px;height:50px; z-index: 1; transform: translate(0, -50%);} .searcherDetail .cited{position:relative;padding:20px 30px;background-color:#e1e2e2} .searcherDetail .cited ul li{padding:0 20px;border-left:1px solid #969797;font-size:13px;} .searcherDetail .cited ul li:first-child{padding-left:0;border-left:none;} .searcherDetail .cited ul li a{display:block;height:13px;line-height:13px;} .searcherDetail .cited .right_altmetric{position:absolute;top:15px;right:30px;} .searcherDetail .s_detail{padding:25px;background-color:#f1f2f2} .searcherDetail .s_detail h4{position:relative;padding-bottom:30px;} .searcherDetail .s_detail h4 strong{display:block;font-size:14px;} .searcherDetail .s_detail h4 hr{width:100%;margin:10px auto;background-color:#bcbec0} .searcherDetail .s_detail h4 span{display:block;font-size:14px;color:#808285} .searcherDetail .s_detail h4 .closebtn{position:absolute;bottom:0;right:0;font-size:40px;color:#666} .searcherDetail .s_detail .s_detail_tbl th, .searcherDetail .s_detail .s_detail_tbl td{padding:10px;font-size:13px;vertical-align:top} .searcherDetail .s_detail .s_detail_tbl th{text-align:right;font-weight:bold;color:#808285} .searcherDetail .s_detail .s_detail_tbl a.bigview{display:block;height:36px;line-height:36px;border:1px solid #ddd;text-align:center;} .searcherDetail .s_detail .s_detail_tbl a.bigview span{color:#7a5858} .searcherDetail .journalList .journalLatest ul li:nth-child(2n+1){background-color:#dedfdf} .journalThesis .categorybox{float:right;width:18.7%;padding:15px 10px;border:2px solid #e6e7e8} .journalThesis .categorybox h2{font-weight:bold;font-size:16px;color:#58595b} .journalThesis .categorybox hr{width:30px;height:2px;margin:12px 0;background-color:#f6851f;text-align:left} .journalThesis .categorybox .search_cate_tit{height:50px;line-height:50px;padding:0 10px;margin:-17px -12px;background-color:#3b479b;color:#fff;font-weight:bold;font-size:16px;} .journalThesis .categorybox .search_cate_tit a{display:inline-block;margin-left:10px;color:#fff} .journalThesis .categorybox .catebox > ul > li{position:relative;} .journalThesis .categorybox .catebox > ul > li > a{display:block;min-height:32px;padding:7px 0;padding-right:65px;color:#58595b;font-size:14px;} .journalThesis .categorybox .catebox > ul > li > a span{position:absolute;top:2px;right:0;display:inline-block;height:28px;line-height:26px;padding:0 10px;border:1px solid #d1d3d4;background-color:#fff;border-radius:14px;} .journalThesis .categorybox .catebox > ul > li > a:hover em{text-decoration:underline} .journalThesis .categorybox .catebox > ul > li > a.active em{color:#f6851f;font-weight:bold} .journalThesis .categorybox .catebox > ul > li > a.active span{border-color:#f6851f;background-color:#f6851f;color:#fff} .journalThesis .categorybox .catebox > ul > li > a.more{margin-top:5px;color:#999;} .journalThesis .categorybox .catebox > ul > li ul{display:none;padding:0 10px;margin:3px 0;} .journalThesis .categorybox .catebox > ul > li ul li a{display:block;padding:3px 0;font-size:13px;color:#666} .journalThesis .categorybox .catebox > ul > li ul li a:hover{text-decoration:underline} .journalThesis .categorybox .catebox > ul > li.open ul{display:block} .journalThesis .categorybox .catebox{padding-top:12px;margin-top:15px;border-top:1px solid #f1f2f2} .journalThesis .categorybox .catebox.no-topline{padding-top:15px;border-top:none} .journalThesis .categorybox .catebox:first-child{padding-top:0;margin-top:0;border-top:none} .journalThesis .jtCon{float:left;width:80%;} .more_arrow {display: block; border-bottom: 1px solid #ddd; height: 26px; background: url(../images/background/down_arrow.png) no-repeat 50% 50%;text-indent: -99999px;margin-top: 5px; } .more_arrow:hover { border-bottom: 1px solid #999;} .less_arrow {display: block; border-bottom: 1px solid #ddd; height: 26px; background: url(../images/background/up_arrow.png) no-repeat 50% 50%;text-indent: -99999px;margin-top: 5px; } .less_arrow:hover { border-bottom: 1px solid #999;} .sortbox{padding:15px 0;font-size:13px;} .sortbox .totalbox{float:left} .sortbox .sortby{float:right} .sortbox .sortby em{display:inline-block;vertical-align:middle;color:#666} .sortbox .sortby ul{display:inline-block;vertical-align:middle} .sortbox .sortby ul li{position:relative;} .sortbox .sortby ul li:after{position:absolute;top:3px;left:5px;width:1px;height:12px;background-color:#ccc;content:''} .sortbox .sortby ul li:first-child:after{display:none;} .sortbox .sortby ul li a{padding:0 10px} .sortbox .headerSortUp { background: url(../images/background/desc_sort.gif) no-repeat right 6px; } .sortbox .headerSortDown { background: url(../images/background/asc_sort.gif) no-repeat right 6px; } /* 0603 */ .option_search_box { position: relative; position: absolute; right:0;top:0;} .option_search_inner { position: relative; height: 100%;} .option_search_inner .t_o_search { position: absolute;width: 70px;background: #5e9bf8 url(../images/background/td_search.png) no-repeat 50% 50%;display: block;text-indent: -9999px;right: 0;top: 0; height: 100%; } .option_search_inner .t_o_search:hover { background:#4a83da url(../images/background/td_search.png) no-repeat 50% 50%; } .option_search_inner { position: relative; } .t_o_redo { position: absolute; right:0;bottom: -33px; width: 320px; background:url(../images/background/t_o_redo_bg.png) repeat; border-radius: 10px 0 0 10px; opacity:0; transition: all 0.3s ease; visibility: hidden} .t_o_redo span { display: block; float: right; line-height: 33px; margin-right: 20px;} .t_o_redo a { float: right; height: 33px;width: 70px;background: #6f6f70 url(../images/background/redo_icon.png) no-repeat 50% 50%;display: block;text-indent: -9999px; } .t_o_redo a:hover { background-color:#676767; } .t_o_redo.active{ opacity: 1; visibility: visible;} .is_hcp { background: url(../images/icon/icon_hcp.png) no-repeat 50% 50%; width: 23px; height: 23px; } .is_hot { background: url(../images/icon/icon_hot.png) no-repeat 50% 50%; width: 23px; height: 23px; } /* orcid css by hojkim from R2Dspace */ .orcid_message .glyphicon { color: #a6ce39;} .orcid_link {color:#337ab7;} .orcid_icon {width:16px; height:16px; margin-left:4px; margin-right:4px} .sub_orcid_wrap { border-top: 2px solid #4f71d1; padding: 32px 0 0 0; } .sub_orcid_wrap h5 {font-weight:normal; font-size:22px; text-align:center; padding:78px 0 0 0; background: url(../images/icon/orcid_page_icon01.png) no-repeat 50% 0px; margin-bottom:20px; } .orcid_link { text-align:center; margin-bottom:40px} .orcid_link a{ display:inline-block; padding:0 0 0 28px; background: url(../images/icon/orcid_page_icon02.png) no-repeat 0 0px;vertical-align:middle; font-size:16px; color:#0830b1; line-height:24px; } .orcid_link span{ display:inline-block; vertical-align:middle; margin-left:6px;} .orcid_link p{ margin-top:15px; } .orcid_bottom { margin:0 auto; width:512px; } .orcid_bottom .ob_t { font-size:14px; margin-bottom:10px; text-align:center;} .orcid_authority .row{ margin: 0 -7px; } .orcid_authority .row .col-md-4 { padding:0 7px;} .oa_t {background: url(../images/icon/orcid_page_icon02.png) no-repeat 50% 15px; text-align:center; font-size:14px; border:1px solid #ddd; min-height:100px; color:#333; padding:46px 0 0 0;} .oa_t span { display:block; } .oa_icon02 { background: url(../images/icon/orcid_page_icon03.png) no-repeat 50% 16px; } .oa_icon03 { background: url(../images/icon/orcid_page_icon04.png) no-repeat 50% 15px; } .oc_t { font-size: 12px; line-height: 20px; padding: 10px;} .h4_title {background: url(../images/icon/sub_title_icon.png) no-repeat 0px 50%; padding: 0 0 0 22px; font-size: 20px; margin: 10px;} .h4_title span { background: url(../images/background/orange_round_bg02.png) no-repeat left 0; display:inline-block; padding: 0 0 0 10px; vertical-align: middle; margin: 0 0 0 6px;} .h4_title span em {background: url(../images/background/orange_round_bg02.png) no-repeat right 0; display: inline-block; color: #fff; padding: 0 10px 0 0; line-height: 20px; height: 20px; vertical-align: top;font-size: 14px;} /* 21.02.24 RSS 헤더 */ .system_header_wrap { border-bottom: 1px solid #d4d4d4; background: #fff; } .system_header_inner { width:1100px; margin: 0 auto; padding: 7px 0;} .system_header_inner:after {clear: both; } .system_header_inner:after, .system_header_inner:before { display: table;content: " "; } .system_header_inner h1 { margin-top: 5px; float: left; } .system_header_inner .gotit_h1 a { background: url(../images/background_rss/circle_gotit.png) no-repeat 0 0px; } .system_header_inner .rims_h1 a { background: url(../images/background_rss/rims_logo.png) no-repeat 0 0px; } .system_header_inner h1 a {line-height: 32px; display: inline-block; font-size: 18px; padding: 0 0 0 37px; } .system_header_inner .admin_tag { display: inline-block;font-size: 12px; background: #ff761b; line-height: 22px; color: #fff; font-weight:bold; padding: 0 15px; border-radius: 11px; margin-left:10px; vertical-align: middle; } .system_header_inner .rss_logo { margin-top:5px } .system_header_inner .rss_logo a {line-height: 32px; display: inline-block; font-size: 18px; padding: 0 0 0 34px; background: url(../images/background_rss/rsshome_logo.png) no-repeat 0 0px; width:146px; height: 32px; text-indent: -9999px; padding-top: 8px;} .s_h_right_box { float: right; } .top_icon_btn { display: block; float: left; width: 34px;height: 34px; border-radius: 20px; text-indent: -9999px; overflow: hidden; margin-left: 8px; margin-top: 3px} .setting_btn { background: url(../images/background_rss/gear_icon01.png) no-repeat 50% 50%; } .myfolder_btn { background: url(../images/background_rss/myfolder_icon.png) no-repeat 50% 50%; } .service_btn { background: url(../images/background_rss/service_icon.png) no-repeat 50% 50%; } .top_icon_btn:hover { background-color: #dfdfdf; } .service_bt_wrap { float: left; position: relative; } .service_link_box { visibility: hidden; position: absolute;left: 50%;margin-left: -140px;top: 40px; z-index: 9;background: #fff; border-radius: 10px; box-shadow: 0 2px 10px #999; padding: 5px 15px; width: 280px; transition: all 0.3s ease; opacity: 0; } .service_link_box:after { content: ''; display: block; clear: both; background: url(../images/background_rss/system_toggle_arrow.png) no-repeat 0 0px; width: 10px; height: 4px; position: absolute; left:50%; margin:0 0 0 -5px; top:-4px;} .service_link_box ul li { float: left; width: 33.3333%; padding: 15px 0 0 0; min-height: 94px;} .service_link_box ul li a{ display: block; padding: 5px 0; text-align: center;} /*.service_link_box ul li a em{ background: url(../img/background_rss/rims_logo.png) no-repeat 50% 0; display: block; text-align: center; padding: 36px 0 0 0; font-size: 13px; }*/ .service_link_box ul li a em{ background: url(../images/background_rss/rims_logo.png) no-repeat 50% 0; display: inline-block; width: 32px;height: 32px; text-indent: -99999px; } .service_link_box ul li a:hover { background-color: #f9f9f9; border-radius: 3px; } .service_link_box ul li a:hover { background-color: #f9f9f9; border-radius: 3px; } .service_link_box ul li a:hover span { overflow: visible; white-space:normal; word-break: break-all; } .service_link_box ul li a .system_ra { background: url(../images/background_rss/rims_analysis_logo.png) no-repeat 50% 0; } .service_link_box ul li a .system_rd { background: url(../images/background_rss/rims_discovery_logo.png) no-repeat 50% 0; } .service_link_box ul li a .system_s2 { background: url(../images/background_rss/s2journal_logo.png) no-repeat 50% 0; } .service_link_box ul li a .system_g { background: url(../images/background_rss/circle_gotit.png) no-repeat 50% 0; } .service_link_box ul li a .system_prism { background: url(../images/background_rss/prism_logo.png) no-repeat 50% 0; } .service_link_box ul li a .system_board { background: url(../images/background_rss/system_board.png) no-repeat 50% 0; } .service_link_box ul li a .system_rss { background: url(../images/background_rss/system_icon01.png) no-repeat 50% 0; } .service_link_box ul li a .system_sw { background: url(../images/background_rss/scholarworks_logo.png) no-repeat 50% 0; } .service_link_box ul li .service_gray span { color: #aeaeae} .service_link_box ul li .service_gray em { background: url(../images/background_rss/rims_logo_dis.png) no-repeat 50% 0; } .service_link_box ul li .service_gray .system_rss { background: url(../images/background_rss/system_icon01_dis.png) no-repeat 50% 0; } .service_link_box ul li .service_gray .system_sw { background: url(../images/background_rss/scholarworks_logo_dis.png) no-repeat 50% 0; } .service_link_box ul li .service_gray .system_ra { background: url(../images/background_rss/rims_analysis_logo_dis.png) no-repeat 50% 0; } .service_link_box ul li .service_gray .system_rd { background: url(../images/background_rss/rims_discovery_logo_dis.png) no-repeat 50% 0; } .service_link_box ul li .service_gray .system_s2 { background: url(../images/background_rss/s2journal_logo_dis.png) no-repeat 50% 0; } .service_link_box ul li .service_gray .system_g { background: url(../images/background_rss/circle_gotit_dis.png) no-repeat 50% 0; } .service_link_box ul li .service_gray .system_prism { background: url(../images/background_rss/prism_logo_dis.png) no-repeat 50% 0; } .service_link_box ul li a span { overflow: hidden; text-overflow: ellipsis; display: block; text-align: center; white-space: nowrap; width: 70px; margin: 4px auto 0 auto; font-size: 14px; font-family: Nanum Barun Gothic;} .service_bt_wrap:hover .service_btn { background-color: #dfdfdf; } .service_bt_wrap:hover .service_link_box { visibility: visible; top:42px; opacity: 1; } .top_user_box { float:left; border:1px solid #dadce0; border-radius: 4px; padding: 6px; margin-left: 10px; } .top_user_box:hover { border:1px solid #9f9f9f; } .rss_user_box { padding: 0 0 0 30px;background: url(../images/background_rss/top_user_icon.png) no-repeat 0 0px; font-size: 12px; color: #000; line-height: 26px;} .logout_btn { display: inline-block; background: #f3f3f3; font-size: 11px;color: #333; padding: 0 8px; line-height: 20px; margin-left: 10px; border-radius: 10px;} .user_search_wrap { float: left; background:#f1f3f4 url(../images/background_rss/user_search_icon.png) no-repeat 14px 11px; height: 31px; border-radius: 4px; padding: 7px 15px 0 40px; width:448px; margin: 0 0 0 58px; border:1px solid transparent; position: relative;} .user_search_wrap .u_s_int { width: 100%; height: 26px; border:0px; background: transparent; outline: none; font-size: 14px; } .search_bt { background:#f1f3f4 url(../images/background_rss/user_search_icon.png) no-repeat 5px 5px; top:15px; left: 697px; text-indent: -9999px; width: 25px; height: 25px; position: absolute; } /*0525*/ .locked_select {cursor: default; opacity: 0.5; -webkit-appearance:none; -moz-appearance:none;border-color: #fff; appearance:none} .locked_select::-ms-expand{ display:none; } .locked { opacity: 0.5; cursor:default; border-color: #fff !important; padding: 0;} .panel_int_row { position: relative; display: inline-block; margin: 0 15px 0 0; padding: 0 0 0 20px; } .panel_int_row input { position: absolute; left: 0; top: 0; min-width: 1em; /*width: 100%;*/ height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .radio { display: inline-block; vertical-align: middle; } .int_label { margin: 0 7px 0 0; vertical-align: middle; line-height: 16px; display: inline-block; cursor:default; } /*.int_label:after { content: ''; display: block; clear: both; width: 16px; height: 16px; background:url(../images/background/radio_int_icon.png) no-repeat 0 0; position: absolute; left:0; top:0px; transition: all 0.3s ease; }*/ /*.i_r_int:checked~.int_label:after { background:url(../images/background/radio_int_on_icon.png) no-repeat 0 0; }*/ /*.locked .i_r_int:checked~.int_label:after { background:url(../images/background/radio_int_g_icon.png) no-repeat 0 0; }*/ /*.locked .int_label:after { background:#c9c9c9; border-radius: 8px; }*/ /*.int_chk_type .int_label:after { background:url(../images/background/check_int_icon.png) no-repeat 0 0; }*/ /*.int_chk_type .i_r_int:checked~.int_label:after { background:url(../images/background/check_int_on_icon.png) no-repeat 0 0; }*/ /*!*.int_chk_type .i_r_int:checked~.int_label:after { background:url(../images/background/check_int_on_icon.png) no-repeat 0 0; }*!*/ /*.int_chk_type.locked { opacity: 0.5; }*/ /*.int_chk_type.locked .int_label:after { background:#c9c9c9; border-radius: 0px; }*/ /*.int_chk_type.locked .i_r_int:checked~.int_label:after { background:url(../images/background/check_int_g_icon.png) no-repeat 0 0; }*/ /*.panel_int_row.locked input { cursor:default; }*/ .int_label.locked { opacity: 0.5; } .idAt.locked { opacity: 0.5; } .insttRsltAt.locked { opacity: 0.5; } /* 0624 */ .service_bt_wrap { margin-left: 8px; } .service_bt_wrap .top_icon_btn {margin-left: 0px;} .top_language_box { float: left; position: relative; margin-left: 8px; } .top_language_box .top_icon_btn {margin-left: 0px;} .t_language_icon { background: url(../images/background/top_language_icon.png) no-repeat 9px 50%; } .language_drop_box { visibility: hidden; position: absolute; left: 50%; margin-left: -80px; top: 40px; z-index: 9; background: #fff; border-radius: 10px; box-shadow: 0 2px 10px #999; padding: 5px; width: 160px; transition: all 0.3s ease; opacity: 0; } .language_drop_box:after { content: ''; display: block; clear: both; background: url(../images/background/system_toggle_arrow.png) no-repeat 0 0px; width: 10px; height: 4px; position: absolute; left:50%; margin:0 0 0 -5px; top:-4px;} .language_drop_box ul li a{ display: block; line-height: 26px; padding: 0 0 0 10px; border-radius: 3px; } .language_drop_box ul li a:hover { background: #f9f9f9; color: #222; } .top_language_box:hover .language_drop_box { visibility: visible; top:42px; opacity: 1; } .top_language_box:hover .t_language_icon { background-color: #dfdfdf; } /* 시스템 alert */ .system_worked {display: inline-block; background: url(../images/common/background/help_icon.png) no-repeat 1px 1px; padding: 0 0 0 14px; line-height: 17px; cursor: help;} .choiced { display: inline-block; } .choiced_user{ display: inline-block; padding: 2px 3px 2px 3px; border: 1px solid #aaa; border-radius: 3px; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #333; margin-right: 1px; margin-bottom: 3px; } .choiced .choiced_user span{ display: inline-block; vertical-align: top; word-wrap: break-word; margin-right: 5px; } .choiced .choiced_user .choiced_close{ display: inline-block; } .choiced_close { background: url(../images/background/int_del_icon.png) no-repeat 50% 50%; width: 12px; height: 12px; text-indent: -9999px } .tbl_clear_bt{ position: absolute; top: 0; right: -24px; background: url(../images/background/tbl_row_del_icon.png) no-repeat 50% 50%; text-indent: -9999px; display: inline-block; width: 21px; height: 21px; border: 1px solid #ddd; } h1.logo_h1 { position: relative; float: left; margin: 0 !important; } h1.logo_h1 .logo_h1_img { height: 38px; float: left; } h1.logo_h1 .logo_h1_img img { height: 38px; width: auto; } h1.logo_h1 .h1_logo_text { float: left; display: block; text-indent: -9999px; background:url(../images/background/logo_text.png) no-repeat 0 0; width: 168px; height: 31px; margin: 3px 0 0 7px; } /* 0816 추가 */ /*.my_info_box { float: left; width: 260px; }*/ .m_u_name { position: relative; background:url(../images/background/user_sm_icon.png) no-repeat 0 0; padding: 4px 0 10px 52px;} .m_u_name p { font-size: 16px; font-weight: bold; color: #111; margin-bottom: 2px; } .m_u_name span { display: block; font-size: 12px; color: #707070; } .m_u_link { border-top: 1px solid #d3d3d3; } .m_u_link h4 { color: #acacac; font-size: 10px; line-height: 10px; float: left; position: relative;padding: 8px 0 0 0; margin: 0 0 0 13px} .m_u_link h4:after { content: ''; display: block; position: absolute; left:0; top:-1px; background:#878787; width: 19px; height: 2px; } .m_u_link ul { margin: 0px 0 0 52px; padding-top:6px;} .m_u_link ul li { float: left; margin-right: 4px } .m_u_link ul li:last-child { margin-right: 0px } .m_u_link ul li a em.orcid_link_type { text-indent: -9999px; background:#d2d2d2 url(../images/background/m_orcid_icon.png) no-repeat 50% 4px; } /* 툴팁 스타일*/ .tooltip_type em { display: block; width: 36px; height: 23px; text-align: center; color: #777; line-height: 25px; border-radius: 4px; background: #d2d2d2; font-size: 14px; font-weight: bold; border:1px solid #d2d2d2; transition:all 0.3s ease; } .tooltip_type:hover em{ position: relative; } .tooltip_type:hover em:before { content: ''; display: block; position: absolute; left:50%; top:26px; border: 5px solid #000; border-right:5px solid transparent;border-left:5px solid transparent; border-top:5px solid transparent; margin: 0 0 0 -3px;} .tooltip_type:hover em:after{background-color: #000; text-align: center; border-radius: 13px; text-indent:0; color: #fff !important; line-height: 25px; font-size: 12px; content: attr(aria-label); margin-bottom: 10px; top: 36px; left: 50%; position: absolute; opacity: 0.9; padding: 0px 12px; height: 25px; width: 110px; margin-left: -55px; word-break: break-word; white-space: nowrap; z-index: 9999; } .tooltip_type:hover em.orcid_link_type:after { width: 80px; margin-left: -40px; } .tooltip_type:hover em.scopus_link_type:after { width: 80px; margin-left: -40px; } .m_u_link ul li a.on .orcid_link_type { background:#9bd000 url(../images/background/m_orcid_icon_on.png) no-repeat 50% 4px; } .m_u_link ul li a.on:hover .orcid_link_type { border:1px solid #739a00 } .m_u_link ul li a.on .ri_link_type { background: #ff5300; border-color: #ff5300; color: #fff; } .m_u_link ul li a.on:hover .ri_link_type { border:1px solid #c34b12 } .m_u_link ul li a.on .scopus_link_type { background: #006573; border-color: #006573; color: #fff; } .m_u_link ul li a.on:hover .scopus_link_type { border:1px solid #00414a } .m_u_link ul li a.on .google_link_type { background: #007fff; border-color: #007fff; color: #fff; } .m_u_link ul li a.on:hover .google_link_type { border:1px solid #076cd3 } .m_u_link ul li a.on .rg_link_type { background: #19cabb; border-color: #19cabb; color: #fff; } .m_u_link ul li a.on:hover .rg_link_type { border:1px solid #009b8e } .m_u_link ul li a.on:hover em { box-shadow:-2px 3px 7px rgba(0,0,0,0.4);} /* 24.05.16 추가 */ .top_s2journal_link { display: block; background: url(../images/background/s2journal_link_img_small.png) no-repeat 0 0; width: 100px; height: 19px; text-indent: -99999px; overflow: hidden; transition:all 0.3s ease; } .top_s2journal_link:hover { transform: translate(3px, -1px); } .dropdown_checkbox_btn { float: left; position: static; } .dropdown_checkbox_btn .dropdown-menu span { display: inline-block; padding: 0 0 0 10px; } .dropdown_checkbox_btn .dropdown-menu .fm_up { display: inline-block; background: url(../images/background/dept_down_arrow.png) no-repeat 50% 50%; width: 25px; height: 22px; vertical-align: middle; margin: 0 0 0 4px; } .dropdown_checkbox_btn .dropdown-menu { right: 0; left: 35px; position: fixed; z-index: 1; } .dropdown_checkbox_btn .btn { padding: 1px 0; min-width: 1.5rem; background-color: rgb(0, 0, 0, 0); margin-left: 2px; } .dropdown_checkbox_btn .btn:hover { background-color: #fcefa1; } .dropdown_checkbox_btn .dropdown-toggle span { display: inline-block; font-size: 14px; } .dropdown_checkbox_btn .dropdown-toggle .fm_up { display: inline-block; background: url(../images/background/dept_down_arrow.png) no-repeat 50% 50%; width: 12px; height: 22px; vertical-align: middle; margin: 0 2px 0 4px; } .dropdown_checkbox_list { width: 140px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-color: white; } .dropdown_checkbox_list li{ display: block; padding: 5px 10px 5px 10px; white-space: normal; float: left; } .form-control { border-radius: 7px; line-height: 21px; border: 1px solid #b1b1b1; padding: 0 0 0 6px; } .add_bt_wrap { display: flex; flex-wrap: nowrap; justify-content: space-between } .full_int_box { flex-grow:1 } .add_row_bt, .del_row_bt, .search_row_bt { border:1px solid #b1b1b1; width: 26px; height: 26px; border-radius: 7px; text-indent: -9999px; overflow: hidden; } .add_row_bt { background: url(../images/background/plus_icon.png) no-repeat 50% 50%; } .search_row_bt { background: url(../images/background/tbl_search_icon.png) no-repeat 50% 50%; } .del_row_bt { background: url(../images/background/minus_icon.png) no-repeat 50% 50%; } .keyword_list_box { overflow: hidden; } .keyword_list_box li { float: left; margin: 5px 5px 0 0; border:1px solid #ddd; border-radius: 20px; padding: 2px 4px 5px 10px; transition: all 0.3s ease; } .keyword_list_box li:hover { border:1px solid #1762ad; } .keyword_list_box li span { display: inline-block; font-size: 14px; vertical-align: middle; } .keyword_list_box li .del_item_bt { display: inline-block; background: url(../images/background/int_del_icon.png) no-repeat 50% 50%;width: 20px; height: 20px; text-indent: -9999px;border:0px; opacity: 0.5; vertical-align: middle; margin: 0 0 0 10px; border-radius: 10px; } .keyword_list_box li .del_item_bt:hover { background-color: #ccc; }