@charset "utf-8"; @import url("notosanskr.css"); @font-face{ font-family: "Noto Sans KR"; } /* 멤버쉽 > 회원가입 */ #memBox {width:720px; margin:0 auto;} #memBox .check {margin:0 0 30px 0} #memBox .check input {vertical-align:middle;} #memBox .check label {position:relative;top:1px;padding:0 0 0 3px;} #memBox .check_all {color:#000;padding:40px 0 20px 0;font-weight:bold;margin-bottom:-8px;border-bottom:1px solid #e5e5e5;} .h5_bl { background:url(../../img/common/bl_h5.gif) no-repeat 0 4px; padding-left:14px;} .top_img {margin-bottom:30px;} .mem_h3_Cont {padding:0 0 15px 13px;} .mem_ContBrd {border-bottom:1px dashed #cacaca;} #mem_container {position:relative;display:block;} #mem_container:after {display:block; clear:both; content:""} #mem_container #mem_top {position:relative; height:76px; background:url('/_img/member/bg_top.jpg') no-repeat;} #mem_container #mem_top.top1 {background-position:0 top;} #mem_container #mem_top.top2 {background-position:0 -76px;} #mem_container #mem_top.top3 {background-position:0 -152px;} #mem_container #mem_top.top4 {background-position:0 -216px;} #mem_container .mem_topTitle1 {position:absolute; top:24px; left:80px;} #mem_container .mem_topTitle2 {position:absolute; top:24px; left:320px;} #mem_container .mem_topTitle3 {position:absolute; top:24px; left:570px;} #auth_tab_wrap {position:relative;display:block;top:30px;} #auth_tab_wrap:after {display:block; clear:both; content:""} #auth_tab { position: relative; left: 0; top: 0; width: 100%; height:350px; margin: 0; /*background:url('/_img/member/auth_tabmenu_bg.gif') repeat-x top center;*/ } #auth_tab .tabmenu { width: 100%; margin:0; padding:0; } #auth_tab .tabmenu ul { list-style: none; float: left; width: 100%; margin: 0; padding: 0;color:#7e7e7e;} #auth_tab .tabmenu ul li { display: inline; float: left; height:35px; margin: 0; padding: 0; background: transparent;} #auth_tab .tabmenu ul li h3 a {display:block; background:url('/_img/member/auth_tabmenu.jpg') no-repeat;width:150px;height:35px; text-indent:-9999px; overflow:hidden} #auth_tab .tabmenu ul li#stab1 h3 a{background-position:0px 0px;} #auth_tab .tabmenu ul li#stab2 h3 a{background-position:-150px 0px;} #auth_tab .tabmenu ul li#stab1 h3.over a{background-position:0px -35px;} #auth_tab .tabmenu ul li#stab2 h3.over a{background-position:-150px -35px;} #auth_tab .tabcontent {display:none;position: absolute; left: 0; top: 36px; width: 100%;margin: 0; padding: 0px;} #auth_tab .tabcontent dt {padding-left:14px;font-weight:bold;margin-top:15px;background:url(/_img/common/bl_h5.gif) no-repeat 0 4px;} #auth_tab .tabcontent dd {padding-left:15px;float:none;background:url(/_img/common/bl02.gif) no-repeat 7px 9px;} #auth_tab .tabcontent .auth_btn {position:relative;display:block;text-align:center;margin-top:20px;padding-top:15px;border-top:1px dashed #ddd;} #find_tab_wrap {position:relative;display:block;top:10px;} #find_tab_wrap:after {display:block; clear:both; content:""} #find_tab { position: relative; left: 0; top: 0; width: 100%; height:260px; margin: 0; /*background:url('/_img/Member/auth_tabmenu_bg.gif') repeat-x top center;*/ } #find_tab .tab_menu { width: 100%; margin:0; padding:0; } #find_tab .tab_menu ul { list-style: none; float: left; width: 100%; margin: 0; padding: 0;color:#7e7e7e;} #find_tab .tab_menu ul li { display: inline; float: left; height:35px; margin: 0; padding: 0; background: transparent;} #find_tab .tab_menu ul li h3 a {display:block; background:url('/_img/bg/find_tabmenu.jpg') no-repeat;width:150px;height:35px; text-indent:-9999px; overflow:hidden} #find_tab .tab_menu ul li#stab1 h3 a{background-position:0px 0px;} #find_tab .tab_menu ul li#stab2 h3 a{background-position:-150px 0px;} #find_tab .tab_menu ul li#stab1 h3.over a{background-position:0px -35px;} #find_tab .tab_menu ul li#stab2 h3.over a{background-position:-150px -35px;} #find_tab .tabcontent {display:none;position: absolute; left: 0; top: 36px; width: 100%;margin: 0; padding: 0px;} #find_tab .tabcontent dt {padding-left:14px;font-weight:bold;margin-top:15px;background:url(/_img/common/bl_h5.gif) no-repeat 0 4px;} #find_tab .tabcontent dd {padding-left:15px;float:none;background:url(/_img/common/bl02.gif) no-repeat 7px 9px;} #find_tab .tabcontent .auth_btn {position:relative;display:block;text-align:center;margin-top:20px;padding-top:15px;border-top:1px dashed #ddd;} #find_result {position:relative;display:block;width:100%;height:150px;text-align:center;} #mod_wrap {} #mod_wrap dt {padding-left:14px;font-weight:bold;margin-top:15px;background:url(/_img/common/bl_h5.gif) no-repeat 0 4px;} #mod_wrap dd {padding-left:15px;float:none;background:url(/_img/common/bl02.gif) no-repeat 7px 9px;} .idpw-search-frm dl {position:relative;margin-top:10px;width:100%;} .idpw-search-frm dl:after {clear:both;content:"";display:block;} .idpw-search-frm dt {clear:both;float:left;width:70px;margin-bottom:6px;padding-left:5px;} .idpw-search-frm dd {float:left;margin-bottom:6px;} /* 회원가입 폼 */ .register_form_wrap {position:relative; display:block; width:100%;} .register_form_wrap:after {display:block; clear:both; content:""} .register_form_wrap ul {} .register_form_wrap li {float:left; width:100%; border-top:1px solid #DDD; padding:10px 0 10px 0;} .register_form_wrap li.first {border-top:2px solid #3783b9;} .register_form_wrap li.last {border-bottom:1px solid #DDD;} .register_form_wrap li.pw_wrap {display:none;} .register_form_wrap li:hover {background:#F8F8F8} .register_form_wrap .reg_tit {float:left; display:block; width:120px; font-weight:bold; font-size:12px; padding-left:30px; border-right:1px solid #DDD} .register_form_wrap .reg_txt {float:left; display:block; padding-left:10px;} .register_form_wrap .reg_txt * {vertical-align:middle;} .mem-write-btns * {vertical-align:middle;} /*아이디/비번 찾기*/ .searchid-wrap {background:url(/_img/member/idsearch_bg.gif) no-repeat left top;width:750px;height:255px;position:relative;} .searchid-wrap .text_login {width:80px;} .searchid_box {position:relative;margin:30px 30px 20px 30px;float:left;height:200px;} .searchpw_box {position:relative;margin:30px 30px 20px 30px;float:left;height:200px;} .searchid_box .idpw-search-frm {padding-top:20px;} .searchpw_box .idpw-search-frm {padding-top:7px;} .idpw-search-frm dl {position:relative;margin-top:10px;margin-left:15px;width:300px;} .idpw-search-frm dl:after {clear:both;content:"";display:block;} .idpw-search-frm dt {clear:both;float:left;width:55px;margin-bottom:6px;padding-left:5px;} .idpw-search-frm dd {float:left;margin-bottom:6px;} .btn-search {background:url(/_img/member/idsearch_bg2.gif) no-repeat center top;padding-top:20px;text-align:center;position:absolute;bottom:0px;width:100%;} .ul_list {display:block;position:relative;width:100%;} .ul_list:after {clear:both;content:"";display:block;} .ul_list li {border:1px solid #DDD;display:block;position:relative;background:#f8f8f8;float:left;line-height:130%;margin:1px 0px 1px 0px;padding:3px 0px 3px 0px;} .ul_list .fd {padding:0px 3px 0px 3px;} .ul_list li * {vertical-align:middle;} table.tbl_list {border-top:1px solid #4d4d4f;border-bottom:1px solid #B7BABC;font-size:16px;font-family:"Noto Sans KR";} .tbl_list th, .tbl_list td{padding:3px 5px 3px 5px;font-size:16px;font-family:"Noto Sans KR";} .tbl_list th {background-color:#f7f7f7 ;color:#666666;border-bottom:1px solid #B7BABC;font-size:16px;font-family:"Noto Sans KR";font-weight:bold;height:60px;} .tbl_list tbody td, .tbl_list tbody th {border-bottom:1px solid #dEdEdE;font-size:16px;font-family:"Noto Sans KR";height:40px;text-align:center} .tbl_list tbody .bg1 td, .tbl_list tbody .bg1 th {background:#f8f8f8;font-size:16px;font-family:"Noto Sans KR";} .table.tbl_list11 {border-top:1px solid #4d4d4f;border-bottom:1px solid #dEdEdE;font-size:16px;font-family:"Noto Sans KR";} .tbl_list11 th, .tbl_list td{padding:3px 5px 3px 5px;font-size:16px;font-family:"Noto Sans KR";height:60px} .tbl_list11 th {background-color:#f7f7f7 ;color:#666666;border-bottom:1px solid #dEdEdE;font-size:16px;font-family:"Noto Sans KR";font-weight:bold;height:60px;} .tbl_list11 tbody td, .tbl_list tbody th {border-bottom:1px solid #dEdEdE;font-size:16px;font-family:"Noto Sans KR";height:40px;text-align:left;padding-left:5px} .tbl_list11 tbody .bg1 td, .tbl_list tbody .bg1 th {background:#f8f8f8;font-size:16px;font-family:"Noto Sans KR";} .tbl_list11 input[type="checkbox"]{font-size:22px;} .tbl_list2 th {border-bottom:1px solid #EAEAEA;font-weight:bold;font-size:13px; font-family:"Noto Sans KR";color:#A6A6A6 !important;padding:2px 5px 2px 5px;text-align:left;} .tbl_list2 td {padding:2px 5px 2px 5px;} .tbl_list2 tbody .bg1 td, .tbl_list2 tbody .bg1 th {background:#f8f8f8;} .tbl_list2 tbody .up_line {border-top:1px solid #e1e1e1} .tbl_list2_more {background:#ECECEC;border-top:1px solid #C9C9C9;border-bottom:1px solid #C9C9C9;padding:5px 0px 5px 0px; width:100%;display:block;position:relative;font-family:"Noto Sans KR","Dotum","돋움";font-size:11px;letter-spacing:-1px;} .tbl_list2_more:after {clear:both;content:"";display:block;} .tbl_write_wrap {border-top:2px solid #DDD;border-bottom:2px solid #DDD; } .tbl_write {border-top:1px solid #BBB;border-bottom:1px solid #BBB;} .tbl_write th {padding:3px 5px 3px 5px;background:#f8f8f8;font-weight:bold;border-bottom:1px solid #EEE;height:30px; font-family:"Noto Sans KR";font-size:13px} .tbl_write td {padding:3px 5px 3px 5px;border-bottom:1px solid #EEE; font-family:"Noto Sans KR";font-size:13px} .tbl_write_wrap {border-top:2px solid #DDD;border-bottom:2px solid #DDD; } .tbl_write_1 {border-top:1px solid #BBB;border-bottom:1px solid #BBB;} .tbl_write_1 th {padding:3px 5px 3px 5px;background:#f8f8f8;font-weight:bold;border-bottom:1px solid #EEE;height:30px; font-family:"Noto Sans KR";font-size:13px} .tbl_write_1 td {padding:3px 5px 3px 5px;border-bottom:1px solid #EEE; background:#fff; font-family:"Noto Sans KR";font-size:13px} .tbl_write2 {} .tbl_write2 th {padding:3px 0px 3px 0px;font-weight:bold;text-align:left;text-indent:10px;color:#333;} .tbl_write2 td {padding:3px 0px 3px 0px;} #fileUploadInfo {display:none;} .isFileuploadBtn {width:65px;height:20px;t;cursor:pointer;border:1px solid #ccc;font-size:11px;padding:3px;} .isFileuploadBtn:hover {background-position:left -20px;text-decoration:none;} #fileSelQueueBox {border:1px solid #DDD;background:url(/_swfUpload/img/fileQueue_bg.gif) repeat;height:100px;overflow-y:scroll;width:100%;} /*#fileSelQueueBox div { height:16px; padding:2px 4px 2px 4px;cursor:arrow;} */ #fileSelQueueBox div {padding:0px 4px 0px 4px;cursor:arrow;} .isFileQueueList div * {vertical-align:middle;} .isCheck {display:block;float:left;width:20px;} .isFileQueueList .isFileName{display:block;float:left;width:250px;cursor:arrow;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .isFileQueueList .isFileSize{display:inline-block;width:80px;text-align:right;cursor:arrow;} .isFileQueueList .isProgress{display:inline-block;width:200px;color:#999;padding-left:10px;cursor:arrow;} .isFileQueueList .progressBar {display:inline-block;background:url(/_swfUpload/img/progress_bar_blue.gif) repeat-y left top;width:0px;height:10px;} .isFileQueueList .progressComplete {display:none;} .multiFileUploadPregress {width:100%;border:1px solid #DDD;background:#FFF;height:100px;overflow-y:auto;} :focus { outline: 0; } .multiFileUploadArea {border:1px solid #DDD;background:#f8f8f8;display:block;width:100%;position:relative;} .multiFileUpload {padding:5px 10px 5px 10px;} .progressWrapper { width: 100%; overflow: hidden; } .progressContainer {padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden;} .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden;}/* Message */ .progress_red { border: solid 1px #B50000; background-color: #FFEBEB;} /* Error */ .progress_green { border: solid 1px #DDF0DD; background-color: #EBFFEB;} /* Current */ .progress_blue { border: solid 1px #CEE2F2; background-color: #F0F5FF;} /* Complete */ .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 400px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden;} .progressBarInProgress, .progressBarComplete, .progressBarError {font-size: 0;width: 0%;height: 2px;background:url(/_swfUpload/img/progress_bar_blue.gif) repeat-y left top;margin-top: 2px;} .progressBarComplete {width: 100%;background-color: green;visibility: hidden;} .progressBarError {width: 100%;background-color: red;visibility: hidden;} .progressBarStatus {margin-top: 2px;width: 337px;font-size: 7pt;font-family: Arial;text-align: left;white-space: nowrap;} a.progressCancel {font-size: 0;display: block;height: 14px;width: 14px;background-image: url(../images/cancelbutton.gif);background-repeat: no-repeat;background-position: -14px 0px;float: right;} a.progressCancel:hover {background-position: 0px 0px;} .conts_proe_letter{ width:100%; height:auto; background-size: cover; margin:0 auto; background-color:#FFF; background-repeat:no-repeat; position:relative; } .conts_proe_letter .Tconts_sub0{ width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } /* 셀렉트박스 */ .select-box { position: relative;width: 200px;height: 28px; background: url('/newhtm/img/select_arrow.png') no-repeat 95% center;/* border: 1px solid #ddd; */ border:none;} div.select-box label { position: absolute; font-size: 14px; font-weight:bold; color: #666; top: 7px; left: 10px; letter-spacing: 1px;} div.select-box select { width: 100%; height: 28px; min-height: 28px; line-height: 28px; padding: 0 10px; opacity: 0; /* IE 8 */} .sub_sps_sch {text-align:right;/* margin-top:30px; */} .sub_sps_sch div.select-box{width:85px; height:31px;display:inline-block; border:1px solid #ddd; vertical-align: middle;} .sub_sps_sch div.select-box label{font-size:12px;color:#000;} .sub_sps_sch select {height: 33px;} .sub_sps_sch .search_box{position:relative;display:inline-block;} .sub_sps_sch .search_box input[type="text"]{height:31px;width:165px;padding-right:20px;background:none !important; border:1px solid #ddd;} .sub_sps_sch .btn_submit{position:absolute;right:5px;top:50%;margin-top:-9px;width:18px;height:18px;background:url('../img/sub/sub_search.png') no-repeat left top;text-indent:-9999em;border:none;} .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em} .frm_input {height:22px} .sub_content_article{ background-color:#FFF; position: relative; padding:10px 40px; font-family:"Noto Sans KR"; font-size:12px;color:#000; font-weight:bold;letter-spacing: -1px;} /* 장소예약 */ .sub06_article .sel_box_inner {text-align:center;} .sub06_article .sel_box_inner .select-box{display:inline-block; border:1px solid #ddd !important; width:115px; height:40px; line-height:40px; background-position:85% center;} .sub06_article .sel_box_inner div.select-box label{top:0;color:#000} .sub06_article .check_inner{margin-top:45px; margin-bottom:15px;} .sub06_article .check_box_inner .checkbox{position:relative;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 13px; /* 체크박스의 너비를 지정 */ height: 13px; /* 체크박스의 높이를 지정 */ line-height: 13px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 5px 0 0; text-align: center; vertical-align: middle; background: #555; } .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label.ch_type01:before{background-color:#cb1634;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label.ch_type02:before{background-color:#f1991a;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label.ch_type03:before{background-color:#6fb969;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label.ch_type04:before{background-color:#2c76d2;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label:active:before, .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ background:#555 url("../img/sub/chb_ch.png") no-repeat center center; } .sub06_article .check_inner:after{display:block; clear:both; content:""; } .sub06_article .check_inner .check_box_inner{float:left; width:60%;} .sub06_article .check_inner .reservation_tab{float:right; width:38%; text-align:right; } .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label.ch_type01:before{background-color:#cb1634;} .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label.ch_type02:before{background-color:#f1991a;} .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label.ch_type03:before{background-color:#6fb969;} .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label.ch_type04:before{background-color:#2c76d2;} .sub06_article .check_box_inner li.checkbox {display:inline-block; margin-right:15px;} .sub06_article .reservation_tab ul li{display:inline-block; margin-right:5px;margin-top:10px;} .sub06_article .reservation_tab ul li a{display:block; font-size:14px; font-weight:bold; padding-left: 25px; color:#666;} .sub06_article .reservation_tab ul li.active a{ color:#c41465;} .sub06_article .reservation_tab ul li.reser_icon00 {background:url("/newhtm/img/reser_icon01.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon01 {background:url("/newhtm/img/reser_icon02.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon02 {background:url("/newhtm/img/reser_icon03.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon00.active {background:url("/newhtm/img/reser_icon01_on.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon01.active {background:url("/newhtm//img/reser_icon02_on.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon02.active {background:url("/newhtm/img/reser_icon03_on.png") no-repeat left center;} .resertaion_calendar{position:relative;} .resertaion_calendar table.calendar{border:1px solid #ddd;} .resertaion_calendar table.calendar th{height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#555; background-color:#f8f8f8; } .resertaion_calendar table.calendar th:first-child{color:#fe000a;} .resertaion_calendar table.calendar td{height:142px; line-height:100%;} .resertaion_calendar table.calendar td:first-child span.cal_date a{color:#fe000a;} .resertaion_calendar table.calendar td .td_cal_wrap{position:relative; padding-top:35px;} .resertaion_calendar table.calendar td .td_cal_wrap .reser_info{ min-height: 142px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:10px; } .resertaion_calendar table.calendar td .td_cal_wrap .reser_info span.cal_date .td_date01{position:absolute; left: 10px; top: 10px; font-size: 14px; font-weight: bold; } .resertaion_calendar table.calendar td .td_cal_wrap .reser_info span.holly_date a{color:#fe000a; } .resertaion_calendar span.room_type{display:inline-block; width:8px; height:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .resertaion_calendar .room_type01{background-color:#cb1634; margin-right:3%;} .resertaion_calendar .room_type02{background-color:#f1991a; margin-right:3%;} .resertaion_calendar .room_type03{background-color:#6fb969; margin-right:3%;} .resertaion_calendar .room_type04{background-color:#2c76d2; margin-right:3%;} .td_cal_wrap .reser_info ul li a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:12px; font-weight:bold; color:#666; line-height: 16px; } .cal_notice{position:relative; border:1px solid #ddd; margin:25px 0; padding:30px 3%; box-sizing:border-box;} .cal_notice ul li{font-size:16px; line-height:26px; color:#333;} .resertaion_calendar table.calendar td ul li{position:relative;} .sel_inner .reser_select_place .reser_my_check{display:inline-block; } #reser_layer{ position:absolute; width:240px; height:90px; bottom:0; background-color:#FFF; z-index:99999; display:none;} #reser_layer table{border:1px solid #ddd; width:100%;} #reser_layer table th{text-align:left;line-height:100%; height:auto; font-size:12px;padding:10px 0 10px 3%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f8f8f8; } #reser_layer table th.ta_place{text-align:center; background-color:#FFF; font-weight:bold; } #reser_layer table td{line-height:100%; padding-left:5%; height:auto;border-bottom:1px solid #ddd; background-color:#FFF;} .reser_click{text-align:right; margin-top:22px;} .reser_click button{ padding: 10px 15px 10px 35px;; border: 1px solid #ddd; background-color: transparent;} /* 장소예약 calendar_view */ .reser_view {position:relative;} .reser_view .reser_view_left{float:left; width:49%;} .reser_view .reser_view_right{float:right; width:49%;} .reser_view table th{text-align:left; padding-left:4%; font-size:14px; color:#333;} .reser_view table td{text-align:left; padding-left:4%; font-size:13px; color:#666;} .sub06_article .sel_inner{margin-bottom:0px;} .sub06_article .sel_inner .select-box{width:170px;margin-right:15px;} .sel_inner .reser_select_place{float:left; width:65%; text-align:left;} .sel_inner .reservation_tab{float:right; width:35%; margin-top: 16px;text-align:right} .sub06_article .sel_box_inner .sel_date_arrow{margin-bottom:20px} .sub06_article .sel_box_inner .sel_date_arrow a{display:inline-block; vertical-align:middle;} .sub06_article .sel_box_inner .sel_date_arrow span{font-size:16px; font-weight:bold; color:#333; vertical-align:middle; padding:0 25px} .sel_inner .select-box .select-box{display:inline-block; } .sel_inner .reser_confirm{display:inline-block; vertical-align: bottom; } .sel_box_inner .reser_confirm .reser_type{display:inline-block;} .sel_box_inner .reser_confirm .reser_type li{display:inline-block;} .sel_inner button.go_btn{width:43px; height:25px; line-height:25px; background-color:#c41465; color:#fff; border-radius: 5px; margin: 0 20px 0 10px;} .sel_box_inner01 .go_btn{width:43px; height:25px; line-height:25px; background-color:#c41465; color:#fff; border:0; border-radius: 5px; margin: 0 10px 0 10px; display:inline-block;} .sel_inner .reser_confirm .reser_type li{color:#666; margin-right:18px;} .sel_inner .reser_confirm .reser_type span{width:22px; height:13px; display:inline-block; margin-right:6px; vertical-align:middle;} .sel_inner .reser_confirm .reser_type span.reser_type01{background-color:#ffa6a6;} .sel_inner .reser_confirm .reser_type span.reser_type02{background-color:#64cbf7;} .sel_inner .reser_confirm .reser_type span.reser_type03{background-color:#ffb423;} .reser_timetable{position:relative; padding-left:223px; } .reser_timetable .time_table_left{position:absolute; top:0; left:0; width:223px; } .reser_timetable .time_table_right{position:relative; overflow-y:auto; -webkit-overflow-y-scrolling: touch;; margin-left:-1px; } .reser_timetable table{border:1px solid #ddd; font-family:"Noto Sans KR"; font-size:14px;color:#000; font-weight:normal;letter-spacing: -1px; width:100%;} .reser_timetable table th{line-height:48px;background-color:#f1f1f1;} .reser_timetable table td{height:48px; line-height:100%;} .reser_timetable .time_table_left table td{text-align:center;border:1px solid #ddd;} .reser_timetable .time_table_right table{ white-space: nowrap; table-layout: auto; width:100%;} .reser_timetable .time_table_right table th{border:1px solid #ddd;} .reser_timetable .time_table_right table td{border:1px solid #ddd;} .reser_timetable .time_table_right table td span.confirm_ok{display:block; background-color:#64cbf7;width:100%; height:10px;} .reser_timetable .time_table_right table td span.confirm_wait{display:block; background-color:#ffb423;width:100%; height:10px;} .reser_timetable .time_table_right table td span.confirm_request{display:block; background-color:#ffa6a6;width:100%; height:10px;} .reser_timetable .time_table_right table td span.confirm_wrong{display:block; background-color:#ffa6a6;width:100%; height:10px;} .reser_timetable .time_table_right table td span.confirm_regular{display:block; background-color:#ffffff;width:100%; height:10px;} .sel_box_inner01{margin-bottom:10px;} .sel_box_inner01 .reser_select{float:left; width:69%;} .sel_box_inner01 .reservation_tab{float:right; width:31%; margin-top: 13px ;} .sel_box_inner01 .reser_select .select_item00{float:left;} .sel_box_inner01 .reser_select .select_item01{float:left; } .sel_box_inner01 .reser_select .select_item00 .select-box{display:inline-block; width:135px; border:1px solid #ddd;} .sel_box_inner01 .reser_select .select_item01 .select-box{display:inline-block; width:95px; border:1px solid #ddd; margin-right:5px;} .sel_box_inner01 .reser_select div.select-box label{font-size:12px;} .sel_box_inner01 .reser_input01{width:88px; height:28px; display:inline-block;} .sel_box_inner01 .reser_input02{width:80px; height:28px; display:inline-block;} .reser_table_list {position:relative; padding-left:215px;} .reser_table_list table{border:1px solid #ddd;} .reser_table_list table th{height:40px; line-height: 16px;} .reser_table_list table td{text-align:center; height:40px; line-height:100%;} .reser_table_list .reser_table_detail00{position:absolute;left:0; top:0; width:215px;} .reser_table_list .reser_table_detail01{position: relative; overflow-y: auto; margin-left: -1px} .reser_table_list .reser_table_detail01 table{ white-space: nowrap; table-layout: auto; width: 100%;} .reser_table_list .reser_table_detail01 table td{padding:0 10px;} #ui-datepicker-div{z-index:50 !important;} button.ui-datepicker-trigger{position:absolute; width:1px; height:1px; text-indent:-99999em;;} .professor_hp01{margin-top:50px;} /* 장소예약_write */ .reser_write .reser_write_table td{padding-left:2%;} .reser_write .reser_write_table td .reser_input_txt{width:90%; height:30px; line-height:28px;padding: 0 2%;;} .reser_write .reser_write_table td .reser_input_txt01{width:30; height:30px; line-height:28px; padding: 0 2%;} .reser_write .reser_write_table td span.reser_person{margin:0 2%;} .reser_write .reser_write_table td select.reser_select{width:95%; height:30px; line-height:28px;padding: 0 2%;;} .reser_write .reser_write_table td select.reser_select01{width:19%; height:30px; line-height:28px; padding:0 1%;} .reser_write .reser_write_table td span.reser_line{display:inline-block; width:10px; height:1px ; background-color:#ddd; margin: 0 5px;} .reser_write .reser_write_table td span.reser_mr{} .reser_write .reser_write_table td span.calendar_icon{display:inline-block; position:relative; width:100%;} /* .reser_write .reser_write_table .calendar_icon{display:inline-block; height:30px; line-height:28px; padding:0 1%; border:1px solid #c9c9c9; margin-left: -4px; margin-right:8px;} .reser_write .reser_write_table .calendar_icon img{vertical-align:middle;} */ .reser_write .reser_write_table button.ui-datepicker-trigger{position:relative; margin-left:-1px; text-indent:0; width:32px; height:32px; border:1px solid #c9c9c9; background-color: transparent; } .reser_click button{background:url("../img/sub/sub_icon02.png")no-repeat 13px center; } .list_view_btn a{display:inline-block; background-color:#F9F9F9; color:#666; font-weight:bold; ;} .list_view_btn a:hover{border:1px solid #a4a4a4; } /*==============================================================================================================================*/ /* write */ .reser_write .write_employ_table .text_td textarea{margin:10px 0 0; width:93%; padding:2%;; height:350px;} .conts_proe_letter .Tconts_sub1{ font-family:"Noto Sans KR"; font-size:16px;color:#777; letter-spacing: -1px; padding-top:10px;line-height:30px; position:relative; } .conts_proe_letter .Tconts_sub1 span{ font-family:"Noto Sans KR"; font-size:18px;color:#000; font-weight:bold;letter-spacing: -1px; position:relative; } .conts_proe_letter .Tconts_sub2{ clear:both; width:100%; height:auto; margin:0px auto; text-align:center; position:relative; } .conts_proe_letter .Tconts_sub2 .Tconts_sub2_1 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc; margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_2 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_3 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_4 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_5 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_1 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_2 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_3 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_4 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub2 .Tconts_sub2_5 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub3{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; } .conts_proe_letter .Tconts_sub3 .Tconts_sub3_1 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc; margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_2 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_3 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_4 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_5 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_1 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_2 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_3 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_4 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub3 .Tconts_sub3_5 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub4{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; } .conts_proe_letter .Tconts_sub4 .Tconts_sub4_1 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc; margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_2 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_3 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_4 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_5 { width:19%; height:auto; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:5px;min-width:150px;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_1 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_2 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_3 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_4 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub4 .Tconts_sub4_5 img { width:100%; min-width:100%;} .conts_proe_letter .Tconts_sub5{ clear:both; position:relative; font-family:"Noto Sans KR"; font-size:16px;color:#777; letter-spacing: -1px; padding-top:10px;line-height:30px; } .conts_proe_letter .Tconts_sub5 span{ clear:both; font-family:"Noto Sans KR"; font-size:18px;color:#000; font-weight:bold;letter-spacing: -1px; position:relative; } .conts_proe_letter .Tconts_sub6{ clear:both; width:100%; height:340px; margin:0 auto; position:relative; background-color:#f0e7de; } .conts_proe_letter .Tconts_sub6 .Tconts_sub6_1 {margin:0 auto; width:31%; height:292px; position:relative; float:left; border:0px solid #ccc; margin-top:15px;margin-right:0px;min-width:310px;} .conts_proe_letter .Tconts_sub6 .Tconts_sub6_2 { margin:0 auto; width:31%; height:292px; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:0px;min-width:310px;} .conts_proe_letter .Tconts_sub6 .Tconts_sub6_3 { margin:0 auto; width:31%; height:292px; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:0px;min-width:310px;} .conts_proe_letter .Tconts_sub6 .Tconts_sub6_1 img {width:100%;min-width:100%} .conts_proe_letter .Tconts_sub6 .Tconts_sub6_2 img { width:100%;min-width:100%} .conts_proe_letter .Tconts_sub6 .Tconts_sub6_3 img {width:100%;min-width:100%} .conts_proe_letter .Tconts_sub7{ clear:both; width:100%; height:340px; margin:0 auto; position:relative; background-color:#e9f4d1; } .conts_proe_letter .Tconts_sub7 .Tconts_sub7_1 { width:31%; height:292px; position:relative; float:left; border:0px solid #ccc; margin-top:15px;margin-right:0px;min-width:310px;} .conts_proe_letter .Tconts_sub7 .Tconts_sub7_2 { width:31%; height:292px; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:0px;min-width:310px;} .conts_proe_letter .Tconts_sub7 .Tconts_sub7_3 { width:31%; height:292px; position:relative; float:left; border:0px solid #ccc;margin-top:15px;margin-right:0px;min-width:310px;} .conts_proe_letter .Tconts_sub7 .Tconts_sub7_1 img {width:100%;min-width:100%} .conts_proe_letter .Tconts_sub7 .Tconts_sub7_2 img {width:100%;min-width:100%} .conts_proe_letter .Tconts_sub7 .Tconts_sub7_3 img {width:100%;min-width:100%} .conts_proe_letter .Tconts_sub11{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; } .conts_proe_letter .Tconts_sub11 img {width:100%;min-width:100%;} .conts_proe_Hong{ width:100%; height:auto; background-size: cover; margin:0 auto; background-color:#FFF; background-repeat:no-repeat; position:relative; } .conts_proe_Hong .Hconts_sub0{ width:65%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub2{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub2 .Hconts_sub2_1{ width:49%; height:auto; margin:0 auto; position:relative; float:left; } .conts_proe_Hong .Hconts_sub2 .Hconts_sub2_1 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub2 .Hconts_sub2_2{ width:49%; margin-left:3px; height:auto; margin:0 auto; position:relative; float:right; } .conts_proe_Hong .Hconts_sub2 .Hconts_sub2_2 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub3{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub3 .Hconts_sub3_1{ width:49%; height:auto; margin:0 auto; position:relative; float:left; } .conts_proe_Hong .Hconts_sub3 .Hconts_sub3_1 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub3 .Hconts_sub3_2{ width:49%; margin-left:3px; height:auto; margin:0 auto; position:relative; float:right; } .conts_proe_Hong .Hconts_sub3 .Hconts_sub3_2 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub4{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub4 .Hconts_sub4_1{ width:49%; height:auto; margin:0 auto; position:relative; float:left; } .conts_proe_Hong .Hconts_sub4 .Hconts_sub4_1 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub4 .Hconts_sub4_2{ width:49%; margin-left:3px; height:auto; margin:0 auto; position:relative; float:right; } .conts_proe_Hong .Hconts_sub4 .Hconts_sub4_2 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub5{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub5 .Hconts_sub5_1{ width:49%; height:auto; margin:0 auto; position:relative; float:left; } .conts_proe_Hong .Hconts_sub5 .Hconts_sub5_1 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub5 .Hconts_sub5_2{ width:49%; margin-left:3px; height:auto; margin:0 auto; position:relative; float:right; } .conts_proe_Hong .Hconts_sub5 .Hconts_sub5_2 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub6{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub6 .Hconts_sub6_1{ width:49%; height:auto; margin:0 auto; position:relative; float:left; } .conts_proe_Hong .Hconts_sub6 .Hconts_sub6_1 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub6 .Hconts_sub6_2{ width:49%; margin-left:3px; height:auto; margin:0 auto; position:relative; float:right; } .conts_proe_Hong .Hconts_sub6 .Hconts_sub6_2 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub1{ font-family:"Noto Sans KR"; font-size:16px;color:#777; letter-spacing: -1px; padding-top:10px;line-height:30px; position:relative; } .conts_proe_Hong .Hconts_sub1 span{ font-family:"Noto Sans KR"; font-size:18px;color:#000; font-weight:bold;letter-spacing: -1px; position:relative; } .conts_proe_Hong .Hconts_sub55{ clear:both; height:30px; position:relative; } .conts_proe_Hong .Hconts_sub7{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub7 .Hconts_sub7_1{ width:49%; height:auto; margin:0 auto; position:relative; float:left; } .conts_proe_Hong .Hconts_sub7 .Hconts_sub7_1 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub7 .Hconts_sub7_2{ width:49%; margin-left:3px; height:auto; margin:0 auto; position:relative; float:right; } .conts_proe_Hong .Hconts_sub7 .Hconts_sub7_2 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub8{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub8 .Hconts_sub8_1{ width:49%; height:auto; margin:0 auto; position:relative; float:left; } .conts_proe_Hong .Hconts_sub8 .Hconts_sub8_1 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub8 .Hconts_sub8_2{ width:49%; margin-left:3px; height:auto; margin:0 auto; position:relative; float:right; } .conts_proe_Hong .Hconts_sub8 .Hconts_sub8_2 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub9{ clear:both; width:100%; height:auto; margin:0 auto; position:relative; font-family:"Noto Sans KR"; font-size:2em;color:#000; font-weight:bold;letter-spacing: -1px; } .conts_proe_Hong .Hconts_sub9 .Hconts_sub9_1{ width:49%; height:auto; margin:0 auto; position:relative; float:left; } .conts_proe_Hong .Hconts_sub9 .Hconts_sub9_1 img {width:100%;min-width:100%; } .conts_proe_Hong .Hconts_sub9 .Hconts_sub9_2{ width:49%; margin-left:3px; height:auto; margin:0 auto; position:relative; float:right; } .conts_proe_Hong .Hconts_sub9 .Hconts_sub9_2 img {width:100%;min-width:100%; } .tbl_list2_more {background:#ECECEC;border-top:1px solid #C9C9C9;border-bottom:1px solid #C9C9C9;padding:5px 0px 5px 0px; width:100%;display:block;position:relative;font-family:"Noto Sans KR","Dotum","돋움";font-size:12px;letter-spacing:-1px;} .tbl_list2_more:after {clear:both;content:"";display:block;} /* skip navigation */ #skip {position:relative; z-index:99999; width:100%;} #skip a {position:absolute; left:0; right:0; top:-30px; width:auto; padding:0 10px; text-align:center; background:#005ba0; } #skip a:active, #skip a:focus {top:0; text-decoration:none; cursor:pointer; zoom:1; } #skip span {display:inline-block; *display:inline; *zoom:1; padding:2px 6px 0 0; font-size:14px; letter-spacing:-1px; color:#fff; line-height:26px; font-weight:bold;} /* visual */ @charset "utf-8"; /* Andantino CSH(myint@naver.com) 130308 */ @import url(layout.css); body { background-repeat:repeat-x; } #headerWrap { position:absolute; top:0; right:0; left:0; z-index:1; } #container { *zoom:1; width:1200px; min-height:800px; font-family:Noto Sans KR; height:37px; margin:0 auto; margin-top:100px; } #container:after {content:""; display:block; clear:both;margin-top:10px;} #container ul li{ float:left; } #container #cont_left{ width:183px; min-height:817px; height:auto; } #container #cont_left #submenu{ clear:both; width:100%; height:auto; } #container #cont_right{ width:900px; padding-left:50px; min-height:800px; height:auto; } #container #cont_rightnew{ width:1150px; min-width:1150px padding-left:50px; min-height:800px; height:auto; } #container #cont_right #naviga img{ vertical-align:middle; } #container #cont_right #naviga span{ } #container #cont_right #cont1 ul li { width:100%; text-align:center; } #container #cont_right #cont_equip1 ul li { width:100%; text-align:left; } #container #cont_right #cont_equip1 #subtitle{ font-size:20px; font-weight:700; } #container #cont_right #cont_equip1 #equip_search{ height:60px; margin-top:10px; } #container #cont_right #cont_equip1 #equip_list{ margin-top:20px; border-top:1.5px solid navy; border-bottom:1px solid #ccc; } .equip_img { padding:10px; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; } .equip_img img { border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; } .eqiup_but :hover { background-color:#0067b6; min-height:205px; margin-top:-70px; color:#fff; } .equip_img1 { padding:10px; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; } .equip_img1 img { border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; } #equip_info{ margin-top:20px; border:1px solid #ccc; min-height:220px; overflow:hidden; height:auto; width:100%; } #to_day{ font-size:20px; width:100%; text-align:center; } .listTable2 {position:relative;display:block; margin-top:10px; border-top:5px solid #0067b6;} .listTable2 table { width:100%;} .listTable2 table th { background:#f8f8f8; height:40px;font-weight:bold;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:5px 0;text-align:center;} .listTable2 table th.cont {text-align:left;padding:3px 1px 3px 8px;font-weight:normal; } .listTable2 table thead.no_vline th {border-left:0px;border-right:0px;} .listTable2 table td { border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:5px 0px; } .listTable2 table tbody.no_vline td {border-left:0px;border-right:0px;} .listTable2 table td.cont {text-align:left;padding:3px 2px 2px 8px; } .listTable2 table td.pl10 {text-align:left;padding:8px 10px; } .listTable2 table td.pl15 {text-align:left;padding:8px 15px; } .listTable2 table td.nopad {text-align:left;padding:0px; } .listTable2 table .first, .listTable2 table .end {border-left:none;} .mg10t {margin:10px;font-size:16px;font-weight:600} .mg20t {margin:20px;font-size:16px;font-weight:600} .mg30t {margin:30px;font-size:16px;font-weight:600} .tbl_write_wrap {border-top:2px solid #0067b6;border-bottom:2px solid #0067b6; } .tbl_write {border-top:2px solid #0067b6;border-bottom:2px solid #0067b6;} .tbl_write th {padding:3px 5px 3px 5px;background:#f8f8f8;font-weight:bold;border-bottom:1px solid #EEE;height:30px; font-family:"Noto Sans KR";font-size:13px} .tbl_write td {padding:3px 5px 3px 5px;border-bottom:1px solid #EEE; font-family:"Noto Sans KR";font-size:13px} .tbl_write_wrap {border-top:2px solid #DDD;border-bottom:2px solid #DDD; } .tbl_write_1 {border-top:1px solid #BBB;border-bottom:1px solid #BBB;} .tbl_write_1 th {padding:3px 5px 3px 5px;background:#f8f8f8;font-weight:bold;border-bottom:1px solid #EEE;height:30px; font-family:"Noto Sans KR";font-size:13px} .tbl_write_1 td {padding:3px 5px 3px 5px;border-bottom:1px solid #EEE; background:#fff; font-family:"Noto Sans KR";font-size:13px} .tbl_write2 {} .tbl_write2 th {padding:3px 0px 3px 0px;font-weight:bold;text-align:left;text-indent:10px;color:#333;} .tbl_write2 td {padding:3px 0px 3px 0px;} .btn1 { background: url('/_img/btn/btn_s_blank.png') no-repeat; border: 0px solid #FFFFFF; padding:2px 0 0 14px; height:24px; width:70px;} .btn2 {background: url('/_img/btn/btn_s_blank2.png') no-repeat; border: 0px solid #FFFFFF; padding:0px 0 0 14px; height:24px; width:106px;} a.btn2{ display:block;background: url(/image/btn_s_blank2.png) no-repeat; border: 0px solid #FFFFFF; padding:6px 0 0 24px; height:24px; width:111px; text-align:left;} /*마진*/ .no_mgf {margin-bottom:0px !important;} .mg5f {margin-bottom:5px;} .mg10f {margin-bottom:10px;} .mg15f {margin-bottom:15px;} .mg20f {margin-bottom:20px;} .mg25f {margin-bottom:25px;} .mg30f {margin-bottom:30px;} .mg40f {margin-bottom:40px;} .mg50f {margin-bottom:50px;} .mg0t {margin-top:0px;} .mg5t {margin-top:5px;} .mg10t {margin-top:10px;} .mg15t {margin-top:15px;} .mg20t {margin-top:20px;} .mg25t {margin-top:25px;} .mg30t {margin-top:30px;} .mg40t {margin-top:40px;} .mg5 {margin-left:5px;} .mg10 {margin-left:10px;} .mg15 {margin-left:15px;} .mg20 {margin-left:20px;} .mg25 {margin-left:25px;} .mg30 {margin-left:30px;} .mg5a {margin:5px;} .mg10a {margin:10px;} .mg15a {margin:15px;} .mg20a {margin:20px;} .mg25a {margin:25px;} .mg30a {margin:30px;} .w100 {width:100px;} .w500 {width:500px;} .w60 {width:60px;} .w100p {width:100%;} .w33p {width:33%;} .w30p {width:30%;} .w40p {width:40%;} .w25p {width:25%;} .w50p {width:49%;} /*타이틀 스타일*/ .tit_s {background:url(/_img/icon/icon_tits.gif) no-repeat left 5px;text-indent:15px;color:#333;font-size:16px;line-height:18px;margin-bottom:10px;font-weight:bold} .tit_ss1 {background:url(/_img/icon/icon_dot_o.gif) no-repeat left center;text-indent:8px;display:inline-block;} /*레이어 팝업 메세지 박스*/ html, body {_width:100%;_height:100%;} .pop_windoc {width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:6000;_position:absolute; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);} .pop_windoc_bg {width:100%;height:100%;background:#333 url('/_img/bg/back_bg.png') repeat;opacity:0.5;filter:alpha(opacity:70);_background:#282828;left:0px;top:0px;position:absolute;z-index:6001;} .pop_windoc_box {position:relative;z-index:6002;background:#FFFFFF;} .pop_winWrap {height:100%;width:100%;border:1px solid #696969;/*background:#FFF url(/_img/bg/top_bg2.gif) repeat-x left top;*/position:relative;display:block;} .pop_winWrap .pop_winTop {height:40px;background:#333 url(/_img/bg/top_bg3.gif) no-repeat 0px 0px;width:100%;color:#FFF;position:relative;display:block;} .pop_winWrap .pop_title { position:absolute;top:10px;left:15px;background:url(/_img/icon/pop_icon.gif) no-repeat 0 6px; height:30px; padding-left:15px; font-size:16px; color:#fff; font-weight:bold;} .pop_winWrap .pop_winTop .pop_close {position:absolute;top:10px;right:15px;} .pop_winWrap .pop_winFoot {background:#BBBBBB;width:100%;display:block;text-align:center;position:absolute;bottom:0px;left:0px;height:15px;} .pop_winWrap .pop_winBody {padding:5px 15px 5px 15px;overflow-y:scroll;display:block;position:relative;} .pop_winWrap .pop_body {position:relative;display:block;padding-bottom:15px;} .pop_winWrap .pop_body:after {clear:both;content:"";display:block;} .pop_winWrap .cont_top {display:none;} /*.pop_winWrap .contents {position:relative;display:block;}*/ .popwrap {position:relative;} .pop_foot2 {display:block;position:fixed;bottom:0px;width:100%;z-index:5000;background:#282828; _position:absolute; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);} .pop_foot2 {height:12px;overflow:hidden;display:block;color:#FFF;font-size:11px;font-family:돋움;padding:4px 0 4px 0;} .pop_foot2 a {color:#FFF;} .calendar_bar3 { border-collapse:collapse; width:100%; border:none; margin:0; } .calendar_bar3 th{ padding:0; border-top: 0px solid #c0cfdb; border-right: 1px solid #c0cfdb; border-bottom: 1px solid #c0cfdb; border-left: 0px solid #c0cfdb; } .calendar_bar3 th.days {width:22px;} .calendar_bar3 th.days_15 {width:15px;font-size:86%;} .calendar_bar3 th.nopad{padding:0px;} .calendar_bar3 td{ padding:0; border-top: 0px solid #c0cfdb; border-right: 1px solid #c0cfdb; border-bottom: 1px solid #c0cfdb; border-left: 0px solid #c0cfdb; } .calendar_bar3 td.day { padding:0;font-size: 86%; text-align:center;background: #e5ebf0; } .calendar_bar3 td.days {padding:0;font-size: 86%; text-align:center; } .calendar_bar3 td.no-data{height:70px;text-align:center;} .calendar_bar3 td.nopad{padding:0px;} .calendar_bar3 .bar_request { padding:0;font-size: 86%; background: url(/_img/bar/bar_request.png) repeat-x scroll center center; } .calendar_bar3 .bar_using { padding:0;font-size: 86%; background: url(/_img/bar/bar_using.png) repeat-x scroll center center; } .calendar_bar3 .bar_decline { padding:0;font-size: 86%; background: url(/_img/bar/bar_decline.png) repeat-x scroll center center; } .calendar_bar3 .bar_done { padding:0;font-size: 86%; background: url(/_img/bar/bar_done.png) repeat-x scroll center center; } .calendar_bar3 .cal_ttl1{ text-align:center; background: #E5EBF0; } .calendar_bar3_sub { border-collapse:collapse; width:100%; border:none; margin:0; } .calendar_bar3_sub th{ padding:0; border-top: 0px solid #c0cfdb; border-right: 1px solid #c0cfdb; border-bottom: 1px solid #c0cfdb; border-left: 0px solid #c0cfdb; } .calendar_bar3_sub th.days {width:15px;} .calendar_bar3_sub th.nopad{padding:0px;} .calendar_bar3_sub td{ padding:0; border-top: 0px solid #c0cfdb; border-right: 1px solid #c0cfdb; border-bottom: 1px solid #c0cfdb; border-left: 0px solid #c0cfdb; } .calendar_bar3_sub td.day { padding:0; width:15px; font-size: 86%; text-align:center;background: #e5ebf0; } .calendar_bar3_sub td.days {padding:0; width:15px; font-size: 86%; text-align:center; } .calendar_bar3_sub td.no-data{height:70px;text-align:center;} .calendar_bar3_sub td.nopad{padding:0px;} .calendar_bar3_sub .bar_request { padding:0;width:15px;font-size: 86%; background: url(/_img/bar/bar_request.png) repeat-x scroll center center; } .calendar_bar3_sub .bar_using { padding:0;width:15px;font-size: 86%; background: url(/_img/bar/bar_using.png) repeat-x scroll center center; } .calendar_bar3_sub .bar_decline { padding:0;width:15px;font-size: 86%; background: url(/_img/bar/bar_decline.png) repeat-x scroll center center; } .calendar_bar3_sub .bar_done { padding:0;width:15px;font-size: 86%; background: url(/_img/bar/bar_done.png) repeat-x scroll center center; } .calendar_bar3_sub .cal_ttl1{ text-align:center; background: #E5EBF0; } .calendar_bar4 { border-collapse:collapse; width:100%; border:none; margin:0; } .calendar_bar4 th{ padding:0; border-top: 0px solid #c0cfdb; border-right: 1px solid #c0cfdb; border-bottom: 1px solid #c0cfdb; border-left: 0px solid #c0cfdb; } .calendar_bar4 th.days {width:22px;} .calendar_bar4 th.days_15 {width:15px;font-size:86%;} .calendar_bar4 th.nopad{padding:0px;} .calendar_bar4 td{ padding:0; border-top: 0px solid #c0cfdb; border-right: 1px solid #c0cfdb; border-bottom: 1px solid #c0cfdb; border-left: 0px solid #c0cfdb; } .calendar_bar4 td.day { padding:0;font-size: 86%; text-align:center;background: #e5ebf0; } .calendar_bar4 td.days {padding:0;font-size: 86%; text-align:center; } .calendar_bar4 td.no-data{height:70px;text-align:center;} .calendar_bar4 td.nopad{padding:0px;} .calendar_bar4 .bar_request { padding:0;font-size: 86%; background: url(/_img/bar/bar_request.png) repeat-x scroll center center; } .calendar_bar4 .bar_using { padding:0;font-size: 86%; background: url(/_img/bar/bar_using.png) repeat-x scroll center center; } .calendar_bar4 .bar_decline { padding:0;font-size: 86%; background: url(/_img/bar/bar_decline.png) repeat-x scroll center center; } .calendar_bar4 .bar_done { padding:0;font-size: 86%; background: url(/_img/bar/bar_done.png) repeat-x scroll center center; } .calendar_bar4 .cal_ttl1{ text-align:center; background: #E5EBF0; } .calendar_bar4_sub { border-collapse:collapse; width:100%; border:none; margin:0; } .calendar_bar4_sub th{ padding:0; border-top: 0px solid #c0cfdb; border-right: 1px solid #c0cfdb; border-bottom: 1px solid #c0cfdb; border-left: 0px solid #c0cfdb; } .calendar_bar4_sub th.days {width:15px;} .calendar_bar4_sub th.nopad{padding:0px;} .calendar_bar4_sub td{ padding:0; border-top: 0px solid #c0cfdb; border-right: 1px solid #c0cfdb; border-bottom: 1px solid #c0cfdb; border-left: 0px solid #c0cfdb; } .calendar_bar4_sub td.day { padding:0; width:15px; font-size: 86%; text-align:center;background: #e5ebf0; } .calendar_bar4_sub td.days {padding:0; width:15px; font-size: 86%; text-align:center; } .calendar_bar4_sub td.no-data{height:70px;text-align:center;} .calendar_bar4_sub td.nopad{padding:0px;} .calendar_bar4_sub .bar_request { padding:0;width:15px;font-size: 86%; background: url(/_img/bar/bar_request.png) repeat-x scroll center center; } .calendar_bar4_sub .bar_using { padding:0;width:15px;font-size: 86%; background: url(/_img/bar/bar_using.png) repeat-x scroll center center; } .calendar_bar4_sub .bar_decline { padding:0;width:15px;font-size: 86%; background: url(/_img/bar/bar_decline.png) repeat-x scroll center center; } .calendar_bar4_sub .bar_done { padding:0;width:15px;font-size: 86%; background: url(/_img/bar/bar_done.png) repeat-x scroll center center; } .calendar_bar4_sub .cal_ttl1{ text-align:center; background: #E5EBF0; } #calendar_wrap {position:relative;width: 100%; display: inline;} #calendar_wrap .top {height: 30px; text-align: center; font-weight: bold;} #calendar_wrap .top .toDate{ font-family:"Tahoma"; font-weight: bold; font-size: 16px; color:#6c71a6;} #calendar_wrap .top .month { text-align:center} #calendar_wrap .calendar {table-layout:fixed; background-color:#f0f0f0; width: 100%; clear: both; border-collapse: collapse; border-spacing: 0; empty-cells: show;} #calendar_wrap .calendar th {height: 50px; color: rgb(255, 255, 255);text-align:center} #calendar_wrap .calendar th.last-child {background-color:#f0f0f0;} #calendar_wrap .calendar td {background-color:#fff;padding: 7px; border: 1px solid rgb(233, 233, 233); height: 50px; text-align: right; font-size: 90%; vertical-align: top;font-family:"Tahoma";} #calendar_wrap .calendar td img {margin: 0px 5px 0px 0px;} #calendar_wrap .calendar td.loading {height:250px;text-align:center;vertical-align:middle} #calendar_wrap .calendar td .title {padding: 2px 0px 0px; text-align: left;} #calendar_wrap .calendar td.today {background-color:#fafede;font-weight: bold; text-decoration:underline;} #calendar_wrap .calendar td.thisday { border:1px solid #999; background-color:#efefef; } #calendar_wrap .calendar td.thisday2 { border:1px solid #ccc; background-color:#f3f3f3; } #calendar_wrap .calendar td.notday { color:#ccc; } #calendar_wrap .calendar td.day_1 { color:#f00; } #calendar_wrap .calendar td.day_7 { color:#00f; } /*탭메뉴 스타일 */ .tabmenu {clear:both;height:30px;padding-left:15px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 5px;} .tabmenu ul {display:block;height:27px;} .tabmenu ul:after {clear:both;content:"";display:block;} .tabmenu li {float:left;width:auto;} .tabmenu li a {display:inline-block;background:url(../_img/bg/tab_bg_l.gif) no-repeat left -30px;height:27px;width:auto;} .tabmenu li a span {display:inline-block;background:url(../_img/bg/tab_bg_r.gif) no-repeat right -30px;height:20px;padding-top:7px;padding-left:15px;padding-right:15px;cursor:pointer;font-weight:bold;letter-spacing:-1px;} .tabmenu li a:hover, .tabmenu li.over a {display:inline-block;background:url(../_img/bg/tab_bg_l.gif) no-repeat left top;} .tabmenu li a:hover span, .tabmenu li.over a span {display:inline-block;background:url(../_img/bg/tab_bg_r.gif) no-repeat right top;color:#000;} /*///////////////////////// // 쓰기폼 /////////////////////////*/ .board-write-tbl {border-top:1px solid #0067b6;} .board-write-tbl th {background:#F7F7F7; color:#666; font-size:14px; text-align:center;} .board-write-tbl th, .board-write-tbl td {border-bottom:1px solid #DEDEDE;padding:5px 5px 5px 5px;} .board-write-tbl td.textbox {padding-top:8px; padding-bottom:8px;} .board-write-tbl td.textbox textarea {width:99%;height:250px;} .board-write-frm-wrap {border-bottom:2px solid #193867;border-top:2px solid #193867;display:block;position:relative;width:100%;padding-top:0px;padding-bottom:0px;} .board-write-frm {display:block;position:relative;width:100%;background:#FFF;border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;background:#eceff1;} .board-write-frm:after {clear:both;content:"";display:block;} .board-write-frm li {width:100%;float:left;display:block;position:relative;border-bottom:1px solid #dddddd;} .board-write-frm li.half {width:50%;} .board-write-frm .lbl {display:block;width:120px;float:left;color:#666666;font-weight:bold;text-indent:15px;padding-top:6px;padding-bottom:2px;line-height:120%; /* background:url("/html/image/img/icon_lbl.gif") no-repeat 8px 9px;font-size:90%;*/ } .board-write-frm .required {background:url("/html/image/img/icon_lbl_req.gif") no-repeat 8px 9px;} .board-write-frm .ibox {float:left;display:block;padding-top:5px;padding-bottom:3px;padding-left:6px;width:654px;background:#FFF;} .board-write-frm .fibox, .board-write-frm .wibox {width:780px;background:none;padding:0px;} .board-write-frm li.half .ibox {width:264px;} .board-write-frm .wlbl {width:100%;} .board-write-frm .ibox * {vertical-align:middle;} .board-write-frm .ibox input.text {margin-bottom:3px;} .board-write-frm input {border:1px solid #D3D3D3; height:16px; padding:1px; font-size:100%;line-height:110% !important; vertical-align:middle;} .board-write-frm input.no-line {border:0px;} .board-write-frm .norobot_img {border:3px solid #DDD;float:left;margin-right:10px;} /* .board-write-frm .fibox textarea, .board-write-frm .wibox textarea {width:718px;height:100px;} */ .board-write-btns {text-align:center;vertical-align:middle;margin-top:20px;} .board-write-btns * {vertical-align:middle;} .board-write-agreement {padding-left:10px;} .board-write-agreement h4 {color:#263b76;} /*페이징 스타일*/ .page-btns {margin-top:15px;} .pagelist {position:relative;display:block;text-align:center;line-height:140%;height:21px;} .pagelist * {vertical-align:middle;line-height:140%;} .pagelist span {display:inline-block;border:1px solid #ddd;padding:2px 0px 1px 0px;margin:0px 0px 0px 0px;width:22px;height:26px;line-height:130%;color:#777 !important;} .pagelist a:hover span {cursor:pointer;border:1px solid #5085c8;background:#5085c8;color:#fff !important;} .pagelist strong {width:21px;height:22px;} .curPage span {background:#5085c8;color:#fff !important;cursor:pointer;border:1px solid #5085c8;height:26px;width:22px;} .pagelist .firstpage span, .pagelist .firstpage_n span, .pagelist .prevblock span, .pagelist .prevblock_n span, .pagelist .nextblock span, .pagelist .nextblock_n span, .pagelist .lastpage span, .pagelist .lastpage_n span {padding:0px;border:0px !important;display:none;} .pagelist .firstpage {margin:0px;display:inline-block;width:21px;height:21px;background:url(/_img/btn/btn_page_bg.gif) 0 -21px no-repeat} .pagelist .prevblock {margin:0px 5px 0px 0px;display:inline-block;width:22px;height:21px;background:url(/_img/btn/btn_page_bg.gif) -21px -21px no-repeat} .pagelist .nextblock {margin:0px 0px 0px 5px;display:inline-block;width:22px;height:21px;background:url(/_img/btn/btn_page_bg.gif) -43px -21px no-repeat} .pagelist .lastpage {margin:0px;display:inline-block;width:21px;height:21px;background:url(/_img/btn/btn_page_bg.gif) -65px -21px no-repeat} .pagelist .firstpage_n {margin:0px;display:inline-block;width:21px;height:21px;background:url(/_img/btn/btn_page_bg.gif) 0 0 no-repeat} .pagelist .prevblock_n {margin:0px 5px 0px 0px;display:inline-block;width:22px;height:21px;background:url(/_img/btn/btn_page_bg.gif) -21px 0 no-repeat} .pagelist .nextblock_n {margin:0px 0px 0px 5px;display:inline-block;width:22px;height:21px;background:url(/_img/btn/btn_page_bg.gif) -43px 0 no-repeat} .pagelist .lastpage_n {margin:0px;display:inline-block;width:21px;height:21px;background:url(/_img/btn/btn_page_bg.gif) -65px 0 no-repeat} .pagelist .firstpage, .pagelist .firstpage_n, .pagelist .prevblock, .pagelist .prevblock_n, .pagelist .nextblock, .pagelist .nextblock_n, .pagelist .lastpage, .pagelist .lastpage_n {display:inline-block;} .pagelist strong span, .pagelist a:hover span {} .abtn2 , .abtn2 span {display:inline-block;;line-height:18px;height:20px;font-size:11px;letter-spacing:-1px;cursor:pointer;} .abtn2 {background:url(../_img/bg/abtn2_bg_l.gif) no-repeat left top;padding:0px} .abtn2 span {background:url(../_img/bg/abtn2_bg_r.gif) no-repeat right top;padding:2px 5px 0px 5px;*padding-top:1px;} .abtn2x , .abtn2x span {display:inline-block;;line-height:18px;height:20px;font-size:11px;letter-spacing:-1px;cursor:arrow; color:#CACACA} .abtn2x {background:url(../_img/bg/abtn2_bg_l.gif) no-repeat left top;padding:0px} .abtn2x span {background:url(../_img/bg/abtn2_bg_r.gif) no-repeat right top;padding:2px 5px 0px 5px;*padding-top:1px;} .abtn3 , .abtn3 span {display:inline-block;height:30px;line-height:18px;letter-spacing:-1px;font-weight:bold;cursor:pointer;} .abtn3 {background:url(../_img/bg/abtn3_bg_l.gif) no-repeat left top;padding:0px} .abtn3 span {background:url(../_img/bg/abtn3_bg_r.gif) no-repeat right top;padding:6px 10px 6px 10px;height:18px;text-align:center;} .abtn_btn {display:inline-block;height:30px;line-height:18px;letter-spacing:-1px;font-weight:bold;cursor:pointer;background:url(../_img/bg/abtn3_bg_l.gif) no-repeat left top;font-weight:bold;} .abtn_btn input.btn {background:url(../_img/bg/abtn3_bg_r.gif) no-repeat right top;padding:5px 10px 6px 12px;text-align:center;cursor:pointer;display:inline-block;border:0px;font-weight:bold;} /* 탭메뉴 스타일 */ /*.tabmenu1 : 기본 탭+Over 블릿 표시*/ .tabmenu1 {clear:both;margin-bottom:0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 10px;font-size:12px} .tabmenu1 ul {display:block;width:100%;position:relative;height:30px;} .tabmenu1 ul:after {clear:both ;content:"";display:block; } .tabmenu1 li {float:left ;margin-right:1px; } .tabmenu1 li a, .tabmenu1 li span {display:inline-block;background-repeat:no-repeat;height:30px;} .tabmenu1 li a {background-image:url(/_img/bg/tab1_bg_l.gif);background-position:left -30px;padding-left:30px;} .tabmenu1 li span {background-image:url(/_img/bg/tab1_bg_r.gif);background-position:right -30px;padding-right:30px;font-weight:bold;cursor:pointer;color:#7E868D;height:18px;padding-top:6px;padding-bottom:6px;overflow:hidden;white-space:nowrap} .tabmenu1 li a:hover {background-position:left 0px;} .tabmenu1 li a:hover span {background-position:right 0px;color:#2E3192;} .tabmenu1 li.over a {background-position:left 0px;padding-left:25px;} .tabmenu1 li.over a span {background-image:url(/_img/bg/tab1_bg_r2.gif);background-position:right 0px;color:#2E3192;padding-right:35px;} /*.tabmenu5 : 기본 탭+Over 블릿 표시*/ .tabmenu5 {clear:both;margin-bottom:0px;border-top:1px solid #ccc;padding:15px 0px;font-size:14px;font-family:"Noto Sans KR"} .tabmenu5 ul {display:block;width:100%;position:relative;height:30px;} .tabmenu5 ul:after {clear:both ;content:"";display:block; } .tabmenu5 li {float:left ;margin-right:1px; } .tabmenu5 li a, .tabmenu5 li span {display:inline-block;background-repeat:no-repeat;height:30px;} .tabmenu5 li a {background-image:url(/_img/bg/tab1_bg_l.gif);background-position:left -30px;padding-left:30px;} .tabmenu5 li span {background-image:url(/_img/bg/tab1_bg_r.gif);background-position:right -30px;padding-right:30px;font-weight:bold;cursor:pointer;color:#7E868D;height:18px;padding-top:6px;padding-bottom:6px;overflow:hidden;white-space:nowrap} .tabmenu5 li a:hover {background-position:left 0px;} .tabmenu5 li a:hover span {background-position:right 0px;color:#2E3192;} .tabmenu5 li.over a {background-position:left 0px;padding-left:25px;} .tabmenu5 li.over a span {background-image:url(/_img/bg/tab1_bg_r2.gif);background-position:right 0px;color:#2E3192;padding-right:35px;} /*.tabmenu2 : 기본 탭*/ .tabmenu2 {margin-bottom:30px;} .tabmenu2 ul {display:block;width:100%;position:relative;height:30px;background:url(/_img/bg/tab1_bar.gif) repeat left top;} .tabmenu2 ul:after {clear:both;content:"";display:block;} .tabmenu2 li {float:left;margin-right:1px;} .tabmenu2 li a, .tabmenu2 li span {display:inline-block;background-repeat:no-repeat;height:30px;} .tabmenu2 li a {background-image:url(/_img/bg/tab1_bg_l.gif);background-position:left -30px;padding-left:25px;} .tabmenu2 li span {background-image:url(/_img/bg/tab1_bg_r.gif);background-position:right -30px;padding-right:25px;font-weight:bold;cursor:pointer;color:#7E868D;height:18px;padding-top:6px;padding-bottom:6px;} .tabmenu2 li a:hover, .tabmenu2 li.over a {background-position:left 0px;} .tabmenu2 li a:hover span, .tabmenu2 li.over a span {background-position:right 0px;color:#2E3192;} /*.tabmenu3 : 기본 탭*/ .tabmenu3 {margin-bottom:30px;} .tabmenu3 ul {display:block;width:100%;position:relative;height:30px;background:url(/_img/bg/tab1_bar.gif) repeat left top;} .tabmenu3 ul:after {clear:both;content:"";display:block;} .tabmenu3 li {float:left;margin-right:1px; letter-spacing:-1px} .tabmenu3 li a, .tabmenu3 li span {display:inline-block;background-repeat:no-repeat;height:30px;} .tabmenu3 li a {background-image:url(/_img/bg/tab1_bg_l.gif);background-position:left -30px;padding-left:9px;} .tabmenu3 li span {background-image:url(/_img/bg/tab1_bg_r.gif);background-position:right -30px;padding-right:9px;font-weight:bold;cursor:pointer;color:#7E868D;height:18px;padding-top:6px;padding-bottom:6px;} .tabmenu3 li a:hover, .tabmenu3 li.over a {background-position:left 0px;} .tabmenu3 li a:hover span, .tabmenu3 li.over a span {background-position:right 0px;color:#2E3192;} .tabmenu4 {display:block;position:relative;border-bottom:1px solid #DDD;background:#f9f9f9;margin-bottom:30px;} .tabmenu4:after {clear:both;content:"";display:block;} .tabmenu4 ul {width:710px;padding:8px 20px 8px 20px;} .tabmenu4 li {float:left;margin-right:20px;width:auto;white-space:nowrap} .tabmenu4 a:hover {color:#2E3192} /* 테이블 */ .listTable {position:relative;display:block; margin-top:10px; margin-right:10px;border-top:2px solid #025bb5;} .listTable table { width:100%;} .listTable table th { background:#f8f8f8; font-weight:bold;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:8px 0;text-align:center;} .listTable table thead.no_vline th {border-left:0px;border-right:0px;} .listTable table td { border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:8px 0px; } .listTable table tbody.no_vline td {border-left:0px;border-right:0px;} .listTable table td.cont {text-align:left;padding:5px 1px 5px 5px; } .listTable table td.pl10 {text-align:left;padding:8px 10px; } .listTable table td.pl15 {text-align:left;padding:8px 15px; } .listTable table td.nopad {text-align:left;padding:0px; } .listTable table .first, .listTable table .end {border-left:none;} .c td {text-align:center} /* footer */ /* footer */ #footer{ clear:both; margin-top:110px; position: relative; left: 0; bottom: 0; width: 100%; padding: 15px 0; height:100px; text-align: left; background: #353a40; } .footbox { *zoom:1; width:980px; margin:0 auto; position:relative; } .contact_menu { float:left; width:980px; position:absolute; left: 0.px; top: -27px; left: 1px; } .bottomlogo { float:left; width:139px; position:absolute; left: 0px; top: 26px; height: 56; } .bar { float:left; width:27px; position:absolute; left: 196px; top: 21px; height: 27; } .copy { float:left; width:27px; position:absolute; left: 0px; top: 21px; height: 27; } .footbox:after {content:""; display:block; clear:both;} .contact_menu { float:left; width:980px; margin-left:5px; margin:8px 10px 0px 10px; } .contact {float:left; width:680px; margin-left:5px;margin-top:45px;} .contact p {font-size:0; margin-bottom:8px;} .contact img {margin-right:5px;} .familySite { float:right; cursor:pointer; margin-right:5px; position:absolute; top: 25px; } .familyWebSite { z-index:200; background:url(../img/family_site.gif) no-repeat 0 0; width:300px; padding-top:12px; position:absolute; top:-110px; right:0; display:none; } .fw_1 { background:url(../img/family_btm_bg.gif) no-repeat 0 bottom; padding-bottom:15px; } .fw_2 { position:relative; width:272px; margin:0 auto; } .fw_2 span.clse { position:absolute; top:0; right:0; cursor:pointer; } .related { *zoom:1; background:url(../img/family_tit_bg.gif) no-repeat 0 0; width:272px; height:21px; margin-bottom:32px; } .related:after {content:""; display:block; clear:both;} .related em {float:left; padding-left:10px;} .fw_2 span.clse { position:absolute; top:0; right:0; cursor:pointer; } .fw_2 ul { width:258px; margin:0 auto; } .fw_2 ul li { *zoom:1; border-bottom:1px solid #eaeaea; padding-bottom:6px; margin-bottom:6px; font-size:0; } .fw_2 ul li:after {content:""; display:block; clear:both;} .fw_2 ul li.lst { border-bottom:none; padding-bottom:0; margin-bottom:0; } .link_tit {float:left; width:68px;} .links { *zoom:1; float:left; width:187px; COLOR:000000; } .links:after {content:""; display:block; clear:both;} .links a { background:url(../img/family_bar.gif) no-repeat right; padding:0 5px 0 0; margin-right:6px; font-size:0; float:left; height:10px; } .links a.lst { background:none; padding-right:0; margin-right:0; } .links a.pad10{margin-top:5px;} /* Main Background Image Fade in/out */ .flexslider { position:absolute; top:0; text-align:center; width:100%; z-index:5; *left:0; overflow:hidden; } .flexslider .slides {margin-bottom:20px;} .flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ /*.flexslider .slides img {max-width:100%; display:block;}*/ .flexslider .slides li {position:relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ /* Direction Nav */ .flex-direction-nav {display:none;} /* Control Nav */ .flex-control-nav { *zoom:1; width:80px; margin:0 auto; } .flex-control-nav:after {content:""; display:block; clear:both;} .flex-control-nav li {margin: 0 0 0 5px; float: left;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a { width:13px; height:13px; display:block; background:url(/../img/bg_control_nav.png) no-repeat 0 0; cursor:pointer; text-indent:-9999px; } * html .flex-control-nav li a {overflow:hidden;} .flex-control-nav li a:hover {background-position:0 -13px;} .flex-control-nav li a.active {background-position:0 -26px; cursor:default;} /* 장소예약 */ .sub06_article .sel_box_inner {text-align:center;} .sub06_article .sel_box_inner .select-box{display:inline-block; border:1px solid #ddd !important; width:115px; height:40px; line-height:40px; background-position:85% center;} .sub06_article .sel_box_inner div.select-box label{top:0;color:#000} .sub06_article .check_inner{margin-top:45px; margin-bottom:15px;} .sub06_article .check_box_inner .checkbox{position:relative;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 13px; /* 체크박스의 너비를 지정 */ height: 13px; /* 체크박스의 높이를 지정 */ line-height: 13px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 5px 0 0; text-align: center; vertical-align: middle; background: #555; } .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label.ch_type01:before{background-color:#cb1634;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label.ch_type02:before{background-color:#f1991a;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label.ch_type03:before{background-color:#6fb969;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label.ch_type04:before{background-color:#2c76d2;} .sub06_article .check_box_inner .checkbox input[type="checkbox"] + label:active:before, .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ background:#555 url("../img/sub/chb_ch.png") no-repeat center center; } .sub06_article .check_inner:after{display:block; clear:both; content:""; } .sub06_article .check_inner .check_box_inner{float:left; width:60%;} .sub06_article .check_inner .reservation_tab{float:right; width:38%; text-align:right; } .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label.ch_type01:before{background-color:#cb1634;} .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label.ch_type02:before{background-color:#f1991a;} .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label.ch_type03:before{background-color:#6fb969;} .sub06_article .check_box_inner .checkbox input[type="checkbox"]:checked + label.ch_type04:before{background-color:#2c76d2;} .sub06_article .check_box_inner li.checkbox {display:inline-block; margin-right:15px;} .sub06_article .reservation_tab ul li{display:inline-block; margin-right:5px;margin-top:10px;} .sub06_article .reservation_tab ul li a{display:block; font-size:14px; font-weight:bold; padding-left: 25px; color:#666;} .sub06_article .reservation_tab ul li.active a{ color:#c41465;} .sub06_article .reservation_tab ul li.reser_icon00 {background:url("/newhtm/img/reser_icon01.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon01 {background:url("/newhtm/img/reser_icon02.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon02 {background:url("/newhtm/img/reser_icon03.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon00.active {background:url("/newhtm/img/reser_icon01_on.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon01.active {background:url("/newhtm/img/reser_icon02_on.png") no-repeat left center;} .sub06_article .reservation_tab ul li.reser_icon02.active {background:url("/newhtm/img/reser_icon03_on.png") no-repeat left center;} .resertaion_calendar{position:relative;} .resertaion_calendar table.calendar{border:1px solid #ddd;} .resertaion_calendar table.calendar th{height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#555; background-color:#f8f8f8; } .resertaion_calendar table.calendar th:first-child{color:#fe000a;} .resertaion_calendar table.calendar td{height:142px; line-height:100%;} .resertaion_calendar table.calendar td:first-child span.cal_date a{color:#fe000a;} .resertaion_calendar table.calendar td .td_cal_wrap{position:relative; padding-top:35px;} .resertaion_calendar table.calendar td .td_cal_wrap .reser_info{ min-height: 142px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:10px; } .resertaion_calendar table.calendar td .td_cal_wrap .reser_info span.cal_date .td_date01{position:absolute; left: 10px; top: 10px; font-size: 14px; font-weight: bold; } .resertaion_calendar table.calendar td .td_cal_wrap .reser_info span.holly_date a{color:#fe000a; } .resertaion_calendar span.room_type{display:inline-block; width:8px; height:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .resertaion_calendar .room_type01{background-color:#cb1634; margin-right:3%;} .resertaion_calendar .room_type02{background-color:#f1991a; margin-right:3%;} .resertaion_calendar .room_type03{background-color:#6fb969; margin-right:3%;} .resertaion_calendar .room_type04{background-color:#2c76d2; margin-right:3%;} .td_cal_wrap .reser_info ul li a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:12px; font-weight:bold; color:#666; line-height: 16px; } .cal_notice{position:relative; border:1px solid #ddd; margin:25px 0; padding:30px 3%; box-sizing:border-box;} .cal_notice ul li{font-size:16px; line-height:26px; color:#333;} .resertaion_calendar table.calendar td ul li{position:relative;} .sel_inner .reser_select_place .reser_my_check{display:inline-block; } #reser_layer{ position:absolute; width:240px; height:90px; bottom:0; background-color:#FFF; z-index:99999; display:none;} #reser_layer table{border:1px solid #ddd; width:100%;} #reser_layer table th{text-align:left;line-height:100%; height:auto; font-size:12px;padding:10px 0 10px 3%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f8f8f8; } #reser_layer table th.ta_place{text-align:center; background-color:#FFF; font-weight:bold; } #reser_layer table td{line-height:100%; padding-left:5%; height:auto;border-bottom:1px solid #ddd; background-color:#FFF;} .reser_click{text-align:right; margin-top:22px;} .reser_click button{ padding: 10px 15px 10px 35px;; border: 1px solid #ddd; background-color: transparent;} /* 장소예약 calendar_view */ .reser_view {position:relative;} .reser_view .reser_view_left{float:left; width:49%;} .reser_view .reser_view_right{float:right; width:49%;} .reser_view table th{text-align:left; padding-left:4%; font-size:14px; color:#333;} .reser_view table td{text-align:left; padding-left:4%; font-size:13px; color:#666;} .sub06_article .sel_inner{margin-bottom:0px;} .sub06_article .sel_inner .select-box{width:170px;margin-right:15px;} .sel_inner .reser_select_place{float:left; width:65%; text-align:left;} .sel_inner .reservation_tab{float:right; width:35%; margin-top: 16px;text-align:right} .sub06_article .sel_box_inner .sel_date_arrow{margin-bottom:20px} .sub06_article .sel_box_inner .sel_date_arrow a{display:inline-block; vertical-align:middle;} .sub06_article .sel_box_inner .sel_date_arrow span{font-size:16px; font-weight:bold; color:#333; vertical-align:middle; padding:0 25px} .sel_inner .select-box .select-box{display:inline-block; } .sel_inner .reser_confirm{display:inline-block; vertical-align: bottom; } .sel_box_inner .reser_confirm .reser_type{display:inline-block;} .sel_box_inner .reser_confirm .reser_type li{display:inline-block;} .sel_inner button.go_btn{width:43px; height:25px; line-height:25px; background-color:#c41465; color:#fff; border-radius: 5px; margin: 0 20px 0 10px;} .sel_box_inner01 .go_btn{width:43px; height:25px; line-height:25px; background-color:#c41465; color:#fff; border:0; border-radius: 5px; margin: 0 10px 0 10px; display:inline-block;} .sel_inner .reser_confirm .reser_type li{color:#666; margin-right:18px;} .sel_inner .reser_confirm .reser_type span{width:22px; height:13px; display:inline-block; margin-right:6px; vertical-align:middle;} .sel_inner .reser_confirm .reser_type span.reser_type01{background-color:#ffa6a6;} .sel_inner .reser_confirm .reser_type span.reser_type02{background-color:#64cbf7;} .sel_inner .reser_confirm .reser_type span.reser_type03{background-color:#ffb423;} .reser_timetable{position:relative; padding-left:223px; } .reser_timetable .time_table_left{position:absolute; top:0; left:0; width:223px; } .reser_timetable .time_table_right{position:relative; overflow-y:auto; -webkit-overflow-y-scrolling: touch;; margin-left:-1px; } .reser_timetable table{border:1px solid #ddd; font-family:"Noto Sans KR"; font-size:14px;color:#000; font-weight:normal;letter-spacing: -1px; width:100%;} .reser_timetable table th{line-height:48px;background-color:#f1f1f1;} .reser_timetable table td{height:48px; line-height:100%;} .reser_timetable .time_table_left table td{text-align:center;border:1px solid #ddd;} .reser_timetable .time_table_right table{ white-space: nowrap; table-layout: auto; width:100%;} .reser_timetable .time_table_right table th{border:1px solid #ddd;} .reser_timetable .time_table_right table td{border:1px solid #ddd;} .reser_timetable .time_table_right table td span.confirm_ok{display:block; background-color:#64cbf7;width:100%; height:10px;} .reser_timetable .time_table_right table td span.confirm_wait{display:block; background-color:#ffb423;width:100%; height:10px;} .reser_timetable .time_table_right table td span.confirm_request{display:block; background-color:#ffa6a6;width:100%; height:10px;} .reser_timetable .time_table_right table td span.confirm_wrong{display:block; background-color:#ffa6a6;width:100%; height:10px;} .reser_timetable .time_table_right table td span.confirm_regular{display:block; background-color:#ffffff;width:100%; height:10px;} .sel_box_inner01{margin-bottom:10px;} .sel_box_inner01 .reser_select{float:left; width:69%;} .sel_box_inner01 .reservation_tab{float:right; width:31%; margin-top: 13px ;} .sel_box_inner01 .reser_select .select_item00{float:left;} .sel_box_inner01 .reser_select .select_item01{float:left; } .sel_box_inner01 .reser_select .select_item00 .select-box{display:inline-block; width:135px; border:1px solid #ddd;} .sel_box_inner01 .reser_select .select_item01 .select-box{display:inline-block; width:95px; border:1px solid #ddd; margin-right:5px;} .sel_box_inner01 .reser_select div.select-box label{font-size:12px;} .sel_box_inner01 .reser_input01{width:88px; height:28px; display:inline-block;} .sel_box_inner01 .reser_input02{width:80px; height:28px; display:inline-block;} .reser_table_list {position:relative; padding-left:215px;} .reser_table_list table{border:1px solid #ddd;} .reser_table_list table th{height:40px; line-height: 16px;} .reser_table_list table td{text-align:center; height:40px; line-height:100%;} .reser_table_list .reser_table_detail00{position:absolute;left:0; top:0; width:215px;} .reser_table_list .reser_table_detail01{position: relative; overflow-y: auto; margin-left: -1px} .reser_table_list .reser_table_detail01 table{ white-space: nowrap; table-layout: auto; width: 100%;} .reser_table_list .reser_table_detail01 table td{padding:0 10px;} #ui-datepicker-div{z-index:50 !important;} button.ui-datepicker-trigger{position:absolute; width:1px; height:1px; text-indent:-99999em;;} .professor_hp01{margin-top:50px;} /* 장소예약_write */ .reser_write .reser_write_table td{padding-left:2%;} .reser_write .reser_write_table td .reser_input_txt{width:90%; height:30px; line-height:28px;padding: 0 2%;;} .reser_write .reser_write_table td .reser_input_txt01{width:30; height:30px; line-height:28px; padding: 0 2%;} .reser_write .reser_write_table td span.reser_person{margin:0 2%;} .reser_write .reser_write_table td select.reser_select{width:95%; height:30px; line-height:28px;padding: 0 2%;;} .reser_write .reser_write_table td select.reser_select01{width:19%; height:30px; line-height:28px; padding:0 1%;} .reser_write .reser_write_table td span.reser_line{display:inline-block; width:10px; height:1px ; background-color:#ddd; margin: 0 5px;} .reser_write .reser_write_table td span.reser_mr{} .reser_write .reser_write_table td span.calendar_icon{display:inline-block; position:relative; width:100%;} /* .reser_write .reser_write_table .calendar_icon{display:inline-block; height:30px; line-height:28px; padding:0 1%; border:1px solid #c9c9c9; margin-left: -4px; margin-right:8px;} .reser_write .reser_write_table .calendar_icon img{vertical-align:middle;} */ .reser_write .reser_write_table button.ui-datepicker-trigger{position:relative; margin-left:-1px; text-indent:0; width:32px; height:32px; border:1px solid #c9c9c9; background-color: transparent; } .reser_click button{background:url("../img/sub/sub_icon02.png")no-repeat 13px center; } .list_view_btn a{display:inline-block; background-color:#F9F9F9; color:#666; font-weight:bold; ;} .list_view_btn a:hover{border:1px solid #a4a4a4; } /*==============================================================================================================================*/ /* write */ .reser_write .write_employ_table .text_td textarea{margin:10px 0 0; width:93%; padding:2%;; height:350px;} #main:after {clear: both; display: block; visibility: hidden; content: ' ';} #main .center { overflow: hidden; float: left; width: 100%; height:698px; top:90px; border-right: 0px solid #e8e8e8; position: absolute; z-index:5px; } #main .center .m_banner {overflow: hidden; position: relative; width:1920; left:0%;} #main .center .m_banner ul { zoom:1;} #main .center .m_banner ul:after {clear: both; display: block;} #main .center .m_banner ul li {float: left; width: 1920px; height:698px; } #main .center .m_banner ul li img {width: 1920px; } #main .center .rolling {position: absolute; top: 500px; right:153px; z-index:1; left:40%;} #main .center .rolling span {display: inline-block; vertical-align: top;} #main .center .rolling span a {display: block; width: 103px; height: 96px; font-size:0; line-height: 0; background-image: url('../../img/pagination2.png'); background-repeat: no-repeat;} #main .center .rolling .num01 a {background-position: 0 0;} #main .center .rolling .num02 a {background-position: -103px 0;} #main .center .rolling .num03 a {background-position: -206px 0;} #main .center .rolling .num04 a {background-position: -309px 0;} #main .center .rolling span a.on {height: 96px;} #main .center .rolling .num01 a.on {background-position: 0 -96px;} #main .center .rolling .num02 a.on {background-position: -103px -96px;} #main .center .rolling .num03 a.on {background-position: -206px -96px;} #main .center .rolling .num04 a.on {background-position: -309px -96px;} /* #main .center .rolling .play a {background-position: -120px -27px;} #main .center .rolling .stop a {background-position: -100px -27px;}*/ #main .center .l_btn {position: absolute; top: 50%; left: 20px; margin-top: -26px;} #main .center .r_btn {position: absolute; top: 50%; right: 20px; margin-top: -26px;} #main .con_right { POSITION: relative; MARGIN: 0px 0px 0px 0px; WIDTH: 300px; float:left; height: 677px; top: 73px; } #main .con_right .banner01 { POSITION: relative; WIDTH: 300px; left: 0px; top: 0px; visibility: visible; height: 125px; } #main .con_right .banner01 .banner1 { POSITION: absolute; WIDTH: 300px; left: 0px; top: 0px; visibility: visible; height: 125px; } #main .con_right .banner02 { POSITION: relative; MARGIN: 0px 0px 0px 0px; WIDTH: 300px; FLOAT: left; left: 0px; top: 0px; } #main .con_right .banner02 .banner1 { POSITION: absolute; WIDTH: 185px; left: 0px; top: 0px; visibility: visible; height: 20px; } #main .con_right .banner02 .banner2 { POSITION: absolute; WIDTH: 49px; TOP: 4px; visibility: visible; RIGHT: 0px; height: 16px; } #main .con_right .banner03 { POSITION: relative; MARGIN: 0px 0px 0px 0px; WIDTH: 300px; FLOAT: left; height: 120px; left: 0px; top: 0px; } #main .con_right .banner03 .banner1 { POSITION: absolute; WIDTH: 296px; FONT-SIZE: 11px; TOP: 0px; LEFT: 0px; visibility: visible; height: 23px; }