@charset "utf-8"; /* layout */ #wrap {position:relative; min-width:1250px;} #wrap_login {position:relative; min-width:502px;} #wrap_popup {position:relative; min-width:580px;} /* 생산관리 영역 폼*/ #wrap_long {position:relative; width: 100%;} #container_long {position:relative; width: 100%; margin:0 auto;} #container_long:after {display:block; content:''; clear:both;} #content_long {position:relative; display:block;} #content_long .wrap {position:relative; width: 100%; margin:0 auto;} .scroll_all {overflow: hidden;} /* 스크롤바 숨김 에 적용*/ .scroll_y {overflow-x: hidden; overflow-y: auto;} /* 가로스크롤바 숨김 에 적용*/ .scroll_x {overflow-x: auto; overflow-y: hidden;} /* 세로스크롤바 숨김 에 적용*/ /* top 고정일경우 layout #container {overflow:hidden; position:relative; min-width:1200px; padding-top: 170px;} */ #container {overflow:hidden; position:relative; min-width:1250px;} #container:after {display:block; content:''; clear:both;} #container_login {overflow:hidden; position:relative; min-width:502px; margin:0 auto;} #container_login:after {display:block; content:''; clear:both;} #container_popup {overflow:hidden; position:relative; min-width:580px; margin:0 auto;} #container_popup:after {display:block; content:''; clear:both;} /* top */ #top { position: relative; background-color:#fff; width: 100%; border-bottom: 1px solid #D0D0D0;} #top:after {display:block; visibility:hidden; height:0; font-size:0; clear:both; content:''} #top .wrap {position:relative; width:1250px; height:40px; margin:0 auto; text-align: right; } .top_menu {width: 1250px; margin:0 auto; } .top_menu ul {text-align:right; } .top_menu>ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden;} .top_menu>ul>li{position:relative; display: inline-block; margin:4px 10px 0 0; background:#E0E0E0; border-radius: 30px; } .top_menu>ul>li>a{display:block; font-size:12px; line-height:30px; color:#000; padding:0px 10px; border-radius: 30px; } .top_menu>ul>li>a:hover{text-decoration:none; background:#8033A2; color:#fff;} /* header */ /* top 고정일경우 #header { position: fixed; z-index:1; background-color:#43bfce; width: 100%;} */ #header { position: relative; background-color:#EFEFEF; width: 100%; border-bottom: 2px solid #8033A2;} #header:after {display:block; visibility:hidden; height:0; font-size:0; clear:both; content:''} #header .wrap {position:relative; width:1250px; height:60px; margin:0 auto; text-align: left; } #header .logo {float: left;padding:0px 15px 0 0; line-height: 60px; } #header .logo img {width: 154px;} /* main menu */ .gnb {width: 1250px; margin:0 auto; font-weight: 400;} .gnb>ul{} .gnb>ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden;} .gnb>ul>li{ float: left; position:relative; font-weight: 400;} .gnb>ul>li>a{display:block; line-height:60px; font-size:14px; text-align:center; color:#000; padding: 0 12px 0 12px; letter-spacing: -0.05em; } .gnb>ul>li>a:hover , .gnb>ul>li.on>a{text-decoration:none; background:#8033A2; color:#fff;} /* main > sub menu */ .gnb ul ul{display: none; left:0px; padding: 0 0 0 0; width: 150px; } .gnb>ul>li:hover ul{display:block; position:absolute; top:60px; border-bottom: 2px solid #8033A2; z-index:99;} .gnb li li{ background-color:#EFEFEF; text-align:left;} .gnb li li a{display:block; font-size:13px; line-height:28px; padding: 0px 5px 0px 5px; margin:0 4px 0 4px; color: #000; letter-spacing: -0.02em;} .gnb li li a:hover{text-decoration:none; background: #8033A2; color: #fff; font-weight:700; border-radius: 2px;} #air {position: relative; height:10px; background-color:#EFEFEF;} /* sub menu*/ .sub_menu {position: relative; background-color: #ebebeb; border-bottom:1px solid #D6D6D6;} .sub_menu ul {text-align:center; position: relative;} .sub_menu>ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden;} .sub_menu>ul>li{position:relative; display: inline-block; margin:0 -2px 0 -2px;} .sub_menu>ul>li>a{display:block; font-size:14px; line-height:36px; text-align:center; color:#000; padding:0px 10px 0px 10px;} .sub_menu>ul>li>a:hover{text-decoration:none; background:#fff600; color:#000;} .sub_menu>ul>li.on>a{text-decoration:none; background:#fff600; font-weight:700; color:#000;} /* footer */ #footer {position:relative; background-color:#f2f2f2;} #footer .wrap {position:relative; display: block; width:1250px; height:60px; margin:0 auto; color: #747474; } #footer .wrap .logo {position:relative; display: block; float:left; margin:15px 40px 0 0;} #footer .wrap .copyright {position:relative; line-height: 22px; margin: 20px 0 0 0; text-align:left; float: left; font-size: 11px;} /* index */ #content {position:relative; display:block;} #content .wrap {position:relative; width:1250px; min-height: 700px; padding: 0 0 60px 0; margin:0 auto;} /* 설정 페이지용 작성자/등록일 항목 삭제시 적용 할것*/ #content_small {position:relative; display:block;} #content_small .wrap {position:relative; width:922px; min-height: 700px; padding: 0 0 60px 0; margin:0 auto;} /* 전자결재 등록 및 상세 페이지용 */ #content_middle {position:relative; display:block;} #content_middle .wrap {position:relative; width:1200px; min-height: 700px; padding: 0 0 20px 0; margin:0 auto;} /* 게시판 상세 페이지용 */ #content_middle_02 {position:relative; display:block;} #content_middle_02 .wrap {position:relative; width:1000px; min-height: 700px; padding: 0 0 20px 0; margin:0 auto;} #content_login {position:relative; display:block;} #content_login .wrap {position:relative; width:502px; padding: 80px 0px 20px 0px; margin:0 auto;} #content_big {position:relative; display:block;} #content_big .wrap {position:relative; width:1400px; padding: 0 0 60px 0; margin:0 auto;} #visual {position:relative; display:block; background-image:url('../img/index_visual_bg.jpg'); background-repeat: repeat-x;} #visual .wrap {position:relative; width:1200px; padding: 0 0 0 0; margin:0 auto;} #detail_form_01 {position:relative; display: table; padding: 30px 0 30px 0; border-bottom: 1px solid #dcdcdc;} #detail_form_01 ul {display: inline-block;} #detail_form_01 ul li {display: inline-block; float: left; width: 600px;} /* sub */ #content_brand {position:relative; display:block; background-color: #fff;} #content_brand .wrap {position:relative; width:840px; margin:0 auto; padding:0 30px 150px 30px;} #content_write {position:relative; display:block; border-bottom: 1px solid #bfbfbf;} #content_write .wrap {position:relative; width:1100px; padding: 23px 0 23px 0; margin:0 auto;} #content_write ul {padding: 8px 0 8px 0; } #content_write ul li {display: inline-block; vertical-align: middle;} #content_write .left {width: 160px; padding: 10px 0 0 10px; vertical-align: top; font-size:16px; color: #000000; letter-spacing: -0.04em;} #content_write .right {width: 926px; vertical-align: middle;} #content_write .copy_middle {display: inline-block; font-size: 14px; color: #929292; line-height: 21px; padding: 0 5px 0 5px;} #content_write .copy_small {display: inline-block; font-size: 12.5px; color: #929292; line-height: 18px; padding: 0 0 0 8px;} #content_write .payback {width: 758px; height: 98px; line-height: 22px;} #content_write .detailinfo {width: 850px; height: 300px; line-height: 22px;} #content_detail {position:relative; display:block; border-bottom: 1px solid #bfbfbf;} #content_detail .wrap {position:relative; width:1100px; padding: 23px 0 23px 0; margin:0 auto;} #content_detail ul {padding: 8px 0 8px 0; } #content_detail ul li {display: inline-block; vertical-align: middle; line-height: 34px;} #content_detail .left {width: 160px; vertical-align: top; font-size:16px; color: #000000; letter-spacing: -0.04em;} #content_detail .right {width: 926px; vertical-align: middle; color: #929292;} #content_detail .copy_middle {display: inline-block; font-size: 14px; color: #929292; line-height: 21px; padding: 0 5px 0 5px;} #content_detail .copy_small {display: inline-block; font-size: 12.5px; color: #929292; line-height: 18px; padding: 0 0 0 8px;} #content_detail .basic_detail {line-height: 22px!important;} #content_memberinfo {position:relative; display:block; border-bottom: 1px solid #bfbfbf;} #content_memberinfo .wrap {position:relative; width:1100px; padding: 23px 0 23px 0; margin:0 auto;} #content_memberinfo ul {padding: 8px 0 8px 0; } #content_memberinfo ul li {display: inline-block; vertical-align: middle; line-height: 34px;} #content_memberinfo .left {width: 160px; vertical-align: top; font-size:16px; color: #000000; letter-spacing: -0.04em;} #content_memberinfo .right {width: 926px; vertical-align: middle;} #content_memberinfo .copy_middle {display: inline-block; font-size: 14px; color: #929292; line-height: 21px; padding: 0 5px 0 5px;} #content_memberinfo .copy_small {display: inline-block; font-size: 12.5px; color: #929292; line-height: 18px; padding: 0 0 0 8px;} #content_member {position:relative; display:block; border-bottom: 1px solid #bfbfbf;} #content_member .wrap {position:relative; width:1100px; text-align: center; padding: 23px 0 23px 0; margin:0 auto; } #content_member ul {} #content_member ul li {display: inline-block; vertical-align: middle;} /* ---- 검색 입력폼 ---- */ .input_select_con{margin-top:0px; display: inline-block; font-size: 13px; font-weight: 400; color:#929292;} .input_select_con .txt_select_auto{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden;} .input_select_con .txt_select option{color:#929292; background-color:#fff; font-size:14px;} .input_select_con .txt_select_long{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; min-width:300px;} .input_select_con .txt_select_long option{color:#929292; background-color:#fff; font-size:14px;} .input_select_con .txt_select_middle{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; min-width:120px;} .input_select_con .txt_select_middle option{color:#929292; background-color:#fff; font-size:14px;} .input_select_con .txt_select_shot{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; max-width:85px;} .input_select_con .txt_select_shot option{color:#929292; background-color:#fff; font-size:14px;} .input_select_con .txt_select_shot_95{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; max-width:95px;} .input_select_con .txt_select_shot_95 option{color:#929292; background-color:#fff; font-size:14px;} .input_select_con .txt_select_150{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; width:150px;} .input_select_con .txt_select_150 option{color:#929292; background-color:#fff; font-size:14px;} .input_select_con .txt_select_200{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; width:200px;} .input_select_con .txt_select_200 option{color:#929292; background-color:#fff; font-size:14px;} .input_select_con .txt_select_title{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; width:420px;} .input_select_con .txt_select_title option{color:#929292; background-color:#fff; font-size:14px;} .input_select_con .txt_select_time{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; width:70px;} .input_select_con .txt_select_time option{color:#929292; background-color:#fff; font-size:14px;} .input_select_left{position: absolute; left: 0; display: inline-block; } .input_select_left .txt_select_middle{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; min-width:120px;} .input_select_left .txt_select_middle option{color:#929292; background-color:#fff; font-size:14px;} .input_select_right{position: relative; display: inline-block; font-size: 13px; font-weight: 400; color:#929292;} .input_select_right .txt_select_middle{font-size:14px; line-height:32px; height: 32px; letter-spacing: -0.025em; color:#929292; padding:0px 30px 0 5px; box-sizing: border-box; background-image:url('../img/brand_select_arrow_gray.png'); background-repeat: no-repeat; background-position: right 5px center; border:1px solid #dcdcdc; border-radius:0px; background-color: #FFF; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none !important; cursor: pointer; overflow: hidden; min-width:120px;} .input_select_right .txt_select_middle option{color:#929292; background-color:#fff; font-size:14px;} .input_100p {width: 89%;} .input_50 {width: 48px;} .input_70 {width: 68px;} .input_100 {width: 98px;} .input_120 {width: 118px;} .input_150 {width: 148px;} .input_200 {width: 198px;} .input_300 {width: 298px;} .input_380 {width: 378px; height: 36px;} .input_400 {width: 398px;} .input_500 {width: 498px;} .input_600 {width: 598px;} .input_login_300 {width: 278px; height: 35px; text-align: center; font-size:18px;} .input_title_920 {width: 918px;} .input_board_search_150 {width: 150px;} .input_board_search_200 {width: 200px;} .input_date {width: 115px; padding-right: 0px; background-image:url(../img/calendar_ico.png); background-repeat: no-repeat; background-position: right 5% bottom 55%; cursor: pointer;} .textarea_980_500 {width: 960px; height: 300px;} /* check box */ input[type=checkbox].checkbox_select{padding:0; border:0 none; margin:0; position:absolute; overflow:hidden; z-index: -9999; opacity:0; filter: alpha(opacity=0);} /* 부서 선택 box */ label.label_select_part{line-height:24px; width: 64px; padding:0 10px 0 29px; display:inline-block; background:url(../img/icon_check.png) no-repeat 10px -6px; font-size:11px; vertical-align:middle; cursor:pointer; color: #929292; border: 1px solid #dcdcdc; margin:2px 2px; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; text-align: left; border-radius: 4px;} input.input_select_part[type=checkbox].checkbox_select:checked + label.label_select_part{ background-position: 9px -40px; color: #fff; background-color: #A4A4A4; border: 1px solid #909090; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s;} /* 사원 선택 box */ label.label_select_member{line-height:24px; padding:0 8px 0 24px; display:inline-block; background:url(../img/icon_check.png) no-repeat 6px -6px; font-size:11px; vertical-align:middle; cursor:pointer; color: #929292; border: 1px solid #dcdcdc; margin:2px 2px; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; text-align: left; border-radius: 4px;} input.input_select_member[type=checkbox].checkbox_select:checked + label.label_select_member{ background-position: 6px -40px; color: #fff; background-color: #A4A4A4; border: 1px solid #909090; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s;} /* 설정 페이지용 체크박스*/ label.label_setting_select{line-height:34px; padding:0 10px 0 32px; display:inline-block; background:url(../img/icon_login.png) no-repeat 0 2px; background-size: 20px; font-size:12px; vertical-align:middle; cursor:pointer; color: #929292;} input.input_setting_select[type=checkbox].checkbox_select:checked + label.label_setting_select{background-position: 0 -30px; color: #000000; } /* 생산관리 페이지용 체크박스*/ label.label_check_select{height:18px; width: 18px; display:inline-block; background:url(../img/check_box.png) no-repeat 0 -5px; background-size: 18px; vertical-align:middle; cursor:pointer;} input.input_check_select[type=checkbox].checkbox_select:checked + label.label_check_select{background-position: 0 -32px; color: #000000;} label.label_select_box{line-height:34px; padding:0 10px 0 10px; display:inline-block; font-size:14px; vertical-align:middle; cursor:pointer; color: #929292; border: 1px solid #dcdcdc; margin-right: 2px; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;} input.input_select_box[type=checkbox].checkbox_select:checked + label.label_select_box{color: #fff600; background-color: #43bfce; border: 1px solid #43bfce; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;} input[type=radio].radio_ck{padding:0; border:0 none; margin:0; position:absolute; overflow:hidden; z-index: -9999; opacity:0; filter: alpha(opacity=0);} label.label_ck{line-height:32px; padding:0 10px 0 40px; display:inline-block; background:url(../img/icon_login.png) no-repeat 9px -1px; font-size:14px; vertical-align:middle; cursor:pointer; color: #8B8B8B; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;} input.input_ck[type=radio].radio_ck:checked + label.label_ck{background-position: 9px -35px; color: #000; border-radius: 10px; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;} /* 카카오톡 알림 동의 체크박스*/ label.label_agree{line-height:26px; padding:0 10px 0 30px; display:inline-block; background:url(../img/icon_check_agree.png) no-repeat 9px -5px; font-size:13px; vertical-align:middle; cursor:pointer; color: #929292; border: 1px solid #dcdcdc; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s;} input.input_agree[type=checkbox].checkbox_select:checked + label.label_agree{background-position: 8px -39px; color: #fff600; background-color: #575757; border: 1px solid #575757; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s;} /* image Zoom in */ .zm_over .conbg {transition:0.3s; -webkit-transition: all .3s;} .zm_over:hover .conbg {transform: scale(1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); opacity: 1;} /* ----button css ---- */ /* ----로그인 버튼 ---- */ a.btn_login { position: relative; display: inline-block; vertical-align: middle; width: 300px; line-height: 45px; text-align: center; font-size: 18px; color: #FFFFFF; background: #B671D4;} a.btn_login:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #8033A2;} a.btn_login_id_pwd_ok { position: relative; display: inline-block; vertical-align: middle; width: 176px; line-height: 45px; text-align: center; font-size: 18px; color: #FFFFFF; background: #B671D4;} a.btn_login_id_pwd_ok:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #8033A2;} a.btn_login_id_pwd_cancle { position: relative; display: inline-block; vertical-align: middle; width: 114px; line-height: 45px; text-align: center; font-size: 18px; color: #FFFFFF; background: #B671D4;} a.btn_login_id_pwd_cancle:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #8033A2;} a.btn_del_s { position: relative; display: inline-block; vertical-align: middle; padding: 0 12px 0 12px; line-height: 26px; text-align: center; font-size: 12px; font-weight: 200; color: #FFFFFF!important; background: #929292;} a.btn_del_s:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c!important;} a.btn_search_s { position: relative; display: inline-block; vertical-align: middle; background-color: #C4C4C4; width: 32px; height: 32px; background-image:url('../img/icon_search.png'); background-repeat: no-repeat; background-position: center; border-radius: 3px;} a.btn_search_s:hover {text-decoration:none; overflow: hidden; background-color: #6F6F6F; background-image:url('../img/icon_search.png'); background-repeat: no-repeat; background-position: center;} a.btn_line_big { position: relative; display: inline-block; vertical-align: middle; width: 250px; line-height: 56px; text-align: center; font-size: 18px; color: #43bfce; border: 2px solid #43bfce;} a.btn_line_big:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; border: 2px solid #2d5c7c; background: #2d5c7c;} a.visual_btn { position: relative; display: inline-block;; vertical-align: middle; width: 146px; line-height: 36px; text-align: center; font-size: 18px; border: 2px solid #ffea00; color: #fff;} a.visual_btn:hover {text-decoration:none; background: #ffea00; color: #43bfce; overflow: hidden; width: 148px; line-height: 38px;} a.btn_write_big_top_r { position: absolute; top: 0px; right: 0px; display: inline-block; vertical-align: middle; width: 285px; line-height: 50px; text-align: center; font-size: 18px; color: #FFFFFF; background: #43bfce;} a.btn_write_big_top_r:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2d5c7c;} a.btn_50_auto { position: relative; display: inline-block; vertical-align: middle; width: auto; line-height: 50px; text-align: center; font-size: 18px; color: #FFFFFF; background: #43bfce; padding: 0 20px;} a.btn_50_auto:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2d5c7c;} a.btn_40_auto { position: relative; display: inline-block; vertical-align: middle; width: auto; line-height: 40px; text-align: center; font-size: 16px; color: #FFFFFF; background: #575757; padding: 0 40px 0 20px; background-image: url(../img/icon_arrow_down.png); background-position: 90% 50%; background-repeat:no-repeat;} a.btn_40_auto:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #303030; background-image: url(../img/icon_arrow_down.png); background-position: 90% 50%; background-repeat:no-repeat;} a.btn_detail_list_top { position: relative; display: inline-block; vertical-align: middle; width: 285px; line-height: 50px; text-align: center; font-size: 18px; color: #FFFFFF; background: #43bfce;} a.btn_detail_list_top:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2d5c7c;} a.btn_write { position: relative; display: inline-block; vertical-align: middle; line-height: 50px; text-align: center; font-size: 18px; color: #FFFFFF; background: #43bfce; padding: 0 25px 0 25px;} a.btn_write:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2d5c7c;} a.btn_gray_write { position: relative; display: inline-block; vertical-align: middle; line-height: 50px; text-align: center; font-size: 18px; color: #FFFFFF; background: #929292; padding: 0 25px 0 25px;} a.btn_gray_write:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c;} a.btn_comment { position: relative; display: inline-block; vertical-align: middle; width: 80px; line-height: 80px; text-align: center; font-size: 14px; color: #FFFFFF; background: #B671D4;} a.btn_comment:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #8033A2;} .comment_mody_btnbox {display: inline-block; position: relative; vertical-align: middle;} a.btn_comment_mody { position: relative; display: block; vertical-align: middle; width: 80px; line-height: 48px; text-align: center; font-size: 14px; color: #FFFFFF; background: #575757; margin-bottom: 2px;} a.btn_comment_mody:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #303030;} a.btn_comment_mody_cancle { position: relative; display: block; vertical-align: middle; width: 80px; line-height: 30px; text-align: center; font-size: 12px; color: #FFFFFF!important; background: #AFAFAF;} a.btn_comment_mody_cancle:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c;} a.btn_lightgray_small { position: relative; display: inline-block; vertical-align: middle; line-height: 30px; text-align: center; font-size: 14px; color: #FFFFFF; background: #dcdcdc; padding: 0 15px 0 15px;} a.btn_lightgray_small:hover {text-decoration:none;} .btn_lightgray_small_02 { position: relative; display: inline-block; vertical-align: middle; text-align: center; font-size: 11px; background: #fff; padding: 3px 6px; background: #fff!important; color:#19c6d7; border: 1px solid #43bfce; border-radius: 4px;} .btn_lightgray_small_02:hover {text-decoration:none; background: #43bfce!important; color: #FFFFFF; border: 1px solid #43bfce;} a.btn_orang_small { position: relative; display: inline-block; vertical-align: middle; line-height: 30px; text-align: center; font-size: 14px; color: #FFFFFF; background: #ff7a38; padding: 0 15px 0 15px;} a.btn_orang_small:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #dd4400;} a.btn_input { position: relative; display: inline-block; vertical-align: middle; line-height: 34px; text-align: center; font-size: 14px; color: #FFFFFF; background: #43bfce; padding: 0 15px 0 15px;} a.btn_input:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2d5c7c;} a.btn_file_plus { position: relative; display: inline-block; vertical-align: middle; line-height: 36px; text-align: center; font-size: 14px; color: #FFFFFF; background: #43bfce; padding: 0 15px 0 15px;} a.btn_file_plus:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2d5c7c;} a.btn_file_del { position: relative; display: inline-block; vertical-align: middle; line-height: 36px; text-align: center; font-size: 14px; color: #FFFFFF; background: #929292; padding: 0 15px 0 15px;} a.btn_file_del:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c;} a.btn_input_gray { position: relative; display: inline-block; vertical-align: middle; line-height: 34px; text-align: center; font-size: 14px; color: #FFFFFF; background: #929292; padding: 0 15px 0 15px;} a.btn_input_gray:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c;} a.btn_thume_del { position: absolute; right: 0px; top: 80px; display: inline-block; line-height: 28px; text-align: center; font-size: 13px; color: #FFFFFF; background: #B671D4; padding: 0 10px 0 10px;} a.btn_thume_del:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #8033A2;} /* page title */ #pagetitle {text-align: left; margin: 30px 0 10px 0; border-bottom: 1px solid #dcdcdc;} #pagetitle ul {display: inline-block; vertical-align: middle;} #pagetitle ul li {width: auto !important; font-size: 40px; font-weight: 200; line-height:55px;} #pagetitle_1100 {text-align: left; margin: 20px 50px 10px 50px; border-bottom: 1px solid #dcdcdc;} #pagetitle_1100 ul {display: inline-block;} #pagetitle_1100 ul li {width: auto !important; font-size: 40px; font-weight: 200; line-height:55px;} #pagetitle_btn {text-align: left; margin: 30px 0 0 0; border-bottom: 1px solid #dcdcdc;} #pagetitle_btn ul {display: inline-block; line-height:50px;} #pagetitle_btn ul li { font-size: 40px; overflow: hidden; float: left; letter-spacing: -0.05em;} #pagetitle_btn ul lr {position: absolute; right: 0px;} #pagetitle_btn_linenone {position: relative; text-align: left; width: 100%; margin: 0px 20px 20px 20px;} #pagetitle_btn_linenone ul {display: inline-block; line-height:25px;} #pagetitle_btn_linenone ul li {display: inline-block; font-size: 25px; font-weight: 200; letter-spacing: -0.05em;} #pagetitle_btn_linenone ul .lr {position: absolute; top: 0px; right: 0px; vertical-align: middle;} #pagetitle_btn_line {position: relative; text-align: left; width: 1100px; margin: 60px auto 10px; border-bottom: 1px solid #dcdcdc;} #pagetitle_btn_line ul {display: inline-block; line-height:50px;} #pagetitle_btn_line ul li {display: inline-block; font-size: 40px; font-weight: 200; letter-spacing: -0.05em;} #pagetitle_btn_line ul .lr {position: absolute; top: 0px; right: 0px; vertical-align: middle;} /* 등록 버튼 */ a.btn_write_big_r { position: relative; display: inline-block; width: 140px; line-height: 32px; text-align: center; font-size: 15px; color: #FFFFFF; background: #414141; vertical-align: middle; } a.btn_write_big_r:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #000;} a.btn_write_big_gray { position: relative; display: inline-block; padding: 0 10px 0 10px; line-height: 32px; text-align: center; font-size: 13px; color: #FFFFFF; background: #575757; vertical-align: middle; } a.btn_write_big_gray:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c;} a.btn_write_small_r { position: relative; display: inline-block; width: 100px; line-height: 32px; text-align: center; font-size: 15px; color: #FFFFFF; background: #43bfce; vertical-align: middle; } a.btn_write_small_r:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2d5c7c;} /* 엑셀파일 다운로드 버튼 */ a.btn_excel_gray { position: relative; display: inline-block; padding: 0 10px 0 30px; line-height: 32px; text-align: center; font-size: 13px; color: #FFFFFF; background: #8F8F8F; vertical-align: middle; background-image:url('../img/icon_download.png'); background-repeat: no-repeat; background-position: 10px 9px; background-size: 14px;} a.btn_excel_gray:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #5F5F5F; background-image:url('../img/icon_download.png'); background-repeat: no-repeat; background-position: 10px 9px; background-size: 14px;} /* 목록, 취소, 삭제 미리보기 및 인쇄 버튼 */ a.btn_gray_big { position: relative; display: inline-block; vertical-align: middle; padding: 0 30px 0 30px; line-height: 34px; text-align: center; font-size: 15px; color: #FFFFFF; background: #8E8E8E;} a.btn_gray_big:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #575757;} /* 완료, 저장버튼 */ a.btn_big { position: relative; display: inline-block; vertical-align: middle; padding: 0 30px 0 30px; line-height: 34px; text-align: center; font-size: 15px; color: #FFFFFF; background: #414141;} a.btn_big:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #000;} /* 테이블 중간 버튼 */ a.btn_small { position: relative; display: inline-block; vertical-align: middle; line-height: 26px; text-align: center; font-size: 12px; color: #FFFFFF!important; background: #AFAFAF; padding: 0 8px 0 8px;} a.btn_small:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c;} a.btn_gray_small { position: relative; display: inline-block; vertical-align: middle; line-height: 26px; text-align: center; font-size: 12px; color: #FFFFFF!important; background: #848484; padding: 0 8px 0 8px;} a.btn_gray_small:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #434343;} a.btn_darkgray_small { position: relative; display: inline-block; vertical-align: middle; line-height: 26px; text-align: center; font-size: 13px; color: #FFFFFF!important; background: #575757; padding: 0 12px 0 12px;} a.btn_darkgray_small:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c;} a.btn_middle { position: relative; display: inline-block; vertical-align: middle; line-height: 32px; text-align: center; font-size: 12px; color: #FFFFFF!important; background: #AFAFAF; padding: 0 15px;} a.btn_middle:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #2c2c2c;} a.btn_gray_middle { position: relative; display: inline-block; vertical-align: middle; line-height: 32px; text-align: center; font-size: 12px; color: #FFFFFF!important; background: #848484; padding: 0 15px;} a.btn_gray_middle:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #434343;} /* 테이블 내 삭제 저장 버튼 */ a.btn_delete_small { position: relative; display: inline-block; vertical-align: middle; line-height: 24px; text-align: center; font-size: 12px; color: #646464!important; background: #fff; padding: 0 10px 0 10px; margin: 0 2px 0 2px; border: 1px solid #dcdcdc;} a.btn_delete_small:hover {text-decoration:none; color: #FFFFFF!important; overflow: hidden; background: #A4A4A4!important; border: 1px solid #838383;} a.btn_save_small { position: relative; display: inline-block; vertical-align: middle; line-height: 24px; text-align: center; font-size: 12px; color: #646464!important; background: #ECECEC; padding: 0 10px 0 10px; margin: 0 2px 0 2px; border: 1px solid #BFBFBF;} a.btn_save_small:hover {text-decoration:none; color: #FFFFFF!important; overflow: hidden; background: #8A8A8A!important; border: 1px solid #707070;} a.btn_name_box { position: relative; display: inline-block; vertical-align: middle; line-height: 24px; text-align: center; font-size: 11px; color: #000!important; background: #E7E7E7; padding: 0 21px 0 8px; background-image: url(../img/icon_close_s_black.png); background-position: right 7px ; background-repeat:no-repeat; margin: 2px 3px 2px 3px; border-radius: 4px;} a.btn_name_box:hover {text-decoration:none; color: #FFFFFF!important; overflow: hidden; background: #777777; background-image: url(../img/icon_close_s_white.png); background-position: right 7px; background-repeat:no-repeat;} /* 팝업창 닫기 버튼 */ a.btn_popup_close { position: absolute; right: 0px; top: 0px; display: inline-block; width: 40px; height: 40px; line-height: 40px; background: #353a4e; background-image: url(../img/icon_close.png); background-position:center; background-repeat:no-repeat;} a.btn_popup_close:hover {text-decoration:none; color: #FFFFFF; overflow: hidden; background: #43bfce; background-image: url(../img/icon_close.png); background-position:center; background-repeat:no-repeat;} /* 파일 첨부 */ .file_comm {width: 100%; overflow: hidden; vertical-align: middle; } .file_comm .file_name {border:1px solid #dcdcdc;; border-image: none; padding: 0 10px 0 10px; width: 398px; height: 30px; line-height: 30px; overflow: hidden; font-size: 12px; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;} .file_comm .btn_file {position: relative; display: inline-block; height: 32px; line-height: 32px; text-align: center; font-size: 12px; color: #FFFFFF; background: #575757; padding: 0 15px 0 15px; cursor: pointer; } .file_comm .btn_file label {width: 100%; height: 100%; color: rgb(255, 255, 255); line-height: 32px; font-size: 12px; cursor: pointer;} .file_comm .btn_file .inp_file {margin: 0px; padding: 0px; top: 0px; width: 100%; height: 100%; right: 0px; font-size: 0px; display: block; position: absolute; z-index: 10; cursor: pointer; opacity: 0.01;} input[type=submit].index_readmore_btn_contact { position: relative; display: block; vertical-align: middle; width: 104px!important; height: 42px!important; line-height: 42px; text-align: center; font-size: 18px!important; font-weight: 400!important; border: 1px solid #FFF!important; color: #fff!important; background: #0e4194!important; margin: 0 auto; cursor:hand;} input[type=submit].index_readmore_btn_contact:hover {text-decoration:none; background: #08234d!important; color: #fff; overflow: hidden; -webkit-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s;} /* 제목바 */ #list_bar {text-align: left;} #list_bar ul {display: inline-block; margin: 0px 0px 15px 0px; height: 32px; line-height: 32px; font-size: 26px; letter-spacing: -0.5px; font-weight: 700;} #list_bar ul + ul {float: right;} /*tab btn */ .tab {width:100%; margin:20px auto 40px; text-align: center; border-bottom: 1px solid #8033A2;} .tab>ul{padding: 20px 20px 0px 25px;} .tab>ul:after {content: "."; clear:both; display:block; height:0; visibility:hidden;} .tab>ul>li{position:relative; display: inline-block; line-height:34px; font-size:15px; letter-spacing: -0.02em; margin:0px 0px -1px 0px; float: left;} .tab>ul>li>a{display: block; color: #7b7b7b; background:#efefef; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #8033A2; padding: 0 50px 0 50px;} .tab>ul>li>a:hover , .tab>ul>li.on>a{text-decoration:none; background:#ffffff; font-weight: 700; color: #000000; border-top: 1px solid #8033A2; border-right: 1px solid #8033A2; border-left: 1px solid #8033A2; border-bottom: 1px solid #ffffff;} /* 작은 tab btn */ .tab_small {width:100%; margin:0 auto 40px; text-align: center; border-bottom: 1px solid #8033A2;} .tab_small>ul{padding: 20px 0px 0px 0px;} .tab_small>ul:after {content: "."; clear:both; display:block; height:0; visibility:hidden;} .tab_small>ul>li{position:relative; display: inline-block; line-height:34px; font-size:16px; letter-spacing: -0.02em; margin:0px 0px -1px 0px; float: left;} .tab_small>ul>li>a{display: block; color: #7b7b7b; background:#efefef; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #8033A2; padding: 0 10px 0 10px;} .tab_small>ul>li>a:hover , .tab_small>ul>li.on>a{text-decoration:none; background:#ffffff; font-weight: 700; color: #000000; border-top: 1px solid #8033A2; border-right: 1px solid #8033A2; border-left: 1px solid #8033A2; border-bottom: 1px solid #ffffff;} /*tab btn */ .tab_middle {width:100%; text-align: center;} .tab_middle>ul{padding: 0px 0px 20px 0px; text-align: center;} .tab_middle>ul:after {content: "."; clear:both; display:block; height:0; visibility:hidden;} .tab_middle>ul>li{position:relative; display: inline-block; width: 140px; line-height:32px; font-size:16px; margin:0px 1px 0px 1px;} .tab_middle>ul>li>a{display: block; color: #7b7b7b; background:#fff; border: 1px solid #43bfce; padding: 0 28px 0 28px; border-radius: 20px;} .tab_middle>ul>li>a:hover , .tab_middle>ul>li.on>a{text-decoration:none; background:#43bfce; font-weight: 700; color: #fff;} .etc_textarea {width: 98%; height: 48px; line-height: 22px;} .popup_middle_title {display: inline-block; padding: 0px 0px 8px 15px; font-size: 15px; font-weight: 700; letter-spacing: -0.6px;} /* 로그인 아이디찾기 패스워드찾기 관련 */ .login_form {position:relative; width:500px; text-align: center; padding: 70px 0px 70px 0px; margin:0 auto;} .login_visual {width: 300px; height: 110px; margin: 0 auto; background-image: url(../img/login_ci_2024.png); background-position: center; background-repeat:no-repeat;margin-bottom: 30px;} .login_title {font-size: 47px; font-weight: 200; color: #636363; padding:15px 0px 15px 0px;} .login_copy12 {font-size: 12px; line-height: 15px; padding:0px 0px 20px 0px; color: #929292; letter-spacing: -0.2px;} .login_copy13 {font-size: 13px; padding:0px 0px 15px 0px; color: #606060; letter-spacing: -0.2px;} .login_footer_logo {width: 100px; height: 25px; background-image: url(../img/bi_foot_2024.png); background-position: center; background-repeat:no-repeat; background-size: 100px; vertical-align: middle; margin: 5px auto;} .login_copyright {display: inline-table; line-height: 19px; text-align:left; font-size: 11px; color: #929292;} .screen_out {display:none;} .directory_title_s {position: relative; display: inline-block; font-size: 13px; font-weight: 400; padding: 0px 0px 10px 20px; color: rgba(0,0,0,1.00);}