.header_wrap {width: 100%; min-width:1200px;}
.header_top_wrap {width: 100%; min-width:1200px; height: 40px; background: #3f465c;}
.header_top {width: 1200px; margin: 0 auto;}
.header_top_menu {float: left;}
.header_top_menu li {width: 300px; float: left; background: #4c5674; border-right: 1px solid #53596d;}
.header_top_menu li:first-child {border-right: 0;}
.header_top_menu li.on {background: #fff;}
.header_top_menu li.on a {color:#40444d; border-right: 0;}
.header_top_menu li a img {vertical-align: middle; margin-right: 5px;}
.header_top_menu li a {display: block; width: 299px; border-right: 1px solid #252a39;line-height: 40px; text-align: center; font-family: nanumB; font-size: 13px; color:#fff;}
.login_info_wrap {float: right; margin-top: 7px;}
.login_info_wrap li {float: left; font-size: 13px; color:#bbdbf5; border-left: 1px solid #64666b; border-right: 1px solid #272b38; padding-right: 10px; padding-left: 10px;line-height: 25px;}
.login_info_wrap li:first-child {border-left: 0;}
.login_info_wrap li.fcw {color:#fff; border-right: 0;}
.login_info_wrap li.logout {border-left: 0; border-right: 0;}
.login_info_wrap li.logout a {display: inline-block; width: 83px; height: 25px; background: url(/images/logout_bg.png) 0 0 no-repeat ;line-height: 25px; font-family: nanumB; text-align: center;}
#header {width: 1200px; height: 90px; margin: 0 auto; position: relative;}
#header:after {display: block; content: ''; clear: both;}
#header h1 {padding-top: 25px; width: 218px; float: left;}
#gnb {float: right; height: 90px; padding-right: 185px;}
#gnb li {float: left;}
#gnb li a {display: block; padding: 0 25px; box-sizing:border-box; font-size: 17px; font-family: nanumB; color:#40444d; line-height: 90px;}
#gnb li a:hover {color:#e7314a;}
.login_level {position: absolute; right: 0; top: 25px; display: inline-block; width: 164px; height: 38px; background: url(/images/login_level.jpg) 0 0 no-repeat;  text-align: center;}
.login_level a{display: block; line-height: 38px; color:#40444d; font-size: 17px; font-family: nanumB;}
.login_level a:hover {color:#e7314a;}

#container {width: 100%; min-width:1200px;}
#container:after {display: block; content: ''; clear: both;}
.container01_wrap {background: #f4f6f9;}
.container01 {width: 1200px; margin: 0 auto;}
.conbox {float: left; width: 300px; height: 450px; padding-top: 55px; box-sizing:border-box; color:#fff; text-align: center;}
.conbox h3 {padding-bottom: 5px; font-size: 25px; font-family: nanumB;}
.conbox img {padding: 15px 0;}
.conbox_menu {margin: 5px 46px 0;}
.conbox_menu li {width: 210px; height: 40px; margin-bottom: 7px; background: url(/images/conbox_menu_off.png) 0 0 no-repeat;}
.conbox_menu li:hover {background: url(/images/conbox_menu_on.png) 0 0 no-repeat;}
.conbox_menu li:hover a {color:#373737;}
.conbox_menu li a {display: block; font-size: 15px; font-family: nanumB; color:#fff; line-height: 40px;}
.conbox01 {background: #61a7e4;}
.conbox02 {background: #31ccce;}
.conbox03 {background: #ffb44a;}
.conbox04 {background: #f17082;}
.container02_wrap {background: #dfe1e5;}
.container02 {width: 1200px; margin: 0 auto; padding: 15px 0;}
.conbox2 {position: relative; float: left; margin-left: 5px; width: 296px; height: 278px; padding: 20px; box-sizing:border-box; background: #fff; border: 1px solid #d3d3d3;}
.conbox2:first-child {margin-left: 0;}
.conbox2 h3 {font-size: 18px; font-family: nanumB; color:#363636;}
.more_btn {display: block; width: 30px; height: 30px; position: absolute; top: 20px; right: 20px;}
.conbox2 div.img_notice {margin: 20px 0 10px; height: 75px; letter-spacing: -0.5px;}
.conbox2 div.img_notice img {float: left; width: 110px; height: 75px; margin-right: 9px;}
.conbox2 div.img_notice .conbox_tit {float: left; width: 135px; height: 35px; text-overflow:ellipsis; white-space:normal; overflow: hidden;}
.conbox2 div.img_notice .conbox_tit a {display: block; color:#252525; font-size: 15px; line-height: 1.2em;}
.conbox2 .img_notice > p {float: left; width: 135px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-size: 13px; color:#898989;}
.conbox2 div.img_notice .date {float: left; display: block; width: 135px; font-size: 13px; color:#898989;}
.conbox_list {border-top: 1px solid #e4e6e9; padding-top: 10px; margin-top: 15px;}
.conbox_list li {height: 23px; letter-spacing: -0.5px; padding: 0 0 0 12px; background: url(/images/conbox_list_dot.png) 0 center no-repeat;}
.conbox_list li:after {display: block; content: ''; clear: both;}
.conbox_list li a {display: inline-block; width: 170px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-size: 13px; line-height: 1.8em; color:#898989;}
.conbox_list li span.date {font-size: 13px; color:#898989; float: right;}
.conbox_tit2 {display: block; margin-top: 20px; width: 100%; height: 35px; text-overflow:ellipsis; white-space:normal; overflow: hidden;}
.conbox_tit2 a {color:#252525; font-size: 15px; line-height: 1.2em;}
.conbox2 div {margin-top: 5px; width: 100%; height: 20px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;font-size: 13px; color:#898989;}
.conbox2 div p {width: 100%; width: 100%; height: 20px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.conbox2 div p strong {width: 100%;}
.conbox2 .date {display: block; text-align: right; font-size: 13px; color:#898989;}

#footer {width: 100%; min-width:1200px; height: 80px; background: #f4f6f9;}
.footer {width: 1200px; margin: 100px auto 0 auto;}
.footer h2 {float: left; margin-top: 22px;}
.footer_con {float: left; margin-top: 22px; padding-left: 10px; margin-left: 40px; border-left: 1px solid #dfe1e5; font-size: 13px; color:#898989;}

/* sub page */
.ui-datepicker td span, .ui-datepicker td a {
    width: auto !important;
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker-trigger {margin-left: 3px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {text-align: center;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 40% !important; vertical-align: top;}
.ui-datepicker select.ui-datepicker-month {margin-left: 5px !important;}

#subcontainer {width: 100%; min-width:1200px;}
.subcontainer {width: 1200px; margin: 0 auto;}
.subcontainer:after {display: block; content: ''; clear: both;}
.sub_path {height: 33px; border-top: 1px solid #d6dee4; border-bottom: 1px solid #d6dee4; background: #fafcfd;}
.path {width: 1200px; margin: 0 auto;}
.path ul {float: right;}
.path ul li {color:#636363; float: left; background: url(/images/sub/path_li_bg.jpg) 90% center no-repeat; padding-right: 15px; line-height: 33px; font-size: 13px;}
.path ul li img {padding-top: 12px;}
.path ul li.on {font-family: nanumB; color:#363636; background: none; padding-right: 0;}
#left {float: left; width: 200px;}
#left h2 {width: 100%; height: 103px; background: url(/images/sub/h2_bg.jpg) 0 0 no-repeat; text-align: center; line-height: 103px; color:#fff; font-family: nanumB; font-size: 28px;}
#left h2.regi {background: url(/images/sub/h2_bg2.jpg) 0 0 no-repeat;}
#left h2.edu {background: url(/images/sub/h2_bg3.jpg) 0 0 no-repeat;}
#left h2.my {background: url(/images/sub/h2_bg4.jpg) 0 0 no-repeat;}
#left h2.pro {background: url(/images/sub/h2_bg5.jpg) 0 0 no-repeat;}
#left h2.active {background: url(/images/sub/h2_bg6.jpg) 0 0 no-repeat;}
#left h2.report {background: url(/images/sub/h2_bg7.jpg) 0 0 no-repeat;}
#left h2.board {background: url(/images/sub/h2_bg8.jpg) 0 0 no-repeat;}
#left h2.manage {background: url(/images/sub/h2_bg9.jpg) 0 0 no-repeat;}

.left_menu {}
.left_menu > li {border-bottom: 1px solid #c5c7ce;}
.left_menu > li:hover > a {background: url(/images/sub/left_menu_dot_on.jpg) 0 20px no-repeat; color:#0072f2;}
.left_menu > li.on > a {background: url(/images/sub/left_menu_dot_on.jpg) 0 20px no-repeat; color:#0072f2;}
.left_menu > li > a {display: block; padding: 12px 0 12px 10px; box-sizing:border-box; background: url(/images/sub/left_menu_dot.jpg) 0 20px no-repeat; font-size: 14px; font-family: nanumB;}
.left_menu > li ul.sub_left_menu {padding-bottom: 10px;}
.left_menu > li ul.sub_left_menu > li {height: 28px;}
.left_menu > li ul.sub_left_menu > li.on a {background: url(/images/sub/sub_left_bg_on.png) 12px center no-repeat; color:#0072f2;}
.left_menu > li ul.sub_left_menu > li:hover a {background: url(/images/sub/sub_left_bg_on.png) 12px center no-repeat; color:#0072f2;}
.left_menu > li ul.sub_left_menu > li > a {display: block; background: url(/images/sub/sub_left_bg.png) 12px center no-repeat; padding-left: 25px; line-height: 28px; color:#898989; font-family: nanumB; box-sizing:border-box;}

#right {float: right; width: 960px; padding-bottom: 70px;}
.right_contop {height: 103px; position: relative;}
.right_contop h3 {font-size: 28px; font-family: nanumB; line-height: 103px;}
.contop_btn_wrap {position: absolute; right: 0; top: 37px;}
.contop_btn_wrap li {float: left;}
.contop_btn_wrap li a {display: inline-block; font-size: 13px; color:#fff; font-family: nanumB; height: 32px; line-height: 32px;}
.contop_btn_wrap li a.print_btn {width: 83px; padding-left: 13px; box-sizing:border-box; background: url(/images/sub/print_btn.png) 0 0 no-repeat;}
.contop_btn_wrap li a.print_btn img {padding-top: 6px; margin-right: 2px;}
.contop_btn_wrap li a.save_btn {width: 103px; margin-left: 5px; padding-left: 13px; box-sizing:border-box; background: url(/images/sub/save_btn.png) 0 0 no-repeat;}
.contop_btn_wrap li a.save_btn img {padding-top: 6px; margin-right: 3px;}
.contop_btn_wrap li a.code_regi {width: 130px; height: 32px; line-height: 32px; font-size: 15px; text-align: center;  background: url(/images/sub/btn_bg_pink2.png) 0 0 no-repeat;}
.sub_search_wrap {width: 100%; float: left;}

.right_con {float: left; width: 100%; position: relative;}
.right_con h4 {padding: 10px 0 10px 17px; background: url(/images/sub/h4_bg.png) 0 center no-repeat; font-size: 17px; font-family: nanumB; color:#315eba;}
.table_top {display: block; padding-bottom: 15px; font-family: nanumB;}
.table_top.right {text-align: right; position: absolute; top: 15px; right: 0;}
.table_top.left {position: absolute; top: 10px; left: 0;}
.common_table {border-top: 2px solid #3f465c;}
.common_table.bt_gray {border-top: 1px solid #d6dce0;}
.common_table th {vertical-align: middle; border: 1px solid #d6dce0; background: #f5f9fc; padding: 10px 7px; font-family: nanumB; line-height: 1.2em; text-align: center;}
.common_table th.tal {text-align: left; padding-left: 20px;}
.common_table td {vertical-align: middle; border: 1px solid #d6dce0; padding: 10px 7px; line-height: 1.5em;}
.common_table td.tac {text-align: center;}
.common_table b.red {font-family: nanumB; color:#ff0000;}
.common_table td input {vertical-align: middle;}
.common_table td.bl0 {border-left: 0;}
.common_table td.br0 {border-right: 0;}

span.red {font-family: nanumB; color:#f45e6c; font-size: 13px;}
span.red a {font-family: nanumB; color:#f45e6c; font-size: 13px;}
span.green {font-family: nanumB; color:#00955f; font-size: 13px;}
span.blue {font-family: nanumB; color:#0072f2; font-size: 13px;}
span.fzs {font-family: nanum; font-size: 12px;}

.search_table_wrap {border: 1px solid #d6dce0; border-top: 2px solid #3f465c; /* padding: 10px 0; */}
.search_table {}
.search_table th {font-family: nanumB; background: #f5f9fc; padding: 12px; box-sizing:border-box; vertical-align: top;}
.search_table td {padding: 12px; box-sizing:border-box;}
.search_table td select {vertical-align: top;}

.input {height: 26px; border: 1px solid #aab5bc; line-height: 26px; padding-left: 10px; box-sizing:border-box;}
.input.mt5 {margin-top: 5px;}
.input.short {width: 75px;}
.input.short2 {width: 145px;}
.input.short3 {width: 110px;}
.input.short4 {width: 50px;}
.input.short5 {width: 65px;}
.input.short6 {width: 85px;}
.input.middle {width: 220px;}
.input.middle3 {width: 250px;}
.input.middle2 {width: 50%;}
.input.long {width: 90%;}
.common_table select {width: 150px;} 

a.zip_btn {vertical-align: top; display: inline-block; width: 102px; height: 26px; background: url(/images/sub/zip_bg.png) 0 0 no-repeat; text-align: center; line-height: 26px; color:#fff; font-family: nanumB; 
font-size: 13px;}
a.zip_btn2 {vertical-align: top; display: inline-block; width: 120px; height: 26px; background: url(/images/sub/zip_bg2.png) 0 0 no-repeat; text-align: center; line-height: 26px; color:#fff; font-family: nanumB; 
font-size: 13px;}
a.add_btn {display: inline-block; width: 47px; height: 26px; background: url(/images/sub/add_btn.png) 0 0 no-repeat; line-height: 26px; text-align: center; color:#fff; font-family: nanumB; vertical-align: top;}
a.add_btn.bg {width: 52px; background: url(/images/sub/add_btn2.png) 0 0 no-repeat;}

.common_table.td_tac td {text-align: center;}
.common_table.td_tac td.bl0 {border-left: 0;}
.common_table.td_tac td.br0 {border-right: 0;}

a.view_link {text-decoration: underline;}
a.view_link_board:hover {text-decoration: underline;}
a.table_btn {display: inline-block; vertical-align: middle; width: 47px; height: 26px;	background: url(/images/sub/add_btn.png) 0 0 no-repeat; line-height: 26px; text-align: center; color:#fff; font-family: nanumB;}
a.table_btn2 {width: 75px; background: url(/images/sub/add_btn2.png) 0 0 no-repeat;}

.agree_wrap {}
.agree {width: 100%; background: #f5f9fc; border-top: 2px solid #3f465c; padding: 20px 40px 30px; box-sizing:border-box;}
.agree .tit {display: block; text-align: center; font-family: nanumB; font-size: 17px;}
.agree p {padding-top: 20px; font-size: 13px;}
.agree p b {font-family: nanumB; font-size: 14px;}
.agree_chk_tit {display: block; padding: 30px 0 10px; font-family: nanumB; text-align: center;}
.agree_chk_wrap {text-align: center;}

#btn_bottom ul li {position:absolute;}
#btn_bottom ul li.leftbtn {left:0;} 
#btn_bottom ul li.rightbtn {right:0;} 

.btn_wrap {text-align: center; padding: 30px 0 60px;}
.btn_wrap a {display: inline-block; margin: 0 3px; width: 167px; height: 42px; background: url(/images/sub/btn_bg_gray.png) 0 0 no-repeat; font-size: 15px; font-family: nanumB; color:#fff; text-align: center; line-height: 42px;}
.btn_wrap a.bg {background: url(/images/sub/btn_bg_pink.png) 0 0 no-repeat;}
.btn_wrap a.bg2 {background: url(/images/sub/btn_bg_blue2.png) 0 0 no-repeat;}
.btn_wrap a.bg3 {background: url(/images/sub/btn_bg_gray2.png) 0 0 no-repeat;}
.btn_wrap a.bg4 {width:83px; height:32px; background: url(/images/sub/print_btn.png) 0 0 no-repeat; line-height:32px;}

.btn_wrap.left {text-align: left; padding: 20px 0 30px; position:absolute;}
.btn_wrap.left .btn01 a {display: inline-block; width: 130px; height: 32px; line-height: 32px; background: url(/images/sub/btn_bg_gray2.png) 0 0 no-repeat; background-size:cover;}
.btn_wrap.left .btn02 a {display: inline-block; width: 65px; height: 32px; line-height: 32px; background: url(/images/sub/btn_bg_blue3.png) 0 0 no-repeat; background-size:cover; }
.btn_wrap.left a.bg {background: url(/images/sub/btn_bg_pink2.png) 0 0 no-repeat;}

.btn_wrap.right {text-align: right; padding: 20px 0 30px;}
.btn_wrap.right a {display: inline-block; width: 130px; height: 32px; line-height: 32px; background: url(/images/sub/btn_bg_small.png) 0 0 no-repeat;}
.btn_wrap.right a.bg {background: url(/images/sub/btn_bg_pink2.png) 0 0 no-repeat;}

.btn_wrap.right.center {text-align: center; padding: 10px 0 30px;}

.btn_wrap.right.bottom {text-align: right; padding: 20px 0 0;}
.btn_wrap a.comment_btn {width: 102px; height: 26px;  line-height: 26px; background: url(/images/sub/comment_bg.png) 0 0 no-repeat;}

.view_tabmenu {padding: 30px 0;}
.view_tabmenu li {float: left; margin-left: 5px; width: 314px; height: 50px; background: #fafcfe; border: 1px solid #d6dce0;}
.view_tabmenu li:first-child {margin-left: 0;}
.view_tabmenu li.on {background: #3056a2; border: 1px solid #3056a2;}
.view_tabmenu li.on a {color:#fff;}
.view_tabmenu li a {display: block; text-align: center; font-size: 15px; line-height: 50px; font-family: nanumB; color:#3056a2;}

.view_tabmenu_1 {padding: 30px 0;}
.view_tabmenu_1 li {float: left; margin-left: 5px; width: 314px; height: 50px; background: #fafcfe; border: 1px solid #d6dce0;}
.view_tabmenu_1 li:first-child {margin-left: 0;}
.view_tabmenu_1 li.on {background: #3056a2; border: 1px solid #3056a2;}
.view_tabmenu_1 li.on a {color:#fff;}
.view_tabmenu_1 li a {display: block; text-align: center; font-size: 15px; line-height: 50px; font-family: nanumB; color:#3056a2;}

.view_tabcon {position: relative;}
.view_tabcon li {}
.view_tabcon li a {}


/* paging */
.paging {width: 100%; padding: 50px 0;}
.paging:after {display: block; content: ''; clear: both;}
.paging {text-align: center;}
.paging a {display: inline-block; width: 30px; height: 30px; line-height: 30px; margin:2px; text-align: center; border: 1px solid #e9eff7; background: #ffffff; vertical-align: middle;}
.paging a.num {background: #fff; font-size: 13px; color:#555; font-family: nanumB;}
.paging a.on {border: 1px solid #576070; background: #576070; color:#fff;}
.paging a.prev {margin-right: 10px;}
.paging a.next {margin-left: 10px;}

/* popup */
#black_bg {display: none; width: 100%; height: 100%; background: url(../images/sub/black_bg.png) 0 0 repeat; position: absolute; top: 0; left: 0;}
#popup_layer {display: none; width: 630px; background: #fff; border: 1px solid #fff; position: absolute; top: 30%; left: 50%; margin-left: -200px;}
#popup_layer h1 {height: 40px; padding: 0 20px; box-sizing:border-box; line-height: 40px; font-family: nanumB; font-size: 17px; color:#fff; background: #2378c6;}
#popup_layer h2 {padding-left: 20px; padding-bottom: 10px; background: url(../images/sub/popup_h2_bg.jpg) 0 8px no-repeat; font-family: nanumB; font-size: 17px;}
.popup_contop {padding: 20px; box-sizing:border-box; font-family: nanumB;}
.popup_contop p {font-family: nanum; padding-top: 20px;}
.popup_con {padding: 0 20px 0 20px; box-sizing:border-box;}
.popup_con ul {background: #f5f9fc; padding: 15px 0;}
.popup_con ul li {float: left; width: 50%; text-align: center; font-size: 17px; font-family: nanumB; line-height: 2em;}
.popup_con ul li span.red {font-size: 17px;}
.popup_con .alert {background: #f5f9fc; padding: 15px 20px; font-family: nanumB; font-size: 15px; text-align: center; line-height: 2em;}
.popup_con .alert a {color:#f45e6c; font-size: 15px;}
.popup_con .alert a:hover {text-decoration: underline;}
.arrow_wrap {width: 100%; height: 55px; background: url(../images/sub/popup_arrow_bg.jpg) center 10px no-repeat;}
#popup_layer .btn_wrap {padding: 30px 0;}

#popup_layer_s {display: none; width: 420px; background: #fff; border: 1px solid #f4f4f4; position: absolute; top: 30%; left: 50%; margin-left: -100px;}
#popup_layer_s.pop_width_600 {width:600px; margin-left:-200px;}
#popup_layer_s h1 {height: 40px; padding: 0 20px; box-sizing:border-box; line-height: 40px; font-family: nanumB; font-size: 17px; color:#fff; background: #2378c6;}
#popup_layer_s h2 {padding-left: 20px; padding-bottom: 10px; background: url(/images/sub/popup_h2_bg.jpg) 0 8px no-repeat; font-family: nanumB; font-size: 17px;}
#popup_layer_s .popup_contop {padding: 20px; box-sizing:border-box; font-family: nanumB;}
#popup_layer_s .popup_contop p {font-family: nanum; padding-top: 20px;}
#popup_layer_s .popup_con {padding: 0 20px 0 20px; box-sizing:border-box;}
#popup_layer_s .btn_wrap {padding: 30px 0;}

#popup_layer.popup_top {top: 60%;}

#popup_regi {width: 1000px; padding: 20px; box-sizing:border-box; overflow-x: hidden;}
#popup_regi #popup_layer {left: 50%; top: 30%; margin-left: -315px;}
#popup_regi #popup_layer_s {left: 50%; top: 30%; margin-left: -210px;}

/* board */
.board_search_wrap {width: 100%; padding: 15px 0; background: #f5f9fc; border: 1px solid #d1d8dd; text-align: center;}
.board_search_wrap input {vertical-align: top;}
.board_search_wrap a {vertical-align: top;}
span.notice {display: inline-block; width: 47px; height: 26px; margin-right: 5px; font-family: nanumB; font-size: 13px; color:#fff; line-height: 26px; background: url(/images/sub/notice_bg.png) 0 0 no-repeat; text-align: center;}
span.new {display: inline-block; width: 47px; height: 26px; margin-right: 5px; font-family: nanumB; font-size: 13px; color:#fff; line-height: 26px; background: url(/images/sub/new_bg.png) 0 0 no-repeat; text-align: center;}

#bCont {width: 90%;}
#cComment {width: 90%;}
#eduContent {width: 90%;}
#freeContent {width: 90%;}
#workContent {width: 90%;}
#actContent {width: 90%;}
#prContent {width: 90%;}
#contents {width: 90%;}
.view_con {padding: 20px 0; min-height:150px;}
.comment_wrap {padding: 30px 0 60px;}
.comment_tit {display: block; padding-bottom: 10px; font-family: nanumB; font-size: 17px; color:#315eba;}
.comment_ul {width: 100%; padding: 20px; box-sizing:border-box; background: #f4fbff; border-top: 1px solid #3f465c; border-bottom: 1px solid #d6dce0;}
.comment_ul li {padding: 3px 0;}
.comment_name {display: inline-block; color:#3056a2; margin-right: 50px; font-family: nanumB;}
.delete_btn {display: inline-block; margin-left: 5px; vertical-align: top; width: 16px; height: 25px; text-align: center; line-height: 25px; color:#fff !important; font-family: nanumB; background: #f45e6c;}

.report_btn {display: inline-block; width: 47px; height: 26px; text-align: center; line-height: 26px;}
.report_btn.btn02 {background: url(/images/sub/report_btn_bg.jpg) 0 0 no-repeat; color:#fff; font-family: nanumB;}
.report_popup {width: 960px; margin: 0 auto;}
.report_popup #right {float:none;}
#popup_layer.report_popup {width: 960px; padding: 30px 20px; top: 30%; left: 50%; margin-left: -400px;}
#popup_layer_s.report_popup {width: 960px; padding: 30px 20px; top: 10%; left: 50%; margin-left: -400px;}
#popup_layer .right_con {position: relative;}
#popup_layer2 {display: none; background: #fff; width: 960px; padding: 30px 20px; position: absolute; top: 30%; left: 50%; margin-left: -400px;}
#popup_layer2 #popup_layer_s {width: 300px; left: 50%; margin-left: -150px;}
#popup_layer2 #popup_layer_s p {padding: 50px 0 20px; text-align: center; font-family: nanumB;}

.common_table.fzsmall {}
/* .common_table.fzsmall tfoot th {font-size: 12px;} */
.common_table.fzsmall tfoot th:first-child {font-size: 14px;}
.common_table.fzsmall td {padding: 7px 3px; font-size: 12px;}
.view_tabmenu.report li {width: 150px;}
.view_tabmenu_1.report li {width: 150px;}
.table_top.tar {text-align: right; padding-bottom: 10px; margin-top: -30px;}

.chk1 a {display: block; margin: 0 auto; width: 47px; height: 26px; line-height: 26px; background: url(/images/sub/level_chk1_bg.jpg) 0 0 no-repeat; color:#fff; font-family: nanumB;}
.chk2 a {display: block; margin: 0 auto; width: 47px; height: 26px; line-height: 26px; background: url(/images/sub/level_chk2_bg.jpg) 0 0 no-repeat; color:#fff; font-family: nanumB;}
.chk3 a {display: block; margin: 0 auto; width: 60px; height: 26px; line-height: 26px; background: url(/images/sub/level_chk3_bg.jpg) 0 0 no-repeat; color:#fff; font-family: nanumB;}
.chk4 a {display: block; margin: 0 auto; width: 60px; height: 26px; line-height: 26px; background: url(/images/sub/level_chk4_bg.jpg) 0 0 no-repeat; color:#fff; font-family: nanumB;}

.level_chk_wrap {text-align: right; padding-bottom: 10px;}
.level_chk_wrap a {display: inline-block; width: 90px; height: 32px; text-align: center; background: url(/images/sub/level_chk2_bg2.jpg) 0 0 no-repeat; line-height: 32px;font-family: nanumB; font-size: 15px; color:#fff; }
.level_chk_wrap a > img {margin-right: 5px;}
.level_chk_wrap a.gray {background: url(/images/sub/level_chk1_btn.jpg) 0 0 no-repeat;}

.level_serach {padding: 20px 10px; margin-bottom: 70px; border-top: 2px solid #3f465c; border-bottom: 1px solid #d6dce0; vertical-align: middle;}
a.level_search_btn {display: inline-block; margin-left: 7px; width: 130px; height: 32px; line-height: 32px; background: url(/images/sub/btn_bg_small.png) 0 0 no-repeat; text-align: center; 
color:#fff; font-family: nanumB;}

/* manage */
.common_table.td_tac td.tal {text-align:left; padding-left:50px; box-sizing:border-box;} 
.common_table tr.step01 {background: #f8f8f8; font-family: nanumB;}
.common_table tr.step01 td.tal {padding-left: 20px;}
.common_table td span.color_red {color: red;}
.code_table tr:hover {background: #F7F8F4;}
a.modi_btn {display: inline-block; margin: 0 1px; width: 35px; height: 25px; line-height: 25px; text-align: center; font-family: nanum; background: #fff; border: 1px solid #ccc; font-size: 13px;}
a.del_btn {display: inline-block; margin: 0 1px; width: 35px; height: 25px; line-height: 25px; text-align: center; font-family: nanum; background: #fff; border: 1px solid #ccc; font-size: 13px;}
a.regi_btn {display: inline-block; margin: 0 1px; width: 35px; height: 25px; line-height: 25px; text-align: center; font-family: nanum; background: #e5e5e5; border: 1px solid #ccc; font-size: 13px;}

.alert_pw {padding: 5px 0 0; box-sizing:border-box; font-size: 13px; line-height: 1.3em;}


/* main_popup */
#main_black_bg {width: 100%; height: 100%; background: url(/images/sub/black_bg.png) 0 0 repeat; position: absolute; top: 0; left: 0;}
#main_popup {width: 420px; background: #fff; border: 1px solid #f4f4f4; position: absolute; top: 30%; left: 50%; margin-left: -210px;}
#main_popup h1 {height: 40px; padding: 0 20px; box-sizing:border-box; line-height: 40px; font-family: nanumB; font-size: 17px; color:#fff; background: #2378c6;}
#main_popup h2 {padding-left: 20px; padding-bottom: 10px; background: url(/images/sub/popup_h2_bg.jpg) 0 8px no-repeat; font-family: nanumB; font-size: 17px;}
#main_popup .popup_contop {padding: 20px; box-sizing:border-box; font-family: nanumB;}
#main_popup .popup_contop p {font-family: nanum; padding-top: 20px;}
#main_popup .popup_con {padding: 0 20px 0 20px; box-sizing:border-box;}
#main_popup .btn_wrap {padding: 30px 0;}
.close {padding-bottom: 10px;}
#check{width: 100%;}
#close{margin-left: 15px;}
#close a {}

.chk_wrap {background: #f5f9fc; padding: 15px; box-sizing:border-box;}
.chk_wrap span {display: inline-block; width: 30%; line-height: 2em;}
.pro_info_wrap {display: none; position: absolute; top: -100px; left: 50%; margin-left: -325px; width: 250px; height: 150px; background: url(/images/sub/pro_info_wrap.png) 0 0 no-repeat; padding: 15px; box-sizing:border-box}
.pro_info_wrap.info02 {padding: 25px 15px 15px 15px; margin-left: -80px;}
.program_table {position: relative;}

/* 20180109 */
h1.sort_h1 {height: 40px; padding: 0 20px;box-sizing: border-box;line-height: 40px; font-family: nanumB;font-size: 17px;color: #fff;background: #2378c6;}
.sort_con {height: 595px; overflow-y: auto; background: #f5f9fc; padding: 25px; box-sizing:border-box;}
.sort_tit {padding: 5px; background: #2378c6; color:#fff; font-family: nanumB;}
.popup_con ul.sort_wrap {border-top: 1px solid #e5e5e5;}
.popup_con ul.sort_wrap > li {float: left; width: 20%; font-family: nanum; font-size: 14px; text-align: left;}

.report_submit {width: 422px; left: 50%; margin-left: -211px !important;}
.report_submit p {padding: 50px 0 20px; text-align: center; font-family: nanumB;}

#alert {width: 420px; height: 227px; background: #fff;}
#alert h1 {height: 40px; padding: 0 20px; box-sizing:border-box; line-height: 40px; font-family: nanumB; font-size: 17px; color:#fff; background: #2378c6;}
#alert h2 {padding-left: 20px; padding-bottom: 10px; background: url(../images/sub/popup_h2_bg.jpg) 0 8px no-repeat; font-family: nanumB; font-size: 17px;}
#alert .popup_contop {padding: 20px; box-sizing:border-box; font-family: nanumB;}
#alert .popup_contop p {font-family: nanum; padding-top: 20px;}
#alert .popup_con {padding: 0 20px 0 20px; box-sizing:border-box;}
#alert .popup_con p {background: #f5f9fc; padding: 15px 0; text-align: center; font-size: 17px; font-family: nanumB; line-height: 2em;}
#alert .btn_wrap {padding: 30px 0;}

/* 20180110 */
.code_table tbody tr {display: none;}
.code_table tbody tr.step01 {display: table-row;}

/* 20180111 */
.senior_list, .group_list {}
.senior_list li, .group_list li {width: 300px; border-bottom: 1px dashed #e5e5e5; padding-bottom: 2px; margin-bottom: 5px;}
.senior_list li:first-child {padding-top: 10px;}
.group_list li:first-child {padding-top: 10px;}
.senior_list li a, .group_list li a {display: block; width: 44px; float: right;}
.senior_list li a > img, .group_list li a > img {vertical-align: middle;} 

/* 20180125 */
input[type="radio"] {margin: 0;}

/* 20180123 */
.ls1 {letter-spacing: -1px;}
.fz_small {font-size: 12px;}
.fz_small th {padding: 7px 1px;}
.fz_small td {padding: 7px 1px; text-align: center;}
td.num {font-size: 11px;}

/* 20180131 */
.table_wrap {width: 960px; overflow-x: scroll;}
.table_wrap table.width_table {width: 1300px;}
.table_wrap table.width_table th {width:30px;}
.table_wrap table.width_table td {width:30px;}
.table_wrap table.width_table th.t_w100 {width: 100px;}
.table_wrap table.width_table td.t_w100 {width: 100px;}

/* 20180213 */
#btnAddP {width:100px; background:url(../images/sub/program_add_btn.png) 0 0 no-repeat;}

/* 20180225 */
.code_table tbody tr.step02 {background: #fdfdfd;}
.code_table tbody td.tal2 {text-align: left; padding-left:90px;} 
.code_table tbody td.tal > a {display: block;}
.code_table tbody td.tal2 > a {display: block;}

/* 20180315 */
.popup_search {text-align:center; padding:30px 0 0;}
.popup_search * {display:inline;}

/* 20180316 */
table tr.bg_point {background: #fdffdb;}
table tr.bg_point th {background: #fdffdb;}

.tab_wrap {width:100%; clear:both;}
.tab_ul {width:100%; display:inline-block; border:1px solid #4C5674; margin:40px 0 60px 0; box-sizing: border-box;}
.tab_ul li {width:50%; float:left;}
.tab_ul li a {display:inline-block; width:100%; height:100%; text-align:center; padding:5px 0; font-size:16px;}
.tab_ul li a.on {background-color:#4C5674; color:#fff; font-weight:bold;}
.tab_con {display:none;}
.tab_con.on {display:block;}


/*20210316*/
.acntDate {margin-bottom:5px;}
.acntDate:after {display:block; clear:both; content:'';}
.acntDate li {float:left; margin-right:4px;}
.acntDate input[type=radio] {position: absolute;width:1px;height:1px; margin-left:-1px; clip:rect(0,0,0,0); overflow:hidden;}
.acntDate label {display:inline-block;width:55px;height:26px;border:1px solid #aab5bc;border-radius:6px;font-size:13px; color:#333; text-indent:0; text-align:center;line-height:24px;cursor:pointer;box-sizing:border-box;vertical-align:middle;}
.acntDate input[type=radio]:focus + label,
.acntDate input[type=radio]:checked + label {color:#336299;border-color:#336299;}

.acntDate select {margin-left:5px;}

@media print {
    -webkit-print-color-adjust:exact;
}