@charset "utf-8";
/* CSS Document */
/*   2016-08    */
/*    ahrum     */
/*--------------*/

#wrap {width:100%; height:100%; display:inline-block; font-size:12px;  }

section {margin:0 auto; width:1120px;}

/*-- HEADER --*/

#header {width:100%; height:100px; border-bottom:1px solid #e8e8e8;}
.header_set {width:1180px; margin:0 auto;}
.logo_top {position:absolute; height:100px; line-height:100px; padding-top:12px; box-sizing:border-box;}
.mem_menu_set { height:30px; line-height:30px; padding-top:5px;  font-size:11px; text-align:right; }
.mem_menu_set input[type="button"] {height:22px; padding:1px 8px; margin-left:10px; line-height:22px; font-size:11px;}

.set_top {padding-right:17px; display:inline-block; background:url(../images/bg_set.png) no-repeat 100% 47%;}
.set_top:hover {text-decoration:underline;}

.con_menu_set {width:1180px; height:70px; line-height:70px; margin:0 auto; position:relative;  }
.con_menu_set .con_menu {margin-left:150px;}

.con_menu ul > li {float:left; line-height:68px;}
.con_menu ul > li:after {display:block; content:''; clear:both;}
.con_menu ul > li > a {padding:0 25px; font-size:18px; color:#151515;}
.con_menu ul > li.on > a {color:#093a83;}

.pop_con2 span.errmsg {margin-top:5px; display:block; text-align:left; font-size:12px; color:#ed4c4c;}
.pop_con2 input.errmsg {border:1px solid #ed4c4c;}	

.pop_con3 span.errmsg {margin-top:5px; display:block; text-align:center; font-size:12px; color:#ed4c4c;}
.pop_con3 input.errmsg {border:1px solid #ed4c4c;}	

 /* 담당자안내 */
.custom_info {float:right; position:relative; z-index:10;}
.custom_info:after {display:block; content:''; clear:both;}
.custom_info a {display:inline-block; width:100px; height:32px; line-height:32px; }
.custom_info span {display:inline-block; width:100px; height:32px; line-height:32px; vertical-align:middle; padding:0 10px; font-size:13px; border:1px solid #e1e1e1; background:url(../images/bg_more.png) no-repeat 90% 50%; }
/*
.slideup {border-bottom:1px solid #e1e1e1 !important; background:url(../images/bg_more.png) no-repeat 90% 50%!important;}
.slidedown {border-bottom:1px solid #fff !important; background:url(../images/bg_more_h.png) no-repeat 90% 50%!important;}
*/

.custom_info .custom_info_con {display:none; position:absolute; right:0; top:50px; z-index:-1;}
.hide {width:660px; height:330px; padding:20px; background:#fff; border:1px solid #e1e1e1; box-shadow:#666 0 2px 4px -2px;}

.table_custom {width:100%; border-top:2px solid #767676; border-bottom:1px solid #767676;}
.table_custom th {height:40px; line-height:40px; font-size:14px; font-weight:normal;}
.table_custom td {height:40px; line-height:40px; font-size:13px; color:#666; text-align:center; border-top:1px solid #e6e6e6;}
.table_custom tr th:first-child {width:255px;}
.table_custom tr th:last-child {width:140px;}


/*-- CONTENT --*/
#content {width:1180px; padding:40px 30px; margin:0 auto;
          min-height : -webkit-calc(100% - 170px);  /* for Chrome, Safari */
          min-height :    -moz-calc(100% - 170px);  /* for Firefox */
          min-height :         calc(100% - 170px);  /* for IE */}


.top_title {height:40px; line-height:40px; padding:10px 20px; margin-bottom:20px; }
h2.page_tit {display:inline-block; font-size:30px; font-weight:normal;}

/* board */
.search {float:right;}
.search:after {display:block; content:''; clear:both;}
.search input[type="text"] {width:250px;}
.search input[type="button"] {width:60px;}

input[type="button"].btn_down {width:85px; height:30px; padding:0 0 0 10px; background:url(../images/bg_down.png) no-repeat 10px 47%; color:#151515;}
input[type="button"].btn_down:hover {background:url(../images/bg_down.png) no-repeat 10px 47%; text-decoration:underline;}
input[type="button"].btn_back {float:right; width:85px; height:30px; padding:0 0 0 15px; background:url(../images/bg_back.png) no-repeat 10px; color:#151515;}
input[type="button"].btn_back:hover {background:url(../images/bg_back.png) no-repeat 10px; text-decoration:underline;}

.category {height:40px; margin-bottom:20px; border-left:1px solid #e1e1e1;}
.category li {float:left; text-align:center; font-size:14px; }
.category li:after {display:block; content:''; clear:both;}
.category li:hover {background:#fbfbfb;}
.category li > a {display:block; height:38px; line-height:38px; border:1px solid #e1e1e1; border-left:none;}
.category li.on > a {border:1px solid #093a83; background:#093a83; color:#fff;}
.c3 > li {width:33.3%;}

.board_wrap {min-height:553px;}

/* table - basic */
.table_basic {width:100%; border-top:2px solid #767676; border-bottom:1px solid #767676;}
.table_basic th {height:55px; padding:5px 50px; font-size:15px; border-bottom:1px solid #e6e6e6; text-align:left; box-sizing:border-box;}
.table_basic td {height:55px; padding:5px 10px; border-bottom:1px solid #e6e6e6; text-align:left; box-sizing:border-box;}

span.date {color:#6c6c6c; font-weight:normal;}
thead.blind td {display: none;} 

/* table - list */
.table_list tr th:last-child {width:190px; text-align:right;}
.table_list tr th.ta_center {text-align:center;}
.table_list tr th p {height:100%; line-height:44px;}
.table_list tr th p.tit a {display:block; height:100%;}
.table_list tr:hover {background:#f7f9fb;}

.paging {height:45px; padding-top:20px; font-size:13px; text-align:center;}
.paging ul {display:inline-block; height:25px; line-height:25px; }
.paging ul li {float:left; width:25px; height:25px;}
.paging ul li:after {display:block; content:''; clear:both;}
.paging ul li:hover {background:#eee; border-radius:2px;}
.paging ul li a {display:inline-block; width:25px; height:25px;}
.paging ul li.on {background:#414141; border-radius:2px;}
.paging ul li.on a {color:#fff; font-weight:bold;}


/* table - read */
.table_read thead th:last-child {width: 190px; text-align:right; }
.table_read td {padding:0;}
.table_read td.area {font-size:0;}
.table_read p.tit {font-weight:bold;}
.table_read .con {padding:20px 50px; width:100%; min-height:480px; overflow-y:auto; font-size:13px; color:#333; border:none; line-height:20px;}
.table_read .con .con_tit {display:block; color:#151515; font-weight:bold; margin-bottom:5px;}
.table_foot {height:60px; padding-top:20px; text-align:center;}
.table_foot input[type="button"] {width:190px;}

/*table - small */
.table_s {width:100%;}
.table_s tr td {height:44px; padding:5px 0; border-bottom:none;}
.table_s tr td:first-child {width:120px; color:#093a83;}
.table_s tr td ul li {font-size:14px; line-height:22px; font-weight:normal;}
.table_s tr td ul li:hover {text-decoration:underline;}
.table_s tr td a {display:block; }
.table_s tr td a:hover {text-decoration:underline;}
.table_s tr td span {display:block; background:url(../images/bg_prevnext.png) no-repeat 50px -1px;}
.table_s tr td span.next {background-position:50px -55px;}

.table_s thead.blind tr th:last-child {width:728px;}

/*table - join */
.table_join {}
.table_join th {width:200px;}
.table_join tr:last-child th {padding:15px 50px; width:auto;}
.table_join tr td:last-child {padding-right:50px;}
.table_join td {}
.table_join input[type="text"], .table_join input[type="password"] {width:220px;}

.table_join span.join_err {margin-top:5px; display:block; text-align:left; font-size:12px; color:#ed4c4c;}
.table_join input.join_err {border:1px solid #ed4c4c;}
.table_join span.join_info {height:15px; padding-left:20px; display:inline-block; color:#6c6c6c; font-size:12px; background:url(../images/icon_info.png) no-repeat 0 -1px;} 

.table_join th.th_pw {width:100%; padding:0;}
.table_pw th, .table_pw td {border:none;}
.table_pw th {width:200px !important;}
.table_pw td {}

.join_terms {margin:10px 0; padding:15px 15px 5px 15px; line-height:18px; border:1px solid #e6e6e6; font-size:13px; font-weight:normal;}
.join_terms ul {margin:10px 0; color:#6c6c6c;}
.terms_check {margin:0 auto; padding:10px 0 5px; text-align:center; font-size:14px;}
.terms_check label {padding-right:10px; cursor:pointer;}

.join_com {text-align:center; margin-top:200px; margin-bottom:30px; }
.join_com_tit {margin-bottom:25px; font-size:30px; display:block;}

.table_join thead.blind tr th:first-child {width:200px;}

/* 테스트값 확인 */
.test_wrap {width:100%; height:650px;}
.test_box {float:left; margin-left:10px; border:1px solid #c8c8c8; border-top:3px solid #093a83; border-radius:2px; background:#fdfdfd; 
            width :    -moz-calc(25% - 10px); height : -webkit-calc(100% - 55px);
            width :         calc(25% - 10px); height :    -moz-calc(100% - 55px); 
            width : -webkit-calc(25% - 10px); height :         calc(100% - 55px) }
.test_box:first-child {width:25%; margin-left:0;}
.test_box:after {display:block; content:''; clear:both;}
.test_box_tit {height:55px; line-height:24px; font-size:18px; padding:15px 10px; background:#f8f8f8; border-bottom:1px solid #c8c8c8; overflow:hidden;}
.test_box_con {overflow-y:auto;}
.box_scroll1 {height : -webkit-calc(100% - 110px);   
              height :    -moz-calc(100% - 110px);
              height :         calc(100% - 110px);}
.box_scroll2 {height : -webkit-calc(100% - 55px);   
              height :    -moz-calc(100% - 55px);
              height :         calc(100% - 55px);}
.box_scroll3 {height : -webkit-calc(100% - 110px);   
              height :    -moz-calc(100% - 110px);
              height :         calc(100% - 165px);}              
.test_box_con .row {height:40px; line-height:40px; border-bottom:1px solid #ededed; font-size:12px; }

.row .row_num {display:inline-block; width:35px; border-right:1px solid #e5e5e5; text-align:center; color:#666;}
.row .row_input {display:inline-block; padding:0 10px;
                 width : -webkit-calc(100% - 35px);  /* for Chrome, Safari */
                 width :    -moz-calc(100% - 35px);  /* for Firefox */
                 width :         calc(100% - 35px);  /* for IE */}

div.row:nth-child(even) {background:#fbfbfb;}
div.row:nth-child(odd) {background:#fff;}
.test_opt {width:100%; height:55px; border-top:1px solid #c8c8c8; background:#fff;}
.opt_slct {padding:11px 10px;}

.test_wrap input[type="button"] {width:100%; margin-top:15px;}
span.info {height:15px; line-height:18px; padding-left:18px; display:inline-block; color:#6c6c6c; font-size:11px; background:url(../images/icon_info.png) no-repeat 0 -1px; word-spacing:-1px;} 
span.count {float:right; height:20px; line-height:22px; padding:0 5px; margin-top:2px; display:inline-block; background:#093a83; border-radius:15px; font-size:11px; color:#fff;}
span.count:after {display:block; content:''; clear:both;}

input[type="button"].refrs {width: 16px; height: 16px; float: right; margin: 4px 5px 0 0; padding: 0; background:url(../images/icon_refrs.png) no-repeat; background-color:none;}
input[type="button"].refrs:hover {background:url(../images/icon_refrs_on.png) no-repeat;}

.test_wrap input[type="text"], .test_wrap select, .test_wrap label {width:100%; height:30px; font-size:13px; background-position:95%;}

.result_wrap {margin-top:20px;}
.result_tit {}

.opt_chk {padding: 2px 10px;}
.opt_chk label {padding: 0 15px 0 20px; cursor: pointer;}
.chk_sel {position: relative; margin: 5px; display: inline-block;}
.chk_sel input[type="checkbox"] {width: 17px; height: 17px; position: absolute; z-index: 2; margin: 0; opacity: 1;}
.mbj_chk_sel {width: 17px; height: 17px;}
.radiobox input[type="radio"] {width: 17px; height: 17px;}


/* 온라인전문분석, 파일전문분석 */
.anly_box {border:1px solid #c8c8c8; border-top:3px solid #093a83; border-radius:2px; background:#fdfdfd;}
.anly_box_tit {height:40px; line-height:40px; font-size:16px; padding:0 15px; background:#f8f8f8; border-bottom:1px solid #c8c8c8;}
.anly_box_con {padding:5px;}
.anly_box_con textarea {width:100%; font-family: Consolas;}

.anly_opt {height:60px; line-height:60px; margin-bottom:15px; border-bottom:1px solid #c8c8c8; font-size:14px; }
.anly_opt select {width:70px; background-position:90%;}
.anly_opt input[type="button"] {width:145px;}

/* 파일전문분석 테이블 높이값 제한 */
.table_height {height:700px; overflow-x: auto; overflow-y: auto; border:1px solid #c8c8c8; border-radius:2px;} 
.table_height .table_anly {border:0;}

.table_wrap {}
.table_anly {width:100%; border:1px solid #c8c8c8; border-radius:2px;}
.table_anly tr:nth-child(even) {background:#fbfbfb;}
.table_anly tr:last-child td {border-bottom:none;}
.table_anly th {height:35px; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8; background:#f8f8f8; color:#666; font-size:13px;}

.table_anly th:first-child {border-left:none;}
.table_anly td {height:35px; padding:0 5px; border-bottom:1px solid #ededed; border-left:1px solid #ededed; font-size:12px;}
.table_anly td:first-child {border-left:none;}
.table_anly td a:hover {text-decoration:underline; cursor:pointer;}


.table_wrap .btn_set .go_top {height:25px; padding-left:15px; margin-left:10px; color:#333; font-size:11px;}
.table_wrap .btn_set .go_top:hover {text-decoration:underline;}
.table_wrap .btn_set input[type="button"] {height:25px; padding-left:20px; background:url(../images/go_top.png) no-repeat 7px 45% #666; font-size:11px;}
.table_wrap .btn_set input[type="button"]:hover {background:url(../images/go_top.png) no-repeat 7px 45% #444;}

.part_tit {width:100%; display:inline-block; padding:5px 5px 5px 15px; font-size:13px; font-weight:bold; border-top:1px dashed #CCC; background:url(../images/tit2.png) no-repeat 4px 47%;}

.table_anly_tit {height:20px; line-height:20px; padding:0 5px; font-size:11px;}
.table_anly_tit .tit {display:inline-block; padding-left:7px; font-weight:bold; background:url(../images/tit.png) no-repeat 0 46%;}

.anly_opt .input_set, .table_wrap .info_set {float:left;}
.anly_opt .input_set label {margin-right:10px;}
.anly_opt .btn_set, .table_wrap .btn_set {float:right;}
.anly_opt .input_set:after, .anly_opt .btn_set:after {display:block; content:''; clear:both;}  

/* popup*/
.pop_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:900;}
.pop_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop_layer .pop_box {display:block;}

.pop_box {display:none; position: absolute; top: 50%; left: 50%; height:auto; max-height:780px; background-color:#fff; border: 1px solid #e1e1e1; z-index: 90; box-shadow:#565656 0 1px 10px;}	
.pop_box .pop_con {padding: 20px 25px;}

.pop_read {width:1000px;}
.pop_set {width:500px;}
.pop_set table th {width:160px; padding:5px 25px;}
.pop_set table td input[type="password"] {width:100%;}
.pop_set span.join_info {height:15px; padding-left:20px; margin-top:5px; display:inline-block; color:#6c6c6c; font-size:12px; background:url(../images/icon_info.png) no-repeat 0 -1px;} 

/* popup2*/
.pop_layer2 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:900;}
.pop_layer2 .bg2 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop_layer2 .pop_box2 {display:block;}

.pop_box2 {display:none; position: absolute; top: 50%; left: 50%; height:auto; max-height:780px; background-color:#fff; border: 1px solid #e1e1e1; z-index: 90; box-shadow:#565656 0 1px 10px;}	
.pop_box2 .pop_con2 {padding: 20px 25px;}

.pop_read2 {width:1000px;}
.pop_set2 {width:500px;}
.pop_set2 table th {width:160px; padding:5px 25px;}
.pop_set2 table td input[type="password"] {width:100%;}
.pop_set2 span.join_info {height:15px; padding-left:20px; margin-top:5px; display:inline-block; color:#6c6c6c; font-size:12px; background:url(../images/icon_info.png) no-repeat 0 -1px;} 

.pop_text_box {width: 100%; padding:40px; border-top: 2px solid #767676; border-bottom: 1px solid #767676; font-size:13px; line-height:18px; color:#333333; text-align:center; vertical-align:middle;}
/* popup3*/
.pop_layer3 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:900;}
.pop_layer3 .bg3 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop_layer3 .pop_box3 {display:block;}

.pop_box3 {display:none; position: absolute; top: 50%; left: 50%; height:auto; max-height:780px; background-color:#fff; border: 1px solid #e1e1e1; z-index: 90; box-shadow:#565656 0 1px 10px;}	
.pop_box3 .pop_con3 {padding: 20px 25px;}

.pop_set3 {width:500px;}
.pop_set3 span.join_info {height:15px; padding-left:20px; margin-top:5px; display:inline-block; color:#6c6c6c; font-size:12px; background:url(../images/icon_info.png) no-repeat 0 -1px;} 

.pop_text_box {width: 100%; height:260px; padding:40px; border-top: 2px solid #767676; border-bottom: 1px solid #767676; font-size:13px; line-height:18px; color:#333333; text-align:center; vertical-align:middle;}

.mr5 {margin-right:5px;}

.pop_id {float:left;}
.pop_log_box {margin-top: 20px; margin-bottom: 30px; display:block; padding:0 9px; margin-top:10px;}
.pop_log_box input { width:300px;}

/* popup4*/
.pop_layer4 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:900;}
.pop_layer4 .bg4 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop_layer4 .pop_box4 {display:block;}

.pop_box4 {display:none; position: absolute; top: 50%; left: 50%; height:auto; max-height:780px; background-color:#fff; border: 1px solid #e1e1e1; z-index: 90; box-shadow:#565656 0 1px 10px;}	
.pop_box4 .pop_con4 {padding: 20px 25px;}

.pop_set4 {width:500px;}
.pop_set4 span.join_info {height:15px; padding-left:20px; margin-top:5px; display:inline-block; color:#6c6c6c; font-size:12px; background:url(../images/icon_info.png) no-repeat 0 -1px;} 

/* 개인정보처리방침, 개인정보취급방침 */
.rule {margin-bottom:40px; color:#666; font-size:13px; line-height:20px; white-space:initial;}
.rule .rule_tit {display:inline-block; margin:25px 0 5px; color:#000; font-size:15px;}
.rule ul {padding:3px 0; }
.rule li {padding:0 16px;}
.rule .rule_num {width:15px; display:inline-block; margin-left:-16px;}
.rule .rule_num2 {width:10px; display:inline-block; margin-left:-12px;}

.rule table {margin-bottom:5px; word-break:keep-all;}
.rule table th {height:30px; padding:5px 10px; font-weight:normal; background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.rule table td {height:30px; padding:5px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.rule table td:last-child, .rule table th:last-child {border-right:none;}
.rule table td.bd_r {border-right:1px solid #ddd;}

.rule table.ta_c {text-align:center; }

/* footer */
#footer {width:100%; height:70px; background:#2a2a2a; color:#c0c0c0; }
.footer_info {display:inline-block; padding-top:20px; font-size:11px;}
.footer_info ul {margin-bottom:20px;}
.footer_info ul li {float:left; padding:0 10px; line-height:12px; border-left:1px solid #c0c0c0;}
.footer_info ul li:first-child {border-left:none; padding-left:0;}
.footer_info ul li a {color:#c0c0c0;}
.footer_info ul li:after {display:block; content:''; clear:both;}

.logo_foot {float:right; margin-top:16px;}
.logo_foot:after {display:block; content:''; clear:both;}
.logo_foot a{margin-left:10px; }

/* LOGIN */
.login {width:830px; height:526px; margin:0 auto; border:1px solid #f1f1f1; box-shadow:#e2e2e2 0 0 20px;}
.login_img {float: left;  width: 419px;  height: 100%;  padding: 65px 50px 0 50px; background: url(../images/login_img.png) no-repeat; color: #fff;  font-size: 50px;}
.login_form {float:left; width:409px; height:100%; padding:65px 50px;}
.login_img:after, .login_form:after {display:block; content:''; clear:both;}

.login_form .tit {font-size:30px;font-weight:normal;}
.login_form fieldset {margin:50px 0 40px 0;}
.login_form label {display:block; margin-bottom:5px; font-size:13px; color:#6c6c6c;}
.login_form input {width:100%;}
.login_form input[type="text"], .login_form input[type="password"] {margin-bottom:20px;}

.login_header {height:100px; }


/* input - button, checkbox, radio */
input[type="text"],input[type="password"] {height:40px; padding:0 5px; border:1px solid #e1e1e1;}
input[type="button"], input[type="submit"] {height:40px; padding:0 10px; border:none; border-radius:2px; background:#666; color:#fff;}
input[type="button"].btn_blue, input[type="submit"].btn_blue {background:#093a83;}
input[type="button"]:hover, input[type="submit"]:hover {background:#444;}
select {height:40px; padding:0 10px; border:1px solid #e1e1e1; background:url(../images/bg_more.png) no-repeat 90%; 
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;}

.srch_opt {}
.srch_opt label {font-size:15px; color:#666; padding:0 10px; cursor:pointer;}

textarea {border:1px solid #e1e1e1; padding:5px;}

/* LOADING */

#loading {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, .5); z-index:9999;}
.loader {width:100px; height:30px; position:absolute; top:45%; left:50%; margin-left:-50px; padding:0 10px; background:#093a83; border-radius:30px;}
.loader img {float:left; margin-top:7px;}
.loader_text {float:right; margin-top:8px; display:inline-block; color:#fff; font-size:13px; text-align:right;}
.loader:after, .loader img:after {display:block; content:''; clear:both;}

/* 개인정보처리방침 팝업 */
#pop_wrap {}
#p_wrap { margin-top:30px;}
.pop_header { position:relative;}
.pop_header .before { position:absolute; bottom:15px; right:15px;}
.pop_header .before a{ font-size:12px; display:block;}
.pop_header .before a:hover { text-decoration:underline !important;}
.pop_header img {height:90px; width:700px;}
 
.pop { padding:40px;}
 
.pop_tit h2.tit_b {font-size:30px; color: #151515; font-weight:normal; padding-bottom:10px;}
.popup h3.tit_s {font-size:15px; color: #151515; font-weight:normal; padding-bottom:10px; padding-top:30px;}
.popup p {font-size:13px; line-height:1.6; color: #666666; padding-bottom:2px;}
 
.pop_footer { position:relative; width:100%; background-color:#2a2a2a;}
.pop_footer a { font-size:12px; display:block; color:#fff !important;}
.pop_footer a:hover { text-decoration:underline !important;}
 
#pop_wrap table { width:100%; word-break:keep-all; font-size:13px; margin-bottom:10px;}
#pop_wrap th { height:30px; color:#444; background: #f8f8f8; padding:5px 10px; border-top: 2px solid #093a83; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center;}
#pop_wrap td { height:30px; color:#666; background: #fff; padding:5px 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center;}
 
#pop_wrap tr th:last-child { border-right:0 !important;}
#pop_wrap tr td:last-child { border-right:0 !important;}
 
.link { color: #1451ab !important;}
.link:hover { text-decoration:underline !important;}
.bl { font-weight:bold; color: #151515 !important;}
.bu { font-weight:bold; color: #1451ab !important;}
.f10 { font-size:10px !important; line-height:12px;}
.w200 { width:200px !important;}
.p15 { padding-right:15px;}
.mt3 { margin-top:3px;}
.p1020 { padding:10px 20px;}
.mm {width: 10px; display:inline-block; margin-left: -12px;}
.m10 { margin-top:10px;}
.m12 { margin-left:12px;}
span.m12 { margin-left: 0;}
.rel {position:relative;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}


/*
.circle {width: 20px; height: 20px; display:inline-block; position: relative; top:5px; left:10px;  }
.circle .child {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.circle .child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: circleBounceDelay 1.2s infinite ease-in-out both;
          animation: circleBounceDelay 1.2s infinite ease-in-out both;
}
.circle .circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.circle .circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.circle .circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.circle .circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.circle .circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.circle .circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.circle .circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.circle .circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.circle .circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.circle .circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.circle .circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.circle .circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.circle .circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.circle .circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.circle .circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.circle .circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.circle .circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.circle .circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.circle .circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.circle .circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.circle .circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.circle .circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
*/

/*  웹접근성 필수 - 본문 바로가기 */
.skip_nav {}
.skip_nav a {position:absolute; background:rgba(0,0,0,0.7); filter:progid:DXImagesTransform.Microsoft.gradient(startColorstr=#900000000,endColorstr=#900000000); width:100%; height:30px; text-align:center; color:#fff !important; z-index:100; line-height:30px; top:-30px; opacity:0; font-size:11px; }


/* Libary CSS */
.shell {
  position: relative;a
  line-height: 1;
  span {
  position: absolute;
  left: 3px;
  top: 1px;
  color: red;
  pointer-events: none;
  z-index: -1;
    i { /* any of these 3 will work */
        color: transparent;
        opacity: 0;
        visibility: hidden;
    }
  }
}

input.masked,
.shell span {
  font-size: 16px;
  padding-right: 10px;
  background-color: transparent;
  text-transform: uppercase;
}

/* 20230125-yuyeon- 웹접근성 수정 */
input:focus, .con_menu ul > li > a:focus, select:focus, .skip_nav a:focus, .custom_info a:focus, .paging a:focus, .board_wrap .tit a:focus, .set_top a:focus {outline-color:#F88C2D;}
input:focus:not(:focus-visible), .con_menu ul > li > a:focus:not(:focus-visibel), .skip_nav a:focus:not(:focus-visibel), .custom_info a:focus:not(:focus-visibel), .paging a:focus:not(:focus-visibel), .board_wrap .tit a:focus:not(:focus-visibel), .set_top a:focus:not(:focus-visibel) {outline-color:#F88C2D;}

.container {
  width: 500px;
  margin: 20px auto;
}

.tab_title li {
  list-style: none;
  float: left;
  width: 100px;
  padding: 10px 15px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #bebebe;
}

.tab_title li.on {
  background-color: #ffb715;
  font-weight: bold;
}

.tab_cont {
  clear: both;
  border: 1px solid #dedede;
  height: 702px;
}

.tab_cont div {

}

.tab_cont div.on {
  display: block;
}