@charset "utf-8";
/* skipnavigation */
#skipnavigation {position:relative; z-index:9999;} 
#skipnavigation ul li {position:absolute; width:100%; text-align:center;} 
#skipnavigation ul li a {display:block; height:1px; width:1px; margin-bottom:-1px; padding:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipnavigation ul li a:hover, #skipnavigation ul li a:focus, #skipnavigation ul li a:active {display:block; height:auto; width:100%; padding:10px 0; margin:0; font-size:15px; font-weight:bold; color:#fff; background:#111; text-align:center;}
/* tab style */
.cont_tab {overflow:hidden;}
.cont_tab > li {float:left; width:20%;}
.six .cont_tab> li {width:16.655%;}
.cont_tab > li.four {width:25%;}/*sh추가 4칸*/
.cont_tab > li > a{display:block; margin-left:-1px; padding:12px 5px 12px 15px; border:1px solid #d2d2d2; box-sizing:border-box; font-size:14px; color:#303030;}
.cont_tab > li:nth-child(n+6) > a{border-top:0;}
.cont_tab > li:nth-child(1) > a, .cont_tab > li:nth-child(6n) > a{margin-left:0;}
.six .cont_tab > li:nth-child(n+6) > a{border-top:1px solid #d2d2d2;border-left:0px;}
.six .cont_tab > li:nth-child(n+7) > a{border-top:0;}
.six .cont_tab > li:nth-child(n+8) > a{border-left:0;}
.cont_tab > li > a.on, .cont_tab > li > a:hover, .cont_tab > li > a:focus, .cont_tab > li > a:active {background:url(/images/common/cont_tab_arr.png) no-repeat 200px 11px #10537d; border-color:#10537d; color:#fff; text-decoration:none;}/*sh 색상 수정*/
/*나라별 국기 이미지 탭 추가*/
.cont_tab > li.korea > a::before {content:"";background:url(/images/common/icon_korea.png) no-repeat; padding: 1px 15px 0px 17px;}
.cont_tab > li.english > a {padding-left:10px;}
.cont_tab > li.english > a::before {content:"";background:url(/images/common/icon_english.png) no-repeat; padding: 1px 15px 0px 17px;}
.cont_tab > li.china > a {padding-left:10px;}
.cont_tab > li.china > a::before {content:"";background:url(/images/common/icon_china.png) no-repeat; padding: 1px 15px 0px 17px;}
.cont_tab > li.vietnam > a {padding-left:10px;}
.cont_tab > li.vietnam > a::before {content:"";background:url(/images/common/icon_vietnam.png) no-repeat; padding: 1px 15px 0px 17px;}
.detail_tab {overflow:hidden; margin-left:-2px;}
.detail_tab li{float:left; width:12.5%; margin-bottom:2px;}
.detail_tab li a{display:block; height:40px; margin-left:2px; line-height:40px; border:1px solid #d2d2d2; background:#f0f0f0; color:#303030; text-align:center;}
.detail_tab li a.on,
.detail_tab li a:hover,
.detail_tab li a:focus,
.detail_tab li a:active{border:1px solid #10537d; background:#10537d; color:#fff; text-decoration:none;}
/* 타이틀 관련 */
.cont_title1 {color:#3e5572; font-size:22px; font-weight:600; line-height:28px;}/*20181120수정*/
.cont_title2 {margin-top:20px; padding-left:17px; background:url(/images/common/bul_cont_title2.gif) no-repeat 0 8px; color:#303030; font-size:18px; font-weight:600; line-height:26px;}/*20181024수정*/
.cont_title3 {margin-top:20px; padding-left:13px; background:url(/images/common/bul_cont_title3.gif) no-repeat 0 7px; color:#303030; font-size:16px; font-weight:600;}/*20181024수정*/
.cont_title4 {margin-top:20px; font-size:14px; font-weight:600; line-height:20px;}/*20181024수정*/
.cont_title_etc {margin-top:20px; padding-left:13px; background:url(/images/common/bul_cont_title_etc.gif) no-repeat 0 7px; color: #0d7e9c; font-size:16px; font-weight:600; line-height:22px;}/*20181024수정*/
.cont_title1 ~ .cont_title1 {margin-top:30px;}
.no_margin {margin-top:0px;}
/* list_style */
.list_st1 > li {margin:0 0 5px 0; padding-left:14px; background:url(/images/common/bul_bar.gif) no-repeat 0 6px;}/*20181128 sh수정@*/
.list_st2 > li {margin:0 0 5px 0; padding-left:10px; background:url(/images/common/bul_arrow.gif) no-repeat 0 5px;}/*20181128 sh수정@*/
.list_st_etc > li {margin:0 0 5px  0; padding-left:14px; background:url(/images/common/bul_etc_bar.gif) no-repeat 0 6px;}/*20181128 sh수정@*/
.list_st1 > li > ul > li {margin:0 0 5px 0; padding-left:14px; background:url(/images/common/bul_arrow.gif) no-repeat 0 7px;}
.ol_list_decimal {margin-left:25px;}
.ol_list_decimal > li{margin:0 0 5px 0; list-style:decimal-leading-zero;}
/* text style */
.text_st1{padding-left:14px; background:url(/images/common/bul_bar.gif) no-repeat 0 6px;}/*20181128_sh수정@*/
.text_st2{padding-left:10px; background:url(/images/common/bul_arrow.gif) no-repeat 0 5px;}/*20181128_sh수정@*/
.text_atten{display:inline-block; padding-left:12px; background:url(/images/common/bul_atten.gif) no-repeat 0 6px;}
.text_atten_red{display:inline-block; padding-left:12px; background:url(/images/common/bul_atten_red.gif) no-repeat 0 6px; color:#da3610;}
.text_warning{display:inline-block; padding-left:20px; background:url(/images/common/bul_warn.gif) no-repeat 0 1px; line-height:18px;}
.text_warning2{display:inline-block; padding-left:20px; background:url(/images/common/bul_warn2.gif) no-repeat 0 1px; line-height:18px;}
.text_warning3{display:inline-block; padding-left:20px; background:url(/images/common/bul_warn3.gif) no-repeat 0 1px; line-height:18px;}/*20181023추가_red블릿추가*/
/* 내용강조 박스 */
.gray_box {padding:15px; border:1px solid #d0d0d0; background:#f3f3f3; line-height:18px;}/*sh 수정*/
.line_box {padding:15px; border:1px solid #d0d0d0; background:#fff; line-height:18px;}/*sh 수정*/
.line_box_two {padding:15px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; line-height:18px; background:#fff;}/*sh 추가*/
.dot_box {padding:15px; border:1px dotted #d0d0d0; background:#fff; line-height:18px;}/*sh 수정*/
/* 가이드박스 */
.guide_box {position:relative; min-height:85px; padding:20px 20px 20px 122px; border:1px solid #d2d2d2; background:url(/images/common/icon_guidebox1.png) no-repeat 20px 20px #fff; line-height:18px;}
.guide_box .guidebox_title {margin-bottom:10px; font-size:18px; font-weight:600; color:#303030;}
.guide_box.guide_type2 {background:url(/images/common/icon_guidebox2.png) no-repeat 20px 20px #f2f5fa;}
/* 데이터 테이블 */
.tb_base {width:100%; margin-top:10px; border-collapse:collapse; border-top:2px solid #019caa;}/*20181106추가*/
.tb_base caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px;}
.tb_base thead th {text-align:center; padding:10px 5px 9px 5px; color:#333; background:#e0f7f9; border:1px solid #d0d0d0;} /* sj20181106 */
.tb_base tbody th {text-align:center; padding:10px 5px 9px 5px; color:#333; background:#ecf7f9; border:1px solid #d0d0d0; font-weight:600;}/* sj20181106 */
.tb_base tfoot th {text-align:center; padding:10px 5px 9px 5px; color:#333; background:#d8eff3; border:1px solid #d0d0d0; font-weight:600;}/*sh추가*//* sj20181106 */
.tb_base tbody td {text-align:center; padding:10px 5px 9px 5px; color:#333; border:1px solid #d0d0d0; text-align:left; word-break: break-word; word-wrap:break-word;display: table-cell;}
.tb_base tfoot td {text-align:center; padding:10px 5px 9px 5px; color:#333; border:1px solid #d0d0d0; text-align:left; word-break: break-word; word-wrap:break-word; background:#f0f0f0;}/*sh추가*/
.tb_base tbody th.th_sub, .tb_base tbody td.th_sub{text-align:center; padding:10px 5px 9px 5px; background:#f3f3f3; font-weight:600; text-align:center;}/*20181106추가*/
.tb_base tbody.tb_center td,
.tb_base tfoot.tb_center td {padding:10px 5px 9px 5px; text-align:center;}/*sh수정*/
.tb_base tbody.tb_input td {padding:5px 5px 4px 5px; text-align:left;}
.tb_base tbody.tb_input td *{vertical-align:middle;}
.tb_base tbody.tb_input td button, .tb_base tbody.tb_input td a{vertical-align:top;}
.tb_base tbody th.al_l {padding:10px 5px 9px 5px; text-align:left;}/*sh추가*/
.tb_base tbody td.al_l {padding:10px 5px 9px 5px; text-align:left;}
.tb_base tbody td.al_c {padding:10px 5px 9px 5px; text-align:center;}
.tb_base tbody td.al_r {padding:10px 5px 9px 5px; text-align:right;}
.tb_base tbody td pre {color:#626262; font-size:13px; font-family:'Nanum Gothic','나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; white-space: pre-line; line-height:18px;}
.tb_base tbody td a {color:#027b90; text-decoration:none;}
.tb_base tbody td a:hover {color:#027b90; text-decoration:underline;}/*sh추가*/
/* 등록 테이블 */
.tb_write {width:100%; border-collapse:collapse; border-top:2px solid #303030; margin-top:10px;}
.tb_write caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px;}
.tb_write tbody th{padding:10px 10px 9px 20px; color:#303030; background:#f0f0f0; border:1px solid #d0d0d0; font-weight:600; text-align:left;}
.tb_write tbody td {padding:5px 10px 4px 10px; color:#333; border:1px solid #d0d0d0; text-align:left; word-break:keep-all; word-wrap:break-word;}
.tb_write tbody td *{vertical-align:middle;}
.tb_write tbody th.th_sub, .tb_base tbody td.th_sub{padding:10px 5px 9px 5px; background:#f3f3f3; font-weight:600; text-align:center;}
/* 리스트 테이블 */
.tb_list {width:100%; margin-top:10px; border-collapse:collapse;}
.tb_list caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px;}
.tb_list thead th {padding:10px 5px 9px 5px !important; color:#fff; background:#557196; border:1px solid #d0d0d0;}/*sh수정*//*sj20181108*/
.tb_list tbody th{padding:10px 5px 9px 5px !important; color:#3d3e3e; background:#557196; border:1px solid #d0d0d0; font-weight:600;}
.tb_list tbody td {padding:10px 5px 9px 5px !important; color:#333; border-left:1px solid #d0d0d0; border:1px solid #d0d0d0; text-align:center; word-break:break-all; word-wrap:break-word;}
.tb_list tbody td.bg_green {background:#eef4e8;} /* khs0907 고혈압용으로 추가 20181116 */
.tb_list tbody td.al_l {padding:10px 5px 9px 5px !important; text-align:left;}
.tb_list tbody td.al_r {padding:10px 5px 9px 5px !important; text-align:right;}
.tb_list tbody td a {color:#027a8f;}/*추가20180828*//*sj20181108*/
.tb_list tbody td a:hover {color:#027a8f;}/*sh추가20180828*/
.tb_list tbody tr:nth-child(odd){background:#f9f9f9;}
.tb_list tbody tr:hover td,
.tb_list tbody tr:hover td a {background:#e0f7fb; color:#027a8f;}/*sh추가20180828*//*sj20181108*/
.tb_list.tb_ovno tbody tr{background:inherit;}
.tb_list.tb_ovno tbody tr:hover td{background:inherit; color:#3d3e3e;}
.tb_list tfoot th {padding:10px 5px 9px 5px !important; background:#e5e8ed; border:1px solid #d0d0d0; color:#303030;}
.tb_list tfoot td {padding:10px 5px 9px 5px !important; background:#e5e8ed; border:1px solid #d0d0d0; color:#303030; text-align:center; font-weight:600;}
.tb_list tfoot td.al_l {padding:10px 5px 9px 5px !important; text-align:left;}
.tb_list tfoot td.al_r {padding:10px 5px 9px 5px !important; text-align:right;}
/* Grid Sort */
.tb_list thead.sort_list th{position:relative; padding:10px 20px 9px 5px !important;}
.tb_list thead.sort_list th .sort_btn{position:absolute; top:50%; right:5px; width:15px; margin-top:-17px;}
.tb_list thead.sort_list tr th{position: relative; padding-right: 40px !important; box-sizing: border-box;}
.sort_down {display:inline-block; width:15px; height:14px; text-indent:-9999px; background:url(/images/common/btn_sort_down_off.png) no-repeat; position: absolute; right:10px; top:50%; margin-top: -6px;}
.sort_up {display:inline-block; width:15px; height:14px; text-indent:-9999px; background:url(/images/common/btn_sort_up_off.png) no-repeat; position: absolute; right:28px; top:50%; margin-top: -6px;}
.sort_down.on,.sort_down:hover, .sort_down:focus, .sort_down:active {background:url(/images/common/btn_sort_down_on.png) no-repeat;}
.sort_up.on,.sort_up:hover, .sort_up:focus, .sort_up:active {background:url(/images/common/btn_sort_up_on.png) no-repeat;}
.tb_scroll_y {overflow-y:auto; max-height:250px;}
.tb_scroll {overflow-x:scroll;}
.tb_scroll table{width:150%;}
.tb_scroll_x {overflow-x: auto; overflow-y: hidden;}
.tb_scroll_x table{width: 100%;}
/* input style */
input[type="text"], input[type="password"], select, textarea{margin:0; border:1px solid #d2d2d2; color:#333; vertical-align:top; box-sizing:border-box; font-family:inherit;}
input[type="text"], input[type="password"]{height:30px; padding:2px 10px;line-height:18px;}
textarea {width:100%; height:217px; padding:15px; resize:none;}
select {min-width:120px; height:30px; padding:0 10px; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/common/bul_select.png) no-repeat right;}
select::-ms-expand {display:none;}
/* 비활성화 */
input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled{background:#f2f2f2; color:#afafb0;}
select:disabled {background-color:#f2f2f2; color:#afafb0;}
/* 체크input */
label {position:relative; margin-right:15px; vertical-align:top !important;}
th > label {margin-right:0;}
label > input[type="checkbox"], label > input[type="radio"] {position:absolute; left:0; width:0px; height:0px; text-indent:-1px; opacity: 0;}
label > input[type="checkbox"] + span {display:inline-block; padding-left:20px; background:url(/images/common/icon_checkbox.gif) no-repeat; line-height:15px; cursor:pointer;}
label > input[type="checkbox"]:hover + span,
label > input[type="checkbox"]:focus + span,
label > input[type="checkbox"]:active + span {background-position:0 -15px;}
label > input[type="checkbox"]:checked + span {background-position:0 -30px; font-weight:600;}
label > input[type="checkbox"]:disabled + span{background-position:0 -45px; color:#aaa;}
label > input[type="radio"] + span {display:inline-block; padding-left:20px; background:url(/images/common/icon_radio.gif) no-repeat; line-height:15px; cursor:pointer;}
label > input[type="radio"]:hover + span,
label > input[type="radio"]:focus + span,
label > input[type="radio"]:active + span {background-position:0 -15px;}
label > input[type="radio"]:checked + span {background-position:0 -30px; font-weight:600;}
label > input[type="radio"]:disabled + span{background-position:0 -45px; color:#aaa;}
/* 달력 */
.calender_type {display:inline-block; position:relative; padding:0;}
.calender_type input[type="text"]{width:100%; padding:2px 35px 2px 10px;}
.calender_type button{position:absolute; top:1px; right:1px; display:inline-block; width:34px; height:28px; background:url(/images/common/icon_calender.png) no-repeat center #f0f0f0; text-indent:-9999px; vertical-align:top; border-left:1px solid #d2d2d2;}
.calender_type button:hover, .calender_type button:focus, .calender_type button:active{background:url(/images/common/icon_calender_on.png) no-repeat center #f2f5fa;}
.inp_text {display:inline-block; margin:0px 5px 0 3px; vertical-align:middle;}
/* 파일선택 */
.inp_file {position:relative;}
.inp_file .file_name{width:calc(100% - 71px); vertical-align:middle;  }
.inp_file label{margin-right:0; min-width:65px; cursor:pointer; box-sizing:border-box;}
.inp_file .file_btn{overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; margin-left:-1px; opacity:0;}
.inp_file label:focus{outline:1px dotted red;}
/* 파일업로드 */
.file_upload {background:#f0f0f0; padding:5px;}
.file_upload .inp_file{display:inline-block; width:calc(100% - 115px);}
.file_upload .btn_upload{display:inline-block; height:30px; padding:0 15px; color:#fff; background:#10537c; border-radius:3px; font-size:12px;}
.file_upload .btn_upload span{padding-left:20px; background:url(/images/common/icon_upload.png) no-repeat;}
.file_upload .btn_upload:hover,
.file_upload .btn_upload:focus,
.file_upload .btn_upload:active{background:#0c3e5d;  text-decoration:none;}
/* board_search*/
.board_search {position:relative; margin-top:20px; padding:20px 10px; border:1px solid #d2d2d2; border-top:3px double #d2d2d2;}
.board_search .search_layout1 *{vertical-align:top;}
.board_search .search_layout1{text-align:center;}
.board_search .search_layout1 select{min-width:110px;}
.board_search .search_layout1 label{display:inline-block; line-height:30px;}
.board_search .search_layout1 input[type="text"]{min-width:350px;}
.board_search .search_layout1 > li + li {margin-top:5px;}
.board_search > ul{overflow:hidden; padding:0 88px 0 0;}
.board_search > ul li *{vertical-align:middle !important;}
.board_search > ul li label, .board_search > ul li em{display:inline-block; min-width:105px; margin-right:0; text-align:right;}
.board_search > ul.search_layout2 > li{float:left; width:50%; margin-bottom:5px;}
.board_search > ul.search_layout2 > li > select.min{min-width:16%;}
.board_search > ul.search_layout3 > li{float:left; width:33%; margin-bottom:5px;}
.board_search > ul.search_layout3 > li.layout_sum{width:66%;}
.board_search .btn_board_search{position:absolute; top:20px; right:20px;}
.board_search .btn_board_search *{vertical-align:top;}
.board_search .btn_reset{display:inline-block; width:30px; height:30px; background:url(/images/common/icon_reset.png) no-repeat center #10537c; text-indent:-9999px; border-radius:3px;}
.board_search input[type="submit"]{display:inline-block; height:30px; padding:0 10px; border-radius:3px; background:#557195; color:#fff; border:0; line-height:28px; font-family:'Nanum Gothic','나눔고딕'; cursor:pointer;}
.board_search input[type="submit"]:hover, .board_search input[type="submit"]:focus, .board_search input[type="submit"]:active{background:#e0f7fb;}
/* board_list */
.board_count {margin-top:20px; text-align:right;}
.board_count:after {content:''; display:block; clear:both;}
.board_count > span:first-child{float:left; margin-top:4px; padding-left:10px; color:#10537c; font-size:14px; background:url(/images/common/bul_board_count.gif) no-repeat 0 8px;}
.board_count > span ~ button{margin-left:10px;}
.board_count > .page_list{display:inline-block; position:relative; width:124px; z-index:20; vertical-align:middle;}
.board_count > .page_list > p > button{width:100%; height:30px; padding:0 45px 0 10px; border:1px solid #d2d2d2; background:url(/images/common/bul_page_list_off.png) no-repeat right #f0f0f0; border-radius:5px; color:#626262;}
.board_count > .page_list > p > button.on{border:1px solid #0c7d9b; background:url(/images/common/bul_page_list_on.png) no-repeat right #0d7e9c; border-radius:5px 5px 0 0; color:#fff;}
.board_count > .page_list > p > button:hover,
.board_count > .page_list > p > button:focus,
.board_count > .page_list > p > button:active{border:1px solid #0d7e9c; background-color: #0d7e9c; border-radius:5px 5px 0 0; color:#fff;}
.board_count > .page_list > ul{position:absolute; top:29px; left:0; width:122px; z-index:30; border:1px solid #d2d2d2; border-bottom:0;}
.board_count > .page_list > ul li{border-bottom:1px solid #d2d2d2;}
.board_count > .page_list > ul li > button{display:inline-block; width:100%; height:30px; padding:0 10px; background:#fff; line-height:28px; text-align:left;}
.board_count > .page_list > ul li > button:hover,
.board_count > .page_list > ul li > button:focus,
.board_count > .page_list > ul li > button:active{background:#e0f7fb;  color:#0790a8;}
.board_list {margin-top:20px; width:100%; border-collapse:collapse; border-top:2px solid #303030;}
.board_list caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px;}
.board_list thead th {padding:10px 5px 9px 5px; color:#303030; background:#f0f0f0; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.board_list thead th:first-child , .board_list tbody td:first-child{border-left:0;}
.board_list tbody td {padding:10px 5px 9px 5px; color:#626262;  border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; text-align:center; word-break:keep-all; word-wrap:break-word;}
.board_list tbody td > a:hover, .board_list tbody td > a:focus, .board_list tbody td > a:active{color:#027a8f;}
.board_list tbody td a:hover {color:#027a8f;}/* 추가20180912 *//* sj20180912 */
.board_list tbody td.al_l {padding:10px 5px 9px 20px; text-align:left;}
.board_list tbody td.al_c {padding:10px 5px 9px 5px; text-align:center;}
.board_list tbody td.al_r {padding:10px 20px 9px 5px; text-align:right;}
/* board_view */
.board_view .view_top{position:relative; padding:20px; border-top:2px solid #303030; border-bottom:1px solid #d0d0d0; background:#f0f0f0;}
.board_view .view_top .board_title{font-size:16px; font-weight:600; color:#303030;}
.board_view .view_top .view_info{overflow:hidden; margin-top:10px;}
.board_view .view_top .view_info .write_info{float:left;}
.board_view .view_top .view_info .write_info > span:before{content:''; display:inline-block; width:1px; height:7px; margin:0 15px 0 10px; background:#626262; vertical-align:middle;}
.board_view .view_top .view_info .write_info > span:first-child:before{content:''; display:inline-block; width:0px; height:0px; margin:0px;}
.board_view .view_top .view_info .write_date{float:right;}
.board_view .file_list{padding:5px 5px 0 20px; border-bottom:1px solid #303030;}
.board_view .file_list li{margin-bottom:5px;}
.board_view .file_list li a{display:inline-block;}
.board_view .file_list li a:hover, .board_view .file_list li a:focus, .board_view .file_list li a:active{color:#027a8f;}
.board_view .file_list li span{display:inline-block; padding-left:28px; line-height:22px;}
.list_file_icon {display:inline-block; width:22px; height:22px; text-indent:-99999px;}
.file_down {background:url(/images/common/file_down.png) no-repeat;}
.file_pdf {background:url(/images/common/file_pdf.png) no-repeat;}
.file_ie {background:url(/images/common/file_ie.png) no-repeat;}
.file_hwp {background:url(/images/common/file_hwp.png) no-repeat;}
.file_xls {background:url(/images/common/file_xls.png) no-repeat;}
.file_doc {background:url(/images/common/file_doc.png) no-repeat;}
.file_ppt {background:url(/images/common/file_ppt.png) no-repeat;}
.file_jpg {background:url(/images/common/file_jpg.png) no-repeat;}
.file_gif {background:url(/images/common/file_gif.png) no-repeat;}
.file_detail {background:url(/images/common/file_detail.png) no-repeat;}
/*file 추가*/
.file_css{background:url(/images/common/file_css.png) no-repeat;}
.file_dat {background:url(/images/common/file_dat.png) no-repeat;}
.file_docx {background:url(/images/common/file_docx.png) no-repeat;}
.file_dtd {background:url(/images/common/file_dtd.png) no-repeat;}
.file_file {background:url(/images/common/file_file.png) no-repeat;}
.file_folder {background:url(/images/common/file_folder.png) no-repeat;}
.file_png {background:url(/images/common/file_png.png) no-repeat;}
.file_sas {background:url(/images/common/file_sas.png) no-repeat;}
.file_svg {background:url(/images/common/file_svg.png) no-repeat;}
.file_txt {background:url(/images/common/file_txt.png) no-repeat;}
.file_xlsx {background:url(/images/common/file_xlsx.png) no-repeat;}
.file_xml {background:url(/images/common/file_xml.png) no-repeat;}
.file_xpt {background:url(/images/common/file_xpt.png) no-repeat;}
.file_xsd {background:url(/images/common/file_xsd.png) no-repeat;}
.file_xsl {background:url(/images/common/file_xsl.png) no-repeat;}
.board_view .board_body{overflow:hidden; margin-bottom:20px; padding:20px; border-bottom:1px solid #d2d2d2; line-height:18px;}
.board_view .board_view_paging{margin-top:10px; border-top:1px solid #303030;}
.board_view .board_view_paging li{overflow:hidden; padding:15px 20px 13px 40px; border-bottom:1px solid #d2d2d2;}
.board_view .board_view_paging li > a{float:left;}
.board_view .board_view_paging li > span{float:right;}
.board_view .board_view_paging li.list_prev{background:url(/images/common/bg_view_prev.png) no-repeat 19px 20px;}
.board_view .board_view_paging li.list_next{background:url(/images/common/bg_view_next.png) no-repeat 19px 20px;}
/* photo_board */
.photo_list {margin-top:20px; padding:20px 5px 0 5px; border-top:2px solid #303030; border-bottom:2px solid #303030;}
.photo_list ul{overflow:hidden; margin-left:-15px;}
.photo_list ul li{float:left; width:25%; margin-bottom:20px;}
.photo_list ul li a{display:block; margin:0 15px; height:190px;}
.photo_list ul li .photo_img img{width:100%; height:128px; border:1px solid #d2d2d2;}
.photo_list ul li .photo_info span:first-child{display:block; margin:8px 0; color:#626262;}
.photo_list ul li .photo_info span ~ span{line-height:18px; color:#626262;}
.photo_list ul li a:hover, .photo_list ul li a:focus, .photo_list ul li a:active{text-decoration:none;}
.photo_list ul li a:hover span ~ span,
.photo_list ul li a:focus span ~ span,
.photo_list ul li a:active span ~ span{text-decoration:underline; color:#027a8f;}
/* 페이징 */
.page_navi {margin-top:20px; text-align:center; line-height:18px;}
.page_navi a {display:inline-block; width:33px; height:33px; text-align:center; border:1px solid #d0d0d0; vertical-align:middle; line-height:33px; border-radius:3px;}
.page_navi button {display:inline-block; width:35px; height:35px; border:1px solid #d0d0d0; background-color:#f0f0f0; vertical-align:top; text-indent:-9999px; border-radius:3px;}
.page_navi button.page_first{background-image:url(/images/common/bg_page_first.png); background-repeat:no-repeat; background-position:0 -1px;}
.page_navi button.page_prev{margin-right:7px; background-image:url(/images/common/bg_page_prev.png); background-repeat:no-repeat; background-position:0 -1px;}
.page_navi button.page_next{margin-left:7px; background-image:url(/images/common/bg_page_next.png); background-repeat:no-repeat; background-position:0 -1px;}
.page_navi button.page_last{background-image:url(/images/common/bg_page_last.png); background-repeat:no-repeat; background-position:0 -1px;}
.page_navi button:hover, .page_navi button:focus, .page_navi button:active {border:1px solid #0d7e9c; background-position:0 -36px;}
.page_navi a.on ,.page_navi a:hover ,.page_navi a:focus, .page_navi a:active {background-color:#0D3E5E;color:#fff;text-decoration:underline;display: inline-block;}
.page_navi button.page_first:hover, .page_navi button.page_first:focus, .page_navi button.page_first:active, .page_navi button.page_last:hover, .page_navi button.page_last:focus, .page_navi button.page_last:active {background-color:#557195; border-color:#557195;}
.page_navi button.page_prev:hover, .page_navi button.page_prev:focus, .page_navi button.page_prev:active, .page_navi button.page_next:hover, .page_navi button.page_next:focus, .page_navi button.page_next:active {background-color: #0d7e9c; border-color: #0c7d9b;}
/* button */
.btn_area{overflow:hidden; margin-top:20px; text-align:center;}
.btn_area button, .btn_area a ,.btn_posi button, .btn_posi a {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle;}
.btn_normal {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; height:35px; padding:0 15px; line-height:33px;}
.btn_small {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; height:30px; padding:0 10px; font-size:12px; line-height:28px;}
.btn_list {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; height:25px; padding:0 10px; font-size:12px; line-height:23px;}
.btn_base {background-color:#626262; color:#fff !important; border:1px solid #626262; border-radius:3px;}
.btn_line {background-color:#f3f3f3; color:#626262; border:1px solid #d0d0d0; border-radius:3px;}
.btn_icon {background-color:#fcfcfd; color:#626262; border:1px solid #d0d0d0; border-radius:3px;}
/* normal */
.btn_point1 {background-color: #0d7e9c; border-color: #0d7e9c; color:#fff;}/*sj20181106*/
.btn_point2 {background-color: #557196; border-color: #557196; color:#fff;}/*sj20181106*/
.btn_point3 {background-color: #10537d; border-color: #10537d; color:#fff;}/*sj20181106*/
.btn_point4 {background-color:#DB3610; border-color:#DB3610; color:#fff;}/*sj20181106*/
.btn_base:hover, .btn_base:focus, .btn_base:active {background-color:#303030; border-color:#303030; color:#fff; text-decoration:none;}
.btn_point1:hover, .btn_point1:focus, .btn_point1:active {background-color:#015e6f; border-color:#208294;}/*sj20181106*/
.btn_point2:hover, .btn_point2:focus, .btn_point2:active {background-color:#3e5672; border-color:#3e5672;}/*sj20181106*/
.btn_point3:hover, .btn_point3:focus, .btn_point3:active {background-color:#0c3f5e; border-color:#0c3f5e;}/*sj20181106*/
.btn_point4:hover, .btn_point4:focus, .btn_point4:active {background-color:#ba2300; border-color:#ba2300;}/*sj20181106*/
/* line */
.btn_line.btn_point1 {background-color:#fff; border-color: #0c7d9b; color:#626262;}
.btn_line.btn_point2 {background-color:#fff; border-color: #557196; color:#626262;}
.btn_line.btn_point3 {background-color:#fff; border-color:#10537c; color:#626262;}
.btn_line.btn_point4 {background-color:#fff; border-color:#da3610; color:#626262;}
.btn_line.btn_point5 {background-color: #10537d; border-color: #10537d; color: #fff;}
.btn_line:hover, .btn_line:focus, .btn_line:active {background-color:#626262; border-color:#626262; color:#fff; text-decoration:none;}
.btn_line.btn_point1:hover, .btn_line.btn_point1:focus, .btn_line.btn_point1:active {background-color: #0c7d9b; border-color: #0c7d9b; color:#fff; text-decoration:none;}
.btn_line.btn_point2:hover, .btn_line.btn_point2:focus, .btn_line.btn_point2:active {background-color: #557196; border-color: #557196; color:#fff; text-decoration:none;}
.btn_line.btn_point3:hover, .btn_line.btn_point3:focus, .btn_line.btn_point3:active {background-color:#10537c; border-color:#10537c; color:#fff; text-decoration:none;}
.btn_line.btn_point4:hover, .btn_line.btn_point4:focus, .btn_line.btn_point4:active {background-color:#da3610; border-color:#da3610; color:#fff; text-decoration:none;}
.btn_line.btn_point5:hover, .btn_line.btn_point5:focus, .btn_line.btn_point5:active {background-color:#0c3f5e; border-color:#10537c; color:#fff; text-decoration:none;}
/* icon btn */
.btn_base .icon_link {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; padding-right:12px; background:url(/images/common/icon_arrow_white.png) no-repeat right;}
.btn_line .icon_link {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; padding-right:12px; background:url(/images/common/icon_arrow_black.png) no-repeat right;}
.btn_line:hover .icon_link, .btn_line:focus .icon_link, .btn_line:active .icon_link {background:url(/images/common/icon_arrow_white.png) no-repeat right;}
.btn_line .icon_link_blue {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; padding-right:12px; background:url(/images/common/icon_arrow_blue.png) no-repeat right;}/*sh추가*/
.btn_line .icon_link_init {position:relative; display:inline-block; box-sizing:border-box; padding-right:21px; background:url(/images/contents/ico_init.png) no-repeat right;}/*sh추가*/
.btn_line .icon_link_init:hover {background:url(/images/contents/ico_init_r.png) no-repeat right;}/*sh추가*/
.btn_base .icon_more {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; padding-right:12px; background:url(/images/common/icon_more_white.png) no-repeat right;}
.btn_line .icon_more {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; padding-right:12px; background:url(/images/common/icon_more_black.png) no-repeat right;}
.btn_line:hover .icon_more, .btn_line:focus .icon_more, .btn_line:active .icon_more {background:url(/images/common/icon_more_white.png) no-repeat right;}
.btn_base .icon_post {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; padding-left:23px; background:url(/images/common/icon_post_white.png) no-repeat left center;}
.btn_line .icon_post {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; padding-left:23px; background:url(/images/common/icon_post_black.png) no-repeat left center;}
.btn_line:hover .icon_post, .btn_line:focus .icon_post, .btn_line:active .icon_post {background:url(/images/common/icon_post_white.png) no-repeat left center;}
.btn_icon:hover, .btn_icon:focus, .btn_icon:active{border:1px solid #626262;}
.btn_icon span{display:inline-block; padding-left:26px; line-height:20px;}
/* 국기 아이콘 추가 */
.btn_icon .korea{background:url(/images/common/icon_korea.png) left top 1px no-repeat;}
.btn_icon .english{background:url(/images/common/icon_english.png) left top 1px no-repeat;}
.btn_icon .china{background:url(/images/common/icon_china.png) left top 1px no-repeat;}
.btn_icon .vietnam{background:url(/images/common/icon_vietnam.png) left top 1px no-repeat;}
.btn_icon .icon_pdf{background:url(/images/common/icon_btn_pdf.png) no-repeat;}
.btn_icon .icon_ie {background:url(/images/common/icon_btn_ie.png) no-repeat;}
.btn_icon .icon_hwp{background:url(/images/common/icon_btn_hwp.png) no-repeat;}
.btn_icon .icon_xls{background:url(/images/common/icon_btn_xls.png) no-repeat;}
.btn_icon .icon_doc{background:url(/images/common/icon_btn_doc.png) no-repeat;}
.btn_icon .icon_ppt{background:url(/images/common/icon_btn_ppt.png) no-repeat;}
.btn_icon .icon_exe{background:url(/images/common/icon_btn_exe.png) no-repeat;}
.btn_icon .icon_jpg{background:url(/images/common/icon_btn_jpg.png) no-repeat;}
.btn_icon .icon_gif{background:url(/images/common/icon_btn_gif.png) no-repeat;}
.btn_icon .icon_csv{background:url(/images/common/icon_btn_csv.png) no-repeat;}
.btn_icon .icon_xml{background:url(/images/common/icon_btn_xml.png) no-repeat;}
.btn_icon .icon_css{background:url(/images/common/icon_css.png) no-repeat;}
.btn_icon .icon_dat{background:url(/images/common/icon_dat.png) no-repeat;}
.btn_icon .icon_doc{background:url(/images/common/icon_doc.png) no-repeat;}
.btn_icon .icon_docx{background:url(/images/common/icon_docx.png) no-repeat;}
.btn_icon .icon_dtd{background:url(/images/common/icon_dtd.png) no-repeat;}
.btn_icon .icon_file{background:url(/images/common/icon_file.png) no-repeat;}
.btn_icon .icon_folder{background:url(/images/common/icon_folder.png) no-repeat;}
.btn_icon .icon_png{background:url(/images/common/icon_png.png) no-repeat;}
.btn_icon .icon_sas{background:url(/images/common/icon_sas.png) no-repeat;}
.btn_icon .icon_svg{background:url(/images/common/icon_svg.png) no-repeat;}
.btn_icon .icon_txt{background:url(/images/common/icon_txt.png) no-repeat;}
.btn_icon .icon_xlsx{background:url(/images/common/icon_xlsx.png) no-repeat;}
.btn_icon .icon_xml{background:url(/images/common/icon_xml.png) no-repeat;}
.btn_icon .icon_xpt{background:url(/images/common/icon_xpt.png) no-repeat;}
.btn_icon .icon_xsd{background:url(/images/common/icon_xsd.png) no-repeat;}
.btn_icon .icon_xsl{background:url(/images/common/icon_xsl.png) no-repeat;}
/* 기타버튼 */
.btn_inp_search {display:inline-block; width:30px; height:30px; background:url(/images/common/icon_inp_search.png) no-repeat center #0d7e9c; text-indent:-9999px; border-radius:3px;}
.icon_add {display:inline-block; padding-left:20px; background:url(/images/common/btn_icon_plus.png) no-repeat center left;}
.icon_del {display:inline-block; padding-left:20px; background:url(/images/common/btn_icon_minus.png) no-repeat center left;}
.icon_alldel {display:inline-block; padding-left:20px; background:url(/images/common/btn_icon_del.png) no-repeat center left;}
/* 타이틀 + 버튼 레이아웃 */
.tit_btn {position:relative; min-height:30px;}
.tit_btn .btn_posi{position:absolute; top:0; right:0;  }
/* 컬러클래스 */
.red_cr {color:#da3610;}
.blue_cr {color:#557196;}
.skyblue_cr {color:#027a8f;}/*sj 색변경*/
.esse {color:#d72900; font-weight:600;}
#con_body a[target="_blank"]{margin-right:3px; padding-right:12px; background:url(/images/common/icon_blank.png) no-repeat right; color:#3e5572;}/*sh 패딩 추가*/
#con_body h2 a[target="_blank"]{background: transparent;float:right;}/*btn_area 밑에 배경이 깔리지않게*/
/*ie clear input display none*/
input::-ms-clear{display:none;}
/* datepicker style */
#ui-datepicker-div {background:#fff;}
#ui-datepicker-div .ui-datepicker-header {position:relative; background:#f6f6f6;}
#ui-datepicker-div .ui-datepicker-prev {position:absolute; top:7px; left:2px; cursor:pointer;}
#ui-datepicker-div .ui-datepicker-prev span{display:inline-block; width:21px; height:21px; background:url(/images/common/icon_cal_prev.gif) no-repeat; text-indent:-9999px;}
#ui-datepicker-div .ui-datepicker-next {position:absolute; top:7px; right:2px; cursor:pointer;}
#ui-datepicker-div .ui-datepicker-next span{display:inline-block; width:21px; height:21px; background:url(/images/common/icon_cal_next.gif) no-repeat; text-indent:-9999px;}
#ui-datepicker-div .ui-datepicker-title {padding:5px 23px;}
#ui-datepicker-div .ui-datepicker-title select{min-width:70px; height:25px; margin:0 1px; background-color:#fff; font-size:12px;}
#ui-datepicker-div .ui-datepicker-calendar {width:100%;}
#ui-datepicker-div .ui-datepicker-calendar tbody td{text-align:center;}
#ui-datepicker-div .ui-datepicker-calendar tbody td > a{padding:2px; display:block;}
#ui-datepicker-div .ui-datepicker-week-end, .ui-datepicker-week-end > a{color:#e70000;}
#ui-datepicker-div .ui-datepicker-calendar thead th:nth-of-type(7) , .ui-datepicker-calendar tbody td:nth-child(7) *{color:#3d79c4;}
#ui-datepicker-div .ui-datepicker-today > a {background:#019caa; color:#fff; font-weight:600;}
#ui-datepicker-div .ui-state-hover {background:#c7d1e0;}
#ui-datepicker-div .ui-state-active{background:#e55428; color:#fff !important; font-weight:600;}
#ui-datepicker-div .ui-datepicker-buttonpane {text-align:right; padding:3px 2px 5px 0;}
#ui-datepicker-div .ui-datepicker-buttonpane button{display:inline-block; height:22px; background: #0c7d9b; color:#fff; border-radius:3px; font-size:12px;}
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close{margin-left:2px; background:#52647c; color:#fff;}
#ui-datepicker-div .ui-datepicker-buttonpane button:hover, #ui-datepicker-div .ui-datepicker-buttonpane button:focus, #ui-datepicker-div .ui-datepicker-buttonpane button:active {text-decoration:underline;}
/* layer popup */
.modal_wrap{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:60;}
.modal_body {position:absolute;top:50%;left:50%;width:400px;padding:20px; line-height:18px; color:#626262; margin-left:-225px;background:#fff;border-radius:10px;border:5px solid #019caa;}/*20190111 sh수정 line-height추가*/
/*20190111 약물유전자종류 팝업 요소 추가*/
.modal_body a {color:#da3610;}
.modal_body table {border:1px solid #d0d0d0; margin:5px 0;}
.modal_body table td {border:1px solid #d0d0d0; padding:5px; word-break:break-all;}
.modal_body table td strong {padding-bottom:0px!important;}
.modal_body table tr:nth-child(odd){background:#f9f9f9;}
#popup strong {display:inline-block; color:#33729b; font-weight:600; padding-bottom:10px;}
#popup p strong {padding-bottom:5px;}
#popup table strong {color:#626262; font-weight:normal;}
/*20190111 약물유전자종류 팝업 요소 추가*/
.popup_small .modal_body {width:250px; margin-left:-150px;}
.popup_wide .modal_body {width:700px; margin-left:-375px;}
.popup_wide900 .modal_body {width:900px; margin-left:-475px;}
.modal_body .modal_title {padding-bottom:18px; font-size:16px; font-weight:600; color:#444; border-bottom:1px solid #d0d0d0;}
.modal_body .modal_cont {overflow-y:auto; margin-top:20px; max-height:370px;}
.modal_body .modal_cont300 {overflow-y:auto; margin-top:20px; max-height:300px;}
.modal_body .modal_cont350 {overflow-y:auto; margin-top:20px; max-height:350px;}
.modal_body .modal_cont400 {overflow-y:auto; margin-top:20px; max-height:400px;}
.modal_body .modal_cont450 {overflow-y:auto; margin-top:20px; max-height:450px;}
.modal_body .modal_cont500 {overflow-y:auto; margin-top:20px; max-height:500px;}
.modal_body .modal_cont550 {overflow-y:auto; margin-top:20px; max-height:550px;}
.modal_body .modal_cont600 {overflow-y:auto; margin-top:20px; max-height:600px;}
.modal_body .modal_cont650 {overflow-y:auto; margin-top:20px; max-height:650px;}
.modal_body .modal_cont700 {overflow-y:auto; margin-top:20px; max-height:700px;}
.modal_body .modal_close_wrap {position:absolute; top:15px; right:15px;}
.modal_body .modal_close_wrap button{overflow:hidden; display:inline-block; width:25px; height:25px; background:url(/images/common/btn_popup_close.png) no-repeat; text-indent:-9999px;}
/* ime-mode */
.imActive {ime-mode:active;}
.imInactive {ime-mode:inactive;}
/* 20180906 추가 */
/* message popup */
.message_box {position:relative; width:450px; height:auto; margin:25% auto; background-color: #fff;}
.messagebox_title {display:inline-block; float:left; margin-bottom:10px; font-size:14px; font-weight:600; color:#fff; margin: 8px;}
.message_t_area {height:31px; background-color:#557195; padding: 0}
.message_m_area {min-height:180px; padding:0 0 10px 0; text-align:center; border:1px solid #d2d2d2;}
.message_m_area .modal-body{padding: 10px; padding-top:100px;background-image: url(/images/common/ico_alert_information.png);background-position:  center 30px;background-repeat: no-repeat;}
.error .message_m_area .modal-body{background-image: url(/images/common/ico_alert_error.png);}
.message_mb_area {margin-top:35px;}
.message_mb_area button{margin: 2px;}
.message_c_cont01 {margin-top:10px;}
.message_t_area > button {position:relative; top:0; left:0; float:left; margin-right:1px; overflow:hidden; display:inline-block; width:31px; height:31px; text-indent:-9999px;}
.message_t_area > button {float:right;}
.btn_popmin {background:url(/images/common/btn_popmin.gif) no-repeat;}
.btn_popmax {background:url(/images/common/btn_popmax.gif) no-repeat;}
.error .message_box .btn_popclose {display:none;}
.message_box .btn_popclose {opacity: 1;background:url(/images/common/btn_popclose.gif) no-repeat;}
/* 에러 페이지 */
.mpage_errwrap{width:100%; height:100%; background:url(/images/common/icon_error_backbg.png) 101% 0 no-repeat;}
.mpage_errarea{max-width:1024px; margin:0 auto; text-align:center;}
.mpage_errarea div{margin:0 auto;}
.mpage_errt{padding:63px 0 104px 0; text-align:center;}
.mpage_errm{padding:158px 0 0 0; background:url(/images/common/icon_error_mbg.png) 50% 0 no-repeat;}
.mpage_errmb{padding:50px 0 0 0;}
.mpage_errm_p01{font-size:35px; font-weight:700; color:#10537d; letter-spacing:-1px;}
.mpage_errm_p02{font-size:16px; font-weight:400; color:#606060; padding-top:7px;}
/* 브라우저호환성 페이지 */
body, html {width:100%; height:100%;}
.mpage_browwrap {width:100%; height:100%; background:url(/images/common/icon_browser_backbg.png) 105% 0  no-repeat;}
.mpage_browarea {width:1024px; margin:0 auto; text-align:center;}
.mpage_browarea div {width:900px; margin:0 auto;}
.mpage_browm {padding:18% 0 5% 0;}
.mpage_browm ul {width:593px; margin:0 auto;}
.mpage_browm ul li {float:left;}
.mpage_browmb {padding:6% 0 5% 0;}
.mpage_browm_p01 {clear:both; font-size:24px; font-weight:bold; color:#fff; padding:60px 0 15px 0;}
.mpage_browm_p02 {font-size:14px; font-weight:600;}
/* 개발화면(그리드테이블)h2 블릿추가 */
.text_st3 {margin-bottom:15px; padding-left:30px; padding-bottom:3px; font-size:18px; color:#444; background:url("/resources/images/common/bul_gridt_title.gif") no-repeat; line-height:19px;}
h2.text_st3{font-weight: normal;}
h2.text_st3 > button {content: "";padding:10px 15px;float:right;background:url("/resources/images/common/btn_view_on.png") no-repeat 10px 6px #fff; border:1px solid #d4d4d4;border-radius: 3px;}
h2.text_st3 > button.on {content: "";padding:10px 15px;float:right;background:url("/resources/images/common/btn_view.png") no-repeat 10px 6px #2caec6; border:1px solid #d4d4d4;border-radius: 3px;}
#load{width:100%; height:100%; top:0; left:0; position:fixed; display: block; opacity:0.9; background: white; z-index: 998; text-align: center;}
#load > img{position:absolute; top:50%; left: 50%; z-index: 999;}
/* bootbox 관련  20180912 추가 */
.bootbox.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch;}
.bootbox.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%);}
.bootbox.modal.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
.bootbox.modal-open .modal {overflow-x: hidden; overflow-y: auto;}
.bootbox.modal-dialog {position: relative; width: auto; margin: 10px;}
.bootbox.modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px;  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.bootbox.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
.bootbox.modal-backdrop.fade {filter: alpha(opacity=0); opacity: 0;}
.bootbox.modal-backdrop.in {filter: alpha(opacity=50); opacity: .5;}
.bootbox.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5;}
.bootbox.modal-header .close {margin-top: -2px;}
.bootbox.modal-title {margin: 0; line-height: 1.42857143;}
.bootbox.modal-body {position: relative; padding: 15px;}
.bootbox.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;}
.bootbox.modal-footer .btn + .btn {margin-bottom: 0; margin-left: 5px;}
.bootbox.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.bootbox.modal-footer .btn-block + .btn-block {margin-left: 0;}
.bootbox.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
/* 게시판 뷰페이지 텍스트 타이틀 관련 sh 추가 */
#view .title {margin:8px 0 3px 0; font-size:13px; font-weight:bold; color:#10537d; line-height:20px;}
#view .title:first-child {margin:0 0 3px 0;}
#view .indent0 {font-size:13px; line-height:20px;}
/*게시판 답변 글 */
.board_view .board_ripple{overflow:hidden; margin-bottom:20px; padding:20px; border-bottom:1px solid #d2d2d2; background:#f8f8f8;margin-top:-20px;}
.board_view .board_ripple .board_ico {display: inline-block;text-align:center; float:left; margin-right:10px; margin-top: -5px; padding:13px 26px; background-image: url('/images/contents/qna_reple.png'); background-repeat: no-repeat;}
.board_view .board_ripple > dd{margin-top:10px;}
.board_ripple > p {font-size:13px;margin-top: 20px;}
/*상훈메인수정작업*/
.open-close{display: none;}
.main-html .open-close{background:#015082; height:34px; line-height:34px; font-size:13px; color:#fff; border-radius: 180px; padding-right: 35px; padding-left: 17px; margin-left: 3px; position: relative; display: block;}
.open-close:after{content:""; width: 15px; height: 15px; background: url("/images/layout/op-arr.png") no-repeat center center; display: block; position: absolute; right: 10px; top:50%; margin-top: -8px;}
.open-close span{display: none;}
.open-close .cl{display: block;}
.open-close.on .cl{display: none;}
.open-close.on .op{display: block;}
.notice-pop{background: #e3eaf0; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #d4d4d4; position: relative; display: none;}
.sub-html .notice-pop, .main-html .notice-pop.off{display: none !important;}
.notice-pop .today{position: absolute; left:50%; bottom:0px; margin-left: -62px; color: #626262; font-size: 13px;}
.notice-pop .today label{cursor: pointer; position: relative; top:2px;}
.notice-pop .today *{vertical-align: middle;}
.notice-pop > div{padding: 0 130px; width: 1200px; margin: 0 auto;  box-sizing: border-box; position: relative;}
.notice-pop ul{position: relative; height: 100px; overflow: hidden;}
.notice-pop ul:after{content:""; display: block; clear: both;}
.notice-pop ul li{float: left; box-sizing: border-box; width: 50%; padding-right: 30px; position: relative; padding-left: 105px;}
.notice-pop ul li:before{content: ""; display: block; width: 90px; background: url("/images/layout/no1.png") no-repeat center center #fff; height: 90px; position: absolute; left:0px; top:0px; border-radius: 180px; border: 2px solid #c4dde5;}
.notice-pop ul li:nth-child(even){padding-left: 135px; padding-right: 0px;}
.notice-pop ul li:nth-child(even):before{content: ""; left:30px;}
.notice-pop .bx-wrapper .bx-controls-direction{width: 950px; position: relative; top: -50px;}
.bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager{width:950px;}
.notice-pop .bx-wrapper .bx-controls-direction a.bx-prev{font-size: 0px; height: 56px; width: 56px; margin-top: -18px; display: block; border: 1px solid #d4d4d4; border-radius: 180px; background: url("/images/layout/n-arr.png") no-repeat 15px center; box-sizing: border-box; position: absolute; left:-130px; top:50%;}
.notice-pop .bx-wrapper .bx-controls-direction a.bx-next{font-size: 0px; height: 56px; width: 56px; margin-top: -18px; display: block; border: 1px solid #d4d4d4; border-radius: 180px; background: url("/images/layout/n-arr.png") no-repeat 15px center; box-sizing: border-box; position: absolute;  top:50%; right: 0px; left:auto; transform: rotate(180deg); margin-right: -130px;}
.notice-pop dt{margin-bottom: 10px; padding-top: 20px;}
.notice-pop dt a{color:#015082; font-size: 16px; display: block; font-weight: 800; width: 100%; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice-pop dd{display: block; line-height: 140%; white-space: pre-wrap; word-break: keep-all; height: 35px; overflow: hidden; font-size: 13px; color:#626262;}
.notice-pop dd a{text-decoration:underline;}
.notice-pop .file-type:before{background-image: url("/images/layout/no2.png");}
.notice-pop .noti-list{position: absolute; right: 130px; bottom: -25px;}
.notice-pop .bx-wrapper .bx-pager.bx-default-pager{position: relative !important; width: auto !important;}
.notice-pop .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{position: absolute; right: 15px; bottom: 25px;}
.notice-pop .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{position: relative !important;width: 950px;bottom: 0px;float:right;}
.notice-pop .bx-wrapper .bx-controls-auto .bx-stop{right: 0px; position: absolute;}
@-moz-document url-prefix() {
    .notice-pop .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {top:110px;}
}
.notice-pop .bx-wrapper .bx-pager.bx-default-pager a{font-size: 0px; display: inline-block; width: 11px; height: 11px; margin: 0 1px; border-radius: 180px; background-color: #33739c;}
.notice-pop .bx-wrapper .bx-pager.bx-default-pager a:hover,.notice-pop .bx-wrapper .bx-pager.bx-default-pager a.active,.notice-pop  .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color: #f25533 !important;}
.notice-pop .bx-wrapper .bx-pager.bx-default-pager a:focus,.notice-pop .bx-wrapper .bx-pager.bx-default-pager a:target,.notice-pop .bx-wrapper .bx-pager.bx-default-pager a.active{width:20px;}
.notice-pop .bx-wrapper{margin: 0px !important; background-color: transparent;}
.notice-pop .bx-viewport{min-height: 100px;}
.noti-stop{background: url("/images/layout/n-stop.png") no-repeat center center !important; font-size: 0px; display: block;}
.noti-play{background: url("/images/layout/n-play.png") no-repeat center center !important; font-size: 0px; display: block;}
/*tab inbox*/
.cont_tab_box > li {float:left;}
.cont_tab_box > li > a {padding: 0px 15px 8px 20px; white-space: nowrap; overflow: hidden;  word-break: break-all;  display: block;  text-align: left; text-overflow: ellipsis;}
.cont_tab_box > li > a:before {padding-right:10px; margin-right: 5px; background:url(/images/common/bul_cont_title.png) no-repeat 0px; content: "";}
.cont_tab_box > li > a:hover, .cont_tab_box > li > a:active ,.cont_tab_box > li > a:target , .cont_tab_box > li > a.on , .cont_tab_box > li > a:focus{color: #5c7a9e;}
.cont_tab_box > li:hover > a:before , .cont_tab_box > li > a.on:before,cont_tab_box > li:active > a:before , cont_tab_box > li > a:focus:before {padding-right:10px; margin-right: 5px; background:url(/images/common/bul_cont_title2.png) no-repeat 0px; content: "";}
.cont_tab_box {border:1px solid #d1d3d0; background-color: #f2f5fa;overflow: hidden; padding-top:15px; padding-bottom:15px;}
/*gray_box*/
.s-box-list{background-color: #f2f5fa; padding: 10px; border-top: 2px solid #2f3130;  border-bottom: 2px solid #2f3130;}
.s-box-list:after{content:""; display: block; clear: both;}
.s-box-list li{float: left; box-sizing: border-box; width: 20%; padding: 10px;}
.s-box-list li button{display: block; width: 100%; box-sizing: border-box; min-height: 112px; padding: 15px; border: 1px solid #d2d2d2; border-radius: 3px; background-color: #fff; font-size: 13px; color:#626262;}
.s-box-list li button:hover,.s-box-list li button:focus,.s-box-list li button:active{color:#fff; background-color: #2caec6;}
.board_count.s-right{padding-bottom: 10px;}
.board_count.s-right span{float: right;}
.s-title-list{color:#636363; margin-top: 40px;}
.s-title-list li{margin-bottom: 4px;}
.s-title-list li:nth-child(2) span{background-color: #008bac;}
.s-title-list li:nth-child(3) span{background-color: #006a96;}
.s-title-list li:nth-child(4) span{background-color: #016893;}
.s-title-list li:nth-child(5) span{background-color: #004b82;}
.s-title-list li:nth-child(6) span{background-color: #00326d;}
.s-title-list li:nth-child(7) span{background-color: #001358;}
.s-title-list span{color:#fff; display: inline-block; margin: 0 5px; background-color: #2caec4; padding:0px 6px; min-width: 25px; text-align: center; box-sizing: border-box;}
/*메뉴위치수정*/
.s-open-pop #header #gnb > ul > li > .gnb_wrap{top:255px;}
.s-main .notice-pop.on.off{display: none !important;}
.s-main .open-close{display: inline-block;}
.s-main .notice-pop.on{display: block !important; overflow: hidden;}
/* 웹접근성 배너버튼 수정 */
.open-close-div {position:relative; max-width:1200px; margin:0 auto;}
.open-close-div .open-close {position:absolute; top:163px; right:0;}
/*팝업존 css*/
.popup_list > li{float:left;margin:20px 19px}
.popup_list {overflow: hidden; border-bottom:2px solid #303030;}
.popup_list div > a{white-space: nowrap; word-break: keep-all; display:inline-block; overflow: hidden; text-overflow: ellipsis; width: 271px !important;padding-top: 10px;}
.popup_info{border-bottom: 2px solid #303030; padding-top: 20px; padding-bottom: 10px;}
.popup_info > div > span {margin-top:20px; padding-left:13px; background:url(/images/common/bul_cont_title3.gif) no-repeat 0 7px; color:#303030;}
.float_r {float:right;}
/*siteMap toggle*/
.sitemap > dl > dd{display:none;}
.sitemap > dl > dd.on{display: block;}
.sitemap > dl > dt > button.toggle {font-size: 0px; background: url(/resources/images/common/btn_view_on.png) no-repeat center center #fff; float:right; border-radius: 3px; border: 1px solid #d8d8d8; width: 20px; height: 17px; box-sizing: border-box;}
.sitemap > dl > dt.on > button.toggle {width: 20px; height: 17px; float: right; background: url(/resources/images/common/btn_view.png) no-repeat center center #2caec6; border: 1px solid #2caec6; border-radius: 3px;}
/*select layout3*/
.search_layout3 > li > select.full {float: right;margin-right: 5px;}
.search_layout3 > li.layout_sum > select{float: left;}