@charset "UTF-8";

@import url('default.css');

/* body */
body.intro{background:#f1f1f2; height:100%;}
body.popup{background:#fff; height:100%; padding:0; margin:0}
body{background:url(../../images/intranet/header_bg.png) 0 0 repeat-x; width:100%;}
/*스킵네비게이션*/
#sknavi_div {float:left; margin-top:-200px;}
.sknavi {position:absolute ; top:-200px; z-index:100; }
.sknavi:focus, .sknavi:active {top:1px ; display:block ; width:130px ; height:20px ; }

/* 전체 그룹 */
#wrapper {width:100%; margin:0 auto; position:relative; }
#wrapper:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
@media screen and (min-width:320px) and (max-width:1100px){
#wrapper {width:1100px;}
}

#wrap { position:relative; width:100%; margin:0 auto;}
#wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#container{ position:relative; width:100%; margin:0 auto;}
#container:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

/* 상단 */
#header_wrap{position:relative; width:100%; height:92px; padding:0; margin:0 auto; background:url(../../images/intranet/header_bg.png) 0 0 repeat-x; z-index:999}
#header{position:relative;width:1100px;height:92px;padding:0;margin:0 auto;}
#header > h1.logo {position:absolute;left:0;top:7px; }
#header > h1.logo > a{font-weight:700; font-size:21px; color:#bec4d7; line-height:12px!important; letter-spacing:3.2px;text-align:left;}
#header > h1.logo > a span{font-weight:400; font-size:13px; color:#bec4d7; line-height:10px!important;  letter-spacing:0px;text-align:left;}

#gnb{position:absolute; top:15px; right:0;width:350px;}
#gnb:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#gnb > ul {float:right}
#gnb > ul > li{float:left; padding:0px 0 0 2px; }
#gnb > ul > li > a{display:inline-block; padding:1px 5px; background:#212531; color:#ccc; font-size:12px;text-align:center; }
#gnb > ul > li:first-child > a{display:inline-block; padding:0px 5px; background:#f08200 ; color:#fff; font-size:12px;text-align:center; cursor:default}
#gnb > ul > li > a.old_ver{display:inline-block; padding:0px 5px; background:#0065ab ; color:#fff; font-size:12px;text-align:center; cursor:default}

.user_auth{position:absolute; top:2px; right:10px;text-align:right;height:15px; color:#fff; text-decoration:none;font-size:12px;}
.user_auth strong{font-family:'NanumGothicWebBold'; color:#4c97ff}

#lnb{position:absolute; left:200px; top:0px; width:550px; height:56px; }
#top_menu{width:550px; height:56px;}
ul#top_menu > li {float:left; text-align:center; width:20%;}
ul#top_menu > li > a{display:inline-block;width:100%; padding:15px 0; text-align:center;font-size:16px; font-weight:700 ; color:#fff; }
ul#top_menu > li > a:hover{color:#17c1fd;}
ul#top_menu > li > a.current{background:#4c97ff;}
ul#top_menu > li > a.current:hover{color:#fff!important;}

#sub_top_menu{position:absolute; top:56px; left:0;width:850px; background:#fff; z-index:10; }
#sub_top_menu.long {width:1000px; left:-75px;}
#sub_top_menu:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
ul#sub_top_menu > li {float:left; text-align:center;display:table; margin-left:20px; }
ul#sub_top_menu > li.work {float:left; text-align:center;display:table; margin-left:10px; }
ul#sub_top_menu > li:first-child{margin-left:0}
ul#sub_top_menu > li > a{display:table-cell;width:100%; padding:5px 0; text-align:center;  vertical-align:middle; font-size:15px; font-weight:700 ; color:#666; word-spacing:-1px; letter-spacing:-1px; }
ul#sub_top_menu > li > a:hover, ul#sub_top_menu > li > a.current{color:#3399ff;}

/* title_wrap */
.title_wrap{position:relative; width:100%; height:60px; margin:0 auto; padding:0; border-bottom:1px solid #dfdfdf; zoom:1;}
.title_wrap:after{display:block;clear:both;content:''}
.title_wrap > .title{display:block; margin:0 auto; width:1100px;}
.title_wrap > .title > h2{float:left; width:50%; text-align:left; color:#575d74; font-size:1.875em;font-size:1.875rem; font-weight:700; padding-top:18px;  }
.title_wrap > .title > .icon_area{float:left;width:39%; text-align:right;padding-top:15px;  }
.title_wrap > .title > .time_check{float:right;width:11%; text-align:right;padding-top:17px; color:#f08200; font-weight:700; word-spacing:-1px; letter-spacing:-1px; }
.title_wrap > .title > .time_check > input{padding-top:0!important; padding-bottom:0!important; border:none; display:inline-block;width:40px; margin-top:-4px; color:#444;}

.btn_print{display:inline-block; padding:3px 10px 3px 36px; background:#eff1f4 url(../../images/intranet/icon_print.png) 10px 50% no-repeat;  font-size:13px; color:#666; border:1px solid #969696;}
.btn_help{display:inline-block; padding:3px 10px 3px 36px; background:#797979 url(../../images/intranet/icon_setting.png) 10px 50% no-repeat;  font-size:13px; color:#fff; border:1px solid #797979;}
.btn_help:focus, .btn_help:hover{color:#fff!important;}

/* 아이콘 영역 
.icon_area{position:relative;width:100%;text-align:right; padding:20px 0; margin:0 auto; }
*/


/* 푸터 */
#footer {position:relative; width:100%; height:100px; margin:0 auto; padding:0; border-top:1px solid #dfdfdf; }
#footer:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.footer_wrap{position:relative; width:1100px; margin:0 auto; padding:10px 0; }
.footer_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.footer_wrap > .footer_info {position:absolute; top:10px; left:0; width:70%; height:100px; font-size:13px;}
.footer_wrap > .footer_site {position:absolute; top:10px; right:0; width:300px; text-align:right;}
select.site_list{height:27px!important; border:1px solie #cacaca!important; font-size:13px!important;  line-height:20px!important; margin-top:-1px!important; }
a.site_go{display:inline-block; width:42px; height:25px; padding-top:2px; padding-left:8px; color:#fff; font-weight:400; font-size:12px; background:#999 url(../../images/intranet/bullet_arrow.png) 38px 10px no-repeat; text-align:left!important; }

a.hanwool_go{position:absolute; top:10px; left:650px; display:inline-block; width:100px; height:25px; padding-top:2px; padding-left:8px; color:#fff; font-weight:400; font-size:12px; background:#7f8bab url(../../images/intranet/bullet_arrow.png) 95px 10px no-repeat; text-align:left!important; }

/* 인트로 */
#intro_wrap{position:relative; width:735px; height:360px; padding:140px 0; margin:0 auto;}
#intro_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

#intro{position:relative; width:735px; height:360px; margin:0 auto; background:url(../../images/intranet/intro_bg.png) 0 0 no-repeat;}
#intro:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.intro_logo{position:absolute;left:46px;top:58px; color:#bec4d7; font-size:16px; font-weight:700; line-height:2rem!important}
.intro_logo > strong{color:#fff; font-size:32px; font-weight:700; }
.intro_title{position:absolute;left:335px;top:50px; color:#2c2c2c; font-size:30px; font-weight:700; }
.intro_input_id{position:absolute;left:335px;top:120px; width:230px; height:40px!important; padding-left:7px!important; border:1px solid #b2b2b2!important; color:#bababa!important; }
.intro_input_pw{position:absolute;left:335px;top:170px; width:230px; height:40px!important; padding-left:7px!important; border:1px solid #b2b2b2!important; color:#bababa!important; }
.intro_btn_login{position:absolute;right:55px;top:120px; width:95px; height:95px; background:#303030; color:#fff; font-size:16px; text-align:center; }
ul.btn_link{position:absolute;left:335px;top:280px; width:335px; height:27px;}
ul.btn_link li{float:left; margin-left:7px;}
ul.btn_link li:first-child{margin-left:0}
ul.btn_link li a{display:inline-block; width:107px; height:25px; padding-top:2px; text-align:center; color:#fff; font-weight:400; font-size:12px;}
ul.btn_link li a.link_id{background:#7f8bab url(../../images/intranet/bullet_arrow.png) 94px 10px no-repeat; }
ul.btn_link li a.link_pw{background:#8d8483 url(../../images/intranet/bullet_arrow.png) 94px 10px no-repeat; }
ul.btn_link li a.link_join{background:#3b3b3b url(../../images/intranet/bullet_arrow.png) 94px 10px no-repeat; }

#intro_footer{position:relative; width:735px; margin:0 auto; text-align:center; font-size:13px; padding-top:20px;}

a.hanwool_go_intro{display:inline-block; width:100px; height:25px; padding-top:2px; padding-left:8px; color:#fff; font-weight:400; font-size:12px; background:#7f8bab url(../../images/intranet/bullet_arrow.png) 95px 10px no-repeat; text-align:left!important; }


/* 컨텐츠 */
#contents_wrap {width:100%; margin:0 auto; position:relative;  }
#contents_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#contents_div {position:relative; width:1100px; margin:0 auto;padding:0 0 100px 0; }
#contents_div:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#report{position:relative; width:1100px; margin:0 auto;}
#report:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

/* Heading */
h3.profile{display:block; text-align:center; font-size:24pt; font-weight:700; padding:5px 0; margin-top:30px; margin-bottom:30px;}
h4.profile{display:block; color:#4d5560; font-size:18pt; font-weight:700; margin-bottom:10px;}
h4.profile > span{display:inline-block; float:right; text-align:right; font-size:13px;font-weight:400; }
h3.member{display:block; text-align:left; font-size:24pt; font-weight:700; padding:5px 0; margin-top:50px; margin-bottom:30px;}
h4.member{display:block; color:#4d5560; font-size:18pt; font-weight:700; margin-bottom:10px;}


/* 테이블 스타일 - (th-center, td-center) */
table.profile {border-top:2px solid #a4b4cd; border-bottom:1px solid #cedaed;}
table.profile:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.profile.bdnone {border-top:none!important;}
table.profile.bdnone2 {border-bottom:none!important;}
table.profile tbody th {text-align:left; border-top:1px solid #edeef2; background:#f8f8f9; color:#7581ab; font-weight:400; padding:8px 0 8px 16px;}
table.profile tbody td {text-align:left; padding:8px 15px; border-top:1px solid #edeef2; }
table.profile tbody th.img {text-align:center; border-right:1px solid #cedaed; background:#f2f5f9; padding:0;border-top:none!important;}
table.profile tbody th.img > .img_wrap{margin:0 auto; text-align:center; background:#fff; width:100px; height:130px; padding:10px; border:1px solid #e5e5e5;}
table.profile tbody th.img > .img_wrap > img{width:100px; height:130px;}

span.profile_btn{}
.file_up {padding:6px; color:#fff!important; background:#4c97ff; border-radius:3px; margin:15px auto 0; text-align:center; display:inline-block!important; font-size:1rem; font-weight:bold; line-height:1; border:1px solid #4c97ff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.file_up:active {backgroud:#4c97ff;}
.profile_btn input[type="file"]{position:absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}



table.profile tbody th.bdnone, table.profile tbody td.bdnone{border-top:none!important; }
table.profile tbody th.bdline{border-left:1px solid #edeef2;}
table.profile tbody td p.dotline_top {display:block; border-top:1px dotted #dfdfdf;padding-top:8px;margin-top:8px;}
table.profile thead th {text-align:center; border-top:none; border-left:1px solid #edeef2; background:#f8f8f9; color:#7581ab; font-weight:400; padding:8px 0;}
table.profile thead th:first-child{border-left:none!important;}
table.profile tbody th.stitle{border-left:1px solid #edeef2; color:#666}
table.profile tbody td p, table.profile tbody td div p{margin-top:5px; margin-bottom:0!important}
table.profile tbody td p:first-child{margin-top:0}

table.profile tbody th.req {background:#f8f8f9 url(../../images/intranet/icon_req.png) 30px 50% no-repeat;  padding:6px 0 6px 60px;}


.item01{display:inline-block; padding-left:10px; background:url(../../images/intranet/bullet_list_item.png) 0 50% no-repeat;}

table.profile2 {border-top:1px solid #a4b4cd; border-bottom:1px solid #cedaed;}
table.profile2:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.profile2.bdnone {border-top:none!important;}
table.profile2 tbody th {text-align:left; border-top:1px solid #edeef2; background:#f8f8f9; color:#7581ab; font-weight:400; padding:6px 0 6px 16px;}
table.profile2 tbody td {text-align:center; padding:6px 10px; height:22px; border-top:1px solid #edeef2; }
table.profile2 tbody th.bdnone, table.profile2 tbody td.bdnone{border-top:none!important; }
table.profile2 tbody td p.dotline_top {display:block; border-top:1px dotted #dfdfdf;padding-top:6px;margin-top:6px;}
table.profile2 thead th {text-align:center; border-top:none; border-left:1px solid #edeef2; background:#f8f8f9; color:#7581ab; font-weight:400; padding:6px 0;}
table.profile2 thead th:first-child{border-left:none!important;}

table.profile2 tbody td p, table.profile2 tbody td div p{margin-top:5px;}
table.profile2 tbody td p:first-child{margin-top:0}




.report_top{position:relative; width:100%; margin:50px auto 0; padding:0; height:120px;}
.report_top .report_title{float:left; height:120px; width:40%; padding:0 15%; text-align:center;}
h3.report01{display:block; text-align:center; font-size:24pt; font-weight:700; padding:10px 0 20px 0; margin-bottom:15px; border-bottom:2px solid #ccc;}
h3.report02{display:block; text-align:center; font-size:28pt; font-weight:700; padding:30px 0 20px 0; }
h3.report02 > strong{display:inline-block;  border-bottom:2px solid #ccc;  padding:0 0 20px 0;  }
h3.report02 > input{ font-size:24pt; font-weight:700; height:50px!important }
.report02_writer{display:block; text-align:center; font-size:16pt; font-weight:400; padding:0; margin-top:0px;}
h3.report03{display:block; text-align:center; font-size:24pt; font-weight:700; padding:10px 0 20px 0; margin-bottom:10px;}
h4.report03{display:block; text-align:left; font-size:16pt; font-weight:700; padding:0; margin-bottom:10px;}

.report_top .report_sign{float:right; height:120px; width:30%}
table.report_sign01 {border-left:1px solid #e5e5e5;}
table.report_sign01:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.report_sign01.tb_line{border-bottom:1px solid #e5e5e5;}
table.report_sign01 tbody th {text-align:center; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#f8f8f9; color:#666; font-weight:700; padding:3px 0;}
table.report_sign01 tbody th.sign_title {color:#7581ab;}
table.report_sign01 tbody td {text-align:center; padding:3px 0; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }

table.report_st01 {border-top:1px solid #a4b4cd; border-left:1px solid #e5e5e5;}
table.report_st01:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.report_st01 thead th {text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f9; color:#7581ab; font-weight:700; padding:8px 0;}
table.report_st01 tbody th {text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f9; color:#666; font-weight:700; padding:8px 0;}
table.report_st01 tbody td {text-align:center; padding:8px 8px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position:relative;}
table.report_st01 tbody td > textarea{width:96%; }
ul.uploadfile{width:100%; display:block;}
ul.uploadfile li{float:left; width:33.333%; text-align:center;}

table.report_st01_c {border-top:1px solid #a4b4cd; border-left:1px solid #e5e5e5;}
table.report_st01_c:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.report_st01_c thead th {text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f9; color:#7581ab; font-weight:700; padding:8px 0;}
table.report_st01_c tbody th {text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f9; color:#666; font-weight:700; padding:8px 0;}
table.report_st01_c tbody td {text-align:left; padding:8px 10px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
table.report_st01_c tbody td > textarea{width:96%; }


table.report_st02 {border-top:1px solid #a4b4cd; border-left:1px solid #e5e5e5;}
table.report_st02:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.report_st02 thead th {text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f9; color:#7581ab; font-weight:700; padding:8px 0; font-size:12px!important;line-height:18px!important  }
table.report_st02 tbody th {text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f9; color:#666; font-weight:700; padding:8px 0; font-size:12px!important; }
table.report_st02 tbody td {text-align:center; padding:8px 0; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:12px!important }
table.report_st02 tbody td > input, table.report_st02 tbody th > input{width:88%!important; padding-left:0!important; padding-right:0!important; font-size:12px!important; text-align:center!important }
table.report_st02 tbody td > span{font-size:14px; font-weight:700; display:inline-block; margin-right:20px;}
table.report_st02 tbody td > textarea{width:96%; }
table.report_st02 tbody td.left{padding-left:10px;}


.report_org{position:relative; width:100%; margin:10px auto 50px; padding:0; text-align:right;  font-weight:400; font-size:20px; }

.report_top2{position:relative; width:100%; margin:50px auto 0; padding:0; height:120px;}
.report_top2 .report_date2{float:left; height:120px; width:33%;}
.report_top2 .report_title2{float:left; height:120px; width:32%; padding:0; text-align:center;}
.report_top2 .report_sign2{float:right; height:120px; width:30%}

.report_top3{position:relative; width:100%; margin:50px auto 0; padding:0; height:120px;}
.report_top3 .report_sign3_1{float:left; height:120px; width:13%;}
.report_top3 .report_title3{float:left; height:120px; width:57%; padding:0; text-align:center;}
.report_top3 .report_sign3_2{float:right; height:120px; width:30%}


/* 목록 */
table.report_list {border-top:2px solid #a4b4cd; border-bottom:1px solid #cedaed; margin-top:50px;}
table.report_list:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.report_list.bdnone {border-top:none!important;}
table.report_list.bdnone2 {border-bottom:none!important;}
table.report_list thead th {text-align:center; background:#f8f8f9; color:#7581ab; font-weight:700; padding:6px 0;}
table.report_list tbody td {text-align:center; padding:8px 0; border-top:1px solid #e5e5e5; }
table.report_list tbody td.left {text-align:left; padding:8px 10px;}



/*페이지 네비게이션*/
.pagination{position:relative;width:100%; height:23px; font-size:0.917em; text-align:center; margin:30px auto; padding:0;}
.pagination::after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.pagination img {margin-top:-2px;}
.pagination  span{margin:0 2px}
.pagination  span.select{text-align:center; padding:4px 8px; color:#444; font-weight:700; border:1px solid #ccc; background:#eee; }
.pagination  span a:link {word-spacing:-1px; text-align:center; padding:4px 8px; color:#999; border:1px solid #ccc; }
.pagination  span a:visited {word-spacing:-1px; text-align:center; padding:4px 8px; color:#999; text-decoration: none; border:1px solid #ccc; }
.pagination  span a:hover {word-spacing:-1px; text-align:center; padding:4px 8px; color:#555; text-decoration: underline; border:1px solid #ccc;}
.pagination  span a:active {word-spacing:-1px; text-align:center; padding:4px 8px; color:#555; text-decoration: underline; border:1px solid #ccc;}

/* 버튼 영역 */
.btn_area{float:right; text-align:right; padding:0; margin:20px auto; }
.btn_area_center {margin:20px auto; text-align:center; width:100%;}

/*  검색 */
.board_select_area{position:relative;margin:0 auto;padding:5px 10px;width:65%;background:none;border:1px solid #dbdbdb;}
.board_select_area:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.board_select_area > select.select_item {float:left;background:#f3f3f3;border:1px solid #dbdbdb;padding:0 10px; margin-right:10px;}
.board_select_area .select_input {float:left;width:220px;border:1px solid #dbdbdb;margin-left:-1px;}
.board_select_area input {border:none;}
.board_select_area input.search_btn {position:absolute;top:-1px;right:0;width:90px;height:40px;background:#999;color:#fff;font-size:14px;font-weight: 700;  text-align:center;cursor:pointer;}

/*  검색2 */
.board_select_area2{position:relative;margin:30px auto 0;padding:0;width:100%; height:35px;}
.board_select_area2:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.board_select_area2 .board_select_area2_left{width:50%; float:left; }
.board_select_area2 .board_select_area2_right{width:50%; float:right; text-align:right;}

/*  검색
.select_area{position:relative;margin:0 auto 20px;padding:0;width:60%;height:39px;background:none;border:1px solid #e6e6e6;}
.select_area::after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.select_area .select_item_div {position:absolute;top:6px;left:10px;display:table-cell;width:80px;height:21px;padding:4px 8px 0 8px;background:#f3f3f3;border:1px solid #e6e6e6;}
.select_area select.select_item {border:none;background:none;width:80px;height:16px;}
.select_area .select_input {position:absolute;top:6px;left:118px;width:230px;height:13px;padding:6px 10px;border:1px solid #e6e6e6;}
.select_area .select_btn {position:absolute;top:-1px;right:1px;width:60px;height:42px;}
.select_area input {border:none;}
.select_area input.search_btn {width:90px;height:41px;background:#999;color:#fff;font-size:14px;font-weight:700;text-align:center;cursor:pointer;}
 */

/* 이전글, 다음글 */
.other_list{position:relative;width:100%;height:65px; margin:0 auto; }
.other_list:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.other_list table{width:100%; border:0;border:1px solid #e6e6e6;}
.other_list table caption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.other_list table th{width:20%; padding:8px 0 4px 10px; text-align:left;background-color:#f3f3f3;font-weight:700; }
.other_list table td{width:80%; padding:8px 0 4px 10px; text-align:left;}
.other_list table th.next{border-bottom:1px solid #e6e6e6; }
.other_list table th.prev{text-align:left;}
.other_list table td.next{border-bottom:1px solid #e6e6e6;text-align:left;}
.other_list table td.prev{text-align:left;}





/* 버튼사이즈 - 가로 : 유동적 / 세로 : 25px  / 폰트 : 13px */
.buttonD{position:relative; margin:0; display:-moz-inline-stack;display:inline-block;cursor:pointer;text-decoration:none !important; border:0;background:#61656b; overflow:visible;font-size:13px;line-height:13px;color:#fff;white-space:nowrap; vertical-align:top; height:19px; padding:6px 8px 0 8px; margin-right:2px; margin-top:1px;}
.buttonD.gray{background:#61656b;}
.buttonD.lgray{background:#a2a2a2;}
.buttonD.red{background:#e95359;}
.buttonD.blue{background:#0085cf;}
.buttonD.navy{background:#133360;}
.buttonD.sky{background:#35ddf8;}
.buttonD.ygreen{background:#7bc113;}
.buttonD.orange{background:#f99200;}
.buttonD.white{background:#fff; color:#444!important}

/* 아이디 찾기 */
.searchid_wrap{position:relative;width:360px; margin:50px auto; padding:30px; border:1px solid #ccc}
.searchid_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.searchid_wrap .searchid_title{display:block; padding-bottom:10px; border-bottom:1px solid #777; font-size:18px; font-weight:700; margin-bottom:20px;}
.searchid_wrap p{margin-bottom:10px; }
.searchid_wrap p span{display:inline-block; width:80px; margin-bottom:15px;}

/* 팝업 - 이용자 찾기 */
.popup_wrap {position:relative; margin:0 auto; padding:0; width:100%; height:600px; overflow-x:hidden; overflow-y:auto;}
.popup_title{display:block;padding:10px; text-align:center; background:#555;font-size:18px; font-weight:700; color:#fff; }
.popup_title:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.popup_search{display:block;padding:20px; text-align:center; border-bottom:1px solid #ccc; }
.popup_search:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.popup_search > input.popup_search_input{height:32px!important; border:1px solid #aaa!important; margin:0!important}
.popup_search > select.popup_search_select{height:37px!important; border:1px solid #aaa!important; margin:0!important}
.popup_search > .popup_search_button{position:relative; margin:0; display:-moz-inline-stack;display:inline-block;cursor:pointer;text-decoration:none !important; border:0; background:#61656b; overflow:visible;font-size:14px;line-height:13px;color:#fff;white-space:nowrap; vertical-align:top;  padding:12px 12px 0 12px;height:26px!important;  margin:0px 0 0 -5px!important}
.popup_search p{display:block; font-size:13px; margin-top:5px; color:#f08200}
.popup_search_list{display:block;height:400px;overflow-x:hidden; overflow-y:scroll;}
.popup_search_list ul{display:block;height:400px;}
.popup_search_list ul:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.popup_search_list ul li.list_title{display:block;padding:5px 0; width:100%; border-bottom:1px solid #ccc; background:#f7f7f7;}
.popup_search_list ul li a{display:block;padding:5px 0; width:100%; border-bottom:1px dotted #dbdbdb;}
.popup_search_list ul li a span{display:inline-block; width:25%; font-weight:400;  font-size:13px; text-align:center; padding:0;}
.popup_search_list ul li strong, .popup_search_list ul li a strong{display:inline-block; width:25%; font-weight:700;  font-size:13px; text-align:center; padding:0;}
.popup_close{position:absolute; top:8px; right:10px; font-size:11px; color:#f3f3f3;} 
.popup_close > input {font-size:11px; color:#f3f3f3;} 
.popup_close .popup_close_btn{display:inline-block; padding:2px 10px; font-size:11px; color:#f3f3f3; background:#333;} 

.popup_con_wrap{display:block;padding:20px 0; width:100%; }
.popup_con_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.popup_con{display:block;padding:20px 0; width:100%; text-align:center;height:400px;overflow-x:hidden; overflow-y:scroll;}
.popup_con:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

ul.popup_tab {width:100%;margin-bottom:10px;}
ul.popup_tab:after{display:block;clear:both;height:0px;margin-top:-1px;content:''}
ul.popup_tab li{float:left;width:50%;}
ul.popup_tab li a{display:inline-block; width:100%; height:22px;line-height:22px;text-align:center;padding:9px 0;background:#f9f9f9;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;}
ul.popup_tab li a:hover,
ul.popup_tab li a.on{height:22px;line-height:22px;background:#224494;color:#fff;border-top:1px solid #224494; border-bottom:1px solid #224494;}