@charset "utf-8";
@import 'common.css';
/* Samsung UI Standardization Team */
#container{position:relative;border-top:2px solid #52b29d;}
#container #snb{background:#f8f8f8; float:left; width:180px;/* [CrossBrowsing] 화면축소 시 컨텐츠 하위로 떨어지는 현상이 생겨 주석 border-right:1px solid #e6e7e9; */ margin-right:-1px;}
#container #contents{width:calc(100% - 180px); float:right; box-sizing:border-box;padding:0 25px 15px 25px; border-left:1px solid #e6e7e9;}
@media \0screen{/* under ie8 */
#container #snb{position:absolute;top:0;left:0px;}
#container #contents{width:auto;margin:0 0 0 180px;float:none;} 
}
footer{width:auto;}

#gnb{width:auto !important;margin:0;box-sizing:border-box;height:88px}
#gnb h1{left:30px; top:16px}

/* left_navigation collapse / Expand */
[class^='nav_'], [class*='nav_']{position:absolute;width:22px;height:21px;background-color:#fff;background-image:url(../images/common/nav_ce.png);background-repeat:no-repeat;background-position:5px 5px;cursor:pointer;border:1px solid #fff;border-radius:2px;}
[class^='nav_']:hover, [class*='nav_']:hover {background-color:#5ca8e8;border:1px solid #5ca8e8;background-position:5px -25px;}
#snb .nav_col{display:block;top:20px;right:10px;}
#snb .nav_exp {display:none;}
.snb_collapsed #snb .nav_col{display:none;}
.snb_collapsed #snb .nav_exp{display:block;border:1px solid #caced4;top:20px;left:13px;transform:scaleX(-1);}
.snb_collapsed #snb h2,.snb_collapsed #snb ul{display:none;}
.snb_collapsed #contents{width:calc(100% - 25px)!important;float:none;}

/* left_navigation */
#snb{position:relative;}
#snb h2{height:64px;padding-left:12px;background:#52b29d;border-bottom:1px solid #e6e7e9;color:#fff;font-weight:bold;font-size:16px;letter-spacing:-.02em;line-height:65px;}
#snb ul li{position:relative; border-bottom:1px solid #e6e7e9;}
#snb ul li a {position:relative; display:block;padding:9px 0 9px 12px;min-height:13px;color:#444;font-weight:bold;}
#snb ul li a:hover{color:#0082ed;}
#snb ul li img {position:absolute;top:5px;right:0;cursor:pointer;}
#snb ul li ul{display:none;margin:1px 0 7px 0;padding-left:10px;}
#snb ul li ul li{border:0;}
#snb ul li li a,#snb ul li.on li a{font-weight:normal;}
#snb ul li li a {background:url(../images/common/bul_nav.png) no-repeat 3px -37px;padding:5px 0 5px 13px;font-weight:normal;}
#snb ul li.on {background:#fff;}
#snb ul li.on .dir{font-weight:bold;color:#444;cursor:default;}
#snb ul li.on ul{display:block;}
#snb ul li.on ul li a:hover{background:url(../images/common/bul_nav.png) no-repeat 3px 12px;cursor:pointer;}
#snb ul li.on ul li.on a{background:url(../images/common/bul_nav.png) no-repeat 3px 12px; font-weight:bold; color:#2373b5;}
#snb ul li.on ul li.on a:hover{color:#2373b5; cursor:default;}

/* contents */
#contents .bc{position:absolute;top:12px;right:20px;font-size:11px;}
#contents .bc_ico {position:absolute;top:0;right:10px;padding-left:17px;background:url(../images/common/ico_home.gif) no-repeat 0 50%;font-size:11px;}
#contents h3{position:relative;height:25px;padding:20px 0 20px;font-weight:bold;font-size:18px;letter-spacing:-.02em;}
#contents h3 p{position:absolute;top:19px;right:0;}
#contents h4,#contents h5{position:relative;padding:10px 0 12px 10px;letter-spacing:-.02em;}
#contents h4 .button,#contents h5 .button{position:absolute;right:0;bottom:10px;}/* [P]테이블의 오른쪽 상단에 위치하는 디스크립션도 함께 사용 */
#contents h4{font-weight:bold;font-size:14px;padding-left:0;}
#contents h5{background-image:url(../images/common/buls_title.gif);background-repeat:no-repeat;background-position:left -16px;font-size:1em;height:11px;}
#contents h4 strong,#contents h5 strong{color:#555;}
#contents h4 span,#contents h5 span{font-weight:normal;font-size:12px;margin-left:5px;}
#contents h4 .slide,#contents h5 .slide{margin:0 3px;font-weight:normal;color:#bfbdbe;}

/* font */
.txt_en{font-family:tahoma;}
/* [CrossBrowsing] font 11px -> 12px로 변경 */
.description{padding-left:5px;padding-right:3px;font-size:12px;}
.group{color:#f90;}
.mandatory{background:none;color:#F60!important;}
.required{margin-left:3px;color:#F60;}
.error{color:#f24035;}
.focus{color:#f93;}
strong.error{color:#ee1f29;}
strong.focus{color:#69c;}
span.help_block{display:block;font-size:11px;color:#999;}
.txt_caution{color:#f34235;background:url(../images/common/ico_caution.png) no-repeat 0 0;padding-left:20px;margin-left:5px}
.txt_counter{text-align:right;margin-bottom:5px}

/* link */
a.detail{position:relative;background:url(../images/common/ico_info.gif) no-repeat 0 2px;display:inline-block;width:12px;height:12px;margin-left:5px;}
a.detail .tooltip{position:absolute;top:21px;left:-100%;display:none;font-size:11px;z-index:100;}
a.detail:hover .tooltip{background:#fff;border:2px solid #ccc;display:block;padding:3px 5px 1px;white-space:nowrap;text-indent:0!important;color:#454545;}
a.detail:hover .tooltip:after{content:'';position:absolute;bottom:100%;left:13px;margin-left:-6px;width:0;height:0;border-bottom:8px solid #ccc;border-right:8px solid transparent;border-left:8px solid transparent;}
a.email{padding-left:18px;background:url(../images/common/ico_email.gif) no-repeat left 3px;font-family:tahoma;}

/* top */
.goto_top{margin:10px 0;text-align:right;}
a.top{padding-left:10px;background:url(../images/common/ico_top.gif) no-repeat 0 4px;font-family:'tahoma';font-size:.8em;font-weight:bold;color:#999;}
a.top:hover{color:#007da1;}

/* buttons */
/* [CrossBrowsing] line-height: 20px -> 24px로 수정 */
[class^='btn_'], [class*='btn_']{background:#fff;display:inline-block;border-radius:2px;white-space:nowrap;text-align:center;height:25px;line-height:24px;padding:0 8px 0;border-width:1px;border-style:solid;border-color:#caced4;color:#777777!important;border-radius:2px;cursor:pointer;font-weight:normal;font-size:12px;box-sizing:border-box}
[class^='btn_']:hover, [class*='btn_']:hover{background:#5ca8e8;color:#fff!important;text-decoration:none!important;}

/* button_position */
.page_button{margin:10px 0;text-align:right;}
.button_center{text-align:center;clear:both;padding:20px 0;}

/* button_variation */
.btn_reset{height:27px;line-height:25px;}
.btn_srch{border-color:#77a0c4;background:#7ba9d0;color:#FFF!important;font-weight:bold;height:27px;line-height:25px;vertical-align:middle;}
.btn_srch:hover{background:#337ab7;}
.btn_list_gr{background:#e4edf9;border:1px solid #008bff;color:#047fc5!important;}
[class^='btn_page'], [class*='btn_page']{height:32px;line-height:28px;min-width:65px;font-weight:bold;font-size:13px;}
.btn_page_gr{background:#e4edf9;border:1px solid #008bff;color:#047fc5!important;}
.btn_page_bl{padding:0 40px;height:36px;font:bold 13px/30px malgun gothic;border-radius:4px;}
.btn_list_sm{height:21px;line-height:16px;font-size:11px;padding:1px 5px;}
.btn_srch_advanced,.btn_srch_advanced:hover{background-image:url(../images/common/ico_open.gif);background-repeat:no-repeat;background-position:50% 0;border-color:#77a0c4;color:#FFF!important;width:100px;height:16px;text-indent:-1000em;}
.btn_srch_advanced{background-color:#7ba9d0;}
.btn_srch_advanced:hover{background-color:#337ab7;}
.btn_srch_advanced.close{background-position:50% -20px;}
.btn_detail{width:100%;height:34px;line-height:29px;text-align:center;font-size:13px;font-weight:bold;background:#e4edf9;border:1px solid #008bff;color:#047fc5!important;}
.btn_link{height:35px;line-height:30px}
.btn_more{height:40px;line-height:35px;min-width:250px;font-size:14px;}
.btn_list_inline{background-color:#7ba9d0;border-color:#77a0c4;height:21px;line-height:15px;font-size:11px;padding:1px 5px;color:#fff!important}
.btn_list_inline:hover{background-color:#337ab7;}

/* ico */
.date_ico{width:25px;height:27px;background:url(../images/common/ico_date.png) no-repeat 0 0;border:none;vertical-align:middle;cursor:pointer}

/* form */
input[type="text"], input[type="password"], input[type="search"], input[type="date"], input[type="number"]{border:1px solid #cccccc;height:27px;border-radius:2px;padding:3px;box-sizing:border-box;}
textarea{border:1px solid #cccccc; border-radius:2px;box-sizing:border-box;padding:3px;}
input[type="text"]:active, input[type="text"]:focus, 
input[type="password"]:active, input[type="password"]:focus, 
input[type="number"]:active, input[type="number"]:focus,
input[type="search"]:active, input[type="search"]:focus, 
input[type="date"]:active, input[type="date"]:focus, textarea:active, textarea:focus{border-color:#047FC5;}
select{border:1px solid #cccccc; height:27px; border-radius:2px; padding:1px;}
select[multiple]{height:inherit;}
input[readonly]:active, input[readonly]:focus,input[disabled]:active, input[disabled]:focus{border-color:#cccccc!important;box-shadow:none!important;}/* [p]예외 */
select[disabled]:active {border-color:#cccccc;}/* [p]예외 */
input[readonly]{border-style:none!important;}
input.caution{border:1px solid #f34235;background:#ffedec;}
input.tr{text-align:right;}

.form_wrap_ico{position:relative;padding-right:24px;}
.form_wrap_ico input{width:100%;}
.form_wrap_ico .ico_search{position:absolute;top:0;right:0;cursor:pointer;}
.form_wrap_date{position:relative;white-space:nowrap;}
input[type="date"]{margin-right:-1px;}
.form_radio label,.form_check label{margin-right:7px;white-space:nowrap;}
.form_multi_radio,.form_radio{display:inline-block;margin-top:2px;}
.form_check{display:inline-block;margin-top:4px;}
.checkbox{width:13px;height:13px;margin:0 0 3px;padding:0;vertical-align:middle;}
.srch_table td .form_radio{margin-top:5px;}

/* form_dropdown */
.form_dropdown_wrap{position:relative;padding-right:3px;}
.form_dropdown_wrap .ico_dropdown,.form_dropdown_wrap .ico_dropdown_close{position:absolute;top:7px;right:7px;width:16px;height:13px;background-image:url(../images/common/ico_dropdown.gif);background-repeat:no-repeat;}
.form_dropdown_wrap .ico_dropdown{background-position:left top;}
.form_dropdown_wrap .ico_dropdown_close{background-position:left -13px;}

/* list_box */
.list_box{overflow-y:auto;border-right:1px solid #ededed;border-left:1px solid #ededed;}
.list_box li{padding:1px 2px;border-bottom:1px solid #ededed;line-height:1.7em;}
.list_box li.selected{background:#dbeaf7;}
.list_box li input{margin-right:3px;}
.list_box li.button{background:#eee;font-size:11px;line-height:13px;text-align:right;}
.list_box li.button a{margin-top:2px;display:inline-block;}
.list_box li.button a:hover{background:none;}

/* search */
.srch_wrap{position:relative;margin-bottom:25px;border-top:2px solid #7aaee6;border-bottom:1px solid #7aaee6;background:#fff;}
.srch_wrap .srch_form{position:relative;padding:7px 140px 7px 0;}
.srch_wrap.single{padding:7px 10px 7px;}
.srch_wrap.single label{padding:0 10px 0 12px;font-weight:bold;line-height:1.3em;}
.srch_wrap .button{position:absolute;right:10px;bottom:13px;}
.srch_wrap .btn_srch_advanced{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);}
.srch_table{width:100%;border-collapse:collapse;}
.srch_table th,.srch_table td{border:none;vertical-align:top;}
.srch_table th{padding:8px 0 0 20px;text-align:left;font-weight:bold;line-height:20px;}
.srch_table td{padding:5px 0;}
.srch_table input,.srch_table select,.srch_table span,.srch_table img{vertical-align:middle;}

.srch_simple{position:relative;float:right;margin-top:-40px;z-index:1000;}
.srch_simple input{height:32px;width:200px;padding-left:10px;font-size:14px;border:1px solid #777;vertical-align:middle;border-radius:2px 0 0 2px}
.srch_simple a{background:#777 url(../images/common/ico_search2.png) no-repeat 50% 50%;display:inline-block;width:34px;height:32px;text-indent:-1000em;vertical-align:middle;border-radius: 0 3px 3px 0;}
.srch_simple a:hover{background-color:#5ca8e8;}

.srch_col{background-image:url(../images/button/srch_col.png);background-repeat:no-repeat;width:19px;height:16px;display:inline-block;position:absolute;top:-18px;right:0;text-indent:-1000em;cursor:pointer;}
.srch_col.col{background-position:0 0;}
.srch_col.col:hover{background-position:0 -20px;}
.srch_col.exp{background-position:0 -40px;}
.srch_col.exp:hover{background-position:0 -60px;}

/* list */
.list_wrap{margin-top:10px;margin-bottom:10px;}
.list_head{position:relative;height:26px;}
.list_wrap .list_head h4{margin-right:10px;padding-left:0!important;padding-top:3px!important;background:none!important;font-size:1.1em;}
.list_wrap .list_head h4{float:left;}
.list_head .button{position:absolute;right:0;bottom:7px;}

/* list_table */
.list_table{clear:both;width:100%;background:#fff;border:0;border-top:1px solid #7aaee6;border-right:none;border-bottom:1px solid #ccc;border-spacing:0;border-collapse:collapse;}
.list_table th{background:#f1f6fc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;padding:6px 5px;text-align:center;}
.list_table td{border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;padding:5px;}
.list_table th:first-child, .list_table td:first-child{border-left:none;}
.list_table th:last-child, .list_table td:last-child{border-right:none;}
.list_table td a:hover{text-decoration:underline;}

/* list_total */
.list_table tr.sub_total td{background:#f8f8f6;text-align:right;padding:6px 5px;font-weight:bold;}
.list_table tr.total td{background:#f4f4f4;text-align:right;font-size:14px;padding:10px 5px;font-weight:bold;}
.list_table tr.sub_total td strong, .list_table tr.total td strong{margin-left:7px;}

/* list_variety */
.list_table tr.line td{border-bottom:1px solid #aeaeae;}
.list_table tr.alt th{background:#edf7fb;}
.list_table tr.over{background:#f0f5f9;}
.list_table tr:hover td{background:#f0f5f9;}
.list_table td.tc{text-align:center;}
.list_table td.tr{text-align:right;}
.list_table td.head1{background:#f5fbfe;}
.list_table td.head2{background:#f8f8f6;}
.list_table td.head3{background:#f9f9f9;}
.list_table th input,.list_table td input{vertical-align:middle;}
.over_none tr:hover td{background:none;}
.list_table tr:hover td.head1{background:#f5fbfe;}
.list_table tr:hover td.head2{background:#f8f8f8;}
.list_table tr:hover td.head3{background:#f9f9f9;}
.list_table tr.sub_total:hover td{background:#f8f8f6;}
.list_table tr.total:hover td{background:#f4f4f4;}

/* amount_table */
.amt_table{clear:both;width:100%;border:0;border-top:1px solid #dfe1e4;border-right:none;border-bottom:1px solid #ccc;border-spacing:0;border-collapse:collapse;}
.amt_table th{background:#f9f9f9;border-bottom:1px solid #dfe1e4;padding:9px 5px;font-weight:bold;text-align:center;}
.amt_table td{background:#fff;border-bottom:1px solid #e4e6e9;padding:10px 5px;}
.amt_table td.tc{text-align:center;}
.amt_table td.tr{text-align:right;}
.amt_table td.prod img{float:left;width:46px;height:46px;border:1px solid #e4e6e9;}
.amt_table td.prod .prod_info{float:left;margin-left:15px;}
.amt_table td.prod .prod_info strong{display:block;padding:3px 0;font-size:14px;}
.total_amout{background:#fff;position:relative;z-index:1;border-top:1px solid #5ea1e4;border-bottom:1px solid #5ea1e4;padding:25px 0;margin-top:-1px;}
.total_amout strong{position:absolute;top:25px;right:105px;font-size:18px;}

/* list_pagination */
.list_table td.pagination{background:#f7f7f7;text-align:right;}
.list_table td.pagination .btn_list_sm{margin-right:5px;margin-left:-2px;}
.list_table td.pagination select{margin-right:5px;}
.list_table td.pagination img{margin-right:3px;}
.list_table td.pagination .pt{margin-left:10px;}
.list_table td.pagination select, .list_table td.pagination img, .list_table td.pagination span{vertical-align:middle;}

/* card_list */
.card_wrap{padding-top:2%}
.card_wrap:after{content:'';display:block;clear:both}
.card_wrap li:nth-child(4n){margin-right:0}
.list_card{float:left;width:23.5%;margin-right:2%;margin-bottom:2%;border:1px solid #ccc;box-sizing:border-box;}
.list_card h4{margin-left:20px}
.list_card .card_description{margin:0 20px;}
.list_card .card_description li{margin-bottom:7px;background:url(../images/common/buls.gif) no-repeat 0 -83px;padding-left:8px}
.list_card .card_description li a{display:inline-block;}
.list_card .button{padding:20px}
.card_img img{width:100%;}

/* post_list */
.po_wrap .list_head{height:40px;}
.po_wrap .list_head h4{font-size:16px!important;}
.list_post{background:#fff;border-top:1px solid #7aaee6;}
.list_post li{position:relative;border-bottom:1px solid #ececec;padding:15px 25px;}
.list_post li .po_title{display:inline-block;clear:both;font-weight:bold;font-size:14px;text-decoration:underline;color:#2e7dab;}
.list_post li .po_title span{color:#444;font-weight:normal;text-decoration:none;}
.list_post li .po_summary{font-size:14px;padding:7px 0;}
.list_post li .po_summary img{margin:20px 0 5px}
.list_post li .po_toolbar{margin:5px 0}
.list_post li .po_write{font-size:14px;padding:8px 0;color:#666}
.list_post li .po_info{float:right;margin-top:-27px;}
.list_post li .po_info dt,.list_post li .po_info dd{float:left;}
.list_post li .po_info dt{color:#999;margin-left:15px;}
.list_post li .po_info dd{color:#666;margin-left:5px;}

[class^='btc_'], [class*='btc_']{position:relative;background-color:transparent;background-image:url(../images/common/ico_feedback.png);background-repeat:no-repeat;border:none;padding:2px 5px 2px 25px;margin-right:50px;color:#b8bcbe;}
[class^='btc_'] .tooltip, [class*='btc_'] .tooltip{display:none;position:absolute;top:25px;left:50%;transform:translateX(-50%);background:#224d65;height:15px;line-height:15px;padding:2px 5px 4px;white-space:nowrap;color:#eaeaea}
[class^='btc_'] .tooltip:after,[class*='btc_'] .tooltip:after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-6px;width:0;height:0;border-bottom:6px solid #224d65;border-right:6px solid transparent;border-left:6px solid transparent}
[class^='btc_']:hover .tooltip, [class*='btc_']:hover .tooltip{display:block;}
.btc_rp{background-position:0 0;}
.btc_rp:hover{background-position:0 -25px;}
.btc_good{background-position:-70px 0;}
.btc_good:hover{background-position:-70px -25px;}

/* form_wrap, detail_wrap */
.form_wrap,.detail_wrap{clear:both;position:relative;margin-bottom:20px;}

/* form_table, detail_table */
.form_table, .detail_table{background:#fff;clear:both;width:100%;margin-bottom:10px;border-collapse:collapse;border-top:2px solid #7aaee6;border-bottom:1px solid #dcdcdc;}
.form_table th,.form_table td{padding:5px;border-bottom:none;vertical-align:top;}
.form_table th{background:#f1f6fc;padding:8px 9px 0;}

.detail_table{clear:both;width:100%;margin-bottom:10px;border-collapse:collapse;border-top:2px solid #7aaee6;border-bottom:1px solid #dcdcdc;}
.detail_table th,.detail_table td{padding:7px;border-bottom:1px solid #eaeaea;vertical-align:top;}
.detail_table th{background:#f1f6fc;padding-left:9px}
.detail_table .total{color:#ff5400;}
.detail_table th.total{background:#fffbce;}
.detail_table td.total{background:#fffde5;text-align:right;}
.detail_table th.sub{background:#f6f9fd;color:#4f95a7;}
.form_s{border-top:1px solid #3fa5be;border-bottom:1px solid #e4e4e4;}
.form_s th{background:#f3f8fa;}

/* view_wrap */
.view_wrap h4{font-size:19px!important;font-weight:normal;border-bottom:1px solid #CCC;padding:15px 0!important;}
.view_wrap .view_write{color:#999;height:40px;line-height:35px;border-bottom:1px solid #CCC;font-size:13px;}
.view_wrap .view_write em{color:#666;}
.view_wrap .view_info{float:right;margin-top:-34px;}
.view_wrap .view_info dt,.view_wrap .view_info dd{float:left;}
.view_wrap .view_info dt{color:#999;margin-left:15px;}
.view_wrap .view_info dd{color:#666;margin-left:5px;}
.view_article{clear:both;padding:20px 0 35px;font-size:1.1em;}
.view_article:after{content:'';display:block;clear:both;}
.view_article img,.view_article p{padding:10px 0;}
.view_wrap table{border-top:1px solid #eaeaea;}
.view_wrap table th{background-color:#f7f7f7;}

/* reply */
.rp_wrap .rp_hd{margin:8px 0;color:#444;font-size:12px;font-weight:bold;letter-spacing:-1px;line-height:normal;}
.rp_wrap .rp_hd strong{color:#F00;}
.rp_wrap .rp_wrt{padding-right:90px;position:relative;margin:5px 0 10px;}
.rp_wrap .rp_wrt .btn_reply{position:absolute;top:0;right:0;background:#;color:#;height:50px;width:85px;line-height:45px;}
.rp_wrap .rp_wrt textarea{width:100%;height:50px;}
.rp_wrap label{margin-right:10px;}
.rp_wrap .rp_comment{width:100%;}
.rp_wrap .rp_comment li{position:relative;padding:10px 20px;border-bottom:1px dotted #788894;vertical-align:top;zoom:1;}
.rp_wrap .rp_comment .rp_rr{position:absolute;top:10px;left:0;}
.rp_wrap .rp_comment li li{border-bottom:none;padding:10px 0 0 20px;}
.rp_wrap .rp_info{position:relative;}
.rp_wrap .rp_info .rp_name{font-weight:bold;color:#000;}
.rp_wrap .rp_info .rp_date{color:#999;margin-left:10px;}
.rp_wrap .rp_info .rp_reply{position:absolute;top:3px;right:10px;color:#617ec4;}
.rp_wrap .rp_dsc{padding:5px 0 5px;}
.comment_area{margin-top:20px;background:#f7f7f7;}
.comment_area .view_list li{padding:10px;border-bottom:1px dotted #ccc}
.comment_area .view_list li.best{padding-top:30px;background:#f7f1e3 url(../images/common/ico_best.png) no-repeat 10px 7px}
.comment_area .view_list img{vertical-align:middle}
.comment_area .recommand{margin:0 5px;padding-right:10px;border-right:1px solid #ccc;}
.comment_area .recommand strong{margin-left:3px;}
.comment_area strong img{margin-right:7px}
.comment_area p{padding:5px 0 0 27px}
.comment_area time{margin-left:5px;}

/* pagenation */
.paginate{z-index:-1;margin:15px 0;text-align:center;}
.paginate a,.paginate strong{display:inline-block;padding:1px;width:26px;height:26px;line-height:27px;text-aling:center;font-family:tahoma;text-decoration:none;margin:-1px 1px;}
.paginate a:hover{background:#eee;}
.paginate strong{background:#337ab7;color:#fff;}
.paginate a.first,.paginate a.pre,.paginate a.next,.paginate a.last{border:1px solid #e0e0e0;border-radius:2px;}
.paginate table{margin:0 auto;}

/* progress */
.progress{padding:0;list-style-type:none;font-size:12px;clear:both;line-height:1em;text-align:center;}
.progress:after{content:'';display:block;clear:both;}
.progress li{float:left;padding:0 20px 0 30px;background:#b4b4b4;position:relative;width:32.5%;margin:0 1px;box-sizing:border-box;}
.progress li:before{content:'';border-left:16px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;position:absolute;top:0;left:0;}
.progress li:after{content:'';border-left:16px solid #b4b4b4;border-top:16px solid transparent;border-bottom:16px solid transparent;position:absolute;top:0;left:100%;z-index:20;}
.progress li.active{background:#7db9ed;}
.progress li.active:after{border-left-color:#7db9ed;}
.progress li a{display:block;color:#fff;padding:10px 0;font-weight:bold;}
.progress li span{position:absolute;top:6px;left:30px;}

/* process_icon */
span[class*='rgst_']{display:inline-block;vertical-align:top;min-width:70px;height:19px;border-radius:2px;font-size:11px;font-weight:normal;line-height:19px;color:#fff;text-align:center;}
span.rgst_save{background:#479a87;}
span.rgst_processing{background:#f1a744;}
span.rgst_complete{background:#4c97ba;}
span.rgst_cancel{background:#aaafb1;}
span.rgst_reject{background:#7d9ba9;}
span.rgst_relative{min-width:inherit;padding:1px 10px 0;margin-left:10px}

/* tab */
.tabs{width:100%;border-bottom:1px solid #3798f0;}
.tabs:after{content:'';display:block;clear:both}
.tabs li{float:left;margin-right:1px;}
.tabs li a{background:#f8f8f8;border-width:1px 1px 0 1px; border-style:solid; border-color:#e6e7e9;display:block;height:31px;line-height:31px;padding:0 15px;border-radius:2px 2px 0 0;font-size:14px;font-weight:bold;white-space:nowrap}
.tabs li a:hover{color:#3798f0;}
.tabs li.on a{background:#3798f0;border-color:#3798f0;color:#fff;cursor:default;}

/* attach */
.attach_wrap{padding:10px 0;}
.attach_wrap h4{font-size:14px!important;border-bottom:none!important;padding:0!important;}
.attach_check{position:relative;margin-top:3px;padding:3px 0;border-bottom:1px solid #e6f1f5;line-height:normal;}
.attach_check label input{margin-right:0;}
.attach_file label input{margin-right:2px;vertical-align:middle;}
.attach_file{background:#f4fbf8;overflow-y:auto;padding:0 5px;line-height:normal;}
.attach_file ul li{position:relative;margin:3px 0 3px 9px;padding:1px 0 1px 8px;background:url(../images/common/buls.gif) no-repeat left -52px;}
.attach_file ul li img{margin-right:5px;margin-bottom:2px;vertical-align:middle;}
.attach_check .file_size{position:absolute;right:0;bottom:7px;color:#666;}
.attach_file ul li .file_size{display:inline;margin-left:7px;color:#999;}
.attach_check object{height:17px!important;}

/* calendar */
.cal_wrap{display:none;position:absolute;z-index:2;width:260px;padding:5px;border:1px solid #7b8594;border-radius:3px;background:#fff;font-family:tahoma;font-size:12px;}
.cal_wrap .layer_close, .cal_both .layer_close{z-index:4;display:block;position:absolute;top:13px;right:5px;width:16px;height:15px;background:url(../images/button/btn_layer_close.gif);text-indent:-1000em;}
.cal_date{padding:3px 0 5px;text-align:center;}
.cal_date img,.cal_date select{vertical-align:middle;}
.cal_date select{font:normal 14px malgun gothic;border:none;}
.cal_table{width:100%;border-collapse:collapse;background:#f7f7f7;}
.cal_table th,.cal_table td{text-align:center;border:none;}
.cal_table th{background:#fff;border-top:1px solid #e5e5e5;padding:5px 0;font-weight:normal;color:#000;}
.cal_table td{padding:3px;}
.cal_table th.sun{color:#900;}
.cal_table th.sat{color:#069;}
.cal_table td.weekend{color:#C00;}
.cal_table td.pre,.cal_table td.next{color:#999;}
.cal_table td:hover{background:#d7eafc;cursor:pointer;}
.cal_table td.today{color:#36c;}
.cal_table td.select{background:#3798f0!important;font-weight:bold;color:#fff;}
.cal_table tr.select td{background:#3798f0;color:#fff;}
.cal_both{display:none;position:absolute;background:#fff;border:1px solid #7b8594;border-radius:3px;}
.cal_both .cal_wrap{display:inline-block;float:left;position:relative;border:none;}
.cal_wrap.cal_to{border-left:1px solid #ddd!important;}
.month .cal_wrap, .month.cal_wrap{width:180px!important;}
.week .cal_wrap, .week.cal_wrap{width:280px!important;}
.week .cal_table tr:hover{background:#d7eafc;cursor:pointer;}
.cal_table th.wk{font-weight:bold;}

/* page_desc */
.page_desc{position:relative;padding:0 0 25px;}

/* box */
.box_form p{line-height:1.4em;}
.box_form{margin-bottom:10px;padding:10px;background:#fff;border:1px solid #ccc;}
.box_form h6{position:relative;height:11px;padding:0 0 10px 10px!important;background:url(../images/common/buls.gif) no-repeat left -186px;font-size:1em;}
.box_index{margin-bottom:10px;padding:10px;background:#fff;border:1px solid #ededed;}
.box_index li{padding:2px 6px;background:url(../images/common/buls.gif) no-repeat left -114px;}
.box_graph{padding:10px;border:1px solid #ededed;text-align:center;}
.nobox_img{margin-top:15px;margin-bottom:15px;text-align:center;}
hr.section{visibility:hidden;}

/* tree */
.tree ul ul{margin:0 0 0 -3px;}
.tree li{position:relative;margin:5px 0;padding:0 0 0 14px;background:url(../images/common/trees.png) no-repeat -16px -80px;white-space:nowrap;}
.tree li a{display:inline-block;padding:1px 0 0 18px;background:url(../images/common/trees.png) no-repeat 0 -17px;}
.tree li input{margin-right:3px;vertical-align:top;}
.tree li.active a{font-weight:bold;}
.tree li.active li a{font-weight:normal;}
.tree a.root{display:block;height:15px;padding-left:18px;background:url(../images/common/trees.png) no-repeat 0 -18px;font-weight:bold;color:#53b4e4;}
.tree li.toggle ul{display:none;}
.tree li.toggle{background:url(../images/common/trees.png) no-repeat -32px -64px;}
.tree li.toggle a{background:url(../images/common/trees.png) no-repeat 0 -1px;}
.tree li.last a{background:url(../images/common/trees.png) no-repeat 0 -34px;}

/* popup */
#pop_wrap{position:relative;height:100%;}
#pop_wrap #contents{position:relative;overflow-y:auto;padding:15px 10px;}
#pop_wrap h3{background:#f7f7f7;height:20px;padding:6px 10px 8px;font:bold 14px malgun gothic;letter-spacing:-0.05em;}
#pop_wrap h3 .pop_close{display:block;position:absolute;top:5px;right:7px;width:21px;height:21px;background:url(../images/button/btn_pop_close.gif) no-repeat;cursor:pointer;text-indent:-1000em;}
#pop_wrap .pop_button{position:absolute;bottom:0;width:100%;border-top:1px solid #eaeaea;}
#pop_wrap .pop_button p{padding:5px 10px;text-align:right;}
#pop_wrap .txt_again{margin-right:7px;}
#pop_wrap .author_info{padding:0 7px 9px 0;}
#pop_wrap .notice_area{overflow-y:auto;overflow-x:hidden;padding:10px 5px;border-top:2px solid #ccc;}

/* modal_popup */
.dim{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;}
.pop_modal{position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);border:1px solid #666;border-radius:5px;background-color:#fff;}
.pop_modal .contents{padding:0 10px 10px;}
.pop_modal h3{height:50px!important;padding:0 10px!important;font-weight:bold;font-size:16px!important;line-height:50px!important;}
.pop_modal h3 .pop_close{display:block;position:absolute;top:16px;right:10px;width:21px;height:21px;background:url(../images/button/btn_pop_close.gif) no-repeat;cursor:pointer;text-indent:-1000em;}
.pop_modal .modal_button{text-align:right;}
.pop_modal .modal_button div{display:inline-block;margin-left:3px;}

/* alert */
.alert{position:relative;min-height:38px;margin-top:10px;}
.alert dt,.alert dd{float:left;font-size:13px}
.alert dt{position:absolute;top:0;left:10px;margin-right:5px;}
.alert dd{min-height:38px;margin-top:2px;margin-left:60px;line-height:1.4em;}
.alert dd.row1{margin-top:10px;}
.alert dd strong{display:block;margin-bottom:5px;}
.alert dd strong.error{color:#ee1f29;}

.alert_wrap,.msg_wrap .box_in{position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
.msg_wrap footer{position:absolute;bottom:0;background-position:98% 50%;width:100%;box-sizing:border-box;}

/* alert_msg */
.alert_wrap{width:450px;}
.alert_wrap{border:1px solid #ccc;border-radius:10px;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0px 0px 10px #ccc;}
.alert_img{position:absolute;top:0;left:0;padding:25px 10px 0 20px;}
.alert_msg{position:relative;margin-top:30px;margin-left:85px;padding-bottom:30px;line-height:1.5em;}
.alert_msg h3{margin-bottom:20px;font:bold 21px malgun gothic;}
.alert_msg ul{margin-right:20px;}
.alert_msg .alert_ko{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;}
.alert_msg ol{margin-top:15px;}
.alert_msg ol li{margin-bottom:3px;}

/* log_info */
.msg_wrap .box_in{width:560px;}
.msg_wrap h1{position:relative;display:block;text-align:center;padding-bottom:20px;}
.box_in dl{width:100%;margin:0 auto;font-family:malgun gothic;font-size:13px;}
.box_in dt{width:48%;text-align:right;padding-right:2%;font-weight:bold;color:#5d626a;}
.box_in dd{width:48%;padding-left:2%;}
.box_in dt,.box_in dd{float:left;}
.box_in .wrap{padding:20px 0;min-height:130px;border-top:1px solid #eaeaea;}
.box_in .in_button{clear:both;padding-top:20px;text-align:center;}
.box_in .security_info{clear:both;padding:17px 0 50px;font-size:11px;line-height:1.2em;color:#757a80;text-align:center;border-top:1px solid #eaeaea;}
.box_in .security_info p{padding:2px 0;letter-spacing:-.05em;}
.box_in .security_info p.txt_en{letter-spacing:0;}
.box_in .wrap p.txt_logout{height:20px;padding:20px 0 20px;font:bold 15px malgun gothic;text-align:center;color:#434d53;}
.box_in .wrap p.txt_log{height:20px;padding:10px 0 20px;font-family:tahoma,'돋움';font-size:1.2em;text-align:center;}
.box_in .wrap p.txt_log a{color:#C00;text-decoration:underline;}
.box_in .wrap p.txt_msg{min-height:50px;padding:25px 0 10px;font-size:1.2em;line-height:1.6em;font-weight:bold;text-align:center;}
.box_in .wrap p.txt_msg a{color:#F60;text-decoration:underline;}

/* loading */
.loading_bar{width:220px;height:40px;text-align:center;}
.loading_bar span{display:block;margin-top:7px;color:#5f7584;text-align:center;}

/* list in table */
.list_check{position:relative;margin-top:2px;padding:3px 0;border-bottom:1px solid #e6f1f5;line-height:normal;}
.list_check .button{position:absolute;top:0;right:0;}
.list_check label input,.list_file label input{margin-right:5px;vertical-align:middle;}
.list_file{overflow-y:auto;max-height:62px;padding-top:2px;line-height:normal;}
.list_file ul li{position:relative;margin:3px 0;}

/* policy */
.policy_wrap{padding:15px;line-height:1.5em;}
.policy_wrap #gnb{border-bottom:1px solid #ddd;margin:0;}
.policy_wrap #gnb .button{position:absolute;bottom:25px;right:0;}
.policy_wrap a{color:#2e7dab;}
.policy_wrap a:hover{color:#2c6279;}
.policy_wrap h3{border-bottom:none!important;font-size:1.15em!important;}
.policy_wrap h3.title{height:22px!important;padding:4px 0 4px 10px!important;border:1px solid #ccc;border-bottom:none;background:#ecf0f4;color:#4c5862;text-align:left;}
.policy_wrap h4{position:static!important;margin-bottom:5px;padding:20px 0 10px!important;background:none!important;}
.policy_wrap ul,.policy_wrap ol{margin-left:10px;margin-bottom:10px;}
.policy_wrap ul li,.policy_wrap ol li{margin:3px 0 7px;}
.policy_wrap ul li li,.policy_wrap ol li li{margin:3px 0 5px;}
.policy_wrap .section ul li{padding-left:15px;background:url(../images/common/buls.gif) no-repeat 7px -213px;line-height:1.4em;}
.policy_wrap .section table{width:97%;margin:7px 0 15px;}
.policy_wrap .section table th{border:1px solid #dcdcdc;background:#f2f4fa;}
.policy_wrap .section table ul{margin:0;}
.policy_wrap .section{overflow:auto;padding:5px 10px;border:1px solid #ccc;color:#555;margin-bottom:20px;}
.policy_wrap .page_intro{margin-bottom:20px;padding:13px 0 10px;background:#f2f4fa;text-align:center;}
.policy_wrap .page_intro_list{margin-bottom:20px;}
.policy_wrap .page_intro_list li{margin-bottom:10px;padding-left:7px;background:url(../images/common/buls.gif) no-repeat 0 -143px;line-height:1.4em;}
.policy_wrap .page_summary{margin-bottom:0;border:3px solid #eee;}
.policy_wrap .page_summary ul{float:left;width:45%;margin:8px 0 6px 15px;}
.policy_wrap .page_summary:after{display:block;clear:both;content:'';}
.policy_wrap .txt{margin-bottom:10px;padding-left:10px;}
.policy_wrap .terms_agree{position:relative;z-index:100;float:right;font-weight:normal;margin:-25px 10px;}
.policy_wrap .terms_agree input{vertical-align:middle;}
.policy_wrap .focus{color:#f00;}
.document .section{padding:10px 5px;border:none;}
.document .page_summary{margin-bottom:0;padding:13px 10px;border:none;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.document .page_summary a{font-weight:bold;}

/* sitemap */
.sitemap_box{overflow:hidden; margin:0 -15px 10px 0;}
.sitemap_menu{float:left;width:25%;box-sizing:border-box;}
.sitemap_menu h4{height:33px!important;margin:15px 20px 5px 0;padding:0!important;background-image:none!important;}
.sitemap_menu h4 a{display:block;padding:7px 15px 10px;border-bottom:1px solid #78b29d;font-weight:bold;font-size:15px;color:#3b9c7d;}
.sitemap_menu ul{margin-top:10px;margin-right:20px;margin-bottom:12px;}
.sitemap_menu ul li{display:block;width:100%;font-weight:bold;}
/* [CrossBrowsing] font-weight 추가 */
.sitemap_menu ul li a{display:block;padding:6px 0 4px 15px;color:#424242;font-weight:700;}
.sitemap_menu ul li a:hover{color:#448fd1;}
.sitemap_menu ul ul{margin:0 0 15px;}
.sitemap_menu ul li ul li{font-weight:normal;}
/* [CrossBrowsing] font-weight 추가 */
.sitemap_menu ul li ul li a{margin-bottom:0;padding:2px 5px 2px 25px;border-bottom:none;background:url(../images/common/bul_nav.png) no-repeat 15px -39px;font-weight:400;}
.sitemap_menu ul li ul li a:hover{background:url(../images/common/bul_nav.png) no-repeat 15px 10px;}

/* 표준개발플랫폼_추가유형 */

/* admin_layout */
.sec_layout{margin-top:10px;}
.sec_layout:after{content:'';display:block;clear:both;}
.sec_left{float:left;}
.sec_right{float:right;}
.tree_layout{overflow:auto;min-height:400px;padding:10px;border:1px solid #e4e4e4;}

.box_layer{margin-bottom:10px;padding:0 15px 5px;border:2px solid #ddd;border-top:none;}
.process_wrap{background-color:#f8f8f8;border:2px solid #a8d8ce;padding:8px 15px;}
.process_wrap strong{margin-left:10px;font-size:14px;}
.process_wrap .expand{display:none;}
.bt_margin a{margin-bottom:3px;width:100%}

.photo_board{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margon-bottom:10px}
.photo_board:after{display:block;clear:both;content:''}
.photo_board li{float:left;width:50%;margin-bottom:-1px;padding:15px 0;}
.photo_board li img{float:left;width:160px;height:120px;padding:6px 15px 15px 0;}
.photo_board li h2{position:relative;margin-bottom:2px;padding-top:2px;font-size:12px;color:#537386;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.photo_board li h2 span{display:block;margin-right:30px}
.photo_board li h2 strong{color:#fe7726}
.photo_board li p{padding:2px 0;font-size:11px;color:#666}
.photo_board .board02 li{width:20%}
.photo_board .board02 li img{float:inherit}
.photo_board .board02 li h2{width:160px;font-size:12px;color:#537386}
.no_data{padding:23px 0 20px;border-bottom:1px solid #e5e5e5;text-align:center}
.group_info{margin-top:15px}


/* Mod Style start : 2019.08.02
* {font-family:"malgun gothic","돋움","dotum","굴림"; color:#444}

/* 2023y font style */
@font-face {
    font-family:"SamsungOneKorean";
    font-style:normal;
    font-weight:400;
    src:url("../font/SamsungOneKorean-400_v2.0_hinted_20200508.woff2") format("woff2"),
        url("../font/SamsungOneKorean-400_v2.0_hinted_20200508.woff") format("woff"),
        url("../font/SamsungOneKorean-400_v2.0_hinted_20200508.svg#NotoSansKR-Light") format("svg");
}
@font-face {
    font-family:"SamsungOneKorean";
    font-style:normal;
    font-weight:600;
    src:url("../font/SamsungOneKorean-600_v2.0_hinted_20200508.woff2") format("woff2"),
        url("../font/SamsungOneKorean-600_v2.0_hinted_20200508.woff") format("woff"),
    	url("../font/SamsungOneKorean-600_v2.0_hinted_20200508.svg#NotoSansKR-Light") format("svg");
}
@font-face {
    font-family:"SamsungOneKorean";
    font-style:normal;
    font-weight:700;
    src:url("../font/SamsungOneKorean-700_v2.0_hinted_20200508.woff2") format("woff2"),
        url("../font/SamsungOneKorean-700_v2.0_hinted_20200508.woff") format("woff"),
    	url("../font/SamsungOneKorean-700_v2.0_hinted_20200508.svg#NotoSansKR-Light") format("svg");
}

* {font-family: "SamsungOneKorean", "malgun gothic", Dotum, "돋움", sans-serif; color:#262626; font-weight: 400;}

body{margin:0 !important}
#cost_warp{min-height:760px; height:100%; min-width:1500px } /* min-width:1540 */

#container{background:#fff; height:calc(100% - 126px); border-top:1px solid #ddd; padding:0 !important} /* #a8d0f0*/
#container #snb{margin-top:-1px;}
#container #contents{min-height:100%}
#contents h3{padding:10px 0 10px 15px; margin-top:10px; letter-spacing:-0.03em; background:url(../images/common/icon_h3_title.png) 3px 53% no-repeat; position:relative; display:block;}
#contents h3:after{content:''; display:block; width:100%; height:2px; background:#7aaee6; position:absolute; left:0; bottom:-2px }
#contents h4{padding:0 0 10px 15px; background:url(../images/common/icon_title.png) no-repeat 3px 10px; line-height:20px; height:auto; margin-top:10px }/* cost/bullet_black.gif*/
#contents .bc{right:30px; color:#888}
#contents .bc strong{color:#096793}
#contents h4 .button, #contents h5 .button{bottom:7px}
.cost_list_head{margin-top:20px}
#gnb .dropdown{background:#fff;top:51px;left:10px;height:37px;width:calc(100% - 10px)}
.dropdown li{box-sizing:border-box}
.dropdown li.first{margin-left:0}
.dropdown li:hover{background:#fff !important; border-top-left-radius:5px; border-top-right-radius:5px;}
.dropdown li a{padding:9px 20px; font-size:14px; height:auto;  font-weight: bold; color:#444; letter-spacing:-0.04em !important; margin-left:0 !important;  box-sizing:border-box}
.dropdown li a:hover, .dropdown li a.on, .dropdown > li:hover > a{color:#1b79c7 !important; background:#fff; border:0 }
.dropdown_depth{box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.20); border-color:#95bce7 !important; border-width:1px !important; top:37px !important; padding:5px }
.vertical2 .group>li{padding:5px 10px 5px 5px; margin:0;  box-sizing:border-box;}
.vertical2 .group ul li a{width: auto}
.function{right:20px !important; color:#666 !important; display: flex; align-items: center;}
.function a{color:#666 !important}
.function .user strong{color:#666; vertical-align:top}
.function span{width:auto !important;}
.function span.lan{background:none !important; margin:0; padding:0; margin-right:5px}
.function span select{ appearance: none; width:100px !important; height:20px !important; border:1px solid #ddd !important; background:#fff url('../images/cost/icon_drop.gif') 83px 50% no-repeat !important; color:#888; padding-right:15px; box-sizing:border-box}
.function span select::-ms-expand{display:none}
.function .confidential{padding:2px 7px !important;  font-size:11px; margin-left:5px; height:18px !important; box-sizing:border-box}
footer{background-color:#e5e5e5; border-top:1px solid #d5d5d5; padding:10px 20px; width:100%; box-sizing:border-box; background-position: 99% 50%; position:static; margin-right:0}
footer a{display:inline-block; padding:0 7px 0 12px ; margin:0 !important; position:relative; color:#333}
footer a:first-child{margin-left:15px}
footer a:first-child:before{display:none}
footer a:before{content:''; position:absolute; background:#bbb; height:14px; width:1px; left:0; top:50%; margin-top:-6px}
#snb h2{background:#3292c0}
#snb ul li{border-bottom:0; border-top:1px solid #e6e7e9}
#snb ul li ul{padding:0 0 10px 10px; margin:-5px 0 0 0}
#snb ul li:last-child{border-bottom:1px solid #e6e7e9}
#snb ul li ul li:last-child{border:0}
#snb ul li:first-child{border:0}


/* Search Table Th  */
.cost_srch_wrap{display:flex; border:0; border-top:2px solid #7aaee6; border-bottom:1px solid #c3def4; background:#fff; margin-bottom:25px; padding:10px 0}
.cost_srch_wrap > form {flex:100%; display:flex; align-items:center}
.cost_srch_wrap .srch_table th{padding:4px 0 0 30px; background:url(../images/cost/bullet_bulsSearch.gif) no-repeat 20px 14px; vertical-align:top !important; line-height:18px}
.cost_srch_wrap .srch_table td{padding:3px 0; min-height:20px; vertical-align:middle}
.cost_srch_wrap .srch_form{flex:100%; display:flex; align-items:center; padding:0 18px 0 0 !important; margin-right:0 !important}
.srch_wrap{border-bottom:1px solid #c3def4; margin-bottom:0}
.srch_wrap .srch_form{padding-left:10px}
.srch_wrap .srch_table th{vertical-align:top !important; background-position: 10px 15px  !important; padding:5px 0 0 20px !important; line-height:20px; }
.list_wrap{/*padding-top:10px;*/ margin-top:0}
.list_wrap .list_table{border-top:1px solid #7aaee6; table-layout:auto} /* #7aaee6*/
.list_wrap .list_table th{border-top:0}
.list_wrap .list_table td.tl{text-align:left}
.list_wrap .list_table td.tc{text-align:center}
.list_wrap .list_head .button a{margin-left:-3px; line-height:22px}
.list_wrap .list_head .result{padding-left:12px; background:url(../images/cost/bullet_blackTriangle.gif) 3px 7px no-repeat}
.list_table{border-bottom:1px solid #dedede}
.list_table td{border-color:#dedede}
.list_table th, .list_tableNoOverF th{border-top:0}
.list_table th, .list_table td{padding-left:7px; padding-right:7px}
.list_table tr:hover td{background:#f8fafc}
.form_table, .detail_table{border-top:1px solid #dcdcdc}
.form_table th, .detail_table th{border-top:1px solid #fff; border-bottom:0}
.form_table td, .detail_table td{border-top:1px solid #eee; border-bottom:0}
.form_table th{line-height:16px; background:#f9f9f9}
.view_wrap .detail_table{border-top:1px solid #dcdcdc}
.view_wrap .detail_table th, .view_wrap .detail_table td{border-bottom:0; border-top:1px solid #eee}
.form_table tr:first-child th,  .form_table tr:first-child  td,
.detail_table tr:first-child th,  .detail_table tr:first-child  td,
.view_wrap .detail_table tr:first-child th, .view_wrap .detail_table tr:first-child td{border-top:0}
.list_head{height:45px}
.list_head .list_sort{margin-top:20px; display:inline-block}
.list_table tr.line_none th, .list_tableNoOverF tr.line_non th{border-top:0 !important} 

/* Search Box , input box */
.cost_srch_wrap .srch_table td input.style, .cost_srch_wrap .srch_table td select.style{border:1px solid #ccc !important; height:22px; line-height:14px; padding:2px; box-sizing:border-box}
.cost_srch_wrap .srch_table td .form_wrap_icon input.cost_date, .form_wrap_icon input.cost_date{width:76px !important}
.cost_srch_wrap .srch_table td select.style{width:100%}
.cost_srch_wrap .srch_table_reportContProcList td .form_wrap_icon input.cost_date{width:76px !important; border:1px solid #ccc !important; height:22px; line-height:14px; padding:2px; box-sizing:border-box}
.cost_srch_wrap .srch_table_reportContProcList td select.style{padding:0 2px;}
.cost_srch_wrap .srch_table_reportContProcList td input.style, 
.cost_srch_wrap .srch_table_reportContProcList td select.style{border:#cbd1d6 solid 1px !important; line-height:12px}
.cost_srch_wrap .sBtn_wrap{position:relative !important;flex:100px;display:flex;align-items:center;justify-content:center;border-left:1px solid #cfe5f6;padding:0;height:auto}
.sBtn_wrap{height:100%; padding:11px 0 10px; box-sizing:border-box }
.sBtn_wrap .button1L span p,
.sBtn_wrap .button2L span p,
.sBtn_wrap .button3L span p,
.sBtn_wrap .button4L span p{margin:0}
.sBtn_wrap .button1L span a, 
.sBtn_wrap .button2L span a, 
.sBtn_wrap .button3L span a,
.sBtn_wrap .button4L span a,
.sBtn_wrap .buttonTxtBoxL span a,
.sBtn_wrap .buttonTxtBox2L span a,
.sBtn_wrap .buttonTxtBox3L span a{margin:3px 0; display:block}
.sBtn_wrap .button1L,
.sBtn_wrap .button2L,
.sBtn_wrap .button3L,
.sBtn_wrap .button4L,
.sBtn_wrap .buttonTxtBoxL, 
.sBtn_wrap .buttonTxtBox2L, 
.sBtn_wrap .buttonTxtBox3L{width:100px; margin-bottom:0 !important; background:none; border-left:0 !important; display:flex; justify-content:center; align-items:center; box-sizing:border-box; height:100%}
.sBtn_wrap .button1L span,
.sBtn_wrap .button2L span,
.sBtn_wrap .button3L span, 
.sBtn_wrap .button4L span,
.sBtn_wrap .buttonTxtBoxL span,
.sBtn_wrap .buttonTxtBox2L span,
.sBtn_wrap .buttonTxtBox3L span{position:static; display:inline-block;}
.sBtn_wrap .button1L{width:100%}
.sBtn_wrap .button1L span{display:block; width:100%; text-align:center}
.sBtn_wrap .button1L span a{display:inline-block}
.sBtn_wrap .button1L2{border-left:1px solid #cfe5f6; background:none; width:140px}
.srch_table td .form_wrap_icon .icon{top:1px; right:0}
.srch_table td .form_radio{margin-top:0}
.srch_table td .form_radio label{display:inline-block; padding:2px 0; vertical-align:middle}

/* button */
#gridControl a span, #gridControl a:hover span{font-size:9pt; box-sizing:border-box; letter-spacing:-.02em; line-height:20px}
.gridControl a span, .gridControl a:hover span{font-size:9pt; box-sizing:border-box; letter-spacing:-.02em; line-height:20px}

/* jqx Grid*/ 
#contents .jqx-grid {height:550px}
.jqx-widget-header.jqx-grid-header{border-top : 2px solid #2483af;}
.jqx-grid.jqx-rc-all{border-radius:0; border-top:0; border-color:#ccc}
.jqx-grid .jqx-widget-header{background:#dae8f3; /*height:26px !important;*/ line-height:14px;/* z-index:0; position:relative*/} /* mod */
.jqx-grid .jqx-grid-cell{line-height:18px}
.jqx-grid .jqx-grid-cell.jqx-item:hover{background-color:#f0f5f9}
.jqx-grid .jqx-grid-cell-middle-align,
.jqx-grid .jqx-grid-cell-left-align{padding:0 7px}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell{border-color:#ccc}
.jqx-grid .jqx-grid-pager{border-top : 1px solid #b1cade; background:#f3f3f3; height:35px; padding-right:10px; box-sizing:border-box; width:100% !important}
.jqx-grid .jqx-grid-pager .jqx-input{border-radius:2px; background:#fff; border-color:#94a0bf; height:20px; }
.jqx-checkbox-check-checked{background:#fff url(../images/common/check_black.png) 50% 50% no-repeat} 
.jqx-fill-state-pressed, .jqx-grid-cell-hover{background:#f0f5f9}

.jqx-grid .jqx-grid-pager .jqx-fill-state-normal{background:#fff; border-radius:2px; border:1px solid #aaa !important}
.jqx-grid .jqx-grid-pager .jqx-dropdownlist-content{line-height:16px !important}
.jqx-grid-pager.jqx-widget-header div{line-height:20px !important}
.jqx-icon-arrow-left, 
.jqx-icon-arrow-left-hover, 
.jqx-icon-arrow-left-selected{height:20px;background: url('../images/common/icon_left.png') 50% 50% no-repeat; border-color:#aaa !important }
.jqx-icon-arrow-right, 
.jqx-icon-arrow-right-hover, 
.jqx-icon-arrow-right-selected{height:20px;background: url('../images/common/icon_right.png') 50% 50% no-repeat; border-color:#aaa !important}
.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected{line-height:20px !important; background:url('../images/common/ico__ad_dcd.gif') 50% 50% no-repeat}
.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected{line-height:20px !important; background:url('../images/common/ico_ad_acd.gif') 50% 50% no-repeat}  /* mod */

.jqx-fill-state-focus{border-color:#aaa}
.jqx-listbox .jqx-fill-state-pressed,
.jqx-listbox .jqx-fill-state-hover{border-color:#efefef; background:#efefef; border-radius:0}
.jqx-grid-column-menubutton.jqx-icon-arrow-down{border-left:1px solid #ccc; background:#e5eff8 url('../images/common/ico_list.gif') 50% 50% no-repeat !important}
.jqx-grid-column-sortascbutton.jqx-icon-arrow-up{border:0; background: url('../images/common/ico_ad_acd.gif') 50% 50% no-repeat !important}
.jqx-grid-column-sortascbutton.jqx-icon-arrow-down{border:0; background: url('../images/common/ico__ad_dcd.gif') 50% 50% no-repeat !important} 
.jqx-scrollbar-state-normal{border-top:1px solid #ccc}  /* mod */

.jqx-icon-calendar, 
.jqx-icon-calendar-hover, 
.jqx-icon-calendar-pressed{background:url('../images/cost/icoBtn_date.gif') 50% 50% no-repeat; margin:0 auto}

#GridTLayout.jqx-grid{border-top:0; position:relative; z-index:0}

/* LNB */
#snb ul li.on ul li.on a,
#snb ul li.on ul li a:hover{background-position:3px 12px}
#snb ul li li a{background-position:3px -37px; padding:5px 13px 5px 11px; word-break:keep-all /* break-all  */}

/* table Top Text */
.cost_list_sort{overflow:hidden; padding-top:0;  padding-bottom:5px}
.cost_list_sort li{background-position:3px 6px;}

/* 달력 */
.cal_wrap{padding-bottom:2px; /*height:220px;*/} /* mod */
.cal_table td{background:#fff}
.cal_date select{appearance: none;-webkit-appearance:none; margin-right:20px; padding-right:15px;  background: url('../images/common/ico__ad_dcd.gif') 100% 50% no-repeat; text-align:right}
.cal_date select::-ms-expand {display:none}
.cal_date select:nth-child(3){margin-left:-10px}
.cal_date a:nth-child(1){margin-right:10px}
.cal_table th{background:#eff7fd; border:0; padding:3px 0; border-bottom:2px solid #fff; font-weight:bold; color:#77808d}
.cal_table th.sun{color:#bf0606;}
.cal_table th.sat{color:#0281c0;}
.cal_date .layer_close{right:10px}

/* [CrossBrowsing] Icon 추가 : 수정
.ico_Status{display:inline-block; position:relative; height:15px;}
.ico_Status em{display:flex; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; justify-content:center; align-items:center; font-size:11px; line-height:8px} */

/* Icon 추가 */
.ico_Status{display:flex; position:relative; height:15px !important; align-items: center;}
.ico_Status em{display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; font-size:11px; line-height: 15px;}

/* center + center class */
.item_center{display:flex; justify-content:center; align-items:center; width:100%; height:100% }

/* Grid */
#GridTLayout{border-top:1px solid #7aaee6; min-height:150px}
#GridTLayout.none{min-height:0}
.jqx-grid-header.jqx-widget-header{border-top:1px solid #7aaee6 !important}

/* 관리기능 */
.list_wrap .list_head .result{font-size:13px; display:inline-block; margin-top:20px}
.list_wrap .list_head .list_sort .result{margin-top:0}
.paginate{padding:10px 0}
.paginate a{display:inlne-block; border:0 !important; vertical-align:top !important; width:21px; height:21px; text-align:center; vertical-align:middle; line-height:21px; text-align:center; margin:0}
.paginate a.first,.paginate a.last{margin:0}
.paginate a.pre{margin-right:15px; margin-left:0}
.paginate a.next{margin-left:15px; margin-right:0}
.paginate a:hover{background:none; color:#337ab7}
.paginate strong{display:inlne-block; width:21px; height:21px; line-height:21px; text-align:center; border-radius:20px; margin:0 5px}
.form_wrap .tree_layout{margin-top:0}
.page_button .button{display:inline-block}
#bodyLayout .list_table{border-top:0} 
.view_wrap h4{background:none !important}
.view_wrap .view_write{border-bottom:0; padding:0 10px}
.view_wrap h4 + .view_write{border-bottom:1px solid #eee;}
.view_wrap h4 + .view_write + .view_info + .detail_table{border-top:0}
.view_wrap table th{background:#fbfbfb}
.view_article{border-bottom:1px solid #ddd; min-height:100px; padding:20px 10px}
.btn_list_inline{font-size:12px}/* button*/
/*#contents h4{margin-top:10px}*/
.view_wrap .view_info{margin-top:-30px; padding-right:10px}
.view_wrap h4{border-bottom:1px solid #ddd; font-size:16px !important;} /*7aaee6*/
#bodyLayout{height:auto;  min-height:65px;  border:1px solid #dedede !important;  }
#bodyLayout.none{min-height:0; border:0 !important}
#pConts #bodyLayout{max-height:280px}
#bodyLayout .tree_layout{border:0}
#headLayout + #bodyLayout{border-top:0 !important}
.sec_left #bodyLayout{margin-right:7px}

/* jqGrid */
#jqGrid{min-height:446px;}
#jqGrid th{border-top:0 !important;/* border-bottom:0 !important*/}
#jqGrid .ui-jqgrid .ui-jqgrid-hdiv{border-left:0 !important}
#jqGrid .ui-jqgrid .ui-jqgrid-htable th{border:0 !important; border-left:1px solid #ddd !important;}
#jqGrid .ui-jqgrid .ui-jqgrid-htable thead th:first-child{border-left:0 !important}
#jqGrid .ui-jqgrid .ui-jqgrid-htable th, #jqGrid  .ui-jqgrid tr.jqgrow td{height:auto !important; padding:5px 3px !important}
#jqGrid .ui-jqgrid .ui-jqgrid-htable th, #jqGrid .ui-jqgrid .ui-jqgrid-htable td{border-bottom:1px solid #ddd !important}
#jqGrid .ui-jqgrid-bdiv{border-left:0 !important}
#jqGrid .ui-jqgrid tbody tr:hover td{background:#f6fafd !important}

/* 달력 이미지*/
.date_ico{background:url(../images/cost/icoBtn_date.gif) 50% 50% no-repeat; width:22px; height:22px; }
 
.attach_wrap h4{padding:0 0 10px 15px !important; margin-top:10px; font-weight: 700}

/* input */
input[type='text'], input[type='password'], input[type='search'], input[type='date']{height:23px; line-height:14px;}
input[type='text']:disabled, input[type='password']:disabled, input[type='search']:disabled, input[type='date']:disabled, select:disabled{background:#f5f5f5}
select{height:23px;}
.pageTR td select{width:100%}
.btn_srch{height:23px; line-height:20px; padding:0 10px}

/* 파일첨부 */
.file-attach .no-file.add-upload .file-drag{border:1px solid #dcdcdc; background:#fff !important; border-top:0 !important; box-sizing:border-box}
.file-attach .file-list .list-control{border-bottom:1px solid #ddd; background:#fff !important; border-top:0 !important}
.file-attach .file-list ul{max-height:190px; overflow-y:auto; padding:0 !important}
.file-attach .file-list ul li:first-child{margin-top:5px}
.file-attach .file-list ul li:last-child{margin-bottom:5px}
.file-attach .file-cont .file-action-area{background:#f8fafc}
.file-attach .file-cont .file-action-area .total_count_dn{margin:3px 0 0 10px;  position:relative}
.file-attach .file-cont .file-action-area .total_count_dn:before{content:''; position:absolute; width:1px; height:13px; background:#ccc; left:0; top:2px}
.file-attach .add-upload .file-action-area .file-btn-txt{margin-left:0 !important}
.file-attach .add-upload .file-action-area .file-info,
.file-attach .add-upload .file-action-area .file-fold{top:8px !important}
.file-attach .add-upload .file-action-area{padding:4px 10px !important; background:#f8fafc;  border:1px solid #dcdcdc !important;}
.file-attach .add-upload .file-list{border-top:0 !important}
.file-attach .byte-area{padding-right:12px !important}
.file-attach .file-list .list-control .list-control-btn{display:inline-block; padding-top:3px}
.file-attach .default.button{height:19px !important; line-height:19px !important; margin-top:1px}
.file-attach .attach.file-upload:hover{border-color:#4f9aed !important; }
.file-attach .attach.file-upload:hover button{background:#4f9aed !important; border-color:#4f9aed !important;}
.file-attach .attach.file-upload:hover button span{color:#fff}

/*modal popup title*/
.pop_modal { border:1px solid #ccc; overflow:hidden}
.pop_modal h3{line-height:20px !important; padding:10px !important; box-sizing:border-box; font-size:16px; letter-spacing:-.04em; height:auto !important; background:#f9f9f9; border-bottom:1px solid #ccc;}
.pop_modal .contents{padding:15px}
.simplemodal-container .modalCloseImg {position:absolute; right:9px; top:9px;  background:url(../images/cost/modalClose.gif) 50% 50%  no-repeat; display:block; width:25px; height:25px; z-index:99;}

/* list File */
.list_check{border:1px solid #eee; padding:6px 5px 7px; background:#f8fafc; height:30px; box-sizing:border-box}
.list_check .button{right:5px; top:4px}
.list_check .button a:nth-child(2){margin-left:-5px}
.list_file{max-height:130px; padding:0}
.list_file ul li{padding:3px 5px; border:1px solid #eee; border-top:0; border-bottom:1px dashed #eee; margin:0}
.list_file ul li:last-child{ border-bottom:1px solid #eee;}
.list_file ul li input[type='text']{height:20px; line-height:20px}
.btn_list_sm, .btn_list_sm a{font-size:12px}
.btn_list_sm:hover a{color:#fff;}
.btn_list_sm:hover{ border-color:#2e80d9 !important}

.txt_tit{font-size:13px; font-weight:bold; color:#194c76; display:block; padding:7px 0 7px 13px; background:url(../images/cost/bullet_blackTriangle.gif) 3px 50%  no-repeat;}
.txt_tit.line{border-bottom:2px solid #2483af}

/* TxT */
.msgInfo{padding:5px; display:inline-block; font-size:12px;  color:#0b5eb7;}

/* popup header */
.header_popup_01 .close_btn_03{border:0; background:none}
.header_popup_01 .date_02{margin-right:20px}

/*  tab */
.tab{border-bottom:1px solid #eaeaea; overflow:hidden; margin-top:20px}
.tab li{float:left;  background:#fff;}
.tab li a{display:block; padding:6px 30px 8px; line-height:16px; font-size:13px; border:1px solid #eaeaea; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom:0; border-left:0; background:#f9f9f9; overflow:hidden}
.tab li a:hover{color:#1b79c7 }
.tab li:first-child a{border-left:1px solid #eaeaea;}
.tab li.active a{background:#0491d3; color:#fff; border-color:#0186c5;}
.tab li.disabled a{background:#fdfdfd; color:#c3c3c3; cursor:default; border-color:#efefef}
.tBox{border:1px solid #eaeaea; border-top:0; padding:0 20px 20px; min-height:200px; box-sizing:border-box}
.tBox .cost_list_head{margin-top:0; padding-top:20px}

/* Result No*/
.listNone{color:#888; padding:40px 0 !important; display:block; text-align:center; border-bottom:1px solid #fff !important}

/*첨부파일 */
.uploadAttach {margin-top:3px; background:#fff}
.uploadAttach > div:first-child{border:1px solid #ddd; border-bottom:0; height:27px !important; box-sizing:border-box; padding:0 7px; margin-bottom:0 !important}
.uploadAttach .toggleAttachmentCheckbox{top:6px !important}
.uploadAttach .blockControl{padding:4px 7px 0 0 !important }
.uploadAttach .blockControl a span{line-height:16px}
.uploadAttach .attachBox{border-color:#ddd; margin-bottom:3px; height:70px;  height:auto !important;  min-height:35px !important; max-height:100px !important; }
.uploadAttach object{margin:4px 0 0 12px}

.attachBox{height:auto !important; max-height:90px; min-height:20px}
.attachBox2{height:auto !important}
.attachBox2 .attach_file{max-height:90px;}

/* Login */
#login_container{width:640px !important; background:#fff; border:1px solid #ddd; border-radius:10px; padding:20px 20px 40px; box-sizing:border-box; box-shadow:0px 0px 10px #ccc;}
#login_wrap header{margin:0 !important; padding:20px 0 15px;}
#login_wrap header h1{display:inline-block}
#login_wrap .login_form{padding:0;width:500px !important; position:relative}
#login_wrap .login_form fieldset{height:auto; background:none; border-top:1px solid #ededed; padding:15px 0 8px}
#login_wrap .login_form fieldset form{padding:0; margin:0}
#login_wrap .login_form fieldset dl{display:block; width:100%; margin:0 }
#login_wrap .login_form fieldset dd{width:400px; margin-bottom:7px; float:none; height:auto}
#login_wrap .login_form fieldset dd input{width:100%; border:1px solid #ddd; height:30px; line-height:14px; text-indent:10px; color:#999; font-size:14px}
#login_wrap .login_form fieldset .button{right:0; top:15px; left:auto}
#login_wrap .login_form fieldset .button .btn_login{width:90px; height:67px; line-height:62px; font-size:18px; background:#64bfeb; border:0} /* 1a76c6 */
#login_wrap .login_form fieldset .button .btn_login:hover{background:#1ba6e9}
#login_wrap .login_form fieldset .reg_pass{color:#ddd}
#login_wrap .login_form fieldset .reg_pass a:hover{color:#1a76c6; text-decoration:underline}
#login_wrap .login_form .call{background:#f9f9f9; padding:15px; margin-top:10px; color:#888} /* f3fafe*/
#login_wrap .login_form .call strong{font-weight:normal; color:#000}
#login_wrap .login_form .call strong:first-child{padding-top:7px;}
#login_wrap .security_info{margin-top:20px; }
#login_wrap .security_info p{font-size:11px; color:#888; letter-spacing:-.04em}
#login_wrap .security_info .txt_en{color:#888; font-size:12px; padding-top:4px; letter-spacing:0}

#singUp {width:600px; border:1px solid #ddd; border-radius:10px; padding:30px 40px 40px; box-sizing:border-box; background:#fff; position:fixed; top:43%; left:50%; box-shadow:0px 0px 10px #ccc; transform:translateY(-50%) translateX(-50%); text-align:center}
#singUp > h1{font-size:22px; display:block; padding-bottom:10px; color:#666}
#singUp > strong{display:block; font-weight:normal; color:#888}
#singUp > div{padding-top:30px; margin-top:20px;  border-top:1px solid #eee;}
#singUp > div > a {display:inline-block; padding:10px 0; width:150px; border:1px solid #089cc1; color:#089cc1; font-size:15px;  letter-spacing:-.04em; margin:0 2px; border-radius:3px; overflow:hidden }
#singUp > div > a:hover{background:#1ba6e9; border-color:#1ba6e9; color:#fff}
/*#singUp > div > a:nth-child(2){border-color:#01b081; color:#01b081}
#singUp > div > a:nth-child(2):hover{background:#0cd9a2; color:#fff}
#singUp > div > a:nth-child(3){border-color:#ff4e00; color:#ff4e00}
#singUp > div > a:nth-child(3):hover{background:#fb9245; color:#fff}*/
#singUp > p{padding:0 10px 15px; margin-top:20px; color:#888}
#singUp .call{background:#f9f9f9; padding:15px; margin-top:10px; color:#888; margin-top:15px; border-top:0} /* f3fafe*/
#singUp .call strong{font-weight:normal; color:#000}
#singUp .call strong:first-child{padding-top:7px;}

.sing_infoBox{width:1000px; border:1px solid #ddd; border-radius:10px; padding:25px 40px; box-sizing:border-box;  box-shadow:0px 0px 10px #ccc; margin:0; background:#fff;  position:fixed; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); min-height:600px}
.sing_infoBox h1{font-size:20px; display:block; padding:10px 0; color:#666; letter-spacing:-.04em;  border-bottom:2px solid #7aaee6 ; background:url('../images/common/logo_system.png') 100% 50% no-repeat; margin-bottom:10px; background-size:70px auto}
.sing_infoBox .bt_type{text-align:center; margin-top:20px; border-radius:4px; overflow:hidden}
.sing_infoBox .bt_type span{display:inline-block;float:left; box-sizing:border-box; width:33.3%; background:#f3f3f3 url('../images/common/step_next_bg.png') 100% 50% no-repeat; color:#bbb; font-size:13px; padding:4px 10px 3px; height:26px; overflow:hidden; cursor:default; letter-spacing:-.04em}
.sing_infoBox .bt_type span.on{background:#64bfeb url('../images/common/step_next_on_bg.png') 100% 50% no-repeat; color:#c8e4f2;}
.sing_infoBox .bt_type span.on.ing{background:#64bfeb url('../images/common/step_next.png') 100% 50% no-repeat; color:#fff }
.sing_infoBox .bt_type span:last-child.on.ing{background:#64bfeb !important}
.sing_infoBox  h4{display:block; padding:13px 0  10px 8px !important; font-size:13px !important; background:url('../images/common/icon_title.png') 0 55% no-repeat !important;}
.sing_infoBox .text_area{width:100% !important; border:1px solid #e1e1e1; padding:20px;}
.sing_infoBox .text_area + div {text-align:right; padding-top:10px}
.sing_infoBox .text_area + div input{vertical-align:middle; margin-right:3px}
.sing_infoBox .boxArea{border:1px solid #e1e1e1; height:300px; overflow:auto; padding:10px 20px}
.sing_infoBox .boxArea div{padding:10px 0}
.sing_infoBox .boxArea table{border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:15px}
.sing_infoBox .boxArea td, .sing_infoBox .boxArea th{border:1px solid #eee; padding:5px 10px;}
.sing_infoBox .boxArea th{background:#f9f9f9}
.sing_infoBox .boxArea thead th{background:#f0f0f0}
.sing_infoBox #agreeForm{display:block; padding-top:15px; text-align:right}
.sing_infoBox #agreeForm a{display:inline-block; border:1px solid #ccc; color:#444; padding:7px 20px; cursor:pointer; font-size:13px; border-raidus:3px}
.sing_infoBox #agreeForm a:hover{background:#1ba6e9; border-color:#1ba6e9; color:#fff}
.sing_infoBox .singOk{padding:100px 20px 100px; margin-top:20px;  text-align:center; font-size:16px; line-height:22px; background:#f9f9f9; border-radius:10px; letter-spacing:-0.04em; color:#666 }
.sing_infoBox#wrap{min-width:900px}

.reg_wrap{width:1000px}
.reg_wrap #contents{margin:0 !important}
.reg_wrap .page_desc{padding-bottom:0}
.reg_wrap .btn_{ border:1px solid #089cc1; color:#089cc1 !important; height:23px; vertical-align:middle}
.reg_wrap .btn_:hover{background:#1ba6e9; border-color:#1ba6e9; color:#fff !important}
.reg_wrap .txtBox{padding:5px; line-height:16px; color:#666; letter-spacing:-.02em}
.reg_wrap input[type='radio']{margin-right:3px; vertical-align:middle}
.reg_wrap .btn_page_gr{ border:1px solid #ccc; color:#444 !important; font-size:13px; padding:7px 20px; box-sizing:border-box; background:#fff; line-height:14px; font-weight:normal}
.reg_wrap .btn_page_gr:hover{background:#1ba6e9; border-color:#1ba6e9; color:#fff !important}

#login_container.findBox{width:500px !important; padding:20px 40px 40px;}
#login_container.findBox .login_form fieldset{padding:20px 0 10px}
#login_wrap #login_container.findBox .login_form{width:100% !important}
.findBox h1{font-size:22px; color:#666}
.findBox dd{width:100% !important}
.findBox .button{position:static !important;}
.findBox .button .btn_find{width:100%; height:40px; line-height:36px; font-size:16px; background:#64bfeb; border-radius:3px; color:#fff !important}
.findBox .button .btn_find:hover{background:#1ba6e9}

/* OTP */
.otpNumber{padding:10px; background:#eef5f9; border-radius:4px; margin-top:20px }
.otpNumber dl{display:block; height:34px;; padding-left:20px}
.otpNumber dl dt, .otpNumber dl dd{display:inline-block; width:auto !important; padding:0; line-height:34px; height:34px}
.otpNumber dl dt{font-size:13px; font-weight:normal; line-height:36px}
.otpNumber dl dd{padding-left:10px}
.otpNumber .count{display:inline-block; font-size:18px; color:blue; margin:0 20px 0 10px;}
.otpNumber .btnsArea button{display:inline-block; border:1px solid #ccc; color:#444; padding:6px 15px 8px; cursor:pointer; font-size:13px; line-height:14px; border-radius:4px; background:#fff}
.otpNumber .btnsArea button:hover{background:#1ba6e9; border-color:#1ba6e9; color:#fff}

.tbInpBox {padding:20px 15px !important; background:#f8f8f8; border-radius:4px; border-top:0 !important }
.tbInpBox  table, .tbInpBox th, .tbInpBox td{border:0 !important; background:none !important; margin:0 !important}
#singUp .btnsArea02{padding-bottom:0 !important}
#singUp .btnsArea02 a{display:inline-block; border:1px solid #ccc; color:#444; padding:6px 25px 8px; cursor:pointer; font-size:13px; line-height:14px; border-radius:4px; background:#fff }
#singUp .btnsArea02 a:hover{background:#1ba6e9; border-color:#1ba6e9; color:#fff}

.ico_Status{padding:0 5px}
.ico_Status img{width:100%; height:15px;}

/* Site Map */
.sitemap_box{margin:20px 0; }
.sitemap_menu{ padding:0 15px 15px; width:25%; box-sizing:border-box}
.sitemap_menu h4 a{color:#1b79c7 ; border-bottom:1px solid #c3def4; padding-left:20px}
.sitemap_menu ul {margin:10px 10px 0 7px}
.sitemap_menu ul ul{margin:0 0 10px }
.sitemap_menu ul li a:hover{color:#424242}
.sitemap_menu ul ul li a:hover{color:#448fd1; text-decoration:underline }

/* button */
.btn_align_01{background:none; border:0; padding:0; margin-bottom:3px}
.excel_btn_02, .excel_btn_02:hover{padding: 0 8px 0 !important;}

/* popup */
#pop_wrap h3{background:#3292c0; color:#fff}
#pop_wrap .form_table th.title{background:#dae8f3}