@charset "utf-8";
@import url(./fonts.css);

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Open Sans', 'Noto Sans SC', 'Nanum Gothic', dotum, sans-serif; width:100%; margin:0 auto; letter-spacing:-0.5px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Open Sans', 'Noto Sans SC', 'Nanum Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul{margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd{margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'Open Sans', 'Noto Sans SC', 'Nanum Gothic', dotum, sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family: 'Open Sans', 'Noto Sans SC', 'Nanum Gothic', dotum, sans-serif; margin:0; padding:0; margin-block-start: 0px;
margin-block-end: 0px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000; text-decoration:none;}
ul, ol {padding:0; margin:0}
ol, ul, li {list-style: outside none none; padding:0; margin:0}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 5px #9ed4ff;-moz-box-shadow:  0 0 5px #9ed4ff;box-shadow: 0 0 5px #9ed4ff;border: 1px solid #558ab7 !important;}
table {font-size:13px}

input[readonly="readonly"], input[readonly] {background: #eee;}


nav { background: #4165bc; overflow: hidden; }
nav ul { margin: 0 0 2em; }
nav ul li { float: left; }
nav ul li.more { width: 80px; text-align: center; display: none; }
nav ul li.more:hover ul#overflow { opacity: 1; visibility: visible; }
nav ul li a, nav ul li span {display: block; background: #4165bc; color: #fff; text-decoration: none; cursor: pointer;}
nav ul li a:hover, nav ul li span:hover { background: #4165bc; }
nav #overflow { opacity: 0; visibility: hidden; position: absolute; text-align: left; max-width: 280px; width: 100%; background: #4165bc;}
nav #overflow li { float: left; margin: 5px; padding-right:0px; width:80px;}
nav #overflow li a { background: #4165bc; white-space: nowrap;}
nav #overflow li a:hover { background: #4165bc; }


/*상단*/
#hd_bg {height:90px; width:100%; position:fixed;  z-index:1; background:#4165bc;}
#hd_top {height:90px; background:#4165bc; width:1880px;  z-index:1; margin:0 auto}
.hd_logo {float:left; line-height:90px; width:200px; padding:0 0 0 20px}
.hd_menu ul li {float:left; padding:15px 20px 0 0; color:#fff; font-size:13px; text-align:center;line-height:15px; width:100px}
.hd_menu ul li:last-child {}
.hd_setting {width:170px; background:#345196; height:90px; position: absolute;margin: 0 0 0 1710px; padding:0 0 0 20px; line-height:90px}
.hd_setting ul li {float:left; line-height:; padding:0px; text-align:left; font-size:13px; padding:0 0 0 20px}
.hd_setting ul li a { color:#fff}
.schedule {height:280px; padding:40px 20px 0; background:#f2f2f2}
.menu_left {float:left;}
.menu_left i {font-size:33px; line-height:90px; color:#fff; padding:0 20px 0 0}
.menu_right {float:left;}
.menu_right i {font-size:33px; line-height:90px; color:#fff; padding:0 0 0 20px}
.hd_menu i {font-size:33px; line-height:33px; }

#container {width:1880px; margin:0 auto}

/*main_SCHEDULE*/
.sc_tit {font-size:20px; color:#232323; font-weight:300}
.schedule_wrap{padding:15px 0; margin-top:10px; border-top:2px solid #333;}
.schedule_mm {float:left; width:200px; height:135px; background:#43b134;}
.schedule_mm:after {display:block; content:"";clear:both;}
.schedule_mm h3 {background:url('/images/main/calendar_01.png') no-repeat 15px center; padding-left:65px; height:40px; line-height:40px; font-size:13px; color:#fff; font-weight:300; border-bottom:1px solid #69c15d;}
.schedule_mm a {margin:40px 15px 0 15px; float:left; display:block;}
.schedule_mm span {text-align:center; font-size:13px; color:#fff; font-weight:300; display:block; float:left; width:120px; margin-top:15px; letter-spacing:0;}
.schedule_mm span strong {font-size:32px; font-weight:300; display:block; line-height:32px; margin-top:5px;}



/*main_board*/
#board_cont {height:80px; background:#f2f2f2; padding:10px 20px 0 20px; clear:both;}
.board_box {position:relative; width:615px; height:180px; background:#fff; padding:20px 30px; float:left;}
.board_box h3 {font-size:20px; font-weight:300; color:#123b89;}
.board_box .more {position:absolute;right:0;top:0;}
.board_box ul {overflow: hidden; clear: both;}
.board_box ul {overflow:hidden;clear:both;}
.board_box ul .first a {font-size:21px;color:#000;line-height:30px;display:block;max-height:60px;overflow:hidden;}
.board_box ul .first span {font-size:15px;color:#999;display:inline-block;padding-left:20px;background:url('/images/main/board_ti.png') no-repeat left 0.3em;line-height:22px;}
.board_box ul .calList {position:relative;border-bottom:1px solid #d9d9d9;padding-top:5px;margin-top:5px;overflow:hidden;}
.board_box ul .calList span.date {display:inline-block;font-size:18px;color:#123b89;font-weight:500;width:50px;line-height:40px;float:left;}
.board_box ul .calList a {display:inline-block;float:left;font-size:15px;line-height:40px;color:#777;width:320px;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_box ul .calList a .etc {display:block;color:#999}
.proimg_box {position:relative; width:915px; height:180px; background:#fff; float:left;}

/*footer*/
#footer {background:#666666; height:20px; font-size:13px; color:#aaa; font-weight:300; text-align:center; clear:both; width:100%; position: fixed; bottom:0; z-index:999999}

/*메인 상단 팝업*/
#main_pop {background:url('/images/main/main_popbg.png') repeat; height:1300px; clear:both}
.alarm_pop {height:325px; width:480px; background:#fff;  border:1px solid #ddd; border-radius:5px}
.alarm_pop .tit_box {height:50px; background:#123b89; border:1px solid #123b89; border-radius:5px 5px 0 0; padding:15px 20px 0 20px}
.alarm_pop .tit_box ul li {float:left; color:#fff}
.alarm_pop .tit_box ul li a {color:#fff}
.alarm_pop .tit_box ul li:first-child {font-size:13px; font-weight:300;  padding:0 115px 0 0}
.alarm_pop .tit_box ul li:nth-child(2n) {font-size:18px; line-height:19px; text-align:center}
.alarm_pop .tit_box ul li:last-child {float:right}
.alarm_nc ul{}
.alarm_nc ul li{height:53px; line-height:53px; border-top:1px solid #dbdbdb; margin:0 20px} 
.alarm_nc ul li:first-child{border-top:none; padding-top:0;} 
.alarm_nc ul li:after {display:block; content:"";clear:both;}
.alarm_nc ul li div{float:left;}
.alarm_nc ul li div.n_mark{width:20px; }
.alarm_nc ul li div.n_subject{width:380px; padding-right:4px; text-align:left; color:#333;font-size:15px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.alarm_nc ul li div.n_subject a{color:#333;}
.alarm_nc ul li div.n_date{width:75px; text-align:center; color:#707070; font-size:13px;}
.alarm_nc ul li.on div{background:#ed6d00; color:#fff;}
.alarm_nc ul li.on div a{color:#fff;}
.myinfo_pop {height:340px; width:280px; background:#f7f7f7; border:1px solid #ddd; border-radius:5px}
.myinfo_pop .info_section01 {padding:20px; height:288px;}
.myinfo_pop .info_section01 img {float:left; padding:0 20px 0 0}
.myinfo_pop .info_section01 ul {float:left}
.myinfo_pop .info_section01 ul li:first-child {font-size:18px; font-weight:500; margin-bottom:20px; color:#000}
.myinfo_pop .info_section01 ul li {font-size:15px; margin-bottom:10px; color:#444}
.myinfo_pop .info_section02 {height:50px; background:#123b89; border:1px solid #123b89; border-radius:0 0 5px 5px; padding:11px 20px 0 20px}
.myinfo_pop .info_section02 ul li {float:left; font-size:13px}
.myinfo_pop .info_section02 ul li {color:#fff}
.myinfo_pop .info_section02 ul li a {color:#fff}
.myinfo_pop .info_section02 ul li:nth-child(2n) {padding:0 15px 0 10px}
.myinfo_pop .info_section02 ul li select {width:155px}
.myinfo_pop .info_section02 ul li:nth-child(3n) {padding:0 5px 0 5px}
.myinfo_pop .info_section02 ul li:nth-child(4n) {padding:0 5px 0 0}
.myinfo_pop .info_section02 ul li:nth-child(5n) {padding:0}
.pass_pop {height:240px; width:480px; background:#f7f7f7;  border:1px solid #ddd; border-radius:5px}
.pass_pop .tit_box {height:50px; background:#123b89; border:1px solid #123b89; border-radius:5px 5px 0 0; padding:14px 20px 0 20px}
.pass_pop .tit_box {overflow: hidden; position: relative; text-align: center;}
.pass_pop .tit_box ul li {float: left;overflow: hidden;position: relative; color:#fff}
.pass_pop .tit_box ul li:first-child {font-size: 18px; line-height:18px; padding:0 145px 0 168px}
.pass_b01 {padding:0 30px; margin-top:25px}
.pass_b02 {padding:0 30px; margin-top:5px}
.pass_input .input_t {width:100px; float:left; font-size:15px; line-height:35px; font-weight:300}
.pass_input input {width:315px; height:35px; margin-bottom:5px; padding:0 5px}
.pass_btn {overflow: hidden; position: relative; text-align: center; margin-top:15px}
.pass_btn ul {display: inline-block;}
.pass_btn ul li {float: left; padding: 0 5px; font-size: 15px; border-left: none; overflow: hidden;position: relative; margin: 1px 1px;}
.pass_btn ul li:first-child {padding:5px 30px; color:#fff; background:#43b134; margin:0 10px 0 0}
.pass_btn ul li:last-child {padding:5px 30px; color:#fff; background:#6f809a}

.sett_pop {height:250px; width:200px; background:#f7f7f7;  border:1px solid #ddd; border-radius:5px}
.sett_pop .tit_box {height:50px; background:#123b89; border:1px solid #123b89; border-radius:5px 5px 0 0; padding:14px 20px 0 20px}
.sett_pop .tit_box {overflow: hidden; position: relative; text-align: center;}
.sett_pop .tit_box ul li {float: left;overflow: hidden;position: relative; color:#fff; font-size:25px; line-height:25px; padding:0 5px 0 0}
.sett_pop .tit_box ul li:last-child {padding:0}





/*로그인페이지*/
#wlogin_cont {padding:0}
#wlogin_cont h3 {font-size:30px; color:#1f4787; text-align:center; margin-bottom:30px}
.wlogin_box {width:700px; height:640px; border:1px solid #ddd; background:#fafafa; margin:0 auto; padding:75px 140px 0}
.wlogin_box p {font-size:16px; font-weight:300; margin-bottom:10px; letter-spacing:-1px}
.m_input {width:420px; height:39px; margin-bottom:10px;}
.wlogin_box ul li {float:left; padding:0 15px 0 0}
.wlogin_box ul li:last-child {padding:0}
.wlogin_box ul li select {width:201px; border:1px solid #ddd; padding:10px}
.login_checkbox {margin-top:10px; clear:both; font-size:13px; line-height:16px; color:#1f4787}
.login_btn {width:418px; background:#1f4787; color:#fff; text-align:center; padding:15px 0; margin-top:50px; font-size:16px}


/*설계*/
.plan_smenu .plan_mtit {font-size:17px; color:#777; border-bottom:1px solid #ccc; padding:10px 20px}
.plan_smenu h3 {font-size:16px; color:#345196; font-weight:400; padding:20px 20px 0;}
.plan_smenu ul {padding:10px 0px 20px 24px; border-bottom:1px solid #ccc}
.plan_smenu ul li a {font-size:13px; color:#555555; }
.h3_p {border-bottom:1px solid #ccc; padding:20px; font-size:16px; color:#345196; font-weight:400;}
.h3_p p {padding:0 0 5px 0}

#sch_frm {background:#FFFFFF;}
.psection02_01 {width:1420px; float:left; background:#FFFFFF;}
.psection02_0101 {float:left; padding:0  0 0 8px}
.psection02_01 ul {width:1420px; height:30px; padding:0 10px; clear:both}
.psection02_01 ul li:first-child {float:left}
.psection02_01 ul li:last-child {float:right}
.sh_box {background:#6f809a;}
.sh_tit {float:left; font-size:13px; color:#fff; font-weight:500; line-height:30px; }
.sh_btn a {float:right; font-size:13px; color:#fff; line-height:30px; }
.sh_btn img {padding:0 0 0 5px}
.sh_box02 {background:#e9ebf9; height:30px; padding:0 10px; border:1px solid #ccc}
.sh_tit02 {float:left; font-size:15px; color:#5075c3; font-weight:300; margin-top:4px}
.sh_btn02 a {float:right; font-size:20px; color:#666;}
.sh_btn02 img {padding:0 0 0 5px}
.sh_bm i {float:left; color:#fff; font-size:13px; line-height:30px}
.sh_box03 {background:#6f809a; width:216px; height:30px; padding:0 10px}
.sh_tit03 {float:left; font-size:13px; color:#fff; font-weight:400;  line-height:30px}
.sh_btn03 a {float:right; font-size:17px; color:#fff; padding:5px 0 0 0}

.toggle_tbl {display:block;}
.toggle_tbl_p {display:block;}

.plan_table01 {float:left;  border-top: 1px solid #e6e6e6; border:1px solid #ccc; border-top:0} 
.plan_table01 th {border-bottom: 1px solid #e6e6e6;background: #f6f6f6;padding:2px 10px ;width: 120px;text-align: left; font-weight:400; font-size:13px}
.plan_table01 td {font-size:13px; padding:3px 10px; border-bottom: 1px solid #e6e6e6; height:30px} 
.reset_btn {float:right; padding:8px; margin:20px 0 30px 0; background:#6f809a; border-radius:3px}
.reset_btn a {color:#fff}
.fillter_box01 {border:1px solid #ccc; border-top:0; height:200px; background:#f6f6f6; padding:10px 10px; margin-bottom:10px}
.fillter_box01 ul li {padding:0 0 10px 0; font-size:13px; color:#555}
.fillter_box01 span {float:right}
.fixed_section {width:1646px; clear:both; margin-top:0px ; height:20px}

.fixed_table tr:hover{background-color: #3c8dbc; color:#fff;}
.fixed_table tr:hover a{background-color: #3c8dbc; color:#00ff00;}

.fixed_table th {background:#6f809a; padding:5px 15px; text-align:left; color:#fff; font-size:13px; font-weight:400}
.fixed_table th {border-right:1px solid #8791a7}
.fixed_table th:last-child {border-right:0}
.fixed_table td {padding:5px 15px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:30px}
.fixed_table td:first-child {border-left:1px solid #ccc}

.fix_tbg {background:#f3f3f3}

.fixed_bt07 {float:right; margin-top:-1px}
.fixed_bt07 i {color:#fff; font-size:13px}
.det_info {width:1026px; clear:both; border-top:2px solid #ddd; padding:50px 0 0 0}

.deinfo_btn {height:35px; float:left}
.deinfo_btn ul li {float:left}
.deinfo_btn ul li:first-child a {font-size:13px; color:#4165bc}
.deinfo_btn ul li i {font-size:15px; padding:15px 0 0 5px; color:#4165bc}

.deinfo_btn01 { padding:8px 12px; background:#4165bc; color:#fff; border:0; margin:0 5px 0 0; border-radius:3px;}
.deinfo_btn02 { padding:8px 12px; background:#4165bc; color:#fff; border:0; border-radius:3px}
.deinfo_btn03 { padding:8px 12px; background:#3e4f79; color:#fff; border:0; border-radius:3px; margin:0 5px 0 0;}
.deinfo_btn04 { padding:8px 12px; background:#3e4f79; color:#fff; border:0; border-radius:3px; margin:0 5px 0 0;}

.detinfo_section01 {/*width:520px; */float:left}
.detinfo_section02 {width:350px; float:right; background:#aaa; height:350px;}
.detinfo_set {clear:both}

.clear10 {height:10px; clear:both}
.clear20_bt {height:20px; clear:both; border-top:1px solid #ccc}
.clear20_bb {height:20px; clear:both; border-bottom:1px solid #ccc}
.clear20 {height:20px; clear:both}
.clear30 {height:30px; clear:both}
.clear40 {height:40px; clear:both}
.clear50 {height:50px; clear:both}

#plan_section02_pop {display:none;}

.plan_section01 {float:left; width:214px;; border-right:1px solid #cccccc; border-left:1px solid #cccccc; background:#fff; position:fixed}
.plan_section02 {float:left; width:1666px;}

.plan_det select {margin:0 10px 0 0}
.det_t01 {float:right; font-size:13px;  background: #3e4f79;border-radius: 3px;padding: 0 10px; height:29px;}
.det_t01 span {line-height:26px}
.det_t01 a {color:#fff}
.det_t01 a i {font-size:13px}
.det_t01 img {padding:0 0 0 5px; margin-top:-2px}
.detinfo_check li {float:left; padding:0 15px 0 0}
.detinfo_eco li {float:left; padding:0 15px 0 0}
.detinfo_eco li:first-child {font-size:13px; line-height:15px}
.detinfo_eco li img {margin-top:-1px}
.detinfo_eco01 {float:left;}
.detinfo_eco01 li {float:left; padding:0px; font-size:13px}

.detinfo_eco02 {float:right;}
.detinfo_eco02 li {float:left; padding:0 0 0 15px; font-size:13px}
.detinfo_eco02 li img {margin-top:-1px}
.sh_btn a i {font-size:20px; vertical-align: middle;}

.hd_menu ul li a  {color:#fff;}

.link_poptit{width:100%; background:#123b89; padding:10px; color:#FFFFFF; margin-bottom:10px; display:block;}

.tit_box_close {float: right; padding-bottom: 20px;right: 0; position: relative; top: -30px;}
.tit_box_close01 {float: right; padding-bottom: 20px; right: 0; position: absolute; top: -30px;}
.tit_box_close02 {width:100%; text-align:right; padding-bottom: 20px;}


#pay_cont {height:225px; padding:20px 0; clear:both}
.pay_section01 {background:#ddd; height:135px; width:395px; float:left; padding:8px; border:1px solid #fff}
.pay_section01 ul li {float:left; margin:0 8px 0 0}
.pay_section01 ul li:last-child {margin:0}
.pay_box {height:175px; width:395px; margin:0 27px 0 0; float:left}
.pay_tit {font-size: 17px; font-weight: 700; color: #333;margin-bottom:5px;}
.pay_tit a {float:right; color:#123b89; font-size:13px; position:relative; bottom:-3px}
.pay_first {background:#37b36d; width:120px; height:118px; padding:8px 10px; font-size:13px; color:#fff; font-weight:300; line-height:19px;}
.pay_center {background:#578bfb; width:120px; height:118px; padding:8px 10px; font-size:13px; color:#fff; font-weight:300; line-height:19px}
.pay_last {background:#f57877; width:120px; height:118px; padding:8px 10px; font-size:13px; color:#fff; font-weight:300; line-height:19px}

/*main_bottom_board*/
#b_cont { background:#f3f3f3; padding:0 20px; clear:both; height:800px;}
.b_box {position:relative; width:915px; height:245px; float:left; border:1px solid #000; padding:10px}
.b_box ul {overflow: hidden; clear: both;}
.b_box ul {overflow:hidden;clear:both;}
.b_box ul .first a {font-size:21px;color:#000;line-height:30px;display:block;max-height:60px;overflow:hidden;}
.b_box ul .first span {font-size:15px;color:#999;display:inline-block;padding-left:20px;background:url('/images/main/board_ti.png') no-repeat left 0.3em;line-height:22px;}
.b_box ul .calList {position:relative;border-top:1px solid #d9d9d9;padding-top:15px;margin-top:15px;overflow:hidden;}
.b_box ul .calList span.date {display:inline-block;font-size:18px;color:#123b89;font-weight:500;width:50px;line-height:40px;float:left;}
.b_box ul .calList a {display:inline-block;float:left;font-size:15px;line-height:20px;color:#777;width:320px;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.b_box ul .calList a .etc {display:block;color:#999}

.b_box table {border-collapse: collapse;width: 100%;}
.b_box table th {border: 1px solid #dddddd;text-align: center;background:#c5c5c5; height:32px; padding:0 8px}
.b_box table td {border: 1px solid #dddddd;text-align: left;height:32px; padding:0 8px}
.b_box table tr:nth-child(even) {background-color: #fff;}
.b_box table tr:hover {background-color: #3c8dbc;color:#fff; } 
.b_box1 {width:180px;text-align:center;}
.b_box2 {width:180px;padding-left:10px;}
.b_box3 {width:70px;padding-left:10px;}
.b_box4 {padding-left:10px;text-align:center;}
.b_box5 {width:70px;text-align:center;}




.top_title_msg {background:#43b134;text-align:center;color:#fff;padding:10px 0;font-size:13px;}

.mt20 {clear:both; margin:20px 0 0 0}

.cabtn_con02 {height:55px;float:right;}
.cabtn_con02 ul li {float:left;}
.cabtn_con02 ul li a {background:#666; margin:0 3px 0 0;  padding:10px 15px; border-radius:3px; color:#fff}
.cabtn_con02 ul li:last-child {float:right;}

.cabtn_con01 {height:55px;float:left}
.cabtn_con01 ul li {float:left;}
.cabtn_con01 ul li a {background:#666; margin:0 3px 0 0;  padding:10px 15px; border-radius:3px; color:#fff}

.cabtn_con03 {height:55px;}
.cabtn_con03 ul {width:100px; margin:0 auto; background:yellow;}
.cabtn_con03 ul li {float:left;}
.cabtn_con03 ul li a {background:#666; margin:0 3px 0 0;  padding:10px 15px; border-radius:3px; color:#fff}
.cabtn_con03 ul li:last-child {float:right;}



.cabtn_con {height:55px; background:#fff; width:1666px; padding:10px; border-top:1px solid #ccc; clear:both; border-right:1px solid #ccc}
.cabtn_con ul li {float:left; margin:10px 5px 0 0; }
.cabtn_con ul li a {background:#3e4f79; margin:0 3px 0 0;  padding:8px 15px; border-radius:3px; color:#fff}
.cabtn_con ul li:last-child {float:right; margin:10px 0 0 0}

.cabtn_con_mypage {height:0px; background:#fff; width:1666px; padding:0px; border-top:0px; clear:both; border-right:1px solid #ccc}

.pay_pop {width:721px; height:890px; border:1px solid #ccc;  border-radius:5px; background: #f1f1f1; box-shadow: 0 0 9px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.1)  ; }
.pay_pop_tit {background:#123b89; padding:10px 15px; color:#fff; border-radius:5px 5px 0 0;}
.pay_pop_tit i {float:right; font-size:13px; padding:2px 0 0 0}
.pay_pop h3  {font-size:13px; color:#123b89; line-height:30px}
.pay_pop_sec01 {width:270px; float:left; padding:0px 0 20px 20px}
.orza_box {width:230px; height:440px; border:1px solid #ddd; background:#fff; padding:20px}
.orza_box h2 {font-size:13px; font-weight:500; margin:0 0 10px 0}
.orza_box ul {margin:0 0 10px 0}
.orza_box ul li {margin:0 10px 0 15px; font-size:13px; color:#444; line-height:20px}
.pay_pop_sec01 input {}
.orza_box p {color:#123b89; font-size:13px}
.orza_box i {color:#123b89}
.pay_pop_sec02 {width:30px; float:left; padding:20px; font-size:20px; text-align:center; padding:175px 0 0 0}
.pay_pop_sec03 {width:200px; float:left; padding:0 0 0 20px}

.paysec03_box {width:160px; height:440px; border:1px solid #ddd; background:#fff; padding:20px}
.paysec03_box {border:1px solid #ddd}
.paysec03_box_con {height:75px; border:1px solid #ddd;}
.paysec03_box_con02 {height:75px; border:1px solid #ddd;}
.paysec03_box_con03 {height:75px; border:1px solid #ddd;}
.paysec03_box_con p {background:#123b89; padding:4px 6px 0; color:#fff}
.paysec03_box_con02 p {background:#37b36d; padding:4px 6px 0; color:#fff}
.paysec03_box_con03 p {background:#578bfb; padding:4px 6px 0; color:#fff}
.paysec03_box_con02 ul li {padding:5px}
.paysec03_box_con03 ul li {padding:5px}
.paysec03_box_con ul li {padding:5px}
.pay_pop_sec03 i {text-align:center; width:118px; padding:10px 0}

.pay_pop_sec04 {width:200px; float:left;}
.paysec04_box {width:200px; height:440px; border:1px solid #ddd; background:#fff; padding:20px}
.paysec04_box ul {border:1px solid #ddd; padding:5px 10px; height:80px}
.paysec04_box ul li {padding:0 0 3px 0}
.paysec04_box ul li:after{display:block;clear:both;content:"";}

.paysec04_box h2 {font-size:13px; line-height:30px}

.paysec04_box ul li i {float:right; font-size:13px;}

.paysec04_box input {float:left}
.paysec_btn {float:right; background:#123b89; border:0; color:#fff; padding:1px 10px; margin:5px 0 0 0}

.pay_pop_sec05 {width:720px; border-top:1px solid #ccc;  clear:both;}
.pay_pop_sec05_01 {float:left; width:720px; padding:10px 20px 10px; height: 195px; border-bottom:1px solid #ccc; margin-bottom:7px}
.pay_pop_sec05_01 .fix_tbg {background:#fff}
.pay_pop_sec05_02 {float:left; width:720px; padding:0 20px}
.pay_pop_sec05_03 {float:left; width:1100px; height:680px; padding:0 10px; border:0px; overflow-y:scroll;}
.pay_0502btn {text-align:center; margin-top:0px}

.paysec_btn02 {background:#123b89; border:0; color:#fff; padding:6px 30px;border-radius: 3px; }
.paysec_btn03 {background:#333; border:0; color:#fff; padding:6px 30px; border-radius: 3px;}
.paysec_btn04 {background:#8791a7; border:0; color:#fff; padding:6px 30px; border-radius: 3px;}
.paysec_btn05 {background:#4165bc; border:0; color:#fff; padding:6px 30px; border-radius: 3px; height:30px; padding-top:0px; margin-right:40px; line-height:30px; }



.fixed_table_scroll {width:100%;}
.fixed_table_scroll thead {width:1029px;float:left;}
.fixed_table_scroll tr{width:1033px;}
.fixed_table_scroll tr:hover{background-color: #3c8dbc; color:#fff;}
.fixed_table_scroll tr:hover a{background-color: #3c8dbc; color:#00ff00;}

.fixed_table_scroll thead th{background:#6f809a; padding:5px 15px; text-align:left; color:#fff; font-size:13px; font-weight:400; border-right:1px solid #8791a7}
.fixed_table_scroll thead th:last-child {border-right:0}
.fixed_table_scroll tbody{overflow-y:auto; overflow-x:hidden; float:left; width:1043px; height:170px}

.fixed_table_scroll tbody td{ padding:5px 15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; height:30px}
.fixed_table_scroll tbody td:last-child {border-right:0}

/*마이페이지*/
.mypage_section01 {float:left; width:1666px; padding:10px; border-bottom:1px solid #ccc; border-top:0; border-right:1px solid #ccc; height: 100%;}



.mypage_section02 {float:left; width:1666px;  padding:10px 10px 0}

.mypage_section02 h3 {padding:5px 0; font-size:15px; font-weight:400;}
.mypage_smenu .mypage_mtit {font-size:17px; color:#777; border-bottom:1px solid #ccc; padding:10px 20px}
.mypage_smenu h3 {font-size:16px; color:#345196; font-weight:400; padding:20px 20px 0;}
.mypage_smenu ul {padding:10px 0px 20px 24px; border-bottom:1px solid #ccc}
.mypage_smenu ul li a {font-size:13px; color:#555555; }
.h3_p {border-bottom:1px solid #ccc; padding:20px; font-size:16px; color:#345196; font-weight:400;}
.h3_p p {padding:0 0 5px 0}

.mypage_progress_section03 h3 {margin-bottom:5px; font-size:15px; padding:10px 0 0 10px }
.mypage_progress_section02 h3 {margin-bottom:5px; font-size:15px}
.mypage_progress_section02 {float:left; width: 1046px}
.mypage_progress_section03 {float:left; width: 1046px; padding:10px; border:1px solid #000}
.mypage_progress_section04 {float:left; width: 266px; padding:10px 0 0 10px}
.mypage_progress_section05 {float:left; width:1667px; padding:10px 10px 50px 10px; border:1px solid #ccc;  margin:0 0 0 -1px}

.mypage_progress_box_con {height:100px; border:1px solid #ddd; width:221px; float:left}
.mypage_progress_box_con p {background:#4165bc; padding:4px 6px 0; color:#fff;}
.mypage_progress_box_con ul li {padding:5px}
.mypage_progress_box_con02 {height:100px; border:1px solid #ddd; width:221px; float:left}
.mypage_progress_box_con02 p {background:#123b89; padding:4px 6px 0; color:#fff;}
.mypage_progress_box_con02 ul li {padding:5px}
.mypage_progress_box_con03 {height:100px; border:1px solid #ddd; width:221px; float:left}
.mypage_progress_box_con03 p {background:#8791a7; padding:4px 6px 0; color:#fff;}
.mypage_progress_box_con03 ul li {padding:5px}
.pro_box_i {padding:40px 21.5px 0; float:left}
.bro_1line { clear:both ; height:1px; border-bottom:1px solid #ccc; width:1026px; float:left}
.progress_warp {width:1046px; float:left}
.ch_list {width:264px; height:264px; border:1px solid #ccc; padding:10px; margin-top:5px}
.ch_list p {font-size:13px}
.ch_list ul {padding:0 0 5px 9px}
.ch_list ul li {font-size:13px; color:#333; padding:0 0 3px 0}
.ch_list ul li span {padding:0 0 0 9px}
.att_file {width:236px; height:200px; border:1px solid #ccc; padding:10px; margin-top:5px}

#wrapper {padding-top:90px}
#wrapper_main {padding-top:30px}

#sub_cont_m214 {width:1666px; margin:0 0 0 214px; border-right:1px solid #ccc; border-top:0}
textarea {border:1px solid #ccc}

/*left_menu*/
#gnb {position: fixed;max-width: 214px;height: 100%;padding-top: 50px;z-index: 1;}
.gnb_bg {position: absolute;top: 0;background: #fff;height: 100%;width: 214px;padding:0px; border-left: 1px solid #ddd; border-right:1px solid #ccc}
.gnb_tit {padding:10px 20px; font-size:14px; color:#666;}
.gnb_tit i {padding:0 3px 0 0}
.gnb_list {padding:10px 20px}
.gnb_list .on {color:#000; font-weight:300}
.gnb_list h3 {font-weight:300; font-size:15px; color: #345196; padding:0 0 10px 0;}
.gnb_list ul {padding:0 0 20px 0}
.gnb_list ul li {padding:0 0 0px 0; font-size:13px}
.gnb_list ul li a {color:#555}
.gnb_list ul li a:hover {color:#4165bc; font-weight:700}

/*sub_page 공통*/
.sub_right_section {width:1666px; padding:20px 10px; height:1000px}
.sub_tit {font-size:18px; height:43px; border-bottom:1px solid #ddd;  padding:10px; background:#f0f0f0;}

.detinfo_eco02 a:hover {color:#4165bc; font-weight:bold;}

/*user_setting*/
.orza_section {width:290px; height:570px; background:#fff; margin-bottom:10px; float:left; border-right:1px solid #efefef}
.orza_section h3 {font-size:15px; font-weight:300; margin-bottom:10px}
.orza_con {width:270px; height:540px; background:#f7f7f7; padding:20px}
.orza_section h2 {font-size:13px; font-weight:500; margin:0 0 10px 0}
.orza_section ul {margin:0 0 10px 0}
.orza_section ul li {margin:0 10px 0 15px; font-size:13px; color:#444; line-height:20px}
.orza_section p {color:#123b89; font-size:13px}
.user_group {float:left; width:736px; padding:0 20px}
.user_group h3 {font-size:15px; font-weight:300; margin-bottom:10px}
.user_group_menu ul {margin-bottom:10px; height:35px;}
.user_group_menu ul li {float:left; background:#4165bc; height:35px;  line-height:35px; padding:0 10px; border-right:1px solid #ddd}
.user_group_menu ul li:last-child {border-right:0}
.user_group_menu ul li a {color:#fff}
.user_group_con {width:736px; background:#f7f7f7; height:495px; clear:both;}
.user_group_left {width:496px; float:left; padding:20px 30px; height:420px; }
.user_group_left table th {width:50px; text-align:left; padding:7px 0}
.user_group_right {width:190px; float:right; text-align:center; padding:20px 30px 0 0 ; height:420px; margin-bottom:15px}
.user_group_right ul {margin-bottom:20px}
.user_group_right a {line-height:30px; color:#4165bc; text-decoration:underline}
.user_group_bt {width:736px; height:60px; background:#ededed; clear:both; padding:15px 30px}
.ug_bt01 {padding:8px 10px; width:110px; color:#fff; background:#43b134; margin:0 10px 0 0; text-align:center; border-radius:3px; float:left;}
.ug_bt_r {width:300px; float:right}
.ug_bt02 {padding:8px 10px; width:70px; color:#fff; background:#666; margin:0 5px 0 0; text-align:center; border-radius:3px; float:left}
.ug_bt03 {padding:8px 10px; width:70px; color:#fff; background:#f57877; margin:0 5px 0 0; text-align:center; border-radius:3px; float:left}
.ug_bt04 {padding:8px 10px; width:70px; color:#fff; background:#3e4f79; margin:0 5px 0 0; text-align:center; border-radius:3px; float:left}
.ug_bt05 {padding:8px 10px; width:70px; color:#fff; background:#6f809a; margin:0 5px 0 0; text-align:center; border-radius:3px; float:left}

/*adm_setting*/

.module {width:290px; height:570px; background:#fff; margin-bottom:10px; float:left; border-right:1px solid #efefef}
.module h3 {font-size:15px; font-weight:300; margin-bottom:10px}
.module_con {width:270px; height:540px; border:1px solid #efefef; padding:20px; background:#fafafa}
.module_con ul li {padding:0 0 5px 0; font-size:13px}
.module h2 {font-size:13px; font-weight:500; margin:0 0 10px 0}
.adm_group {width:350px; height:570px; background:#fff; margin-bottom:10px; float:left; border-right:1px solid #efefef; padding:0 20px; font-size:13px; }
.group_set {height:165px;}
.group_set h3 {font-size:15px; font-weight:300; margin-bottom:10px}
.group_pm {float:right}
.group_pm a {float:left; padding:0 0 0 5px}
.group_set_box {height:120px; border:1px solid #ddd; clear:both; padding:10px}
.group_set_box ul {float:left}
.group_bt {background:#4165bc; padding:5px 10px; color:#fff;}
.group_bt02 {background:#666; padding:5px 10px; color:#fff; margin:15px 0 0 0}
.adm_save {float:left; width:400px; padding:0 0 0 20px; font-size:13px}
.adm_save_bt {float:right; background:#6f809a; color:#fff; padding:3px 15px; border:0; border-radius: 3px; margin-bottom:7px}
.adm_save table {border: 1px solid #ddd; background:#f7f7f7; padding:20px; color:#555;}
.adm_save table th {text-align:left; padding:14px 0; width:150px}
.adm_save table td {text-align:center}


.hd_menu ul li a:hover {color:#000}



#clock_01 {width:300px; height:180px; float:left; margin:0px; background:#f3f3f3 }
#clock_02 {width:300px; height:180px; float:left; margin:0 0 0 10px; background:#fff }

.approval_tit {width:1046px; height:30px; background:#fff; line-height:30px; color:#000; font-size:15px; text-align:center; font-weight:300; clear: both;}
.approval_set01 {width:770px; float:left; height:310px; border-right:1px solid #ccc; padding:10px 0 0 0}
.approval_set02 {width:274px; float:Left; height:200px}

.sh_box02 td {width:403px}

.detinfo_eco {font-size:13px}


.sh_section01 {padding:10px; background:#FFFFFF;}

.search_btns {background:#FFFFFF; padding:10px; height:60px; border-bottom:0; clear: both;}

.sh_section02 {padding:10px; border-top:1px solid #ccc; border-bottom:0}

.psection02_01 input, select {padding:3px 0}

#link_plus_pop {


}

.pop_body {padding:1px 1px 30px 1px}
.pop_buttons {background:#e6e6e6; padding:10px; border-bottom:1px solid #c5c5c5; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}	
.pop_buttons td {padding:5px 15px;}
.pop_buttons1 td a {padding:5px 0px;}
.pop_body {padding:1px 1px 30px 1px}

#link_plus_pop{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:250%;
	z-index:9999;
	background:url("../images/sub/op_80_black.png");
}
#link_plus_pop .sh_section01 {width:1065px; margin:0px auto;}
#link_plus_pop .search_btns {width:1065px; margin:0 auto;}

.line_g {width:1666px; border-top:1px solid #ccc; height:1px ;position: absolute; margin-left: -10px;}
.line_g2 {width:769px; border-top:1px solid #ccc; height:1px ;position: absolute; margin-left: -10px;}

/* Search Condition */
.search_btn {float:right; padding:8px; margin:10px 0 20px 0; border-radius:3px; height:45px;}
.search_btn ul li {float:right;}
.search_btn ul li a {border-radius:3px; color:#fff}

/* Info Module */
.search_section {padding:10px; background:#FFFFFF; border-bottom:1px solid #ccc;}
.object {background:#FFFFFF; border-bottom:1px solid #ccc; clear: both; width:1664px;}
.object_info {padding: 0px 10px; clear:both;}
.object_info_box {padding: 5px 0px;}
.object_info_link {color: #0080ff; text-decoration: underline;}

.obj_menubar01 {height:55px;float:left; margin:5px;}
.obj_menubar01 ul li {float:left;}
.obj_menubar01 ul li a {background:#666; margin:0 3px 0 0;  padding:10px 15px; border-radius:3px; color:#fff}
.obj_menubar02 {height:55px;float:right; margin:5px;}
.obj_menubar02 ul li {float:left;}
.obj_menubar02 ul li a {background:#666; margin:0 3px 0 0;  padding:10px 15px; border-radius:3px; color:#fff}
.obj_menubar02 ul li:last-child {float:right;}
.obj_menubar03 {width:1050px; height:45px;float:left; margin:5px; border-bottom:2px solid #ccc;}
.obj_menubar03 ul li {float:left;}
.obj_menubar03 ul li a {background:#666; margin:0 3px 0 0;  padding:10px 15px; border-radius:3px; color:#fff}

/* Field Info */
.mandatory  {color:#f57877; font-weight:bold;}

/* File Info */
.fileModule1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 15px 20px;
	cursor:pointer;
	line-height:15px;
	height:25px;
	margin:0 10px 10px 0;
	display: inline-block;
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #888;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 2px 0 0 #e8e8e8;
	-webkit-box-shadow: 0 2px 0 0 #e8e8e8;
	box-shadow: 0 2px 0 0 #e8e8e8;
	padding: 6px 10px 4px 10px;
	color: #ffffff;
	background: #4165bc;
	border: none;
	-moz-box-shadow: 0 2px 0 0 #13648d;
	-webkit-box-shadow: 0 2px 0 0 #13648d;
	box-shadow: 0 2px 0 0 #13648d;
	vertical-align: middle;
}

.fileModule1:hover {
	background: #4165bc;
	-moz-box-shadow: 0 2px 0 0 #15719f;
	-webkit-box-shadow: 0 2px 0 0 #15719f;
	box-shadow: 0 2px 0 0 #15719f;
}

.fileModule2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 15px 20px;
	line-height:15px;
	height:25px;
	margin:0 10px 10px 0;
	display: inline-block;
	background: #fff;
	border: 1px solid #e8e8e8;
	color: #888;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 2px 0 0 #e8e8e8;
	-webkit-box-shadow: 0 2px 0 0 #e8e8e8;
	box-shadow: 0 2px 0 0 #e8e8e8;
	padding: 6px 10px 4px 10px;
	color: #ffffff;
	background: #4165bc;
	border: none;
	-moz-box-shadow: 0 2px 0 0 #13648d;
	-webkit-box-shadow: 0 2px 0 0 #13648d;
	box-shadow: 0 2px 0 0 #13648d;
	vertical-align: middle;
}

/* Wolrd Timer */
.worldTimer {
	background:  #DCDCDC;
	color:  #0d0d0d;
    padding-top: 5px;
	height : 63px;
	width : 1840px;
	float:left;
}
.date {
	margin-left: 30px;
    float:left;
}
.ymd {
    font-size: 30pt;
    font-weight: 300;
}
.dow {
	font-size: 13pt;
}
.time {
    margin-left: 50px;
    float:left;
    height : 25px;
}
.time a {color:#800040; text-decoration:none;}
.region {
	font-size: 13pt;
}
.hms {
    font-size: 30pt;
    font-weight: 300;
    margin-left: 10px;
}

/* Link Object */
.detinfo_link {font-size:13px}
.detinfo_link li {float:left; padding:0 15px 0 0}
.detinfo_link li:first-child {font-size:13px; line-height:15px}
.detinfo_link li img {margin-top:-1px}
.detinfo_link01 {float:left;}
.detinfo_link01 li {float:left; padding:0px; font-size:13px}

.detinfo_link02 {float:right;}
.detinfo_link02 li {float:left; padding:0 0 0 15px; font-size:13px}
.detinfo_link02 li img {margin-top:-1px}
.detinfo_link02 a:hover {color:#4165bc; font-weight:bold;}

/* Popup Page */
.objInfo_section01 {float:left; width:1083px; padding:10px; border-bottom:1px solid #ccc; border-top:0; border-right:1px solid #ccc; height: 100%; background: #ffffff;}
.objSelect_section01 {float:left; width:1110px; padding:10px; border-bottom:1px solid #ccc; border-top:0; border-right:1px solid #ccc; height: 100%; background: #ffffff;}
.singleSelect-dl {display:none;}
.multiSelect-dg {float:left; width:744px;}
.multiSelect-dl {float:right; width:290px; display:block;}

/* DataGrid */
.datagrid-header {background-color: #6f7f99;}
.datagrid-header .datagrid-htable{color:#ffffff;}

/* Work Calendar*/
.calendar-holiday {color:#ff0000; font-weight:bold;}

/* Authority */
.authority {width:1666px; height:670px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.authority h3 {font-size:15px; font-weight:300; margin-bottom:10px;}
.authority1 {float:left; width:240px; height:650px; margin-left:10px; margin-top:20px;}
.authority2 {float:left; width:390px; height:650px; margin-left:10px; margin-top:20px;}
.authorityObject {width:810px; height:640px;}
.authorityObject h3 {font-size:15px; font-weight:300; margin-bottom:10px;}
.authorityObject1 {float:left; width:390px; height:620px; margin-left:10px; margin-top:20px;}