/*layout*/ .sub {background:url(../images/common/bg_sub_b.png) repeat-y; height:100%;} .sub.typeB {background:url(../images/common/bg_sub.png) repeat-y; height:100%;} /*--------------------------------------------------------------------------*/ /* header -----------------------------------------------------------------------------*/ #header {position:relative; float:left; width:110px;} #header .top_line {width: 110px; background: #e2e5ee;} #header .top_line h1 {padding:18px 0; text-align: center;border-bottom: 1px solid #fff;background: #fff url(../images/common/top_bg.png) right top repeat-y;} #header .top_line h1 a {display:block;} #header .top_line .status {text-align: center; padding: 20px 0 25px; color: #000;} #header .top_line .status .photo {} #header .top_line .status .name {font-weight: 600; margin: 15px 0;} #header .top_line .status .name em {display: block; font-size: 12px; font-weight: normal;} #header .btn_close {position:absolute; top:20px; left:200px; color: #fff;} #header .top_line .status .blue {background:#107ac4} /*--------------------------------------------------------------------------*/ /* gnb -----------------------------------------------------------------------------*/ .gnb_depth02_hide #gnb > ul > li > ul {display:none !important} .gnb_depth02_hide #gnb > ul > li.on > a {background:none !important;padding:20px 0 !important;color:#000 !important;} .gnb_depth02_hide #gnb > ul > li.on {background:none !important;color:inherit !important;} #gnb{position: relative; width:110px; background: #e2e5ee;} #gnb > ul > li {background:url(../images/common/top_line.png) left top no-repeat; text-align: center;position:relative;} #gnb > ul > li > a {padding: 20px 0;} #gnb a {display:block; color: #333; font-size:14px; font-weight:600; letter-spacing:-1px;} #gnb a:hover {text-decoration:none; color: #fff;} #gnb > ul > li > a:hover {padding: 70px 0 23px;} #gnb > ul > li.on > a {padding: 70px 0 23px; color:#333;} #gnb > ul > li.m1 > a:hover, #gnb > ul > li.m1.on {background:url(../images/common/b_icon_menu01_on.png) no-repeat center 23px;} #gnb > ul > li.m2 > a:hover, #gnb > ul > li.m2.on > a {background:url(../images/common/b_icon_menu02_on.png) no-repeat center 23px;} #gnb > ul > li.m3 > a:hover, #gnb > ul > li.m3.on > a {background:url(../images/common/b_icon_menu03_on.png) no-repeat center 23px;} #gnb > ul > li.m4 > a:hover, #gnb > ul > li.m4.on > a {background:url(../images/common/b_icon_menu04_on.png) no-repeat center 23px;} #gnb > ul > li.m5 > a:hover, #gnb > ul > li.m5.on > a {background:url(../images/common/b_icon_menu05_on.png) no-repeat center 23px;} #gnb > ul > li.m6 > a:hover, #gnb > ul > li.m6.on > a {background:url(../images/common/b_icon_menu06_on.png) no-repeat center 23px;} #gnb > ul > li.m7 > a:hover, #gnb > ul > li.m7.on > a {background:url(../images/common/b_icon_menu07_on.png) no-repeat center 23px;} #gnb > ul > li.m8 > a:hover, #gnb > ul > li.m8.on > a {background:url(../images/common/b_icon_menu08_on.png) no-repeat center 23px;} #gnb > ul > li.m9 > a:hover, #gnb > ul > li.m9.on > a {background:url(../images/common/b_icon_menu09_on.png) no-repeat center 23px;} #gnb > ul > li.m10 > a:hover, #gnb > ul > li.m10.on > a {background:url(../images/common/b_icon_menu10_on.png) no-repeat center 23px;} .typeB #header .top_line h1 {border-bottom:1px solid #103677;background:#103677;} .typeB #gnb > ul > li.menu01 > a:hover, .typeB #gnb > ul > li.menu01.on {background:url(../images/common/icon_menu01_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu02 > a:hover, .typeB #gnb > ul > li.menu02.on > a {background:url(../images/common/icon_menu02_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu03 > a:hover, .typeB #gnb > ul > li.menu03.on > a {background:url(../images/common/icon_menu03_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu04 > a:hover, .typeB #gnb > ul > li.menu04.on > a {background:url(../images/common/icon_menu04_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu05 > a:hover, .typeB #gnb > ul > li.menu05.on > a {background:url(../images/common/icon_menu05_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu06 > a:hover, .typeB #gnb > ul > li.menu06.on > a {background:url(../images/common/icon_menu06_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu07 > a:hover, .typeB #gnb > ul > li.menu07.on > a {background:url(../images/common/icon_menu07_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu08 > a:hover, .typeB #gnb > ul > li.menu08.on > a {background:url(../images/common/icon_menu08_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu09 > a:hover, .typeB #gnb > ul > li.menu09.on > a {background:url(../images/common/icon_menu09_on.png) no-repeat center 23px;} .typeB #gnb > ul > li.menu10 > a:hover, .typeB #gnb > ul > li.menu10.on > a {background:url(../images/common/icon_menu10_on.png) no-repeat center 23px;} #gnb > ul > li.on {color:#fff; border-right:0;} #gnb > ul > li > ul{display:none; position:absolute; top:0px; left:0; width:129px;background:#107ac4} #gnb > ul > li.on > ul {position:absolute; top:0px; left:110px;} #gnb > ul > li:last-child.on > ul {position:absolute; top:inherit; left:110px; bottom:0;} #gnb > ul > li > ul > li >a {padding-left:15px; font-size:13px; text-align: left;height:44px;line-height:44px;color:#b3dbf6;} #gnb > ul > li > ul > li.on> a{color:#000;background:#fff url(../images/common/bu_dp2.png) right 5px center no-repeat; } #header .top_line .status .blue {background:#0e592d;border-radius:13px} #gnb > ul > li > ul {background:#0e592d} #gnb > ul > li > ul > li >a {color:#fff;} #gnb > ul > li > ul > li.on> a{color:#000;background:#fff url(../images/common/bu_dp2_b.png) right 5px center no-repeat; } /*--------------------------------------------------------------------------*/ /* contents -----------------------------------------------------------------------------*/ #contents {min-width:965px; height:100%; min-height:871px; margin-left: 110px; background: #fff; padding:27px 40px 40px;} #contents.main {min-width:1456px; padding: 16px;} #contents .head_title {position: relative; padding-bottom:26px;} #contents .head_title h2 {display:inline-block; font-size: 28px; height:28px; line-height:28px; font-weight: 600; color: #2b2b2b;} #contents .head_title .question img {margin-top:-14px;} #contents .head_title .location {position: absolute; top: 10px; right: 0; font-size: 12px;} #contents .head_title .location span {display:inline-block; background: url('../images/icon/icon_arrow.png') no-repeat; background-position: left center; padding-left: 10px} #contents .head_title .location span:first-child {background: url('../images/icon/icon_home.png') no-repeat; background-position: left center; color: #666; padding-left: 20px} #contents .inner_contents {min-width:500px; min-height: 720px; background: #fff; } /*--------------------------------------------------------------------------*/ /* footer -----------------------------------------------------------------------------*/ #footer {position:relative; z-index: 3; background: #fff; padding:20px; color:#aaa;border-top:1px solid #ced1d6;} #footer .foot_link span {display:inline-block; background: url(../images/icon/bar01.png) left center no-repeat; padding:0 5px; font-size:13px;} #footer .foot_link span:first-child {background:none; padding-left: 0;} #footer > .address {margin:6px 0;} /*--------------------------------------------------------------------------*/ /* popup -----------------------------------------------------------------------------*/ body.popup h3:before { content: ''; width: 17px; height: 1px; background: #de0b33; position: absolute; top: 0; left: 0; } body.popup h4, .pop_content h4 { position: relative; font-size: 15px; font-weight: bold; margin-bottom: 15px; } .pop_content h4.dot { padding-left: 12px; } .pop_content h4.dot:after { content: ''; position: absolute; width: 6px; height: 6px; box-sizing: border-box; border: 1px solid #de0b33; left: 0; top: 50%; margin-top: -3px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0; outline: 0; z-index: 800 !important; } .ui-dialog .ui-dialog-titlebar, .pop_titlebar { position: relative; height: 60px; line-height: 60px; padding: 0 15px; background: #10a0f7; } .ui-dialog .ui-dialog-titlebar:after, .pop_titlebar:after { content: ''; clear: both; display: block; } .ui-dialog .ui-dialog-title, .pop_title { white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; color: #fff; font-size: 24px; font-weight: bold; padding-left: 25px; background-repeat: no-repeat; background-position: left center; } .ui-dialog .ui-dialog-title .sub_title, .pop_titlebar .sub_title { position: relative; margin-left: 10px; display: inline-block; padding-left: 10px; color: #fff; font-size: 18px; font-weight: bold; } .ui-dialog .ui-dialog-title .sub_title:before, .pop_titlebar .sub_title:before { content: ''; position: absolute; width: 1px; height: 17px; top: 50%; margin-top: -8.5px; left: 0; display: block; background: #ef8599; } .ui-dialog-titlebar .ui-dialog-titlebar-close, .btn_pop_close {position: absolute;margin:0 !important;width:84px !important; height: 60px !important; top: 0 !important; right: 0 !important; border-radius: 0; background: #10a0f7 url(../images/common/icon_pop_close.png) no-repeat center; margin: 0; text-indent: -999px; overflow: hidden; } .pop_wrapper { overflow: auto; background: #fff; padding: 25px; } body.popup .pop_wrapper { box-sizing: border-box; } .ui-widget-overlay { opacity: 1; z-index: 700 !important; background: url(../images/common/bg50.png); } /*--------------------------------------------------------------------------*/ /* 공통 스타일 -----------------------------------------------------------------------------*/ .block{display:block;} .none{display:none !Important;} .hidden{visibility:hidden !important;} .clear{margin:0 !Important;padding:0 !Important;border:0 !Important;background:none !Important;} .bgN{background:none !Important;} .padN{padding:0 !important;} /*** border ***/ .bgN{background:none !Important;} .borderN{border:0 !Important;} .borTN{border-top:0 !Important;} .borLN{border-left:0 !Important;} .borRN{border-right:0 !Important;} .borBN{border-bottom:0 !Important;} /*** 정렬 ***/ .floatL{float:left !Important;} .floatR{float:right !Important;} .alignC{text-align:center !Important;} .alignL{text-align:left !Important;} .alignR{text-align:right !Important;} /*** font ***/ .bold{font-weight:bold;} .font10{font-size:10px;} .font11{font-size:11px;} .font14{font-size:14px;} .font16{font-size:16px;} .font18{font-size:18px;} .font20{font-size:20px;} .fontB10{font-size:10px; font-weight:bold;} .fontB11{font-size:11px; font-weight:bold;} .fontB14{font-size:14px; font-weight:bold;} .fontB16{font-size:16px; font-weight:bold;} .fontB18{font-size:18px; font-weight:bold;} .fontB20{font-size:20px; font-weight:bold;} /*** input ***/ .inp40{width:38px;padding-left:2px;} .inp50{width:48px;padding-left:2px;} .inp60{width:58px;padding-left:2px;} .inp80{width:78px;padding-left:2px;} .inp100{width:98px;padding-left:2px;} .inp120{width:118px;padding-left:2px;} .inp150{width:148px;padding-left:2px;} .inp180{width:178px;padding-left:2px;} .inp200{width:198px;padding-left:2px;} .inp250{width:248px;padding-left:2px;} .inp300{width:298px;padding-left:2px;} .inp400{width:398px;padding-left:2px;} .inp500{width:498px;padding-left:2px;} .inp600{width:598px;padding-left:2px;} .inp700{width:698px;padding-left:2px;} .inp800{width:798px;padding-left:2px;} /*** padding ***/ .padTN{padding-top:0 !Important;} .padRN{padding-right:0 !Important;} .padLN{padding-left:0 !Important;} .padBN{padding-bottom:0 !Important;} .pad5{padding:0 5px !Important;} .pad10{padding:0 10px !Important;} .pad15{padding:0 15px !Important;} .pad20{padding:0 20px !Important;} .padT5{padding-top:5px !Important;} .padT10{padding-top:10px !Important;} .padT15{padding-top:15px !Important;} .padT20{padding-top:20px !Important;} .padT30{padding-top:30px !Important;} .padT40{padding-top:40px !Important;} .padT50{padding-top:50px !Important;} .padL5{padding-left:5px !Important;} .padL10{padding-left:10px !Important;} .padL15{padding-left:15px !Important;} .padL20{padding-left:20px !Important;} .padL30{padding-left:30px !Important;} .padL40{padding-left:40px !Important;} .padL50{padding-left:50px !Important;} .padR5{padding-right:5px !Important;} .padR10{padding-right:10px !Important;} .padR15{padding-right:15px !Important;} .padR20{padding-right:20px !Important;} .padR30{padding-right:30px !Important;} .padR40{padding-right:40px !Important;} .padR50{padding-right:50px !Important;} .padB5{padding-bottom:5px !Important;} .padB10{padding-bottom:10px !Important;} .padB15{padding-bottom:15px !Important;} .padB20{padding-bottom:20px !Important;} .padB30{padding-bottom:30px !Important;} .padB40{padding-bottom:40px !Important;} .padB50{padding-bottom:50px !Important;} /*** margin ***/ .marTN{margin-top:0 !Important;} .marRN{margin-right:0 !Important;} .marLN{margin-left:0 !Important;} .marBN{margin-bottom:0 !Important;} .mar5{margin:0 5px !Important;} .mar10{margin:0 10px !Important;} .mar15{margin:0 15px !Important;} .mar20{margin:0 20px !Important;} .marT5{margin-top:5px !Important;} .marT10{margin-top:10px !Important;} .marT15{margin-top:15px !Important;} .marT20{margin-top:20px !Important;} .marT25{margin-top:25px !Important;} .marT30{margin-top:30px !Important;} .marT40{margin-top:40px !Important;} .marT50{margin-top:50px !Important;} .marT80{margin-top:80px !Important;} .marL5{margin-left:5px !Important;} .marL10{margin-left:10px !Important;} .marL15{margin-left:15px !Important;} .marL20{margin-left:20px !Important;} .marL25{margin-left:25px !Important;} .marL30{margin-left:30px !Important;} .marL40{margin-left:40px !Important;} .marL50{margin-left:50px !Important;} .marR5{margin-right:5px !Important;} .marR10{margin-right:10px !Important;} .marR15{margin-right:15px !Important;} .marR20{margin-right:20px !Important;} .marR25{margin-right:25px !Important;} .marR30{margin-right:30px !Important;} .marR40{margin-right:40px !Important;} .marR50{margin-right:50px !Important;} .marB5{margin-bottom:5px !Important;} .marB10{margin-bottom:10px !Important;} .marB15{margin-bottom:15px !Important;} .marB20{margin-bottom:20px !Important;} .marB25{margin-bottom:25px !Important;} .marB30{margin-bottom:30px !Important;} .marB40{margin-bottom:40px !Important;} .marB50{margin-bottom:50px !Important;} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } a.red, button.red{color:#fff !important;border:1px solid #ee3939;background-color:#ee3939;} /*main*/ .grp_wrap {position:relative; float: left; background:#fff; width: 982px; border:1px solid #ced2d7;} .grp_top {position: relative; border-bottom:1px solid #e6e8eb; } .grp_top h2 {text-align: center; height: 64px; line-height: 64px;font-size: 20px; font-weight: 600; color:#2b2b2b;} .grp_top h2 span {background: url(../images/icon/icon_list.png) 0 center no-repeat; padding-left: 35px;} .grp_top .more {position: absolute; top:20px; right: 30px;} .grp_list {overflow-y: hidden; color: #1b1b1b;} .grp_list li {float: left; width: 327px; box-sizing: border-box; padding: 30px 30px; border:1px solid #e6e8eb; border-width:0 0 1px 1px;height:416px} .grp_list li:nth-child(3n+1) {border-left:0;} .grp_list li h3 {font-size: 19px; font-weight: 600; text-align: center; } .grp_list .grp {text-align: center; padding: 30px 0;} .grp_list .sup {display: table; width: 100%;} .grp_list .sup span {display: table-cell; width:50%; padding: 5px 0; text-align: center; border-left:1px dotted #1b1b1b; font-size: 18px;line-height:22px} .grp_list .sup span:first-child {border-left:0;} .grp_list .sup span em {display: block; font-size: 34px; font-weight: 600; padding-bottom: 15px;} .grp_list .sup span.p_pink em {color:#f5427d;} .grp_list .sup span.p_blue em {color:#10a0f7;} .grp_list .sup span.p_green em {color:#00b9a9;} .mtx_wrap {margin-left: 1000px;} .mtx_wrap > div {background:#fff; border: 1px solid #ced2d7;} .main_board {padding: 0; margin-bottom: 15px;} .main_banner ul li {padding:31.5px 30px; border-top:1px solid #ced2d7; ;} .main_banner ul li:first-child {border-top: 0;} .main_banner ul dl {padding: 5px 0;} .main_banner ul dl.banner01 {background:url(../images/icon/icon_main01.png) right 5px top 5px no-repeat;} .main_banner ul dl.banner02 {background:url(../images/icon/icon_main02.png) right 5px top 2px no-repeat;} .main_banner ul dl.banner03 {background:url(../images/icon/icon_main03.png) right 5px top 3px no-repeat;} .main_banner ul dl.banner04 {background:url(../images/icon/icon_main04.png) right 5px top 0 no-repeat;} .main_banner ul dl.banner05 {background:url(../images/icon/icon_main05.png) right 5px top 5px no-repeat;} .main_banner ul dl dt {margin-bottom: 13px; line-height: 1;} .main_banner ul dl dt a , .main_banner ul dl dt a:hover {font-size: 24px; font-weight: 600; color: #2b2b2b;text-decoration: none;} .main_banner ul dl dt.new span {background: url(../images/icon/icon_new.png) right 0 top 5px no-repeat; padding-right: 30px;} .main_banner ul dl dt.num span{display:inline-block; width:24px; height:24px; line-height: 24px; text-align: center; background: url(../images/icon/bg_cir.png) no-repeat; font-size:15px; color:#fff; margin-left: 5px; vertical-align: top;} .bx-pager {display: none;} .bx-controls-direction a { width:51px; height:51px; text-indent: -100000px; margin-top: 5px;} .bx-prev {position: absolute; top:50%; left:0; background: url(../images/icon/icon_arr_sldL.png) no-repeat;} .bx-next {position: absolute; top:50%; right:0; background: url(../images/icon/icon_arr_sldR.png) no-repeat;} .bx-prev.disabled, .bx-next.disabled {display: none;} .m_main_con {width:100%; height:671px; margin-bottom:15px;} .m_main_con > div {float:left; width:33.3%; box-sizing:border-box;padding-right:15px;} .m_main_con > div:last-child {padding-right:0} .m_main_con > div > div {width:100%; height:671px; background:#fff;border:1px solid #ced1d6;box-sizing:border-box; padding:30px 0;} .ranking_list h2 {font-size: 24px; font-weight: 600; color:#000; text-align: center;} .grp_area .ttl, .week_wrap .ttl {color:#000;font-size:24px;font-weight:bold;padding:25px 0 30px 0;} .admin_main_con {width:100%; height:506px; margin-bottom:15px;} .admin_main_con > div {float:left; width:50%; box-sizing:border-box;padding-right:15px;} .admin_main_con > div:last-child {padding-right:0} .admin_main_con > div > div {width:100%;background:#fff;border:1px solid #ced1d6;box-sizing:border-box;} .admin_main_con > div > div h2 {font-size:30px; font-weight: bold; color:#2b2b2b; text-align: center;height:80px;line-height:80px;border-bottom:1px solid #e6e8eb;width:100%;} .admin_main_con > div > div h2 span {color:#2b2b2b;font-size:18px;font-weight:normal;} .admin_main_con .today_att > div{width:50%;float:left;box-sizing:border-box;} .admin_main_con .today_att > div.r_line {border-right:1px solid #e6e8eb;} .week_wrap > div{ height:425px; text-align:center; width:100% !important } .week_wrap > div > div { height:212.5px; float:left; box-sizing:border-box; border-right: 1px solid #e8e8ea; border-bottom: 1px solid #e8e8ea; width:50%; } .week_wrap > div.col04 > div.col02, .week_wrap > div.col04 > div.col04 {border-right:0} .week_wrap > div.col04 > div.col03, .week_wrap > div.col04 > div.col04 {border-bottom:0} .week_wrap > div.col03 > div.col02{border-right:0} .week_wrap > div.col03 > div.col03{border-bottom:0;border-right:0;width:100%} .week_wrap > div.col01 > div { float:none; width:100%; height:425px; border:0; } .grp_area {text-align: center; padding-bottom: 30px; height:250px; border-bottom:1px solid #e8e8ea;} .grp_area .info {margin-top:30px;} .grp_area .info span {display: inline-block; margin-left: 20px; padding-left: 20px; font-weight: 600;} .grp_area .info span:first-child {margin-left:0;} .grp_area .info .type01 {background: url(../images/icon/icon_tAtt01.png) 0 center no-repeat;} .grp_area .info .type02 {background: url(../images/icon/icon_tAtt02.png) 0 center no-repeat;} .grp_area .info .type03 {background: url(../images/icon/icon_tAtt03.png) 0 center no-repeat;} .grp_area .info .type04 {background: url(../images/icon/icon_tAtt04.png) 0 center no-repeat;} .grp_area .info.type02 .type01 {background: url(../images/icon/icon_wAtt01.png) 0 center no-repeat;} .grp_area .info.type02 .type02 {background: url(../images/icon/icon_wAtt02.png) 0 center no-repeat;} .grp_area .info.type02 .type03 {background: url(../images/icon/icon_wAtt03.png) 0 center no-repeat;} .grp_area .info.type02 .type04 {background: url(../images/icon/icon_wAtt04.png) 0 center no-repeat;} .grp_area .info .type01 em {color:#107ac4;} .grp_area .info .type02 em {color:#8f64e7;} .grp_area .info .type03 em {color:#ffb64d;} .grp_area .info .type04 em {color:#fc415c;} .list_area {padding: 25px 30px 10px 30px;box-sizing:border-box;height:184px;} .list_area.h_s {height:144px;} .list_area h3 {font-size: 20px;font-weight: 600;color: #000;background: url(../images/contents/dot.png) left center no-repeat;padding-left:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_area h3 span {color:#666; font-weight: normal;} .list_area ul {margin-top:20px;} .list_area ul li {display:table; width:100%; color:#000; font-weight: 600;margin-bottom:15px;height:14px;line-height:14px;} .list_area ul li > * {display: table-cell;} .list_area ul li > span {width:36px; color:#737373;font-size:14px;} .list_area ul li em {width:82px; text-align: right; padding-left: 10px;} .list_area .col_grp {width:auto; height:14px; background: #e2e5ee;} .list_area .col_grp > span {display:inline-block; text-indent: -100000px;} .list_area .col_grp > span.type01 {background: #10a0f7; } .list_area .col_grp > span.type02 {background: #fc415c; } .list_area .col_grp > span.type03 {background: #8f64e7; } .list_area .col_grp > span.type04 {background: #ffb64d; } .admin_main_con02 {width:100%;} .admin_main_con02 > div {float:left; width:50%; box-sizing:border-box;padding-right:15px;} .admin_main_con02 > div:last-child {padding-right:0} .admin_main_con02 > div > div { border: 1px solid #ced1d6;height:410px;box-sizing:border-box;margin-bottom:0 } .admin_main_con02 > div.left_wrap > div { float:left; width:50%; box-sizing:border-box;padding-right:15px;border:0; } .admin_main_con02 > div.left_wrap > div:last-child {padding-right:0} .admin_main_con02 > div.left_wrap > div > div{ border: 1px solid #ced1d6; } .ranking_list {padding: 30px 25px 5px 25px!important;} .ranking_list ul {margin-top:45px;} .ranking_list ul li {display: table; width:100%; margin-bottom:25px;} .ranking_list ul li span, .ranking_list ul li em {display:table-cell; height: 37px; line-height: 37px;} .ranking_list ul li .num {width:37px; text-align: center; font-size:16px; font-weight: 600; color:#fff; border-radius: 18px;} .ranking_list ul li .num.type01 {background:#00b9a8;} .ranking_list ul li .num.type02 {background:#10a0f7;} .ranking_list ul li .num.type03 {background:#c9cede;} .ranking_list ul li .subj {width:auto; font-size: 15px; color:#000; padding-left: 10px; text-align: left;} .ranking_list ul li .per{ font-size: 15px; font-weight: 600;} .ranking_list ul li .per.type01 {color:#00998a;} .ranking_list ul li .per.type02 {color:#107ac4;} .ranking_list ul li .per.type03 {color:#737373;} .ranking_list ul li em {width:45px; text-align: right;} /*login*/ .login_wrap {position:relative; display:table;width:100%; height:100%; background: url(../images/common/bg_login.png) no-repeat; background-size: cover;} .innner_wrap {display:table-cell; vertical-align: middle; text-align: center;} .innner_wrap h1 {font-size: 65px; color: #2d3033; font-weight: 600;} .login_box {width:424px;background: #fff; margin:50px auto 0;} .login_box .tab_list {} .login_box .tab_list a {background:#9ea0ac; float:left; width:50%; text-align: center; display:block; height: 50px; line-height: 50px; font-size: 16px; color:#e5e5e8;} .login_box .tab_list .on {background:#fff; color:#2b2b2b;} .login_box .login_cont {padding: 37px;} .login_box .login_cont fieldset span {display:block; border:1px solid #ced1d6; height:44px; padding-left: 44px;} .login_box .login_cont .half {text-align: left;} .login_box .login_cont .half span {display:block; float:left; width:124px; margin-left: 10px;} .login_box .login_cont .half span:first-child {margin-left: 0;} .login_box .login_cont fieldset .id_input {background:url(../images/icon/icon_mem.png) 20px center no-repeat; } .login_box .login_cont fieldset .pass_input {background:url(../images/icon/icon_pass.png) 20px center no-repeat;} .login_box .login_cont fieldset .id02_input {background:url(../images/icon/icon_mem02.png) 20px center no-repeat;} .login_box .login_cont fieldset .email_input {background:url(../images/icon/icon_email.png) 20px center no-repeat;} .login_box .login_cont fieldset input[type="text"], .login_box .login_cont fieldset input[type="password"] {width:100%; border:0; padding: 5px 0; height: 44px; box-sizing: border-box;} .login_box .login_cont .btn_wrap { margin-top: 20px;} .login_box .login_cont .btn_wrap button {border-radius:0;width:170px; height: 50px; line-height: 50px; color:#fff; font-size: 20px; font-weight: 600;} .login_box .idPass_find {margin-top: 10px;} .login_box .idPass_find span {background:url(../images/icon/bar01.png) 0 center no-repeat; padding: 0 10px} .login_box .idPass_find span:first-child {background:none;} .login_box .idPass_find span a {font-size: 13px; color: #666;} .login_box .text {font-size: 12px; color: #666; margin-top: 15px; text-align: left;} /* mypage */ .my_info {display:table; overflow: hidden;} .my_info .photo {display:table-cell; } .my_info .photo a {cursor: pointer;} .my_info .photo img {width:113px; height:137px; border:1px solid #ced2d7; padding: 8px;} .my_info .right_con {display:table-cell; padding-left: 30px; vertical-align: top;} .my_info .right_con .list {margin: 25px 0 0 20px;} .time_table {padding:40px;box-sizing:border-box;border:1px solid #ced1d6;min-height: 813px;} .time_table .cal_top {position:relative; width:100%; text-align: center; margin-bottom: 30px;} .time_table .cal_top .date {font-size:33px;font-weight: 600;color: #2b2b2b;line-height: 33px;vertical-align: middle;height: 33px;} .time_table .cal_top .date_group {position: absolute; top:0; left: 0; width:110px;} .time_table .btn_next, .time_table .btn_cal {margin-left:20px;} .time_table .btn_prev {margin-right:20px;} .time_table .info {position: absolute; top:10px; right: 0;} .time_table .info span {display:inline-block; color: #2b2b2b; font-size:13px; vertical-align: -2px;} .time_table .info span span {width:19px; height:16px; background: #f5427c; margin-right: 5px;} .time_table .info span:first-child span {background: #9ea0ac;} .time_table .cancel {background: #f3faff;} .time_table .bg_red {background: #fef2f2;} .time_table .bg_yellow {background: #fff5e9;} .roll_book .roll_graph {margin-top: 50px; border: 1px solid #e8e8ea;} /*smart*/ .record_att {margin-top: 30px;} .record_att .cal_top {position:relative; width:100%; text-align: center; margin-bottom: 30px;} .record_att .cal_top .date {font-size:33px;font-weight: 600;color: #2b2b2b;line-height: 33px;vertical-align: middle;height: 33px;} .record_att .btn_next, .record_att .btn_cal {margin-left:20px;} .record_att .btn_prev {margin-right:20px;} .record_att .cal_top .info span {margin-left: 15px; font-weight: 600;} .record_att_list {} .record_att_list .item {overflow: hidden;} .record_att_list .item li {width:100%;margin-bottom:17px} .record_att_list .item li .cont {background:#fff; border:1px solid #ced2d7; margin-left: 8px;} .record_att_list .item .top_line {position: relative; border-bottom:1px solid #e8e8ea;} .record_att_list .item .top_line div {display: inline-block;} .record_att_list .item .top_line .status {width:116px; height:41px; line-height: 41px; font-size:16px; text-align: center;} .record_att_list .item .top_line .status span {padding-left: 25px;} .record_att_list .item .top_line .icon_box {padding: 9px 0 9px 20px;} .record_att_list .item .top_line .btn_right {position: absolute; top:0; right:0; width:85px;} .record_att_list .item .top_line .btn_right a {display: inline-block; width:39px; height:39px; line-height: 39px; border-left: 1px solid #e8e8ea; text-align: center;} .record_att_list .item .bot_line {padding: 20px;} .record_att_list .item .bot_line .photo {float: left;} .record_att_list .item .bot_line .text {margin-left: 116px;} .record_att_list .item .bot_line .text .title {font-size:20px; font-weight: 600; color:#2b2b2b; margin-bottom: 15px;} .record_att_list .item .bot_line .add_class {display: table; width: 100%;} .record_att_list .item .bot_line .add_class dt {display: table-cell; background: #f5427c; width:62px; color: #fff; text-align: center; vertical-align: middle;} .record_att_list .item .bot_line .add_class dd {display: table-cell; background: #f5f6f9; width:auto; padding: 10px 15px 0 15px; border: 1px solid #ced2d7;border-left: 0;} .record_att_list .item .bot_line .add_class dd span {display: block;} .record_list > li {width:100%;margin-bottom:17px;border:1px solid #ced2d7;box-sizing:border-box;position:relative;display:table;} .record_list > li > div {display:table-cell;vertical-align:middle;min-height:124px} .record_list > li > .img_view {width:110px;padding:20px;box-sizing:border-box;border-right:1px solid #e8e8ea;} .record_list > li > .stat {width:110px;border-left:1px solid #e8e8ea;box-sizing:border-box} .record_list > li > .stat > p {display:block;text-align:center;} .record_list > li > .stat > p span {display:inline-block;} .record_list > li > .con {box-sizing:border-box;vertical-align:top} .record_list > li > .con i {display: inline-block;vertical-align: top;} .record_list > li > .con .icon_box {padding:20px 20px 0 20px;box-sizing:border-box;} .r_icon01 {width:19px;height:20px;background: url(../images/icon/r_icon01.png) no-repeat;font-size: 0;margin-right:5px} .r_icon02 {width:20px;height:20px;background: url(../images/icon/r_icon02.png) no-repeat;font-size: 0;} .record_list > li > .con .text {padding:10px 20px 10px 20px;box-sizing:border-box;} .record_list > li > .con .text .title {font-size:20px; font-weight: 600; color:#2b2b2b; margin-bottom: 10px;} .record_list > li > .con .text ul li {display:inline-block;margin-right:10px;line-height:14px} .record_list > li > .con .add_class {display: table; width: 100%;} .record_list > li > .con .add_class dt {display: table-cell; background: #f5427c; width:62px; color: #fff; text-align: center; vertical-align: middle;} .record_list > li > .con .add_class dd {display: table-cell; background: #f5f6f9; width:auto; padding: 10px 15px 0 15px;} .record_list > li > .con .add_class dd span {display:inline-block;margin-right:10px;line-height:15px} .manager_line {border: 1px solid #ced2d7;} .manager_wrap {position: relative;min-height:850px;} .manager_wrap .manager_cont {display:none; min-width:; } /* .manager_wrap .select_date {padding: 55px 40px 0 40px; margin-right: 201px; text-align: center;display: inline-block;background: url(../images/icon/bg_cal_tit.png) 0 center no-repeat;} */ .manager_cont01 {background: url(../images/contents/bg_cal.png) center 80px no-repeat; padding: 15px 40px 0 40px; margin-right: 201px; text-align: center;} .manager_wrap .date_select {font-size:34px; color:#000; line-height: 1;text-align:center;padding:20px 160px 10px 0px;} .manager_wrap .date_select span {background: url(../images/icon/bg_cal_tit.png) 0 center no-repeat; padding-left: 45px;} .manager_wrap .date_select strong {font-size:36px; font-weight: 600;} .manager_cont01 .date_wrap {background: url(../images/icon/bg_dash.png) center 328px no-repeat; height:80px; border-bottom:1px solid #e8e8ea; padding:305px 0 55px;} .manager_cont01 .date_wrap div {overflow: hidden; display: inline-block; margin-left: 70px;} .manager_cont01 .date_wrap div:first-child {margin-left: 0;} .manager_cont01 .date_wrap div span {display: inline-block; width:60px; height:60px; line-height: 60px; float: left; font-size:18px; font-weight: 600;} .manager_cont01 .date_wrap .start {background: #10a0f7; color:#fff;} .manager_cont01 .date_wrap .end {background: #f7473b; color:#fff;} .manager_cont01 .date_wrap .date01 {width:170px; background: #f5f6f9; color:#333; font-size:28px;} .manager_cont01 .date_wrap .date02 {background: #e2e5ee; color:#737373;} .manager_cont01 .text {font-size:16px;} .manager_cont02 {overflow:hidden; margin-right: 201px;} .manager_cont02 > form > div {float: left; box-sizing: border-box; width:50%; padding: 10px 40px 40px;} .manager_cont02 .left_cont {border-right: 1px solid #e8e8ea;} .manager_cont02 .left_cont ul {} .manager_cont02 .left_cont ul li {position:relative; padding:30px 0 30px 90px; border-bottom:1px solid #e8e8ea;} .manager_cont02 .left_cont ul li.menu01 {background: url(../images/icon/icon_manager01.png) 10px 30px no-repeat;} .manager_cont02 .left_cont ul li.menu02 {background: url(../images/icon/icon_manager02.png) 10px 30px no-repeat;} .manager_cont02 .left_cont ul li.menu03 {background: url(../images/icon/icon_manager03.png) 10px 30px no-repeat;} .manager_cont02 .left_cont ul li.menu04 {background: url(../images/icon/icon_manager04.png) 10px 30px no-repeat;} .manager_cont02 .left_cont dl {} .manager_cont02 .left_cont dl dt {font-weight: 600; margin-bottom:10px;} .manager_cont02 .left_cont dl dd {font-size: 14px;} .manager_cont02 .left_cont .info {position: absolute; top:32px; right:0;} .manager_cont02 .left_cont .info span {margin-right: 10px;} .manager_cont02 .right_cont {padding-top: 40px;} .manager_cont02 .right_cont h2 {font-size: 27px; line-height: 1.4; color: #000; text-align: center;} .manager_cont02 .input_area {background: url(../images/contents/bg_manager.png) center top no-repeat; margin-top: 85px; padding: 270px 0 80px; text-align: center; border-bottom:1px solid #e8e8ea;} .manager_cont02 .input_area label {display:inline-block; height: 40px; line-height: 40px; vertical-align: middle;} .manager_cont02 .input_area .num {font-size: 20px; padding-right: 10px; color:#000;} .manager_cont02 .input_area .num input {width:100px; height: 39px; line-height: 39px;} .manager_cont03 {padding:0 40px 40px 40px; margin-right: 201px;} .manager_cont03 ul {padding-top: 10px;} .manager_cont03 ul li {padding: 40px 0 40px 190px; border-bottom:1px solid #e8e8ea;} .manager_cont03 ul li.menu01 {background: url(../images/icon/icon_manager05.png) 2% center no-repeat;} .manager_cont03 ul li.menu02 {background: url(../images/icon/icon_manager06.png) 2% center no-repeat;} .manager_cont03 ul li.menu03 {background: url(../images/icon/icon_manager07.png) 2% center no-repeat;} .manager_cont03 dl dt {margin-bottom: 15px;} .manager_cont03 dl dt em {background: url(../images/icon/bar03.png) 10px center no-repeat; padding-left: 20px;} .manager_cont03 dl dd {font-size: 16px;} .manager_cont03 .input_text {font-size: 20px; color:#000; margin-top: 10px;} .manager_cont03 .input_text input[type=text]{font-size: 24px; height:40px; line-height: 40px; font-weight: 600; color:#fa4941;} .manager_cont03 .s_text {display: block; font-size: 13px; margin:5px 0;} .manager_cont04 {padding:15px 40px 40px 40px; margin-right: 201px;} .manager_cont04 .inner_box {background:url(../images/icon/bar_long.png) center 30px no-repeat; overflow:hidden; border-top: 1px solid #333; border-bottom: 1px solid #e8e8ea;} .manager_cont04 .inner_box > div {width:50%; float: left; text-align: center; padding: 160px 0 30px; color: #000;} .manager_cont04 .stu_status01 {background: url(../images/icon/icon_manager08.png) center 20px no-repeat;} .manager_cont04 .stu_status02 {background: url(../images/icon/icon_manager09.png) center 30px no-repeat;} .manager_cont04 .stu_status03 {background: url(../images/icon/icon_manager11.png) center 30px no-repeat;} .manager_cont04 .stu_status04 {background: url(../images/icon/icon_manager10.png) center 30px no-repeat;} .manager_cont04 dl {width: 50%; float: left; text-align: center; padding: 160px 0 30px; color: #000;} .manager_cont04 dl dt {font-size: 24px; font-weight: 600; margin-bottom: 20px;} .manager_cont04 dl dd {text-align: center; font-size: 20px;} .manager_cont04 dl dd span {display:inline-block;} .manager_cont04 dl .date_group {display:inline-block; width:150px;} .manager_cont04 dl .date_group label {width:150px; font-size: 14px;} .manager_cont04 .inner_box > div > .date_group { width:85%; margin:0 auto;} .manager_cont04 .inner_box .dash {padding:0 10px;} .manager_cont05 {padding:0 40px 40px 40px; margin-right: 201px;} .manager_cont05 ul {padding-top: 10px;} .manager_cont05 ul li {padding: 40px 0 40px 210px; border-bottom:1px solid #e8e8ea;} .manager_cont05 ul li.menu01 {background: url(../images/icon/icon_manager10.png) 28px center no-repeat;} .manager_cont05 ul li.menu02 {background: url(../images/icon/icon_manager12.png) 40px center no-repeat;} .manager_cont05 ul li.menu03 {background: url(../images/icon/icon_manager13.png) left center no-repeat;} .manager_cont05 dl dt {margin-bottom: 15px;} .manager_cont05 dl dt em {background: url(../images/icon/bar03.png) 10px center no-repeat; padding-left: 20px;} .manager_cont05 dl dd {font-size: 16px;} .manager_cont05 .input_text {font-size: 20px; color:#000; margin-top: 10px;} .manager_cont05 .input_text input[type=text]{font-size: 24px; height:40px; line-height: 40px; font-weight: 600; color:#fa4941;} .manager_cont05 .s_text {display: block; font-size: 13px; margin:5px 0;} .manager_cont05 .date_group {width:85%;} .manager_cont05 .date_group .dash {padding:0 10px;} .manager_cont05 .date_group input {width:100%; padding-left: 10px;} .manager_cont06 {padding:25px 40px 40px 40px; margin-right: 201px;} .manager_cont06 .inner_box {background:url(../images/icon/bar_long02.png) center 30px no-repeat; overflow:hidden; border: 1px solid #e8e8ea; border-width:1px 0; padding:30px 0 40px 0;} .manager_cont06 dl {width: 50%; float: left; text-align: center; color: #000; padding-top: 20px;} .manager_cont06 dl dt {font-size: 27px; font-weight: 600; margin-bottom: 20px;} .manager_cont06 dl dd {text-align: left; padding-top:250px;} .manager_cont06 .menu01 dd {background: url(../images/icon/icon_manager14.png) center 35px no-repeat;} .manager_cont06 .menu02 dd {background: url(../images/icon/icon_manager15.png) center 30px no-repeat;} .manager_cont06 .menu02 .date_group02 input,.manager_cont06 .menu01 .date_group02 input {width:182px;} .manager_cont06 .date_group02 {display:table; width:280px; height:40px; margin:0 auto; border:1px solid #e8e8ea; padding-left: 10px;} .manager_cont06 .date_group02 label {height:40px; display:table-cell; vertical-align: middle;} .manager_cont06 .date_group02 span {background:url(../images/icon/bar01.png) right center no-repeat; display:inline-block; padding-right: 10px;} .manager_cont06 .date_group02 input {border:0; width:225px; font-size:20px; font-weight: 600; color: #f54d40;} .manager_cont06 .date_group02 .date {width:50px; height:40px; line-height: 40px;background: #f7473b; color:#fff; text-align: center; padding: 0;} .manager_cont06 .date_group.type02 select {background: url('../images/icon/icon_select02.png') right 15px top 50% no-repeat #4b4e5d; color:#fff; } .manager_cont07 {padding:0 40px 40px 40px; margin-right: 201px;} .manager_cont07 ul {padding-top: 10px;} .manager_cont07 ul li {padding: 40px 0 40px 120px; border-bottom:1px solid #e8e8ea;} .manager_cont07 ul li.menu01 {background: url(../images/icon/icon_manager02.png) 10px 30px no-repeat} .manager_cont07 ul li.menu02 {background: url(../images/icon/icon_manager06.png) 2% center no-repeat;} .manager_cont07 ul li.menu03 {background: url(../images/icon/icon_manager07.png) 2% center no-repeat;} .manager_cont07 dl dt {margin-bottom: 15px;} .manager_cont07 dl dt em {background: url(../images/icon/bar03.png) 10px center no-repeat; padding-left: 20px;} .manager_cont07 dl dd {font-size: 16px;} .manager_cont07 .input_text {font-size: 20px; color:#000; margin-top: 10px;} .manager_cont07 .input_text input[type=text]{font-size: 24px; height:40px; line-height: 40px; font-weight: 600; color:#fa4941;} .manager_cont07 .s_text {display: block; font-size: 13px; margin:5px 0;} .manager_cont08 {padding:0 40px 40px 40px; margin-right: 201px;} .manager_cont08 ul {padding-top: 10px;} .manager_cont08 ul li {padding: 40px 0 40px 140px; border-bottom:1px solid #e8e8ea;} .manager_cont08 ul li {background: url(../images/common/b_icon_menu05_on.png) 3% center no-repeat; background-size:60px;} /* .manager_cont08 ul li {background: url(../images/common/b_icon_menu05_on.png) center no-repeat;} */ .manager_cont08 dl dt {margin-bottom: 15px;} .manager_cont08 dl dt em {background: url(../images/icon/bar03.png) 10px center no-repeat; padding-left: 20px;} .manager_cont08 dl dd {font-size: 16px;} .manager_cont08 .input_text {font-size: 20px; color:#000; margin-top: 10px;} .manager_cont08 .input_text input[type=text]{font-size: 24px; height:40px; line-height: 40px; font-weight: 600; color:#fa4941;} .manager_cont08 .s_text {display: block; font-size: 13px; margin:5px 0;} .lagChk{ display:inline-block; font-size: 20px; color: #000; line-height: 32px; padding-left: 7px; padding-right: 14px; font-weight: bold } .lagChk input[type="checkbox"], .lagChk input[type="radio"]{display:none} .lagChk input+i{ display:inline-block;width:22px;height:22px; margin:-1px 10px 0 0; background: url(../images/icon/icon_chk02.png) no-repeat center; vertical-align:middle; } .lagChk input[type="radio"]+i{ width:30px!important; height:30px!important; background-image:url(../images/icon/icon_radio02.png) } .lagChk input[type="checkbox"]+i{background-image:url(../images/icon/icon_chk02.png)} .lagChk input[type="checkbox"]:checked+i{background-image:url(../images/icon/icon_chk02_on.png)} .lagChk input[type="radio"]:checked+i{background-image:url(../images/icon/icon_radio02_on.png)} .lagChk+.lagChk{margin-left:25px} .manager_tab {position: absolute; top:0; right:0; height: 100%; border-left:1px solid #ced2d7; text-align: center;} .manager_tab ul {} .manager_tab ul li {position: relative; width:200px;height: 105px; line-height: 105px; border-top:1px solid #ced2d7;} .manager_tab ul li:first-child {border-top:0;} .manager_tab ul li a {display: block; font-size: 18px; padding-left: 45px;} .manager_tab ul li.on, .manager_tab ul li a:hover, .manager_tab ul li.on a {color:#fff; font-weight: 600;} .manager_tab ul li.menu01 {background: url(../images/icon/icon_mag_tab01.png) 30px center no-repeat;} .manager_tab ul li.menu02 {background: url(../images/icon/icon_mag_tab02.png) 30px center no-repeat;} .manager_tab ul li.menu03 {background: url(../images/icon/icon_mag_tab03.png) 30px center no-repeat;} .manager_tab ul li.menu04 {background: url(../images/icon/icon_mag_tab04.png) 30px center no-repeat;} .manager_tab ul li.menu05 {background: url(../images/icon/icon_mag_tab05.png) 30px center no-repeat;} .manager_tab ul li.menu06 {background: url(../images/icon/icon_mag_tab06.png) 30px center no-repeat;} .manager_tab ul li.menu01:hover, .manager_tab ul li.menu01.on {background: url(../images/icon/icon_mag_tab01_on.png) 30px center no-repeat #00b9a9;} .manager_tab ul li.menu02:hover, .manager_tab ul li.menu02.on {background: url(../images/icon/icon_mag_tab02_on.png) 30px center no-repeat #00b9a9;} .manager_tab ul li.menu03:hover, .manager_tab ul li.menu03.on {background: url(../images/icon/icon_mag_tab03_on.png) 30px center no-repeat #00b9a9;} .manager_tab ul li.menu04:hover, .manager_tab ul li.menu04.on {background: url(../images/icon/icon_mag_tab04_on.png) 30px center no-repeat #00b9a9;} .manager_tab ul li.menu05:hover, .manager_tab ul li.menu05.on {background: url(../images/icon/icon_mag_tab05_on.png) 30px center no-repeat #00b9a9;} .manager_tab ul li.menu06:hover, .manager_tab ul li.menu06.on {background: url(../images/icon/icon_mag_tab06_on.png) 30px center no-repeat #00b9a9;} .manager_tab ul li.menu07:hover, .manager_tab ul li.menu07.on {background: 30px center no-repeat #00b9a9;} .manager_tab ul li.menu08:hover, .manager_tab ul li.menu08.on {background: 30px center no-repeat #00b9a9;} .manager_tab ul li.on:before, .manager_tab ul li:hover:before {position: absolute; bottom: 50%; left: 0; width: 0; height: 0; margin-left: -10px; border-right: 10px solid #00b9a9; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: '';} /*popup*/ .photo_ch {} .photo_ch .inner_box {position:relative;} .photo_ch .inner_box .file_find {position: absolute; top:0;right:0; width:180px;} .photo_ch .ex_box {} .photo_ch .ex_box span {display: inline-block; margin-left: 30px;} .photo_ch .ex_box span:first-child {margin-left: 0;} .att_board {} .att_table {} .att_table .date_group {text-align: right;} .att_table .table_col, .att_table .table_row {margin-top: 10px;} .att_table .table_row {border:0;} .att_table .table_row td, .att_table .table_row th {border:1px solid #e8e8ea!important;} .att_table .table_row th {font-size: 16px} .att_table .table_row td {font-size: 30px; font-weight: 600; color: #2b2b2b;} .att_table .professor {background: #f9f9fa; color: #2b2b2b; font-weight: 600; text-align: center;} .att_list {margin-top: 35px;} .att_list .cal_top {text-align: center;} .att_list .cal_top .date {font-size: 24px; height:32px; line-height: 32px; vertical-align: middle; color: #2b2b2b;} .att_list .cal_top button img {width:24px;} .att_list .btn_next, .att_list .btn_cal {margin-left:20px;} .att_list .btn_prev {margin-right:20px;} .att_card {width:100%; overflow: hidden; color: #2b2b2b; text-align: center;} .att_card li {float:left; width:18%; height:190px; margin:2.5% 2.5% 0 0; border: 1px solid #ced2d7; padding:15px 10px; box-sizing: border-box;} .att_card li.on {border-width: 4px;} .att_card li.attType01.on {border-color:#10a0f7;} .att_card li.attType02.on {border-color:#8f65e5;} .att_card li.attType03.on {border-color:#ffb64d;} .att_card li.attType04.on {border-color:#f5427c;} .att_card li:nth-child(5n) {margin-right:0;} .att_card li .date {margin-top:15px; padding-top: 10px; border-top:1px solid #e8e8ea;} .att_card li .date span {display: block; font-size:26px; font-weight: 600; margin-bottom: 5px;} .att_card li .date em {font-size:12px;} .att_card .cancel_class {background: #9ea0ac; color: #fff;} .att_card .add_class {background: #f5427c; color: #fff;} .att_card .sta01 {} .att_card .sta01 span {display:block; font-size: 16px; font-weight: 600;} .att_card .sta01 strong {display:block; font-size: 26px; font-weight: 600; margin-top: 10px;} .att_card .sta01 strong em {display:block; font-size: 12px; margin-top: 5px;} .att_card .sta02 {margin-top:15px; padding-top: 10px; border-top:1px solid #e8e8ea;} .att_card .sta02 span {display:block; font-size: 16px; font-weight: 600;} .att_card .sta02 em{font-size: 12px;} .att_card.y_scroll {height: 420px; overflow-y: scroll; margin-top: 15px; } .att_card.y_scroll li {cursor: pointer;} .t_img_top_wrap.bg02 {background:#fff url(../images/icon/bg_t_img_top_wrap02.png) left 56px bottom no-repeat;padding-bottom:0; } .t_img_top_wrap .sub_t {position: absolute; top:90px; left:45px;} /*tilte*/ .exc_title {background: url(../images/icon/icon_exc.png) 0 center no-repeat; padding-left: 25px; font-size: 18px; font-weight: 600;} .gen_title {background: url(../images/icon/bullet01.png) 0 center no-repeat; padding-left: 10px; font-size: 20px; font-weight: 600; color: #2b2b2b; margin-bottom: 15px;} .gen_title span.sup {display:inline-block; font-size:16px; padding-left: 10px;} .text_exc {background: url(../images/icon/icon_exc02.png) 0 center no-repeat; padding-left: 20px; margin-top: 10px;font-size: 13px;} /*table*/ .table_col {border-top:1px solid #333; border-bottom:1px solid #cdd2d6;} .table_col table th {background: #f9f9fa; color: #2b2b2b; font-weight: 600; padding:5px 0 5px 30px; text-align:left; border-top:1px solid #e8e8ea; } .table_col table td {padding:5px 10px 5px 10px; border-left:1px solid #cdd2d6; border-top:1px solid #e8e8ea;border-right: 1px solid #cdd2d6;} .table_col table td:last-child {border-right:0} .table_col table tr:first-child th, .table_col table tr:first-child td {border-top:0;} .table_col.btn_right {position:relative; padding-right: 135px; border-top:0;border-bottom:0;background:#ebedf3} .table_col.btn_right table th {background:url(../images/icon/bullet03.png) 10px 20px no-repeat #ebedf3; border:1px solid #c8cede; border-width:0 0 1px 0; padding-left: 22px;} .table_col.btn_right table td {background: #ebedf3; border:1px solid #c8cede; border-width:0 0 1px 0} .table_col.type02 table td {padding:8px 15px;} .table_col .radio_group span {font-size:14px!important;} .table_col.btn_right table tr:last-child th, .table_col.btn_right table tr:last-child td {border:0;} .table_col.btn_right table td input, .table_col.btn_right table td select {border:1px solid #ced2d7;} .table_row {border-top:1px solid #333; border-bottom:1px solid #e8e8ea;} .table_row table th {background: #f9f9fa; color: #2b2b2b; font-weight: 600; padding:8px 10px; border-left:1px solid #e8e8ea; } .table_row table td {padding:8px 10px; border:1px solid #e8e8ea; border-width:1px 0 0 1px; text-align: center; vertical-align: middle;} .table_row table tbody tr:hover td{background:#f9f9fb} .table_row table td.subject {text-align: left;} .table_row table td.subject a{color:#666666;} .table_row table td.subject a:hover, .table_row table td.subject a:link {text-decoration:none} .table_row table tr td:first-child, .table_row table tr th:first-child {border-left:0;} .table_row .no_data {padding:20px 0!important; text-align: center;} .table_row.type02 table td {padding:8px 15px;} .table_row .row_b {border-top:1px solid #e8e8ea;} .table_row .num {max-width:60px;line-height:14px;} .table_top {position: relative; margin-bottom: 5px !important;} .table_top .total {background: url(../images/icon/bullet01.png) left center no-repeat; padding-left: 10px;} .table_top .total em {color: #10a0f7;} .table_top .date_group {position: absolute; top:0; right:0; width:inherit;min-width:110px;} .table_top .date_group select {padding-right:26px;} /*btn*/ .btn_wrap {text-align: center;} .btn_wrap.type02 {text-align: right;} .blue {background: #128ce1; color: #fff;} .blue02 {background: #10a0f7!important; color: #fff;} .gray {background: #9ea0ac; color: #fff;} .black {background: #2e313a; color: #fff;} .dark {background: #9ea0ac; color: #fff;} .btn01 {display:inline-block; width:70px; height:26px; line-height: 26px; text-align:center; font-weight:600; letter-spacing:-1px;} .btn02 {display:inline-block; width:120px; height:40px; line-height: 40px; text-align:center; font-weight:600; letter-spacing:-1px;} .btn02.type01 {font-size: 16px;} .btn03 {display:inline-block; width:110px;margin:0 auto; height:80%; line-height: 80%; text-align:center; font-weight:600; letter-spacing:-1px;background:#103677 !important} .btn03 > span {background: url(../images/common/srch_bu.png) right center no-repeat;padding-right:25px;} .btn03.type02 {position: absolute; top:10% !important; right:15px;} .btn04 {display:inline-block; width:100%; height:40px; line-height: 40px; text-align:center; font-weight:600; letter-spacing:-1px; color:#fff;} .btn04 span {display:inline-block; background: url(../images/icon/icon_find.png) right center no-repeat; padding-right: 30px;height:40px;line-height:40px;vertical-align:top} .icon_satus { width:65px; border-radius: 3px; padding: 3px 0; text-align: center;} .icon_satus.type01 {display:inline-block; border:1px solid #f5427c; color: #f5427c;} .icon_satus.type02 {display:inline-block; border:1px solid #10a0f7; color: #10a0f7;} .icon_satus.type03 {display:inline-block; border:1px solid #8f64e7; color: #8f64e7;} .icon_satus.type04 {display:inline-block; border:1px solid #ffa626; color: #ffa626;} .icon_satus.type05 {display:inline-block; border:1px solid #01998a; color: #01998a;} .icon_satus.type06 {display:inline-block; border:1px solid #858e97; color: #858e97;} .icon_att01 {background: url(../images/icon/icon_att01.png) 0 center no-repeat; padding-left: 30px; background-size: 20px; font-size:16px;} .icon_att02 {background: url(../images/icon/icon_att02.png) 0 center no-repeat; padding-left: 30px; background-size: 20px; font-size:16px;} .icon_att03 {background: url(../images/icon/icon_att03.png) 0 center no-repeat; padding-left: 30px; background-size: 20px; font-size:16px;} .icon_att04 {background: url(../images/icon/icon_att04.png) 0 center no-repeat; padding-left: 30px; background-size: 20px; font-size:16px;} .icon_att05 {background: url(../images/icon/icon_att05.png) 0 center no-repeat; padding-left: 30px; background-size: 20px; font-size:16px;} .icon_att01_ver {background: url(../images/icon/icon_att01.png) center 0 no-repeat; text-align: center; color: #107ac4; font-size:16px; padding-top:40px;} .icon_att02_ver {background: url(../images/icon/icon_att02.png) center 0 no-repeat; text-align: center; color: #8f64e7; font-size:16px; padding-top:40px;} .icon_att03_ver {background: url(../images/icon/icon_att03.png) center 0 no-repeat; text-align: center; color: #ffa626; font-size:16px; padding-top:40px;} .icon_att04_ver {background: url(../images/icon/icon_att04.png) center 0 no-repeat; text-align: center; color: #fc415c; font-size:16px; padding-top:40px;} .icon_att05_ver {background: url(../images/icon/icon_att05.png) center 0 no-repeat; text-align: center; color: #01c6b4; font-size:16px; padding-top:40px;} .icon_stu01 {background: url(../images/icon/icon_stu01.png) left center no-repeat; color:#9ea0ac;padding-left:20px} .icon_stu02 {background: url(../images/icon/icon_stu02.png) left center no-repeat; color:#9ea0ac;padding-left:25px} .icon_stu03 {background: url(../images/icon/icon_stu03.png) left center no-repeat; color:#fff;} .icon_stu04 {background: url(../images/icon/t_td_bu02.png) left center no-repeat; color:#107ac4;padding-left:25px} .icon_stu05 {background: url(../images/icon/t_td_bu05.png) left center no-repeat; color:#fc415c;padding-left:25px} .icon_stu06 {background: url(../images/icon/icon_stu06.png) left center no-repeat; color:#fff;} .icon_stu07 {background: url(../images/icon/icon_stu07.png) left center no-repeat; color:#fff;} .icon_stu08 {background: url(../images/icon/icon_stu08.png) left center no-repeat; color:#01c6b4;padding-left:25px} .icon_stu09 {background: url(../images/icon/icon_stu09.png) left center no-repeat; color:#a976d5;padding-left:25px} .bg_gray {background:#9ea0ac;} .bg_blue {background:#10a0f7;} .bg_red {background:#f5427c;} .bg_pup {background:#8f64e7;} .bg_org {background:#f74d40;} .bg_yel {background:#ffa626;} .bg_icon_plan {background: url('../images/icon/icon_plan.png') 0 center no-repeat; padding-left: 25px;} .bg_icon_check {background: url('../images/icon/icon_check.png') 0 center no-repeat; padding-left: 25px;} /*text*/ .text_right {height: 30px;} .text_right span {float: right;} .dot_red {background: url(../images/icon/bullet02.png) 0 center no-repeat; padding-left: 10px; color:#f74d40; font-weight: 600; font-size: 13px;} /* layer popup */ #layer_bg {width:100%; height:100%; background-color: #000; position:fixed; left:0; top:0; z-index:22; opacity:0.5;} .popup_layer {width:460px; background-color: #fff; border:1px solid #e5e5e5;position:fixed; left:50%; top:50%; z-index:23; display:none;} /*input*/ .date_group .datepicker {padding-left: 30px;background: url(../images/icon/icon_cal02.png) no-repeat right 10px center #fff;} .input_wrap {position:relative; height:33px; border: 1px solid #e9e9e9; color:#333; font-size: 14px; } .input_wrap input {border:0; height:30px;} .input_wrap input:focus{border: 1px solid #ff5a12;} .input_wrap {position:relative;} .input_wrap.type02 {display:inline-block;} .base {padding:0 15px;} .input01 {width:100%; padding:0 100px 0 15px;} .input02 {width:45%; text-align:right; padding:0 35px 0 25px; margin-right:10px;} .input_wrap .sup {position: absolute; top:5px; right:10px; color: #999;} label.file { overflow: hidden; } label.file input[type=file] { width: 0; height: 0; padding-left: 0 !important; } .select_wrap {} .select_wrap .selectbox.select_type01 {width:100%; margin-left:22px;} .select_wrap .selectbox:first-child {margin:0;} .selectbox.select_type01 {position:relative; width:150px; display:inline-block; z-index: 1; font-size:14px; background:#fff; border:1px solid #e7e7e7; height:33px;} .selectbox.select_type01:before {content: ""; position:absolute; top:53%; right:15px; width:11px; height:7px; margin-top: -1px; background:url('../images/icon/icon_select.png') no-repeat;} .selectbox.select_type01 label {position: absolute; top:6px; left: 15px; z-index: -1; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .selectbox.select_type01 select {width: 100%;height: 33px; line-height: 33px; border: 0;opacity: 0;filter:alpha(opacity=0);-webkit-appearance: none;-moz-appearance: none;appearance: none; color:#666; padding-left:15px;} /*list*/ .list li {background: url(../images/icon/bullet01.png) left center no-repeat; padding-left: 10px;} /* paging */ .paging{margin-top:10px;text-align:center; margin-bottom:40px;} .paging img {display:block} .paging a{display:inline-block;min-width:34px;height:34px;vertical-align:top;line-height:34px;color:#666666;border:1px solid #b6c2cb;background-color:#fff;box-sizing:border-box;} .paging span a {border:0;color:#666666;} .paging .num{display:inline-block;height:34px;} .paging .num a.current{color:#fff;background-color:#9ea0ac;} /*input*/ .date_group .datepicker {padding-left:15px;background:#fff url(../images/icon/icon_cal02.png) no-repeat right 10px center;} .inner_contents {position:relative !important;} .paging {height:34px;} .main {background:url(../images/common/bg_sub.png) repeat-y; height:100%;} .mr15 {margin-right:15px} .s_bu {margin-right:2px;display:inline-block;width:58px;height:21px;line-height:21px;box-sizing:border-box;font-size:12px;text-align:center;border-radius:2px;} .s_blue {border:1px solid #10a0f7;color:#10a0f7;} .s_purple {border:1px solid #8f64e7;color:#8f64e7;} .s_red {border:1px solid #f5427c;color:#f5427c;} .s_yellow {border:1px solid #ff9126;color:#ff9126;} .i_bu01 {width:26px;height:19px;background: url(../images/icon/t_icon01.png) no-repeat;font-size:0} .i_bu02 {width:21px;height:20px;background: url(../images/icon/t_icon02.png) no-repeat;font-size:0} .i_bu03 {width:20px;height:19px;background: url(../images/icon/t_icon03.png) no-repeat;font-size:0} .i_bu04 {width:22px;height:18px;background: url(../images/icon/t_icon04.png) no-repeat;font-size:0} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .t_chk_list {width:100%;box-sizing:border-box;} .t_chk_list > li {width:100%;box-sizing:border-box;padding:20px;border:1px solid #ced2d7;margin-bottom:17px} .t_chk_list > li .top_info {position:absolute;top:0;left:0;} .s_green {border:1px solid #00b898;color:#00b898;} .t_chk_list > li .top_info i {display:inline-block;vertical-align:top} .t_chk_list > li .center_info {box-sizing:border-box;display:table;width:100%;min-height:88px;vertical-align:middle;} .t_chk_list > li .center_info > div.con {;position:relative;} .t_chk_list > li .center_info > div.con > ul > li {display:inline-block;} .t_chk_list > li .center_info > div.con > ul > li.t_info_s {margin-right:10px} .t_chk_list > li .center_info > div.con > .ttl { color:#2b2b2b;font-size:20px;font-weight:bold;line-height:20px; margin-bottom:10px;width:100%;padding-top: 30px } .esp_word {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .t_info_s {color:#666;font-size:13px;padding-left:18px;line-height:13px;margin-bottom:10px} .bu_time { background: url(../images/icon/t_bu_time.png) left center no-repeat; } .bu_location {background: url(../images/icon/t_bu_location.png) left center no-repeat;} .bu_user {background: url(../images/icon/bu_user.png) left center no-repeat;} .t_chk_list > li .center_info .t_g_wrap { display:table-cell; vertical-align:middle;width:270px;min-height:88px } .t_chk_list > li .center_info .t_g_wrap > div { display:table-cell; vertical-align:middle; } .t_chk_list > li .center_info .t_g_wrap > div.g_info { width:88px; height:88px; padding-left: 30px } .t_btn_group button {margin:5px 0;} .t_btn_group button:last-child {margin-right:0} .t_btn_group button { min-width: 150px; height: 46px; line-height: normal; padding: 0; box-sizing: border-box; background: #00c0b9; color: #fff; vertical-align: top; text-align: center; font-weight: bold; font-size: 18px; display:block; } .t_btn_group button span { background-position: left center; background-repeat: no-repeat; padding-left:34px; } .t_btn_group button.t_icon01 span { background-image: url(../images/icon/btn_bu01.png); } .t_btn_group button.t_icon02 span { padding-left:20px; background-image: url(../images/icon/btn_bu02.png); } .t_btn_group button.t_icon03 span { background-image: url(../images/icon/btn_bu03.png); } .t_btn_group button.t_icon04 span { background-image: url(../images/icon/btn_bu04.png); } .t_btn_group button.t_icon05 span { padding-left:25px; background-image: url(../images/icon/btn_bu05.png); } .t_btn_group button.t_icon06 span { background-image: url(../images/icon/btn_bu06.png); } .t_btn_group button.t_icon07 span { padding-left:25px; background-image: url(../images/icon/btn_bu07.png); } .t_btn_group button.t_bg_green {background: #01c6b4;} .t_btn_group button.t_bg_gray {background: #f9f9f9;color:#9ea0ac;} .t_btn_group button.t_bg_gray02 {background:#9ea0ac} .t_btn_group button.t_bg_red {background: #f5427d;} .t_btn_group button.t_bg_red02 {background: #fc415c;} .t_btn_group button.t_bg_blue {background: #107ac4;} .t_top_info {border:1px solid #ced2d7;background:#fff;padding:34px;box-sizing:border-box;position:relative;} .t_top_info .ttl {color:#2b2b2b;font-size:30px;font-weight:bold;margin:15px 0;} .t_info_ttl {color:#2b2b2b;font-size:26px;font-weight:bold;margin:15px 0;} .t_top_info .t_info {padding-right:459px;} .t_info_form_box {position:absolute;top:30px;right:30px;} .t_info_form_box .blue {background:#10a0f7 !important} label input, label select, label span { vertical-align: middle; } input[type=text] {height: 28px;border: 1px solid #e9e9e9;color: #333;font-size: 14px;box-sizing:border-box;padding-left:15px} input[type=radio] { width: 16px !important; height: 16px !important; line-height: 16px; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 0; border: none\9 !important; } input[type=checkbox] { width: 13px !important; height: 13px !important; line-height: 13px; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 0; border: none\9 !important; } input[type=radio] { background: url(../images/icon/icon_radio.png) no-repeat center;border:0 !important} input[type=checkbox] { background: url(../images/icon/icon_chk.png) no-repeat center;border:0 !important} input[type=checkbox]:checked { background: url(../images/icon/icon_checkbox_checked.png) no-repeat center; } input[type=radio]:checked { background: url(../images/icon/icon_radio_checked.png) no-repeat center; } input[type=checkbox] + span, input[type=radio] + span { font-size: 14px; color: #555; line-height: 32px; padding-left: 7px; padding-right: 14px;} .radio_group label { font-size: 0; margin-right: 5px; line-height: normal; } .radio_group input[type=radio] + span, .radio_group input[type=checkbox] + span { color: #2b2b2b; font-size: 16px; } .chk_group label { font-size: 0; margin-right: 5px; line-height: normal; } .chk_group input[type=radio] + span, .chk_group input[type=checkbox] + span { color: #2b2b2b; font-size: 16px; } .btn_wrap.tl {text-align:left} .btn_small { display: inline-block; width: 110px; height: 40px; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: -1px; font-size:14px; } .btn_small span {line-height:20px;display:inline-block;} .btn_small.w118 {width:118px} .red { background: #fc415c; color: #fff; } .pink { background: #fc415c; color: #fff !important; } .green { background: #01c0b9; color: #fff !important; } .gray { background: #9ea0ac; color: #fff !important; } .black { background: #2e313a; color: #fff !important; } .yellow { background: #ffa626; color: #fff !important; } .orange { background: #ff7326; color: #fff !important; } .purple { background: #8f64e7; color: #fff !important; } .mt25 {margin-top:25px} .radio_group .ttl {font-size:16px;font-weight:bold;color:#2b2b2b;vertical-align:-6px;margin-right:5px} .radio_group .info {font-size:16px;font-weight:bold;color:#f74d40;vertical-align:-6px;} .t_info_table {margin-top:40px} .t_info_table table th {background: #f9f9fb; color: #2b2b2b; font-weight:normal; padding:7px; border:1px solid #ced2d7;font-size:16px;} .t_info_table table td {padding:13px; border:1px solid #ced2d7;text-align: center;color:#2b2b2b;font-size:30px;font-weight:bold} .t_td_bu01 { background: url(../images/icon/t_td_bu01.png) left center no-repeat; padding-left:27px } .t_td_bu02 { background: url(../images/icon/t_td_bu02.png) left center no-repeat; padding-left:27px } .t_td_bu03 { background: url(../images/icon/t_td_bu03.png) left center no-repeat; padding-left:27px } .t_td_bu04 { background: url(../images/icon/t_td_bu04.png) left center no-repeat; padding-left:27px } .t_td_bu05 { background: url(../images/icon/t_td_bu05.png) left center no-repeat; padding-left:27px } .t_td_bu06 { background: url(../images/icon/t_td_bu06.png) left center no-repeat; padding-left:27px } .mb40 {margin-bottom:40px} .t_btn_bu01 span{ background: url(../images/icon/t_btn_bu01.png) left center no-repeat; padding-left:23px } .t_btn_bu02 span{ background: url(../images/icon/t_btn_bu02.png) left center no-repeat; padding-left:23px } .t_btn_bu03 span{ background: url(../images/icon/t_btn_bu03.png) left center no-repeat; padding-left:23px } .t_btn_bu04 span{ background: url(../images/icon/t_btn_bu04.png) left center no-repeat; padding-left:23px } .t_img_list {width:100%;box-sizing:border-box;} .t_img_list > li {float:left;width:33.3%;box-sizing:border-box;padding-left:17px;padding-bottom:17px} .t_img_list > li:first-child, .t_img_list > li:nth-child(3n+1) {padding-left:0} .t_img_list > li > .t_s_info {width:100%;height:136px;box-sizing:border-box;border:1px solid #ced2d7;background:#fff;padding:10px;position:relative;} .t_img_list > li > .t_s_info > img {position:absolute;top:10px;left:10px;width:96px;height:116px} .t_img_list > li > .t_s_info > div {padding-left:110px;height:116px;} .t_img_list > li > .t_s_info > div .ttl {font-size:16px;color:#2b2b2b;line-height:22px;padding-top:10px} .t_img_list > li > .t_s_info > div > div {margin-top:20px;width:100%;height:40px;text-align:center;line-height:40px} .t_s_info_btn_wrap{text-align:left !important} .t_s_info_btn_wrap button { display:inline-block; box-sizing:border-box; width:31%;height:40px;border:1px solid #ced2d7; line-height:40px; color:#666666;font-size:14px; background:#fff; } .s_btn button {width:68px;} .t_s_info_btn_wrap button.blue:hover, .t_s_info_btn_wrap button.blue.on {border:1px solid #10a0f7;background:#10a0f7;color:#fff;} .t_s_info_btn_wrap button.purple:hover, .t_s_info_btn_wrap button.purple.on {border:1px solid #8f64e7;background:#8f64e7;color:#fff;} .t_s_info_btn_wrap button.yellow:hover, .t_s_info_btn_wrap button.yellow.on {border:1px solid #ffa626;background:#ffa626;color:#fff;} .t_s_info_btn_wrap button.red:hover, .t_s_info_btn_wrap button.red.on {border:1px solid #f5427c;background:#f5427c;color:#fff;} .t_s_info_btn_wrap button.gray:hover, .t_s_info_btn_wrap button.gray.on {border:1px solid #858e97;background:#858e97;color:#fff;} .s_btn button.on span, .s_btn button:hover span { display:inline-block; background: url(../images/icon/s_btn.png) left center no-repeat !important; padding-left:15px } .t_s_info_span_wrap{text-align:left !important} .t_s_info_span_wrap span , .t_s_info_span_wrap button{ display:inline-block; box-sizing:border-box; width:65px;height:26px; line-height:26px; color:#fff;font-size:13px; text-align:center; } .t_s_info_span_wrap span.blue{background:#10a0f7;color:#fff;} .t_s_info_span_wrap span.purple{background:#8f64e7;color:#fff;} .t_s_info_span_wrap span.yellow{background:#ffa626;color:#fff;} .t_s_info_span_wrap span.red{background:#f5427c;color:#fff;} .t_s_info_span_wrap span.gray, .t_s_info_span_wrap button.gray{background:#9ea0ac;color:#fff} .t_img_list > li > .t_s_info > div .info_none > div {box-sizing:border-box;border:1px solid #ced2d7;background:#f9f9fb;height:40px;line-height:40pxfont-size:14px;color:#666666} .t_box {border:1px solid #ced2d7;background:#fff;padding:40px 30px;box-sizing:border-box;position:relative;} .mt20 {margin-top:20px;} .select_group select {height:33px;border:1px solid #ced2d7;box-sizing:border-box;color:#2b2b2b;font-size:14px;min-width:110px} .select_group .ttl { font-size: 16px; font-weight: bold; color: #2b2b2b; vertical-align:middle; margin-right: 5px; } .select_group .num { font-size: 16px; color: #2b2b2b; vertical-align: middle; margin-left:5px } .select_group > input {width:111px;text-align:center;color:#f74d40;font-weight:bold} .t_pop_img_wrap {text-align:center;} .t_pop_img_wrap > img {margin:20px auto;} .t_pop_ps {border-top:1px solid #ebedf3;padding:20px 10px;box-sizing:border-box;margin-top:40px} .t_pop_ps li {font-size:12px;margin-bottom:5px;letter-spacing:-1px} .view_txt_wrap {height:180px} .btn_wrap {font-size:0} .btn_wrap > button {display:inline-block;font-size:14px !important;margin-right:10px;border-radius:22px !important;} .btn_wrap > button:last-child {margin-right:0} .font_emp { display: inline-block; font-size: 0; vertical-align:middle; line-height: 14px; font-weight: bold; color: #f74d40 !important; margin-left:5px; background: url(../images/icon/emp.png) no-repeat; width:14px; height:12px; } .table_col table td {padding:8px 10px !important; vertical-align:middle} .view_table_info {height:34px;position:relative;} .view_table_info .ttl, .t_pop_ttl {float:left;font-weight:bold;color:#2b2b2b;font-size:20px;background: url(../images/icon/bullet01.png) left center no-repeat;padding-left:10px} .t_pop_ttl > span {font-size:13px;color:#f74d40;margin-left:10px} .view_table_info .ttl.font16 {font-size: 16px} .view_table_info .ttl span {font-size:16px;margin-left:10px} .view_table_info .table_bu_blue {float:left;font-weight:bold;width:500px} .table_bu_blue b.blue { color:#10a0f7 !important;font-weight:bold !important;text-decoration:underline !important;background:none !important } .view_table_info .ps {float:right;background: url(../images/icon/emp.png) left center no-repeat;color:#2b2b2b;font-size:13px;padding-left:20px} .view_table_info .ps_dot {float:right;background: url(../images/icon/bullet01.png) left center no-repeat;color:#2b2b2b;font-size:13px;padding-left:10px} .view_table_info .ps_dot_org {float:right;background: url(../images/icon/bu_org.png) left center no-repeat;color:#f74d40;font-size:13px;padding-left:10px} .view_table_info .right_info {float:right} .view_table_info .right_info .ps {float:left;margin-right:20px} .view_table_info button { width:120px;height:33px;background:#10a0f7;line-height:33px;color:#fff;font-size:14px;font-weight:bold; float:left;position:relative;top:-10px; } .t_pop_h {position:relative;margin-bottom:15px} .t_pop_h .ps_dot_org {position:absolute;top:0;right:0;background: url(../images/icon/bu_org.png) left center no-repeat;color:#f74d40;font-size:13px;padding-left:10px} .table_bu {margin-top:15px;color:#f74d40;font-size:13px;padding-left:20px;background: url(../images/icon/table_bu.png) left 3px no-repeat;} .table_bu_blue {margin-top:15px;color:#333;font-size:13px;padding-left:20px;background: url(../images/icon/t_bu_blue.png) left 3px no-repeat;} .t_file_wrap > ul+.t_btn_file { margin-top:15px;} .t_btn_file { width:120px; height:33px; background:#2e313a; text-align:center; color:#fff; font-size:13px; } .t_btn_file > span {background: url(../images/icon/t_btn_file.png) left center no-repeat;padding-left:15px} .t_btn_file.bg02 > span {background: url(../images/icon/bu_download.png) left center no-repeat;padding-left:15px} .t_file_list > li {background: url(../images/icon/t_bu_file.png) left center no-repeat;padding-left:15px;margin-bottom:8px;color:#10a0f7;font-weight:bold;font-size:13px;text-decoration:underline;} .t_file_list > li > a{color:#10a0f7;font-weight:bold;font-size:13px;text-decoration:underline;} .t_file_list > li:last-child {margin-bottom:0} .t_file_list > li > a {font-weight:bold} .t_pop_ttl {float:none;} .t_pop_file_wrap {border-top:1px solid #333;border-bottom:1px solid #ced2d7;margin-top:15px;margin-bottom:50px} .t_pop_file_wrap > li {height:49px;border-bottom:1px solid #e8e8ea;position:relative;} .t_pop_file_wrap > li:last-child {border-bottom:0} .t_pop_file_wrap > li > p {padding-left:10px;color:#2b2b2b;font-size:14px;line-height:49px;padding-right:145px} .t_pop_file_wrap > li > .pop_file_btn_wrap {position:absolute;top:9px;right:0;font-size:0} .t_pop_file_wrap > li button { box-sizing:border-box; width:60px; height:33px; background:#fff; text-align:center; color:#27282f; font-size:13px; font-weight:bold; border:1px solid #ced2d7; margin-right:6px } .t_pop_file_wrap > li button.t_file_add span { background: url(../images/icon/file_add.png) left center no-repeat;padding-left:15px } .t_pop_file_wrap > li button.t_file_del span { background: url(../images/icon/file_del.png) left center no-repeat;padding-left:15px } .add_file { position: relative;padding-top:8px} .add_file input[type=text] {width:250px;float:left;box-sizing: border-box;} .add_file input[type=file] { position: absolute; left: -999999px;} .add_file .btn_upload{ float:left; vertical-align:middle; display: inline-block; box-sizing: border-box; width:116px; height:33px; background:#2e313a; font-size:13px; line-height:33px; text-align:center; color:#fff; margin-left:5px } .add_file .btn_upload span { background: url(../images/icon/t_file_btn.png) right center no-repeat;padding-right:25px } .font_red {color:#f74d40 !important;font-weight:bold} .font_blue {color:#10a0f7;font-weight:bold} .font_purple {color:#8f64e7;font-weight:bold} .font_yellow {color:#ffb64d;font-weight:bold} .font_pink {color:#f5427c} .mt60 {margin-top:60px;} .table_top {height:33px !important} .table_top button, .table_top .btn_area button { position: absolute; top: 1px; right: 120px; width: 120px; height: 28px; line-height: 28px; text-align: center; font-weight: bold; color:#fff; background:#10a0f7; letter-spacing: -1px; font-size:14px } button.excel_btn {background:#10a0f7 !important} .view_table_info button {margin-right:5px} .table_top .btn_area button:last-child {margin-right:0} .table_top button.gray, .view_table_info .btn_area button.gray {background:#9ea0ac} .table_top .btn_area, .view_table_info .btn_area { position: absolute;right:0;top:1px; } .table_top .btn_area button, .view_table_info .btn_area button {position:relative;top:0;right:inherit;} .table_top .select_wrap {top:0 !important;} .table_top .total {position:absolute;top:10px;} .table_row table td.subject a {display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .t_con_over_y {width:100%;max-height:600px;overflow-y:auto;margin-top:20px} .select_wrap select {box-sizing:border-box;} .fl {display:inline-block;} .date_group { display: table; width: 100%; table-layout: auto; vertical-align:middle; } .date_group > * { display: table-cell; vertical-align: middle; } select { width:100%; background-image: url('../images/icon/icon_select.png'); background-size: auto 5px; background-position: right 15px center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; /* padding-right: 30px; */ padding-right: 0\0/IE8+9; overflow: hidden; line-height: 1\0/IE8+9; font-family: "Malgun Gothic", "sans-serif 0/" !important; box-sizing: padding-box\9; height: 33px; border: 1px solid #e9e9e9; color: #333; font-size: 14px; box-sizing: border-box; padding-left: 15px; } :root select { background-image: none !important\9; } select::-ms-expand { display: none; } .pl5 {padding-left:5px} .w100 { width: 100% !important; } .w50 { width: 50% !important; } .date_group select { max-width: 100%; height: 28px; } .table_col table td.data_select {vertical-align:middle;} .dash { display: table-cell; vertical-align: middle; width: 17px; text-align: center; position: relative; height: 28px; } .datepicker { padding-left: 30px; background:#fff url(../images/icon/icon_cal02.png) no-repeat right 10px center; } .table_row table th {vertical-align:middle;} .th_top_line {border-top:1px solid #e8e8ea;border-left:1px solid #e8e8ea !important} .mt0 {margin-top:0} .mt80 {margin-top:80px} .t_scroll_x { position: relative;margin-bottom:30px } .t_scroll_x .tableBodyFrame { width: 100%; overflow-x: auto; } .t_scroll_x .tableBodyFrame table { min-width: 100%; } .t_list_btn_wrap {display:inline-block;} .t_list_btn_wrap > div {display:inline-block;vertical-align:2px;margin-left:10px} .t_list_btn_wrap > div .t_bu_up { display:block; background: url(../images/icon/t_bu_up.png) center center no-repeat; width:7px; height:4px; font-size:0; margin-bottom:2.5px } .t_list_btn_wrap > div .t_bu_down { display:block; background: url(../images/icon/t_bu_down.png) center center no-repeat; width:7px; height:4px; font-size:0; margin-top:2.5px } .mb0 {margin-bottom:0} .pl0 {padding-left:0} .mb60 {margin-bottom:60px} .table_col table td textarea {min-height:110px;border: 1px solid #e9e9e9;color: #333;font-size: 14px;box-sizing: border-box;padding: 15px;width:100%} .pop_content .table_col table td label > span{color:#666;font-size:14px;} .ps_table_org {color:#f74d40;font-size:13px;margin-top:10px;} .mt45 {margin-top:45px} .icon_satus {height:26px !important;padding:0 !important;line-height:26px !important} .t_img_top_wrap {margin-bottom:15px;position:relative;border:1px solid #ced2d7;background:#fff;padding:40px;box-sizing:border-box;} .t_img_top_wrap > .ttl {color:#2b2b2b;font-size:36px;font-weight:bold;position:absolute;top:40px;left:40px;} .t_img_top_wrap .t_info_box {padding-left:344px} .t_img_top_wrap.bg01 { background:#fff url(../images/icon/bg_t_img_top_wrap01.png) left 56px bottom no-repeat; } .t_img_top_wrap .t_info_box > p {color:#666666;font-size:16px;line-height:24px;margin-bottom:24px} .t_img_top_wrap .t_info_box > p > span {display:block;font-size:14px} .t_img_top_wrap .t_info_box > ul {width:100%;overflow:hidden} .t_img_top_wrap .t_info_box > ul > li {width:50%;float:left;min-height:92px;} .t_img_top_wrap .t_info_box > ul > li .ttl {padding-left:20px; background:url(../images/icon/t_info_box_bu.png) left center no-repeat; color:#2b2b2b;font-weight:bold;font-size:14px } .t_img_top_wrap .t_info_box > ul > li > ul {padding-left:20px} .t_img_top_wrap .t_info_box > ul > li > ul li {font-size:14px;color:#666;line-height:26px} .t_img_top_wrap .t_info_box > ul > li:nth-child(2n+1) {clear:both;} .t_img_top_wrap .t_info_box > ul > li > ul.li_float li {float:left;margin-right:25px} .t_select_bu {float:left;margin-left:20px;line-height:33px} .t_view_srch { height: 30px; border: 1px solid #e9e9e9; box-sizing: border-box; width:100%; position:relative; } .t_view_srch > input {border:0;height:28px;line-height:28px} .t_view_srch button { position:absolute; top:6px; right:1px; background:#fff url(../images/icon/t_view_srch_btn.png) left center no-repeat; width:30px; height:20px; font-size:0; z-index:1 } .t_pop_img_wrap_02 {min-height:227px;text-align:left;background:#fff url(../images/icon/t_pop_img_wrap.png) right bottom no-repeat;} .t_pop_img_wrap_02 .ttl { color:#2b2b2b;font-size:32px;font-weight:bold;margin-bottom:20px } .t_pop_img_wrap_02 .t_sub_p { color:#666;font-size:15px;line-height:24px;letter-spacing:-1px } .t_pop_img_wrap_02 .t_sub_p .blue_sub {color:#10a0f7;display:block;font-weight:bold} .t_pop_img_wrap_02 .t_sub_p > span {margin-top:5px;color:#999;font-size:13px;line-height:17px;display:block;position:relative;padding-left:10px} .t_pop_img_wrap_02 .t_sub_p > span:before{ content:'*'; color:#10a0f7; position:absolute; left:0;top:0; } .t_pop_box_gray { padding:20px 30px;box-sizing: border-box;background:#fafafa; } .t_pop_box_gray > ul > li {margin-bottom:30px;clear:both;} .t_pop_box_gray > ul > li:last-child {margin-bottom:0} .t_pop_box_gray > ul > li .ttl, .t_pop_box_gray > ul > li > ul {float:left;} .t_pop_box_gray > ul > li > ul {width:460px} .t_pop_box_gray > ul > li .ttl {padding-left:20px; background:url(../images/icon/t_info_box_bu.png) left center no-repeat; color:#2b2b2b;font-weight:bold;font-size:14px;width:110px } .t_pop_box_gray > ul > li > ul {padding-left:20px} .t_pop_box_gray > ul > li > ul li {font-size:14px;color:#666;line-height:26px} .t_pop_box_gray > ul > li > ul.li_float li {float:left;margin-right:25px} .ui-dialog .ui-dialog-titlebar, .pop_titlebar {padding:0 30px !important;} .ui-dialog .ui-dialog-title, .pop_title {padding-left:0 !important} .t_pop_search_box { display: table; width: 100%; table-layout: fixed; background: #fff; border-top: 1px solid #333; border-bottom: 1px solid #ced2d7; background:#f9f9fa; margin-bottom: 35px } .t_pop_search_box .form_area { position: relative; display: table-cell; vertical-align: middle; } .t_pop_search_box .form_area .row { position: relative; display: table; table-layout: auto; width: 100%; border-top: 1px solid #d7dde6; box-sizing: border-box; } .t_pop_search_box .form_area .row:first-child { border-top: none; } .t_pop_search_box .form_area dt { display: table-cell; vertical-align: top; padding: 11px 0 11px 19px; text-align: center; font-size: 14px; font-weight: bold; text-align: left; white-space: nowrap; } .t_pop_search_box .form_area dt span { padding-right: 20px; background: url(../images/icon/bullet01.png) left center no-repeat; padding-left: 10px; line-height: 33px; display: block; text-overflow: clip; white-space: nowrap; overflow: visible; } .t_pop_search_box .form_area dd { position: relative; display: table-cell; vertical-align: top; max-width: 100%; width: 1600px; padding: 11px 0; } .t_pop_search_box .form_area dd input, .t_pop_search_box .form_area dd select { max-width: 100%; height: 33px; } .t_pop_search_box .btn_area { display: table-cell; vertical-align: middle; width: 150px; padding: 7px 20px; box-sizing: border-box; text-align: center; } .t_pop_search_box .btn_area .btn_search {width:100%;height:33px;background:#10a0f7;color:#fff;font-size:14px;font-weight:bold} .move_list_group { display: table; width: 100%; table-layout: fixed; } .move_list_group > div { display: table-cell; vertical-align: top; } .move_list_group .role_none{width:40px} .move_list_group .role_controls { width: 70px; vertical-align: middle; padding-top: 32px; text-align: center; } .move_list_group .role_controls button { position:relative;width: 41px; height: 41px; background-color: #8996ac; overflow:hidden; } .move_list_group .role_controls button:after { content:'';position:absolute;top:0;left:0;width:41px;height:41px;background-repeat: no-repeat; background-position: center;} .move_list_group .role_controls .btn_move_right:after { background-image: url(../images/icon/icon_btn_move_right.png); } .move_list_group .role_controls .btn_move_left:after { background-image: url(../images/icon/icon_btn_move_left.png);} .move_list_group .role_controls .btn_move_left{margin-top:6px} /*result_list*/ .result_list { position: relative; } .result_list .list { position: relative; } .result_list .list .table_wrap { position: relative; overflow-x: auto; } .result_list .list .list_sort { text-align: right; float: right; font-size: 0; } .result_list .list .list_sort span, .result_list .list .list_sort label { display: inline-block; vertical-align: middle; line-height: 25px; text-align: left; font-size: 12px; } .result_list .list .list_sort span { font-weight: bold; } .result_list .list .list_sort button { vertical-align: middle; } .result_list .list table { width: 100%; border: 1px solid #ced2d7; background: #fff; table-layout: fixed; } .result_list .list table th, .result_list .list table td { font-size: 12px; border: 1px solid #ced2d7; vertical-align: middle; text-align: center; } .result_list .list table td a { color:#000;} .result_list .list table tr th { background: #f9f9fb; color: #000; font-weight: bold; padding:0 5px; font-size: 12px; line-height:14px;height: 44px;} .result_list .list table thead tr th.emphasis { color: #e85e5e; background: #fff2f2; } .result_list .list table tr td .esp_word {width:90%;margin:0 auto;} .result_list .list table tr th { box-sizing: border-box; } .result_list .list table tr td {word-wrap: break-word;font-size: 12px; color: #666; line-height: 12px; min-width: 40px; padding: 10px 0; box-sizing: border-box; } .result_list.scroll_y .fixed_table { z-index: 9; } .result_list.scroll_y .list table thead tr th, .result_list.scroll_y .list table thead tr td { box-sizing: border-box; } .result_list.scroll_y .list table thead tr th { height:44px; } .result_list.scroll_y .list table th.check, .result_list.scroll_y .list table td.check { min-width: 40px; font-size: 12px; } .result_list.scroll_y .tableBodyFrame { border-bottom: 1px solid #dfdfdf;overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; } .result_list.scroll_y .tableBodyFrame table { border-top: none; border-left: none; } .result_list.scroll_y .tableBodyFrame tbody tr:first-child td { border-top: none; } .mt20 {margin-top:20px !important} .table_row.type02 table td {vertical-align: middle;} .table_col table td input[type=checkbox] + span, .table_col table td input[type=radio] + span{ color:#2b2b2b;font-size:14px } .table_col.type02.btn_right table th {vertical-align:middle} .overflow_y_table {max-height:395px;overflow-y:auto;} .icon_satus.type07 {display:inline-block; border:1px solid #092533; color: #092533;} .icon_satus.green {display:inline-block; border:1px solid #01c0b9; color: #fff;background:#01c0b9} .icon_satus.blue {display:inline-block; border:1px solid #10a0f7; color: #fff;background:#10a0f7} .icon_satus.pink {display:inline-block; border:1px solid #f5427c; color: #fff;background:#f5427c} .icon_satus.gray {display:inline-block; border:1px solid #9ea0ac; color: #fff;background:#9ea0ac} .icon_satus.red {display:inline-block; border:1px solid #f54d40; color: #fff;background:#f54d40} .pop_content .table_col table th {padding-left:15px;} .pop_content .move_list_group .cal_top, .pop_content .a_pop_cal .cal_top {height:25px;margin-bottom:10px;text-align:center;} .pop_content .move_list_group .cal_top .date, .pop_content .a_pop_cal .cal_top .date {font-size:22px;line-height:22px} .pop_content .move_list_group .cal_top .btn_prev img, .pop_content .move_list_group .cal_top .btn_next img, .pop_content .a_pop_cal .cal_top .btn_prev img, .pop_content .a_pop_cal .cal_top .btn_next img{width:25px;height:25px} .pop_content .move_list_group .cal_top .btn_cal img, .pop_content .a_pop_cal .cal_top .btn_cal img{width:20px;height:21px} .mt35 {margin-top:35px} .mb30 {margin-bottom:30px} .mb60 {margin-bottom:60px} .t_tab_wrap { display: table; position: relative; top: 0; width: 100%; table-layout: fixed; margin-bottom: 20px; padding-bottom: 10px; } .t_tab_wrap > li { display: table-cell; position: relative; border: solid 1px #cdd2d6; border-left: none; max-height: 30px; text-align: center; vertical-align: middle; border-right:0; background:#fcfcfc url(../images/icon/bu_tab_bg.png) right center no-repeat; } .t_tab_wrap > li:last-child {border-right: solid 1px #cdd2d6;background:#fcfcfc;} .t_tab_wrap > li.on, .t_tab_wrap > li:hover { background-color: #00b9a9; border: none; background-image:none } .t_tab_wrap > li.on a, .t_tab_wrap > li:hover a {color:#fff;font-weight:bold} .t_tab_wrap > li > a { display: block; position: relative; padding: 10px 5px; color: #555555; font-size:17px; text-decoration:none; word-break: keep-all; word-wrap: break-word; } .t_tab_wrap .on:before, .t_tab_wrap li:hover:before { position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; margin-left: -10px; border-top: 10px solid #00b9a9; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; } .t_tab_wrap > li:first-child { border-top-left-radius:2px;border-bottom-left-radius:2px; border-left:solid 1px #cdd2d6; } .t_tab_wrap > li:last-child { border-top-right-radius:2px;border-bottom-right-radius:2px; } .t_w_f li{float:left;margin-right:30px} .t_w_bu {font-size:14px;font-weight:bold;padding-left:30px;line-height:23px;display:inline-block;height:23px;} .t_w_bu01 { background: url(../images/icon/t_w_bu01.png) left center no-repeat;color:#10a0f7;} .t_w_bu02 { background: url(../images/icon/t_w_bu02.png) left center no-repeat;color:#00b898;} .t_w_bu03 { background: url(../images/icon/t_w_bu03.png) left center no-repeat;color:#ffa626;} .t_w_bu04 { background: url(../images/icon/t_w_bu04.png) left center no-repeat;color:#ff7326;} .t_w_bu05 { background: url(../images/icon/t_w_bu05.png) left center no-repeat;color:#f74d40;} .color_graph{overflow:hidden;width:171px;height:29px;margin:0 auto;box-sizing:border-box;} .color_graph li{float:left;width:33px;height:29px;border:1px solid #ced2d7;background:#fff;box-sizing:border-box;} .color_graph li>span{line-height:29px;color:#fff;text-align:center;font-size:0} .color_graph li.blue.on{background-color:#10a0f7;} .color_graph li.green.on{background-color:#00b898;} .color_graph li.yellow.on{background-color:#ffa626;} .color_graph li.orange.on{background-color:#ff7326;} .color_graph li.red.on{background-color:#f74d40;} .color_graph li.on > span {font-size:0} .list b {font-weight:bold} .t_srch_data_none {border:0;background:none !important} .t_srch_data_none_td {border-left:0 !important;} .icon_satus.blue_btn {display:inline-block; border:0; color: #fff;background:#10a0f7;border-radius:0} .t_main_con_01 {height:570px;margin-bottom:15px;position:relative;} .t_main_con_01 > div {box-sizing:border-box;} .t_main_con_01 > div.t_con01 {width:100%;height:570px;box-sizing:border-box;} .t_main_con_01 > div.t_con01 > div {border:1px solid #ced1d6;background:#fff;} .main #contents {padding:15px;} .t_main_con_01 > div.t_con01 .ttl {width:100%;height:62px;border-bottom:1px solid #e8e8ea;line-height:62px;text-align:center;} .t_main_con_01 > div.t_con01 .ttl > p {display:inline-block;color:#000;font-size:25px;font-weight:bold;font-family:'Arial' sans-serif;padding-left:35px;background: url(../images/main/t_cal_bu.png) left center no-repeat;} .t_main_con_01 > div.t_con01 .ttl > p span {color:#737373;font-size:21px;padding-right:10px;font-family:Malgun Gothic, sans-serif;} .main_slide { position: relative; width: 100%;} .main_slide .list_group > div {height:505px;width:100%;display:table;margin:0 auto;} .t_main_con_01 .bx-pager {position: absolute; left: 0; bottom:30px; width: 100%; text-align: center; font-size: 0;display:block;} .t_main_con_01 .bx-pager div { display: inline-block; margin: 0 3px; } .t_main_con_01 .bx-pager div a { font-size: 0; width: 12px; height: 12px; padding: 0; background:none; display: block; cursor: pointer; } .t_main_con_01 .bx-pager div a{ content: ''; font-size: 12px; height:12px; line-height: 12px;height:12px;display: block; color: #fff; font-weight: bold;background: url(../images/main/t_main_slider_off.png) center center no-repeat;font-size:0} .t_main_con_01 .bx-pager div a.active { background: url(../images/main/t_main_slider_on.png) center center no-repeat;} .t_main_con_01 .bx-prev,.t_main_con_01 .bx-next {display:none} .t_main_slide_con {height:505px;display:table-cell;vertical-align:middle;text-align:center;padding:0 70px 30px 70px;box-sizing:border-box;} .t_main_slide_con img {text-align:center;margin:0 auto 20px auto;} .t_main_slide_con .t_ttl {color:#000;font-size:36px;line-height:40px;letter-spacing:-0.75px;font-weight:bold;margin-bottom:20px} .t_main_slide_con .t_ttl > span {display:block;font-weight:normal;font-size: 31px} .t_main_slide_con .data_none {color:#81838c;font-size:36px;line-height:40px;letter-spacing:-0.75px;font-weight:bold;margin-bottom:20px} .t_main_info {padding:13px;background:#f5f6f9;box-sizing:border-box;} .t_main_info .t_sub_ttl {color:#555;font-size:21px;line-height:21px;margin-bottom:15px} .t_main_info .t_sub_bu {color:#555;font-size:21px;line-height:21px;} .t_main_info .t_sub_bu span {line-height:21px;display:inline-block;} .t_main_info .t_sub_bu .bu01 {padding-left:28px;background:url(../images/main/t_cal_bu03.png) left center no-repeat;margin-right:10px} .t_main_info .t_sub_bu .bu02 {padding-left:28px;background:url(../images/main/t_cal_bu04.png) left center no-repeat;} .t_main_slide_con button {width:180px;height:52px;margin-top:25px;box-sizing:border-box;} .t_main_slide_con button.btn_blue {background:#107ac4;color:#fff;font-size:24px;font-weight:bold;} .t_main_slide_con button.btn_blue span{ background:url(../images/main/t_cal_btn.png) right center no-repeat;padding-right:40px } .t_main_slide_con button.btn_gray {background:#fff;color:#9ea0ac;font-size:24px;font-weight:bold;border:2px solid #9ea0ac;} .t_main_slide_con button.btn_gray span{ background:url(../images/main/main_bo_bnt.png) right center no-repeat;padding-right:40px } .t_bo_time {color:#666;font-size:21px;line-height:21px;background:url(../images/main/main_bo_time01.png) left center no-repeat;padding-left:27px;display:inline-block;margin-bottom:20px} .t_bo_info_wrap {display:table;width:100%;min-height:89px} .t_bo_info_wrap .bu, .t_bo_info_wrap .t_main_info {display:table-cell;min-height:89px;vertical-align:middle;} .t_bo_info_wrap .bu {width:90px;background:#f5427c;font-size:21px;color:#fff;font-weight:bold} .t_bo_info_wrap .t_sub_bu .bu01 {padding-left:28px;background:url(../images/main/main_bo_time02.png) left center no-repeat;color:#fc2a6e;} .t_main_t_con02 > a {width:100%;height:133.5px;display:table;margin-bottom:15px;} .t_main_t_con02 > a:hover {text-decoration:none} .t_main_t_con02 > a.bg01 {background:#107ac4 url(../images/main/t_bu01.png) right 27px center no-repeat} .t_main_t_con02 > a.bg02 {background:#10a0f7 url(../images/main/t_bu02.png) right 27px center no-repeat} .t_main_t_con02 > a.bg03 {background:#00b9a8 url(../images/main/t_bu03.png) right 27px center no-repeat} .t_main_t_con02 > a > div {vertical-align:middle;display:table-cell;padding:0 27px} .t_main_t_con02 > a > div b {display:block;font-size:24px;font-weight:bold;margin-bottom:15px;color:#fff;} .t_main_t_con02 > a > div p {font-size:14px;color:#fff;line-height:20px} .t_main_con_02 {width:100%;} .t_main_con_02 > div {float:left;width:35%;box-sizing:border-box;padding-right:15px} .t_main_con_02 > div:last-child {padding-right:0} .t_main_con_02 > div > div {width:100%;background:#fff;border:1px solid #ced1d6;box-sizing:border-box;height:430px;} .t_main_con_02 > div.t_main_t_con02 {width:30%} .main_board {position:relative;} a:hover, a:link {text-decoration:none !important} .main_board > p { width:100%; height:45px; line-height:45px; background:#a6adb5 } .main_board .t_main_tab { font-size:0} .main_board .t_main_tab a{ border-right:1px solid #b5bdc7; display:inline-block; text-align:center;vertical-align:top;font-size:16px;color:#fff;font-weight:bold;padding:0 20px;height:45px; } .main_board .t_main_tab a:hover {text-decoration:none} .main_board .t_main_tab a:last-child {border-right:0;} .main_board .t_main_tab a:last-child:after {display:none} .main_board .t_main_tab a.on{ color:#000;background:#fff } .main_board .t_main_tab+div{display:block} .main_board>div{display:none;padding:0 30px 20px 30px;} .main_board>div .more{ position:absolute;top:13px;right:10px; display:block;width:19px;height:20px; background:url(../images/main/t_more.png) no-repeat center; font-size:0 } .main_board>div table tr th {border-bottom:1px solid #a6adb5;padding:16px 0;color:#222;font-size:13px;font-weight:bold;line-height:13px} .main_board>div table tr td {padding:7px 0;line-height:17px;} .main_board>div table tr td {font-size:13px;color:#737373;text-align:center;} .main_board>div table tr td.t_m_ttl {text-align:left;background:url(../images/icon/bullet01.png) left center no-repeat;padding-left:10px} .main_board>div table tr td.t_m_ttl > a {color:#000;font-size:13px;line-height:13px;} .main_board>div table tr td.t_m_ttl > a p {width:80%;display:inline-block;} .main_board>div table tr td.t_m_ttl > a i { font-size:0;width:14px;height:14px;display: inline-block; background:url(../images/main/t_new.png) no-repeat center;vertical-align:top; } .main_board>div table tr td.td_blue {color:#107ac4;} .line_gray_btn {width:60px;height:33px;line-height:px;background:#f9f9fa;border:1px solid #ced2d7;color:#2b2b2b;font-size:13px;} /*관리자*/ .a_scroll_wrap {position:relative;} .a_scroll_wrap > div {box-sizing:border-box;} .a_fix_left {width:43%;background:#fff;position:absolute;top:0;left:0;border:1px solid #ced2d7;height:805px} .a_auto_right {margin-left:44%;} .a_auto_right > div {background:#fff;box-sizing:border-box;border:1px solid #ced2d7;padding:25px 20px;height:394px} .mb15 {margin-bottom:15px} .a_fix_left_ttl {text-align:center;color:#fff;font-weight:bold;font-size:20px;height:55px;line-height:55px;background:#10a0f7} .a_fix_left_ttl span {background:url(../images/icon/a_fix_left_ttl_bu01.png) left center no-repeat;padding-left:33px} .a_fix_left_ttl span.bu02 {background:url(../images/icon/a_fix_left_ttl_bu01_02.png) left center no-repeat;padding-left:30px} .a_fix_left_ttl span.bu03 {background:url(../images/icon/a_fix_left_ttl_bu01_03.png) left center no-repeat;padding-left:30px} .a_fix_con {padding:20px;box-sizing:border-box;} .a_td_select tbody tr:hover td, .a_td_select tbody tr.on td {background:#f3faff;color:#10a0f7;font-weight:bold} .a_scroll_wrap .result_list .list table {border:0;} .a_scroll_wrap .result_list .list table th {border-top:1px solid #2f313a;border-left:0;font-size:13px} .a_scroll_wrap .result_list .list table th:last-child {border-right:0;} .a_scroll_wrap .result_list .list table td {border-top:1px solid #cdd2d6;border-left:0;font-size:13px;padding: 0 5px;height:40px} .a_scroll_wrap .result_list .list table td input {height:30px;} .a_scroll_wrap .result_list .list table td:last-child {border-right:0;} .result_list .list table td.alignL {padding-left:5px} .a_move_ttl {color:#2b2b2b;font-weight:bold;font-size:20px;line-height:20px;margin-bottom:14px;padding-left:26px} .a_move_ttl.bu01 {background:url(../images/icon/a_fix_left_ttl_bu02.png) left center no-repeat;} .a_move_ttl.bu02 {background:url(../images/icon/a_fix_left_ttl_bu03.png) left center no-repeat;} .a_move_ttl.bu03 {background:url(../images/icon/a_fix_left_ttl_bu04.png) left center no-repeat;} .a_move_ttl.bu04 {background:url(../images/icon/a_fix_left_ttl_bu05.png) left center no-repeat;} .a_move_ttl.bu05 {background:url(../images/icon/a_fix_left_ttl_bu06.png) left center no-repeat;} .a_move_top_btn {position:relative;width:100%} .a_move_top_btn > div {position:absolute;top:0;right:0;font-size:0} .a_form_line02 {height:72px;position:relative;margin-bottom:10px} .a_form_line02 > .data_input{position:relative;margin-right:100px} .a_form_line02 > .data_input label {display:inline-block;width:48%} .a_form_line02 > .data_input label.pl5 {width:49%;padding-left:1%} .a_form_line02 > .a_move_big_btn {position:absolute;width:96px;top:0;right:0;} .a_form_line02 > .a_move_big_btn button {margin-right:0 !important} .a_form_line02 > .data_input input {width:100%;display:block;margin-top:6px;} .a_move_top_btn > div button {display:inline-block;width:28px;height:28px;} .a_move_top_btn > div button.a_move_btn_add {background:url(../images/icon/a_btn_add.png) center center no-repeat;margin-right:5px} .a_move_top_btn > div button.a_move_btn_del {background:url(../images/icon/a_btn_del.png) center center no-repeat;} .a_move_big_btn {margin-top:1px} .a_move_top_btn > .a_move_big_btn > button {width:32px;height:32px;} .a_move_top_btn > .a_move_big_btn > button.a_move_btn_add {background:#10a0f7 url(../images/icon/a_btn_add.png) center center no-repeat !important;;} .a_move_top_btn > .a_move_big_btn > button.a_move_btn_del {background:#9ea0ac url(../images/icon/a_btn_del.png) center center no-repeat !important;;} .a_move_top_btn > .a_move_big_btn > button.a_move_btn_save, .a_form_line02 > .a_move_big_btn > button.a_move_btn_save {width:60px;height:32px;background:#2e313a;color:#fff;font-size:13px;margin-right:5px} .table_col.type02.btn_right table th.data_none{background:#ebedf3} .admin_cal_wrap > p {text-align:center;font-size:0} .admin_cal_wrap > p a{border:1px solid #ced2d7;width:199px;height:50px;line-height:50px;display:inline-block;color:#2b2b2b;font-size:16px} .admin_cal_wrap > p a.on {background:#10a0f7;font-weight:bold;color:#fff;border:1px solid #10a0f7;} .admin_cal_wrap > p a > span {padding-left:25px;} .admin_cal_wrap > p a:first-child > span {background:url(../images/icon/cal_01_off.png) left center no-repeat;} .admin_cal_wrap > p a.on:first-child > span {background:url(../images/icon/cal_01_on.png) left center no-repeat;} .admin_cal_wrap > p a:last-child > span {background:url(../images/icon/cal_02_off.png) left center no-repeat;} .admin_cal_wrap > p a.on:last-child > span {background:url(../images/icon/cal_02_on.png) left center no-repeat;} .admin_cal_wrap > div {position:relative;} .calendar_ttl {height:33px;margin-bottom:15px;position:relative;} .calendar_ttl > div {position:absolute;top:0;right:0;} .calendar_ttl > div select {width:111px} .calendar_ttl > div > span {color:#2b2b2b;font-size:14px;font-weight:bold;line-height:33px;margin-right:10px} .calendar_ttl > span , .calendar_ttl >a, .calendar_ttl >button{ float:left} .calendar_ttl >button {margin-top:5px;} .calendar_ttl .a_today_btn {margin-right:6px;width:60px;height:26px;background:#9ea0ac;color:#fff;font-size:13px;font-weight:bold} .calendar_ttl > span {font-size:33px;font-weight:bold;margin-right:15px;display:inline-block;height:33px;line-height:33px;color:#2b2b2b;} .calendar_ttl .btn_cal_back {font-size:0;width:26px;height:26px;background:url(../images/icon/btn_cal_left.png) no-repeat center center;} .calendar_ttl .btn_cal_forward {font-size:0;width:25px;height:26px;background:url(../images/icon/btn_cal_right.png) no-repeat center center;} #admin_cal_02 {position: relative;top:40px;height:942px} .calendar_frame_wrap {position:relative;overflow: hidden;top: 0;bottom: 0;left: 0;right: 0;min-height:725px} .calendar_frame {position:absolute;top:0;bottom:0;left:0;right:0;background: #fff;height:100%} .monthly_calendar {position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-top:1px solid #333;} .monthly_calendar .week {color:#2b2b2b;table-layout:fixed;width: 100%;border-collapse:collapse;background:#f9f9fb;height:40px;text-align:center;border-bottom:1px solid #e8e8ea;;} .monthly_calendar .week th {font-weight: bold;color: #2b2b2b;height:40px;line-height:40px;font-size:13px;border-right:1px solid #e8e8ea} .monthly_calendar .week th:last-child {border-right:0;} .monthly_calendar .month_table {position: absolute;top:40px;left: 0;right: 0;bottom: 0} .monthly_calendar .table_container {overflow: hidden;position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;} .monthly_calendar .month_row {position: relative;width: 100%;height: 114px} .monthly_calendar .grid {position: absolute;top: 0;left: 0;width: 100%;height: 100%;table-layout: fixed;border-collapse: collapse} .monthly_calendar .grid td {border-right: 1px solid #e8e8ea;border-bottom: 1px solid #e8e8ea;vertical-align: top} .monthly_calendar .grid td.today {background:#fff6e8;border-top: 1px solid #e8e8ea;} .monthly_calendar .grid td:last-child {border-right:0} .monthly_calendar .schedule_list {position: relative;table-layout: fixed;width: 100%} .schedule_list .date {height: 30px;line-height:30px} .monthly_calendar .schedule_list {color: #666} .monthly_calendar .schedule_list .date strong {display: inline-block;*display: inline;float: left;padding: 1px 0 0 8px;zoom:1;vertical-align: top;cursor: pointer;font-size:13px;background:none;color:#2b2b2b;} .monthly_calendar .schedule_list .disable {color: #aaaaaa !important;} .monthly_calendar .schedule_list .red {color: #fa4d3d !important;} .monthly_calendar .schedule {position: relative;height:22px;line-height:22px;margin:1px;vertical-align: top; white-space: nowrap;cursor: pointer;text-align:center;color:#fff;font-size:12px} .calendar_colorA {background-color: #f84d43!important;border: 1px solid #f84d43!important;} .calendar_colorB {background-color: #8f64e7!important;border: 1px solid #8f64e7!important;} .calendar_colorC {background-color: #01c0b9!important;border: 1px solid #01c0b9!important;} .cal_info {height:15px;margin-bottom:20px;text-align:right} .cal_info b {font-size:12px;display:inline-block;margin-right:15px;color:#666;font-weight:normal;vertical-align:3px;} .cal_info span {display:inline-block;width:15px;height:15px;margin-right:5px;} .cal_info b:last-child {margin-right:0} .month_table.forth .month_row {height: 25%} .month_table.fifth .month_row {height: 20%} .month_table.sixth .month_row {height: 16.66%} .con_tab_wrap .con_tab+div{display:block} .con_tab_wrap>div{display:none;} .a_pop_s_tab_wrap .t_con_over_y02{display:none} .a_pop_s_tab_wrap .t_con_over_y02.opened{display:block} .pop_tab {text-align:left;font-size:0} .pop_tab a{border:1px solid #ced2d7;width:150px;height:40px;line-height:40px;display:inline-block;color:#9ea0ac;font-size:14px;text-align:center;} .pop_tab a.on {background:#10a0f7;font-weight:bold;color:#fff;border:1px solid #10a0f7;} .a_pop_top {position:relative;height:120px} .a_pop_top .a_l_info {margin-right:270px} .a_pop_top .a_r_info {position:absolute;top:0;right:0;} .a_pop_top .a_r_info > div {box-sizing:border-box;display:inline-block;width:120px;height:120px;border:14px solid #10a0f7;border-radius:50%;background:#fff} .a_pop_top .a_r_info > div.pink {border:14px solid #f5427c;margin-left:15px} .a_pop_top .a_r_info > div > div {display:table;width:100%;height:100%;} .a_pop_top .a_r_info > div > div > p {display:table-cell;vertical-align:middle;text-align:center;color:#2b2b2b;} .a_pop_top .a_r_info > div > div > p > b {display:block;color:#10a0f7;font-size:22px;font-weight:bold} .a_pop_top .a_r_info > div.pink > div > p > b {color:#f5427c;} .icon_att_user { background: url(../images/icon/icon_att_uset.png) 0 center no-repeat; padding-left:20px; background-size:14px 15px; font-size: 16px; } .t_img_list.a_pop_t_img_list > li {width:50%;} .t_con_over_y02 {height:380px;max-height:400px;overflow-y:auto;} .a_pop_t_img_list {width:100%;box-sizing:border-box;} .a_pop_t_img_list > li {float:left;width:50%;box-sizing:border-box;padding-left:17px;padding-bottom:17px} .a_pop_t_img_list > li:first-child{padding-left:0} .a_pop_t_img_list > li:nth-child(2n+1){padding-left:0;} .a_pop_t_img_list > li > .t_s_info {width:100%;height:116px;box-sizing:border-box;border:1px solid #ced2d7;background:#fff;padding:10px;position:relative;} .a_pop_t_img_list > li > .t_s_info > img {position:absolute;top:10px;left:10px;width:76px;height:96px} .a_pop_t_img_list > li > .t_s_info > div {padding-left:90px;height:116px;} .a_pop_t_img_list > li > .t_s_info > div .ttl {padding-top:0;font-size:14pxcolor:#2b2b2b;line-height:22px;} .a_pop_t_img_list > li > .t_s_info > div > div {margin-top:10px;width:100%;height:40px;text-align:center;line-height:40px} /* .a_pop_t_img_list .t_s_info_btn_wrap button {width:55px} */ .a_pop_s_tab_wrap {position:relative;} .a_pop_s_tab_wrap > p{position:absolute;top:-40px;left:0;font-size:0;} .a_pop_s_tab_wrap > p a {width:30px;height:30px;display:inline-block;vertical-align:top} .a_pop_s_tab_wrap > p a:first-child {background:url(../images/icon/a_pop_s_tab01_off.png) left center no-repeat;} .a_pop_s_tab_wrap > p a.on:first-child {background:url(../images/icon/a_pop_s_tab01_on.png) left center no-repeat;} .a_pop_s_tab_wrap > p a:last-child {background:url(../images/icon/a_pop_s_tab02_off.png) left center no-repeat;} .a_pop_s_tab_wrap > p a.on:last-child {background:url(../images/icon/a_pop_s_tab02_on.png) left center no-repeat;} .cal_top {position:relative; width:100%; text-align: center; margin-bottom: 30px;height:33px;} .cal_top .date {font-size:33px; font-weight: 600; color: #2b2b2b;line-height:33px;vertical-align:middle;} .cal_top .btn_next, .cal_top .btn_cal {margin-left:30px;vertical-align:middle;} .cal_top .btn_cal {margin-left:15px !important} .cal_top .btn_prev {margin-right:30px;} .cal_top .info {position: absolute; top:0; right: 0;} .cal_top .info span {display:inline-block; color: #2b2b2b; font-size:13px; vertical-align: -2px;} .cal_top .info span span {width:19px; height:16px; background: #f5427c; margin-right: 5px;} .cal_top .info span:first-child span {background: #9ea0ac;} .cal_top .cancel {background: #f3faff;} .table_col table th {vertical-align:middle;} .table_row.type02 table td {word-wrap: break-word;} @media all and (max-width:1400px) { .t_main_con_01 .bx-pager {bottom:10px;} } .t_s_info_span_wrap.alignC {text-align:center !important} .pl0 {padding-left:5px !important} .test {border:1px solid red;} .t_top_info button {border-radius:0 !important} .btn_wrap.tl button {border-radius:0 !important} .scroll_h_wrap {position: relative} .table_row.scroll_h { position: relative; overflow-y: hidden; overflow-x: auto; } .scroll_h .fixed_first { border-right: 1px solid #dfdfdf; z-index: 9; } .scroll_h .fixed_last { border-left: 1px solid #dfdfdf; z-index: 9; } .scroll_h table { min-width: 100%;table-layout:auto; } .scroll_h table.fixed_first, .scroll_h table.fixed_last {min-width:0; } .scroll_h table tr td.data_show {min-width:45px;} .scroll_h table tr td.data_show span.t_td_bu02, .scroll_h table tr td.data_show span.t_td_bu05 {min-height:20px;display:inline-block;height:20px} .scroll_h table tr td.data_show span.t_td_bu02 {color:#107ac4;} .scroll_h table tr td.data_show span.t_td_bu05 {color:#fc415c;} .scroll_h table tr td.data_show label {display:block;margin:5px 0;} .scroll_h table tr td.data_show label input[type=radio] {margin-right:5px} .data_show > p {padding-top:22px !important} .scroll_h table { min-width: 100%;;table-layout:auto;background:#fff} .scroll_h table.fixed_first, .scroll_h table.fixed_last {min-width:0; } .emphasis { ;width:0 !important;padding:0 !important;min-width:0 !important} .scroll_h table tbody tr:hover td {background:#fff} .min_auto {min-height:auto;padding:0;border:0;} .time_table.line {border: 1px solid #ced1d6;padding:25px 40px;margin-top:30px} .t_main_pop { padding: 0; outline: 0; z-index: 1000 !important; position: fixed; height:794px; width:1080px; top: 50%; left: 50%; margin-left:-540px; margin-top:-397px; display: block; background:#fff; border:1px solid #ced2d7; box-sizing:border-box; } .t_main_pop > .btn_pop_close { position: absolute; margin: 0 !important; width: 25px !important; height: 24px !important; top: 20px !important; right: 20px !important; background: #10a0f7 url(../images/icon/main_pop_btn.png) no-repeat center; margin: 0; text-indent: -999px; } .t_main_pop .con { padding:30px; box-sizing:border-box; } .t_main_pop .con .con01 { float:left; width:507px; margin-bottom:25px } .t_main_pop .con .con02 { float:left; width:485px; margin-bottom:25px; margin-left:25px; } .t_main_pop .con .con03 { clear:both; width:1023px; height:px; } .t_main_pop .con .m_ttl { background: url(../images/icon/bu_dot.png) left center no-repeat; color:#2b2b2b; font-size:20px; font-weight:bold; padding-left:10px; margin-bottom:15px } .t_main_pop .con .m_ttl span { font-size:16px } .t_main_pop .con .con01 .m_box { float:left; width:248px; height:320px; border:1px solid #eaeaeb; box-sizing:border-box; text-align:center; } .t_main_pop .con .con01 .m_box.ml10 { margin-left:10px } .t_main_pop .con .con01 .m_box > p { color:#000;font-size: 24px;font-weight:bold;margin:25px auto 20px auto; line-height:24px; } .t_main_pop .con .con02 .m_box { width:100%; height:320px; border:1px solid #eaeaeb; box-sizing:border-box; text-align:center; display:table; } .t_main_pop .con .con02 .m_box > div{ width:100%; display:table-cell; vertical-align:middle; height:320px } .t_main_pop .con .con03 .m_box { width:100%; height:290px; border:1px solid #eaeaeb; box-sizing:border-box; text-align:center; display:table; } .t_main_pop .con .con03 .m_box > div { width:100%; display:table-cell; vertical-align:middle; height:290px } .data_show > p {float:left;width:50%;text-align:center;box-sizing:border-box;height:49px;line-height:49px;} .data_show > p label {display:inline-block;text-align:center;} .scroll_h table tr td.data_show.clearfix { min-width: 145px; } .data_show > p.r_line {box-sizing:border-box;border-right:1px solid #dbdbdd;} .data_show.clearfix {padding: 0;} .data_show input[type=checkbox] + span, .data_show input[type=radio] + span {padding-right:0;padding-left:2px} @media all and (max-width:1650px){ .grp_list li { width: 292px; padding: 30px 15px; } .grp_wrap { width: 877px; } .mtx_wrap { margin-left: 897px; } #contents.main {min-width:1040px;} } @media all and (max-width:1505px){ .grp_list li { width: 266px; padding: 30px 0; } .grp_wrap { width: 800px; } .mtx_wrap { margin-left: 818px; } } @media all and (max-width:1395px){ .grp_list li { width: 230px; padding: 30px 0; } .grp_wrap { width: 693px; } .mtx_wrap { margin-left: 710px; } .grp_list li h3 { font-size: 16px; } .grp_list .sup span em { font-size: 25px; } .grp_list .sup span { font-size: 16px } } /* 새창팝업 */ .pop_ttl { position: relative; height: 60px; line-height: 60px; padding: 0 15px; background: #10a0f7; font-size: 24px; font-weight: bold; padding-left: 25px; color: #fff; } .blank_popup .pop_content { background: #fff; padding: 25px; box-sizing:border-box; } /*datepicker*/ .datepicker { padding-left: 30px; background: url(../../images/icons/icon_btn_calendar.png) no-repeat 7px center; } .ui-datepicker { width: auto; border: 1px solid #33434b !important; background: #fff; } .ui-datepicker-trigger { position: absolute; right: 1px; top: 50%; margin-top: -6px; } .ui-datepicker .ui-datepicker-title { line-height: 30px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 50%; margin-top: -8.5px; } .ui-datepicker { display: none; padding: 0;width:300px !important;margin: 0 5% !important;} .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; } .ui-datepicker th { padding: 0; width: 30px; height: 25px; background: #f7f7f7; border: 0; font-weight: bold; color: #575353; text-align: center; line-height: 25px; } .ui-datepicker td { border: 0; color: #666; font-size: 12px; } .ui-datepicker td span { display: block; text-align: center; } .ui-datepicker td a { display: block; padding: 5px 0; text-align: center; text-decoration: none; color: #000; } .ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month { width: 58px; } /* 날짜 선택 부분 */ .ui-datepicker .ui-datepicker-header {height:32px;line-height:32px} .ui-datepicker .ui-datepicker-title { font-size:15px;line-height: 32px; height: 32px; text-align: center; vertical-align: middle; color: #fff; background: #33434b; } .ui-datepicker .ui-datepicker-title select {margin-left: 5px;height:23px !important;line-height:23px !important;font-size:13px;border: 1px solid #ccc; font-size: 1em; margin: 0; padding:0; } .ui-datepicker .ui-datepicker-title select:first-child { margin-right: 4px;margin-left:0;} .ui-datepicker .ui-datepicker-header { position: relative; } .ui-datepicker-today { background: #f9f9fa; } .ui-icon-circle-triangle-w { background: url(../images/ui-icons_ffffff_256x240.png);background-position: -82px -194px;} .ui-icon-circle-triangle-e { background: url(../images/ui-icons_ffffff_256x240.png);background-position: -50px -194px; } .ui-datepicker .ui-datepicker-prev { left: 15px; } .ui-datepicker .ui-datepicker-next { right: 15px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; width: 12px; height: 12px; margin-top: -6px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {font-size:0;position: relative; top:0; left: 0; display: block; margin:0;width:12px;height:12px} /* /* TODAY */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #107ac4; } /* Select day */ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #107ac4; color: #fff !important; } /* today-done button */ .ui-datepicker .ui-datepicker-buttonpane { margin: 0 15px; width: 200px; border: none; border-top: 1px solid #ebebeb; } .ui-datepicker .ui-datepicker-buttonpane button { overflow: hidden; float: right; padding: 7px 10px; margin: 8px 0 0; cursor: pointer; border: 1px solid #ccc; font-size: 11px; font-weight: bold; color: #3a67b6; line-height: 15px; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; color: #d42d3c; } /*selectmenu*/ .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; box-sizing: border-box; z-index: 2000; } .ui-selectmenu-menu ul { box-sizing: border-box; border: 1px solid #bec7d5; background: #fff; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; line-height: 1.6em; } .ui-selectmenu-menu .ui-menu .ui-menu-item { font-size: 13px; } .ui-selectmenu-menu .ui-menu .ui-menu-item div { padding: 0 10px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 0 10px; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 0; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 100%; font-size: 1em; border: 1px solid #bec7d5; padding: 0; text-indent: 10px; height: 32px; line-height: 30px; box-sizing: border-box; background-color: #fff; background-image: url('../../images/common/arrow_select_down.png'); background-size: auto 5px; background-position: right center; background-repeat: no-repeat; margin: 0; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .t_img_wrap {position:relative;min-height:69px !important;line-height:inherit !important} .t_img_wrap > img, .t_img_wrap > dl {float:left} .t_img_wrap > img {margin-left:10px;width:59px;height:69px;} .t_img_wrap > dl {padding-left:10px;text-align:left} .t_img_wrap > dl > dt {font-size:13px} .t_img_wrap > dl > dd {color:#000;font-size:15px;font-weight:bold} .t_img_wrap > dl > dd.name {font-size:13px;font-weight:normal} .s_srch_btn { display: table-cell; vertical-align: middle; width: 35px; height:27px; text-align: center; position: relative; } .s_srch_btn > button{ font-size:0; vertical-align:middle; display:block; width: 28px; height: 27px; background:#103677 url(../images/icon/srch_bu02.png) center no-repeat; } /* loading */ .loading_wrap .ui-widget-overlay { z-index: 900 !important; } .loading_inner { width:250px; height:250px; background:#fff; z-index: 9999 !important; position: fixed; top: 50%; left: 50%; margin-left: -125px; margin-top: -125px; display: block; box-sizing: border-box; text-align:center; font-size:20px; font-weight:bold; color:#000; } .loading_inner > img { display:block; margin:30px auto 30px auto; } .class_time > div{ padding:50px 0;text-align:center; } .class_time .ps { color:#000;font-size:20px;font-weight:bold;display:block;margin-bottom:25px } .class_time .time { color:#000;font-size:36px;font-weight:bold;display:block;line-height:72px;margin-bottom:30px } .class_time .time span{ color:#fc415c;font-size:72px;font-weight:bold; padding-left:70px; padding-right:10px; background:url(../images/common/bu_time.png) left center no-repeat; font-family:'Roboto',sans-serif; } .class_time .num_input { border:0;border-bottom:1px solid #000;text-align:center;line-height:40px;color:#737373;font-size:18px;height:40px; width: 280px;padding-left:0; } .col02_wrap {position:relative;width:100%; table-layout: fixed;} .col02_wrap > div {float:left;} /* S: 왼쪽 고정 */ .col02_wrap > div.col01 {width:608px;position:absolute; border-top: 1px solid #333;} .col02_wrap > div.col02 {/*overflow-x: auto; */border-left: 1px solid #ebecee; padding-left: 607px; box-sizing: border-box; width: 100%; } /* E: 왼쪽 고정 */ .col02_wrap > div.col02 .tbl_basic {width: inherit; border-top: 1px solid #333;} .col02_wrap > div.col02 table {/*table-layout:inherit;width:inherit;*/} .col02_wrap > div.col01 table tr th {font-weight:normal;background: #f9f9fa; color: #2b2b2b; font-weight: 600; padding: 8px 10px; border-left: 1px solid #e8e8ea;} .col02_wrap > div.col01 table tr th:first-child {border-left: 0;} .col02_wrap > div.col02 table tr th {font-weight:normal;background: #f9f9fa; color: #2b2b2b; font-weight: 600; padding: 8px 10px; border-left: 1px solid #e8e8ea;} .col02_wrap > div.col02 table tr td {padding: 8px 10px; border: 1px solid #e8e8ea; border-width: 1px 0 0 1px; text-align: center; vertical-align: middle;} .col02_wrap > div.col02 table tr td.data { } .col02_wrap > div.col02 table tr td:last-child {border-right:0} .col02_wrap > div.col01 table tr td {padding: 8px 10px; border: 1px solid #e8e8ea; border-width: 1px 0 0 1px; text-align: center; vertical-align: middle;} .col02_wrap > div.col01 table tr td:first-child {border-left: 0;} /* error */ .error_box { width:800px; padding:125px 0 125px 0; background:#fff; box-sizing:border-box; text-align:center; margin:0 auto; margin-top:40px; } .error_box .big_ttl { color:#222; font-size:34px; line-height:34px; margin-bottom:20px; } .error_box .big_ttl:before { content:''; display:block; width:96px; height:93px; background:url(../images/icon/error_img.png) no-repeat; margin:0 auto; padding-bottom:20px; } .error_box .sub_ttl { color:#666; font-size:16px; line-height:16px; margin-bottom:30px; } .error_box .error_btn { font-size:0 } .error_box .error_btn a { display:inline-block; width:170px; height:44px; line-height:44px; text-align:center; color:#666; font-size:15px; border:1px solid #9ea0ac } .error_box .error_btn a.blue { margin-right:10px; color:#fff; background:#10a0f7; border:1px solid #10a0f7 } .pop_s { height:265px; overflow-y:auto; color:#222; border: 1px solid #ebecee; color: #000; font-size: 13px; padding: 12px; box-sizing: border-box; margin-bottom:20px } .pop_s > p {margin-bottom:15px} .pop_s > ul { margin-left:12px; } .pop_s > ul > li { list-style:decimal; margin-bottom:10px } /* 게시판 -------------------------------------------------------- */ /* 게시판 상단 */ .txt_ess{overflow:hidden;} .txt_ess span{display:inline-block;padding-left:12px;float:right;font-size:12px;background:url(../images/common/chk_ess.png) no-repeat left center;} .no_class{padding:40px 0;border:1px solid #b6c2cb;text-align:center;background-color:#fff;} .no_class>p{display:inline-block;padding-left:60px;font-size:20px;line-height:34px;font-weight:bold;background:url(../images/icon/icon_book.gif) no-repeat left top;} /* 토글 게시판 */ .toggle_tbl tr.choice td, .toggle_tbl tr.choice td a{color:#fff;font-weight:bold;background-color:#808f9a;} .tbl_basic .hidden_box{display:none;} .tbl_basic .hidden_box td{padding:14px 20px;text-align:left !important;font-weight:bold;background-color:#f2f5f7;} .tbl_basic .hidden_box.opened{display:table-row;} .graph_box .list li{padding:4px 0;line-height:25px;} .graph_box .list li .inner{position:relative;padding-left:87px;} .graph_box .list li .inner .graph_title{position:absolute;top:0;left:0;font-weight:bold;} .graph_box .list li .inner .graph_bar{width:100%;background-color:#cad1d7;} .graph_box .list li .inner .graph_bar span{display:inline-block;height:25px;line-height:25px;color:#fff;text-align:center;font-weight:bold;} .graph_box .blue .graph_title{padding-left:6px;color:#1c498a;background:url(../images/common/dot_blue.png) no-repeat left 11px;} .graph_box .blue .graph_bar span{background-color:#4c93e1;} .graph_box .red .graph_title{padding-left:6px;color:#ee3939;background:url(../images/common/dot_red.png) no-repeat left 11px;} .graph_box .red .graph_bar span{background-color:#ee3939;} /* 스케줄 게시판 */ .calendar_control{display:inline-block;} .calendar_control>a{display:inline-block;vertical-align:top;} .calendar_control .day{font-size:30px;line-height:31px;font-family:Arial;} .calendar_control .btn_calendar_prev{margin-right:25px;} .calendar_control .btn_calendar_next{margin-left:25px;} .calendar_control .btn_icon{display:inline-block;margin-left:18px;} .class_info{position:absolute;top:8px;right:0;font-weight:bold;} .class_info span{display:inline-block;height:17px;margin-left:10px;font-size:11px;line-height:16px;overflow:hidden;} .class_info span img{margin-right:4px;} .calendar_tbl thead th{padding:8px 10px;line-height:14px; font-weight:600;font-size:14px;line-height:21px;} .calendar_tbl thead th .data{display:block;font-weight:600;font-size:14px;line-height:21px;} .calendar_tbl table .num strong{display:block;font-weight:bold;} .calendar_tbl table .num .time{display:block;font-size:12px;line-height:13px;} .calendar_tbl table .tit{display:block;font-weight:bold;line-height:18px;} .calendar_tbl table .tit img{margin:0 0 0 5px;} .calendar_tbl table .s_txt{display:block;font-size:12px;line-height:13px;} .calendar_tbl table td.class_no{background-color:#fff1f1;} .calendar_tbl table td.class_yes{background-color:#ebf5ff;} .calendar_tbl table.Mon td.Mon{background-color:#f2f5f7;} .calendar_tbl table.Tue td.Tue{background-color:#f2f5f7;} .calendar_tbl table.Wed td.Wed{background-color:#f2f5f7;} .calendar_tbl table.Thu td.Thu{background-color:#f2f5f7;} .calendar_tbl table.Fri td.Fri{background-color:#f2f5f7;} .calendar_tbl table td.chk{color:#fff;font-weight:bold;background-color:#808f9a !important;} .calendar_thumb{overflow:hidden;width:1179px;} .calendar_thumb>.box{position:relative;float:left;width:246px;height:217px;margin:0 9px 9px 0;padding:20px;border:1px solid #b7c1ca;z-index:100;overflow:hidden;background-color:#fff;} .calendar_thumb>.box.for{margin:0 0 9px 0;} .calendar_thumb>.box.on{width:246px;height:214px;padding:17px 17px 20px 17px;border:4px solid #1d4988;} .calendar_thumb>.box .inner{height:155px;overflow:hidden;} .calendar_thumb>.box .inner .block{position:relative;} .calendar_thumb>.box .inner .title{position:relative;display:block;margin-top:12px;font-size:20px;font-weight:bold;line-height:26px;} .calendar_thumb>.box .inner .dot_blue{margin-top:10px;} .calendar_thumb>.box .inner .dot_blue dt{width:64px;color:#718095;} .calendar_thumb>.box .inner .dot_blue dd{margin-left:64px;padding-left:0;color:#000;background:none;} .calendar_thumb>.box .btn_wrap{padding-top:20px;margin:0;border-top:1px solid #e9edee;} .calendar_thumb>.box .btn_wrap>a{width:84px;padding:10px 15px 0 15px;} .calendar_thumb>.box .comment{display:block;margin-top:8px;color:#ef5354;font-size:15px;font-weight:bold;letter-spacing:-1px;} .calendar_thumb>.box.dim_pop .block .ctgr{position:relative;z-index:200;color:#fff;border:1px solid #fff;background:transparent;} .calendar_thumb>.box.dim_pop .title{z-index:200;color:#fff;} .calendar_thumb>.box .dim_box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:url(../images/common/bg_dimmed.png) repeat left top;} .calendar_thumb>.box .dim_box .chart{padding:115px 20px 0 20px;} .calendar_thumb>.box .dim_box .chart li{position:relative;padding:0 30px 7px 34px;} .calendar_thumb>.box .dim_box .chart .title{position:absolute;top:0;left:0;width:34px;color:#fff;font-weight:bold;} .calendar_thumb>.box .dim_box .chart .bar{width:100%;padding:4px 0;} .calendar_thumb>.box .dim_box .chart .bar>span{display:block;height:13px;} .calendar_thumb>.box .dim_box .chart .bar>span.data01{background-color:#4b93dd;} .calendar_thumb>.box .dim_box .chart .bar>span.data02{background-color:#dd9f3c;} .calendar_thumb>.box .dim_box .chart .bar>span.data03{background-color:#46ae59;} .calendar_thumb>.box .dim_box .chart .bar>span.data04{background-color:#ef3938;} .calendar_thumb>.box .dim_box .chart .num{position:absolute;top:0;right:0;color:#fff;font-weight:bold;} /* 상세페이지 */ td.padN table tbody td:last-child{border-right:0;} td.padN table tr.first th, td.padN table tr.first td{border-top:0;} table tr.bT_none th, table tr.bT_none td{border-top:0px;} /*table*/ .form_box {border-top:0;border-bottom:0;background:#ebedf3; margin-bottom:30px !important;} .form_box table th {background: #f9f9fa; color: #2b2b2b; font-weight: 600; padding:5px 0 5px 30px; text-align:left; border-top:1px solid #e8e8ea; } .form_box table td {padding:8px 15px; border-left:1px solid #cdd2d6; border-top:1px solid #e8e8ea;border-right: 1px solid #cdd2d6;} .form_box table td:last-child {border-right:0} .form_box table tr:first-child th, .form_box table tr:first-child td {border-top:0;} .form_box fieldset {position:relative; padding-right: 135px; border-top:0;border-bottom:0;background:#ebedf3} .form_box fieldset table th {background:url(../images/icon/bullet03.png) 15px 20px no-repeat #ebedf3; border:1px solid #c8cede; border-width:0 0 1px 0; padding-left: 22px !important;color: #2b2b2b; font-weight: 600; padding:5px 0 5px 30px; vertical-align:middle} .form_box fieldset table th label{margin-left:0px !important; padding-left:0px !important} .form_box fieldset table th div{margin-left:0px !important; padding-left:0px !important} .form_box fieldset table td {background: #ebedf3; border:1px solid #c8cede; border-width:0 0 1px 0; vertical-align:middle} .form_box.type02 table td {padding:8px 15px;} .form_box .radio_group span {font-size:14px!important;} .form_box fieldset table tr:last-child th, .form_box fieldset table tr:last-child td {border:0;} .form_box fieldset table td .inp_bar input{width:100%} .form_box fieldset table td input, .form_box fieldset table td select {border:1px solid #ced2d7; height:28px; width:100%} .form_box fieldset input[type=submit] {display:inline-block; width:110px;margin:0 auto; height:80% !important; line-height: 80%; text-align:center; font-weight:600; letter-spacing:-1px;} .form_box fieldset input[type=submit].btn_search {background: url(../images/common/srch_bu.png) #103677 65px center no-repeat;} .form_box fieldset input[type=submit].btn_search {position: absolute; top:10% !important; right:15px; color:#fff; border:0px; text-align:left; padding-left:30px} .inp_bar .inner{float:left;width:62%;} .inp_bar .inner:first-child{width:38%;} .inp_bar.calendar_inp{position:relative; width:100%} .inp_bar.calendar_inp>input{margin:0;} .inp_bar.calendar_inp .inner{position:relative;width:44%;} .inp_bar.calendar_inp .inner input{margin:0; width:100%} .inp_bar.calendar_inp .dash{float:left} .inp_bar.calendar_inp .calendar_btn{position:absolute;top:1px;right:4px;} .inp_bar.calendar_inp.chk_area{padding-left:10px;} .inp_bar.calendar_inp.chk_area .inner{width:42%;} .inp_bar.calendar_inp .calendar_btn{display:none} .inp_bar .datepicker {padding-left:10px;background: url(../images/icon/icon_cal02.png) no-repeat right 10px center #fff;} .tbl_basic {border-top:1px solid #333; border-bottom:1px solid #e8e8ea; margin-bottom:30px;} .tbl_basic table thead th {background: #f9f9fa; color: #2b2b2b; font-weight: 600; padding:8px 10px; border-left:1px solid #e8e8ea; vertical-align: middle;} .tbl_basic table td, .tbl_basic table tbody th {padding:8px 10px; border:1px solid #e8e8ea; border-width:1px 0 0 1px; text-align: center; vertical-align: middle;} .tbl_basic table tbody tr:hover td, .tbl_basic table tbody tr:hover th {background:#f9f9fb} .tbl_basic table td.left {text-align: left;} .tbl_basic table td.left a{color:#666666;} .tbl_basic table td.left a:hover, .tbl_basic table td.left a:link {text-decoration:none} .tbl_basic table tr td:first-child, .tbl_basic table tr th:first-child {border-left:0;} .tbl_basic .no_data {padding:20px 0!important; text-align: center;} .tbl_basic.type02 table td {padding:8px 15px;} .tbl_basic .row_b {border-top:1px solid #e8e8ea;} .tbl_basic .num {max-width:60px;line-height:14px;} .tbl_basic table tbody tr td .btn{display:inline-block;height:24px;min-width:64px;padding:4px 10px 0 10px;text-align:center;font-weight:bold;letter-spacing:-1px;border-radius:3px;cursor:pointer;} .tbl_top {position: relative; margin-bottom: 5px !important;} .tbl_top .total {background: url(../images/icon/bullet01.png) left center no-repeat; padding-left: 10px;} .tbl_top .total .red, .tbl_top .total #rowCount {color: #10a0f7 !important; background:none} .tbl_top select {position: absolute; top:0; right:0; width:inherit;min-width:110px;} .tbl_top select {padding-right:26px; height: 28px; width:110px !important;} .tbl_top {height:33px !important} .tbl_top button, .tbl_top .btn_area button { position: absolute; top: 1px; right: 120px; width: 120px; height: 28px !important; line-height: 28px; text-align: center; font-weight: bold; color:#fff; background:#10a0f7; letter-spacing: -1px; font-size:14px; margin-right:0px !important } .tbl_view {border-top:1px solid #333; border-bottom:1px solid #cdd2d6;} .tbl_view table th {background: #f9f9fa; color: #2b2b2b; font-weight: 600; padding:10px 0 10px 30px; text-align:left; border-top:1px solid #e8e8ea; vertical-align:middle} .tbl_view table td {padding:5px 10px 5px 10px; border-left:1px solid #cdd2d6; border-top:1px solid #e8e8ea;border-right: 1px solid #cdd2d6;} .tbl_view table td:last-child {border-right:0} .tbl_view table tr:first-child th, .tbl_view table tr:first-child td {border-top:0;} .tbl_view.btn_right {position:relative; padding-right: 135px; border-top:0;border-bottom:0;background:#ebedf3} .tbl_view.btn_right table th {background:url(../images/icon/bullet03.png) 15px 20px no-repeat #ebedf3; border:1px solid #c8cede; border-width:0 0 1px 0; padding-left: 22px;} .tbl_view.btn_right table td {background: #ebedf3; border:1px solid #c8cede; border-width:0 0 1px 0} .tbl_view.type02 table td {padding:8px 15px;} .tbl_view .radio_group span {font-size:14px!important;} .tbl_view.btn_right table tr:last-child th, .tbl_view.btn_right table tr:last-child td {border:0;} .tbl_view.btn_right table td input, .tbl_view.btn_right table td select {border:1px solid #ced2d7;} .tbl_view table th label{margin-left:0px !important} /* /*Popup 동아팝업css*/ .dimmed{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;z-index:100;background:url(../images/common/bg_dimmed.png) repeat left top;} .pop_wrap{position:relative;margin:60px auto 0 auto;text-align:left;background-color:#fff;overflow:hidden;z-index:2000;} .pop_wrap .head{height:32px;padding:10px 20px 0 20px; color:#fff;font-weight:bold;font-size:18px;background-color:#ee3939;} .pop_wrap .content{padding:28px;} .pop_wrap .content table thead th{padding:12px 10px;font-weight:bold;} table thead th{font-size:13px; border-left:1px solid #b6c2cb;} .pop_wrap .content table th, .pop_wrap .content table table td{font-size:12px;} .pop_wrap .content table tbody td table th, .pop_wrap .content table tbody td table td{padding:11px 10px 10px 10px;} .pop_wrap .scroll{height:420px;overflow-x:none;overflow-y:scroll;} .pop_wrap .btn_closed{position:absolute;top:12px;right:15px;} */ /*calendar****/ table td.fc-widget-header{padding:0px} table td.fc-widget-content{padding:0px} table tbody.fc-body tr:hover{background:inherit} .table_row table tbody.fc-body tr:hover td{background:inherit !important} /* buttons */ .btn_wrap { margin-top: 20px;} .btn_wrap > a {display:inline-block;font-size:14px !important;margin-right:10px;border-radius:22px; vertical-align:middle} .btn_wrap > a:last-child {margin-right:0} .tbl_basic td a em { width:75px; border-radius: 3px; padding: 3px 0; text-align: center; font-size:13px;} .tbl_basic td a em.type01 {display:inline-block; border:1px solid #f5427c; color: #f5427c;} .tbl_basic td a em.type02 {display:inline-block; border:1px solid #10a0f7; color: #10a0f7;} .tbl_basic td a em.type03 {display:inline-block; border:1px solid #8f64e7; color: #8f64e7;} .tbl_basic td a em.type04 {display:inline-block; border:1px solid #ffa626; color: #ffa626;} .tbl_basic td a em.type05 {display:inline-block; border:1px solid #01998a; color: #01998a;} .tbl_basic td a em.type06 {display:inline-block; border:1px solid #858e97; color: #858e97;} .tbl_basic td a em {height:26px !important;padding:0 !important;line-height:26px !important} .tbl_basic td a em.type07 {display:inline-block; border:1px solid #092533; color: #092533;} .tbl_basic td a em.green {display:inline-block; border:1px solid #01c0b9; color: #fff;background:#01c0b9} .tbl_basic td a em.blue {display:inline-block; border:1px solid #10a0f7; color: #fff;background:#10a0f7} .tbl_basic td a em.pink {display:inline-block; border:1px solid #f5427c; color: #fff;background:#f5427c} .tbl_basic td a em.gray {display:inline-block; border:1px solid #9ea0ac; color: #fff;background:#9ea0ac} .tbl_basic td a em.red {display:inline-block; border:1px solid #f54d40; color: #fff;background:#f54d40} .btn1 {display:inline-block; width:70px; height:26px; line-height: 26px; text-align:center; font-weight:600; letter-spacing:-1px;} .btn2 {display:inline-block; width:120px; height:40px; line-height: 40px; text-align:center; font-weight:600; letter-spacing:-1px;} .btn2.type01 {font-size: 16px;} .btn2.type01 {font-size: 16px;} .btn3 {display:inline-block; width:110px;margin:0 auto; height:80%; line-height: 80%; text-align:center; font-weight:600; letter-spacing:-1px;background:#103677 !important} .btn3 > span {background: url(../images/common/srch_bu.png) right center no-repeat;padding-right:25px;} .btn3.type02 {position: absolute; top:10% !important; right:15px;} .btn4 {display:inline-block; width:100%; height:40px; line-height: 40px; text-align:center; font-weight:600; letter-spacing:-1px; color:#fff;} .btn4 span {display:inline-block; background: url(../images/icon/icon_find.png) right center no-repeat; padding-right: 30px;height:40px;line-height:40px;vertical-align:top} .inner.chk_inp label{display:inline-block} .form_box .chk_inp input[type=checkbox]{vertical-align:baseline} .form_box .chk_inp label{margin-right:10px;} div.tbl_basic table.tbl_view{border:0px !important} .file_img{position:relative;height:25px;padding:0 140px 0 0;} .file_img .inpTxt{height:25px;line-height:25px;} .file_img .bt_file{position:absolute;top:0;right:55px;width:80px;height:28px;overflow:hidden;cursor:pointer;z-index:100;background:url(../images/btn/btn_profile_upload_file2.gif) no-repeat left top;} .file_img .bt_file input{position:absolute;top:0;right:0;height:28px;opacity:0; filter:alpha(opacity=0);cursor:pointer;} .file_img2{position:relative;height:25px;padding:0 26px 0 0;} .file_img2 .inpTxt{height:23px;} .file_img2 .bt_file{position:absolute;top:0;right:0;width:26px;height:25px;overflow:hidden;cursor:pointer;z-index:100;background:url(../images/btn/btn_profile_upload_file.gif) no-repeat left top;} .file_img2 .bt_file input{position:absolute;top:0;right:0;height:25px;opacity:0; filter:alpha(opacity=0);cursor:pointer;} .tbl_top h4.bullet_title {float:left;font-weight:bold;color:#2b2b2b;font-size:20px;background: url(../images/icon/bullet01.png) left center no-repeat;padding-left:10px} .tabs_gray .tabs_cont{display:none;position:relative;height:auto;border-top:1px solid #b6c2cb;overflow:hidden;} .tabs_gray .tabs_cont.opened{display:block;} .t_file_list li:last-child{ margin-bottom:15px;} .t_file_list.mb0 li:last-child{ margin-bottom:0px;} input[type=submit]{border:0px} .ui-widget-content button{padding:2px 5px; border-radius:2px} .left_app_down{width:100%; text-align:center; } .left_app_down a{font-size:12px !important} .result_list .list .fc-view-container table { width: 100%; border: 1px solid #ced2d7; background: #fff; table-layout: fixed; } .result_list .list .fc-view-container table tr td table { width: 100%; border: 0px solid #ced2d7; background: #fff; table-layout: fixed; } .result_list .list .fc-view-container table th, .result_list .list .fc-view-container table td { font-size: 12px; border: 0px solid #ced2d7; vertical-align: middle; text-align: center; } .result_list .list .fc-view-container table td a { color:#000;} .result_list .list .fc-view-container table tr th { background: #f9f9fb; color: #000; font-weight: bold; padding:0 0px; font-size: 12px; line-height:14px;height: 44px;} .result_list .list .fc-view-container table thead tr th.emphasis { color: #e85e5e; background: #fff2f2; } .result_list .list .fc-view-container table tr td .esp_word {width:90%;margin:0 auto;} .result_list .list .fc-view-container table tr th { box-sizing: border-box; } .result_list .list .fc-view-container table tr td {word-wrap: break-word;font-size: 12px; color: #666; border-bottom:1px solid #ced2d7; line-height: 12px; min-width: 40px; padding:0px 0; box-sizing: border-box; } .result_list.scroll_y .fc-view-container .fixed_table { z-index: 9; } .result_list.scroll_y .list .fc-view-container table thead tr th, .result_list.scroll_y .list .fc-view-container table thead tr td { box-sizing: border-box; } .result_list.scroll_y .list .fc-view-container table thead tr th { height:44px; border-right:1px solid #ced2d7} .result_list.scroll_y .list .fc-view-container table th.check, .result_list.scroll_y .list .fc-view-container table td.check { min-width: 40px; font-size: 12px; } .result_list.scroll_y .list .fc-view-container table tr.fc-minor, .result_list.scroll_y .list .fc-view-container table tr.fc-minor td{height:0px !important} .result_list.scroll_y .list .fc-view-container table tr td.fc-axis, .result_list.scroll_y .list .fc-view-container table tr th.fc-axis{width:60px !important;} .result_list .list .fc-view-container .fc-content-skeleton table { width: 100%; border: 0px solid #ced2d7; background:none !important; table-layout: fixed; } .result_list .list .fc-view-container .fc-content-skeleton .fc-time-grid-event{background:none !important; } .result_list .list .fc-view-container .fc-content-skeleton .fc-event-container a.fc-event {height:41px !important} .result_list .list .fc-view-container .fc-content-skeleton .fc-event-container a.fc-event:last-child {height:54px !important} .result_list .list .fc-view-container .fc-content-skeleton .fc-event-container .fc-event .fc-content{height:100%; border-left:1px solid #ced2d7;} .result_list .list .fc-view-container .fc-content-skeleton .fc-event-container .fc-event .fc-bg{height:100%; opacity:0; display:none} .result_list .list .fc-view-container .fc-content-skeleton .fc-event-container a.fc-event label input[type=checkbox]{margin-top:15px !important} .result_list .list .fc-view-container .fc-content-skeleton .fc-event-container a.fc-event:last-child label input[type=checkbox]{margin-top:25px !important} .fc-view-container table tr td.fc-axis, .fc-view-container table tr th.fc-axis{width:60px !important; text-align:center} .fc-view-container table tr th.fc-day-header{padding:8px 10px; font-size:14px !important; font-weight:bold} .stats_box .box.on{border-color:#f5427c;} .ellipsis {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; }